.auth-page .auth-side-wrapper {
    width: 100%;
    height: 100%;
    background-image: url(../images/photos/img6.jpg);
    background-size: cover;
    background-position: -380px;
}

.auth-page .card {
    overflow: hidden;
    max-width: 540px;
}

.noble-ui-logo img {
    max-width: 160px;
}

.form-control.error {
    background-color: rgba(255, 1, 1, 0.04);
    border: 1px solid #ff0000;
}

.form-label {
    margin-bottom: .25rem;
}

.badge,
.badge.rounded {
    border-radius: .125rem !important;
}

.auth-page .card,
.auth-page .alert {
    max-width: 540px;
}

.blockui-message {
    background: #546da5;
    padding: 10px;
    font-weight: normal;
    border-radius: 4px;
    font-size: 14px;
    color: white;
}

.blockUI.blockMsg {
    border: 3px solid rgb(70 93 145) !important;
    border-radius: 8px !important;
}

.blockUI.blockOverlay {
    opacity: 0.5 !important;
    background-color: #e7e7e7 !important
}

.form-control[readonly] {
    background-color: #fafafa;
    cursor: not-allowed;
}

.table>:not(caption)>*>* {
    padding: .35rem .85rem;
}

.table td {
    text-wrap: wrap;
}

.sidebar .sidebar-header .sidebar-brand img {
    max-width: 156px;
}

.sidebar .nav-link .indicator {
    position: absolute;
    top: 50%;
    right: 2px;
    transform: translateY(-50%);
}

.sidebar .nav-link .indicator .circle {
    background: #ff6565;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.sidebar .nav-link .indicator .circle::before {
    background-color: #ff6565;
    content: "";
    display: table;
    border-radius: 50%;
    position: absolute;
    animation-name: pulse;
    animation-duration: .9s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}

.table td {
    font-size: .8rem;
    vertical-align: middle;
}

.table-hover>tbody>tr:hover>* {
    vertical-align: middle;
}

.btn.btn-xs,
.btn-icon.btn-xs {
    padding: .313rem .28rem;
    font-size: .75rem;
    display: flex;
    align-items: center;
    gap: .25rem;
    width: max-content;
}

.btn.btn-xs svg, .btn-icon.btn-xs.svg {
    height: 16px !important;
    width: 16px !important;
}

.select2-container {
    width: 100% !important;
}

.select2-dropdown {
    border: 1px solid #e9ecef !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #e9ecef !important;
}

.select2.error+.select2-container--default .select2-selection--single {
    background-color: rgba(255, 1, 1, 0.04) !important;
    border: 1px solid #ff0000 !important;
}

.select2.form-select.form-select-sm ~ .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.5;
    padding: .370rem .8rem;
    font-size: .812rem;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #c3c3c3;
}

#toast-container>div {
    background-position: 15px 20px !important;
    opacity: 1 !important;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
    filter: alpha(opacity=100) !important;
}

.pagination {
    margin-bottom: 0;
}

.profile-cover {
    box-shadow: 0 3px 6px 0 rgba(125, 125, 125, 0.25);
}

.profile-cover .profile-img {
    box-shadow: 0 3px 6px 0 rgba(180, 180, 180, 0.25);
}

.profile-details-card .table tbody tr th {
    width: 120px;
    max-width: 160px;
    min-width: 150px;
}

.profile-details-card tr {
    border-color: #dcdcdc !important;
}

#profileTab li a {
    padding: .469rem .8rem;
    border-radius: .25rem;
    transition: all .45s ease-in-out;
}

#profileTab li a:hover,
#profileTab li a:hover svg.text-body {
    color: #ffffff !important;
    background: #6571ff !important;
}

#profileTab li a.active,
#profileTab li a.active svg.text-body {
    color: #ffffff !important;
    background: #6571ff !important;
}

#profileTab li {
    list-style-type: none;
}

#profile_preview {
    width: 128px;
    height: 128px;
    border: 1px solid #ced4da;
    padding: 3px;
    border-radius: .45rem;
    margin: 0 auto;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#selected_signature_preview, #current_signature_preview {
    width: 180px;
    height: 65.45px;
    border: 1px solid #ced4da;
    padding: 3px;
    border-radius: .45rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.table .td_pvm_name, .table .td_inv_name, .table .td_mns_name, .table .td_bos_name {
    width: 346px;
    min-width: 346px;
    max-width: 346px;
}

.table .td_pvm_desc, .table .td_inv_desc, .table .td_mns_desc, .table .td_bos_desc {
    width: 346px;
    min-width: 346px;
    max-width: 346px;
}

.table .td_pvm_unit, .table .td_inv_unit, .table .td_mns_unit, .table .td_bos_unit {
    width: 90px;
    min-width: 90px;
    max-width: 90px;
    text-align: center;
}

