.dt-paging .dt-paging-button.next::after,
.dt-paging .dt-paging-button.previous::after {
                position: absolute;
                top: 50%;
                color: var(--bs-primary-color);
                font-weight: 700;
                font-size: var(--font-size-12);
                font-family: bootstrap-icons;
                transform: translate(-50%, -50%)
}

.dt-paging .dt-paging-button:hover,
.tab-two-content .nav.nav-tabs .nav-item a.active span {
                color: var(--highlight-color) !important
}

.form-check-input.is-valid,
.form-check-input.is-valid:focus {
                box-shadow: 0 0 0 transparent
}

.main-content.login {
                height: 100vh
}

.dt-paging .dt-paging-button,
.dt-paging .ellipsis {
                font-size: var(--font-size-14);
                margin: 0 .25rem;
                width: 41px;
                height: 37px;
                position: relative;
                color: var(--bs-primary-color) !important
}

.table-scroll-auto {
                max-height: 25rem;
                overflow-y: auto
}

.dispute-scroll-auto {
                max-height: 54.688rem;
                overflow-y: auto
}

.table-container .filter-btns button.btn:hover {
                background-color: var(--bs-gray-300)
}

table.dataTable thead>tr>th.removeSorting span.dt-column-order::after,
table.dataTable thead>tr>th.removeSorting span.dt-column-order::before {
                content: "" !important
}

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before {
                content: "\F286" !important;
                font-family: bootstrap-icons;
                left: 20px !important;
                color: var(--bs-primary-color);
                opacity: .4 !important
}

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after {
                content: "\F282" !important;
                font-family: bootstrap-icons;
                left: 20px !important;
                color: var(--bs-primary-color);
                opacity: .4 !important
}

table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after {
                opacity: .9 !important
}

table.dataTable thead>tr>td.dt-orderable-asc:hover,
table.dataTable thead>tr>td.dt-orderable-desc:hover,
table.dataTable thead>tr>th.dt-orderable-asc:hover,
table.dataTable thead>tr>th.dt-orderable-desc:hover {
                outline: 0 !important;
                outline-offset: 0 !important
}

div.dt-layout-row div.dt-layout-cell.dt-layout-end,
div.dt-layout-row div.dt-layout-cell.dt-layout-start {
                margin-left: unset !important;
                margin-right: unset !important
}

.dt-paging .dt-paging-button.first::after {
                content: "\F27F";
                font-family: bootstrap-icons;
                position: absolute;
                top: 50%;
                left: 51%;
                transform: translate(-50%, -50%);
                color: var(--bs-primary-color);
                font-weight: 700
}

.dt-paging .dt-paging-button.last::after {
                content: "\F280";
                font-family: bootstrap-icons;
                position: absolute;
                top: 50%;
                left: 51%;
                transform: translate(-50%, -50%);
                color: var(--bs-primary-color);
                font-weight: 700
}

.dt-paging .dt-paging-button.previous::after {
                content: "\F284";
                left: 51%
}

.dt-paging .dt-paging-button.next::after {
                content: "\F285";
                left: 48%
}

.dt-paging .dt-paging-button.first:hover::after,
.dt-paging .dt-paging-button.last:hover::after,
.dt-paging .dt-paging-button.next:hover::after,
.dt-paging .dt-paging-button.previous:hover::after {
                color: var(--highlight-color)
}

.table th {
                min-width: 9rem;
                font-weight: 400 !important;
                padding-right: 2rem !important
}

.dt-paging .dt-paging-button {
                border: var(--border-color) 1px solid !important;
                border-radius: var(--border-radius) !important
}

.dt-paging .ellipsis {
                border: var(--border-color) 1px solid !important;
                border-radius: var(--border-radius) !important;
                display: flex;
                align-items: center;
                justify-content: center
}

.dt-paging .dt-paging-button,
.dt-paging nav {
                align-items: center;
                display: flex
}

.dt-paging .dt-paging-button {
                justify-content: center;
                background-color: transparent
}

.dt-paging .dt-paging-button:hover {
                background: 0 0 !important
}

.fixed-footer .dt-paging .dt-paging-button.current {
                background: var(--highlight-color) !important;
                border: var(--highlight-color) 1px solid !important;
                color: var(--bs-white) !important
}

.fixed-footer .dt-paging .dt-paging-button.current:hover {
                color: var(--bs-white) !important
}

.dt-paging .dt-paging-button.disabled {
                cursor: not-allowed !important
}

