﻿#roomlistloader {
  height: 200px;
}
.room-list-header {
  font-weight: bold;
  font-size: 1.8em;
}
.room-list-item {
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  margin-bottom: 15px;
  padding: 0px 0px 5px 0px !important;
  /*:first-child.row-alternate {
        border-top: 2px solid rgba(51,128,179,0.47);
    }*/
}
.room-list-item .room-table {
  display: table;
}
.room-list-item .room-row {
  display: table-row;
}
.room-list-item .room-cell {
  display: table-cell;
  vertical-align: top;
}
.room-list-item .pseudo-link {
  color: #43abef;
  cursor: pointer;
}
@media screen and (max-width: 30em) {
  .room-list-item .flex-box {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 30em) {
  .room-list-item .roomlist-input-roomname {
    order: 1;
    float: left;
  }
}
@media screen and (min-width: 30em) {
  .room-list-item .roomlist-input-roomname {
    display: table-cell;
  }
}
@media screen and (max-width: 30em) {
  .room-list-item .roomlist-input-pax {
    order: 3;
    clear: both;
  }
}
@media screen and (min-width: 30em) {
  .room-list-item .roomlist-input-pax {
    display: table-cell;
  }
}
@media screen and (max-width: 30em) {
  .room-list-item .roomlist-input-remove {
    float: right;
    margin-top: -10.5em;
  }
}
@media screen and (min-width: 30em) {
  .room-list-item .roomlist-input-remove {
    display: table-cell;
  }
}
.room-list-item .pseudo-link:hover {
  text-decoration: underline;
}
.room-list-item .l-cl {
  clear: left;
}
@media screen and (max-width: 30em) {
  .room-list-item .nomobile {
    display: none;
  }
}
.room-list-item .bottom-rule {
  border-bottom: 1px solid whitesmoke;
}
.room-list-item .room-clear {
  clear: both;
}
@media screen and (max-width: 30em) {
  .room-list-item .header-text {
    display: none;
  }
}
@media screen and (min-width: 30em) {
  .room-list-item .header-text {
    color: #43abef;
  }
}
@media screen and (max-width: 30em) {
  .room-list-item .header-text-mobile {
    color: #43abef;
    border-bottom: 1px solid whitesmoke;
    padding-bottom: 10px !important;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 30em) {
  .room-list-item .header-text-mobile {
    display: none;
  }
}
@media screen and (max-width: 30em) {
  .room-list-item .room-image {
    padding-top: 10px !important;
  }
}
.room-list-item .description-text {
  color: gray;
}
.room-list-item .urgency-text {
  color: red;
  display: inline;
  font-weight: bold;
}
.room-list-item .urgency-text.desktop {
  display: none;
}
@media screen and (min-width: 30em) {
  .room-list-item .urgency-text.desktop {
    display: inline;
  }
}
.room-list-item .urgency-text.mobile {
  display: none;
}
@media screen and (max-width: 30em) {
  .room-list-item .urgency-text.mobile {
    display: block;
  }
}
@media screen and (max-width: 30em) {
  .room-list-item .features .feature-item {
    padding-left: 2em;
  }
}
@media screen and (min-width: 30em) {
  .room-list-item .features {
    display: inline;
  }
  .room-list-item .features .feature-item {
    padding-left: 2em;
    padding-right: 1em;
    margin: 0 1em 0 1em;
  }
}
.room-list-item .i-sleeps {
  float: left;
}
.room-list-item .room-price {
  vertical-align: bottom !important;
  padding: 0.5em 0.5em 0 0.5em;
}
@media screen and (max-width: 30em) {
  .room-list-item .room-price {
    display: none;
  }
}
.room-list-item .room-name {
  /*font-size: 0.9em;*/
  /*@media screen and (max-width: @bp-s) {
            display: inline;
            float: left;
        }*/
}
.room-list-item .room-pax-picker {
  display: inline;
}
.room-list-item .room-remove {
  position: absolute;
  width: 95%;
  letter-spacing: normal;
}
.room-list-item .room-remove span {
  cursor: pointer;
  color: #e52829;
  font-size: 14px;
  text-align: right;
}
.room-list-item4 {
  border: 1px solid #e1e1e1;
  margin: 20px 0;
}
.room-list-item4 .row-alternate {
  border-top: 10px solid #f4f4f4;
  background-color: #f4f4f4 !important;
}
.room-list-item4 .room-table {
  display: table;
}
.room-list-item4 .room-row {
  display: table-row;
}
.room-list-item4 .room-cell {
  display: table-cell;
  vertical-align: top;
}
.room-list-item4 .pseudo-link {
  color: #43abef;
  cursor: pointer;
}
@media screen and (max-width: 30em) {
  .room-list-item4 .flex-box {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 30em) {
  .room-list-item4 .roomlist-input-roomname {
    order: 1;
    float: left;
  }
}
@media screen and (min-width: 30em) {
  .room-list-item4 .roomlist-input-roomname {
    display: table-cell;
  }
}
@media screen and (max-width: 30em) {
  .room-list-item4 .roomlist-input-pax {
    order: 3;
    clear: both;
  }
}
@media screen and (min-width: 30em) {
  .room-list-item4 .roomlist-input-pax {
    display: table-cell;
  }
}
@media screen and (max-width: 30em) {
  .room-list-item4 .roomlist-input-remove {
    float: right;
    margin-top: -10.5em;
  }
}
@media screen and (min-width: 30em) {
  .room-list-item4 .roomlist-input-remove {
    display: table-cell;
  }
}
.room-list-item4 .pseudo-link:hover {
  text-decoration: underline;
}
.room-list-item4 .l-cl {
  clear: left;
}
@media screen and (max-width: 30em) {
  .room-list-item4 .nomobile {
    display: none;
  }
}
.room-list-item4 .bottom-rule {
  border-bottom: 1px solid whitesmoke;
}
.room-list-item4 .room-clear {
  clear: both;
}
@media screen and (max-width: 30em) {
  .room-list-item4 .header-text {
    display: none;
  }
}
@media screen and (min-width: 30em) {
  .room-list-item4 .header-text {
    color: #43abef;
  }
}
@media screen and (max-width: 30em) {
  .room-list-item4 .header-text-mobile {
    color: #43abef;
    border-bottom: 1px solid whitesmoke;
    padding-bottom: 10px !important;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 30em) {
  .room-list-item4 .header-text-mobile {
    display: none;
  }
}
@media screen and (max-width: 30em) {
  .room-list-item4 .room-image {
    padding-top: 10px !important;
  }
}
.room-list-item4 .description-text {
  color: gray;
}
.room-list-item4 .urgency-text {
  color: red;
  display: inline;
  font-weight: bold;
}
.room-list-item4 .urgency-text.desktop {
  display: none;
}
@media screen and (min-width: 30em) {
  .room-list-item4 .urgency-text.desktop {
    display: inline;
  }
}
.room-list-item4 .urgency-text.mobile {
  display: none;
}
@media screen and (max-width: 30em) {
  .room-list-item4 .urgency-text.mobile {
    display: block;
  }
}
@media screen and (max-width: 30em) {
  .room-list-item4 .features .feature-item {
    padding-left: 2em;
  }
}
@media screen and (min-width: 30em) {
  .room-list-item4 .features {
    display: inline;
  }
  .room-list-item4 .features .feature-item {
    padding-left: 2em;
    padding-right: 1em;
    margin: 0 1em 0 1em;
  }
}
.room-list-item4 .i-sleeps {
  float: left;
}
.room-list-item4 .room-price {
  vertical-align: bottom !important;
  padding: 0.5em 0.5em 0 0.5em;
}
@media screen and (max-width: 30em) {
  .room-list-item4 .room-price {
    display: none;
  }
}
.room-list-item4 .room-name {
  font-size: 16px;
  font-weight: bold;
  /*@media screen and (max-width: @bp-s) {
            display: inline;
            float: left;
        }*/
}
.room-list-item4 .room-pax-picker {
  display: inline;
}
.room-list-item4 .room-remove {
  position: absolute;
  width: 95%;
  letter-spacing: normal;
}
.room-list-item4 .room-remove span {
  cursor: pointer;
  color: #e52829;
  font-size: 14px;
  text-align: right;
}
.room-pricing-container {
  display: block;
  margin-top: 5px;
}
@media only screen and (min-width: 768px) {
  .room-pricing-container {
    margin-top: 0;
  }
}
.room-pricing-container-selected {
  margin-top: 5px;
}
.room-selection {
  float: right;
}
.room-selection-inner {
  padding-top: 10px;
  clear: both;
  width: 315px;
  float: right;
}
@media only screen and (max-width: 479px) {
  .rshidemobilenorooms {
    display: none;
  }
}
/*.room-selection {
    @media screen and (max-width: @bp-m) {
        display:flex;
    }
}
.room-selection-inner {
    @media screen and (max-width: @bp-m) {
        order: 2;
    }
}*/
@media screen and (max-width: 40em) {
  .room-selection-inner-hide-mobile {
    display: none !important;
  }
}
/*.room-pricing-container {
    @media screen and (max-width: @bp-m) {
        order: 1;
    }
}*/
.selectedraq {
  text-decoration: underline #43abef dashed;
}