:root,
:root[data-colors] {
    --medical-primary: #293A8C;
    --medical-primary-rgb: 41, 58, 140;
    --medical-primary-dark: #1F2C6B;
    --medical-primary-light: #E9ECF8;
    --medical-secondary: #E05B37;
    --medical-secondary-rgb: 224, 91, 55;
    --medical-secondary-dark: #B94729;
    --medical-secondary-light: #FCECE7;
    --medical-background: #F7F8FC;
    --medical-white: #FFFFFF;
    --medical-chart-1: var(--medical-primary);
    --medical-chart-2: var(--medical-secondary);
    --medical-chart-3: var(--medical-primary-dark);
    --medical-chart-4: var(--medical-primary-light);
    --medical-chart-5: var(--medical-secondary-dark);
    --app-header-height: 72px;
    --app-content-top-gap: .75rem;

    --bs-primary: var(--medical-primary);
    --bs-primary-rgb: var(--medical-primary-rgb);
    --bs-secondary: var(--medical-secondary);
    --bs-secondary-rgb: var(--medical-secondary-rgb);

    --dx-primary: var(--medical-primary);
    --dx-primary-rgb: var(--medical-primary-rgb);
    --dx-primary-text-emphasis: var(--medical-primary-dark);
    --dx-primary-bg-subtle: var(--medical-primary-light);
    --dx-primary-border-subtle: rgba(var(--medical-primary-rgb), .3);
    --dx-secondary: var(--medical-secondary);
    --dx-secondary-rgb: var(--medical-secondary-rgb);
    --dx-secondary-text-emphasis: var(--medical-secondary-dark);
    --dx-secondary-bg-subtle: var(--medical-secondary-light);
    --dx-secondary-border-subtle: rgba(var(--medical-secondary-rgb), .3);
    --dx-orange: var(--medical-secondary);
    --dx-orange-rgb: var(--medical-secondary-rgb);
    --dx-orange-text-emphasis: var(--medical-secondary-dark);
    --dx-orange-bg-subtle: var(--medical-secondary-light);
    --dx-orange-border-subtle: rgba(var(--medical-secondary-rgb), .3);
    --dx-link-color: var(--medical-primary);
    --dx-link-color-rgb: var(--medical-primary-rgb);
    --dx-link-hover-color: var(--medical-primary-dark);
    --dx-link-hover-color-rgb: 31, 44, 107;
    --dx-focus-ring-color: rgba(var(--medical-primary-rgb), .25);
    --dx-body-bg: var(--medical-background);
    --dx-body-bg-rgb: 247, 248, 252;
    --dx-code-color: var(--medical-secondary);
    --dx-topbar: var(--app-header-height);
    --dx-topbar-bg: var(--medical-primary);
    --dx-topbar-border: rgba(var(--medical-primary-rgb), .36);
    --dx-topbar-color: rgba(255, 255, 255, .78);
    --dx-topbar-hover-color: var(--medical-white);
    --medical-table-card-padding-x: 1.75rem;
    --medical-table-inner-padding: 1rem var(--medical-table-card-padding-x) 1.25rem;
    --medical-table-first-column-padding: 1.5rem;
    --dx-sidebar-bg: var(--medical-white);
    --dx-sidebar-border: rgba(var(--medical-primary-rgb), .12);
    --dx-sidebar-color: var(--dx-secondary-color);
    --dx-sidebar-menu-title: var(--dx-secondary-color);
    --dx-sidebar-heading-color: var(--dx-secondary-color);
    --dx-sidebar-border-color: rgba(var(--medical-primary-rgb), .12);
    --dx-sidebar-profile-border-color: rgba(var(--medical-primary-rgb), .12);
    --dx-sidebar-profile-title-color: var(--dx-emphasis-color);
    --dx-sidebar-profile-text-color: var(--dx-secondary-color);
    --dx-sidebar-profile-hover-bg: var(--medical-primary-light);
    --dx-sidebar-profile-hover-color: var(--medical-primary);
    --dx-sidebar-link-color: var(--dx-secondary-color);
    --dx-sidebar-link-hover-color: var(--medical-primary-dark);
    --dx-sidebar-link-bg-hover-color: var(--medical-primary-light);
    --dx-sidebar-link-active-color: var(--medical-white);
    --dx-sidebar-link-bg-active-color: var(--medical-primary);
    --dx-sidebar-link-sub-color: var(--dx-secondary-color);
    --dx-sidebar-link-sub-hover-color: var(--medical-primary-dark);
    --dx-sidebar-link-sub-active-color: var(--medical-primary);
    --dx-sidebar-link-sub-effect-color: rgba(var(--medical-secondary-rgb), .65);
    --dx-nav-link-hover-color: var(--medical-primary-dark);
    --dx-nav-pills-link-active-bg: var(--medical-primary);
    --dx-nav-pills-link-active-color: var(--medical-white);
    --dx-nav-underline-link-active-color: var(--medical-primary);
    --dx-pagination-active-bg: var(--medical-primary);
    --dx-pagination-active-border-color: var(--medical-primary);
    --dx-pagination-active-color: var(--medical-white);
    --dx-pagination-focus-color: var(--medical-primary);
    --dx-pagination-hover-color: var(--medical-primary-dark);
    --dx-progress-bar-bg: var(--medical-primary);
}

