:root {
    --blue: #2772FF;
    --red: #c60100;
    --white: #FFF;
    --primary: #0E2857;
    --secondary: #1298FF;
    --success: #118052;
    --danger: #c60100;
    --black: #000;
    --super-dark-blue: #0A1C35;
    --dark-blue: #0E2857;
    --alt-blue: #0C4999;
    --light-blue: #1298FF;
    --dark-green: #183026;
    --green: #118052;
    --light-green: #479D79;
    --dark-gray: #545E75;
    --grayed-dark-blue: #2F3C5A;
    --grayed-blue: #748FB4;
    --gray: #B4C0CB;
    --light-gray: #D2D8E0;
    --grayed-light-blue: #E5EAEC;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, Roboto, sans-serif, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

::-webkit-scrollbar-thumb {
    background: #d2d8e0;
    width: 5px;
    height: 4px;
    border-radius: 3px;
}

::-webkit-scrollbar {
    background: #00000061;
    width: 8px;
    height: 4px;
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
    display: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type=number] {
    -moz-appearance: textfield;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, Roboto, sans-serif, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #0E2857;
    background-color: #E5EAEC;
    font-size: 14px;
}


a {
    color: #0E2857;
    /*Removes the dotted line around links on Firefox*/
    outline: none;
}

    a:hover {
        color: #030a15;
    }

.navbar .container {
    max-width: 1440px !important;
}

@media (max-width: 1200px) {
    legend {
        font-size: calc(1.275rem + 0.3vw);
    }
}

.img-thumbnail {
    background-color: #E5EAEC;
}

.container {
    padding-right: 8px;
    padding-left: 8px;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1440px;
    }
}

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
    padding-right: 8px;
    padding-left: 8px;
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1440px;
    }
}

.row {
    margin-right: -8px;
    margin-left: -8px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    padding-right: 8px;
    padding-left: 8px;
}


.table-striped tbody tr:nth-of-type(odd) {
    background-color: #FFF;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #F7F7F7;
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #bcc3d0;
}

    .table-primary th,
    .table-primary td,
    .table-primary thead th,
    .table-primary tbody + tbody {
        border-color: #828fa8;
    }

.table-hover .table-primary:hover {
    background-color: #adb6c5;
}

    .table-hover .table-primary:hover > td,
    .table-hover .table-primary:hover > th {
        background-color: #adb6c5;
    }

.table-secondary,
.table-secondary > th,
.table-secondary > td {
    background-color: #bde2ff;
}

    .table-secondary th,
    .table-secondary td,
    .table-secondary thead th,
    .table-secondary tbody + tbody {
        border-color: #84c9ff;
    }

.table-hover .table-secondary:hover {
    background-color: #a4d7ff;
}

    .table-hover .table-secondary:hover > td,
    .table-hover .table-secondary:hover > th {
        background-color: #a4d7ff;
    }

.table-success,
.table-success > th,
.table-success > td {
    background-color: #bcdbcf;
}

    .table-success th,
    .table-success td,
    .table-success thead th,
    .table-success tbody + tbody {
        border-color: #83bda5;
    }

.table-hover .table-success:hover {
    background-color: #abd2c3;
}

    .table-hover .table-success:hover > td,
    .table-hover .table-success:hover > th {
        background-color: #abd2c3;
    }

.table-danger,
.table-danger > th,
.table-danger > td {
    background-color: #efb8b8;
}

    .table-danger th,
    .table-danger td,
    .table-danger thead th,
    .table-danger tbody + tbody {
        border-color: #e17b7a;
    }

.table-hover .table-danger:hover {
    background-color: #eaa3a3;
}

    .table-hover .table-danger:hover > td,
    .table-hover .table-danger:hover > th {
        background-color: #eaa3a3;
    }

.table-black,
.table-black > th,
.table-black > td {
    background-color: #b8b8b8;
}

    .table-black th,
    .table-black td,
    .table-black thead th,
    .table-black tbody + tbody {
        border-color: #7a7a7a;
    }

.table-hover .table-black:hover {
    background-color: #ababab;
}

    .table-hover .table-black:hover > td,
    .table-hover .table-black:hover > th {
        background-color: #ababab;
    }

.table-super-dark-blue,
.table-super-dark-blue > th,
.table-super-dark-blue > td {
    background-color: #babfc6;
}

    .table-super-dark-blue th,
    .table-super-dark-blue td,
    .table-super-dark-blue thead th,
    .table-super-dark-blue tbody + tbody {
        border-color: #808996;
    }

.table-hover .table-super-dark-blue:hover {
    background-color: #acb2ba;
}

    .table-hover .table-super-dark-blue:hover > td,
    .table-hover .table-super-dark-blue:hover > th {
        background-color: #acb2ba;
    }

.table-dark-blue,
.table-dark-blue > th,
.table-dark-blue > td {
    background-color: #bcc3d0;
}

    .table-dark-blue th,
    .table-dark-blue td,
    .table-dark-blue thead th,
    .table-dark-blue tbody + tbody {
        border-color: #828fa8;
    }

.table-hover .table-dark-blue:hover {
    background-color: #adb6c5;
}

    .table-hover .table-dark-blue:hover > td,
    .table-hover .table-dark-blue:hover > th {
        background-color: #adb6c5;
    }

.table-alt-blue,
.table-alt-blue > th,
.table-alt-blue > td {
    background-color: #bbcce2;
}

    .table-alt-blue th,
    .table-alt-blue td,
    .table-alt-blue thead th,
    .table-alt-blue tbody + tbody {
        border-color: #81a0ca;
    }

.table-hover .table-alt-blue:hover {
    background-color: #a9bfda;
}

    .table-hover .table-alt-blue:hover > td,
    .table-hover .table-alt-blue:hover > th {
        background-color: #a9bfda;
    }

.table-light-blue,
.table-light-blue > th,
.table-light-blue > td {
    background-color: #bde2ff;
}

    .table-light-blue th,
    .table-light-blue td,
    .table-light-blue thead th,
    .table-light-blue tbody + tbody {
        border-color: #84c9ff;
    }

.table-hover .table-light-blue:hover {
    background-color: #a4d7ff;
}

    .table-hover .table-light-blue:hover > td,
    .table-hover .table-light-blue:hover > th {
        background-color: #a4d7ff;
    }

.table-dark-green,
.table-dark-green > th,
.table-dark-green > td {
    background-color: #bec5c2;
}

    .table-dark-green th,
    .table-dark-green td,
    .table-dark-green thead th,
    .table-dark-green tbody + tbody {
        border-color: #87938e;
    }

.table-hover .table-dark-green:hover {
    background-color: #b1b9b5;
}

    .table-hover .table-dark-green:hover > td,
    .table-hover .table-dark-green:hover > th {
        background-color: #b1b9b5;
    }

.table-green,
.table-green > th,
.table-green > td {
    background-color: #bcdbcf;
}

    .table-green th,
    .table-green td,
    .table-green thead th,
    .table-green tbody + tbody {
        border-color: #83bda5;
    }

.table-hover .table-green:hover {
    background-color: #abd2c3;
}

    .table-hover .table-green:hover > td,
    .table-hover .table-green:hover > th {
        background-color: #abd2c3;
    }

.table-light-green,
.table-light-green > th,
.table-light-green > td {
    background-color: #cbe4d9;
}

    .table-light-green th,
    .table-light-green td,
    .table-light-green thead th,
    .table-light-green tbody + tbody {
        border-color: #9fccb9;
    }

.table-hover .table-light-green:hover {
    background-color: #badbcd;
}

    .table-hover .table-light-green:hover > td,
    .table-hover .table-light-green:hover > th {
        background-color: #badbcd;
    }

.table-dark-gray,
.table-dark-gray > th,
.table-dark-gray > td {
    background-color: #cfd2d8;
}

    .table-dark-gray th,
    .table-dark-gray td,
    .table-dark-gray thead th,
    .table-dark-gray tbody + tbody {
        border-color: #a6abb7;
    }

.table-hover .table-dark-gray:hover {
    background-color: #c1c5cd;
}

    .table-hover .table-dark-gray:hover > td,
    .table-hover .table-dark-gray:hover > th {
        background-color: #c1c5cd;
    }

.table-grayed-dark-blue,
.table-grayed-dark-blue > th,
.table-grayed-dark-blue > td {
    background-color: #c5c8d1;
}

    .table-grayed-dark-blue th,
    .table-grayed-dark-blue td,
    .table-grayed-dark-blue thead th,
    .table-grayed-dark-blue tbody + tbody {
        border-color: #939aa9;
    }

.table-hover .table-grayed-dark-blue:hover {
    background-color: #b7bbc6;
}

    .table-hover .table-grayed-dark-blue:hover > td,
    .table-hover .table-grayed-dark-blue:hover > th {
        background-color: #b7bbc6;
    }

.table-grayed-blue,
.table-grayed-blue > th,
.table-grayed-blue > td {
    background-color: #d8e0ea;
}

    .table-grayed-blue th,
    .table-grayed-blue td,
    .table-grayed-blue thead th,
    .table-grayed-blue tbody + tbody {
        border-color: #b7c5d8;
    }

.table-hover .table-grayed-blue:hover {
    background-color: #c7d3e1;
}

    .table-hover .table-grayed-blue:hover > td,
    .table-hover .table-grayed-blue:hover > th {
        background-color: #c7d3e1;
    }

.table-gray,
.table-gray > th,
.table-gray > td {
    background-color: #eaedf0;
}

    .table-gray th,
    .table-gray td,
    .table-gray thead th,
    .table-gray tbody + tbody {
        border-color: #d8dee4;
    }

.table-hover .table-gray:hover {
    background-color: #dbe0e5;
}

    .table-hover .table-gray:hover > td,
    .table-hover .table-gray:hover > th {
        background-color: #dbe0e5;
    }

.table-light-gray,
.table-light-gray > th,
.table-light-gray > td {
    background-color: #f2f4f6;
}

    .table-light-gray th,
    .table-light-gray td,
    .table-light-gray thead th,
    .table-light-gray tbody + tbody {
        border-color: #e8ebef;
    }

.table-hover .table-light-gray:hover {
    background-color: #e3e7ec;
}

    .table-hover .table-light-gray:hover > td,
    .table-hover .table-light-gray:hover > th {
        background-color: #e3e7ec;
    }

.table-grayed-light-blue,
.table-grayed-light-blue > th,
.table-grayed-light-blue > td {
    background-color: #f8f9fa;
}

    .table-grayed-light-blue th,
    .table-grayed-light-blue td,
    .table-grayed-light-blue thead th,
    .table-grayed-light-blue tbody + tbody {
        border-color: #f1f4f5;
    }

.table-hover .table-grayed-light-blue:hover {
    background-color: #e9ecef;
}

    .table-hover .table-grayed-light-blue:hover > td,
    .table-hover .table-grayed-light-blue:hover > th {
        background-color: #e9ecef;
    }

.table-active,
.table-active > th,
.table-active > td {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

    .table-hover .table-active:hover > td,
    .table-hover .table-active:hover > th {
        background-color: rgba(0, 0, 0, 0.075);
    }

.form-control {
    height: calc(1.5em + 0.4rem + 8px);
    padding: 0.2rem 2rem;
    background-color: #FFF;
    font-size: 0.875rem;
}

    .form-control:focus {
        background-color: #FFF;
        border-color: #205ac5;
        box-shadow: 0 0 0 0.2rem rgba(14, 40, 87, 0.25);
    }

select.form-control:focus::-ms-value {
    background-color: #FFF;
}

.col-form-label {
    padding-top: calc(0.2rem + 1px);
    padding-bottom: calc(0.2rem + 1px);
}

.form-control-plaintext {
    padding: 0.2rem 0;
}

.valid-feedback {
    color: #118052;
}

.valid-tooltip {
    background-color: rgba(17, 128, 82, 0.9);
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: #118052;
    padding-right: calc(1.5em + 0.4rem);
    background-position: right calc(0.375em + 0.1rem) center;
    background-size: calc(0.75em + 0.2rem) calc(0.75em + 0.2rem);
}

    .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
        border-color: #118052;
        box-shadow: 0 0 0 0.2rem rgba(17, 128, 82, 0.25);
    }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.5em + 0.4rem);
    background-position: top calc(0.375em + 0.1rem) right calc(0.375em + 0.1rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
    border-color: #118052;
    padding-right: calc(0.75em + 3.3rem);
}

    .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
        border-color: #118052;
        box-shadow: 0 0 0 0.2rem rgba(17, 128, 82, 0.25);
    }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: #118052;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
    color: #118052;
}

    .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
        border-color: #118052;
    }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    border-color: #17ad6f;
    background-color: #17ad6f;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(17, 128, 82, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #118052;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
    border-color: #118052;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
    border-color: #118052;
    box-shadow: 0 0 0 0.2rem rgba(17, 128, 82, 0.25);
}

.invalid-feedback {
    color: #c60100;
}

