.overlay {
  background: rgba(0, 0, 0, 0.8); }

.bookingform-wrapper {
  background-color: #EEE;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  /*********** CALENDAR ******************/ }
  .bookingform-wrapper .box-wrapper {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb; }
  .bookingform-wrapper .close {
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.1); }
    .bookingform-wrapper .close:hover {
      background-color: rgba(0, 0, 0, 0.3); }
  .bookingform-wrapper .calendar_title {
    color: #fff;
    background: #D6634A; }
  .bookingform-wrapper form {
    /*********** RIGHT SIDEBAR ******************/ }
    .bookingform-wrapper form .main_col {
      /*********** LEGEND ******************/ }
      .bookingform-wrapper form .main_col #booking-calendar .ui-datepicker .ui-datepicker-calendar tbody td.date-in-range > a {
        background-color: #D6634A !important;
        color: #fff !important; }
      .bookingform-wrapper form .main_col #booking-calendar .ui-datepicker .ui-datepicker-calendar tbody td.date-in-range * {
        color: #666; }
      .bookingform-wrapper form .main_col #booking-calendar .ui-datepicker .ui-datepicker-calendar tbody td.last-room-available * {
        color: #fc0000; }
      .bookingform-wrapper form .main_col #booking-calendar .ui-datepicker .ui-datepicker-calendar tbody td.best-price:after, .bookingform-wrapper form .main_col #booking-calendar .ui-datepicker .ui-datepicker-calendar tbody td.last-room-available:after {
        border-color: transparent red transparent transparent; }
      .bookingform-wrapper form .main_col #booking-calendar .ui-datepicker .ui-datepicker-calendar tbody td.last-room-available:after {
        border-color: transparent green transparent transparent; }
      .bookingform-wrapper form .main_col #booking-calendar .ui-datepicker .ui-datepicker-calendar tbody td .ui-state-default {
        background: #FFF !important;
        color: #666 !important; }
        .bookingform-wrapper form .main_col #booking-calendar .ui-datepicker .ui-datepicker-calendar tbody td .ui-state-default:hover, .bookingform-wrapper form .main_col #booking-calendar .ui-datepicker .ui-datepicker-calendar tbody td .ui-state-default:active {
          background: #D6634A !important;
          color: #fff !important; }
      .bookingform-wrapper form .main_col #booking-calendar .ui-datepicker .ui-datepicker-calendar tbody td .ui-state-active {
        background: #FFF !important;
        color: #666 !important; }
      .bookingform-wrapper form .main_col #booking-calendar .ui-datepicker .ui-datepicker-calendar tbody td:hover a.ui-state-default,
      .bookingform-wrapper form .main_col #booking-calendar .ui-datepicker .ui-datepicker-calendar tbody td:hover span.data {
        color: #fff !important; }
      .bookingform-wrapper form .main_col #booking-calendar .ui-datepicker .ui-datepicker-calendar tbody td:hover a.ui-state-default {
        background: #D6634A !important; }
      .bookingform-wrapper form .main_col #booking-calendar .ui-datepicker.ui-datepicker-inline .ui-datepicker-header span {
        color: #333; }
      .bookingform-wrapper form .main_col #booking-calendar .ui-datepicker.ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title {
        color: #000; }
      .bookingform-wrapper form .main_col #booking-calendar .ui-datepicker.ui-datepicker-inline th {
        color: #333; }
      .bookingform-wrapper form .main_col #booking-calendar .ui-datepicker.ui-datepicker-inline td span.data {
        color: #666; }
      .bookingform-wrapper form .main_col .legend_wrap .legend .best,
      .bookingform-wrapper form .main_col .legend_wrap .legend .last {
        color: #333; }
      .bookingform-wrapper form .main_col .legend_wrap .legend .best:before {
        border-color: transparent #008000 transparent transparent; }
      .bookingform-wrapper form .main_col .legend_wrap .legend .last:before {
        border-color: transparent #FC0000 transparent transparent; }
    .bookingform-wrapper form .side {
      background-color: #e1e1e1; }
      .bookingform-wrapper form .side .solid-line {
        border-top: 1px solid #c8c8c8; }
      .bookingform-wrapper form .side .fields .field.iata input {
        color: #333; }
      .bookingform-wrapper form .side .fields .field.bestprice #bestprice {
        color: #000; }
      .bookingform-wrapper form .side .fields .field.field.book #bf_submit_dynamic {
        background: #000;
        color: #FFF; }
        .bookingform-wrapper form .side .fields .field.field.book #bf_submit_dynamic:hover {
          background: #D6634A;
          color: #fff; }
      .bookingform-wrapper form .side .fields .field.field.book .quick-search-cancel {
        color: #333; }
        .bookingform-wrapper form .side .fields .field.field.book .quick-search-cancel:hover {
          color: #D6634A; }
      .bookingform-wrapper form .side .fields .field label {
        color: #333; }
      .bookingform-wrapper form .side .fields .field .value {
        color: #333; }
      .bookingform-wrapper form .side .fields .field select {
        color: #333; }
      .bookingform-wrapper form .side .fields .field #bestprice-loading {
        background-color: #D6634A; }
        .bookingform-wrapper form .side .fields .field #bestprice-loading:after {
          border: 0px solid #e1e1e1; }

/*********** MEDIA QUERIES ******************/
@media (max-width: 770px) {
  .bookingform-wrapper form .side {
    border-top: 1px solid #c8c8c8; } }

.dyncal_wrapper {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999; }
  .dyncal_wrapper.visible {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.5); }

.dyncal_box {
  display: block;
  max-width: 1060px;
  width: 100%;
  height: 100%;
  overflow: auto; }

.dyncal_header {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 0 0 0 40px;
  background: #222;
  display: flex;
  flex-direction: row;
  align-items: center; }
  .dyncal_header .dyncal-title {
    line-height: 60px;
    color: #222;
    font-size: 35px;
    font-weight: 700; }
  .dyncal_header .close_calendar {
    display: block;
    width: 60px;
    height: 60px;
    margin-left: auto; }
    .dyncal_header .close_calendar .cross {
      position: relative;
      width: 60px;
      height: 60px;
      display: block; }
      .dyncal_header .close_calendar .cross:before, .dyncal_header .close_calendar .cross:after {
        content: '';
        display: block;
        background: #222;
        height: 2px;
        width: 40px;
        top: 50%;
        position: absolute;
        transform: rotate(45deg); }
      .dyncal_header .close_calendar .cross:before {
        left: 10px; }
      .dyncal_header .close_calendar .cross:after {
        right: 9px;
        transform: rotate(-45deg); }

/* widget css */
#fb_calendar .fbw-calendar {
  padding: 20px 0; }
  #fb_calendar .fbw-calendar button {
    top: 20px;
    width: 30px;
    height: 30px; }
    #fb_calendar .fbw-calendar button svg {
      width: 100%;
      height: 100%; }

#fb_calendar .fbw-calendar--config {
  padding: 20px;
  margin: 0; }
  #fb_calendar .fbw-calendar--config > fieldset,
  #fb_calendar .fbw-calendar--config > div {
    margin-right: 0;
    margin-left: 0; }
  #fb_calendar .fbw-calendar--config label {
    margin-right: 0;
    font-weight: 300;
    font-size: .9em;
    text-transform: uppercase; }
  #fb_calendar .fbw-calendar--config .fbw-calendar--dates {
    height: auto; }
    #fb_calendar .fbw-calendar--config .fbw-calendar--dates span {
      display: block;
      height: 30px;
      padding-right: 10px;
      line-height: 30px; }

#fb_calendar #widgets--wrapper {
  padding-right: 0;
  font-family: "Lato", "arial", sans-serif; }
  #fb_calendar #widgets--wrapper .fbw-calendar--main {
    max-width: 100%; }

#fb_calendar .fbw-calendar--month {
  width: 95%; }
  #fb_calendar .fbw-calendar--month thead th {
    text-transform: uppercase; }

