/**
* NOTICE OF LICENSE
*
* This source file is subject to the Open Software License version 3.0
* that is bundled with this package in the file LICENSE.md
* It is also available through the world-wide-web at this URL:
* https://opensource.org/license/osl-3-0-php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to support@qloapps.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this module to a newer
* versions in the future. If you wish to customize this module for your needs
* please refer to https://store.webkul.com/customisation-guidelines for more information.
*
* @author Webkul IN
* @copyright Since 2010 Webkul
* @license https://opensource.org/license/osl-3-0-php Open Software License version 3.0
*/

.header-rmsearch-wrapper {
  background: #1A4060;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.16);
  padding: 15px 20px;}
  .header-rmsearch-wrapper .filter_header {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 25px;}
    .header-rmsearch-wrapper .filter_header p {
    margin-bottom: 2px;}
    .header-rmsearch-wrapper .filter_header .header-bottom-hr {
      width: 22px;
      float: left;
      margin-top: 0px;
      border-top: 3px solid #FFF;}
  .header-rmsearch-wrapper #search_hotel_block_form {
    grid-template-columns: 1fr;
  }
  .header-rmsearch-wrapper #search_hotel_block_form #daterange_value.multi-date {
    grid-template-columns: 1fr;
  }
  #search_hotel_block_form .hotel-selector-wrap .chosen-container-single .chosen-single {
    min-height: 45px;
  }
  #search_hotel_block_form .hotel-selector-wrap .chosen-container-single .chosen-search {
    height: 45px;
  }
  #search_hotel_block_form .grid {
    display: block;
  }
  #search_hotel_block_form .grid > div {
    display: block;
  }
  #search_hotel_block_form > div {
    grid-column-end: unset!important;
    grid-column: unset!important;}
@media (min-width: 768px) and (max-width: 991px) {
  .header-rmsearch-wrapper {
    padding: 10px 5px;}

}

/* searched details and the close icon are for mobile and tablet only */
.header-rmsearch-details-wrapper,
.header-rmsearch-wrapper .close_room_serach_wrapper {
  display: none;}
/* mobile and tablet: show the searched details, the search form opens with the edit button */
@media (max-width: 991px) {
  .header-rmsearch-wrapper {
    display: none;
    position: relative;}
  .header-rmsearch-details-wrapper {
    display: block;}
  .header-rmsearch-wrapper .close_room_serach_wrapper {
    display: block;
    position: absolute;
    top: 8px;
    right: 15px;
    z-index: 1;}
  .close_room_serach_wrapper img {
    width: 18px;}
  .header-rmsearch-details-wrapper {
    padding: 0 0 15px;}
  .header-rmsearch-details-wrapper .filter_header {
    font-size: 12px;
    color: #333;
    line-height: 25px;}
  .header-rmsearch-details-wrapper .filter_header p {
    margin: 0;}
  .header-rmsearch-details-wrapper .search_result_info {
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    color: #333333;}
  .header-rmsearch-details-wrapper .modify_roomtype_search_btn {
    border: 1px solid #777777;
    font-weight: bold;
    border-radius: 4px;
    font-size: 13px;
    padding: 6px 12px;
    color: #333333;
    text-align: center;
    text-transform: uppercase;}
  .header-rmsearch-details-wrapper .faded-txt {
    color: #777777;}
}
/* desktop always shows the search form, even if it was closed on a smaller screen */
@media (min-width: 992px) {
  .header-rmsearch-wrapper {
    display: block !important;}
}