body {
    overscroll-behavior: none !important;
}

/* disable the container and elements */
div[aria-disabled="true"] :is(input, select, textarea, .form-check, ) {
    pointer-events: none;
}

div[aria-disabled="true"] :is(input, select, textarea) {
    background-color: var(--bs-gray);
}

div[aria-disabled="true"] .form-select {
    background-image: none;
}

.disabled {
    pointer-events: none;
    background-color: var(--bs-gray);
}

.menu-disable {
    pointer-events: none;
    opacity: .5;
}

/* Form Disabled on view mode */
div[aria-disabled='true'] textarea::placeholder,
div[aria-disabled='true'] .select2-selection--multiple .select2-search__field {
    opacity: 0 !important;
}

/* div[aria-disabled='true'] :is(input[type='time']:invalid, input[type='date'], input[type='datetime-local'])::-webkit-datetime-edit, */
div[aria-disabled='true'] :is(input[type='time']:invalid, input[type='datetime-local'])::-webkit-datetime-edit,
div[aria-disabled='true'] :is(.select2-selection--single .select2-selection__placeholder, .select2-selection--multiple .select2-search__field) {
    color: transparent !important;
}

div[aria-disabled='true'] span.select2-selection.select2-selection--multiple,
div[aria-disabled='true'] span.select2-selection.select2-selection--single {
    background-image: none !important;
}

/* hide caret holder on view mode */
div[aria-disabled='true'] .caret_holder {
    display: none !important;
}

div[aria-disabled='true'] :is(.select2-selection__clear, .input-group-text.search),
div[aria-disabled='true'] :is(input[type="date"], input[type="time"], input[type="datetime-local"])::-webkit-calendar-picker-indicator {
    display: none !important;
}

/* disable the container and elements */
div[aria-disabled='true'] :is(input, select, textarea, .form-check, .select2-selection) {
    pointer-events: none !important;
    opacity: 0.75 !important;
}

div[aria-disabled='true'] :is(input, select, textarea, .form-check, .select2-selection) data-placeholder {
    color: transparent !important;
}

div[aria-disabled='true'] :is(input[type="checkbox"]:checked, input[type="radio"]:checked) {
    background-color: var(--bs-primary) !important;
}

div[aria-disabled='true'] :is(input, select, textarea, .select2-selection) {
    background-color: var(--bs-gray) !important;
    border-color: var(--cs-border-gray) !important;
}

div[aria-disabled='true'] .form-select {
    background-image: none;
}

/* Typography */

.foot-note {
    font-size: var(--cs-size-base);
    color: #474747;
    font-weight: 400;
    line-height: 22px;
}

/* custom badge */
.bg-primary-3 {
    background-color: var(--cs-primary-3);
}

.badge-lifescan {
    background-color: var(--cs-lifescan-primary);
}

.badge-oshw {
    background-color: var(--cs-oshw-primary);
}

.badge-accepted {
    background-color: #DAF8E6;
    color: var(--cs-success-dark);
    padding: 9px 14px;
    font-size: 12px;
    border-radius: 6px;
}

.badge-declined {
    background-color: #FEEBEB;
    color: var(--cs-danger-dark);
    padding: 9px 14px;
    font-size: 12px;
    border-radius: 6px;
}

.bg-warning-light {
    background-color: #FFFBEB;
    color: #856404;
}

.bg-danger-light {
    background-color: #FEEBEB;
    color: #721C24;
}

.bg-success-light {
    background-color: #DAF8E6;
    color: #155724;
}

/* scroll behavior */

.sticky-sidebar {
    height: calc(100vh - 79px);
    overflow: auto;
}

.sticky-sidebar .dash-menu {
    min-height: 100% !important;
    height: 100%;
}

.scroll-content {
    overflow-y: scroll;
    overflow-x: clip;
    height: calc(100dvh - 185px);
}

.scroll-content .border-bottom {
    border-bottom: 2px solid var(--bs-primary) !important;
}

.menu-disable {
    pointer-events: none;
    opacity: .5;
}


/* Responsive Semantic */
.main-wrapper {
    overflow-y: scroll;
}

.main-wrapper main {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.075) !important;
    width: calc(100dvw - 280px);
    position: absolute;
    right: 0;
    min-height: 100%;
}

aside {
    width: 280px;
    float: left;
}

aside.collapsed+main {
    width: calc(100dvw - 80px);
}

header {
    z-index: 1039 !important;
}

.m-top-62 {
    margin-top: 62px;
}

.logo img {
    height: 35px;
}

.btn:focus {
    box-shadow: none !important;
}

.sidebar.collapsed {
    width: 80px !important;
}

.sidebar,
.nav {
    transition: width 0.3s ease;
}

.sidebar .nav-link {
    display: flex;
    padding: 0.5rem;
}

.sidebar.collapsed .nav-link .text,
.sidebar.collapsed .text {
    display: none;
}

.sidebar.collapsed .icon-chevron-right {
    width: 8px;
    height: 8px;
}

.sidebar.collapsed #collapsed-logo {
    display: block !important;
}

.sticky-top {
    height: calc(100dvh - 62px);
    top: 62px;
}

.custom-nav .nav-link {
    border: none;
    padding: 0.5rem;
    padding-left: 1.5rem;
}

.collapse-menu {
    color: var(--bs-secondary);
    padding: 7px 20px 30px 28px !important;
}

.collapse-menu.collapsed {
    padding: .5rem 25px !important;
}

.collapse-menu.collapsed .caption {
    transition: all 0.3s ease-in-out;
    display: none;
}

