:root {
    --accent-1: #0E3167;
    --accent-2: #838383;
    --accent-3: #F1F1F1;
    --accent-4: #C2C2C2;
    --accent-5: #1B427E;
    --accent-6: #ED1B2B;
    --accent-7: #F6F6F6;
    --red-100: #FFF0F1;
    --red-600: rgba(237, 27, 43, 1);
    --red-200: rgba(255, 231, 233, 1);
    --red-800: rgb(184 0 14);
    --blue-100: rgba(238, 246, 255, 1);
    --blue-200: rgba(205, 224, 255, 1);
    --blue-500: rgba(37, 111, 183, 1);
    --blue-300: rgba(192, 216, 253, 1);
    --blue-800: rgba(14, 49, 103, 1);
    --yellow-800: rgba(219, 213, 17, 1);
    --yellow-200: rgba(255, 253, 200, 1);
    --orange-600: #FC9B13;
    --orange-100: #FFE8C7;
    --gray-600: rgba(99, 99, 99, 1);
    --gray-400: rgba(131, 131, 131, 1);
    --gray-300: rgba(174, 174, 174, 1);
    --gray-200: rgba(217, 217, 217, 1);
    --gray-100: rgba(241, 241, 241, 1);
    --gray-50: rgba(246, 246, 246, 1);
    --green-100: #F4FFF5;
    --green-800: #006363;
    --green-900: #324E36;
    --green: green;
    --light-green-600: rgba(32, 231, 62, 1);
    --light-green-700: #448A1F;
    --light-green-100: #E2FFD3;
    --progress-bar-width: 8em;
    --header-height: 51px;
    --footer-height: 40px;
    --progress-bar-height: 8em;
    --shadow-1: 0.3px 0.3px 2px 0px rgba(0, 0, 0, 0.3), -0.3px -0.3px 2px 0px rgba(0, 0, 0, 0.3);
}

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

.fs-6 {
    font-size: .4rem !important;
    line-height: 1.5 !important;
}

.fs-7 {
    font-size: .6rem !important;
}

.lh-1 {
    line-height: 1;
}

.fs-8 {
    font-size: .65rem !important;
    line-height: 1.5 !important;
}

.fs-10 {
    font-size: .675rem !important;
    line-height: 1.5 !important;
}

.fs-12 {
    font-size: .75rem !important;
    line-height: 1.5 !important;
}

.fs-14 {
    font-size: .875rem !important;
    line-height: 1.5 !important;
}

.fs-16 {
    font-size: 1rem !important;
    line-height: 1.5 !important;
}

.fs-18 {
    font-size: 1.125rem !important;
    line-height: 1.5 !important;
}

.fs-20 {
    font-size: 1.25rem !important;
    line-height: 1.5 !important;
}

.fs-24 {
    font-size: 1.5rem !important;
    line-height: 1.5 !important;
}


.fs-32 {
    font-size: 2rem !important;
    line-height: 1;
}

.b-300 {
    font-weight: 300 !important;
}

.b-400 {
    font-weight: 400 !important;
}

.b-500 {
    font-weight: 500 !important;
}

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

.b-700 {
    font-weight: 700 !important;
}

.w-12 {
    width: 12px !important;
}

.shadow-1 {
    box-shadow: var(--shadow-1);
    border: 0;
}

.shadow-2 {
    box-shadow: -1px 0px 2px 0px rgba(0, 0, 0, 0.3);
    border: 0;
}


.color-orange-100 {
    color: var(--orange-100);
}

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

.color-orange-600 {
    color: var(--orange-600);
}

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

.color-blue-200 {
    color: var(--blue-200) !important;
}

.color-blue-300 {
    color: var(--blue-300) !important;
}

.color-blue-500 {
    color: var(--blue-500) !important;
}

.color-blue-800 {
    color: var(--blue-800) !important;
}

.color-gray-600 {
    color: var(--gray-600) !important;
}

.color-gray-400 {
    color: var(--gray-400) !important;
}

.color-gray-300 {
    color: var(--gray-300) !important;
}

.color-gray-200 {
    color: var(--gray-200) !important;
}

