@import url(https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap);
    
@import url(https: //fonts.googleapis.com/css2?family=Funnel+Sans:ital, wght@0, 300..800;
    1, 300..800&display=swap);

    
:root, [data-bs-theme=light] {
    --bs-border-color:  #ced4da;
    --bs-border-color-translucent:  #adb5bd;
    --bs-form-control-placeholder-color: #C4C9D5;
    --bs-sidebar-bg-color: #1F2933;
    --bs-indigo:  #A78BFA;
    
    --bs-link-color-rgb: 55, 65, 81;
    --bs-link-hover-color: #111827;
    --bs-focus-ring-color: rgba(31,41,51,0.25);

    --bs-primary: #1F2933;
    --bs-primary-rgb: 31, 41, 51;
    --bs-link-color: #374151;
    --bs-primary-text-emphasis: #111827;
    /* --bs-primary-bg-subtle: #F1F5F9;
    --bs-primary-border-subtle: #CBD5E1; */

    --bs-secondary: #A78BFA;
    --bs-secondary-rgb: 167, 139, 250;;
    --bs-secondary-text-emphasis: #DDD6FE;
    /* --bs-secondary-bg-subtle: #2E1065;
    --bs-secondary-border-subtle: #5B21B6; */

    --bs-danger: #FA5C5C;
    --bs-danger-rgb: 250, 92, 92;
    --bs-danger-text-emphasis: #FECACA;
    /* --bs-danger-bg-subtle: #450A0A;
    --bs-danger-border-subtle: #7F1D1D; */

    --bs-success: #66BB6A;
    --bs-success-rgb: 102, 187, 106;
    --bs-success-text-emphasis: #BBF7D0;
    /* --bs-success-bg-subtle: #052E16;
    --bs-success-border-subtle: #166534; */

    --bs-warning: #F59E0B;
    --bs-warning-rgb: 245, 158, 11;
    --bs-warning-text-emphasis: #FEF3C7;
    /* --bs-warning-bg-subtle: #451A03;
    --bs-warning-border-subtle: #92400E; */

    --pos-layout-min-width: 992px;
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-border-color: rgb(60, 68, 85);
    --bs-border-color-translucent: rgba(255,255,255,0.08);
    --bs-form-control-placeholder-color: #7A8190;
    --bs-sidebar-bg-color: var(--bs-secondary-bg);
    --bs-primary: #A78BFA;
    --bs-primary-rgb: 167, 139, 250;
    --bs-link-color: #C4B5FD;
    --bs-link-color-rgb: 196, 181, 253;
    --bs-link-hover-color: #DDD6FE;
    --bs-link-hover-color-rgb: 221, 214, 254;
    --bs-focus-ring-color: rgba(167,139,250,0.35);
    --bs-primary-text-emphasis: #DDD6FE;
    --bs-primary-bg-subtle: #2E1065;
    --bs-primary-border-subtle: #5B21B6;
}

