.room-active{
    
    background-color: var(--color-blue-1);
    border-radius: 10px;
    color: white;

}

.room-selector{
    cursor:pointer;
}

.room-selected-wrapper{
    display:none;
}

.room-selected-wrapper{
    display:none;
}

.room-selected-1{
    display:flex;
}

.room-selector{
    display:none;
}

.room-selector.room-1{
    display:none;
}

.left-side-modal .langMenu__content{
    width: 100%;
    max-width: 1180px;
    height: auto;
    max-height: calc(100% - 80px);
    overflow-y: auto;
}

.left-side-modal button.close{
    position: absolute;
    top: calc(50% - 13px);
    right: 15px;
    background: white;
    color: black;
    line-height: 20px;
    padding: 5px 10px 0;
    z-index: 999;
    cursor: pointer;
}


.left-side-modal .langMenu__content .cardImage
{
    width: 100%;

}

.left-side-modal .offer-price{
    position: relative;
    border: 1px solid #F0EEE8;
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.05);
}


  #information-panel .tabs__content { background-color: #ededed; border-top: 1px solid #ddd;}
  #information-panel .tabs__button {z-index: 0;}
  .tabs.-underline-2 .tabs__controls .tabs__button::after {content:none;}
  
  #information-panel button {border-left: 2px solid #f7f7f7; border-right: 2px solid #f7f7f7; border-top: 2px solid #f7f7f7;}
  #information-panel button.is-tab-el-active { bottom: -1px; background-color: #ededed; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 2px solid var(--color-blue-1); padding-bottom: 2px;}
  
  #information-panel .tabs__content .tabs__pane {display: none;}
  #information-panel .tabs__content .tabs__pane.is-tab-el-active {display: block; min-height: 380px;}
  
  .tabs.-underline-2 .tabs__controls .tabs__button {
    transition: none;
  }

  .tags { position: absolute;top: 10px;left: 0px; z-index: 3;}
  .tags span {border-top-right-radius: 3px; border-bottom-right-radius: 3px;}

  .pick-company:hover {background-color: #f8f6f4;}
  .company-results-wrapper::before {
    content: '';
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: -2px;
    right: 50%;
  }


  .plus_offers .is-tab-el-active  {background-color: white;}

  .text-box {
    /* width: 200px; */
    padding: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  
  .text-box .text {
    -webkit-line-clamp: 5;
  }

  .show-more-wrapper {position: relative;}
  .show-more-wrapper:not(.open)::after{
    content: "";
    position: absolute;
    width: 100%;
    bottom:0;
    height: 2em;
    /* background: linear-gradient(180deg, rgb(255 255 255 / 33%) 0%, rgb(255 255 255) 100%) */
  }

  .alert-danger {background-color: #f8d7da; border-color: #f5c6cb; color: #721c24;}
  .alert-success {background-color: #d4edda; border-color: #c3e6cb; color: #155724;}

  .banner .desc * {font-size: 18px !important; color: white !important;}

  .graphic_rows .pictogram {min-width: 100% !important;}
  .graphic_cols .pictogram {min-width: 33% !important; max-width: 33% !important;}
  .perex_pictograms .pictogram {min-width: 35px; max-width: 40px;}

  .message p {font-size: 16px !important;}
@media (max-width: 1198px) {
    .graphic_cols .pictogram {min-width: 50% !important; max-width: 50% !important;}
}

@media (max-width: 991px) {
    .table-calendar__header > *, .table-calendar__grid > * {border-radius: 10% !important;}
    .searchMenu-date__field {width: 100%; max-width: 100%;}
    .masthead.-type-10 .masthead__image {
       display: none !important;
    }
    .graphic_cols .pictogram {min-width: 100% !important;}

    .galleryGrid.-type-1 {display: block;}
    .galleryGrid.-type-1 .galleryGrid__item {display: none !important;}
    .galleryGrid.-type-1 .galleryGrid__item:nth-child(1) {display: block !important;}
    #information-panel .tabs__controls {display: flex; flex-direction: row; flex-wrap: nowrap; overflow: scroll;}
    .hide-scrollbar::-webkit-scrollbar {display: none;}

    
    .left-side-modal .langMenu__content,  .langMenu__content{
        max-height: 100% !important;
    }

    .langMenu, .left-side-modal {
        padding-top: 0;
    }
    
}

@media (max-width: 575px) {
    .graphic_cols .pictogram {min-width: 100% !important;}
    .left-side-modal .offer-price{
        position: relative;
        top: initial;
        right: initial;
        text-align: center;
    }
}