button.dt-paging-button.disabled.first:hover::after,
button.dt-paging-button.disabled.last:hover::after,
button.dt-paging-button.disabled.next:hover::after,
button.dt-paging-button.disabled.previous:hover::after {
                color: var(--bs-primary-color)
}

.dt-paging .dt-paging-button.first,
.dt-paging .dt-paging-button.last,
.dt-paging .dt-paging-button.next,
.dt-paging .dt-paging-button.previous {
                border: none !important
}

.dt-empty-footer tbody>tr:last-child>* {
                border-bottom: none !important
}

.fixed-footer {
                display: flex;
                align-items: center;
                justify-content: space-between
}

div.dt-container div.dt-layout-row {
                margin: 0 !important
}

.remove-filter.multiselect-dropdown {
                margin-bottom: var(--font-size-12);
                flex-wrap: wrap
}

.remove-filter.multiselect-dropdown .remove-selected-items {
                border: var(--border-color) 1px solid;
                border-radius: .5rem;
                padding: 5px 10px;
                margin: 0;
                gap: var(--border-radius-8);
                display: flex
}

.remove-filter.multiselect-dropdown .remove-selected-items label {
                color: var(--bs-secondary-color);
                font-weight: 300;
                font-family: var(--outfit-light)
}

.remove-filter.multiselect-dropdown .selected-tag {
                border: none;
                padding: 0;
                color: var(--bs-primary-color)
}

.accountRejected::before,
.accountVerified::before {
                width: 7px;
                height: 7px;
                border-radius: 50%;
                transform: translateY(-50%) rotate(0);
                opacity: 1;
                top: 50%;
                content: "";
                left: 0
}

.remove-filter.multiselect-dropdown .selected-tag .remove-tag {
                font-size: var(--font-size-20);
                font-weight: 400;
                color: #b4b4b4
}

.success-title {
                color: var(--success-green)
}

.danger-title {
                color: var(--error-red)
}

.merchant-kyc-details span.rejected {
                --_status-color: var(--error-red)
}

.text-warning1 {
                color: var(--warning-orange) !important
}

.accountRejected,
.accountVerified,
.verified {
                position: relative;
                padding-left: 14px
}

.accountVerified::before {
                position: absolute;
                background-color: var(--highlight-color)
}

.accountRejected::before {
                position: absolute;
                background-color: var(--error-red)
}

.recent-activity-card.merchant {
                max-height: 50.25rem
}

.message-animate {
                position: absolute;
                bottom: 0
}

.aadhaar-toggle,
.pan-toggle,
.preview-text,
.upload-container .reupload-text {
                cursor: pointer
}

.upload-file h6 a.text-success {
                color: var(--bs-primary-color) !important
}

.custom-select__button:focus {
                border-color: var(--highlight-color)
}

.settlement-details.merchant-kyc-details {
                min-height: 195px
}

@media (min-width:1400px) {
                .welcome-container .welcome-message:has(.message-animate) {
                                justify-content: start !important;
                                padding-top: 5.5rem
                }

                .card-body .transaction-details-chart-container {
                                padding: 0 var(--font-size-10)
                }

                .refund-card h2 {
                                font-size: 1.75rem;
                                position: relative;
                                z-index: 999
                }

                .refund-card::after {
                                width: 50px;
                                height: 50px;
                                bottom: 0;
                                right: 0
                }

                .welcome-container {
                                overflow: hidden;
                                border-bottom-left-radius: 1.5rem;
                                border-bottom-right-radius: 1.5rem
                }
}

@media (min-width:1500px) {
                .welcome-container .welcome-message:has(.message-animate) {
                                padding-top: 7.5rem
                }

                .kyc-details-section.scroll-y {
                                height: calc(100vh - 315px)
                }

                .daterangepicker select.ampmselect,
                .daterangepicker select.hourselect,
                .daterangepicker select.minuteselect,
                .daterangepicker select.secondselect {
                                width: 4rem !important
                }
}

@media (min-width:1600px) {
                .welcome-container .welcome-message:has(.message-animate) {
                                padding-top: 5.5rem
                }

                .kyc-details-section.scroll-y {
                                height: calc(100vh - 364px)
                }

                .daterangepicker select.ampmselect,
                .daterangepicker select.hourselect,
                .daterangepicker select.minuteselect,
                .daterangepicker select.secondselect {
                                width: 3.2rem !important
                }

                .refund-card h2 {
                                font-size: 2rem
                }

                .card-body .transaction-details-chart-container {
                                padding: 0 2.75rem
                }

                .refund-card::after {
                                width: 80px;
                                height: 80px;
                                right: -5px;
                                bottom: -20px
                }
}