.collapse-menu:hover {
    color: var(--bs-dark);
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus,
.nav-tabs {
    border: none;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    border: none;
}

.dash-menu {
    height: calc(100dvh - 54px);
}

.navbar {
    height: 62px;
    background-color: white;
}

#navbarDropdownMenuLink {
    font-weight: 500;
}

nav .navbar {
    min-width: 100vw;
}

.topbar {
    box-shadow: 0 4px 2px -2px #5c73a012;
}

.collapse {
    transition: height 0.35s ease-in-out;
}

.sub-module-nav {
    max-height: 50vh;
    overflow: auto;
}

.padding-left-4 {
    padding-left: 1.5rem;
}

.form-control {
    background: white;
}

.input-group-text {
    background: none;
}

span.input-group-text.eye {
    border: none;
    position: absolute;
    right: 2px;
    top: 15px;
    z-index: 3;
}

.eye-slash {
    background-image: url("/images/icon/svg/eye-slash.svg");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.eye-no-slash {
    background-image: url("/images/icon/svg/eye.svg");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.arrow-clockwise {
    background-image: url("/images/icon/svg/arrow-clockwise.svg");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.copy {
    background-image: url("/images/icon/svg/copy.svg");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.pass-refresh-copy .eye {
    right: 60px !important
}

#btn_regenerate_password,
#btn_copy_password {
    padding: 0;
    margin-left: 10px;
}

#btn_regenerate_password:hover svg,
#btn_copy_password:hover svg {
    color: var(--bs-primary);
}

div[aria-disabled="true"] .eye,
.form-control:disabled~ :is(.eye-slash, .eye-no-slash) {
    mix-blend-mode: multiply;
}

span.input-group-text.search {
    border: none;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 3;
    margin-right: 4px;
    background-color: var(--bs-white);
}

.reports-container,
.sign-off-checklist {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1rem;
}

.reports-container {
    max-height: 13rem;
}

.sign-off-checklist {
    max-height: 10rem;
}

.main {
    position: relative;
}

.modal-body {
    overflow: auto;
}

.add-report-modal {
    padding: 0;
}

.main-body,
#reports-section {
    position: absolute;
}

#reports-section {
    background-color: var(--bs-white);
    z-index: 1;
}


.w-5 {
    width: 5%;
    box-sizing: border-box;
}

.w-10 {
    width: 10%;
    box-sizing: border-box;
}

.w-15 {
    width: 15%;
    box-sizing: border-box;
}

.w-18 {
    width: 18%;
    box-sizing: border-box;
}

.w-20 {
    width: 20%;
    box-sizing: border-box;
}

.w-35 {
    width: 35%;
    box-sizing: border-box;
}

.w-40 {
    width: 40%;
    box-sizing: border-box;
}

.w-70 {
    width: 70%;
    box-sizing: border-box;
}

.w-75 {
    width: 75%;
    box-sizing: border-box;
}

.w-75 {
    width: 80%;
    box-sizing: border-box;
}

.w-95 {
    width: 95%;
    box-sizing: border-box;
}

.w-280 {
    width: 280px !important;
}

.txt-black {
    color: var(--bs-dark);
}

.txt-red {
    color: var(--bs-red);
}

.font-14 {
    font-size: var(--cs-size-base);
}

.font-16 {
    font-size: 16px;
    line-height: normal;
}

.font-18 {
    font-size: 18px;
    line-height: normal;
}

.font-24 {
    font-size: 24px;
    line-height: normal;
}

.font-28 {
    font-size: 28px;
    line-height: normal;
}

.font-40 {
    font-size: 40px;
    line-height: normal;
}

.nav,
.dropdown {
    transition: all 0.4s ease-in-out;
}

/* Icons */
.icon-plus-circle-red,
.icon-x-button-red,
.icon-plus-circle,
.icon-circle-red,
.icon-exclamation-dark,
.icon-exclamation,
.icon-navbar-toggler,
.icon-x-button,
.icon-minimize,
.icon-expand,
.icon-dashboard,
.icon-patients,
.icon-appointments,
.icon-clients,
.icon-invoices,
.icon-quickbooks,
.icon-documents,
.icon-drug-tests,
.icon-clinics,
.icon-clinic-schedule,
.icon-reports,
.icon-billable-services,
.icon-tasks,
.icon-abnormals,
.icon-quick-services,
.icon-quick-customer,
.icon-document-types,
.icon-client-years,
.icon-field-team,
.icon-accounting,
.icon-done,
.icon-not-done,
.icon-in-progress,
.icon-not-started {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: cover;
    background-position: center;
    vertical-align: middle;
    margin-left: 4px;
    margin-right: 4px;
}


.icon-caret-right,
.icon-caret-down .icon-edit,
.icon-view {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-size: cover;
    background-position: center;
    vertical-align: middle;
    margin-left: 4px;
    margin-right: 4px;
}

/* Icon Close */
.icon-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url(/images/icon/svg/gray-btn-close.svg) center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: 0.5;
}

.icon-gray-bars {
    display: inline-block;
    min-width: 16px;
    min-height: 16px;
    background-size: cover;
    background-position: center;
    vertical-align: middle;
    margin-left: 4px;
    margin-right: 4px;
    cursor: pointer;
}

.icon-caution {
    display: inline-block;
    width: 60px;
    height: 60px;
    background-size: cover;
    background-position: center;
    vertical-align: middle;
    margin-right: 4px;
    cursor: pointer;
}

.icon-caution {
    background-image: url(/images/icon/svg/caution.svg);
}

.icon-gray-bars {
    background-image: url(/images/icon/svg/bars-gray.svg);
}

.icon-done {
    background-image: url(/images/icon/svg/done.svg);
}

.icon-in-progress {
    background-image: url(/images/icon/svg/in-progress.svg);
}

