:root {
  --blu: #1e90ff;
  --wh: #ffffff;
  --rblu:#039;
  --maroon:#E53935;
  --red:#ff0000;
  --yellow:#e69900;
  --skygreen:#009999;
  --olive:#339966;


}


html, body {
  font-size: 15px;
}
  .not-active {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
    text-decoration: line-through;
  }
  .number {
    text-align: right;
  }
  nav .header{
    background-color: #003b95;
  }


  /* .carousel-inner {
    height: 320px;
   } */

  .mytext {
    width: 50px;
    text-align: right;
    margin-bottom: 3px;
    font-weight: normal;
  }

  .mytext[readonly] {
      background-color: lavender;
      /*height: 34px;
      border: 1px solid lightgray;
      border-radius: 3px;*/
  }

  .progressmodal {
    display:    none;
    position:   fixed;
    /*position:   absolute;*/
    z-index:    1500;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url("/img/ajax-loader.gif")
                50% 50%
                no-repeat;
  }

  .progressmodal2 {
    display:    none;
    position:   fixed;
    /*position:   absolute;*/
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url("/img/ajax4.gif")
                50% 50%
                no-repeat;
  }

  /* When the body has the loading class, we turn
     the scrollbar off with overflow:hidden */
  body.loading {
      overflow: hidden;
  }

  /* Anytime the body has the loading class, our
     modal element will be visible */
  body.loading .progressmodal {
      display: block;
  }

  body.loading .progressmodal2 {
      display: block;
  }

  .numberCircle {
    margin-bottom: 10px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 8px;
    background: white;
    border: 2px solid gray;
    color: gray;
    text-align: center;
    font: 16px Arial, sans-serif;
    font-weight: bold;
  }

  div[data-room-available^="-"] {
    border: 2px solid red;
    color: red;
  }


  .fa.form-control-feedback {
      line-height: 34px; /* @input-height-base; */
  }
  .input-sm ~ .fa.form-control-feedback {
      line-height: 30px; /* @input-height-base; */
  }
  .input-lg ~ .fa.form-control-feedback {
      line-height: 46px; /* @input-height-base; */
  }

  .has-feedback-left input.form-control {
      padding-left: 34px; /* @input-height-base; */
      padding-right: 12px; /* @padding-base-horizontal */
  }

  .has-feedback-left .form-control-feedback {
      left: 0;
  }
  .form-horizontal .has-feedback-left .form-control-feedback {
      left: 12px; /* @grid-gutter-width / 2 */
  }

  .has-feedback-left input.input-sm {
    padding-left: 30px;
    @input-height-small;
  }
  .has-feedback-left input.input-lg {
    padding-left: 46px;
    @input-height-large;
  }

  /* jquery-ui autocomplete */
  .ui-front {
    z-index: 2000 !important;
  }

  ul.ui-autocomplete {
    z-index: 1200;
  }

  ul.ui-autocomplete.ui-menu {
    z-index: 1000;
  }

  .ui-menu-item {
    font-size: 15px;
  }

  /* datetime picker */
  div.ui-datepicker {
    z-index: 1200 !important;
  }

  .weekend {
      /*background-color: pink;
      font-weight: bold;
      */
      color: red;
  }

  /* CSS used here will be applied after bootstrap.css */
  .modal-header-success {
      color:#fff;
      padding:9px 15px;
      border-bottom:1px solid #eee;
      background-color: #5cb85c;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;
  }
  .modal-header-warning {
  	color:#fff;
      padding:9px 15px;
      border-bottom:1px solid #eee;
      background-color: #f0ad4e;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;
  }
  .modal-header-danger {
  	color:#fff;
      padding:9px 15px;
      border-bottom:1px solid #eee;
      background-color: #d9534f;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;
  }
  .modal-header-info {
      color:#fff;
      padding:9px 15px;
      border-bottom:1px solid #eee;
      background-color: #5bc0de;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;
  }
  .modal-header-primary {
  	color:#fff;
      padding:9px 15px;
      border-bottom:1px solid #eee;
      background-color: #428bca;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;
  }

  p.ctad {
    margin-bottom: 2px;
    border-radius: 50%;
    width: 25px;
    height:25px;
    padding-top: 7px;
    background-color: lavender;
    border: 1px solid gray;
    color: red;
    text-align: center;
    font: 10px Arial, sans-serif;
    font-weight: bold;
  }

  /* make the cells output the value of their data-value attribute */
  td:after {
    content: attr(data-negative);
  }

  /* hide the output if the data-value is equal to "$0" */
  td[data-negative^="-"]:after {
    color:"red";
  }

  /* jquery UI month drop down */
  /*.ui-datepicker-month {
    background-color: red;
  }*/


  .modal-body {
      max-height: calc(100vh - 150px);
      overflow-y: auto;
  }

  .left-me {
    text-align: left;
  }

  .right-me {
    text-align: right;
  }

  .center-me {
    text-align: center;
  }

