.modal-content {
    background-color: rgba(0, 0, 0, 0.8);
    border: 3px outset #e8883f;
    border-radius: 10px;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.btn-close {
    background-color: #f3be58;
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none;
}
.form-check-input:checked {
    background-color: #e8883f;
    border-color: #e8883f;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: rgba(0, 0, 0, 0.8);
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.form-check-input:focus {
    border-color:  #e8883f;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(232, 136, 63, 0.25);
}


.form-check-input:checked {
    background-color: #e8883f;
    border-color: #e8883f;
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #e8883f;
    border-color: #e8883f;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #e8883f;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #e8883f;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
}

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



/*//////OVERRIDING JQUERY/////////*/
.ui-selectmenu-button.ui-button {
    text-align: center;
    white-space: nowrap;
    width: 11em;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
    color: #f3be58;
    text-decoration: none;
}
.ui-widget {
    /*font-family: 'Racing Sans One', cursive;*/
    font-size: .8em;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 2px solid #e8883f;
    /*   background: #000url(/js/jquery-ui-1.12.1/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x*/;
    /*background-color: #0c4128;*/
    font-weight: bold;
    color: #e8883f;
}

div.manual .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    color: #000000;
}