.bg-pink-subtle {
    background-color: var(--bs-pink-bg-subtle) !important;
}
.border-pink-subtle {
    border-color: var(--bs-pink-border-subtle) !important;
}
.text-pink-emphasis {
    color: var(--bs-pink-text-emphasis) !important;
}
.alert-primary {
    --bs-alert-color:  var(--bs-white);
    --bs-alert-bg:  var(--bs-primary);
    --bs-alert-border-color:  var(--bs-primary);
    --bs-alert-link-color:  var(--bs-white);
}
.alert-outline-primary {
    --bs-alert-color:  var(--bs-primary);
    --bs-alert-border-color:  var(--bs-primary);
    --bs-alert-link-color:  var(--bs-primary);
}
.alert-label-primary {
    --bs-alert-bg:  var(--bs-primary-bg-subtle);
    --bs-alert-color:  var(--bs-primary);
    --bs-alert-border-color:  transparent;
    --bs-alert-link-color:  var(--bs-primary);
}
.alert-border-primary {
    --bs-alert-color:  var(--bs-primary);
    --bs-alert-border-color:  rgba(var(--bs-primary-rgb),  0.2);
    border-left: 4px solid rgba(var(--bs-primary-rgb),  0.7);
    --bs-alert-link-color:  var(--bs-primary);
    background: linear-gradient(90deg,  rgba(var(--bs-primary-rgb),  0.15) 0%,  rgba(var(--bs-primary-rgb),  0) 100%);
}
.alert-secondary {
    --bs-alert-color:  var(--bs-white);
    --bs-alert-bg:  var(--bs-secondary);
    --bs-alert-border-color:  var(--bs-secondary);
    --bs-alert-link-color:  var(--bs-white);
}
.alert-outline-secondary {
    --bs-alert-color:  var(--bs-secondary);
    --bs-alert-border-color:  var(--bs-secondary);
    --bs-alert-link-color:  var(--bs-secondary);
}
.alert-label-secondary {
    --bs-alert-bg:  var(--bs-secondary-bg-subtle);
    --bs-alert-color:  var(--bs-secondary);
    --bs-alert-border-color:  transparent;
    --bs-alert-link-color:  var(--bs-secondary);
}
.alert-border-secondary {
    --bs-alert-color:  var(--bs-secondary);
    --bs-alert-border-color:  rgba(var(--bs-secondary-rgb),  0.2);
    border-left: 4px solid rgba(var(--bs-secondary-rgb),  0.7);
    --bs-alert-link-color:  var(--bs-secondary);
    background: linear-gradient(90deg,  rgba(var(--bs-secondary-rgb),  0.15) 0%,  rgba(var(--bs-secondary-rgb),  0) 100%);
}
.alert-success {
    --bs-alert-color:  var(--bs-white);
    --bs-alert-bg:  var(--bs-success);
    --bs-alert-border-color:  var(--bs-success);
    --bs-alert-link-color:  var(--bs-white);
}
.alert-outline-success {
    --bs-alert-color:  var(--bs-success);
    --bs-alert-border-color:  var(--bs-success);
    --bs-alert-link-color:  var(--bs-success);
}
.alert-label-success {
    --bs-alert-bg:  var(--bs-success-bg-subtle);
    --bs-alert-color:  var(--bs-success);
    --bs-alert-border-color:  transparent;
    --bs-alert-link-color:  var(--bs-success);
}
.alert-border-success {
    --bs-alert-color:  var(--bs-success);
    --bs-alert-border-color:  rgba(var(--bs-success-rgb),  0.2);
    border-left: 4px solid rgba(var(--bs-success-rgb),  0.7);
    --bs-alert-link-color:  var(--bs-success);
    background: linear-gradient(90deg,  rgba(var(--bs-success-rgb),  0.15) 0%,  rgba(var(--bs-success-rgb),  0) 100%);
}
.alert-info {
    --bs-alert-color:  var(--bs-white);
    --bs-alert-bg:  var(--bs-info);
    --bs-alert-border-color:  var(--bs-info);
    --bs-alert-link-color:  var(--bs-white);
}
.alert-outline-info {
    --bs-alert-color:  var(--bs-info);
    --bs-alert-border-color:  var(--bs-info);
    --bs-alert-link-color:  var(--bs-info);
}
.alert-label-info {
    --bs-alert-bg:  var(--bs-info-bg-subtle);
    --bs-alert-color:  var(--bs-info);
    --bs-alert-border-color:  transparent;
    --bs-alert-link-color:  var(--bs-info);
}
.alert-border-info {
    --bs-alert-color:  var(--bs-info);
    --bs-alert-border-color:  rgba(var(--bs-info-rgb),  0.2);
    border-left: 4px solid rgba(var(--bs-info-rgb),  0.7);
    --bs-alert-link-color:  var(--bs-info);
    background: linear-gradient(90deg,  rgba(var(--bs-info-rgb),  0.15) 0%,  rgba(var(--bs-info-rgb),  0) 100%);
}
.alert-pink {
    --bs-alert-color:  var(--bs-white);
    --bs-alert-bg:  var(--bs-pink);
    --bs-alert-border-color:  var(--bs-pink);
    --bs-alert-link-color:  var(--bs-white);
}
.alert-outline-pink {
    --bs-alert-color:  var(--bs-pink);
    --bs-alert-border-color:  var(--bs-pink);
    --bs-alert-link-color:  var(--bs-pink);
}
.alert-label-pink {
    --bs-alert-bg:  var(--bs-pink-bg-subtle);
    --bs-alert-color:  var(--bs-pink);
    --bs-alert-border-color:  transparent;
    --bs-alert-link-color:  var(--bs-pink);
}
.alert-border-pink {
    --bs-alert-color:  var(--bs-pink);
    --bs-alert-border-color:  rgba(var(--bs-pink-rgb),  0.2);
    border-left: 4px solid rgba(var(--bs-pink-rgb),  0.7);
    --bs-alert-link-color:  var(--bs-pink);
    background: linear-gradient(90deg,  rgba(var(--bs-pink-rgb),  0.15) 0%,  rgba(var(--bs-pink-rgb),  0) 100%);
}
.alert-warning {
    --bs-alert-color:  var(--bs-white);
    --bs-alert-bg:  var(--bs-warning);
    --bs-alert-border-color:  var(--bs-warning);
    --bs-alert-link-color:  var(--bs-white);
}
.alert-outline-warning {
    --bs-alert-color:  var(--bs-warning);
    --bs-alert-border-color:  var(--bs-warning);
    --bs-alert-link-color:  var(--bs-warning);
}
.alert-label-warning {
    --bs-alert-bg:  var(--bs-warning-bg-subtle);
    --bs-alert-color:  var(--bs-warning);
    --bs-alert-border-color:  transparent;
    --bs-alert-link-color:  var(--bs-warning);
}
.alert-border-warning {
    --bs-alert-color:  var(--bs-warning);
    --bs-alert-border-color:  rgba(var(--bs-warning-rgb),  0.2);
    border-left: 4px solid rgba(var(--bs-warning-rgb),  0.7);
    --bs-alert-link-color:  var(--bs-warning);
    background: linear-gradient(90deg,  rgba(var(--bs-warning-rgb),  0.15) 0%,  rgba(var(--bs-warning-rgb),  0) 100%);
}
.alert-danger {
    --bs-alert-color:  var(--bs-white);
    --bs-alert-bg:  var(--bs-danger);
    --bs-alert-border-color:  var(--bs-danger);
    --bs-alert-link-color:  var(--bs-white);
}
.alert-outline-danger {
    --bs-alert-color:  var(--bs-danger);
    --bs-alert-border-color:  var(--bs-danger);
    --bs-alert-link-color:  var(--bs-danger);
}
.alert-label-danger {
    --bs-alert-bg:  var(--bs-danger-bg-subtle);
    --bs-alert-color:  var(--bs-danger);
    --bs-alert-border-color:  transparent;
    --bs-alert-link-color:  var(--bs-danger);
}
.alert-border-danger {
    --bs-alert-color:  var(--bs-danger);
    --bs-alert-border-color:  rgba(var(--bs-danger-rgb),  0.2);
    border-left: 4px solid rgba(var(--bs-danger-rgb),  0.7);
    --bs-alert-link-color:  var(--bs-danger);
    background: linear-gradient(90deg,  rgba(var(--bs-danger-rgb),  0.15) 0%,  rgba(var(--bs-danger-rgb),  0) 100%);
}
.alert-light {
    --bs-alert-color:  var(--bs-white);
    --bs-alert-bg:  var(--bs-light);
    --bs-alert-border-color:  var(--bs-light);
    --bs-alert-link-color:  var(--bs-white);
    --bs-alert-color:  var(--bs-body-color);
    --bs-alert-link-color:  var(--bs-body-color);
}
.alert-outline-light {
    --bs-alert-color:  var(--bs-light);
    --bs-alert-border-color:  var(--bs-light);
    --bs-alert-link-color:  var(--bs-light);
    --bs-alert-color:  var(--bs-body-color);
    --bs-alert-link-color:  var(--bs-body-color);
}
.alert-label-light {
    --bs-alert-bg:  var(--bs-light-bg-subtle);
    --bs-alert-color:  var(--bs-light);
    --bs-alert-border-color:  transparent;
    --bs-alert-link-color:  var(--bs-light);
    --bs-alert-color:  var(--bs-body-color);
    --bs-alert-link-color:  var(--bs-body-color);
}
.alert-border-light {
    --bs-alert-color:  var(--bs-light);
    --bs-alert-border-color:  rgba(var(--bs-light-rgb),  0.2);
    border-left: 4px solid rgba(var(--bs-light-rgb),  0.7);
    --bs-alert-link-color:  var(--bs-light);
    background: linear-gradient(90deg,  rgba(var(--bs-light-rgb),  0.15) 0%,  rgba(var(--bs-light-rgb),  0) 100%);
}
.alert-dark {
    --bs-alert-color:  var(--bs-white);
    --bs-alert-bg:  var(--bs-dark);
    --bs-alert-border-color:  var(--bs-dark);
    --bs-alert-link-color:  var(--bs-white);
}
.alert-outline-dark {
    --bs-alert-color:  var(--bs-dark);
    --bs-alert-border-color:  var(--bs-dark);
    --bs-alert-link-color:  var(--bs-dark);
}
.alert-label-dark {
    --bs-alert-bg:  var(--bs-dark-bg-subtle);
    --bs-alert-color:  var(--bs-dark);
    --bs-alert-border-color:  transparent;
    --bs-alert-link-color:  var(--bs-dark);
}
.alert-border-dark {
    --bs-alert-color:  var(--bs-dark);
    --bs-alert-border-color:  rgba(var(--bs-dark-rgb),  0.2);
    border-left: 4px solid rgba(var(--bs-dark-rgb),  0.7);
    --bs-alert-link-color:  var(--bs-dark);
    background: linear-gradient(90deg,  rgba(var(--bs-dark-rgb),  0.15) 0%,  rgba(var(--bs-dark-rgb),  0) 100%);
}
.badge-primary {
    color: #fff;
    background-color: var(--bs-primary);
}
.badge-label-primary {
    color: var(--bs-primary);
    background-color: rgba(var(--bs-primary-rgb),  0.15);
}
.badge-outline-primary {
    color: var(--bs-primary);
    border: 1px solid var(--bs-primary);
    background-color: rgba(0, 0, 0, 0);
}
.badge-secondary {
    color: #fff;
    background-color: var(--bs-secondary);
}
.badge-label-secondary {
    color: var(--bs-secondary);
    background-color: rgba(var(--bs-secondary-rgb),  0.15);
}
.badge-outline-secondary {
    color: var(--bs-secondary);
    border: 1px solid var(--bs-secondary);
    background-color: rgba(0, 0, 0, 0);
}
.badge-success {
    color: #fff;
    background-color: var(--bs-success);
}
.badge-label-success {
    color: var(--bs-success);
    background-color: rgba(var(--bs-success-rgb),  0.15);
}
.badge-outline-success {
    color: var(--bs-success);
    border: 1px solid var(--bs-success);
    background-color: rgba(0, 0, 0, 0);
}
.badge-info {
    color: #fff;
    background-color: var(--bs-info);
}
.badge-label-info {
    color: var(--bs-info);
    background-color: rgba(var(--bs-info-rgb),  0.15);
}
.badge-outline-info {
    color: var(--bs-info);
    border: 1px solid var(--bs-info);
    background-color: rgba(0, 0, 0, 0);
}
.badge-pink {
    color: #fff;
    background-color: var(--bs-pink);
}
.badge-label-pink {
    color: var(--bs-pink);
    background-color: rgba(var(--bs-pink-rgb),  0.15);
}
.badge-outline-pink {
    color: var(--bs-pink);
    border: 1px solid var(--bs-pink);
    background-color: rgba(0, 0, 0, 0);
}
.badge-warning {
    color: #fff;
    background-color: var(--bs-warning);
}
.badge-label-warning {
    color: var(--bs-warning);
    background-color: rgba(var(--bs-warning-rgb),  0.15);
}
.badge-outline-warning {
    color: var(--bs-warning);
    border: 1px solid var(--bs-warning);
    background-color: rgba(0, 0, 0, 0);
}
.badge-danger {
    color: #fff;
    background-color: var(--bs-danger);
}
.badge-label-danger {
    color: var(--bs-danger);
    background-color: rgba(var(--bs-danger-rgb),  0.15);
}
.badge-outline-danger {
    color: var(--bs-danger);
    border: 1px solid var(--bs-danger);
    background-color: rgba(0, 0, 0, 0);
}
.badge-light {
    color: #fff;
    background-color: var(--bs-light);
    color: var(--bs-body-color);
    background-color: var(--bs-light);
}
.badge-label-light {
    color: var(--bs-light);
    background-color: rgba(var(--bs-light-rgb),  0.15);
}
.badge-outline-light {
    color: var(--bs-light);
    border: 1px solid var(--bs-light);
    background-color: rgba(0, 0, 0, 0);
    color: var(--bs-body-color);
    border-color: var(--bs-body-bg);
}
.badge-dark {
    color: #fff;
    background-color: var(--bs-dark);
}
.badge-label-dark {
    color: var(--bs-dark);
    background-color: rgba(var(--bs-dark-rgb),  0.15);
}
.badge-outline-dark {
    color: var(--bs-dark);
    border: 1px solid var(--bs-dark);
    background-color: rgba(0, 0, 0, 0);
}
.btn-primary {
    --bs-btn-bg:  var(--bs-primary);
    --bs-btn-color:  var(--bs-white);
    --bs-btn-border-color:  var(--bs-primary);
    --bs-btn-hover-bg:  rgba(var(--bs-primary-rgb),  0.9);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-border-color:  rgba(var(--bs-primary-rgb),  0.9);
    --bs-btn-active-bg:  var(--bs-primary);
    --bs-btn-active-border-color:  var(--bs-primary);
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-disabled-bg:  rgba(var(--bs-primary-rgb),  0.85);
    --bs-btn-disabled-border-color:  rgba(var(--bs-primary-rgb),  0.1);
    --bs-btn-disabled-color:  var(--bs-white);
}
.btn-outline-primary {
    --bs-btn-bg:  transparent;
    --bs-btn-color:  var(--bs-primary);
    --bs-btn-border-color:  var(--bs-primary);
    --bs-btn-hover-border-color:  var(--bs-primary);
    --bs-btn-active-border-color:  var(--bs-primary);
    --bs-btn-hover-bg:  var(--bs-primary);
    --bs-btn-active-bg:  var(--bs-primary);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-active-color:  var(--bs-white);
}
.btn-label-primary {
    --bs-btn-bg:  rgba(var(--bs-primary-rgb),  0.15);
    --bs-btn-border-color:  transparent;
    --bs-btn-color:  var(--bs-primary);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-bg:  var(--bs-primary);
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-active-bg:  var(--bs-primary);
    --bs-btn-focus-color:  var(--bs-white);
    --bs-btn-focus-bg:  var(--bs-primary);
}
.btn-flat-primary {
    --bs-btn-bg:  var(--bs-light);
    --bs-btn-color:  var(--bs-body-color);
    --bs-btn-border-color:  transparent;
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-bg:  var(--bs-primary);
    --bs-btn-hover-border-color:  transparent;
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-active-bg:  var(--bs-primary);
    --bs-btn-active-border-color:  transparent;
    --bs-btn-focus-color:  var(--bs-white);
    --bs-btn-focus-bg:  var(--bs-primary);
    --bs-btn-focus-border-color:  transparent;
}
.btn-text-primary {
    --bs-btn-bg:  transparent;
    --bs-btn-color:  var(--bs-primary);
    --bs-btn-hover-bg:  rgba(var(--bs-primary-rgb),  0.15);
    --bs-btn-active-bg:  rgba(var(--bs-primary-rgb),  0.15);
    --bs-btn-focus-bg:  rgba(var(--bs-primary-rgb),  0.15);
    --bs-btn-hover-border-color:  rgba(var(--bs-primary-rgb),  0.15);
    --bs-btn-active-border-color:  rgba(var(--bs-primary-rgb),  0.15);
    --bs-btn-focus-border-color:  rgba(var(--bs-primary-rgb),  0.15);
    --bs-btn-hover-color:  var(--bs-primary);
    --bs-btn-active-color:  var(--bs-primary);
    --bs-btn-focus-color:  var(--bs-primary);
    --bs-btn-active-bg:  var(--bs-primary);
    --bs-btn-active-color:  var(--bs-white);
}
.btn-secondary {
    --bs-btn-bg:  var(--bs-secondary);
    --bs-btn-color:  var(--bs-white);
    --bs-btn-border-color:  var(--bs-secondary);
    --bs-btn-hover-bg:  rgba(var(--bs-secondary-rgb),  0.9);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-border-color:  rgba(var(--bs-secondary-rgb),  0.9);
    --bs-btn-active-bg:  var(--bs-secondary);
    --bs-btn-active-border-color:  var(--bs-secondary);
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-disabled-bg:  rgba(var(--bs-secondary-rgb),  0.85);
    --bs-btn-disabled-border-color:  rgba(var(--bs-secondary-rgb),  0.1);
    --bs-btn-disabled-color:  var(--bs-white);
}
.btn-outline-secondary {
    --bs-btn-bg:  transparent;
    --bs-btn-color:  var(--bs-secondary);
    --bs-btn-border-color:  var(--bs-secondary);
    --bs-btn-hover-border-color:  var(--bs-secondary);
    --bs-btn-active-border-color:  var(--bs-secondary);
    --bs-btn-hover-bg:  var(--bs-secondary);
    --bs-btn-active-bg:  var(--bs-secondary);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-active-color:  var(--bs-white);
}
.btn-label-secondary {
    --bs-btn-bg:  rgba(var(--bs-secondary-rgb),  0.15);
    --bs-btn-border-color:  transparent;
    --bs-btn-color:  var(--bs-secondary);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-bg:  var(--bs-secondary);
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-active-bg:  var(--bs-secondary);
    --bs-btn-focus-color:  var(--bs-white);
    --bs-btn-focus-bg:  var(--bs-secondary);
}
.btn-flat-secondary {
    --bs-btn-bg:  var(--bs-light);
    --bs-btn-color:  var(--bs-body-color);
    --bs-btn-border-color:  transparent;
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-bg:  var(--bs-secondary);
    --bs-btn-hover-border-color:  transparent;
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-active-bg:  var(--bs-secondary);
    --bs-btn-active-border-color:  transparent;
    --bs-btn-focus-color:  var(--bs-white);
    --bs-btn-focus-bg:  var(--bs-secondary);
    --bs-btn-focus-border-color:  transparent;
}
.btn-text-secondary {
    --bs-btn-bg:  transparent;
    --bs-btn-color:  var(--bs-secondary);
    --bs-btn-hover-bg:  rgba(var(--bs-secondary-rgb),  0.15);
    --bs-btn-active-bg:  rgba(var(--bs-secondary-rgb),  0.15);
    --bs-btn-focus-bg:  rgba(var(--bs-secondary-rgb),  0.15);
    --bs-btn-hover-border-color:  rgba(var(--bs-secondary-rgb),  0.15);
    --bs-btn-active-border-color:  rgba(var(--bs-secondary-rgb),  0.15);
    --bs-btn-focus-border-color:  rgba(var(--bs-secondary-rgb),  0.15);
    --bs-btn-hover-color:  var(--bs-secondary);
    --bs-btn-active-color:  var(--bs-secondary);
    --bs-btn-focus-color:  var(--bs-secondary);
    --bs-btn-active-bg:  var(--bs-secondary);
    --bs-btn-active-color:  var(--bs-white);
}
.btn-success {
    --bs-btn-bg:  var(--bs-success);
    --bs-btn-color:  var(--bs-white);
    --bs-btn-border-color:  var(--bs-success);
    --bs-btn-hover-bg:  rgba(var(--bs-success-rgb),  0.9);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-border-color:  rgba(var(--bs-success-rgb),  0.9);
    --bs-btn-active-bg:  var(--bs-success);
    --bs-btn-active-border-color:  var(--bs-success);
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-disabled-bg:  rgba(var(--bs-success-rgb),  0.85);
    --bs-btn-disabled-border-color:  rgba(var(--bs-success-rgb),  0.1);
    --bs-btn-disabled-color:  var(--bs-white);
}
.btn-outline-success {
    --bs-btn-bg:  transparent;
    --bs-btn-color:  var(--bs-success);
    --bs-btn-border-color:  var(--bs-success);
    --bs-btn-hover-border-color:  var(--bs-success);
    --bs-btn-active-border-color:  var(--bs-success);
    --bs-btn-hover-bg:  var(--bs-success);
    --bs-btn-active-bg:  var(--bs-success);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-active-color:  var(--bs-white);
}
.btn-label-success {
    --bs-btn-bg:  rgba(var(--bs-success-rgb),  0.15);
    --bs-btn-border-color:  transparent;
    --bs-btn-color:  var(--bs-success);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-bg:  var(--bs-success);
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-active-bg:  var(--bs-success);
    --bs-btn-focus-color:  var(--bs-white);
    --bs-btn-focus-bg:  var(--bs-success);
}
.btn-flat-success {
    --bs-btn-bg:  var(--bs-light);
    --bs-btn-color:  var(--bs-body-color);
    --bs-btn-border-color:  transparent;
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-bg:  var(--bs-success);
    --bs-btn-hover-border-color:  transparent;
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-active-bg:  var(--bs-success);
    --bs-btn-active-border-color:  transparent;
    --bs-btn-focus-color:  var(--bs-white);
    --bs-btn-focus-bg:  var(--bs-success);
    --bs-btn-focus-border-color:  transparent;
}
.btn-text-success {
    --bs-btn-bg:  transparent;
    --bs-btn-color:  var(--bs-success);
    --bs-btn-hover-bg:  rgba(var(--bs-success-rgb),  0.15);
    --bs-btn-active-bg:  rgba(var(--bs-success-rgb),  0.15);
    --bs-btn-focus-bg:  rgba(var(--bs-success-rgb),  0.15);
    --bs-btn-hover-border-color:  rgba(var(--bs-success-rgb),  0.15);
    --bs-btn-active-border-color:  rgba(var(--bs-success-rgb),  0.15);
    --bs-btn-focus-border-color:  rgba(var(--bs-success-rgb),  0.15);
    --bs-btn-hover-color:  var(--bs-success);
    --bs-btn-active-color:  var(--bs-success);
    --bs-btn-focus-color:  var(--bs-success);
    --bs-btn-active-bg:  var(--bs-success);
    --bs-btn-active-color:  var(--bs-white);
}
.btn-info {
    --bs-btn-bg:  var(--bs-info);
    --bs-btn-color:  var(--bs-white);
    --bs-btn-border-color:  var(--bs-info);
    --bs-btn-hover-bg:  rgba(var(--bs-info-rgb),  0.9);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-border-color:  rgba(var(--bs-info-rgb),  0.9);
    --bs-btn-active-bg:  var(--bs-info);
    --bs-btn-active-border-color:  var(--bs-info);
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-disabled-bg:  rgba(var(--bs-info-rgb),  0.85);
    --bs-btn-disabled-border-color:  rgba(var(--bs-info-rgb),  0.1);
    --bs-btn-disabled-color:  var(--bs-white);
}
.btn-outline-info {
    --bs-btn-bg:  transparent;
    --bs-btn-color:  var(--bs-info);
    --bs-btn-border-color:  var(--bs-info);
    --bs-btn-hover-border-color:  var(--bs-info);
    --bs-btn-active-border-color:  var(--bs-info);
    --bs-btn-hover-bg:  var(--bs-info);
    --bs-btn-active-bg:  var(--bs-info);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-active-color:  var(--bs-white);
}
.btn-label-info {
    --bs-btn-bg:  rgba(var(--bs-info-rgb),  0.15);
    --bs-btn-border-color:  transparent;
    --bs-btn-color:  var(--bs-info);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-bg:  var(--bs-info);
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-active-bg:  var(--bs-info);
    --bs-btn-focus-color:  var(--bs-white);
    --bs-btn-focus-bg:  var(--bs-info);
}
.btn-flat-info {
    --bs-btn-bg:  var(--bs-light);
    --bs-btn-color:  var(--bs-body-color);
    --bs-btn-border-color:  transparent;
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-bg:  var(--bs-info);
    --bs-btn-hover-border-color:  transparent;
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-active-bg:  var(--bs-info);
    --bs-btn-active-border-color:  transparent;
    --bs-btn-focus-color:  var(--bs-white);
    --bs-btn-focus-bg:  var(--bs-info);
    --bs-btn-focus-border-color:  transparent;
}
.btn-text-info {
    --bs-btn-bg:  transparent;
    --bs-btn-color:  var(--bs-info);
    --bs-btn-hover-bg:  rgba(var(--bs-info-rgb),  0.15);
    --bs-btn-active-bg:  rgba(var(--bs-info-rgb),  0.15);
    --bs-btn-focus-bg:  rgba(var(--bs-info-rgb),  0.15);
    --bs-btn-hover-border-color:  rgba(var(--bs-info-rgb),  0.15);
    --bs-btn-active-border-color:  rgba(var(--bs-info-rgb),  0.15);
    --bs-btn-focus-border-color:  rgba(var(--bs-info-rgb),  0.15);
    --bs-btn-hover-color:  var(--bs-info);
    --bs-btn-active-color:  var(--bs-info);
    --bs-btn-focus-color:  var(--bs-info);
    --bs-btn-active-bg:  var(--bs-info);
    --bs-btn-active-color:  var(--bs-white);
}
.btn-pink {
    --bs-btn-bg:  var(--bs-pink);
    --bs-btn-color:  var(--bs-white);
    --bs-btn-border-color:  var(--bs-pink);
    --bs-btn-hover-bg:  rgba(var(--bs-pink-rgb),  0.9);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-border-color:  rgba(var(--bs-pink-rgb),  0.9);
    --bs-btn-active-bg:  var(--bs-pink);
    --bs-btn-active-border-color:  var(--bs-pink);
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-disabled-bg:  rgba(var(--bs-pink-rgb),  0.85);
    --bs-btn-disabled-border-color:  rgba(var(--bs-pink-rgb),  0.1);
    --bs-btn-disabled-color:  var(--bs-white);
}
.btn-outline-pink {
    --bs-btn-bg:  transparent;
    --bs-btn-color:  var(--bs-pink);
    --bs-btn-border-color:  var(--bs-pink);
    --bs-btn-hover-border-color:  var(--bs-pink);
    --bs-btn-active-border-color:  var(--bs-pink);
    --bs-btn-hover-bg:  var(--bs-pink);
    --bs-btn-active-bg:  var(--bs-pink);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-active-color:  var(--bs-white);
}
.btn-label-pink {
    --bs-btn-bg:  rgba(var(--bs-pink-rgb),  0.15);
    --bs-btn-border-color:  transparent;
    --bs-btn-color:  var(--bs-pink);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-bg:  var(--bs-pink);
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-active-bg:  var(--bs-pink);
    --bs-btn-focus-color:  var(--bs-white);
    --bs-btn-focus-bg:  var(--bs-pink);
}
.btn-flat-pink {
    --bs-btn-bg:  var(--bs-light);
    --bs-btn-color:  var(--bs-body-color);
    --bs-btn-border-color:  transparent;
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-bg:  var(--bs-pink);
    --bs-btn-hover-border-color:  transparent;
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-active-bg:  var(--bs-pink);
    --bs-btn-active-border-color:  transparent;
    --bs-btn-focus-color:  var(--bs-white);
    --bs-btn-focus-bg:  var(--bs-pink);
    --bs-btn-focus-border-color:  transparent;
}
.btn-text-pink {
    --bs-btn-bg:  transparent;
    --bs-btn-color:  var(--bs-pink);
    --bs-btn-hover-bg:  rgba(var(--bs-pink-rgb),  0.15);
    --bs-btn-active-bg:  rgba(var(--bs-pink-rgb),  0.15);
    --bs-btn-focus-bg:  rgba(var(--bs-pink-rgb),  0.15);
    --bs-btn-hover-border-color:  rgba(var(--bs-pink-rgb),  0.15);
    --bs-btn-active-border-color:  rgba(var(--bs-pink-rgb),  0.15);
    --bs-btn-focus-border-color:  rgba(var(--bs-pink-rgb),  0.15);
    --bs-btn-hover-color:  var(--bs-pink);
    --bs-btn-active-color:  var(--bs-pink);
    --bs-btn-focus-color:  var(--bs-pink);
    --bs-btn-active-bg:  var(--bs-pink);
    --bs-btn-active-color:  var(--bs-white);
}
.btn-warning {
    --bs-btn-bg:  var(--bs-warning);
    --bs-btn-color:  var(--bs-white);
    --bs-btn-border-color:  var(--bs-warning);
    --bs-btn-hover-bg:  rgba(var(--bs-warning-rgb),  0.9);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-border-color:  rgba(var(--bs-warning-rgb),  0.9);
    --bs-btn-active-bg:  var(--bs-warning);
    --bs-btn-active-border-color:  var(--bs-warning);
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-disabled-bg:  rgba(var(--bs-warning-rgb),  0.85);
    --bs-btn-disabled-border-color:  rgba(var(--bs-warning-rgb),  0.1);
    --bs-btn-disabled-color:  var(--bs-white);
}
.btn-outline-warning {
    --bs-btn-bg:  transparent;
    --bs-btn-color:  var(--bs-warning);
    --bs-btn-border-color:  var(--bs-warning);
    --bs-btn-hover-border-color:  var(--bs-warning);
    --bs-btn-active-border-color:  var(--bs-warning);
    --bs-btn-hover-bg:  var(--bs-warning);
    --bs-btn-active-bg:  var(--bs-warning);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-active-color:  var(--bs-white);
}
.btn-label-warning {
    --bs-btn-bg:  rgba(var(--bs-warning-rgb),  0.15);
    --bs-btn-border-color:  transparent;
    --bs-btn-color:  var(--bs-warning);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-bg:  var(--bs-warning);
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-active-bg:  var(--bs-warning);
    --bs-btn-focus-color:  var(--bs-white);
    --bs-btn-focus-bg:  var(--bs-warning);
}
.btn-flat-warning {
    --bs-btn-bg:  var(--bs-light);
    --bs-btn-color:  var(--bs-body-color);
    --bs-btn-border-color:  transparent;
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-bg:  var(--bs-warning);
    --bs-btn-hover-border-color:  transparent;
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-active-bg:  var(--bs-warning);
    --bs-btn-active-border-color:  transparent;
    --bs-btn-focus-color:  var(--bs-white);
    --bs-btn-focus-bg:  var(--bs-warning);
    --bs-btn-focus-border-color:  transparent;
}
.btn-text-warning {
    --bs-btn-bg:  transparent;
    --bs-btn-color:  var(--bs-warning);
    --bs-btn-hover-bg:  rgba(var(--bs-warning-rgb),  0.15);
    --bs-btn-active-bg:  rgba(var(--bs-warning-rgb),  0.15);
    --bs-btn-focus-bg:  rgba(var(--bs-warning-rgb),  0.15);
    --bs-btn-hover-border-color:  rgba(var(--bs-warning-rgb),  0.15);
    --bs-btn-active-border-color:  rgba(var(--bs-warning-rgb),  0.15);
    --bs-btn-focus-border-color:  rgba(var(--bs-warning-rgb),  0.15);
    --bs-btn-hover-color:  var(--bs-warning);
    --bs-btn-active-color:  var(--bs-warning);
    --bs-btn-focus-color:  var(--bs-warning);
    --bs-btn-active-bg:  var(--bs-warning);
    --bs-btn-active-color:  var(--bs-white);
}
.btn-danger {
    --bs-btn-bg:  var(--bs-danger);
    --bs-btn-color:  var(--bs-white);
    --bs-btn-border-color:  var(--bs-danger);
    --bs-btn-hover-bg:  rgba(var(--bs-danger-rgb),  0.9);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-border-color:  rgba(var(--bs-danger-rgb),  0.9);
    --bs-btn-active-bg:  var(--bs-danger);
    --bs-btn-active-border-color:  var(--bs-danger);
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-disabled-bg:  rgba(var(--bs-danger-rgb),  0.85);
    --bs-btn-disabled-border-color:  rgba(var(--bs-danger-rgb),  0.1);
    --bs-btn-disabled-color:  var(--bs-white);
}
.btn-outline-danger {
    --bs-btn-bg:  transparent;
    --bs-btn-color:  var(--bs-danger);
    --bs-btn-border-color:  var(--bs-danger);
    --bs-btn-hover-border-color:  var(--bs-danger);
    --bs-btn-active-border-color:  var(--bs-danger);
    --bs-btn-hover-bg:  var(--bs-danger);
    --bs-btn-active-bg:  var(--bs-danger);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-active-color:  var(--bs-white);
}
.btn-label-danger {
    --bs-btn-bg:  rgba(var(--bs-danger-rgb),  0.15);
    --bs-btn-border-color:  transparent;
    --bs-btn-color:  var(--bs-danger);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-bg:  var(--bs-danger);
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-active-bg:  var(--bs-danger);
    --bs-btn-focus-color:  var(--bs-white);
    --bs-btn-focus-bg:  var(--bs-danger);
}
.btn-flat-danger {
    --bs-btn-bg:  var(--bs-light);
    --bs-btn-color:  var(--bs-body-color);
    --bs-btn-border-color:  transparent;
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-bg:  var(--bs-danger);
    --bs-btn-hover-border-color:  transparent;
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-active-bg:  var(--bs-danger);
    --bs-btn-active-border-color:  transparent;
    --bs-btn-focus-color:  var(--bs-white);
    --bs-btn-focus-bg:  var(--bs-danger);
    --bs-btn-focus-border-color:  transparent;
}
.btn-text-danger {
    --bs-btn-bg:  transparent;
    --bs-btn-color:  var(--bs-danger);
    --bs-btn-hover-bg:  rgba(var(--bs-danger-rgb),  0.15);
    --bs-btn-active-bg:  rgba(var(--bs-danger-rgb),  0.15);
    --bs-btn-focus-bg:  rgba(var(--bs-danger-rgb),  0.15);
    --bs-btn-hover-border-color:  rgba(var(--bs-danger-rgb),  0.15);
    --bs-btn-active-border-color:  rgba(var(--bs-danger-rgb),  0.15);
    --bs-btn-focus-border-color:  rgba(var(--bs-danger-rgb),  0.15);
    --bs-btn-hover-color:  var(--bs-danger);
    --bs-btn-active-color:  var(--bs-danger);
    --bs-btn-focus-color:  var(--bs-danger);
    --bs-btn-active-bg:  var(--bs-danger);
    --bs-btn-active-color:  var(--bs-white);
}
.btn-light {
    --bs-btn-bg:  var(--bs-light);
    --bs-btn-color:  var(--bs-white);
    --bs-btn-border-color:  var(--bs-light);
    --bs-btn-hover-bg:  rgba(var(--bs-light-rgb),  0.9);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-border-color:  rgba(var(--bs-light-rgb),  0.9);
    --bs-btn-active-bg:  var(--bs-light);
    --bs-btn-active-border-color:  var(--bs-light);
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-disabled-bg:  rgba(var(--bs-light-rgb),  0.85);
    --bs-btn-disabled-border-color:  rgba(var(--bs-light-rgb),  0.1);
    --bs-btn-disabled-color:  var(--bs-white);
}
.btn-outline-light {
    --bs-btn-bg:  transparent;
    --bs-btn-color:  var(--bs-light);
    --bs-btn-border-color:  var(--bs-light);
    --bs-btn-hover-border-color:  var(--bs-light);
    --bs-btn-active-border-color:  var(--bs-light);
    --bs-btn-hover-bg:  var(--bs-light);
    --bs-btn-active-bg:  var(--bs-light);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-active-color:  var(--bs-white);
}
.btn-label-light {
    --bs-btn-bg:  rgba(var(--bs-light-rgb),  0.15);
    --bs-btn-border-color:  transparent;
    --bs-btn-color:  var(--bs-light);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-bg:  var(--bs-light);
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-active-bg:  var(--bs-light);
    --bs-btn-focus-color:  var(--bs-white);
    --bs-btn-focus-bg:  var(--bs-light);
}
.btn-flat-light {
    --bs-btn-bg:  var(--bs-light);
    --bs-btn-color:  var(--bs-body-color);
    --bs-btn-border-color:  transparent;
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-bg:  var(--bs-light);
    --bs-btn-hover-border-color:  transparent;
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-active-bg:  var(--bs-light);
    --bs-btn-active-border-color:  transparent;
    --bs-btn-focus-color:  var(--bs-white);
    --bs-btn-focus-bg:  var(--bs-light);
    --bs-btn-focus-border-color:  transparent;
}
.btn-text-light {
    --bs-btn-bg:  transparent;
    --bs-btn-color:  var(--bs-light);
    --bs-btn-hover-bg:  rgba(var(--bs-light-rgb),  0.15);
    --bs-btn-active-bg:  rgba(var(--bs-light-rgb),  0.15);
    --bs-btn-focus-bg:  rgba(var(--bs-light-rgb),  0.15);
    --bs-btn-hover-border-color:  rgba(var(--bs-light-rgb),  0.15);
    --bs-btn-active-border-color:  rgba(var(--bs-light-rgb),  0.15);
    --bs-btn-focus-border-color:  rgba(var(--bs-light-rgb),  0.15);
    --bs-btn-hover-color:  var(--bs-light);
    --bs-btn-active-color:  var(--bs-light);
    --bs-btn-focus-color:  var(--bs-light);
    --bs-btn-active-bg:  var(--bs-light);
    --bs-btn-active-color:  var(--bs-white);
}
.btn-dark {
    --bs-btn-bg:  var(--bs-dark);
    --bs-btn-color:  var(--bs-white);
    --bs-btn-border-color:  var(--bs-dark);
    --bs-btn-hover-bg:  rgba(var(--bs-dark-rgb),  0.9);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-border-color:  rgba(var(--bs-dark-rgb),  0.9);
    --bs-btn-active-bg:  var(--bs-dark);
    --bs-btn-active-border-color:  var(--bs-dark);
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-disabled-bg:  rgba(var(--bs-dark-rgb),  0.85);
    --bs-btn-disabled-border-color:  rgba(var(--bs-dark-rgb),  0.1);
    --bs-btn-disabled-color:  var(--bs-white);
}
.btn-outline-dark {
    --bs-btn-bg:  transparent;
    --bs-btn-color:  var(--bs-dark);
    --bs-btn-border-color:  var(--bs-dark);
    --bs-btn-hover-border-color:  var(--bs-dark);
    --bs-btn-active-border-color:  var(--bs-dark);
    --bs-btn-hover-bg:  var(--bs-dark);
    --bs-btn-active-bg:  var(--bs-dark);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-active-color:  var(--bs-white);
}
.btn-label-dark {
    --bs-btn-bg:  rgba(var(--bs-dark-rgb),  0.15);
    --bs-btn-border-color:  transparent;
    --bs-btn-color:  var(--bs-dark);
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-bg:  var(--bs-dark);
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-active-bg:  var(--bs-dark);
    --bs-btn-focus-color:  var(--bs-white);
    --bs-btn-focus-bg:  var(--bs-dark);
}
.btn-flat-dark {
    --bs-btn-bg:  var(--bs-light);
    --bs-btn-color:  var(--bs-body-color);
    --bs-btn-border-color:  transparent;
    --bs-btn-hover-color:  var(--bs-white);
    --bs-btn-hover-bg:  var(--bs-dark);
    --bs-btn-hover-border-color:  transparent;
    --bs-btn-active-color:  var(--bs-white);
    --bs-btn-active-bg:  var(--bs-dark);
    --bs-btn-active-border-color:  transparent;
    --bs-btn-focus-color:  var(--bs-white);
    --bs-btn-focus-bg:  var(--bs-dark);
    --bs-btn-focus-border-color:  transparent;
}
.btn-text-dark {
    --bs-btn-bg:  transparent;
    --bs-btn-color:  var(--bs-dark);
    --bs-btn-hover-bg:  rgba(var(--bs-dark-rgb),  0.15);
    --bs-btn-active-bg:  rgba(var(--bs-dark-rgb),  0.15);
    --bs-btn-focus-bg:  rgba(var(--bs-dark-rgb),  0.15);
    --bs-btn-hover-border-color:  rgba(var(--bs-dark-rgb),  0.15);
    --bs-btn-active-border-color:  rgba(var(--bs-dark-rgb),  0.15);
    --bs-btn-focus-border-color:  rgba(var(--bs-dark-rgb),  0.15);
    --bs-btn-hover-color:  var(--bs-dark);
    --bs-btn-active-color:  var(--bs-dark);
    --bs-btn-focus-color:  var(--bs-dark);
    --bs-btn-active-bg:  var(--bs-dark);
    --bs-btn-active-color:  var(--bs-white);
}
[data-content-width=boxed] #layout-wrapper {
    background-color: var(--bs-body-bg);
    box-shadow: 0 5px 12px rgba(0, 0, 0, .1);
    min-height: 100vh;
}
@media(min-width: 1200px) {
    [data-content-width=boxed] .footer {
    left: calc(var(--bs-sidebar-width) + var(--bs-boxed-layout-sm-width));
    right: var(--bs-boxed-layout-sm-width);
}
}@media(min-width: 1441px) {
    [data-content-width=boxed] .footer {
    left: calc(var(--bs-sidebar-width) + var(--bs-boxed-layout-width));
    right: var(--bs-boxed-layout-width);
}
}@media(min-width: 1200px) {
    [data-content-width=boxed][data-sidebar=small] .footer {
    left: calc(var(--bs-sidebar-collapsed-width) + var(--bs-boxed-layout-sm-width));
}
}@media(min-width: 1441px) {
    [data-content-width=boxed][data-sidebar=small] .footer {
    left: calc(var(--bs-sidebar-collapsed-width) + var(--bs-boxed-layout-width));
}
}@media(min-width: 1200px) {
    [data-content-width=boxed][data-sidebar=medium] .footer {
    left: calc(var(--bs-sidebar-medium-width) + var(--bs-boxed-layout-sm-width));
}
}@media(min-width: 1441px) {
    [data-content-width=boxed][data-sidebar=medium] .footer {
    left: calc(var(--bs-sidebar-medium-width) + var(--bs-boxed-layout-width));
}
}@media(min-width: 1200px) {
    [data-content-width=boxed][data-layout=vertical] #layout-wrapper, [data-content-width=boxed][data-layout=vertical] #page-topbar, [data-content-width=boxed][data-layout=semibox] #layout-wrapper, [data-content-width=boxed][data-layout=semibox] #page-topbar {
    margin: 0 var(--bs-boxed-layout-sm-width);
}
}@media(min-width: 1441px) {
    [data-content-width=boxed][data-layout=vertical] #layout-wrapper, [data-content-width=boxed][data-layout=vertical] #page-topbar, [data-content-width=boxed][data-layout=semibox] #layout-wrapper, [data-content-width=boxed][data-layout=semibox] #page-topbar {
    margin: 0 var(--bs-boxed-layout-width);
}
}[data-content-width=boxed][data-layout=horizontal] .left-menu {
    width: 100% !important;
}
@media(min-width: 1200px) {
    [data-content-width=boxed][data-layout=horizontal] #page-topbar .navbar-header, [data-content-width=boxed][data-layout=horizontal] #sidebar-menu, [data-content-width=boxed][data-layout=horizontal] .container-fluid {
    padding-inline: var(--bs-boxed-layout-sm-width);
}
}@media(min-width: 1441px) {
    [data-content-width=boxed][data-layout=horizontal] #page-topbar .navbar-header, [data-content-width=boxed][data-layout=horizontal] #sidebar-menu, [data-content-width=boxed][data-layout=horizontal] .container-fluid {
    padding-inline: var(--bs-boxed-layout-width);
}
}@media(min-width: 1200px) {
    [data-content-width=boxed][data-layout=horizontal] #sidebar-menu {
    padding-inline: calc(var(--bs-boxed-layout-sm-width) + 16px) !important;
}
}@media(min-width: 1441px) {
    [data-content-width=boxed][data-layout=horizontal] #sidebar-menu {
    padding-inline: calc(var(--bs-boxed-layout-width) + 16px) !important;
}
}[data-content-width=boxed][data-layout=horizontal] [data-sidebar=small] .footer {
    max-width: calc(var(--bs-boxed-layout-width) - 4.75rem);
}
[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-light:  rgb(51,  57.8,  74.8);
    --bs-light-rgb:  51,  58,  75;
    --bs-light-text-emphasis:  #f6f7f9;
    --bs-light-bg-subtle:  rgb(56.5724137931,  63.1,  69.6275862069);
    --bs-light-border-subtle:  #505d69;
    --bs-dark:  rgb(13.6810344828,  20.9775862069,  39.2189655172);
    --bs-box-shadow-sm:  0 1px 1px rgb(16.5827586207,  25.4268965517,  47.5372413793);
    --bs-box-shadow:  0 2px 4px rgb(16.3189655172,  25.0224137931,  46.7810344828);
    --bs-box-shadow-lg:  0 5px 12px rgb(17.6379310345,  27.0448275862,  50.5620689655);
    --bs-box-shadow-inset:  inset 0 1px 2px rgb(16.9784482759,  26.0336206897,  48.6715517241);
    --bs-dark-text-emphasis:  #eae9eb;
    --bs-dark-bg-subtle:  #1a1d20;
    --bs-dark-border-subtle:  #343a40;
    --bs-sidebar-menu-item-color:  rgb(200.5625,  200.5625,  208.9375);
}
[data-bs-theme=dark] .logo-light {
    display: block !important;
}
[data-bs-theme=dark] .logo-dark {
    display: none;
}
:root, [data-bs-theme=light] {
    --bs-pink-text-emphasis:  rgb(132.6,  67.8,  97.2);
    --bs-pink-bg-subtle:  rgb(248.2,  226.6,  236.4);
    --bs-pink-border-subtle:  rgb(241.4,  198.2,  217.8);
    --bs-sidebar-width:  16.5rem;
    --bs-sidebar-collapsed-width:  4.75rem;
    --bs-sidebar-medium-width:  10rem;
    --bs-sidebar-menu-item-color:  rgb(229,  231,  235);
    --bs-sidebar-menu-item-dot-color:  #d6dad6;
    --bs-app-header-height:  4.0625rem;
    --bs-semibox-width:  16px;
    --bs-boxed-layout-width:  100px;
    --bs-boxed-layout-sm-width:  4.375rem;
    --bs-boxed-body-bg:  #dee7ec;
}
:root[data-theme-colors=orange], [data-bs-theme=light][data-theme-colors=orange] {
    --bs-primary:  #d88465;
    --bs-primary-rgb:  216,  132,  101;
    --bs-primary-text-emphasis:  darken-text(#d88465);
    --bs-primary-bg-subtle:  rgba(216,  132,  101,  0.1);
    --bs-primary-border-subtle:  rgba(hex-to-rgb(#d88465),  0.5);
    --bs-link-color-rgb:  216,  132,  101;
    --bs-link-hover-color-rgb:  207,  103,  64;
}
:root[data-theme-colors=green], [data-bs-theme=light][data-theme-colors=green] {
    --bs-primary:  #5fc281;
    --bs-primary-rgb:  95,  194,  129;
    --bs-primary-text-emphasis:  darken-text(#5fc281);
    --bs-primary-bg-subtle:  rgba(95,  194,  129,  0.1);
    --bs-primary-border-subtle:  rgba(hex-to-rgb(#5fc281),  0.5);
    --bs-link-color-rgb:  95,  194,  129;
    --bs-link-hover-color-rgb:  67,  176,  105;
}
:root[data-theme-colors=blue], [data-bs-theme=light][data-theme-colors=blue] {
    --bs-primary:  #8775db;
    --bs-primary-rgb:  135,  117,  219;
    --bs-primary-text-emphasis:  darken-text(#8775db);
    --bs-primary-bg-subtle:  rgba(135,  117,  219,  0.1);
    --bs-primary-border-subtle:  rgba(hex-to-rgb(#8775db),  0.5);
    --bs-link-color-rgb:  135,  117,  219;
    --bs-link-hover-color-rgb:  103,  81,  210;
}
:root[data-theme-colors=lime], [data-bs-theme=light][data-theme-colors=lime] {
    --bs-primary:  #b69b32;
    --bs-primary-rgb:  182,  155,  50;
    --bs-primary-text-emphasis:  darken-text(#b69b32);
    --bs-primary-bg-subtle:  rgba(182,  155,  50,  0.1);
    --bs-primary-border-subtle:  rgba(hex-to-rgb(#b69b32),  0.5);
    --bs-link-color-rgb:  182,  155,  50;
    --bs-link-hover-color-rgb:  146,  124,  40;
}
:root[data-theme-colors=pink], [data-bs-theme=light][data-theme-colors=pink] {
    --bs-primary:  #c75ec2;
    --bs-primary-rgb:  199,  94,  194;
    --bs-primary-text-emphasis:  darken-text(#c75ec2);
    --bs-primary-bg-subtle:  rgba(199,  94,  194,  0.1);
    --bs-primary-border-subtle:  rgba(hex-to-rgb(#c75ec2),  0.5);
    --bs-link-color-rgb:  199,  94,  194;
    --bs-link-hover-color-rgb:  183,  64,  178;
}
[data-bs-theme=dark] {
    --bs-pink-text-emphasis:  rgb(234.6,  169.8,  199.2);
    --bs-pink-bg-subtle:  rgb(44.2,  22.6,  32.4);
    --bs-pink-border-subtle:  rgb(98.4,  73.8,  120);
}
.footer {
    bottom: 0;
    padding: 15px calc(16px*1);
    position: absolute;
    right: 0;
    color: #74788d;
    left: var(--bs-sidebar-width);
    height: 50px;
    box-shadow: var(--bs-box-shadow);
    background-color: var(--bs-secondary-bg);
}
@media(max-width: 992px) {
    .footer {
    left: 0;
}
}[data-sidebar=small] .footer {
    left: var(--bs-sidebar-collapsed-width);
}
[data-layout=horizontal] .footer {
    left: 0 !important;
    right: 0 !important;
}
[data-layout=vertical] .sidebar-left.horizontal-sidebar {
    display: none;
}
.page-content {
    padding: calc(var(--bs-app-header-height) + 16px) .9rem 50px 16px;
}
svg {
    fill: currentcolor;
}
.avatar-progress {
    width: 64px;
    height: 64px;
}
.avatar-progress .progress-svg {
    width: 100%;
    height: 100%}
.avatar-progress .progress-circle {
    cx: 35;
    cy: 35;
    r: 26;
    stroke-width: 3;
    fill: none;
    stroke-dasharray: 163.36;
    stroke-dashoffset: 163.36;
    stroke-linecap: round;
    transform: rotate(-90deg);
    transform-origin: center;
    transition: stroke-dashoffset 1s ease;
}
.avatar-progress .avatar {
    position: absolute;
    top: 7px;
    left: 13px;
}
[dir=rtl] .avatar-progress .progress-svg {
    top: -5.6px !important;
}
.stroke-primary {
    stroke: var(--bs-primary);
}
.gradient-primary {
    outline-color: var(--bs-primary);
    background: linear-gradient(-45deg,  rgba(164,  123,  200,  0),  rgba(var(--bs-primary-rgb),  0.4)) !important;
}
.stroke-secondary {
    stroke: var(--bs-secondary);
}
.gradient-secondary {
    outline-color: var(--bs-secondary);
    background: linear-gradient(-45deg,  rgba(82,  136,  175,  0),  rgba(var(--bs-secondary-rgb),  0.4)) !important;
}
.stroke-success {
    stroke: var(--bs-success);
}
.gradient-success {
    outline-color: var(--bs-success);
    background: linear-gradient(-45deg,  rgba(78,  197,  173,  0),  rgba(var(--bs-success-rgb),  0.4)) !important;
}
.stroke-info {
    stroke: var(--bs-info);
}
.gradient-info {
    outline-color: var(--bs-info);
    background: linear-gradient(-45deg,  rgba(117,  136,  222,  0),  rgba(var(--bs-info-rgb),  0.4)) !important;
}
.stroke-pink {
    stroke: var(--bs-pink);
}
.gradient-pink {
    outline-color: var(--bs-pink);
    background: linear-gradient(-45deg,  rgba(221,  113,  162,  0),  rgba(var(--bs-pink-rgb),  0.4)) !important;
}
.stroke-warning {
    stroke: var(--bs-warning);
}
.gradient-warning {
    outline-color: var(--bs-warning);
    background: linear-gradient(-45deg,  rgba(244,  208,  120,  0),  rgba(var(--bs-warning-rgb),  0.4)) !important;
}
.stroke-danger {
    stroke: var(--bs-danger);
}
.gradient-danger {
    outline-color: var(--bs-danger);
    background: linear-gradient(-45deg,  rgba(253,  97,  97,  0),  rgba(var(--bs-danger-rgb),  0.4)) !important;
}
.stroke-light {
    stroke: var(--bs-light);
}
.gradient-light {
    outline-color: var(--bs-light);
    background: linear-gradient(-45deg,  rgba(242,  242,  244,  0),  rgba(var(--bs-light-rgb),  0.4)) !important;
}
.stroke-dark {
    stroke: var(--bs-dark);
}
.gradient-dark {
    outline-color: var(--bs-dark);
    background: linear-gradient(-45deg,  rgba(52,  58,  64,  0),  rgba(var(--bs-dark-rgb),  0.4)) !important;
}
@media(min-width: 1200px) {
    :is([data-layout=horizontal][data-content-width=default]) .container-fluid, :is([data-layout=horizontal][data-content-width=default]) .navbar-header {
    max-width: 85%}
}@media(min-width: 992px) {
    .navbar-toggle {
    display: none;
}
}.arrow-down {
    display: inline-block;
}
.arrow-down:after {
    border-color: initial;
    border-style: solid;
    border-width: 0 0 1px 1px;
    content: "";
    height: .4em;
    display: inline-block;
    right: 5px;
    top: 50%;
    margin-left: 10px;
    transform: rotate(-45deg) translateY(-50%);
    transform-origin: top;
    transition: all .3s ease-out;
    width: .4em;
}
.page-title-box {
    padding-bottom: 16px;
}
.page-title-box .breadcrumb {
    padding: 0;
    margin-bottom: 0;
    --bs-breadcrumb-item-padding-x:  0.3125rem;
}
.page-title-box h4 {
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500;
}
@media(max-width: 767.98px) {
    .page-title-box .page-title-right {
    display: none;
}
}.custom-setting {
    position: fixed;
    bottom: 50%;
    right: 0;
    z-index: 1000;
}
.custom-setting .btn {
    writing-mode: sidebar-rl;
}
#light-dark-mode .mdi-brightness-7 {
    display: inline-block;
}
#light-dark-mode .mdi-white-balance-sunny {
    display: none;
}
[data-bs-theme=dark] #light-dark-mode .mdi-brightness-7 {
    display: none;
}
[data-bs-theme=dark] #light-dark-mode .mdi-white-balance-sunny {
    display: inline-block;
}
.bg-primary-dark {
    background-color: rgb(34.2, 41.56, 59.96);
}
.form-check.sidebar-setting.card-radio input[value=default]+label {
    background-color: #a47bc8;
}
.form-check.sidebar-setting.card-radio input[value=orange]+label {
    background-color: #d88465;
}
.form-check.sidebar-setting.card-radio input[value=green]+label {
    background-color: #5fc281;
}
.form-check.sidebar-setting.card-radio input[value=blue]+label {
    background-color: #8775db;
}
.form-check.sidebar-setting.card-radio input[value=lime]+label {
    background-color: #b69b32;
}
.form-check.sidebar-setting.card-radio input[value=pink]+label {
    background-color: #c75ec2;
}
.layout-customizer input[type=radio] {
    display: none;
}
.layout-customizer .form-check-label {
    display: block;
    border: 1px solid rgba(0, 0, 0, 0);
    transition: border .3s ease-in-out;
    overflow: hidden;
    border-radius: var(--bs-border-radius);
}
.layout-customizer input[type=radio]:checked+label, .layout-customizer input[type=radio]:not(:checked)+label:hover {
    border: 1px solid var(--bs-primary);
}
#sidebar-color .main-sidebar-color .form-check {
    padding-left: 0;
}
#sidebar-color .main-sidebar-color .card-radio .form-check-label {
    height: 35px;
    width: 35px;
    border: 1px solid var(--bs-border-color);
    position: relative;
    transition: all .2s ease-in-out;
}
#sidebar-color .main-sidebar-color .card-radio .form-check-input:checked+.form-check-label::after {
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: 6px;
    top: 5.7px;
    box-shadow: inset 0 1px 2.5px rgba(0, 0, 0, .45);
}
[data-layout=semibox] #page-topbar {
    inset: var(--bs-semibox-width);
    bottom: auto;
    border-radius: var(--bs-border-radius);
    transition: all .2s ease-in-out;
}
[data-layout=semibox] #page-topbar.topbar-sticky {
    top: 0;
}
[data-layout=semibox] #page-topbar .navbar-logo-box {
    border-radius: var(--bs-border-radius) 0 0 var(--bs-border-radius);
}
[data-layout=semibox] .sidebar-left {
    top: calc(var(--bs-app-header-height) + var(--bs-semibox-width) + var(--bs-semibox-width));
    bottom: var(--bs-semibox-width);
    left: var(--bs-semibox-width);
    border-radius: var(--bs-border-radius);
    transition: all .2s ease-in-out;
}
[data-layout=semibox] .sidebar-left.horizontal-sidebar {
    display: none;
}
[data-layout=semibox] .sidebar-left.sidebar-sticky {
    top: calc(var(--bs-app-header-height) + var(--bs-semibox-width));
}
[data-layout=semibox] .footer {
    right: .9rem;
    left: calc(var(--bs-sidebar-width) + var(--bs-semibox-width) + 1rem);
    border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
}
@media(max-width: 991.98px) {
    [data-layout=semibox] .footer {
    left: 16px;
    right: 16px;
}
}@media(min-width: 992px) {
    [data-layout=semibox] .main-content {
    margin-left: calc(var(--bs-sidebar-width) + var(--bs-semibox-width));
}
}[data-layout=semibox][data-sidebar=small] .main-content {
    margin-left: calc(var(--bs-sidebar-collapsed-width) + var(--bs-semibox-width));
}
[data-layout=semibox][data-sidebar=small] .footer {
    left: calc(var(--bs-sidebar-collapsed-width) + var(--bs-semibox-width) + 1rem);
}
[data-layout=semibox] .page-title-box {
    padding-top: 1rem;
}
@media(min-width: 992px) {
    [data-layout=semibox][data-sidebar=medium] .main-content {
    margin-left: calc(var(--bs-sidebar-medium-width) + var(--bs-semibox-width));
}
}@media(min-width: 992px) {
    [data-layout=semibox][data-sidebar=medium] .footer {
    left: calc(var(--bs-sidebar-medium-width) + var(--bs-semibox-width) + 14.4px);
}
}@media(min-width: 1200px) {
    [data-layout=semibox][data-content-width=boxed] .sidebar-left {
    left: calc(var(--bs-boxed-layout-sm-width) + var(--bs-semibox-width));
}
}@media(min-width: 1441px) {
    [data-layout=semibox][data-content-width=boxed] .sidebar-left {
    left: calc(var(--bs-boxed-layout-width) + var(--bs-semibox-width));
}
}[data-layout=semibox][data-content-width=boxed] .main-content {
    margin-left: calc(var(--bs-sidebar-width) + var(--bs-semibox-width));
}
@media(min-width: 1200px) {
    [data-layout=semibox][data-content-width=boxed] .footer {
    left: calc(var(--bs-sidebar-width) + var(--bs-semibox-width) + var(--bs-boxed-layout-sm-width) + 1rem);
    right: calc(var(--bs-boxed-layout-sm-width) + var(--bs-semibox-width));
}
}@media(min-width: 1441px) {
    [data-layout=semibox][data-content-width=boxed] .footer {
    left: calc(var(--bs-sidebar-width) + var(--bs-semibox-width) + var(--bs-boxed-layout-width) + 1rem);
    right: calc(var(--bs-boxed-layout-width) + var(--bs-semibox-width));
}
}[data-layout=semibox][data-content-width=boxed][data-sidebar=small] .main-content {
    margin-left: calc(var(--bs-sidebar-collapsed-width) + var(--bs-semibox-width));
}
@media(min-width: 1200px) {
    [data-layout=semibox][data-content-width=boxed][data-sidebar=small] .footer {
    left: calc(var(--bs-sidebar-collapsed-width) + var(--bs-semibox-width) + var(--bs-boxed-layout-sm-width) + 1rem);
}
}@media(min-width: 1441px) {
    [data-layout=semibox][data-content-width=boxed][data-sidebar=small] .footer {
    left: calc(var(--bs-sidebar-collapsed-width) + var(--bs-semibox-width) + var(--bs-boxed-layout-width) + 1rem);
}
}[data-layout=semibox][data-content-width=boxed][data-sidebar=medium] .main-content {
    margin-left: calc(var(--bs-sidebar-medium-width) + var(--bs-semibox-width));
}
@media(min-width: 1200px) {
    [data-layout=semibox][data-content-width=boxed][data-sidebar=medium] .footer {
    left: calc(var(--bs-sidebar-medium-width) + var(--bs-semibox-width) + var(--bs-boxed-layout-sm-width) + 1rem);
}
}@media(min-width: 1441px) {
    [data-layout=semibox][data-content-width=boxed][data-sidebar=medium] .footer {
    left: calc(var(--bs-sidebar-medium-width) + var(--bs-semibox-width) + var(--bs-boxed-layout-width) + 1rem);
}
}.main-content {
    margin-left: var(--bs-sidebar-width);
}
.main-content .content {
    padding: 0 15px 10px 15px;
    margin-top: var(--bs-app-header-height);
}
@media(max-width: 991.98px) {
    .main-content {
    margin-left: 0 !important;
}
}.sidebar-left {
    width: var(--bs-sidebar-width);
    z-index: 1001;
    background: var(--bs-sidebar-bg-color);
    position: fixed;
    top: var(--bs-app-header-height);
    bottom: 0;
    margin-top: 0;
}
@media(max-width: 991.98px) {
    .sidebar-left {
    display: none;
}
body.sidebar-enable .sidebar-left {
    display: block;
}
}.sidebar-left #sidebar-menu .menu-title {
    padding: 12px 20px !important;
    letter-spacing: .05em;
    pointer-events: none;
    cursor: default;
    font-size: 11px;
    text-transform: uppercase;
    color: rgb(126.4594594595, 139, 151.5405405405);
    font-weight: 600;
    font-family: "Lexend", sans-serif;
    opacity: .5;
}
.sidebar-left #sidebar-menu .mm-active>.has-arrow:after {
    content: "󰍴"}
/* .sidebar-left #sidebar-menu .mm-active>a {
    color: var(--bs-primary) !important;
} */
.sidebar-left #sidebar-menu .mm-active>a.mm-active::before, .sidebar-left #sidebar-menu .mm-active>a.active::before {
    background-color: var(--bs-light);
    border-color: var(--bs-light);
}
.sidebar-left #sidebar-menu .has-arrow:after {
    content: "󰐕";
    font-family: "Material Design Icons";
    display: block;
    float: right;
    transition: transform .2s;
    font-size: .875rem;
    color: var(--bs-primary);
}

.sidebar-left #sidebar-menu .has-arrow {
    position: relative;

}