.kyc-details-section.scroll-y {
                height: calc(100vh - 410px)
}

.settlement-details.raise-exception-details-approved-bg {
                background-color: var(--calender-range-hover-bg-color) !important
}

.Vpa-container .top-50 {
                top: 2.1rem !important
}

.payment-date {
                aspect-ratio: 1/1;
                width: 1.5rem
}

.upload-file-group .upload-text h6>a {
                display: inline-block;
                max-width: 100%;
                text-overflow: ellipsis;
                overflow: hidden
}

.custom-select__menu .dropdown-item[aria-selected=true] {
                font-weight: 400;
                position: relative;
                color: #099d3e
}

.custom-select__menu .dropdown-item[aria-selected=true]::after {
                content: "\F633";
                font-family: bootstrap-icons;
                position: absolute;
                right: 12px;
                top: 50%;
                transform: translateY(-50%);
                font-size: 1rem
}

.no-checkmark-dropdown .dropdown-item[aria-selected=true]::after {
                display: none !important;
                visibility: hidden !important
}

.no-checkmark-dropdown .dropdown-item[aria-selected=true] {
                background-color: transparent !important;
                font-weight: 400 !important
}

.table-container .table-footer {
                margin-top: 1rem
}

.selectAll[type=checkbox]:checked {
                background-color: var(--bs-link-color);
                border-color: var(--bs-link-color)
}

.selectall-docs {
                padding: var(--font-size-10);
                border-radius: var(--border-radius-8)
}

.selected-float {
                background-color: var(--toastBg);
                box-shadow: 0 4px 12px 0 #c3c3C342;
                padding: var(--font-size-12);
                border-radius: var(--font-size-12);
                width: 53.125rem;
                margin: 0 auto;
                position: sticky;
                bottom: 0;
                left: 0;
                right: 0
}

.selected-float div:first-child {
                border: 1px solid var(--border-color);
                border-radius: var(--border-radius-8);
                padding: var(--border-radius-8) var(--font-size-12)
}

.modal-filter .custom-select__button {
                color: var(--bs-gray-500)
}

.modal-filter .custom-select__button.active-dropdown,
.modal-filter .custom-select__button.active-select {
                color: var(--bs-primary-color) !important
}

.badge.variant {
                position: relative;
                padding-left: 25px;
                background-color: var(--bs-body-bg) !important
}

.swal2-cancel:hover,
.swal2-confirm {
                background: var(--highlight-color) !important;
                color: var(--bs-white) !important
}

.badge.variant::before {
                --_badge-variant-bg-color: var(yellow, hsl(0, 0%, 50%));
                content: "";
                position: absolute;
                left: 10px;
                top: 50%;
                transform: translateY(-50%);
                width: 5px;
                height: 5px;
                border-radius: 50%;
                background-color: var(--_badge-variant-bg-color)
}

.badge.bg-success.variant::before {
                --_badge-variant-bg-color: var(--success-green)
}

.badge.bg-danger.variant::before {
                --_badge-variant-bg-color: var(--error-red)
}

.badge.bg-warning.variant::before {
                --_badge-variant-bg-color: var(--warning-yellow)
}

.badge.bg-info.variant::before {
                --_badge-variant-bg-color: var(--info-blue)
}

#page-loaders {
                position: fixed;
                z-index: 9999;
                background: rgba(26, 76, 49, .95);
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                display: flex;
                justify-content: center;
                align-items: center
}

table.table td span.copied-text {
                color: var(--bs-table-color)
}

.table-search i {
                top: 1.15rem !important
}

.swal2-popup {
                border-radius: 1.5rem;
                min-width: 38.5rem !important;
                padding: 1.5rem !important
}

.swal2-cancel,
.swal2-confirm {
                border-radius: .5rem !important
}

.swal2-title {
                font-size: 18px;
                text-align: left;
                padding: .5rem 0 !important;
                font-weight: 500 !important
}

.swal2-html-container {
                text-align: left !important;
                padding: .5rem 0 !important
}

.swal2-cancel {
                background: 0 0 !important;
                color: var(--highlight-color) !important;
                border: 1px solid var(--highlight-color) !important
}