.icon-not-started {
    background-image: url(/images/icon/svg/not-started.svg);
}

.icon-modulus,
.icon-caret-up,
.icon-caret-down-red,
.icon-trash3,
.icon-trash-white,
.icon-search,
.icon-eye-slash,
.icon-funnel,
.icon-download,
.icon-chevron-up,
.icon-chevron-down,
.icon-check-square-fill,
.icon-arrow-right,
.icon-arrow-right-white,
.icon-arrow-left,
.icon-calendar-date,
.icon-table,
.icon-calendar,
.icon-chart,
.icon-grid,
.icon-kanban,
.icon-map,
.icon-summary,
.icon-reports-table,
.icon-timeline,
.icon-clock,
.icon-caret-up {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
    margin-left: 4px;
    margin-right: 4px;
}

.icon-double-caret-up {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
}

.simple-pagination a {
    font-size: 12px;
    font-weight: 600;
}

.simple-pagination .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
    margin-left: 4px;
    margin-right: 4px;
}

.simple-pagination .divider,
.simple-pagination .paginate_button.disabled span {
    color: #6B7280;
}

.simple-pagination .paginate_button:hover {
    text-decoration: none;
    font-weight: 600;
}

.paginate_button.disabled {
    pointer-events: none;
}

.icon-caret-up {
    background-image: url(/images/icon/svg/caret-up.svg);
}


.disabled>.icon-chevron-right {
    background-image: url(/images/icon/svg/chevron-small-gray.svg);
}

.icon-chevron-right {
    background-image: url(/images/icon/svg/chevron-small-blue.svg);
}

.disabled>.icon-chevron-left {
    background-image: url(/images/icon/svg/chevron-small-gray.svg);
    transform: rotate(180deg);
}

.icon-chevron-left {
    background-image: url(/images/icon/svg/chevron-small-blue.svg);
    transform: rotate(180deg);
}

.icon-clock {
    background-image: url(/images/icon/svg/clock.svg);
}

.icon-x-button-red {
    background-image: url(/images/icon/svg/x-button-red.svg);
}

.icon-modulus {
    background-image: url(/images/icon/svg/modulus.svg);
}

.icon-caret-right {
    background-image: url(/images/icon/svg/caret-right-fill.svg);
}

.icon-caret-down {
    background-image: url(/images/icon/svg/caret-down-fill.svg);
}

.icon-caret-up {
    background-image: url(/images/icon/svg/caret-up.svg);
}

.icon-caret-down-red {
    background-image: url(/images/icon/svg/caret-down-red.svg);
}

.icon-circle-red {
    background-image: url(/images/icon/svg/circle-red.svg);
}

.icon-exclamation-dark {
    background-image: url(/images/icon/svg/exclamation-dark.svg);
}

.icon-exclamation {
    background-image: url(/images/icon/svg/exclamation-rounded.svg);
}

.icon-trash-white {
    background-image: url(/images/icon/svg/trash-white.svg);
}

.icon-calendar-date {
    background-image: url(/images/icon/svg/calendar-date.svg);
}

.icon-table {
    background-image: url(/images/icon/svg/table.svg);
}

.icon-arrow-left {
    background-image: url(/images/icon/svg/arrow-left.svg);
}

.icon-arrow-right {
    background-image: url(/images/icon/svg/arrow-right.svg);
}

.icon-arrow-right-white {
    background-image: url(/images/icon/svg/arrow-right-white.svg);
}

.icon-check-square-fill {
    background-image: url(/images/icon/svg/check-square-fill.svg);
}

.icon-chevron-down {
    background-image: url(/images/icon/svg/chevron-down.svg);
}

.icon-chevron-up {
    background-image: url(/images/icon/svg/chevron-up.svg);
}

.icon-download {
    background-image: url(/images/icon/svg/download.svg);
}

.icon-funnel {
    background-image: url(/images/icon/svg/funnel.svg);
}

.icon-plus-circle {
    background-image: url(/images/icon/svg/plus-circle.svg);
}

.icon-plus-circle-red {
    background-image: url(/images/icon/svg/plus-circle-red.svg);
}

.icon-search {
    background-image: url(/images/icon/svg/search.svg);
}

.icon-eye-slash {
    background-image: url(/images/icon/svg/eye-slash.svg);
}

.icon-trash3 {
    background-image: url(/images/icon/svg/trash3.svg);
}

.icon-edit {
    background-image: url(/images/icon/svg/pen.svg);
}

.icon-view {
    background-image: url(/images/icon/svg/view.svg);
}

.icon-navbar-toggler {
    background-image: url(/images/icon/svg/navbarToggler.svg);
}

.icon-x-button {
    background-image: url(/images/icon/svg/xButton.svg);
}

.icon-minimize {
    background-image: url("/images/icon/svg/minimizeIcon.svg");
}

.icon-expand {
    background-image: url(/images/icon/svg/expandArrow.svg);
}

.icon-dashboard {
    background-image: url(/images/icon/svg/dashboardIcon.svg);
}

.icon-patients {
    background-image: url(/images/icon/svg/patientsIcon.svg);
}

.icon-appointments {
    background-image: url(/images/icon/svg/appointmentsIcon.svg);
}

.icon-clients {
    background-image: url(/images/icon/svg/clientsIcon.svg);
}

.icon-invoices {
    background-image: url(/images/icon/svg/invoicesIcon.svg);
}

.icon-quickbooks {
    background-image: url(/images/icon/svg/quickbooksIcon.svg);
}

.icon-documents {
    background-image: url(/images/icon/svg/documentsIcon.svg);
}

.icon-drug-tests {
    background-image: url(/images/icon/svg/drugtestsIcon.svg);
}