.invalid-tooltip {
    color: #FFF;
    background-color: rgba(198, 1, 0, 0.9);
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #c60100;
    padding-right: calc(1.5em + 0.4rem);
    background-position: right calc(0.375em + 0.1rem) center;
    background-size: calc(0.75em + 0.2rem) calc(0.75em + 0.2rem);
}

    .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
        border-color: #c60100;
        box-shadow: 0 0 0 0.2rem rgba(198, 1, 0, 0.25);
    }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.4rem);
    background-position: top calc(0.375em + 0.1rem) right calc(0.375em + 0.1rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
    border-color: #c60100;
    padding-right: calc(0.75em + 3.3rem);
}

    .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
        border-color: #c60100;
        box-shadow: 0 0 0 0.2rem rgba(198, 1, 0, 0.25);
    }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
    color: #c60100;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
    color: #c60100;
}

    .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
        border-color: #c60100;
    }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    border-color: #f90100;
    background-color: #f90100;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(198, 1, 0, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #c60100;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #c60100;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
    border-color: #c60100;
    box-shadow: 0 0 0 0.2rem rgba(198, 1, 0, 0.25);
}

.btn:focus, .btn.focus {
    box-shadow: 0 0 0 0.2rem rgba(14, 40, 87, 0.25);
}

.btn-primary {
    color: #FFF;
    background-color: #0E2857;
    border-color: #0E2857;
}

    .btn-primary:hover {
        color: #FFF;
        background-color: #091936;
        border-color: #07142b;
    }

    .btn-primary:focus, .btn-primary.focus {
        color: #FFF;
        background-color: #091936;
        border-color: #07142b;
        box-shadow: 0 0 0 0.2rem rgba(50, 72, 112, 0.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #FFF;
        background-color: #0E2857;
        border-color: #0E2857;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: #FFF;
        background-color: #07142b;
        border-color: #050f20;
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(50, 72, 112, 0.5);
        }

.btn-secondary {
    color: #FFF;
    background-color: #1298FF;
    border-color: #1298FF;
}

    .btn-secondary:hover {
        color: #FFF;
        background-color: #0085eb;
        border-color: #007ede;
    }

    .btn-secondary:focus, .btn-secondary.focus {
        color: #FFF;
        background-color: #0085eb;
        border-color: #007ede;
        box-shadow: 0 0 0 0.2rem rgba(54, 167, 255, 0.5);
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #FFF;
        background-color: #1298FF;
        border-color: #1298FF;
    }

    .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-secondary.dropdown-toggle {
        color: #FFF;
        background-color: #007ede;
        border-color: #0076d1;
    }

        .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(54, 167, 255, 0.5);
        }

.btn-success {
    color: #FFF;
    background-color: #118052;
    border-color: #118052;
}

    .btn-success:hover {
        color: #FFF;
        background-color: #0d5e3c;
        border-color: #0b5335;
    }

    .btn-success:focus, .btn-success.focus {
        color: #FFF;
        background-color: #0d5e3c;
        border-color: #0b5335;
        box-shadow: 0 0 0 0.2rem rgba(53, 147, 108, 0.5);
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #FFF;
        background-color: #118052;
        border-color: #118052;
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
    .show > .btn-success.dropdown-toggle {
        color: #FFF;
        background-color: #0b5335;
        border-color: #0a482e;
    }

        .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(53, 147, 108, 0.5);
        }

.btn-danger {
    color: #FFF;
    background-color: #c60100;
    border-color: #c60100;
}

    .btn-danger:hover {
        color: #FFF;
        background-color: #a00100;
        border-color: #930100;
    }

    .btn-danger:focus, .btn-danger.focus {
        color: #FFF;
        background-color: #a00100;
        border-color: #930100;
        box-shadow: 0 0 0 0.2rem rgba(207, 39, 38, 0.5);
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #FFF;
        background-color: #c60100;
        border-color: #c60100;
    }

    .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
    .show > .btn-danger.dropdown-toggle {
        color: #FFF;
        background-color: #930100;
        border-color: #860100;
    }

        .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
        .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(207, 39, 38, 0.5);
        }

.btn-black {
    color: #FFF;
    background-color: #000;
    border-color: #000;
}

    .btn-black:hover {
        color: #FFF;
        background-color: black;
        border-color: black;
    }

    .btn-black:focus, .btn-black.focus {
        color: #FFF;
        background-color: black;
        border-color: black;
        box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5);
    }

    .btn-black.disabled, .btn-black:disabled {
        color: #FFF;
        background-color: #000;
        border-color: #000;
    }

    .btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active,
    .show > .btn-black.dropdown-toggle {
        color: #FFF;
        background-color: black;
        border-color: black;
    }

        .btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus,
        .show > .btn-black.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5);
        }

.btn-super-dark-blue {
    color: #FFF;
    background-color: #0A1C35;
    border-color: #0A1C35;
}

    .btn-super-dark-blue:hover {
        color: #FFF;
        background-color: #040b15;
        border-color: #02050a;
    }

    .btn-super-dark-blue:focus, .btn-super-dark-blue.focus {
        color: #FFF;
        background-color: #040b15;
        border-color: #02050a;
        box-shadow: 0 0 0 0.2rem rgba(47, 62, 83, 0.5);
    }

    .btn-super-dark-blue.disabled, .btn-super-dark-blue:disabled {
        color: #FFF;
        background-color: #0A1C35;
        border-color: #0A1C35;
    }

    .btn-super-dark-blue:not(:disabled):not(.disabled):active, .btn-super-dark-blue:not(:disabled):not(.disabled).active,
    .show > .btn-super-dark-blue.dropdown-toggle {
        color: #FFF;
        background-color: #02050a;
        border-color: black;
    }

        .btn-super-dark-blue:not(:disabled):not(.disabled):active:focus, .btn-super-dark-blue:not(:disabled):not(.disabled).active:focus,
        .show > .btn-super-dark-blue.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(47, 62, 83, 0.5);
        }

.btn-dark-blue {
    color: #FFF;
    background-color: #0E2857;
    border-color: #0E2857;
}

    .btn-dark-blue:hover {
        color: #FFF;
        background-color: #091936;
        border-color: #07142b;
    }

    .btn-dark-blue:focus, .btn-dark-blue.focus {
        color: #FFF;
        background-color: #091936;
        border-color: #07142b;
        box-shadow: 0 0 0 0.2rem rgba(50, 72, 112, 0.5);
    }

    .btn-dark-blue.disabled, .btn-dark-blue:disabled {
        color: #FFF;
        background-color: #0E2857;
        border-color: #0E2857;
    }

    .btn-dark-blue:not(:disabled):not(.disabled):active, .btn-dark-blue:not(:disabled):not(.disabled).active,
    .show > .btn-dark-blue.dropdown-toggle {
        color: #FFF;
        background-color: #07142b;
        border-color: #050f20;
    }

        .btn-dark-blue:not(:disabled):not(.disabled):active:focus, .btn-dark-blue:not(:disabled):not(.disabled).active:focus,
        .show > .btn-dark-blue.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(50, 72, 112, 0.5);
        }

.btn-alt-blue {
    color: #FFF;
    background-color: #0C4999;
    border-color: #0C4999;
}

    .btn-alt-blue:hover {
        color: #FFF;
        background-color: #093876;
        border-color: #08326a;
    }

    .btn-alt-blue:focus, .btn-alt-blue.focus {
        color: #FFF;
        background-color: #093876;
        border-color: #08326a;
        box-shadow: 0 0 0 0.2rem rgba(48, 100, 168, 0.5);
    }

    .btn-alt-blue.disabled, .btn-alt-blue:disabled {
        color: #FFF;
        background-color: #0C4999;
        border-color: #0C4999;
    }

    .btn-alt-blue:not(:disabled):not(.disabled):active, .btn-alt-blue:not(:disabled):not(.disabled).active,
    .show > .btn-alt-blue.dropdown-toggle {
        color: #FFF;
        background-color: #08326a;
        border-color: #072d5e;
    }

        .btn-alt-blue:not(:disabled):not(.disabled):active:focus, .btn-alt-blue:not(:disabled):not(.disabled).active:focus,
        .show > .btn-alt-blue.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(48, 100, 168, 0.5);
        }

.btn-light-blue {
    color: #FFF;
    background-color: #1298FF;
    border-color: #1298FF;
}

    .btn-light-blue:hover {
        color: #FFF;
        background-color: #0085eb;
        border-color: #007ede;
    }

    .btn-light-blue:focus, .btn-light-blue.focus {
        color: #FFF;
        background-color: #0085eb;
        border-color: #007ede;
        box-shadow: 0 0 0 0.2rem rgba(54, 167, 255, 0.5);
    }

    .btn-light-blue.disabled, .btn-light-blue:disabled {
        color: #FFF;
        background-color: #1298FF;
        border-color: #1298FF;
    }

    .btn-light-blue:not(:disabled):not(.disabled):active, .btn-light-blue:not(:disabled):not(.disabled).active,
    .show > .btn-light-blue.dropdown-toggle {
        color: #FFF;
        background-color: #007ede;
        border-color: #0076d1;
    }

        .btn-light-blue:not(:disabled):not(.disabled):active:focus, .btn-light-blue:not(:disabled):not(.disabled).active:focus,
        .show > .btn-light-blue.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(54, 167, 255, 0.5);
        }

.btn-dark-green {
    color: #FFF;
    background-color: #183026;
    border-color: #183026;
}

    .btn-dark-green:hover {
        color: #FFF;
        background-color: #0b1712;
        border-color: #070e0b;
    }

    .btn-dark-green:focus, .btn-dark-green.focus {
        color: #FFF;
        background-color: #0b1712;
        border-color: #070e0b;
        box-shadow: 0 0 0 0.2rem rgba(59, 79, 71, 0.5);
    }

    .btn-dark-green.disabled, .btn-dark-green:disabled {
        color: #FFF;
        background-color: #183026;
        border-color: #183026;
    }

    .btn-dark-green:not(:disabled):not(.disabled):active, .btn-dark-green:not(:disabled):not(.disabled).active,
    .show > .btn-dark-green.dropdown-toggle {
        color: #FFF;
        background-color: #070e0b;
        border-color: #030604;
    }

        .btn-dark-green:not(:disabled):not(.disabled):active:focus, .btn-dark-green:not(:disabled):not(.disabled).active:focus,
        .show > .btn-dark-green.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(59, 79, 71, 0.5);
        }

.btn-green {
    color: #FFF;
    background-color: #118052;
    border-color: #118052;
}

    .btn-green:hover {
        color: #FFF;
        background-color: #0d5e3c;
        border-color: #0b5335;
    }

    .btn-green:focus, .btn-green.focus {
        color: #FFF;
        background-color: #0d5e3c;
        border-color: #0b5335;
        box-shadow: 0 0 0 0.2rem rgba(53, 147, 108, 0.5);
    }

    .btn-green.disabled, .btn-green:disabled {
        color: #FFF;
        background-color: #118052;
        border-color: #118052;
    }

    .btn-green:not(:disabled):not(.disabled):active, .btn-green:not(:disabled):not(.disabled).active,
    .show > .btn-green.dropdown-toggle {
        color: #FFF;
        background-color: #0b5335;
        border-color: #0a482e;
    }

        .btn-green:not(:disabled):not(.disabled):active:focus, .btn-green:not(:disabled):not(.disabled).active:focus,
        .show > .btn-green.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(53, 147, 108, 0.5);
        }

.btn-light-green {
    color: #FFF;
    background-color: #479D79;
    border-color: #479D79;
}

    .btn-light-green:hover {
        color: #FFF;
        background-color: #3b8365;
        border-color: #377a5e;
    }

    .btn-light-green:focus, .btn-light-green.focus {
        color: #FFF;
        background-color: #3b8365;
        border-color: #377a5e;
        box-shadow: 0 0 0 0.2rem rgba(99, 172, 141, 0.5);
    }

    .btn-light-green.disabled, .btn-light-green:disabled {
        color: #FFF;
        background-color: #479D79;
        border-color: #479D79;
    }

    .btn-light-green:not(:disabled):not(.disabled):active, .btn-light-green:not(:disabled):not(.disabled).active,
    .show > .btn-light-green.dropdown-toggle {
        color: #FFF;
        background-color: #377a5e;
        border-color: #337157;
    }

        .btn-light-green:not(:disabled):not(.disabled):active:focus, .btn-light-green:not(:disabled):not(.disabled).active:focus,
        .show > .btn-light-green.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(99, 172, 141, 0.5);
        }

.btn-dark-gray {
    color: #FFF;
    background-color: #545E75;
    border-color: #545E75;
}

    .btn-dark-gray:hover {
        color: #FFF;
        background-color: #444c5f;
        border-color: #3f4657;
    }

    .btn-dark-gray:focus, .btn-dark-gray.focus {
        color: #FFF;
        background-color: #444c5f;
        border-color: #3f4657;
        box-shadow: 0 0 0 0.2rem rgba(110, 118, 138, 0.5);
    }

    .btn-dark-gray.disabled, .btn-dark-gray:disabled {
        color: #FFF;
        background-color: #545E75;
        border-color: #545E75;
    }

    .btn-dark-gray:not(:disabled):not(.disabled):active, .btn-dark-gray:not(:disabled):not(.disabled).active,
    .show > .btn-dark-gray.dropdown-toggle {
        color: #FFF;
        background-color: #3f4657;
        border-color: #394050;
    }

        .btn-dark-gray:not(:disabled):not(.disabled):active:focus, .btn-dark-gray:not(:disabled):not(.disabled).active:focus,
        .show > .btn-dark-gray.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(110, 118, 138, 0.5);
        }

