@charset "UTF-8";
@font-face {
  font-family: "Poppins-Regular";
  font-display: swap;
  src: url("../../fonts/Poppins-Regular.ttf") format("truetype");
}
.dashboard .child-name-header {
  display: none;
}
.dashboard .card {
  padding: 0;
  margin-top: 0;
}
.dashboard .card-header .partner {
  color: #495057;
  font-size: 0.8rem;
}
.dashboard .card-body .active {
  background-color: initial;
}
.dashboard .tab-content {
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
  padding: 15px;
}
.dashboard .requestRow {
  border: 1px solid #dee2e6;
  border-radius: 0.25em;
  padding: 15px;
  margin-bottom: 15px;
}
.dashboard .requestRow div[class*=col-] {
  align-self: start;
}
.dashboard span.title {
  color: #2a2746;
}
.dashboard span.label {
  font-weight: bold;
}
.dashboard span.value {
  color: #ccc;
}
.dashboard .requestRow .details > .row {
  margin-top: 15px;
  border-top: 1px solid #dee2e6;
  padding-top: 15px;
}
.dashboard .opvangplan--dashboard {
  margin-top: 15px;
  border-top: 1px solid #dee2e6;
  padding-top: 15px;
}
.dashboard .opvangplan--dashboard .col-day-label span.long {
  display: none;
}
.dashboard .opvangplan--dashboard .col-day-label span.short {
  display: block !important;
  font-size: 1rem;
}
.dashboard .opvangplan--dashboard .col-day-label button {
  padding-left: 0;
  padding-right: 0;
  font-size: 0.875rem;
}
.dashboard .previous-priority {
  opacity: 0.5;
}

@media screen and (max-width: 767px) {
  .dashboard {
    padding: 0;
  }
  .dashboard .child-name-header {
    display: block;
  }
  .dashboard .tab-content {
    border-top: 1px solid #dee2e6;
    border-top-left-radius: 0.25em;
    border-top-right-radius: 0.25em;
  }
  .dashboard .tab-pane {
    display: block;
  }
  .dashboard .child-bottom-border {
    border-top: 1px solid #dee2e6;
    margin: 15px -15px;
  }
  .dashboard h1 .dropdown {
    float: none;
  }
  .dashboard .child-edit-contact {
    float: none;
    margin-left: 0 !important;
  }

  .nav-wrapper .nav-tabs {
    border-bottom: none;
  }
  .nav-wrapper .nav-tabs .nav-link.active {
    border-color: #dee2e6;
  }

  .container {
    padding: 0;
  }

  .dashboard-title {
    display: block !important;
    margin-bottom: 0;
  }
}
.favorite-title {
  margin-top: 7px;
}

.favorite-title-block,
.favorite-delete-block {
  align-self: center;
}

.favorite-delete-block {
  padding-top: 17px;
  font-size: 1.7em;
}

.favorite-panel:not(:first-child) {
  margin-top: 10px;
}

.favorite-panel {
  border: 0.5px solid #dee2e6;
  position: relative;
}

.favorite-delete-link {
  float: right;
  margin-bottom: 11px;
  cursor: pointer;
}

.favorite-delete-location-link {
  float: right;
  margin-bottom: 11px;
  cursor: pointer;
}

.favorite-detail {
  border: 0.5px solid #dee2e6;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-top: 10px;
  margin-right: 15px;
  cursor: pointer;
}

.detail-row {
  margin-left: 0;
  margin-right: 0;
}

.favorite-detail-panel {
  border: 0.5px solid #dee2e6;
  padding-bottom: 10px;
  padding-left: 10px;
}

.margin-left-5 {
  margin-left: 5px;
}

.watch {
  cursor: pointer;
  height: 25px;
}

.favorite-daycare-details {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}

.favorite-daycare-actions {
  display: flex;
  justify-content: space-between;
  padding-top: 15px;
}

.favorite-panel .btn-new {
  margin-left: 5px;
  margin-top: 17px;
}

.favorite-panel .nieuwe-aanvraag-row {
  align-self: center;
}

#favorieten-map {
  height: 100%;
  max-height: 350px;
}

#favorieten-map-container {
  overflow: hidden;
  min-height: 370px;
}

h5.m-googleinfowindow__title {
  font-size: 14px;
  font-weight: bold;
}

.m-googleinfowindow a {
  color: #3DBACF;
}

.m-googleinfowindow__address {
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .favorite-panel .nieuwe-aanvraag-row {
    padding-bottom: 10px;
  }

  #favorieten-map-container {
    display: none;
  }
}
#load-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background-color: rgba(255, 255, 255, 0.5);
}

#overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 50px;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.opvanglocatiefilter {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 11px;
}

.opvanglocatiefilter .innerrow {
  border: 1px solid #CDCDCD;
  border-radius: 10px;
  padding: 2px;
  background-color: #f4f4f6;
}

.tabs_hover {
  text-align: center;
  padding: 0.9px;
}

.tabs_hover .filterdetail {
  text-align: left;
}

.tabs_hover a:hover,
.tabs_hover a:active {
  text-decoration: none;
}

.tabs_hover .tabs {
  border: 1px solid #dee2e6;
  width: 100px;
  height: 100px;
  border-radius: 60px;
  margin: 20px auto 0;
}

.tabs_hover:hover .tabs {
  background: #3DBACF;
  transition: 0.6s;
  color: white;
}

.opvanglocatiefilter img {
  height: 70px;
  padding: 8px;
  margin: 15px 0;
}

@media screen and (max-width: 767px) {
  .tabs_hover .tabs,
.tabs_hover:hover .tabs,
.opvanglocatiefilter img {
    display: none;
  }
}
.card-title {
  color: #CDCDCD;
}

.opvanglocatiefilter .control-label {
  font-weight: normal;
  font-size: 12px;
}

.opvanglocatiefilter .option {
  font-size: 10px;
}

.opvanglocatiefilter input,
.opvanglocatiefilter option,
.opvanglocatiefilter select {
  font-size: 11px;
}

.opvanglocatiefilter button {
  margin-top: 10px;
}

.filterdetail {
  padding-bottom: 5px;
}

.filterdetail .row {
  height: 160px;
}

.searchbar {
  border: 1px solid #CDCDCD;
  border-radius: 10px;
  padding: 2px;
  background-color: #f4f4f6;
  margin: 20px -15px 10px -15px;
  width: 100%;
  margin-left: 3%;
}

.selectedfilters {
  min-height: 40px;
  margin-top: 15px;
}

.reset button {
  margin-top: 5px;
  margin-bottom: 5px;
  float: right;
}

.searchcount {
  font-weight: bold;
  margin-left: 47px;
  margin-bottom: 15px;
}

#mapCanvas {
  width: 450px;
  height: 450px;
}

@media screen and (max-width: 767px) {
  #mapCanvas {
    width: 300px;
    height: 300px;
  }
}
.mainrow {
  width: 130%;
}

.opvanglocatielist {
  padding-left: 4%;
}