:root[data-bs-theme="dark"] {
    --dx-body-bg: #151821;
    --dx-body-bg-rgb: 21, 24, 33;
    --dx-secondary-bg: #202433;
    --dx-secondary-bg-rgb: 32, 36, 51;
    --dx-tertiary-bg: #252A3A;
    --dx-tertiary-bg-rgb: 37, 42, 58;
    --dx-border-color: rgba(233, 236, 248, .16);
    --dx-border-color-translucent: rgba(233, 236, 248, .16);
    --dx-primary-bg-subtle: rgba(var(--medical-primary-rgb), .36);
    --dx-secondary-bg-subtle: rgba(var(--medical-secondary-rgb), .2);
    --dx-orange-bg-subtle: rgba(var(--medical-secondary-rgb), .2);
    --dx-link-color: color-mix(in srgb, var(--medical-primary) 35%, white 65%);
    --dx-link-hover-color: var(--medical-secondary-light);
    --dx-focus-ring-color: rgba(var(--medical-primary-rgb), .38);
    --dx-topbar-bg: var(--medical-primary-dark);
    --dx-topbar-border: rgba(233, 236, 248, .14);
    --dx-topbar-color: rgba(255, 255, 255, .78);
    --dx-topbar-hover-color: var(--medical-white);
    --dx-sidebar-bg: #202322;
    --dx-sidebar-border: rgba(255, 255, 255, .08);
    --dx-sidebar-color: rgba(255, 255, 255, .68);
    --dx-sidebar-menu-title: rgba(255, 255, 255, .42);
    --dx-sidebar-heading-color: rgba(255, 255, 255, .42);
    --dx-sidebar-border-color: rgba(255, 255, 255, .08);
    --dx-sidebar-profile-border-color: rgba(255, 255, 255, .1);
    --dx-sidebar-profile-title-color: var(--medical-white);
    --dx-sidebar-profile-text-color: rgba(255, 255, 255, .62);
    --dx-sidebar-profile-hover-bg: rgba(var(--medical-primary-rgb), .26);
    --dx-sidebar-profile-hover-color: var(--medical-white);
    --dx-sidebar-link-color: rgba(255, 255, 255, .68);
    --dx-sidebar-link-hover-color: var(--medical-white);
    --dx-sidebar-link-bg-hover-color: var(--medical-primary-dark);
    --dx-sidebar-link-sub-color: rgba(255, 255, 255, .64);
    --dx-sidebar-link-sub-hover-color: var(--medical-white);
    --dx-sidebar-link-sub-active-color: var(--medical-white);
}

body,
.page-wrapper {
    background-color: var(--medical-background);
}

:root[data-bs-theme="dark"] body,
:root[data-bs-theme="dark"] .page-wrapper {
    background-color: var(--dx-body-bg);
}

a,
.link,
.link-primary {
    color: var(--dx-link-color);
}

a:hover,
.link:hover,
.link-primary:hover {
    color: var(--dx-link-hover-color);
}

::selection {
    background: rgba(var(--medical-primary-rgb), .18);
    color: var(--medical-primary-dark);
}

.btn-primary {
    --dx-btn-bg: var(--medical-primary);
    --dx-btn-border-color: var(--medical-primary);
    --dx-btn-hover-bg: var(--medical-primary-dark);
    --dx-btn-hover-border-color: var(--medical-primary-dark);
    --dx-btn-active-bg: var(--medical-primary-dark);
    --dx-btn-active-border-color: var(--medical-primary-dark);
    --dx-btn-disabled-bg: var(--medical-primary);
    --dx-btn-disabled-border-color: var(--medical-primary);
}

.btn-outline-primary {
    --dx-btn-color: var(--medical-primary);
    --dx-btn-border-color: var(--medical-primary);
    --dx-btn-hover-bg: var(--medical-primary-dark);
    --dx-btn-hover-border-color: var(--medical-primary-dark);
    --dx-btn-active-bg: var(--medical-primary-dark);
    --dx-btn-active-border-color: var(--medical-primary-dark);
}

.btn-secondary {
    --dx-btn-bg: var(--medical-secondary);
    --dx-btn-border-color: var(--medical-secondary);
    --dx-btn-hover-bg: var(--medical-secondary-dark);
    --dx-btn-hover-border-color: var(--medical-secondary-dark);
    --dx-btn-active-bg: var(--medical-secondary-dark);
    --dx-btn-active-border-color: var(--medical-secondary-dark);
    --dx-btn-disabled-bg: var(--medical-secondary);
    --dx-btn-disabled-border-color: var(--medical-secondary);
}

.btn-outline-secondary {
    --dx-btn-color: var(--medical-secondary);
    --dx-btn-border-color: var(--medical-secondary);
    --dx-btn-hover-bg: var(--medical-secondary-dark);
    --dx-btn-hover-border-color: var(--medical-secondary-dark);
    --dx-btn-active-bg: var(--medical-secondary-dark);
    --dx-btn-active-border-color: var(--medical-secondary-dark);
}

.form-control:not(.is-invalid):not(.is-valid):focus,
.form-select:not(.is-invalid):not(.is-valid):focus,
.form-check-input:not(.is-invalid):focus {
    border-color: rgba(var(--medical-primary-rgb), .55);
    box-shadow: 0 0 0 .25rem rgba(var(--medical-primary-rgb), .14);
}

.form-check-input:not(.is-invalid):checked {
    background-color: var(--medical-primary);
    border-color: var(--medical-primary);
}

.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
    background-color: var(--dx-success);
    border-color: var(--dx-success);
}

.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
    background-color: var(--dx-danger);
    border-color: var(--dx-danger);
}

.form-range::-webkit-slider-thumb {
    background-color: var(--medical-primary);
}

.form-range::-moz-range-thumb {
    background-color: var(--medical-primary);
}