.color-F6F6F6 {
    color: var(--accent-7) !important;
}

.color-red-600 {
    color: var(--red-600) !important;
}

.color-red-800 {
    color: var(--red-800) !important;
}

.color-green {
    color: var(--green) !important;
}

.color-green-100 {
    color: var(--green-100) !important;
}

.color-green-800 {
    color: var(--green-800) !important;
}

.color-green-900 {
    color: var(--green-900) !important;
}

.color-light-green-600 {
    color: var(--light-green-600) !important;
}

.color-yellow-800 {
    color: var(--yellow-800) !important;
}

.bg-green-100 {
    background: var(--green-100) !important;
}

.bg-green-900 {
    background: var(--green-900) !important;
}

.bg-light-green-600 {
    background: var(--light-green-600) !important;
}

.bg-red-100 {
    background-color: var(--red-100) !important;
}

.bg-red-600 {
    background-color: var(--red-600) !important;
}

.bg-blue-100 {
    background-color: var(--blue-100) !important;
}

.bg-blue-200 {
    background-color: var(--blue-200) !important;
}

.bg-blue-300 {
    background-color: var(--blue-300) !important;
}

.bg-blue-500 {
    background-color: var(--blue-500) !important;
}

.bg-blue-800 {
    background-color: var(--blue-800) !important;
}

.bg-blue-200 {
    background-color: var(--blue-200) !important;
}


.bg-gray-600 {
    background-color: var(--gray-600) !important;
}

.bg-gray-400 {
    background-color: var(--gray-400) !important;
}

.bg-gray-300 {
    background-color: var(--gray-300) !important;
}

.bg-gray-200 {
    background-color: var(--gray-200) !important;
}

.bg-gray-100 {
    background-color: var(--gray-100) !important;
}

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

.bg-F6F6F6 {
    background-color: var(--accent-7) !important;
}

.bg-yellow-800 {
    background-color: var(--yellow-800) !important;
}

.bg-yellow-200 {
    background-color: var(--yellow-200) !important;
}

.color-1 {
    color: var(--accent-1) !important;
}

.color-2 {
    color: var(--accent-2) !important;
}

.color-3 {
    color: var(--accent-3) !important;
}

.color-4 {
    color: var(--accent-4) !important;
}

.color-5 {
    color: var(--accent-5) !important;
}

.color-6 {
    color: var(--accent-6) !important;
}

.bg-1 {
    background-color: var(--accent-1) !important;
}

.bg-2 {
    background-color: var(--accent-2) !important;
}

.bg-3 {
    background-color: var(--accent-3) !important;
}

.bg-4 {
    background-color: var(--accent-4) !important;
}

.bg-5 {
    background-color: var(--accent-5) !important;
}

.bg-6 {
    background-color: var(--accent-6) !important;
}

.bt-primary {
    border-top: .375rem solid rgba(27, 66, 126, 1) !important;
}

.bl-primary {
    border-left: .375rem solid rgba(27, 66, 126, 1) !important;
}

.bt-error {
    border-top: .375rem solid rgba(237, 27, 43, 1) !important;
}

.bl-primary {
    border-left: .375rem solid rgba(27, 66, 126, 1) !important;
}

.bl-success {
    border-left: .375rem solid rgba(32, 231, 62, 1) !important;
}

.bl-error {
    border-left: .375rem solid rgba(237, 27, 43, 1) !important;
}

.bl-secondary {
    border-left: .375rem solid rgba(190, 190, 190, 1) !important;
}

.bl-light-blue {
    border-left: .375rem solid rgba(196, 219, 255, 1) !important;
}

.bb-dark-green {
    border-bottom: .275rem solid var(--green-900) !important;
}

.border-green-900 {
    border-color: var(--green-900) !important;
}

.outline-0 {
    outline: 0px !important;
}


.color-light-green-700 {
    color: var(--light-green-700);
}

.color-light-green-100 {
    color: var(--light-green-100);
}


.bg-light-green-700 {
    background-color: var(--light-green-700);
}

.bg-light-green-100 {
    background-color: var(--light-green-100);
}