.opvanglocatielist .row {
  border: 1px solid #dee2e6;
  border-radius: 10px;
  padding: 2px;
  margin-bottom: 10px;
}

.opvanglocatielist .row:hover {
  box-shadow: 0 9px 9px 2px #dee2e6;
  transition: 0.6s;
}

.opvanglocatiecontentnaam {
  font-weight: bold;
  font-size: 15px;
}

.opvanglocatiecontentadres {
  padding-left: 10px;
}

.opvanglocatiecontentomschrijving {
  padding-left: 10px;
  font-style: italic;
  font-size: 10px;
}

.opvanglocatieinfo {
  margin-top: 12px;
}

.opvanglocatieshowheader {
  padding-bottom: 15px;
}

.opvanglocatieshowlink {
  padding-top: 25px;
}

.opvanglocatieshowleft {
  padding-left: 35px;
}

.opvanglocatieshowleft .panel-body .row {
  padding-left: 15px;
}

.panel-heading {
  font-weight: bold;
  font-size: 15px;
}

.panel-body h4 {
  text-decoration: underline;
}

.panel-body {
  padding: 10px;
}

.panel-body p {
  padding-left: 15px;
  margin-bottom: 15px;
}

.pagination {
  float: left;
}

.has-glyphicons .select-wrapper:after {
  margin-right: 0px;
}

@media screen and (max-width: 767px) {
  .opvanglocatieinfo .btn {
    font-size: 10px;
  }
}
.form-item-leeftijd-baby {
  padding-left: 1em;
  text-align: left;
}

.form-item-leeftijd-peuter {
  padding-left: 1em;
  text-align: left;
}

.form-item-leeftijd-jaaropvang-2-6 {
  padding-left: 1em;
  text-align: left;
}

.form-item-leeftijd-jaaropvang-6-12 {
  padding-left: 1em;
  text-align: left;
}

.form-item-leeftijd-vakantieopvang-2-6 {
  padding-left: 1em;
  text-align: left;
}

.form-item-leeftijd-vakantieopvang-6-12 {
  padding-left: 1em;
  text-align: left;
}

.form-item-open-voor-7 {
  padding-left: 1em;
  text-align: left;
}

.form-item-open-tussen-18-22 {
  padding-left: 1em;
  text-align: left;
}

.form-item-zaterdag {
  padding-left: 1em;
  text-align: left;
}

.form-item-zondag {
  padding-left: 1em;
  text-align: left;
}

.form-item-na22u {
  padding-left: 1em;
  text-align: left;
}

.form-item-opvang-na-18-30 {
  padding-left: 1em;
  text-align: left;
}

.margin-top-filter-age {
  margin-top: -7%;
}

.margin-top-filter-openinghours {
  margin-top: -7%;
}

.opvangplan .form-check {
  display: none;
}

.day-row {
  border-bottom: 1px solid #ccc;
}

.opvangplan > fieldset.form-group:last-of-type .day-row:last-of-type {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.day-row-active .col-day:not(.disabled) {
  cursor: pointer;
}

.col-day, .col-hours {
  border-left: 1px solid #ccc;
  display: flex;
  align-items: center;
}

.opvangplan .col-day.active {
  background-color: #3DBACF;
}

.opvangplan .col-day.disabled {
  background-color: rgba(204, 204, 204, 0.5);
}

.opvangplan div[class*=col-] {
  min-height: 25px;
  align-self: initial !important;
}

.opvangplan .ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.opvangplan .day-row-header {
  font-size: 80%;
}

.opvangplan {
  border: 1px solid #ccc;
  border-radius: 0.25rem;
}

.opvangplan > .row:first-of-type {
  margin-left: 0;
  margin-right: 0;
}

.opvangplan > .row:first-of-type > div:first-of-type {
  padding-left: 0;
}

.opvangplan > fieldset.form-group {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 0;
}

.week .form-check {
  display: none;
}

.week > fieldset.form-group:last-of-type .day-row:last-of-type {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.day-row-active .col-day:not(.disabled) {
  cursor: pointer;
}

.week {
  border: 1px solid #ccc;
  border-radius: 0.25rem;
}

.week > .row:first-of-type {
  margin-left: 0;
  margin-right: 0;
}

.week > .row:first-of-type > div:first-of-type {
  padding-left: 0;
}

.week > fieldset.form-group {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 0;
}

.col-day-label {
  padding: 5px;
}

.col-day-label span.short {
  display: none;
}

.voorsteluren .day-row .col-1 {
  padding: 0;
}

@media screen and (max-width: 767px) {
  .col-day-label span.long {
    display: none;
  }

  .col-day-label span.short {
    display: block !important;
    font-size: 1rem;
  }

  .col-day-label button {
    padding-left: 0;
    padding-right: 0;
    font-size: 0.875rem;
  }
}
/********************* colour scale ***********************/
/* It goes to eleven */
.colorscale_11_bg {
  background-color: purple !important;
  color: white !important;
}

.colorscale_10_bg {
  background-color: #F8696B !important;
}

.colorscale_9_bg {
  background-color: #F98370 !important;
}

.colorscale_8_bg {
  background-color: #FA9D75 !important;
}

.colorscale_7_bg {
  background-color: #FCB77A !important;
}

.colorscale_6_bg {
  background-color: #FDD17F !important;
}

.colorscale_5_bg {
  background-color: #FFEB84 !important;
}

.colorscale_4_bg {
  background-color: #E0E383 !important;
}

.colorscale_3_bg {
  background-color: #C1DA81 !important;
}

.colorscale_2_bg {
  background-color: #A2D07F !important;
}

.colorscale_1_bg {
  background-color: #83C77D !important;
}

.colorscale_0_bg {
  background-color: #63BE7B !important;
}

.colorscale_NA_bg {
  background-color: #98AAAA !important;
}

nav.pager ul {
  margin: 0;
  padding: 0;
}

.pager {
  text-align: center;
  font-size: 13px;
}

.pager li {
  display: inline-block;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #f3f3f3;
  border-radius: 10px;
  color: #333;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.pager li.active > a,
.pager li.active > span {
  background-color: #3DBACF;
  color: #FFF;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  color: #fff;
}

.pager li:not(.disabled) > a:hover,
.pager li:not(.disabled) > a:focus {
  text-decoration: none;
  background-color: #2a2745;
  color: #FFF !important;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .item > a,
.pager .item > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #CCCCCC;
  background-color: #f3f3f3;
  cursor: not-allowed;
}

.hidden {
  display: none;
}

#register .btn:disabled {
  background-color: #f2f2f2;
  color: grey !important;
  border-color: grey;
}

#register .btn {
  margin: 30px 0;
}

.login-link,
.password-link {
  color: #3DBACF;
}

.login-link:hover,
.password-link:hover {
  text-decoration: underline;
}

#password-match-text {
  margin-bottom: 1em;
}

.warn {
  color: red;
}

.match {
  color: green;
}

.hidden {
  display: none;
}