.main-sidebar .navbar-nav-menu > .nav-item > .nav-link.active {
    background-color: var(--dx-sidebar-link-bg-active-color);
    box-shadow: inset 3px 0 0 var(--medical-secondary), 0 10px 22px rgba(var(--medical-primary-rgb), .22);
    color: var(--dx-sidebar-link-active-color);
}

.main-sidebar .navbar-nav-menu > .nav-item > .nav-link:not(.active):hover,
.main-sidebar .navbar-nav-menu > .nav-item > .nav-link:not(.active):focus {
    background-color: var(--dx-sidebar-link-bg-hover-color);
    color: var(--dx-sidebar-link-hover-color);
}

.main-sidebar .nav-menu-sub .nav-link.active {
    background-color: rgba(255, 255, 255, .12);
    color: var(--dx-sidebar-link-sub-active-color);
}

:root[data-bs-theme="dark"] .main-sidebar .nav-menu-sub .nav-link.active {
    background-color: rgba(var(--medical-primary-rgb), .9);
}

.main-sidebar .nav-menu-sub .nav-link.active::before {
    background-color: var(--medical-secondary);
}

.main-sidebar .profile-dropdown .arrow,
.main-sidebar .profile-dropdown-menu .profile-link:hover {
    color: var(--medical-secondary);
}

:root[data-layout="modern"] .main-sidebar {
    display: flex;
    flex-direction: column;
    height: 100vh;
    max-height: 100vh;
}

:root[data-layout="modern"] .main-sidebar .sidebar-wrapper {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: visible;
    width: 100%;
}

:root[data-layout="modern"] .main-sidebar .navbar-brand {
    align-items: center;
    background-color: var(--medical-primary);
    border-bottom: 1px solid rgba(255, 255, 255, .14);
    display: flex;
    flex: 0 0 auto;
    min-height: var(--app-header-height);
    padding-inline: 1rem;
}

:root[data-layout="modern"] .main-sidebar .navbar-brand .logo-lg,
:root[data-layout="modern"] .main-sidebar .navbar-brand .logo-sm {
    align-items: center;
    background-color: var(--medical-white);
    border: 1px solid rgba(var(--medical-primary-rgb), .12);
    border-radius: 8px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .12);
    justify-content: center;
}

:root[data-layout="modern"] .main-sidebar .navbar-brand .logo-lg {
    padding: .4rem .75rem;
    width: min(100%, 190px);
}

:root[data-layout="modern"] .main-sidebar .navbar-brand .logo-sm {
    height: 46px;
    padding: .35rem;
    width: 46px;
}

:root[data-layout="modern"] .main-sidebar .sidebar-logo-img {
    display: block;
    width: auto;
    max-width: 100%;
    height: 50px;
    object-fit: contain;
}

:root[data-layout="modern"] .main-sidebar .sidebar-logo-img-sm {
    height: auto;
    max-height: 30px;
    max-width: 38px;
}

