html {
  overflow-x: hidden;
  max-width: 100vw;
}

.headerabove {
  font-size: 12px;
}
.headerabove .flexcol {
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.header_top {
  background: #fff;
  z-index: 1000;
  position: relative;
  float: initial;
}

.header_mid .navbar-brand {
  position: relative;
}
.header_mid .navbar-brand img {
  width: 260px;
}
.header_mid .navbar-brand p {
  position: absolute;
  font-size: 10px;
  bottom: -3px;
  left: 52px;
}

.menubox button {
  margin: auto;
}

.login-header .form-control, .login-header .btn, .login-header .loginbox {
  font-size: 12px;
  padding: 5px 10px;
}
.login-header .loginbox {
  display: block;
  border-radius: 5px;
  border: 1px solid #efefef;
  background: #fff;
  color: #333 !important;
  cursor: pointer;
}
.login-header .loginbox a {
  color: #333 !important;
}
.login-header .loginbox a:hover {
  color: #427cac !important;
}
.login-header .loginbox:hover {
  border-color: #427cac;
}
.login-header .loginbox:hover a {
  color: #427cac !important;
}

@media screen and (min-width: 1200px) {
  .header_top + .header_top {
    z-index: 1;
  }
}
span.top_mnu {
  color: #7bbe69;
  text-decoration: underline;
  position: relative;
  cursor: pointer;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.top_mnu:hover .drop_menu {
  visibility: visible;
  opacity: 1;
  max-height: initial;
}

.drop_menu {
  background: #e1e1e1;
  pointer-events: none;
  color: #333;
  width: 170px;
}
.drop_menu a {
  color: #333;
}
.drop_menu:before {
  background: #e1e1e1;
}
.drop_menu a {
  display: flex;
}
.drop_menu a small {
  margin-left: auto;
}

@media only screen and (max-width: 767px) {
  .navbar-brand {
    width: 120px;
  }
}
.topmenufaz .fa-check {
  color: green;
}

@media only screen and (max-width: 1199px) {
  .navbar-collapse {
    width: 100%;
    max-width: 350px;
    background: #427cac;
    position: fixed;
    height: 100%;
    overflow: auto;
    left: -100%;
    top: 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block !important;
    z-index: 10000;
    border-right: 2px solid #346187;
  }
  .navbar-collapse .topmenufaz {
    float: initial;
    width: 100%;
  }
  .navbar-collapse .topmenufaz .fa-home {
    font-size: 24px;
  }
  .navbar-collapse .topmenufaz li {
    padding-block: 20px;
    padding-inline: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #fff !important;
  }
  .navbar-collapse .topmenufaz li a {
    color: #fff !important;
  }
  .navbar-collapse .topmenufaz li:not(:first-child) {
    border-top: 1px solid #5f95c2;
  }
  .navbar-collapse .topmenufaz li:last-child {
    border-bottom: 1px solid #5f95c2;
  }
  .navbar-collapse .dropdown .dropdown-menu {
    display: none;
  }
  .navbar-collapse.show {
    left: 0;
    box-shadow: 100px 0 300px -2px #fff;
  }
  .navbar-collapse.show .navbar-toggler {
    position: absolute;
    right: 10px;
    top: 10px;
    background: transparent;
    color: #fff;
    border: none;
    font-size: 24px;
  }
  .navbar-toggler {
    padding: 10px;
    margin-right: 0;
    border-color: transparent !important;
    background: transparent !important;
    outline: none;
  }
  .navbar-toggler .icon-bar {
    display: block;
    width: 30px !important;
    height: 2px;
    border-radius: 1px;
    background: #606060 !important;
  }
  .navbar-toggler .icon-bar + .icon-bar {
    margin-top: 4px;
  }
}
.hoibtn {
  float: right;
  width: 20%;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}

.hoibtn li:not(:last-child) {
  width: 100%;
  min-width: 150px !important;
  display: flex;
  justify-content: space-between;
  font-weight: bold;
}
.hoibtn li:not(:last-child) a {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.hoibtn li:last-child i {
  margin-top: 2px;
}

.hoibtn li {
  font-size: 11px;
  padding: 4px;
  text-align: left;
  background: #efefef;
  color: #606060;
  padding-left: 8px;
  border: 1px solid #606060;
  border-radius: 5px;
}
.hoibtn li a {
  color: #606060;
}

.hoibtn li {
  position: relative;
  width: 50px;
  margin-right: 7px;
  text-align: center;
  padding: 4px;
  margin-left: auto;
}

.hoibtn span:not(.material-icons) {
  position: absolute;
  top: -6px;
  right: -6px;
  color: white;
  font-size: 10px;
  background: #7bbe69;
  width: 16px;
  height: 16px;
  border-radius: 10px;
}

.rt_drom a.more_btn2:hover {
  background: #427cac;
  border-color: #606060;
}

.navicon {
  color: #fff;
  background: #427cac;
  width: 30px;
  text-align: center;
  line-height: 30px;
  height: 30px;
  border-radius: 50%;
}

.header_mid.noborder {
  box-shadow: none;
  border-bottom: 1px solid #e9e9e9 !important;
}

#menubar {
  position: relative;
  z-index: 1001;
  overflow: unset;
  box-shadow: unset;
  padding: 5px 0;
}
#menubar li {
  border-bottom: 0 !important;
  padding-block: 10px;
  padding-inline: 10px;
}
#menubar li .drop-arw {
  top: 14px;
}
#menubar .dropdown-menu {
  max-height: initial !important;
  top: calc(100% + 5px);
  background: #ededee !important;
  color: #333 !important;
  padding-inline: 0 !important;
}
#menubar .dropdown-menu li {
  padding-block: 0 !important;
  padding-inline: 0 !important;
}
#menubar .dropdown-menu li a {
  color: #333 !important;
  padding-block: 10px !important;
  padding-inline: 10px;
}
#menubar .dropdown-menu li a:hover {
  background: #e1e1e1 !important;
}