.progress-bar-danger {
  background-color: red;
}

.progress-bar-warning {
  background-color: orange;
}

.progress-bar-success {
  background-color: green;
}

.progress {
  margin-top: 0.5em;
}

.resendmail {
  color: #3DBACF;
}

.resendmail:hover {
  text-decoration: underline;
}

.link {
  color: #3DBACF;
}

.link:hover {
  text-decoration: underline;
}

.clickable {
  position: absolute;
  width: 99px;
  height: 35px;
  z-index: 2;
}

#warningRegisterAgreeRobot {
  background-color: initial;
}

.error2_div {
  margin-top: -2em;
}

#warningRegisterExistingEmail {
  background-color: initial;
}

#warningRegisterNonExistingEmail {
  background-color: initial;
}

*:focus {
  outline: none !important;
}

.flash-warning {
  color: red;
}

body {
  color: black;
  overflow-x: hidden;
  font-family: "Poppins-Regular", sans-serif;
}

h1 {
  font-size: 30px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 20px;
  margin-bottom: 1em;
}

.slider_box_text {
  background-color: rgba(0, 0, 0, 0.3);
}

.btn {
  border-radius: 10px;
  color: #FFFFFF;
  border: 0px;
}

.btn-warning {
  background-color: #FFC50B;
  color: black;
}

.btn:hover {
  color: #ffffff;
  text-decoration: none;
  transition: 0.6s;
}

#navbarsExampleDefault {
  flex-grow: 0;
}

.nav-link {
  color: #4c4c4c !important;
}

.carousel-caption_slid {
  bottom: 170px;
}

.slider_bottum {
  background-image: url(/images/layout/slid2.png);
}

.slider_bottum {
  color: #ffffff;
}

.google_btn a {
  margin: 0 3px 0px 11px;
  padding: 0px;
}

.footer_bg {
  background-color: #252525;
  color: #c7c7c7;
  font-size: 13px;
  bottom: 0;
  width: 100%;
}

.border_bt_aqua {
  border-color: #0096dc !important;
}

.footer_bg ul li i, .footer_bg ul li a {
  color: #c7c7c7;
}

a {
  color: #000;
}

.alert-danger a,
.alert a {
  color: #721c24;
}

.alert-danger a:hover,
.alert a:hover {
  color: #e84252;
}

.footer_icon li {
  float: left;
  margin: 7px 4px;
  padding: 1px 7px;
}

.footer_icon li a i {
  color: #c7c7c7;
}

.footer_bg h4 {
  font-size: 15px;
  font-weight: 700;
}

.copyright {
  background-color: #111111;
}

.pricing-header h2 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 25px;
}

.pricing-header h5 {
  font-weight: 600;
  font-size: 15px;
  padding: 15px 0px 0;
}

.slider_text {
  float: right;
  padding-top: 20px;
}

.slider_text p {
  float: left;
  text-align: right;
  padding: 0 14px;
}

.pagination {
  display: inline-block;
}

