/**======================================================================
=========================================================================
Template Name: Dashboard Bootstrap 5 Admin Template
Author: Rajodiya Infotech
Support: [support link]
File: style.css
=========================================================================
=================================================================================== */
.pct-customizer {
    position: fixed;
    right: -360px;
    top: 160px;
    z-index: 1025;
    transition: all 0.15s ease-in-out;
}

.pct-customizer.active {
    right: 0;
}

.pct-customizer.active .pct-c-btn {
    padding-right: 0;
}

.pct-customizer .pct-c-btn {
    display: block;
    position: absolute;
    right: 100%;
    top: 0;
    transition: all 0.15s ease-in-out;
}

.pct-customizer .pct-c-btn .btn {
    padding: 17.5px 17.5px;
    display: block;
    border-radius: 8px 0 0 8px;
    box-shadow: 0 9px 9px -1px rgba(81, 69, 157, 0.3);
}

.pct-customizer .pct-c-btn .btn + .btn {
    margin-top: 8px;
}

.pct-customizer .pct-c-content {
    width: 360px;
    position: relative;
    top: 0;
    right: 0;
    background: #fff;
    overflow: hidden;
    border-radius: 0 0 0 4px;
    box-shadow: -9px 0 18px -1px rgba(69, 90, 100, 0.1);
}

.pct-customizer .pct-c-content .pct-header {
    padding: 20px 30px;
    border-bottom: 1px solid #f1f1f1;
}

.pct-customizer .pct-c-content .pct-body {
    padding: 20px 30px;
}

@media (max-width: 1024px) {
    .pct-customizer {
        display: none;
    }
}

