/**
 * jwbs (color) class
 *
 * You can get an idea of modifications for the color scheme by modifying the "primary" button here
 * https://lingtalfi.com/bootstrap4-color-generator
 */
:root { --jwbs: #CFB994; }

.table-jwbs, .table-jwbs > th, .table-jwbs > td { background-color: #f2ebe1; }
.table-hover .table-jwbs:hover { background-color: #eadfcf; }
.table-hover .table-jwbs:hover > td, .table-hover .table-jwbs:hover > th { background-color: #eadfcf; }

.btn-jwbs { color: #343434 !important; background-color: #CFB994; border-color: #CFB994; }
.btn-jwbs:hover { color: #343434 !important; background-color: #c3a87a; border-color: #bfa271; }
.btn-jwbs:focus, .btn-jwbs.focus { box-shadow: 0 0 0 0.2rem rgba(181, 163, 132, 0.5); }
.btn-jwbs.disabled, .btn-jwbs:disabled { color: #fff !important; background-color: #CFB994; border-color: #CFB994; }
.btn-jwbs:not(:disabled):not(.disabled):active, .btn-jwbs:not(:disabled):not(.disabled).active, .show > .btn-jwbs.dropdown-toggle { color: #fff !important; background-color: #bfa271; border-color: #bb9c68; }
.btn-jwbs:not(:disabled):not(.disabled):active:focus, .btn-jwbs:not(:disabled):not(.disabled).active:focus, .show > .btn-jwbs.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(181, 163, 132, 0.5); }

.btn-outline-jwbs { color: #CFB994; background-color: transparent; background-image: none; border-color: #CFB994; }
.btn-outline-jwbs:hover { color: #343434; background-color: #CFB994; border-color: #CFB994; }
.btn-outline-jwbs:focus, .btn-outline-jwbs.focus { box-shadow: 0 0 0 0.2rem rgba(181, 163, 132, 0.5); }
.btn-outline-jwbs.disabled, .btn-outline-jwbs:disabled { color: #CFB994; background-color: transparent; }
.btn-outline-jwbs:not(:disabled):not(.disabled):active, .btn-outline-jwbs:not(:disabled):not(.disabled).active, .show > .btn-outline-jwbs.dropdown-toggle { color: #fff; background-color: #CFB994; border-color: #CFB994; }
.btn-outline-jwbs:not(:disabled):not(.disabled):active:focus, .btn-outline-jwbs:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-jwbs.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(181, 163, 132, 0.5); }

.badge-jwbs { color: #fff; background-color: #CFB994; }
.badge-jwbs[href]:hover, .badge-jwbs[href]:focus { color: #fff; text-decoration: none; background-color: #bfa271; }

.alert-jwbs { color: #6c604d; background-color: #cce5ff; border-color: #f2ebe1; }
.alert-jwbs hr { border-top-color: #eadfcf; }
.alert-jwbs .alert-link { color: #002752; }

.list-group-item-jwbs { color: #6c604d; background-color: #f2ebe1; }
.list-group-item-jwbs.list-group-item-action:hover, .list-group-item-jwbs.list-group-item-action:focus { color: #6c604d; background-color: #eadfcf; }
.list-group-item-jwbs.list-group-item-action.active { color: #fff; background-color: #6c604d; border-color: #6c604d; }

.bg-jwbs { background-color: #CFB994 !important; }
a.bg-jwbs:hover, a.bg-jwbs:focus, button.bg-jwbs:hover, button.bg-jwbs:focus, a.bg-jwbs.active { background-color: #bfa271 !important; }

.border-jwbs { border-color: #CFB994 !important; }

.text-jwbs { color: #CFB994 !important; }
a.text-jwbs:hover, a.text-jwbs:focus { color: #bfa271 !important; }

.btn-link { color: #CFB994; background-color: transparent; }
.btn-link:hover { color: #bfa271; }
.btn-link:disabled, .btn-link.disabled { color: #6c757d; }

.dropdown-item.active, .dropdown-item:active { color: #fff; background-color: #CFB994; }
.dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; background-color: transparent; }

.custom-control-input:checked ~ .custom-control-label::before { color: #fff; background-color: #CFB994; }
.custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(207, 185, 148, 0.25); }
.custom-control-input:active ~ .custom-control-label::before { color: #fff; background-color: white; }
.custom-control-input:disabled ~ .custom-control-label { color: #6c757d; }
.custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; }
.custom-control-label::before { background-color: #dee2e6; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #CFB994; }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: #CFB994; }
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(181, 163, 132, 0.5); }
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(181, 163, 132, 0.5); }

.custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #CFB994; }
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(181, 163, 132, 0.5); }

.custom-range::-webkit-slider-thumb { background-color: #CFB994; }
.custom-range::-webkit-slider-thumb:active { background-color: white; }
.custom-range::-webkit-slider-runnable-track { background-color: #dee2e6; }
.custom-range::-moz-range-thumb { background-color: #CFB994; }
.custom-range::-moz-range-thumb:active { background-color: white; }
.custom-range::-moz-range-track { color: transparent; background-color: #dee2e6; }
.custom-range::-ms-thumb { background-color: #CFB994; }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #CFB994; }

.page-link { color: #CFB994; background-color: #fff; border: 1px solid #dee2e6; }
.page-link:hover { color: #bfa271; background-color: #e9ecef; border-color: #dee2e6; }
.page-link:focus { box-shadow: 0 0 0 0.2rem rgba(207, 185, 148, 0.25); }
.page-item.active .page-link { color: #fff; background-color: #CFB994; border-color: #CFB994; }
.page-item.disabled .page-link { color: #6c757d; background-color: #fff; border-color: #dee2e6; }

.progress-bar { color: #fff; background-color: #CFB994; }

.list-group-item.disabled, .list-group-item:disabled { color: #6c757d; background-color: #fff; }
.list-group-item.active { color: #fff; background-color: #CFB994; border-color: #CFB994; }