.pagination a {
  color: #737980;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}

/*===========End Room =============*/
* {
  box-sizing: border-box;
}

/* Add a gray background color with some padding */
/* Header/Blog Title */
.header {
  padding: 30px;
  font-size: 40px;
  text-align: center;
  background: white;
}

/* Create two unequal columns that floats next to each other */
/* Left column */
.leftcolumn {
  float: left;
  width: 75%;
}

/* Right column */
.rightcolumn {
  float: left;
  width: 25%;
  padding-left: 20px;
}

/* Fake image */
.fakeimg {
  background-color: #aaa;
  width: 100%;
  padding: 20px;
}

/* Add a card effect for articles */
.card {
  background-color: white;
  padding: 20px;
  margin-top: 20px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Footer */
.footer {
  padding: 20px;
  text-align: center;
  background: #ddd;
  margin-top: 20px;
}

@media screen and (max-width: 800px) {
  .leftcolumn, .rightcolumn {
    width: 100%;
    padding: 0;
  }
}
.bottomleft {
  position: absolute;
  bottom: 0px;
  left: 0;
  font-size: 18px;
  color: #ffffff;
  background: #0096dc;
  padding: 1px 62px;
}

.pagination li {
  float: left;
}

/*===============================*/
/*-===========================*/
/*==============================*/
.login_top .nav-link {
  margin: 0 7px;
}

.login_top a {
  font-size: 15px;
}

.eg_top_nav {
  border-radius: 10px;
  border: 1px solid grey;
  padding: 7px;
  font-size: 15px;
  margin: 0px 8px;
}

.reception_btn {
  border: 1px solid #53516a;
  color: #53516a;
  background: #ffffff;
  border-radius: 60px;
  padding: 5px 18px;
  margin-bottom: 25px;
}

.box_heading h4 {
  font-size: 19px;
  padding: 15px 0 0;
  font-weight: bold;
}

.sortable-ghost {
  opacity: 0.2;
}

.sortable-chosen {
  background-color: #ccc;
}

.fa-2 {
  font-size: 2em !important;
}

.fa-3 {
  font-size: 3em !important;
}

.fa-5 {
  font-size: 5em !important;
}

.box_heading {
  font-size: 14px;
  border-radius: 3px;
}

.news_bg {
  background-image: url(/images/layout/sectionimg.png);
  color: #ffffff;
}

.news_col {
  background: #ffffff;
  color: grey;
}

.news_col {
  font-size: 12px;
}

.news_col h4 {
  font-size: 16px;
  padding: 5px 0px;
}

.date_div {
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 7px 31px;
}

.head_color {
  text-transform: uppercase;
  font-weight: 700;
}

.head_color span {
  color: #04ebd4;
}

.subscribe_input input {
  border: none;
}

.subscribe_btn {
  background: #2a2746;
  color: #ffffff;
  padding: 7px 7px;
  text-transform: uppercase;
  border-radius: 3px;
}

.bg_banner {
  background-image: url(/images/layout/bg_image.png);
  color: #ffffff;
  margin-top: 50px;
  padding: 50px 0;
  background-repeat: no-repeat;
}

.tabs {
  border: 1px solid #eaeaea;
  width: 100px;
  height: 100px;
  border-radius: 60px;
  margin: 20px auto 0;
}

.tabs img {
  height: 70px;
  padding: 8px;
  margin: 15px 0;
}

.tab_bottum {
  box-shadow: 0 2px 3px 1px #e3e3e3;
}

.tabs_hover:hover {
  background: #f4f4f6;
  transition: 0.6s;
}

.tabs_hover:hover .tabs {
  background: #94D5CF;
  transition: 0.6s;
}

.add_list_btn {
  margin-top: 40px;
  border: 1px solid #d5d6d7;
  background: #fff;
  color: #818181;
  padding: 6px 27px;
  border-radius: 60px;
}

.add_list_box {
  border: 1px solid #e4e4e4;
  margin: 5px 0;
}

.add_list_tetx {
  padding-left: 20px;
}

.time_pic {
  border: 1px solid #cfcfcf;
  border-radius: 60px;
  padding: 3px 16px;
}

.time_pic option, select {
  border: none;
}

.confirm_btn {
  background: #2a2746;
  border-radius: 60px;
  padding: 6px 23px;
  color: #fff;
  border: 1px solid #2a2746;
}

.bg_img2 {
  background-image: url(/images/layout/childrenfooter.png);
  color: #ffffff;
  margin-top: 60px;
}

.tabs_hover h5 {
  text-transform: uppercase;
}

.border_icon {
  border: 1px solid;
  border-radius: 60px;
  padding: 5px 10px;
}

.select_cs {
  border: 1px solid grey;
  border-radius: 60px;
  padding: 7px 11px;
  background: #fff;
}

.news_col_head h4 {
  color: #2f2f2f;
}

.active, .tabs_hover_3:hover {
  background-color: #f4f4f6;
}

.tabs_hover_3 :hover .tabs_3 {
  background: #04ebd4;
  transition: 0.6s;
}

.tabs_3 {
  border: 1px solid #eaeaea;
  width: 100px;
  height: 100px;
  border-radius: 60px;
  margin: 20px auto 0;
}

.tabs_3 img {
  height: 70px;
  padding: 8px;
  margin: 15px 0;
}

.add_list_btn_3 {
  margin-top: 40px;
  border: 1px solid #d5d6d7;
  background: #fff;
  color: #818181;
  padding: 6px 27px;
  border-radius: 60px;
}

.name_box_3:hover .add_list_box_3 {
  box-shadow: 0 9px 9px 2px #e4e4e4;
  transition: 0.6s;
}

.name_box_3 :hover .add_list_btn_3 {
  background: #04ebd4;
  transition: 0.6s;
  color: #ffffff;
  border-color: #04ebd4;
}

.name_box_3 {
  margin: 5px 0px;
}

.add_list_box_3 {
  border: 1px solid #e4e4e4;
}

.slider_box_text h2 {
  font-size: 30px;
}

.slider_box_text {
  padding: 25px;
}

@media only screen and (max-width: 800px) and (min-width: 300px) {
  .sercg_cat {
    padding: 20px;
  }

  .sercg_cat input {
    background-color: #dee2e6;
  }

  .pricing-header .col-lg-3 {
    margin: 10px 0;
  }

  .box_heading {
    margin-top: 5px;
  }

  .news_col {
    margin-top: 10px;
    text-align: center;
  }

  .news_col_head {
    padding: 10px;
  }

  .eg_top_nav {
    margin-top: 10px;
  }

  .footer_image {
    float: left;
  }

  .footer_image img {
    height: 100px;
    padding-top: 40px;
  }

  .add_list_btn {
    margin: 10px 50px;
  }

  .pagination_mq nav ul {
    text-align: center;
    padding-left: 20px;
  }

  .add_list_btn_3 {
    margin: 10px 50px;
  }

  .btn_1 {
    margin: 0;
  }

  .news_bg {
    padding-bottom: 30px;
  }
}
.bg_banner a:hover {
  color: #04ebd4;
  text-decoration: none;
  transition: 0.6s;
}

.btn-serch:hover {
  color: #ffffff;
  text-decoration: none;
  transition: 0.6s;
}

.ft_ad {
  color: #727272;
}

.new_img {
  width: 100%;
}

.opvangplangrid .row .col-sm-2 {
  background-color: #5bc0de;
  border: 1px solid black;
}

.opvangplangrid .row .col-sm-5 {
  background-color: yellow;
  border: 1px solid black;
}

.opvangplangrid {
  border: 1px solid black;
}

.shelter-favorites {
  border: 1px solid darkgrey;
  margin-bottom: 5px;
  min-height: 100px;
  cursor: pointer;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
}

.shelter-favorites .daycare-address {
  font-size: 11px;
  margin: 5px 3px;
}

.child-message {
  font-size: 12px;
  margin: 0px 40px 10px;
  color: gray;
}

/*
div #shelter-main-info input {
    display: none;
}
*/
#shelter-main-info p {
  font-size: 0.9em;
  margin-bottom: 0;
}

#shelter-main-info p.dvo-info {
  color: #656565;
}

#shelter-label,
#shelter-main-info {
  align-self: center;
}

@media screen and (max-width: 768px) {
  #shelter-main-info .form-check label {
    padding: 0;
    display: contents;
  }
}
@media screen and (max-width: 576px) {
  #shelter-main-info {
    align-self: initial;
    padding: 15px;
  }
}
.box-empty {
  border: 1px solid lightgrey;
  height: 30px;
  width: 30px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.box-empty.checked {
  background-color: #3DBACF;
  border-color: #3DBACF;
}

.box-empty .fa-check {
  color: #fff;
  font-size: 1.7em;
}

#check-label {
  position: relative;
}

.favorites-label {
  cursor: pointer;
  text-align: center;
}

.favorites-label .drag-arrows {
  font-size: 1.7em;
}

.favorites-label span {
  display: block;
}

.daycare-panel, .children-panel {
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  box-shadow: none;
}

.infoblock {
  background-color: #fafeff;
  border-color: #f4f4f4;
}

#warningFavoritesModal {
  background-color: initial;
}

#warningFavoritesModalNoSelected {
  background-color: initial;
}

#confirmationWarning {
  background-color: initial;
}

#acceptmodal {
  background-color: initial;
}

#requestWizard > fieldset > legend,
#requestWizard > fieldset > div.fieldsetWithBorder > fieldset > legend,
#requestWizard > fieldset > div.fieldsetWithoutBorder > fieldset > legend {
  display: none;
}

#requestWizard > fieldset > div.fieldsetWithBorder > fieldset {
  border: 1px solid #ccc;
  padding: 15px;
  border-radius: 10px;
}

.vorige-stap:before {
  content: "";
  font-family: FontAwesome;
  position: absolute;
  left: 8px;
  font-size: 1.5em;
  top: 0;
}

.vorige-stap {
  padding-left: 30px;
  position: relative;
}

.volgende-stap:after {
  content: "";
  font-family: FontAwesome;
  position: absolute;
  right: 8px;
  font-size: 1.5em;
  top: 0;
}

.volgende-stap {
  padding-right: 30px;
  position: relative;
}

.bevestigen {
  padding-right: 30px;
  position: relative;
}

.bevestigen:after {
  content: "";
  font-family: FontAwesome;
  position: absolute;
  right: 8px;
  font-size: 1em;
  line-height: 2.3em;
  top: 0;
}

.darkgrey-text {
  color: #495057;
}

label .required-label-class:after {
  content: " *";
}

.form-group .required-label-class:after {
  content: " *";
}

.form-group.required .control-label:after {
  content: " *";
}

.btn {
  border-radius: 10px;
  border: none;
}

.btn-primary,
a.btn-primary:not([href]):not([tabindex]) {
  background-color: #3DBACF;
  color: #fff;
}

