body {
    font-family: 'InterVariable', sans-serif;
    color: #1F2937 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

table {
    color: #1F2937 !important;
}

.content {
    padding: 0;
}

.page-header-content {
    padding: 0;
}

.card {
    border-radius: 16px;
    border: 1px solid #e5e7eb;
}

.card-header {
    background-color: #f8fafc;
    border-bottom: 1px solid #e5e7eb !important;
    padding: 24px !important;
    font-weight: 600;
    font-size: 18px;
    color: #1f2937;
    border-radius: 16px 16px 0 0 !important;
}

.card-footer {
    border-radius: 0 0 16px 16px !important;
    padding: 24px !important;
}

.card-footer .btn {
    padding: 14px 16px;
}

.card-body {
    padding: 24px !important;
}

.card .card-body .form-legend,
.card-body .row > .col-lg-6:nth-child(2) .form-legend:first-child {
    padding-top: 0 !important;
}

.card .card-body .form-legend ~ * .form-legend,
.card .card-body * ~ * .form-legend {
    padding-top: 24px !important;
}

.card-body h1, .card-body h2, .card-body h3, .card-body h4, .card-body h5, .card-body h6, .card-body legend {
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 16px;
}

.card-body p {
    font-weight: 400;
    color: #6b7280;
    line-height: 1.6;
    margin-bottom: 16px;
}

.card-footer {
    background-color: #f8fafc;
    border-top: 1px solid #e5e7eb;
    padding: 16px 24px;
    border-radius: 0 0 12px 12px;
}

.card-title {
    font-size: 18px;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 8px;
}

.card-subtitle {
    font-weight: 500;
    color: #6b7280;
    margin-bottom: 16px;
}

.card-body-title {
    font-size: 16px;
}

.card-text {
    font-weight: 400;
    color: #374151;
    line-height: 1.6;
}

.card-link {
    color: #6366f1;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-link:hover {
    color: #4f46e5;
    text-decoration: none;
}

.card .form-group {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 24px;
}

.content > .card {
    box-shadow: 0 10px 15px -3px rgba(149, 190, 255, 0.2);
}

.form-control {
    padding: 14px 8px 14px 8px !important;
    border-radius: 8px;
    border: 1px solid #9CA3AF;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
    font-weight: 500;
    font-size: 14px;
    color: #1F2937;
    height: 45px;
    line-height: 1 !important;
}

.form-control:focus {
    border: 1px solid #A855F7;
    box-shadow: 0 0 6px 0 #A855F7CC;
}

.form-control[disabled] {
    background-color: #eee;
}

.form-control:focus {
    color: #333;
    border-color: oklch(0.606 0.25 292.717);
    outline: 0;
}

textarea.form-control {
    height: 45px;
}

.card .form-legend {
    position: relative;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    font-size: 16px;
    font-weight: 600;
}

.card .form-legend::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: -24px;
    right: -24px;
    height: 1px;
    background-color: #E5E7EB;
}

.card-body .row > .col-lg-6 .form-legend::after {
    left: 0;
    right: 0;
}

.card .row {
    margin-left: 0;
    margin-right: 0;
}

.card .col, .card .col-1, .card .col-10, .card .col-11, .card .col-12, .card .col-2, .card .col-3, .card .col-4, .card .col-5, .card .col-6, .card .col-7, .card .col-8, .card .col-9, .card .col-auto, .card .col-lg, .card .col-lg-1, .card .col-lg-10, .card .col-lg-11, .card .col-lg-12, .card .col-lg-2, .card .col-lg-3, .card .col-lg-4, .card .col-lg-5, .card .col-lg-6, .card .col-lg-7, .card .col-lg-8, .card .col-lg-9, .card .col-lg-auto, .card .col-md, .card .col-md-1, .card .col-md-10, .card .col-md-11, .card .col-md-12, .card .col-md-2, .card .col-md-3, .card .col-md-4, .card .col-md-5, .card .col-md-6, .card .col-md-7, .card .col-md-8, .card .col-md-9, .card .col-md-auto, .card .col-sm, .card .col-sm-1, .card .col-sm-10, .card .col-sm-11, .card .col-sm-12, .card .col-sm-2, .card .col-sm-3, .card .col-sm-4, .card .col-sm-5, .card .col-sm-6, .card .col-sm-7, .card .col-sm-8, .card .col-sm-9, .card .col-sm-auto, .card .col-xl, .card .col-xl-1, .card .col-xl-10, .card .col-xl-11, .card .col-xl-12, .card .col-xl-2, .card .col-xl-3, .card .col-xl-4, .card .col-xl-5, .card .col-xl-6, .card .col-xl-7, .card .col-xl-8, .card .col-xl-9, .card .col-xl-auto {
    padding-left: 0;
    padding-right: 0;
}

