@font-face {
    font-family: 'Switzer';
    font-style: normal;
    font-weight: 400;
    src: local('Switzer'), url('https://fonts.cdnfonts.com/s/85792/Switzer-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Switzer';
    font-style: italic;
    font-weight: 400;
    src: local('Switzer'), url('https://fonts.cdnfonts.com/s/85792/Switzer-Italic.woff') format('woff');
}

@font-face {
    font-family: 'Switzer';
    font-style: normal;
    font-weight: 100;
    src: local('Switzer'), url('https://fonts.cdnfonts.com/s/85792/Switzer-Thin.woff') format('woff');
}

@font-face {
    font-family: 'Switzer';
    font-style: italic;
    font-weight: 100;
    src: local('Switzer'), url('https://fonts.cdnfonts.com/s/85792/Switzer-ThinItalic.woff') format('woff');
}

@font-face {
    font-family: 'Switzer';
    font-style: normal;
    font-weight: 200;
    src: local('Switzer'), url('https://fonts.cdnfonts.com/s/85792/Switzer-Extralight.woff') format('woff');
}

@font-face {
    font-family: 'Switzer';
    font-style: italic;
    font-weight: 200;
    src: local('Switzer'), url('https://fonts.cdnfonts.com/s/85792/Switzer-ExtralightItalic.woff') format('woff');
}

@font-face {
    font-family: 'Switzer';
    font-style: normal;
    font-weight: 300;
    src: local('Switzer'), url('https://fonts.cdnfonts.com/s/85792/Switzer-Light.woff') format('woff');
}

@font-face {
    font-family: 'Switzer';
    font-style: italic;
    font-weight: 300;
    src: local('Switzer'), url('https://fonts.cdnfonts.com/s/85792/Switzer-LightItalic.woff') format('woff');
}

@font-face {
    font-family: 'Switzer';
    font-style: normal;
    font-weight: 500;
    src: local('Switzer'), url('https://fonts.cdnfonts.com/s/85792/Switzer-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Switzer';
    font-style: italic;
    font-weight: 500;
    src: local('Switzer'), url('https://fonts.cdnfonts.com/s/85792/Switzer-MediumItalic.woff') format('woff');
}

@font-face {
    font-family: 'Switzer';
    font-style: normal;
    font-weight: 600;
    src: local('Switzer'), url('https://fonts.cdnfonts.com/s/85792/Switzer-Semibold.woff') format('woff');
}

@font-face {
    font-family: 'Switzer';
    font-style: italic;
    font-weight: 600;
    src: local('Switzer'), url('https://fonts.cdnfonts.com/s/85792/Switzer-SemiboldItalic.woff') format('woff');
}

@font-face {
    font-family: 'Switzer';
    font-style: normal;
    font-weight: 700;
    src: local('Switzer'), url('https://fonts.cdnfonts.com/s/85792/Switzer-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Switzer';
    font-style: italic;
    font-weight: 700;
    src: local('Switzer'), url('https://fonts.cdnfonts.com/s/85792/Switzer-BoldItalic.woff') format('woff');
}

@font-face {
    font-family: 'Switzer';
    font-style: normal;
    font-weight: 800;
    src: local('Switzer'), url('https://fonts.cdnfonts.com/s/85792/Switzer-Extrabold.woff') format('woff');
}

@font-face {
    font-family: 'Switzer';
    font-style: italic;
    font-weight: 800;
    src: local('Switzer'), url('https://fonts.cdnfonts.com/s/85792/Switzer-ExtraboldItalic.woff') format('woff');
}

@font-face {
    font-family: 'Switzer';
    font-style: normal;
    font-weight: 900;
    src: local('Switzer'), url('https://fonts.cdnfonts.com/s/85792/Switzer-Black.woff') format('woff');
}

@font-face {
    font-family: 'Switzer';
    font-style: italic;
    font-weight: 900;
    src: local('Switzer'), url('https://fonts.cdnfonts.com/s/85792/Switzer-BlackItalic.woff') format('woff');
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* #557878 */

:root {
    --primary-color: #0C1D05;
    --secondary-color: #10B981;
    --tertiary-color: #F97316;
    --quaternary-color: #EF4444;
    --quinary-color: #9CA3AF;
    --senary-color: #F3F4F6;
    --septenary-color: #ECFDF5;
    --octonary-color: #FFF7ED;
    --nonary-color: #FEF2F2;
    --denary-color: #355FB3;
    --gray-50: #F9FAFB;
    --border-color: #E4E7EC;
    --text-color: #4B5563;
    --light-color: #f7f7f7;
    --white-color: #fff;
}

.loader-container {
    background-color: rgb(0 0 0 / 14%);
}

.loader {
    width: 50px;
    aspect-ratio: 1;
    display: grid;
    border: 4px solid #0000;
    border-radius: 50%;
    border-right-color: var(--primary-color);
    animation: l15 1s infinite linear;
}

.loader::before,
.loader::after {
    content: "";
    grid-area: 1/1;
    margin: 2px;
    border: inherit;
    border-radius: 50%;
    animation: l15 2s infinite;
}

.loader::after {
    margin: 8px;
    animation-duration: 3s;
}

@keyframes l15 {
    100% {
        transform: rotate(1turn)
    }
}

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

/* common classes */

.primary-bg {
    background-color: var(--primary-color);
}

.bg-gray-50 {
    background-color: var(--gray-50);
}

.text-14 {
    font-size: 14px;
}

.text-16 {
    font-size: 16px;
}
.text-20 {
    font-size: 20px;
}
.primary-text {
    color: var(--primary-color) !important;
}

.secondary-text {
    color: var(--secondary-color);
}

.tertiary-text {
    color: var(--tertiary-color);
}

.filled-button {
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 8px;
    padding: 10px 16px;
    font-size: 16px;
    padding-block: 14px;
}
.outline-button {
    padding-block: 11px;
    background-color: var(--white-color);
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}
.outline-button:hover {
    background-color: var(--primary-color);
    color: #fff;
}

.text-color{
    color: var(--text-color);
}

.submit-button {
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 8px;
    padding: 10px 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}

.completed-status-badge {
    border: 1px solid var(--secondary-color);
    color: var(--secondary-color);
    border-radius: 20px;
    padding: 2px 8px;
    font-size: 0.75rem;
    font-weight: 600;
    background: var(--septenary-color);
}

.incompleted-status-badge {
    border: 1px solid var(--tertiary-color);
    color: var(--tertiary-color);
    border-radius: 20px;
    padding: 2px 8px;
    font-size: 0.75rem;
    font-weight: 600;
    display: inline-block;
    background: var(--octonary-color);
}

.gray-status-badge {
    border: 1px solid var(--quinary-color);
    color: var(--quinary-color);
    border-radius: 20px;
    padding: 2px 8px;
    font-size: 0.75rem;
    font-weight: 600;
    background: var(--senary-color);
}

.danger-status-badge {
    border: 1px solid var(--quaternary-color);
    color: var(--quaternary-color);
    border-radius: 20px;
    padding: 2px 8px;
    font-size: 0.75rem;
    font-weight: 600;
    background: var(--nonary-color);
}

.submit-button:hover {
    background-color: var(--primary-color);
    color: #fff;
}

@media (min-width: 768px) {
    .container-custom {
        max-width: 686px;
    }
}

/* lender tabs */
.lender-tabs .nav-link {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    padding: 8px 16px;
    border-radius: 8px;
    background-color: var(--white-color);
}

.lender-tabs .nav-link.active {
    background-color: var(--primary-color);
    color: var(--white-color);
}

.lender-tabs .nav-link:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
}

.lender-tabs .tab-title {
    font-size: 14px;
    color: var(--text-color);
}

/* lenders dropdown */
.lenders-dropdown ul li:not(:last-child) .contract-card {
    border-bottom: 1px solid var(--quinary-color);
}

.lenders-dropdown .action-yes {
    background-color: var(--octonary-color);
    color: var(--tertiary-color);
    border-radius: 12px;
    padding: 0.25rem 0.75rem;
    font-weight: 500;
}

.lenders-dropdown .action-no {
    background-color: var(--septenary-color);
    color: var(--secondary-color);
    border-radius: 12px;
    padding: 0.25rem 0.75rem;
    font-weight: 500;
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--primary-color);
    text-decoration: none;
    background-color: var(--white-color);
    border-radius: 8px;
}


/* completed timeline status */

.timeline-item .event-header {
    font-size: 23px;
    font-weight: 600;
    color: var(--primary-color);
}

.timeline-item:not(:last-child) {
    padding-bottom: 40px;
}

.timeline-item {
    padding-left: 20px;
    position: relative;
}

.timeline-item .timeline-item .status-date {
    font-size: 16px;
    color: var(--quinary-color);
}

.timeline-item .status-item:before {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    background: var(--primary-color);
    border-radius: 50%;
    position: absolute;
    top: 12px;
    left: 0px;
    z-index: 1;
}

.timeline-item.requested-pending .status-item:before {
    background: var(--denary-color);
    border-radius: 0%;
    transform: rotate(45deg);
}

.timeline-item.requested-completed .status-item:before {
    background: var(--denary-color);
    border-radius: 0%;
    transform: rotate(45deg);
}

.timeline-item:not(:last-child) .status-item:after {
    content: '';
    border-right: 2px dashed;
    height: 100%;
    position: absolute;
    top: 15px;
    left: 4px;
}

.timeline-item:last-child:after {
    content: none;
}


/* drag and drop css file drop zone */
.file-dropzone .drop-area {
    border: 2px dashed #D1D5DB;
    border-radius: 8px;
    text-align: center;
    padding: 3.85rem 1rem;
    color: var(--quinary-color);
    cursor: pointer;
    transition: border-color 0.3s;
}

.file-dropzone .drop-area.dragover {
    border-color: var(--secondary-color);
    background-color: var(--senary-color);
}

.file-dropzone .delete-icon {
    position: absolute;
    top: 10px;
    right: 16px;
    font-size: 1.1rem;
    color: var(--quaternary-color);
    cursor: pointer;
    display: none;
}

.file-dropzone.file-selected .delete-icon {
    display: block;
}

.drop-area .file-type {
    font-size: 10px;
    background: var(--quaternary-color);
    color: #fff;
    font-weight: 700;
    padding: 2px 3px;
    border-radius: 2px;
}

.drop-area .file-name {
    font-size: 14px;
    font-weight: 600;
    color: var(--primary-color);
}

.drop-area .file-size {
    font-size: 12px;
    font-weight: 400;
    color: var(--quinary-color);
}



/* awaiting reg num ui */
.awaiting-reg-num input {
    padding: 11px 100px 12px 60px;
}

#reg-num-input::placeholder {
    text-transform: capitalize;
}

.awaiting-reg-num .flag-icon {
    width: 44px;
    height: 32px;
    position: absolute;
    top: 10px;
    left: 10px;
}

.awaiting-reg-num .search-btn {
    position: absolute;
    top: 4px;
    right: 4px;
    font-weight: 500;
}

.previous-address-wrapper input,
.previous-address-wrapper select {
    height: 48px;
}

.awaiting-previous-name .previous-name-item input {
    height: 48px;
}

.previous-address-item .search-btn {
    position: absolute;
    top: 4px;
    right: 4px;
}

.previous-address-item input {
    padding-right: 90px;
}

.previous-address-item .input-previous-postcode::placeholder {
    text-transform: capitalize;
}


/* audits logs table css  */

.audit-logs table thead tr th {
    min-width: 195px;
}

.audit-logs table thead tr th:first-child {
    min-width: 80px;
}

.audit-logs table thead tr th {
    font-size: 14px;
    font-weight: 400;
}

.audit-logs table tbody tr td {
    font-size: 14px;
    font-weight: 400;
}


/* awaiting reg number modal  */
#searchRegModal .vehicle-card .form-check-input {
    width: 14px;
    height: 14px;
}

