#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f3f4f7f2;
    z-index: 9999
}

#preloader .loader {
    height: 180px;
    width: 180px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.swal2-popup.swal2-modal {
    max-width: min(100%, 35rem);
    width: 100%;
    border-radius: 1.25rem;
    padding: 2.5rem !important;
}

.swal2-title {
    font-weight: 700 !important;
    font-size: clamp(1.25rem, 1.0765rem + 0.4819vw, 1.375rem);
    color: #1A1A1A !important;
    padding: 0;
}

.swal2-html-container {
    font-size: clamp(0.875rem, 0.7015rem + 0.4819vw, 1rem);
    font-weight: 500 !important;
    font-weight: 500 !important;
    color: #1A1A1A !important;
    margin: 15px 0px !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    border: 0.0313rem solid #0f4c92;
    border-radius: 0.75rem;
    background-color: #0f4c92;
    padding: 0.95rem 1.34rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    color: #fff;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm.btn-success {
    border-color: #dbecff;
    background-color: #dbecff;
    color: #0f4c92;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm.btn-danger {
    border-color: #e55451;
    background-color: #e55451;
    color: #fff;
}

div:where(.swal2-container) div:where(.swal2-actions) {
    margin-top: 0px;
}

div:where(.swal2-container) button:where(.swal2-close),
div:where(.swal2-container) button:where(.swal2-close):hover {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path opacity="0.4" d="M20 40C31.0457 40 40 31.0457 40 20C40 8.9543 31.0457 0 20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40Z" fill="%23D0D0D0"/><path d="M21.6963 19.9963L25.6483 16.0443C25.8737 15.8188 26.0004 15.5131 26.0004 15.1943C26.0004 14.8755 25.8737 14.5697 25.6483 14.3443C25.4228 14.1188 25.1171 13.9922 24.7983 13.9922C24.4795 13.9922 24.1737 14.1188 23.9483 14.3443L19.9963 18.2963L16.0443 14.3483C15.8188 14.1228 15.5131 13.9962 15.1943 13.9962C14.8755 13.9962 14.5697 14.1228 14.3443 14.3483C14.1188 14.5737 13.9922 14.8795 13.9922 15.1983C13.9922 15.5171 14.1188 15.8228 14.3443 16.0483L18.2963 19.9963L14.3483 23.9483C14.2366 24.0599 14.1481 24.1924 14.0877 24.3383C14.0273 24.4841 13.9962 24.6404 13.9962 24.7983C13.9962 24.9561 14.0273 25.1124 14.0877 25.2583C14.1481 25.4041 14.2366 25.5366 14.3483 25.6483C14.4599 25.7599 14.5924 25.8484 14.7383 25.9088C14.8841 25.9693 15.0404 26.0004 15.1983 26.0004C15.3561 26.0004 15.5124 25.9693 15.6583 25.9088C15.8041 25.8484 15.9366 25.7599 16.0483 25.6483L19.9963 21.6963L23.9483 25.6483C24.1737 25.8737 24.4795 26.0004 24.7983 26.0004C25.1171 26.0004 25.4228 25.8737 25.6483 25.6483C25.8737 25.4228 26.0004 25.1171 26.0004 24.7983C26.0004 24.4795 25.8737 24.1737 25.6483 23.9483L21.6963 19.9963Z" fill="%238C8C8C" stroke="%238C8C8C" stroke-width="0.5"/></svg>');
    border-radius: 50%;
    font-size: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    max-width: clamp(1.875rem, 1.0075rem + 2.4096vw, 2.5rem);
    top: clamp(0.625rem, -0.2425rem + 2.4096vw, 1.25rem);
    right: clamp(0.625rem, -0.2425rem + 2.4096vw, 1.25rem);
}

span.noti-icon-badge {
    position: absolute;
    right: 2px;
    color: #fff;
    background-color: #e2202f;
    border-radius: 50%;
    width: 10px;
    height: 10px;
}

.noti-list .dropdown-menu {
    max-width: 500px;
}

.notifications-dropdown .notifications-body .notifications-items {
    white-space: normal;
}

.dropdown-item.notifications-items.active,
.dropdown-item.notifications-items:active {
    background-color: transparent;
}

.signaturePent {
    cursor: pointer;
}

.section-loader-overlay {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.6);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10;
    border-radius: 20px;
}

.section-loader-overlay.show {
    display: flex;
}

.btn-record-delete {
    width: 2.4375rem;
    height: 2.4375rem;
    display: grid;
    place-items: center;
    background-color: #dbecff;
    border-radius: 50%;
    transition: background-color 0.3s ease-in-out;
}