:root[data-layout="modern"] .main-sidebar .navbar-menu {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

:root[data-layout="modern"] .main-sidebar .navbar-menu[data-simplebar],
:root[data-layout="modern"] .main-sidebar .navbar-menu .simplebar-wrapper,
:root[data-layout="modern"] .main-sidebar .navbar-menu .simplebar-mask,
:root[data-layout="modern"] .main-sidebar .navbar-menu .simplebar-offset,
:root[data-layout="modern"] .main-sidebar .navbar-menu .simplebar-content-wrapper {
    min-height: 0;
}

.main-sidebar .sidebar-profile {
    border-top: 1px solid var(--dx-sidebar-profile-border-color);
    flex-shrink: 0;
    margin-top: auto;
    padding: .75rem;
}

.main-sidebar .sidebar-profile-toggle {
    border-radius: var(--dx-border-radius);
    color: var(--dx-sidebar-profile-title-color);
    min-height: 3.5rem;
    padding: .625rem .75rem;
}

.main-sidebar .sidebar-profile-toggle:hover,
.main-sidebar .sidebar-profile-toggle:focus {
    background-color: var(--dx-sidebar-profile-hover-bg);
    color: var(--dx-sidebar-profile-hover-color);
}

.main-sidebar .sidebar-profile-toggle img {
    height: 40px;
    width: 40px;
}

.main-sidebar .sidebar-profile-avatar {
    border: 1px solid var(--dx-sidebar-profile-border-color);
    object-fit: cover;
}

.main-sidebar .sidebar-profile h6 {
    color: var(--dx-sidebar-profile-title-color);
}

.main-sidebar .sidebar-profile p {
    color: var(--dx-sidebar-profile-text-color);
    line-height: 1.25;
}

.main-sidebar .sidebar-profile .dropdown-menu {
    margin-bottom: .5rem;
    max-width: calc(var(--dx-sidebar) - 1.5rem);
    min-width: calc(var(--dx-sidebar) - 1.5rem);
}

:root[data-sidebar="small"] .main-sidebar .sidebar-profile {
    padding: .75rem .5rem;
}

:root[data-sidebar="small"] .main-sidebar .sidebar-profile-toggle {
    justify-content: center;
    min-height: 3rem;
    padding: .5rem;
}

:root[data-sidebar="small"] .main-sidebar .sidebar-profile .content,
:root[data-sidebar="small"] .main-sidebar .sidebar-profile .arrow {
    display: none;
}

:root[data-sidebar="small"] .main-sidebar .sidebar-profile .dropdown-menu {
    min-width: 14rem;
}

.main-topbar {
    align-items: center;
    background-color: var(--dx-topbar-bg);
    border-color: var(--dx-topbar-border);
    border-radius: 0;
    display: flex;
    height: var(--app-header-height);
    justify-content: space-between;
    min-height: var(--app-header-height);
    padding: 0 1.25rem;
}

.main-topbar .navbar-brand {
    align-items: center;
    border-radius: 0;
    display: flex;
    flex: 0 0 auto;
    height: var(--app-header-height);
    min-width: 0;
    padding-left: 0;
    width: auto;
}

.main-topbar::before,
.main-topbar::after,
.main-topbar .navbar-brand::before,
.main-topbar .navbar-brand::after {
    border-radius: 0;
}

:root[data-layout="modern"] .main-topbar::before {
    background: none;
    content: none;
    display: none;
}

.main-topbar .navbar-brand .logos {
    display: none;
}

.main-topbar .sidebar-toggle,
.main-topbar .topbar-link {
    align-items: center;
    border-radius: var(--dx-border-radius);
    color: var(--dx-topbar-color);
    display: inline-flex;
    flex: 0 0 auto;
    height: 2.5rem;
    justify-content: center;
    line-height: 1;
    min-height: 0;
    padding: 0;
    width: 2.5rem;
}

.main-topbar .sidebar-toggle {
    margin-left: 0;
}

.main-topbar > .d-flex {
    align-items: center;
    min-width: 0;
}

.profile-dropdown-menu img {
    height: 40px;
    object-fit: cover;
    width: 40px;
}

.main-topbar .sidebar-toggle:hover,
.main-topbar .sidebar-toggle:focus,
.main-topbar .topbar-link:hover,
.main-topbar .topbar-link:focus {
    background-color: rgba(255, 255, 255, .14);
    color: var(--dx-topbar-hover-color);
}

.profile-dropdown-menu .profile-link:hover {
    background-color: var(--medical-primary-light);
    color: var(--medical-primary);
}

:root[data-bs-theme="dark"] .main-topbar .topbar-link:hover,
:root[data-bs-theme="dark"] .main-topbar .topbar-link:focus {
    background-color: rgba(255, 255, 255, .14);
    color: var(--medical-white);
}

:root[data-bs-theme="dark"] .profile-dropdown-menu .profile-link:hover {
    background-color: rgba(var(--medical-primary-rgb), .32);
    color: color-mix(in srgb, var(--medical-primary) 35%, white 65%);
}

.page-wrapper {
    border-radius: 0;
    padding-top: calc(var(--app-header-height) + var(--app-content-top-gap));
}

[data-layout="modern"][data-nav-type="boxed"] .page-wrapper,
[data-layout="horizontal"] .page-wrapper {
    padding-top: calc(var(--app-header-height) + var(--app-content-top-gap));
}

@media (max-width: 575.98px) {
    .main-topbar {
        padding: 0 .75rem;
    }

    .main-topbar .sidebar-toggle,
    .main-topbar .topbar-link {
        height: 2.375rem;
        width: 2.375rem;
    }
}

.page-heading h6,
.card-title,
.table-card h6 {
    color: var(--dx-emphasis-color);
}

.ui-page-heading {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.ui-page-heading h6 {
    color: var(--dx-emphasis-color);
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0;
}

.ui-page-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

.ui-table-wide-row {
    margin-left: auto;
    margin-right: auto;
    width: 98%;
}

.ui-back-button {
    --dx-btn-color: var(--dx-secondary-color);
    --dx-btn-bg: var(--dx-secondary-bg);
    --dx-btn-border-color: var(--dx-border-color);
    --dx-btn-hover-color: var(--medical-white);
    --dx-btn-hover-bg: var(--medical-primary);
    --dx-btn-hover-border-color: var(--medical-primary);
    align-items: center;
    display: inline-flex;
    gap: .35rem;
}

.ui-form-card .card-header,
.ui-table-card .card-header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: space-between;
}

.ui-form-card .form-label,
.ui-form-card label {
    color: var(--dx-secondary-color);
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: .375rem;
}

.ui-form-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.badge.bg-primary,
.bg-primary {
    background-color: rgba(var(--medical-primary-rgb), var(--dx-bg-opacity, 1));
}

.badge.bg-secondary,
.bg-secondary {
    background-color: rgba(var(--medical-secondary-rgb), var(--dx-bg-opacity, 1));
}

.bg-primary-subtle {
    background-color: var(--dx-primary-bg-subtle);
}

.bg-secondary-subtle,
.bg-orange-subtle {
    background-color: var(--dx-secondary-bg-subtle);
}

.text-primary {
    color: var(--medical-primary);
}

.text-secondary,
.text-orange-emphasis {
    color: var(--medical-secondary);
}

.border-primary {
    border-color: var(--medical-primary);
}

.border-secondary,
.border-orange-subtle {
    border-color: rgba(var(--medical-secondary-rgb), .3);
}

.auth-modern .card {
    border: 1px solid rgba(233, 236, 248, .18);
    box-shadow: 0 24px 80px rgba(var(--medical-primary-rgb), .34);
    overflow: hidden;
    position: relative;
}

.auth-modern .card::before {
    background: var(--medical-secondary);
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.auth-modern .card a:hover,
.auth-modern #passwordShowIcon:hover {
    color: var(--medical-primary-light);
}

.auth-modern .form-control:not(.is-invalid):focus {
    border-color: rgba(var(--medical-primary-rgb), .7);
    box-shadow: 0 0 0 .25rem rgba(var(--medical-primary-rgb), .24);
}

.page-meta {
    align-items: center;
    background-color: var(--dx-secondary-bg);
    border: 1px solid var(--dx-border-color);
    border-radius: var(--dx-border-radius-lg);
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    min-height: 58px;
    padding: 1rem 1.25rem;
}

.page-meta .breadcrumb {
    margin-bottom: 0;
}

.page-meta .breadcrumb-item a {
    color: var(--medical-primary);
    font-weight: 600;
}

.page-meta .breadcrumb-item.active {
    color: var(--dx-secondary-color);
}

.settings-edit-action-row {
    margin-bottom: 1rem;
}

.layout-spacing {
    margin-top: 1rem;
}

.statbox.widget.box.box-shadow {
    background-color: var(--dx-secondary-bg);
    border: 1px solid var(--dx-border-color);
    border-radius: var(--dx-border-radius-lg);
    box-shadow: var(--dx-box-shadow);
    margin-bottom: 1.5rem;
}

.widget-content.widget-content-area {
    padding: 1.25rem;
}

.widget-content-area .table,
.table.dt-table-hover {
    color: var(--dx-body-color);
    margin-bottom: 0;
    vertical-align: middle;
}

.widget-content-area .table thead th,
.table.dt-table-hover thead th {
    background-color: var(--medical-primary-light);
    color: var(--medical-primary-dark);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.widget-content-area .table tbody td,
.table.dt-table-hover tbody td {
    border-color: var(--dx-border-color);
}

.table.dt-table-hover tbody td,
.widget-content-area .table tbody td,
.table-card .table tbody td {
    border-bottom: 1px solid var(--dx-border-color);
}

.table.dt-table-hover tbody tr:last-child td,
.widget-content-area .table tbody tr:last-child td,
.table-card .table tbody tr:last-child td {
    border-bottom-width: 0;
}

.page-wrapper > .container-fluid > form.needs-validation {
    background-color: var(--dx-secondary-bg);
    border: 1px solid var(--dx-border-color);
    border-radius: var(--dx-border-radius-lg);
    box-shadow: var(--dx-box-shadow);
    margin-bottom: 1.5rem;
    padding: 1.25rem;
}

.page-wrapper > .container-fluid > form.needs-validation label,
#milestone_repeater .form-label {
    color: var(--dx-secondary-color);
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: .375rem;
}

.form-control[readonly],
.form-select[readonly] {
    background-color: var(--dx-tertiary-bg);
    color: var(--dx-secondary-color);
}

.action-btns {
    align-items: center;
    display: inline-flex;
    gap: .375rem;
    justify-content: center;
}

.action-btn {
    align-items: center;
    border: 1px solid var(--dx-border-color);
    border-radius: var(--dx-border-radius);
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
    width: 2rem;
}

.action-btn svg {
    height: 1rem;
    width: 1rem;
}

.action-btn.btn-view {
    color: var(--medical-primary);
}

.action-btn.btn-edit {
    color: var(--medical-secondary);
}

.action-btn.btn-request {
    color: var(--dx-warning);
}

.action-btn:hover,
.action-btn:focus {
    background-color: var(--dx-primary-bg-subtle);
    border-color: var(--dx-primary-border-subtle);
    color: var(--medical-primary-dark);
}

#milestone_repeater {
    background-color: var(--dx-tertiary-bg);
    border: 1px dashed var(--dx-border-color);
    border-radius: var(--dx-border-radius-lg);
    padding: 1rem;
    width: 100%;
}