#searchRegModal .vehicle-card .reg-number {
    font-size: 14px;
    color: var(--primary-color);
    padding-left: 24px;
}
#searchRegModal .vehicle-card .vehicle-details {
    color: var(--text-color);
    font-size: 14px;
}

#searchRegModal .vehicle-card .form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
#searchRegModal .modal-title {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: var(--primary-color) !important;
}

#searchRegModal .vehicle-card .form-check-input {
    border: 0;
}

#searchRegModal .vehicle-card .form-check-input:checked::after {
    content: "\f26e";
    font-family: "bootstrap-icons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    color: var(--primary-color);
    font-size: 18px;
    position: absolute;
    top: -6px;
    width: auto;
    height: auto;
    left: -2px;
}

#searchRegModal .vehicle-card .form-check-input:before {
    content: '';
    border: 1px solid var(--primary-color);
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    top: -3px;
    left: -3px;
}

/* fifteen year credit response */
.fifteen-year-credit-response {
    background-color: var(--gray-50);
}

#creditResponse15Modal .response-title {
    font-size: 36px;
    color: var(--primary-color);
}

#creditResponse15Modal .response-description {
    font-size: 18px;
    color: var(--quinary-color);
}

.discoveryModal .form-check .form-check-input:disabled:checked {
    opacity: 1 !important;
}