.icon-clinics {
    background-image: url(/images/icon/svg/clinicsIcon.svg);
}

.icon-clinic-schedule {
    background-image: url(/images/icon/svg/clinicScheduleIcon.svg);
}

.icon-billable-services {
    background-image: url(/images/icon/svg/billableServicesIcon.svg);
}

.icon-tasks {
    background-image: url(/images/icon/svg/tasksIcon.svg);
}

.icon-abnormals {
    background-image: url(/images/icon/svg/abnormalsIcon.svg);
}

.icon-accounting {
    background-image: url(/images/icon/svg/accountingIcon.svg);
}

.icon-field-team {
    background-image: url(/images/icon/svg/fieldTeam.svg);
}

.icon-client-years {
    background-image: url(/images/icon/svg/clientYears.svg);
}

.icon-reports {
    background-image: url(/images/icon/svg/reportsIcon.svg);
}

.icon-document-types {
    background-image: url(/images/icon/svg/documentTypes.svg);
}

.icon-quick-customer {
    background-image: url(/images/icon/svg/quickCustomer.svg);
}

.icon-quick-services {
    background-image: url(/images/icon/svg/quickServices.svg);
}

.icon-calendar {
    background-image: url(/images/icon/svg/calendarIcon.svg);
}

.icon-chart {
    background-image: url(/images/icon/svg/chartIcon.svg);
}

.icon-grid {
    background-image: url(/images/icon/svg/gridIcon.svg);
}

.icon-kanban {
    background-image: url(/images/icon/svg/kanbanIcon.svg);
}

.icon-map {
    background-image: url(/images/icon/svg/mapIcon.svg);
}

.icon-summary {
    background-image: url(/images/icon/svg/summaryIcon.svg);
}

.icon-reports-table {
    background-image: url(/images/icon/svg/tableIcon.svg);
}

.icon-timeline {
    background-image: url(/images/icon/svg/timelineIcon.svg);
}

.icon-double-caret-up {
    background-image: url(/images/icon/svg/double-caret-up.svg);
}

.nav-link {
    color: var(--bs-dark);
    font-weight: 500;
    transition: none;
}

a.nav-link:hover,
a.nav-link.selected,
.nav-link.active {
    background: rgba(47, 79, 170, 0.05) !important;
    border-right: 4px solid var(--bs-primary) !important;
    color: var(--bs-primary) !important;
}

a {
    color: var(--bs-primary);
    text-decoration: none;
}

a:hover {
    color: var(--cs-oshw-primary);
    text-decoration: none;
    cursor: pointer;
}

/* Buttons with Dropdown */
.btn.dropdown-toggle::after {
    display: none !important;
}

.btn-primary.dropdown-toggle-split {
    border-left: solid 1px var(--bs-primary-dark);
}

.btn-success.dropdown-toggle-split {
    border-left: solid 1px var(--cs-success-dark);
}

.caret {
    border: none !important;
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    margin-left: auto;
    content: "";
    background-image: url("/images/icon/svg/chevron-down-white.svg") !important;
    background-repeat: no-repeat;
    background-size: 1rem;
    transition: transform 0.2s ease-in-out;
}

.btn {
    padding: 12px 24px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    white-space: nowrap;
}

.btn-back {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 2.5H15.8333C16.2754 2.5 16.6993 2.6756 17.0118 2.98816C17.3244 3.30072 17.5 3.72464 17.5 4.16667V15.8333C17.5 16.2754 17.3244 16.6993 17.0118 17.0118C16.6993 17.3244 16.2754 17.5 15.8333 17.5H12.5' stroke='black' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.66602 5.83335L2.49935 10L6.66602 14.1667' stroke='black' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 10L12.5 10' stroke='black' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
    width: 20px;
    height: 20px;
}

.dropdown-menu[data-bs-popper] {
    position: absolute;
    right: 0 !important;
}

.columns-btn {
    height: 36px;
    width: 36px;
    padding: 8px;
    border-radius: 6px;
    background-color: var(--ls-btn-gray);
}

.tag {
    padding: 8px;
    border-radius: 6px;
    background-color: var(--ls-btn-gray);
}

.columns-btn:hover {
    background-color: var(--bs-light-red);
}

.columns-btn.active {
    background-color: var(--bs-red);
}

.columns-btn.active:hover {
    background-color: var(--bs-primary);
}

.table-borderless td,
.table-borderless th {
    border: none !important;
}

table.form-table td,
table.form-table th {
    padding: 1rem;
}

.no-vertical-borders td,
.no-vertical-borders th {
    border-left: none !important;
    border-right: none !important;
}

.table-wrapper.table-bordered tr {
    border-bottom: 1px solid #dee2e6;
}

.table-wrapper {
    width: 100%;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: url("/images/icon/svg/chevron-double-right.svg");
}

.breadcrumb.small .breadcrumb-item+.breadcrumb-item::before,
.report-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: url("/images/icon/svg/chevron-right.svg");
}

.breadcrumbs {
    border-bottom: 1px solid var(--ls-border-gray);
    padding-right: calc(var(--ls-font-size-base) * 1.5) !important;
}

.breadcrumb.small {
    font-weight: 400;
    border-bottom: solid 1px var(--cs-border-gray);
}

.breadcrumb.small .active {
    font-weight: 600;
}

/**main body**/

.accordion-button,
.font-24-bold {
    font-size: 24px;
    font-weight: 500;
}

.accordion-button,
.font-24-bold {
    font-size: 24px;
    font-weight: 500;
}