@media screen and (max-width: 1199px) {
  #menubar {
    padding: 0;
    border-bottom: 0;
  }
  #navbarSupportedContent .menu_sec {
    border-top: 0px solid;
  }
  #navbarSupportedContent .menu_sec li a {
    padding: 8px;
    width: 100%;
    float: left;
  }
  #navbarSupportedContent .menu_sec li {
    width: 100%;
    text-transform: none;
    font-weight: bold;
    color: #fff !important;
    padding-block: 0;
  }
  #navbarSupportedContent .menu_sec li a {
    color: #fff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
    padding-block: 20px !important;
    font-size: 14px;
  }
  #navbarSupportedContent .menu_sec .drop-arw {
    padding: 20px;
    top: 0;
    font-size: 20px;
    right: 4px;
  }
  #navbarSupportedContent .menu_sec li.loginbutton a {
    border: 1px solid rgb(255, 255, 255) !important;
    border-radius: 5px;
    padding-block: 10px !important;
    font-weight: normal;
    text-align: center;
  }
  #navbarSupportedContent .menu_sec .dropdown-menu {
    background: transparent !important;
    color: #fff !important;
  }
  #navbarSupportedContent .menu_sec .dropdown-menu.show {
    display: block;
  }
  #navbarSupportedContent .menu_sec .dropdown-menu li {
    font-weight: normal;
    color: #fff !important;
  }
  #navbarSupportedContent .menu_sec .dropdown-menu li a {
    color: #fff !important;
  }
  #navbarSupportedContent .menu_sec .dropdown-menu li:hover, #navbarSupportedContent .menu_sec .dropdown-menu li a:hover {
    background: transparent !important;
  }
}
@font-face {
  font-family: "Material Icons";
  font-weight: 500;
  font-size: 24px;
  src: url("/dev/assets/fonts/material-symbols-rounded.woff2") format("woff2");
}
#faciliteiten ul.list li:after {
  width: 15px;
  height: 12px;
  position: absolute;
  left: 0px;
  background: none;
  top: 0px;
  font-family: "Material Icons";
  font-weight: 900;
  color: #0F9E5E;
}
#faciliteiten .det1:nth-child(5) .bottomborder, #faciliteiten .det1:nth-child(9) .bottomborder, #faciliteiten .det1:nth-child(12) .bottomborder {
  border-color: transparent;
}

.details_top ul.list li:after {
  font-family: "Material Icons";
  font-weight: 900;
  content: "\e5ca";
  position: absolute;
  left: 0px;
  top: 0px;
  background: none;
  color: #0F9E5E;
}

