:root, [data-bs-theme=light] {
    --bs-link-color: #5F1664 !important;
    --bs-body-bg: #EEEEEF;
    --bs-sidebar-bg: #ffffff;
    --bs-sidebar-menu-item-color: #7b8190;
    --bs-sidebar-menu-sub-item-color: #7b8190;
    --bs-sidebar-menu-item-icon-color: #575756;
    --bs-sidebar-menu-item-hover-color: #383c40;
    --bs-sidebar-menu-item-active-color: #5F1664 !important;
    --bs-sidebar-menu-item-active-bg-color: #EEEEEF;
    --bs-link-color-rgb: 91,22,100;
    --bs-link-hover-color-rgb: 134, 56,139;
    --bs-link-hover-color: #86388b;
    --bs-dark-gray-color: #D2D0D384;
    --bs-border-color: #B4B3B3;
    --bs-progress-bar-bg: #B4B3B3 !important;
}
:root, [data-bs-theme="light"] {
    --file-drop-active-bg: #F4EAF5; /* Light purple background */
    --file-drop-active-border: #5F1664; /* Primary border color */
    --file-drop-active-shadow: rgba(95, 22, 100, 0.5); /* Glowing effect */
    --file-upload-bg: #ffffff;
    --file-upload-shadow: rgba(0, 0, 0, 0.1);
    --file-drop-border: #5F1664; /* Primary border color */
    --file-drop-bg: #F9F5FA; /* Subtle light purple */
    --file-drop-hover-bg: #F4EAF5; /* Slightly darker hover background */
    --file-drop-hover-border: #47114B; /* Darker purple for hover */
    --file-drag-text-color: #5F1664; /* Primary text color */
    --file-list-bg: #f1f1f1;
    --file-remove-btn-color: #dc3545; /* Red for remove button */
}
[data-bs-theme="dark"] {
    --file-drop-active-bg: #2b2e3b; /* Dark background */
    --file-drop-active-border: #707070; /* Primary border color for dark mode */
    --file-drop-active-shadow: rgba(112, 112, 112, 0.5); /* Glowing effect */
    --file-upload-bg: #343747;
    --file-upload-shadow: rgba(0, 0, 0, 0.5);
    --file-drop-border: #707070; /* Primary border color */
    --file-drop-bg: #2f333f; /* Subtle dark background */
    --file-drop-hover-bg: #495057; /* Slightly lighter hover background */
    --file-drop-hover-border: #EFE40F; /* Accent yellow for hover */
    --file-drag-text-color: #EFE40F; /* Accent yellow for text */
    --file-list-bg: #434551;
    --file-remove-btn-color: #F46A6A; /* Red for remove button */
}
.quickRepliesColor {
    color: #707070 !important;
}
.quickRepliesfa-minus {
    background-color: #74788d !important;
    color: white !important
}
.kycKybSeachBoxs {
    background-color: #D2D0D324 !important;
}

.kycKybDetails .tabMenuBorder {
    border-bottom: 1px solid #D2D0D3
}

.kycKybDetails .accordion .accordion-item h2 {
    background-color: transparent !important;
}

.kycKybDetails .accordion .accordion-item:first-of-type h2 button {
    border-radius: 10px 10px 0 0 !important;
}

.kycKybDetails .accordion .accordion-item:only-of-type h2 button {
    border-radius: 10px 10px 0 0 !important;
}


.kycKybDetails .accordion .accordion-item:last-of-type h2 button.collapsed {
    border-radius: 0 0 10px 10px !important;
}

.kycKybDetails .accordion .accordion-item:last-of-type h2 button {
    border-radius: 0 0 0 0 !important;
}

.kycKybDetails .accordion .accordion-item:only-of-type h2 button.collapsed {
    border-radius: 10px !important;
}

.kycKybDetails .accordion-collapse {
    background-color: #D2D0D324
}

[data-bs-theme=light] {
    --bs-info-rgb: 22, 72, 141;
}

.kycKybDetails .check-circle-Green {
    color: #01A21A !important;
}