.discoveryModal .modal-dialog {
    max-width: 684px;
}

.discoveryModal .modal-body {
    padding: 40px;
}

.discoveryModal .modal-body h2 {
    font-size: 23px !important;
    margin-bottom: 12px
}

.discoveryModal .modal-body p {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 12px
}

.discoveryModal .modal-body label {
    font-size: 14px;
    line-height: 28px;
}

.discoveryModal .modal-body b {
    font-weight: 600;
}

.discoveryModal .mt-12 {
    margin-top: 12px;
}

.discoveryModal .form-check .form-check-input {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    background: #fff;
    appearance: none;
    border-color: var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    left: 16px;
    top: 20px;
}

.discoveryModal .discoveryBtn:focus-visible {
    box-shadow: none !important;
}

.discoveryModal .form-check .form-check-input:checked {
    background: #143109;
}

.discoveryModal .form-check .form-check-input:checked::before {
    content: "\F633";
    font-family: 'bootstrap-icons';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
}

.discoveryModal .form-check .form-check-input:focus {
    box-shadow: none;
}

.discoveryModal .form-check .form-check-label span {
    padding-left: 32px;
}

.discoveryModal .form-group-main .sub-accounts .form-check .form-check-label {
    background: #fff;
    border-color: var(--border-color);
    padding: 8px 12px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.discoveryModal .discoveryBtn:focus-visible {
    box-shadow: none !important;
}

.discoveryModal .form-group-main .sub-accounts .form-check .form-check-input:checked+.form-check-label {
    background: #F8FFF5;
}

.discoveryModal .form-group-main .sub-accounts .form-check .form-check-label span {
    color: var(--text-color);
    font-weight: 400;
}

/* .discoveryModal .form-group-main .sub-accounts {margin-top: 12px;} */
.discoveryModal .form-group-main .sub-accounts .form-check:first-child {
    margin-top: 12px !important;
}

.discoveryModal .discoveryBtn {
    background: var(--primary-color);
    color: #fff;
    border: none;
    width: 100%;
    padding: 16px;
    font-size: 16px;
}

.discoveryModal .form-group-main .sub-accounts .form-check:last-child {
    margin-bottom: 0 !important;
}

#financialhistoryModal .form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    opacity: 1;
}