.swal2-close {
                color: #646570 !important;
                font-size: 1.5rem !important;
                justify-content: end
}

.swal2-actions {
                width: 100%;
                display: flex !important;
                justify-content: end !important
}

.logo-index {
                width: 9.688rem
}

.w-130 {
                width: 130px !important
}

.w-120 {
                width: 120px !important
}

.w-200 {
                width: 200px !important
}

.invalid-kyc {
                background: linear-gradient(180deg, #f7e9ea 1.04%, #fff 100%);
                box-shadow: 0 4.67px 4.67px 0 #e7d1d1;
                font-size: var(--font-size-20);
                color: var(--error-red);
                border-radius: var(--border-radius-8);
                padding: var(--font-size-14);
                width: 3.5rem;
                margin: 0 auto
}

.table-filter .custom-select {
                min-width: 12rem
}

.table-filter .dropdown-menu .top-50 {
                z-index: 23
}

.form-check-input.is-valid {
                border: 1px solid var(--border-color) !important
}

.searchEmptyTable {
                position: fixed;
                left: 5%;
                border: 1px solid transparent;
                padding: 30px;
                width: 100%
}

.profile-dropdown {
                --user-firstLetter-color: #003729;
                --user-firstLetter-bg: #A4F2A866
}

.dropstart .update-history.dropdown .dropdown-toggle::before,
.profile-dropdown .dropdown-toggle::after,
.reassign_accordion_attempt .accordion-button:not(.collapsed)+.cpv_remarks,
.update-history.dropdown .dropdown-toggle::after {
                display: none
}

.profile-dropdown .btn.show,
.profile-dropdown .btn:active,
.update-history.dropdown .btn.show,
.update-history.dropdown .btn:active {
                border-color: transparent
}

.profile-dropdown .btn.show>.bi-chevron-down {
                transform: rotate(180deg)
}

.profile-dropdown .dropdown-menu {
                width: 23.75rem;
                box-shadow: 0 4px 16px 0 #0000001F;
                border: none;
                padding: calc(var(--font-size-10) * 2)
}

.user-firstletter {
                background-color: var(--user-firstLetter-bg);
                padding: var(--border-radius-8) var(--font-size-14);
                border-radius: var(--border-radius-6)
}

.user-firstletter span {
                color: var(--user-firstLetter-color)
}

.profile-dropdown .dropdown-menu .user-firstletter {
                padding: var(--font-size-12) var(--font-size-18)
}

.profile-dropdown .dropdown-menu.show {
                display: flex;
                flex-direction: column;
                gap: var(--common-size)
}

.profile-dropdown .dropdown-item:active {
                background-color: transparent;
                color: var(--bs-dropdown-link-color)
}

.profile-dropdown .dropdown-item:hover {
                background-color: transparent !important
}

.table-search-loader {
                display: flex;
                align-items: end;
                justify-content: center;
                position: absolute;
                left: 50%;
                bottom: 20%;
                transform: translate(-50%, -50%);
                width: 100%;
                z-index: 23
}

.update-history.dropdown .dropdown-menu {
                box-shadow: 0 4px 16px 0 #0000001F;
                border-color: transparent;
                width: 26.25rem;
                position: absolute !important;
                left: -150% !important;
                max-height: 25rem;
                overflow-y: auto
}

.reupload-kyc::after {
                content: "";
                position: absolute;
                top: 0;
                right: 0;
                width: 8px;
                height: 8px;
                background-color: red;
                border-radius: 50%;
                animation: 1.5s infinite pulse
}

@keyframes pulse {
                0% {
                                box-shadow: 0 0 0 0 rgba(255, 0, 0, .7);
                                transform: scale(1)
                }

                70% {
                                box-shadow: 0 0 0 6px rgba(255, 0, 0, 0);
                                transform: scale(1.1)
                }

                100% {
                                box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
                                transform: scale(1)
                }
}

.reupload_badge .reupload-status-badge {
                position: absolute;
                left: 0;
                bottom: 0
}

.reupload_badge .reupload-status-badge img {
                width: 14px
}

.reupload_badge .reupload-status-badge span {
                font-size: 11px;
                color: var(--info-blue);
                border-radius: 0 6px 0 0;
                border: none;
                font-weight: 600
}

.multi-upload-container .carousel-inner .reupload_badge .reupload-status-badge img {
                max-height: 14px;
                min-height: 14px;
                padding: 0;
                background: 0 0
}

.bankChecker label {
                display: flex;
                align-items: center;
                gap: 4px;
                cursor: pointer
}

.bankChecker label input {
                width: 16px;
                height: 16px
}

.bankChecker input[type=radio]:checked:after {
                width: 8px;
                height: 8px;
                left: 3px;
                top: 3px
}

.otp-input-email {
                text-align: center
}

.negative-status {
                background-color: #fff5f5;
                border: 1px solid var(--error-red);
                border-radius: var(--font-size-12);
                padding: var(--common-size)
}

.negative-status .bi.bi-exclamation-triangle-fill {
                color: var(--error-red);
                font-size: var(--font-size-18)
}

.reassign_accordion_attempt .accordion {
                --bs-accordion-btn-icon-width: var(--font-size-18);
                background-color: transparent
}

.cpv_remarks {
                padding: var(--font-size-12)
}

.settlement-detail-overview:has(.negative-status) .merchant-business-details-section {
                max-height: 47vh
}

.pending-status {
                background-color: #fffef5;
                border: 1px solid var(--warning-yellow);
                border-radius: var(--font-size-12);
                padding: var(--common-size)
}

.pending-status .bi.bi-exclamation-circle-fill {
                color: var(--warning-yellow);
                font-size: var(--font-size-18)
}

.cpv_accordion .accordion-item {
                border: .5px solid var(--Stroke-Active, #e0e0e0)
}

.no-banks-found {
                display: flex;
                justify-content: center;
                align-items: center
}

.aadhaar-mask,
.mask-field span {
                display: inline-block
}

.profile-dropdown li a:hover {
                color: var(--bs-success)
}

.profile-dropdown li:last-child a:hover {
                color: var(--bs-danger) !important
}

.min-width-225 {
                min-width: 225px !important
}

.rejectdetailsActive.disabled {
                background-color: transparent !important;
                border: 1px solid var(--error-red);
                color: var(--error-red);
                opacity: .3
}

.ApproveDetailsActive:disabled {
                background-color: transparent !important;
                border: 1px solid var(--highlight-color);
                color: var(--highlight-color);
                opacity: .3
}

.aadhaar-mask {
                min-width: 7.5rem
}

.timer-loader {
                width: 1.2rem;
                height: 1.2rem;
                margin-top: -.5rem
}

.mask-field {
                align-items: center;
                display: flex
}

.mask-field .form-label,
.mask-field .timer-loader,
.toggle-eye {
                margin-bottom: 0
}

.modal-icon-container {
                --file-bg-color: #FAFAFA;
                --file-upload-icon-color: #fff;
                --file-upload-icon-box-shadow: #D1E7E1;
                --loader-border-color: #DCDCDC;
                --loader-border-top-color: #28A745;
                --text-danger: red;
                --danger-box-shadow: rgba(231, 209, 209, 1)
}

.modal-icon-container .upload-icon {
                height: 56px;
                width: 56px;
                border: 2px solid var(--file-upload-icon-color);
                border-radius: var(--border-radius);
                cursor: pointer;
                background: linear-gradient(#e9f7f3, #fff);
                box-shadow: 0 4px 8px 0 var(--file-upload-icon-box-shadow)
}

.modal-icon-container .danger-icon-bg {
                background: linear-gradient(#f7e9ea, #fff) !important;
                box-shadow: 0 2px 8px 0 var(--danger-box-shadow) !important
}

.verifiedEmail .bi-patch-check,
.verifiedEmail span,
.verifiedEmail-field input {
                color: var(--text-muted-color)
}

.verifiedEmail-field .form-control:disabled {
                background-color: var(--bs-gray-200)
}

.verifiedEmail {
                position: absolute;
                top: 53%;
                right: 15px;
                display: flex;
                align-items: center;
                gap: 5px
}

.login-description {
                color: var(--subtext2-color)
}

.risk-assessment-progress {
                height: var(--border-radius-8);
                background: #e5e7eb;
                border-radius: 999px;
}

.risk-assessment-progress .riskFill, .risk-assessment-progress #riskFills {
                height: 100%;
                border-radius: 999px;
                width: 0%;
                position: relative;
                transition: width 0.4s ease;
}

.risk-assessment-progress #riskThumb {
                position: absolute;
                right: 0;
                top: 50%;
                transform: translate(50%, -50%);
                width: 16px;
                height: 16px;
                border-radius: 50%;
                background: white;
                border: 2px solid #bbb;
}