[data-layout=horizontal] .sidebar-left #sidebar-menu .has-arrow:after {
    content: "\F0140";
    font-family: "Material Design Icons";
    display: block;
    float: right;
    transition: transform .2s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.75rem;
    font-size: .875rem;
    color: var(--bs-sidebar-menu-item-color);
}

[data-layout=horizontal] .sidebar-left #sidebar-menu .sub-menu .has-arrow:after {
    content: "\F0142";
}

.sidebar-left #sidebar-menu ul.left-menu {
    padding: .75rem 0;
    margin: 0;
}
.sidebar-left #sidebar-menu ul.left-menu li {
    display: block;
    width: 100%;
    position: relative;
}
.sidebar-left #sidebar-menu ul.left-menu>li>a:nth-of-type(1) {
    position: relative;
}
.sidebar-left #sidebar-menu ul.left-menu>li>a:nth-of-type(1)::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: -16px;
    width: 4px;
    height: 30px;
    transform: translateY(-50%);
    border-radius: var(--bs-border-radius-xxl) 0 0 var(--bs-border-radius-xxl);
    background-color: var(--bs-primary);
    transition: all .4s;
    opacity: 0;
    visibility: hidden;
}
.sidebar-left #sidebar-menu ul.left-menu>li>a:nth-of-type(1):hover::before {
    opacity: 1;
    visibility: visible;
}
.sidebar-left #sidebar-menu ul.left-menu>li.mm-active>a {
    background-color: rgba(var(--bs-primary-rgb),  0.07);
}
.sidebar-left #sidebar-menu ul.left-menu>li.mm-active>a::before {
    opacity: 1;
    visibility: visible;
}
.sidebar-left #sidebar-menu ul.left-menu .mm-collapse {
    display: none;
}
.sidebar-left #sidebar-menu ul.left-menu .mm-collapse:not(.mm-show) {
    display: none;
}
.sidebar-left #sidebar-menu ul.left-menu .mm-collapse.mm-show {
    display: block;
}
.sidebar-left #sidebar-menu ul.left-menu .mm-collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition-timing-function: ease;
    transition-duration: .35s;
    transition-property: height, visibility;
}
.sidebar-left #sidebar-menu ul>li>a {
    display: block;
    padding: .5625rem .75rem;
    color: var(--bs-sidebar-menu-item-color);
    position: relative;
    font-size: 13.3px;
    transition: all .4s;
    font-family: "Lexend", sans-serif;
    border-radius: var(--bs-border-radius);
    font-weight: 400;
    margin-bottom: .3125rem;
    margin-inline: 1rem;
    white-space: nowrap;
}
.sidebar-left #sidebar-menu ul>li>a svg {
    height: 17px;
    width: 17px;
}
.sidebar-left #sidebar-menu ul>li>a span {
    padding-left: 5px;
    letter-spacing: .0125rem;
}
[data-bs-theme=dark] .sidebar-left #sidebar-menu ul>li>a:hover {
    background-color: rgba(var(--bs-primary-rgb),  0.1);
    color: var(--bs-primary);
}
[data-bs-theme=dark] .sidebar-left #sidebar-menu ul>li>a:hover i {
    color: var(--bs-primary);
}

[data-bs-theme=light] .sidebar-left #sidebar-menu ul>li>a:hover {
    background-color: rgba(var(--bs-secondary-rgb),  0.1);
    color: var(--bs-secondary);
}

[data-bs-theme=light] .sidebar-left #sidebar-menu ul>li>a:hover i {
    color: var(--bs-secondary);
}
.sidebar-left #sidebar-menu ul>li .badge {
    margin-top: 4px;
}
.sidebar-left #sidebar-menu ul>li ul.sub-menu {
    padding: 0;
    position: relative;
    margin-left: 1.4375rem;
}
.sidebar-left #sidebar-menu ul>li ul.sub-menu li a {
    letter-spacing: .0125rem;
    padding: 9px 12px;
    font-size: 13px;
    border-radius: var(--bs-border-radius);
    position: relative;
    margin-left: 25px;
    display: block;
}
[data-bs-theme=dark] .sidebar-left #sidebar-menu ul>li ul.sub-menu li a:hover {
    background-color: rgba(0, 0, 0, 0) !important;
    color: var(--bs-primary);
}
[data-bs-theme=dark] .sidebar-left #sidebar-menu ul>li ul.sub-menu li a:hover::before {
    background-color: var(--bs-light);
    border-color: var(--bs-light);
}
.sidebar-left #sidebar-menu ul>li ul.sub-menu li ul.sub-menu {
    padding: 0;
}