.flexxie {
  display: flex;
  flex-flow: column;
  flex-wrap: wrap;
  height: 580px;
}
@media screen and (max-width: 1099px) {
  .flexxie {
    flex-flow: row;
    flex-wrap: wrap;
    margin-bottom: 15px;
    height: initial;
  }
}
.flexxie .details_top {
  width: 33.3333333333%;
  padding-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .flexxie .details_top {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  .flexxie .details_top {
    width: 50%;
  }
}
.flexxie .details_top ul.list {
  padding: 0;
}
.flexxie .details_top ul.list li:first-child {
  margin-top: 4px;
}

@media screen and (max-width: 768px) {
  .beoorde_boRt {
    width: 100%;
  }
}
.weatherflow {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-flow: row;
}
.weatherflow .weatherinfo {
  width: 180px !important;
  border-right: 1px solid lightgrey;
}
.weatherflow .weatherdetails {
  display: flex;
  flex-wrap: wrap;
  flex-flow: row;
  overflow-y: auto;
  max-width: calc(100% - 180px);
}
.weatherflow .weatherdetails .weatherdetail {
  width: 8.3333333333%;
  min-width: 100px;
  padding-inline: 10px;
  border-left: 1px solid lightgrey;
}
.weatherflow .weatherdetails .weatherdetail div {
  text-align: center;
}
.weatherflow .weatherinfo div, .weatherflow .weatherdetail div {
  padding-block: 15px;
  padding-inline: 10px;
  border-bottom: 1px solid lightgrey;
}

.details_sec .row .details_top.det1:last-child .bottomborder {
  border-bottom: 0 solid;
}

ul.list.nocheck li {
  padding-left: 0;
}
ul.list.nocheck li:after {
  content: "";
}
ul.list.bottomborder {
  width: 95%;
  border-bottom: 1px solid lightgrey;
  padding-bottom: 15px !important;
}
ul.list.includedlist li.plus:after {
  content: "\e145";
  color: green;
  font-family: "Material Icons";
  font-weight: 900;
  background: initial;
}
ul.list.includedlist li.minus:after {
  content: "\e836";
  color: #e9e9e9;
  font-family: "Material Icons";
  font-weight: 900;
  background: initial;
}
ul.list.includedlist.right li {
  padding-left: initial;
  padding-right: 23px;
}
ul.list.includedlist.right li.plus:after {
  content: "\e145";
  color: green;
  right: 0;
  left: initial;
}
ul.list.includedlist.right li.minus:after {
  content: "\e836";
  color: #e9e9e9;
}

.floatingmenu {
  display: flex;
  flex-flow: row;
  overflow-y: auto;
}

.scrollbaar a {
  width: 25%;
  text-align: center;
}

.floatingmenu li, .floatingmenu a {
  display: list-item;
  padding: 20px 20px;
  font-size: 14px;
  color: #606060;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  border-bottom: 1px solid transparent;
}

.floatingmenu li:hover, .floatingmenu li.active, .floatingmenu a:hover, .floatingmenu a.active {
  /*background: #9ebad2;*/
  color: #427cac;
  border-bottom: 1px solid #427cac;
}

.accKamertypes .flexlist {
  display: flex !important;
  flex-basis: 50%;
  flex-flow: row wrap;
}
.accKamertypes .flexlist li {
  width: 50% !important;
  margin-top: 5px !important;
}
@media screen and (max-width: 700px) {
  .accKamertypes .flexlist li {
    width: 100% !important;
  }
}
.accKamertypes .card-body.rooms > .row {
  padding-top: 15px;
}
.accKamertypes .card-body.rooms .row {
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.accKamertypes .card-body.rooms .row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

#pictureModal .modal-header {
  position: sticky;
  top: -16px;
  background: #ffffff;
  z-index: 11;
}

.droom_boxImg {
  min-height: 200px;
}

.droom_boxImg.droom_room {
  min-height: unset;
}

.droom_boxImg.droom_room img {
  height: unset;
}

.transparant {
  background: transparent;
  border: none;
  cursor: initial;
}
.transparant div, .transparant:hover {
  background: transparent;
  box-shadow: 0 0 4px 0 transparent;
}

.slideButton.left {
  display: none;
}

.imageoverlay {
  float: left;
  margin-top: -41px;
  z-index: 1;
  position: absolute;
  padding-left: 14px;
  width: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), no-repeat center center;
}

.droom_room .slideButton .fa {
  cursor: pointer;
  top: 0;
}

