.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active{
    background: linear-gradient(90deg,rgba(209, 78, 61, 1) 0%, rgba(138, 135, 135, 1) 50%, rgba(247, 229, 59, 1) 100%)
}
.dashboard-area-card{
 background: linear-gradient(90deg,rgba(209, 78, 61, 1) 0%, rgba(138, 135, 135, 1) 50%, rgba(247, 229, 59, 1) 100%)

}
.content-wrapper{
    max-height: calc(100vh - 60px);
    overflow: auto;
}
.new-navbar{
    width: 100%;
}
.new-navbar #my-notification {
    margin-left: auto;
}

/* navbar css */
.notification-menu{
    border: 1px solid black !important;
}
/* Hide caret only for user menu */
.user-menu-item::after {
    display: none !important;
}
.fas.fa-expand-arrows-alt, .fas.fa-user-circle, .fas.fa-bell{
    font-size: 20px;
}

/* dashboard css */
.dropdown-user-icons i{
    padding-right: 8px !important;
}
.dashboard-card-icons i{
    padding-right: 10px;
    font-size: 20px;
    width: 31px;
    height: 20px;
}
.custom-btn{
    background: linear-gradient(90deg,rgba(209, 78, 61, 1) 0%, rgba(138, 135, 135, 1) 50%, rgba(247, 229, 59, 1) 100%);
    border: none !important;
    color: #fff !important;
}
.announcement-Table thead, .report-card-Table thead{
    background: linear-gradient(90deg,rgba(209, 78, 61, 1) 0%, rgba(138, 135, 135, 1) 50%, rgba(247, 229, 59, 1) 100%);
    color: #fff;
    border: none !important;
}

/* login screen css */

.card-primary.card-outline.card-primary {
   border-top: 3px solid #ffc107 !important ;
}
.brand-image.img-circle.elevation-3.login-page-logo{
background: white !important;
/* max-height: none !important;
height: 43px ; */

}
a:has(> .brand-image.img-circle.elevation-3.login-page-logo) {
   display: flex;
   justify-content: center;
}
.login-box .login-logo a img{
    height: 100px !important;
}
/* Overall modal look */
.timezone-modal {
    border-radius: 12px;
    border: none;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.25);
    overflow: hidden;
    background-color: #ffffff;
}

/* Header: plain white, subtle border, no yellow bar */
.timezone-modal .modal-header {
    background-color: #ffffff;
    border-bottom: 1px solid #e5e7eb;
    padding: 16px 20px;
}

.timezone-modal .modal-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #111827;
}

/* Hide icon to match second screenshot */
.timezone-modal .modal-title i {
    display: none;
}

/* Body spacing & typography */
.timezone-modal .modal-body {
    padding: 20px;
    color: #374151;
    font-size: 0.95rem;
}

.timezone-modal .form-group label {
    font-weight: 500;
    margin-bottom: 6px;
}

.timezone-modal select.form-control {
    border-radius: 8px;
    border-color: #d1d5db;
}

.timezone-modal select.form-control:focus {
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.25);
    border-color: #2563eb;
}

/* Note area styled like simple grey text, not blue box */
.timezone-modal .alert-info {
    background: transparent;
    border: none;
    padding: 0;
    margin-top: 12px;
    color: #6b7280;
    font-size: 0.85rem;
}

.timezone-modal .alert-info i {
    display: none;
}

.timezone-modal .alert-info strong {
    font-weight: 500;
}

/* Footer: light background + clean buttons */
.timezone-modal .modal-footer {
    border-top: 1px solid #e5e7eb;
    background-color: #f9fafb;
    padding: 12px 20px;
}

/* Use Default button */
.timezone-modal .btn.btn-secondary {
    background-color: #f9fafb;
    color: #111827;
    border: 1px solid #d1d5db;
    border-radius: 999px;
    padding: 8px 20px;
    font-weight: 500;
}