[data-bs-theme=light] .sidebar-left #sidebar-menu ul>li ul.sub-menu li a:hover {
    color: var(--bs-secondary);
}
@media(max-width: 991.98px) {
    .sidebar-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: rgba(34, 34, 34, .4);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
}
.sidebar-enable .sidebar-backdrop {
    opacity: 1;
    visibility: visible;
}
}@media(max-width: 991.98px) {
    [data-sidebar-color=dark][data-layout=vertical][data-bs-theme=light] .logo-dark {
    display: block;
}
[data-sidebar-color=dark][data-layout=vertical][data-bs-theme=light] .logo-light {
    display: none;
}
}@media(min-width: 992px) {
    [data-sidebar-color=dark][data-layout=vertical] #page-topbar .navbar-header .navbar-logo-box {
    background: rgb(34.2, 41.56, 59.96) !important;
}
[data-sidebar-color=dark][data-layout=vertical] .logo-light {
    display: block !important;
}
}[data-layout=semibox][data-sidebar-color=dark] .navbar-logo-box {
    background: var(--bs-secondary-bg) !important;
}
[data-layout=semibox][data-sidebar-color=dark] .navbar-logo-box .logo-dark {
    display: block !important;
}
[data-layout=semibox][data-topbar-color=dark] .navbar-logo-box {
    background: rgb(34.2, 41.56, 59.96) !important;
}
[data-layout=semibox][data-topbar-color=dark] .navbar-logo-box .logo-dark {
    display: none !important;
}
[data-sidebar-color=dark] .logo-dark {
    display: none;
}
[data-sidebar-color=dark] .sidebar-left {
    background: rgb(34.2, 41.56, 59.96);
}
[data-sidebar-color=dark] .sidebar-left #sidebar-menu ul>li ul.sub-menu::before {
    background-color: rgb(111, 115.8, 127.8);
}
[data-sidebar-color=dark] .sidebar-left #sidebar-menu ul>li ul.sub-menu li a::before {
    background-color: rgb(34.2, 41.56, 59.96);
    border-color: rgb(51, 57.8, 74.8);
    outline-color: rgb(34.2, 41.56, 59.96);
}
[data-sidebar-color=dark] .sidebar-left #sidebar-menu ul>li ul.sub-menu li a:hover::before, [data-sidebar-color=dark] .sidebar-left #sidebar-menu ul>li ul.sub-menu li a.active::before {
    background-color: rgb(51, 57.8, 74.8);
    border-color: rgb(51, 57.8, 74.8);
    outline-color: rgb(34.2, 41.56, 59.96);
}
[data-sidebar=medium] .navbar-logo-box {
    width: 10rem;
}
@media(max-width: 992px) {
    [data-sidebar=medium] .navbar-logo-box {
    width: auto;
}
}[data-sidebar=medium] .sidebar-left {
    width: 10rem;
    text-align: center;
}
[data-sidebar=medium] .sidebar-left .has-arrow:after, [data-sidebar=medium] .sidebar-left .badge {
    display: none !important;
}
[data-sidebar=medium] .main-content {
    margin-left: 10rem;
}
[data-sidebar=medium] .footer {
    left: 10rem;
}
[data-sidebar=medium] .sidebar-left #sidebar-menu {
    padding: 0;
}
[data-sidebar=medium] .sidebar-left #sidebar-menu .has-arrow::before {
    left: -41px;
}
[data-sidebar=medium] .sidebar-left #sidebar-menu ul li.menu-title {
    background-color: var(--bs-light);
    margin-bottom: .3125rem;
}
[data-sidebar=medium] .sidebar-left #sidebar-menu ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}
[data-sidebar=medium] .sidebar-left #sidebar-menu ul li a i {
    display: block;
}
[data-sidebar=medium] .sidebar-left #sidebar-menu ul li ul.sub-menu {
    margin-left: 0;
}
[data-sidebar=medium] .sidebar-left #sidebar-menu ul li ul.sub-menu>li {
    padding-inline: 0;
}
[data-sidebar=medium] .sidebar-left #sidebar-menu ul li ul.sub-menu>li>a {
    margin-left: 0;
    padding: 25px 12px 9px;
}
[data-sidebar=medium] .sidebar-left #sidebar-menu ul li ul.sub-menu>li>a::after {
    height: 5px;
    width: 5px;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgb(126.4594594595, 139, 151.5405405405);
    border: none;
    outline: none;
}
[data-sidebar=medium] .sidebar-left #sidebar-menu ul li ul.sub-menu>li>a::before {
    left: 50%;
    transform: translateX(-50%);
    top: 5px;
}
[data-sidebar=medium] .sidebar-left #sidebar-menu ul li ul.sub-menu>li>a:hover::after {
    background-color: var(--bs-primary);
}
[data-sidebar=medium] .sidebar-left #sidebar-menu ul li ul.sub-menu>li.mm-active .active::after {
    background-color: var(--bs-primary);
}
[data-sidebar=medium] .sidebar-left #sidebar-menu ul li ul.sub-menu>li ul.sub-menu li a {
    padding-left: 1.5rem;
}
[data-sidebar=medium] .sidebar-left #sidebar-menu ul li ul.sub-menu::before {
    display: none;
}
[data-sidebar=medium][data-sidebar=small] .main-content {
    margin-left: 4.75rem;
}
[data-sidebar=medium][data-sidebar=small] .sidebar-left #sidebar-menu {
    text-align: left;
}
[data-sidebar=medium][data-sidebar=small] .sidebar-left #sidebar-menu>ul>li>a i {
    display: inline-block;
}
[data-sidebar=medium][data-sidebar=small] .footer {
    left: 4.75rem;
}
[data-sidebar=medium][data-sidebar-color=dark] .menu-title {
    background-color: rgb(51, 57.8, 74.8) !important;
}
[data-sidebar=small] body {
    position: relative;
}
[data-sidebar=small] body .main-content {
    margin-left: var(--bs-sidebar-collapsed-width);
}
[data-sidebar=small] body .main-content .page-content {
    min-height: 93rem !important;
}
[data-sidebar=small] .navbar-logo-box {
    width: var(--bs-sidebar-collapsed-width) !important;
}
[data-sidebar=small] .navbar-logo-box .logo .logo-lg {
    display: none !important;
}
[data-sidebar=small] .navbar-logo-box .logo .logo-sm {
    display: block;
}
[data-sidebar=small] .sidebar-left {
    width: var(--bs-sidebar-collapsed-width);
    position: absolute;
    z-index: 11;
}
[data-sidebar=small] .sidebar-left .simplebar-mask, [data-sidebar=small] .sidebar-left .simplebar-content-wrapper {
    overflow: visible !important;
}
[data-sidebar=small] .sidebar-left .simplebar-scrollbar {
    display: none !important;
}
[data-sidebar=small] .sidebar-left .simplebar-offset {
    bottom: 0 !important;
}
[data-sidebar=small] .sidebar-left #sidebar-menu {
    padding: 0;
}
[data-sidebar=small] .sidebar-left #sidebar-menu .menu-title, [data-sidebar=small] .sidebar-left #sidebar-menu .badge {
    display: none !important;
}
[data-sidebar=small] .sidebar-left #sidebar-menu>ul>li {
    position: relative;
}
[data-sidebar=small] .sidebar-left #sidebar-menu>ul>li>a {
    padding: 10px;
    margin-inline: 1rem;
    text-align: center;
}
[data-sidebar=small] .sidebar-left #sidebar-menu>ul>li>a:nth-of-type(1):after {
    display: none;
}
[data-sidebar=small] .sidebar-left #sidebar-menu>ul>li>a i {
    font-size: 15px;
}
[data-sidebar=small] .sidebar-left #sidebar-menu>ul>li>a span {
    display: none;
}
[data-sidebar=small] .sidebar-left #sidebar-menu>ul>li:hover>ul {
    opacity: 1 !important;
    visibility: visible !important;
    left: calc(var(--bs-sidebar-collapsed-width) + 7px) !important;
}
[data-sidebar=small] .sidebar-left #sidebar-menu>ul>li:hover>a {
    background-color: rgba(var(--bs-primary-rgb),  0.07);
    color: var(--bs-primary);
}
[data-sidebar=small] .sidebar-left #sidebar-menu>ul>li:hover>a i {
    color: var(--bs-primary);
}
[data-sidebar=small] .sidebar-left #sidebar-menu>ul>li ul.sub-menu {
    position: absolute;
    top: 0;
    left: calc(var(--bs-sidebar-collapsed-width) + 13px);
    background-color: var(--bs-secondary-bg);
    border-radius: var(--bs-border-radius-lg);
    transition: all .2s ease-in-out;
    height: auto !important;
    padding: 10px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .07);
    min-width: 190px;
    opacity: 0;
    visibility: hidden;
    margin: 0 !important;
}
[data-sidebar=small] .sidebar-left #sidebar-menu>ul>li ul.sub-menu::after {
    content: "";
    position: absolute;
    top: 25px;
    left: -6.5px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid rgba(0, 0, 0, 0);
    border-right: 9px solid var(--bs-secondary-bg);
}
[data-sidebar=small] .sidebar-left #sidebar-menu>ul>li ul.sub-menu::before {
    height: calc(100% - 50px);
    left: 20.5px;
}
[data-sidebar=small] .sidebar-left #sidebar-menu>ul>li ul.sub-menu li {
    position: relative;
}
[data-sidebar=small] .sidebar-left #sidebar-menu>ul>li ul.sub-menu li a {
    margin-left: 18px;
    margin-right: 0;
}
[data-sidebar=small] .sidebar-left #sidebar-menu>ul>li ul.sub-menu li a::after {
    left: -18px;
}
[data-sidebar=small] .sidebar-left #sidebar-menu>ul>li ul.sub-menu li ul.sub-menu {
    left: calc(var(--bs-sidebar-collapsed-width) + 118px) !important;
    opacity: 0;
    visibility: hidden;
    padding: 10px;
}
[data-sidebar=small] .sidebar-left #sidebar-menu>ul>li ul.sub-menu li:hover>ul.sub-menu {
    left: calc(var(--bs-sidebar-collapsed-width) + 109px) !important;
    opacity: 1;
    visibility: visible;
}
[data-sidebar=small] .sidebar-left #sidebar-menu>ul .mm-collapse {
    opacity: 0;
    visibility: hidden;
    display: inherit;
}
[data-sidebar=small] .sidebar-left #sidebar-menu>ul .mm-collapse:not(.mm-show) {
    display: inherit;
}
[data-sidebar=small] .sidebar-left #sidebar-menu>ul .mm-collapse.mm-show {
    opacity: 0;
    visibility: hidden;
    display: inherit;
}
[data-sidebar-color=dark][data-sidebar=small] .sidebar-left .sidebar-slide #sidebar-menu>.left-menu>li ul.sub-menu {
    background-color: rgb(34.2, 41.56, 59.96) !important;
}
[data-sidebar-color=dark][data-sidebar=small] .sidebar-left .sidebar-slide #sidebar-menu>.left-menu>li ul.sub-menu::after {
    border-right-color: rgb(34.2, 41.56, 59.96);
}
[data-layout=horizontal] #page-topbar {
    border-bottom: 1px solid var(--bs-border-color);
}
@media(max-width: 991.98px) {
    [data-layout=horizontal] .sidebar-left.horizontal-sidebar {
    display: none !important;
}
[data-layout=horizontal] body.sidebar-enable .sidebar-left {
    display: none;
}
[data-layout=horizontal] body.sidebar-enable .sidebar-left.horizontal-sidebar {
    display: block !important;
}
}[data-layout=horizontal] .sidebar-left {
    display: none;
}
[data-layout=horizontal] .sidebar-left.horizontal-sidebar {
    display: block;
    width: 100%;
    height: 320px;
}
@media(max-width: 991.98px) {
    [data-layout=horizontal] .sidebar-left.horizontal-sidebar {
    overflow-y: auto;
}
[data-layout=horizontal] .sidebar-left.horizontal-sidebar .left-menu {
    padding: 20px 0;
}
}@media(min-width: 992px) {
    [data-layout=horizontal] .sidebar-left.horizontal-sidebar {
    height: 60px;
}
[data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu {
    padding: 0;
    padding-inline: 24px;
}
[data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu ul.left-menu>li>a:nth-of-type(1)::before {
    opacity: 0 !important;
    visibility: hidden !important;
}
}@media(min-width: 992px)and (min-width: 1200px) {
    [data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu .left-menu {
    width: 85%;
    margin: 0 auto;
}
}@media(min-width: 992px)and (min-width: 992px) {
    [data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>ul {
    display: flex;
    padding: 0 !important;
    align-items: center;
    gap: .875rem;
}
[data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>ul .menu-title {
    display: none;
}
[data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>ul>li {
    width: auto;
    position: relative;
    padding: .6875rem 0;
}
[data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>ul>li a {
    margin: 0;
}
[data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>ul>li a span {
    padding-right: .5rem;
}
[data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>ul>li a.has-arrow span {
    padding-right: 1.5rem;
}
[data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>ul>li a i {
    min-width: 18px;
    padding-top: 2px;
}
[data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>ul>li:hover>ul {
    opacity: 1 !important;
    visibility: visible !important;
    top: 67.2px !important;
}
[data-bs-theme=dark] [data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>ul>li:hover>a {
    background-color: rgba(var(--bs-primary-rgb),  0.07);
    color: var(--bs-primary);
}
[data-bs-theme=dark] [data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>ul>li:hover>a i {
    color: var(--bs-primary);
}
[data-bs-theme=dark] [data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>ul>li:hover>a::after {
    color: var(--bs-primary);
}

[data-bs-theme=light] [data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>ul>li:hover>a {
    /* background-color: rgba(var(--bs-primary-rgb),  0.07); */
    color: var(--bs-primary);
}
[data-bs-theme=light] [data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>ul>li:hover>a i {
    color: var(--bs-primary);
}
[data-bs-theme=light] [data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>ul>li:hover>a::after {
    color: var(--bs-primary);
}
[data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>ul>li ul.sub-menu {
    position: absolute;
    top: 72px;
    min-width: 190px;
    background-color: var(--bs-sidebar-bg-color);
    border-radius: var(--bs-border-radius-lg);
    padding: 10px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .07);
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in-out;
    margin-left: 0;
}
[data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>ul>li ul.sub-menu::after {
    content: "";
    position: absolute;
    top: 0;
    left: 25px;
    transform: translateY(-100%);
    width: 0;
    height: 0;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 9px solid var(--bs-sidebar-bg-color);
}
[data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>ul>li ul.sub-menu::before {
    height: calc(100% - 50px);
    left: 20.5px;
}
[data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>ul>li ul.sub-menu.mm-collapse {
    display: block !important;
}
[data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>ul>li ul.sub-menu li {
    position: relative;
}
[data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>ul>li ul.sub-menu li a {
    margin-right: 0;
}
/* [data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>ul>li ul.sub-menu li a::after {
    left: -18px;
} */
[data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>ul>li ul.sub-menu li ul.sub-menu {
    top: 0;
    left: 197px;
    opacity: 0;
    visibility: hidden;
}
[data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>ul>li ul.sub-menu li ul.sub-menu::after {
    content: "";
    position: absolute;
    top: 25px;
    left: -18px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid rgba(0, 0, 0, 0);
    border-right: 9px solid var(--bs-secondary-bg);
}
[data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>ul>li ul.sub-menu li:hover>ul.sub-menu {
    left: 190px;
    opacity: 1;
    visibility: visible;
}
[data-layout=horizontal] .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>ul li a:hover::after {
    color: var(--bs-secondary) !important;
}
}[data-layout=horizontal] .main-content {
    margin-left: 0;
}
@media(min-width: 992px) {
    [data-layout=horizontal] .main-content .page-content {
    padding-top: calc(var(--bs-app-header-height) + 81px);
}
}@media(min-width: 992px) {
    [data-layout=horizontal] .navbar-header .navbar-logo-box .sidebar-btn {
    display: none;
}
}[data-layout=horizontal][data-topbar-color=dark] #page-topbar {
    border-color: rgb(48.6, 55.48, 72.68);
}
[data-layout=horizontal][data-topbar-color=dark] .logo-dark {
    display: none !important;
}
[data-layout=horizontal][data-topbar-color=dark] .logo-light {
    display: block !important;
}
:is([data-layout=horizontal][data-sidebar-color=dark]) #page-topbar .navbar-header .navbar-logo-box {
    background: rgba(0, 0, 0, 0) !important;
}
:is([data-layout=horizontal][data-sidebar-color=dark]) #page-topbar .navbar-header .navbar-logo-box .logo-dark {
    display: block;
}
:is([data-layout=horizontal][data-sidebar-color=dark]) #page-topbar .navbar-header .navbar-logo-box .logo-light {
    display: none;
}
:is([data-layout=horizontal][data-sidebar-color=dark]) .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>.left-menu>li ul.sub-menu {
    background-color: rgb(34.2, 41.56, 59.96);
}
:is([data-layout=horizontal][data-sidebar-color=dark]) .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>.left-menu>li ul.sub-menu::after {
    border-bottom-color: rgb(34.2, 41.56, 59.96);
}
:is([data-layout=horizontal][data-sidebar-color=dark]) .sidebar-left.horizontal-sidebar .sidebar-slide #sidebar-menu>.left-menu>li ul.sub-menu li ul.sub-menu::after {
    border-bottom-color: rgb(34.2, 41.56, 59.96);
}
#page-topbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1002;
    background-color: var(--bs-secondary-bg);
}
#page-topbar .navbar-header {
    display: flex;
    align-items: center;
    margin: 0 auto;
    height: var(--bs-app-header-height);
    padding: 0;
}
#page-topbar .navbar-header .navbar-logo-box {
    position: relative;
    padding: 0 1.5rem;
    width: var(--bs-sidebar-width);
    background: var(--bs-secondary-bg);
}
@media(max-width: 767.98px) {
    #page-topbar .navbar-header .navbar-logo-box {
    width: var(--bs-sidebar-medium-width) !important;
}
#page-topbar .navbar-header .navbar-logo-box .logo-lg {
    display: none;
}
#page-topbar .navbar-header .navbar-logo-box .logo-sm {
    display: block !important;
}
}#page-topbar .navbar-header .navbar-logo-box .top-icon:hover, #page-topbar .navbar-header .navbar-logo-box .top-icon:active {
    background-color: rgba(0, 0, 0, 0) !important;
    border-color: rgba(0, 0, 0, 0) !important;
}
#page-topbar .navbar-header .navbar-logo-box #sidebar-btn {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
#page-topbar .navbar-header .navbar-logo-box .logo {
    line-height: var(--bs-app-header-height);
}
#page-topbar .navbar-header .navbar-logo-box .logo .logo-sm {
    display: none;
}
#page-topbar .navbar-header .menu-sm {
    width: calc(100% - var(--bs-sidebar-width));
}
@media(max-width: 767.98px) {
    #page-topbar .navbar-header .menu-sm {
    width: 100%}
}#page-topbar .navbar-header .menu-sm .contact-widget::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -30px;
    width: 100px;
    height: 1px;
    background: linear-gradient(to right,  transparent,  #b3ff00);
    transform: rotate(30deg);
}
#page-topbar .navbar-header .menu-sm .activities {
    z-index: 1000;
}
#page-topbar .navbar-header .menu-sm .notification-item .d-flex {
    padding: .75rem 1rem;
    transition: all .2s ease-in-out;
}
#page-topbar .navbar-header .menu-sm .notification-item .d-flex:hover {
    background-color: var(--bs-light);
}
.navbar-logo-box .logo-light {
    display: none;
}
.app-search .form-control {
    padding-left: 40px;
    padding-right: 20px;
    box-shadow: none;
    position: relative;
}
.app-search svg {
    position: absolute;
    z-index: 10;
    line-height: 38px;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    height: 18px;
    width: 18px;
    fill: var(--bs-secondary-color);
}
.admin-user-info .admin-name {
    color: rgb(126.4594594595, 139, 151.5405405405);
}
.top-icon i {
    color: rgb(126.4594594595, 139, 151.5405405405);
}
.top-icon:hover, .top-icon:active {
    background-color: var(--bs-tertiary-bg);
    border-color: var(--bs-tertiary-bg) !important;
}
[data-sidebar=small] .menu-sm {
    width: calc(100% - var(--bs-sidebar-collapsed-width) - 3.5rem) !important;
}
[data-sidebar=small] .navbar-logo-box {
    width: var(--bs-sidebar-collapsed-width) !important;
}
[data-sidebar=small] .navbar-logo-box .logo .logo-sm {
    display: inline-block !important;
}
[data-sidebar=small] .navbar-logo-box #sidebar-btn {
    right: -50px !important;
}
[data-sidebar=medium] .menu-sm {
    width: calc(100% - var(--bs-sidebar-medium-width) - 3.5rem) !important;
}
[data-sidebar=medium] .navbar-logo-box {
    width: var(--bs-sidebar-medium-width) !important;
}
[data-sidebar=medium] .navbar-logo-box #sidebar-btn {
    right: -50px !important;
}
[data-topbar-color=dark] #page-topbar {
    background: rgb(34.2, 41.56, 59.96);
}
[data-topbar-color=dark] #page-topbar .app-search .form-control {
    background-color: rgb(51, 57.8, 74.8);
    border-color: rgb(48.6, 55.48, 72.68);
}
[data-topbar-color=dark] #page-topbar .app-search .form-control:focus {
    color: #f2f2f4;
    border-color: #a47bc8;
}
[data-topbar-color=dark] #page-topbar .app-search .form-control::placeholder {
    color: #f2f2f4;
    opacity: .75;
}
[data-topbar-color=dark] #page-topbar .admin-user-info {
    border-color: rgb(48.6, 55.48, 72.68) !important;
}
[data-topbar-color=dark] #page-topbar .admin-user-info .avatar {
    background-color: rgb(51, 57.8, 74.8);
}
[data-topbar-color=dark] #page-topbar .top-icon:hover, [data-topbar-color=dark] #page-topbar .top-icon:active {
    background-color: rgb(51, 57.8, 74.8);
    border-color: rgb(51, 57.8, 74.8) !important;
}
[data-topbar-color=dark] .navbar-logo-box {
    background: rgb(34.2, 41.56, 59.96) !important;
}
[data-topbar-color=dark] .logo-light {
    display: block !important;
}
[data-topbar-color=dark] .logo-dark {
    display: none;
}
.page-title-box {
    padding-bottom: 16px;
}
.page-title-box .breadcrumb {
    padding: 0;
    margin-bottom: 0;
    --bs-breadcrumb-item-padding-x:  0.3125rem;
}
.page-title-box h4 {
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500;
}
@media(max-width: 767.98px) {
    .page-title-box .page-title-right {
    display: none;
}
}.w-xs {
    min-width: 80px;
}
.w-sm {
    min-width: 95px;
}
.w-md {
    min-width: 110px;
}
.w-lg {
    min-width: 140px;
}
.w-xl {
    min-width: 160px;
}
.flex-1 {
    flex: 1;
}
.modal, .offcanvas {
    box-shadow: var(--bs-box-shadow-sm);
}
.modal .btn-close, .offcanvas .btn-close {
    border: 1px solid rgba(var(--bs-body-color-rgb),  0.15);
    padding: 0 !important;
}
.offcanvas-title {
    font-size: .875rem;
}
.offcanvas-body {
    padding-top: 0;
}
.btn-close {
    transition: all .2s ease-in-out;
    margin-right: 0 !important;
    border-radius: var(--bs-border-radius);
    height: 1.5rem;
    width: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn-close::before {
    content: "󰅖";
    font-family: "Material Design Icons";
    font-size: 1rem;
    line-height: 15px;
    color: var(--bs-body-color);
}
.btn-close:hover::before {
    color: var(--bs-danger) !important;
}
::selection {
    background-color: #a47bc8;
    color: #fff;
}
.sticky-top {
    top: 81px;
    z-index: auto;
}
.tooltip {
    background-color: var(--bs-light);
    border: 1px solid var(--bs-border-color);
    border-radius: 4.8px;
}
svg {
    vertical-align: sub !important;
}
.border-light {
    border-color: var(--bs-secondary-bg) !important;
}
.blockElement, .blockUI, .blockMsg {
    padding: 5px 10px !important;
    border: none !important;
    border-radius: 4.8px !important;
    width: auto !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,  -50%) !important;
}
.blockElement h1, .blockUI h1, .blockMsg h1 {
    font-size: .9375rem !important;
    color: var(--bs-black) !important;
    font-weight: 400 !important;
    margin-bottom: 0 !important;
}
.blockUI.blockOverlay {
    background-color: rgba(var(--bs-light-rgb),  0.7) !important;
    width: 100% !important;
}
.border-dashed {
    border-style: dashed;
}
.simplebar-scrollbar:before {
    background: var(--bs-light) !important;
}
.avatar-primary {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}
.avatar-label-primary {
    background-color: rgba(var(--bs-primary-rgb),  0.15) !important;
    color: var(--bs-primary) !important;
}
.avatar-secondary {
    background-color: var(--bs-secondary) !important;
    color: #fff !important;
}
.avatar-label-secondary {
    background-color: rgba(var(--bs-secondary-rgb),  0.15) !important;
    color: var(--bs-secondary) !important;
}
.avatar-success {
    background-color: var(--bs-success) !important;
    color: #fff !important;
}
.avatar-label-success {
    background-color: rgba(var(--bs-success-rgb),  0.15) !important;
    color: var(--bs-success) !important;
}
.avatar-info {
    background-color: var(--bs-info) !important;
    color: #fff !important;
}
.avatar-label-info {
    background-color: rgba(var(--bs-info-rgb),  0.15) !important;
    color: var(--bs-info) !important;
}
.avatar-pink {
    background-color: var(--bs-pink) !important;
    color: #fff !important;
}
.avatar-label-pink {
    background-color: rgba(var(--bs-pink-rgb),  0.15) !important;
    color: var(--bs-pink) !important;
}
.avatar-warning {
    background-color: var(--bs-warning) !important;
    color: #fff !important;
}
.avatar-label-warning {
    background-color: rgba(var(--bs-warning-rgb),  0.15) !important;
    color: var(--bs-warning) !important;
}
.avatar-danger {
    background-color: var(--bs-danger) !important;
    color: #fff !important;
}
.avatar-label-danger {
    background-color: rgba(var(--bs-danger-rgb),  0.15) !important;
    color: var(--bs-danger) !important;
}
.avatar-light {
    background-color: var(--bs-light) !important;
    color: #fff !important;
}
.avatar-label-light {
    background-color: rgba(var(--bs-light-rgb),  0.15) !important;
    color: var(--bs-light) !important;
}
.avatar-dark {
    background-color: var(--bs-dark) !important;
    color: #fff !important;
}
.avatar-label-dark {
    background-color: rgba(var(--bs-dark-rgb),  0.15) !important;
    color: var(--bs-dark) !important;
}
.avatar-2xs {
    height: 24px;
    width: 24px;
    font-size: .8125rem;
}
.avatar-xs {
    height: 34px;
    width: 34px;
    font-size: 16px;
}
.avatar-sm {
    height: 40px;
    width: 40px;
    font-size: 20px;
}
.avatar-md {
    height: 48px;
    width: 48px;
    font-size: 32px;
}
.avatar-lg {
    height: 56px;
    width: 56px;
    font-size: 2.25rem;
}
.avatar-xl {
    height: 72px;
    width: 72px;
    font-size: 2.875rem;
}
.avatar-xxl {
    height: 6rem;
    width: 6rem;
    font-size: 54px;
}
.avatar {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-body-color);
    background: var(--bs-light);
    border-radius: 4.8px;
    font-weight: 600;
    flex-shrink: 0;
}
.avatar img {
    object-fit: cover;
}
.avatar-border {
    border: 1px solid var(--bs-border-color);
    background-color: var(--bs-secondary-bg) !important;
}
.avatar-circle {
    border-radius: 50%}
.avatar-circle img {
    border-radius: 50%}
.avatar-group {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}
.avatar-group>.avatar {
    margin: 0;
    font-size: 1rem;
    border: 2px solid var(--bs-secondary-bg);
    width: 3rem;
    height: 3rem;
    overflow: hidden;
    cursor: pointer;
    transition: all .3s ease;
}
.avatar-group>.avatar:hover {
    z-index: 1;
    transform: scale(1.03);
}
.avatar-group>.avatar+.avatar {
    margin-left: -0.6875rem;
}
.avatar-group-lg>.avatar {
    font-size: 1.5rem;
    width: 56px;
    height: 56px;
}
.avatar-group-sm>.avatar {
    font-size: .8125rem;
    width: 2.125rem;
    height: 2.125rem;
}
.avatar-addon {
    z-index: 1;
    position: absolute;
}
.avatar-addon-top {
    top: -0.55rem;
    left: -0.55rem;
}
.avatar-addon-bottom {
    bottom: -0.7rem;
    right: -0.45rem;
}
.avatar-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 1.2rem;
    color: var(--bs-body-color);
    background: var(--bs-body-bg);
    border-radius: 50%}
.avatar-badge, .avatar-icon {
    position: relative;
    border: 2px solid var(--bs-secondary-bg);
}
.avatar-badge {
    line-height: .5 !important;
    padding-left: .35rem !important;
    padding-right: .35rem !important;
}
.avatar-icon>i {
    font-size: .5rem;
}
.avatar-light {
    color: var(--bs-body-color) !important;
    background-color: var(--bs-light) !important;
}
.dropdown-menu {
    box-shadow: 0 3px 9px rgba(0, 0, 0, .02);
    z-index: 1000;
}
.dropdown-toggle::after {
    content: "󰅀";
    font-family: "Material Design Icons";
    font-size: 1.0625rem;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin-left: .125rem;
    transition: transform .2s ease-in-out;
}
.dropdown-toggle[aria-expanded=true]::after {
    transform: rotate(180deg);
}
.dropdown .dropdown-item {
    display: flex;
    flex-direction: row;
    transition: all .2s ease-in-out;
}
.dropdown.dropup .dropdown-toggle[aria-expanded=true]::after, .dropdown.dropend .dropdown-toggle[aria-expanded=true]::after {
    transform: rotate(0deg);
}
.dropdown.dropup .dropdown-toggle::after {
    content: "󰅃"}