.btn-primary:hover a.btn-primary:not([href]):not([tabindex]):hover {
  background-color: #2a2745;
  color: #fff !important;
}

.btn-primary:focus {
  box-shadow: none;
}

.btn-secondary,
a.btn-secondary:not([href]):not([tabindex]) {
  background-color: #3DBACF;
  color: #fff;
}

.btn-secondary:hover,
a.btn-secondary:not([href]):not([tabindex]):hover {
  background-color: #2a2745;
  color: #fff;
}

.btn-secondary:focus {
  box-shadow: none;
}

.btn-tertairy {
  background-color: #3DBACF;
  color: #fff;
}

.btn-tertairy:hover {
  background-color: #2a2745;
  color: #fff !important;
}

.btn-tertairy:focus {
  box-shadow: none;
}

.show > .btn-secondary.dropdown-toggle {
  background-color: #3DBACF;
  color: #fff;
}

.show > .btn-secondary.dropdown-toggle:hover {
  background-color: #2a2745;
  color: #fff;
}

.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-as-link,
.btn-as-link:hover,
.btn-as-link:focus,
.btn-as-link:active,
.btn-as-link:visited {
  background: none !important;
  color: inherit !important;
  border: none !important;
  padding: 0 !important;
  font: inherit !important;
  cursor: pointer !important;
}

p a,
p a:visited {
  text-decoration: underline;
}

.btn-as-link,
.btn-as-link:visited {
  text-decoration: underline !important;
}

p a:hover,
p a:active,
p a:focus {
  color: #3DBACF;
  text-decoration: underline;
}

.btn-as-link:hover,
.btn-as-link:active,
.btn-as-link:focus {
  color: #3DBACF !important;
  text-decoration: underline !important;
}

.custom-file-input {
  opacity: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 80px);
  padding: 4px;
}

.bevestigen-aanpassen {
  float: right;
  line-height: 50px;
}