.font-24 {
    font-size: 24px;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.main-body-scroll {
    overflow-y: scroll;
    overflow-x: hidden;
}

.daterangepicker td.in-range.active,
.daterangepicker td.active,
.daterangepicker td.active:hover,
button.applyBtn.btn.btn-sm.btn-primary {
    background-color: var(--bs-primary) !important;
    color: white !important;
}

.daterangepicker .drp-buttons .btn {
    display: inline-block;
}

button#back-to-top {
    position: fixed;
    right: 1rem;
    bottom: 0.5rem;
    display: none;
}

#appointment-information {
    scroll-behavior: smooth;
}

.flag {
    background-color: var(--bs-light-red);
    padding: 5px 14px;
    border-radius: 6px;
}

button.applyBtn.btn.btn-sm.btn-primary {
    border-color: var(--bs-primary) !important;
    border-radius: 3px;
}

.daterangepicker td.in-range {
    background-color: rgba(66, 124, 216, .2) !important;
}

table.dataTable tbody tr {
    height: 60px;
    vertical-align: middle;
}

table.dataTable thead tr {
    height: 60px;
    vertical-align: middle;
}

table.dataTable tbody tr.special-row {
    height: 60px;
    vertical-align: middle;
}

.dataTables_length label {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: var(--cs-size-base);
}

.dataTables_length label {
    margin-bottom: 0;
}


table.table.table-striped.display.nowrap.dataTable.no-footer thead th {
    box-sizing: border-box;
    max-width: 200px !important;
}



.table.dataTable .form-check-input {
    border: solid 1px #DFE4EA !important;
    width: 15px !important;
    height: 15px !important;
}

.table.dataTable svg {
    color: #637381 !important;
}

.table.dataTable svg:hover {
    color: var(--bs-primary) !important;
}

.bg-mid-gray {
    background-color: var(--ls-mid-gray);
}

.bg-ls-gray {
    background-color: var(--ls-btn-gray);
}

.custom-select {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
}

.select2-container--default.select2-container--disabled .select2-selection--single,
.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: var(--ls-btn-gray) !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder,
.form-control[placeholder] {
    color: #1F1F1F !important;
    font-weight: 400 !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 100% !important;
}


.dataTables_scrollHead,
.dataTables_scrollBody,
.dataTables_scrollHeadInner,
.table {
    width: 100% !important;
    /* table-layout: fixed !important; */
}

.dataTables_scrollHead {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.dataTables_scrollBody {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    /* Fix issue on the DataTable window resize*/
    /* max-height: calc(100vh - 397px) !important; */
    /* max-height: calc(100vh - 355px) !important; */
}

#appointmentsTable td:nth-child(1) {
    text-align: center;
}

.dataTables_filter {
    display: none;
}

.dataTable #select-all-checkbox,
.dataTable .row-select {
    margin-left: 15px;
    width: 14px;
    margin-top: 5px;
}

.dataTable .line-clamp {
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 55px;
}

table.dataTable.no-border {
    border-collapse: collapse;
    border: none;
}

table.dataTable.no-border thead th,
table.dataTable.no-border tbody td {
    border: none;
}

table.dataTable thead {
    background-color: var(--bs-light);
}

table.dataTable.no-border tbody tr {
    border: none;
}

table.dataTable {
    border: none;
    border-spacing: 0 !important;
    overflow: hidden;
    margin-bottom: 0;
    width: 100%;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

table.dataTable thead th,
table.dataTable thead td {
    border-bottom: none;
}

table.dataTable tbody tr {
    border: none;
}

.tab-content .dataTables_scroll {
    border: 1px solid var(--bs-gray);
    border-radius: 10px;
    /* max-height: calc(100vh - 360px) !important; */
    overflow: scroll;
}

.dataTables_scroll {
    border: 1px solid var(--bs-gray);
    border-radius: 10px;
    /* max-height: calc(100vh - 260px) !important; */
    overflow: scroll;
}

.DTFC_LeftBodyWrapper {
    background-color: var(--bs-white);
}

.dataTableContainer#app-summary-documents {
    height: 50vh;
    overflow: auto;
}

.form-check-input {
    width: 20px;
    height: 20px;
}

.form-check-input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

input.checkbox-big {
    border: 2px solid var(--bs-gray);
    width: 20px;
    height: 20px;
}

.input-container {
    position: relative;
}

.input-container input {
    padding-left: 30px;
}

.input-container .icon-inside-input {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

/* form-check Custom Style */

.form-check label {
    /* margin-top: 3px; */
    margin-left: 10px;
}

.required-field {
    color: var(--bs-red);
}

input[type="checkbox"]:checked::before {
    content: "";
    position: absolute;
    left: 5.5px;
    top: 3px;
    width: 4px;
    height: 7px;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

th input[type="checkbox"]:checked::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 1px;
    border: 1px solid var(--bs-white);
    transform: translate(-50%, -50%);
}


.table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: var(--bs-white) !important;
}

.table>tbody>tr:nth-of-type(even) {
    background-color: rgb(249, 250, 251) !important
}

.table>tbody>tr:hover>* {
    background-color: rgba(47, 79, 170, 0.05) !important;
}

table.dataTable tbody tr.selected {
    background-color: rgba(47, 79, 170, 0.05) !important;
}

table.dataTable.table>tbody>tr.selected>* {
    box-shadow: none !important;
    color: var(--bs-dark);
}

.table> :not(caption)>*>* {
    padding: calc(var(--cs-size-base)* 0.5) calc(var(--cs-size-base)* 0.5);
}

.page-item.active .page-link,
a.paginate_button.current {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    border-radius: 3px;
    color: var(--bs-white);
}

a.paginate_button:hover {
    font-weight: 500;
    cursor: pointer;
}

a {
    cursor: pointer;
}