.section-loader {
    width: 35px;
    height: 35px;
    border: 4px solid #ddd;
    border-top: 4px solid #333;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.accordion-style-1 .accordion-item .accordion-header .accordion-button.accordion-toggle-only {
    width: auto;
    flex: 0 0 auto;
}

.accordion-style-1 .accordion-item .accordion-header .accordion-button.accordion-toggle-only::after {
    margin-left: 0;
}

#finance-scholarship-form-detail-page .signature-preview {
    position: relative;
    font-size: 10px;
    width: 100%;
    border-radius: 4px;
}

#finance-scholarship-form-detail-page .signature-preview--body {
    border: 0.0625rem solid #d0d0d0;
    background-color: #fff;
    border-radius: 0.75rem;
    object-fit: contain;
}

#finance-scholarship-form-detail-page .signature-preview--body .img-sign {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0.75rem;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered,
select[readonly]+.select2-container--default .select2-selection--single .select2-selection__rendered {
    cursor: default;
    color: #1a1a1a50 !important;
}

.signature-preview {
    position: relative;
    font-size: 10px;
    width: 100%;
    border-radius: 4px;
    margin-bottom: 15px;
    min-width: 220px;
    max-width: 470px;
}

.signature-preview--body {
    border: 0.0625rem solid #d0d0d0;
    background-color: #fff;
    border-radius: 0.75rem;
    margin-bottom: 10px;
    object-fit: contain;
}

.m-signature-pad {
    position: relative;
    font-size: 10px;
    width: 100%;
    /* background-color: #fff; */
    border-radius: 4px;
    margin-bottom: 15px;
    cursor: pointer;
    gap: 0.75rem;
    display: flex;
    align-items: flex-end;
}

.m-signature-pad:after {
    left: auto;
    right: 20px;
    -webkit-transform: skew(3deg) rotate(3deg);
    -moz-transform: skew(3deg) rotate(3deg);
    -ms-transform: skew(3deg) rotate(3deg);
    -o-transform: skew(3deg) rotate(3deg);
    transform: skew(3deg) rotate(3deg);
}

.m-signature-pad--body {
    border: 0.0625rem solid #d0d0d0;
    border-radius: 0.75rem;
    background-color: #fff;
    width: 388px;
}

.m-signature-pad--body canvas {
    width: 100%;
    height: 155px;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
}

.model-data .card:last-child {
    margin-bottom: 0;
}

.model-data .card {
    margin-bottom: 15px;
}

@media print {
    @page {
        size: A4 landscape;
        margin: 15mm;
    }

    body {
        margin: 0;
        padding: 0;
    }

    body * {
        visibility: hidden;
    }

    #form-preview,
    #form-preview * {
        visibility: visible;
    }

    #form-preview {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
    }

    /* Remove UI-only elements */
    #form-preview .edit-step,
    #form-preview .download-icon {
        display: none !important;
    }

    #form-preview .form-header {
        display: block !important;
    }

    /* Layout stability */
    #form-preview .row {
        display: flex;
        flex-wrap: wrap;
        /* IMPORTANT */
        width: 100%;
        box-sizing: border-box;
    }

    #form-preview .col {
        flex: 1 0 0;
        box-sizing: border-box;
    }

    /* Section spacing */
    #form-preview .step-preview {
        padding-bottom: 15px;
        margin-bottom: 0;
        page-break-inside: avoid;
        box-sizing: border-box;
    }

    #form-preview .step-preview::after {
        content: "";
        display: block;
        width: 100%;
        height: 15px;
    }

    /* Border safety */
    #form-preview * {
        border-collapse: collapse;
        box-sizing: border-box;
    }
}

.instructions b,
.instructions strong {
    font-weight: 600 !important;
}

.credential-payment-method-select:disabled+.select2-container--default .select2-selection--single,
.credential-payment-method-select.disabled+.select2-container--default .select2-selection--single,
.credential-payment-method-select+.select2-container--default.select2-container--disabled .select2-selection--single,
.credential-payment-method-select+.select2-container--default.disabled .select2-selection--single {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-secondary-color);
    cursor: not-allowed !important;
    pointer-events: none;
    opacity: 0.5;
}
.tp-training-decision-info {
    pointer-events: auto;
    cursor: help;
    position: relative;
    z-index: 2;
}

.tp-training-decision-select-wrap--disabled .tp-training-decision-select-field,
.tp-training-decision-select-wrap--disabled .tp-training-decision-select-field .select2-container--disabled {
    opacity: 0.75;
}

.tp-training-decision-select-wrap .select2-container--disabled .select2-selection--single {
    cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td i {
    width: 20px;
    height: 20px;
    line-height: 20px;
}