.dropdown.dropend .dropdown-toggle::after {
    content: "󰅂"}
.dropdown.dropstart .dropdown-toggle::before {
    content: "󰅁";
    font-family: "Material Design Icons";
    font-size: 1.0625rem;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin-right: .125rem;
    transition: transform .2s ease-in-out;
}
.dropdown.dropstart .dropdown-toggle::after {
    display: none;
}
.dropdown-menu-animated {
    animation-name: DropDownSlide;
    animation-duration: .3s;
    animation-fill-mode: both;
    margin: 0;
    position: absolute;
}
.dropdown-menu-animated.show {
    top: 140% !important;
}
@keyframes DropDownSlide {
    100% {
    transform: translateY(0);
}
0% {
    transform: translateY(10px);
}
}.dropdown-menu-end[style] {
    left: auto !important;
    right: 0 !important;
}
.dropdown-menu[data-popper-placement^=right], .dropdown-menu[data-popper-placement^=top], .dropdown-menu[data-popper-placement^=left] {
    top: auto !important;
    animation: none !important;
}
@media(min-width: 321px) {
    .dropdown-menu-lg {
    width: 320px;
}
.dropdown-menu-md {
    width: 260px;
}
}@media(max-width: 600px) {
    .dropdown-menu-md {
    width: 230px;
}
}.btn.btn-outline-light.show {
    color: var(--bs-body-color);
}
.dropdown-menu-widest {
    min-width: 960px;
}
.dropdown-menu-wider {
    min-width: 40rem;
}
.dropdown-menu-wide {
    min-width: 26rem;
}
@media(max-width: 1550px) {
    .dropdown-menu-lg-widest.dropdown-menu-widest {
    min-width: 60rem;
}
}@media(max-width: 1320px) {
    .dropdown-menu-lg-widest.dropdown-menu-widest {
    min-width: 45rem;
}
.dropdown-menu-lg-widest.dropdown-menu-widest .menu-image {
    display: none;
}
}@media(max-width: 1080px) {
    .dropdown-menu-lg-widest.dropdown-menu-widest {
    min-width: 35rem;
}
.dropdown-menu-lg-widest.dropdown-menu-widest .dropdown-col .grid-nav-row {
    flex-wrap: wrap;
}
}.btn-group .dropdown-toggle::after {
    content: "󰅀";
    font-family: "Material Design Icons";
    font-size: 1.0625rem;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin-left: .125rem;
    transition: all .2s ease-in-out;
}
.btn-group .dropdown-toggle[aria-expanded=true]::after {
    transform: rotate(180deg);
}
.btn-group .dropdown-toggle-split[aria-expanded=true]::after {
    transform: rotate(0deg);
}
.btn-group .dropdown-toggle-split::after {
    content: "󰅀";
    font-family: "Material Design Icons";
    font-size: 1.0625rem;
    line-height: 1;
}
.btn-group .dropdown-toggle-split::after {
    margin-left: 0rem;
}
.btn-group.dropup .dropdown-toggle-split::after {
    content: "󰅃"}
.btn-group.dropend .dropdown-toggle-split::after {
    content: "󰅂"}
.btn-group.dropstart .dropdown-toggle-split::after {
    content: "󰅁";
    font-family: "Material Design Icons";
    font-size: 1.0625rem;
    line-height: 1;
}
.btn-group.dropstart .dropdown-toggle-split::before {
    display: none;
}
.dropdown-bullet {
    font-size: 6px;
    position: relative;
    top: 4px;
}
.dropdown-header {
    font-size: .85rem;
}
.dropdown-content {
    flex: 1;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu:hover>.dropdown-submenu-menu {
    display: inline-block;
    background-color: var(--bs-secondary-bg);
}
.dropdown-addon {
    white-space: nowrap;
}
.dropdown-addon:last-child {
    margin-left: .5rem;
}
.dropdown-addon:first-child {
    margin-right: .5rem;
}
.dropdown-submenu-end {
    top: 0;
    right: 0;
    transform: translateX(100%);
}
.dropdown-submenu-start {
    top: 0;
    left: 0;
    transform: translateX(-100%);
}
.dropdown-menu-animated .dropdown-submenu-menu {
    animation-name: slideUp;
}
.dropdown-submenu-menu {
    width: fit-content;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .25rem 0;
    margin: 0;
    text-align: left;
    list-style: none;
    background-color: var(--bs-white);
    border: 1px solid var(--bs-border-color);
}
.dropdown-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
}
.dropdown-col {
    flex: 1;
    min-width: 10rem;
}
.dropdown-menu .dropdown-row .dropdown-col .dropdown-item:hover, .dropdown-menu-widest .dropdown-row .dropdown-col .dropdown-item:hover {
    background-color: rgba(0, 0, 0, 0);
}
.dropdown-menu .dropdown-row .dropdown-col .dropdown-item:active, .dropdown-menu-widest .dropdown-row .dropdown-col .dropdown-item:active {
    background-color: var(--bs-primary);
}
.dropdown-menu .dropdown-row .dropdown-col .grid-nav-item, .dropdown-menu-widest .dropdown-row .dropdown-col .grid-nav-item {
    background-color: rgba(0, 0, 0, 0);
}
.dropdown-menu .dropdown-row .dropdown-col .grid-nav-item:active, .dropdown-menu-widest .dropdown-row .dropdown-col .grid-nav-item:active {
    background-color: var(--bs-primary);
}
button, a {
    outline: none !important;
}
.btn {
    position: relative;
}
.btn:active {
    border-color: rgba(0, 0, 0, 0);
}
.btn.show, .btn:first-child:active {
    border-color: rgba(0, 0, 0, 0);
}
.btn-rounded {
    border-radius: 30px;
}
.btn-dark, .btn-secondary {
    color: #f2f2f4;
}
.btn-outline-light {
    color: #212529;
}
.btn-text-light {
    color: var(--bs-body-color) !important;
}
.btn-text-light:active {
    background-color: var(--bs-light) !important;
}
.btn-flat-light:hover, .btn-flat-light:active, .btn-flat-light:focus {
    background-color: color-mix(in srgb,  var(--bs-light) 75%,  white 10%);
    color: var(--bs-body-color) !important;
}
.btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: calc(16px + .8rem + 4.5px);
    width: calc(16px + .8rem + 4.5px);
    padding: 0;
    font-size: 1rem !important;
}
.btn-xs {
    padding: .2813rem 8px;
    font-size: .75rem;
    border-radius: .25rem;
}
.btn-xl {
    padding: .625rem 1.5rem;
    font-size: 1rem;
    border-radius: .5rem;
}
.btn-icon.btn-sm {
    width: calc(16px + .5rem + 4px) !important;
    height: calc(16px + .5rem + 4px) !important;
    font-size: .8rem !important;
}
.btn-icon.btn-lg {
    width: calc(16px + 1.2rem + 2px) !important;
    height: calc(16px + 1.2rem + 2px) !important;
    font-size: 1.2rem !important;
}
.btn-icon>svg {
    font-size: 1rem;
    height: 1em;
}
.btn-wide {
    padding-left: 1rem;
    padding-right: 1rem;
}
.btn-wider {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}
.btn-widest {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.btn-tall {
    padding-top: .525rem;
    padding-bottom: .525rem;
}
.btn-taller {
    padding-top: .675rem;
    padding-bottom: .675rem;
}
.btn-tallest {
    padding-top: .875rem;
    padding-bottom: .875rem;
}
.btn-marker {
    display: block;
    position: absolute !important;
    z-index: 1;
    top: -0.625rem !important;
    right: -0.625rem !important;
}
.btn .badge {
    position: relative;
    top: -1px;
}
.btn-counter {
    box-shadow: 0 0 0 2px var(--bs-secondary-bg);
}
.hover-filled {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all .3s ease;
}
.hover-filled::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--bs-secondary-bg);
    z-index: -1;
    transition: all .3s ease;
}
.hover-filled:hover {
    color: var(--bs-btn-bg) !important;
}
.hover-filled:hover::before {
    top: 0;
    left: 0;
}
.hover-filled.slide-down::before {
    top: -100%;
    left: 0;
}
.hover-filled.slide-up::before {
    top: 100%;
    left: 0;
}
.hover-filled.slide-left::before {
    top: 0;
    left: 100%}
.hover-filled.slide-right::before {
    top: 0;
    left: -100%}
.hover-filled.slide-down:hover::before {
    top: 0;
}
.hover-filled.slide-up:hover::before {
    top: 0;
}
.hover-filled.slide-left:hover::before {
    left: 0;
}
.hover-filled.slide-right:hover::before {
    left: 0;
}
.publish-btn {
    position: relative;
    overflow: hidden;
}
.publish-btn .btn-text, .publish-btn .btn-success-text {
    position: relative;
    z-index: 2;
    display: inline-block;
}
.publish-btn .btn-success-text {
    display: none;
}
.publish-btn .btn-success-text svg {
    height: 13px;
    width: .8125rem;
}
.publish-btn .progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: color-mix(in srgb,  var(--bs-btn-bg) 90%,  black 10%);
    z-index: 1;
    transition: width 1.15s linear;
}
.publish-btn.completed .btn-text {
    display: none;
}
.publish-btn.completed .btn-success-text {
    display: inline-block;
}
.btn-light {
    color: var(--bs-body-color) !important;
    background-color: var(--bs-light);
    border-color: var(--bs-border-color);
}
.btn-light:hover, .btn-light:active {
    background-color: color-mix(in srgb,  var(--bs-light) 75%,  white 10%) !important;
    color: var(--bs-body-color) !important;
    border-color: var(--bs-border-color);
}
.btn-dark {
    color: #fff;
    background-color: var(--bs-dark);
    border-color: rgba(0, 0, 0, 0);
}
.btn-dark:hover, .btn-dark:active {
    background-color: var(--bs-dark) !important;
    color: #fff;
    border-color: rgba(0, 0, 0, 0);
}
.btn-outline-light {
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}
.btn-outline-light:hover, .btn-outline-light:active {
    background-color: color-mix(in srgb,  var(--bs-light) 75%,  white 10%) !important;
    color: var(--bs-body-color) !important;
    border-color: var(--bs-border-color);
}
.btn-label-light {
    color: var(--bs-body-color);
}
.btn-label-light:hover, .btn-label-light:active {
    background-color: color-mix(in srgb,  var(--bs-light) 75%,  white 10%) !important;
    color: var(--bs-body-color) !important;
    border-color: var(--bs-border-color) !important;
}
.btn-label-dark:active {
    border-color: rgba(0, 0, 0, 0) !important;
}
.btn-check:checked+.btn {
    color: #fff;
}
.btn-check+.btn:hover {
    color: var(--bs-btn-color) !important;
}
.badge {
    line-height: .75;
}
.badge-circle, .badge-square {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2em;
    width: 2em;
    line-height: 0;
}
html {
    position: relative;
    min-height: 100%}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: var(--bs-body-color);
    font-family: "Lexend", sans-serif;
}
a {
    text-decoration: none !important;
}
.row>* {
    position: relative;
}
.form-check-right {
    padding-left: 0;
    display: inline-block;
    padding-right: 1.75em;
}
.form-check-right .form-check-input {
    float: right;
    margin-left: 0;
    margin-right: -1.75em;
}
.form-check-right .form-check-label {
    display: block;
}
.form-control, .form-select {
    line-height: 1.41;
    border: 1px solid var(--bs-border-color);
    background-color: var(--bs-secondary-bg);
}

.form-control::placeholder {
    color: var(--bs-form-control-placeholder-color);
}

.form-control:focus {
    background-color: var(--bs-secondary-bg);
}

[data-bs-theme=light] .form-control:disabled, [data-bs-theme=light] .form-select:disabled {
    background-color: var(--bs-gray-200);
}

[data-bs-theme=dark] .form-control:disabled, [data-bs-theme=dark] .form-control:disabled {
    background-color: var(--bs-tertiary-bg);
}

.form-check {
    position: relative;
    text-align: left;
}
.form-check .form-check-input {
    cursor: pointer;
}
.form-check-label {
    cursor: pointer;
    margin-bottom: 0;
}
.form-floating>.form-control:focus {
    padding-top: 1.2rem !important;
    padding-bottom: 1rem !important;
}
.form-floating>.form-control:focus+label {
    top: -15px !important;
}
.form-floating .form-control {
    height: calc(1rem + 22px) !important;
}
.form-floating>label {
    top: -7px !important;
}
.form-floating>.form-select {
    height: auto !important;
    padding-top: 1rem !important;
    padding-bottom: .5rem !important;
}
.form-floating>.form-select+label {
    top: -15px !important;
}
.form-floating>.form-select:focus {
    box-shadow: none;
}
.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.2rem !important;
    padding-bottom: 1rem !important;
}
.form-floating>.form-control:not(:placeholder-shown)+label {
    top: -15px !important;
}
input[type=file]::file-selector-button {
    background-color: var(--bs-light);
    border-right: 1px solid var(--bs-border-color);
}
input[type=file]:hover::file-selector-button {
    background-color: var(--bs-light);
}
input[type=range]:disabled::-webkit-slider-thumb {
    background-color: var(--bs-tertiary-bg);
    border: 2px solid var(--bs-tertiary-bg);
}
.form-control.is-invalid:focus, .form-control.is-valid:focus, .form-select.is-invalid:focus {
    box-shadow: none;
}
.grid-nav {
    display: flex;
    flex-direction: column;
    width: 100%}
.grid-nav-row {
    display: flex;
    flex-direction: row;
}
.grid-nav-row+.grid-nav-row {
    margin-top: -1px;
}
.grid-nav-item {
    flex: 1;
    min-width: 5rem;
    color: var(--bs-body-color);
    background: var(--bs-secondary-bg);
    padding: 1rem .75rem;
    cursor: default;
    text-decoration: none;
}
.grid-nav-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    color: var(--bs-secondary-color);
}
.grid-nav-icon>i {
    font-size: 1.65rem;
}
.grid-nav-content {
    display: block;
    width: 100%;
    text-align: center;
}
.grid-nav-flush .grid-nav-row:last-of-type .grid-nav-item {
    border-bottom: none;
}
.grid-nav-flush .grid-nav-row:first-of-type .grid-nav-item {
    border-top: none;
}
.grid-nav-flush .grid-nav-item:first-of-type {
    border-left: none;
}
.grid-nav-flush .grid-nav-item {
    border: 1px dashed var(--bs-border-color);
}
.grid-nav-bordered .grid-nav-item {
    border: 1px dashed var(--bs-border-color);
}
.grid-nav-bordered .grid-nav-row .grid-nav-item:first-child {
    border-top-left-radius: .4375rem;
    border-bottom-left-radius: .4375rem;
}
.grid-nav-bordered .grid-nav-row .grid-nav-item:last-child {
    border-top-right-radius: .4375rem;
    border-bottom-right-radius: .4375rem;
}
.grid-nav-title {
    color: var(--bs-body-color);
    font-size: 1rem;
}
.grid-nav-subtitle {
    color: var(--bs-secondary-color);
}
.grid-nav-subtitle, .grid-nav-title {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1.5;
}
.grid-nav-action .grid-nav-item {
    cursor: pointer;
}
.grid-nav-action .grid-nav-item:focus, .grid-nav-action .grid-nav-item:hover {
    z-index: 1;
    background-color: rgba(var(--bs-primary-rgb),  0.1);
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.grid-nav-action .grid-nav-item:focus .grid-nav-icon, .grid-nav-action .grid-nav-item:focus .grid-nav-subtitle, .grid-nav-action .grid-nav-item:focus .grid-nav-title, .grid-nav-action .grid-nav-item:hover .grid-nav-icon, .grid-nav-action .grid-nav-item:hover .grid-nav-subtitle, .grid-nav-action .grid-nav-item:hover .grid-nav-title {
    color: var(--bs-primary);
}
.grid-nav-action .grid-nav-item.active, .grid-nav-action .grid-nav-item:active {
    z-index: 2;
    background-color: var(--bs-primary);
    border-color: var(--bs-border-color);
}
.grid-nav-action .grid-nav-item.active .grid-nav-icon, .grid-nav-action .grid-nav-item.active .grid-nav-subtitle, .grid-nav-action .grid-nav-item.active .grid-nav-title, .grid-nav-action .grid-nav-item.active .grid-nav-content, .grid-nav-action .grid-nav-item:active .grid-nav-icon, .grid-nav-action .grid-nav-item:active .grid-nav-subtitle, .grid-nav-action .grid-nav-item:active .grid-nav-title, .grid-nav-action .grid-nav-item:active .grid-nav-content {
    color: #fff;
}
.grid-nav-action .grid-nav-item.disabled, .grid-nav-action .grid-nav-item:disabled {
    color: var(--bs-secondary-color);
    background: var(--bs-secondary-bg);
    border-color: var(--bs-border-color);
    opacity: .65;
    pointer-events: none;
}
.card-primary {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}
.card-primary .card-header {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}
.card-primary .card-header .card-title {
    color: #fff !important;
}
.card-primary .card-body {
    color: #fff !important;
}
.card-primary .card-footer {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}
.card-secondary {
    background-color: var(--bs-secondary) !important;
    color: #fff !important;
}
.card-secondary .card-header {
    background-color: var(--bs-secondary) !important;
    color: #fff !important;
}
.card-secondary .card-header .card-title {
    color: #fff !important;
}
.card-secondary .card-body {
    color: #fff !important;
}
.card-secondary .card-footer {
    background-color: var(--bs-secondary) !important;
    color: #fff !important;
}
.card-success {
    background-color: var(--bs-success) !important;
    color: #fff !important;
}
.card-success .card-header {
    background-color: var(--bs-success) !important;
    color: #fff !important;
}
.card-success .card-header .card-title {
    color: #fff !important;
}
.card-success .card-body {
    color: #fff !important;
}
.card-success .card-footer {
    background-color: var(--bs-success) !important;
    color: #fff !important;
}
.card-info {
    background-color: var(--bs-info) !important;
    color: #fff !important;
}
.card-info .card-header {
    background-color: var(--bs-info) !important;
    color: #fff !important;
}
.card-info .card-header .card-title {
    color: #fff !important;
}
.card-info .card-body {
    color: #fff !important;
}
.card-info .card-footer {
    background-color: var(--bs-info) !important;
    color: #fff !important;
}
.card-pink {
    background-color: var(--bs-pink) !important;
    color: #fff !important;
}
.card-pink .card-header {
    background-color: var(--bs-pink) !important;
    color: #fff !important;
}
.card-pink .card-header .card-title {
    color: #fff !important;
}
.card-pink .card-body {
    color: #fff !important;
}
.card-pink .card-footer {
    background-color: var(--bs-pink) !important;
    color: #fff !important;
}
.card-warning {
    background-color: var(--bs-warning) !important;
    color: #fff !important;
}
.card-warning .card-header {
    background-color: var(--bs-warning) !important;
    color: #fff !important;
}
.card-warning .card-header .card-title {
    color: #fff !important;
}
.card-warning .card-body {
    color: #fff !important;
}
.card-warning .card-footer {
    background-color: var(--bs-warning) !important;
    color: #fff !important;
}
.card-danger {
    background-color: var(--bs-danger) !important;
    color: #fff !important;
}
.card-danger .card-header {
    background-color: var(--bs-danger) !important;
    color: #fff !important;
}
.card-danger .card-header .card-title {
    color: #fff !important;
}
.card-danger .card-body {
    color: #fff !important;
}
.card-danger .card-footer {
    background-color: var(--bs-danger) !important;
    color: #fff !important;
}
.card-light {
    background-color: var(--bs-light) !important;
    color: #fff !important;
}
.card-light .card-header {
    background-color: var(--bs-light) !important;
    color: #fff !important;
}
.card-light .card-header .card-title {
    color: #fff !important;
}
.card-light .card-body {
    color: #fff !important;
}
.card-light .card-footer {
    background-color: var(--bs-light) !important;
    color: #fff !important;
}
.card-dark {
    background-color: var(--bs-dark) !important;
    color: #fff !important;
}
.card-dark .card-header {
    background-color: var(--bs-dark) !important;
    color: #fff !important;
}
.card-dark .card-header .card-title {
    color: #fff !important;
}
.card-dark .card-body {
    color: #fff !important;
}
.card-dark .card-footer {
    background-color: var(--bs-dark) !important;
    color: #fff !important;
}
.card {
    margin-bottom: 16px;
    box-shadow: var(--bs-box-shadow);
}
.card-h-100 {
    height: calc(100% - 1rem);
}
.card-drop {
    font-size: 20px;
    line-height: 0;
    color: inherit;
}
.card-title {
    font-size: .875rem;
    margin: 0 0 7px 0;
}
.card-title-desc {
    color: #74788d;
    margin-bottom: 24px;
}
.card-header {
    border-bottom: 1px solid var(--bs-border-color);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .375rem;
    justify-content: space-between;
}
.card-header .card-title {
    margin-bottom: 0;
}
.card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    margin-right: .5rem;
}
.card-header-lines {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}
.card-header-lines .nav-link {
    margin-bottom: calc((.75rem - 2px)*-1);
}
.nav-lines {
    border-width: 2px;
    margin-bottom: -3px;
}
.nav-lines .nav-link {
    border: 0;
    background: 0 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
}
.nav-lines .nav-link.active {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.card-footer {
    background-color: var(--bs-secondary-bg);
    border-top: 1px solid var(--bs-border-color);
}
.card-addon {
    margin-left: auto;
}
@media(min-width: 1500px) {
    .card-row-fill-xl>[class*=col]>.card {
    flex: 1;
}
}.accordion .accordion-item .accordion-button svg {
    fill: var(--bs-accordion-btn-color);
}
.accordion .accordion-item .accordion-button i {
    color: var(--bs-accordion-btn-color);
}
.accordion .accordion-item .accordion-button:not(.collapsed) {
    color: var(--bs-primary);
}
.accordion .accordion-item .accordion-button:not(.collapsed) svg {
    fill: var(--bs-primary);
}
.accordion .accordion-item .accordion-button:not(.collapsed) i {
    color: var(--bs-primary);
}
.accordion.accordion-border .accordion-item {
    border-top: 1px solid var(--bs-border-color);
    border-radius: 4.8px;
}
.accordion.accordion-border .accordion-item:not(:first-of-type) {
    margin-top: 8px;
}
.accordion.accordion-border .accordion-item .accordion-button {
    border-radius: 4.8px;
}
.accordion.accordion-border .accordion-item .accordion-button:not(.collapsed) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.collapse .card {
    margin-bottom: 0;
    border: 1px solid var(--bs-border-color);
}
.alert {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%}
.alert svg {
    fill: var(--bs-alert-color);
}
.alert.alert-dismissible .btn-close {
    padding: .5rem 12px !important;
    z-index: 2;
    background: rgba(0, 0, 0, 0) none center/1em auto no-repeat;
}
.alert.alert-dismissible .btn-close::before {
    color: var(--bs-alert-color) !important;
}
.alert-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .75rem;
}
.alert-icon>i {
    font-size: 1rem;
}
[data-bs-theme=dark].alert-dismissible .btn-close::before {
    color: auto !important;
}
[data-bs-theme=dark] {
    --bs-btn-close-filter:  none;
}
.breadcrumb {
    border: 1px solid var(--bs-border-color);
}
.breadcrumb .breadcrumb-item a {
    transition: all .2s ease-in-out;
    color: var(--bs-body-color);
}
.breadcrumb .breadcrumb-item a:hover {
    color: var(--bs-primary);
}
.breadcrumb .breadcrumb-item svg {
    fill: var(--bs-secondary-color);
}
.breadcrumb.breadcrumb-transparent {
    background-color: rgba(0, 0, 0, 0);
}
.breadcrumb-item+.breadcrumb-item::before {
    content: "󰅂";
    font-family: "Material Design Icons";
    font-size: 1.1875rem;
    line-height: 1;
    color: rgba(var(--bs-body-color-rgb),  0.3);
}
.breadcrumb-arrow .breadcrumb-item+.breadcrumb-item::before {
    content: "󱦰"}
.breadcrumb-slash .breadcrumb-item+.breadcrumb-item::before {
    content: "󰿟"}
.breadcrumb-double-arrow .breadcrumb-item+.breadcrumb-item::before {
    content: "󰄾"}
[dir=rtl] .breadcrumb-arrow .breadcrumb-item+.breadcrumb-item::before {
    content: "󱦯"}
[dir=rtl] .breadcrumb-slash .breadcrumb-item+.breadcrumb-item::before {
    content: "󰿠"}
[dir=rtl] .breadcrumb-double-arrow .breadcrumb-item+.breadcrumb-item::before {
    content: "󰄽"}