.kycKybDetails .accordion-button:not(.collapsed) {
    color: #5F1664;
    background-color: #EEEEEF;
}

.kycKybDetails .accordion-button {
    color: #495057;
    background-color: #EEEEEF;
}

.kycKybDetails .accordion {
    --bs-accordion-border-color: #ffffff !important;
}

.kycKybDetails .check-circle-red {
    color: #F46868 !important;
}

.kycKybDetails .text-bg-light {
    color: #000 !important;
    background-color: #D2D0D384 !important;
}

.kycKybDetails .resume-box .icon {
    color: #ffffff;
    background-color: #685656;
}

.kycKybDetails .resume-box h5 {
    color: #495057;
}

.kycKybDetails .resume-box .approveColor {
    background-color: #00A21A;
}

.kycKybDetails .resume-box .rejectColor {
    background-color: #DA534F;
}

.kycKybDetails .resume-box .resendColor {
    background-color: #883434;
}

.kycKybDetails .resume-box .initialColor {
    background-color: #707070;
}

.kycKybDetails .resume-box .requestColor {
    background-color: #F2B44C;
}

.kycKybDetails .resume-box .documentsRequestedColor {
    background-color: #707070;
    border: 2px solid #707070;
}

.kycKybDetails .resume-box .documentConfirmedBorder {
    border: 2px solid #5CCDA0;
}

.kycKybDetails .resume-box .documentRejectBorder {
    border: 2px solid #DA534F;
}

.kycKybDetails .resume-box .documentsPendingBorder {
    border: 2px solid #F2B44C;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5F1664;
    color: white;
}

.select2-container--default .select2-results__option[aria-selected=true]:hover {
    background-color: #b87fbb;
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd;
    color: #707070;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--bs-body-color) !important;
}

body {
    font-family: 'DIN 2014', sans-serif;
}

.btn-primary {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #5F1664 !important;
    --bs-btn-border-color: #5F1664 !important;
    --bs-btn-hover-color: #FFFFFF !important;
    --bs-btn-hover-bg: #47114B !important;
    --bs-btn-hover-border-color: #47114B !important;
    --bs-btn-focus-shadow-rgb: 116, 136, 235 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #86388b !important;
    --bs-btn-active-border-color: #86388b !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    --bs-btn-disabled-color: #FFFFFF !important;
    --bs-btn-disabled-bg: #5F125C !important;
    --bs-btn-disabled-border-color: #5F125C !important;
}
.progress, .progress-stacked {
    --bs-progress-bar-bg: #5F1664;
    --bs-progress-bg: rgb(218,220,224);
}
.pagination {
    --bs-pagination-active-bg: #5F1664 !important;
    --bs-pagination-active-border-color: #5F1664 !important;
}
.btn-secondary {
    --bs-btn-color: #5F125C !important;
    --bs-btn-bg: #B4B3B3 !important;
    --bs-btn-border-color: #EEEEEF !important;
    --bs-btn-hover-color: #5F125C !important;
    --bs-btn-hover-bg: #A09B9B !important;
    --bs-btn-hover-border-color: #A09B9B !important;
    --bs-btn-focus-shadow-rgb: none !important;
    --bs-btn-active-color: #FFFFFF !important;
    --bs-btn-active-bg: #5F125C !important;
    --bs-btn-active-border-color: #5F125C !important;
    --bs-btn-active-shadow: none !important;
    --bs-btn-disabled-color: #5F125C !important;
    --bs-btn-disabled-bg: #B4B3B3 !important;
    --bs-btn-disabled-border-color: #B4B3B3 !important;
}

.btn-default {
    --bs-btn-color: #707070 !important;
    --bs-btn-bg: #EEEEEF !important;
    --bs-btn-border-color: #EEEEEF !important;
    --bs-btn-hover-color: #707070 !important;
    --bs-btn-hover-bg: #e0e0e0 !important;
    --bs-btn-hover-border-color: #e0e0e0 !important;
    --bs-btn-focus-shadow-rgb: none !important;
    --bs-btn-active-color: #707070 !important;
    --bs-btn-active-bg: #e0e0e0 !important;
    --bs-btn-active-border-color: #e0e0e0 !important;
    --bs-btn-active-shadow: none !important;
    --bs-btn-disabled-color: #707070 !important;
    --bs-btn-disabled-bg: #cbcbcb !important;
    --bs-btn-disabled-border-color: #cbcbcb !important;
}