.thead-dark > tr > th {
  text-align: center;

}

.search_list {
  margin: 5px;
  padding-top: 5px;
}

.m_search_list {
  margin: 1px;
  margin-top: 5px;
  padding: 5px;
  border: 1px solid lightgray;
}

.search_list:hover {
  background-color: ghostwhite;
  /*background-color: '#F8F8F8';*/
  border: 1px solid lightgray ;

}

.m_search_list:hover {
  background-color: lightblue;
  border: 1px solid lightgray ;
}

.intl-tel-input {
  width: 100%;

}

input[type='tel'] {
  padding-left: 67px !important;
}

.search_list {
    border: 1px solid lightgray;
}

@media print {
    body {
      font-size: 12px;
    }
    .thead-dark > tr > th {
      background-color: lightgray;
      text-align: center;
      vertical-align: middle;
    }
    a[href]:after {
      content: none !important;
    }
    .no-print, .no-print * {
            display: none !important;
    }
}



/* hotel style start new */

.india_container{
  background: var(--lgp);
  margin-top: 50px;
  display: flex;
  flex-wrap:wrap;
  text-align:center !important;

  
}

.inter_container{
  background: var(--lgp);
  margin-top: 50px;
  text-align: center;
}

h4{
  color: var(--blk);
  font-weight: bold;
  font-size: 12px;
}

h2{
  color: var(--blk);
  font-size: 12px;
}



.search_button_hotel{
 text-align: center;
  width: 100%;
  margin: none !important;
}

.form_serach{
  border: 2px solid cadetblue;
}

.date-picker{
  border: 2px solid cadetblue;
}

.title_search{
  font-weight: bold;
  font-size: 14px;
}

.main_heading{
font-size: 17px;
  text-shadow: 2px 2px 4px black;
}
/* hotels page1 style end */

/* HOTELS LISTS START */

.hotels_lists_main{
  text-align: center;
}

.nav_header{
  font-size: 17px;
  font-weight: bold;
  margin-inline: 50px;
}

/*css 22-2-2024 start */
.planTitle{
  font-size: 14px;
  margin-left: 10px;
}
.delClass{
margin-left:10px;
font-size: 12px;
color:red;
font-weight: bold;

}
.priceClass{
margin-left:10px;
font-size: 12px;
}

.hotelDesc{
  font-size:14px;
}
.subDesc{
 font-size:14px;
}

/* .searchContainer{
  margin-top: 100px !important;
  margin-left: 50px !important;
} */


.i-circle {
  padding: 2px;
  border: 1px solid Dodgerblue;;
  border-radius: 50%;
  max-width: 40px !important;
  height: 25px !important;
  color: Dodgerblue;
  background-color: white;
}

.icon-text {
  margin: 0px;
  font-size: 18px;
  /* color: Dodgerblue; */
}

