:root,
[data-bs-theme=light] {
    --bs-primary: #004B87;
    --bs-primary-rgb: 0, 75, 135;
    --bs-primary-text-emphasis: #001E36;
    --bs-primary-bg-subtle: #CCDBE7;
    --bs-primary-border-subtle: #99B7CF;
    --bs-success: #006341;
    --bs-success-rgb: 0, 99, 65;
    --bs-success-text-emphasis: #00281A;
    --bs-success-bg-subtle: #CCE0D9;
    --bs-success-border-subtle: #99C1B3;
    --bs-danger: #DA291C;
    --bs-danger-rgb: 218, 41, 28;
    --bs-danger-text-emphasis: #57100B;
    --bs-danger-bg-subtle: #F8D4D2;
    --bs-danger-border-subtle: #F0A9A4
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #004B87;
    --bs-btn-border-color: #004B87;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #004073;
    --bs-btn-hover-border-color: #003C6C;
    --bs-btn-focus-shadow-rgb: 217, 228, 237;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #003C6C;
    --bs-btn-active-border-color: #003865;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #004B87;
    --bs-btn-disabled-border-color: #004B87
}

.btn-outline-primary {
    --bs-btn-color: #004B87;
    --bs-btn-border-color: #004B87;
    --bs-btn-focus-shadow-rgb: 0, 75, 135;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #004B87;
    --bs-btn-hover-border-color: #004B87;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #004B87;
    --bs-btn-active-border-color: #004B87;
    --bs-btn-disabled-color: #004B87;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #004B87
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #006341;
    --bs-btn-border-color: #006341;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #005437;
    --bs-btn-hover-border-color: #004F34;
    --bs-btn-focus-shadow-rgb: 217, 232, 227;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #004F34;
    --bs-btn-active-border-color: #004A31;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #006341;
    --bs-btn-disabled-border-color: #006341
}

.btn-outline-success {
    --bs-btn-color: #006341;
    --bs-btn-border-color: #006341;
    --bs-btn-focus-shadow-rgb: 0, 99, 65;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #006341;
    --bs-btn-hover-border-color: #006341;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #006341;
    --bs-btn-active-border-color: #006341;
    --bs-btn-disabled-color: #006341;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #006341
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #DA291C;
    --bs-btn-border-color: #DA291C;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #B92318;
    --bs-btn-hover-border-color: #AE2116;
    --bs-btn-focus-shadow-rgb: 249, 223, 221;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #AE2116;
    --bs-btn-active-border-color: #A41F15;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #DA291C;
    --bs-btn-disabled-border-color: #DA291C
}

.btn-outline-danger {
    --bs-btn-color: #DA291C;
    --bs-btn-border-color: #DA291C;
    --bs-btn-focus-shadow-rgb: 218, 41, 28;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #DA291C;
    --bs-btn-hover-border-color: #DA291C;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #DA291C;
    --bs-btn-active-border-color: #DA291C;
    --bs-btn-disabled-color: #DA291C;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #DA291C
}

.custom-btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid #cbd3e9;
    padding: .25rem .5rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .2rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 60px;
    color: #3a3b45;
    margin-left: 5px
}

.custom-btn .light-btn:hover {
    color: #3a3b45;
    background-color: #dde2f1;
    border-color: #d4daed
}

.custom-btn .light-btn:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 221, 225, .5)
}

.bs-icon {
    --bs-icon-size: .75rem;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: var(--bs-icon-size);
    width: calc(var(--bs-icon-size) * 2);
    height: calc(var(--bs-icon-size) * 2);
    color: var(--bs-primary)
}

.bs-icon-xs {
    --bs-icon-size: 1rem;
    width: calc(var(--bs-icon-size) * 1.5);
    height: calc(var(--bs-icon-size) * 1.5)
}

.bs-icon-sm {
    --bs-icon-size: 1rem
}

.bs-icon-md {
    --bs-icon-size: 1.5rem
}

.bs-icon-lg {
    --bs-icon-size: 2rem
}

.bs-icon-xl {
    --bs-icon-size: 2.5rem
}

.bs-icon.bs-icon-primary {
    color: var(--bs-white);
    background: var(--bs-primary)
}

.bs-icon.bs-icon-primary-light {
    color: var(--bs-primary);
    background: rgba(var(--bs-primary-rgb), .2)
}

.bs-icon.bs-icon-semi-white {
    color: var(--bs-primary);
    background: rgba(255, 255, 255, .5)
}

.bs-icon.bs-icon-rounded {
    border-radius: .5rem
}

.bs-icon.bs-icon-circle {
    border-radius: 50%
}

.title-div {
    width: 300px;
    height: 50px;
    margin: 0 auto;
    background-color: var(--bs-white);
    border-style: solid;
    border-width: 1px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .35)
}

.title-div h1 {
    font-family: 'Open Sans';
    font-weight: 500;
    margin: 0 -.6em 0 0;
    letter-spacing: .6em;
    font-size: 22px;
    text-transform: uppercase;
    text-align: right
}
.custom-select {
    position: relative;
    width: inherit;
    align-items: center;
    justify-content: center;
}

.selected-option {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border: 1px solid #ccc;
    cursor: pointer;
}

.selected-option img {
    margin-right: 10px;
}

.options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #ccc;
    border-top: none;
    background-color: #fff;
    display: none;  /* Initially hidden */
    z-index: 1000;
}

/* The open class will reveal the dropdown */
.options.open {
    display: block;
}

.option {
    display: flex;
    align-items: center;
    padding: 8px;
    cursor: pointer;
}

.option img {
    margin-right: 10px;
}

.option:hover {
    background-color: #f0f0f0;
}


.input-group-icon {
    position: relative;
}


.input-group-icon .icon {
    position: absolute;
    left: 20px;
    top: 0;
    line-height: 40px;
    z-index: 3;
}

.input-group-icon .icon i {
    color: #797979;
}


.input-group-icon .single-input {
    padding-left: 45px;
}

.beautiful.bs-callout {
    padding: 15px 30px 15px 15px;
    margin: 20px 0;
    border-left-style: solid;
    border-left-width: 5px;
    border-radius: 0
}

.beautiful.bs-callout p:last-child {
    font-size: 13px;
    margin: 0
}

.beautiful.bs-callout+.beautiful.bs-callout {
    margin-top: -5px
}

.beautiful.bs-callout-warning h4 {
    color: #aa6708
}

.beautiful h4 {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0
}

.beautiful.bs-callout-warning {
    background-color: #faeaa9;
    border-left-color: #f3cc31;
    color: #000
}