/*Theme color setup start*/

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #530B7B;
    --bs-btn-border-color: #530B7B;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3D085A;
    --bs-btn-hover-border-color: #3D085A;
    --bs-btn-focus-shadow-rgb: 122, 102, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3D085A;
    --bs-btn-active-border-color: #3D085A;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #B2A2C3;
    --bs-btn-disabled-border-color: #B2A2C3;
}

.btn-outline-primary {
    --bs-btn-color: #530B7B;
    --bs-btn-border-color: #530B7B;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #530B7B;
    --bs-btn-hover-border-color: #530B7B;
    --bs-btn-focus-shadow-rgb: 98, 75, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #530B7B;
    --bs-btn-active-border-color: #530B7B;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #530B7B;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #530B7B;
    --bs-gradient: none;
}

:root,
[data-bs-theme=light] {
    --bs-primary-rgb: 83, 11, 123;
    --bs-primary: #530B7B;
}

.nav-pills-gray-rounded .nav-item .nav-link.active {
    background-color: #530B7B;
}

.form-control:focus {
    border-color: #530B7B;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: #530B7B;
}

.border-primary {
    border-color: #530B7B !important;
}

/*Theme color setup end*/

.field-validation-error {
    color: var(--bs-form-invalid-color);
    font-size: .875em;
    margin-top: 0.25rem;
    width: 100%;
}

.form-control.input-validation-error {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
    background-position: right calc(.4em + .375rem) center;
    background-repeat: no-repeat;
    background-size: calc(.8em + .75rem) calc(.8em + .75rem);
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.6em + 1.5rem)
}

    .form-control.input-validation-error:focus {
        border-color: var(--bs-form-invalid-border-color);
        box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
    }

textarea.form-control.input-validation-error {
    background-position: top calc(.4em + .375rem) right calc(.4em + .375rem);
    padding-right: calc(1.6em + 1.5rem)
}

.form-select.input-validation-error {
    border-color: var(--bs-form-invalid-border-color)
}

    .form-select.input-validation-error:not([multiple]):not([size]), .form-select.input-validation-error:not([multiple])[size="1"] {
        --bs-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
        background-position: right 1.25rem center,center right 3.75rem;
        background-size: 16px 12px,calc(.8em + .75rem) calc(.8em + .75rem);
        padding-right: 6.875rem
    }

    .form-select.input-validation-error:focus {
        border-color: var(--bs-form-invalid-border-color);
        box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
    }

.form-control-color.input-validation-error {
    width: calc(4.5rem + 1.6em)
}

.form-check-input.input-validation-error {
    border-color: var(--bs-form-invalid-border-color)
}

    .form-check-input.input-validation-error:checked {
        background-color: var(--bs-form-invalid-color)
    }

    .form-check-input.input-validation-error:focus {
        box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
    }

    .form-check-input.input-validation-error ~ .form-check-label {
        color: var(--bs-form-invalid-color)
    }

.navbar-nav > .username > a {
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    color: var(--bs-btn-hover-color) !important;
}

    .navbar-nav > .username > a:hover {
        color: var(--bs-btn-active-color) !important;
        background-color: var(--bs-btn-active-bg);
        border-color: var(--bs-btn-active-border-color)
    }

a.disabled {
    pointer-events: none;
    color: #c9c9c9;
}

.form-label {
    font-size: 0.8em;
}

.ui-datepicker .ui-state-default {
    border: none !important;
    background: #fff !important;
}

    .ui-datepicker .ui-state-default.ui-state-active {
        background: #007fff !important;
    }

.ui-datepicker .ui-widget-header {
    border: none !important;
    background: #fff !important;
}


.customer-ticket-list {
    max-height: 50vh !important;
    overflow-y: auto;
    overflow-x: hidden;
}

#toast-container .toast-success {
    background-color: #28a745
}

#toast-container .toast-error {
    background-color: #dc3545
}

.border-gray {
    border: 1px solid #E6EBEF;
}

.bank-icon {
    height: 20px;
}

.bg-light-gray {
    background: #EFF2F5;
}

.account-section {
    border-left: 1px solid #E6EBEF !important;
    border-right: 1px solid #E6EBEF !important;
    border-bottom: 1px solid #E6EBEF !important;
}

.payment-summary {
    border-top: 1px solid #E6EBEF;
}

.payment-summary-btn {
    border-top: 1px solid #E6EBEF;
    cursor: pointer;
}

.navbar-brand img {
    height: 50px;
}

.footer-logo {
    height: 50px;
}

.signin-logo {
    width: 150px;
}

.justify-content {
    text-align: justify
}

.footer-payment-methods img {
    width: 65px;
    margin-right: 5px;
}

.accordion a i:before {
    content: "\f056";
}

.accordion a.collapsed i:before {
    content: "\f055";
}

.lender-icon {
    margin: auto 10px 0px 0px;
    height: 30px;
}

/* loan products key lists */

.key-point-item {
    border: 1px solid #aaa;
    background-color: #f8f9fa;
    border-radius: 5px;
    flex-shrink: 1;
    flex-basis: auto;
    max-width: 100%;
}

/* Credit Card Page Styles */
.credit-card-product-image {
    align-items: flex-start;
}

.credit-card-list-footer {
    background-color: #f0e9f4;
}

.hide-item {
    display: none;
}

.inner-layout-nav {
    flex-wrap: nowrap;
}

    .inner-layout-nav a {
        padding: 10px 5px;
    }
/*.inner-layout-nav-container {
    position:fixed;
}
.inner-layout-nav {
    position: relative;
}*/
.our-partners img {
    height: 60px;
    margin:10px
}
table.dataTable > :not(caption) > * > * {
    background-color: #FFFFFF;
}
.form-control[readonly] {
    background-color: #f8f9fa;
    opacity: 1;
}