textarea:not(.invalid),
textarea:focus,
input:focus:not(.timepicker-input-hours):not(.timepicker-input-minutes),
input:not(.invalid):not(.timepicker-input-hours):not(.timepicker-input-minutes) {
    border-bottom: 1px solid #3f51b5!important;
    box-shadow: 0 1px 0 0 #3f51b5!important;
}

/*input {*/
/*    border-bottom: 1px solid #3f51b5!important;*/
/*    box-shadow: 0 1px 0 0 #3f51b5!important;*/
/*}*/

textarea.invalid,
input.invalid {
    border-bottom: 1px solid #F44336!important;
    box-shadow: 0 1px 0 0 #F44336!important;
}

@media only screen and (max-width: 600px) {
    .timepicker-digital-display {
        width: 100%!important;
    }
}



input:focus:not(.invalid) ~ label {
    color: #3f51b5!important;
}

textarea:focus:not(.invalid) ~ label {
    color: #3f51b5!important;
}

.timepicker-input-hours, .timepicker-input-minutes {
    height: 100%!important;
    user-select: none!important;
    width: 63px!important;
    border: 0!important;
    border-bottom: 0!important;
    background-color: var(--primary-color)!important;
    padding: 0!important;
}

.input-field .prefix.active {
    color: unset!important;
}

.input-field input:focus:not([readonly])+label, .input-field textarea:focus:not([readonly])+label {
    color: #3f51b5;
}

input[type="radio"].with-gap:checked+span:after,
input[type="radio"].with-gap:checked+span:before {
    border: solid #3f51b5!important;
}

input[type="radio"].with-gap:checked+span:after {
    background-color: #3f51b5!important;
}

#toast-container.bottom-right {
    top: unset;
    bottom: 10%;
}
#toast-container.bottom-left {
    top: unset;
    right: unset;
    bottom: 10%;
    left: 7%;
}