.btn-grayed-dark-blue {
    color: #FFF;
    background-color: #2F3C5A;
    border-color: #2F3C5A;
}

    .btn-grayed-dark-blue:hover {
        color: #FFF;
        background-color: #222b41;
        border-color: #1e2638;
    }

    .btn-grayed-dark-blue:focus, .btn-grayed-dark-blue.focus {
        color: #FFF;
        background-color: #222b41;
        border-color: #1e2638;
        box-shadow: 0 0 0 0.2rem rgba(78, 89, 115, 0.5);
    }

    .btn-grayed-dark-blue.disabled, .btn-grayed-dark-blue:disabled {
        color: #FFF;
        background-color: #2F3C5A;
        border-color: #2F3C5A;
    }

    .btn-grayed-dark-blue:not(:disabled):not(.disabled):active, .btn-grayed-dark-blue:not(:disabled):not(.disabled).active,
    .show > .btn-grayed-dark-blue.dropdown-toggle {
        color: #FFF;
        background-color: #1e2638;
        border-color: #192030;
    }

        .btn-grayed-dark-blue:not(:disabled):not(.disabled):active:focus, .btn-grayed-dark-blue:not(:disabled):not(.disabled).active:focus,
        .show > .btn-grayed-dark-blue.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(78, 89, 115, 0.5);
        }

.btn-grayed-blue {
    color: #FFF;
    background-color: #748FB4;
    border-color: #748FB4;
}

    .btn-grayed-blue:hover {
        color: #FFF;
        background-color: #5b7ba7;
        border-color: #56759f;
    }

    .btn-grayed-blue:focus, .btn-grayed-blue.focus {
        color: #FFF;
        background-color: #5b7ba7;
        border-color: #56759f;
        box-shadow: 0 0 0 0.2rem rgba(137, 160, 191, 0.5);
    }

    .btn-grayed-blue.disabled, .btn-grayed-blue:disabled {
        color: #FFF;
        background-color: #748FB4;
        border-color: #748FB4;
    }

    .btn-grayed-blue:not(:disabled):not(.disabled):active, .btn-grayed-blue:not(:disabled):not(.disabled).active,
    .show > .btn-grayed-blue.dropdown-toggle {
        color: #FFF;
        background-color: #56759f;
        border-color: #516f97;
    }

        .btn-grayed-blue:not(:disabled):not(.disabled):active:focus, .btn-grayed-blue:not(:disabled):not(.disabled).active:focus,
        .show > .btn-grayed-blue.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(137, 160, 191, 0.5);
        }

.btn-gray {
    color: #212529;
    background-color: #B4C0CB;
    border-color: #B4C0CB;
}

    .btn-gray:hover {
        color: #212529;
        background-color: #9dadbb;
        border-color: #96a7b6;
    }

    .btn-gray:focus, .btn-gray.focus {
        color: #212529;
        background-color: #9dadbb;
        border-color: #96a7b6;
        box-shadow: 0 0 0 0.2rem rgba(158, 169, 179, 0.5);
    }

    .btn-gray.disabled, .btn-gray:disabled {
        color: #212529;
        background-color: #B4C0CB;
        border-color: #B4C0CB;
    }

    .btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active,
    .show > .btn-gray.dropdown-toggle {
        color: #212529;
        background-color: #96a7b6;
        border-color: #8ea0b1;
    }

        .btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus,
        .show > .btn-gray.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(158, 169, 179, 0.5);
        }

.btn-light-gray {
    color: #212529;
    background-color: #D2D8E0;
    border-color: #D2D8E0;
}

    .btn-light-gray:hover {
        color: #212529;
        background-color: #bbc4d0;
        border-color: #b4becb;
    }

    .btn-light-gray:focus, .btn-light-gray.focus {
        color: #212529;
        background-color: #bbc4d0;
        border-color: #b4becb;
        box-shadow: 0 0 0 0.2rem rgba(183, 189, 197, 0.5);
    }

    .btn-light-gray.disabled, .btn-light-gray:disabled {
        color: #212529;
        background-color: #D2D8E0;
        border-color: #D2D8E0;
    }

    .btn-light-gray:not(:disabled):not(.disabled):active, .btn-light-gray:not(:disabled):not(.disabled).active,
    .show > .btn-light-gray.dropdown-toggle {
        color: #212529;
        background-color: #b4becb;
        border-color: #acb7c6;
    }

        .btn-light-gray:not(:disabled):not(.disabled):active:focus, .btn-light-gray:not(:disabled):not(.disabled).active:focus,
        .show > .btn-light-gray.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(183, 189, 197, 0.5);
        }

.btn-grayed-light-blue {
    color: #212529;
    background-color: #E5EAEC;
    border-color: #E5EAEC;
}

    .btn-grayed-light-blue:hover {
        color: #212529;
        background-color: #cfd8dc;
        border-color: #c8d2d6;
    }

    .btn-grayed-light-blue:focus, .btn-grayed-light-blue.focus {
        color: #212529;
        background-color: #cfd8dc;
        border-color: #c8d2d6;
        box-shadow: 0 0 0 0.2rem rgba(200, 204, 207, 0.5);
    }

    .btn-grayed-light-blue.disabled, .btn-grayed-light-blue:disabled {
        color: #212529;
        background-color: #E5EAEC;
        border-color: #E5EAEC;
    }

    .btn-grayed-light-blue:not(:disabled):not(.disabled):active, .btn-grayed-light-blue:not(:disabled):not(.disabled).active,
    .show > .btn-grayed-light-blue.dropdown-toggle {
        color: #212529;
        background-color: #c8d2d6;
        border-color: #c0ccd1;
    }

        .btn-grayed-light-blue:not(:disabled):not(.disabled):active:focus, .btn-grayed-light-blue:not(:disabled):not(.disabled).active:focus,
        .show > .btn-grayed-light-blue.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(200, 204, 207, 0.5);
        }

.btn-outline-primary {
    color: #0E2857;
    border-color: #0E2857;
}

    .btn-outline-primary:hover {
        color: #FFF;
        background-color: #0E2857;
        border-color: #0E2857;
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(14, 40, 87, 0.5);
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #0E2857;
        background-color: transparent;
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #FFF;
        background-color: #0E2857;
        border-color: #0E2857;
    }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(14, 40, 87, 0.5);
        }

.btn-outline-secondary {
    color: #1298FF;
    border-color: #1298FF;
}

    .btn-outline-secondary:hover {
        color: #FFF;
        background-color: #1298FF;
        border-color: #1298FF;
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        box-shadow: 0 0 0 0.2rem rgba(18, 152, 255, 0.5);
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #1298FF;
        background-color: transparent;
    }

    .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-secondary.dropdown-toggle {
        color: #FFF;
        background-color: #1298FF;
        border-color: #1298FF;
    }

        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(18, 152, 255, 0.5);
        }

.btn-outline-success {
    color: #118052;
    border-color: #118052;
}

    .btn-outline-success:hover {
        color: #FFF;
        background-color: #118052;
        border-color: #118052;
    }

    .btn-outline-success:focus, .btn-outline-success.focus {
        box-shadow: 0 0 0 0.2rem rgba(17, 128, 82, 0.5);
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #118052;
        background-color: transparent;
    }

    .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
    .show > .btn-outline-success.dropdown-toggle {
        color: #FFF;
        background-color: #118052;
        border-color: #118052;
    }

        .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(17, 128, 82, 0.5);
        }

.btn-outline-danger {
    color: #c60100;
    border-color: #c60100;
}

    .btn-outline-danger:hover {
        color: #FFF;
        background-color: #c60100;
        border-color: #c60100;
    }

    .btn-outline-danger:focus, .btn-outline-danger.focus {
        box-shadow: 0 0 0 0.2rem rgba(198, 1, 0, 0.5);
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #c60100;
        background-color: transparent;
    }

    .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
    .show > .btn-outline-danger.dropdown-toggle {
        color: #FFF;
        background-color: #c60100;
        border-color: #c60100;
    }

        .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(198, 1, 0, 0.5);
        }

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40;
}

    .btn-outline-dark:hover {
        color: #FFF;
        background-color: #343a40;
        border-color: #343a40;
    }

    .btn-outline-dark:focus, .btn-outline-dark.focus {
        box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #343a40;
        background-color: transparent;
    }

    .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
    .show > .btn-outline-dark.dropdown-toggle {
        color: #FFF;
        background-color: #343a40;
        border-color: #343a40;
    }

        .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
        }

.btn-outline-black {
    color: #000;
    border-color: #000;
}

    .btn-outline-black:hover {
        color: #FFF;
        background-color: #000;
        border-color: #000;
    }

    .btn-outline-black:focus, .btn-outline-black.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
    }

    .btn-outline-black.disabled, .btn-outline-black:disabled {
        color: #000;
    }

    .btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active,
    .show > .btn-outline-black.dropdown-toggle {
        color: #FFF;
        background-color: #000;
        border-color: #000;
    }

        .btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-black.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
        }

.btn-outline-super-dark-blue {
    color: #0A1C35;
    border-color: #0A1C35;
}

    .btn-outline-super-dark-blue:hover {
        color: #FFF;
        background-color: #0A1C35;
        border-color: #0A1C35;
    }

    .btn-outline-super-dark-blue:focus, .btn-outline-super-dark-blue.focus {
        box-shadow: 0 0 0 0.2rem rgba(10, 28, 53, 0.5);
    }

    .btn-outline-super-dark-blue.disabled, .btn-outline-super-dark-blue:disabled {
        color: #0A1C35;
        background-color: transparent;
    }

    .btn-outline-super-dark-blue:not(:disabled):not(.disabled):active, .btn-outline-super-dark-blue:not(:disabled):not(.disabled).active,
    .show > .btn-outline-super-dark-blue.dropdown-toggle {
        color: #FFF;
        background-color: #0A1C35;
        border-color: #0A1C35;
    }

        .btn-outline-super-dark-blue:not(:disabled):not(.disabled):active:focus, .btn-outline-super-dark-blue:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-super-dark-blue.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(10, 28, 53, 0.5);
        }

.btn-outline-dark-blue {
    color: #0E2857;
    border-color: #0E2857;
}

    .btn-outline-dark-blue:hover {
        color: #FFF;
        background-color: #0E2857;
        border-color: #0E2857;
    }

    .btn-outline-dark-blue:focus, .btn-outline-dark-blue.focus {
        box-shadow: 0 0 0 0.2rem rgba(14, 40, 87, 0.5);
    }

    .btn-outline-dark-blue.disabled, .btn-outline-dark-blue:disabled {
        color: #0E2857;
        background-color: transparent;
    }

    .btn-outline-dark-blue:not(:disabled):not(.disabled):active, .btn-outline-dark-blue:not(:disabled):not(.disabled).active,
    .show > .btn-outline-dark-blue.dropdown-toggle {
        color: #FFF;
        background-color: #0E2857;
        border-color: #0E2857;
    }

        .btn-outline-dark-blue:not(:disabled):not(.disabled):active:focus, .btn-outline-dark-blue:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-dark-blue.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(14, 40, 87, 0.5);
        }

.btn-outline-alt-blue {
    color: #0C4999;
    border-color: #0C4999;
}

    .btn-outline-alt-blue:hover {
        color: #FFF;
        background-color: #0C4999;
        border-color: #0C4999;
    }

    .btn-outline-alt-blue:focus, .btn-outline-alt-blue.focus {
        box-shadow: 0 0 0 0.2rem rgba(12, 73, 153, 0.5);
    }

    .btn-outline-alt-blue.disabled, .btn-outline-alt-blue:disabled {
        color: #0C4999;
        background-color: transparent;
    }

    .btn-outline-alt-blue:not(:disabled):not(.disabled):active, .btn-outline-alt-blue:not(:disabled):not(.disabled).active,
    .show > .btn-outline-alt-blue.dropdown-toggle {
        color: #FFF;
        background-color: #0C4999;
        border-color: #0C4999;
    }

        .btn-outline-alt-blue:not(:disabled):not(.disabled):active:focus, .btn-outline-alt-blue:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-alt-blue.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(12, 73, 153, 0.5);
        }

.btn-outline-light-blue {
    color: #1298FF;
    border-color: #1298FF;
}

    .btn-outline-light-blue:hover {
        color: #FFF;
        background-color: #1298FF;
        border-color: #1298FF;
    }

    .btn-outline-light-blue:focus, .btn-outline-light-blue.focus {
        box-shadow: 0 0 0 0.2rem rgba(18, 152, 255, 0.5);
    }

    .btn-outline-light-blue.disabled, .btn-outline-light-blue:disabled {
        color: #1298FF;
        background-color: transparent;
    }

    .btn-outline-light-blue:not(:disabled):not(.disabled):active, .btn-outline-light-blue:not(:disabled):not(.disabled).active,
    .show > .btn-outline-light-blue.dropdown-toggle {
        color: #FFF;
        background-color: #1298FF;
        border-color: #1298FF;
    }

        .btn-outline-light-blue:not(:disabled):not(.disabled):active:focus, .btn-outline-light-blue:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-light-blue.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(18, 152, 255, 0.5);
        }

