/* body {
    font-family: 'Open Sans', sans-serif;
} */

.step-indicator {
    position: relative;
    flex: 1;
    padding-bottom: 30px;
}

.step-indicator.active,
.step-indicator.finish {
    font-weight: 600;
}

.step-indicator::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 20px;
    height: 20px;
    background-color: #d5efed;
    border-radius: 50%;
    border: 3px solid #ecf5f4;
}

.step-indicator.active::before {
    background-color: #a7ede8;
    border: 3px solid #d5f9f6;
}

.step-indicator.finish::before {
    background-color: #009688;
    border: 3px solid #b7e1dd;
}

.step-indicator::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 8px;
    width: 100%;
    height: 3px;
    background-color: #f3f3f3;
}

.step-indicator.active::after {
    background-color: #a7ede8;
}

.step-indicator.finish::after {
    background-color: #009688;
}

.step-indicator:last-child:after {
    display: none;
}

.step {
    display: none;
}

/* .shadow-top-sm {
    box-shadow: 0 -0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
} */

/*  */

.cus_link {
    text-decoration: none;
    color: #0e4f9d;
    transition: all 300ms;
}

.cus_link:hover {
    color: blue;
    /* text-decoration: underline; */
}

footer {
    box-shadow: 0 -0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    background-color: #F5F6FA !important;
}

.bg-body-tertiary {
    background-color: #F5F6FA !important;
}

.star {
    color: red;
}

.cus_cursor_not_allowed {
    cursor: not-allowed;
}

.cus_cursor_pointer {
    cursor: pointer;
}

.cus_cursor_default {
    cursor: default;
}

/*  */

.is-invalid {
    border-color: red !important;
}

.is-invalid::placeholder {
    color: red !important;
}

.is-invalid+.invalid-feedback {
    display: block;
    color: red;
}

/*  */

/* For small screens and up, set the heading to h6 size */
.heading-responsive {
    font-size: 1rem;
    /* h6 size */
    width: 70%;
    margin: 0 auto;
    color: #004890;
}

/* For large screens and up, set the heading to h5 size */
@media (min-width: 992px) {
    .heading-responsive {
        font-size: 1.25rem;
        /* h5 size */
    }
}

.btn-danger {
    --bs-btn-bg: #dc2626 !important;
    --bs-btn-hover-bg: #991b1b !important;
    --bs-btn-active-bg: #7f1d1d !important;
}

.btn-primary {
    --bs-btn-bg: #004890;
    --bs-btn-border-color: #004890;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-disabled-bg: #004890;
    --bs-btn-disabled-border-color: #004890;
}

/*  */

.scroll::-webkit-scrollbar {
    height: 7px;
    width: 5px;
}

.scroll::-webkit-scrollbar-thumb {
    border-radius: 2px;

    background: #d9d9d9;
    /* background: #F3F4F6; */
}

/* .scroll::-webkit-scrollbar-track {
        background: #f5f6fa;
    } */

.whitespace-nowrap {
    white-space: nowrap;
}

/*  */


.cus_cursor_not_allowed {
    cursor: not-allowed !important;
}

.cus_cursor_pointer {
    cursor: pointer;
}

.cus_cursor_default {
    cursor: default;
}

.cus_link {
    text-decoration: none;
    color: #0e4f9d;
    transition: all 300ms;
}

.cus_link:hover {
    color: blue;
    /* text-decoration: underline; */
}


ul.custom {
    list-style: none;
    /* Remove the default list style */
    padding: 0;
    /* Remove the default padding */
    list-style-position: inside;
}

ul.custom li {
    position: relative;
    /* Needed for absolute positioning of the custom bullet */
    padding-left: 3.25em;
    /* Adjust this value to create space for the bullet */
    padding-bottom: 0.25rem;
}

ul.custom li::before {
    content: "\2756";
    /* Unicode for the black diamond minus white X */
    position: absolute;
    /* Position absolutely within the li */
    left: 0;
    /* Align to the left */
    top: 0;
    /* Align to the top */
    width: 1em;
    /* Provide some space for the bullet */
    margin-right: 0.5em;
    /* Space between bullet and text */
    margin-left: 1.5rem;
    color: black;
    /* Set the bullet color */
    display: inline-block;
    /* Ensure the bullet is inline with the text */
}

.cus_p {
    padding: 0 0.75rem;
}

.cus_m_b {
    margin: 0 0 0.5rem 0 !important;
}

.vr {
    /* width: 4px !important; */
    padding: 2px;
}

.text-primary {
    color: #004890 !important;
}

.border-primary {
    border-color: #004890 !important;
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: #004890 !important;
}

.border-primary {
    border-color: #004890 !important;
}

.form-control:focus {
    border-color: #004890 !important;
    box-shadow: 0 0 0 .15rem rgba(0, 72, 144, 0.25) !important;
}

.form-check-input:focus {
    border-color: #004890 !important;
    outline: 0;
    box-shadow: 0 0 0 .10rem rgba(0, 72, 144, 0.25);
}

.form-check-input:checked {
    background-color: #004890 !important;
    border-color: #004890 !important;
}

.form-check-input {
    border-color: #004890 !important;
}

.form-select:focus {
    border-color: #004890 !important;
    box-shadow: 0 0 0 .15rem rgba(0, 72, 144, 0.25) !important;
}