/* General CSS */
*{font-family: "Inter", sans-serif; color: #222222;}
body {background: #F6F6F6;}
html { -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased }
a, abbr, acronym, address, b, bdo, big, blockquote, body, br, button, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, i, iframe, img, ins, kbd, legend, li, map, object, ol, p, pre, q, samp, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var { margin: 0; padding: 0; border: none }
a, input, select, textarea { outline: 0; margin: 0; padding: 0 }
.btn,a{-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.btn.focus,.btn:focus,.btn:active,.btn:hover,a:focus,a:hover,button:focus,input:focus,textarea:focus{text-decoration:none;outline:0;color:inherit;text-decoration:none!important;transition:all .3s ease 0s; box-shadow: none !important;}
a{text-decoration: none;}

/* Global CSS */
.text-danger {color: #FF0000 !important;}
.text-success {color: #06AF40 !important;}
.mb-6, .my-6 {
    margin-bottom: 1.5rem !important;
}
.btn {
    padding: 9px 15px;
    border-radius: 6px;
}
.btn-large {
    min-width: 172px;
}
.btn-primary {
    background: #1B84FF;
    border-color: #1B84FF;
}
.btn-primary:hover {
    background: #071437;
    color: #fff;
    border-color: #071437;
}
.btn-small {
    font-size: 12px;
    line-height: 12px;font-weight: 500;padding: 9px 11px;
}
.gap-8px {
    gap: 8px;
}
.table-button {
    margin-left: 22px;
    position: relative;
}
.table-button:before {
    content: "";
    background: #99A1B7;
    position: absolute;
    left: -15px;
    top: 13px;
    width: 1px;
    height: 20px;
}
.radius-12 {
    border-radius: 12px !important;
}
.normal-select-wrapper.medium select {
    width: 120px;
    font-size: 13px;
    padding: 5px 10px !important;
    background-size: 11px;
    height: 30px;
}
.form-control:focus {
    box-shadow: none;
}
/* header CSS */


/* Main CSS */
.app-page-wrapper {margin-left: 240px;}
.app-page-wrapper .app-header {background: #fff;display: flex;align-items: center;justify-content: space-between;padding: 0 16px;position: fixed;width: 100%;top: 0;left: 0;z-index: 9;border-bottom: 1px solid #F1F1F4;height: 64px;}
.user-info.dropdown img {width: 30px;height: 30px;overflow: hidden;border-radius: 50%;}
.user-info.dropdown .dropdown-toggle {background: #fff;padding: 17px 0;font-size: 14px;line-height: 20px;}
.user-info.dropdown .dropdown-toggle::after{background-image: url(/Content/images/Theme/icons/ic_down.svg);width: 12px;height: 10px;background-repeat:no-repeat;background-size: contain;background-position: center;border: none; vertical-align: 0;}
.dropdown-menu {box-shadow: 2px 2px 6px 0px #0000000F;border: 1px solid #F1F1F4;padding: 0;}
.dropdown-menu .dropdown-item {font-size: 14px;padding: 8px 30px 8px 20px;border-bottom: 1px solid #F1F1F4;}
.dropdown-menu .dropdown-item:hover {background: transparent;color: #1B84FF;}
.dropdown-menu li:last-child .dropdown-item .dropdown-item {
    border-bottom: 1px solid #F1F1F4;
}
.dropdown-menu li:last-child .dropdown-item .dropdown-menu li:last-child .dropdown-item li:last-child .dropdown-item {
    border-bottom: none;
}

.app-sidebar {position: fixed;z-index: 1 !important;top: 64px !important;bottom: 0;left: 0;border-right: 1px solid #F1F1F4 !important;width: 240px;padding: 12px 0;height: calc(100% - 64px);background: #fff;}

#sidebar-main-menu {padding: 0 15px;}
#sidebar-main-menu .sidebar-menu-item .menu-link {display: flex;align-items: center;width: 100%;padding: 15px 0;justify-content: start;gap: 8px;background: transparent;border-bottom: 1px solid #F1F1F4;position: relative;}
#sidebar-main-menu .sidebar-menu-item .menu-link.active, #sidebar-main-menu .sidebar-menu-item .menu-link:hover {background-color: #E8F3FF;}
#sidebar-main-menu .sidebar-menu-item .menu-link span.menu-text {text-align: left;font-size: 13px;line-height: 14px;font-weight: 500;color: #252F4A;}
#sidebar-main-menu .sidebar-menu-item .menu-link.active span.menu-text { font-weight: 600; };
#sidebar-main-menu .sidebar-menu-item {padding: 0 16px;}
#sidebar-main-menu .sidebar-menu-item .menu-link span.menu-text b {display: none;font-size: 12px;font-weight: 500;color: #4B5675;margin-top: 5px;}
#sidebar-main-menu .sidebar-menu-item .menu-link.active span.menu-text b {display: block;}
#sidebar-main-menu .sidebar-menu-item .menu-link .menu-icon img {width: 42px;}
#sidebar-main-menu .sidebar-menu-item .menu-link.active:before, #sidebar-main-menu .sidebar-menu-item .menu-link.active:after,#sidebar-main-menu .sidebar-menu-item .menu-link:hover:before, #sidebar-main-menu .sidebar-menu-item .menu-link:hover:after {content: "";background-color: #E8F3FF;position: absolute;width: 16px;height: 100%;}
#sidebar-main-menu .sidebar-menu-item .menu-link.active:before, #sidebar-main-menu .sidebar-menu-item .menu-link:hover:before {left: -16px;}
#sidebar-main-menu .sidebar-menu-item .menu-link.active:after, #sidebar-main-menu .sidebar-menu-item .menu-link:hover:after {right: -16px;left: auto;}
.app-sidebar-menu-wrapper .search-wrap {padding: 17px 16px 24px;}
.input-icon {position: relative; }
.input-icon span {left: 0;top: 0;bottom: 0;position: absolute;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: calc(1.5em + 12px + 2px); }
.input-icon .form-control {border: 1px solid #dbdfe9;background: #fcfcfc;font-size: 13px;line-height: 16px;font-weight: 400;padding: 8px 14px;height: 36px;color: #071437;border-radius: 6px;padding-left: 34px;}
.input-icon .form-control::placeholder {color:#99A1B7;}

.app-sidebar-menu-wrapper {height: 100%;max-height: calc(100vh - 158px);overflow: hidden;overflow-y: scroll;}
/* .app-sidebar-menu-wrapper::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.15);background-color: #f1f1f1;border-radius: 10px;}
.app-sidebar-menu-wrapper::-webkit-scrollbar-thumb {background-color: rgb(202 202 202);border-radius: 10px;}
.app-sidebar-menu-wrapper::-webkit-scrollbar {width: 6px;background-color: #f1f1f1;border-radius: 10px;} */

/* #sidebar-main-menu {height: calc(100vh - 170px);overflow: hidden;overflow-y: scroll;} */
/* #sidebar-main-menu::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 10px;}
#sidebar-main-menu::-webkit-scrollbar-thumb {background-color: #000000;}
#sidebar-main-menu::-webkit-scrollbar {width: 6px;background-color: #F5F5F5;} */
.bottom-siderbar-btn {position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 0;background: #fff;padding: 25px 12px;}
.bottom-siderbar-btn .btn-add-person {display: inline-flex;align-items: center;justify-content: center;background: #1B84FF;gap: 10px;padding: 10px 10px;margin: 0 auto;height: 44px;border-color: #1B84FF;width: 208px;}
.bottom-siderbar-btn .btn-add-person span {color: #fff;font-size: 14px;line-height: 14px; font-weight: 500;}
.bottom-siderbar-btn .btn-add-person:hover {background: #071437;border-color: #071437;}
.page-heading .search-wrap {max-width: 380px;margin-bottom: 24px;}

.app-main-content-wrap {padding-top: 78px;padding-left: 4px;padding-bottom: 50px;}
.page-title-heading h1 {font-size: 18px;line-height: 26px;color: #FD671F;font-weight: 500;}
.page-title-heading {margin-bottom: 16px;}
.card {box-shadow: 0px 3px 4px 0px #00000008;border: 1px solid #F1F1F4;border-radius: 6px;}
.card .card-header {background: transparent;border: 1px solid #F1F1F4;padding-top: 15px;padding-bottom: 15px;}
.card .card-header h3 {font-size: 16px;line-height: 22px;}
.card.inner-card {box-shadow: none;height: 100%;border: 1px solid #F1F1F4;transition: 0.3s all;}
.card.inner-card:hover {box-shadow: 0px 3px 4px 0px #00000008;}
.card.inner-card .card-header {background: #FD671F0D;padding: 10px 16px;}
.card.inner-card .card-header h4 {font-size: 15px;color: #FD671F;}
.card.inner-card .card-body {padding: 16px;}
.form-select, .reportrange {font-size: 14px;border: 0.5px solid #D0D0DA;background-color: #D0D0DA1A;padding: 10px 30px 10px 10px;border-radius: 3px;}
.form-select {background-image: url(/Content/images/Theme/icons/select-drop-arrow.svg);background-size: 12px;}
.form-select:focus {box-shadow: none;outline: none;border-color: #1B84FF;background-color: #fff0eb;}
.reportrange {width: 265px;padding-right: 10px;margin-left: auto;display: flex;align-items: center;justify-content: space-between;min-width: 265px;}
.reportrange img {width: 20px;position: relative;top: -1px;margin-left: 8px;}
.daterangepicker {box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);margin: 0;border: none;border-radius: 3px !important;}
.daterangepicker:before, .daterangepicker:after {display: none;}
.daterangepicker .ranges li.active {background: #1B84FF;}
.daterangepicker .ranges li:hover {background-color: #fff0eb;}
.daterangepicker .ranges li.active:hover {color: #222;}
.daterangepicker td.in-range {background-color: #fff0eb;}
.daterangepicker td.active, .daterangepicker td.active:hover {background-color: #1B84FF;}
.daterangepicker .drp-buttons .btn.applyBtn {background: #1B84FF;border-color: #1B84FF;}
.daterangepicker .drp-buttons .btn.applyBtn {background-color: #fb5809;border-color: #fb5809;color: #fff;}
.card-header.card-header-with-date {border-bottom: none;padding-bottom: 8px;display: flex;align-items: center;justify-content: space-between;position: relative;padding-top: 8px;}
.card-header.card-header-with-date h3 {padding-bottom: 0;border: none;}
.card-header.card-header-with-date:after {content: "";background: #D0D0DA;height: 0.5px;width: calc(100% - 32px);position: absolute;bottom: -1px;left: 16px;}
#chartdiv {width: 100%;height: 300px;}
.offcanvas.offcanvas-start {transform: translateX(0%);width: 240px;visibility: visible;border-right: none;}
body {overflow: inherit !important;padding-right: inherit !important;}
body.menu-open {overflow: hidden !important;padding-right: 0 !important;}

.tasks-box .number-box {
    background: #FC3613;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    margin-bottom: 16px;
}
.tasks-box .box-content h4 {
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    color: #000000;position: relative;
}
.tasks-box .box-content h4::before {
    content: "";
    background-image: url(/Content/images/Theme/icons/ic_right_arrow.svg);
    width: 16px;height: 16px;background-size: contain;background-repeat: no-repeat;position: absolute;
    right: 0;background-position: center;
}
.card.inner-card.small-card {
    padding: 16px;
    box-shadow: 0px 3px 4px 0px #00000008;
    border-radius: 12px;background-image: url(/Content/images/Theme/box-bg-image.png);background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;transition: 0.3s all;
}
.card.inner-card.small-card:hover {
    box-shadow: none;
}
.small-card-boxes p {
    font-size: 14px;
    line-height: 17px;
    color: #4B5675;
}
.small-card-boxes {
    display: flex;
    justify-content: space-between;gap: 15px;
}
.small-card-boxes p:last-child {
    width: 35px;position: relative;min-width: 35px;
}
.small-card-boxes p b {
    font-weight: 500;font-size: 16px;
    line-height: 17px;
}
.small-card-boxes p b::after, .right-content-wrap ul.right-content-list li a:after {
    content: "";
    background-image: url(/Content/images/Theme/icons/ic_right_arrow.svg);
    width: 16px;height: 16px;background-size: contain;background-repeat: no-repeat;position: absolute;
    right: 0;background-position: center;
}
.right-content-wrap h4 {
    font-size: 16px;
    line-height: 17px;
    font-weight: 600;
    color: #071437;
    margin-bottom: 16px;
}
.right-content-wrap ul.right-content-list li {
    list-style: none;
}
.right-content-wrap ul.right-content-list li a {
    display: flex;
    border: 1px solid #F1F1F4;
    box-shadow: 0px 3px 4px 0px #00000008;
    background: #fff;
    border-radius: 6px;
    padding: 16px 30px 16px 16px;
    gap: 8px;
}
.right-content-wrap ul.right-content-list li {
    margin-bottom: 12px;
}
.right-content-wrap ul.right-content-list li:last-child {
    margin-bottom: 0;
}
.right-content-wrap ul.right-content-list .content h5 {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: #071437;
    margin-bottom: 6px;
}
.right-content-wrap ul.right-content-list .content p {
    font-size: 12px;
    line-height: 14px;
    color: #4B5675;
    font-weight: 400;
}
.right-content-wrap ul.right-content-list li a {
    position: relative;
}
.right-content-wrap ul.right-content-list li a:after {
    position: absolute;
    right: 16px;
    top: 15px;
}
.main-top-navbar ul.navbar-nav .nav-link {
    padding: 21px 12px;font-size: 14px;font-weight: 500;color: #000000;border-bottom: 1px solid transparent;
}
.main-top-navbar ul.navbar-nav .dropdown-toggle:after {
    background-image: url(/Content/images/Theme/icons/ic_down.svg);
    border: none;
    width: 13px;
    height: 13px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: 5px;
}
.main-top-navbar ul.navbar-nav .nav-link.active, .main-top-navbar ul.navbar-nav .nav-link:hover {
    background: #E8F3FF;
    color: #1B84FF;border-color: #1B84FF;
}
.app-header .header-right {
    gap: 12px;position: relative;padding-left: 16px;
}
.app-header .header-right:before {
    content: "";
    background-color: #99A1B7;height: 30px; width: 1px; position: absolute; left: 0;
}
.app-header .header-right .nav-link {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    font-weight: 500;
}
.app-header .header-right .nav-link img {
    width: 22px;
}
.dropdown-menu .dropdown-item.dropdown-toggle:after {
    transform: rotate(-90deg);
    margin: 0;
    position: absolute !important;
    right: 7px;
    top: 14px !important;
}
.dropdown-menu .dropdown-item.dropdown-toggle {
    position: relative;
}



#calendar {
    font-size: 14px;
}
#calendar .fc-header-toolbar {
    padding: 24px;
    margin: 0;
}
#calendar  th.fc-col-header-cell {
    background: #F8F9FB;
    height: 46px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600;
    color: #071437;
}
.fc-theme-bootstrap5 .fc-list, .fc-theme-bootstrap5 .fc-scrollgrid, .fc-theme-bootstrap5 td, .fc-theme-bootstrap5 th {
    border-color: #F1F1F4;
}
.fc-daygrid-day-events .fc-event-title {
    white-space: normal;
}
.fc-toolbar-chunk .btn-group .btn-primary {
    background: transparent;
    border: none;
    color: #4B5675;
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;border-radius: 6px !important;
    width: 70px;
}
.fc-toolbar-chunk  .btn-group {
    border: 1px solid #DBDFE9;
    background: #FCFCFC;
    border-radius: 6px;padding: 4px;
}
.fc-toolbar-chunk .btn-group .btn-primary.active {
    background: #1B84FF;
    color: #fff;
}
.fc-toolbar-chunk .btn-group .btn-primary.fc-prev-button, .fc-toolbar-chunk .btn-group .btn-primary.fc-next-button {
    width: auto;
}
.event-box {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding: 11px 11px 6px 8px;
    border-radius: 6px;
    gap: 5px;margin-left: 6px !important;
    margin-right: 6px !important;margin-bottom: 2px;
    margin-top: 2px !important;
}

.event-box .fc-daygrid-event-dot {
    display: none;
}

.event-box.event-green {
    background: #EFFAE4;
    border-left: 5px solid #ABD366;
}
.event-box.event-yellow {
    background: #FCF5E0;
    border-left: 5px solid #F8D379;
}
.event-box.event-red {
    background: #FDEAEC;
    border-left: 5px solid #F25E6C;
}

.event-box .fc-event-title {
    font-size: 12px;
    line-height: 14px;
    color: #071437;
    font-weight: 600;order: 1;
}
.event-box .fc-subtitle {
    order: 2;
    font-size: 10px;
    color: #4B5675;
    line-height: 13px;white-space: normal;
}

.event-box .fc-event-time {
    margin: 0 !important;
    color: #4B5675;
    position: relative;
    padding-left: 15px;order: 3;text-transform: uppercase;
}
.event-box .fc-event-time::before {
    content: "";
    background-image: url(/Content/images/Theme/icons/ic_clock.svg);
    width: 12px;height: 12px; background-size: contain;background-repeat: no-repeat;position: absolute;
    top: 3px;
    left: 0;
  }
  .fc .fc-daygrid-day.fc-day-today {
    background-color: transparent !important;
}
.fc .fc-daygrid-day-number {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
}
.app-header .header-right .nav-link:hover span {
    color: #1B84FF;
}
.app-header .header-right .nav-link:hover img {
    filter: brightness(0) saturate(100%) invert(40%) sepia(92%) saturate(2609%) hue-rotate(198deg) brightness(100%) contrast(103%);
}
/* .dropdown-menu {
    max-height: 70vh; 
    overflow-y: auto;  
} */
.content-page-title-wrap {
    margin: 0 0 16px;
    gap: 12px;
    min-height: 40px;
}
.back-to-page img {
    width: 20px;
    position: relative;
    top: -1px;
    margin-right: 1px;
}
.content-page-title {
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    color: #071437;
    margin: 0;
}
#accordionSearch .accordion-item {
    border: 1px solid #F1F1F4;
    box-shadow: 0px 3px 4px 0px #00000008;
    margin-bottom: 20px !important;
    border-radius: 6px;
    overflow: hidden;
}
#accordionSearch .accordion-item .accordion-button:not(.collapsed) {
    background: transparent;
    border-bottom: 1px solid #F1F1F4;
    box-shadow: none;
}
#accordionSearch .accordion-item .accordion-button {
    padding: 15px 17px;
    font-size: 18px;
    line-height: 19px;
    font-weight: 600;
    color: #071437;
}
#accordionSearch .accordion-item .accordion-button:after {
    content: "";
    background-image: url(/Content/images/Theme/icons/plus-squared-01.svg);
}
#accordionSearch .accordion-item .accordion-button:not(.collapsed):after {
    background-image: url(/Content/images/Theme/icons/minus-squared-01.svg);
}
.form-group label {
    font-size: 14px;
    line-height: 14px;
    color: #071437;    display: inline-block;
    margin-bottom: 0.5rem;
}
.form-control {
    border: 1px solid #dbdfe9;
    background: #fcfcfc;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    padding: 10px 14px;
    height: 40px;
    color: #071437;
}
textarea.form-control {
    resize: none; height: auto;
}
.form-control::placeholder {
  color: #78829D !important;
}
label.required::after {
    content: "*";
    color: #FC3613;
}
select.form-control {
    padding: 4px 14px;
    line-height: 20px;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.normal-select-wrapper select {
    background-image: url(/Content/images/Theme/icons/ic_down-arrow.svg);
    background-position: right 14px center;
    background-size: 12px 8px;
    background-repeat: no-repeat;
}


.select2-container {
    background: #fcfcfc;
    width: 100% !important;
}
.select2-container--default .select2-selection--single {
    height: 40px;
    background: #fcfcfc;
}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
    border-color: #dbdfe9 !important;
    border-radius: 6px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 9px 14px;
    font-size: 14px;
    padding-right: 30px;
    color: #071437;line-height: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--multiple .select2-selection__arrow {
    margin: 0;top: 11px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b, .select2-container--default .select2-selection--multiple .select2-selection__arrow b {
    display: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow::after, .select2-container--default .select2-selection--multiple .select2-selection__arrow::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url(/Content/images/Theme/icons/ic_down-arrow.svg);
    background-size: 12px 7px;
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(69%) sepia(2%) saturate(3767%) hue-rotate(187deg) brightness(96%) contrast(79%);
    right: 14px;
    font-size: 0;
}
.select2-dropdown.select2-dropdown--below {
    margin-top: 6px;
}
.select2-container--default .select2-dropdown {
    border-radius: 6px;
    overflow: hidden; border: 1px solid #E4E6EF;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
}
.select2-container--default .select2-results > .select2-results__options .select2-results__option {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #071437;
    padding: 10px 14px;
    transition: background 0.3s ease;
}
.select2-container--default .select2-results > .select2-results__options .select2-results__option[aria-selected=true], .select2-container--default .select2-results > .select2-results__options .select2-results__option.select2-results__option--highlighted {
    background: #f8f9fb !important;
}

.datepicker {
    width: auto;
    border: 1px solid #f8f9fb;
    box-shadow: 0px 10px 14px 0px rgba(15, 42, 81, 0.031);padding: 10px;
    border-radius: 0.42rem;
}
.datepicker-dropdown:before, .datepicker-dropdown:after {
    display: none;
}
.datepicker-wrapper {
    position: relative;
}
.datepicker-wrapper input {
    background-image: url("/Content/images/Theme/icons/ic_calendar.svg");
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: right 15px center;
}
.datepicker th.dow,
.datepicker td.day {
    height: 32px;
    width: 38px;
    min-width: 38px;
}

.datepicker thead th {
    background: none !important;
}
.datepicker thead th:hover {
    background: none !important;
}
.datepicker thead th:not(.dow) {
    height: 38px;
}
.datepicker thead th.prev,
.datepicker thead th.next {
    background: none !important;
    vertical-align: middle;
}
.datepicker thead th.prev:hover,
.datepicker thead th.next:hover {
    background: none !important;
}
.datepicker thead th.prev span,
.datepicker thead th.next span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    background: #f0f0f0; 
}
.datepicker thead th.next span img {
    transform: rotate(180deg);
}
.datepicker thead th.dow {
    font-size: 13px;
    line-height: 14px;
    font-weight: 400 !important;
    color: #888; 
}
.datepicker thead th.datepicker-switch {
    font-size: 13px;
    line-height: 14px;
    font-weight: 500 !important;
    color: #333; 
    background: none !important;
}
.datepicker thead th.datepicker-switch:hover {
    background: none !important;
}
.datepicker tbody td.day {
    font-size: 13px;
    line-height: 14px;
    font-weight: 400 !important;
    color: #000 !important;
}
.datepicker tbody td.day.old,
.datepicker tbody td.day.new {
    color: #ccc !important; 
    background: none !important;
    cursor: not-allowed;
}
.datepicker tbody td.day.active {
    font-weight: 500 !important;
    color: #fff !important; 
    background: #007bff !important; 
}
.datepicker tbody td.day:not(.old):not(.new):not(.active):hover,
.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
    background: #f5f5f5 !important; 
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
    background: #f5f5f5 !important; 
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.focused,
.datepicker table tr td span.active.focused:hover {
    background: #007bff !important; 
    color: #fff !important; 
}

.card.table-card {
    border-radius: 12px;
    width: 100%;
    overflow: visible;
}
.card-header.boder-inner {
    border: none;
}
.card-header.boder-inner h3 {
    border-bottom: 0.5px solid #D0D0DA;
    padding-bottom: 14px;font-size: 16px; font-weight: 600;
}
.card-body.help-information p {
    font-size: 13px;
    color: #4B5675;
    font-weight: 400;
}
.card-body.help-information .empty-box {
    margin: 10px auto;text-align: center;
}
.absolute-right-table {
    margin: 0;
    min-height: 60px;
    padding: 14px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;flex-wrap: wrap;
    gap: 12px;
}
.table_scroller {
    overflow-y: hidden;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.table-bordered {
    border: 1px solid #EBEDF3;
}
.table.table-bordered {
    border-left: none !important;
    border-right: none !important;
    margin: 0 !important;
    border-bottom: none;
    border-color: #f1f1f4 !important;
    border-collapse: collapse !important;
}
.table.table-bordered th {
    font-size: 13px;
    line-height: 14px;
    font-weight: 400;
    color: #4B5675;
    height: 40px;
    padding: 13px 16px !important;
    white-space: nowrap;background: #fcfcfc;
}
table td:first-child, table th:first-child {
    border-left: none !important;
}
.table.table-bordered th, .table.table-bordered td {
    border-color: #f1f1f4 !important;
    vertical-align: top;
}
.table-bordered th, .table-bordered td {
    border: 1px solid #EBEDF3;
}
.table .dt-column-order::after {
    content: "";
    background: url(/Content/images/Theme/icons/ic_sorting.svg) no-repeat;
    background-position: center;
    display: inline-block;
    margin-left: 4px;
    position: relative;
    top: 1px;
    width: 12px;
    height: 12px;
}
.table.table-bordered td {
    padding: 16px !important;
    /* padding-right: 10px !important; */
    font-size: 14px;
    line-height: 18px;
    color: #252F4A;
    font-weight: 400;
    vertical-align: middle;
}
td.details-control.sorting_1 {
    text-align: center;
}
.symbol {
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    border-radius: 0.42rem;
}
.symbol.symbol-36 .symbol-label {
    width: 36px;
    height: 36px;
    border-radius: 50%;display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.symbol-label img:not(.no-full-width) {
    width: 100%;border-radius: 50%;
    height: 100%;
}
.table_bottom_container {
    min-height: 60px;
    padding: 15px 16px;
    border-top: 1px solid #f1f1f4;
}
.table_bottom_container .table_bottom_inner {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.per_page_listing_container {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 30px;
}
.per_page_listing_container span {
    font-size: 13px;
    font-weight: 500;
    line-height: 14px;
    color: #78829d;
}
.per_page_listing_container .normal-select-wrapper {
    background: #fcfcfc;
}
.normal-select-wrapper {
    position: relative;
    z-index: 0;
}
.per_page_listing_container select {
    position: relative;
    z-index: 2;
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
    color: #071437;
    padding: 0 34px 0 10px !important;
    height: 30px;
    min-width: 59px;
    cursor: pointer;
    background: none !important;
}
.per_page_listing_container .normal-select-wrapper::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url(/Content/images/Theme/icons/ic_down-arrow.svg);
    background-size: 12px 7px;
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(69%) sepia(2%) saturate(3767%) hue-rotate(187deg) brightness(96%) contrast(79%);
    top: 50%;
    background-size: 10px 6px;
    transform: translateY(-50%);
    font-size: 0;
    right: 8px;
    z-index: 1;
}
.pagination_container {
    display: flex;
    gap: 16px;
    align-items: center;
}
.pagination_container span.page_text {
    font-size: 13px;
    font-weight: 500;
    line-height: 14px;
    color: #78829d;
}
.pagination_container .pagination_buttons {
    display: flex;
    gap: 2px;
}
.pagination_container .pagination_buttons button {
    border: none !important;
    outline: none !important;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #78829d;
    width: 30px;
    height: 30px;
    border-radius: 6px;
}
.pagination_container .pagination_buttons button:not(.active_btn) {
    background: none;
}
.pagination_container .pagination_buttons button:disabled {
    cursor: not-allowed !important;
    background: none !important;
}
.pagination_container .pagination_buttons button.prev_btn img {
    transform: rotate(180deg);
}
.pagination_container .pagination_buttons button.active_btn {
    color: #071437;
    background: #dbdfe9;
}
.pagination_container .pagination_buttons button.nav_btn img {
    filter: brightness(0) saturate(100%) invert(30%) sepia(64%) saturate(285%) hue-rotate(187deg) brightness(89%) contrast(84%);
}
.pagination_container .pagination_buttons button.nav_btn:disabled img {
    filter: brightness(0) saturate(100%) invert(72%) sepia(11%) saturate(497%) hue-rotate(186deg) brightness(89%) contrast(86%);
}
table .badge {
    display: inline-block;
    padding: 4px 5px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid transparent;
}
table .badge.bg-approve {
    border-color: #17C65333;
    background: #EAFFF1;
    color: #04B440;
}
table .badge.bg-pending {
    border-color: #F6B10033;
    background: #FFF8DD;
    color: #DFA000;
}
table .badge.bg-reject {
    border-color: #F8285A33;
    background: #FFEEF3;
    color: #D81A48;
}


.apexcharts-legend-marker {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background-color: #1E90FF !important;overflow: hidden;margin-right: 5px !important;
}
path.apexcharts-point-annotation-marker + rect {
    stroke: none;
}


.upload-wrapper {
    width: 100%;
}
.upload-box {
    border: 1px dashed #DBDFE9;
    color: #4B5675;
    padding: 20px;
    text-align: center;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s;
    position: relative;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 500;
} 
.upload-box:hover {
    background: #f5f5f5;
} 
.upload-box.dragover {
    background: #DBDFE9;
    border-color: #DBDFE9;
}
.upload-box svg {
    display: block;
    margin: 0 auto 8px;
}
.file-list {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
} 
.file-tag {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fcfcfc;
    border: 1px solid #D0D0DA;
    color: #4B5675;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 12px;
}
.file-tag .remove-btn {
    background: transparent;
    border: none;
    color: #4B5675;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}
.form-group hr {
    border-bottom: 1px solid #F1F1F4;
    opacity: 1;
    margin-bottom: 20px;
}
.upload-box img {
    filter: brightness(0) saturate(100%) invert(30%) sepia(48%) saturate(363%) hue-rotate(187deg) brightness(94%) contrast(87%);
}
.upload-box span {
    color: #4B5675;
}  


.sign-in-page {
    height: 100vh;
    background-image: url(/Content/images/Theme/sign-in-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.sign-in-wrapper {
    max-width: 446px;
    width: 100%;
    margin: auto;background: #FFFFFF54;
    backdrop-filter: blur(6px);
    padding: 40px 43px;border: 1px solid #FFFFFF; border-radius: 10px;
}
.sign-in-form-wrapper .form-control {
    background: #FFFFFF4D;
    border: 1px solid #FFFFFF38;
    backdrop-filter: blur(0.5px);
    border-radius: 6px;
    color: #fff;
}
.sign-in-form-wrapper .form-control::placeholder {
    color: #FFFFFF6B !important;opacity: 1;
}
.sign-in-title {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 22px;
}
.sign-in-form-wrapper label.form-label {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 5px;
}
.password-wrapper {
    position: relative;
}
.password-wrapper .btn-password-toggle {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 18px;
    height: 18px;
    border: none !important;
    outline: none !important;
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.password-wrapper .btn-password-toggle img {
    width: 18px;
    height: 18px;
}
.btn-light.sign-in-btn {background-color: #fff;font-size: 14px;font-weight: 500;border-radius: 6px;border-color: #fff;transition: 0.3s all;}
.btn-light.sign-in-btn:hover {
    background-color: #000;
    color: #fff;
    border-color: #000;
}
.sign-in-form p {font-size: 13px;font-weight: 400;color: #fff;text-align: center;margin-top: 30px;}
.sign-in-form p a {
    color: #fff;
    text-decoration: underline;
    font-weight: 600;
}
.sign-in-form .form-check label {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    margin: 0;
    margin-left: 0.5em;
    top: 0.5em;
    position: relative;
}
.sign-in-form .form-check input {
    background-color: #FFFFFF4D;
    width: 18px;
    height: 18px;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
}

.landing-page-body {
    background-color: #EFF5FD;
}
.landing-page-header .image-logo {
    width: 160px;
}
.landing-page-header .image-logo img {
    width: 100%;
}
.landing-page-header .user-info.dropdown button {
    margin-left: auto;
    background: transparent;
    padding: 0;
}
.landing-page-header .user-info.dropdown button span {
    font-weight: 500;
    margin-left: 5px;
}
.landing-page-header {
    padding: 19px 0;
}
.landing-content {
    height: calc(100vh - 74px);
    display: flex;
    align-items: center;min-height: 600px;
}
.landing-content h3 {
    font-size: 24px;
    font-weight: 500;
    color: #071437;
    text-align: center;
    margin-bottom: 5px;
}
.landing-content h3 ~ p {
    font-size: 14px;
    font-weight: 400;
    color: #071437;
    text-align: center;
}
.content-box-list {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 42px;
}
.content-box-list .content-box {
    background: #FFFFFF;
    box-shadow: 0px 3px 4px 0px #00000008;
    min-height: 257px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 257px;
    width: 257px;
    border-radius: 10px;
    /* width: 25%; */
    padding: 16px;
}
.content-box-list .content-box h4 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    margin-top: 22px;
    margin-bottom: 12px;
    color: #071437;
}
.content-box-list .content-box p {
    font-size: 14px;
    color: #4B5675;
    font-weight: 400;
    text-align: center;
}