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

a.profile-photo-edit:hover {
    color: var(--maincolor);
}

.toolbar-bottom .toolbar-icons:hover {
    color: var(--maincolor);
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid var(--maincolor);
    box-shadow: 0 1px 0 0 var(--maincolor);
}

.select-wrapper input.select-dropdown:focus {
    border-bottom:1px solid var(--maincolor);
}

.dropdown-content li > a, .dropdown-content li > span {
    color: var(--maincolor);
}

.timepicker-digital-display {
    background-color: var(--maincolor);
}

.timepicker-clear {
    color: var(--maincolor);
}

.timepicker-canvas-bg {
    fill: var(--maincolor);
}

.timepicker-canvas-bearing {
    fill: var(--maincolor);
}

.timepicker-canvas line {
    stroke: var(--maincolor);
}

.timepicker-close {
    color: var(--maincolor);
}

input:not([type]):focus:not([readonly]) + label, input[type=text]:not(.browser-default):focus:not([readonly]) + label, input[type=password]:not(.browser-default):focus:not([readonly]) + label, input[type=email]:not(.browser-default):focus:not([readonly]) + label, input[type=url]:not(.browser-default):focus:not([readonly]) + label, input[type=time]:not(.browser-default):focus:not([readonly]) + label, input[type=date]:not(.browser-default):focus:not([readonly]) + label, input[type=datetime]:not(.browser-default):focus:not([readonly]) + label, input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label, input[type=tel]:not(.browser-default):focus:not([readonly]) + label, input[type=number]:not(.browser-default):focus:not([readonly]) + label, input[type=search]:not(.browser-default):focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
    color: var(--maincolor);
}

.input-field .prefix.active {
    color: var(--maincolor);
}

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

[type=radio]:checked + span:after, [type=radio].with-gap:checked + span:before, [type=radio].with-gap:checked + span:after {
    border: 2px solid var(--darken-1);
}

.tabs .tab a {
    color: var(--maincolor) !important;
}

.tabs-vertical .media-body
{
    padding: 0 25px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.tabs-vertical .tabs
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: auto;
    border-radius: 4px;
    background-color: transparent;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.tabs-vertical .tabs .tab
{
    width: 100%;
    text-align: start;
}

.tabs-vertical .tabs .tab a
{
    -webkit-transition: none !important;
    transition: none !important;
    color: #6b6f82;
}

.tabs-vertical .tabs .tab a:hover
{
    color: #6b6f82 !important;
}

.tabs-vertical .tabs .tab a.active
{
    color: var(--darken-1) !important;
    border-radius: 4px;
    background-color: var(--lighten-5) !important;
}

.tabs-vertical .tabs .tab a.active:hover
{
    color: var(--maincolor) !important;
}

.tabs-vertical .tabs .tab a i
{
    position: relative;
    top: 7px;
    margin-right: .2rem;
}

.tabs-vertical .tabs .tab:hover
{
    background-color: #eee;
}

.tabs-vertical .indicator
{
    display: none;
}

.tabs-vertical .upfilewrapper
{
    overflow: hidden;
    width: 0;
    height: 0;
}

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

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

.switch label .lever:before {
    background-color: var(--accent-2-t);
}

input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before, input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
    background-color: var(--accent-2-t);
}

.datepicker-date-display {
    background-color: var(--maincolor);
}

.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done {
    color: var(--maincolor);
}

.datepicker-table td.is-today {
    color: var(--accent-4);
}

.datepicker-table td.is-selected {
    background-color: var(--maincolor);
}

.datepicker-day-button:focus {
    background-color: var(--maincolor-t);
}

.chip:focus {
    background-color: var(--lighten-1);
}

.tabs .indicator {
    background-color: var(--darken-1);
}

.tabs .tab a:hover, .tabs .tab a.active {
    color: var(--maincolor);
}

.tabs .tab a:focus, .tabs .tab a:focus.active {
   background-color: var(--darken-1-t);
}

a {
    color: var(--darken-1);
}

.select-wrapper.valid > input.select-dropdown, input:not([type]).valid, input:not([type]):focus.valid, input[type=text]:not(.browser-default).valid, input[type=text]:not(.browser-default):focus.valid, input[type=password]:not(.browser-default).valid, input[type=password]:not(.browser-default):focus.valid, input[type=email]:not(.browser-default).valid, input[type=email]:not(.browser-default):focus.valid, input[type=url]:not(.browser-default).valid, input[type=url]:not(.browser-default):focus.valid, input[type=time]:not(.browser-default).valid, input[type=time]:not(.browser-default):focus.valid, input[type=date]:not(.browser-default).valid, input[type=date]:not(.browser-default):focus.valid, input[type=datetime]:not(.browser-default).valid, input[type=datetime]:not(.browser-default):focus.valid, input[type=datetime-local]:not(.browser-default).valid, input[type=datetime-local]:not(.browser-default):focus.valid, input[type=tel]:not(.browser-default).valid, input[type=tel]:not(.browser-default):focus.valid, input[type=number]:not(.browser-default).valid, input[type=number]:not(.browser-default):focus.valid, input[type=search]:not(.browser-default).valid, input[type=search]:not(.browser-default):focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid {
    border-bottom: 1px solid var(--accent-4);
    box-shadow: 0 1px 0 0 var(--accent-4);
}

ul.stepper .step.active::before, ul.stepper .step.done::before
{
    background-color: var(--maincolor);
}

.noUi-horizontal .noUi-handle, .noUi-vertical .noUi-handle
{
    background-color: var(--maincolor);
}
.noUi-target.noUi-horizontal .noUi-tooltip
{
    background-color: var(--maincolor);
}

.carousel .indicators .indicator-item {
    background-color: var(--lighten-4);
}

.carousel .indicators .indicator-item.active {
    background-color: var(--maincolor);
}