#fb_calendar .fbw-calendar--legend {
  text-align: center; }

#fb_calendar .fbw-calendar--bottom .mobile {
  display: none; }

/* widget css */
.bookingform-wrapper .calendar_title {
  color: #fff;
  background: #2098D1 !important; }

#fb_calendar {
  padding-top: 60px; }

#fb_calendar .fbw-calendar {
  padding: 20px 0; }

#fb_calendar .fbw-calendar button {
  top: 20px; }

#fb_calendar .fbw-calendar--config {
  padding: 10px 20px;
  margin: 0;
  background-color: #eee; }

#fb_calendar .fbw-calendar--config > fieldset,
#fb_calendar .fbw-calendar--config > div {
  margin-right: 0;
  margin-left: 0; }

#fb_calendar .fbw-calendar--config label {
  margin: 10px 0 5px;
  font-weight: 300;
  font-size: .9em;
  text-transform: uppercase; }

#fb_calendar .fbw-calendar--config input,
#fb_calendar .fbw-calendar--config select {
  padding: 0 10px;
  border: 1px solid #ccc !important; }

#fb_calendar .fbw-calendar--config .fbw-calendar--dates {
  height: auto; }

#fb_calendar .fbw-calendar--config .fbw-calendar--dates span {
  display: block;
  height: 25px;
  padding: 0 10px;
  margin: 0;
  line-height: 25px;
  border: 1px solid #ccc; }

#fb_calendar .fbw-calendar--config .config-item {
  margin-top: 5px; }

#fb_calendar #widgets--wrapper {
  padding-right: 0; }

#fb_calendar #widgets--wrapper .fbw-calendar--main {
  color: #666;
  max-width: 100%; }

#fb_calendar .fbw-calendar--month {
  width: 95%; }

#fb_calendar .fbw-calendar--month thead th {
  padding: 5px 0;
  text-transform: uppercase; }

#fb_calendar .fbw-calendar--month .fbw-calendar--day.chosen_day {
  background-color: #a6a6a6;
  color: #FFF; }

#fb_calendar .fbw-calendar--month .fbw-calendar--day.fbw-calendar--in-between {
  background-color: #8c8c8c;
  color: #FFF; }

#fb_calendar .fbw-calendar--action .next {
  background-color: #A43364;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

#fb_calendar .fbw-calendar--action .next:hover {
  background-color: #7d274c; }

#fb_calendar .fbw-calendar--action .next .next--button {
  color: #fff; }

#fb_calendar .fbw-calendar--legend {
  text-align: center; }

#fb_calendar .fbw-calendar--bottom .mobile {
  display: none; }