.page-link,
.page-item.disabled .page-link,
a#appointmentsTable_next,
a#appointmentsTable_previous,
a.paginate_button {
    border: none;
    color: var(--bs-primary);
    padding: 4px 8px;
}

.page-item-disabled {
    pointer-events: none;
    opacity: 0.5;
}

.page-link {
    color: var(--bs-primary);
    border: none;
    padding: 4px 8px;
}

select,
.form-control,
.input-group-text {
    border-radius: 6px !important;
}

span.select2.select2-container.select2-container--default {
    width: 100% !important;
}

span.select2-selection.select2-selection--single {
    border-radius: 6px !important;
}

span.select2-selection.select2-selection--multiple {
    border-radius: 6px;
    padding: 0.35rem;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border: 1px solid #ced4da !important;
}


.edit-icon {
    cursor: pointer;
}

.modal-dialog-slideout {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    margin: 0;
    transform: translateX(100%);
    transition: transform 0.3s ease-out;
}

.modal-content.filters {
    min-width: 400px !important;
}

.modal.fade .modal-dialog-slideout {
    transform: translateX(100%);
}

.modal.fade.show .modal-dialog-slideout {
    transform: translateX(0);
}

.modal-fullscreen {
    height: 100vh;
    width: 100vw;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.border-radius {
    border-radius: 20px;
}

.modal label {
    font-weight: 500;
}

.wizard-step {
    display: none;
}

.wizard-step.active {
    display: block;
}

.radio-card {
    height: 174px;
    cursor: pointer;
    border: 1px solid var(--bs-red);
    border-radius: 10px;
    padding: 16px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    transition: border-color 0.3s ease;
    width: 180px;
}

.radio-card:hover {
    background-color: var(--bs-light-red);
}

.radio-card input {
    display: none;
}

.radio-card.selected {
    border-color: var(--bs-red);
    background-color: var(--bs-light-red);
}

.custom-radio-input {
    display: none;
}

.custom-radio {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
}

.custom-radio-circle {
    width: 16px;
    height: 16px;
    border: 2px solid #ccc;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    display: inline-block;
}

.custom-radio-input:checked+.custom-radio-circle {
    border-color: var(--bs-red);
    background-color: var(--bs-red);
}

.custom-radio-input:checked+.custom-radio-circle::before {
    content: '';
    width: 8px;
    height: 8px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.custom-radio:hover .custom-radio-circle {
    border-color: var(--bs-red);
}

.dash-menu input:disabled {
    border-color: var(--bs-red) !important;
    color: var(--bs-red) !important;
}

.form-control,
span.select2-selection.select2-selection--single {
    font-size: 14px;
    padding: 12px !important;
}

span.select2-selection.select2-selection--single {
    height: 48px;
    display: flex;
    align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: auto !important;
    right: 12px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    content: '' !important;
    width: 13px !important;
    height: 13px !important;
    position: absolute !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    right: 12px !important;
    top: 9px !important;
    cursor: pointer !important;
    border: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--cs-btn-gray) !important;
    border: var(--cs-btn-gray) !important;
    color: var(--bs-primary) !important;
    display: flex !important;
    flex-direction: row !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--bs-primary) !important;
    order: 2 !important;
}

label {
    margin-bottom: 0.75rem;
}

.custom-alert {
    position: fixed !important;
    bottom: 20px;
    right: 20px;
    z-index: 1050;
}

.loader-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.content {
    display: none;
}

.tooltip-inner {
    font-size: 13px !important;
    font-weight: 400 !important;
    padding: 10px;
    border-radius: 6px;
}

.tooltip {
    left: 30px !important;
}

.tooltip.show {
    opacity: 1 !important;
}

.tooltip-arrow {
    color: var(--bs-primary) !important;
}

.fc-col-header {
    width: 100% !important;
}

a.fc-event.fc-event-start.fc-event-end.fc-event-future.fc-daygrid-event.fc-daygrid-dot-event,
a.fc-event.fc-event-start.fc-event-end.fc-event-today.fc-daygrid-event.fc-daygrid-dot-event,
a.fc-event.fc-event-start.fc-event-end.fc-event-past.fc-daygrid-event.fc-daygrid-dot-event {
    border: 1px solid var(--bs-dark) !important;
    border-radius: 6px;
    display: flex !important;
    justify-content: center !important;
    line-height: 1rem;
    margin: 2px 0px 2px 0;
    white-space: normal;
}

a.fc-event.fc-event-start.fc-event-end.fc-event-future.fc-daygrid-event.fc-daygrid-dot-event:hover,
a.fc-event.fc-event-start.fc-event-end.fc-event-today.fc-daygrid-event.fc-daygrid-dot-event:hover,
a.fc-event.fc-event-start.fc-event-end.fc-event-past.fc-daygrid-event.fc-daygrid-dot-event:hover {
    background-color: var(--bs-light-red);
}

.fc .fc-button-primary {
    background-color: var(--bs-red);
    border-color: var(--bs-red);
    color: var(--bs-white);
}

.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:disabled {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: var(--bs-white);
}

.fc .fc-button-primary:hover {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.fc .fc-toolbar {
    z-index: 0 !important;
}


/* @media only screen and (max-width: 1366px) {
    .btn {
        padding: 10px;
    }
} */

@media (min-width: 822px) {
    .edit-icon {
        display: none;
    }

    tr:hover .edit-icon {
        display: inline-block;
    }
}

@media (max-width: 821px) {
    .edit-icon {
        display: none;
    }

    a.fc-event {
        overflow: hidden;
    }

    .navbar h4 {
        font-size: 24px;
    }

}

@media (max-width: 768px) {
    .modal-content.filters {
        min-width: 100vw !important;
    }
}

/* End Fix Data table isssue on scroll */

/* Table Style */
.dataTables_length select {
    padding: 10px 24px 10px 14px;
    border: solid 1px #DFE4EA;
    color: #637381;
    background: white;
    background-image: url("/images/icon/svg/chevron-down.svg");
    background-repeat: no-repeat;
    background-position: 38px 15px;
    appearance: none;
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
    border: none;
}

.dataTableContainer tbody tr td {
    /* color: #637381; */
    color: rgba(31, 31, 31, 0.7);
}

.custom-table {
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.65);
    border-radius: 10px;
    margin: 0;
}