.list-group-item-primary {
    background-color: rgba(var(--bs-primary-rgb),  0.15);
    color: var(--bs-primary);
    border-color: var(--bs-border-color);
}
.list-group-item-primary:hover {
    background-color: rgba(var(--bs-primary-rgb),  0.2) !important;
    color: var(--bs-primary) !important;
}
.list-group-item-secondary {
    background-color: rgba(var(--bs-secondary-rgb),  0.15);
    color: var(--bs-secondary);
    border-color: var(--bs-border-color);
}
.list-group-item-secondary:hover {
    background-color: rgba(var(--bs-secondary-rgb),  0.2) !important;
    color: var(--bs-secondary) !important;
}
.list-group-item-success {
    background-color: rgba(var(--bs-success-rgb),  0.15);
    color: var(--bs-success);
    border-color: var(--bs-border-color);
}
.list-group-item-success:hover {
    background-color: rgba(var(--bs-success-rgb),  0.2) !important;
    color: var(--bs-success) !important;
}
.list-group-item-info {
    background-color: rgba(var(--bs-info-rgb),  0.15);
    color: var(--bs-info);
    border-color: var(--bs-border-color);
}
.list-group-item-info:hover {
    background-color: rgba(var(--bs-info-rgb),  0.2) !important;
    color: var(--bs-info) !important;
}
.list-group-item-pink {
    background-color: rgba(var(--bs-pink-rgb),  0.15);
    color: var(--bs-pink);
    border-color: var(--bs-border-color);
}
.list-group-item-pink:hover {
    background-color: rgba(var(--bs-pink-rgb),  0.2) !important;
    color: var(--bs-pink) !important;
}
.list-group-item-warning {
    background-color: rgba(var(--bs-warning-rgb),  0.15);
    color: var(--bs-warning);
    border-color: var(--bs-border-color);
}
.list-group-item-warning:hover {
    background-color: rgba(var(--bs-warning-rgb),  0.2) !important;
    color: var(--bs-warning) !important;
}
.list-group-item-danger {
    background-color: rgba(var(--bs-danger-rgb),  0.15);
    color: var(--bs-danger);
    border-color: var(--bs-border-color);
}
.list-group-item-danger:hover {
    background-color: rgba(var(--bs-danger-rgb),  0.2) !important;
    color: var(--bs-danger) !important;
}
.list-group-item-light {
    background-color: rgba(var(--bs-light-rgb),  0.15);
    color: var(--bs-light);
    border-color: var(--bs-border-color);
}
.list-group-item-light:hover {
    background-color: rgba(var(--bs-light-rgb),  0.2) !important;
    color: var(--bs-light) !important;
}
.list-group-item-dark {
    background-color: rgba(var(--bs-dark-rgb),  0.15);
    color: var(--bs-dark);
    border-color: var(--bs-border-color);
}
.list-group-item-dark:hover {
    background-color: rgba(var(--bs-dark-rgb),  0.2) !important;
    color: var(--bs-dark) !important;
}
.list-group-item-light {
    color: var(--bs-primary);
}
.list-group-item-light:hover {
    color: var(--bs-primary) !important;
}
.list-group-item.list-group-item-action.active, .list-group-item.list-group-item-action:active {
    color: var(--bs-white) !important;
}
.list-group-item.list-group-item-action.active h3, .list-group-item.list-group-item-action.active h4, .list-group-item.list-group-item-action.active h5, .list-group-item.list-group-item-action:active h3, .list-group-item.list-group-item-action:active h4, .list-group-item.list-group-item-action:active h5 {
    color: var(--bs-white) !important;
}
.marker {
    display: inline-block;
    color: var(--bs-secondary-bg);
    margin: .25rem;
    box-shadow: 0 0 0 2px var(--bs-secondary-bg);
}
.marker-dot {
    width: 7px;
    height: 7px;
    background-color: currentColor;
    border-radius: 50%}
.marker-dot.marker-sm {
    width: .35rem !important;
    height: .35rem !important;
}
.marker-dot.marker-lg {
    width: .75rem !important;
    height: .75rem !important;
}
.marker-circle {
    width: .65rem;
    height: .65rem;
    background-color: var(--bs-secondary-bg);
    border: 2px solid currentColor;
    border-radius: 50%}
.marker-circle.marker-sm {
    width: .455rem !important;
    height: .455rem !important;
}
.marker-circle.marker-lg {
    width: .975rem !important;
    height: .975rem !important;
}
.marker-pill {
    width: 1.75rem;
    height: .5rem;
    background-color: currentColor;
    border-radius: .25rem;
}
.marker-pill.marker-sm {
    width: 1.35rem;
    height: .35rem;
}
.marker-pill.marker-lg {
    width: 2.35rem;
    height: .75rem;
    border-radius: .375rem;
}
.modal .modal-header {
    border-bottom: 0;
}
.modal .modal-header .modal-title {
    font-size: 14px;
}
.modal .modal-body {
    padding-top: 0;
}
.modal .modal-footer {
    border-top: 0;
    padding-top: 0;
}
.nav .nav-item .nav-link.active {
    color: var(--bs-primary);
}
.nav-pills>li.nav-item>a.nav-link.active {
    font-weight: 500;
    color: #fff;
    background-color: var(--bs-primary) !important;
}
.nav-pills>li.nav-item>a.nav-link:hover {
    background-color: var(--bs-tertiary-bg);
}
.nav-pills.nav-icons .nav-item .nav-link {
    position: relative;
    gap: .25rem;
    display: flex;
    align-items: center;
    transition: all .2s ease-in-out;
}
.nav-pills.nav-icons .nav-item .nav-link span {
    transition: all .2s ease-in-out;
    display: none;
}
.nav-pills.nav-icons .nav-item .nav-link:hover span {
    display: inline-flex;
}
.nav-pills.nav-icons .nav-item .nav-link.active {
    background-color: var(--bs-light) !important;
    color: var(--bs-primary);
}
.nav-pills.nav-icons .nav-item .nav-link.active span {
    display: inline-flex;
}
.nav-tabs-custom {
    border-bottom: 2px solid #eae9eb;
}
.nav-tabs-custom .nav-item {
    position: relative;
    color: #343a40;
}
.nav-tabs-custom .nav-item .nav-link {
    border: none;
}
.nav-tabs-custom .nav-item .nav-link::after {
    content: "";
    background: var(--bs-primary);
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}
.nav-tabs-custom .nav-item .nav-link.active {
    color: var(--bs-primary);
}
.nav-tabs-custom .nav-item .nav-link.active:after {
    transform: scale(1);
}
.sidebar-nav .nav .nav-link {
    padding: 24px 16px;
    text-align: center;
    margin-bottom: 8px;
}
.sidebar-nav .nav .nav-link .nav-icon {
    font-size: 24px;
}
.nav-append, .nav-prepend {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
}
.nav-prepend {
    margin-right: .5rem;
}
.nav-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
}
.nav-icon>i {
    font-size: .75rem;
}
.nav-lines {
    margin-bottom: -11px;
}
.card-nav.nav-tabs {
    margin-bottom: -11px;
}
[dir=ltr] .page-prev .pagination-right {
    display: none;
}
[dir=rtl] .page-prev .pagination-left {
    display: none;
}
[dir=ltr] .page-next .pagination-left {
    display: none;
}
[dir=rtl] .page-next .pagination-right {
    display: none;
}
.page-prev i, .page-next i {
    font-size: 18px;
}
.pagination {
    gap: .375rem;
}
.pagination i {
    line-height: .7;
}
.pagination .page-item:first-child, .pagination .page-item:last-child {
    --bs-pagination-active-bg:  transparent;
    --bs-pagination-active-border-color:  var(--bs-border-color);
    --bs-pagination-active-color:  var(--bs-primary);
    --bs-pagination-hover-bg:  transparent;
    --bs-pagination-focus-bg:  transparent;
    --bs-pagination-focus-color:  var(--bs-primary);
}
.pagination.pagination-rounded .page-link {
    border-radius: 30px !important;
    text-align: center;
}
.pagination.pagination-borderless .page-link {
    border: none;
}
.pagination.pagination-navigate {
    gap: 0;
}
.pagination.pagination-navigate .page-item:first-child .page-link {
    border-top-left-radius: var(--bs-border-radius);
    border-bottom-left-radius: var(--bs-border-radius);
}
.pagination.pagination-navigate .page-item:last-child .page-link {
    border-top-right-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
}
.pagination.pagination-navigate .page-item .page-link {
    border-radius: 0;
}
.pagination.pagination-navigate .page-item.disabled span {
    display: none;
}
.pagination.pagination-navigate.pagination-pill .page-item:first-child .page-link {
    border-top-left-radius: var(--bs-border-radius-pill);
    border-bottom-left-radius: var(--bs-border-radius-pill);
}
.pagination.pagination-navigate.pagination-pill .page-item:last-child .page-link {
    border-top-right-radius: var(--bs-border-radius-pill);
    border-bottom-right-radius: var(--bs-border-radius-pill);
}
.pagination.pagination-arrow .page-item:first-child .page-link, .pagination.pagination-arrow .page-item:last-child .page-link {
    padding: .375rem 6.6px;
}
.progress-xs {
    height: 4px;
}
.progress-sm {
    height: 6px;
}
.progress-md {
    height: 8px;
}
.progress-xl {
    height: 16px;
}
.animated-progess {
    position: relative;
}
.animated-progess .progress-bar {
    position: relative;
    border-radius: 6px;
    animation: animate-positive 2s;
}
@keyframes animate-positive {
    0% {
    width: 0;
}
}.progress-gradient-primary {
    background: linear-gradient(45deg,  #40684a,  #11998e);
}
.progress-gradient-info {
    background: linear-gradient(45deg,  #008aff,  #084eaa);
}
.progress-gradient-peach {
    background: linear-gradient(45deg,  #93d1be,  #f3c995);
}
.custome-progress .progress-bar {
    border-radius: var(--bs-border-radius-pill);
    position: relative;
}
.custome-progress .progress-bar::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 3px;
    width: 7px;
    height: 7px;
    transform: translateY(-50%);
    background-color: var(--bs-white);
    border-radius: var(--bs-border-radius-pill);
}
.progress-md.custome-progress .progress-bar::before {
    right: 2px;
    width: 4px;
    height: 4px;
}
.spinner-1 {
    width: 35px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(farthest-side,  var(--bs-warning) 94%,  rgba(0,  0,  0,  0)) top/8px 8px no-repeat, conic-gradient(rgba(0,  0,  0,  0) 30%,  var(--bs-warning));
    mask: radial-gradient(farthest-side,  rgba(0,  0,  0,  0) calc(100% - 8px),  #000 0);
    animation: l13 1s infinite linear;
}
@keyframes l13 {
    100% {
    transform: rotate(1turn);
}
}.spinner-2 {
    width: 35px;
    aspect-ratio: 1;
    --c:  no-repeat radial-gradient(farthest-side,  var(--bs-primary) 92%,  #0000);
    background: var(--c) 50% 0, var(--c) 50% 100%, var(--c) 100% 50%, var(--c) 0 50%;
    background-size: 7px 7px;
    animation: l18 1s infinite;
    position: relative;
}
.spinner-2::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: 3px;
    background: repeating-conic-gradient(rgba(0,  0,  0,  0) 0 35deg,  var(--bs-primary) 0 90deg);
    mask: radial-gradient(farthest-side,  rgba(0,  0,  0,  0) calc(100% - 3px),  #000 0);
    border-radius: 50%}
@keyframes l18 {
    100% {
    transform: rotate(0.5turn);
}
}.spinner-3 {
    width: 35px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(farthest-side,  var(--bs-info) 50%,  rgba(0,  0,  0,  0)) 22% 1px/12px 12px no-repeat, radial-gradient(farthest-side,  rgba(0,  0,  0,  0) calc(100% - 8px),  rgba(var(--bs-info-rgb),  0.2) 0);
    animation: l9 2s infinite;
}
@keyframes l9 {
    to {
    transform: rotate(1turn);
}
}.spinner-4 {
    height: 35px;
    aspect-ratio: 1;
    padding: 10px;
    border-radius: 50%;
    box-sizing: border-box;
    position: relative;
    mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
    filter: blur(12px);
}
.spinner-4:before {
    content: "";
    position: absolute;
    inset: 0;
    background: repeating-conic-gradient(rgba(0,  0,  0,  0) 0 5%,  var(--bs-dark),  rgba(0,  0,  0,  0) 30% 60%);
    animation: l2 1.5s linear infinite;
}
@keyframes l2 {
    to {
    rotate: 1turn;
}
}.spinner-5 {
    width: 30px;
    height: 30px;
    border: 5px dotted var(--bs-danger);
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: rotation 2s linear infinite;
}
@keyframes rotation {
    0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}.nav.custom-tab .nav-link {
    position: relative;
}
.nav.custom-tab .nav-link::before {
    content: "";
    width: 20px;
    height: 3px;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--bs-primary);
    border-radius: 4px 4px 0 0;
    margin-right: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in-out;
}
.nav.custom-tab .nav-link:hover {
    color: var(--bs-secondary-color);
}
.nav.custom-tab .nav-link.active {
    background-color: var(--bs-tertiary-bg);
    color: var(--bs-secondary-color);
}
.nav.custom-tab .nav-link.active::before {
    opacity: 1;
    visibility: visible;
    bottom: 0px;
}
.nav.nav-group-tabs {
    padding: 4px;
    background-color: var(--bs-tertiary-bg);
    border-radius: var(--bs-border-radius-lg);
}
.nav.nav-group-tabs .nav-item.nav-link {
    text-align: center;
    padding: .3125rem .875rem;
}
.nav.nav-group-tabs .nav-item.nav-link.active {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-body-color);
}
.nav.nav-group-tabs .nav-item.nav-link:hover {
    color: var(--bs-body-color);
}
.table.table-primary {
    border-color: #a47bc8;
}
.table.table-secondary {
    border-color: #5288af;
}
.table.table-success {
    border-color: #4ec5ad;
}
.table.table-info {
    border-color: #7588de;
}
.table.table-pink {
    border-color: #dd71a2;
}
.table.table-warning {
    border-color: #f4d078;
}
.table.table-danger {
    border-color: #fd6161;
}
.table.table-light {
    border-color: #f2f2f4;
}
.table.table-dark {
    border-color: #343a40;
}
.table .table-light {
    --bs-table-color:  var(--bs-body-color);
    --bs-table-bg:  rgba(var(--bs-light-rgb),  0.5);
    --bs-table-border-color:  var(--bs-border-color);
}
.table thead tr {
    border-color: rgba(0, 0, 0, 0);
    border-radius: var(--bs-border-radius);
}
.table.table-bordered thead tr {
    border-color: var(--bs-table-border-color);
}
.table tbody tr td {
    padding: .8125rem 14px !important;
}
.table tbody tr:last-child {
    border-color: var(--bs-secondary-bg);
}
.table.table-bordered tbody tr:last-child {
    border-color: var(--bs-table-border-color);
}
.table-bordered {
    border: 1px solid var(--bs-border-color);
}
.table>:not(:first-child) {
    border-top: 0px solid #eae9eb;
}
.table-dark>:not(:last-child)>:last-child>* {
    border-bottom-color: rgb(67.225, 72.775, 78.325);
}
.table-nowrap th, .table-nowrap td {
    white-space: nowrap;
}
.table-responsive::-webkit-scrollbar {
    -webkit-appearance: none;
}
.table-responsive::-webkit-scrollbar:sidebar {
    width: 12px;
}
.table-responsive::-webkit-scrollbar:horizontal {
    height: 9px;
}
.table-responsive::-webkit-scrollbar-thumb {
    background-color: rgba(52, 58, 64, .2);
    border-radius: 10px;
    border: 2px solid #fff;
}
.table-responsive::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff;
}

.table.table-master {
    border: 1px solid var(--bs-table-border-color);
    border-radius: 4.8px;
}
.table.table-master tbody tr td {
    border-bottom: 1px solid var(--bs-table-border-color);
}
.table thead tr {
    border-bottom: 1px solid var(--bs-table-border-color);
}
.table.table-bordered tr {
    border-bottom: 1px solid var(--bs-table-border-color);
}
.bg-pink-subtle {
    background-color: var(--bs-pink-bg-subtle) !important;
}
.border-pink-subtle {
    border-color: var(--bs-pink-border-subtle) !important;
}
.text-pink-emphasis {
    color: var(--bs-pink-text-emphasis) !important;
}
.icon-demo-content {
    color: #adb5bd;
}
.icon-demo-content svg {
    padding: .25rem;
}
.icon-demo-content i, .icon-demo-content svg {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 1.8;
    font-size: 15px;
    color: var(--bs-secondary-color);
    border: 2px solid var(--bs-border-color);
    border-radius: 4px;
    transition: all .4s;
    text-align: center;
    margin-right: 16px;
}
.icon-demo-content i.mdi-18px, .icon-demo-content svg.mdi-18px {
    width: 35px;
    height: 35px;
    line-height: 1.7;
}
.icon-demo-content i.mdi-24px, .icon-demo-content svg.mdi-24px {
    width: 40px;
    height: 40px;
    line-height: 1.5;
}
.icon-demo-content i.mdi-36px, .icon-demo-content svg.mdi-36px {
    width: 45px;
    height: 45px;
    line-height: 1.2;
}
.icon-demo-content i.mdi-48px, .icon-demo-content svg.mdi-48px {
    width: 50px;
    height: 50px;
    line-height: 1;
}
.icon-demo-content .col-lg-4 {
    margin-top: 24px;
}
.icon-demo-content .col-lg-4:hover i {
    color: #fff;
    background-color: #a47bc8;
    border-color: #a47bc8;
}
.animate-float-up-down {
    animation: floatUpDown 5s ease-in-out infinite;
}
@keyframes floatUpDown {
    0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-7px);
}
}/*!
 * Waves v0.7.6
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2018 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE */.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    opacity: 0;
    background: rgba(0, 0, 0, .2);
    background: -webkit-radial-gradient(rgba(0,  0,  0,  0.2) 0,  rgba(0,  0,  0,  0.3) 40%,  rgba(0,  0,  0,  0.4) 50%,  rgba(0,  0,  0,  0.5) 60%,  rgba(255,  255,  255,  0) 70%);
    background: -o-radial-gradient(rgba(0,  0,  0,  0.2) 0,  rgba(0,  0,  0,  0.3) 40%,  rgba(0,  0,  0,  0.4) 50%,  rgba(0,  0,  0,  0.5) 60%,  rgba(255,  255,  255,  0) 70%);
    background: -moz-radial-gradient(rgba(0,  0,  0,  0.2) 0,  rgba(0,  0,  0,  0.3) 40%,  rgba(0,  0,  0,  0.4) 50%,  rgba(0,  0,  0,  0.5) 60%,  rgba(255,  255,  255,  0) 70%);
    background: radial-gradient(rgba(0,  0,  0,  0.2) 0,  rgba(0,  0,  0,  0.3) 40%,  rgba(0,  0,  0,  0.4) 50%,  rgba(0,  0,  0,  0.5) 60%,  rgba(255,  255,  255,  0) 70%);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: scale(0) translate(0,  0);
    -moz-transform: scale(0) translate(0,  0);
    -ms-transform: scale(0) translate(0,  0);
    -o-transform: scale(0) translate(0,  0);
    transform: scale(0) translate(0,  0);
    pointer-events: none;
}
.waves-effect.waves-light .waves-ripple {
    background: hsla(0, 0%, 100%, .4);
    background: -webkit-radial-gradient(rgba(255,  255,  255,  0.2) 0,  rgba(255,  255,  255,  0.3) 40%,  rgba(255,  255,  255,  0.4) 50%,  rgba(255,  255,  255,  0.5) 60%,  rgba(255,  255,  255,  0) 70%);
    background: -o-radial-gradient(rgba(255,  255,  255,  0.2) 0,  rgba(255,  255,  255,  0.3) 40%,  rgba(255,  255,  255,  0.4) 50%,  rgba(255,  255,  255,  0.5) 60%,  rgba(255,  255,  255,  0) 70%);
    background: -moz-radial-gradient(rgba(255,  255,  255,  0.2) 0,  rgba(255,  255,  255,  0.3) 40%,  rgba(255,  255,  255,  0.4) 50%,  rgba(255,  255,  255,  0.5) 60%,  rgba(255,  255,  255,  0) 70%);
    background: radial-gradient(rgba(255,  255,  255,  0.2) 0,  rgba(255,  255,  255,  0.3) 40%,  rgba(255,  255,  255,  0.4) 50%,  rgba(255,  255,  255,  0.5) 60%,  rgba(255,  255,  255,  0) 70%);
}
.waves-effect.waves-classic .waves-ripple {
    background: rgba(0, 0, 0, .2);
}
.waves-effect.waves-classic.waves-light .waves-ripple {
    background: hsla(0, 0%, 100%, .4);
}
.waves-notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
.waves-button, .waves-circle {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle,  white 100%,  black 100%);
}
.waves-button, .waves-button:hover, .waves-button:visited, .waves-button-input {
    white-space: nowrap;
    sidebar-align: middle;
    cursor: pointer;
    border: none;
    outline: none;
    color: inherit;
    background-color: rgba(0, 0, 0, 0);
    font-size: 1em;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    z-index: 1;
}
.waves-button {
    padding: .85em 1.1em;
    border-radius: .2em;
}
.waves-button-input {
    margin: 0;
    padding: .85em 1.1em;
}
.waves-input-wrapper {
    border-radius: .2em;
    sidebar-align: bottom;
}
.waves-input-wrapper.waves-button {
    padding: 0;
}
.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}
.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%}
.waves-float {
    -webkit-mask-image: none;
    -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, .12);
    box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, .12);
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
.waves-float:active {
    -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, .3);
    box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, .3);
}
.waves-block {
    display: block;
}
.waves-effect.waves-light .waves-ripple {
    background-color: hsla(0, 0%, 100%, .4);
}
.waves-effect.waves-primary .waves-ripple {
    background-color: rgba(164, 123, 200, .4);
}
.waves-effect.waves-success .waves-ripple {
    background-color: rgba(78, 197, 173, .4);
}
.waves-effect.waves-info .waves-ripple {
    background-color: rgba(117, 136, 222, .4);
}
.waves-effect.waves-warning .waves-ripple {
    background-color: rgba(244, 208, 120, .4);
}
.waves-effect.waves-danger .waves-ripple {
    background-color: rgba(253, 97, 97, .4);
}
.tt-menu {
    background-color: var(--bs-secondary-bg);
    border: 1px solid var(--bs-border-color);
    box-shadow: var(--bs-box-shadow);
    padding: .5rem 0;
    border-radius: 4.8px;
    max-height: 250px;
    min-width: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}
.tt-menu .tt-dataset {
    padding: 0 8px;
    margin-bottom: 0;
}
.tt-input {
    background-color: var(--bs-tertiary-bg) !important;
    border: none;
}
.progress-wrap {
    position: fixed;
    right: 40px;
    bottom: 40px;
    height: 43px;
    width: 43px;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(40px);
    transition: all 200ms linear;
    background-color: rgba(var(--bs-primary-rgb),  0.1);
    backdrop-filter: blur(3px);
}
.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.progress-wrap::after, .progress-wrap::before {
    position: absolute;
    content: "↑";
    text-align: center;
    line-height: 46px;
    font-size: 22px;
    left: -1.5px;
    top: -4px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    transition: all 200ms linear;
}
.progress-wrap::after {
    color: var(--bs-primary);
    z-index: 1;
}
.progress-wrap::before {
    color: var(--bs-primary);
    opacity: 0;
    z-index: 2;
}
.progress-wrap:hover::after {
    opacity: 0;
}
.progress-wrap:hover::before {
    opacity: 1;
}
.progress-wrap svg path {
    fill: none;
    stroke: var(--bs-primary);
    stroke-width: 4;
    transition: stroke-dashoffset 200ms linear;
}
.fc .fc-button-group {
    position: absolute;
    top: 15px;
    left: 42.3%;
    width: 240px;
    display: flex;
    justify-content: space-between;
}
.fc .fc-button-group .fc-button {
    background-color: var(--bs-primary) !important;
}
.fc .fc-button-group .fc-button.fc-button-primary {
    flex: 0 !important;
    background-color: rgba(0, 0, 0, 0) !important;
    border-color: rgba(0, 0, 0, 0) !important;
    color: var(--bs-secondary-color) !important;
}
.fc .fc-button-group .fc-button:focus {
    box-shadow: none !important;
}
.fc .fc-highlight {
    background-color: var(--bs-light-bg-subtle) !important;
}
.fc .fc-today-button {
    background-color: rgba(0, 0, 0, 0) !important;
    box-shadow: var(--bs-box-shadow-sm);
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color) !important;
}
.fc .fc-dayGridMonth-button, .fc .fc-timeGridWeek-button {
    display: none !important;
}
.fc .fc-toolbar-title {
    font-size: 1.0625rem;
}
.fc .fc-scrollgrid-sync-inner {
    padding: 8px;
}
.fc .fc-col-header-cell-cushion, .fc .fc-daygrid-day-number {
    color: var(--bs-body-color) !important;
}
.fc .fc-timegrid-slot {
    display: none !important;
}
.fc .fc-daygrid-day.fc-day-today {
    background-color: var(--bs-tertiary-bg) !important;
}
.fc-theme-standard td, .fc-theme-standard th, .fc-theme-standard .fc-scrollgrid {
    border-color: var(--bs-border-color);
}
.fc-theme-standard th {
    background-color: rgba(var(--bs-tertiary-bg-rgb),  0.1);
}
.fc-event.fc-daygrid-dot-event {
    display: none;
}
.fc-event.fc-h-event {
    padding: 6px 10px;
}
.fc-daygrid-event {
    font-size: var(--bs-font-size-base);
}
.fc-timeGridDay-button {
    display: none !important;
}
.calendar-card .datepicker, .hospital-schedule .datepicker {
    width: 100%;
    border-color: var(--bs-secondary-bg) !important;
    padding: 0;
}
.calendar-card .datepicker .table-condensed, .hospital-schedule .datepicker .table-condensed {
    width: 100%}