#milestone_repeater hr {
    border-color: var(--dx-border-color);
}

.alert-light-success {
    background-color: rgba(var(--dx-success-rgb), .12);
    border-color: rgba(var(--dx-success-rgb), .24);
    color: var(--dx-success);
}

:root[data-bs-theme="dark"] .page-meta,
:root[data-bs-theme="dark"] .statbox.widget.box.box-shadow,
:root[data-bs-theme="dark"] .page-wrapper > .container-fluid > form.needs-validation {
    box-shadow: none;
}

.billing-run-eyebrow {
    color: var(--medical-secondary);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .08em;
    margin-bottom: .5rem;
    text-transform: uppercase;
}

.billing-run-subtitle {
    color: var(--dx-secondary-color);
    margin-bottom: 1rem;
    max-width: 62rem;
}

#generateInvoiceBtn {
    --dx-btn-bg: var(--medical-primary);
    --dx-btn-border-color: var(--medical-primary);
    --dx-btn-color: var(--medical-white);
    --dx-btn-hover-bg: var(--medical-primary-dark);
    --dx-btn-hover-border-color: var(--medical-primary-dark);
    background-color: var(--dx-btn-bg);
    border-color: var(--dx-btn-border-color);
    color: var(--dx-btn-color);
}

.invoice-toolbar {
    max-width: 100%;
    min-width: 0;
}

.invoice-toolbar .form-label {
    color: var(--dx-secondary-color);
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: .375rem;
}

.invoice-toolbar .btn {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    min-height: 2.35rem;
    white-space: nowrap;
}

.pending-invoice-actions {
    gap: .5rem;
    min-width: 0;
}

.invoice-table-section,
.invoice-table-section > [class*="col-"],
.invoice-table-card,
.invoice-table-card .card-body {
    max-width: 100%;
    min-width: 0;
}

.invoice-table-card .card-body {
    overflow: visible;
}

.invoice-table-card .dataTables_wrapper {
    max-width: 100%;
    min-width: 0;
}

.invoice-table-card .dataTables_wrapper .table-responsive {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.invoice-table-card #style-2 {
    min-width: 1320px;
}

.pending-invoices-table-card #style-2 {
    min-width: 1480px;
}

