/* Fix visual de menu de vista en Clasificacion (Syncfusion popup fuera de scope). */

.e-dropdown-btn.clasificacion-vista-dropdown,
.e-control.clasificacion-vista-dropdown {
    background: #090909 !important;
}

.e-dropdown-btn.clasificacion-vista-dropdown:hover,
.e-dropdown-btn.clasificacion-vista-dropdown:focus-visible,
.e-dropdown-btn.clasificacion-vista-dropdown:active {
    background: #090909 !important;
}

.e-dropdown-popup.clasificacion-vista-dropdown,
.e-dropdown-popup.clasificacion-vista-dropdown .e-dropdown-menu,
.e-dropdown-popup.clasificacion-vista-dropdown .e-menu-parent,
#clasificacion-vista-menu-popup,
#clasificacion-vista-menu_popup,
#clasificacion-vista-menu-popup .e-dropdown-menu,
#clasificacion-vista-menu_popup .e-dropdown-menu,
#clasificacion-vista-menu-popup .e-menu-parent,
#clasificacion-vista-menu_popup .e-menu-parent {
    background: #090909 !important;
    backdrop-filter: none !important;
    opacity: 1 !important;
}

.e-dropdown-popup.clasificacion-vista-dropdown,
#clasificacion-vista-menu-popup,
#clasificacion-vista-menu_popup {
    border: 1px solid var(--surface-elevated-card) !important;
    border-radius: .7rem !important;
    box-shadow: 0 .4rem 1rem rgba(0, 0, 0, .45) !important;
}

.e-dropdown-popup.clasificacion-vista-dropdown .e-item,
.e-dropdown-popup.clasificacion-vista-dropdown .e-menu-item,
#clasificacion-vista-menu-popup .e-item,
#clasificacion-vista-menu_popup .e-item,
#clasificacion-vista-menu-popup .e-menu-item,
#clasificacion-vista-menu_popup .e-menu-item {
    background: #090909 !important;
    color: var(--color-off-white) !important;
}

.e-dropdown-popup.clasificacion-vista-dropdown .e-item:hover,
.e-dropdown-popup.clasificacion-vista-dropdown .e-item.e-focused,
.e-dropdown-popup.clasificacion-vista-dropdown .e-menu-item:hover,
.e-dropdown-popup.clasificacion-vista-dropdown .e-menu-item.e-focused,
#clasificacion-vista-menu-popup .e-item:hover,
#clasificacion-vista-menu_popup .e-item:hover,
#clasificacion-vista-menu-popup .e-item.e-focused,
#clasificacion-vista-menu_popup .e-item.e-focused,
#clasificacion-vista-menu-popup .e-menu-item:hover,
#clasificacion-vista-menu_popup .e-menu-item:hover,
#clasificacion-vista-menu-popup .e-menu-item.e-focused,
#clasificacion-vista-menu_popup .e-menu-item.e-focused {
    background: #121417 !important;
    color: var(--color-off-white) !important;
}

.e-dropdown-popup.clasificacion-vista-dropdown .e-menu-icon,
.e-dropdown-popup.clasificacion-vista-dropdown .e-item-icon,
#clasificacion-vista-menu-popup .e-menu-icon,
#clasificacion-vista-menu_popup .e-menu-icon,
#clasificacion-vista-menu-popup .e-item-icon,
#clasificacion-vista-menu_popup .e-item-icon {
    display: none !important;
}