:root {
    --primary-color: #013c88;
    --primary-color-rgb: 1, 60, 136;
}

body,
html {
  background: #fff;
  color: #000;
}

.light,
.light:hover,
.light:active,
.light:focus {
  color: #fff;
}

.dark,
.dark:hover,
.dark:active,
.dark:focus {
  color: #000;
}

.light-background {
  background: #fff;
}

.dark-background {
  background: #000;
}

.highlight,
.highlight:hover,
.highlight:active,
.highlight:focus {
  color: #013c88;
}

.highlight.darker,
.highlight.darker:hover,
.highlight.darker:active,
.highlight.darker:focus {
  color: #0187c3;
}

.highlight-background {
  background: #013c88;
  color: #fff;
}

.highlight-background.darker {
  background: #0187c3;
  color: #fff;
}

.highlight-hover:hover,
.highlight-hover:active,
.highlight-hover:focus {
  color: #013c88;
}

.highlight-hover.darker:hover,
.highlight-hover.darker:active,
.highlight-hover.darker:focus {
  color: #0187c3;
}

.highlight-background-hover:hover,
.highlight-background-hover:active,
.highlight-background-hover:focus {
  background: #013c88;
  color: #fff;
}

.highlight-background-hover.darker:hover,
.highlight-background-hover.darker:active,
.highlight-background-hover.darker:focus {
  background: #0187c3;
  color: #fff;
}

.background {
  background: #f8f7f7;
}

.background.darker {
  background: #e5e5e5;
}

.base,
.base:hover {
  color: #013c88;
}

.base.darker,
.base.darker:hover {
  color: #0187c4;
}

.base.lighter,
.base.lighter:hover {
  color: #37b6f6;
}

.base-background,
.btn-primary {
  background: #013c88;
  border: 0;
  color: #fff;
  box-shadow: none;
}

.base-background.darker,
.btn-primary:hover,
.btn-primary:hover:disabled,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus,
.base-background.btn:hover {
  background: #0187c4 !important;
  box-shadow: none !important;
}

.base-background.lighter {
  background: rgba(1, 135, 196, 0.94);
}

.base-background.even-lighter {
  background: #d4e7ef;
}

.post-it {
  background: #fff;
  border: 1px solid #fff;
  box-shadow: 2px 2px 2px #ddd;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  background: #fff;
  border: 1px solid #ddd;
  color: #013c88;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder .filter-option,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active .filter-option,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus .filter-option,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover .filter-option {
  color: #000;
}

.bootstrap-select.btn-group .dropdown-menu .selected {
  background: #37b6f6;
}

.bootstrap-select.btn-group .dropdown-menu li:hover {
  background: #ddd;
}

.bootstrap-select.btn-group .dropdown-menu .text {
  color: #000;
}

.line-clamp:before,
.line-clamp:after {
  background: #fff;
}

.home-object a {
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
}

.home-keypoint p {
  color: #013c88;
}

.aanbod-object .inner {
  background: #fff;
}

.aanbod-object .inner:hover {
  background: #d6dfeb;
}

.aanbod-object .inner:after {
  background: #013c88;
  color: #fff;
}

.admin-content .table *,
.admin-content hr {
  border-color: #013c88;
}

.admin-content .dynamic .inner {
  background: #f8f7f7;
}

.admin-content .minor_municipalities.dynamic-wrapper,
.admin-header .minor_municipalities.dynamic-wrapper {
  background: #fff;
  border: 1px solid #ddd;
}

.admin-content .minor_municipalities.dynamic-wrapper .inner,
.admin-header .minor_municipalities.dynamic-wrapper .inner {
  background: #fff;
}

.filters-button {
  background: #f8f7f7;
  border: 1px solid #ddd;
  color: #013c88;
}

.call-to-action {
  background: #d4e7ef;
}

.pdf-wrapper hr {
  border-top: 2px solid #013c88;
}

.mfp-close {
  background: #013c88 !important;
}

.back-to-top {
  background: #013c88;
}

.landkaart-pagina .tooltip-inner {
  color: #013c88;
}

.more-photos-text {
  color: #013c88;
  border: 1px solid #013c88;
}


.add-to-favorites .add-to-favorites-link:hover .highlight {
  color: #013c88;
}

@media screen and (max-width: 770px) {

  .top-menu.list-inline {
    background: #013c88;
  }
}

.btn-primary {
  color: $highlight;
}

.default-line-height, .admin-content .input-row.default-line-height {
  line-height: normal;
}

.glyphicon.glyphicon-ok.check-mark {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

    &:before {
        content: "\f00c";
    }
}


.range-slider {
  .ui-state-active, .ui-widget-content .ui-state-active {
    background: #013c88;
  }
}