.btn-outline-dark-green {
    color: #183026;
    border-color: #183026;
}

    .btn-outline-dark-green:hover {
        color: #FFF;
        background-color: #183026;
        border-color: #183026;
    }

    .btn-outline-dark-green:focus, .btn-outline-dark-green.focus {
        box-shadow: 0 0 0 0.2rem rgba(24, 48, 38, 0.5);
    }

    .btn-outline-dark-green.disabled, .btn-outline-dark-green:disabled {
        color: #183026;
        background-color: transparent;
    }

    .btn-outline-dark-green:not(:disabled):not(.disabled):active, .btn-outline-dark-green:not(:disabled):not(.disabled).active,
    .show > .btn-outline-dark-green.dropdown-toggle {
        color: #FFF;
        background-color: #183026;
        border-color: #183026;
    }

        .btn-outline-dark-green:not(:disabled):not(.disabled):active:focus, .btn-outline-dark-green:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-dark-green.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(24, 48, 38, 0.5);
        }

.btn-outline-green {
    color: #118052;
    border-color: #118052;
}

    .btn-outline-green:hover {
        color: #FFF;
        background-color: #118052;
        border-color: #118052;
    }

    .btn-outline-green:focus, .btn-outline-green.focus {
        box-shadow: 0 0 0 0.2rem rgba(17, 128, 82, 0.5);
    }

    .btn-outline-green.disabled, .btn-outline-green:disabled {
        color: #118052;
        background-color: transparent;
    }

    .btn-outline-green:not(:disabled):not(.disabled):active, .btn-outline-green:not(:disabled):not(.disabled).active,
    .show > .btn-outline-green.dropdown-toggle {
        color: #FFF;
        background-color: #118052;
        border-color: #118052;
    }

        .btn-outline-green:not(:disabled):not(.disabled):active:focus, .btn-outline-green:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-green.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(17, 128, 82, 0.5);
        }

.btn-outline-light-green {
    color: #479D79;
    border-color: #479D79;
}

    .btn-outline-light-green:hover {
        color: #FFF;
        background-color: #479D79;
        border-color: #479D79;
    }

    .btn-outline-light-green:focus, .btn-outline-light-green.focus {
        box-shadow: 0 0 0 0.2rem rgba(71, 157, 121, 0.5);
    }

    .btn-outline-light-green.disabled, .btn-outline-light-green:disabled {
        color: #479D79;
        background-color: transparent;
    }

    .btn-outline-light-green:not(:disabled):not(.disabled):active, .btn-outline-light-green:not(:disabled):not(.disabled).active,
    .show > .btn-outline-light-green.dropdown-toggle {
        color: #FFF;
        background-color: #479D79;
        border-color: #479D79;
    }

        .btn-outline-light-green:not(:disabled):not(.disabled):active:focus, .btn-outline-light-green:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-light-green.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(71, 157, 121, 0.5);
        }

.btn-outline-dark-gray {
    color: #545E75;
    border-color: #545E75;
}

    .btn-outline-dark-gray:hover {
        color: #FFF;
        background-color: #545E75;
        border-color: #545E75;
    }

    .btn-outline-dark-gray:focus, .btn-outline-dark-gray.focus {
        box-shadow: 0 0 0 0.2rem rgba(84, 94, 117, 0.5);
    }

    .btn-outline-dark-gray.disabled, .btn-outline-dark-gray:disabled {
        color: #545E75;
        background-color: transparent;
    }

    .btn-outline-dark-gray:not(:disabled):not(.disabled):active, .btn-outline-dark-gray:not(:disabled):not(.disabled).active,
    .show > .btn-outline-dark-gray.dropdown-toggle {
        color: #FFF;
        background-color: #545E75;
        border-color: #545E75;
    }

        .btn-outline-dark-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-dark-gray:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-dark-gray.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(84, 94, 117, 0.5);
        }

.btn-outline-grayed-dark-blue {
    color: #2F3C5A;
    border-color: #2F3C5A;
}

    .btn-outline-grayed-dark-blue:hover {
        color: #FFF;
        background-color: #2F3C5A;
        border-color: #2F3C5A;
    }

    .btn-outline-grayed-dark-blue:focus, .btn-outline-grayed-dark-blue.focus {
        box-shadow: 0 0 0 0.2rem rgba(47, 60, 90, 0.5);
    }

    .btn-outline-grayed-dark-blue.disabled, .btn-outline-grayed-dark-blue:disabled {
        color: #2F3C5A;
        background-color: transparent;
    }

    .btn-outline-grayed-dark-blue:not(:disabled):not(.disabled):active, .btn-outline-grayed-dark-blue:not(:disabled):not(.disabled).active,
    .show > .btn-outline-grayed-dark-blue.dropdown-toggle {
        color: #FFF;
        background-color: #2F3C5A;
        border-color: #2F3C5A;
    }

        .btn-outline-grayed-dark-blue:not(:disabled):not(.disabled):active:focus, .btn-outline-grayed-dark-blue:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-grayed-dark-blue.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(47, 60, 90, 0.5);
        }

.btn-outline-grayed-blue {
    color: #748FB4;
    border-color: #748FB4;
}

    .btn-outline-grayed-blue:hover {
        color: #FFF;
        background-color: #748FB4;
        border-color: #748FB4;
    }

    .btn-outline-grayed-blue:focus, .btn-outline-grayed-blue.focus {
        box-shadow: 0 0 0 0.2rem rgba(116, 143, 180, 0.5);
    }

    .btn-outline-grayed-blue.disabled, .btn-outline-grayed-blue:disabled {
        color: #748FB4;
        background-color: transparent;
    }

    .btn-outline-grayed-blue:not(:disabled):not(.disabled):active, .btn-outline-grayed-blue:not(:disabled):not(.disabled).active,
    .show > .btn-outline-grayed-blue.dropdown-toggle {
        color: #FFF;
        background-color: #748FB4;
        border-color: #748FB4;
    }

        .btn-outline-grayed-blue:not(:disabled):not(.disabled):active:focus, .btn-outline-grayed-blue:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-grayed-blue.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(116, 143, 180, 0.5);
        }

.btn-outline-gray {
    color: #B4C0CB;
    border-color: #B4C0CB;
}

    .btn-outline-gray:hover {
        color: #212529;
        background-color: #B4C0CB;
        border-color: #B4C0CB;
    }

    .btn-outline-gray:focus, .btn-outline-gray.focus {
        box-shadow: 0 0 0 0.2rem rgba(180, 192, 203, 0.5);
    }

    .btn-outline-gray.disabled, .btn-outline-gray:disabled {
        color: #B4C0CB;
        background-color: transparent;
    }

    .btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active,
    .show > .btn-outline-gray.dropdown-toggle {
        color: #212529;
        background-color: #B4C0CB;
        border-color: #B4C0CB;
    }

        .btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-gray.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(180, 192, 203, 0.5);
        }

.btn-outline-light-gray {
    color: #D2D8E0;
    border-color: #D2D8E0;
}

    .btn-outline-light-gray:hover {
        color: #212529;
        background-color: #D2D8E0;
        border-color: #D2D8E0;
    }

    .btn-outline-light-gray:focus, .btn-outline-light-gray.focus {
        box-shadow: 0 0 0 0.2rem rgba(210, 216, 224, 0.5);
    }

    .btn-outline-light-gray.disabled, .btn-outline-light-gray:disabled {
        color: #D2D8E0;
        background-color: transparent;
    }

    .btn-outline-light-gray:not(:disabled):not(.disabled):active, .btn-outline-light-gray:not(:disabled):not(.disabled).active,
    .show > .btn-outline-light-gray.dropdown-toggle {
        color: #212529;
        background-color: #D2D8E0;
        border-color: #D2D8E0;
    }

        .btn-outline-light-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-light-gray:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-light-gray.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(210, 216, 224, 0.5);
        }

.btn-outline-grayed-light-blue {
    color: #E5EAEC;
    border-color: #E5EAEC;
}

    .btn-outline-grayed-light-blue:hover {
        color: #212529;
        background-color: #E5EAEC;
        border-color: #E5EAEC;
    }

    .btn-outline-grayed-light-blue:focus, .btn-outline-grayed-light-blue.focus {
        box-shadow: 0 0 0 0.2rem rgba(229, 234, 236, 0.5);
    }

    .btn-outline-grayed-light-blue.disabled, .btn-outline-grayed-light-blue:disabled {
        color: #E5EAEC;
        background-color: transparent;
    }

    .btn-outline-grayed-light-blue:not(:disabled):not(.disabled):active, .btn-outline-grayed-light-blue:not(:disabled):not(.disabled).active,
    .show > .btn-outline-grayed-light-blue.dropdown-toggle {
        color: #212529;
        background-color: #E5EAEC;
        border-color: #E5EAEC;
    }

        .btn-outline-grayed-light-blue:not(:disabled):not(.disabled):active:focus, .btn-outline-grayed-light-blue:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-grayed-light-blue.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(229, 234, 236, 0.5);
        }

.btn-link {
    color: #0E2857;
}

    .btn-link:hover {
        color: #030a15;
    }

.dropdown-item.active, .dropdown-item:active {
    color: #FFF;
    background-color: #0E2857;
}

.dropdown-toggle-split {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.input-group-text {
    padding: 0.2rem 2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
    padding-right: 3rem;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #FFF;
    border-color: #0E2857;
    background-color: #0E2857;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(14, 40, 87, 0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #205ac5;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #FFF;
    background-color: #3874df;
    border-color: #3874df;
}

.custom-control-label::before {
    background-color: #E5EAEC;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #0E2857;
    background-color: #0E2857;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23FFF' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(14, 40, 87, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(14, 40, 87, 0.5);
}

.custom-radio .custom-control-label::before {
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFF'/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(14, 40, 87, 0.5);
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #E5EAEC;
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(14, 40, 87, 0.5);
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.4rem + 2px);
    padding: 0.2rem 3rem 0.2rem 2rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #E5EAEC url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 2rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    appearance: none;
}

    .custom-select:focus {
        border-color: #205ac5;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(14, 40, 87, 0.25);
    }

        .custom-select:focus::-ms-value {
            color: #495057;
            background-color: #E5EAEC;
        }

    .custom-select[multiple], .custom-select[size]:not([size="1"]) {
        height: auto;
        padding-right: 2rem;
        background-image: none;
    }

.custom-file {
    height: calc(1.5em + 0.4rem + 2px);
}

.custom-file-input {
    height: calc(1.5em + 0.4rem + 2px);
}

    .custom-file-input:focus ~ .custom-file-label {
        border-color: #205ac5;
        box-shadow: 0 0 0 0.2rem rgba(14, 40, 87, 0.25);
    }

.custom-file-label {
    height: calc(1.5em + 0.4rem + 2px);
    padding: 0.2rem 2rem;
    background-color: #E5EAEC;
}

    .custom-file-label::after {
        height: calc(1.5em + 0.4rem);
        padding: 0.2rem 2rem;
    }

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #E5EAEC, 0 0 0 0.2rem rgba(14, 40, 87, 0.25);
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #E5EAEC, 0 0 0 0.2rem rgba(14, 40, 87, 0.25);
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #E5EAEC, 0 0 0 0.2rem rgba(14, 40, 87, 0.25);
}

.custom-range::-webkit-slider-thumb {
    background-color: #0E2857;
}

    .custom-range::-webkit-slider-thumb:active {
        background-color: #3874df;
    }

.custom-range::-moz-range-thumb {
    background-color: #0E2857;
}

    .custom-range::-moz-range-thumb:active {
        background-color: #3874df;
    }

.custom-range::-ms-thumb {
    background-color: #0E2857;
}

    .custom-range::-ms-thumb:active {
        background-color: #3874df;
    }

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    background-color: #E5EAEC;
    border-color: #dee2e6 #dee2e6 #E5EAEC;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #FFF;
    background-color: #0E2857;
}

.navbar-toggler {
    padding: 0.25rem 0.1rem;
}

.navbar-dark .navbar-brand {
    color: #FFF;
}

    .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
        color: #FFF;
    }

.navbar-dark .navbar-nav .nav-link {
    color: white;
}

    .navbar-dark .navbar-nav .show > .nav-link,
    .navbar-dark .navbar-nav .active > .nav-link,
    .navbar-dark .navbar-nav .nav-link.show,
    .navbar-dark .navbar-nav .nav-link.active {
        color: #FFF;
    }

.navbar-dark .navbar-toggler {
    color: white;
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 27'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
    color: white;
}

    .navbar-dark .navbar-text a {
        color: #FFF;
    }

        .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
            color: #FFF;
        }

.card-deck .card {
    margin-bottom: 8px;
}

@media (min-width: 576px) {
    .card-deck {
        margin-right: -8px;
        margin-left: -8px;
    }

        .card-deck .card {
            margin-right: 8px;
            margin-left: 0px;
        }

            .card-deck .card:last-child {
                margin-right: 0;
            }
}

.card-group > .card {
    margin-bottom: 8px;
}

