/*PrimaryColor=#0077AA*/
/*HighlightColor=#00A2E8*/
/*BackgroundColor=#58585A*/
/*HeaderColor=#003A5D*/

body {
    background-color: #58585A;
}

.panel-bordered {
  border-color: #58585A;
}
.panel-highlight {
  border-color: #00A2E8;
}
.panel-highlight > .panel-heading {
  color: #fff;
  background-color: #00A2E8;
  border-color: #00A2E8;
}
.panel-primary {
  border-color: #0077AA;
}
.panel-primary .panel-heading,
.panel-primary .panel-footer {
   background-color: #0077AA;
   color: #fff;
}

/*colors*/

.background-highlight {
  background-color: #00A2E8;
}
.background-primary {
  background-color: #0077AA;
}
.background-header {
  background-color: #003A5D;
}
.background-dark {
  background-color: #003A5D;
}
.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: #0077AA;
}

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

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

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

.btn-primary {
  background-color: #0077AA;
  border-color: #0077AA;
}
.btn-selected {
  background-color: #00A2E8;
  border-color: #00A2E8;
  color: white;
}
.btn-dark {
  background-color: #003A5D;
  border-color: #003A5D;
}
.btn-primary:hover {
  background-color: #00A2E8;
  border-color: #00A2E8;
}
.btn-primary:active {
  background-color: #00A2E8;
  border-color: #00A2E8;
}

.text-primary {
  color: #0077AA;
}
.text-highlight{
    color:#00A2E8;
}