/* RESET SEMANTIC */

.ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url] {
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;

    background: var(--main-background);
    border: 1px solid black;
}



.ui.form input:not([type]):focus, .ui.form input[type=date]:focus, .ui.form input[type=datetime-local]:focus, .ui.form input[type=email]:focus, .ui.form input[type=file]:focus, .ui.form input[type=number]:focus, .ui.form input[type=password]:focus, .ui.form input[type=search]:focus, .ui.form input[type=tel]:focus, .ui.form input[type=text]:focus, .ui.form input[type=time]:focus, .ui.form input[type=url]:focus {
    background: var(--main-background);;
    color: black;
	-webkit-box-shadow: 2 0 0 0 rgba(0,0,0,1) inset;
    box-shadow: 2 0 0 0 rgba(0,0,0,1) inset;
    border-color: black;
}

.ui.form input:not([type])::placeholder, .ui.form input[type=date]::placeholder, .ui.form input[type=datetime-local]::placeholder, .ui.form input[type=email]::placeholder, .ui.form input[type=file]::placeholder, .ui.form input[type=number]::placeholder, .ui.form input[type=password]::placeholder, .ui.form input[type=search]::placeholder, .ui.form input[type=tel]::placeholder, .ui.form input[type=text]::placeholder, .ui.form input[type=time]::placeholder, .ui.form input[type=url]::placeholder {
	color: black;
}

.ui.form .field.field input:-webkit-autofill { 
	-webkiy-box-shadow: 0 0 0 100px var(--main-background) inset;
	box-shadow: 0 0 0 100px var(--main-background) inset;
	border-color: black;
	color: black;

 }




.ui.checkbox .box:before, .ui.checkbox label:before {
    background: var(--main-background);
    border: 1px solid black;
}

.ui.checkbox .box:after, .ui.checkbox label:after {
    background: var(--main-background);
    border: 1px solid black;
}

.ui.checkbox .box:hover::before, .ui.checkbox label:hover::before {
    background: var(--main-background);
    border: 1px solid black;
}

.ui.checkbox .box:hover::after, .ui.checkbox label:hover::after {
    background: var(--main-background);
    border: 1px solid black;
}

.ui.checkbox input:checked~.box:before, .ui.checkbox input:checked~label:before {
    background: var(--main-background) !important;
    border: 1px solid black !important;
}

.ui.checkbox input:checked~.box:after, .ui.checkbox input:checked~label:after {
    /*background: var(--main-background);*/
    border: 1px solid black;
    border-radius: .21428571rem;
}

.ui.radio input:checked~.box:after, .ui.radio input:checked~label:after {
    /*background: var(--main-background);*/
    border: 1px solid black;
    border-radius: 500rem;
}

.ui.checkbox .box:active::before, .ui.checkbox label:active::before {
    background: var(--main-background);
    border: 1px solid black;
}

.ui.checkbox .box:active::after, .ui.checkbox label:active::after {
    background: var(--main-background);
    border: 1px solid black;
}

.ui.checkbox input:checked:focus~.box:before, .ui.checkbox input:checked:focus~label:before, .ui.checkbox input:not([type=radio]):indeterminate:focus~.box:before, .ui.checkbox input:not([type=radio]):indeterminate:focus~label:before {
    background: var(--main-background);
    border: 1px solid black;
}

.ui.checkbox input:checked:focus~.box:after, .ui.checkbox input:checked:focus~label:after, .ui.checkbox input:not([type=radio]):indeterminate:focus~.box:after, .ui.checkbox input:not([type=radio]):indeterminate:focus~label:after {
    background: var(--main-background);
    border: 1px solid black;
}

.ui.checkbox input:focus~.box:before, .ui.checkbox input:focus~label:before {
    background: var(--main-background);
    border: 1px solid black;
}

.ui.checkbox input:focus~.box:after, .ui.checkbox input:focus~label:after {
    background: var(--main-background);
    border: 1px solid black;
}

.ui.radio.checkbox input:checked~.box:before, .ui.radio.checkbox input:checked~label:before {
    background-color: var(--main-background)!important;
}


.ui.selection.dropdown{
    background: var(--main-background);
    border:1px solid black;
}

.ui.form textarea{

	    background: var(--main-background);
    border:1px solid black;
}

.ui.form textarea:focus{
		    background: var(--main-background);
    border:1px solid black;
}

.ui.radio.checkbox input:checked~.box:after, .ui.radio.checkbox input:checked~label:after {
 
    background: black;


 /*border-radius: 10px;*/
}

.ui.dropdown .menu{
    background-color: var(--main-background);
}