﻿html {
    line-height:1.15;
    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;
}


.tpvmenu.minimizado {
    width: 5%; /* O el ancho que prefieras en modo minimizado */
    min-width: 5% !important;
}

.tpvmenu.minimizado ul {
    width: 100%; /* O el ancho que prefieras en modo minimizado */
    min-width: 5% !important;
}

/* Opcional: transiciones suaves */
.tpvmenu {
    transition: width 0.15s ease;
}

.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;
}

