@charset "UTF-8";

html {
    font-family: Tajawal, sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
}

.tooltip-arrow, .tooltip-arrow:before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: inherit;
}

.tooltip-arrow {
    visibility: hidden;
}

.tooltip-arrow:before {
    content: "";
    visibility: visible;
    transform: rotate(45deg);
}

[data-tooltip-style^="light"] + .tooltip > .tooltip-arrow:before {
    border-style: solid;
    border-color: #e5e7eb;
}

[data-tooltip-style^="light"] + .tooltip[data-popper-placement^="top"] > .tooltip-arrow:before {
    border-bottom-width: 1px;
    border-right-width: 1px;
}

[data-tooltip-style^="light"] + .tooltip[data-popper-placement^="right"] > .tooltip-arrow:before {
    border-bottom-width: 1px;
    border-left-width: 1px;
}

[data-tooltip-style^="light"] + .tooltip[data-popper-placement^="bottom"] > .tooltip-arrow:before {
    border-top-width: 1px;
    border-left-width: 1px;
}

[data-tooltip-style^="light"] + .tooltip[data-popper-placement^="left"] > .tooltip-arrow:before {
    border-top-width: 1px;
    border-right-width: 1px;
}

.tooltip[data-popper-placement^="top"] > .tooltip-arrow {
    bottom: -4px;
}

.tooltip[data-popper-placement^="bottom"] > .tooltip-arrow {
    top: -4px;
}

.tooltip[data-popper-placement^="left"] > .tooltip-arrow {
    right: -4px;
}

.tooltip[data-popper-placement^="right"] > .tooltip-arrow {
    left: -4px;
}

.tooltip.invisible > .tooltip-arrow:before {
    visibility: hidden;
}

.toggle-bg:after {
    content: "";
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    background: white;
    border-color: #D1D5DB;
    border-width: 1px;
    border-radius: 9999px;
    height: 1.25rem;
    width: 1.25rem;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: .15s;
    box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

input:checked + .toggle-bg:after {
    transform: translateX(100%);;
    border-color: white;
}

input:checked + .toggle-bg {
    background: #1C64F2;
    border-color: #1C64F2;
}

.tooltip-arrow, .tooltip-arrow:before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: inherit;
}

.tooltip-arrow {
    visibility: hidden;
}

.tooltip-arrow:before {
    content: "";
    visibility: visible;
    transform: rotate(45deg);
}

[data-tooltip-style^="light"] + .tooltip > .tooltip-arrow:before {
    border-style: solid;
    border-color: #e5e7eb;
}

[data-tooltip-style^="light"] + .tooltip[data-popper-placement^="top"] > .tooltip-arrow:before {
    border-bottom-width: 1px;
    border-right-width: 1px;
}

[data-tooltip-style^="light"] + .tooltip[data-popper-placement^="right"] > .tooltip-arrow:before {
    border-bottom-width: 1px;
    border-left-width: 1px;
}

[data-tooltip-style^="light"] + .tooltip[data-popper-placement^="bottom"] > .tooltip-arrow:before {
    border-top-width: 1px;
    border-left-width: 1px;
}

[data-tooltip-style^="light"] + .tooltip[data-popper-placement^="left"] > .tooltip-arrow:before {
    border-top-width: 1px;
    border-right-width: 1px;
}

.tooltip[data-popper-placement^="top"] > .tooltip-arrow {
    bottom: -4px;
}

.tooltip[data-popper-placement^="bottom"] > .tooltip-arrow {
    top: -4px;
}

.tooltip[data-popper-placement^="left"] > .tooltip-arrow {
    right: -4px;
}

.tooltip[data-popper-placement^="right"] > .tooltip-arrow {
    left: -4px;
}

.tooltip.invisible > .tooltip-arrow:before {
    visibility: hidden;
}

