/* Add Css */
.enquiry,.available{position:relative;color:#333 aliceblue !important;}
.available span{position:absolute;top:41px;left:0px;font-size:11px;text-align:center;right:0;color:green;}
.enquiry span{
    position:absolute;top:41px;left:0px;font-size:11px;text-align:center;right:0;color:#333;letter-spacing: 0.1px;
}
.selected_date::before{content:"\f058";font-family:FontAwesome;font-size:14px;display:inline-block!important;cursor:pointer;line-height:20px;color:green;margin-right:6px;position:absolute;top:0px;right:0px;}

.packages-section.borderlight .box{
    background-color: #ef5a25;
}
.borderlight .pac-calender div#calendar {
    width: 616px !important;
}
.borderlight div#calendar div.box {
   /* position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 40px;*/
    background-color: #4ab8bb;
}
.borderlight .pac-calender div.header {
    width: 564px !important;
}
.header a.prev::before{
    content:"\f053";font-family:FontAwesome;font-size:34px;display:inline-block!important;cursor:pointer;line-height:20px;color:#fff;position:absolute;top:9px;right:-13px;
}
.header a.next::before{
    content:"\f105";font-family:FontAwesome;font-size:34px;display:inline-block!important;cursor:pointer;line-height:20px;color:#fff;position:absolute;top:9px;right:-26px;
}
.borderlight  .pac-calender ul.dates li {
    line-height: 29px !important;
    width: 87px !important;
    height: 80px !important;
    padding: 6px !important;
    border: none;
    margin: 0 !important;
}
.borderlight div#calendar ul.dates li{
    display: inline-block;
    font-size: 15px !important;
}
.borderlight div#calendar ul.dates li {
    margin: 0px;
    padding: 10px;}
.borderlight .pac-calender ul.label li {
    width: 82px !important;
}
.borderlight div#calendar ul li.available {
    background-color: #fff !important;
    /*! border-radius: 100%; */
}
.borderlight .selected_date::before {
   
    /*! margin-right: 22px; */
    /* margin-top: 40px; */
    /*! position: absolute; */
    /*! bottom: 0px; */
    /*! right: 0px; */
   
}
.selected_date{
    border:1px solid green !important;
        color: green !important;
}
.borderlight div#calendar ul.dates li:hover {
    border: 1px solid green;
}
.borderlight div#calendar ul.dates li{
    background-color: #fff;
    border: 1px solid #ece7e7;
    /*! border-bottom: 1px solid green; */
    font-weight: 600;
    color: #555;
    cursor: pointer;
}
#pacpopupModal .modal-lg {
    max-width: 950px;
}
.disabled-date{
    color: #d8d5d5 !important;
}
#pacpopupModal .modal-title {
color: #ef5a25;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;}
    
    button.btn-book-now {
    background-color: #ed8323;
    color: #fff;
    padding: 8px 12px;
    font-weight: 600;
    font-size: 14px;
    border: none;
    width: 100%;
    margin-top: 1em;
    /* bottom: 0; */
    /* position: absolute; */
    /* overflow: hidden; */
    
    
}
/* button.btn-book-now:hover{
    background: transparent;
    border: 1px solid #4ab8bb;
    color: #4ab8bb;
} */
.rightsidedate button.btn.btn-primary.bootstrap-touchspin-down, .rightsidedate button.btn.btn-primary.bootstrap-touchspin-up {
    background: #4bb9bc;
    border: none;
}
.room-traveller.passengerssec p {
    color: #000;
    font-weight: 500;
}

/*******************************Calendar Top Navigation*********************************/
.pac-calender div#calendar{
width: 511px;
}
.pac-calender div.header{
width:469px !important;
}
.pac-calender ul.label li{
width:67px !important;
}

.pac-calender ul.dates li{
    line-height:79px !important;
    width:79px !important;
    height:79px !important;

}

div#calendar{
  margin:0px auto;
  padding:0px;
  width: 100%;
  font-family:Helvetica, "Times New Roman", Times, serif;
}
 
div#calendar div.box{
    position:relative;
    top:0px;
    left:0px;
    width: 100%;
    height:40px;
    background-color: var(--maincolor);
    color: #fff;
}
 
div#calendar div.header{
    line-height:40px;
    vertical-align:middle;
    position:absolute;
    left:11px;
    top:0px;
    width:582px;
    height:40px;
    text-align:center;
    display: flex;
    justify-content: space-around;
}
 
div#calendar div.header a.prev,div#calendar div.header a.next{
    position:absolute;
    top:0px;
    height: 17px;
    display:block;
    cursor:pointer;
    text-decoration:none;
    color:#FFF;
}
 
div#calendar div.header span.title{
    color:#FFF;
    font-size:18px;
}
 
 
div#calendar div.header a.prev{
    left:0px;
}
 
div#calendar div.header a.next{
    right:0px;
}
 
 
 
 
/*******************************Calendar Content Cells*********************************/
div#calendar div.box-content{
    /*! border:1px solid #787878 ; */
    border-top:none;
}
 
 
 
div#calendar ul.label{
    margin: 0px;
    padding: 0px;
    margin-top: 5px;
    margin-left: 5px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    justify-content: space-around;
}
 
div#calendar ul.label li{
    margin:0px;
    padding:0px;
    /* margin-right:5px; */
    float:left;
    list-style-type:none;
    width: 100;
    height:40px;
    line-height:40px;
    vertical-align:middle;
    text-align:center;
    color:#000;
    font-size: 15px;
    background-color: transparent;
}
 
 
div#calendar ul.dates{
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
    margin-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
}
 
