
:root {
    --go-color-label-input-active: #2196F3;
    --go-color-bottom-border-input-active: #2196F3;
    --go-color-progress-bar: #008aff;
    --go-color-progress-background: #cde9fa;
    --go-color-switch-lever: #2196F3;
    --go-color-switch-lever-background: #84cbf3;
}

/* **** */
.materialized .input-field {
    margin-bottom: 0;
}

.materialized .input-field > label {
    top: -10px;
}
.materialized .input-field > label:not(.label-icon).active {
    transform: translateY(-8px) scale(0.9);
}

.materialized .input-field > label, .materialized label {
    font-size: 16px !important;
    font-weight: 400 !important;
}

.materialized .select-wrapper + label {
    top: -20px;
    left: -3px;
    transform: scale(0.9);
}
.materialized .select-wrapper input.select-dropdown {
    font-size: 14px;
}
.materialized .dropdown-content li > a, .dropdown-content li > span {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: 8px;
}
.materialized .dropdown-content li {
    min-height: 22px;
}

.materialized [type="radio"]:checked + span, .materialized [type="radio"]:not(:checked) + span {
    font-size: 14px;
}

/* **** */
/* COLORS */
.materialized.chips.focus {
    border-bottom: 1px solid var(--go-color-label-input-active) !important;
    -webkit-box-shadow: 0 1px 0 0 var(--go-color-label-input-active) !important;
    box-shadow: 0 1px 0 0 var(--go-color-label-input-active) !important;
}
.materialized input.valid:not([type]), input.valid:not([type]):focus,
.materialized input.valid[type=text]:not(.browser-default),
.materialized input.valid[type=text]:not(.browser-default):focus,
.materialized input.valid[type=password]:not(.browser-default),
.materialized input.valid[type=password]:not(.browser-default):focus,
.materialized input.valid[type=email]:not(.browser-default),
.materialized input.valid[type=email]:not(.browser-default):focus,
.materialized input.valid[type=url]:not(.browser-default),
.materialized input.valid[type=url]:not(.browser-default):focus,
.materialized input.valid[type=time]:not(.browser-default),
.materialized input.valid[type=time]:not(.browser-default):focus,
.materialized input.valid[type=date]:not(.browser-default),
.materialized input.valid[type=date]:not(.browser-default):focus,
.materialized input.valid[type=datetime]:not(.browser-default),
.materialized input.valid[type=datetime]:not(.browser-default):focus,
.materialized input.valid[type=datetime-local]:not(.browser-default),
.materialized input.valid[type=datetime-local]:not(.browser-default):focus,
.materialized input.valid[type=tel]:not(.browser-default),
.materialized input.valid[type=tel]:not(.browser-default):focus,
.materialized input.valid[type=number]:not(.browser-default),
.materialized input.valid[type=number]:not(.browser-default):focus,
.materialized input.valid[type=search]:not(.browser-default),
.materialized input.valid[type=search]:not(.browser-default):focus,
.materialized textarea.materialize-textarea.valid,
.materialized input[type=search]:not(.browser-default):focus:not([readonly]),
.materialized textarea.materialize-textarea:focus:not([readonly]),
.materialized textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
    border-bottom: 1px solid var(--go-color-bottom-border-input-active) !important;
    -webkit-box-shadow: 0 1px 0 0 var(--go-color-bottom-border-input-active) !important;
    box-shadow: 0 1px 0 0 var(--go-color-bottom-border-input-active) !important;
}

.input-field input:focus + label, .materialized label  {
    color: var(--go-color-label-input-active) !important;
}
.input-field input:focus,
.materialized input[type=tel]:not(.browser-default):focus {
    border-bottom: 1px solid var(--go-color-label-input-active) !important;
    box-shadow: 0 1px 0 0 var(--go-color-label-input-active) !important
}
.section-search input.autocomplete {
    color: #000;
}
.input-field .prefix.active {
    color: #000 !important;
}
.dropdown-content li>a, .dropdown-content li>span {
    color: #000 !important;
}
.autocomplete-content li .highlight {
    color: var(--go-color-label-input-active) !important;
}
.materialized.progress {
    position: relative;
    height: 4px;
    display: block;
    width: 100%;
    background-color: var(--go-color-progress-background) !important;
    border-radius: 0;
    margin: 0.5rem 0 1rem 0;
    overflow: hidden;
}
.materialized.progress .indeterminate {
    background-color: var(--go-color-progress-bar) !important;
}

.materialized .switch label input[type=checkbox]:checked + .lever {
    background-color: var(--go-color-switch-lever-background);
}
.materialized .switch label input[type=checkbox]:checked + .lever:after {
    background-color: var(--go-color-switch-lever);
}

.materialized [type="checkbox"]:checked + span:not(.lever):before {
    border-right: 2px solid var(--go-color-switch-lever);
    border-bottom: 2px solid var(--go-color-switch-lever);
}

.materialized [type="radio"]:checked + span:after, .materialized [type="radio"].with-gap:checked + span:after {
    background-color: var(--go-color-switch-lever);
}
.materialized [type="radio"]:checked + span:after, .materialized [type="radio"].with-gap:checked + span:before, .materialized [type="radio"].with-gap:checked + span:after {
     border: 2px solid var(--go-color-switch-lever);
}
/**/