.invoice-table-card #style-2 th:nth-child(1),
.invoice-table-card #style-2 th:nth-child(2),
.invoice-table-card #style-2 th:nth-child(3),
.invoice-table-card #style-2 th:nth-child(8),
.invoice-table-card #style-2 th:nth-child(n+9):nth-child(-n+14),
.invoice-table-card #style-2 th:nth-child(17),
.invoice-table-card #style-2 th:nth-child(18),
.invoice-table-card #style-2 td:nth-child(1),
.invoice-table-card #style-2 td:nth-child(2),
.invoice-table-card #style-2 td:nth-child(3),
.invoice-table-card #style-2 td:nth-child(8),
.invoice-table-card #style-2 td:nth-child(n+9):nth-child(-n+14),
.invoice-table-card #style-2 td:nth-child(17),
.invoice-table-card #style-2 td:nth-child(18) {
    white-space: nowrap;
}

.pending-invoices-table-card #style-2 th:nth-child(15),
.pending-invoices-table-card #style-2 th:nth-child(16),
.pending-invoices-table-card #style-2 th:nth-child(19),
.pending-invoices-table-card #style-2 td:nth-child(15),
.pending-invoices-table-card #style-2 td:nth-child(16),
.pending-invoices-table-card #style-2 td:nth-child(19) {
    white-space: nowrap;
}

.main-footer .row {
    margin-left: 0;
    margin-right: 0;
}

.page-wrapper,
.page-wrapper > .container-fluid,
.page-wrapper > .container-fluid > *,
.page-wrapper .row,
.page-wrapper [class*="col-"],
.page-wrapper .card,
.page-wrapper .card-body,
.main-footer,
.main-footer > .w-100,
.main-footer .row,
.page-wrapper .layout-spacing > [class*="col-"],
.statbox.widget.box.box-shadow,
.widget-content.widget-content-area,
.table-layout-card,
.table-card,
.dataTables_wrapper {
    min-width: 0;
}

.page-wrapper .card,
.page-wrapper > .container-fluid,
.page-wrapper > .container-fluid > *,
.main-footer,
.main-footer > .w-100,
.page-wrapper .layout-spacing > [class*="col-"],
.statbox.widget.box.box-shadow,
.widget-content.widget-content-area,
.table-layout-card,
.table-card,
.dataTables_wrapper {
    max-width: 100%;
}

.page-wrapper > .container-fluid,
.page-wrapper .layout-spacing > [class*="col-"],
.statbox.widget.box.box-shadow,
.table-layout-card,
.table-layout-card > .card-body,
.table-layout-card > .widget-content.widget-content-area,
.dataTables_wrapper {
    width: 100%;
}

