/*PrimaryColor=#868786*/
/*HighlightColor=#FAB058*/
/*BackgroundColor=#02050A*/
/*HeaderColor=#868786*/

body {
    background-color: #02050A;
}

.panel-bordered {
  border-color: #02050A;
}
.panel-highlight {
  border-color: #FAB058;
}
.panel-highlight > .panel-heading {
  color: #fff;
  background-color: #FAB058;
  border-color: #FAB058;
}
.panel-primary {
  border-color: #868786;
}
.panel-primary .panel-heading,
.panel-primary .panel-footer {
   background-color: #868786;
   color: #fff;
}

/*colors*/

.background-highlight {
  background-color: #FAB058;
}
.background-primary {
  background-color: #868786;
}
.background-header {
  background-color: #868786;
}
.background-dark {
  background-color: #868786;
}
.background-disabled {
  background-color: #cbcccb;
}
.background-body {
  background-color: #969696;
}

.checkbox input[type="checkbox"]:focus + label::before,
.checkbox-inline input[type="checkbox"]:focus + label::before {
  border-color: #868786;
}

.checkbox input[type="checkbox"]:checked + label::after,
.checkbox-inline input[type="checkbox"]:checked + label::after {
   background-color: #868786;
}

.radio label::after {
   background-color: #868786;
}
.radio input[type="radio"]:focus + label::before {
  border-color: #868786;
}

.form-control:focus {
  border-color: #868786;
}

.btn-primary {
  background-color: #868786;
  border-color: #868786;
}
.btn-selected {
  background-color: #FAB058;
  border-color: #FAB058;
  color: white;
}
.btn-dark {
  background-color: #868786;
  border-color: #868786;
}
.btn-primary:hover {
  background-color: #FAB058;
  border-color: #FAB058;
}
.btn-primary:active {
  background-color: #FAB058;
  border-color: #FAB058;
}

.text-primary {
  color: #868786;
}
.text-highlight{
    color:#FAB058;
}