.timezone-modal .btn.btn-secondary:hover {
    background-color: #e5e7eb;
}
/* Confirm button: dark primary */
.timezone-modal .btn.btn-primary {
    
    border-radius: 999px;
    padding: 8px 24px;
    font-weight: 500;
}
.select-teacher-filter-dropdown{
    padding: 4px;
    outline: none;
    border: 1px solid #cdcccc;
    background-color: white;
    border-radius: 4px;
     
}
.book-slot-btn, .book-slot-btn:hover{
    background-color: #f97316;
    border-color: #f97316;
    color: white;
}
.updation-slot-btns{
    margin-top: -24px;
}
.updation-slot-btns span{
    /* padding: 10px; */
}
.updation-slot-btns span, .updation-slot-btns button{
    margin-right: 8px;
}
.updation-slot-btns .update-btn{
    background-color: #ffc107;
    border-color: #ffc107;
    color: white;
}
.updation-slot-btns .cancel-btn{
    background-color: #cb0000;
    border-color: #cb0000;
    color: white;
}
.join-meeting-btn, .join-meeting-btn:hover{
    background-color: grey;
    color: white;
    border-color: grey;
}
.content-header {
    padding: 15px 1.2rem !important;
    
    /* color: #4f2308; */
    /* display: none; */
}
.content-header h1{
    font-size: 20px !important;
}
.content{
    /* padding-top: 24px !important;
    padding-bottom: 24px !important; */
}
.search-data-btn{
    background-color: grey;
    color: white;
    border-color: #cb0000;
    outline: none;
    border: none;
}
.fixed-height-table-scroll {
    height: calc(100vh - 237px);
    overflow-y: auto;
    
    /* Firefox support */
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 #f5f5f5;
}

/* WebKit-based browsers (Chrome, Edge, Safari) */
.fixed-height-table-scroll::-webkit-scrollbar {
    width: 8px;             /* vertical scrollbar width */
    height: 8px;            /* horizontal scrollbar height (if needed) */
}

.fixed-height-table-scroll::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 4px;
}

.fixed-height-table-scroll::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
    border: 2px solid #f5f5f5;  /* gap effect */
}

.fixed-height-table-scroll::-webkit-scrollbar-thumb:hover {
    background: #a0a0a0;
    border-radius: 4px;
}


/* Make table layout fixed header */
.fixed-height-table-scroll table {
    border-collapse: collapse;
    width: 100%;
}


.fixed-height-table-scroll thead {
    position: sticky;
    top: -1px;
    z-index: 3;
}

/* gradient only on thead, not on each th */
.fixed-height-table-scroll thead::before {
    /* content: ""; */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        rgba(209, 78, 61, 1) 0%,
        rgba(138, 135, 135, 1) 50%,
        rgba(247, 229, 59, 1) 100%
    ) !important;
    z-index: -1;
}

/* Layout fixes so tbody doesn't overlap header */
/* Header cells */
.fixed-height-table-scroll thead th {
    /* baeckground: transparent !important;   lets gradient show through */
    position: relative;
    z-index: 2;
    border: 1px solid #dee2e6 !important;   /* <-- your required border */
}
.page-link{
    color: black !important;
}
.page-item.active .page-link {
    background-color: grey !important;
    border-color: grey !important;
    color: white !important;
}
#paginationNav li.page-item.disabled{
    color: grey !important;
    cursor: not-allowed !important;
}
#paginationNav ul li{
    white-space: nowrap;
}
.modal-body{
    max-height: 390px;
    overflow-y: auto;
}
.common-modal .modal-header{
    background: linear-gradient(90deg, rgba(209, 78, 61, 1) 0%, rgba(138, 135, 135, 1) 50%, rgba(247, 229, 59, 1) 100%);
    color: #fff;
    padding: 9px !important;
}
.common-modal .modal-footer{
    padding: 9px !important;
}
.download-button, .download-button:hover{
    background-color: #b71111;
    color: white;
    border-color: #b71111;
}
@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 700px !important;
    }
}
.view-event-popup{
    width: 380px !important;
    position: absolute; /* or fixed, but then use viewport logic */
    z-index: 9999;
    max-height: 245px !important;
    overflow-y: scroll;
    background-color: rgb(233 241 246) !important;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px !important;
}
.view-event-popup::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    border-radius: 8px;
}

/* Track */
.view-event-popup::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.view-event-popup::-webkit-scrollbar-thumb {
    background: lightgray;
    border-radius: 8px;
}
.view-event-popup #popupDate,.view-event-popup #popupCategory{
color: black !important;
}
.view-event-popup .popup-description{
    margin-bottom: 10px;
    color: black !important;
    min-height: auto !important;
    background: #d2ebfb !important;
    max-height: 300px !important;
    padding: 6px;
}
.event-calendar-styling table thead{
background: linear-gradient(90deg,rgba(209, 78, 61, 1) 0%, rgba(138, 135, 135, 1) 50%, rgba(247, 229, 59, 1) 100%);

}
.event-calendar-styling table thead th a{
    color: white !important;
}
.fc .fc-daygrid-day-number{
    color: black !important;
}
.dropdown-menu-right{
    right: 62px !important;
}
.navbar-user-menu-items.active{
    background-color: rgb(51, 50, 50) !important;
}
 





.select-time-zone .select2-container .select2-selection--single {
    height: auto !important;
}

.common-fixed-header{
    width:328px;
}