html,
body {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  display: table;
  font-weight: 100;
  background-color: rgb(235, 236, 237);
}

.no-padding {
  padding: 0px;
}

.flex-hotel-card {
  display: flex;
}

.flex-hotel-card .hotel_img_panel {
  flex: 2;
}

.flex-hotel-card .hotel_img_panel .hotel_image {
  height: 220px;
  width: 100%;
}

.flex-hotel-card .hotel_info_panel {
  flex: 3;
  padding: 15px;
}

.flex-hotel-card .hotel_price_panel {
  flex: 1;
  padding: 15px;
}

@media only screen and (max-width: 425px) {
  .flex-hotel-card {
    flex-direction: column;
  }

  .flex-hotel-card .hotel_info_panel {
    padding: 15px 15px 0px 15px;
  }
}

.htlp table tr {
  background-color: #fafafa;
  margin-bottom: 20px;
  overflow: hidden;
}

.htlp table > tbody > tr > td {
  padding: 0px;
}

/* Priviewing room card inside the hotel modal*/

.htlp .hotel_card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 0.25rem;
}

.htlp .hotel_card:hover {
  cursor: pointer;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

/*--------------image on the card*/
/* .htlp .hotel_img_box {
  width: 300px;
}

.htlp .hotel_img {
  margin-left: -15%;
  height: 100%;
  padding: 0px;
}

.htlp .hcard_content {
  padding: 5px;
} */

.col-score .circleRating.phoenixStyle {
  background-color: #558fe6;
  border: 1px solid #558fe6;
  color: #fafafc;
}

.col-score .circleRating.square {
  border-radius: 2px;
  padding: 3px;
  font-family: 'HelveticaNeue-Medium', Helvetica, Arial, sans-serif;
  font-weight: 500;
  width: 26px;
  height: 26px;
  color: #fff;
  background-color: #20bf7c;
}

/* showing the room no in Rooms Tab */

.hcard-block {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0px;
}

.hcard-block:hover {
  opacity: 0.8;
}

.hcard-block .room-info {
  background: #000;
  opacity: 0.8;
  position: absolute;
  bottom: 0px;
  left: 0%;
  width: 100%;
  display: none;
}

.hcard-block:hover .room-info {
  color: #fff;
  display: block;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}

.sortorder:after {
  content: '\25b2'; // BLACK UP-POINTING TRIANGLE
}
.sortorder.reverse:after {
  content: '\25bc'; // BLACK DOWN-POINTING TRIANGLE
}

.pagination {
  margin: 0px;
}

/*    Inside the modal       */
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.padding-l {
  padding: 20px;
}

slider {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 100%;
  margin: 25px 5px 25px 5px;
  vertical-align: middle;
}
slider span {
  white-space: nowrap;
  position: absolute;
  display: inline-block;
}
slider span.base {
  width: 100%;
  height: 100%;
  padding: 0;
}
slider span.bar {
  width: 100%;
  height: 100%;
  z-index: 0;
  -webkit-border-radius: 1em/1em;
  border-radius: 1em/1em;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #c0c0c0),
    color-stop(1, #8d8d8d)
  );
  background: -webkit-linear-gradient(top, #c0c0c0 0, #8d8d8d 100%);
  background: -moz-linear-gradient(top, #c0c0c0 0, #8d8d8d 100%);
  background: -o-linear-gradient(top, #c0c0c0 0, #8d8d8d 100%);
  background: -ms-linear-gradient(top, #c0c0c0 0, #8d8d8d 100%);
  background: linear-gradient(top, #c0c0c0 0, #8d8d8d 100%);
  -webkit-box-shadow: inset 2px 2px 5px;
  box-shadow: inset 2px 2px 5px;
}
slider span.bar.selection {
  width: 0%;
  z-index: 1;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #13b6ff),
    color-stop(1, #00a8f3)
  );
  background: -webkit-linear-gradient(top, #13b6ff 0, #00a8f3 100%);
  background: -moz-linear-gradient(top, #13b6ff 0, #00a8f3 100%);
  background: -o-linear-gradient(top, #13b6ff 0, #00a8f3 100%);
  background: -ms-linear-gradient(top, #13b6ff 0, #00a8f3 100%);
  background: linear-gradient(top, #13b6ff 0, #00a8f3 100%);
  -webkit-box-shadow: none;
  box-shadow: none;
}
slider span.pointer {
  cursor: pointer;
  width: 20px;
  height: 20px;
  top: -8px;
  background-color: #fff;
  border: 1px solid #000;
  z-index: 2;
  -webkit-border-radius: 1em/1em;
  border-radius: 1em/1em;
}
slider span.pointer:after {
  content: '';
  background-color: #808080;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 6px;
  left: 6px;
  -webkit-border-radius: 1em/1em;
  border-radius: 1em/1em;
}
slider span.pointer:hover:after {
  background-color: #000;
}
slider span.pointer.active:after {
  background-color: #f00;
}
slider span.bubble {
  cursor: default;
  top: -22px;
  padding: 1px 3px 1px 3px;
  font-size: 0.7em;
  font-family: sans-serif;
}
slider span.bubble.selection {
  top: 15px;
}
slider span.bubble.limit {
  color: #808080;
}

.hotel_card_href a:hover {
  text-decoration: none;
}