.btn-outline-primary {
    --bs-btn-color: #5F1664;
    --bs-btn-border-color: #5F1664;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5F1664;
    --bs-btn-hover-border-color: #5F1664;
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #5F1664;
    --bs-btn-active-border-color: #5F1664;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #86388b;
    --bs-gradient: none;
    font-weight: 600;
}

.border-left {
    border-left: 10px solid #5F1664;
}

.btn {
    border-radius: 13px;
}

.btn-dark {
    color: #707070;
}

.bg-headerCurrent {
    background-color: #727687 !important;
}

#sidebar-menu ul li a {
    color: #575756;
    font-weight: 600;
    font-size: 18px;
}

.text-primary {
    color: #5F1664 !important;
}

.form-check-input:checked, .form-check-input[type=checkbox]:indeterminate {
    background-color: #5F1664;
    border-color: #5F1664;
}

.bg-primary {
    background-color: #5F1664 !important;
    color: #fff;
}

    .bg-primary h5 {
        color: #fff;
    }

.changer-button {
    background: #FAFAFC;
    border: 1px solid var(--bs-link-color);
    color: var(--bs-link-color)
}

.bg-secondary {
    background-color: #e8e8ea !important;
}

.profiles .nav-link.active, .nav-pills .show > .nav-link {
    background: #86388b !important;
    color: #EEEEEF !important;
}

.pill-btn {
    border: 1px solid #b87fbb !important;
    color: #707070 !important;
    background: #FAFAFC !important;
}

.heading_underline {
    font-size: 20px;
    border-bottom: 2px solid #5F1664
}

.text-muted {
    color: #9b9b9b !important;
}

.btn-form {
    border: 1px solid #ced4da !important;
    color: #495057;
}

    .btn-form:hover {
        border: 1px solid #ced4da !important;
    }

.table-light > tr > th {
    color: #5F1664 !important;
}