.toggle-bg:after {
    content: "";
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    background: white;
    border-color: #D1D5DB;
    border-width: 1px;
    border-radius: 9999px;
    height: 1.25rem;
    width: 1.25rem;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: .15s;
    box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

input:checked + .toggle-bg:after {
    transform: translateX(100%);;
    border-color: white;
}

input:checked + .toggle-bg {
    background: #1C64F2;
    border-color: #1C64F2;
}

.datatable-wrapper {
    width: 100%;
}

.datatable-wrapper .datatable-top {
    display: flex;
    justify-content: space-between;
    flex-direction: column-reverse;
    align-items: start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.datatable-wrapper .datatable-search .datatable-input, .datatable-wrapper .datatable-input {
    color: #111827;
    font-size: 0.875rem;
    border: 1px solid #D1D5DB;
    border-radius: 0.5rem;
    background-color: #F9FAFB;
    min-width: 16rem;
}

.dark .datatable-wrapper .datatable-search .datatable-input, .dark .datatable-wrapper .datatable-input {
    color: white;
    background-color: #1F2937;
    border: 1px solid #374151;
}

.datatable-wrapper thead th .datatable-input {
    background-color: white;
    font-weight: 400;
    color: #111827;
    padding-top: .35rem;
    padding-bottom: .35rem;
    min-width: 0;
}

.dark .datatable-wrapper thead th .datatable-input {
    background-color: #374151;
    border-color: #4B5563;
    color: white;
}

.datatable-wrapper .datatable-top .datatable-dropdown {
    color: #6B7280;
    font-size: 0.875rem;
}

.dark .datatable-wrapper .datatable-top .datatable-dropdown {
    color: #9CA3AF;
}

.datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector {
    background-color: #F9FAFB;
    color: #111827;
    font-size: 0.875rem;
    border: 1px solid #D1D5DB;
    border-radius: 0.5rem;
    margin-right: 0.25rem;
    min-width: 4rem;
}

.dark .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector {
    background-color: #1F2937;
    border: 1px solid #374151;
    color: white;
}

.datatable-wrapper .datatable-container thead tr.search-filtering-row th {
    padding-top: 0;
}

.datatable-wrapper .datatable-search .datatable-input:focus {
    border-color: #1C64F2;
}

.datatable-wrapper .datatable-container {
    overflow-x: auto;
}

.datatable-wrapper .datatable-table {
    width: 100%;
    font-size: 0.875rem;
    color: #6B7280;
    text-align: left;
}

.dark .datatable-wrapper .datatable-table {
    color: #9CA3AF;
}

.datatable-wrapper .datatable-table thead {
    font-size: 0.75rem;
    color: #6B7280;
    background-color: #F9FAFB;
}

.dark .datatable-wrapper .datatable-table thead {
    color: #9CA3AF;
    background-color: #1F2937;
}

.datatable-wrapper .datatable-table thead th {
    white-space: nowrap;
}

.datatable-wrapper .datatable-table thead th, .datatable-wrapper .datatable-table tbody th, .datatable-wrapper .datatable-table tbody td {
    width: auto !important;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.datatable-wrapper .datatable-table thead th .datatable-sorter, .datatable-wrapper .datatable-table thead th {
    text-transform: uppercase;
}

.datatable-wrapper .datatable-table thead th .datatable-sorter:hover, .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter, .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter {
    color: #111827;
}

.dark .datatable-wrapper .datatable-table thead th .datatable-sorter:hover, .dark .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter, .dark .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter {
    color: white;
}

.datatable-wrapper .datatable-table tbody tr.selected {
    background-color: #F3F4F6;
}

.dark .datatable-wrapper .datatable-table tbody tr.selected {
    background-color: #374151;
}

.datatable-wrapper .datatable-table tbody tr {
    border-bottom: 1px solid #E5E7EB;
}

.dark .datatable-wrapper .datatable-table tbody tr {
    border-bottom: 1px solid #374151;
}

.datatable-wrapper .datatable-table .datatable-empty {
    text-align: center;
}

.datatable-wrapper .datatable-bottom {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    margin-top: 1rem;
    gap: 1rem;
}

.datatable-wrapper .datatable-bottom .datatable-info {
    color: #6B7280;
    font-size: 0.875rem;
}

.dark .datatable-wrapper .datatable-bottom .datatable-info {
    color: #9CA3AF;
}

.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list {
    display: flex;
    align-items: center;
    height: 2rem;
    font-size: 0.875rem;
}

.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link {
    display: flex;
    align-items: center;
    color: #6B7280;
    font-weight: 500;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    height: 2rem;
    font-size: 0.875rem;
    border-top: 1px solid #D1D5DB;
    border-bottom: 1px solid #D1D5DB;
    border-right: 1px solid #D1D5DB;
}

.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link {
    color: #9CA3AF;
    border-color: #374151;
}

.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type, .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type {
    position: relative;
}

.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link, .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link {
    color: transparent;
}

.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link, .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link {
    color: transparent;
}

.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after {
    content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e");
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.3rem;
    height: 1.3rem;
    transform: translate(-50%, -50%);
}

.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after {
    content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e");
}

.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after {
    content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e");
}

.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after {
    content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e");
}

.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after {
    content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e");
    position: absolute;
    top: 50%;
    right: 50%;
    width: 1.3rem;
    height: 1.3rem;
    transform: translate(50%, -50%);
}

.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after {
    content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e");
}

.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after {
    content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e");
}

.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after {
    content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e");
}

*[dir=rtl] .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after {
    content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e");
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
}

*[dir=rtl] .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after {
    content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e");
}

*[dir=rtl] .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after {
    content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e");
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
}

*[dir=rtl] .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after {
    content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e");
}

*[dir=rtl] .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after {
    content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e");
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
}

*[dir=rtl] .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after {
    content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e");
}

*[dir=rtl] .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after {
    content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e");
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
}

*[dir=rtl] .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after {
    content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e");
}

.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    border-left: 0;

}

.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link {
    border-left: 1px solid #374151;
}

.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border-left: 1px solid #D1D5DB;
}

.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover {
    background-color: #F9FAFB;
    color: #374151;
}

.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover {
    background-color: #374151;
    color: white;
}

@media (min-width: 576px) {
    .datatable-wrapper .datatable-top {
        flex-direction: row-reverse;
        align-items: center;
    }

    .datatable-wrapper .datatable-bottom {
        flex-direction: row;
        align-items: center;
    }
}

.btn {
    display: inline-flex;
    border-radius: 0.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.btn-primary-600, .btn-primary {
    --tw-bg-opacity: 1;
    background-color: #2c4b3a;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-primary-600:hover, .btn-primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(72 108 234 / var(--tw-bg-opacity));
}

.btn-outline-primary, .btn-outline-primary-600 {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(72 127 255 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: #2c4b3a;
}

.btn-outline-primary:hover, .btn-outline-primary-600:hover {
    --tw-bg-opacity: 1;
    background-color: #2c4b3a;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dropdown > button.show {
    background-color: var(--primary-50);
    color: var(--primary-600) !important;
}

.dropdown > button.show .text-primary-light {
    color: var(--primary-600) !important;
}

.dropdown-menu {
    border: 0;
    border-radius: 16px;
    box-shadow: 0px 13px 30px 10px rgba(46, 45, 116, 0.05);
    padding: 16px;
    background-color: var(--white);
}

.dropdown-menu.to-top {
    top: calc(100% - 28px) !important;
}

@media (min-width: 575px) {
    .dropdown-menu-lg {
        width: 425px;
    }
}

@media (min-width: 375px) {
    .dropdown-menu-sm {
        width: 312px;
    }
}

.toggle-icon.icon-up::after {
    content: "" !important;
}

.toggle-icon.icon-right::after {
    content: "" !important;
}

.toggle-icon.icon-left::before {
    content: "" !important;
    vertical-align: middle !important;
    border: 0 !important;
    font-family: remixicon;
    font-size: 24px;
    line-height: 0;
    color: inherit;
}

.toggle-icon::after {
    vertical-align: middle !important;
    border: 0 !important;
    content: "" !important;
    font-family: remixicon;
    font-size: 24px;
    line-height: 0;
    color: inherit;
}

.dropdown > .not-active.show {
    color: #fff !important;
}

.form-check-input {
    border-radius: 0.25rem;
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
}

:is(.dark .form-check-input) {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

.form-control {
    width: 100%;
    border-radius: 0.5rem;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

:is(.dark .form-control) {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity));
    background-color: transparent;
}

.form-control[readonly] {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

:is(.dark .form-control[readonly]) {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.form-label {
    margin-bottom: 0.5rem;
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
}

:is(.dark .form-label) {
    --tw-text-opacity: 1;
    color: rgb(235 236 239 / var(--tw-text-opacity));
}

.form-select {
    width: 100%;
    border-radius: 0.5rem;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

:is(.dark .form-select) {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity));
    background-color: transparent;
}

.form-select.form-select-sm {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    padding-inline-start: 0.75rem;
    padding-inline-end: 1.25rem;
    font-size: 0.875rem;
    line-height: 2rem;
}

.icon-field .form-control {
    padding-inline-start: 2.5rem;
}

.icon-field .form-control.form-control-lg ~ .icon {
    top: 18px;
}

.icon-field .form-control.form-control-sm ~ .icon {
    top: 10px;
}

.card-header {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(235 236 239 / var(--tw-border-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

:is(.dark .card-header) {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity));
}

@media (min-width: 768px) {
    .card-header {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

.card {
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

:is(.dark .card) {
    --tw-bg-opacity: 1;
    background-color: rgb(39 49 66 / var(--tw-bg-opacity));
}

.card-body {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.table-responsive {
    overflow-x: auto;
}

.table {
    width: 100%;
    min-width: -moz-max-content;
    min-width: max-content;
    border-collapse: separate;
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(235 236 239 / var(--tw-border-opacity));
}

:is(.dark .table) {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity));
}

.table {
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(235 236 239 / var(--tw-border-opacity));
}

.table th {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    text-align: center;
    font-weight: 500;
}

.table th:first-child {
    border-top-left-radius: 0.5rem;
    text-align: start;
}

.table th:last-child {
    border-top-right-radius: 0.5rem;
}

:is(.dark .table th) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.table td {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(235 236 239 / var(--tw-border-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    text-align: center;
}

.table td:first-child {
    text-align: start;
}

:is(.dark .table td) {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity));
}

.table tr:last-child td {
    border-bottom-width: 0px;
}

.table tr:last-child td:first-child {
    border-bottom-left-radius: 0.5rem;
}

.table tr:last-child td:last-child {
    border-bottom-right-radius: 0.5rem;
}

.table.style-two td {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.table.style-three td {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.datatable-wrapper .datatable-table thead th .datatable-sorter:hover, .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter, .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter {
    --tw-text-opacity: 1;
    color: #2c4b3a;
}

:is(.dark .datatable-wrapper .datatable-table thead th .datatable-sorter:hover), :is(.dark  .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter), :is(.dark  .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter) {
    --tw-text-opacity: 1;
    color: rgb(69 142 255 / var(--tw-text-opacity));
}

:is(.dark .datatable-wrapper .datatable-table thead th), :is(.dark  .datatable-wrapper .datatable-table tbody th), :is(.dark  .datatable-wrapper .datatable-table tbody td) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity));
}

.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link {
    border-inline-start-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity));
}

.tab-style-gradient button[aria-selected=true] {
    background: linear-gradient(180deg, rgba(72, 127, 255, 0.12) 0%, rgba(72, 127, 255, 0.03) 100%);
}

.tab-style-button button[aria-selected=true] {
    --tw-bg-opacity: 1;
    background-color: #2c4b3a;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tab-style-button button[aria-selected=true]:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.avatar-upload {
    position: relative;
    max-width: -moz-fit-content;
    max-width: fit-content;
}

.avatar-upload.style-two {
    height: 150px;
    width: 180px;
    max-width: none;
}

.avatar-upload .avatar-preview {
    position: relative;
    height: 150px;
    width: 150px;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(72 127 255 / var(--tw-border-opacity));
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.avatar-upload .avatar-preview.style-two {
    height: 120px;
    width: 120px;
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.avatar-upload .avatar-preview.style-two > div {
    border-radius: inherit;
}

.avatar-upload .avatar-preview > div {
    height: 100%;
    width: 100%;
    border-radius: 9999px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: none;
}

.accordion-item [aria-expanded=true] {
    --tw-text-opacity: 1;
    color: #2c4b3a;
}

.accordion-item [aria-expanded=true] i::before {
    content: "";
}

.form-wizard .wizard-fieldset {
    display: none;
}

.form-wizard .wizard-fieldset.show {
    display: block !important;
}

.form-wizard .wizard-form-error {
    pointer-events: none;
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    display: none;
    height: 100%;
    width: 100%;
    border-radius: 0.375rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(220 38 38 / var(--tw-border-opacity));
    background-color: transparent;
}

.form-wizard-header {
    text-align: center;
}

.form-wizard-list {
    display: flex;
    min-width: 455px;
    align-items: center;
    justify-content: space-between;
}

.form-wizard-list__item {
    width: 20%;
}

.form-wizard-list__item.active .count {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(72 127 255 / var(--tw-border-opacity));
    font-weight: 700;
    --tw-text-opacity: 1;
    color: #2c4b3a;
}

.form-wizard-list__item.active .text {
    --tw-text-opacity: 1;
    color: #2c4b3a;
}

.form-wizard-list__item.activated .count {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(72 127 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: #2c4b3a;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark .form-wizard-list__item.activated .count) {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.form-wizard-list__item.activated .text {
    --tw-text-opacity: 1;
    color: #2c4b3a;
}

.form-wizard-list__item.activated .form-wizard-list__line::before {
    width: 100%;
}

.form-wizard-list__item:last-child .form-wizard-list__line::after, .form-wizard-list__item:last-child .form-wizard-list__line::before {
    display: none;
}

.form-wizard-list__line {
    position: relative;
}

.form-wizard-list__line::before {
    position: absolute;
    inset-inline-start: 50%;
    inset-inline-end: 0px;
    top: 50%;
    z-index: 1;
    height: 0.125rem;
    width: 0px;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: #2c4b3a;
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.form-wizard-list__line::after {
    position: absolute;
    inset-inline-start: 50%;
    inset-inline-end: 0px;
    top: 50%;
    height: 0.125rem;
    width: 100%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity));
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.form-wizard-list .count {
    position: relative;
    z-index: 1;
    display: inline-block;
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 9999px;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    text-align: center;
    font-size: 1.125rem;
    line-height: 2.5rem;
}

:is(.dark .form-wizard-list .count) {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.form-wizard-list.style-two {
    min-width: -moz-max-content;
    min-width: max-content;
    gap: 0.5rem;
}

.form-wizard-list.style-two .form-wizard-list .count {
    height: 2rem;
    width: 2rem;
    font-size: 1rem;
    line-height: 2rem;
}

.form-wizard-list.style-two .form-wizard-list__line::before {
    content: var(--tw-content);
    display: none;
}

.form-wizard-list.style-two .form-wizard-list__line::after {
    content: var(--tw-content);
    display: none;
}

.form-wizard-list.style-two .form-wizard-list__item {
    position: relative;
    display: flex;
    width: 25%;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(235 236 239 / var(--tw-bg-opacity));
    padding: 0.5rem;
    text-align: start;
}

.form-wizard-list.style-two .form-wizard-list__item:first-child {
    padding-inline-start: 0.5rem;
}

.form-wizard-list.style-two .form-wizard-list__item:last-child {
    padding-inline-end: 0.5rem;
}

:is(.dark .form-wizard-list.style-two .form-wizard-list__item) {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

.form-wizard-list.style-two .form-wizard-list__item {
    clip-path: polygon(0 0, 85% 0, 100% 50%, 85% 100%, 0 100%, 0% 50%);
}

.form-wizard-list.style-two .form-wizard-list__item.active .count {
    --tw-bg-opacity: 1;
    background-color: #2c4b3a;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.form-wizard-list.style-two .form-wizard-list__item.activated {
    --tw-bg-opacity: 1;
    background-color: #2c4b3a;
}

.form-wizard-list.style-two .form-wizard-list__item.activated .count {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: #2c4b3a;
}

.form-wizard-list.style-two .form-wizard-list__item.activated .text {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.form-wizard-list.style-two .form-wizard-list__item .text {
    font-size: 13px;
    font-weight: 700;
}

.form-wizard-list.style-three {
    min-width: -moz-max-content;
    min-width: max-content;
}

.form-wizard-list.style-three .form-wizard-list__line::before {
    content: var(--tw-content);
    display: none;
}

.form-wizard-list.style-three .form-wizard-list__line::after {
    content: var(--tw-content);
    display: none;
}

.form-wizard input::-moz-placeholder {
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
}

.form-wizard input::placeholder {
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
}

:is(.dark .flatpickr-calendar) {
    --tw-bg-opacity: 1;
    background-color: rgb(39 49 66 / var(--tw-bg-opacity));
}

:is(.dark .flatpickr-am-pm), :is(.dark
.flatpickr-time input), :is(.dark
.numInputWrapper span), :is(.dark
.flatpickr-time .flatpickr-time-separator), :is(.dark
.flatpickr-current-month) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark .flatpickr-prev-month svg), :is(.dark
.flatpickr-next-month svg) {
    fill: #ffffff;
}

.table {
    display: table;
}

.table-row {
    display: table-row;
}

.table-auto {
    table-layout: auto;
}

@keyframes animateBar {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}

.navbar-header {
    position: sticky;
    top: 0px;
    z-index: 20;
    height: 4.5rem;
    border-width: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

:is(.dark .navbar-header) {
    --tw-bg-opacity: 1;
    background-color: rgb(39 49 66 / var(--tw-bg-opacity));
}

.sidebar-toggle,
.sidebar-mobile-toggle {
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
}

.sidebar-toggle .icon {
    font-size: 28px;
}

:is(.dark .sidebar-toggle .icon) {
    --tw-text-opacity: 1;
    color: rgb(235 236 239 / var(--tw-text-opacity));
}

.sidebar-mobile-toggle .icon {
    font-size: 1.375rem;
}

:is(.dark .sidebar-mobile-toggle .icon) {
    --tw-text-opacity: 1;
    color: rgb(235 236 239 / var(--tw-text-opacity));
}

.sidebar-toggle {
    display: none;
}

@media (min-width: 1200px) {
    .sidebar-toggle {
        display: inline-block;
    }
}

.sidebar-toggle.active .icon.non-active {
    display: none;
}

.sidebar-toggle.active .icon.active {
    display: inline-block;
}

.sidebar-toggle .icon.active {
    display: none;
}

.sidebar-mobile-toggle {
    display: inline-block;
}

@media (min-width: 1200px) {
    .sidebar-mobile-toggle {
        display: none;
    }
}

.navbar-search {
    position: relative;
    display: none;
}

@media (min-width: 992px) {
    .navbar-search {
        display: inline-block;
    }
}

.navbar-search input {
    height: 2.5rem;
    width: 24.25rem;
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(245 246 250 / var(--tw-bg-opacity));
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    padding-inline-start: 2.625rem;
    padding-inline-end: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
}

:is(.dark .navbar-search input) {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.navbar-search input:focus {
    --tw-border-opacity: 1;
    border-color: rgb(72 127 255 / var(--tw-border-opacity));
}

.navbar-search .icon {
    position: absolute;
    top: 50%;
    inset-inline-start: 0.9375rem;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    font-size: 1.125rem;
    --tw-text-opacity: 1;
    color: rgb(39 49 66 / var(--tw-text-opacity));
}

:is(.dark .navbar-search .icon) {
    --tw-text-opacity: 1;
    color: rgb(235 236 239 / var(--tw-text-opacity));
}

.sidebar {
    position: fixed;
    inset-inline-start: -105%;
    top: 0px;
    z-index: 30;
    height: 100vh;
    width: 250px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

:is(.dark .sidebar) {
    --tw-bg-opacity: 1;
    background-color: rgb(39 49 66 / var(--tw-bg-opacity));
}

@media (min-width: 1200px) {
    .sidebar {
        inset-inline-start: 0px;
        width: 220px;
    }
}

@media (min-width: 1400px) {
    .sidebar {
        width: 275px;
    }
}

@media (min-width: 1650px) {
    .sidebar {
        width: 312px;
    }
}

.sidebar-close-btn {
    position: absolute;
    top: 0px;
    inset-inline-end: 0.625rem;
    display: inline-flex;
    height: 1.75rem;
    width: 1.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

@media (min-width: 1200px) {
    .sidebar-close-btn {
        display: none;
    }
}

.sidebar.sidebar-open {
    inset-inline-start: 0px;
}

.sidebar.active {
    width: auto;
}

@media (min-width: 1200px) {
    .sidebar.active:hover {
        inset-inline-start: 0px;
    }
}

@media (min-width: 1400px) {
    .sidebar.active:hover {
        width: 17.1875rem;
    }
}

@media (min-width: 1650px) {
    .sidebar.active:hover {
        width: 19.5rem;
    }
}

.sidebar.active:hover .sidebar-logo img.light-logo {
    display: inline-block;
}

.dark .sidebar.active:hover .sidebar-logo img.light-logo {
    display: none;
}

.dark .sidebar.active:hover .sidebar-logo img.dark-logo {
    display: inline-block;
}

.sidebar.active:hover .sidebar-logo img.logo-icon {
    display: none;
}

.sidebar.active:hover .sidebar-menu li a span {
    display: inline-block;
}

.sidebar.active:hover .sidebar-menu li a .menu-icon {
    margin-inline-end: 0.25rem;
}

.sidebar.active:hover .sidebar-menu li.dropdown.dropdown-open .sidebar-submenu, .sidebar.active:hover .sidebar-menu li.dropdown.open .sidebar-submenu {
    display: block;
}

.sidebar.active:hover .sidebar-menu li.sidebar-menu-group-title {
    display: inline-block;
}

.sidebar.active:hover .sidebar-menu li.dropdown a::after {
    display: inline-block;
}

.sidebar.active .sidebar-logo img.light-logo, .sidebar.active .sidebar-logo img.dark-logo {
    display: none;
}

.sidebar.active .sidebar-logo img.logo-icon {
    display: inline-block;
}

.sidebar.active .sidebar-menu li a span {
    display: none;
}

.sidebar.active .sidebar-menu li a .menu-icon {
    margin-inline-end: 0px;
}

.sidebar.active .sidebar-menu li.sidebar-menu-group-title {
    display: none;
}

.sidebar.active .sidebar-menu li.dropdown.dropdown-open .sidebar-submenu, .sidebar.active .sidebar-menu li.dropdown.open .sidebar-submenu {
    display: none;
}

.sidebar.active .sidebar-menu li.dropdown a::after {
    display: none;
}

.sidebar-logo {
    display: flex;
    height: 72px;
    align-items: center;
    justify-content: flex-start;
    border-inline-end-width: 1px;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(235 236 239 / var(--tw-border-opacity));
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 14px;
    padding-bottom: 14px;
}

:is(.dark .sidebar-logo) {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

.sidebar-logo img {
    max-height: 3.4375rem;
}

.sidebar-logo img.dark-logo {
    display: none;
}

.dark .sidebar-logo img.light-logo {
    display: none;
}

.dark .sidebar-logo img.dark-logo {
    display: block;
}

.sidebar-logo img.logo-icon {
    display: none;
}

.sidebar-menu-area {
    height: calc(100vh - 72px);
    overflow-y: scroll;
    border-inline-end-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(235 236 239 / var(--tw-border-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

:is(.dark .sidebar-menu-area) {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

.sidebar-menu-area:hover::-webkit-scrollbar-thumb {
    --tw-bg-opacity: 1;
    background-color: rgb(235 236 239 / var(--tw-bg-opacity));
}

.sidebar-menu-area::-webkit-scrollbar {
    width: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.sidebar-menu-area::-webkit-scrollbar-thumb {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.dark .sidebar-menu-area::-webkit-scrollbar {
    --tw-bg-opacity: 1;
    background-color: rgb(39 49 66 / var(--tw-bg-opacity));
}

.dark .sidebar-menu-area::-webkit-scrollbar-thumb {
    --tw-bg-opacity: 1;
    background-color: rgb(39 49 66 / var(--tw-bg-opacity));
}

.dark .sidebar-menu-area:hover::-webkit-scrollbar-thumb {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.sidebar-menu li.dropdown > a {
    position: relative;
}

.sidebar-menu li.dropdown > a::after {
    position: absolute;
    top: 50%;
    inset-inline-end: 0.75rem;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    font-family: remixicon;
    font-size: 1.125rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    --tw-content: "";
    content: var(--tw-content);
}

:is(.dark .sidebar-menu li.dropdown > a)::after {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
}

@media (min-width: 1650px) {
    .sidebar-menu li.dropdown > a::after {
        content: var(--tw-content);
        font-size: 1.375rem;
    }
}

.sidebar-menu li.dropdown.open > a, .sidebar-menu li.dropdown.dropdown-open > a {
    --tw-bg-opacity: 1;
    background-color: #2c4b3a;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sidebar-menu li.dropdown.open > a:hover, .sidebar-menu li.dropdown.dropdown-open > a:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sidebar-menu li.dropdown.open > a::after, .sidebar-menu li.dropdown.dropdown-open > a::after {
    --tw-translate-y: -50%;
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.sidebar-menu li.dropdown.open .sidebar-submenu {
    display: block;
}

.sidebar-menu li > a.active-page {
    --tw-bg-opacity: 1;
    background-color: #2c4b3a;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sidebar-menu li > a.active-page:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sidebar-menu li a {
    display: flex;
    align-items: center;
    border-radius: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    font-size: 0.875rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

@media (min-width: 1650px) {
    .sidebar-menu li a {
        font-size: 1rem;
    }
}

.sidebar-menu li a:hover {
    --tw-text-opacity: 1;
    color: #2c4b3a;
}

.sidebar-menu li a .menu-icon {
    margin-inline-end: 0.5rem;
    font-size: 1.125rem;
}

:is(.dark .sidebar-menu li a .menu-icon) {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
}

@media (min-width: 1650px) {
    .sidebar-menu li a .menu-icon {
        margin-inline-end: 0.75rem;
        font-size: 1.375rem;
    }
}

.sidebar-menu li a i {
    width: 24px;
    font-size: 1.375rem;
    line-height: 1.2;
}

.sidebar-menu li a .circle-icon {
    font-size: 0.625rem;
}

.sidebar-menu .sidebar-submenu {
    display: none;
    padding-top: 0.75rem;
    padding-inline-start: 1.5rem;
    transition-property: none;
}

@media (min-width: 1650px) {
    .sidebar-menu .sidebar-submenu {
        padding-inline-start: 2.75rem;
    }
}

.sidebar-menu .sidebar-submenu li.active-page a {
    --tw-bg-opacity: 1;
    background-color: rgb(228 241 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
}

:is(.dark .sidebar-menu .sidebar-submenu li.active-page a) {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

.sidebar-menu .sidebar-submenu li a {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.4375rem;
    padding-bottom: 0.4375rem;
}

:is(.dark .sidebar-menu .sidebar-submenu li a) {
    --tw-text-opacity: 1;
    color: rgb(235 236 239 / var(--tw-text-opacity));
}

.sidebar-menu .sidebar-menu-group-title {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 0.875rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
}

:is(.dark .sidebar-menu .sidebar-menu-group-title) {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
}

@media (min-width: 1650px) {
    .sidebar-menu .sidebar-menu-group-title {
        font-size: 1rem;
    }
}

/* === dashboard body css start === */
.dashboard-main {
    margin-inline-start: 0px;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    flex-wrap: wrap;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

@media (min-width: 1200px) {
    .dashboard-main {
        margin-inline-start: 13.75rem;
    }
}

@media (min-width: 1400px) {
    .dashboard-main {
        margin-inline-start: 17.1875rem;
    }
}

@media (min-width: 1650px) {
    .dashboard-main {
        margin-inline-start: 19.5rem;
    }
}

.dashboard-main-body {
    padding: 0.9375rem;
}

@media (min-width: 1400px) {
    .dashboard-main-body {
        padding: 1.5rem;
    }
}

.dashboard-main.active {
    margin-inline-start: 5.375rem;
}

/* الافتراضي (LTR) */
.form-select {
    background-position: right .5rem center;
    padding-right: 2.5rem;
}

/* RTL */
[dir="rtl"] .form-select {
    background-position: left .5rem center;
    padding-right: .75rem; /* ارجع البادينغ الطبيعي */
    padding-left: 2.5rem; /* مكان السهم */
}

.datatable-pagination-list-item.datatable-active {
    background-color: #eee;
}

.datatable-pagination-list-item.datatable-hidden.datatable-disabled button {
    background-color: #e5e7eb;
    color: #9ca3af;
    cursor: not-allowed;
    opacity: .7;
}

.datatable-pagination-list-item.datatable-hidden.datatable-disabled button:hover {
    background-color: #e5e7eb;
}