#financialhistoryModal .form-check-input:disabled {
    opacity: 1;
}

#financialhistoryModal .form-group-main .sub-accounts .form-check .form-check-input:checked+.form-check-label {
    background: #F9FAFB;
}

@media screen and (max-width: 767px) {
    .discoveryModal .modal-body {
        padding: 24px;
    }

    .discoveryModal .modal-body h2 {
        font-size: 24px;
    }

    .discoveryModal .modal-body label {
        font-size: 16px;
        line-height: 24px;
    }

    .discoveryModal .modal-body p {
        font-size: 16px;
        line-height: 24px;
    }

    .discoveryModal .discoveryBtn {
        font-size: 16px;
    }
}


/* Audit log */


#auditLogsTable_wrapper .table-responsive #auditLogsTable {
    border: 1px solid var(--border-color);
    border-radius: 16px;
}

.audit-logs table tr td,
.audit-logs table tr th {
    border: none !important;
    border-bottom: 1px solid var(--border-color) !important;
    background: transparent;
}

/* width */
#auditLogsTable_wrapper .table-responsive::-webkit-scrollbar {
    height: 4px;
}

/* Track */
#auditLogsTable_wrapper .table-responsive::-webkit-scrollbar-track {
    border-radius: 10px;
}

/* Handle */
#auditLogsTable_wrapper .table-responsive::-webkit-scrollbar-thumb {
    background: #E5E7EB;
    border-radius: 10px;
}

