/* Ensure modal appears above inline dropdowns and other overlays - KEEP GLOBAL */
.modal { z-index: 30000 !important; }
.modal.show, .bs-modal { z-index: 30000 !important; }
.modal-backdrop, .bs-modal-backdrop { z-index: 29990 !important; }

/* In case modal component uses a different container class (force highest priority) */
body > .modal { z-index: 30000 !important; }
body > .modal-backdrop { z-index: 29990 !important; }

/* Modal backdrop should be semi-transparent, not fully opaque */
.modal-backdrop.show {
    opacity: 0.5 !important;
}

/*Não remover - necessário às paginas de GRID*/
/*Container to be used as the wrapper of the page when a grid is present*/
.page-grid-container {
    /*
        --b-bar-horizontal-height: TopMenu height
        1.5rem: padding top added to all blazorise page layouts
    */
    display: flex;
    flex-direction: column;
    height: calc(100vh - var(--b-bar-horizontal-height) - 1.5rem);
    max-height: calc(100vh - var(--b-bar-horizontal-height) - 1.5rem);
    min-width: 0;
    min-height: 0;
}


/*Container to be used as content above the grid*/
.page-grid-header {
    flex: 0 0 auto; /* Take only as much space as needed */
}

/* Container in which grid should be wrapped in the page */
.page-grid-body {
    flex: 1 1 auto;
    min-height: 0;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden; /* Prevents double scrollbars, grid handles its own scroll */
}

.modal-header {
    font-weight: 600;
    background-color: var(--gis-primary) !important;
    color: #fff;
    border-bottom: 1px solid var(--gis-primary) !important;
}