/* primary --> dark blue */

/*------------------------------------
- COLOR primary
------------------------------------*/
.alert-primary {
    color: #121d29;
    background-color: #a8c0d9;
    border-color: #9ab6d3;
}

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

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

.badge-primary {
    color: #fff;
    background-color: #375a7f;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
    color: #fff;
    background-color: #27405b;
}

.bg-primary {
    background-color: #375a7f !important;
}

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

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

.btn-primary {
    color: #fff;
    background-color: #375a7f;
    border-color: #375a7f;
}

.btn-primary:hover {
    color: #fff;
    background-color: #2c4866;
    border-color: #27405b;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(55, 90, 127, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #375a7f;
    border-color: #375a7f;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #27405b;
    border-color: #223950;
}

.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(55, 90, 127, 0.5);
}

.btn-outline-primary {
    color: #375a7f;
    background-color: transparent;
    border-color: #375a7f;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #375a7f;
    border-color: #375a7f;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(55, 90, 127, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #375a7f;
    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: #375a7f;
    border-color: #375a7f;
}

.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(55, 90, 127, 0.5);
}

.list-group-item-primary {
    color: #121d29;
    background-color: #9ab6d3;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #121d29;
    background-color: #88a9cb;
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #121d29;
    border-color: #121d29;
}

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

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

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

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

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


/* dark is darker */


/*------------------------------------
- COLOR dark
------------------------------------*/
.alert-dark {
    color: #000000;
    background-color: #eee000;
    border-color: #d9cc00;
}

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

.alert-dark .alert-link {
    color: #000000;
}

.badge-dark {
    color: #fff;
    background-color: #222000;
}

.badge-dark[href]:hover, .badge-dark[href]:focus {
    color: #fff;
    background-color: #000000;
}

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

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

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

.btn-dark {
    color: #fff;
    background-color: #222000;
    border-color: #222000;
}

.btn-dark:hover {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.btn-dark:focus, .btn-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(34, 32, 0, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #222000;
    border-color: #222000;
}

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

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

.btn-outline-dark {
    color: #222000;
    background-color: transparent;
    border-color: #222000;
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #222000;
    border-color: #222000;
}

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

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #222000;
    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: #222000;
    border-color: #222000;
}

.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(34, 32, 0, 0.5);
}

.list-group-item-dark {
    color: #000000;
    background-color: #d9cc00;
}

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
    color: #000000;
    background-color: #c0b400;
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.table-dark,
.table-dark > th,
.table-dark > td {
    background-color: #222000;
    border-color: #222000;
}

.table-dark,
.table-dark th,
.table-dark td {
    background-color: #222000;
    border-color: #222000;
}

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

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

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

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