.discount {
  background-color: #efc9a7;
  border-radius: 5px;
  padding: 0px;
  margin: 0px;
  height: auto;
  font-size: 14px;
  line-height: 28px;
  margin-top: -20px;
  color: #427cac;
  z-index: 1000;
}

.infoicons {
  font-size: 12px;
  padding: 8px;
  border-top: 1px solid #eaeaea;
  text-align: left;
  display: block;
  height: 35px;
}
.infoicons .infoicon {
  font-size: 16px;
  color: #adadad;
  margin-right: 10px;
  width: 50px;
  display: block;
  text-align: center;
  border-right: 1px solid #ddd;
  float: left;
}

.fa-star {
  color: #feba02;
}

.fa-check-circle {
  color: green;
  font-size: 16px;
}

.priceBox {
  background: #427cac;
  color: #fff;
  width: 75px;
  height: 75px;
  border-radius: 50px;
  font-size: 11px;
  padding-top: 15px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  position: absolute;
  top: -14px;
  right: -6px;
  line-height: 20px;
}

.priceBox span {
  font-size: 22px;
  font-weight: bold;
  width: 100%;
  display: block;
}

@media screen and (max-width: 1099px) {
  .droom_box_txt ul.drm_txt2 li {
    font-size: 12px;
  }
}
.owl-prev,
.owl-next {
  position: absolute;
  top: calc(50% - 20px);
  color: #aeaeae;
  transform: translateY(-50%);
  font-size: 40px;
}

@media screen and (max-width: 767px) {
  .owl-prev {
    left: 15px;
    color: #fff;
    top: 50%;
  }
  .owl-next {
    right: 15px;
    color: #fff;
    top: 50%;
  }
}
@media screen and (min-width: 768px) {
  .owl-prev {
    left: -50px;
  }
  .owl-next {
    right: -50px;
  }
}
.owl-carousel .col-12 {
  width: 100% !important;
}

.droom_box_txt .h4 {
  font: 700 14px/16px "Poppins", sans-serif;
  color: #606060;
}

.left_drom {
  display: flex;
  flex-flow: column;
  justify-content: space-evenly;
  height: 56px;
}
.left_drom .h5 {
  font: 700 16px/18px "Poppins", sans-serif;
  color: #427cac;
}
.left_drom .h5 span {
  font-size: 12px;
  font-weight: 400;
  color: #606060;
  padding: 7px 0 0;
  display: inline-block;
}
.left_drom .h5 small {
  font-size: 10px;
  font-weight: 400;
  color: #606060;
}
.left_drom .h5 b {
  text-decoration: line-through;
  font-weight: 400;
}

.droom_box .label-comfort, .droom_box .label-budget, .droom_box .label-premium, .droom_box .label-default {
  display: inline-block;
  z-index: 1000;
  padding-inline: 6px;
  padding-block: 2px;
  border-radius: 5px;
  font-size: 11px;
}

.floating-usps .label-default, .droom_box .label-default {
  color: #427cac;
  background: #dae5ef;
}
.floating-usps .label-premium, .droom_box .label-premium {
  background: goldenrod;
  color: white;
}
.floating-usps .label-comfort, .droom_box .label-comfort {
  background: #a5b7c5;
  color: white;
}
.floating-usps .label-budget, .droom_box .label-budget {
  background: #8f8f8f;
  color: white;
}

.facilityList li {
  padding-block: 7px;
  height: 34px;
}
.facilityList li.text-end {
  padding-block: 8px;
}
.facilityList li:not(.text-end) {
  font-size: 14px;
  text-align: center;
  color: #333;
}
.facilityList li.even {
  background: #f9f6f6;
}
.facilityList .fa-check {
  color: #0F9E5E;
}
.facilityList .fa-times {
  color: #a5a5a5;
}

.compare input, .compare label {
  cursor: pointer;
}

.compare input {
  height: 10px;
}

.flexvergelijk {
  cursor: pointer;
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
}
.flexvergelijk .vergelijk .fa-plus {
  font-size: 50px;
  color: #427cac;
  display: block;
}

li[data-title^=fac] {
  cursor: pointer;
}

.favorite {
  z-index: 10;
}
.favorite.active {
  opacity: 1;
  color: #ed0644;
}

.step-row.lazyBackground {
  height: 300px;
  position: relative;
}

