.custom-searchbar {
    display: flex;
    flex-direction: row;
}

/*
.custom-searchbar-datepicker,
.custom-searchbar-roompicker,
.custom-searchbar-send {
    margin: auto;
}*/

.custom-searchbar-datepicker {
    order: 1 !important;
    flex-grow: 3;
}
.custom-searchbar-datepicker input{
  width: 70%
;}

.custom-searchbar-roompicker {
    order: 2 !important;
    flex-grow: 2;
}


.custom-searchbar-send {
    order: 3 !important;
    flex-grow: 1;
}

.daterangepicker td.active, .daterangepicker td.active:hover,
.applyBtn {
    background-color: #831C1C !important;
}


.applyBtn {
  border: 1px solid #831C1C !important;
}

.custom-searchbar-room,
.add-subtract-people,
.add-subtract-people,
.custom-searchbar-roompicker .people-dialog  {
  display: flex;
}

.custom-searchbar-datepicker {
    display: flex;
    flex-direction: column;
}

.custom-searchbar label {
    margin-right: 5px;
}
.custom-searchbar-buttons {
  display: none;
}
.show {
  display: block;
}

.custom-searchbar-adults,
.custom-searchbar-adolescent,
.custom-searchbar-children,
.custom-searchbar-delete {
    margin: 5px;
}

.custom-searchbar-adults {
  order: 1 !important;
}

.custom-searchbar-adolescent {
  order: 2 !important;
}

.custom-searchbar-children {
  order: 3 !important;
}

.custom-searchbar-delete {
    position: relative;
    order: 4 !important;
}
  
  .add-subtract-people input {
    min-width: 40px !important;
    width: 40px;
    height: 35px;
    text-align: center;
    line-height: 0px;
  }
  .custom-searchbar-buttons {
    margin-top: 5px;
  }

  .custom-searchbar-send {
      position: relative;
  }
  .custom-searchbar-delete .delete-button-wrapper {
      position: absolute;
      top: 35px;
  }
  .custom-searchbar-send label {
    display: inline-block;
  }
  .custom-button-send-wrapper button {
    display: block;
  }

  .custom-searchbar-room {
      border: 2px solid white;
      border-radius: 0.3rem;
      padding: 5px;
      margin-top: 15px;
  }

  .custom-searchbar button,
  .custom-searchbar input {
    line-height: 1rem;
    border-radius: 0.3rem;
    padding: 10px;
  }
  .custom-searchbar button,
  .add-subtract-people input {
      background-color: white;
  }
  .custom-searchbar-wrapper {
    padding: 20px;
    background-color: #b3101b;
    color: white;
    font-weight: 700;
  }
  .custom-searchbar {
    max-width: 1046px;
    margin: auto;
  }

  @media screen and (max-width: 1024px) {
    .custom-searchbar-roompicker .people-dialog,
    .custom-searchbar,
    .add-subtract-people {
        flex-direction: column;
    }
    .add-subtract-people input {
        width: 60px;
        height: 50px;
        margin: 0 auto 5px auto !important;
    }

    .people,
    .custom-searchbar-room {
        margin-bottom: 5rem;
        flex-direction: column;
    }

    .delete-button-wrapper,
    .custom-button-send-wrapper,
    .custom-button-send-wrapper button {
        width: 100%;
    }
    .custom-button-send-wrapper {
      margin-top: 20px;
    }
  }