/*------------------------------------
- COLOR white
------------------------------------*/
.alert-white {
    color: #c1c1c1;
    background-color: #165165165;
    border-color: #15a15a15a;
}

.alert-white hr {
    border-top-color: #14e14e14e;
}

.alert-white .alert-link {
    color: #a8a8a8;
}

.badge-white {
    color: #212529;
    background-color: #ffffff;
}

.badge-white[href]:hover, .badge-white[href]:focus {
    color: #212529;
    background-color: #e5e5e5;
}

.bg-white {
    background-color: #ffffff !important;
}

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

.border-white {
    border-color: #ffffff !important;
}

.btn-white {
    color: #212529;
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn-white:hover {
    color: #212529;
    background-color: #ededed;
    border-color: #e5e5e5;
}

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

.btn-white.disabled, .btn-white:disabled {
    color: #212529;
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle {
    color: #212529;
    background-color: #e5e5e5;
    border-color: #dddddd;
}

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

.btn-outline-white {
    color: #ffffff;
    background-color: transparent;
    border-color: #ffffff;
}

.btn-outline-white:hover {
    color: #212529;
    background-color: #ffffff;
    border-color: #ffffff;
}

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

.btn-outline-white.disabled, .btn-outline-white:disabled {
    color: #ffffff;
    background-color: transparent;
}

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

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

.list-group-item-white {
    color: #c1c1c1;
    background-color: #15a15a15a;
}

.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus {
    color: #c1c1c1;
    background-color: #14e14e14e;
}

.list-group-item-white.list-group-item-action.active {
    color: #212529;
    background-color: #c1c1c1;
    border-color: #c1c1c1;
}

.table-white,
.table-white > th,
.table-white > td {
    background-color: #15a15a15a;
}

.table-hover .table-white:hover {
    background-color: #14e14e14e;
}

.table-hover .table-white:hover > td,
.table-hover .table-white:hover > th {
    background-color: #14e14e14e;
}

.text-white {
    color: #ffffff !important;
}

a.text-white:hover, a.text-white:focus {
    color: #e5e5e5 !important;
}

/*------------------------------------
- COLOR dark
------------------------------------*/
.alert-dark {
    color: #000000;
    background-color: #92925d;
    border-color: #868655;
}

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

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

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

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

.bg-dark {
    background-color: #16160e !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: #16160e !important;
}

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

.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(22, 22, 14, 0.5);
}

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

.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(22, 22, 14, 0.5);
}

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

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

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

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

.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(22, 22, 14, 0.5);
}

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

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

.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: #868655;
}

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

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

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

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

/*------------------------------------
- COLOR gray
------------------------------------*/
.alert-gray {
    color: #000000;
    background-color: #9ca3a3;
    border-color: #929999;
}

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

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

.badge-gray {
    color: #fff;
    background-color: #383c3c;
}

.badge-gray[href]:hover, .badge-gray[href]:focus {
    color: #fff;
    background-color: #1f2121;
}

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

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

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

.btn-gray {
    color: #fff;
    background-color: #383c3c;
    border-color: #383c3c;
}

.btn-gray:hover {
    color: #fff;
    background-color: #262929;
    border-color: #1f2121;
}

.btn-gray:focus, .btn-gray.focus {
    box-shadow: 0 0 0 0.2rem rgba(56, 60, 60, 0.5);
}

.btn-gray.disabled, .btn-gray:disabled {
    color: #fff;
    background-color: #383c3c;
    border-color: #383c3c;
}

.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle {
    color: #fff;
    background-color: #1f2121;
    border-color: #171919;
}

.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(56, 60, 60, 0.5);
}

.btn-outline-gray {
    color: #383c3c;
    background-color: transparent;
    border-color: #383c3c;
}

.btn-outline-gray:hover {
    color: #fff;
    background-color: #383c3c;
    border-color: #383c3c;
}

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

.btn-outline-gray.disabled, .btn-outline-gray:disabled {
    color: #383c3c;
    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: #fff;
    background-color: #383c3c;
    border-color: #383c3c;
}

.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(56, 60, 60, 0.5);
}

.list-group-item-gray {
    color: #000000;
    background-color: #929999;
}

.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus {
    color: #000000;
    background-color: #848d8d;
}

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

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

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

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

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

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