.doc-img,
.theme-color {
    display: block;
    position: relative;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

.doc-img > a,
.theme-color > a {
    position: relative;
    width: 35px;
    height: 25px;
    border-radius: 3px;
    display: inline-block;
    background: #f8f9fd;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
}

.doc-img > a + a,
.theme-color > a + a {
    margin-left: 5px;
}

.doc-img > a span,
.theme-color > a span {
    width: 100%;
    position: absolute;
}

.doc-img > a span:after,
.doc-img > a span:before,
.theme-color > a span:after,
.theme-color > a span:before {
    content: "";
    height: 100%;
    position: absolute;
}

.doc-img > a span:before,
.theme-color > a span:before {
    width: 32%;
    left: 0;
    background: #1c232f;
}

.doc-img > a span:after,
.theme-color > a span:after {
    width: 70%;
    right: 0;
    background: #f8f9fd;
}

.doc-img > a > span:nth-child(1),
.theme-color > a > span:nth-child(1) {
    height: 40%;
    top: 0;
}

.doc-img > a > span:nth-child(1):after,
.theme-color > a > span:nth-child(1):after {
    background: #fff;
}

.doc-img > a > span:nth-child(2),
.theme-color > a > span:nth-child(2) {
    height: 66%;
    bottom: 0;
}

.doc-img.header-color > a[data-value="bg-primary"] > span:nth-child(1):after,
.theme-color.header-color
    > a[data-value="bg-primary"]
    > span:nth-child(1):after {
    background: #51459d;
}

.doc-img.header-color > a[data-value="bg-success"] > span:nth-child(1):after,
.theme-color.header-color
    > a[data-value="bg-success"]
    > span:nth-child(1):after {
    background: #6fd943;
}

.doc-img.header-color > a[data-value="bg-info"] > span:nth-child(1):after,
.theme-color.header-color > a[data-value="bg-info"] > span:nth-child(1):after {
    background: #3ec9d6;
}

.doc-img.header-color > a[data-value="bg-warning"] > span:nth-child(1):after,
.theme-color.header-color
    > a[data-value="bg-warning"]
    > span:nth-child(1):after {
    background: #ffa21d;
}

.doc-img.header-color > a[data-value="bg-danger"] > span:nth-child(1):after,
.theme-color.header-color
    > a[data-value="bg-danger"]
    > span:nth-child(1):after {
    background: #ff3a6e;
}

.doc-img.header-color > a[data-value="bg-dark"] > span:nth-child(1):after,
.theme-color.header-color > a[data-value="bg-dark"] > span:nth-child(1):after {
    background: #1c232f;
}

.doc-img.brand-color > a[data-value="bg-primary"] > span:nth-child(1):before,
.theme-color.brand-color
    > a[data-value="bg-primary"]
    > span:nth-child(1):before {
    background: #51459d;
}

.doc-img.brand-color > a[data-value="bg-success"] > span:nth-child(1):before,
.theme-color.brand-color
    > a[data-value="bg-success"]
    > span:nth-child(1):before {
    background: #6fd943;
}

.doc-img.brand-color > a[data-value="bg-info"] > span:nth-child(1):before,
.theme-color.brand-color > a[data-value="bg-info"] > span:nth-child(1):before {
    background: #3ec9d6;
}

.doc-img.brand-color > a[data-value="bg-warning"] > span:nth-child(1):before,
.theme-color.brand-color
    > a[data-value="bg-warning"]
    > span:nth-child(1):before {
    background: #ffa21d;
}

.doc-img.brand-color > a[data-value="bg-danger"] > span:nth-child(1):before,
.theme-color.brand-color
    > a[data-value="bg-danger"]
    > span:nth-child(1):before {
    background: #ff3a6e;
}

.doc-img.brand-color > a[data-value="bg-dark"] > span:nth-child(1):before,
.theme-color.brand-color > a[data-value="bg-dark"] > span:nth-child(1):before {
    background: #1c232f;
}

.doc-img.themes-color > a[data-value="theme-1"],
.theme-color.themes-color > a[data-value="theme-1"] {
    background: linear-gradient(141.55deg, #0caf60 3.46%, #0caf60 99.86%),
        #0caf60;
}

.doc-img.themes-color > a[data-value="theme-3"],
.theme-color.themes-color > a[data-value="theme-3"] {
    background: linear-gradient(141.55deg, #6fd943 3.46%, #6fd943 99.86%),
        #6fd943;
}

.doc-img.themes-color > a[data-value="theme-2"],
.theme-color.themes-color > a[data-value="theme-2"] {
    background: linear-gradient(141.55deg, #584ed2 3.46%, #584ed2 99.86%),
        #584ed2;
}

.doc-img.themes-color > a[data-value="theme-4"],
.theme-color.themes-color > a[data-value="theme-4"] {
    background: linear-gradient(141.55deg, #145388 3.46%, #145388 99.86%),
        #145388;
}

.doc-img.themes-color > a[data-value="theme-5"],
.theme-color.themes-color > a[data-value="theme-5"] {
    background: linear-gradient(141.55deg, #b9406b 3.46%, #b9406b 99.86%),
        #b9406b;
}

.doc-img.themes-color > a[data-value="theme-6"],
.theme-color.themes-color > a[data-value="theme-6"] {
    background: linear-gradient(141.55deg, #008ecc 3.46%, #008ecc 99.86%),
        #008ecc;
}

.doc-img.themes-color > a[data-value="theme-7"],
.theme-color.themes-color > a[data-value="theme-7"] {
    background: linear-gradient(141.55deg, #922c88 3.46%, #922c88 99.86%),
        #922c88;
}

.doc-img.themes-color > a[data-value="theme-8"],
.theme-color.themes-color > a[data-value="theme-8"] {
    background: linear-gradient(141.55deg, #eafa6b 3.46%, #eafa6b 99.86%),
        #eafa6b;
}

.doc-img.themes-color > a[data-value="theme-9"],
.theme-color.themes-color > a[data-value="theme-9"] {
    background: linear-gradient(141.55deg, #48494b 3.46%, #48494b 99.86%),
        #48494b;
}

.doc-img.themes-color > a[data-value="theme-10"],
.theme-color.themes-color > a[data-value="theme-10"] {
    background: linear-gradient(141.55deg, #0c7785 3.46%, #0c7785 99.86%),
        #0c7785;
}

.doc-img > a {
    width: 100px;
    height: 65px;
}

.dash-header[class*="bg-"],
.dash-header.dark-header {
    box-shadow: none;
    background: #1c232f;
    color: #fff;
}

@media (min-width: 1025px) {
    .dash-header[class*="bg-"] .dash-head-link,
    .dash-header.dark-header .dash-head-link {
        color: #fff;
    }

    .dash-header[class*="bg-"] .dash-head-link i,
    .dash-header.dark-header .dash-head-link i {
        color: #fff;
    }

    .dash-header[class*="bg-"] .dash-head-link .material-icons-two-tone,
    .dash-header.dark-header .dash-head-link .material-icons-two-tone {
        background-color: #fff;
    }

    .dash-header[class*="bg-"] .dash-head-link.active,
    .dash-header[class*="bg-"] .dash-head-link:active,
    .dash-header[class*="bg-"] .dash-head-link:focus,
    .dash-header[class*="bg-"] .dash-head-link:hover,
    .dash-header.dark-header .dash-head-link.active,
    .dash-header.dark-header .dash-head-link:active,
    .dash-header.dark-header .dash-head-link:focus,
    .dash-header.dark-header .dash-head-link:hover {
        color: #fff;
        background: rgba(255, 255, 255, 0.15);
    }

    .dash-header[class*="bg-"] .dash-head-link.active .material-icons-two-tone,
    .dash-header[class*="bg-"] .dash-head-link:active .material-icons-two-tone,
    .dash-header[class*="bg-"] .dash-head-link:focus .material-icons-two-tone,
    .dash-header[class*="bg-"] .dash-head-link:hover .material-icons-two-tone,
    .dash-header.dark-header .dash-head-link.active .material-icons-two-tone,
    .dash-header.dark-header .dash-head-link:active .material-icons-two-tone,
    .dash-header.dark-header .dash-head-link:focus .material-icons-two-tone,
    .dash-header.dark-header .dash-head-link:hover .material-icons-two-tone {
        background-color: #fff;
    }

    .dash-header[class*="bg-"] .dash-head-link .user-desc,
    .dash-header.dark-header .dash-head-link .user-desc {
        color: rgba(255, 255, 255, 0.7);
    }
}

.dash-sidebar.light-sidebar {
    background: #fff;
    box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
}

.dash-sidebar.light-sidebar .dash-caption {
    color: #333333;
}

.dash-sidebar.light-sidebar .dash-navbar > .dash-item > .dash-link {
    border-radius: 8px;
    /* margin-left: 15px;
    margin-right: 15px; */
    /* padding: 7px 10px 7px 7px; */
}

.dash-sidebar.light-sidebar .dash-link {
    color: #333333;
    font-size: 16px;
}

.dash-sidebar.light-sidebar .dash-link .dash-micon {
    /* background-color: #050411; */
    /* box-shadow: -3px 4px 23px rgba(0, 0, 0, 0.1); */
}

.dash-sidebar.light-sidebar .dash-link .dash-micon i,
.dash-sidebar.light-sidebar .dash-link .dash-micon svg {
    color: #050411;
    stroke: #050411;
    fill: none;
}

.dash-sidebar.light-sidebar .dash-link .dash-micon .material-icons-two-tone {
    background-color: #525b69;
}

.dash-sidebar.light-sidebar .dash-link .dash-arrow {
    /* margin-top: 7px; */
}

.dash-sidebar.light-sidebar .dash-link:active,
.dash-sidebar.light-sidebar .dash-link:focus,
.dash-sidebar.light-sidebar .dash-link:hover {
    color: #51459d;
}

.dash-sidebar.light-sidebar .dash-submenu .dash-link .dash-arrow {
    margin-top: 2px;
}

.dash-sidebar.light-sidebar .dash-item.active > .dash-link,
.dash-sidebar.light-sidebar .dash-item:hover > .dash-link {
    color: #51459d;
}

.dash-sidebar.light-sidebar .dash-item.active > .dash-link i,
.dash-sidebar.light-sidebar .dash-item:hover > .dash-link i {
    color: #51459d;
}

.dash-sidebar.light-sidebar
    .dash-item.active
    > .dash-link
    .dash-micon
    i.material-icons-two-tone,
.dash-sidebar.light-sidebar
    .dash-item:hover
    > .dash-link
    .dash-micon
    i.material-icons-two-tone {
    background-color: #51459d;
}

.dash-sidebar.light-sidebar .dash-navbar > .dash-item.active > .dash-link {
    /* font-weight: 600; */
}

.dash-sidebar.light-sidebar .dash-navbar > .dash-item.active > .dash-link,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:focus > .dash-link,
.dash-sidebar.light-sidebar .dash-navbar > .dash-item:hover > .dash-link {
    /* box-shadow: -6px 11px 19px rgba(0, 0, 0, 0.04); */
    background: #fff;
    color: #333333;
}

.minimenu .dash-sidebar.light-sidebar .dash-navbar > .dash-item > .dash-link {
    padding: 20px 25px;
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
}

.minimenu .dash-sidebar.light-sidebar .dash-item .dash-item:hover > .dash-link {
    background: transparent;
}

.minimenu .dash-sidebar.light-sidebar .dash-submenu {
    box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
    background: #fff;
}

.dash-horizontal .topbar.light-sidebar {
    background: #fff;
    box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
}

.dash-horizontal .topbar.light-sidebar .dash-link {
    color: #333333;
}

.dash-horizontal .topbar.light-sidebar .dash-link:active,
.dash-horizontal .topbar.light-sidebar .dash-link:focus,
.dash-horizontal .topbar.light-sidebar .dash-link:hover {
    color: #51459d;
}

.auth-wrapper ~ .pct-customizer {
    display: none;
}
.dash-submenu-l1 {
    margin-left: 32px;
    border-left: 1px solid #cccccc;
}
.dash-submenu-l2 {
    margin-left: 16px;
    border-left: 1px solid #cccccc;
}
.dash-submenu-l3 {
    margin-left: 16px;
    border-left: 1px solid #cccccc;
}
.dash-link {
    display: flex;
    align-items: center;
    width: 100%;
}
.dash-arrow {
    margin-left: auto; /* push arrow to the far right */
}
.dash-navbar {
    margin: 0pc 16px;
}

.auth-title {
    font-size: 30px;
    color: #050411;
}

.auth-subtitle {
    font-size: 16px;
    color: #8d8d8d;
}
.form-label-custom {
    color: #344054;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 6px;
}

.input-custom {
    border-radius: 8px;
    border: 1px solid var(--Gray-300, #d0d5dd);
    background: var(--Base-White, #fff);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

#language {
    text-align: left; /* For normal browsers */
    text-align-last: left; /* For some browsers like Firefox */
}

/* Optional: remove any option-specific centering */
#language option {
    text-align: left;
}

input[type="month"].month-btn::-webkit-calendar-picker-indicator,
input[type="date"].month-btn::-webkit-calendar-picker-indicator {
    background: url('data:image/svg+xml;utf8,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.3337 3.33329H14.667V2.49996C14.667 2.27895 14.5792 2.06698 14.4229 1.9107C14.2666 1.75442 14.0547 1.66663 13.8337 1.66663C13.6126 1.66663 13.4007 1.75442 13.2444 1.9107C13.0881 2.06698 13.0003 2.27895 13.0003 2.49996V3.33329H8.00033V2.49996C8.00033 2.27895 7.91253 2.06698 7.75625 1.9107C7.59997 1.75442 7.38801 1.66663 7.16699 1.66663C6.94598 1.66663 6.73402 1.75442 6.57774 1.9107C6.42146 2.06698 6.33366 2.27895 6.33366 2.49996V3.33329H4.66699C4.00395 3.33329 3.36807 3.59668 2.89923 4.06553C2.43038 4.53437 2.16699 5.17025 2.16699 5.83329V15.8333C2.16699 16.4963 2.43038 17.1322 2.89923 17.6011C3.36807 18.0699 4.00395 18.3333 4.66699 18.3333H16.3337C16.9967 18.3333 17.6326 18.0699 18.1014 17.6011C18.5703 17.1322 18.8337 16.4963 18.8337 15.8333V5.83329C18.8337 5.17025 18.5703 4.53437 18.1014 4.06553C17.6326 3.59668 16.9967 3.33329 16.3337 3.33329ZM17.167 15.8333C17.167 16.0543 17.0792 16.2663 16.9229 16.4225C16.7666 16.5788 16.5547 16.6666 16.3337 16.6666H4.66699C4.44598 16.6666 4.23402 16.5788 4.07774 16.4225C3.92146 16.2663 3.83366 16.0543 3.83366 15.8333V9.99996H17.167V15.8333ZM17.167 8.33329H3.83366V5.83329C3.83366 5.61228 3.92146 5.40032 4.07774 5.24404C4.23402 5.08776 4.44598 4.99996 4.66699 4.99996H6.33366V5.83329C6.33366 6.05431 6.42146 6.26627 6.57774 6.42255C6.73402 6.57883 6.94598 6.66663 7.16699 6.66663C7.38801 6.66663 7.59997 6.57883 7.75625 6.42255C7.91253 6.26627 8.00033 6.05431 8.00033 5.83329V4.99996H13.0003V5.83329C13.0003 6.05431 13.0881 6.26627 13.2444 6.42255C13.4007 6.57883 13.6126 6.66663 13.8337 6.66663C14.0547 6.66663 14.2666 6.57883 14.4229 6.42255C14.5792 6.26627 14.667 6.05431 14.667 5.83329V4.99996H16.3337C16.5547 4.99996 16.7666 5.08776 16.9229 5.24404C17.0792 5.40032 17.167 5.61228 17.167 5.83329V8.33329Z" fill="%23667085"/></svg>')
        no-repeat right center;
    background-size: 20px 20px;
    padding-right: 8px; /* space for icon */
    background-position: calc(100% - 10px) right; /* fine-tune horizontal and vertical position */
}

input[type="month"].month-btn {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%; /* or a specific width */
    display: block;
}

select.form-control,
select.custom-select,
select.dataTable-selector,
select.dataTable-input {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

select.form-control.select option[value=""] {
    color: #667085; /* light gray for placeholder text */
}

.btn-icon-custom i {
    font-size: 40px;
}

.report-text-title {
    color: #697586;
    margin-bottom: 8px;
}

.report-text-main-title {
    color: #101828;
    font-size: 16px;
    font-weight: 500;
}

.table thead th {
    background-color: transparent !important; /* Removes background */
}

.custom-tabs {
    border-radius: 8px 8px;
    overflow: hidden;
    display: inline-flex;
    background-color: #f8fafc; /* Light background for container */
    color: #050411;
}

.custom-tabs .nav-link {
    border-radius: 0;
    padding: 10px 20px;
    background-color: #f8fafc; /* Inactive tab background */
    font-weight: bold;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.custom-tabs .nav-pills .nav-link.active {
    background: #eafa6b !important;
    color: #050411 !important;
}
body.theme-8 .custom-tabs .nav-link {
    color: #050411 !important;
}

.custom-tabs .nav-item:not(:last-child) .nav-link {
    border-right: 1px solid #eef2f6; /* Optional: border between tabs */
}

.custom-card {
    border-radius: 8px; /* Card corners */
    background-color: #fff;
    padding: 1rem;
}

.custom-table,
.custom-table-small,
.custom-table-medium {
    border: 1px solid #e0e0e0; /* Table border */
    border-radius: 8px; /* Table corners */
    overflow: hidden; /* Clip inner borders */
    border-collapse: separate; /* Allow rounded corners */
    border-spacing: 0; /* No spacing between cells */
    width: 100%;
}
/* .custom-table-medium tr th:first-child {
    padding-left: 16px !important;
} */
.custom-table th,
.custom-table-small th,
.custom-table-medium th {
    font-weight: 600 !important;
    text-transform: capitalize !important;
    font-size: 1rem !important;
    border-top: none !important;
    background-color: transparent !important; /* No header background */
    border-bottom: 1px solid #e0e0e0 !important; /* Only bottom border for header */
    text-align: left;
    color: #050411 !important;
}

.custom-table th {
    padding-left: 16px !important;
}

.custom-table-medium th {
    padding: 17px 0px 17px 16px !important;
}

.custom-table-small th {
    padding: 9px 0px 9px 16px !important;
}

.custom-table td,
.custom-table-medium td,
.custom-table-small td {
    border: none; /* No internal borders */
    padding: 16px !important;
    font-size: 1rem !important;
    font-weight: 500;
    color: #707070;
}

/* Optional: Add hover effect */
.custom-table tbody tr:hover,
.custom-tabl-medium tbody tr:hover,
.custom-tabl-small tbody tr:hover {
    background-color: #f9f9f9;
}

.apexcharts-toolbar {
    display: none !important;
}
body.theme-8 .custom-nav-pills .nav-link:focus,
body.theme-8 .custom-nav-pills .nav-link.active,
body.theme-8 .custom-nav-pills .show > .nav-link {
    background: white !important;
    color: #050411 !important;
}

.custom-nav-pills .nav-link {
    border-radius: 4px;
}

body.theme-8 .nav-link {
    color: #6d7280 !important;
}

.nav-link.active {
    font-weight: 600 !important;
}

.rounded-sm {
    border-radius: 4px;
}
.dash-submenu .dash-item:not(.active) .dash-link {
    color: #7e7e7e !important;
}
.dash-submenu .dash-item:not(.active) .dash-link:hover {
    color: inherit !important;
}

.custom-badge {
    padding: 4.5px 10px;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 500;
}

.success-badge {
    background-color: #73e2a3;
    color: #ffffff;
}

.secondary-badge {
    background-color: #e3e8ef;
    color: #707070;
}

.nav-pill-container-btn {
    background-color: #eef2f6;
    border-radius: 6px;
    padding: 4px;
}
.nav-fill-btn .nav-item {
    flex: 1 1 auto;
    text-align: center;
}
.nav-fill-btn .nav-link {
    background-color: transparent !important; /* Ensure inactive tabs are transparent */
    color: #6d7280; /* Optional: Adjust inactive tab text color for better contrast if needed */
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-weight: 500;
}

#pills-tab.nav-fill-btn .nav-link.active {
    background: white !important;
    border-radius: 4px !important;
    color: #000000 !important;
}

.card-container .card .card-footer {
    border-top: none !important;
}

.apexcharts-legend-series {
    width: 90%;
}
.text-muted {
    color: #8d8d8d !important;
}

.select-placeholder-black {
    color: #667085 !important;
    font-weight: 400 !important;
}
.select-placeholder-black option {
    color: initial; /* Or your default option color */
}

.fc-toolbar-chunk.btn-group {
    border: 1px solid #eef2f6;
}

.fc-prev-button,
.fc-next-button,
.fc-prev-button:hover,
.fc-next-button:hover {
    background-color: #f8fafc !important;
    padding: 16.5px 20px;
    border-color: #eef2f6;
}

.fc-prev-button {
    border-right: none;
}

.fc-next-button {
    border-left: none;
}
.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
    margin-left: 24px;
}

.fc-today-button {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #050411 !important;
    padding: 16.5px 20px !important;
    width: 131px !important;
    height: 56px !important;
    border-radius: 8px;
    background-color: #eafa6b !important;
    opacity: 1 !important;
}
.fc-toolbar-chunk.fc-toolbar-title {
    color: #050411 !important;
}

.fc-timeGridDay-button,
.fc-timeGridWeek-button,
.fc-dayGridMonth-button {
    background-color: #f8fafc;
    color: #050411;
    border: 1px solid #eef2f6;
    font-size: 16px;
    font-weight: 600;
}

.fc-timeGridDay-button,
.fc-dayGridMonth-button {
    padding: 16.5px 39.5px;
}
.fc-timeGridWeek-button {
    padding: 16.5px 12px;
}

.fc-toolbar {
    margin: 30px 0px 0px 0px;
}
.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 10px;
}

.dash-mtext-update {
    color: #050411;
    font-weight: 500;
    font-size: 16px;
}

@media (max-width: 1700px) {
    .fc-prev-button,
    .fc-next-button,
    .fc-prev-button:hover,
    .fc-next-button:hover {
        padding: 16.5px;
    }

    .fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
        margin-left: 12px;
    }

    .fc-toolbar-chunk.fc-toolbar-title {
        font-size: 16px;
    }

    .fc-today-button {
        width: 90px !important;
    }

    .fc-timeGridDay-button,
    .fc-dayGridMonth-button {
        padding: 16.5px;
    }
    .fc-timeGridWeek-button {
        padding: 12px;
    }
}

.fc .fc-timegrid-axis-cushion {
    text-transform: capitalize;
}

/* public/css/custom_pagination.css */

.pagination-container {
    box-shadow: 0px 1px 2px 0px #1018280d;
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-start;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #d0d5dd; /* Single border for the whole container */
}

.pagination-item {
    padding: 10px 16px;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #1d2939;
    font-size: 14px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    transition: background-color 0.2s, color 0.2s;
    flex-shrink: 0;
}

.pagination-item:hover:not(.disabled):not(.pagination-active) {
    background: #f9fafb;
    cursor: pointer;
}

.pagination-item.disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.pagination-item.pagination-prev {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.pagination-item.pagination-next {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.pagination-item.pagination-active {
    background: #f9fafb;
    color: #050411;
    font-weight: 500;
    cursor: default;
}

.pagination-item.pagination-dots {
    width: 40px;
    padding: 9px 8px;
    background: white;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    color: #050411;
}

.pagination-item.pagination-dots:hover {
    background: white;
    cursor: default;
}

.pagination-separator {
    width: 1px;
    height: 40px;
    background: #d0d5dd;
    flex-shrink: 0;
}

.pagination-icon {
    width: 20px;
    height: 20px;
    position: relative;
    overflow: hidden;
    color: #1d2939;
}

.pagination-item.pagination-active .pagination-icon {
    color: #050411;
}

/* Numbered items specific styling */
.pagination-container
    .pagination-item:not(.pagination-prev):not(.pagination-next):not(
        .pagination-dots
    ) {
    width: 40px;
    padding: 9px 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    color: #050411;
}
#leads-staff-report {
    overflow-x: auto;
    overflow-y: hidden;
}