/** overall width = width+padding-right**/
#calendar ul.dates li{
        flex: 0 0 14%;
   margin: 0px; 
    padding: 0px;
    /* margin-right: 5px; */
    /* margin-top: 5px; */
    line-height: 80px;
    vertical-align: middle;
    float: left;
    list-style-type: none;
    width: 100%;
    height: 102px;
    font-size: 25px;
    background-color: #DDD;
    color: #000;
    text-align: center;
}

div#calendar ul li.available{
    background-color: #3ca700 !important;
}
 
:focus{
    outline:none;
}
 
div.clear{
    clear:both;
}

.holiday-booking-calendar{position: relative;}
.holiday-booking-calendar-overlay{ display:none; position: absolute;left: 0; top: 0; right: 0; bottom: 0;z-index: 2;background-color: rgba(255,255,255,0.8);}
.holiday-booking-calendar-overlay-content {
    position: absolute;
    transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    color: #555;
}
.calbookingsec .bookingCalendarWrapper{
    /*margin-top: 11em;*/
    margin-bottom: 2rem!important;
}
.calbookingsec .enquiry span{
    top: 28px;
}
.calbookingsec .available span{
    top: 28px;
}
.calbookingsec .header{
        width: 100% !important;
}
.calbookingsec div#calendar ul li.available {
    /* background-color: #3ca700 !important; */
    /* border: 1px solid green !important; */
    /* color: green; */
    font-weight: 600;
}
.calbookingsec div#calendar ul.dates li{
    line-height: 40px !important;
    /* border-radius: 100%; */
    background: transparent !important;
    border: 1px solid #ece7e7;
        cursor: pointer;
}
.calbookingsec .selected_date::before{
        line-height: 46px !important;
}
/*.calbookingsec div#calendar{*/
/*    box-shadow:5px 5px 72px rgba(30, 46, 50, 0.5);*/
/*}*/
.calbookingsec .header a.next::before{
right:26px;
}
.Searchbtnmk{
    background-color: #4ab8bb;
    color: #fff;
    padding: 8px 12px;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    border: none;
}
.Searchbtnmk:hover {
    border: 1px solid #4ab8bb;
    background: #fff;
    color: #4ab8bb;
}
.inquiry-popup.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    color: #ef5a25;
    text-transform: uppercase;
    font-size: 25px;
}
.calbookingsec div#calendar ul.dates li:hover {
    border: 1px solid green;
}
.TripInformation input {
      margin: 5px 10px;
    border-radius: 0 !important;
    display: block;
    border: none !important;
    padding: 17px 10px !important;
    border-bottom: solid 1px #ddd !important;
    -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1) !important;
    transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
    /* background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 96%, #28a745 4%); */
    background-position: -200px 0;
    background-size: 200px 100%;
    background-repeat: no-repeat;
    color: #222 !important;
}
.TripInformation label, .TripInformation textarea{
    margin: 5px 10px;}
/*.GetQuoteForm.TripInformation .input-group-append, .input-group-prepend{*/
/*    height: 3em;*/
/*    margin-top: 19px;*/
/*}*/
.TripInformation button.btn.btn-primary {
    background:#4ab8bb;
    border: none;
   height: 3em;
    top: 1em;
}
.TripInformation input:focus, input:valid {
 box-shadow: none;
 outline: none;
 background-position: 0 0;
}

.TripInformation input::-webkit-input-placeholder {
 font-family: 'roboto', sans-serif;
 -webkit-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}

.TripInformation input:focus::-webkit-input-placeholder, input:valid::-webkit-input-placeholder {
 color: #1abc9c;
 font-size: 11px;
 -webkit-transform: translateY(-20px);
 transform: translateY(-20px);
 visibility: visible !important;
}
.TripInformation.form-group label{
    margin: 5px 10px;
}
.calbookingsec .table-bordered td, .table-bordered th {
    border: 1px solid #337e80;
    padding: 19px 5px;
}
.calbookingsec .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #4ab8bb;
    padding: 21px 5px;
}
.calbookingsec .table-bordered td, .table-bordered th {
    border: 1px solid #337e80;
    padding: 19px 5px;
}
.calbookingsec .btn-book{
background-color: #4ab8bb;
    color: #fff;
    padding: 8px 12px;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    
    margin: auto;
    display: block
}
.calbookingsec .btn-book:hover {
    border: 1px solid #4ab8bb;
    background: #fff;
    color: #4ab8bb;
}
.calbookingsec .btn-primary {
    color: #fff;
    background-color: #007bff;
     border-color: #000; 
    background: #000;
}
.stardatend h5 {
    font-size: 14px;
    color:#000;
    font-weight:600;
}
.stardatend p {
    font-size: 13px;
    color:#6c757d;
    font-weight: 500;
}
.indivualgroup h5 {
    font-size: 14px;
    color:#000;
    font-weight:600;
}
.indivualgroup p {
    font-size: 13px;
    color:#6c757d;
    font-weight: 500;
}
.TripInformation .inquiry-popup .form-control{
        padding-top: 17px !important;
}
.TripInformation textarea {

    width: 62em;
}
.mask, .disabled-date {
   
    pointer-events: none;
}
.submitbuttons input.Searchbtnmk:hover {
    background: transparent;
    border: 1px solid #4ab8bb;
    color: #4ab8bb;
}
.submitbuttons input.Searchbtnmk {
    border-radius:0 !important;
}
.stardatend {
    padding-bottom: 30px;
}

/*.indivualgroup{*/
/*     padding-bottom: 30px;*/
/*}*/

button.btn-book-now:disabled, button.disabled {
    background-color: #bcebec !important;
}

button.btn-book-now:disabled:hover {
    color: #fff;
    border: none;
    cursor: not-allowed;
}