/*
https://lingtalfi.com/bootstrap4-color-generator
*/
/*------------------------------------
- COLOR dark
------------------------------------*/
.alert-dark {
    color: #000000;
    background-color: #929c94;
    border-color: #879389;
}

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

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

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

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

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

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

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

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

.btn-dark:hover {
    color: #fff;
    background-color: #1e211e;
    border-color: #161917;
}

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

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

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

.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(47, 52, 48, 0.5);
}

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

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

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

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

.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(47, 52, 48, 0.5);
}

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

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

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

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

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

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

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



/*------------------------------------
- COLOR primary
------------------------------------*/
.alert-primary {
    color: #006cd9;
    background-color: #121110ff;
    border-color: #10c105ff;
}

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

.alert-primary .alert-link {
    color: #0053a6;
}

.badge-primary {
    color: #212529;
    background-color: #55aaff;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
    color: #212529;
    background-color: #2190ff;
}

.bg-primary {
    background-color: #55aaff !important;
}

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

.border-primary {
    border-color: #55aaff !important;
}

.btn-primary {
    /* color: #212529; */
    background-color: #55aaff;
    border-color: #55aaff;
}

.btn-primary:hover {
    /* color: #212529; */
    background-color: #3198ff;
    border-color: #2190ff;
}

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

.btn-primary.disabled, .btn-primary:disabled {
    color: #212529;
    background-color: #55aaff;
    border-color: #55aaff;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #212529;
    background-color: #2190ff;
    border-color: #1288ff;
}

.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(85, 170, 255, 0.5);
}

.btn-outline-primary {
    color: #55aaff;
    background-color: transparent;
    border-color: #55aaff;
}

.btn-outline-primary:hover {
    color: #212529;
    background-color: #55aaff;
    border-color: #55aaff;
}

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

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #55aaff;
    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: #212529;
    background-color: #55aaff;
    border-color: #55aaff;
}

.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(85, 170, 255, 0.5);
}

.list-group-item-primary {
    color: #006cd9;
    background-color: #10c105ff;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #006cd9;
    background-color: #f3f9ff;
}

.list-group-item-primary.list-group-item-action.active {
    color: #212529;
    background-color: #006cd9;
    border-color: #006cd9;
}

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

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

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

.text-primary {
    color: #55aaff !important;
}

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