/* Handle on hover */
#auditLogsTable_wrapper .table-responsive::-webkit-scrollbar-thumb:hover {
    background: #E5E7EB;
}

#auditCollapse .table-responsive #auditLogsTable_paginate,
#auditCollapse .table-responsive .dataTables_length {
    margin-top: 16px;
    padding-top: 0;
}

#auditCollapse .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    border-radius: 50%;
    min-width: 20px;
    min-height: 20px;
    background: #143109;
    color: #fff !important;
    padding: 0 6px !important;
}

#auditCollapse .dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 14px;
    line-height: 20px;
    margin-right: 16px;
    padding: 0;
    margin-left: 0 !important;
    min-width: fit-content !important;
    color: var(--text-color) !important;
}

#auditCollapse .dataTables_wrapper .dataTables_paginate .paginate_button.disabled i {
    color: #E5E7EB
}

#auditCollapse .dataTables_wrapper .dataTables_paginate .paginate_button i {
    color: #143109
}

#auditCollapse .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: transparent;
    border: none;
}

#auditCollapse .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #143109;
}

#auditCollapse .dataTables_wrapper .dataTables_paginate #auditLogsTable_next {
    margin-left: 0 !important;
}

#auditCollapse #audit-logs-select {
    border-radius: 8px;
}

#auditCollapse {
    position: relative;
}

#auditCollapse #dataTableLoader {
    top: 40%;
    position: absolute;
    left: 46%;
}

#auditCollapse #audit-logs-select:focus {
    border-color: #D1D5DB;
    box-shadow: none !important;
}

#auditCollapse .dataTables_wrapper .dataTables_paginate .paginate_button {
    border: none !important;
}

.audit-logs button.btn:after {
    transform: rotate(135deg);
    content: "";
    border-left: 1px solid #0C1D05;
    border-bottom: 1px solid #0C1D05;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0px;
    top: 5px;
}

.audit-logs button.btn.collapsed::after {
    transform: rotate(315deg);
}

.audit-logs button.btn {
    position: relative;
    font-size: 16px !important;
}


/* new 18 apr 2025 */
.portal-wrapper .lenders-dropdown .dropdown-menu .dropdown-item.active .contract-card {
    color: var(--primary-color);
    text-decoration: none;
    background-color: var(--light-color) !important
}

.portal-wrapper .lenders-dropdown .dropdown-menu .dropdown-item:hover .contract-card {
    color: var(--primary-color);
    text-decoration: none;
    background-color: var(--light-color) !important
}

.portal-wrapper .lenders-dropdown .dropdown-menu .dropdown-item .contract-card {
    padding: 12px 0;
    border-bottom: 1px solid var(--border-color);
}

.portal-wrapper .lenders-dropdown .dropdown-menu li:last-child .dropdown-item .contract-card {
    border-bottom: none;
}

.portal-wrapper .lenders-dropdown .dropdown-menu {
    max-height: 264px;
    overflow: auto;
}

.portal-wrapper .lenders-dropdown .dropdown-menu .dropdown-item .contract-card span {
    font-size: 14px;
    line-height: 20px;
    color: var(--text-color);
    margin-bottom: 2px;
    display: inline-block;
}

