/*---------------- ROOM CSS ------------------------*/
.list-head{
    text-align: center;
}

.list-body,
.list-body-1{
  width: 100%; 
  overflow-y: scroll; 
  height: 20em;
  border: 1px solid #dddddd;
}

.months-name{
  background: #dddddd;
  text-align: center;
}

.months-name div{
  font-size: 17px;
    padding: 10px;
    font-weight: bold;
}

.list-row{
  box-sizing: border-box;
  float: left;
  width: 100%;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 4em;
}

.action{
  background: #eb7e2e;
    color: white;
    width: 50%;
    padding: 9px;
}

.mobile-lh{
  line-height: 22px;
}
.bg-room{
  background: #D74601;
  color: white;
}

.availability-group{
  display: inline-flex;
}

.txt-villa{
  padding-left: 5px;
}

.success-pop-up-modal{
  background: white;
  margin-left: 200px;
  margin-right: 200px;
}

.h2-success-modal,
.p-success-modal{
  text-align: center;
}

.h2-success-modal{
  text-transform: uppercase;
}

.tick-img-success-modal{
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.tick-success-modal{
  width: 20%;
  display: inline-block;
}

.fade-custom {
  top: 20% !important;
}

.adult-section,
.child-section{
  padding-right: 10px; 
  line-height: 37px;
}

.child-section{
  padding-left: 10px; 
}

.adult-op,
.child-op,
.room-op{
  width: 10%;
}

.room-section{
  display: flex !important; 
  margin-top: 24px;
}

.ck-out{
  margin-bottom: 24px;
}

.bg-reminder{
  border-left: 6px solid white;
  padding: 15px;
  /* color: white; */
  /* border-style: dotted; */
  border-color: #2196F3!important;
  background-color: #ddffff!important;
  border-color: red;
  justify-content: center;
  display: flex;
  margin-top: 15px;
}

.info-reminder{
  width: 58px;
    line-height: 44px;
    font-size: 30px;
}

.lh,
.lh3,
.lh4{
  line-height: 42px;
}

.lh2{
  line-height: 28px;
}

/* OTHER VIEW POINTS */
/* 
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) and (max-width: 1660px) {

}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 1025px) and (max-width: 1280px) {

}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  .months-name {
    background: none;
    z-index: -1;
  }

  .check_in_col,
  .check_out_col,
  .availability_col {
    line-height: 1px;
  }

  .availability-group {
    display: block;
}

.avail-mv{
  padding-left: 15px;
  padding-right: 15px;
}

.adult-op,
.child-op,
.room-op{
  width: 25%;
}

.ck-out{
  margin-top: 20px;
}

.success-pop-up-modal{
  top: 20% !important;
}



}
  /*---------------- ROOM CSS END------------------------*/