/**
 * 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: #f68428; }

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

.btn-jwbs { color: #ffffff !important; background-color: #f68428; border-color: #f68428; }
.btn-jwbs:hover { color: #ffffff !important; background-color: #f0700a; border-color: #e16909; }
.btn-jwbs:focus, .btn-jwbs.focus { box-shadow: 0 0 0 0.2rem rgba(246, 132, 40, 0.5); }
.btn-jwbs.disabled, .btn-jwbs:disabled { color: #ffffff !important; background-color: #f68428; border-color: #f68428; }
.btn-jwbs:not(:disabled):not(.disabled):active, .btn-jwbs:not(:disabled):not(.disabled).active, .show > .btn-jwbs.dropdown-toggle { color: #ffffff !important; background-color: #e16909; border-color: #d26308; }
.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(246, 132, 40, 0.5); }

.btn-outline-jwbs { color: #f68428; background-color: transparent; background-image: none; border-color: #f68428; }
.btn-outline-jwbs:hover { color: #ffffff; background-color: #f68428; border-color: #f68428; }
.btn-outline-jwbs:focus, .btn-outline-jwbs.focus { box-shadow: 0 0 0 0.2rem rgba(246, 132, 40, 0.5); }
.btn-outline-jwbs.disabled, .btn-outline-jwbs:disabled { color: #f68428; 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: #ffffff; background-color: #f68428; border-color: #f68428; }
.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(246, 132, 40, 0.5); }

.badge-jwbs { color: #ffffff; background-color: #f68428; }
.badge-jwbs[href]:hover, .badge-jwbs[href]:focus { color: #ffffff; text-decoration: none; background-color: #e16909; }

.alert-jwbs { color: #9d4906; background-color: #fef4eb; border-color: #fde8d8; }
.alert-jwbs hr { border-top-color: #fcdabf; }
.alert-jwbs .alert-link { color: #6c3204; }

.list-group-item-jwbs { color: #9d4906; background-color: #fde8d8; }
.list-group-item-jwbs.list-group-item-action:hover, .list-group-item-jwbs.list-group-item-action:focus { color: #9d4906; background-color: #fcdabf; }
.list-group-item-jwbs.list-group-item-action.active { color: #ffffff; background-color: #9d4906; border-color: #9d4906; }

.bg-jwbs { background-color: #f68428 !important; color: #fff; }
a.bg-jwbs:hover, a.bg-jwbs:focus, button.bg-jwbs:hover, button.bg-jwbs:focus { background-color: #e16909 !important; }

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

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

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

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

.custom-control-input:checked ~ .custom-control-label::before { color: #ffffff; background-color: #f68428; }
.custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(246, 132, 40, 0.25); }
.custom-control-input:active ~ .custom-control-label::before { color: #ffffff; background-color: #b3d7ff; }
.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: #f68428; }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: #f68428; }
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(246, 132, 40, 0.5); }
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(246, 132, 40, 0.5); }

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

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

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

.page-link { color: #f68428; background-color: #ffffff; border: 1px solid #dee2e6; }
.page-link:hover { color: #e16909; background-color: #e9ecef; border-color: #dee2e6; }
.page-link:focus { box-shadow: 0 0 0 0.2rem rgba(246, 132, 40, 0.25); }
.page-item.active .page-link { color: #ffffff; background-color: #f68428; border-color: #f68428; }
.page-item.disabled .page-link { color: #6c757d; background-color: #ffffff; border-color: #dee2e6; }

.progress-bar { color: #ffffff; background-color: #f68428; }

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