.custom-table table tr td:first-child {
    width: 60%;
    padding: 20px 0 20px 20px;
}

.custom-table table tr td {
    width: 10%;
    padding: 20px 0;
}

.custom-table table thead tr td {
    font-weight: 600;
}

.custom-table table tbody tr:last-child {
    border: transparent;
}

.custom-table table thead tr:last-child td:first-child {
    border-top-left-radius: 10px;
}

.custom-table table thead tr:last-child td:last-child {
    border-top-right-radius: 10px;
}

.custom-table table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

.custom-table table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

/* Scrollable nav tabs  */
.horizontal-nav-tabs {
    overflow-x: auto;
    height: 60px;
    margin-bottom: 10px;
}

.horizontal-nav-tabs .nav-tabs {
    border-bottom: solid 2px var(--cs-border-gray);
    margin-bottom: 15px;
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
    white-space: nowrap;
    margin: 0;
}

.horizontal-nav-tabs .nav-tabs .nav-item .nav-link {
    border: none;
    padding: 15px;
}

.horizontal-nav-tabs .nav-tabs .nav-item .nav-link.active .badge {
    background-color: #2f4faa0d;
    color: var(--bs-primary);
}

.horizontal-nav-tabs .nav-tabs .nav-item .nav-link .badge {
    margin-left: 5px;
    background-color: var(--bs-gray);
    color: var(--bs-dark);
    font-weight: 500;
    font-size: 12px;
}

.horizontal-nav-tabs .nav-tabs .nav-item {
    position: relative;
}

.horizontal-nav-tabs .nav-tabs :is(.nav-link:hover, .nav-link.active) {
    border-right: none !important;
    background-color: white !important;
    color: var(--bs-primary) !important;
    text-decoration: none;
    border: transparent !important;
    cursor: pointer;
}

.horizontal-nav-tabs .nav-tabs :is(.nav-link:hover, .nav-link.active):after {
    content: '';
    position: absolute;
    bottom: -2px;
    height: 2px;
    width: 100%;
    background: var(--bs-primary);
    left: 0;
}

/* Button Hover Style */
.paginate_button .svg-icon {
    fill: var(--bs-primary);
}

.paginate_button.disabled .svg-icon {
    fill: #6B7280;
}

.btn .svg-icon,
.btn:hover .svg-icon {
    fill: white;
}

.btn-outline-primary .svg-icon {
    fill: var(--bs-primary);
}

/* Dashboard Menu */
.dash-menu .accordion-button svg {
    margin-right: 5px;
}

.dash-menu .accordion-body {
    padding: 0;
}

.dash-menu .accordion-header {
    border: none;
}

.dash-menu .accordion-button {
    font-size: var(--cs-size-base);
    padding: 7px 20px 7px 28px;
    height: 44px;
}

.dashboard .table-card tbody tr td,
.dashboard .table-card thead th {
    border-bottom: solid 1px #eee !important;
    border-top: solid 1px #eee !important;
    padding: 15px;

}

.dashboard .table-card thead th {
    background-color: #F9FAFB;
}

.dashboard .table-card tbody tr td {
    background-color: white;
}

/* .dashboard table td:first-child {
    text-align: left;
} */

.dash-menu .accordion-item:has(.selected) .accordion-button,
.dash-menu .accordion-item:has(.show) .accordion-button,
.dash-menu .accordion-button:not(.collapsed),
.dash-menu .accordion-item.selected .menu-link,
.dash-menu .accordion-item.selected .accordion-button,
.dash-menu .accordion-item a:hover,
.dash-menu .accordion-button:hover {
    background-color: rgba(47, 79, 170, 0.05);
    color: var(--bs-primary);
}

.dash-menu .accordion-item:has(.selected) .accordion-button path,
.dash-menu .accordion-button:not(.collapsed) path,
.dash-menu .accordion-button:hover path,
.dash-menu .accordion-item.selected path,
.dash-menu .accordion-item a:hover path {
    stroke: var(--bs-primary);
    /* stroke-width: 1.5px; */
}

.dash-menu .accordion-item {
    position: relative;
}

.dash-menu .accordion-item .list-group-item a,
.dash-menu .accordion-item a {
    font-size: var(--cs-size-base);
    font-weight: 500;
    color: var(--bs-dark);
    padding: 7px 20px 7px 28px;
    display: flex;
    gap: 5px;
    height: 44px;
    align-items: center;
}

.dash-menu .accordion-body .list-group li {
    list-style: none;
}

.dash-menu .accordion-body .list-group li a {
    padding: 10px 2rem;
    font-weight: 500;
}

.dash-menu .accordion-item a:hover {
    text-decoration: none;
}

.dash-menu .accordion-body .list-group li.selected a,
.dash-menu .accordion-item .list-group a:hover {
    color: var(--bs-primary);
}