.col-1_7th {
    flex: 0 0 auto;
    width: 14.28%;
}


.border-blue-800 {
    border-color: var(--blue-800) !important;
}



.hidden {
    display: none !important;
}

.show {
    display: block !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-flex {
    display: flex !important;
}

.border-dashed {
    border: 1px dashed var(--gray-300);
}


.remove-border {
    border: 0 !important;
}

.bg-none {
    background: transparent;
}

.bg-transparent {
    background: transparent;
}

.mainbody {
    margin-top: var(--header-height);
}

.cursor-pointer {
    cursor: pointer;
}

input,
label,
select,
option {
    cursor: pointer;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.disabled {
    filter: grayscale(1);
    pointer-events: none;
}

a {
    text-decoration: none;
}


.scroll-horizontal {
    overflow-x: auto;
}

    .scroll-horizontal::-webkit-scrollbar {
        cursor: pointer;
        height: 4px;
    }

    .scroll-horizontal::-webkit-scrollbar-thumb {
        background: var(--accent-1);
        cursor: pointer;
    }

    .scroll-horizontal::-webkit-scrollbar-track {
        background: #f1f1f1;
        cursor: pointer;
    }

.scroll-vertical {
    overflow-y: auto;
}

    .scroll-vertical::-webkit-scrollbar {
        cursor: pointer;
        width: 4px;
    }

    .scroll-vertical::-webkit-scrollbar-thumb {
        background: var(--accent-1);
        cursor: pointer;
    }

    .scroll-vertical::-webkit-scrollbar-track {
        background: #f1f1f1;
        cursor: pointer;
    }

.hideScroll {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .hideScroll::-webkit-scrollbar {
        display: none;
    }


.text-underline {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.border-left-custom {
    border-left: 8px solid;
}

.border-yellow-800 {
    border-color: var(--yellow-800) !important;
}


/* Main popup styling */
.swal-popup-custom {
    border-radius: 12px !important;
    border: 2px solid #d0d0d0 !important;
    padding: 14px !important;
    font-family: 'Inter', sans-serif;
    text-align: left !important;
    width: 420px !important;
}

/* Title */
.swal2-title {
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    color: #222 !important;
    width: 100% !important;
    text-align: left !important;
    margin-bottom: 10px !important;
}

.swal2-header {
    padding-inline: 0px !important;
}

/* Body content */
.swal-content {
    text-align: left !important;
}

.swal2-html-container {
    font-size: 0.95rem !important;
    color: #555 !important;
    line-height: 1.4 !important;
    text-align: left !important;
    margin-bottom: 20px !important;
}

/* Action button container (align right) */
.swal-actions-custom {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 0 !important;
    margin-top: 15px !important;
}

/* Buttons */
.swal-btn-confirm {
    background-color: #007bff !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 8px 18px !important;
    font-weight: 500 !important;
}

    .swal-btn-confirm:hover {
        background-color: #0069d9 !important;
    }

.swal-btn-cancel {
    background-color: #fff !important;
    color: #333 !important;
    border: 1px solid #ccc !important;
    border-radius: 6px !important;
    padding: 8px 18px !important;
}

    .swal-btn-cancel:hover {
        background-color: #f4f4f4 !important;
    }

.swal2-content {
    z-index: 1;
    justify-content: center;
    margin: 0;
    padding: 0 !important;
    color: #545454;
    font-size: 1.125em;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    word-wrap: break-word;
}

.sideModalContainer {
    left: 0;
    position: fixed;
    top: 61px;
    transition: transform 200ms ease-in-out;
    transform: translateX(100%);
    bottom: 0;
    z-index: 5;
    background-color: rgba(255, 255, 255, 0.181);
    width: 100%;
    backdrop-filter: blur(3px);
}

    .sideModalContainer.open {
        transform: none;
    }

    .sideModalContainer .modalContent {
        background-color: white;
        z-index: 6;
        width: 70%;
    }

    .sideModalContainer.Inner {
        background-color: white;
        z-index: 7;
        width: 70%;
    }

.overflow-y-auto {
    overflow-y: auto;
}

.h-fit {
    height: fit-content;
}