.calendar-card .datepicker .table-condensed>thead>tr>th, .hospital-schedule .datepicker .table-condensed>thead>tr>th {
    padding: 8px 7px;
}
.calendar-card .datepicker .table-condensed>tbody>tr>td, .hospital-schedule .datepicker .table-condensed>tbody>tr>td {
    padding: 8px 7px;
}
.main-chat-content .chat-wrapper {
    overflow-y: auto;
}
@media(min-width: 1200px) {
    .main-chat-content .chat-wrapper {
    height: calc(100vh - 186px);
    min-height: calc(100vh - 186px);
}
}.main-chat-content .chat-contact {
    width: 100%}
@media(min-width: 1200px) {
    .main-chat-content .chat-contact {
    width: 55%}
}@media(min-width: 1441px) {
    .main-chat-content .chat-contact {
    width: 40%}
}.main-chat-content .chat-contact .message-badge {
    padding: 5px;
    line-height: .6;
}
.main-chat-content .chat-contact .nav-link {
    color: var(--bs-secondary-color);
}
.main-chat-content .chat-contact .nav-link.active, .main-chat-content .chat-contact .nav-link:hover {
    color: var(--bs-body-color);
}
.main-chat-content .chat-area .chat-bubble {
    max-width: 600px;
}
.main-chat-content .chat-area .chat-icon {
    height: 19px;
    width: 19px;
}
.main-chat-content .chat-area .chat-conversation {
    min-height: calc(100vh - 120px);
    max-height: calc(100vh - 120px);
}
@media(min-width: 1200px) {
    .main-chat-content .chat-area .chat-conversation {
    min-height: calc(100vh - 320px);
    max-height: calc(100vh - 320px);
}
}.main-chat-content .user-info {
    width: 100%;
    min-height: calc(100vh - 186px);
}
@media(min-width: 1200px) {
    .main-chat-content .user-info {
    width: 43%}
}@media(min-width: 1441px) {
    .main-chat-content .user-info {
    width: 33%}
}@media(min-width: 1200px) {
    [data-content-width=boxed][data-layout=vertical] .chat-area, [data-content-width=boxed][data-layout=semibox] .chat-area {
    width: 42% !important;
}
}@media(min-width: 1441px) {
    [data-content-width=boxed][data-layout=vertical] .chat-area, [data-content-width=boxed][data-layout=semibox] .chat-area {
    width: 52% !important;
}
}.tasks-board {
    display: flex;
    overflow-x: auto;
    align-items: stretch;
}
.tasks-board .tasks-list {
    min-width: 299px;
    padding-right: 1rem;
}
.tasks-board .tasks-list:last-child {
    padding-right: 0;
}
.tasks-board::-webkit-scrollbar {
    -webkit-appearance: none;
}
.tasks-board::-webkit-scrollbar:vertical {
    width: 10px;
}
.tasks-board::-webkit-scrollbar:horizontal {
    height: 8px;
}
.tasks-board::-webkit-scrollbar-thumb {
    background-color: rgba(var(--bs-dark-rgb),  0.075);
    border-radius: 8px;
}
.tasks-board::-webkit-scrollbar-track {
    border-radius: 8px;
}
.tasks-box:last-child {
    margin-bottom: 0px;
}
.tasks {
    min-height: 180px;
    position: relative;
}
.kanban-group-chat {
    max-height: 600px;
    min-height: 600px;
}
.email-navigation {
    width: 100%}
@media(min-width: 1200px) {
    .email-navigation {
    width: 30%}
}.email-navigation .nav-link {
    color: var(--bs-secondary-color);
}
.email-navigation .nav-link.active, .email-navigation .nav-link:hover {
    color: var(--bs-body-color);
}
.email-items .rich-list-subtitle {
    max-width: 900px;
}
.mail-item-list {
    min-height: calc(100vh - 60px);
    max-height: calc(100vh - 60px);
}
@media(min-width: 1200px) {
    .mail-item-list {
    min-height: calc(100vh - 260px);
    max-height: calc(100vh - 260px);
}
}.mail-content {
    max-height: calc(100vh - 260px);
}
@media(min-width: 1200px) {
    .mail-content {
    min-height: calc(100vh - 520px);
    max-height: calc(100vh - 520px);
}
}@media(min-width: 1200px) {
    .mailbox-content {
    min-height: calc(100vh - 280px);
    max-height: calc(100vh - 280px);
}
}.revenue-card {
    background: linear-gradient(135deg,  var(--bs-info) 0%,  color-mix(in srgb,  var(--bs-info) 75%,  white 35%) 100%);
    position: relative;
    overflow: hidden;
}
.revenue-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100px;
    background: hsla(0, 0%, 100%, .1);
    border-radius: 50%;
    transform: translate(30px,  -30px);
}
.cursor-pointer {
    cursor: pointer;
}
.color-picker a {
    position: relative;
}
.color-picker a.active::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background: #fff;
    box-shadow: var(--bs-box-shadow-lg);
    border-radius: 50%;
    transform: translate(-50%,  -50%);
}
.pr-quantity {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid var(--bs-border-color);
}
.lead-icon {
    right: -12px;
}
.lead-list {
    min-width: 404px !important;
}
.activity-timeline {
    padding-left: 2.6rem !important;
}
.activity-timeline::before {
    left: 1rem !important;
}
.schedule-list li {
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    padding: 8px 4px;
    transition: all .2s ease-in-out;
    min-width: 55px;
    text-align: center;
}
.schedule-list li span {
    color: var(--bs-secondary-color);
}
.schedule-list li.active, .schedule-list li:hover {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.schedule-list li.active h5, .schedule-list li.active span, .schedule-list li:hover h5, .schedule-list li:hover span {
    color: #fff;
}
.payment-option {
    transition: all .2s ease-in-out;
}
.payment-option:has(.form-check-input:checked) {
    border-color: rgba(var(--bs-primary-rgb),  0.2) !important;
    background-color: var(--bs-primary-bg-subtle) !important;
}
.chat {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}
.chat .chat-item {
    height: 100%;
    display: flex;
    gap: 6px;
}
.chat .chat-item.chat-item-end {
    justify-content: end;
    align-items: end;
    text-align: end;
}
.chat .chat-item.chat-item-end .chat-content {
    align-items: flex-end;
}
.chat .chat-item.chat-item-end .chat-content .chat-bubble {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.chat .chat-item.chat-item-end .chat-content .chat-bubble:first-of-type {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: var(--bs-border-radius);
}
.chat .chat-item.chat-item-end .chat-content .chat-bubble:last-of-type {
    border-bottom-right-radius: var(--bs-border-radius);
}
.chat .chat-item.chat-item-end .chat-content .chat-bubble .chat-bubble {
    background-color: rgba(var(--bs-dark-rgb),  0.04) !important;
}
.chat .chat-item.chat-item-start {
    align-items: end;
}
.chat .chat-item.chat-item-start .chat-content {
    align-items: flex-start;
}
.chat .chat-item.chat-item-start .chat-content .chat-bubble {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    background-color: rgba(var(--bs-primary-rgb),  0.7);
    color: #fff;
}
.chat .chat-item.chat-item-start .chat-content .chat-bubble:first-of-type {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: var(--bs-border-radius);
}
.chat .chat-item.chat-item-start .chat-content .chat-bubble:last-of-type {
    border-bottom-left-radius: var(--bs-border-radius);
}
.chat .chat-item .chat-avatar {
    margin-bottom: 20px;
}
.chat .chat-item .chat-content {
    display: flex;
    flex-direction: column;
}
.chat .chat-item .chat-content .chat-author {
    display: block;
    color: var(--bs-body-color);
    font-weight: 700;
    padding: .5rem 0;
}
.chat .chat-item .chat-content .chat-bubble {
    display: block;
    text-align: inherit;
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    padding: 9px .75rem;
    margin: 0;
    border-radius: 4.8px;
}
.chat .chat-item .chat-content .chat-bubble+.chat-bubble {
    margin-top: .375rem;
}
.chat .chat-item .chat-content .chat-bubble .chat-bubble {
    margin-bottom: .375rem;
}
.chat .chat-item .chat-content .chat-bubble .blue-tick {
    margin-left: 2px;
}
.chat .chat-item .chat-content .chat-bubble.chat-bubble-gradient {
    background: linear-gradient(135deg,  rgba(var(--bs-primary-rgb),  0.7),  color-mix(in srgb,  var(--bs-warning) 75%,  black 15%));
    color: #fff;
}
.chat .chat-item .chat-content .chat-time {
    margin-top: .3125rem;
}
.chat .chat-section {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .625rem 0;
}
.chat .chat-section .chat-section-text {
    background-color: var(--bs-light);
    padding: .25rem .75rem;
    font-size: .6875rem;
    border-radius: var(--bs-border-radius);
}
.chat .chat-image {
    display: block;
    max-width: 18rem;
    width: 100%;
    margin-bottom: .5rem;
    border-radius: 4.8px;
}
.rich-list-item {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: 0 0;
    padding: .75rem;
    margin: 0;
    cursor: default;
    text-decoration: none !important;
}
.rich-list-append, .rich-list-prepend {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.rich-list-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    text-align: left !important;
}
.rich-list-title {
    font-weight: 500;
}
.rich-list-subtitle {
    font-weight: 400;
}
.timeline {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    padding-left: 3rem;
    gap: .5rem;
}
.timeline:before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 2px;
    background: var(--bs-light);
    top: 0;
    left: 1.5rem;
    transform: translateX(-50%);
    border-radius: .375rem;
}
.timeline.rich-list-bordered {
    gap: 0;
}
.timeline.rich-list-bordered .timeline-pin {
    top: 1.875rem !important;
}
.timeline .timeline-item {
    position: relative;
    width: 100%}
.timeline .timeline-item .timeline-pin {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    left: -3rem;
    top: 50%;
    transform: translateY(-50%);
}
.timeline .timeline-item .timeline-pin .marker {
    box-shadow: 0 0 0 5px var(--bs-secondary-bg) !important;
}
.timeline .timeline-item .timeline-pin .marker.marker-circle {
    width: .6875rem;
    height: .6875rem;
}
.timeline .timeline-item .timeline-content {
    width: 100%;
    color: var(--bs-timeline-content-color);
    padding: .5rem;
}
.timeline .timeline-item .timeline-content .rich-list-item {
    margin-bottom: 0 !important;
    align-items: flex-start !important;
}
.timeline.timeline-timed {
    padding-left: 7rem;
}
.timeline.timeline-timed:before {
    left: 5.5rem;
}
.timeline.timeline-timed .timeline-time {
    position: absolute;
    width: 4rem;
    left: -7rem;
    font-size: 1rem;
    font-weight: 700;
    padding: .25rem;
    top: 10px;
}
.timeline.timeline-zigzag {
    padding-left: 0;
}
.timeline.timeline-zigzag:before {
    left: 50%;
    transform: translateX(-50%);
}
.timeline.timeline-zigzag .timeline-item {
    background-color: var(--bs-tertiary-bg);
    border-radius: 4.8px;
    width: calc(50% - 1.5rem);
}
.timeline.timeline-zigzag .timeline-item:nth-child(odd) {
    align-self: flex-start;
}
.timeline.timeline-zigzag .timeline-item:nth-child(odd) .timeline-pin {
    left: auto;
    right: -3rem;
}
.timeline.timeline-zigzag .timeline-item:nth-child(even) {
    align-self: flex-end;
}
@media(max-width: 767.98px) {
    .timeline.timeline-zigzag {
    margin-left: 2rem;
}
.timeline.timeline-zigzag .timeline-item {
    margin-bottom: .625rem;
    width: 100%}
.timeline.timeline-zigzag .timeline-item:nth-child(even) {
    align-self: flex-start;
}
.timeline.timeline-zigzag .timeline-item:nth-child(even) .timeline-pin {
    left: -44px;
}
.timeline.timeline-zigzag .timeline-item:nth-child(odd) .timeline-pin {
    right: 100%;
    left: -44px;
}
.timeline.timeline-zigzag::before {
    left: -20px;
}
}.timeline.timeline-label .timeline-content {
    padding-left: 24px;
}
.timeline.timeline-label .timeline-pin {
    top: 35px !important;
}
.timeline.timeline-label .timeline-pin.timeline-label {
    box-shadow: 0 0 0 .625rem var(--bs-secondary-bg) !important;
    height: auto !important;
}
.timeline.timeline-icon .timeline-item .timeline-pin {
    height: 1.875rem !important;
    width: 1.875rem !important;
    left: -2.5rem !important;
    top: 25px !important;
    background-color: var(--bs-tertiary-bg);
    border-radius: var(--bs-border-radius-pill);
    box-shadow: 0 0 0 5px var(--bs-secondary-bg) !important;
    color: var(--bs-secondary-color);
    border: 1px solid var(--bs-light);
}
.horizontal-timeline {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.horizontal-timeline::before {
    content: "";
    position: absolute;
    width: 100%;
    top: 210px;
    left: 0;
    height: 2px;
    background-color: var(--bs-light);
}
.horizontal-timeline .item-box {
    max-width: 350px;
    margin: 250px 0 0;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    border-bottom: 2px solid var(--bs-border-color);
}
.horizontal-timeline .item-box:nth-child(even) {
    margin-top: 5px;
}
.horizontal-timeline .item-box:nth-child(even) .timeline-content {
    transform: rotate(-180deg);
}
.horizontal-timeline .item-box:nth-child(even) .timeline-content .timeline-text {
    transform: rotate(180deg);
}
.horizontal-timeline .item-box:nth-child(even) .time {
    top: 196px;
}
@media(max-width: 1800px) {
    .horizontal-timeline .item-box: last-child {
    display: none;
}
}@media(max-width: 1568px) {
    .horizontal-timeline .item-box: nth-child(5n) {
    display: none;
}
}@media(max-width: 1407px) {
    .horizontal-timeline .item-box: nth-child(5n-1) {
    display: none;
}
}.horizontal-timeline .timeline-content {
    border-bottom: 2px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: var(--bs-light);
}
.horizontal-timeline .timeline-content::before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    left: 0;
    top: -23px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) var(--bs-light) rgba(0, 0, 0, 0);
    border-width: 12px;
    right: 0;
    margin: 0 auto;
}
.horizontal-timeline .time {
    position: absolute;
    top: -48px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
@media(max-width: 991.98px) {
    .hori-timeline {
    display: none;
}
}.signin-other-title {
    position: relative;
}
.signin-other-title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    right: 0;
    border-top: 1px dashed var(--bs-border-color-translucent);
    top: 50%;
    transform: translateY(-50%);
}
.signin-other-title .title {
    display: inline-block;
    position: relative;
    z-index: 9;
    background-color: var(--bs-secondary-bg);
    padding: 2px 16px;
}
.hero-section {
    min-height: 750px;
}
.hero-section .social-icons {
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
}
.hero-section .social-icons .linkedin, .hero-section .social-icons .instagram, .hero-section .social-icons .apple {
    rotate: -20deg;
}
.hero-section .social-icons .google, .hero-section .social-icons .facebook {
    rotate: 20deg;
    transform: translate(-20px,  -40px);
}
.hero-section .floating-card.card-1 {
    top: 5%;
    left: 10%}
.hero-section .floating-card.card-2 {
    top: 30%;
    left: -1%}
.hero-section .floating-card.card-3 {
    top: 18%;
    right: 38%}
.hero-section .floating-card.card-4 {
    top: 28%;
    right: -2%}
.hero-section .floating-card.card-5 {
    top: 4%;
    right: 2%}
.hero-section .floating-card.card-6 {
    bottom: 16%;
    left: -60px;
    rotate: 10deg;
}
@media(min-width: 768px)and (max-width: 991.98px) {
    .hero-section .floating-card.card-6 {
    left: -150px;
}
}@media(min-width: 992px)and (max-width: 1440.98px) {
    .hero-section .floating-card.card-6 {
    left: -80px;
}
}.hero-section .floating-card.card-7 {
    bottom: 15%;
    right: 15px;
    rotate: 13deg;
}
@media(min-width: 768px)and (max-width: 991.98px) {
    .hero-section .floating-card.card-7 {
    right: -80px;
}
}@media(min-width: 992px)and (max-width: 1440.98px) {
    .hero-section .floating-card.card-7 {
    right: -50px;
}
}.hero-section .floating-card.card-8 {
    bottom: 36%;
    right: -130px;
    rotate: -10deg;
}
@media(min-width: 768px)and (max-width: 991.98px) {
    .hero-section .floating-card.card-8 {
    right: -260px;
}
}@media(min-width: 992px)and (max-width: 1440.98px) {
    .hero-section .floating-card.card-8 {
    right: -220px;
}
}.hero-section .floating-card .team-info {
    transform: translateY(-15px);
}
[data-bs-theme=light] .dafault-img {
    display: block;
}
[data-bs-theme=light] .dark-img {
    display: none;
}
[data-bs-theme=dark] .dafault-img {
    display: none;
}
[data-bs-theme=dark] .dark-img {
    display: block;
}
.offline-vector {
    height: 270px;
}
.main-vector-section .maintencance-vector {
    width: 58%}
@media(min-width: 1200px)and (max-width: 1440.98px) {
    .main-vector-section .maintencance-vector {
    width: 65%}
}.main-vector-section .circle-shap {
    bottom: -50px;
    left: 50%;
    transform: translate(-50%);
    height: 480px;
    width: 510px;
}
@media(min-width: 768px)and (max-width: 991.98px) {
    .main-vector-section .circle-shap {
    height: 410px;
    width: 450px;
}
}.main-vector-section .card-1 {
    top: 40px;
    left: 70px;
}
.main-vector-section .card-2 {
    bottom: 70px;
    left: -20px;
}
.main-vector-section .card-3 {
    bottom: 100px;
    right: -20px;
}
.main-vector-section .card-4 {
    top: 40px;
    left: 130px;
}
@media(min-width: 768px)and (max-width: 991.98px) {
    .main-vector-section .card-4 {
    left: 80px;
}
}.main-vector-section .card-5 {
    bottom: 70px;
    left: 90px;
}
@media(min-width: 768px)and (max-width: 991.98px) {
    .main-vector-section .card-5 {
    bottom: 40px;
    left: 40px;
}
}.main-vector-section .card-6 {
    bottom: 50px;
    right: 100px;
}
@media(min-width: 768px)and (max-width: 991.98px) {
    .main-vector-section .card-6 {
    bottom: 30px;
    right: 60px;
}
}.main-vector-section .card-7 {
    top: 10px;
    right: 210px;
}
@media(min-width: 768px)and (max-width: 991.98px) {
    .main-vector-section .card-7 {
    right: 180px;
}
}.main-vector-section .maintencance-arrow {
    height: 70%;
    top: -23%;
    right: 10%;
    rotate: 180deg;
    z-index: 0;
}
.profile-info .icon-info {
    margin-top: .125rem;
}
.profile-info .profile-img {
    margin-top: -36px;
}
.pricing-nav-tabs {
    display: inline-block;
    background-color: var(--bs-secondary-bg);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .02);
    padding: 4px;
    border-radius: 7px;
}
.pricing-nav-tabs .nav-item {
    display: inline-block;
}
.pricing-box .plan-features {
    text-align: left;
}
.pricing-box .plan-features li {
    padding: 6px 0px;
}
.faq-card {
    min-height: 765px;
}
.faq-card .faq-vector {
    bottom: -3%;
    left: 5%;
    width: 32%}
@media(min-width: 992px) {
    .system-status {
    max-width: 90%}
}.contact-bg-overlay {
    width: 36%}
.blury-effect {
    filter: blur(75px);
    opacity: .2;
    bottom: -20px;
    right: -20px;
}
.revenue-icon {
    outline: 1px solid;
    outline-offset: 3px;
}
.apex-charts .apexcharts-bar-series path, .apex-charts .apexcharts-pie-series path {
    stroke: var(--bs-secondary-bg) !important;
}
.upcoming-invoice {
    height: 118px;
    width: 118px;
}
.Paid-invoice {
    bottom: -26%;
    right: 22.7%;
    height: 95px;
    width: 95px;
}
@media(max-width: 320px) {
    .Paid-invoice {
    right: 12%}
}.Partial-invoice {
    bottom: 11%;
    right: 12.5%}
@media(max-width: 320px) {
    .Partial-invoice {
    right: -2%}
}.sales-revenue-circle {
    height: 90px;
    width: 90px;
}
.sales-revenue-circle-1 {
    top: 10px;
    left: 57px;
}
@media(max-width: 320px) {
    .sales-revenue-circle-1 {
    left: 9px;
}
}@media(min-width: 768px) {
    .sales-revenue-circle-1 {
    left: 220px;
}
}@media(min-width: 1200px) {
    .sales-revenue-circle-1 {
    left: 60px;
}
}.sales-revenue-circle-2 {
    bottom: 20px;
    right: 50px;
}
@media(max-width: 320px) {
    .sales-revenue-circle-2 {
    right: 7px;
}
}@media(min-width: 768px) {
    .sales-revenue-circle-2 {
    right: 215px;
}
}@media(min-width: 1200px) {
    .sales-revenue-circle-2 {
    right: 55px;
}
}.revenue-chart {
    background-color: rgba(var(--bs-primary-rgb),  0.07);
}
.appointments-circle {
    top: 47%;
    left: 43%;
    transform: translate(-47%,  -43%);
}
@media(max-width: 320px) {
    .appointments-circle {
    left: 49%}
}.banner-vector {
    top: -35px;
    right: 40px;
}
[dir=rtl] .appointments-circle {
    left: 56%}
[data-content-width=boxed][data-layout=vertical] .appointments-circle, [data-content-width=boxed][data-layout=semibox] .appointments-circle {
    left: 48% !important;
}
.welcome-vector {
    bottom: -60px;
    right: 0;
    width: 60%}