body[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {
    color: #5F1664;
}

    body[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a > i {
        color: #5F1664;
    }

body[data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li > a {
    padding-left: 0px !important;
}

.btn-edit-invoice {
    color: #5F1664;
    background-color: transparent;
    border-color: #5F1664;
}

    .btn-edit-invoice:hover {
        border-color: #5F1664 !important;
    }

    .btn-edit-invoice:focus {
        border-color: #5F1664 !important;
    }

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    background-color: #5F1664 !important;
}

.tab button:hover {
    background-color: #ddd;
}

.tab button.active {
    border-bottom: 2px var(--bs-link-color) solid;
}

.custom-switch {
    background-color: var(--bs-link-color) !important;
    border-color: var(--bs-link-color) !important;
}

    .custom-switch:checked {
        background-color: var(--bs-link-color) !important;
        border-color: var(--bs-link-color) !important;
    }

.paymentgateway-select-color {
    color: #8C1F75;
}

    .paymentgateway-select-color h5 {
        color: #8C1F75;
    }


.daterangepicker .cancelBtn {
    border: 1px solid #5f1664;
    border-radius: 6px;
}

.daterangepicker .applyBtn {
    border-radius: 6px;
}

.btnStatus {
    border: 2px solid #8C1F75;
    color: #575756
}

.btnStatusCompany {
    border: 2px solid #8C1F75;
    color: #575756
}

.btnStatus h5 {
    color: #707070
}

.btnStatusCompany h5 {
    color: #707070
}

.selectColor {
    color: #8C1F75;
}

    .selectColor h5 {
        color: #8C1F75;
    }

.introjs-progressbar {
    background-color: #5F1664 !important;
}

.introjs-prevbutton {
    --bs-btn-color: #5F125C !important;
    --bs-btn-bg: #B4B3B3 !important;
    --bs-btn-border-color: #EEEEEF !important;
    --bs-btn-hover-color: #5F125C !important;
    --bs-btn-hover-bg: #A09B9B !important;
    --bs-btn-hover-border-color: #A09B9B !important;
    --bs-btn-focus-shadow-rgb: none !important;
    --bs-btn-active-color: #FFFFFF !important;
    --bs-btn-active-bg: #5F125C !important;
    --bs-btn-active-border-color: #5F125C !important;
    --bs-btn-active-shadow: none !important;
    --bs-btn-disabled-color: #5F125C !important;
    --bs-btn-disabled-bg: #B4B3B3 !important;
    --bs-btn-disabled-border-color: #B4B3B3 !important;
}

.introjs-nextbutton {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #5F1664 !important;
    --bs-btn-hover-color: #FFFFFF !important;
    --bs-btn-hover-bg: #47114B !important;
    --bs-btn-hover-border-color: #47114B !important;
    --bs-btn-focus-shadow-rgb: 116, 136, 235 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #86388b !important;
    --bs-btn-active-border-color: #86388b !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    --bs-btn-disabled-color: #FFFFFF !important;
    --bs-btn-disabled-bg: #5F125C !important;
    --bs-btn-disabled-border-color: #5F125C !important;
}

.bg-soft-hub-secondary {
    background-color: #F4F4F4 !important;
}

.text-color-darkGray {
    color: #495057 !important;
}

.headerAddDepositBtn, headerAddDepositBtn a, .headerAddDepositBtn a i, #deposit-text {
    color: black !important;
}

    .headerAddDepositBtn a i.add {
        color: #5F1664 !important;
    }

.tour-icon i {
    font-size: 22px;
    color: #5F1664 !important;
    background: #f7f7f7;
}

.headerAddDepositBtn {
    background-color: #f7f7f7;
}

    .headerAddDepositBtn:hover {
        background-color: #f7f7f7;
    }

.supportContainer .topics .nav-link.active {
    border-bottom: 3px solid #5F1664;
}

.supportContainer .nav-link {
    color: #000;
}

.reset-filter {
    color: #5F125C;
}

.tablinks {
    color: inherit;
    text-decoration: none;
}

.tablinks {
    color: #000;
    text-decoration: none;
}

    .tablinks:hover, .tablinks:active {
        color: #000;
    }


select:has(option.empty) {
    color: gray;
}

option.empty {
    color: gray;
}

.active-btn {
    background: var(--bs-link-color);
    color: var( --bs-body-bg);
}

.sandbox-title {
    text-align: center;
    background-color: #5F1664;
    color: white;
    height: 35px;
}

.table-light {
    --bs-table-bg: #EEEEEF;
}

.form-check-input.lg:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23EFE40F' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input.lg {
    width: 1.6em;
    height: 1.6em;
}

.form-select:disabled {
    background-color: #ebebeb;
}

.btn-product-addPrice {
    background: #EEEEEF 0% 0% no-repeat padding-box;
    border-radius: 7px;
    border: none;
}

a.bg-secondary:hover, button.bg-secondary:hover {
    background-color: #d1d1d1 !important;
}

.invoice-col-red {
    color: #E60000 !important;
}

.btn-expand-invoice {
    border-radius: 8px;
    border: 1px solid;
    background: transparent;
    margin-right: -15px;
    margin-left: -2px;
}


.row-loader-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.4);
    z-index: 10;
}

    .row-loader-overlay i {
        color: #5F1664 !important;
    }

.div-search-customer button {
    border-color: var(--bs-border-color);
    border-radius: 0 4px 4px 0;
}

.div-search-customer .searchgroup {
    border-radius: 4px 0 0 4px !important;
}

.div-search-customer .dropdown-menu {
    padding: 2px;
}

.div-search-customer .search-box {
    width: 282px;
    margin: 0 !important;
}

.notification-btn {
    color: #5F1664;
}