/* label color */
.input-field label 
{
   /*  font-size : 12px !important;  */
    color                           : var(--primary-color) !important;
}

/* label focus color */
.input-field input[type=text]:focus + label, 
.input-field input[type=email]:focus + label, 
.input-field input[type=password]:focus + label, 
.input-field input[type=number]:focus + label
.input-field textarea:focus + label
{
    color                           : var(--primary-color) !important;
}

/* label underline focus color */
.input-field input[type=text]:focus, 
.input-field input[type=email]:focus, 
.input-field input[type=password]:focus, 
.input-field input[type=number]:focus, 
.input-field input[type=date]:focus, 
.input-field input[type=datetime]:focus, 
.input-field input[type=datetime-local]:focus, 
.input-field textarea:focus,
input[type=search]:focus
{
    border-bottom                   : 1px solid var(--primary-color) !important;
    box-shadow                      : 0 1px 0 0 var(--primary-color) !important;
}

.input-field > .prefix.active 
{
    color : var(--primary-color) !important;
}

/* valid color */
.input-field input[type=text].valid,
.input-field input[type=email].valid, 
.input-field input[type=password].valid, 
.input-field input[type=number].valid, 
.input-field input[type=date].valid, 
.input-field input[type=datetime].valid,
.input-field input[type=datetime-local].valid  
.input-field textarea:valid
{
    border-bottom                   : 1px solid var(--secondary-color) !important;
    box-shadow                      : 0 1px 0 0 var(--secondary-color) !important;
}

/* invalid color */
.input-field input[type=text].invalid 
.input-field input[type=email].invalid, 
.input-field input[type=password].invalid, 
.input-field input[type=number].invalid, 
.input-field input[type=date].invalid, 
.input-field input[type=datetime].invalid,
.input-field input[type=datetime-local].invalid  
.input-field textarea:invalid
{
    border-bottom                   : 1px solid var(--error-color) !important;
    box-shadow                      : 0 1px 0 0 var(--error-color) !important;
}

/* icon prefix focus color */
.input-field .prefix.active 
{
    color                           : var(--primary-color);
}

.pagination li.active
{
    background-color                : var(--secondary-color) !important;
}

input[type="checkbox"]:checked + span:not(.lever)::before
{
    border-right-color                    :   var(--secondary-color) !important;
    border-bottom-color                   :   var(--secondary-color) !important;
}

[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + span::after 
{
    background-color: var(--secondary-color) !important;
}

[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + span::before, [type="radio"].with-gap:checked + span::after 
{
    border: 2px solid  var(--secondary-color) !important;
}

.btn-flat.btn-small:hover, .btn-flat.btn:hover, .btn-flat.btn-large:hover 
{
    background-color : lightgrey !important;
}