.link_menu_page {
    color: #222d32;
}

.main-sidebar {
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    z-index: 1021;
}

/*
 * Collapsed sidebar (sidebar-mini) expands on hover and must sit above page
 * selects, Select2, date pickers, and custom autocomplete lists.
 */
.sidebar-mini.sidebar-collapse .main-sidebar:hover {
    z-index: 1029 !important;
}

/* Plugin dropdowns append to body with high z-index — keep below sidebar when collapsed */
.sidebar-mini.sidebar-collapse .select2-container--open,
.sidebar-mini.sidebar-collapse .select2-container--open .select2-dropdown,
.sidebar-mini.sidebar-collapse .select2-dropdown {
    z-index: 1020 !important;
}

.sidebar-mini.sidebar-collapse .datepicker-dropdown,
.sidebar-mini.sidebar-collapse .bootstrap-datetimepicker-widget,
.sidebar-mini.sidebar-collapse .daterangepicker {
    z-index: 1020 !important;
}

.combo-drop {
    z-index: 1020 !important;
}

i[class*="fa-"] {
    line-height: inherit;
}

.flash-message {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    padding: 20px 30px;
    background-color: #fff;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.9);
    border-radius: 5px;
}

/* Mobile: navbar's extra menus (Leasing/Ads/Language/user) wrap onto several
   rows, so AdminLTE's fixed 100px mobile header height clips it and the
   overflow visually covers the in-page topbar (#menu_sup_corpo) underneath.
   Let the header size to its content and flow normally instead of being
   pinned, so nothing below it gets covered. */
@media (max-width: 767px) {
    .fixed .main-header {
        position: relative;
        height: auto !important;
        max-height: none !important;
    }

    .fixed .content-wrapper,
    .fixed .right-side,
    .fixed .main-footer {
        padding-top: 0 !important;
    }

    /* Clear the sidebar hamburger (~42px) so the first nav link isn't
       layered on top of it and swallowing its clicks. */
    .main-header .navbar>.navbar-left {
        margin-left: 58px;
    }
}