.portal-wrapper .lenders-dropdown .dropdown-menu .dropdown-item .contract-card p {
    font-size: 14px;
    line-height: 20px;
    color: var(--primary-color);
}

.portal-wrapper .lenders-dropdown .dropdown .dropdown-toggle {
    border: 1px solid var(--border-color);
    padding: 10px 12px;
    font-size: 14px !important;
    line-height: 20px;
    font-weight: 500;
}

.portal-wrapper .lenders-dropdown .dropdown .dropdown-toggle:after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 1px solid var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
    transform: rotate(45deg);
    border-top: none;
    border-left: none;
    position: absolute;
    right: 14px;
    top: 15px;
}

.portal-wrapper .lenders-dropdown .dropdown .dropdown-toggle.show,
.portal-wrapper .lenders-dropdown .dropdown .dropdown-toggle:active,
.portal-wrapper .lenders-dropdown .dropdown .dropdown-toggle:hover {
    background: var(--border-color);
    color: var(--primary-color);
}

.portal-wrapper .lenders-dropdown .dropdown .dropdown-toggle.show {
    border-color: #C4D3BE;
}

.portal-wrapper h1 {
    font-size: 35px !important;
    letter-spacing: -1px;
}

.portal-wrapper h2 {
    font-size: 23px !important;
}

.portal-wrapper p {
    font-size: 14px;
    line-height: 20px;
    /* color: var(--text-color); */
}

.portal-wrapper .timeline-item .status-date {
    color: #949494;
}

.portal-wrapper .timeline-item .status-item {
    gap: 12px !important;
}

.portal-wrapper .lenders-dropdown .dropdown-menu .dropdown-item .contract-card .action-yes {
    border: 1px solid #F97316 !important;
    color: #F97316;
    background: var(--octonary-color);
    font-size: 12px;
    line-height: 18px;
    padding: 1px 8px;
}

.portal-wrapper .lenders-dropdown .dropdown-menu .dropdown-item .contract-card .action-no {
    border: 1px solid #10B981 !important;
    color: #10B981;
    background: var(--septenary-color);
    font-size: 12px;
    line-height: 18px;
    padding: 1px 8px;
}

.portal-wrapper .timeline-item p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.portal-wrapper .status-list-content {
    margin-bottom: 40px;
}


.portal-wrapper .form-check .form-check-input {
    /* float: left;*/
    margin-left:0;
    position: relative;
    border: 1px solid var(--primary-color);
    appearance: none !important;
    background: #fff;
}

.portal-wrapper .timeline .form-check .form-check-input:checked::after {
    content: "\f26e";
    font-family: "bootstrap-icons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    color: var(--primary-color);
    font-size: 18px;
    position: absolute;
    top: -6px;
    width: auto;
    height: auto;
    left: -2px;
}

#searchRegModal .vehicle-card input::after {
    color: #fff;
    top: -4px;
    left: 0;
}


.portal-wrapper input:focus {
    box-shadow: none !important;
}

.awaiting-previous-name button.text-danger {
    line-height: 24px;
}

.footer-wrapper {
    background: var(--primary-color);
    padding-top: 56px;
}

.footer-wrapper #buttonGroup a {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 15px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-wrapper .btn-group a:hover {
    background: white;
    color: var(--primary-color) !important;
}

.pb-7 {
    padding-bottom: 40px;
}

.pt-7 {
    padding-top: 40px;
}

@media (max-width: 767px) {
    .portal-wrapper h1 {
        font-size: 28px !important;
    }

    .portal-wrapper h2 {
        font-size: 18px !important;
        /* margin-bottom: 12px !important; */
    }

    .portal-wrapper .lender-tabs .nav-link {
        font-size: 16px !important;
    }

    .portal-wrapper .timeline-item .event-header {
        font-size: 18px;
    }

    .portal-wrapper .timeline-item .status-item {
        gap: 4px !important;
    }

    .timeline-item:not(:last-child),
    .portal-wrapper .status-list-content {
        padding-bottom: 32px;
    }

    .footer-wrapper #buttonGroup a {
        padding: 10px 15px;
    }

    .pb-7 {
        padding-bottom: 24px;
    }
}