@media (min-width: 1200px) {
    :root:not([data-layout="horizontal"]) .page-wrapper {
        max-width: calc(100% - var(--dx-sidebar));
        width: calc(100% - var(--dx-sidebar));
    }

    :root:not([data-layout="horizontal"])[data-sidebar="medium"] .page-wrapper {
        max-width: calc(100% - var(--dx-sidebar-md));
        width: calc(100% - var(--dx-sidebar-md));
    }

    :root:not([data-layout="horizontal"])[data-sidebar="small"] .page-wrapper {
        max-width: calc(100% - var(--dx-sidebar-sm));
        width: calc(100% - var(--dx-sidebar-sm));
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .sidebar-hidden .page-wrapper {
        max-width: 100%;
        width: 100%;
    }
}

.dataTables_wrapper {
    max-width: 100%;
    min-width: 0;
    overflow: visible;
}

.dataTables_wrapper .dt--top-section > .row,
.dataTables_wrapper .dt--bottom-section > .row {
    align-items: center;
    display: flex;
    margin-left: 0;
    margin-right: 0;
    row-gap: .75rem;
    width: 100%;
}

.dataTables_wrapper .dt--top-section > .row > [class*="col-"],
.dataTables_wrapper .dt--bottom-section > .row > [class*="col-"] {
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    float: none;
    min-width: 0;
}

@media (min-width: 576px) {
    .dataTables_wrapper .dt--top-section > .row > [class*="col-"]:first-child {
        padding-right: .5rem;
    }

    .dataTables_wrapper .dt--top-section > .row > [class*="col-"]:last-child {
        padding-left: .5rem;
    }
}

.table-responsive,
.medical-table-responsive,
.dataTables_wrapper .table-responsive,
.dataTables_scroll,
.dataTables_scrollBody {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.dataTables_scrollBody {
    border-bottom: 1px solid var(--dx-border-color);
}

.table-card > table.table,
.widget-content.widget-content-area > table.table,
.table-responsive > table.table {
    margin-bottom: 0;
    max-width: none;
    width: 100%;
}

.table-layout-card .dataTables_wrapper,
.table-layout-card .medical-data-table,
.table-layout-card .table-responsive,
.table-layout-card .medical-table-responsive {
    box-sizing: border-box;
    width: 100%;
}

.table-layout-card .table-card {
    margin-left: 0;
    margin-right: 0;
}

.table-layout-card {
    width: 100%;
}

.medical-table-titlebar {
    margin-bottom: .75rem;
}

.medical-table-titlebar .table-card-header {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.medical-table-titlebar .table-card-heading,
.medical-table-titlebar .table-card-actions {
    min-width: 0;
}

.medical-table-titlebar .table-card-actions {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    gap: .5rem;
    justify-content: flex-end;
}

.table-layout-card .table-card-header {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem var(--medical-table-card-padding-x);
}

.table-layout-card .table-card-heading,
.table-layout-card .table-card-actions {
    min-width: 0;
}

.table-layout-card .table-card-actions {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    gap: .5rem;
    justify-content: flex-end;
}

.table-layout-card .card-body,
.table-layout-card > .table-card {
    box-sizing: border-box;
    padding: var(--medical-table-inner-padding);
}

.table-layout-card .widget-content.widget-content-area {
    padding: var(--medical-table-inner-padding);
}

.table-layout-card .dataTables_wrapper .dt--top-section {
    margin-bottom: 1rem;
}

.table-layout-card .dataTables_wrapper .table-responsive {
    margin-top: 0;
}

.dataTables_wrapper .medical-table-toolbar-start {
    justify-content: flex-start;
}

.dataTables_wrapper .medical-table-toolbar-end {
    justify-content: flex-end;
}

.medical-table-toolbar-group {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
    width: 100%;
}

.medical-table-toolbar-group .dataTables_filter {
    flex: 0 1 220px;
    max-width: 220px;
}

.medical-table-exportbar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
    margin-bottom: .75rem;
}

.medical-table-toolbar-group .medical-table-exportbar {
    flex: 0 0 auto;
    margin-bottom: 0;
}

.ui-table-export-button {
    --dx-btn-color: var(--medical-primary);
    --dx-btn-bg: var(--medical-white);
    --dx-btn-border-color: rgba(var(--medical-primary-rgb), .22);
    --dx-btn-hover-color: var(--medical-primary-dark);
    --dx-btn-hover-bg: var(--medical-primary-light);
    --dx-btn-hover-border-color: rgba(var(--medical-primary-rgb), .36);
    align-items: center;
    display: inline-flex;
    gap: .35rem;
    font-weight: 600;
}

.ui-table-export-button-pdf {
    --dx-btn-color: var(--medical-white);
    --dx-btn-bg: #D92D20;
    --dx-btn-border-color: #D92D20;
    --dx-btn-hover-color: var(--medical-white);
    --dx-btn-hover-bg: #B42318;
    --dx-btn-hover-border-color: #B42318;
}

.ui-table-export-button-excel {
    --dx-btn-color: var(--medical-white);
    --dx-btn-bg: #039855;
    --dx-btn-border-color: #039855;
    --dx-btn-hover-color: var(--medical-white);
    --dx-btn-hover-bg: #027A48;
    --dx-btn-hover-border-color: #027A48;
}

.table.dt-table-hover td,
.table.dt-table-hover th,
.widget-content-area .table td,
.widget-content-area .table th,
.table-card .table td,
.table-card .table th {
    max-width: 22rem;
    overflow-wrap: anywhere;
    vertical-align: middle;
}

.table.dt-table-hover th:first-child,
.table.dt-table-hover td:first-child,
.widget-content-area .table th:first-child,
.widget-content-area .table td:first-child,
.table-card .table th:first-child,
.table-card .table td:first-child {
    padding-left: var(--medical-table-first-column-padding);
}

.table.dt-table-hover thead th,
.widget-content-area .table thead th,
.table-card .table thead th,
.table thead th,
.table thead td {
    background-color: var(--medical-primary-light);
    color: var(--medical-primary-dark);
}

.table.dt-table-hover thead th,
.widget-content-area .table thead th,
.table-card .table thead th,
.table .dt-no-sorting,
.table td.text-center,
.table th.text-center,
.action-btns,
.table .dropdown {
    white-space: nowrap;
}

.table.dt-table-hover.medical-standard-table th,
.table.dt-table-hover.medical-standard-table td,
.widget-content-area .table.medical-standard-table th,
.widget-content-area .table.medical-standard-table td {
    border-bottom: 1px solid var(--dx-border-color);
    border-right: 1px solid var(--dx-border-color);
    font-size: .8125rem;
    max-width: none;
    overflow-wrap: normal;
    padding: .625rem .75rem;
    white-space: nowrap;
    word-break: normal;
}

.table.dt-table-hover.medical-standard-table thead th,
.widget-content-area .table.medical-standard-table thead th {
    background-color: transparent;
    border-top: 1px solid var(--dx-border-color);
    color: var(--dx-body-color);
    font-size: .72rem;
    line-height: 1.25;
    white-space: nowrap;
}

.table.dt-table-hover.medical-standard-table thead th.medical-table-serial-heading,
.widget-content-area .table.medical-standard-table thead th.medical-table-serial-heading {
    background-image: none !important;
    cursor: default;
    padding-right: .75rem;
}

.table.dt-table-hover.medical-standard-table thead th.medical-table-serial-heading::before,
.table.dt-table-hover.medical-standard-table thead th.medical-table-serial-heading::after,
.widget-content-area .table.medical-standard-table thead th.medical-table-serial-heading::before,
.widget-content-area .table.medical-standard-table thead th.medical-table-serial-heading::after {
    content: none !important;
    display: none !important;
}

.table.dt-table-hover.medical-standard-table th:first-child,
.table.dt-table-hover.medical-standard-table td:first-child,
.widget-content-area .table.medical-standard-table th:first-child,
.widget-content-area .table.medical-standard-table td:first-child {
    border-left: 1px solid var(--dx-border-color);
    padding-left: .75rem;
}

.table.dt-table-hover.medical-standard-table .dt-no-sorting,
.table.dt-table-hover.medical-standard-table td.text-center,
.table.dt-table-hover.medical-standard-table th.text-center,
.widget-content-area .table.medical-standard-table .dt-no-sorting,
.widget-content-area .table.medical-standard-table td.text-center,
.widget-content-area .table.medical-standard-table th.text-center {
    white-space: nowrap;
}

.table.dt-table-hover.medical-standard-table th:nth-child(1),
.table.dt-table-hover.medical-standard-table td:nth-child(1),
.table.dt-table-hover.medical-standard-table th:nth-child(2),
.table.dt-table-hover.medical-standard-table td:nth-child(2),
.table.dt-table-hover.medical-standard-table th:nth-child(3),
.table.dt-table-hover.medical-standard-table td:nth-child(3),
.table.dt-table-hover.medical-standard-table th:nth-child(10),
.table.dt-table-hover.medical-standard-table td:nth-child(10),
.table.dt-table-hover.medical-standard-table th:nth-child(13),
.table.dt-table-hover.medical-standard-table td:nth-child(13),
.table.dt-table-hover.medical-standard-table th:nth-child(14),
.table.dt-table-hover.medical-standard-table td:nth-child(14),
.widget-content-area .table.medical-standard-table th:nth-child(1),
.widget-content-area .table.medical-standard-table td:nth-child(1),
.widget-content-area .table.medical-standard-table th:nth-child(2),
.widget-content-area .table.medical-standard-table td:nth-child(2),
.widget-content-area .table.medical-standard-table th:nth-child(3),
.widget-content-area .table.medical-standard-table td:nth-child(3),
.widget-content-area .table.medical-standard-table th:nth-child(10),
.widget-content-area .table.medical-standard-table td:nth-child(10),
.widget-content-area .table.medical-standard-table th:nth-child(13),
.widget-content-area .table.medical-standard-table td:nth-child(13),
.widget-content-area .table.medical-standard-table th:nth-child(14),
.widget-content-area .table.medical-standard-table td:nth-child(14) {
    white-space: nowrap;
}

.dataTables_wrapper {
    color: var(--dx-body-color);
    width: 100%;
}

.dataTables_wrapper .dt--top-section,
.dataTables_wrapper .dt--bottom-section {
    display: block;
    width: 100%;
}

.dataTables_wrapper .dt--top-section {
    margin-bottom: 1rem;
    padding-top: .125rem;
}

.dataTables_wrapper .dt--bottom-section {
    border-top: 1px solid var(--dx-border-color);
    gap: .75rem;
    margin-top: 1rem;
    padding-top: 1rem;
}

.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dt-buttons {
    display: block;
    margin: 0;
    opacity: 1;
    visibility: visible;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    align-items: center;
    display: flex;
}

.dataTables_wrapper .dataTables_length {
    justify-content: flex-start;
}

.dataTables_wrapper .dataTables_filter {
    justify-content: flex-end;
    text-align: left;
    width: 100%;
}

.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label {
    align-items: center;
    color: var(--dx-secondary-color);
    display: inline-flex;
    flex-wrap: wrap;
    font-size: .875rem;
    font-weight: 600;
    gap: .5rem;
    margin-bottom: 0;
}

.dataTables_wrapper .dataTables_filter label {
    justify-content: flex-end;
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
    background-color: var(--dx-secondary-bg);
    border: 1px solid var(--dx-border-color);
    box-sizing: border-box;
    border-radius: var(--dx-border-radius);
    color: var(--dx-body-color);
    min-height: 2.35rem;
}

.dataTables_wrapper .dataTables_length select {
    min-width: 5.5rem;
    padding: .35rem 2rem .35rem .75rem;
}

.dataTables_wrapper .dataTables_filter input {
    flex: 1 1 auto;
    margin-left: 0;
    max-width: 100%;
    min-width: 0;
    padding: .35rem .75rem;
    width: 100%;
}

.dataTables_wrapper .dataTables_info {
    color: var(--dx-secondary-color);
    font-size: .875rem;
    padding-top: 0;
}

.dataTables_wrapper .dataTables_paginate {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    justify-content: flex-end;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    align-items: center;
    border: 1px solid var(--dx-border-color);
    border-radius: var(--dx-border-radius);
    color: var(--dx-body-color);
    display: inline-flex;
    line-height: 1;
    min-height: 2rem;
    min-width: 2rem;
    padding: .45rem .65rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
    background-color: var(--medical-primary);
    border-color: var(--medical-primary);
    color: var(--medical-white);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    background-color: transparent;
    border-color: var(--dx-border-color);
    color: var(--dx-secondary-color);
    opacity: .55;
}

.dataTables_wrapper .dt-buttons {
    margin-bottom: .75rem;
}

.dataTables_wrapper .dt-button {
    background-color: var(--dx-secondary-bg);
    border: 1px solid var(--dx-border-color);
    border-radius: var(--dx-border-radius);
    color: var(--dx-body-color);
    margin-right: .375rem;
    padding: .45rem .75rem;
}

.dataTables_wrapper .dt-button:hover,
.dataTables_wrapper .dt-button:focus {
    background-color: var(--dx-primary-bg-subtle);
    border-color: var(--dx-primary-border-subtle);
    color: var(--medical-primary);
}

@media (max-width: 575.98px) {
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_paginate,
    .dataTables_wrapper .dataTables_info {
        text-align: left;
        width: 100%;
    }

    .dataTables_wrapper .dataTables_filter label,
    .dataTables_wrapper .dataTables_length label,
    .dataTables_wrapper .dataTables_filter input {
        width: 100%;
    }

    .dataTables_wrapper .dataTables_filter input {
        margin-left: 0;
    }

    .dataTables_wrapper .dataTables_paginate {
        justify-content: flex-start;
    }

    .table-layout-card .table-card-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .table-layout-card .table-card-actions {
        justify-content: flex-start;
    }

    .medical-table-titlebar .table-card-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .medical-table-titlebar .table-card-actions,
    .dataTables_wrapper .medical-table-toolbar-end,
    .medical-table-toolbar-group,
    .medical-table-toolbar-group .dataTables_filter,
    .medical-table-toolbar-group .dataTables_filter label {
        justify-content: flex-start;
        max-width: 100%;
        width: 100%;
    }
}