body {
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.o-header,
.o-footer {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.main-container {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 1.5em 1.5em 0;
  width: 100%;
}

a:hover {
  color: #3DBACF;
}

.modal.alert-danger {
  background-color: initial;
}

.questions legend {
  font-weight: bold;
}

/**
 * -------------------------------------------------------------------
 * :: Language Switch
 * -------------------------------------------------------------------
 */
.m-switch__modal {
  border: 1px solid #CCC;
  background: #FFFFFF;
  border-radius: 4px;
  min-width: 92px;
}

.m-switch__modal--padded {
  padding: 10px 20px;
}

.m-switch__modal--large {
  min-width: 320px;
}

.m-switch__modal--xlarge {
  min-width: 420px;
}

.m-switch__btn {
  background: #FFFFFF;
  text-decoration: none;
  border-radius: 10px;
  border: 1px solid grey;
  padding: 7px;
  font-size: 15px;
}

.m-switch__btn:hover,
.m-switch__btn:active,
.m-switch__btn:focus {
  outline: none;
}

.m-switch__btn a,
.m-switch__btn a:hover,
.m-switch__btn a:active,
.m-switch__btn a:focus {
  text-decoration: none;
  color: #4c4c4c;
}

.m-switch__btn.has-icon i {
  margin-left: 10px;
}

.m-switch.is-active {
  z-index: 10;
  position: relative;
}

.m-switch__link {
  display: block;
  padding: 5px 15px;
  text-decoration: none;
  color: #4c4c4c;
  text-align: center;
}

.m-switch__link:hover,
.m-switch__link:active,
.m-switch__link:focus {
  text-decoration: none;
  color: #4c4c4c;
  background-color: #f8f9fa;
}

/**
 * -------------------------------------------------------------------
 * :: Schedule Dates
 * -------------------------------------------------------------------
 */
.m-schedule-dates .calender {
  display: none;
}

.m-schedule-dates__date {
  display: flex;
  align-items: baseline;
  border-bottom: 1px solid #CCC;
  border-top: 1px solid #CCC;
  background: #fbfbfb;
  padding-top: 15px;
}

.m-schedule-dates__date > * {
  margin-right: 1em;
}

@media (max-width: 767px) {
  .m-schedule-dates__date {
    display: block;
  }
  .m-schedule-dates__date div.form-group {
    display: inline-block;
  }
  .m-schedule-dates__date fieldset.form-group {
    margin-left: 2.7em;
  }
  .m-schedule-dates__date fieldset.form-group select {
    width: initial;
  }
}
.input-group > .form-control:not(:last-child) {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.input-group-append {
  margin-left: -41px;
  z-index: 0;
}

.input-group > .form-control:focus {
  z-index: 0;
}

.calender {
  cursor: pointer;
}

.btn-link {
  font-weight: 400;
  color: grey !important;
  background-color: transparent;
}

.btn-link:hover {
  color: #000 !important;
}

.toggleVrijPlaatsenPlan {
  cursor: pointer;
}

.toggleVrijPlaatsenPlan:hover {
  text-decoration: underline;
  cursor: pointer;
}

.vrijPlaatsenPlan {
  display: none;
}

.card.place {
  padding: 0;
}

[data-disabled=true] .favorites-label {
  display: none;
}

[data-disabled=true] {
  cursor: not-allowed;
}

.result-count {
  padding-top: 20px;
  padding-bottom: 20px;
}

.hideFavorites legend {
  display: none;
}

.flex-title {
  display: flex;
  justify-content: space-between;
}

.a-subtitle {
  padding: 10px 0;
  margin-bottom: 25px;
}

.g-recaptcha {
  padding: 15px 0;
}

.legal-text {
  padding: 15px 0;
  font-size: 12px;
}

.text-muted {
  margin-bottom: 10px;
}

/*
 * Row
 */
.row .row__label {
  overflow-wrap: break-word;
  font-weight: bold;
}
.row .row__value {
  align-self: flex-end;
  margin-bottom: 10px;
}
.row .row__heading {
  color: #3DBACF;
}

.ui-autocomplete-loading {
  background: url("/images/layout/ajax-loader.gif") no-repeat 95% center;
}

.dashboard-title {
  display: inline-block;
  min-width: 220px;
  font-weight: 300;
}

.dashboard-heading {
  margin: 15px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.a-city__heading {
  background: #3DBACF;
  color: #fff;
  padding: 15px;
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.a-city__heading-link {
  color: #fff;
}
.a-city__heading-link:hover {
  color: #fff;
}

.table {
  display: table;
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  border-collapse: collapse;
}

.thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
}

.tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}

.th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
  padding: 0.75rem;
  display: table-cell;
  font-weight: bold;
}

.tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}

.td {
  display: table-cell;
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.person_external {
  cursor: pointer;
}

.person_external:hover {
  background-color: #f0f0f0;
}

.modal-buttons button {
  margin-bottom: 10px;
}

.shelter-favorites {
  border: 2px solid #cecece;
  padding: 20px 40px;
  margin-bottom: 10px;
}

.form-check {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
.form-check .form-check-input {
  position: relative;
  margin-top: auto;
  margin-left: 0;
}
.form-check input {
  appearance: none;
  outline: none;
  display: inline-block;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  padding: 1px;
  border: 1px solid lightgrey;
  background-color: #FFFFFF;
  vertical-align: text-top;
  box-sizing: border-box;
  box-shadow: none;
  background-clip: content-box;
  align-self: flex-start;
}
.form-check input:checked {
  background-color: #3DBACF;
  border-color: lightgrey;
}
.form-check label {
  position: relative;
  padding-left: 20px;
  font-weight: 500;
  font-size: 16px;
}
.form-check label:hover {
  cursor: pointer;
}
.form-check input:checked:disabled + label {
  color: #6c757d;
  font-style: italic;
}
.form-check input:disabled + label {
  color: #cccccc;
  font-style: italic;
}
.form-check input:disabled + label:hover {
  cursor: default;
}
.form-check input:checked:disabled,
.form-check input:disabled {
  background-color: #cccccc;
  border-color: #cccccc;
}
.form-check small {
  flex-basis: 100%;
  font-weight: 300;
}

.form-check-extra {
  margin-left: calc(20px + 30px);
}

.button-wrapper {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
}
.button-wrapper .btn {
  margin-bottom: calc(var(--size-base) * .5);
}

.vl {
  border-right: solid 1px darkgray;
}

cancel {
  fill: #2a2745;
  width: 40px;
  height: 40px;
}

cancel:hover {
  fill: #2a2745;
}

.col-forms-buttons .btn {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}

.stepwizard-step p {
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
}

.stepwizard {
  width: 100%;
  position: relative;
  margin: 20px 0;
}

.stepwizard-step button[disabled] {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
  top: 14px;
  bottom: 0;
  position: absolute;
  content: " ";
  height: 1px;
  background-color: #ccc;
}

.stepwizard-row-1:before {
  /* space to the left and right is equal to 1 block so for the width we remove one block from the total width */
  width: calc(100% - (100% / 1));
  /* Move the line up a half of a block minus half of the width of the circle */
  left: calc((100% / 1) / 2 - (30px / 2));
}

.stepwizard-row-1 .stepwizard-step {
  width: calc(95% / 1);
}

.stepwizard-row-2:before {
  /* space to the left and right is equal to 1 block so for the width we remove one block from the total width */
  width: calc(100% - (100% / 2));
  /* Move the line up a half of a block minus half of the width of the circle */
  left: calc((100% / 2) / 2 - (30px / 2));
}

.stepwizard-row-2 .stepwizard-step {
  width: calc(95% / 2);
}

.stepwizard-row-3:before {
  /* space to the left and right is equal to 1 block so for the width we remove one block from the total width */
  width: calc(100% - (100% / 3));
  /* Move the line up a half of a block minus half of the width of the circle */
  left: calc((100% / 3) / 2 - (30px / 2));
}

.stepwizard-row-3 .stepwizard-step {
  width: calc(95% / 3);
}

.stepwizard-row-4:before {
  /* space to the left and right is equal to 1 block so for the width we remove one block from the total width */
  width: calc(100% - (100% / 4));
  /* Move the line up a half of a block minus half of the width of the circle */
  left: calc((100% / 4) / 2 - (30px / 2));
}

.stepwizard-row-4 .stepwizard-step {
  width: calc(95% / 4);
}

.stepwizard-row-5:before {
  /* space to the left and right is equal to 1 block so for the width we remove one block from the total width */
  width: calc(100% - (100% / 5));
  /* Move the line up a half of a block minus half of the width of the circle */
  left: calc((100% / 5) / 2 - (30px / 2));
}

.stepwizard-row-5 .stepwizard-step {
  width: calc(95% / 5);
}

.stepwizard-row-6:before {
  /* space to the left and right is equal to 1 block so for the width we remove one block from the total width */
  width: calc(100% - (100% / 6));
  /* Move the line up a half of a block minus half of the width of the circle */
  left: calc((100% / 6) / 2 - (30px / 2));
}

.stepwizard-row-6 .stepwizard-step {
  width: calc(95% / 6);
}

.stepwizard-row-7:before {
  /* space to the left and right is equal to 1 block so for the width we remove one block from the total width */
  width: calc(100% - (100% / 7));
  /* Move the line up a half of a block minus half of the width of the circle */
  left: calc((100% / 7) / 2 - (30px / 2));
}

.stepwizard-row-7 .stepwizard-step {
  width: calc(95% / 7);
}

.stepwizard-row-8:before {
  /* space to the left and right is equal to 1 block so for the width we remove one block from the total width */
  width: calc(100% - (100% / 8));
  /* Move the line up a half of a block minus half of the width of the circle */
  left: calc((100% / 8) / 2 - (30px / 2));
}

.stepwizard-row-8 .stepwizard-step {
  width: calc(95% / 8);
}

.stepwizard-row-9:before {
  /* space to the left and right is equal to 1 block so for the width we remove one block from the total width */
  width: calc(100% - (100% / 9));
  /* Move the line up a half of a block minus half of the width of the circle */
  left: calc((100% / 9) / 2 - (30px / 2));
}

.stepwizard-row-9 .stepwizard-step {
  width: calc(95% / 9);
}

.stepwizard-row-10:before {
  /* space to the left and right is equal to 1 block so for the width we remove one block from the total width */
  width: calc(100% - (100% / 10));
  /* Move the line up a half of a block minus half of the width of the circle */
  left: calc((100% / 10) / 2 - (30px / 2));
}

.stepwizard-row-10 .stepwizard-step {
  width: calc(95% / 10);
}

.stepwizard-row-11:before {
  /* space to the left and right is equal to 1 block so for the width we remove one block from the total width */
  width: calc(100% - (100% / 11));
  /* Move the line up a half of a block minus half of the width of the circle */
  left: calc((100% / 11) / 2 - (30px / 2));
}

.stepwizard-row-11 .stepwizard-step {
  width: calc(95% / 11);
}

.stepwizard-row-12:before {
  /* space to the left and right is equal to 1 block so for the width we remove one block from the total width */
  width: calc(100% - (100% / 12));
  /* Move the line up a half of a block minus half of the width of the circle */
  left: calc((100% / 12) / 2 - (30px / 2));
}

.stepwizard-row-12 .stepwizard-step {
  width: calc(95% / 12);
}

.stepwizard-step {
  display: inline-block;
  text-align: center;
  position: relative;
  vertical-align: top;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
  background-color: #ccc;
  border: none;
  color: #fff;
  -webkit-appearance: none !important;
}

.stepwizard p {
  font-size: 0.7em;
}

.stepwizard-step.active-step .btn-circle {
  background-color: #3DBACF;
}

.stepwizard-step.active-step p {
  color: #3DBACF;
}

.stepwizard-step.complete-step .btn-circle {
  background-color: #3DBACF;
  color: #fff;
}

.stepwizard-step.complete-step p {
  color: #3DBACF;
}

.stepwizard-step:not(.active-step) a[href="#"] {
  cursor: initial !important;
}

.stepwizard-step:not(.active-step) a[href="#"]:hover {
  background-color: #ccc !important;
}

.stepwizard-step.skipped-step p {
  opacity: 0.2;
}

@media (max-width: 767px) {
  .stepwizard + h1 {
    display: none;
  }

  .stepwizard-row::before {
    display: none;
  }

  .stepwizard-row {
    padding: 0;
  }

  .stepwizard-step:not(.active-step) {
    display: none;
  }

  .stepwizard-step.active-step {
    width: 100%;
    text-align: left;
  }

  .stepwizard-step.active-step > p {
    display: inline-block;
  }

  .stepwizard-step.active-step > p {
    font-size: 1.5em;
  }

  .stepwizard-step.active-step > a {
    margin-bottom: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}
.stepwizard-step-suffix {
  margin-bottom: 25px;
  text-align: right;
}

.hideAddChildButton .add_link {
  display: none;
}

.datepicker table {
  border-collapse: separate;
}
.datepicker table tr td.dag.active,
.datepicker table tr td.dag.active.disabled {
  background-image: none;
  background-color: #3DBACF !important;
  color: #fff !important;
}
.datepicker table tr td.dag.active:hover,
.datepicker table tr td.dag.active.disabled:hover {
  background-image: none;
  background-color: #2a2745 !important;
  color: #fff !important;
}

.datepicker-inline__schedule {
  display: flex;
}
.datepicker-inline__schedule .datepicker-inline {
  width: 100%;
  border: 1px solid #CCC;
}

.datepicker-inline__datepicker {
  width: 325px;
}
.datepicker-inline__datepicker table {
  border-collapse: separate;
  width: 100%;
  padding: 1em;
}
.datepicker-inline__datepicker table tr td.day {
  color: black;
}
.datepicker-inline__datepicker table tr td.disabled {
  color: #CCC;
}
.datepicker-inline__datepicker table tr td.disabled:hover {
  color: #CCC;
}
.datepicker-inline__datepicker table tr td.day.active,
.datepicker-inline__datepicker table tr td.day.active.disabled {
  background-image: none;
  background-color: #3DBACF !important;
  color: #fff !important;
}
.datepicker-inline__datepicker table tr td.day:not(.disabled):hover {
  background-image: none;
  background-color: #2a2745 !important;
  color: #fff !important;
}
.datepicker-inline__datepicker.legend-visible table tr td.spots_limited_to__0,
.datepicker-inline__datepicker.legend-visible table tr td.disabled.spots_limited_to__0 {
  background-color: #F8696B;
  color: black;
}
.datepicker-inline__datepicker.legend-visible table tr td.spots_limited_to__0:hover {
  background-color: transparent;
  color: #CCC;
}
.datepicker-inline__datepicker.legend-visible table tr td.spots_limited_to__1,
.datepicker-inline__datepicker.legend-visible table tr td.disabled.spots_limited_to__1 {
  background-color: #F98370;
  color: black;
}
.datepicker-inline__datepicker.legend-visible table tr td.spots_limited_to__1:hover {
  background-color: transparent;
  color: #CCC;
}
.datepicker-inline__datepicker.legend-visible table tr td.spots_limited_to__2,
.datepicker-inline__datepicker.legend-visible table tr td.disabled.spots_limited_to__2 {
  background-color: #FA9D75;
  color: black;
}
.datepicker-inline__datepicker.legend-visible table tr td.spots_limited_to__2:hover {
  background-color: transparent;
  color: #CCC;
}
.datepicker-inline__datepicker.legend-visible table tr td.spots_limited_to__3,
.datepicker-inline__datepicker.legend-visible table tr td.disabled.spots_limited_to__3 {
  background-color: #FCB77A;
  color: black;
}
.datepicker-inline__datepicker.legend-visible table tr td.spots_limited_to__3:hover {
  background-color: transparent;
  color: #CCC;
}
.datepicker-inline__datepicker.legend-visible table tr td.spots_limited_to__4,
.datepicker-inline__datepicker.legend-visible table tr td.disabled.spots_limited_to__4 {
  background-color: #FDD17F;
  color: black;
}
.datepicker-inline__datepicker.legend-visible table tr td.spots_limited_to__4:hover {
  background-color: transparent;
  color: #CCC;
}
.datepicker-inline__datepicker.legend-visible table tr td.spots_limited_to__5,
.datepicker-inline__datepicker.legend-visible table tr td.disabled.spots_limited_to__5 {
  background-color: #FFEB84;
  color: black;
}
.datepicker-inline__datepicker.legend-visible table tr td.spots_limited_to__5:hover {
  background-color: transparent;
  color: #CCC;
}
.datepicker-inline__datepicker.legend-visible table tr td.spots_limited_to__6,
.datepicker-inline__datepicker.legend-visible table tr td.disabled.spots_limited_to__6 {
  background-color: #E0E383;
  color: black;
}
.datepicker-inline__datepicker.legend-visible table tr td.spots_limited_to__6:hover {
  background-color: transparent;
  color: #CCC;
}
.datepicker-inline__datepicker.legend-visible table tr td.spots_limited_to__7,
.datepicker-inline__datepicker.legend-visible table tr td.disabled.spots_limited_to__7 {
  background-color: #C1DA81;
  color: black;
}
.datepicker-inline__datepicker.legend-visible table tr td.spots_limited_to__8:hover {
  background-color: transparent;
  color: #CCC;
}
.datepicker-inline__datepicker.legend-visible table tr td.spots_limited_to__8,
.datepicker-inline__datepicker.legend-visible table tr td.disabled.spots_limited_to__8 {
  background-color: #A2D07F;
  color: black;
}
.datepicker-inline__datepicker.legend-visible table tr td.spots_limited_to__9,
.datepicker-inline__datepicker.legend-visible table tr td.disabled.spots_limited_to__9 {
  background-color: #83C77D;
  color: black;
}
.datepicker-inline__datepicker.legend-visible table tr td.spots_limited_to__9:hover {
  background-color: transparent;
  color: #CCC;
}
.datepicker-inline__datepicker.legend-visible table tr td.spots_enough {
  background-color: #63BE7B;
  color: black;
}

.datepicker-inline__title {
  margin-top: 1em;
  margin-bottom: 1em;
}

.datepicker-inline__legend {
  margin-left: 2em;
}
.datepicker-inline__legend .datepicker-inline__legend-inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
}
.datepicker-inline__legend .legend_item {
  display: flex;
}
.datepicker-inline__legend .legend_color {
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 1em;
}
.datepicker-inline__legend .legend_toggle {
  display: block;
  margin-top: 1em;
}
.datepicker-inline__legend .legend_color.legend_limited_to__0 {
  background-color: #F8696B;
}
.datepicker-inline__legend .legend_color.legend_limited_to__1 {
  background-color: #F98370;
}
.datepicker-inline__legend .legend_color.legend_limited_to__2 {
  background-color: #FA9D75;
}
.datepicker-inline__legend .legend_color.legend_limited_to__3 {
  background-color: #FCB77A;
}
.datepicker-inline__legend .legend_color.legend_limited_to__4 {
  background-color: #FDD17F;
}
.datepicker-inline__legend .legend_color.legend_limited_to__5 {
  background-color: #FFEB84;
}
.datepicker-inline__legend .legend_color.legend_limited_to__6 {
  background-color: #E0E383;
}
.datepicker-inline__legend .legend_color.legend_limited_to__7 {
  background-color: #C1DA81;
}
.datepicker-inline__legend .legend_color.legend_limited_to__8 {
  background-color: #A2D07F;
}
.datepicker-inline__legend .legend_color.legend_limited_to__9 {
  background-color: #83C77D;
}
.datepicker-inline__legend .legend_color.legend_enough {
  background-color: #63BE7B;
}

.shelterDateBackground {
  background-color: white !important;
}

.schedule-sticky-offset {
  top: 50px;
}

@media (max-width: 767px) {
  .datepicker-inline__schedule {
    display: block;
  }

  .datepicker-inline__legend {
    margin-top: 0.5em;
  }
  .datepicker-inline__legend .datepicker-inline__legend-inner {
    transform: none;
  }
}
/*.form-check:before {
    content: '';
    display: block;
    height: 30px;
    width: 30px;
    border: 1px solid #dee2e6;
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1;
}
.form-check--selected:before {
    color: #fff;
    background-color: $primary-color;
    border-color: $primary-color;
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 1.7em;
    line-height: 1em;
}
.form-check {
    padding-left: 2.5rem;
    position: relative;
    min-height: 30px;
    padding-top: 0.2rem;
}
.form-check input {
    display:none;
}
.form-check-label {
    cursor: pointer;
    padding-left: 2.5rem;
    padding-top: 0.2rem;
    margin-left: -2.5rem;
    margin-top: -0.2rem;
    min-height: 30px;
}

#shelter-main-info .form-check:before { display: none; }
.fixedPlan .form-check:before { display: none; }
*/
/**
 * -------------------------------------------------------------------
 * :: Header
 * -------------------------------------------------------------------
 */
.o-header {
  height: 63px;
  position: fixed;
  width: 100%;
  z-index: 1001;
  background-color: #FFFFFF;
  box-shadow: 0 4px 4px -4px #575757;
}

.o-header__push {
  height: 63px;
  width: 100%;
}

.o-header__inner {
  height: 63px;
  padding: 0.5rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.o-header__logo {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.o-header__logo img {
  max-height: 36px;
}

.o-header__content {
  display: flex;
}

.o-header__nav {
  display: flex;
}

.o-header__nav-item {
  padding: 0 10px;
  list-style: none;
  display: inline-flex;
}

.o-header__nav-item a {
  padding: 0.5em;
  text-decoration: none;
  font-size: 15px;
  color: #4c4c4c;
  border-bottom: 3px solid transparent;
}

.o-header__nav-item a:hover {
  border-bottom: 3px solid #3DBACF;
}

.o-header__nav-item a.a-menu-item__login,
.o-header__nav-item a.a-menu-item__logout {
  border-radius: 10px;
  border: none;
  background-color: #3DBACF;
  color: #fff;
}

.o-header__nav-item a.a-menu-item__login:hover,
.o-header__nav-item a.a-menu-item__logout:hover {
  border: none;
  background-color: #2a2745;
  color: #fff;
}

.o-header__nav-items {
  flex-direction: row;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  display: none;
}

.o-header__toggle {
  padding: 3px 10px;
  border-radius: 10px;
  background-color: #3DBACF;
  border: none;
  display: block;
  outline: none;
  margin-right: 10px;
}

.o-header__drop {
  background-color: #FFFFFF;
  box-shadow: 0 4px 4px -4px #575757;
  padding: 10px;
  display: none;
  width: 100vw;
  position: absolute;
  left: 0;
}

.o-header__drop.is-open {
  display: block;
}

@media screen and (min-width: 1200px) {
  .o-header__toggle {
    display: none;
  }

  .o-header__drop,
.o-header__drop.is-open {
    display: none;
  }

  .o-header__nav-items {
    display: block;
  }
}
.o-header__toggle:hover {
  background-color: #2a2745;
}

.o-header__toggle-inner {
  width: 22px;
  height: 30px;
  padding-top: 6px;
}

.o-header__toggle span {
  height: 2px;
  background-color: #FFFFFF;
  display: block;
  width: 95%;
  margin: 0 auto 6px;
}

.o-header__drop-nav-items {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.o-header__drop-nav-item {
  padding: 10px;
  list-style: none;
}

.o-header__drop-nav-item a {
  padding: 0.5em;
  text-decoration: none;
  font-size: 15px;
  color: #4c4c4c;
  border-bottom: 3px solid transparent;
  display: block;
  width: 100%;
}

.o-header__drop-nav-item a:hover {
  border-bottom: 3px solid #3DBACF;
}

.o-header__drop-nav-item a.a-menu-item__login,
.o-header__drop-nav-item a.a-menu-item__logout {
  border-radius: 10px;
  border: none;
  background-color: #3DBACF;
  color: #fff;
  width: auto;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}

.o-header__drop-nav-item a.a-menu-item__login:hover,
.o-header__drop-nav-item a.a-menu-item__logout:hover {
  border: none;
  background-color: #2a2745;
  color: #fff;
}

/**
 * -------------------------------------------------------------------
 * :: Footer
 * -------------------------------------------------------------------
 */
.o-footer {
  background-color: #252525;
  color: #c7c7c7;
  font-size: 13px;
  width: 100%;
}
.o-footer .o-footer__title {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
}
.o-footer a {
  color: #c7c7c7;
}
.o-footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.o-footer__content {
  padding: 35px 0;
}

.o-footer__logo {
  display: block;
  margin-bottom: 15px;
}

.o-footer__copyright {
  background-color: #111111;
  text-align: center;
  padding: 20px;
}

.m-readspeaker.rsbtn {
  height: 20px;
  margin-left: 10px;
  padding-top: 6px;
}
.m-readspeaker.rsbtn .rsbtn_play {
  border: transparent;
  background: transparent;
}
.m-readspeaker.rsbtn .rsbtn_play:hover {
  border: transparent;
  background: transparent;
}
.m-readspeaker.rsbtn .rsbtn_play .rsbtn_right {
  border-left: none;
}
.m-readspeaker.rsbtn .rsbtn_play .rsbtn_left .rsbtn_text::before,
.m-readspeaker.rsbtn .rsbtn_play .rsbtn_left .rsbtn_text span {
  color: #333;
}
.m-readspeaker.rsbtn .rsbtn_tooltoggle {
  border: none;
  background: none;
  top: 12px;
}

.o-header__logo img {
  max-height: 46px;
}

.o-footer__logo img {
  max-height: 52px;
}

/*# sourceMappingURL=koil.css.map */