@media (max-width: 575px) {
    .footer-wrapper #buttonGroup {
        flex-direction: column;
    }

    .footer-wrapper .winfeebtn {
        border-radius: 0;
        border-bottom: 0;
    }

    .footer-wrapper .complaintsbtn {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 8px !important;
        border-bottom-right-radius: 8px
    }

    .footer-wrapper .privacybtn {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom: 0;
        border-top-left-radius: 8px !important;
        border-top-right-radius: 8px !important;
    }
}

/* .timeline-event:first-child {padding-top: 0 !important;} */


/* privacy policy */

.privacy-policy-sidebar ul a.active {
    background-color: #fff !important;
    color: var(--primary-color) !important;
    border-left: 4px solid var(--primary-color) !important;
}

/* end of privacy policy */

.fifteen-year-credit-response h4 {
    font-size: 20px;
    line-height: 24px;
}

.fifteen-year-credit-response p {
    font-size: 14px;
    line-height: 20px;
}

.fifteen-year-credit-response p a {
    color: var(--primary-color);
    text-decoration: underline;
    font-size: 14px;
    line-height: 24px;
}
/* 24-25-july-2025 */
.signature-container .signature-error {font-size: 14px;line-height: 20px;}
.signature-container-wrapper .team-logo-address-container {margin-top: 56px !important;}
.signature-container-wrapper .team-logo-address-container .team-logo {margin-bottom: 10px;}
.signheremain .signarrow {background: #F6F7F7;writing-mode: vertical-rl;text-align: center;height: 48px;justify-content: center;align-items: center;width: 24px;display: flex;position: absolute;left: 39px;}
.confirmdocument {padding: 12px;background: #F9FAFB;border-radius: 8px;cursor: pointer;}
.confirmdocument .form-check-label {cursor: pointer;font-size: 14px;line-height: 20px;}
#signatureModal .address p strong {font-weight: 600;}
.confirmdocument #toeBtn {color: var(--primary-color);font-weight: 500;}
#confirm-signature-error {font-size: 14px;line-height: 20px;}
#signatureModal .modal-body {padding-left: 70px !important;}
#pdfPreviewModal .modal-footer .btn.btn-outline-secondary:hover {background-color: transparent !important;color: #557878;border-color: #557878;}

.previewDocumentContent{display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);width: 95%;max-width:855px; height: 95%;z-index: 1000; background: white; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.3);}
.previewDocumentContent iframe {border: 0;height: calc(100% - 50px);}
.previewDocumentContent .closebtn:hover, .previewDocumentContent .closebtn:active {background: transparent;color: #557878;border-color: #557878;}   
#signatureModal .modal-body h1 {font-size: 36px !important;line-height: 44px;}
#pdfPreviewModal .modal-body {padding-left: 0 !important;}
#pdfLoadingSpinner {height: calc(100% - 50px);}

.signature-container-wrapper .accordion-item li {font-size: 14px;line-height: 20px;}
.signature-container .clear-btn {color: #4b5563;font-weight: 500;line-height: 20px;}
.signature-container-wrapper .accordion .accordion-header .accordion-button {line-height: 24px;}

.previewDocumentImg{height: calc(100% - 48px);overflow-x: auto;}

.modal-backdrop.show {
    opacity: 0.2;
}

@media only screen and (max-width: 767px) {
    .signature-container-wrapper .accordion .accordion-header .accordion-button {font-size: 14px !important;height: 48px;padding: 16px;}
    #signatureModal .modal-body h1 {font-size: 24px !important;line-height: 32px;}
    #signatureModal .modal-body .h5 {font-size: 14px;line-height: 20px;margin-bottom: 12px !important;margin-top: 0 !important;}
    #signatureModal p {font-size: 14px !important;line-height: 20px !important;margin-top: 0 !important;}
    #signatureModal ul li {font-size: 14px;line-height: 20px;}
    .signature-container-wrapper .team-logo-address-container {margin-top: 40px !important;}
}
/* End 24-25-july-2025 */