.card .form-label {
    font-weight: 500;
    color: #374151;
    margin-bottom: 8px;
}

.card th {
    padding: 24px;
    background-color: #F9FAFB;
}

.card td {
    padding: 24px;
}

.card .table-responsive {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.login-recaptcha {
    transform: scale(0.92);
    -webkit-transform: scale(0.92);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

.modal {
    max-height: 90vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal-content {
    max-height: 80vh;
    overflow: auto;
    padding: 4px;
    border-radius: 16px;
}

.table-checkbox {
    width: 58px;
}

.form-group-feedback-left .form-control {
    padding-left: 36px !important;
}

.form-group-feedback-right .form-control {
    padding-right: 36px !important;
}

.form-group-feedback .form-control-feedback {
    top: 50%;
    transform: translateY(-50%);
}

.input-group .form-control.half {
    width: 50%;
}

.input-group .form-control.third {
    width: 33.33%;
}

.input-group .form-control.quarter {
    width: 25%;
}

.input-group-append {
    height: 45px;
}

.input-group:has(select) > .form-control {
    height: 46px;
}

.preview-container {
    background-color: #f5f5f5;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 3px;
}

body .datepicker > .datepicker--content {
    display: block;
}

body .datepicker > .datepicker--time {
    display: flex;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.resize-vertical {
    resize: vertical !important;
}

.resize-horizontal {
    resize: horizontal !important;
}

.white-space-nowrap {
    white-space: nowrap !important;
}

html > body {
    margin-top: 0 !important;
}

.valign-top {
    vertical-align: top !important;
}

.border-black {
    border-color: #000 !important;
}

.text-black {
    color: #000 !important;
}

.bg-black {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff;
}

.btn.disabled, .btn:disabled {
    background-color: #E5E7EB !important;
    color: #9CA3AF !important;
    cursor: not-allowed !important;
    pointer-events: auto !important;
}

.btn.disabled:hover, .btn:disabled:hover {
    background-color: #E5E7EB !important;
    color: #9CA3AF !important;
}

.btn-facebook {
    color: #fff;
    background-color: #4267b2;
    border-color: #4267b2;
}

.btn-facebook:hover, .btn-facebook:active, .btn-facebook:focus {
    color: #fff;
    background-color: #365899;
    border-color: #365899;
}

.code {
    -ms-word-break: break-word;
    word-break: break-word;
}

.non-linebreak {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

input[type="checkbox"].custom-control-input[disabled] {
    cursor: not-allowed;
}

.card-footer--floating {
    position: sticky;
    background-color: rgb(250 250 250);
    bottom: 0;
    z-index: 9;
}

.btn-filter {
    color: #fff;
    background-color: #2196F3;
    border-color: #2196F3;
}

.btn-filter:hover {
    color: #fff;
    background-color: #0d8aee;
    border-color: #0d8aee;
}

.btn-filter:focus, .btn-filter.focus {
    color: #fff;
    background-color: #0d8aee;
    border-color: #0d8aee;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(66, 166, 245, 0.5);
}

.btn-filter.disabled, .btn-filter:disabled {
    color: #fff;
    background-color: #2196F3;
    border-color: #2196F3;
}

.btn-filter:not(:disabled):not(.disabled):active, .btn-filter:not(:disabled):not(.disabled).active,
.show > .btn-filter {
    color: #fff;
    background-color: #0c7cd5;
    border-color: #0c7cd5;
}

.btn {
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 100%;
    border-radius: 8px;
    gap: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    transition: all 150ms ease-out;
}

.btn-group .btn:not(:first-child),
.btn-toolbar .btn:not(:first-child) {
    margin-left: 0;
}

.card-footer .btn:not(:first-child),
.modal-footer .btn:not(:first-child),
.form-actions .btn:not(:first-child) {
    margin-left: 12px;
}

.d-flex .btn:not(:first-child) {
    margin-left: 12px;
}

.btn-sm {
    padding: 8px 12px 8px 12px;
}

.btn-icon {
    padding: 12px 8px 12px 8px;
    font-size: 18px;
    border: none;
    height: auto;
    width: auto;
}

.btn-primary {
    background-color: #8B5CF6;
    color: #F5F3FF !important;
    border: 1px solid #8B5CF6;
}

.btn-primary:hover {
    background-color: #6D28D9;
    color: #F5F3FF !important;
    border: 1px solid #6D28D9;
}

.btn-primary.focus, .btn-primary:focus {
    background-color: #6D28D9;
    color: #F5F3FF !important;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.3);
    border: 1px solid #6D28D9;
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: #E5E7EB !important;
    color: #9CA3AF !important;
    border: 1px solid #E5E7EB !important;
    cursor: not-allowed !important;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary {
    background-color: #6D28D9;
    color: #F5F3FF !important;
    border: 1px solid #6D28D9 !important;
}

.btn-secondary {
    background-color: white;
    color: #8B5CF6 !important;
    border: 1px solid #8B5CF6 !important;
}

.btn-secondary:hover {
    background-color: #EDE9FE;
    color: #6D28D9 !important;
    border: 1px solid #6D28D9 !important;
}

.btn-secondary.focus, .btn-secondary:focus {
    background-color: #EDE9FE;
    color: #6D28D9 !important;
    border: 1px solid #6D28D9 !important;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.3);
}

.btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #E5E7EB !important;
    color: #9CA3AF !important;
    border: 0 !important;
    cursor: not-allowed !important;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary {
    background-color: #EDE9FE;
    color: #6D28D9 !important;
    border: 1px solid #6D28D9;
}

.btn-light {
    color: oklch(0.446 0.03 256.802);
    background-color: #fff;
    border: 1px solid oklch(0.446 0.03 256.802);
    border-radius: 8px;
    font-weight: 600;
}

.btn-light:hover {
    color: #fff;
    background-color: oklch(0.446 0.03 256.802);
    border-color: oklch(0.446 0.03 256.802);
}

.btn-light.focus, .btn-light:focus {
    color: #fff;
    background-color: oklch(0.446 0.03 256.802);
    border-color: oklch(0.446 0.03 256.802);
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
}

.btn-light.disabled, .btn-light:disabled {
    color: oklch(0.446 0.03 256.802);
    background-color: oklch(87.2% .01 258.338);
    border-color: oklch(87.2% .01 258.338);
    border-radius: 8px;
    font-weight: 600;
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light {
    color: #fff;
    background-color: oklch(0.446 0.03 256.802);
    border-color: oklch(0.446 0.03 256.802);
}

.btn-danger {
    background-color: #EF4444;
    color: #F5F3FF;
    border: 0;
}

.btn-danger:hover {
    background-color: #DC2626;
    color: #F5F3FF;
}

.btn-danger.focus, .btn-danger:focus {
    background-color: #DC2626;
    color: #F5F3FF;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.3);
}

.btn-danger.disabled, .btn-danger:disabled {
    background-color: #E5E7EB !important;
    color: #9CA3AF !important;
    border: 0 !important;
    cursor: not-allowed !important;
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show > .btn-danger {
    background-color: #DC2626;
    color: #F5F3FF;
}

.btn-success {
    background-color: #34D399;
    color: #F5F3FF;
    border: 0;
}

.btn-success:hover {
    background-color: #10B981;
    color: #F5F3FF;
}

.btn-success.focus, .btn-success:focus {
    background-color: #10B981;
    color: #F5F3FF;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.3);
}

.btn-success.disabled, .btn-success:disabled {
    background-color: #E5E7EB !important;
    color: #9CA3AF !important;
    border: 0 !important;
    cursor: not-allowed !important;
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success {
    background-color: #10B981;
    color: #F5F3FF;
}

.btn-row-delete {
    background-color: white;
    color: #8B5CF6 !important;
    border: 1px solid #8B5CF6 !important;
    width: 45px !important;
    min-width: 45px !important;
    max-width: 45px !important;
    flex: 0 0 45px !important;
    height: 45px !important;
    min-height: 45px !important;
    max-height: 45px !important;

}

.btn-row-delete:hover {
    background-color: #EDE9FE;
    color: #6D28D9 !important;
    border: 1px solid #6D28D9 !important;
}

.btn-row-delete.focus, .btn-row-delete:focus {
    background-color: #EDE9FE;
    color: #6D28D9 !important;
    border: 1px solid #6D28D9 !important;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.3);
}

.btn-row-delete.disabled, .btn-row-delete:disabled {
    background-color: #E5E7EB !important;
    color: #9CA3AF !important;
    border: 0 !important;
    cursor: not-allowed !important;
}

.btn-row-delete:not(:disabled):not(.disabled).active,
.btn-row-delete:not(:disabled):not(.disabled):active,
.show > .btn-row-delete {
    background-color: #EDE9FE;
    color: #6D28D9 !important;
    border: 1px solid #6D28D9;
}

.btn-row-delete > a {
    font-size: 16px;
}

td .btn {
    padding: 8px 12px;
}

.bg-primary {
    background-color: oklch(0.606 0.25 292.717) !important;
    border-color: oklch(0.606 0.25 292.717) !important;
}

a.bg-primary,
button.bg-primary {
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    a.bg-primary,
    button.bg-primary {
        transition: none;
    }
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #C542E6 !important;
    border-color: #C542E6 !important;
    color: #ffffff !important;
}

.btn-primary-100 {
    color: #333;
    background-color: #f3e3fa;
    border-color: #f3e3fa;
}

.btn-primary-100:hover {
    color: #333;
    background-color: #e2c6f5;
    border-color: #e2c6f5;
}

.btn-primary-100.focus, .btn-primary-100:focus {
    color: #333;
    background-color: #e2c6f5;
    border-color: #e2c6f5;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(227, 184, 243, 0.5);
}

.btn-primary-100.disabled, .btn-primary-100:disabled {
    color: #333;
    background-color: #f3e3fa;
    border-color: #f3e3fa;
}

.btn-primary-100:not(:disabled):not(.disabled).active,
.btn-primary-100:not(:disabled):not(.disabled):active,
.show > .btn-primary-100 {
    color: #333;
    background-color: #d5a6ee;
    border-color: #d5a6ee;
}

.btn-outline-primary {
    color: oklch(0.606 0.25 292.717);
    border-color: oklch(0.606 0.25 292.717);
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: oklch(0.606 0.25 292.717);
    border-color: oklch(0.606 0.25 292.717);
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0 rgba(197, 66, 230, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: oklch(0.606 0.25 292.717);
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary {
    color: #fff;
    background-color: #9e38c0;
    border-color: #9e38c0;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary:focus {
    box-shadow: 0 0 0 0 rgba(197, 66, 230, 0.5);
}

.btn-outline-primary-100 {
    color: #f3e3fa;
    border-color: #f3e3fa;
}

.btn-outline-primary-100:hover {
    color: #333;
    background-color: #f3e3fa;
    border-color: #f3e3fa;
}

.btn-outline-primary-100:focus, .btn-outline-primary-100.focus {
    box-shadow: 0 0 0 0 rgba(243, 227, 250, 0.5);
}

.btn-outline-primary-100.disabled, .btn-outline-primary-100:disabled {
    color: #f3e3fa;
    background-color: transparent;
}

.btn-outline-primary-100:not(:disabled):not(.disabled):active,
.btn-outline-primary-100:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary-100 {
    color: #333;
    background-color: #d5a6ee;
    border-color: #d5a6ee;
}

.btn-outline-primary-100:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary-100:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary-100:focus {
    box-shadow: 0 0 0 0 rgba(243, 227, 250, 0.5);
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: oklch(0.606 0.25 292.717);
    background-color: oklch(0.606 0.25 292.717);
}

.select2-container--focus:not(.select2-container--disabled) .select2-selection--single, .select2-container--open .select2-selection--single {
    border-color: #A855F7 !important;
    box-shadow: 0 0 6px 0 #A855F7CC !important;
}

.select2-container--focus:not(.select2-container--disabled) .select2-selection--multiple, .select2-container--open .select2-selection--multiple {
    border-color: #A855F7 !important;
    box-shadow: 0 0 6px 0 #A855F7CC !important;
}

.select2-dropdown {
    border: 1px solid #A855F7 !important;
    box-shadow: 0 0 6px 0 #A855F7CC !important;
}

.select2-results__option[aria-selected=true] {
    color: #fff;
    background-color: oklch(0.606 0.25 292.717);
}

.select2-results__option--highlighted,
.select2-results__option:hover {
    color: #fff !important;
    background-color: oklch(0.606 0.25 292.717) !important;
}

.dropdown-menu .dropdown-item:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.dropdown-menu .dropdown-item:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
    color: #fff !important;
    background-color: oklch(0.606 0.25 292.717);
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::before,
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: oklch(0.606 0.25 292.717);
}

.custom-control-label::before {
    transition: none;
}

a {
    color: oklch(0.606 0.25 292.717);
    text-decoration: none;
    background-color: transparent;
}

a[disabled] {
    background-color: #E5E7EB !important;
    color: #9CA3AF !important;
    border: 0 !important;
    pointer-events: none;
}

a:hover {
    color: #C542E6;
    text-decoration: none;
}

.sidebar-dark, .navbar-dark {
    background-color: #1D1142;
}

.sidebar-dark .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #C542E6;
    color: #FFFFFF;
}

.select2-hidden-accessible[required] {
    position: absolute !important;
    width: 100% !important;
    height: calc(1.5715em + 0.875rem + 2px) !important;
    max-width: max-content;
}

.has-error .form-control, .has-error .select2-selection {
    border-color: #d84315;
}

.has-error .input-group-text {
    color: #d84315;
    border-color: #d84315;
    background-color: #fbe9e7;
}

.form-text ~ .invalid-feedback {
    margin-top: 0;
}

.has-error .invalid-feedback {
    display: block;
}

:disabled, :disabled, input[type="checkbox"]:disabled + .custom-control-label:after {
    cursor: not-allowed !important;
}

@keyframes wiggle {
    0% {
        transform: rotate(0);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.navbar-logo.animated {
    animation: wiggle 2s infinite;
}

.content-inner {
    -webkit-overflow-scrolling: unset;
    padding: 0 40px 0 40px;
}

@media (prefers-reduced-motion: no-preference) {
    .content-inner {
        scroll-behavior: unset;
    }
}

.header-floating-customer-avatar {
    background-color: #4D4256;
    color: #FFFFFF;
    height: 32px;
    width: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    margin: -2px 0 -2px 0;
    flex-shrink: 0;
}

.sidebar-primary {
    left: 0 !important;
    width: 300px;
    height: 100vh;
    max-height: 100vh;
    position: relative !important;
    top: 0;
    background-color: #FAFAFA;
    transition: width 0.3s ease !important;
    flex-shrink: 0;
    margin-left: 0;
}

.sidebar-primary .sidebar-content {
    padding: 0 16px 24px 16px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    box-sizing: border-box;
    height: 100vh;
}

.sidebar-content {
    scrollbar-width: thin;
}

.sidebar-primary .sidebar-content .d-flex {
    overflow: visible;
    height: auto;
    min-width: 40px;
}

.sidebar-content li > a {
    border-radius: 999px;
}

.control-sidebar {
    background-color: #FFFFFF;
    border: #E5E7EB 1px;
    border-style: solid;
    border-radius: 8px;
    overflow: hidden;
    padding: 6px;
}

.control-sidebar .nav-group-sub {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sidebar-primary.sidebar-main-resized .control-sidebar {
    margin-left: -6px;
    margin-right: -6px;
}

.sidebar-primary .nav-sidebar {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sidebar-primary .nav-sidebar .nav-item {
    padding: 0px !important;
}

.sidebar-primary .nav-sidebar .nav-item .nav-link {
    height: 40px;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease, border-radius 0.3s ease, width 0.3s ease, padding 0.3s ease, background-color 150ms ease-out;
    overflow: hidden;
    white-space: nowrap;
}

.sidebar-primary .nav-sidebar .nav-item .nav-link .nav-icon {
    position: relative;
    left: auto;
    width: 32px;
    min-width: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    color: #1F2937;
}

.sidebar-primary .nav-sidebar .nav-item .nav-link i {
    margin-right: 0;
    font-size: 20px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.sidebar-primary .nav-sidebar .nav-item .nav-link span {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 1;
    transition: opacity 0.1s ease 0.2s;
    color: #4D4256;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

.sidebar-primary .nav-sidebar .nav-item .nav-link.active {
    background-color: #EDECFF;
}

.sidebar-primary .nav-sidebar .nav-item .nav-link.active span {
    font-weight: 600;
}

.sidebar-primary .nav-sidebar .nav-item .nav-link:hover:not(.active) {
    background-color: #F3F4F6;
}

.sidebar-primary.sidebar-main-resized {
    width: 72px !important;
    transition: width 0.3s ease !important;
}

.sidebar-primary.sidebar-main-resized .nav-item-submenu {
    cursor: pointer;
}

.sidebar-primary.sidebar-main-resized .nav-item-submenu:hover a {
    background-color: #F3F4F6;
}

.sidebar-primary.sidebar-main-resized .nav-item-submenu .nav-link {
    pointer-events: none;
}

.sidebar-primary.sidebar-main-resized .sidebar-content {
    padding: 0 16px 24px 16px;
}

.sidebar-primary.sidebar-main-resized .nav-sidebar .nav-item .nav-link {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    padding: 8px;
    gap: 8px;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease, border-radius 0.3s ease, width 0.3s ease, padding 0.3s ease, background-color 150ms ease-out;
    overflow: hidden;
}

.sidebar-primary.sidebar-main-resized .nav-sidebar .nav-item .nav-link span {
    opacity: 0;
    transition: opacity 0.1s ease 0s;
}

.sidebar-primary.sidebar-main-resized .nav-sidebar .nav-item .nav-link .nav-icon {
    width: 32px;
    min-width: 32px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.sidebar-primary.sidebar-main-resized .nav-sidebar .nav-item .nav-link i {
    margin-right: 0;
    font-size: 20px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.sidebar-primary.sidebar-mobile-expanded {
    left: 0;
}

.sidebar-toggle {
    top: 30px;
    left: 285px;
    z-index: 9999 !important;
    transition: left 0.3s ease;
}

body:has(.sidebar-primary.sidebar-main-resized) .sidebar-toggle,
.sidebar-collapsed .sidebar-toggle {
    left: 56px;
}

.sidebar-expand-lg.sidebar-main-resized:not(.sidebar-main-unfold) {
    overflow: visible;
}

.sidebar-toggle button {
    background: #4D4256 !important;
    transform: scale(.7);
}

@media (max-width: 991.98px) {
    .sidebar-toggle {
        display: none;
    }

    .sidebar-primary.sidebar-mobile-expanded {
        box-shadow: 0.25rem 0 1rem rgb(0 0 0)
    }

    .sidebar-primary.sidebar-mobile-expanded .sidebar-content {
        overflow-y: auto !important;
    }
}

.page-content {
    display: flex;
    min-height: 100vh;
}

.content-wrapper {
    flex: 1;
    transition: none;
    background-image: radial-gradient(circle, #e4e4e4 1px, transparent 1px);
    background-size: 18px 18px;
}

@media (min-width: 992px) {
    .sidebar-primary {
        position: relative !important;
    }
}

@media (max-width: 991.98px) {
    .page-content {
        display: block;
    }

    .sidebar-primary {
        position: fixed !important;
        left: -300px;
        z-index: 1050;
    }

    .sidebar-primary.sidebar-mobile-expanded {
        left: 0;
    }

    .content-wrapper {
        margin-left: 0 !important;
    }
}

.sidebar-primary .sidebar-user {
    padding-bottom: 8px;
}

.sidebar-primary .sidebar-section.sidebar-user .media {
    align-items: center;
    white-space: nowrap;
}

.logo-container {
    margin-right: 0 !important;
    width: 268px;
    height: 58px;
}

.logo-container a {
    display: block;
}

.logo-container img {
    width: 176px !important;
    height: 43px !important;
}

.sidebar-section-body {
    color: #1F2937;
    padding-left: 17px !important;
}

.sidebar-section-body .media {
    display: block !important;
}

.sidebar-collapsed .logo-container img {
    width: 38px !important;
}

.sidebar-secondary .nav-item:not(.nav-item-header):first-child {
    padding-top: 12px !important;
}

.sidebar-secondary {
    background-color: #FFFFFF;
}

.sidebar-secondary .sidebar-content {
    padding: 0 16px 24px 16px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    box-sizing: border-box;
    height: 100vh;
}

.sidebar-secondary .sidebar-content .d-flex {
    overflow: visible;
    height: auto;
}

.sidebar-secondary .nav-sidebar .nav-item .nav-link {
    width: 268px;
    height: 40px;
    border-radius: 999px;
    padding: 16px 24px 16px 24px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    transition: all 0.3s ease, border-radius 0.3s ease, width 0.3s ease, padding 0.3s ease, background-color 150ms ease-out;
    overflow: hidden;
    white-space: nowrap;
}

.sidebar-secondary .nav-sidebar .nav-item .nav-link .nav-icon {
    position: relative;
    left: auto;
    width: 24px;
    min-width: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    color: #1F2937;
}

.sidebar-secondary .nav-sidebar .nav-item .nav-link .nav-icon i {
    margin-right: 0;
    font-size: 20px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.sidebar-secondary .nav-sidebar .nav-item .nav-link span:first-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar-secondary .nav-sidebar .nav-item .nav-link.active {
    background-color: #EDECFF;
}

.sidebar-secondary .nav-sidebar .nav-item .nav-link.active span {
    font-weight: 600;
}

.sidebar-secondary .nav-sidebar .nav-item .nav-link:hover:not(.active) {
    background-color: #F3F4F6;
}

.sidebar-secondary.sidebar-main-resized {
    width: 88px !important;
    transition: width 0.3s ease !important;
}

.sidebar-secondary.sidebar-main-resized .nav-item-submenu {
    cursor: pointer;
}

.sidebar-secondary.sidebar-main-resized .nav-item-submenu:hover a {
    background-color: #F3F4F6;
}

.sidebar-secondary.sidebar-main-resized .nav-item-submenu .nav-link {
    pointer-events: none;
}

.nav-sidebar > .nav-item > .nav-link {
    font-size: 14px !important;
    font-weight: 500 !important;
}

.nav-sidebar > .nav-item > .nav-link > i {
    margin: 0 !important;
    font-size: 18px !important;
}

.sidebar-secondary.sidebar-main-resized .sidebar-content {
    padding: 24px 16px 24px 16px;
}

.sidebar-secondary.sidebar-main-resized .nav-sidebar .nav-item .nav-link {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    padding: 8px;
    gap: 8px;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease, border-radius 0.3s ease, width 0.3s ease, padding 0.3s ease, background-color 150ms ease-out;
    overflow: hidden;
}

.sidebar-secondary.sidebar-main-resized .nav-sidebar .nav-item .nav-link span {
    opacity: 0;
    transition: opacity 0.1s ease 0s;
}

.sidebar-secondary.sidebar-main-resized .nav-sidebar .nav-item .nav-link .nav-icon {
    width: 24px;
    min-width: 24px;
    margin: 0;
}

.sidebar-expand-lg {
    margin: 0 !important;
}

.nav-item-submenu > .nav-link::after {
    top: 0;
    margin-top: 0;
    position: relative;
}

.nav-group-sub {
    background-color: transparent !important;
}

.nav-group-sub .nav-link i {
    margin: 0 0 0 16px;
}

.nav-link {
    color: #4D4256 !important;
}

h5 {
    font-weight: 600;
}

.sidebar-secondary .sidebar-section-body {
    padding-bottom: 0;
    margin-bottom: 26px;
}

.sidebar-light {
    border: 0;
}

.navbar-mobile {
    border-bottom: 0;
}

.badge {
    border-radius: 9999px;
    padding: 1px 10px;
    border-width: 1px;
    font-weight: 500;
    font-size: 10px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.badge-mark {
    height: 10px !important;
    width: 10px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.page-title :is(h1, h2, h3, h4, h5, h6) {
    font-weight: 600;
    font-size: 23px;
    line-height: 100%;
}

thead {
    background-color: #F9FAFB;
}

th {
    border: none !important;
}

tbody tr:first-child td {
    border-top: 0;
}

.datatable-header {
    border-bottom: 0;
}

.dataTables_filter input {
    border-radius: 8px;
}

.dropdown-menu {
    padding: 0;
    border-radius: 8px;
}

.dropdown-item {
    margin-top: 0 !important;
}

.alert {
    padding: 16px;
    border-radius: 8px;
}

.alert-warning {
    color: #D97706;
    background-color: #FFFBEB;
    border-color: #D97706;
}

.alert-success {
    color: #10B981;
    background-color: #ECFDF5;
    border-color: #10B981;
}

.col-form-label {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.select2-selection {
    border-radius: 8px;
    padding: 14px 8px 14px 8px;
    border: 1px solid #9CA3AF;
    font-weight: 500;
    font-size: 14px;
    color: #1F2937;
}

.select2-selection--single {
    height: 45px;
}

.select2-selection--multiple {
    min-height: 45px !important;
    padding: 6px 5px 4px 5px !important;
    display: flex !important;
    align-items: flex-start !important;
}

.select2-selection > span {
    padding-left: 0 !important;
}

.select2-selection__rendered {
    line-height: 1 !important;
}

.select2-selection__arrow {
    margin: 0 !important;
}

.select2-selection__clear {
    margin: 0 !important;
}

.select2-selection--multiple .select2-selection__rendered {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 4px !important;
    width: 100%;
    min-height: 29px;
}

.select2-selection--multiple .select2-selection__choice {
    margin: 0 !important;
    background-color: oklch(0.446 0.03 256.802);
}

.select2-selection--multiple .select2-search--inline {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto;
    min-width: 60px;
}

.select2-selection--multiple .select2-search--inline .select2-search__field {
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    line-height: 1.4 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.select2-selection__choice {
    align-items: center !important;
    padding: 6px 12px !important;
    margin: 2px 4px 2px 0 !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

.select2-selection__choice__remove {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    width: 16px !important;
    height: 16px !important;
}

.select2-results__option + .select2-results__option {
    margin-top: 0;
}

.select2-results > .select2-results__options {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.select2-dropdown--above {
    border-bottom: 0;
}

.select2-dropdown--below {
    border-top: 0;
}

.select2-dropdown--above .select2-results:first-child > .select2-results__options {
    border-radius: 8px 8px 0 0;
}

.select2-dropdown--below .select2-results:last-child > .select2-results__options {
    border-radius: 0 0 8px 8px;
}

.select2-dropdown {
    border-radius: 8px;
}

.form-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #4B5563;
}

.input-group-append > span,
.input-group-prepend > span {
    border-radius: 8px;
}

.text-underline {
    text-decoration: underline;
}

.page-item {
    height: 32px;
    display: flex;
    align-items: center;
}

.page-link {
    height: 32px;
    border-radius: 4px;
    padding: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-sizing: border-box;
}

:not(.disabled) > .page-link {
    border-width: 1px;
    opacity: 1;
    gap: 10px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    transition: all 150ms ease-out;
    color: #4B5563;
}

:not(.disabled) > .page-link:hover {
    background: #F9FAFB;
    border: 1px solid #9CA3AF;
    color: #4B5563;
    text-decoration: none;
}

.sidebar-section-header {
    padding: 16px 24px 16px 24px !important;
}

.sidebar-section-header span {
    color: #4D4256 !important;
}

.dropdown-toggle::after {
    margin-left: 0 !important;
}

.action-buttons-container {
    display: flex;
    background-color: #FFFFFF !important;
    padding: 12px 16px 12px 16px !important;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    gap: 16px;
    box-shadow: 0 5px 15px -3px rgba(149, 190, 255, 0.2) !important;
}

.action-button {
    padding: 8px;
    margin: 0 !important;
}

.footer {
    color: #4B5563;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 24px 24px 24px;
}

.footer-internal {
    display: flex;
    flex-wrap: wrap;
    gap: 0px 12px;
}

.internal-action-sidebar-button {
    flex: auto;
}

.tooltip-inner {
    background-color: #4D4256;
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #4D4256;
}

.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: #4D4256;
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #4D4256;
}

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #4D4256;
}

select.form-control, select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234B5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 8px center !important;
    background-size: 16px !important;
    padding-right: 40px !important;
    line-height: 17px !important;
    height: 46px !important;
}

.gap-1 {
    gap: 8px;
}

.gap-2 {
    gap: 16px;
}

.gap-3 {
    gap: 24px;
}

.gap-4 {
    gap: 32px;
}

.row.gap-1,
.row.gap-2,
.row.gap-3,
.row.gap-4 {
    gap: 0;
}

.row.gap-1 {
    margin-left: -8px;
    margin-right: -8px;
    padding-left: 4px;
    padding-right: 4px;
}

.row.gap-1 > [class*="col-"] {
    padding-left: 4px;
    padding-right: 4px;
}

.row.gap-2 {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 8px;
    padding-right: 8px;
}

.row.gap-2 > [class*="col-"] {
    padding-left: 8px;
    padding-right: 8px;
}

.row.gap-3 {
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 12px;
    padding-right: 12px;
}

.row.gap-3 > [class*="col-"] {
    padding-left: 12px;
    padding-right: 12px;
}

.row.gap-4 {
    margin-left: -32px;
    margin-right: -32px;
    padding-left: 16px;
    padding-right: 16px;
}

.row.gap-4 > [class*="col-"] {
    padding-left: 16px;
    padding-right: 16px;
}

.counter-icon {
    margin: auto;
    transform: translateX(-50%);
}

.redactor-toolbar {
    border: 1px solid #9CA3AF;
    border-bottom: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 10px 8px 8px 8px !important;
    box-shadow: none;
}

.redactor-editor {
    border: 1px solid #9CA3AF;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    font-family: 'InterVariable', sans-serif;
}

.re-icon {
    color: oklch(0.446 0.03 256.802) !important;
    background-color: #fff !important;
    border-radius: 8px !important;
}

.re-icon:hover {
    color: #fff !important;
    background-color: oklch(0.446 0.03 256.802) !important;
}

.re-icon.focus, .re-icon:focus {
    color: #fff !important;
    background-color: oklch(0.446 0.03 256.802) !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2) !important;
}

.re-icon.disabled, .re-icon:disabled {
    color: oklch(0.446 0.03 256.802) !important;
    background-color: oklch(87.2% .01 258.338) !important;
}

.re-icon:not(:disabled):not(.disabled).active,
.re-icon:not(:disabled):not(.disabled):active,
.show > .re-icon {
    color: #fff !important;
    background-color: oklch(0.446 0.03 256.802) !important;
}

.redactor-dropdown {
    padding: 0;
    border-radius: 8px;
}

.redactor-dropdown a:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.redactor-dropdown a:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.redactor-dropdown a:hover,
.redactor-dropdown a:focus {
    color: #fff !important;
    background-color: oklch(0.446 0.03 256.802);
}

.p-0 {
    padding: 0 !important;
}

.col-remove-button-placeholder {
    max-width: 45px !important;
}