/**
* 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 {
  display: none;
  border-radius: 0px;
  background: #1A4060;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.16);
  padding: 20px 0px;}
  .header-rmsearch-wrapper .filter_header {
    font-size: 12px;
    color: #FFFFFF;
    line-height: 25px;}
    .header-rmsearch-wrapper .filter_header p {
    margin-bottom: 2px;}
  .header-rmsearch-wrapper .container {
    position: relative;}
  .header-rmsearch-wrapper .close_room_serach_wrapper {
    position: absolute;
    top: 0px;
    right: 0px;}

    /* hotel searched information wrapper css */
    .header-rmsearch-details-wrapper {
      padding: 30px 0px 0px 0px;
      background-color: #FAFAFA;}
    .header-rmsearch-details-wrapper .filter_header {
      font-size: 12px;
      color: #333;
      line-height: 25px;}
      .header-rmsearch-details-wrapper .filter_header p {
        margin: 0px;}
    .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: 15px 20px;
      color: #333333;
      text-align: center;
      text-transform: uppercase;}
    .header-rmsearch-details-wrapper .modify_roomtype_search_btn:hover {
      background-color: #FAFAFA;}
      .faded-txt {
        color: #777777;}

@media (max-width: 767px) {
  .header-rmsearch-wrapper #search_hotel_block_form .grid {
    grid-template-columns: 1fr;
    column-gap: 0px;
  }
  .header-rmsearch-details-wrapper .modify_roomtype_search_btn {
    padding: 6px 12px;
  }
}
@media (max-width: 991px) {
  .header-rmsearch-wrapper .close_room_serach_wrapper {
    top: -8px;
    right: 15px;}
.close_room_serach_wrapper img {
  width: 18px;}}