:root {
    --accent-1: #0E3167;
    --accent-2: #838383;
    --accent-3: #F1F1F1;
    --accent-4: #C2C2C2;
    --accent-5: #1B427E;
    --accent-6: #ED1B2B;
    --red-100: #FFF0F1;
    --red-600: rgba(237, 27, 43, 1);
    --red-200: rgba(255, 231, 233, 1);
    --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);
    --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-900: #324E36;
    --light-green-600: rgba(32, 231, 62, 1);
    --progress-bar-width: 8em;
    --header-height: 51px;
    --footer-height: 40px;
    --progress-bar-height: 8em;
}

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

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

.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;
}

.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: 0.3px 0.3px 2px 0px rgba(0, 0, 0, 0.3), -0.3px -0.3px 2px 0px rgba(0, 0, 0, 0.3);
    border: 0;
}

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

.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-red-600 {
    color: var(--red-600) !important;
}

.color-green-100 {
    color: var(--green-100) !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-yellow-800 {
    background-color: var(--yellow-800) !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;
}


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


.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;
    }