.detail-title {
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 25px;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  background-color: #646D82;
}

.bg-gray {
  background-color: #EFF5F7 !important;
}

.btn-red {
  background-color: #ED1C24 !important;
  color: #fff;
}

.cancelation-policy-rules {
  background: #fff;
  font-size: 12px;
  margin: 0;
  overflow: hidden;
}

.cancelation-policy-rules .row {
  border-bottom: 1px solid #eee;
  background: #fff;
  padding: 10px;
}

.cancelation-policy-rules .row.deadline {
  background: #f6cdd1;
  color: #dc3545;
  font-size: 12px;
  line-height: 30px;
  vertical-align: middle;
  padding-top: 5px;
  padding-bottom: 5px;
}

.cancelation-policy-rules .row.deadline.passed {
  background: #fff0c1;
  color: #876500;
}

.cancelation-policy-rules .row.deadline.ok {
  background: #c9e9d1;
  color: #0f401b;
}

.cancelation-policy-rules .row.deadline .msg-box--error {
  color: #ffc107;
  font-size: 1.714rem;
  vertical-align: middle;
  margin-right: 10px;
}

.cancelation-policy-rules .row.deadline .glyphicon-warning {
  color: #ffc107;
  font-size: 1.714rem;
  vertical-align: middle;
  margin-right: 10px;
}

.cancelation-policy-rules .row.header {
  font-size: 14px;
  font-weight: 600;
  background-color: #EFF5F7;
}

.cancelation-policy-rules .row.cancelation-rule-warning {
  background: #fff0c1;
  color: #876500;
}

.cancelation-policy-rules .row.cancelation-rule-warning .rule-condition .msg-box--error {
  color: #ffc107;
  font-size: 1.714rem;
  vertical-align: middle;
  margin-right: 10px;
}

.cancelation-policy-rules .row.cancelation-rule-warning .rule-condition .glyphicon-warning {
  color: #ffc107;
  font-size: 1.714rem;
  vertical-align: middle;
  margin-right: 10px;
}

.cancelation-policy-rules .row.cancelation-rule .rule-charge {
  color: red;
}

.cancelation-policy-rules .row.no-cancelation-rules {
  background: #fff0c1;
  color: #876500;
  font-size: 16px;
  line-height: 30px;
  vertical-align: middle;
  padding-top: 5px;
  padding-bottom: 5px;
}

.cancelation-policy-rules .row.no-cancelation-rules .glyphicon {
  color: #ffc107;
  font-size: 30px;
  vertical-align: middle;
  margin-right: 10px;
}

.btn-yellow {
  background-color: #FBAB42 !important;
  color: #fff;
}

.result-option-more.collapsed .if-not-collapsed {
  display: none;
}

.result-option-more:not(.collapsed) .if-collapsed {
  display: none;
}


.preloader {
  display: block;
  margin-top: 5px;
  clear: both;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f4f6f9;
  background: linear-gradient(to right,#eee 8%,#ddd 18%,#eee 33%);
  background-size: 800px 104px;
  position: relative;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0
  }

  100% {
    background-position: 468px 0
  }
}
.hotel-img .preloader {
  height: 169px;
}
.hotel-name-style .preloader {
  width: 80%;
}
.preloader {
  height: 24px;
}
.hotel-location.preloader {
  max-width: 50%;
}
.preload-board-type {
  width: 20%;
}
.preloader.w-80 {
  width:80%;
}
.preloader.w-60 {
  width: 60%;
}
.preloader.w-40 {
  width: 40%;
}
.preloader.w-10 {
  width: 10%;
}
.preloader.w-20 {
  width: 20%;
}
.review-hotel .preloader{
  float: right;
}
.review-hotel .preloader {
  min-width: 30%;
}
.hide-loader{
  display:none;
}
@media (max-width:991px){
  .skeleton-loader .hotel-card-facilities{
    padding:0 15px;
  }
  .skeleton-loader .align-right.review-hotel {
    display:flex;
  }
  .preloader.w-80,
  .preloader.w-60,
  .preloader.w-40 {
    display:none
  }
  .skeleton-loader .align-right.review-hotel .preloader:last-of-type{
    position:absolute;
    right: 16px;
  }
}


.swal2-loader {
  width: 5.2em !important;
  height: 5.2em !important;

}

.parsley-required, .date-error{
  font-size: 12px;
  font-weight: bold;
  color: darkred;
}