.page-link {
    color: #0E2857;
    background-color: #fff;
}

    .page-link:hover {
        color: #030a15;
    }

    .page-link:focus {
        box-shadow: 0 0 0 0.2rem rgba(14, 40, 87, 0.25);
    }

.page-item.active .page-link {
    z-index: 3;
    color: #FFF;
    background-color: #0E2857;
    border-color: #0E2857;
}

.badge-primary {
    color: #FFF;
    background-color: #0E2857;
}

a.badge-primary:hover, a.badge-primary:focus {
    color: #FFF;
    background-color: #07142b;
}

a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(14, 40, 87, 0.5);
}

.badge-secondary {
    color: #FFF;
    background-color: #1298FF;
}

a.badge-secondary:hover, a.badge-secondary:focus {
    color: #FFF;
    background-color: #007ede;
}

a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(18, 152, 255, 0.5);
}

.badge-success {
    color: #FFF;
    background-color: #118052;
}

a.badge-success:hover, a.badge-success:focus {
    color: #FFF;
    background-color: #0b5335;
}

a.badge-success:focus, a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(17, 128, 82, 0.5);
}

.badge-info {
    color: #FFF;
    background-color: #17a2b8;
}

a.badge-info:hover, a.badge-info:focus {
    color: #FFF;
    background-color: #117a8b;
}

.badge-danger {
    color: #FFF;
    background-color: #c60100;
}

a.badge-danger:hover, a.badge-danger:focus {
    color: #FFF;
    background-color: #930100;
}

a.badge-danger:focus, a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(198, 1, 0, 0.5);
}

.badge-black {
    color: #FFF;
    background-color: #000;
}

a.badge-black:hover, a.badge-black:focus {
    color: #FFF;
    background-color: black;
}

a.badge-black:focus, a.badge-black.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}

.badge-super-dark-blue {
    color: #FFF;
    background-color: #0A1C35;
}

a.badge-super-dark-blue:hover, a.badge-super-dark-blue:focus {
    color: #FFF;
    background-color: #02050a;
}

a.badge-super-dark-blue:focus, a.badge-super-dark-blue.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(10, 28, 53, 0.5);
}

.badge-dark-blue {
    color: #FFF;
    background-color: #0E2857;
}

a.badge-dark-blue:hover, a.badge-dark-blue:focus {
    color: #FFF;
    background-color: #07142b;
}

a.badge-dark-blue:focus, a.badge-dark-blue.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(14, 40, 87, 0.5);
}

.badge-alt-blue {
    color: #FFF;
    background-color: #0C4999;
}

a.badge-alt-blue:hover, a.badge-alt-blue:focus {
    color: #FFF;
    background-color: #08326a;
}

a.badge-alt-blue:focus, a.badge-alt-blue.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(12, 73, 153, 0.5);
}

.badge-light-blue {
    color: #FFF;
    background-color: #1298FF;
}

a.badge-light-blue:hover, a.badge-light-blue:focus {
    color: #FFF;
    background-color: #007ede;
}

a.badge-light-blue:focus, a.badge-light-blue.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(18, 152, 255, 0.5);
}

.badge-dark-green {
    color: #FFF;
    background-color: #183026;
}

a.badge-dark-green:hover, a.badge-dark-green:focus {
    color: #FFF;
    background-color: #070e0b;
}

a.badge-dark-green:focus, a.badge-dark-green.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(24, 48, 38, 0.5);
}

.badge-green {
    color: #FFF;
    background-color: #118052;
}

a.badge-green:hover, a.badge-green:focus {
    color: #FFF;
    background-color: #0b5335;
}

a.badge-green:focus, a.badge-green.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(17, 128, 82, 0.5);
}

.badge-light-green {
    color: #FFF;
    background-color: #479D79;
}

a.badge-light-green:hover, a.badge-light-green:focus {
    color: #FFF;
    background-color: #377a5e;
}

a.badge-light-green:focus, a.badge-light-green.focus {
    box-shadow: 0 0 0 0.2rem rgba(71, 157, 121, 0.5);
}

.badge-dark-gray {
    color: #FFF;
    background-color: #545E75;
}

a.badge-dark-gray:hover, a.badge-dark-gray:focus {
    color: #FFF;
    background-color: #3f4657;
}

a.badge-dark-gray:focus, a.badge-dark-gray.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(84, 94, 117, 0.5);
}

.badge-grayed-dark-blue {
    color: #FFF;
    background-color: #2F3C5A;
}

a.badge-grayed-dark-blue:hover, a.badge-grayed-dark-blue:focus {
    color: #FFF;
    background-color: #1e2638;
}

a.badge-grayed-dark-blue:focus, a.badge-grayed-dark-blue.focus {
    box-shadow: 0 0 0 0.2rem rgba(47, 60, 90, 0.5);
}

.badge-grayed-blue {
    color: #FFF;
    background-color: #748FB4;
}

a.badge-grayed-blue:hover, a.badge-grayed-blue:focus {
    color: #FFF;
    background-color: #56759f;
}

a.badge-grayed-blue:focus, a.badge-grayed-blue.focus {
    box-shadow: 0 0 0 0.2rem rgba(116, 143, 180, 0.5);
}

.badge-gray {
    background-color: #B4C0CB;
}

a.badge-gray:hover, a.badge-gray:focus {
    background-color: #96a7b6;
}

a.badge-gray:focus, a.badge-gray.focus {
    box-shadow: 0 0 0 0.2rem rgba(180, 192, 203, 0.5);
}

.badge-light-gray {
    color: #212529;
    background-color: #D2D8E0;
}

a.badge-light-gray:hover, a.badge-light-gray:focus {
    color: #212529;
    background-color: #b4becb;
}

a.badge-light-gray:focus, a.badge-light-gray.focus {
    box-shadow: 0 0 0 0.2rem rgba(210, 216, 224, 0.5);
}

.badge-grayed-light-blue {
    background-color: #E5EAEC;
}

a.badge-grayed-light-blue:hover, a.badge-grayed-light-blue:focus {
    background-color: #c8d2d6;
}

a.badge-grayed-light-blue:focus, a.badge-grayed-light-blue.focus {
    box-shadow: 0 0 0 0.2rem rgba(229, 234, 236, 0.5);
}

.alert-primary {
    color: #07152d;
    background-color: #cfd4dd;
    border-color: #bcc3d0;
}

    .alert-primary hr {
        border-top-color: #adb6c5;
    }

    .alert-primary .alert-link {
        color: #000001;
    }

.alert-secondary {
    color: #094f85;
    background-color: #d0eaff;
    border-color: #bde2ff;
}

    .alert-secondary hr {
        border-top-color: #a4d7ff;
    }

    .alert-secondary .alert-link {
        color: #063355;
    }

.alert-success {
    color: #09432b;
    background-color: #cfe6dc;
    border-color: #bcdbcf;
}

    .alert-success hr {
        border-top-color: #abd2c3;
    }

    .alert-success .alert-link {
        color: #03160e;
    }

.alert-danger {
    color: #670100;
    background-color: #f4cccc;
    border-color: #efb8b8;
}

    .alert-danger hr {
        border-top-color: #eaa3a3;
    }

    .alert-danger .alert-link {
        color: #340100;
    }

.alert-black {
    color: black;
    background-color: #cccccc;
    border-color: #b8b8b8;
}

    .alert-black hr {
        border-top-color: #ababab;
    }

    .alert-black .alert-link {
        color: black;
    }

.alert-super-dark-blue {
    color: #050f1c;
    background-color: #ced2d7;
    border-color: #babfc6;
}

    .alert-super-dark-blue hr {
        border-top-color: #acb2ba;
    }

    .alert-super-dark-blue .alert-link {
        color: black;
    }

.alert-dark-blue {
    color: #07152d;
    background-color: #cfd4dd;
    border-color: #bcc3d0;
}

    .alert-dark-blue hr {
        border-top-color: #adb6c5;
    }

    .alert-dark-blue .alert-link {
        color: #000001;
    }

.alert-alt-blue {
    color: #062650;
    background-color: #cedbeb;
    border-color: #bbcce2;
}

    .alert-alt-blue hr {
        border-top-color: #a9bfda;
    }

    .alert-alt-blue .alert-link {
        color: #020f21;
    }

.alert-light-blue {
    color: #094f85;
    background-color: #d0eaff;
    border-color: #bde2ff;
}

    .alert-light-blue hr {
        border-top-color: #a4d7ff;
    }

    .alert-light-blue .alert-link {
        color: #063355;
    }

.alert-dark-green {
    color: #0c1914;
    background-color: #d1d6d4;
    border-color: #bec5c2;
}

    .alert-dark-green hr {
        border-top-color: #b1b9b5;
    }

    .alert-dark-green .alert-link {
        color: black;
    }

.alert-green {
    color: #09432b;
    background-color: #cfe6dc;
    border-color: #bcdbcf;
}

    .alert-green hr {
        border-top-color: #abd2c3;
    }

    .alert-green .alert-link {
        color: #03160e;
    }

.alert-light-green {
    color: #25523f;
    background-color: #daebe4;
    border-color: #cbe4d9;
}

    .alert-light-green hr {
        border-top-color: #badbcd;
    }

    .alert-light-green .alert-link {
        color: #152f24;
    }

.alert-dark-gray {
    color: #2c313d;
    background-color: #dddfe3;
    border-color: #cfd2d8;
}

    .alert-dark-gray hr {
        border-top-color: #c1c5cd;
    }

    .alert-dark-gray .alert-link {
        color: #17191f;
    }

.alert-grayed-dark-blue {
    color: #181f2f;
    background-color: #d5d8de;
    border-color: #c5c8d1;
}

    .alert-grayed-dark-blue hr {
        border-top-color: #b7bbc6;
    }

    .alert-grayed-dark-blue .alert-link {
        color: #07090d;
    }

.alert-grayed-blue {
    color: #3c4a5e;
    background-color: #e3e9f0;
    border-color: #d8e0ea;
}

    .alert-grayed-blue hr {
        border-top-color: #c7d3e1;
    }

    .alert-grayed-blue .alert-link {
        color: #28313f;
    }

.alert-gray {
    color: #5e646a;
    background-color: #f0f2f5;
    border-color: #eaedf0;
}

    .alert-gray hr {
        border-top-color: #dbe0e5;
    }

    .alert-gray .alert-link {
        color: #464b4f;
    }

.alert-light-gray {
    color: #6d7074;
    background-color: #f6f7f9;
    border-color: #f2f4f6;
}

    .alert-light-gray hr {
        border-top-color: #e3e7ec;
    }

    .alert-light-gray .alert-link {
        color: #54575a;
    }

.alert-grayed-light-blue {
    color: #777a7b;
    background-color: #fafbfb;
    border-color: #f8f9fa;
}

    .alert-grayed-light-blue hr {
        border-top-color: #e9ecef;
    }

    .alert-grayed-light-blue .alert-link {
        color: #5e6061;
    }

.g-recaptcha div {
    width: 100% !important;
}

.error-message {
    color: #670100;
    background-color: #f4cccc;
    border-color: #efb8b8;
    display: block;
    line-height: 34px;
    padding: 0 10px !important;
    margin: 8px 0 !important;
    border-radius: 0;
}

#main .alert-danger {
    margin-bottom: 8px !important;
    line-height: 35px;
}

    #main .alert-danger ul {
        list-style: none;
        margin: 0;
        padding: 5px 1.25rem;
    }

.progress-bar {
    color: #FFF;
    background-color: #0E2857;
}

.list-group-item.active {
    background-color: #0E2857;
    border-color: #0E2857;
}

.list-group-item-primary {
    color: #07152d;
    background-color: #bcc3d0;
}

    .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
        color: #07152d;
        background-color: #adb6c5;
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #FFF;
        background-color: #07152d;
        border-color: #07152d;
    }

.list-group-item-secondary {
    color: #094f85;
    background-color: #bde2ff;
}

    .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
        color: #094f85;
        background-color: #a4d7ff;
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #FFF;
        background-color: #094f85;
        border-color: #094f85;
    }

.list-group-item-success {
    color: #09432b;
    background-color: #bcdbcf;
}

    .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
        color: #09432b;
        background-color: #abd2c3;
    }

    .list-group-item-success.list-group-item-action.active {
        color: #FFF;
        background-color: #09432b;
        border-color: #09432b;
    }

.list-group-item-danger {
    color: #670100;
    background-color: #efb8b8;
}

    .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
        color: #670100;
        background-color: #eaa3a3;
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #FFF;
        background-color: #670100;
        border-color: #670100;
    }

.list-group-item-black {
    color: black;
    background-color: #b8b8b8;
}

    .list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus {
        color: black;
        background-color: #ababab;
    }

    .list-group-item-black.list-group-item-action.active {
        color: #FFF;
        background-color: black;
        border-color: black;
    }

.list-group-item-super-dark-blue {
    color: #050f1c;
    background-color: #babfc6;
}

    .list-group-item-super-dark-blue.list-group-item-action:hover, .list-group-item-super-dark-blue.list-group-item-action:focus {
        color: #050f1c;
        background-color: #acb2ba;
    }

    .list-group-item-super-dark-blue.list-group-item-action.active {
        color: #FFF;
        background-color: #050f1c;
        border-color: #050f1c;
    }

