/* Estilo para el hover del menú desplegable */
.dropdown-menu .dropdown-item:hover {
    background-color: rgb(154, 162, 165); /* Cambia el color de fondo al pasar el cursor */
    color: #ffffff; /* Cambia el color del texto al pasar el cursor */
}

/* Estilo base para el menú desplegable y sus submenús */
.dropdown-menu,
.dropdown-item {
    background-color: rgb(117, 121, 123);
    color: #ffffff;
}

/* Cambia el color de fondo y texto cuando se pasa el cursor por encima del elemento */
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:active {
    background-color: rgb(117, 121, 123);
    color: #ffffff;
}

/* Estilo para submenús */
.dropdown-menu .dropdown-menu {
    background-color: rgb(117, 121, 123);
    color: #ffffff;
}

/* Cambia el color de fondo y texto cuando se pasa el cursor por encima del submenú */
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:active {
    background-color: rgb(154, 162, 165);
    color: #ffffff;
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}


/* === APP LAFAYETTE MOBILE BASE RESPONSIVE === */
@media (max-width: 768px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    main.py-2 {
        padding-top: .35rem !important;
        padding-bottom: .35rem !important;
    }

    .container,
    .container-fluid {
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .row {
        margin-left: -6px !important;
        margin-right: -6px !important;
    }

    .row > [class*="col-"] {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .card,
    .hub-card,
    .cu-section-card {
        border-radius: 14px !important;
    }

    .btn,
    button,
    input,
    select,
    textarea {
        max-width: 100%;
    }

    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 576px) {
    .btn,
    button {
        min-height: 40px;
    }

    input,
    select,
    textarea {
        font-size: 16px !important;
    }
}
/* === /APP LAFAYETTE MOBILE BASE RESPONSIVE === */