.myWorkContent{
  border: 1px solid lightgray;
  padding: 2px;
  margin-top: 0px;
  max-width: 100%;
  height: 107px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.myWorkContent a {
  padding-left: 2px;
  display: inline-block;
  float:left;
}

div.insideDiv{
    width:800px;
}

.carousel-inner > .carousel-item img {
  height: 100%;
  max-width:100%;
}

.img-small {
 max-width: 150px;
  height: 100px;
}

.selectDropdown{
  /* max-width:66%;  */
  max-width: 50%;
  padding:3px;

}

.search_Btn{
  margin-inline: 8px;
  padding-inline: 25px;
  margin-left: 1px;
}

.img-large {
  height: 170px;
    width: 100%;
}

.roomDiv{
  /* border: 1px gainsboro outset; */
  margin-top:30px !important;
  border-radius: 12px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 10px;
}

/* .hotelHeading{
  margin-top:20px;
} */

.icon-text
{
  margin-left: 30px;
  font-size: 14px;
}
.img-large{
  
}

.searchUrlDiv{
  position: sticky;
  top:56px;
  z-index: 1000;
  background-color:#003399;
  justify-content:center;
  padding-top: 5px;
}

.roomDesctext {
  margin-bottom: -10px;
}

.searchRow{
  /* background-color:#261cd9; */
 border-radius: 4px;
 padding:5px;
  }

.rateClass{
  margin-top:3px;
  text-align: center;
  margin-bottom: 0px;
  color: #636363;
}
.atag{
  text-decoration: none;
}

.rateClassd{
  margin-top: 2px;
  text-align: center;
  margin-bottom: -2px;
  color: #636363;
}


.rateClasst{
  margin-top: -10px;
  text-align: center;
  margin-bottom: -3px;
  color: #636363;
}

.mapClose{
  direction: rtl;
}



.img-small {
  height: 300px;
  width: 500px;
}

.rateContainer{
  margin-top:20px;
}


.hr2 {
  margin-bottom: 0px;
}

.PnglastDiv{
  /* direction:rtl; */
}

.PngDiv{
  /* direction:rtl; */
}


.carouselDiv{
  /* margin-left:100px; */
  /* width: 100%; */
}

.rowDesc{
  font-weight: bold;
  font-size: 10px;
  margin-top: 10px;
  color: #fff;
  /* text-align:end; */
  /* margin-left: 121px !important; */

}

.rowPrice{
  font-weight: bold;
  font-size: 10px;
  margin-top: 10px;
  color: #fff;
  text-align:center;
}

.rowGuest{
  font-weight: bold;
  font-size: 10px;
  margin-top: 10px;
  color: #fff;
  text-align: start;
}

.roomDescIcon{
  margin-top:20px;
}

.descRoom {
  font-weight:450;
  text-align: center;
}

.hrroomDesc{
  margin-bottom: -5px;
}

.policyTitle {
  text-align: center;
}

.epHeadingRow{
  margin: 0px;
  text-align: center;
  background: #039;
  border-radius: 7px;
}

.cpHeadingRow{
  margin: 0px;
  text-align: center;
  background: #039;
  border-radius: 7px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.mapHeadingRow{
  margin: 0px;
  text-align: center;
  background: #039;
  border-radius: 7px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.apHeadingRow{
  margin: 0px;
  text-align: center;
  background: #039;
  border-radius: 7px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

/* .bg-body-tertiary.text-center {
  margin-top: 352px;
} */
 
/* @media only screen and(min-width:430px)and(max-width:630){
.searchContainer{
  margin-top:350px;
}
} */


@media only screen and (min-width:630px){
  .rowDesc{
    /* margin-left: 121px !important; */
  }
  /* .bg-body-tertiary.text-center {
    margin-top: 422px;  } */
}

@media only screen and (max-width:630px){
  .rateClass{
    margin-bottom: 2px;
  }
  .rateClassd {
    margin-bottom: 2px;
  }
  .rateClasst{
    margin-bottom: 2px;
  }
}


@media only screen and (min-width:1020px){
  .planTitle
{
  /* margin-left: 60px; */
  font-size: 12px;}
.selectDropdown
{
  /* max-width: 100%; */
  padding: 1px;
  text-align: center;
  max-width: 100%;
  border: 1px solid #D4AF37 !important;
}
.policyTitle{
text-align: center;
font-size: 12px;

}

.img-small {
  height: 300px;
  width: 500px;
}

}


@media only screen and (min-width:630px){
.searchContainer{
  margin-top: 10px !important;

}

}


@media only screen and (max-width:630px){
  .searchContainer{
    margin-top: 350px !important;
  
  }
  
  }

@media only screen and (min-width:570px){
  .landingHotelsearch
  {
  display: flex;
   }
   .mapDiv{
    margin-left:50px;
  }
  .myrooms{
    top: 150px;
    left: 980px;
    z-index:1000;
    border-radius:5px;
    max-width: 30%;
      } 
  }



@media only screen and (max-width:430px) {
  .planTitle{
    font-size: 11px;
  }
  .priceClass{
    font-size: 11px;
  }
  .delClass{
    font-size: 11px;
  }
  .icon-text
   {
      font-size: 15px;
    }
    .selectDropdown
     {
       padding: 0px;
       max-width: 76%;
     }
     .carousel-inner
     {
      height: 220px;
      }
    
      .modal-content{
        /* top: 250px; */
      }
      .searchContainer{
        margin-top:10px !important;
        /* margin-left:50px; */
        }
      .searchUrlDiv{
       top: 64px;
       margin-top: 40px;        
        }
    } 



    @media only screen and (min-width:570px){
      .rowPrice {
        /* margin-left:44px; */
       }
     
    }








/*css 22-2-2024 end */



/* hotel style end  */