.tx-accommodation-search {
  background: transparent;

  &.flex-container-search {
    display: flex;
    justify-content: center;
    padding-top: 15px;
  }


  background: $primary-bg;
  display: grid;

  section {
    display: flex;
    max-height: 44px;
  }

  #accordion-occ-parent,
  #categoryChoice,
  #date-inputs,
  #channelChoice {
    flex-direction: column;
  }

  #accordion-occ-parent,
  #categoryChoice {
    min-width: 48%;
  }

  #accordion-occ-parent {
    margin: 0px !important;
    padding-right: 15px;

    #accordion-element-occ {
      .card-header {
        padding: 0px;
        border-radius: 3px;
      }

      .card-body {
        padding-top: 0px;
        padding-bottom: 0px;
      }

      #collapse-occ-parent-occ {
        border-radius: 3px;
        background: #FFF;
        margin-top: 4px;
        overflow: hidden;
      }
    }
  }

  #categoryChoice {
    margin: 0px !important;
    padding-right: 15px;

    .multi-select-menuitems {
      background: #FFFFFF;
    }
  }


  .accordion {
    .card-header {
      background: $primary-color;

      h4 {
        font-size: 1rem;
      }
    }
  }

  .ModuleDatepicker {
    &.sqs {
      margin-right: 5px;
    }
  }

  .multi-select-container {
    @include media-breakpoint-up(md) {
      width: 50%;
    }

    .form-check {
      padding-left: 0;
    }

    .recaptcha {
      padding-left: 15px;
    }

    .hasDatepicker {
      &:hover {
        cursor: pointer;
      }
    }

    input.add-on {
      width: 20px;
      height: 20px;
      vertical-align: middle;
      margin-right: 7px;
    }

    label {
      padding-left: 15px;
    }

    .form-control {
      border: 2px solid #a2a2a2;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.375rem;
    }

    .help-block {
      font-weight: 400;
      font-size: 1rem;
      line-height: 1.1;
    }

    .clearfix p {
      font-size: 1rem;
    }

    textarea {
      border-radius: 8px;
    }

    label {
      &.multi-select-menuitem {
        font-size: 12px !important;
        text-align: left;
        font-weight: normal;
      }

    }

  }

  .multi-select-container,
  .multi-select-container:hover {
    border-bottom: none;
    width: 100%;

    multi-select-button {
      padding-top: 15px;

    }

    label {
      padding-left: 35px;
    }
  }

  .ast-chk-container:hover input~.ast-checkmark {
    border: solid #d9b77b 1px;
  }

  .ast-checkmark {
    height: 20px;
    width: 20px;
    background-color: #FFF;
    border: solid #757575 1px;

    &::after {
      left: 6px !important;
      top: 2px !important;
      width: 6px !important;
      height: 12px !important;
      border-color: #fff !important;
    }
  }

  .ast-chk-container input:checked~.ast-checkmark {
    background-color: #d9b77b;

    &::after {
      left: 6px !important;
      top: 2px !important;
      width: 6px !important;
      height: 12px !important;
      border-color: #fff !important;
    }
  }

  #occupants-selection {
    .ast-form-group {
      display: flex;
      margin-bottom: 10px;

      &:last-of-type {
        margin-bottom: 0px;
      }

      label {
        font-size: 12px;
      }

      .select-spinner {
        height: 30px;

        .select-spinner-btn {
          background: #eaeaea;
          height: 30px !important;
          width: 48px;
          /* display: flex; */
          line-height: initial;
          text-align: center;
          justify-content: center;
          align-items: center;

          .icon-booking-engine-spinner-less {
            &::before {
              content: "-";
              font-weight: 700;
              position: relative;
              top: -5px;
            }
          }

          .icon-booking-engine-spinner-more {
            &::before {
              content: "+";
              font-weight: 700;
              position: relative;
              top: -5px;
            }
          }
        }

        .test-spinner-input {
          max-width: 38px;
          font-size: 13px;
          background: transparent;
        }
      }
    }
  }

  .selectionCateroryWrapper {
    display: flex;
    flex-direction: column;

  }

  .search {
    margin-top: 28px !important;


    &.dp-search-btn-class {
      color: $primary-color;
      background: #d9b77b;
      background-color: #d9b77b;
      font-family: $font-family-secondary;
      font-size: 14px;
      border: 3px solid #d9b77b;
      border-radius: 3px;
      transition: all 0.22s linear 0s;

      .btn-text {
        padding: 14px;
      }

      &:after {
        background-image: url('/static_assets/wabs_accommodation/Icons/button-search.svg');
        background-color: transparent !important;
        background-repeat: no-repeat;
        background-size: 18px 18px;
        display: inline-block;
        width: 18px !important;
        height: 18px !important;
        position: absolute;
        right: 10px;
        left: inherit;
        z-index: 99;
        margin: 0px;
        content: "";
        display: block;
        opacity: 0;
        transition: all 0.22s linear 0s;
      }

      &:hover,
      &:active {
        text-indent: -20px;
        border: none;
        background-color: #d9b77b !important;

        &:after {
          opacity: 1;
          text-indent: 0px;
        }
      }

    }
  }


  .searchDateForm {
    display: flex;

    .departureDate {
      margin-left: -2px; //workaround to hide border-radius at left side
    }

    button.search {
      background-color: #d9b77b !important;
      margin: 15px 0px 15px 15px;
    }
  }

  .ui-datepicker {
    .ui-datepicker-title {
      text-transform: capitalize;
    }
  }

  .ast-form-label {
    color: $quaternary-color;
  }

  .ast-form-group-focused {
    span.ast-form-control {
      border-bottom: 1px solid #d9b77b;
    }
  }

  .ui-datepicker td a[price]::after {
    color: $secondary-color;
  }

  thead {
    th {
      background-color: $primary-color;

      span {
        text-transform: uppercase;
        color: $quaternary-color;
        background-color: inherit;
      }
    }
  }

  tbody {

    tr:nth-child(2n+1),
    tr:nth-child(2n) {
      background: $primary-color;
    }
  }


  .sqs .multi-select-button::after {
    display: none;
  }

  .multi-select-button-txt {
    color: lightgrey;
  }

  .rangeFirstDate,
  .rangeLastDate {
    background-color: #d9b77b !important;
    border-radius: unset;

    &.between-date {
      opacity: unset;
    }
  }

  .between-date {
    background: #d9b77b;
    opacity: 0.35;
  }

  .outer-ast {
    border-radius: 3px;
    display: block;
    height: 42px;
    max-height: 42px;
    background-color: #FFFFFF;
    position: relative;

    &.check-in {
      &::before {
        background-image: url('/static_assets/wabs_accommodation/Icons/dropdown-calendar-default.svg');
        background-repeat: no-repeat;
        background-size: 24px 24px;
        display: inline-block;
        width: 24px;
        height: 24px;
        position: absolute;
        z-index: 99;
        margin: 6px 8px;
        content: "";
      }

      &:hover {
        cursor: pointer;
      }
    }

    &.check-out {
      &::before {
        content: "";
        border-left: 1px solid #CBCBCB;
      }

      &:hover {
        cursor: pointer;
      }
    }

    input.ast-form-control[type="text"] {
      padding-left: 50px !important;
      height: 84%;
      font-size: 14px !important;
      font-weight: normal;
      color: #212121;
      border: none;

      &:hover {
        border: none;
      }
    }

    input.ast-form-control.check-out {
      width: 99%;
    }
  }

  .multi-select-button-txt {
    padding-left: 50px !important;
    height: 100%;
    font-size: 14px;
    font-weight: normal;
    color: #212121;
    padding-top: 12px;
  }


  .multi-select-button {
    border-radius: 3px;
    display: block;
    height: 38px;
    max-height: 38px;
    background-color: #FFFFFF;

    &::before {
      background-image: url('/static_assets/wabs_accommodation/Icons/dropdown-category-default.svg');
      background-repeat: no-repeat;
      background-size: 24px 24px;
      display: inline-block;
      width: 24px;
      height: 24px;
      position: absolute;
      z-index: 99;
      margin: 9px 8px 10px 8px;
      content: "";
    }

    span {
      padding-left: 50px !important;
      padding-right: 25px;

      &::after {
        font-weight: 900;
        font-size: 1.25rem;
        line-height: 1.25rem;
        border: none;
        position: absolute;
        top: 50%;
        transform: translate(0%, -50%);
        content: url(/static_assets/wabs_accommodation/Icons/dropdwon-arrow-open.svg) !important;
        position: absolute;
        z-index: 999;
        width: 28px;
        height: 28px;
        display: block;
        right: 10px !important;
      }
    }

    &:hover {
      cursor: pointer;
    }

  }

  .multi-select-container--open {
    .multi-select-button {
      .multi-select-button-txt {
        &::after {
          /*transition: all 0.05s 0.05s;
          transform: rotate(180deg);*/
          content: url(/static_assets/wabs_accommodation/Icons/dropdwon-arrow-close.svg);
        }
      }
    }
  }

  .accordion-element::before {
    background-image: url('/static_assets/wabs_accommodation/Icons/dropdown-number-of-visitors-default.svg');
    background-repeat: no-repeat;
    background-size: 27px 27px;
    display: inline-block;
    width: 27px;
    height: 27px;
    position: absolute;
    z-index: 99;
    margin: 9px 8px 10px 8px;
    content: "";
  }

  .accordion-toggle {
    padding-left: 50px !important;
    font-weight: normal;
    font-size: 14px;
    font-family: Roboto, Arial, sans-serif;
    display: inline-block;
    width: calc(100% - 18px);
    height: 100%;

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

    &:hover {
      text-decoration: none;
    }

    &::after {
      content: url(/static_assets/wabs_accommodation/Icons/dropdwon-arrow-open.svg) !important;
      position: absolute;
      z-index: 999;
      width: 28px;
      height: 28px;
      display: block;
      right: 10px !important;
    }

    &[aria-expanded="true"] {
      &::after {
        /*transition: all 0.05s 0.05s;
        transform: rotate(180deg);*/
        content: url("/static_assets/wabs_accommodation/Icons/dropdwon-arrow-close.svg");
      }
    }
  }

  .departureDate {
    .ast-form-label {
      visibility: hidden;
    }
  }

  #date-inputs {
    #datepicker {
      input {
        &.check-in {
          padding-left: 70px !important;
        }
      }
    }
  }

  /* CALENDAR / DATEPICKER */
  .datepicker-custom-dialog {
    width: 700px; // maybe remove that
    right: 0px;
    top: 58px !important;

    p {
      font-size: 14px;
      font-weight: normal;
      color: #757575;
      border-bottom: 1px solid #cecece;
      margin-top: 14px;
      padding-bottom: 10px;
    }
  }

  .ui-datepicker {
    margin-top: 10px;

    .ui-datepicker-title {
      font-size: 14px;
    }

    thead {
      th {
        span {
          color: #757575;
          font-size: 12px;
        }
      }
    }

    td {
      height: 40px;
      width: 46px;

      a[price] {
        &::after {
          padding-top: 4px
        }
      }
    }

    td a,
    .ui-datepicker-calendar .ui-state-disabled {
      font-size: 12px;
    }
  }

  /************/

  /* Fix to drop down the persons menu WITHOUT collapsing the whole page */
  #accordion-element-occ {
    position: relative;

    #collapse-occ-parent-occ {
      position: absolute;
      left: 0;
      top: 42px;
      float: left;
      min-width: 100%;
      width: 300px;
      background: #fff;
      margin: 1em 0;
      padding: 0.4em 0;
      box-shadow: 0 1px 3px rgb(0 0 0 / 20%);

    }
  }

  #categoryChoice {
    .multi-select-menu {
      top: 22px;
      border-radius: 3px;
      overflow: inherit !important;
    }

    .multi-select-container-title {
      display: none;
    }
  }

  /***********************************************************************/

  /* Icons */
  .pax-form-group label {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    display: inline-block;
    background-position: 0px 0px;
    padding-left: 34px;
  }

  .pax-form-group:nth-child(1) {
    label {
      background-image: url('/static_assets/wabs_accommodation/Icons/dropdown-number-of-visitors-adults.svg');
    }
  }

  .pax-form-group:nth-child(2) {
    label {
      background-image: url('/static_assets/wabs_accommodation/Icons/dropdown-number-of-visitors-children.svg');
    }
  }

  .pax-form-group:nth-child(3) {
    label {
      background-image: url('/static_assets/wabs_accommodation/Icons/dropdown-number-of-visitors-babies.svg');
    }
  }

  /*#collapse-occ-parent-occ {
    i {
      background-repeat: no-repeat;
      background-size: 20px 20px;
      display: inline-block;
      width: 20px;
      height: 20px;
      margin-right: 8px;
      content: "";
      padding-right: 28px;

      &.ast-adults {
        background-image: url('/static_assets/wabs_accommodation/Icons/dropdown-number-of-visitors-adults.svg');
      }

      &.ast-children {
        background-image: url('/static_assets/wabs_accommodation/Icons/dropdown-number-of-visitors-children.svg');
      }

      &.ast-babies {
        background-image: url('/static_assets/wabs_accommodation/Icons/dropdown-number-of-visitors-babies.svg');
      }
    }
  }*/

  // 2nd style
  &.search-style-1 {
    background-color: #FFF;
    padding: 10px;
    border-radius: 6px;

    // Move the box negative to top
    margin-top: -50px;
    z-index: 9999;
    position: relative;
    -webkit-box-shadow: 4px 4px 15px 5px rgba(181, 181, 181, 0.82);
    box-shadow: 4px 4px 15px 5px rgba(181, 181, 181, 0.82);

    .title.ast-form-label,
    .finputs .ast-form-label {
      display: none;
    }

    .search {
      margin-top: 0px !important;
      height: 42px;
    }

    .ast-form-group {
      margin-bottom: 0px;
    }

    .ast-filter-element {

      &#accordion-occ-parent,
      &#categoryChoice {
        border: 1px solid #959595;
        border-radius: 3px;
        border-color: #959595;
      }


      .arrivalDate span {
        border: 1px solid #959595;
        border-right: transparent;
        border-radius: 3px;
      }

      .departureDate span {
        border: 1px solid #959595;
        border-left: transparent;
        border-radius: 3px;
      }
    }

    .accordion .card-header .card-title,
    .multi-select-button-txt,
    input.ast-form-control[type="text"] {
      color: #959595;

    }

    #accordion-occ-parent,
    #categoryChoice {
      padding-right: 0px;
      margin-right: 15px !important;

    }
  }


  // 2nd style
  &.search-style-2 {
    background-color: #FFF;
    padding: 10px;
    border-radius: 6px;

    // Move the box negative to top
    margin-top: 0px;
    z-index: 100;
    position: relative;
    -webkit-box-shadow: 4px 4px 15px 5px rgba(181, 181, 181, 0.82);
    box-shadow: 4px 4px 15px 5px rgba(181, 181, 181, 0.82);

    @include media-breakpoint-down(md) {
      margin-bottom: 50px;
    }

    .title.ast-form-label,
    .finputs .ast-form-label {
      display: none;
    }

    .search {
      margin-top: 0px !important;
      height: 42px;
    }

    .ast-form-group {
      margin-bottom: 0px;
      height: 42px;
    }

    .ast-filter-element {

      &#accordion-occ-parent,
      &#categoryChoice {
        border-right: 1px solid #CBCBCB;
        padding-left: 14px;
      }

      #accordion-occ-parent {
        border-right: 1px solid #CBCBCB;
      }

      .departureDate {
        border-right: 1px solid #CBCBCB;
      }

      .arrivalDate {
        padding-left: 14px;
      }

      .departureDate {
        input.ast-form-control[type="text"] {
          padding-left: 30px;
        }
      }

    }

    .multi-select-button {
      span {
        &::after {
          content: "" !important;
          width: auto;
          height: auto;
          position: static;
        }
      }
    }

    .accordion {
      .card-header {
        .card-title {
          .accordion-toggle {
            &::after {
              content: "" !important;
              width: auto;
              height: auto;
              position: static;
            }
          }
        }
      }
    }

    .accordion .card-header .card-title,
    .multi-select-button-txt,
    input.ast-form-control[type="text"] {
      color: #959595;
    }

    #accordion-occ-parent,
    #categoryChoice {
      padding-right: 0px;
      margin-right: 15px !important;

    }

    #categoryChoice:hover {
      .multi-select-button {
        &::before {
          color: #00503C;
          background-image: url('/static_assets/wabs_accommodation/Icons/dropdown-category-mouseover-active.svg');
        }

        .multi-select-button-txt {
          color: #00503C;
        }
      }
    }

    #accordion-occ-parent {
      &:hover {
        #accordion-element-occ {
          &::before {
            background-image: url('/static_assets/wabs_accommodation/Icons/dropdown-number-of-visitors-mouseover-active.svg');
          }
        }

        .accordion-toggle {
          color: #00503C;
        }
      }
    }

    #datepicker {

      .arrivalDate,
      .departureDate {
        &:hover {
          input {
            &.ast-form-control {
              color: #00503C;
            }
          }

          span.outer-ast {
            &::before {
              background-image: url('/static_assets/wabs_accommodation/Icons/dropdown-calendar-mouseover-active.svg');
            }
          }
        }
      }
    }

    .ui-datepicker thead th span {
      color: #000000;
      font-size: 12px;
      font-weight: bold;
    }

    .ast-form-control {
      margin-top: 3px;
    }

    #accordion-occ-parent .card-title {
      padding-top: 16px;
    }

    #categoryChoice .multi-select-button-txt {
      padding-top: 16px;
    }

  }


  // bis inkl. 1199px
  @include media-breakpoint-down(xl) {
    #categoryChoice {
      padding-left: 0px !important;
    }

    #accordion-occ-parent {
      padding-left: 4px !important;
    }

    #date-inputs #datepicker input.check-in {
      padding-left: 48px !important;
    }

    #date-inputs #datepicker input.check-out {
      padding-left: 20px !important;
    }

    #accordion-occ-parent .card-title {
      padding-bottom: 0px;
      padding-right: 4px;
    }

    #categoryChoice .multi-select-button-txt {
      padding-bottom: 0px;
    }

    #categoryChoice .multi-select-button span {
      padding-right: 4px;
    }

  }

  // bis inkl. 991px
  @include media-breakpoint-down(lg) {
    margin-top: inherit !important;
    display: block !important;
    padding-top: 6px !important;

    -webkit-box-shadow: 4px 4px 15px 5px rgba(181, 181, 181, 0.3) !important;
    box-shadow: 4px 4px 15px 5px rgba(181, 181, 181, 0.3) !important;

    input.ast-form-control[type="text"],
    .card-title,
    .multi-select-button-txt {
      color: #4D4D4D !important;
    }


    #channelChoice {
      display: none;
    }

    section {
      flex-direction: column;
      max-height: 100% !important;
    }

    .finputs {
      width: 50%;
    }

    .ast-filter-element .arrivalDate {
      padding-left: 0px !important;
    }

    .accordion-toggle {
      padding-left: 43px !important;
    }

    .multi-select-button span {
      padding-left: 45px !important;
    }

    .multi-select-button::before {
      margin-left: 5px !important;
    }

    .accordion-element::before {
      margin-left: 2px !important;
    }

    .outer-ast.check-in::before {
      margin-left: 5px !important;
    }

    #datepicker input.check-out {
      max-width: 100%;
    }

    #accordion-occ-parent,
    #categoryChoice,
    #accordion-occ-parent,
    .departureDate {
      border: 0 !important;
    }

    #categoryChoice {
      border-bottom: 1px solid #CBCBCB !important;
      padding-bottom: 6px;

      .multi-select-menu {
        z-index: 999;
        left: -10px;
        right: -25px;

        @include media-breakpoint-down(lg) {
          padding-top: 150px;
        }
      }
    }

    #accordion-occ-parent {
      border-bottom: 1px solid #CBCBCB !important;
      padding-bottom: 12px;
    }

    .ast-form-group.btn-search-group {
      width: 100%;
      position: absolute;
      bottom: -50px;
      left: 0;
      right: 0;

      button.search {
        margin: 0 auto;
        border: 0;
        width: 100%;
        display: block;
        padding: 0px;
      }
    }

    .searchDateForm button.search {
      border-radius: 5px !important;
      height: 50px !important;
    }

    .datepicker-custom-dialog {
      width: 100%; // maybe remove that
      top: 150px !important;
    }

  }

  // bis inkl. 767px
  @include media-breakpoint-down(md) {

    #date-inputs #datepicker input.check-out {
      padding-left: 0px !important;
      text-align: center;
    }

    .datepicker-custom-dialog {
      width: 100%; // maybe remove that
      top: 0px !important;
    }

  }

}