.list-group-item-dark-blue {
    color: #07152d;
    background-color: #bcc3d0;
}

    .list-group-item-dark-blue.list-group-item-action:hover, .list-group-item-dark-blue.list-group-item-action:focus {
        color: #07152d;
        background-color: #adb6c5;
    }

    .list-group-item-dark-blue.list-group-item-action.active {
        color: #FFF;
        background-color: #07152d;
        border-color: #07152d;
    }

.list-group-item-alt-blue {
    color: #062650;
    background-color: #bbcce2;
}

    .list-group-item-alt-blue.list-group-item-action:hover, .list-group-item-alt-blue.list-group-item-action:focus {
        color: #062650;
        background-color: #a9bfda;
    }

    .list-group-item-alt-blue.list-group-item-action.active {
        color: #FFF;
        background-color: #062650;
        border-color: #062650;
    }

.list-group-item-light-blue {
    color: #094f85;
    background-color: #bde2ff;
}

    .list-group-item-light-blue.list-group-item-action:hover, .list-group-item-light-blue.list-group-item-action:focus {
        color: #094f85;
        background-color: #a4d7ff;
    }

    .list-group-item-light-blue.list-group-item-action.active {
        color: #FFF;
        background-color: #094f85;
        border-color: #094f85;
    }

.list-group-item-dark-green {
    color: #0c1914;
    background-color: #bec5c2;
}

    .list-group-item-dark-green.list-group-item-action:hover, .list-group-item-dark-green.list-group-item-action:focus {
        color: #0c1914;
        background-color: #b1b9b5;
    }

    .list-group-item-dark-green.list-group-item-action.active {
        color: #FFF;
        background-color: #0c1914;
        border-color: #0c1914;
    }

.list-group-item-green {
    color: #09432b;
    background-color: #bcdbcf;
}

    .list-group-item-green.list-group-item-action:hover, .list-group-item-green.list-group-item-action:focus {
        color: #09432b;
        background-color: #abd2c3;
    }

    .list-group-item-green.list-group-item-action.active {
        color: #FFF;
        background-color: #09432b;
        border-color: #09432b;
    }

.list-group-item-light-green {
    color: #25523f;
    background-color: #cbe4d9;
}

    .list-group-item-light-green.list-group-item-action:hover, .list-group-item-light-green.list-group-item-action:focus {
        color: #25523f;
        background-color: #badbcd;
    }

    .list-group-item-light-green.list-group-item-action.active {
        color: #FFF;
        background-color: #25523f;
        border-color: #25523f;
    }

.list-group-item-dark-gray {
    color: #2c313d;
    background-color: #cfd2d8;
}

    .list-group-item-dark-gray.list-group-item-action:hover, .list-group-item-dark-gray.list-group-item-action:focus {
        color: #2c313d;
        background-color: #c1c5cd;
    }

    .list-group-item-dark-gray.list-group-item-action.active {
        color: #FFF;
        background-color: #2c313d;
        border-color: #2c313d;
    }

.list-group-item-grayed-dark-blue {
    color: #181f2f;
    background-color: #c5c8d1;
}

    .list-group-item-grayed-dark-blue.list-group-item-action:hover, .list-group-item-grayed-dark-blue.list-group-item-action:focus {
        color: #181f2f;
        background-color: #b7bbc6;
    }

    .list-group-item-grayed-dark-blue.list-group-item-action.active {
        color: #FFF;
        background-color: #181f2f;
        border-color: #181f2f;
    }

.list-group-item-grayed-blue {
    color: #3c4a5e;
    background-color: #d8e0ea;
}

    .list-group-item-grayed-blue.list-group-item-action:hover, .list-group-item-grayed-blue.list-group-item-action:focus {
        color: #3c4a5e;
        background-color: #c7d3e1;
    }

    .list-group-item-grayed-blue.list-group-item-action.active {
        color: #FFF;
        background-color: #3c4a5e;
        border-color: #3c4a5e;
    }

.list-group-item-gray {
    color: #5e646a;
    background-color: #eaedf0;
}

    .list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus {
        color: #5e646a;
        background-color: #dbe0e5;
    }

    .list-group-item-gray.list-group-item-action.active {
        color: #FFF;
        background-color: #5e646a;
        border-color: #5e646a;
    }

.list-group-item-light-gray {
    color: #6d7074;
    background-color: #f2f4f6;
}

    .list-group-item-light-gray.list-group-item-action:hover, .list-group-item-light-gray.list-group-item-action:focus {
        color: #6d7074;
        background-color: #e3e7ec;
    }

    .list-group-item-light-gray.list-group-item-action.active {
        color: #FFF;
        background-color: #6d7074;
        border-color: #6d7074;
    }

.list-group-item-grayed-light-blue {
    color: #777a7b;
    background-color: #f8f9fa;
}

    .list-group-item-grayed-light-blue.list-group-item-action:hover, .list-group-item-grayed-light-blue.list-group-item-action:focus {
        color: #777a7b;
        background-color: #e9ecef;
    }

    .list-group-item-grayed-light-blue.list-group-item-action.active {
        color: #FFF;
        background-color: #777a7b;
        border-color: #777a7b;
    }

.tooltip {
    font-family: -apple-system, BlinkMacSystemFont, Roboto, sans-serif, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.popover {
    font-family: -apple-system, BlinkMacSystemFont, Roboto, sans-serif, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.carousel-indicators li {
    width: 15px;
    height: 15px;
    background-color: #0C4999;
}

.bg-primary {
    background-color: #0E2857 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #07142b !important;
}

.bg-secondary {
    background-color: #1298FF !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #007ede !important;
}

.bg-success {
    background-color: #118052 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #0b5335 !important;
}

.bg-danger {
    background-color: #c60100 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #930100 !important;
}

.bg-dark {
    background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #1d2124 !important;
}

.bg-black {
    background-color: #000 !important;
}

a.bg-black:hover, a.bg-black:focus,
button.bg-black:hover,
button.bg-black:focus {
    background-color: black !important;
}

.bg-super-dark-blue {
    background-color: #0A1C35 !important;
}

a.bg-super-dark-blue:hover, a.bg-super-dark-blue:focus,
button.bg-super-dark-blue:hover,
button.bg-super-dark-blue:focus {
    background-color: #02050a !important;
}

.bg-dark-blue {
    background-color: #0E2857 !important;
}

a.bg-dark-blue:hover, a.bg-dark-blue:focus,
button.bg-dark-blue:hover,
button.bg-dark-blue:focus {
    background-color: #07142b !important;
}

.bg-alt-blue {
    background-color: #0C4999 !important;
}

a.bg-alt-blue:hover, a.bg-alt-blue:focus,
button.bg-alt-blue:hover,
button.bg-alt-blue:focus {
    background-color: #08326a !important;
}

.bg-light-blue {
    background-color: #1298FF !important;
}

a.bg-light-blue:hover, a.bg-light-blue:focus,
button.bg-light-blue:hover,
button.bg-light-blue:focus {
    background-color: #007ede !important;
}

.bg-dark-green {
    background-color: #183026 !important;
}

a.bg-dark-green:hover, a.bg-dark-green:focus,
button.bg-dark-green:hover,
button.bg-dark-green:focus {
    background-color: #070e0b !important;
}

.bg-green {
    background-color: #118052 !important;
}

a.bg-green:hover, a.bg-green:focus,
button.bg-green:hover,
button.bg-green:focus {
    background-color: #0b5335 !important;
}

.bg-light-green {
    background-color: #479D79 !important;
}

a.bg-light-green:hover, a.bg-light-green:focus,
button.bg-light-green:hover,
button.bg-light-green:focus {
    background-color: #377a5e !important;
}

.bg-dark-gray {
    background-color: #545E75 !important;
}

a.bg-dark-gray:hover, a.bg-dark-gray:focus,
button.bg-dark-gray:hover,
button.bg-dark-gray:focus {
    background-color: #3f4657 !important;
}

.bg-grayed-dark-blue {
    background-color: #2F3C5A !important;
}

a.bg-grayed-dark-blue:hover, a.bg-grayed-dark-blue:focus,
button.bg-grayed-dark-blue:hover,
button.bg-grayed-dark-blue:focus {
    background-color: #1e2638 !important;
}

.bg-grayed-blue {
    background-color: #748FB4 !important;
}

a.bg-grayed-blue:hover, a.bg-grayed-blue:focus,
button.bg-grayed-blue:hover,
button.bg-grayed-blue:focus {
    background-color: #56759f !important;
}

.bg-gray {
    background-color: #B4C0CB !important;
}

a.bg-gray:hover, a.bg-gray:focus,
button.bg-gray:hover,
button.bg-gray:focus {
    background-color: #96a7b6 !important;
}

.bg-light-gray {
    background-color: #D2D8E0 !important;
}

a.bg-light-gray:hover, a.bg-light-gray:focus,
button.bg-light-gray:hover,
button.bg-light-gray:focus {
    background-color: #b4becb !important;
}

.bg-grayed-light-blue {
    background-color: #E5EAEC !important;
}

a.bg-grayed-light-blue:hover, a.bg-grayed-light-blue:focus,
button.bg-grayed-light-blue:hover,
button.bg-grayed-light-blue:focus {
    background-color: #c8d2d6 !important;
}

.border-1 {
    border-width: 1px !important;
}

.border-top-1 {
    border-top-width: 1px !important;
}

.border-right-1 {
    border-right-width: 1px !important;
}

.border-bottom-1 {
    border-bottom-width: 1px !important;
}

.border-left-1 {
    border-left-width: 1px !important;
}

.border-2 {
    border-width: 2px !important;
}

.border-top-2 {
    border-top-width: 2px !important;
}

.border-right-2 {
    border-right-width: 2px !important;
}

.border-bottom-2 {
    border-bottom-width: 2px !important;
}

.border-left-2 {
    border-left-width: 2px !important;
}

.border-3 {
    border-width: 3px !important;
}

.border-top-3 {
    border-top-width: 3px !important;
}

.border-right-3 {
    border-right-width: 3px !important;
}

.border-bottom-3 {
    border-bottom-width: 3px !important;
}

.border-left-3 {
    border-left-width: 3px !important;
}

.border-4 {
    border-width: 4px !important;
}

.border-top-4 {
    border-top-width: 4px !important;
}

.border-right-4 {
    border-right-width: 4px !important;
}

.border-bottom-4 {
    border-bottom-width: 4px !important;
}

.border-left-4 {
    border-left-width: 4px !important;
}

.border-5 {
    border-width: 5px !important;
}

.border-top-5 {
    border-top-width: 5px !important;
}

.border-right-5 {
    border-right-width: 5px !important;
}

.border-bottom-5 {
    border-bottom-width: 5px !important;
}

.border-left-5 {
    border-left-width: 5px !important;
}

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

.border-secondary {
    border-color: #1298FF !important;
}

.border-success {
    border-color: #118052 !important;
}

.border-danger {
    border-color: #c60100 !important;
}

.border-black {
    border-color: #000 !important;
}

.border-super-dark-blue {
    border-color: #0A1C35 !important;
}

.border-dark-blue {
    border-color: #0E2857 !important;
}

.border-alt-blue {
    border-color: #0C4999 !important;
}

.border-light-blue {
    border-color: #1298FF !important;
}

.border-dark-green {
    border-color: #183026 !important;
}

.border-green {
    border-color: #118052 !important;
}

.border-light-green {
    border-color: #479D79 !important;
}

.border-dark-gray {
    border-color: #545E75 !important;
}

.border-grayed-dark-blue {
    border-color: #2F3C5A !important;
}

.border-grayed-blue {
    border-color: #748FB4 !important;
}

.border-gray {
    border-color: #B4C0CB !important;
}

.border-light-gray {
    border-color: #D2D8E0 !important;
}

.border-grayed-light-blue {
    border-color: #E5EAEC !important;
}

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

a.text-primary:hover, a.text-primary:focus {
    color: #030a15 !important;
}

.text-secondary {
    color: #1298FF !important;
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #006fc5 !important;
}

.text-success {
    color: #118052 !important;
}

a.text-success:hover, a.text-success:focus {
    color: #083c27 !important;
}

.text-danger {
    color: #c60100 !important;
}

a.text-danger:hover, a.text-danger:focus {
    color: #7a0100 !important;
}

.text-black {
    color: #000 !important;
}

a.text-black:hover, a.text-black:focus {
    color: black !important;
}

.text-super-dark-blue {
    color: #0A1C35 !important;
}

a.text-super-dark-blue:hover, a.text-super-dark-blue:focus {
    color: black !important;
}

.text-dark-blue {
    color: #0E2857 !important;
}

a.text-dark-blue:hover, a.text-dark-blue:focus {
    color: #030a15 !important;
}

.text-alt-blue {
    color: #0C4999 !important;
}

a.text-alt-blue:hover, a.text-alt-blue:focus {
    color: #062752 !important;
}

.text-light-blue {
    color: #1298FF !important;
}

a.text-light-blue:hover, a.text-light-blue:focus {
    color: #006fc5 !important;
}

.text-dark-green {
    color: #183026 !important;
}

a.text-dark-green:hover, a.text-dark-green:focus {
    color: black !important;
}

.text-green {
    color: #118052 !important;
}

a.text-green:hover, a.text-green:focus {
    color: #083c27 !important;
}

.text-light-green {
    color: #479D79 !important;
}

a.text-light-green:hover, a.text-light-green:focus {
    color: #2f6850 !important;
}

.text-dark-gray {
    color: #545E75 !important;
}

a.text-dark-gray:hover, a.text-dark-gray:focus {
    color: #343a48 !important;
}

.text-grayed-dark-blue {
    color: #2F3C5A !important;
}

a.text-grayed-dark-blue:hover, a.text-grayed-dark-blue:focus {
    color: #151a28 !important;
}

.text-grayed-blue {
    color: #748FB4 !important;
}

a.text-grayed-blue:hover, a.text-grayed-blue:focus {
    color: #4d698f !important;
}

.text-gray {
    color: #B4C0CB !important;
}

a.text-gray:hover, a.text-gray:focus {
    color: #879aac !important;
}

.text-light-gray {
    color: #D2D8E0 !important;
}

a.text-light-gray:hover, a.text-light-gray:focus {
    color: #a5b1c1 !important;
}

.text-grayed-light-blue {
    color: #E5EAEC !important;
}

a.text-grayed-light-blue:hover, a.text-grayed-light-blue:focus {
    color: #b9c6cc !important;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }

    .text-sm-justify {
        text-align: justify !important;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }

    .text-md-justify {
        text-align: justify !important;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }

    .text-lg-justify {
        text-align: justify !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-right {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }

    .text-xl-justify {
        text-align: justify !important;
    }
}

/*@media (min-width: 1240px) {

    .navbar-expand-xxl {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-xxl .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-xxl .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-xxl .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-xxl > .container,
        .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl {
            flex-wrap: nowrap;
        }

        .navbar-expand-xxl .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-xxl .navbar-toggler {
            display: none;
        }

}*/


/* --------------- Mobile Bottom Navbar --------------- */
#mobileBottomNavbar {
    background-color: #0A1C35;
    display: flex;
    display: -ms-flexbox;
    justify-content: space-around;
    height: 73px;
    position: fixed;
    z-index: 1002;
    bottom: 0;
    overflow: hidden;
    padding: 8px 16px 0 16px;
    width: 100%;
    border-top: 2px solid #B4C0CB;
    box-shadow: 0px 0px 9px 0px #000;
}

    #mobileBottomNavbar .item {
        color: #FFF;
        font-size: 9px;
        font-weight: normal;
        text-align: center;
        position: relative;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 0;
    }

    #mobileBottomNavbar .notify {
        position: absolute;
        right: -6px;
        top: 3px;
        height: 20px;
        min-width: 20px;
        font-size: 12px;
        border-radius: 50%;
        line-height: 14px;
    }

    #mobileBottomNavbar .quick-deposit {
        position: relative;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 0;
    }

        #mobileBottomNavbar .quick-deposit a {
            display: block;
            color: #FFF;
            text-decoration: none;
        }

            #mobileBottomNavbar .quick-deposit a label {
                cursor: pointer;
                margin: 0;
                color: #FFF;
            }

    #mobileBottomNavbar .promotions {
        position: relative;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 0;
    }

        #mobileBottomNavbar .promotions a {
            display: block;
            color: #FFF;
            text-decoration: none;
        }

            #mobileBottomNavbar .promotions a label {
                cursor: pointer;
                margin: 0;
                color: #FFF;
            }

    #mobileBottomNavbar .text-uppercase.d-block {
        padding-top: 2px;
    }

    #mobileBottomNavbar .bet-slip {
        position: relative;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 0;
    }

        #mobileBottomNavbar .bet-slip a {
            display: block;
            color: #FFF;
            text-decoration: none;
        }

            #mobileBottomNavbar .bet-slip a label {
                cursor: pointer;
                margin: 0;
                color: #FFF;
            }

    #mobileBottomNavbar .my-account {
        position: relative;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 0;
    }

        #mobileBottomNavbar .my-account a {
            display: block;
            color: #FFF;
            text-decoration: none;
        }

            #mobileBottomNavbar .my-account a label {
                cursor: pointer;
                margin: 0;
                color: #FFF;
            }

                #mobileBottomNavbar .my-account a label .notify {
                    right: -18px;
                    top: 3px;
                }

    #mobileBottomNavbar .loyalty {
        position: relative;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 0;
    }

        #mobileBottomNavbar .loyalty a {
            display: block;
            color: #FFF;
            text-decoration: none;
        }

            #mobileBottomNavbar .loyalty a label {
                cursor: pointer;
                margin: 0;
                color: #FFF;
            }

    #mobileBottomNavbar .chat {
        position: relative;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 0;
    }

        #mobileBottomNavbar .chat a {
            display: block;
            color: #FFF;
            text-decoration: none;
        }

            #mobileBottomNavbar .chat a label {
                cursor: pointer;
                margin: 0;
                color: #FFF;
            }

