nav, .navbar_bg, .tablehead
{
    background-color: #1A3868 !important;
    
}
nav ul li a
{
    color: white !important;
}
nav ul li a:hover
{
    background-color: #4982df !important;
    width: 100%;
}
.card.border.border-light-subtle.rounded-4.text-light
{
    background-color: #1A3868 !important;
    
}
.card
{
border-radius: 10px !important;
}
.profile-img {
            width: 80px;
            height: 80px;
            object-fit: cover;
        }
.card {
            border-bottom: 4px solid #0b459b !important;
    }
 .gen_but {
            background-color: #0b459b !important;
            color: White;
            border-radius: 0px !important;
            padding: 15px 40px;
            border: none;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            position: relative;
            overflow: hidden;
            z-index: 1;
            transition: color 0.4s ease;
        }

        .gen_but::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 0;
            background-color: #ffffff;
            z-index: -1;
            transition: height 0.4s ease;
            border:1px solid #0b459b;
        }

        .gen_but:hover {
            color: #0b459b;
        }

        .gen_but:hover::before {
            height: 100%;
        }
        @media (max-width: 991px) {
    .gen_but {
        font-size: 10px;
    }
    .card_row
    {
        display: none;
    }
    .tablulator_text
    {
        font-size: 12px !important;
    }
}
#staff-table {
    width: 100%;
    overflow-x: auto;
}

.tabulator {
    overflow-x: auto !important;
    font-size: 12px;
}
.tabulator .tabulator-row .tabulator-cell {
    padding: 4px;
}
.tabulator .tabulator-header .tabulator-col {
    font-size: 12px;
    padding: 4px;
}
footer {
    /* position: fixed; */
    margin-top: min(100px, 100vh);
    bottom: 0;
    left: 0;
    /* width: 100%; */
    z-index: 1030; /* above content, below modal */
    background-color: #fff; /* or your footer bg */
}

/* Prevent content from hiding behind footer */
#content {
    padding-bottom: 60px; /* match footer height */
}
.bottom_most_cont
{
    margin-bottom:130px !important;
}