:root {
  --brand-primary: #44697f !important;
  --brand-secondary: #f1b435 !important;
  --brand-light: #ffffff !important;
  --brand-highlight: #d3d3d3 !important;
  --brand-highlight-contrast: #ced4da !important;
  --default-light: #ffffff !important;
  --default-dark: #333333 !important;
}

/* loan details */
.panel-heading,
.panel-info {
  background: var(--brand-primary);
  color: var(--brand-light);
}

.panel {
  background: var(--default-light);
  border-color: var(--brand-primary);
}

.panel-body {
  border-color: var(--brand-primary);
}

/* tabs */
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  color: var(--default-light);
  background-color: var(--brand-primary);
  border: 1px solid var(--brand-primary);
}

.nav-tabs>li>a {
  border-color: var(--brand-highlight) var(--brand-highlight) var(--brand-primary);
}

.nav-tabs>li>a:hover {
  border-color: var(--brand-primary) var(--brand-primary) var(--brand-primary);
  background: var(--default-light);
}

.nav>li>a:focus {
  background: var(--default-light);
}

/* sliders */
.range-slider_label {
  vertical-align: middle;
  color: var(--default-dark);
}

input[type=range]::-webkit-slider-runnable-track {
  background: var(--brand-highlight);
}

input[type=range]::-ms-fill-lower {
  background: var(--brand-highlight);
}

input[type=range]::-ms-fill-upper {
  background: var(--brand-highlight);
}

input[type=range]::-ms-thumb {
  background: var(--brand-secondary);
}

input[type=range]:focus::-ms-fill-lower {
  background: var(--brand-highlight);
}

input[type=range]:focus::-ms-fill-upper {
  background: var(--brand-highlight);
}

.range-slider__range::-webkit-slider-thumb {
  background: var(--brand-secondary);
}

.range-slider__range::-webkit-slider-thumb:hover {
  background: var(--brand-highlight);
}

.range-slider__range::-moz-range-track {
  background: var(--brand-highlight);
}

.range-slider__range::-moz-range-thumb {
  background: var(--brand-secondary);
}

.range-slider__range::-moz-range-thumb:hover {
  background: var(--brand-secondary);
}

.range-slider__range:active::-moz-range-thumb {
  background: var(--brand-secondary);
}

.range-slider__range.no-slide::-moz-range-thumb {
  background: var(--brand-highlight);
}

.range-slider__range.no-slide::-webkit-slider-thumb {
  background: var(--brand-highlight);
}

.range-slider__range.no-slide::-ms-thumb {
  background: var(--brand-highlight);
}

.range-slider__value {
  color: var(--default-dark);
}

.range-slider__value:after {
  border-right: 7px solid var(--brand-secondary);
}

/* info */
.info circle {
  fill: var(--brand-primary);
}

.info text {
  fill: var(--default-light);
}

/* tooltip panel */
.tooltip-panel .panel-heading,
.tooltip-panel .panel-info {
  background: var(--brand-secondary);
  color: var(--brand-light);
}

.tooltip-panel .panel {
  background: var(--default-light);
  border-color: var(--brand-secondary);
}