/* --------------- End: Mobile Bottom Navbar --------------- */



/* --------------- Navbar --------------- */

.navbar .logo {
    width: 92px;
}

.user-balances {
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 10px;
    z-index: 1000;
    margin: auto;
    right: 0;
    left: 62px;
    width: calc(100vw - 157px);
    width: -webkit-calc(100vw - 157px);
    justify-content: center;
    padding: 0;
}

.data-balances {
    display: -ms-flexbox;
    display: flex;
}

.cash-container,
.fp-container {
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

#navbar {
    background: #0E2857;
    position: fixed;
    z-index: 999;
    top: 0;
    overflow: hidden;
    padding: 0 1rem;
    width: 100%;
}

    #navbar .navbar-brand {
        margin: 0;
        padding: 0.875rem 0;
        font-size: 14px;
    }

    #navbar .responsive-buttons-container {
        height: 53px;
        display: flex;
        display: -ms-flexbox;
    }

        #navbar .responsive-buttons-container .btn-myaccount {
            display: -ms-flexbox;
            display: flex;
            align-items: center;
            text-transform: uppercase;
            border-radius: 0;
            font-size: 13px;
            padding: 0.375rem 1rem;
            line-height: 39px;
            color: white;
            border-right: 1px solid #0C4999;
            border-left: 1px solid #0C4999;
            display: none;
            font-weight: 500;
        }

        #navbar .responsive-buttons-container .btn-mailbox {
            display: -ms-flexbox;
            display: flex;
            text-transform: uppercase;
            border-radius: 0;
            padding: 0.375rem 1rem;
            line-height: 39px;
            position: relative;
            display: none;
            font-weight: bold;
        }

            #navbar .responsive-buttons-container .btn-mailbox .notify {
                position: absolute;
                right: 8px;
                top: 16px;
                height: 16px;
                padding: 2px;
                min-width: 21px;
                border-radius: 3px;
                line-height: 10px;
                font-size: 11px;
                border: 1px solid #f7f7f7;
            }

        #navbar .responsive-buttons-container .btn-quick-deposit {
            display: -ms-flexbox;
            display: flex;
            align-items: center;
            text-transform: uppercase;
            border-radius: 0;
            padding: 0.375rem 1rem;
            display: none;
            font-weight: bold;
        }
        #navbar .responsive-buttons-container .btn-quick-deposit-vuejs {
            height: 40px !important;
            width: 149px !important;
            font-size: 18px !important;
            font-style: normal;
            font-weight: 500;
            line-height: 21px;
        }
        #navbar .responsive-buttons-container .btn-login {
            text-transform: uppercase;
            border-radius: 0;
            padding: 0.375rem 1rem;
            color: white;
            font-weight: 400;
            font-size: 0.875rem;
            border: none;
        }

        #navbar .responsive-buttons-container .btn-join {
            text-transform: uppercase;
            border-radius: 0;
            padding: 0.375rem 1rem;
            line-height: 39px;
            font-weight: bold;
            font-size: 0.875rem;
            border: none;
        }

        #navbar .responsive-buttons-container .btn-logout {
            display: -ms-flexbox;
            display: flex;
            align-items: center;
            text-transform: uppercase;
            border-radius: 0;
            font-weight: bold;
            padding: 0.375rem 1rem;
            line-height: 39px;
            display: none;
        }

.user-balances .title-balance {
    font-size: 12px;
    color: #D2D8E0;
    padding-right: 2px;
    margin: 0;
}

.user-balances .top-balances {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}




.animated-icon {
    width: 30px;
    height: 31px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
}

    .animated-icon span {
        display: block;
        position: absolute;
        left: 0;
        height: 4px;
        width: 100%;
        border-radius: 9px;
        opacity: 1;
        background: #fff;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.25s ease-in-out;
        -moz-transition: 0.25s ease-in-out;
        -o-transition: 0.25s ease-in-out;
        transition: 0.25s ease-in-out;
    }

        .animated-icon span:nth-child(1) {
            top: 4px;
            -webkit-transform-origin: left center;
            -moz-transform-origin: left center;
            -o-transform-origin: left center;
            transform-origin: left center;
        }

        .animated-icon span:nth-child(2) {
            top: 13px;
            -webkit-transform-origin: left center;
            -moz-transform-origin: left center;
            -o-transform-origin: left center;
            transform-origin: left center;
        }

        .animated-icon span:nth-child(3) {
            top: 22px;
            -webkit-transform-origin: left center;
            -moz-transform-origin: left center;
            -o-transform-origin: left center;
            transform-origin: left center;
        }

    .animated-icon.open span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0px;
        left: 8px;
    }

    .animated-icon.open span:nth-child(2) {
        width: 0%;
        opacity: 0;
    }

    .animated-icon.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 21px;
        left: 8px;
    }

/* --------------- End: Navbar --------------- */

/* --------------- Footer --------------- */

@media (max-width: 414px) {

    .logos img {
        width: 100%;
    }
}

.footer-logo {
    width: 196px;
    height: 42px;
}

footer {
    margin-bottom: 73px;
}

    footer .disclousure {
        font-size: 13px;
        background-color: #E5EAEC;
    }

    footer .links {
        padding: 1rem;
        background-color: #0A1C35;
    }

        footer .links .link-group {
            margin-bottom: 8px;
        }

            footer .links .link-group .title {
                font-size: 13px;
                text-transform: uppercase;
                color: #1298FF;
            }

            footer .links .link-group p {
                font-size: 13px;
                text-align: left;
            }

                footer .links .link-group p a {
                    color: #D2D8E0;
                }

        footer .links .social p a {
            color: #929EB4;
            font-size: 22px;
        }

.rights p {
    font-size: 10px;
    color: #545E75;
}

.disclousure p {
    text-align: justify;
    text-align-last: center;
    color: #808897;
}

.txt-dscl p {
    color: #D2D8E0;
    font-size: 13px;
}

.link-group .contact i, .link-group .social a {
    color: #929EB4 !important;
}

    .link-group .social a:hover {
        color: #fff !important;
    }

.btn-help {
    color: #748FB4;
    border-color: #748FB4;
    padding: 1em 2.5em;
}

    .btn-help:hover {
        color: #1298FF;
        border-color: #1298FF;
    }

.bg-light-grey {
    background-color: #E5EAEC !important;
}

@media (min-width: 992px) {
    .col-br {
        border-right: solid 1px #414d64;
    }

    .col-py {
        padding-left: 3%;
        padding-right: 3%;
    }

    .col-pl-3 {
        padding-left: 3%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .foot-cont-full {
        max-width: 90%;
    }
}

@media (max-width: 800px) {
    .btn-help {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .emailaddr {
        font-size: 12px;
    }
}

/* --------------- End: Footer --------------- */

/* --------------- NavMenu Modal --------------- */

#menuModal.modal,
.menu-modal-active .modal-backdrop {
    top: 53px !important;
}

#menuModal .modal-dialog {
    width: 78%;
    margin: 0;
    float: right;
}

#menuModal .modal-content {
    border: 0;
    border-radius: 0;
    background-color: #0b1d34;
}

    #menuModal .modal-content .buttons-container {
        text-align: center;
        padding: 0 1rem;
        margin: 4px auto 0 auto;
        width: 100%;
    }

    #menuModal .modal-content .links-container {
        margin: 0 auto;
        width: 100%;
    }

        #menuModal .modal-content .links-container ul.navbar-nav {
            display: -ms-flexbox;
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
        }

            #menuModal .modal-content .links-container ul.navbar-nav li {
                flex-basis: 50%;
                display: flex;
                display: -ms-flexbox;
                justify-content: center;
                align-items: center;
            }

                #menuModal .modal-content .links-container ul.navbar-nav li:nth-child(odd) {
                    border-right: 1px solid #545E75;
                }

                #menuModal .modal-content .links-container ul.navbar-nav li:last-child {
                    flex-basis: 100%;
                }

                #menuModal .modal-content .links-container ul.navbar-nav li.nav-logout {
                    background: #2F3C5A;
                    flex-basis: 50%;
                }

                    #menuModal .modal-content .links-container ul.navbar-nav li.nav-logout a {
                        color: white;
                    }


/*#menuModal .modal-content .links-container ul.navbar-nav li:last-child,
                #menuModal .modal-content .links-container ul.navbar-nav li:nth-last-child(2) {
                    border-bottom: 1px solid #dee2e6 !important;
                }*/