.table .td_pvm_quantity, .table .td_inv_quantity, .table .td_mns_quantity, .table .td_bos_quantity {
    width: 90px;
    min-width: 90px;
    max-width: 90px;
    text-align: right;
}

.table .td_pvm_remove {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    text-align: right;
}

.td_pvm_remove a,
.pvm_add a {
    display: flex;
    align-items: center;
    gap: .25rem;
    width: max-content;
}

.td_pvm_remove .btn-xs svg,
.pvm_add .btn-xs svg {
    width: 14px;
    height: 14px;
}

.upload-pill a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-weight: bolder;
    font-size: .75rem;
    background-color: rgba(19, 163, 227, 0.25);
    color: rgba(42, 161, 222, 1);
    margin-top: 3px;
    padding: 0 .25rem;
    border-radius: .125rem;
    transition: all 0.35s ease-in-out;
}

.upload-pill a:hover,
.upload-pill a:active,
.upload-pill a:focus {
    background-color: rgb(42, 123, 222);
    color: #fff;
}

.upload-pill a [data-feather],
.upload-pill a .feather {
    width: 12px;
    height: 12px;
    stroke-width: 3;
}

.upload-pill a span {
    pointer-events: none;
}

.progress-modal .progress {
    font-size: 1rem;
    font-weight: bold;
    height: 1.5rem;
}

.bg-approached {
    background-color: #d2d8dd !important;
    color: #202020 !important;
}

.bg-initiated {
    background-color: #6c757d !important;
    color: #ffffff !important;
}

.bg-load-extended {
    background-color: #2983e4 !important;
    color: #ffffff !important;
}

.bg-load-not-extended {
    background-color: #e1a319 !important;
    color: #ffffff !important;
}

.bg-applied-on-rts {
    background-color: #6c5dae !important;
    color: #ffffff !important;
}

.bg-tf-cleared {
    background-color: #e755b1 !important;
    color: #ffffff !important;
}

.bg-applied-for-loan {
    background-color: #09aaab !important;
    color: #ffffff !important;
}

.bg-approved {
    background-color: #6f42c1 !important;
    color: #ffffff !important;
}

.bg-agreement-prep {
    background-color: #cc7c0a !important;
    color: #ffffff !important;
}

.bg-installation-started {
    background-color: #ea667f !important;
    color: #ffffff !important;
}

.bg-infra-installed {
    background-color: #0d7abe !important;
    color: #ffffff !important;
}

.bg-inspection-report-prep {
    background-color: #a066c7 !important;
    color: #ffffff !important;
}

.bg-applied-for-subsidy {
    background-color: #a63c7c !important;
    color: #ffffff !important;
}

.bg-completed {
    background-color: #05a34a !important;
    color: #ffffff !important;
}

.bg-rejected {
    background-color: #dc3545 !important;
    color: #ffffff !important;
}

.app-status, .quotation-status {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.app-status .status-changer .feather,
.quotation-status .status-changer .feather,
.app-status .status-changer [data-feather],
.quotation-status .status-changer [data-feather] {
    width: 16px;
    height: 16px;
    stroke-width: 3;
}

a i,
a .feather,
a [data-feather],
a span {
    pointer-events: none;
}

.user-filter,
.consumer-application-filter {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.user-filter form.filter-form,
.consumer-application-filter form.filter-form {
    flex: 1;
}

.tbl-profile {
    width: 60px !important;
    height: 60px !important;
}

#role_filter+.select2-container--default .select2-selection--single .select2-selection__rendered,
#status_filter+.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #6571ff;
    line-height: 28px;
    font-weight: bold;
    line-height: 14px !important;
}

h6 a .feather,
h6 a [data-feather] {
    width: 16px;
    height: 16px;
}

@media only screen and (max-width: 767px) {
    .auth-page .card {
        overflow: hidden;
        max-width: 364px;
    }
}

/* Quotation Status Classes */
.bg-quotation__created {
    background-color: #d2d8dd !important;
    color: #202020 !important;
}

.bg-quotation__manager_approved {
    background-color: #6f42c1 !important;
    color: #ffffff !important;
}

.bg-quotation__manager_rejected {
    background-color: #dc3545 !important;
    color: #ffffff !important;
}

.bg-quotation__revision_requested {
    background-color: #e1a319 !important;
    color: #ffffff !important;
}

.bg-quotation__revised {
    background-color: #6c757d !important;
    color: #ffffff !important;
}

.bg-quotation__client_approved, .bg-quotation__bank_approved {
    background-color: #05a34a !important;
    color: #ffffff !important;
}

.bg-quotation__client_rejected, .bg-quotation__bank_rejected {
    background-color: #dc3545 !important;
    color: #ffffff !important;
}

.bg-quotation__sent_to_client, .bg-quotation__sent_to_bank {
    background-color: #2983e4 !important;
    color: #ffffff !important;
}

.bg-quotation__completed {
    background-color: #0d6efd !important; /* Unique color for completed */
    color: #ffffff !important;
}