.fillme {
  border: 1px solid red;
}

.fillme:not([type=checkbox]) {
  animation: shakeIt 8s linear;
}

@keyframes shakeIt {
  1%, 3%, 5% {
    margin-left: 5px;
  }
  2%, 4%, 6% {
    margin-left: 0px;
  }
}
.step-wait {
  padding-top: 50px !important;
}
.step-wait .material-icons {
  margin-block: 30px;
  font-size: 62px;
}
.step-wait p {
  font-size: 18px;
}

@media screen and (max-width: 991px) {
  .beoordelingen_sec.fadeInUp {
    padding-top: 0;
  }
  .reisgezelschap {
    padding-inline: 20px !important;
  }
  #stepoverview > .row {
    display: flex;
    flex-flow: column-reverse;
  }
  #stepoverview > .row > .col-lg-3 {
    margin-bottom: 20px;
  }
  #toggleBar:not(.activeview) {
    border-radius: 0;
    z-index: 1;
    position: fixed !important;
    bottom: 0;
    top: unset !important;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
  }
  #toggleBar:not(.activeview) .col-12 {
    padding-block: 20px;
    padding-inline: 15px;
    border-top: none !important;
  }
  #toggleBar:not(.activeview) .card-body {
    padding-bottom: 0;
  }
  #toggleBar:not(.activeview) .showonclick, #toggleBar:not(.activeview) .closebutton {
    display: none;
  }
  #toggleBar.activeview {
    position: fixed !important;
    border-radius: 0;
    top: 0 !important;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
    overflow-y: auto;
  }
  #toggleBar.activeview .showonclick, #toggleBar.activeview .closebutton {
    display: block;
  }
  #toggleBar.activeview .closebutton {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 26px;
    padding: 10px;
  }
  #toggleBar.activeview .price .material-icons {
    display: none;
  }
}
.iconinputright.hidedefault .material-icons {
  color: green;
  top: 8px;
  opacity: 0.9;
  display: none;
}
.iconinputright.hidedefault.inputgood .material-icons {
  display: block;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 0.9 !important;
}

.goodpricebar {
  margin-top: 40px;
  margin-right: 12px;
  background: #e4fddc;
  padding-block: 20px !important;
  border: 1px solid #c2d5bc;
  overflow: hidden;
}
.goodpricebar div:not(:first-child) :first-child {
  font-size: 16px;
  font-weight: 600;
}
.goodpricebar div:not(:first-child) :not(:first-child) {
  margin-top: 7px;
}
.goodpricebar div.iconbox {
  position: relative;
  width: 84px;
}
.goodpricebar div.iconbox:before {
  position: absolute;
  font-family: "Material Icons";
  font-weight: 900;
  content: "\e5ca";
  font-size: 54px;
  height: 80px;
  width: 80px;
  left: -7px;
  bottom: -33px;
  padding-top: 33px;
  padding-left: 15px;
  border-radius: 40px;
  background: #a8d19c;
  color: #e4fddc;
}
.goodpricebar#lastminutebar {
  border: 1px solid #faeddc;
  background: #9ebad2;
  color: #703502;
}
.goodpricebar#lastminutebar div.iconbox:before {
  content: "\f587";
  background: #ffffff;
  color: #fbc290;
}
.goodpricebar#sadpricebar {
  border: 1px solid #fcf1cf;
  background: #fff3cd;
  color: #856404;
}
.goodpricebar#sadpricebar div.iconbox:before {
  content: "\f5c2";
  background: #856404;
  color: #fff3cd;
}
.goodpricebar#soldoutbar, .goodpricebar.soldoutbar {
  border: 1px solid #f8d7da;
  background: #f8d7da;
  color: #721c24;
}
.goodpricebar#soldoutbar div.iconbox:before, .goodpricebar.soldoutbar div.iconbox:before {
  content: "\e811";
  background: #721c24;
  color: #f8d7da;
}
.goodpricebar#soldoutbar, .goodpricebar.paybar-danger {
  border: 1px solid #f8d7da;
  background: #f8d7da;
  color: #721c24;
}
.goodpricebar#soldoutbar div.iconbox:before, .goodpricebar.paybar-danger div.iconbox:before {
  content: "\f0d6";
  background: #721c24;
  color: #f8d7da;
  font-size: 45px;
}
.goodpricebar#soldoutbar, .goodpricebar.paybar-warning {
  border: 1px solid #fcf1cf;
  background: #fff3cd;
  color: #856404;
}
.goodpricebar#soldoutbar div.iconbox:before, .goodpricebar.paybar-warning div.iconbox:before {
  content: "\f0d6";
  background: #856404;
  color: #fff3cd;
  font-size: 45px;
}
.goodpricebar.soldoutbar {
  display: flex !important;
}
.goodpricebar#changedairport {
  display: flex !important;
  border: 1px solid #fcf1cf;
  background: #fff3cd;
  color: #856404;
}
.goodpricebar#changedairport div.iconbox:before {
  font-size: 34px;
  padding-top: 28px;
  padding-left: 21px;
  content: "\f5b0";
  background: #856404;
  color: #fff3cd;
}