#menuModal .btn-nav {
    background-color: #2a3d5a;
    border-color: #2a3d5a;
    text-transform: uppercase;
    color: white;
}

    #menuModal .btn-nav:hover {
        background-color: transparent;
        border-color: #1298FF;
        color: #1298FF;
    }

#menuModal .btn-why-join,
#menuModal .btn-my-account {
    padding: 4px 0;
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    width: 100%;
}

#menuModal .btn-my-account {
    color: #FFF;
    background-color: #0C4999;
    border-color: #0C4999;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
}



#menuModal .nav-link,
#menuModal .nav-help,
#menuModal.nav-chat {
    font-size: 9px;
    margin-bottom: 4px;
    padding: 5px;
    font-weight: 500;
}


#menuModal .btn-help,
#menuModal .btn-chat,
#menuModal .btn-social {
    background-color: transparent;
    border-color: transparent;
    text-transform: uppercase;
    color: white;
}

#menuModal .cst-link {
    font-size: .75em;
    color: #d2d8e0;
    margin-bottom: 0;
    text-transform: uppercase;
}

    #menuModal .cst-link:hover {
        color: #1298FF !important;
    }


#menuModal .row-social {
    background-color: #2a3d5a;
    padding: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #545E75 !important;
}

#menuModal .btn-help:hover,
#menuModal .btn-chat:hover {
    background-color: transparent;
    border-color: transparent;
    color: #1298FF;
}

#menuModal .btn-social:hover {
    background-color: transparent;
    border-color: transparent;
}

/* --------------- End: NavMenu Modal --------------- */

/* --------------- Login Modal --------------- */

#loginModal.modal{
    top: 53px !important;
}


#loginModal .account-passw i,
#loginModal .account-number-email i {
    position: absolute;
    display: block;
    font-size: 16px;
    width: 48px;
    height: 48px;
    text-align: center;
    padding: 16px;
    color: #0C4999;
    z-index: 1;
}

    #loginModal .account-passw i.input-icon-right {
        right: 0;
        cursor: pointer;
    }

    #loginModal .account-passw i.input-icon-left {
        left: 0;
    }

#loginModal .form-control {
    color: #124b97;
    background-color: #fff;
}

    #loginModal .form-control::placeholder {
        color: #124b97;
    }

#loginModal .modal-header {
    padding: 40px 44px 15px 44px;
    border-bottom: 0;
}

    #loginModal .modal-header .close {
        padding: 0 1rem;
    }

#loginModal .close {
    font-weight: lighter;
    color: #fff;
    font-size: 50px;
    text-shadow: none;
    opacity: 1;
}

    #loginModal .close:hover {
        color: #fff;
        opacity: 1 !important;
    }

    #loginModal .close:focus {
        outline: none;
    }

#loginModal .modal-title {
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
}

#loginModal .modal-body {
    padding: 0 44px 40px 44px;
}

    #loginModal .modal-body .card-body #label-account-number,
    #loginModal .modal-body .card-body #label-account-password {
        font-size: 10px;
        font-weight: 500;
    }

    #loginModal .modal-body .card-body .account-number,
    #loginModal .modal-body .card-body .account-password {
        padding: 16px 16px 16px 48px;
        min-height: 48px;
        border-radius: 0;
        line-height: 0;
    }

    #loginModal .modal-body .forgot-password {
        font-size: 16px;
        font-weight: 500;
        opacity: 0.66;
    }

    #loginModal .modal-body #login {
        font-size: 18px;
        font-weight: 700;
        padding: 12px;
    }

    #loginModal .modal-body #new-to-betus,
    #loginModal .modal-body #create-account {
        font-size: 14px;
        font-weight: 500;
        opacity: 0.44;
    }



#loginModal .text-secondary {
    color: #fff !important;
    font-size: .75rem;
}

#loginModal .modal-content {
    border: 0;
    border-radius: 0;
}

#loginModal .modal-content {
    background-color: #0C4999;
}

.menu-modal-active section {
    filter: blur(3px);
}

/* --------------- End: Login Modal --------------- */


/* --------------- Messages --------------- */

.positive-message {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin: 8px 0;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: #09432b;
    background-color: #cfe6dc;
    border-color: #bcdbcf;
}

/* --------------- End: Messages --------------- */

/* --------------- Responsive Menu --------------- */
.horizontal-menu {
    text-transform: uppercase;
    text-align: center;
    color: white;
    font-weight: 300;
    overflow: hidden;
    margin-top: 53px;
    background: #0C4999;
}


    .horizontal-menu .responsive-items {
        width: 100%;
    }

    .horizontal-menu ul {
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .horizontal-menu ul li {
            height: 80px;
            padding-top: 2px;
            display: block;
            position: relative;
            flex-grow: 1;
            /*  
            flex-shrink: 1;
            flex-basis: 100%; (IE issue with this and the 2 lines above)
            */
        }

            .horizontal-menu ul li.responsive-link:first-child a {
                padding-left: 40px;
            }

            .horizontal-menu ul li.responsive-link:last-child a {
                padding-right: 30px;
            }

            .horizontal-menu ul li a {
                background-color: #0C4999;
                color: white;
                font-weight: normal;
                font-size: 9px;
                width: 100%;
                padding: 12px 10px;
                float: left;
                text-decoration: none;
                position: relative;
                overflow: hidden;
                -o-transition: color .2s linear,background .2s linear;
                -moz-transition: color .2s linear,background .2s linear;
                -webkit-transition: color .2s linear,background .2s linear;
                transition: color .2s linear,background .2s linear;
            }

                .horizontal-menu ul li a span {
                    white-space: normal;
                    /*width: 50px;*/
                    width: 60px;
                    display: inline-block;
                    line-height: 10px;
                    font-size: 10px;
                    font-weight: 500;
                    white-space: nowrap;
                }

                .horizontal-menu ul li a label {
                    cursor: pointer;
                }
/* --------------- End: Responsive Menu --------------- */

/* --------------- Clock --------------- */

#divClock {
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    font-size: 13px;
    flex-basis: 100%;
    justify-content: space-between;
    font-weight: bold;
}

    #divClock .Time .far.fa-clock {
        color: #293C5B;
    }

#odds .clock-container {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 0 0 0.5rem 0;
    border-bottom: 1px solid #D2D8E0;
}

/* --------------- End: Clock --------------- */

/* --------------- Login Page --------------- */

.login-pages {
    margin-top: 61px;
}

/* --------------- End: Login Page --------------- */

/* --------------- Media Queries --------------- */
/* ------- Media Width ------- */
@media(min-width: 350px) {
    /*.user-balances {
        left: 85px;
        width: calc(100vw - 177px);
        width: -webkit-calc(100vw - 177px);
    }*/
    #navbar .responsive-buttons-container .btn-login,
    #navbar .responsive-buttons-container .btn-join,
    #navbar .responsive-buttons-container .btn-logout {
        padding: 0.375rem 1.5rem;
    }
}

@media(min-width: 365px) {
    #menuModal .modal-dialog {
        width: 70%;
    }
}

@media(min-width: 375px) {
    .navbar .logo {
        width: 115px;
    }

    #loginModal .modal-dialog {
        margin: 3rem auto 0;
    }
}

@media(min-width: 414px) {
    #menuModal .modal-dialog {
        width: 65%;
    }

    #navbar .responsive-buttons-container .btn-login,
    #navbar .responsive-buttons-container .btn-join {
        padding: 0.375rem 29px;
    }

    .user-balances .title-balance {
        font-size: 13px;
    }

    .user-balances .top-balances {
        font-size: 14px;
    }
}

@media(min-width: 440px) {
    footer .links .link-group {
        min-width: 134px;
    }
}

@media (min-width: 576px) {

    #menuModal .modal-dialog {
        width: 45%;
    }

    .user-balances {
        top: 16px;
        justify-content: center;
    }

    .cash-container,
    .fp-container {
        flex-direction: row;
    }
}


@media (min-width: 768px) {

    #menuModal .modal-dialog {
        width: 35%;
    }
}

@media (min-width: 992px) {

    #loginModal.modal {
        top: 53px !important;
    }

    #menuModal.modal,
    .menu-modal-active .modal-backdrop {
        top: 53px !important;
    }

    footer {
        margin-bottom: 0;
    }

        footer .links .link-group .title,
        footer .links .link-group p {
            font-size: 14px;
        }

    .rights p {
        font-size: 13px;
    }


    .horizontal-menu ul li.responsive-link:first-child a {
        padding-left: 0;
    }

    .horizontal-menu ul li.responsive-link:last-child a {
        padding-right: 0;
    }

    #navbar .responsive-buttons-container .btn-myaccount,
    #navbar .responsive-buttons-container .btn-mailbox,
    #navbar .responsive-buttons-container .btn-quick-deposit {
        display: flex;
    }

    .navbar-expand-xxl .navbar-toggler {
        display: none;
    }

    .responsive-buttons-container .btn-logout {
        display: block;
    }

    .user-balances {
        width: 232px;
        justify-content: center;
        left: auto;
        right: 625px;
    }

    #navbar .responsive-buttons-container .btn-login,
    #navbar .responsive-buttons-container .btn-join,
    #navbar .responsive-buttons-container .btn-logout {
        font-size: 1rem;
    }

    #navbar .responsive-buttons-container .btn-myaccount {
    }

    #navbar .responsive-buttons-container .btn-mailbox {
        padding: 0.375rem 1.5rem;
    }

    #navbar .responsive-buttons-container .btn-quick-deposit {
    }

    #navbar .responsive-buttons-container .btn-login {
        padding: 0.375rem 59px;
    }

    #navbar .responsive-buttons-container .btn-join {
        padding: 0.375rem 59px;
    }

    #navbar .responsive-buttons-container .btn-logout {
    }

    .desk {
        display: block;
    }

    .mobi {
        display: none;
    }

    #divClock {
        font-size: 14px;
        flex-direction: row;
        justify-content: flex-start;
    }

    .login-pages {
        margin-top: 8px;
    }
}

@media (min-width: 1200px) {
    .col-br {
        border-right: solid 1px #414d64;
    }
}

@media(min-width: 1444px) {
    .user-balances {
        width: 226px;
        left: 18px;
        right: 25px;
    }
}

@media (min-width: 481px) and (max-width: 991px) {
    #loginModal .modal-dialog {
        max-width: 350px;
        margin: 0 4rem 0 0;
        float: right;
    }
}

@media (max-width: 480px) {
    #loginModal .modal-dialog {
        max-width: inherit;
        margin: 3.3rem auto 0;
    }

    .login-modal-active .modal-backdrop {
        background-color: #0C4999;
    }

        .login-modal-active .modal-backdrop.show {
            opacity: 1;
        }
}

@media (max-width:576px) {
    /*.sportsbook-ads .row {
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
    }*/
    /*.sportsbook-ads .row div {
        padding-right: 0px;
        padding-left: 0px;
    }*/
}

@media (max-width: 991px) {
    .b-chat-btn {
        display: none !important;
    }

    .btn-expand {
        background-color: #0C4999 !important;
        position: fixed;
        top: 0;
        right: 18.5%;
        height: 53px;
        max-height: 53px;
        border: 0;
        border-radius: 0;
    }

    .horizontal-menu ul li {
        height: 70px;
    }

        .horizontal-menu ul li a span {
            font-size: 8px;
        }

        .horizontal-menu ul li.responsive-link:not(:last-child):after {
            content: '';
            height: 70%;
            width: 1px;
            position: absolute;
            right: 0;
            top: 10px;
            background-color: rgba(255, 255, 255, 0.2);
        }

        .horizontal-menu ul li a label {
            margin-bottom: 8px;
        }

    .desk {
        display: none;
    }

    .mobi {
        display: block;
    }
}

@media (max-width: 1239px) {
    .data-balances {
        /*right: 50px*/
    }
}
/* ------- End: Media Width ------- */


/* ------- Media Height ------- */
@media (min-height: 680px) {

    #menuModal .row-social {
        padding: 20px;
    }

    #menuModal .modal-content .links-container ul.navbar-nav li {
        flex-basis: 100%;
    }

        #menuModal .modal-content .links-container ul.navbar-nav li.nav-logout {
            flex-basis: 100%;
        }

        #menuModal .modal-content .links-container ul.navbar-nav li:nth-child(odd) {
            border-right: none;
        }
}

@media (min-height: 775px) {

    #menuModal .btn-nav.btn-why-join {
        padding: 6px 12px;
        line-height: 1.5;
    }

    #menuModal .nav-link,
    #menuModal .nav-help,
    #menuModal.nav-chat {
        padding: 0.5rem;
        margin-bottom: 8px;
    }

    #menuModal .cst-link {
        margin-bottom: 0;
    }

    #menuModal .modal-content .buttons-container {
        margin: 8px auto 0 auto;
    }
}

@media (max-width: 1160px) and (min-width: 992px) {
    #links .col-4.col-sm-6.col-md-4.col-lg-2.col-br.col-py {
        padding-left: 1%;
        padding-right: 2%;
    }
}
/***********************IE Styles**************************/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #menuModal .modal-content .links-container ul.navbar-nav {
        width: 100%;
    }
}



/*********************End IE Styles***********************/


/* ------- End: Media Height ------- */
/* --------------- End: Media Queries --------------- */