/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/
#page-topbar {
	background-color: #223679;
}

:root[data-sidebar=dark] {
    --vz-vertical-menu-bg: #223679;
    --vz-vertical-menu-border: #223679;
}

.footer {
    color: inherit;
}

[data-layout=horizontal] .navbar-menu .navbar-nav .nav-link {
    color: inherit;
}

input[readonly], input[readonly]:focus {
    background-color: #eff2f7;
    opacity: 1;
}

.flatpickr-day.disabled {
    cursor: not-allowed;
    color: #878a99;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #405189;
    color: #fff;
}

.table-weight-bg {
    background-color: #223679 !important;
}

/* ===== REPORT COMMON STYLES ===== */

/* Scrollable table wrapper */
.report-table-wrapper {
    max-height: calc(100vh - 350px);
    overflow-y: auto;
    overflow-x: auto;
}


@media screen and (max-width: 575px) {
    .report-table-wrapper {
    max-height: 500px;
    }
}
@media screen and (max-width: 991px) and (orientation: landscape) {
    .report-table-wrapper {
        min-height: 260px!important; 
        max-height: 260px!important; 
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .report-table-wrapper {
    max-height: 300px;
    }
}

/* Sticky header */
.report-table-wrapper table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #f3f6f9; /* Bootstrap table-light */
}

/* Optional: subtle shadow under header for clarity */
.report-table-wrapper table thead tr {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}