.binaryfountain {
  --color-primary: #403688;
  --color-primary-ghost: #52479e;
  --color-highlight: #f76e26;
  --color-primary-text: #403688;
}

.binaryfountain ::selection {
  color: #fff;
  background: var(--color-primary);
}

.binaryfountain a {
  color: var(--color-primary-text);
}

.binaryfountain a:hover,
.binaryfountain a:focus {
  text-decoration: none;
  color: var(--color-primary-text);
  outline: none;
}
.binaryfountain .faqActive {
  color: var(--color-primary);
}

/* pagination */
.binaryfountain .pagination > .active > a,
.binaryfountain .pagination > .active > a:focus,
.binaryfountain .pagination > .active > a:hover,
.binaryfountain .pagination > .active > span,
.binaryfountain .pagination > .active > span:focus,
.binaryfountain .pagination > .active > span:hover {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: #ffffff !important;
  outline-style: none;
  box-shadow: none;
  border-color: transparent;
}
.binaryfountain .pagination > li > a,
.pagination > li > span {
  color: var(--color-primary-text);
}

/* buttons */
.binaryfountain .btn-primary,
.binaryfountain .btn-primary:visited {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff !important;
  outline-style: none;
  box-shadow: none;
  border-color: transparent;
}
.binaryfountain .btn-primary.active,
.binaryfountain .btn-primary:active,
.binaryfountain .btn-primary:hover,
.binaryfountain .btn-primary:focus {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff !important;
}

.binaryfountain .btn-primary:focus,
.binaryfountain .btn-primary.active.focus,
.binaryfountain .btn-primary.active:focus,
.binaryfountain .btn-primary.active:hover,
.binaryfountain .btn-primary:active.focus,
.binaryfountain .btn-primary:active:focus,
.binaryfountain .btn-primary:active:hover,
.binaryfountain .open > .dropdown-toggle.btn-primary,
.binaryfountain .open > .dropdown-toggle.btn-primary.active,
.binaryfountain .open > .dropdown-toggle.btn-primary.focus,
.binaryfountain .open > .dropdown-toggle.btn-primary:focus,
.binaryfountain .open > .dropdown-toggle.btn-primary:hover {
  background: var(--color-primary);
  border-color: var(--color-primary);
}

.binaryfountain .rowEditWrap {
  background: var(--color-primary);
}

.binaryfountain .rsmTable .rowTab.selected {
  background: var(--color-primary);
  color: #ffffff !important;
}

.binaryfountain .rsmTable td.colExpand {
  color: var(--color-primary);
}

/* active must be 2nd or the styles won't replace clickable */
.binaryfountain #subNav ul li,
.binaryfountain #subNav ul li.clickable {
  color: var(--color-primary) !important;
  border-bottom: 3px solid #ffffff !important;
  margin-bottom: 0px;
}
.binaryfountain #subNav ul li.active {
  color: var(--color-primary) !important;
  border-bottom: 3px solid var(--color-primary) !important;
  margin-bottom: 0px;
}
.binaryfountain .heading {
  background-color: var(--color-primary) !important;
  color: #fff !important;
}

.binaryfountain #subNav.wizard {
  color: var(--color-primary);
  margin-bottom: 15px;
}

.binaryfountain #rsmDialogFooter .btn-primary:focus,
.binaryfountain #rsmDialogFooter .btn-primary.active.focus,
.binaryfountain #rsmDialogFooter .btn-primary.active:focus,
.binaryfountain #rsmDialogFooter .btn-primary.active:hover,
.binaryfountain #rsmDialogFooter .btn-primary:active.focus,
.binaryfountain #rsmDialogFooter .btn-primary:active:focus,
.binaryfountain #rsmDialogFooter .btn-primary:active:hover {
  background: var(--color-primary);
  border-color: var(--color-primary) !important;
  outline: none;
}

.binaryfountain #rls-location-filter .btn-buttonsets:active,
.binaryfountain #rls-location-filter .btn-buttonsets.active {
  background-color: var(--color-primary) !important;
  color: white !important;
}

/* calendar */
.binaryfountain .addSchedule button {
  color: #fff !important;
  background-color: var(--color-primary);
}
.binaryfountain .btn-info.active,
.binaryfountain .btn-info:active,
.binaryfountain .open > .dropdown-toggle.btn-info {
  color: #fff !important;
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.binaryfountain .btn-info.active .text-info,
.binaryfountain .btn-info:active .text-info,
.binaryfountain .open > .dropdown-toggle.btn-info .text-info {
  color: #fff !important;
}

.binaryfountain .nav-pills > li.active > a,
.binaryfountain .nav-pills > li.active > a:focus,
.binaryfountain .nav-pills > li.active > a:hover {
  color: #fff !important;
  background-color: var(--color-primary);
}

.binaryfountain .rls-form-sidebar ul li div.element.active {
  background: var(--color-primary);
  color: white !important;
  font-weight: bold;
}
.binaryfountain .rls-form-sidebar ul li div.element.active .btn-link {
  font-weight: 400;
  color: #fff;
  border-radius: 0;
}

.binaryfountain #user-settings a {
  color: var(--color-primary) !important;
}

.binaryfountain .ngdialog.rsmDialog .ngdialog-button.ngdialog-button-primary {
  background: var(--color-primary);
  color: #fff;
}
.binaryfountain .rls-mpi .metric-square {
  background: var(--color-primary);
}
.binaryfountain #calculator-container h3 {
  color: var(--color-primary);
}
.binaryfountain .yelp-no-reviews {
  color: var(--color-primary);
}

/* location map */
.binaryfountain #map-coords .coord {
  background-color: var(--color-primary);
}

/* form */
.binaryfountain .form-control:focus {
  outline-style: none;
  box-shadow: none;
}
