/*Menus*/

.nav {
    list-style: none;
    *zoom: 1;
    /*background:#175e4c;*/
    padding-left: 19px;
    padding-top: 19px;
    font-size: medium;
    list-style: none;
    margin-bottom: 0px;
    text-align: left;
    /*padding-bottom: 10px !important;*/
}

    .nav:before,
    .nav:after {
        content: " ";
        display: table;
    }

    .nav:after {
        clear: both;
    }

    .nav ul {
        list-style: none;
        min-width: 15em;
        width: auto;
        z-index: 10;
    }

    .nav a {
        padding: 10px 10px;
        color: var(--colorTextoMenuCabecera);
        /*font-weight: 400;*/
        /*text-transform: uppercase;*/
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        /*font-size: 12px;*/
        opacity: 1;
        margin-left: 1px !important;
    }

        .nav a:hover {
            text-decoration: none;
            color: var(--colorTextoMenuCabeceraHover) !important;
        }

        .nav a:link a:visited {
            color: var(--colorTextoMenuCabecera);
            text-decoration: none;
        }

        .nav a:active {
            color: var(--colorTextoMenuCabecera);
            text-decoration: none;
        }


    .nav li {
        color: var(--colorTextoMenu) !important;
        margin-right: 5px;
        white-space: nowrap;
        position: relative;
    }

    .nav > li {
        float: left;
        /*border-top: 1px solid #104336;*/
    }

        .nav > li > a {
            display: block;
        }

    .nav li ul {
        position: absolute;
        left: -9999px;
        box-shadow: 3px 3px 8px RGBA(0, 0, 0, 0.3);
    }

    .nav > li.hover > ul {
        left: 0;
        background-color: white;
    }

    .nav li li.hover > ul {
        left: 100%;
        top: 0;
        background-color: white;
        position: absolute;
    }

    .nav li li .parent {
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }

    .nav li li a {
        color: black;
        display: block;
        background-color: white;
        position: relative;
        z-index: 100;
    }

        .nav li li a:hover {
            width: 100% !important;
        }

        .nav li li a:link a:visited {
            color: var(--colorTextoMenu);
            text-decoration: none;
        }

        .nav li li a:active {
            color: var(--colorTextoMenu);
            text-decoration: none;
        }


    .nav li li li a {
        z-index: 200;
        color: var(--colorTextoSubMenu);
        background-color: var(--colorFondoMenuSubMenu);
        margin-left: 0px !important;
        margin-top: 0px !important;
    }

        .nav li li li a:hover {
            color: var(--colorTextoSubMenuHover) !important;
            background-color: var(--colorFondoMenuSubMenuHover);
        }

        .nav li li li a:link a:visited {
            color: var(--colorTextoSubMenu);
            text-decoration: none;
        }

        .nav li li li a:active {
            color: var(--colorTextoSubMenu) !important;
            text-decoration: none;
        }


.toggleMenu {
    display: none;
    background-color: var(--colorColegio);
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-top: 0px;
}

    .toggleMenu:after {
        content: '';
        display: block;
        width: 30px;
        height: 5px;
        background: white;
        margin: 7px 5px;
        box-shadow: 0px 0px 0px white, 0px 10px 0px white, 0px 20px 0px white;
        /*box-shadow: 0px 10px 0px #777, 0px 20px 0px #777*/
    }

/*Menus*/

/*@media screen and (max-width: 768px) {
    /*Menus

    .nav li li a,
    .nav li li a:hover {
        background-color: var(--colorFondoMenuPrincipalHover);
    }

    .nav li li li a,
    .nav li li li a:hover {
        background: var(--colorFondoMenuSubMenu);
    }

    .nav li li li li a,
    .nav li li li li a:hover {
        background: var(--colorFondoMenuSubMenu);
    }
}*/

/*Menú lateral*/
.menuLateral {
    max-height: 700px;
    overflow-x: hidden;
    overflow-y: scroll;
}

    .menuLateral::-webkit-scrollbar {
        -webkit-appearance: none;
    }

        .menuLateral::-webkit-scrollbar:vertical {
            width: 10px;
        }

    .menuLateral::-webkit-scrollbar-button:increment {
        display: none;
    }

    .menuLateral::-webkit-scrollbar:horizontal {
        height: 10px;
    }

    .menuLateral::-webkit-scrollbar-thumb {
        background-color: #797979;
        border-radius: 20px;
        border: 2px solid #f1f2f3;
    }

    .menuLateral::-webkit-scrollbar-track {
        border-radius: 10px;
    }

    .menuLateral .divMenu1::-webkit-scrollbar {
        -webkit-appearance: none;
    }

        .menuLateral .divMenu1::-webkit-scrollbar:vertical {
            width: 10px;
        }

    .menuLateral .divMenu1::-webkit-scrollbar-button:increment {
        display: none;
    }

    .menuLateral .divMenu1::-webkit-scrollbar:horizontal {
        height: 10px;
    }

    .menuLateral .divMenu1::-webkit-scrollbar-thumb {
        background-color: #797979;
        border-radius: 20px;
        border: 2px solid #f1f2f3;
    }

    .menuLateral .divMenu1::-webkit-scrollbar-track {
        border-radius: 10px;
    }

.liMenuLateral {
    border-radius: 0px 20px 20px 0px;
}

    .liMenuLateral:hover {
        background-color: var(--colorFondoMenuSubMenuHover);
        color: var(--colorTextoSubMenuHover) !important;
    }

    .liMenuLateral a {
        white-space: normal;
        overflow-wrap: break-word;
    }

.aMenu:hover {
    color: var(--colorTextoMenuHover);
}

@media screen and (max-width: 992px) {
    .ulMenuLateral {
        flex-direction: row !important;
    }

    .menuLateral .divMenu1 {
        overflow-x: scroll;
        overflow-y: hidden;
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .nav {
        flex-wrap: nowrap !important;
    }

    .liMenuLateral a {
        display: flex !important;
        white-space: nowrap;
    }
}

/* Menú superior */
/*.lnkAccederMenu span {
    color: black;
}*/

.lnkAccederMenu .card :hover {
    background-color: var(--colorFondoMenuPrincipalHover);
    border-radius: var(--bs-card-border-radius);
    color: var(--colorTextoMenuHover) !important;
}

.liMenu a {
    display: flex !important;
    white-space: nowrap !important;
}

.nav {
    flex-wrap: nowrap !important;
}

.aMenu {
    padding: 5px 5px !important;
}

.aMenuPrincipal {
    padding: 10px 10px !important;
}

@media screen and (max-width: 1400px) {
    .nav ul {
        max-width: 25em !important;
        padding-top: 15px !important;
    }
}

/*@media screen and (max-width: 992px) {
    .nav ul {
        max-width: 18em !important;
    }
}*/