i {
  &.ast-categories {
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    content: "";
    padding-right: 28px;
    background-image: url('/static_assets/wabs_accommodation/Icons/dropdown-category-default-gray-bg.svg');
  }

  &.ast-dates {
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    content: "";
    padding-right: 28px;
    background-image: url('/static_assets/wabs_accommodation/Icons/dropdown-calendar-default.svg');
  }

  &.ast-persons {
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    content: "";
    padding-right: 28px;
    background-image: url('/static_assets/wabs_accommodation/Icons/dropdown-number-of-visitors-default.svg');
  }
}

@media(max-width: 699px) {
  .tx-accommodation-search {

    // category choice dialog mobile
    #categoryChoice {
      .multi-select-menu {
        top: 0px;
        padding-bottom: 25%; // delete this mabye

        .multi-select-container-header {
          background-color: #ECECEC;
          height: 65px;
        }

        .multi-select-container-header,
        .multi-select-menuitems {
          padding-left: 28px;
        }

        .multi-select-container-footer {
          padding-left: 28px;
          padding-right: 28px;
        }

        .multi-select-container-header-left {
          flex-grow: initial;
        }

        .multi-select-container-header-left {
          display: none;
        }

        .multi-select-container-header-right {
          justify-content: flex-start;
          flex-grow: inherit;

          .icon-booking-close-dialog {
            width: auto;
            height: auto;

            &::before {
              background-image: url('/static_assets/wabs_accommodation/Icons/arrow-left.svg');
              background-repeat: no-repeat;
              background-size: 27px 27px;
              display: inline-block;
              width: 27px;
              height: 27px;
              position: absolute;
              z-index: 99;
              margin: 0px 8px 0px 0px;
              content: "";
            }
          }

        }

        .multi-select-container-header-right2 {
          flex-grow: inherit;
          display: flex;
          align-items: center;
          margin-left: 50px;

          p {
            display: inline-block;
            font-size: 16px;
            font-weight: 700;
          }
        }

        .multi-select-container-footer {
          border-top: 0;

          button {
            background-color: #d9b77b !important;
            margin-left: 0px;
          }
        }

        label {
          font-weight: 700;
        }
      }

      .ast-checkmark {
        margin-top: 2px;
      }
    }

    // Datepicker mobile
    #booking-datepicker {
      .datepicker-custom-dialog {
        padding-bottom: 25%; // delete this mabye
        padding-top: 100px;
      }

      .datepicker-custom-dialog>p {
        display: none;
      }

      .datepicker-container-header {
        background-color: #ECECEC;
        padding-left: 22px;
        min-height: 65px;

        .datepicker-container-header-left {
          display: none;
        }

        .datepicker-container-header-right {
          justify-content: flex-start;
          flex-grow: inherit;

          .icon-booking-close-dialog {
            width: auto;
            height: auto;

            &::before {
              background-image: url('/static_assets/wabs_accommodation/Icons/arrow-left.svg');
              background-repeat: no-repeat;
              background-size: 27px 27px;
              display: inline-block;
              width: 27px;
              height: 27px;
              position: absolute;
              z-index: 99;
              margin: 0px 8px 0px 0px;
              content: "";
            }
          }
        }

        .datepicker-container-header-right2 {
          flex-grow: inherit;
          display: flex;
          align-items: center;
          margin-left: 50px;

          p {
            display: inline-block;
            font-size: 16px;
            font-weight: 700;
            font-family: 'Gotham Narrow', sans-serif;
            color: #000000;
            border: 0;
          }
        }
      }

      .datepicker-container {
        .ui-datepicker .ui-datepicker-header {
          margin-top: 0px;
        }
      }

      .datepicker-readonly-inputs {
        display: none !important;
      }

      .datepicker-container-footer {
        border-top: 0;

        button {
          background-color: #d9b77b !important;
        }
      }

      p.time-type {
        display: flex;
        order: 2;
        width: 100%;
        display: inline-block;
        font-size: 16px;
        font-weight: 700;
        font-family: 'Gotham Narrow', sans-serif;
        color: #000000;
        margin: 0;
        padding: 6px 0px 12px 22px;
      }

      td {
        &[data-handler="selectDay"] {
          a {
            font-weight: 700;
          }
        }
      }
    }

    // select personas mobile
    #collapse-occ-parent-occ {

      &.collapsing,
      &.show {
        height: 100vh !important;
        position: fixed !important;
        width: auto !important;
        top: 0px !important;
        //padding-bottom: 25%;
        z-index: 999;
        left: -10px;
        right: -25px;
        overflow: inherit !important;
        display: flex;
        flex-direction: column;
        margin: 0 !important;
      }

      .personas-dialog-header {
        background-color: #ECECEC;
        padding-left: 18px;
        display: flex;
        height: 65px;
        margin-bottom: 8px;
        border-bottom: solid 1px #E0E0E0;

        .multi-select-container-header-right {
          justify-content: flex-start;
          flex-grow: inherit;
          display: flex;
          align-items: center;

          .icon-booking-close-dialog {
            width: auto;
            height: auto;

            &::before {
              background-image: url(/static_assets/wabs_accommodation/Icons/arrow-left.svg);
              background-repeat: no-repeat;
              background-size: 27px 27px;
              display: inline-block;
              width: 27px;
              height: 27px;
              position: absolute;
              z-index: 99;
              margin: 0px 8px 0px 0px;
              content: "";
            }
          }
        }

        .multi-select-container-header-right2 {
          flex-grow: inherit;
          display: flex;
          align-items: center;
          margin-left: 50px;

          p {
            display: inline-block;
            font-size: 16px;
            font-weight: 700;
          }
        }
      }

      .card-body {
        padding-right: 2.5rem;
        padding-top: 25px;
      }

      .personas-dialog-footer {
        order: 4;
        border-top: 0;
        margin-top: 20px;
        //padding-left: 28px;
        //padding-right: 28px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 54px;
        width: 100%;

        button {
          background-color: #d9b77b !important;
          margin-left: 0px;
          margin-right: 0px;
        }
      }

      #occupants-selection i {
        background-size: 28px 28px;
        width: 28px;
        height: 28px;
      }

      .pax-form-group label {
        background-size: 28px 28px;
        padding-left: 42px;
      }


      @include media-breakpoint-down(lg) {
        padding-top: 150px !important;
      }
    }

    .multi-select-container-header,
    .personas-dialog-header,
    .datepicker-container-header {

      i.ast-categories,
      i.ast-persons,
      i.ast-dates {
        background-size: 28px 28px;
        width: 28px;
        height: 28px;
      }
    }
  }
}