.tx-wabsolute-hospitality {
  padding: 1em;
  position: relative;

  .ast-form-label {
    font-size: $font-size-22;
    color: $quaternary-color;
    line-height: $line-height-30;

    @include media-breakpoint-down(xl) {
      font-size: $font-size-20;
      line-height: $line-height-28;
    }

    @include media-breakpoint-down(md) {
      font-size: $font-size-18;
      line-height: $line-height-26;
    }
  }

  .dp-search-btn-class{
    width: auto;
    min-width: 210px;
    height: auto;
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-top: 38px;
    @include media-breakpoint-down(md) {
      margin-top: 10px;
      width: 100%;
    }
    border-radius: 360px;
    line-height: $line-height-22;
    text-align: center;
    text-transform: uppercase;
    text-decoration: $link-hover-decoration-none;
    white-space: normal;
    background: $quaternary-color;
    box-shadow: $box-shadow-none;
    background-color: $primary-bg;

    color: $primary-color;
    background: $secondary-color;
    font-family: $font-family-secondary;
    font-weight: $font-weight-bold;
    font-size: $font-size-18;
    padding: 11px 30px;
    border: 3px solid $secondary-color;

    &:hover, &:active, &:focus, &:active:focus{
      background: $tertiary-color;
      border-color: $tertiary-color;
      color: $primary-color;
      box-shadow: none;
      text-decoration: none;
    }

    &.btn-alt {
      background-color: transparent;
      color: $secondary-color;

      &:hover, &:active, &:focus, &:active:focus{
        background: $secondary-color;
        color: $primary-color;
      }
    }
    @include media-breakpoint-down(lg) {
      padding:10px;
    }
  }

  #occupants-selection {
    display: flex;
    flex-direction: row;
    @include media-breakpoint-down(md) {
      flex-direction: column;
    }
    margin-left: -10px;
    margin-right: -10px;
    > div {
      padding: 10px;
      flex: 1;
    }
  }
  #datepicker > div > form {
    display: flex;
    flex-direction: row;
    @include media-breakpoint-down(md) {
      flex-direction: column;
    }
    margin-left: -10px;
    margin-right: -10px;
    > div {
      padding: 10px;
      flex: 1;
    }
    > .btn-search-group {
      flex: 0;
    }
  }
  .selectionCateroryWrapper {
    flex-direction: column;
    display: flex;
    .multi-select-button:after {
      display: none;
    }
  }
  .multi-select-container {
    border: none;
  }
  .multi-select-button {
      background: $primary-color;

      &:focus {
        outline: 0;
        border-color: $quaternary-color;
        box-shadow: $box-shadow-sm;
      }

      background-image: url(/static_assets/Images/Layout_icons/select.svg);
      background-size: 22px auto;
      background-repeat: no-repeat;
      background-position: top 12px right 25px;

      &:hover{
        cursor: pointer;
      }

      width: 100%;
      height: 50px;
      font-family: $font-family-primary !important;
      font-weight: $font-weight-bold !important;
      font-size: $font-size-18 !important;
      color: $black;
      line-height: $line-height-22 !important;
      white-space: nowrap;
      text-overflow: ellipsis;
      border: 2px solid $gray-a2;
      @include border-radius($border-radius);
      @include transition($input-transition);
      box-shadow: $box-shadow-none;
      outline: none;
      appearance: none;
      overflow: hidden;
      position: relative;
      padding: 10px 25px;
      margin: 0;

      &:focus {
        outline: 0;
        border-color: $quaternary-color;
        box-shadow: $box-shadow-sm;
      }
  }
  .multi-select-menu {
    padding: 10px 20px;
  }
  .multi-select-menuitem {
    color: $black;
  }
  .ast-chk-container .ast-checkmark:after {
    border-color: $secondary-color;
  }
  .datepicker-custom-dialog {
    .datepicker-container-header {
      display: none;
    }
    .datepicker-container {
      .datepicker-readonly-inputs {
        display: none;
      }
    }
    .datepicker-container-footer {
      display: none;
    }
    .ui-datepicker-group-first {
      padding-right: 20px;
    }
    tr:nth-child(odd), tr:nth-child(even) {
      background: none;
    }
    .ui-widget.ui-widget-content {
      border: none;
    }
    .ui-widget-content {
      background: $primary-color;
    }
    .ui-datepicker td {
      vertical-align: top;
      padding-top: 10px;
    }
  }
  #sqs-integration-frame {
    width: 100%;
  }
  .ModuleSelectionSite {
    display: none;
  }
  .ModuleCodeCorporate {
    display: none;
  }
}