@media(min-width: 768px)and (max-width: 1440.98px) {
    .welcome-vector {
    width: 45%}
}.rich-list {
    position: relative;
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
}
.rich-list-item {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: 0 0;
    padding: .75rem;
    gap: .75rem;
    margin: 0;
    cursor: default;
    text-decoration: none !important;
}
.rich-list-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.rich-list-title {
    margin-bottom: .125rem;
    padding: 0;
}
.rich-list-paragraph {
    color: var(--bs-secondary-color);
}
.rich-list-subtitle {
    color: var(--bs-secondary-color);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.rich-list-bordered .rich-list-item {
    border: 1px solid var(--bs-border-color);
    border-radius: 4.8px;
    margin-bottom: .75rem;
}
.rich-list-bordered .rich-list-item:last-child {
    margin-bottom: 0;
}
.rich-list-append, .rich-list-prepend {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: var(--bs-text-level-1);
}
s .rich-list-append {
    margin-left: .625rem;
}
.rich-list-action .rich-list-item {
    cursor: pointer;
    transition: all .2s ease-in-out;
}
.rich-list-action .rich-list-item:hover, .rich-list-action .rich-list-item.active, .rich-list-action .rich-list-item:active {
    background: rgba(var(--bs-light-rgb),  0.3);
}
.rich-list-action .rich-list-item.disabled, .rich-list-action .rich-list-item:disabled {
    background: var(--bs-tertiary-bg);
    opacity: .65;
    pointer-events: none;
    cursor: default;
}
.rich-list-flush .rich-list-item {
    border-bottom: 1px solid var(--bs-border-color);
}
.slick-prev, .slick-next {
    z-index: 9;
}
.slick-prev {
    left: 24px !important;
}
.slick-next {
    right: 24px !important;
}
.slick-slide {
    margin: 0 calc(16px/2) 0 calc(16px/2);
}
.slick-slider-center .slick-slide {
    opacity: .5;
    transition: all 300ms ease;
}
.slick-slider-center .slick-center {
    opacity: 1;
}
.slick-dots {
    bottom: -32px !important;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: var(--bs-primary) !important;
}
.slick-dots li {
    margin: 0 !important;
}
.slick-dots li button:hover:before {
    opacity: .75;
    color: var(--bs-primary) !important;
}
.slick-dots li button:before {
    font-size: .625rem !important;
    color: var(--bs-body-color) !important;
}
.context-menu-icon::before {
    color: var(--bs-body-color) !important;
}
.context-menu-icon.context-menu-icon-mdi::before {
    font-family: "Material Design Icons" !important;
    font-size: 16px !important;
}
.context-menu-item {
    padding: .375rem 1rem !important;
    background-color: var(--bs-secondary-bg) !important;
    color: var(--bs-body-color) !important;
}
.context-menu-item>span {
    margin-left: 1rem !important;
}
.context-menu-item.context-menu-hover {
    background-color: var(--bs-tertiary-bg) !important;
    color: #a47bc8 !important;
}
.context-menu-item.context-menu-hover::before {
    color: #a47bc8 !important;
}
.context-menu-item.context-menu-separator {
    padding: 0 !important;
    border-bottom-color: var(--bs-border-color) !important;
}
.context-menu-list {
    background: var(--bs-secondary-bg) !important;
    border-color: var(--bs-border-color) !important;
    box-shadow: var(--bs-box-shadow) !important;
    border-radius: var(--bs-border-radius) !important;
}
.sortable-handle {
    cursor: move;
    padding: .25rem;
}
.sortable-handle>i {
    font-size: 1rem;
    color: var(--bs-secondary-color);
}
.sortable.rich-list-bordered .sortable, .sortable.rich-list-bordered .sortable-item:not(:first-of-type) {
    margin-top: .625rem;
}
.sortable .sortable {
    padding-left: 1.25rem;
}
.sortable {
    display: flex;
    flex-direction: column;
}
.sortable-item .rich-list-item {
    margin-bottom: 0;
}
.sortable-item.selected {
    background-color: var(--bs-tertiary-bg);
}
.sortable-item.highlight {
    background-color: var(--bs-tertiary-bg);
}
.swal2-footer {
    border-top: 1px dashed var(--bs-border-color) !important;
}
.swal2-popup {
    width: 25rem !important;
}
.swal2-title {
    font-size: 1.35rem !important;
}
.swal2-content {
    font-size: .875rem !important;
}
.swal2-icon.swal2-question, .swal2-icon.swal2-info, .swal2-icon.swal2-error, .swal2-icon.swal2-warning {
    width: 4rem;
    height: 4rem;
}
.swal2-icon.swal2-question .swal2-icon-content, .swal2-icon.swal2-info .swal2-icon-content, .swal2-icon.swal2-error .swal2-icon-content, .swal2-icon.swal2-warning .swal2-icon-content {
    font-size: 3rem;
}
.swal2-icon.swal2-question .swal2-icon-content {
    animation: swal2-animate-question-mark .8s;
}
.swal2-icon.swal2-info .swal2-icon-content, .swal2-icon.swal2-warning .swal2-icon-content {
    animation: swal2-animate-i-mark .8s;
}
.swal2-icon.swal2-error .swal2-x-mark .swal2-x-mark-line-left, .swal2-icon.swal2-error .swal2-x-mark .swal2-x-mark-line-right {
    top: 1.9375rem !important;
    width: 37px !important;
    height: 4px !important;
}
.swal2-icon.swal2-error .swal2-x-mark .swal2-x-mark-line-left {
    left: .9em !important;
    transform: rotate(45deg) !important;
}
.swal2-icon.swal2-error .swal2-x-mark .swal2-x-mark-line-right {
    right: .9em !important;
    transform: rotate(-45deg) !important;
}
@keyframes swal2-animate-i-mark {
    0% {
    transform: rotateZ(45deg);
    opacity: 0;
}
25% {
    transform: rotateZ(-25deg);
    opacity: .4;
}
50% {
    transform: rotateZ(15deg);
    opacity: .8;
}
75% {
    transform: rotateZ(-5deg);
    opacity: 1;
}
100% {
    transform: rotateX(0);
    opacity: 1;
}
}@keyframes swal2-animate-question-mark {
    0% {
    transform: rotateY(-360deg);
}
100% {
    transform: rotateY(0);
}
}.swal2-modal {
    background-color: var(--bs-secondary-bg) !important;
}
.swal2-modal .swal2-title {
    color: var(--bs-body-color) !important;
}
.swal2-modal .swal2-html-container {
    color: rgba(var(--bs-body-color-rgb),  0.7) !important;
}
.swal2-toast {
    box-shadow: var(--bs-box-shadow);
    border: 1px solid var(--bs-border-color);
}
#toast-container>div {
    box-shadow: 0 3px 9px rgba(0, 0, 0, .02);
    opacity: 1;
}
#toast-container>div:hover {
    box-shadow: 0 3px 9px rgba(0, 0, 0, .02);
    opacity: .9;
}
#toast-container.toast-top-full-width>div, #toast-container.toast-bottom-full-width>div {
    min-width: 96%;
    margin: 4px auto;
}
.toast-container {
    --bs-toast-zindex:  1039 !important;
    z-index: var(--bs-toast-zindex) !important;
}
.liveToast {
    z-index: 1111;
}
.toast-primary {
    border: 2px solid #a47bc8 !important;
    background-color: rgba(164, 123, 200, .8) !important;
}
.toast-secondary {
    border: 2px solid #5288af !important;
    background-color: rgba(82, 136, 175, .8) !important;
}
.toast-success {
    border: 2px solid #4ec5ad !important;
    background-color: rgba(78, 197, 173, .8) !important;
}
.toast-info {
    border: 2px solid #7588de !important;
    background-color: rgba(117, 136, 222, .8) !important;
}
.toast-pink {
    border: 2px solid #dd71a2 !important;
    background-color: rgba(221, 113, 162, .8) !important;
}
.toast-warning {
    border: 2px solid #f4d078 !important;
    background-color: rgba(244, 208, 120, .8) !important;
}
.toast-danger {
    border: 2px solid #fd6161 !important;
    background-color: rgba(253, 97, 97, .8) !important;
}
.toast-light {
    border: 2px solid #f2f2f4 !important;
    background-color: rgba(242, 242, 244, .8) !important;
}
.toast-dark {
    border: 2px solid #343a40 !important;
    background-color: rgba(52, 58, 64, .8) !important;
}
.toast-header {
    --bs-toast-header-bg:  var(--bs-secondary-bg);
}
.toast {
    --bs-toast-bg:  var(--bs-secondary-bg);
}
.toast-error {
    background-color: rgba(253, 97, 97, .8);
    border: 2px solid #fd6161;
}
.toastr-options {
    padding: 24px;
    background-color: rgb(247.525, 247.525, 248.675);
    margin-bottom: 0;
    border: 1px solid #eae9eb;
}
.jstree-anchor {
    margin-bottom: .5rem;
    padding-inline: 12px;
    font-size: .875rem;
}
.jstree-anchor:link {
    color: var(--bs-body-color);
}
.jstree-anchor:hover, .jstree-anchor.jstree-clicked {
    color: var(--bs-body-color);
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0);
}
.jstree-icon::before {
    font-size: 15.5px;
    color: rgba(var(--bs-body-color-rgb),  0.5);
}
.jstree-icon:empty {
    line-height: 31px !important;
}
.jstree-anchor:has(.mdi-folder-open) {
    font-weight: 500 !important;
}
.jstree-node.jstree-closed .jstree-anchor .jstree-icon::before {
    content: "󰉋";
    font-family: "Material Design Icons";
    color: rgba(var(--bs-body-color-rgb),  0.2);
}
.jstree-default .jstree-wholerow-clicked {
    background: var(--bs-light);
}
.jstree-default>.jstree-no-dots .jstree-node {
    background: none;
}
.jstree-default .jstree-anchor {
    height: 30px;
    line-height: 30px;
}
.jstree-default .jstree-node {
    margin-left: 37px;
}
.apex-charts {
    min-height: 10px !important;
}
.apex-charts text {
    font-family: var(--bs-font-sans-serif) !important;
}
.apex-charts .apexcharts-canvas {
    margin: 0 auto;
}
.apexcharts-tooltip-title, .apexcharts-tooltip-text {
    font-family: var(--bs-font-sans-serif) !important;
}
.apexcharts-tooltip {
    border: none !important;
    background-color: var(--bs-white) !important;
    box-shadow: none !important;
}
.apexcharts-tooltip * {
    font-family: var(--bs-font-sans-serif) !important;
}
.apexcharts-tooltip .apexcharts-tooltip-title {
    background-color: rgba(var(--bs-light-rgb),  0.75) !important;
    border-bottom: 1px solid var(--bs-border-color) !important;
}
.apexcharts-legend-series {
    font-weight: 500;
}
.apexcharts-gridline {
    pointer-events: none;
    stroke: var(--bs-border-color);
}
.apexcharts-legend-text {
    font-family: var(--bs-font-sans-serif) !important;
    font-size: 13px !important;
}
.apexcharts-pie-label {
    fill: #fff !important;
}
.apexcharts-title-text, .apexcharts-subtitle-text {
    fill: #adb5bd;
}
.apexcharts-yaxis text, .apexcharts-xaxis text {
    font-family: var(--bs-font-sans-serif) !important;
    fill: #adb5bd;
}
.apexcharts-yaxis-title {
    font-weight: 500;
}
.apexcharts-toolbar {
    top: -52px !important;
}
#dynamicloadedchart-wrap {
    margin: 0px auto;
    max-width: 800px;
    position: relative;
}
.chart-box {
    padding-left: 0;
}
#chart-year, #chart-quarter {
    width: 96%;
    max-width: 48%;
    box-shadow: none;
    padding-left: 0;
    padding-top: 20px;
    border: 1px solid var(--bs-border-color);
}
#chart-year {
    float: left;
    position: relative;
    transition: 1s ease transform;
    z-index: 3;
}
#chart-year.chart-quarter-activated {
    transform: translateX(0);
    transition: 1s ease transform;
}
#chart-quarter {
    float: left;
    position: relative;
    z-index: -2;
    transition: 1s ease transform;
}
#chart-quarter.active {
    transition: 1.1s ease-in-out transform;
    transform: translateX(0);
    z-index: 1;
}
.apexcharts-tooltip {
    color: #000 !important;
}
.apexcharts-legend-text {
    color: var(--bs-body-color) !important;
}
@media screen and (min-width: 480px) {
    #chart-year {
    transform: translateX(50%);
}
#chart-quarter {
    transform: translateX(-50%);
}
}.apexcharts-radar-series polygon, .apexcharts-radar-series line {
    stroke: var(--bs-border-color);
    fill: rgba(0, 0, 0, 0);
}
.apexcharts-pie circle, .apexcharts-pie line {
    stroke: rgba(0, 0, 0, 0);
}
.apexcharts-pie text {
    fill: var(--bs-body-color);
}
.apex-charts .apexcharts-xaxis line, .apex-charts .apexcharts-yaxis line {
    stroke: var(--bs-border-color);
}
.apex-charts .apexcharts-xaxis-tick {
    stroke: var(--bs-border-color);
}
.apex-charts .apexcharts-pie-series path, .apex-charts .apexcharts-bar-series path, .apex-charts apexcharts-plot-series path {
    stroke: var(--bs-white);
}
.apex-charts .apexcharts-radialbar-track path {
    stroke: var(--bs-light);
}
.apex-charts .apexcharts-boxPlot-series path {
    stroke: rgba(var(--bs-body-color-rgb),  0.2);
}
.apex-charts .apexcharts-treemap rect {
    stroke: var(--bs-white);
}
#monochrome_polar_area svg {
    background-color: rgba(0, 0, 0, 0) !important;
}
.apex-charts text {
    fill: var(--bs-body-color) !important;
}
.apexcharts-marker {
    stroke: var(--bs-secondary-bg) !important;
}
#datatables_buttons_info {
    box-shadow: var(--bs-box-shadow) !important;
    background-color: var(--bs-secondary-bg) !important;
}
.datepicker, .datetimepicker {
    width: fit-content;
    border: 1px solid var(--bs-border-color) !important;
    border-radius: var(--bs-border-radius);
    padding: 8px;
    z-index: 1061 !important;
}
.datepicker table tr:first-child th:hover, .datetimepicker table tr:first-child th:hover {
    background: var(--bs-secondary-bg) !important;
}
.datepicker table tr td, .datetimepicker table tr td {
    width: 2rem;
    height: 2rem;
}
.datepicker table tr td span:hover, .datetimepicker table tr td span:hover {
    background: var(--bs-light) !important;
}
.datepicker table tr td.today, .datetimepicker table tr td.today {
    color: var(--bs-primary);
    background: rgba(var(--bs-primary-rgb),  0.15);
    position: relative;
}
.datepicker table tr td.today:hover, .datetimepicker table tr td.today:hover {
    color: var(--bs-primary) !important;
    background: rgba(var(--bs-primary-rgb),  0.15) !important;
}
.datepicker table tr td.today:after, .datetimepicker table tr td.today:after {
    content: "";
    position: absolute;
    display: inline-block;
    border-bottom: 8px solid currentColor;
    border-left: 8px solid rgba(0, 0, 0, 0);
    bottom: 2px;
    right: 2px;
}
.datepicker table tr td.day.active, .datepicker table tr td.day:active, .datetimepicker table tr td.day.active, .datetimepicker table tr td.day:active {
    background: var(--bs-primary) !important;
    color: #fff !important;
    border-radius: var(--bs-border-radius-sm) !important;
}
.datepicker table tr td.day.active:hover, .datepicker table tr td.day:active:hover, .datetimepicker table tr td.day.active:hover, .datetimepicker table tr td.day:active:hover {
    background: var(--bs-primary) !important;
    color: #fff !important;
}
.datepicker table tr td.day:hover, .datetimepicker table tr td.day:hover {
    background: var(--bs-secondary-bg);
    color: var(--bs-primary);
}
.datepicker table tr td.highlighted, .datetimepicker table tr td.highlighted {
    background: var(--bs-secondary-bg);
}
.datepicker table tr td.range, .datetimepicker table tr td.range {
    background: var(--bs-secondary-bg);
}
.datepicker table tr td>span, .datetimepicker table tr td>span {
    padding: 2px 0;
}
.datepicker table tr td>span:hover, .datetimepicker table tr td>span:hover {
    background: var(--bs-secondary-bg);
    color: var(--bs-primary);
}
.datepicker table tr td>span.active, .datetimepicker table tr td>span.active {
    background: var(--bs-primary) !important;
}
.datepicker table tr td>span.focused, .datetimepicker table tr td>span.focused {
    background: var(--bs-secondary-bg) !important;
}
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datetimepicker .datepicker-switch:hover, .datetimepicker .next:hover, .datetimepicker .prev:hover {
    background: var(--bs-secondary-bg) !important;
}
.table-condensed>thead>tr>th, .table-condensed>tbody>tr>td {
    padding: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
    border-top-color: var(--bs-border-color) !important;
}
.datepicker table tr td.day.active .datetimepicker-inline {
    min-width: 15.2rem;
}
.datepicker table tr td.day.active .datetimepicker-inline .table-condensed {
    width: 100%}
.datepicker table tr td.day.active .datetimepicker-inline .table-condensed>thead>tr>th {
    width: 30px;
    height: 30px;
}
.datepicker table tr td.day.active .datetimepicker-inline .table-condensed>thead>tr>th.prev ::before {
    content: "«"}
.datepicker table tr td.day.active .datetimepicker-inline .table-condensed>thead>tr>th.next ::before {
    content: "»"}
.daterangepicker {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-border-color);
}
.daterangepicker .calendar-table {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-border-color);
}
.daterangepicker .ranges li:hover, .daterangepicker .ranges li.active {
    background-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;
}
.daterangepicker th.available:hover {
    background: var(--bs-secondary-bg) !important;
}
.daterangepicker td.available:hover {
    background: var(--bs-light) !important;
}
.daterangepicker td.off {
    background-color: var(--bs-secondary-bg);
}
.daterangepicker td.off.in-range {
    background-color: var(--bs-primary-bg-subtle);
}
.daterangepicker td.off.start-date {
    background-color: var(--bs-primary);
    color: var(--bs-body-color) !important;
}
.daterangepicker td.active {
    background-color: #a47bc8;
}
.daterangepicker td.active:hover {
    background-color: #a47bc8;
    color: var(--bs-body-color) !important;
}
.daterangepicker td.in-range {
    background-color: rgba(164, 123, 200, .1);
    color: var(--bs-body-color);
}
.daterangepicker td.in-range:hover {
    background-color: rgba(164, 123, 200, .15);
}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect {
    background: var(--bs-secondary-bg);
    border: 1px solid var(--bs-border-color);
    padding: 6px 8px;
    border-radius: 4px;
}
.daterangepicker .drp-buttons {
    border-color: var(--bs-border-color);
}
.daterangepicker .prev span, .daterangepicker .next span {
    border-color: var(--bs-body-color) !important;
}
.select2-container {
    width: auto !important;
    display: block;
}
.select2-container .selection .select2-selection--single {
    background-color: var(--bs-secondary-bg);
}

[data-bs-theme=light] .select2-container--default.select2-container--disabled .select2-selection--single, 
[data-bs-theme=light] .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: var(--bs-gray-200);
}

[data-bs-theme=dark] .select2-container--default.select2-container--disabled .select2-selection--single, 
[data-bs-theme=dark] .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: var(--bs-tertiary-bg);
}

.select2-container .select2-selection:not(.select2-selection--multiple) .select2-selection__rendered {
    display: block !important;
}
.select2-container .select2-selection--single {
    background-color: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
    height: 33.33px;
}
.select2-container .select2-selection--single:focus {
    outline: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
    padding-left: 12px;
    color: var(--bs-body-color);
}
.select2-container .select2-selection--single .select2-selection__arrow {
    height: 34px;
    width: 34px;
    right: 3px;
    top: -3px !important;
}
.select2-container .select2-selection--single .select2-selection__arrow b {
    border-color: #adb5bd rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 6px 6px 0 6px;
}
.select2-container .select2-selection--single .select2-selection__placeholder {
    color: var(--bs-form-control-placeholder-color);
}
.select2-container .select2-selection--single .select2-selection__clear {
    right: 1rem;
    top: 3px;
    font-size: 16px;
    color: var(--bs-secondary-color);
}
.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #adb5bd rgba(0, 0, 0, 0) !important;
    border-width: 0 6px 6px 6px !important;
}
.select2-container--default .select2-search--dropdown {
    padding: 10px;
    background-color: var(--bs-secondary-bg);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--bs-border-color);
    background-color: var(--bs-secondary-bg);
    color: #74788d;
    outline: none;
}
.select2-container--default .select2-results__option--selected {
    color: #fff;
}
[data-bs-theme=dark] .select2-container--default .select2-results__option--selected {
    background-color: var(--bs-primary) !important;
}
[data-bs-theme=light] .select2-container--default .select2-results__option--selected {
    background-color: var(--bs-secondary) !important;
}
[data-bs-theme=dark] .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--bs-primary);
}
[data-bs-theme=dark] .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--bs-primary);
    color: #fff;
}
[data-bs-theme=dark] .select2-container--default .select2-results__option[aria-selected=true]:hover {
    background-color: var(--bs-primary);
    color: #fff;
}
[data-bs-theme=light] .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--bs-secondary);
}
[data-bs-theme=light] .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--bs-secondary);
    color: #fff;
}
[data-bs-theme=light] .select2-container--default .select2-results__option[aria-selected=true]:hover {
    background-color: var(--bs-secondary);
    color: #fff;
}
.select2-results__option {
    padding: 6px 12px;
}
.select2-dropdown {
    border: 1px solid var(--bs-border-color);
    background-color: var(--bs-secondary-bg);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .02);
}
.select2-search input {
    border: 1px solid #eae9eb;
}

.select2-container .select2-selection--multiple {
    min-height: 32px;
    background-color: var(--bs-secondary-bg);
    border: 1px solid var(--bs-border-color) !important;
}

.select2-container .select2-selection--multiple .select2-search__field {
    background-color: var(--bs-secondary-bg);
    border: 0;
    color: var(--bs-body-color);
}

.select2-container .select2-selection--multiple .select2-search__field::placeholder {
    color: var(--bs-body-color);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove, 
.select2-container .select2-selection--multiple .select2-selection__choice {
    color: #fff;
}

[data-bs-theme=light] .select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: var(--bs-secondary);
    border: 1px solid var(--bs-secondary);
}

[data-bs-theme=dark] .select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: var(--bs-primary);
    border: 1px solid var(--bs-primary);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, 
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: var(--bs-btn-hover-bg);
    color: #fff;
}

/* 
.select2-container .select2-selection--multiple .select2-selection__rendered {
    padding: 2px 10px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #ced4da;
} */
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    margin: 0;
}

.select2-container--default .select2-results__group {
    font-weight: 600;
}
.select2-result-repository__avatar {
    float: left;
    width: 60px;
    margin-right: 10px;
}
.select2-result-repository__avatar img {
    width: 100%;
    height: auto;
    border-radius: 2px;
}
.select2-result-repository__statistics {
    margin-top: 7px;
}
.select2-result-repository__forks, .select2-result-repository__stargazers, .select2-result-repository__watchers {
    display: inline-block;
    font-size: 11px;
    margin-right: 1em;
    color: #adb5bd;
}
.select2-result-repository__forks .fa, .select2-result-repository__stargazers .fa, .select2-result-repository__watchers .fa {
    margin-right: 4px;
}
.select2-result-repository__forks .fa.fa-flash::before, .select2-result-repository__stargazers .fa.fa-flash::before, .select2-result-repository__watchers .fa.fa-flash::before {
    content: "";
    font-family: "Font Awesome 5 Free"}
.select2-results__option--highlighted .select2-result-repository__forks, .select2-results__option--highlighted .select2-result-repository__stargazers, .select2-results__option--highlighted .select2-result-repository__watchers {
    color: hsla(0, 0%, 100%, .8);
}
.select2-result-repository__meta {
    overflow: hidden;
}
.img-flag {
    margin-right: 7px;
    height: 15px;
    width: 18px;
}
.irs {
    font-family: var(--bs-font-sans-serif);
}
.irs--round .irs-grid-pol {
    background-color: var(--bs-border-color);
}
.irs--round .irs-bar, .irs--round .irs-to, .irs--round .irs-from, .irs--round .irs-single {
    background: var(--bs-primary) !important;
    font-size: 11px;
}
.irs--round .irs-to:before, .irs--round .irs-from:before, .irs--round .irs-single:before {
    display: none;
}
.irs--round .irs-line {
    background: var(--bs-border-color);
    border-color: var(--bs-border-color);
}
.irs--round .irs-grid-text {
    font-size: 11px;
    color: #adb5bd;
}
.irs--round .irs-min, .irs--round .irs-max {
    color: #adb5bd;
    background: var(--bs-border-color);
    font-size: 11px;
}
.irs--round .irs-handle {
    border: 2px solid var(--bs-primary);
    width: 16px;
    height: 16px;
    top: 29px;
    background-color: var(--bs-secondary-bg) !important;
}
.input-group.bootstrap-touchspin {
    width: 155px;
}
.input-group.bootstrap-touchspin .form-control {
    text-align: center;
}
.input-group.bootstrap-touchspin .bootstrap-touchspin-down {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group.bootstrap-touchspin .bootstrap-touchspin-up {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-bottom-right-radius: var(--bs-border-radius-sm);
}
.input-group-text {
    background-color: var(--bs-border-color);
}
.tox-tinymce {
    border: 1px solid var(--bs-border-color) !important;
}
.tox .tox-mbtn {
    background-color: var(--bs-secondary-bg) !important;
}
.tox .tox-promotion {
    background-color: var(--bs-secondary-bg) !important;
}
.tox {
    color: var(--bs-body-color) !important;
}
.tox .tox-statusbar {
    border-top: 1px solid var(--bs-border-color) !important;
}
.tox .tox-menubar, .tox .tox-statusbar {
    background-color: var(--bs-secondary-bg) !important;
}
.tox .tox-dialog-wrap__backdrop {
    background-color: #000 !important;
    opacity: .5;
}
.tox .tox-mbtn {
    color: var(--bs-body-color) !important;
}
.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
    background-color: var(--bs-secondary-bg) !important;
}
.tox .tox-toolbar__primary {
    border-color: var(--bs-border-color) !important;
}
.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
    background: var(--bs-secondary-bg) !important;
}
.tox .tox-tbtn {
    background-color: var(--bs-secondary-bg) !important;
    color: var(--bs-body-color) !important;
}
.tox .tox-tbtn:hover {
    background-color: var(--bs-secondary-bg) !important;
}
.tox .tox-tbtn svg {
    fill: var(--bs-body-color) !important;
}
.tox .tox-edit-area__iframe {
    background-color: var(--bs-secondary-bg) !important;
}
.tox .tox-statusbar a, .tox .tox-statusbar__path-item, .tox .tox-statusbar__wordcount {
    color: var(--bs-body-color) !important;
}
.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
    border-right: 1px solid var(--bs-border-color) !important;
}
.tox .tox-menubar+.tox-toolbar-overlord {
    border-color: var(--bs-border-color) !important;
}
.tox .tox-toolbar-overlord {
    background-color: var(--bs-secondary-bg) !important;
}
.tox-tinymce-aux {
    z-index: 1050 !important;
}
.mce-content-body {
    color: #343a40 !important;
}
.tox:not(.tox-tinymce-inline) .tox-editor-header {
    background-color: var(--bs-secondary-bg) !important;
    border: 1px solid var(--bs-border-color) !important;
}
.tox-statusbar {
    display: none !important;
}
.error {
    color: var(--bs-danger);
}
.parsley-error {
    border-color: var(--bs-danger);
}
.parsley-errors-list {
    display: none;
    margin: 0;
    padding: 0;
}
.parsley-errors-list.filled {
    display: block;
}
.parsley-errors-list>li {
    font-size: 12px;
    list-style: none;
    color: var(--bs-danger);
    margin-top: 5px;
}

@media (max-width: 767.98px) {
    .dt-buttons-group {
        display: flex;
        flex-direction: row;
        gap: 0.5rem;
    }

    .dt-buttons-group .btn {
        /* width: 100%; */
        border-radius: 0.375rem !important;
    }
}

.card-header .card-action {
    overflow: auto;
}

.card-header .card-action-body {
    min-width: 340px;
    display: flex;
    gap: .5rem;
    justify-content: end;
}

@media (max-width: 767.98px) {
    .card-header .card-action-body {
        padding: .5rem 0;
        justify-content: start;
    }
}