/*------------------------------------
- COLORS cyan
-        bluegray
-        navy
-        brown
------------------------------------*/
/*------------------------------------
- COLOR cyan
------------------------------------*/
.alert-cyan {
    color: #09424b;
    background-color: #a7e9f3;
    border-color: #94e5f1;
}

.alert-cyan hr {
    border-top-color: #7edfee;
}

.alert-cyan .alert-link {
    color: #031a1d;
}

.badge-cyan {
    color: #fff;
    background-color: #17a2b8;
}

.badge-cyan[href]:hover, .badge-cyan[href]:focus {
    color: #fff;
    background-color: #117a8a;
}

.bg-cyan {
    background-color: #17a2b8 !important;
}

a.bg-cyan:hover, a.bg-cyan:focus,
button.bg-cyan:hover,
button.bg-cyan:focus {
    background-color: #117a8a !important;
}

.border-cyan {
    border-color: #17a2b8 !important;
}

.btn-cyan {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-cyan:hover {
    color: #fff;
    background-color: #138698;
    border-color: #117a8a;
}

.btn-cyan:focus, .btn-cyan.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-cyan.disabled, .btn-cyan:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-cyan:not(:disabled):not(.disabled):active, .btn-cyan:not(:disabled):not(.disabled).active, .show > .btn-cyan.dropdown-toggle {
    color: #fff;
    background-color: #117a8a;
    border-color: #0f6e7d;
}

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

.btn-outline-cyan {
    color: #17a2b8;
    background-color: transparent;
    border-color: #17a2b8;
}

.btn-outline-cyan:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-cyan:focus, .btn-outline-cyan.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-cyan.disabled, .btn-outline-cyan:disabled {
    color: #17a2b8;
    background-color: transparent;
}

.btn-outline-cyan:not(:disabled):not(.disabled):active, .btn-outline-cyan:not(:disabled):not(.disabled).active, .show > .btn-outline-cyan.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

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

.list-group-item-cyan {
    color: #09424b;
    background-color: #94e5f1;
}

.list-group-item-cyan.list-group-item-action:hover, .list-group-item-cyan.list-group-item-action:focus {
    color: #09424b;
    background-color: #7edfee;
}

.list-group-item-cyan.list-group-item-action.active {
    color: #fff;
    background-color: #09424b;
    border-color: #09424b;
}

.table-cyan,
.table-cyan > th,
.table-cyan > td {
    background-color: #94e5f1;
}

.table-hover .table-cyan:hover {
    background-color: #7edfee;
}

.table-hover .table-cyan:hover > td,
.table-hover .table-cyan:hover > th {
    background-color: #7edfee;
}

.text-cyan {
    color: #17a2b8 !important;
}

a.text-cyan:hover, a.text-cyan:focus {
    color: #117a8a !important;
}


/*------------------------------------
- COLOR navy
------------------------------------*/
.alert-navy {
    color: #151922;
    background-color: #b0bace;
    border-color: #a4afc6;
}

.alert-navy hr {
    border-top-color: #94a1bc;
}

.alert-navy .alert-link {
    color: #020203;
}

.badge-navy {
    color: #fff;
    background-color: #45526e;
}

.badge-navy[href]:hover, .badge-navy[href]:focus {
    color: #fff;
    background-color: #313a4e;
}

.bg-navy {
    background-color: #45526e !important;
}

a.bg-navy:hover, a.bg-navy:focus,
button.bg-navy:hover,
button.bg-navy:focus {
    background-color: #313a4e !important;
}

.border-navy {
    border-color: #45526e !important;
}

.btn-navy {
    color: #fff;
    background-color: #45526e;
    border-color: #45526e;
}

.btn-navy:hover {
    color: #fff;
    background-color: #374158;
    border-color: #313a4e;
}

.btn-navy:focus, .btn-navy.focus {
    box-shadow: 0 0 0 0.2rem rgba(69, 82, 110, 0.5);
}

.btn-navy.disabled, .btn-navy:disabled {
    color: #fff;
    background-color: #45526e;
    border-color: #45526e;
}

.btn-navy:not(:disabled):not(.disabled):active, .btn-navy:not(:disabled):not(.disabled).active, .show > .btn-navy.dropdown-toggle {
    color: #fff;
    background-color: #313a4e;
    border-color: #2b3345;
}

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

.btn-outline-navy {
    color: #45526e;
    background-color: transparent;
    border-color: #45526e;
}

.btn-outline-navy:hover {
    color: #fff;
    background-color: #45526e;
    border-color: #45526e;
}

.btn-outline-navy:focus, .btn-outline-navy.focus {
    box-shadow: 0 0 0 0.2rem rgba(69, 82, 110, 0.5);
}

.btn-outline-navy.disabled, .btn-outline-navy:disabled {
    color: #45526e;
    background-color: transparent;
}

.btn-outline-navy:not(:disabled):not(.disabled):active, .btn-outline-navy:not(:disabled):not(.disabled).active, .show > .btn-outline-navy.dropdown-toggle {
    color: #fff;
    background-color: #45526e;
    border-color: #45526e;
}

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

.list-group-item-navy {
    color: #151922;
    background-color: #a4afc6;
}

.list-group-item-navy.list-group-item-action:hover, .list-group-item-navy.list-group-item-action:focus {
    color: #151922;
    background-color: #94a1bc;
}

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

.table-navy,
.table-navy > th,
.table-navy > td {
    background-color: #a4afc6;
}

.table-hover .table-navy:hover {
    background-color: #94a1bc;
}

.table-hover .table-navy:hover > td,
.table-hover .table-navy:hover > th {
    background-color: #94a1bc;
}

.text-navy {
    color: #45526e !important;
}

a.text-navy:hover, a.text-navy:focus {
    color: #313a4e !important;
}


/*------------------------------------
- COLOR brown
------------------------------------*/
.alert-brown {
    color: #2c1f1a;
    background-color: #d4bfb8;
    border-color: #cdb4ab;
}

.alert-brown hr {
    border-top-color: #c3a69b;
}

.alert-brown .alert-link {
    color: #0c0807;
}

.badge-brown {
    color: #fff;
    background-color: #795548;
}

.badge-brown[href]:hover, .badge-brown[href]:focus {
    color: #fff;
    background-color: #593e34;
}

.bg-brown {
    background-color: #795548 !important;
}

a.bg-brown:hover, a.bg-brown:focus,
button.bg-brown:hover,
button.bg-brown:focus {
    background-color: #593e34 !important;
}

.border-brown {
    border-color: #795548 !important;
}

.btn-brown {
    color: #fff;
    background-color: #795548;
    border-color: #795548;
}

.btn-brown:hover {
    color: #fff;
    background-color: #62453a;
    border-color: #593e34;
}

.btn-brown:focus, .btn-brown.focus {
    box-shadow: 0 0 0 0.2rem rgba(121, 85, 72, 0.5);
}

.btn-brown.disabled, .btn-brown:disabled {
    color: #fff;
    background-color: #795548;
    border-color: #795548;
}

.btn-brown:not(:disabled):not(.disabled):active, .btn-brown:not(:disabled):not(.disabled).active, .show > .btn-brown.dropdown-toggle {
    color: #fff;
    background-color: #593e34;
    border-color: #4f372f;
}

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

.btn-outline-brown {
    color: #795548;
    background-color: transparent;
    border-color: #795548;
}

.btn-outline-brown:hover {
    color: #fff;
    background-color: #795548;
    border-color: #795548;
}

.btn-outline-brown:focus, .btn-outline-brown.focus {
    box-shadow: 0 0 0 0.2rem rgba(121, 85, 72, 0.5);
}

.btn-outline-brown.disabled, .btn-outline-brown:disabled {
    color: #795548;
    background-color: transparent;
}

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

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

.list-group-item-brown {
    color: #2c1f1a;
    background-color: #cdb4ab;
}

.list-group-item-brown.list-group-item-action:hover, .list-group-item-brown.list-group-item-action:focus {
    color: #2c1f1a;
    background-color: #c3a69b;
}

.list-group-item-brown.list-group-item-action.active {
    color: #fff;
    background-color: #2c1f1a;
    border-color: #2c1f1a;
}

.table-brown,
.table-brown > th,
.table-brown > td {
    background-color: #cdb4ab;
}

.table-hover .table-brown:hover {
    background-color: #c3a69b;
}

.table-hover .table-brown:hover > td,
.table-hover .table-brown:hover > th {
    background-color: #c3a69b;
}

.text-brown {
    color: #795548 !important;
}

a.text-brown:hover, a.text-brown:focus {
    color: #593e34 !important;
}


/*------------------------------------
- COLOR bluegray
------------------------------------*/
.alert-bluegray {
    color: #2d3b42;
    background-color: #d5dde1;
    border-color: #c8d4d9;
}

.alert-bluegray hr {
    border-top-color: #b9c8cf;
}

.alert-bluegray .alert-link {
    color: #192024;
}

.badge-bluegray {
    color: #fff;
    background-color: #607d8b;
}

.badge-bluegray[href]:hover, .badge-bluegray[href]:focus {
    color: #fff;
    background-color: #4b616c;
}

.bg-bluegray {
    background-color: #607d8b !important;
}

a.bg-bluegray:hover, a.bg-bluegray:focus,
button.bg-bluegray:hover,
button.bg-bluegray:focus {
    background-color: #4b616c !important;
}

.border-bluegray {
    border-color: #607d8b !important;
}

.btn-bluegray {
    color: #fff;
    background-color: #607d8b;
    border-color: #607d8b;
}

.btn-bluegray:hover {
    color: #fff;
    background-color: #516a75;
    border-color: #4b616c;
}

.btn-bluegray:focus, .btn-bluegray.focus {
    box-shadow: 0 0 0 0.2rem rgba(96, 125, 139, 0.5);
}

.btn-bluegray.disabled, .btn-bluegray:disabled {
    color: #fff;
    background-color: #607d8b;
    border-color: #607d8b;
}

.btn-bluegray:not(:disabled):not(.disabled):active, .btn-bluegray:not(:disabled):not(.disabled).active, .show > .btn-bluegray.dropdown-toggle {
    color: #fff;
    background-color: #4b616c;
    border-color: #445963;
}

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

.btn-outline-bluegray {
    color: #607d8b;
    background-color: transparent;
    border-color: #607d8b;
}

.btn-outline-bluegray:hover {
    color: #fff;
    background-color: #607d8b;
    border-color: #607d8b;
}

.btn-outline-bluegray:focus, .btn-outline-bluegray.focus {
    box-shadow: 0 0 0 0.2rem rgba(96, 125, 139, 0.5);
}

.btn-outline-bluegray.disabled, .btn-outline-bluegray:disabled {
    color: #607d8b;
    background-color: transparent;
}

.btn-outline-bluegray:not(:disabled):not(.disabled):active, .btn-outline-bluegray:not(:disabled):not(.disabled).active, .show > .btn-outline-bluegray.dropdown-toggle {
    color: #fff;
    background-color: #607d8b;
    border-color: #607d8b;
}

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

.list-group-item-bluegray {
    color: #2d3b42;
    background-color: #c8d4d9;
}

.list-group-item-bluegray.list-group-item-action:hover, .list-group-item-bluegray.list-group-item-action:focus {
    color: #2d3b42;
    background-color: #b9c8cf;
}

.list-group-item-bluegray.list-group-item-action.active {
    color: #fff;
    background-color: #2d3b42;
    border-color: #2d3b42;
}

.table-bluegray,
.table-bluegray > th,
.table-bluegray > td {
    background-color: #c8d4d9;
}

.table-hover .table-bluegray:hover {
    background-color: #b9c8cf;
}

.table-hover .table-bluegray:hover > td,
.table-hover .table-bluegray:hover > th {
    background-color: #b9c8cf;
}

.text-bluegray {
    color: #607d8b !important;
}

a.text-bluegray:hover, a.text-bluegray:focus {
    color: #4b616c !important;
}