@import url(https://booking.holidayagent.nl/css/booking/mybooking/default.css);
html{font-size: 1em}
body {
    font-family: var(--mainfont);
    color: var(--black);
    font-size: 1.05em;
    line-height: 1.75;
    background-color: var(--bgblue);
}
.layout-mo-form__success{
  text-align:center;
}
.footer__column-nav-title{
  color: #ffffff;
}
.layout-article--mo{
  padding: 5em 0;
  text-align:center;
}
.layout-article--mo .layout-article__title{
  text-align: center;
}
.mybooking-login .well, .mybooking-reset .well, .mybooking-register .well{
  margin: 0;
}
h1,h2,h3,h4{
  font-family: var(--mainfont);
}
.input-group .input-group-addon{
  background-color: var(--lightblue);
  border: 1px solid var(--lightblue);
  border-right: 1px solid var(--blue);
}
.input-group .input-group-addon .icon{
  filter: brightness(10);
}
.button:hover{
  text-decoration: none;
  color: #ffffff;
}
.input-group-wrapper label{
  width: 100%;
}
.input-group{
  display: flex;
}
span.input-group-addon {
    display: block;
    flex: 0 0 42px;
}

.booking-widget--mo .btn,
.booking-widget--mo input:not([type="checkbox"]):not([type="radio"]).btn{
    position: relative;
    display: inline-block;
    padding: 0.75em 2.5em 0.75em 2.5em;
    /*padding: 0.75em 2.5em calc(0.75em + 5px) 2.5em;*/
    color: #ffffff;
    cursor: pointer;
    font-family: var(--subfont);
    text-decoration: none;
    background-color: var(--blue);
    text-align: center;
    border-radius: 5px;
    transition: 0.25s ease background-color,0.25s ease color,box-shadow 0.25s ease,border 0.25s ease;
    border: 0;
    height: auto;
    border-bottom: 5px solid var(--lightblue);
    box-shadow: 0 5px var(--blue);
    outline: 0;

}
.booking-widget--mo .buttons .btn.pull-right{
  float: none!important;
  margin-left: auto;
}
.buttons{
  overflow: unset;
  display: flex;
  gap: .5em;
  flex-wrap: wrap;
}
.row>.logo{
  display: none;
}
.booking-widget--mo .btn:hover,
.booking-widget--mo input:not([type="checkbox"]):not([type="radio"]).btn:hover{
    border-bottom-color: var(--lightsand);
    background-color: var(--lightblue);
    box-shadow: 0 5px var(--lightblue);
    color: #ffffff;
    outline: 0;
}
.nav-main__languages__container{
  display: none;
}
.well{
      box-shadow: 1px 0 3px rgb(31 53 71 / 25%);
      background-color: var(--lightsand);
      border: 0;
}
.well>p>strong{
  font-family: var(--subfont);
  color: var(--green);
  font-weight: 400;
}
.well h1,
.well h2,
.well h3,
.well h4{
  color: var(--blue);
  margin-bottom: 0;
}
.well>p:first-of-type{
  margin-top: 0;
}

.well ul{
  padding-left: 1em;
}
.layout-header-contact__info a:hover{
  text-decoration: none;
}
.footer__column a:hover{
  color: #ffffff;
}
.partner-icon.partner-icon--reviews:hover{
  text-decoration: none;
}
.ha-mybooking-my-data table.full-width tr td{
  font-size: 1em;
}
.booking-widget-mybooking .container{
  width: 100%;
  padding: 0;
}
.ha-mybooking-my-reservations ul li:nth-child(odd){
  background-color: var(--sand);
}
.ha-mybooking-my-reservations ul li:nth-child(even){
  background-color: var(--bgblue);
}


.ha-mybooking-my-data>.well>table>tbody>tr>td:last-child{
  font-weight: 600;
  color: var(--blue);
}
.mybooking-nav{
  width: 100%;
  background-color: var(--forestgreen);
  margin-top: 0;
  margin-bottom: 1.5em;
  border-radius: 0 0 5px 5px;
}
.mybooking-nav-container>svg{
  fill: var(--forestgreen);
  vertical-align: bottom;
  display: block;
  margin-bottom: -1px;
  margin-top: 1.5em;
}
.mybooking-nav li,
.mybooking-nav li.active{
  background: transparent;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.4;
  padding: 1em 1.5em;
  border: 5px solid transparent;
}
.mybooking-nav li:not(.active):hover{
  background: var(--green);
}
.mybooking-nav li.active{
  border-bottom: 5px solid var(--green);
}
.ha-mybooking-pricing-table tr:nth-child(2n+1) td, .ha-mybooking-pricing-table tr th, .ha-mybooking-members-table tr:nth-child(2n+1) td, .ha-mybooking-members-table tr th, .ha-mybooking-document-table tr:nth-child(2n+1) td, .ha-mybooking-document-table tr th{
  background-color: var(--bgblue);
}

.ha-mybooking-pricing-table caption, .ha-mybooking-pricing-table td, .ha-mybooking-pricing-table th, .ha-mybooking-members-table caption, .ha-mybooking-members-table td, .ha-mybooking-members-table th, .ha-mybooking-document-table caption, .ha-mybooking-document-table td, .ha-mybooking-document-table th{
  border-right-color: var(--lightgreen);
  border-bottom-color: var(--lightgreen);
}
.ha-mybooking-pricing-table tr.ha-mybooking-pricing-table-tr-total td{
  border-top-color: var(--lightgreen);
}
.ha-mybooking-pricing-table, .ha-mybooking-members-table, .ha-mybooking-document-table{
  border-top-color:var(--lightgreen) !important;
  border-left-color: var(--lightgreen) !important;
}
.ha-mybooking-pricing-table tr:nth-child(2n) td, .ha-mybooking-members-table tr:nth-child(2n) td, .ha-mybooking-document-table tr:nth-child(2n) td{
  background-color: var(--sand);
}
.ha-mybooking-my-reservations ul li.ha-mybooking-active{
  box-shadow: inset 1px 0 3px rgb(31 53 71 / 25%);
}
.booking-widget-mybooking-edit-content{
      max-width: 1440px;
}
.booking-widget--mo .btn.form-control:not(.btn-default),
.booking-widget--mo input:not([type="checkbox"]):not([type="radio"]).btn.form-control:not(.btn-default){
  background-color: var(--forestgreen);
  border-bottom-color: var(--lightgreen);
  box-shadow: 0 5px var(--forestgreen);
}

.booking-widget--mo .btn.form-control:not(.btn-default):hover,
.booking-widget--mo input:not([type="checkbox"]):not([type="radio"]).btn.form-control:not(.btn-default):hover{
  background-color: var(--green);
  border-bottom-color: var(--sand);
  box-shadow: 0 5px var(--green);
}

.ha-mybooking-members-table .icon-add{
  width: 32px;
  height: 32px;
  background-image: url(../img/user-add.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.ha-mybooking-my-data .icon-add/*:has(>a[data-mybooking-action="add-vehicle"])*/{
  width: 32px;
  height: 32px;
  background-image: url(../img/car-add.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.ha-mybooking-my-reservation-details h4,
.ha-mybooking-my-reservation>.well>h4{
  color: var(--forestgreen);
  font-family: var(--subfont);
  font-weight: 400;
}
.ha-mybooking-pricing-table tr.ha-mybooking-pricing-table-tr-total td{
  color: var(--blue);
}
@media (min-width: 1100px) and (max-width: 1399px){
 .ha-mybooking-my-data .well tr,
 .ha-mybooking-my-data .well tr td{
  display: block;
 }
}
@media (max-width: 1099px){
  .col-sm-12{
    width: 100%;

  }
}
@media (max-width: 768px){
  .col-sm-12{
    padding: 0;
  }
  .row {
    margin-left: 0;
    margin-right: 0;
  }
  .layout-article--mo .layout-article__title{
    margin-bottom: 20px;
  }
  .mybooking-nav-container.mybooking-nav-container--open {
    background-color: var(--forestgreen);
  }
  .mybooking-nav li:hover, .mybooking-nav li.active{
    color: #ffffff;
  }
  .mybooking-nav li.active{
    border-color: var(--green);
  }
}