.fakerow {
  display: flex;
  flex-wrap: wrap;
}
.fakerow > * {
  width: 100%;
}

.m-12 {
  margin-inline: 12px;
}

.padding12inline {
  padding-inline: 12px;
}

.arrowbox {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  font-size: 26px;
}
.arrowbox .arrow-before, .arrowbox .arrow-after {
  cursor: pointer;
  display: flex;
  flex-flow: column;
  justify-content: space-around;
}

.row.disabled,
.arrow-before.disabled,
.arrow-after.disabled {
  color: #dfdfdf !important;
  pointer-events: none;
  cursor: not-allowed;
}

.pricespacer {
  height: 300px;
}

.borders {
  background: transparent;
}

.hotelroom {
  width: calc(25% - 8px);
  margin-right: 10px;
  position: relative;
}
.hotelroom:not(.d-md-none) {
  padding: 0;
  margin: 0;
}
.hotelroom:not(.d-md-none):has(~ .hotelroom:not(.d-md-none)):not(.shipcabin) {
  margin-right: 10px;
}
.hotelroom label {
  width: 100%;
}
@media screen and (max-width: 800px) {
  .hotelroom {
    margin-inline: 0;
    margin: 0 0 15px;
    padding: 0;
  }
}

@media screen and (max-width: 800px) {
  .nopaddingmobile {
    padding: 0 !important;
  }
  .hotelroom {
    width: 100%;
  }
  .padding12 {
    padding: 6px;
  }
  .padding12inline {
    padding-inline: 6px;
  }
  .m-12 {
    margin-inline: 6px;
  }
}
.pricerow {
  justify-content: center;
  height: 100%;
}
.pricerow .pricedatecol {
  cursor: pointer;
  width: calc(14.2857142857% - 10px);
  margin-inline: 5px;
  padding-inline: 0;
  display: flex;
  flex-flow: column;
  text-align: center;
}
.pricerow .pricedatecol .price-Block {
  background: #e9e9e9;
  height: 100%;
  border-radius: 5px;
  display: flex;
  flex-flow: column;
  padding-top: 7px;
}
.pricerow .pricedatecol .price-Block span.price {
  margin-top: 7px;
  font-weight: bold;
  font-size: 18px;
}
@media screen and (max-width: 800px) {
  .pricerow .pricedatecol {
    margin-inline: 2px;
    font-size: 11px;
  }
  .pricerow .pricedatecol .price-Block span.price {
    margin-top: 7px;
    font-weight: bold;
    font-size: 14px;
  }
}
.pricerow .pricedatecol .datadate {
  padding-top: 5px;
  display: flex;
  flex-flow: column;
  justify-content: space-around;
}
.pricerow .pricedatecol .datadate b, .pricerow .pricedatecol .datadate span {
  margin-block: 2px;
}
.pricerow .pricedatecol .radiobutton {
  padding-top: 15px;
  padding-bottom: 15px;
}
.pricerow .pricedatecol.selected .price-Block {
  background: #9ebad2;
  color: #606060;
}
.pricerow .pricedatecol.active .price-Block {
  background: #427cac;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: white;
}
.pricerow .pricedatecol.active .datadate {
  background: #427cac;
  color: white;
}
.pricerow .pricedatecol.active .radiobutton {
  position: relative;
}
.pricerow .pricedatecol.active .radiobutton input {
  position: relative;
}
.pricerow .pricedatecol.active .radiobutton:before {
  position: absolute;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  background: #427cac;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  content: "";
  top: 0;
  left: 0;
}
.pricerow .pricedatecol:hover {
  background: rgba(217, 228, 254, 0.4);
  border-radius: 5px;
}

