body {
        min-height: 100vh;
    }

    .sidebar {
        min-width: 200px;
        max-width: 220px;
        min-height: 100vh;
        background-color: #f8f9fa;
    }



    .bg-dark {
        background-color: #363b3f !important;
    }

    .text-white {
        color: white !important;
    }

    .modal-content {
        background-color: #212529 !important;
        color: #ffffff !important;
    }

    .modal {
        position: fixed !important;
        z-index: 1050 !important;
        /* Ensure it's above other elements but not blocking */
    }

    .modal-backdrop {
        background-color: transparent !important;
    }

    .margin-left-250 {
        margin-left: 200px;
    }

    .filter-width {
        width: 12rem;
        min-width: 7rem;
    }

    .filter-cb-width {
        min-width: 5rem;
    }

    .filter-groupBy {
        width: 15%;
        min-width: 5rem;
    }

    .hidden {
        display: none;
    }


    .btn-x {
        height: 1.6rem;
        font-size: 0.8rem;
    }