html {
    line-height:1.5;
    font-size:1rem;
    font-family: -apple-system,BlinkMacSystemFont,"League Spartan","Segoe UI", Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

.admincolor-text {
    color: #b281ac;
}

.admincolor {
    background-color: #b281ac;
}

.backgroundadmin {
    background-color: #b281ac;
}

.backgroundmain {
    background-color: orange !important;
}


/*CHECKS LILES*/
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(--primary-color-admin);
}

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

itescola-checkbox, [type="checkbox"]:checked + label:before {
    border-right: 2px solid var(--primary-color-admin) !important;
    border-bottom: 2px solid var(--primary-color-admin) !important;
}

/*SIDE NAV*/
/* Solo ocultar spans en menús minimizados */
.tpvmenu.minimizado ul li span {
    display: none;
}

.tpvmenu.minimizado ul li div {
    justify-content: normal !important;
}


.tpvmenu.minimizado {
    width: 80px !important; /* O el ancho que prefieras en modo minimizado */
    min-width: 80px !important;
}

    .tpvmenu.minimizado ul {
        width: 80px; /* O el ancho que prefieras en modo minimizado */
        min-width: 80px; /* O el ancho que prefieras en modo minimizado */
    }

.tpvmenu.minimizado .subnivel > li {
    padding-left: 0;
}


    /* Opcional: transiciones suaves */
    .tpvmenu {
        transition: width 0.15s ease;
        height: 90vh;
    }

    .paddingmenu {
        padding: 9px !important;
    }

    .main-menu li {
        line-height: 20px !important;
    }

    .main-menu, .submenu {
        background-color: var(--sistem-mediumpurple);
        color: var(--primary-color-blanco);
        position: relative !important;
        max-width: 230px;
        z-index: 1000 !important;
    }

    .modo-arbol .submenu {
        position: absolute !important;
        display: none;
        width: 400px;
    }