.usps-small {
  padding-inline: 30px;
  background: #e9e9e9;
  line-height: 23px;
  font-size: 13px;
  border-top: 1px solid #dfdfdf;
}
.usps-small b {
  font-size: 14px;
}
.usps-small li b {
  font-size: 13px;
}

.steps-loader {
  margin-block: 0;
  position: relative;
}
.steps-loader .step-wait {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  padding-top: 115px;
  z-index: 10;
}
.steps-loader .stepheaders {
  opacity: 0.6;
  text-align: left;
}

.included-small {
  border-top: 1px dashed #dfdfdf;
  font-size: 11px;
}
.included-small ul.list li, .included-small li {
  font-size: 11px;
}
.included-small ul.list li.plus, .included-small li.plus {
  padding-right: 13px;
}
.included-small ul.list li.minus, .included-small li.minus {
  padding-left: 13px;
}

.fakereadonly {
  background-color: #fff !important;
  border: 1px solid #ced4da;
}

.tooSlow {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 2000;
  left: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.tooSlow .popup {
  background: #fff;
  max-width: 420px;
  margin: auto;
  position: sticky;
  top: 100px;
  width: 100%;
  border-radius: 5px;
  padding: 16px;
  line-height: 24px;
  border: 1px solid #ced4da;
}
.tooSlow .popup b {
  font-size: 18px;
  line-height: 28px;
}

.input-right {
  left: initial !important;
  right: 30px;
}

.steps input[type=radio].input-right + label {
  padding-right: 60px;
  padding-left: 0;
}

.flight-box {
  line-height: 57px;
}
.flight-box .stop-dot {
  width: 10px;
  height: 10px;
  border: 2px solid #527089;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #dae5f0;
}
.flight-box .nw {
  white-space: nowrap;
}
.flight-box .nlh {
  line-height: initial;
}
.flight-box .flight-duration {
  font-size: 11px;
  text-align: center;
}
.flight-box .flight-date,
.flight-box .flight-stops {
  white-space: nowrap;
  font-size: 11px;
}
.flight-box .flight-stops {
  font-size: 12px;
}

.scroll-20 {
  padding-bottom: 12px !important;
}
.scroll-20:after {
  position: absolute;
  bottom: 0;
  content: "";
  height: 12px;
  width: 100%;
  left: 0;
  right: 0;
  background: linear-gradient(to right, #427cac 0, #427cac 20%, #FFFFFF 20%, #FFFFFF 100%);
  border-block: 1px solid lightgrey;
}

.scroll-25 {
  padding-bottom: 12px !important;
}
.scroll-25:after {
  position: absolute;
  bottom: 0;
  content: "";
  height: 12px;
  width: 100%;
  left: 0;
  right: 0;
  background: linear-gradient(to right, #427cac 0, #427cac 25%, #FFFFFF 25%, #FFFFFF 100%);
  border-block: 1px solid lightgrey;
}

.scroll-35 {
  padding-bottom: 12px !important;
}
.scroll-35:after {
  position: absolute;
  bottom: 0;
  content: "";
  height: 12px;
  width: 100%;
  left: 0;
  right: 0;
  background: linear-gradient(to right, #427cac 0, #427cac 35%, #FFFFFF 35%, #FFFFFF 100%);
  border-block: 1px solid lightgrey;
}

.scroll-40 {
  padding-bottom: 12px !important;
}
.scroll-40:after {
  position: absolute;
  bottom: 0;
  content: "";
  height: 12px;
  width: 100%;
  left: 0;
  right: 0;
  background: linear-gradient(to right, #427cac 0, #427cac 40%, #FFFFFF 40%, #FFFFFF 100%);
  border-block: 1px solid lightgrey;
}

.scroll-50 {
  padding-bottom: 12px !important;
}
.scroll-50:after {
  position: absolute;
  bottom: 0;
  content: "";
  height: 12px;
  width: 100%;
  left: 0;
  right: 0;
  background: linear-gradient(to right, #427cac 0, #427cac 50%, #FFFFFF 50%, #FFFFFF 100%);
  border-block: 1px solid lightgrey;
}

.scroll-60 {
  padding-bottom: 12px !important;
}
.scroll-60:after {
  position: absolute;
  bottom: 0;
  content: "";
  height: 12px;
  width: 100%;
  left: 0;
  right: 0;
  background: linear-gradient(to right, #427cac 0, #427cac 60%, #FFFFFF 60%, #FFFFFF 100%);
  border-block: 1px solid lightgrey;
}

.scroll-70 {
  padding-bottom: 12px !important;
}
.scroll-70:after {
  position: absolute;
  bottom: 0;
  content: "";
  height: 12px;
  width: 100%;
  left: 0;
  right: 0;
  background: linear-gradient(to right, #427cac 0, #427cac 70%, #FFFFFF 70%, #FFFFFF 100%);
  border-block: 1px solid lightgrey;
}

.scroll-75 {
  padding-bottom: 12px !important;
}
.scroll-75:after {
  position: absolute;
  bottom: 0;
  content: "";
  height: 12px;
  width: 100%;
  left: 0;
  right: 0;
  background: linear-gradient(to right, #427cac 0, #427cac 75%, #FFFFFF 75%, #FFFFFF 100%);
  border-block: 1px solid lightgrey;
}

.scroll-80 {
  padding-bottom: 12px !important;
}
.scroll-80:after {
  position: absolute;
  bottom: 0;
  content: "";
  height: 12px;
  width: 100%;
  left: 0;
  right: 0;
  background: linear-gradient(to right, #427cac 0, #427cac 80%, #FFFFFF 80%, #FFFFFF 100%);
  border-block: 1px solid lightgrey;
}

.scroll-95 {
  padding-bottom: 12px !important;
}
.scroll-95:after {
  position: absolute;
  bottom: 0;
  content: "";
  height: 12px;
  width: 100%;
  left: 0;
  right: 0;
  background: linear-gradient(to right, #427cac 0, #427cac 95%, #FFFFFF 95%, #FFFFFF 100%);
  border-block: 1px solid lightgrey;
}

.scroll-100 {
  padding-bottom: 12px !important;
}
.scroll-100:after {
  position: absolute;
  bottom: 0;
  content: "";
  height: 12px;
  width: 100%;
  left: 0;
  right: 0;
  background: linear-gradient(to right, #427cac 0, #427cac 100%, #FFFFFF 100%, #FFFFFF 100%);
  border-block: 1px solid lightgrey;
}

.scroll-105 {
  padding-bottom: 12px !important;
}
.scroll-105:after {
  position: absolute;
  bottom: 0;
  content: "";
  height: 12px;
  width: 100%;
  left: 0;
  right: 0;
  background: linear-gradient(to right, #427cac 0, #427cac 105%, #FFFFFF 105%, #FFFFFF 100%);
  border-block: 1px solid lightgrey;
}

.color-orange {
  color: #427cac !important;
}

.color-orange-check {
  padding-left: 10px;
  color: #427cac !important;
}
.color-orange-check:before {
  font-family: "Material Icons";
  font-weight: 900;
  content: "\e5ca";
}

@media screen and (max-width: 991px) {
  .scrollbaar li {
    width: initial;
    padding: 15px 10px;
    font-size: 12px;
  }
}
.caitlin {
  transform: scaleX(-1);
  position: absolute;
  bottom: -181px;
  right: 0;
}

.footer_sec .newsletter {
  display: flex;
  justify-content: space-around;
  flex-flow: column;
}
.footer_sec .newsletter input {
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .footer_sec .footer_topBox h4 {
    font-size: 18px;
    line-height: 24px;
  }
  .footer_sec .footer_topBox p {
    line-height: 22px;
    margin-bottom: 10px;
  }
  .footer_sec h5.clickit {
    position: relative;
  }
  .footer_sec h5.clickit:after {
    position: absolute;
    right: 10px;
    font-family: "Material Icons";
    font-weight: 900;
    content: "\e313";
    top: 0px;
    font-size: 14px;
  }
}
.footer_sec hr {
  margin-top: 2rem;
}
.footer_sec .logobox {
  text-align: center;
  display: flex;
  flex-flow: row;
  justify-content: space-around;
}
.footer_sec .logobox img {
  width: 100%;
  max-width: 200px;
  margin: auto;
}
.footer_sec .bottomfooter {
  text-align: center;
  line-height: 24px;
}
.footer_sec .bottomfooter div {
  font-size: 13px;
}
.footer_sec .logo_feedback img {
  width: 80px;
}

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