.dash-menu .accordion-item:has(.selected) .accordion-header::after,
.dash-menu .accordion-item:has(.show) .accordion-header::after,
.dash-menu .accordion-item:has(.accordion-button:not(.collapsed)) .accordion-header::after,
.dash-menu .accordion-item a:hover::after,
.dash-menu .accordion-item.selected a::after,
.dash-menu .accordion-item.selected .accordion-header::after,
.dash-menu .accordion-header:hover::after {
    content: "";
    position: absolute;
    top: 20px;
    width: 44px;
    height: 3px;
    background-color: var(--bs-primary);
    right: -20px;
    transform: rotate(90deg);
}

.dash-menu .accordion-button:not(.collapsed) {
    box-shadow: none;
}

.sidebar .accordion-item .menu-tooltip {
    pointer-events: none;
}

.sidebar.collapsed .accordion-item svg {
    pointer-events: auto;
}

.sidebar.collapsed .accordion-button::after,
.sidebar.collapsed .accordion-item span {
    display: none;
}

.sidebar.collapsed .accordion-flush .accordion-collapse {
    transition: none !important;
}

.sidebar.collapsed .accordion-flush .accordion-collapse.show {
    position: absolute;
    max-width: 300px;
    left: 82px;
    top: 0;
    width: max-content;
    background-color: white;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    z-index: 1038;
}


/* Custom Collapse */
.role-module-container {
    border: solid 1px var(--cs-border-gray);
    border-radius: 10px;
}

.role-module-container :is(.mode, .check) {
    width: 60px;
    text-align: center;
}

.role-module-container input {
    width: 16px;
    height: 16px;
    border-color: var(--bs-dark);
}

.role-module-container input:disabled {
    background-color: var(--bs-gray);
}

.role-module-container .module-heading {
    background-color: #f9fafb !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top: none !important;
    font-weight: 500;
}

.role-module-container :is(.module-heading, .module-type, .collapse) {
    border-top: solid 1px var(--cs-border-gray);
    transition: 0.03s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.role-module-container.module-access .module-type:nth-child(3n + 1) {
    background-color: rgba(249, 250, 251, 0.4);
}

.role-module-container span[aria-expanded='false'] svg {
    rotate: -90deg;
}

.modal .role-module-container {
    text-align: left;
}

.modal .role-module-container div:nth-child(odd) {
    background-color: rgba(249, 250, 251, 0.4);
}

/* Accordion Custom Style */
.custom-accordion .accordion-button::after {
    background-image: url("/images/icon/svg/accordion-arrow-up.svg");
    transform: rotate(-180deg);
    position: absolute;
    left: 0;
}

.custom-accordion .accordion-button:not(.collapsed)::after {
    background-image: url("/images/icon/svg/accordion-arrow-up.svg");
    transform: none;
}

/* Dashboard Style */
.dashboard {
    overflow-y: scroll;
    overflow-x: clip;
    height: calc(100dvh - 62px);
}

.dashboard .chart-card {
    /* border: solid 1px var(--cs-border-gray); */
    border-radius: 10px;
    box-shadow: 6px 6px 54px 0px rgba(0, 0, 0, 0.05) !important;
}

.dashboard .chart-card p {
    color: #606060;
    font-size: 16px;
    font-weight: 500;
}

.chart-card canvas,
.expense-summary canvas {
    width: auto !important;
    /* max-width: 350px; */
    margin: auto;
    height: 406px !important;
}

.chart-card canvas.bar-chart {
    max-height: 690px !important;
    width: 100% !important;
    height: auto !important;
}

.report-range {
    background: #fff;
    cursor: pointer;
    padding: 11px 15px;
    border: 1px solid #DFE4EA;
    border-radius: 6px;
}


.expense-summary canvas {
    max-width: 350px;
    margin: auto;
}

.user-count canvas {
    max-height: 400px;
    max-width: 100%
}

/* User Settings */
.div-user-settings {
    max-width: 1440px;
}

.div-user-settings .div-setting-menu {
    min-width: 280px;
    height: 100vh;
    box-shadow: inset -1px 0 1px rgba(0, 0, 0, 0.075) !important;
    padding: 1.5rem 0 1.5rem 1.5rem !important;
}

.div-user-settings .nav-link {
    text-align: left;
    border-radius: 0;
    height: 44px;
}

.div-user-settings .div-setting-content {
    margin-top: 80px;
}

/* form Validation */

#repassword-check,
#match-check {
    color: var(--bs-red);
    display: none
}

/* image upload */
.avatar-container {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 50%;
}

#avatarPreview {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.upload-photo-btn {
    background-color: var(--bs-primary);
    color: white;
    cursor: pointer;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
}

.dataTables_scrollFootInner {
    width: 100% !important;
}

.d-hidden {
    visibility: hidden;
}

#getAllUsersTable_wrapper .dataTables_scrollFoot .dataTable:has(>#all-user-tfoot.d-hidden) {
    display: none;
}

#lifescan-table-user_wrapper .dataTables_scrollFoot .dataTable:has(>#lifescan-tfoot.d-hidden) {
    display: none;
}

#oshw-table-user-app-single_wrapper .dataTables_scrollFoot .dataTable:has(>#oshw-tfoot.d-hidden) {
    display: none;
}

.table.dashboard-table {
    table-layout: auto !important;
}

/* audit logs */
.file-attached {
    width: fit-content;
    border: solid 1px #DFE4EA;
    padding: 12px 16px;
    border-radius: 12px;
    margin-bottom: 14px;
}

/* subpage menu */
.subpage-menu {
    background-color: var(--bs-white);
    margin-top: 62px;
    padding-top: 30px;
}

.form-content {
    margin-top: 130px;
    padding-top: 10px;
}

/* date picker for report builder */


.ui-icon-circle-triangle-e {
    transform: rotate(180deg);
}

.ui-widget-header .ui-icon {
    background-image: url("/images/icon/svg/arrow-left.svg") !important;
}