/** theme CSS **/ /* @import url("../css/theme.css"); */ /** calender CSS **/@import url('../css/calendar.css'); /** font CSS **/@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900'); /** font face CSS **/@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css'); /** device CSS @import url("../css/device.css");**/ body{font-family: 'Roboto', sans-serif;color:#5c5c5c;} .imgWrap{overflow:hidden;} .overflowHidden {overflow: hidden;} a,a:hover,img,img:hover,a:focus,a:active,a:visited{text-decoration:none;border:0;outline: none;} h1,h2,h3,h4,h5,h6,ul,li,ol,header p,.hdrText h1{margin:0;padding:0;} ul{list-style-type:none;} .w-100 {width: 100%;} .text-right {text-align: right;} footer{padding:34px 0;} /*hover*/ .btn:hover,a:hover,.leftPanel ol li:hover,.active{opacity:.85;transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out; -webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;} /* focus */ .btn:focus,.btn:active,.btn:active:focus{ outline: none; box-shadow: none; } /*no border*/ .nobrdr,.bookingSteps li hr,.viewbybox a:last-child,.selectRoom select,.modal-header,.langChoos select,.packageTabs .nav-tabs>li>a,.roomColps .panel-title>a{border:none;} /*border-radius*/ .viewbybox a.active{border-radius:5px;} .langChoos select,#addPackage textarea,.packageTabs .nav-tabs>li>a,.roomColps .panel-group .panel{border-radius:0;} #addPackage select,#addPackage input[type=text],#modifyPack select,#modifyPack input[type=text],.couponBox input[type=text],.couponBox select,.cardDetails input[type=text],.cancelbox input[type=text],.multiRoom input[type=text] {border-radius:3px;} .packHovr span,.editDel a span{border-radius:50%;} /*box-shadow*/ .noshadow,.langChoos select,.langChoos select:focus,#addPackage select:focus,#addPackage input[type=text]:focus,.roomColps .panel,.couponBox input[type=text],.couponBox input[type=tel],.couponBox input[type=email],.couponBox textarea:focus,.couponBox select:focus,.cardDetails input[type=text],.cancelbox input[type=text],.multiRoom input[type=text],.multiRoom select.form-control{box-shadow:none;} /*line-height*/ ul.termsInpop li{line-height:186%;padding-left:25px;} .packThumb p,.discountBox p,.rateBy p{line-height:128%;} .editDel a span i{line-height:24px} .rateBy h4{ padding-bottom:15px; font-size:20px; color:#669035;} /*font-size*/ body,.roomColps .panel-title span,.editDel a span,.btn-download,.btn-cancel{font-size:14px;} .leftPanel ol li:before,.leftPanel ol h2,.pagehead h4,.saveperNight span,.upFrontpay span,.bedtypeprice span,.bookingSteps li span,.capacity h2,.facilities h2,.otherInfo h2,.roomInpop h2,.roomColps .panel-title,.packThumb h2,.boldBlack,.boldGreen,.boldwhite,.boldYellow,.editDel a span i,.couponBox h2,.couponBox .grnTxt i,.couponBox .red i,.font18,.rateBy h2,.modeTxt h2,h2.greenBold,.btn-download:before,.cancelbox h3,.font18{font-size:128%;}/*18px*/ .pagehead h2,.oLdetails h2,.roomInfo h2,.font24,.grandTable td.trgreen a,.amendTable .table>thead{font-size:171%;}/*24px*/ .grandTotal,#addPackage span,#modifyPack span,.packRate,.bigboldTxt,.packagemodal .price span{font-size:214%;}/*30px*/ .totalPrice span,.msg{font-size:257%;} .font15{font-size:104.14%;} .font48{font-size:342%;}/*48px*/ .packHovr div{font-size:60px;} .discountBox .small{font-size:85%;}/*12px*/ /*font-weight:*/ body,.leftPanel label,.leftPanel ol h2,.roomColps .panel-title span,.pagehead h4,.modal-header p,.nobold,.outerModal label{font-weight:300;}/*light*/ .roomColps .table td strong,.leftPanel .panel-title{font-weight:400;} .taxPrice,.upFrontpay,.infotool,.packageTabs .nav-tabs>li>a,#addPackage label,#modifyPack label,.modeTxt span,.remainRooms,.medium,.instructions a,.cardDetails label,.multiRoom label,.cancelbox h3{font-weight:500;}/*medium*/ .packThumb h2,.boldBlack,.boldGreen,.boldwhite,.boldYellow{font-weight:700;}/*bold*/ .hdrIcon li p,.leftPanel .btn,.bookingSteps li,.pagehead h2,.viewbybox,.saveperNight span,.saveAmount,.UpfrontText,.upFrontpay span,.booknow,h3.bedType,.bedtypeprice span,.oLdetails h2,.bookingSteps li span,.modal-header,.btn-agree,.capacity h2,.facilities h2,.otherInfo h2,.roomInpop h2,.packRate,.btn-modify,.btn-addpack,.grandTotal,#addPackage span,#modifyPack span,.couponBox h2,.modeTxt h2,.grandTable td.trgreen a,.msg,.greenBold,.btn-download,.btn-cancel,.btn-black,.bigboldTxt,.packagemodal .price span{font-weight:bold;} .totalPrice span,.packRate{font-weight:900;} /*uppercase text*/ .hdrIcon li p,.leftPanel h2.heading,.leftPanel .btn,.booknow,.btn-agree,.btn-modify,.btn-addpack,.packageTabs .nav-tabs>li>a,.modeTxt h2,.grandTable td.trgreen a,.btn-download,.btn-cancel,.btn-black{text-transform:uppercase;} .modeTxt span{text-transform:capitalize;} /*center text*/ .hdrIcon,.leftPanel ol li:before,.bookingSteps ul,.viewbybox span,.remainRooms span,.infotool,.packageTabs .nav-tabs,.packHovr div,.editDel a span{text-align:center;} /*display*/ .bedtypeprice span,.hdrIcon li h6,.leftPanel ol li:before,.nightPrice span,.taxPrice span,.totalPrice span,.packThumb:hover .packHovr,.packHovr div,.roomColps .panel-title>a span,.roomColps .panel-title>a,.discountBox hr,.couponBox select,.grandTable td.trgreen a{display:block;} .bookingSteps ul{display:flex;justify-content:center;} .innerSlider{ overflow:hidden; } .hdrIcon li,.bookingSteps li{display:list-item; float:left;} .halfwid,.packageTabs .nav-tabs > li,.editDel a span,.indate,.editcal{display:inline-block;} .packHovr span{display:inline;} /*relative*/ .leftPanel h2.heading,.leftPanel ol li,.bookingSteps li,.bookingSteps li div,.viewbybox a.active,.lowestRate,.radio,.calIcon,.nightIcon,.packThumb figure,.roomColps .panel-title>a,.roomColps .panel-title ,.rateBy figure,.roomBox,.thxMsg,.roomDetails{position:relative;} /** header start **/ header{background:url(../images/headerbg.jpg) no-repeat 50% 50% / cover; position:relative;height: 500px;} header.headerBg2{background:url(../images/headerbg-02.jpg) no-repeat 50% 50% / cover; position:relative;} /*headerV1*/ .topAddress{padding:0 33px 0 45px;margin-right:33px;border-right:1px solid #fff;background:url(../images/header_icon_address.png) no-repeat left center;} .topPhone{padding-left:45px;background:url(../images/header_icon_phone.png) no-repeat left center;} .topContact a { color:#fff; } .hdrText{min-height:inherit;padding:23px 0;position:absolute;bottom: 0;width: 100%;} .hdrIcon.imgWrap,.iconWrap{display:inline-block;} .logoBar,.hdrText{padding:10px 0;min-height:69px;box-sizing:border-box;font-size:13px;} .topContact{margin-top:11px;} .hdrText{min-height:auto;padding:20px 0;} .hdrText h1{font-weight:500;font-size:186%;} .hdrIcon{padding:40px 0 30px;} .hdrIcon li{width:110px;} .hdrIcon li svg{width:74px;height:74px;} .hdrIcon li h6{ width:auto;} .hdrIcon li p{font-size:85%;} /*headerV2*/ .iconWrap{width:70px;height:70px;background:#999;border-radius:3px;line-height:74px;text-align:center;margin-bottom:3px;opacity:1;} .iconWrap i:before{margin-left:0;font-size:40px} .iconWrap p{line-height:normal;} .woodenbg{background:#dea901} .greenbg{background:#92c850} .redbg{background:#f93c26} .bluebg{background:#32baee} .skybg{background:#3fe3ff} .headerV2 .hdrIcon{ width: 50%; position: absolute; margin: 15px auto; left: 0; right: 0; top: 50%; transform: translateY(-50%); } .headerV2 .header-logo { max-height: 100px; } /*headerV3*/ .headerV3 .logoBar,.headerV4 .logoBar{padding:5px 0;background:#000;} .headerV3 .hdrText h1{font-size:157.14%;margin-bottom:18px;} .headerV3 .iconWrap,.headerV5 .iconWrap{width:50px;height:50px;border-radius:50%;line-height:50px;} .headerV3 .iconWrap i:before,.headerV5 .iconWrap i:before{font-size:24px} .headerV3 .hdrIcon{ padding:40px 0; width: 70%; margin: 0 auto; } .headerV3 .hdrIcon ul{ max-width: 640px; margin: 0 auto; } .headerV3 .hdrText{ margin-bottom: 15px; } /* .headerV3 .hdrIcon li{width:80px;margin:0 10px;} */ .headerV3 .hdrText,.headerV5 .hdrText{background:none;min-height:auto;padding:0} /*headerV4*/ .headerV4 .iconWrap{width:50px;height:50px;position:relative;line-height:50px;} .headerV4 .hdrIcon{padding:63px 0;} /* .headerV4 .hdrIcon li{ display: inherit !important;} */ .headerV4 .hdrIcon li p{font-weight:600;} .headerV4 .logoBar{background:rgba(0,0,0,.8);} .headerV4 .iconWrap i{position:absolute;top:0;left:0;right:0;margin:0;} .headerV4 .iconWrap i:before{font-size:28px} .headerV4 .hdrText{background:none; width: 40%;} .headerV4 .hdrText h1{line-height:120%;text-align:left;position:relative;padding-left:15px;font-size:185%} /* .headerV4 .hdrIcon ul{display:inherit;} */ .headerV4 .hdrText h1:after{content:"";position:absolute;top:0;left:0;width:1px;height:100%;border-left:1px solid #fff;} .headerV4Slider{ width: 60%; } /*headerV5*/ .headerV5 .iconWrap{border-radius:3px;} .headerV5 .logo{position:relative;} .headerV5 .hdrIcon{ padding:40px 0; width: 50%; margin: 15px auto; } /* .headerV5 .hdrIcon li{width:62px;} */ .headerV5 .hdrText h1{line-height:110%;font-size:185%;margin-top:22px;} .horizonTxt span{padding-right:15px;margin-right:15px;font-size:12px;} .horizonTxt span img{margin-right:2px;} .horizonTxt span:last-child{margin:0;padding:0;border:0;} /*headerV6*/ header.headerV6,header.headerV7{background:url(../images/headerbg-dark.jpg) no-repeat center center;background-size:cover;} .headerV6 .logoBar{padding:0;} .headerV6 .topContact{margin-top:15px;} .headerV6 .hdrIcon{padding:86px 0 64px; max-width: 640px; margin: 0 auto;} .headerV6 .topPhone{background:url(../images/topPhone-orange.png) no-repeat left center;} .headerV6 .topAddress{background:url(../images/addressmap-blue.png) no-repeat left center;} .headerV6 .iconWrap{background:none;} /*headerV7*/ .headerV7 .hdrText i:before{font-size:20px;margin-left:20px;} .headerV7 .hdrText{padding-right:30px;min-height:auto;} .headerV7 .hdrIcon h1{text-align:left;padding-left:35px;text-transform:uppercase;font-weight:700;} /** header end**/ /*=== leftPanel start ===*/ .leftPanel{padding-bottom:20px; position: sticky; position: -webkit-sticky; top: 0; max-height: 100vh; min-height: 100vh; overflow-y: auto; scrollbar-color: rgba(255,255,255,0.25) rgba(0,0,0,0.5); } .leftPanel::-webkit-scrollbar{ width: 5px; height: 5px; background-color: rgba(255,255,255,0.25); } .leftPanel::-webkit-scrollbar-thumb{ background: rgba(0,0,0,0.5); } .leftPanel h2.heading,.lowestRate,.availabilityForm,.roomColps{margin-left:-15px;margin-right:-15px;} .leftPanel h2.heading{font-size:129%;padding:30px 20px 24px 68px;position:relative;} .leftPanel .imgWrap{position:absolute;top:15px;left:15px;} .leftPanel svg{width:46px;height:46px;} .leftPanel input[type=text],.leftPanel select,.leftPanel input[type=password]{background-color:rgba(0,0,0,0.05);} .leftPanel input[type=text],.leftPanel select,.leftPanel input[type=password], .outerModal select{border-color:rgba(0,0,0,0.1);} /*availability Form*/ .form-control{ font-size: 13px; } .outerModal select{ font-size: 1em; } .outerModal .extend.nobrdrtop{ padding-top: 32px; } .availabilityForm,.lowestRate{border-top:1px solid rgba(0,0,0,0.2);border-bottom:1px solid rgba(0,0,0,0.2);} .availabilityForm{padding:50px 15px;border-bottom:none;} .availabilityForm form{padding-bottom: 20px;} .availabilityForm select + i.fa,.outerModal select + i.fa{background:none;} .leftPanel input[type=text],.leftPanel select,.leftPanel .btn,#addPackage select,.leftPanel input[type=password]{border-radius:1px;} .leftPanel label{padding-bottom:5px;} .leftPanel ol li:hover,.leftPanel ol li.active{background-color:rgba(0,0,0,0.5);} .leftPanel .form-control,.leftPanel .btn,#addPackage .form-control,#modifyPack .form-control,.couponBox input[type=text],.couponBox input[type=tel],.couponBox input[type=email],.couponBox select,.cardDetails input[type=text],.cardDetails input[type=tel],.cancelbox input[type=text],.cardDetails input[type=number],.multiRoom input[type=text],.multiRoom input[type=tel],.multiRoom input[type=number],.multiRoom select, .outerModal select{height:42px;} form#paymentForm #card_number { background-image: url("../images/cardstatus.png"), url("../images/cardstatus.png"); background-position: 5px calc(-121px + 4px), calc(100% + 90px) calc(-61px + 6px); background-repeat: no-repeat; background-size: 120px 486px, 120px 486px; padding-left: 60px; } form#paymentForm input.required{ border-color: rgba(255,0,0,0.5); } form#paymentForm input:not([type="submit"]),.multiRoom .form-group{ margin-bottom: 30px; } small.error{ color: rgba(255,0,0,0.75); font-size: 12px; display: none; position: absolute; bottom: 10px; left: 15px; } .required + small.error{ display: block; } .lowestRate{background-color:rgba(0, 0, 0, 0.4);} .lowestRate{padding:30px 15px;} .fromDate,.toDate{background:url(../images/icon-cal.png) no-repeat 96% center;padding-right: 30px;overflow-x:auto;white-space: nowrap;text-overflow: ellipsis;} #addPackage .datepicker,#modifyPack .datepicker,.indate,.multiRoom .datepicker{background:url(../images/icon-cal-black.png) no-repeat 96% center;} .infotool{font-size:88%;border-radius:50%;width:17px;height:17px;display:inline-block;} .infotool + .tooltip > .tooltip-inner {padding:8px;} /*Other Available Packages start */ .leftPanel ol{counter-reset:li;list-style:none;*list-style:decimal;margin-left:-15px;margin-right:-15px;} .leftPanel ol li{padding-left:60px;padding:26px 15px 26px 65px;} .leftPanel ol li:before{content:counter(li);counter-increment:li;border-radius:50%;width:30px;height:30px;line-height:30px; position:absolute;top:20px;left:25px;} .leftPanel ol h2{margin-bottom:12px;} .leftPanel ol li,a,a:hover{cursor:pointer;} .leftPanel h2.heading,.leftPanel ol li:before,.roomColps .panel{background-color:rgba(0,0,0,0.5);} .leftPanel a.btn { line-height: 40px; padding-top: 0; padding-bottom: 0; } /*Other Available Packages start */ /*=== leftPanel end ===*/ /*=== rightPanel end ===*/ .rightPanel{padding-left:43px;} .selectRoom select,.couponBox select{border-left:1px solid #cdcdcd;} .viewby{border-bottom:1px solid #e5e5e5; } .brdrtb{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;} .langChoos .col-md-6,.roomhave span{border-right:1px solid #e5e5e5;} .langChoos .col-md-6:last-child{border-right:none;} .bookingSteps li{width:20%;} .bookingSteps li div,.bookingSteps li a.stepLink{width:44px;height:44px;display:inline-block; position: relative; } .bookingSteps li span{position:absolute;top:0;left:0;width:100%;height:100%; border-radius:50%;padding:7px 0;display:inline-block;margin-bottom:10px;z-index:1;background:#fff;} .bookingSteps li hr{position:absolute;top:0;left:-39%;width:100%;height:2px;border:none;} .confirmBook .bookingSteps li hr{left:-40.5%;} .pagehead{padding:25px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;} .pageName{ padding-top: 20px; } .languageOpt{background:url(../images/icon-language.png) no-repeat left center;padding-left:20px;} .currencyOpt{background:url(../images/icon-currency.png) no-repeat left center;padding-left:20px;} .langChoos select + i.fa{margin-right:0;margin-top:-26px} .hotelRate{display:inline-block;text-align:center;} .hotelRate a{border:none;text-transform:uppercase;font-weight:500;white-space:normal;} .hotelRate a:hover{border:none;color:#fff;} #hotelRate ul{margin:20px 0;display:inline-block;} #hotelRate ul li{vertical-align:middle;text-align:center;min-height:70px;} #hotelRate ul li p{margin-bottom:0px;line-height:normal;} #hotelRate ul li:nth-last-child(2){padding-top:10px;} #hotelRate ul li:last-child{padding-top:17px;} .lowestRatehead{position:absolute;top:-9px;left:0;margin-left:0;margin-right:0;width:100%;text-align:center;} .lowestRatehead span{padding:2px 5px;font-weight:500;} #js-flexible_dates_modal .modal-body{padding:0;} #js-flexible_dates_modal .modal-body .fc-view-container{padding:0 60px 60px 60px;} #js-flexible_dates_modal .modal-body .fc-header-toolbar{padding:15px;margin-bottom:15px;} #js-flexible_dates_modal .modal-body .fc-header-toolbar h2{font-size:18px;line-height:30px;} #js-flexible_dates_modal .fc button{width:32px;height:32px;border-radius:50%;border:0;box-shadow:none;padding:0;} #js-flexible_dates_modal .fc button .fc-icon{top:0 !important;margin:0 !important;color:#fff !important;font-size:18px;} #js-flexible_dates_modal .fc-state-default{text-shadow:none;} #js-flexible_dates_modal .fc th{text-align:left;font-weight:normal;border-width:0;} #js-flexible_dates_modal .fc-view thead.fc-head>tr>td{border:0 !important;padding-left:5px;} #js-flexible_dates_modal .fc-bgevent{opacity:.8;} #js-flexible_dates_modal .fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:left;color:#000;padding:2px 8px;} /*viewby*/ .viewbybox{padding:12px 22px;} .viewbybox span{width:33px;height:33px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:14px;} .viewbybox svg{width:16px;margin-top:10px;margin-left:2px;} .viewbybox a{font-weight:300;padding:2px 5px;margin:0 2px;} /* oLdetails */ .oLdetails{transition: opacity .5s ease-in-out;opacity:0;height:0;} .oLdetails.in{opacity:1;height:auto;transition: opacity .5s ease-in-out;} .oLdetails .row{padding:30px 0;border-bottom:1px solid #e5e5e5;} .oLdetails h2,.oLdetails section{margin-bottom:15px;} .termbtn{margin-left:10px;text-decoration:underline;} .oLdetails .required{padding-top:60px;} .oLdetails .required i{font-size:120%;font-weight:300;margin-right:5px;} .brdrRight{border-right:1px solid #e5e5e5;} /*List of rooms*/ .roomListBox,.historyPan{padding:45px 0;} .bookSummery{padding-top:45px;padding-bottom:45px;} .roomSlider{margin-bottom:37px;} .roomSlider .item{/* height:275px; */overflow:hidden;} /*room slider*/ .roomSlider .glyphicon,.roomInpop .glyphicon{font-size:12px;text-shadow:none;line-height:30px;} .roomInpop .glyphicon{font-size:16px;line-height:50px;} .roomSlider .carousel-control .glyphicon-chevron-right,.roomInpop .carousel-control .glyphicon-chevron-right{right:0;border-top-left-radius:2px;border-bottom-left-radius:2px;margin-right:0;} .roomSlider .carousel-control .glyphicon-chevron-left,.roomInpop .carousel-control .glyphicon-chevron-left{left:0;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-left:0;} .roomSlider .carousel-control,.roomInpop .carousel-control{background:none;opacity:1;} h2.roomType{font-size:142%; } h2.roomType{padding-bottom:10px;} /* ul.roomFeatures{padding:20px 0 20px;} */ ul.roomFeatures li{ /* background:url(../images/icon-tick.png) no-repeat left center; */ /* padding-left:25px; */ line-height:171%; } .tickType ol { list-style: none; counter-reset: my-awesome-counter; padding: 15px 0; } .tickType ol li { counter-increment: my-awesome-counter; padding-left: 20px; /* margin-left: -20px; */ overflow: hidden; line-height: 171%; margin-bottom: 0; font-family: 'Roboto', sans-serif; } .tickType ol li::before { content: counter(my-awesome-counter) ". "; color: #26896a; font-weight: bold; float: left; /* margin-left: -7%; */ } /*room box*/ .roomDetails{margin-bottom:30px;/* z-index:5; */} .roomBox{padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #e5e5e5;} .roomBox:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0;} .selectRoom{border:1px solid #cdcdcd;margin-right:12px;margin-bottom:30px;background-color:#fff;position:relative;} .selectRoom select,.roomDetails .btn{padding:7px 16px;} .selectRoom label{margin:0;font-weight:300;padding:7px 10px;border-right:1px solid #cdcdcd;background-color:#f1f1f1;} .selectRoom select{border:0;outline:none;margin-left:-3px;padding-right:30px;} .selectRoom select + i.fa{margin-top:-1px;margin-right:0;float:none;position:absolute;right:0;top:30%;} .roomBox .historyTable{margin-bottom:0} .roomBox .historyTable .table{margin-top:10px;} .roomBox .historyTable td{border-top:0;padding:5px 0;} /*bedType*/ h3.bedType{font-size:100%; } .bedTypeList{padding:23px 0; } .bedTypeList li{float:left;padding-right:10px;margin-right:10px;border-right:1px solid #e7e7e7;} .bedType ul.bedTypeList li:nth-child(3){margin-right:0;padding-right:0;border-right:0;} .bedTypeList svg{width:40px;height:40px;fill:#e9eceb;margin-right:14px;} .bedtypeprice span{line-height:100%;} /*bedType radio button*/ .radio label{display:inline-block;vertical-align:middle;position:relative;padding-left:45px} /* .radio label::before{content:"";display:inline-block;position:absolute;width:40px;height:40px;left:0;border-radius:50%; background:#fff url(../images/radio-inactive.png) no-repeat 0 0;-webkit-transition:border .15s ease-in-out;-o-transition:border .15s ease-in-out;transition:border .15s ease-in-out} */ .radio label::before{content:"\f055";font-family:FontAwesome;font-size:40px;line-height:90%;color:#e9eceb;display:inline-block;position:absolute;left:0;border-radius:50%;-webkit-transition:border .15s ease-in-out;-o-transition:border .15s ease-in-out;transition:border .15s ease-in-out;} /* .radio label::after{display:inline-block;position:absolute;content:" ";width:40px;height:40px;left:0;top:0;border-radius:50%;background:#fff url(../images/radio-active.png) no-repeat 0 0;-webkit-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);-webkit-transition:-webkit-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);-moz-transition:-moz-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);-o-transition:-o-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);transition:transform .1s cubic-bezier(0.8,-0.33,0.2,1.33)} */ .radio label::after{display:inline-block;position:absolute;content:"\f058";font-family:FontAwesome;font-size:40px;line-height:90%;left:0;top:0;border-radius:50%;-webkit-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);-webkit-transition:-webkit-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);-moz-transition:-moz-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);-o-transition:-o-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);transition:transform .1s cubic-bezier(0.8,-0.33,0.2,1.33)} .radio input[type="radio"]{opacity:0;z-index:1;cursor:pointer} .radio input[type="radio"]:checked + label::after{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)} .terms a {font-weight: 400;} /*terms*/ .remainRooms{padding:5px;font-size:16px;text-align:center;} /*Price box*/ .pricebaox{background-color:#fefcf2;border-left:1px solid #cecece;padding-top:20px;padding-bottom:20px;} .memPrice{ background-color: #fbf7d8; border-bottom: 1px solid #f4ebbf; border: 3px solid #92c850; /*outline: 3px solid #92c850;*/ padding:15px; margin-bottom:10px;} .memPrice span.bgTxt { font-size: 110%; font-weight: 700; line-height: 100%; color:#26896a; display: inline-block; } .memPrice span.bigTxt{font-size: 140%; font-weight: 700; display: inline-block;} .memPrice .btn-green{ color:#fff;} .bot0{ padding-bottom:0; margin-bottom:0;} .nightPrice,.saveperNight,.taxPrice{ margin-bottom:20px;} .nightPrice span{font-size:214%;font-weight:700;} .nightPrice span small{ font-size: 70%; } .saveperNight span{text-decoration:line-through;} .taxPrice span{font-weight:900;} .upFrontpay{/*margin-right:-15px;margin-left:-15px;*/ padding:15px;margin-bottom:20px;line-height:142%;outline-offset:-8px;} .UpfrontText span.bgTxt{ font-size:110%; line-height: 100%; font-weight:700; } .booknow{padding-top:10px;padding-bottom:10px; font-size: 100%;} .booknow.btnLg{ font-size: 170%; } .booknow:hover,.booknow:active,.booknow:focus{ border: 1px solid #5ba58e; } .btn-modify:hover,.btn-modify:active,.btn-modify:focus{ border: 1px solid #d79701; } /*Modal*/ .modal-header .close{ /* margin-top:-21px; margin-right:-40px; */ opacity:1; } .modal-header h4{color:#fff;font-weight:500;text-align:left;} .modal-content{border-radius:0;border:none;} ul.termsInpop{padding:23px 0;} ul.termsInpop li:before {content: "\f058 ";font-family: FontAwesome;display: inline-block;margin-left:-25px; width: 1.5em;font-size:115%;} .btn-agree{padding:12px 50px;} /*capacity modal*/ .capacity ul,.otherInfo ul{padding:10px 0;} .capacity li,.otherInfo li{display:inline-block;margin-right:20px;} .capacity li:before,.otherInfo li:before{content: "\f111";font-family: FontAwesome;display: inline-block;margin-left:0; width:1.5em;font-size:75%;} .capacityList{margin-bottom:22px;} .extend{margin-left:-55px;margin-right:-55px;padding:32px 55px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;} .tickType{padding:15px 0;} .tickType li{margin-bottom:8px;} .tickType li:before, .roomFeatures li::before{content: "\f00c";font-family: FontAwesome;display: inline-block;margin-left:0; width:1.5em;font-size:100%;} .facilities .col-md-3{border-left:1px solid #e5e5e5;} .facilities .col-md-3:first-child,.facilities .col-md-3:nth-child(4n+1){border-left:0;} .otherInfo,.roomInpop{border-top:none;} .roomInpop{background-color:#fafafa;padding-top:45px;padding-bottom:45px;} .nopadbtm{padding-bottom:0 !important;} /*room slide in modal*/ .carousel-inner.onebyone-carosel { margin: auto; width:100%; } .onebyone-carosel .active.left { left: -33.33%; } .onebyone-carosel .active.right { left: 33.33%; } .onebyone-carosel .next { left: 33.33%; } .onebyone-carosel .prev { left: -33.33%; } .roomInpop .carousel-control{width:5%;} .roomInpop .carousel-control .glyphicon-chevron-left,.roomInpop .carousel-control .glyphicon-chevron-right{border-radius:2px;width:50px;height:50px;margin-top:-25px;} .roomInpop h2{margin-bottom:15px;} .autoWrap{max-width:350px;word-wrap:break-word;margin-bottom:0;margin-top:5px;} /*left panel roomColps/**NEED SORT UPPER CSS*/ .roomColps .panel-heading{padding:0;} .roomColps .panel-title>a{padding:12px 100px 12px 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .roomColps .panel-title>a span{ overflow: hidden; white-space:nowrap; text-overflow:ellipsis; } .roomColps .panel-title ul.date{margin-top: 3px;padding-top: 3px;} .roomColps .panel-title ul.date li{display: inline-block;font-weight: 300;font-size: 75%;color: rgba(255,255,255,1);border-left: 1px solid rgba(255,255,255,0.05);padding: 0 5px;} .roomColps .panel-body .price{text-align: center;padding: 8px;color: #fff;font-size: 150%;} .roomColps .panel-body .price strong{font-weight: 300;} .roomColps .panel-title ul.date li:first-child{border: none;padding-left: 0;} .roomColps .panel-title ul.date li span{font-weight: 400;display: inline-block;vertical-align: top;font-size: 100%;} .roomColps .panel-group .panel+.panel{margin-top:0;} .roomColps .panel-default>.panel-heading{background:#000 !important;} .roomColps .panel-body{padding:0;} .roomColps .panel-body table{margin-bottom:0;} .roomColps .panel-default{border-top:0;border-left:0;border-right:0;} .panel-title:before,.roomColps .active .panel-title:before{position:absolute;top:0;left:10px;height:100%;padding-top:12px;font-family: FontAwesome;margin-left:0; width:1.5em;font-size:100%;display: inline-block;} .panel-title:before{ content: "\f105"} .active .panel-title:before{content: "\f107";} .editDel{position:absolute;top:0;right:0;height:100%;padding:20px 15px 0 0;} .editDel a span{width:36px;height:36px;padding:5px 6px;} .roomColps .dropdown-menu,.roomInfo .dropdown-menu{min-width:auto;left:-100%;top:80%;} .roomColps .dropdown-menu:after,.roomInfo .dropdown-menu:after{bottom:100%;left:90%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-bottom-color:#fff;border-width:6px;margin-left:-6px} .roomInfo .dropdown-menu{background-color: #eff8f5;} .roomInfo .dropdown-menu:after{left: 78%; border-bottom-color: #eff8f5;} /*right pan - tab to accordian*/ .packageTabs{margin:auto;} .packThumb h2{margin:27px 0 20px;} .type2{padding-left:30px;} .btn-modify{padding:12px 50px;} .packThumb figure,.rateBy figure{height:175px;overflow:hidden;} .packrow{padding-bottom:15px;margin-bottom:15px;} .packThumbParent{margin-bottom: 30px;} .packHovr{position:absolute;width:100%;height:100%;top:0;left:0;} .packHovr div{line-height:175px;} .packHovr span{height:10px;padding:7px 14px;} .btn-addpack,.btn-download,.btn-cancel,.bookhistory .btn-modify,.btn-black{padding:12px 24px;} .stepContinue{clear: both;} .stepContinue a.btn-black,.stepContinue a.btn-black:hover{border:1px solid transparent;padding:12px 50px;} .packageTabs .nav-tabs > li {float:none;zoom:1;} .packageTabs .nav-tabs>li>a{margin-right:4px;} .packageTabs .nav-tabs>li{background:#fff url(../images/vr.jpg) no-repeat right top 8px;} .packageTabs .nav-tabs>li:last-child{background:#fff;} .packageTabs .nav-tabs{padding:12px 0 1px;margin-bottom:35px !important;} .packageTabs .nav>li>a{padding-bottom:20px; transition: all 0.25s ease-in-out; } .packagemodal button{margin-right:5px;} .packagemodal ul{display:inline;} .packagemodal ul li{display:inline-block;margin-right:15px;padding-right:15px;position:relative;text-align:left;} .packagemodal ul li:last-child{border-right:none;margin-right:0;padding-right:0;} .packagemodal .modal-header{ padding: 15px 30px; } .packagemodal .modal-body{ text-align:center; padding: 30px; } .packagemodal button:last-child{ margin-right: 0; } .packagemodal .modal-header .close{ margin-top: -10px; margin-right: -20px; } .packagemodal .modal-body p{margin-bottom:4px;} .packagemodal ul li:after{content:'';position:absolute;top:0;right:-1px;border-right:1px solid #ddd;width:1px;height:100%;} .packagemodal ul li:last-child:after{display:none;} .actBtn{margin-top:30px;} .fullwid{width:100%;} .modaltableftr{background:#f5f5f5;} .modaltableftr td,.table>tr>td.modaltableftr{padding:10px;vertical-align:middle !important;height:50px;} .modaltableftr a{padding-right:10px;font-weight:500; margin-right:4px;} .modaltableftr a:last-child{padding-right:0;border-right:0;} .modaltableftr a:hover{color:#000;} .modaltableftr .form-group{ margin-bottom: 0; } .totalPrice{padding:30px 0;} .break{width:50%;margin:0 auto;} .break hr{margin:25px 0;} .modal-header p{margin-bottom:0;} #addPackage textarea{min-height:90px;} #addPackage .price p,#modifyPack .price p,.packagemodal .price p{margin:15px 0 0 0;} .halfwid{width:42%;margin-right:2%;} #modifyPack .btn,#addPackage .btn{margin-right:5px;} .roomInfo .editDel{padding:10px 0;position:relative;right:inherit;top:inherit;} .roomInfo{padding:18px 0;} .updatebtn .btn{margin-right:5px;} .infoInshort .table td,.infoInshort .table th,.table.resrvtionTable td,.table.resrvtionTable th{padding-left:15px;} .infoInshort table>thead:first-child>tr:first-child>th,table.resrvtionTable>thead:first-child>tr:first-child>th{border-bottom:none;} .infoInshort table.stayTable,.infoInshort table.stayTable>thead:first-child>tr:first-child>th, .infoInshort table.table-bordered>tbody>tr>td,table.resrvtionTable,table.resrvtionTable>thead:first-child>tr:first-child>th,table.resrvtionTable>tbody>tr>td,.infoInshort table.additional,.infoInshort table.additional>thead:first-child>tr:first-child>th,.infoInshort table.table-bordered>tbody>tr>td{border-left:none;} .infoInshort table.stayTable,.infoInshort table.stayTable>thead:first-child>tr:first-child>th:last-child, .infoInshort table.table-bordered>tbody>tr>td:last-child,.infoInshort table.additional,.infoInshort table.additional>thead:first-child>tr:first-child>th:last-child,.infoInshort table.table-bordered>tbody>tr>td:last-child,table.resrvtionTable,table.resrvtionTable>thead:first-child>tr:first-child>th:last-child,table.resrvtionTable>tbody>tr>td:last-child{border-right:0;} .brdrR{border-right:1px solid #e5e5e5 !important;} .couponBox select{padding:0 15px;} .calIcon,.nightIcon{padding:20px 0 20px 40px !important;} .calIcon:before,.nightIcon:before{font-family: FontAwesome;display: table-cell;margin-left:0; width:auto;font-size:110%;position:absolute;left:15px;top:20px;height:100%;} .calIcon:before{content: "\f073";} .nightIcon:before{content: "\f186";} .roomhave span{padding-right:10px;margin-right:10px;} .roomhave span:last-child{border-right:none;} .roomhave span i{margin-right:5px;} .stayTable,.additional{margin:30px 0;} .pricesum td{padding-top:15px !important;padding-bottom:15px !important;} hr.extend{border-top:0;padding:0;} .grandTable td{padding-top:25px !important;padding-bottom:25px !important;padding-left:25px !important;box-sizing:border-box;} .bookingSteps{padding:30px 0; position: relative; z-index: 2; } .bookingSteps .dropdown{ opacity: 1; } .bookingSteps .dropdown .dropdown-menu{ display: none; text-align: left; width: auto; max-width: 100%; } .bookingSteps .dropdown.open .dropdown-menu{ display: block; } .stepLinkText{ display: block; color: #000; } .stepLinkText:hover{ color: #000; } .bookingSteps .dropdown .dropdown-menu li{ width: 100%; } .bookingSteps .dropdown .dropdown-menu li:after{ display: none; } .bookingSteps .dropdown .dropdown-menu:after,.bookingSteps .dropdown .dropdown-menu:before{ bottom: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136,183,213,0); border-bottom-color: #fff; border-width: 6px; margin-left: -6px; } .bookingSteps .dropdown .dropdown-menu:before{ top: -13px; border-bottom-color: rgba(0,0,0,0.15); } .viewbybox a.active:after{top: 100%;left:50%;content:" ";height:0;width:0;position: absolute;pointer-events: none;margin-left:-5px;} .modal-body,.modal-header{padding:30px 55px;} #packGroup .collapsing{-webkit-transition: none;transition: none;} .couponBox{padding:30px;} .couponBar{padding:10px 15px;margin:15px 0;} .coupon{display:inline-block;font-size:11px;color:#fff;border-radius:5px;background:#5ba58e;padding:0px 0px 0px 8px;margin-right:8px;overflow:hidden;} .removeCoupon{padding:5px 8px;margin-left:3px;display:inline-block;font-weight:bold;font-style:normal;cursor:pointer;} .indate,.editcal{padding-top:10px;margin-left:10px;background-position:left bottom;padding-left:30px;padding-right:15px;} .editcal{background:url(../images/icon-edit.png) no-repeat 0 100%;position:relative} .editcal a.greenTxt:hover{color:#000 !important;} .editcal:after{content:'';position:absolute;top:0;left:-15px;width:1px;height:calc(100% + 10px);border-left:1px solid #ddd;} .padY30{padding:30px 0 !important;} .padb10{padding-bottom:10px;} .mt20{margin-top:20px;} .brdrLeft{border-left:1px solid #e5e5e5;} .couponBox .btn{margin-right:15px;} .couponBox .grnTxt i,.couponBox .red i{padding-right:8px;} .mtb24{margin:24px 0;} ul.ptb20,.ptb20{padding-bottom:20px;padding-top:20px;} .mb0{margin-bottom:0px;} .mb10{margin-bottom:10px;} .mb30{margin-bottom:30px;} .discountBox{margin-bottom: 20px;} .discountBox p{margin-bottom:5px;} .discountBox hr{width:20%;margin:8px 0;} .rateBy h2,.rateBy p{padding-bottom:15px;} .rateBy p{margin:0;} .rateBy ul.tickType{padding-top:0;} .rateBy ul.tickType li{padding-left:0;margin-bottom:3px;} .rateBy figure{margin-bottom:15px;} .rateByprice{ position: relative; } .rateByprice:before{ content: ""; position: absolute; top: 0; left: 15px; right: 15px; border-top:1px solid #e5e5e5; display: block; } .rateByprice .col-md-6,.rateBy .col-md-4{border-left:1px solid #e5e5e5;padding-top:10px;} .rateByprice .col-md-6:first-child,.rateBy .col-md-4:first-child{border-left:none;} .rateBy{display:none;height:auto;background-color:#fff;padding:20px;z-index:22;position:fixed;left:50%;top:50%; transform: translate(-50%, -50%); width: calc(100% - 30px); max-width: 1100px; max-height: calc(100vh - 0px); } #roomBlocks{height:fit-content;} .rateBy .col-md-4{padding-top:0;} .arrow:focus,.arrow:visited,.arrow:active{outline: none;} .arrow {position: relative; background: #cdcdcd;} .arrow:after {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-bottom-color: #cdcdcd;border-width: 15px;margin-left: -15px;top:36px;} .popover>.arrow{ background: none; } .popover>.arrow:after{ top: auto; } .couponBox select{width:100%;} .mt0{margin-top:0!important;} .payment{padding-bottom:50px;} .paymode{border-bottom:1px solid #e5e5e5;padding:20px 15px;} .paymode .col-md-7{border-right:1px solid #e5e5e5;} .modeTxt h2{padding-bottom:5px;} .modeTxt p{margin-bottom:5px;} .modeTxt span{border-right:1px solid #e5e5e5;margin-right:5px;padding-right:5px;} .modeTxt span:last-child{border:none;} .modeBtn{padding:5px 0 0 20px; } .mt10{margin-top:10px;} .greybg{background-color:#fafafa;} .table-bordered.stayTable {border-left:none !important;} /* .stayTableWrapper,.additionalTableWrapper{overflow-x:auto;} */ /* .stayTableWrapper > table,.additionalTableWrapper > table{min-width:440px;} */ .couponBox h2{padding-left:15px;} .pd5{padding:5px !important;} .pad15{padding-left:15px;padding-right:15px; } .padr15{padding-right:15px;} .pdt15{padding-top:15px;} .pdb15{padding-top:15px;} .pdt40{padding-top:40px;} .pdb40{padding-bottom:40px;} .pdl15{padding-left:15px !important;} .paymode figure{ width:98px; height:98px; border:1px solid #e5e5e5; border-radius:50%; display:inline-block; text-align:center; position: relative; } .pdt0{padding-top:0 !important;} .pdt15{padding-top:15px !important;} /*select arrow icon change*/ select {-webkit-appearance: none;-moz-appearance: none; -o-appearance: none;} select + i.fa,.packagemodal select + i.fa{float:right;margin-top:-30px;margin-right:5px;pointer-events:none;background-color:#fff;padding-right:5px;} .packagemodal select{padding-right:25px;} .packagemodal select + i.fa{margin-top:-25px;} .grandTable td.trgreen{padding:0 !important;} .grandTable td.trgreen a{padding:25px 0 25px 25px;position: relative;} .grandTable td.trgreen a i{ position:absolute;top:50%;right:25px;transform:translateY(-50%);} /* .paymode{} */ .paymode svg{ width:50px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .thxMsg{margin:40px 15px 40px 100px;} .thxMsg.cancBook{margin-left:65px;} .thxMsg:before{ content:"\f058"; font-family: 'FontAwesome'; position:absolute; left:0; top:50%; transform: translateY(-50%); font-size:600%; margin-left:-85px; } .thxMsg.cancBook:before{font-size:400%;margin-left:-55px;/* top:-12px; */} .thxMsg p{margin-bottom:0;} .thxMsg p.msg{margin-bottom:5px;} .accInfo{padding:45px 15px 30px 15px;} .payMethod{padding:15px 0;} .accInfo p{margin-bottom:5px;} .instructions{border:1px solid #d6eee6;background-color:#f9fcfe;border-radius:3px;padding:55px 40px;} .padlr15{padding-left:15px;padding-right:15px;} .pdb15{padding-bottom:15px;} .btn-download{margin-top:10px;} .btn-download:before{content:"\f019";font-family: FontAwesome;margin-right:10px;} .borderless td,.borderless th{border:none !important;} .rsrvtionDetail .borderless td{padding:2px;} .rsrvtionDetail .couponBar{ margin: 0; background-color: transparent; border-top: 1px solid #ddd; } .mr10{margin-right:10px;} .confirmBook{padding-bottom:50px;} .btn.disabled{opacity:.25;} .cardDetails,.multiRoom{ padding:30px 0;} .cardDetails .col-md-7{border-right:1px solid #e5e5e5;} .grandAmount{padding:45px 0;} .grandAmount figure{width:98px;height:98px;border-radius:50%;border:1px solid #e5e5e5;margin:0 auto;display:flex;margin-bottom:30px;} .grandAmount svg{width:63px;margin:0 auto;vertical-align:middle;} .grandAmount p{margin-bottom:0;line-height:normal;} .mr5{margin-right:5px;} .cancelReservation{padding:85px 0;box-sizing:border-box} .cancelbox{padding:55px 50px;box-sizing:border-box;-webkit-box-shadow: 0px 0px 21px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 21px 5px rgba(0,0,0,0.1); box-shadow: 0px 0px 21px 5px rgba(0,0,0,0.1);} .padb45{padding-bottom:45px;} .cancelbox h3{padding:10px 0;margin-bottom:15px;} .cancelbox .table td{border:none;padding:2px 15px;} .cancelbox .table tr:last-child td{padding:10px 15px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;} .cancelbox .table tr:nth-last-child(2) td{padding-bottom:15px;} .upgradeStay{font-weight:bold;padding-bottom:10px;} .staymore{height:50px;vertical-align:bottom !important;} .bookSummery .table td{border:none;padding:2px;} .bookSummery{border-left:1px solid #e5e5e5;} .bookSummery{margin-bottom:20px;} .amendTable{padding:100px 0;} .amendTable .table>thead:first-child>tr:first-child>th:first-child{background:#3c413e;} .amendTable .table>thead:first-child>tr:first-child>th:last-child{background:#5ebc8e;} .amendTable .table>thead:first-child>tr:first-child>th{padding:20px} .insideTable{padding:20px 30px 0 30px !important;border-top:0 !important;} .insideTable .table{margin-bottom:0;} .amendTable .table-bordered>thead>tr>td, .amendTable .table-bordered>thead>tr>th{border-bottom:0;} .amendTable .table-bordered>thead>tr>th{border:0;} .amendTable .table>thead>tr>th{border-bottom:none;} .insideTable:first-child{border-right:1px solid #ddd;} .insideTable .table>tbody>tr:first-child>td{border-top:none;} .insideTable .table>tbody>tr>td{padding-left:30px;} .table>tbody>tr>td.adiitionalTd{padding-top:35px;} .darkGreyBg{background:#e9e9e9;} .amendmentAct td{border-top:0 !important;} .amendmentAct .button{padding:12px 50px;display:inline-block;margin-top:30px;} /* accordion style */ .panel-group .panel{border-radius: 0;} .panel-default>.panel-heading{border-width:0;border-radius:0;} .panel-heading .panel-title{color:#fff; position:relative;} .packageTabs .panel-heading .panel-title a{ display: block; position: relative; } .packageTabs .panel-title:before{ display: none; } .packageTabs .panel-title a:before{ content: '\f077'; position:absolute; top:0; right: 0; height:100%; font-family: 'FontAwesome'; font-size:100%; color: #fff; } .packageTabs .panel-title a.collapsed:before{ content: '\f078'; } /* banner slider style */ /* .bannerSlider{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } */ .headerCaption{ /* position: relative; */ z-index: 2; /* overflow: hidden; */ } /* .bannerSlider .slick-list,.bannerSlider .slick-track{height: 100%;} */ .ui-accordion h2{ position: relative; } .ui-accordion .ui-accordion-header-icon{ float: right; width: 20px; height: 20px; } /* .ui-accordion > h2 .ui-accordion-header-icon:before{ position: absolute; top: 0; left: 0; content: "\f078"; font-family: 'fontAwesome'; font-size: 14px; color: #fff; width: 100%; height: 100%; } .ui-accordion.ui-state-active > h2 .ui-accordion-header-icon:before{ content: "\f077"; } */ .innerSlider .slick-arrow{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: 0; height: 0; border: 0; background: transparent; padding: 0; width: 20px; height: 20px; z-index: 10; } .innerSlider .slick-arrow.slick-next{ right: 0; left: auto; } .innerSlider .slick-arrow:after{ font-family: 'fontAwesome'; color: #fff; font-size: 12px; line-height: 20px; text-align: center; } .slick-slide:focus, .innerSlider .slick-arrow:focus{ outline: none; } .innerSlider .slick-arrow.slick-next:after{ content: "\f054"; } .innerSlider .slick-arrow.slick-prev:after{ content: "\f053"; } /* circle progress style */ .qualityScore { width: 70px; height: 70px; margin: 6px 0 0; display: inline-block; position: relative; text-align: center; line-height: 1.2; } .qualityScore canvas { vertical-align: top; width: 70px !important; height: 70px !important; transform: rotate(90deg); } .qualityScore strong { position: absolute; top: 50%; transform: translateY(-50%) translateX(0%)/* rotate(-90deg) */; left: 0; width: 100%; text-align: center; font-size: 120%; } .qualityScore strong i { font-style: normal; font-size: 80%; font-weight: normal; margin-left: 2px; } /* ------------------ */ .pageHeadCenter{ padding-top: 15px; padding-bottom: 15px; } .pageHeadingText, .pageHeadingSelect{ padding-top: 23px; padding-bottom: 23px; } .alignItemsCenter{ display: flex; flex-wrap: wrap; align-items: center; } .grandAmount{ padding-top: 15px; padding-bottom: 15px; } .bookingSteps li span{border:2px solid #b3b3b3;} .leftPanel ol li{border-bottom:1px solid rgba(0,0,0,0.25);} #addPackage select,#addPackage input[type=text],.couponBox input[type=text],.couponBox input[type=tel],.couponBox input[type=email],.couponBox select,.cardDetails input[type=text],.multiRoom input[type=text],.multiRoom select.form-control,.cancelbox input[type=text]{border-color:#e5e5e5;} .blacktable{border-color:#fff;} .roomInfo .editDel span{border-color:#464646;} .notoppad{padding-top:0;} .nobrdrtop{border-top:0 !important;} .extend.nobrdrtop{padding-top:0;} #addPackage .col-md-4,#modifyPack .col-md-4,.packageTabs .nav-tabs>li:hover a,.packageTabs .nav-tabs>li.active>a, .packageTabs .nav-tabs>li.active>a:focus,.packageTabs .nav-tabs>li.active>a:hover{border:0;} .break hr{border-color:#636a6b;} .packageTabs .nav-tabs>li:hover,.packageTabs .nav-tabs>li.active, .packageTabs .nav-tabs>li.active:focus,.packageTabs .nav-tabs>li.active:hover{border-bottom:2px solid #5ba58e;} .packageTabs .nav-tabs>li:hover>a,.packageTabs .nav-tabs>li.active>a, .packageTabs .nav-tabs>li.active:focus>a,.packageTabs .nav-tabs>li.active:hover>a{ color: #5ba58e; } .packageTabs .nav-tabs>li:last-child{border-right:0;} .packageTabs .nav-tabs>li{border:2px solid transparent; transition: all 0.25s ease-in-out; } .packrow .col-md-4{border-right:1px solid #e5e5e5;} .packrow .col-md-4:not([style*="display: none"]):only-of-type(3n){border-right:0;} /*.packrow{border-bottom:1px solid #e5e5e5;}*/ .roomColps .table-bordered>tbody>tr>td,.roomColps .table-bordered>tbody>tr>th,.roomColps .table-bordered>tfoot>tr>td,.roomColps .table-bordered>tfoot>tr>th,.roomColps .table-bordered>thead>tr>td,.roomColps .table-bordered>thead>tr>th{border-color:#6d8185;} .editDel a span{border:1px solid #26b78a;} .roomColps .panel-default>.panel-heading+.panel-collapse>.panel-body{border-color:#7c8b8f;} .roomColps .panel-default{border-color:#7c8b8f;} .type2{border-left:10px solid #5ba58e;} /*Button*/ .button{background-color:#5ba58e;color:#fff;padding:10px;text-transform:uppercase;border-radius:4px;line-height:1.42857143; text-align: center;white-space: nowrap;vertical-align: middle;font-weight:bold;} .black{background:#000 !important;color:#fff !important;} .green{background:#40a674 !important;color:#fff !important;} .greenTxt{color:#40a674 !important} /*#000 text*/ .pagehead h2,.pagehead h4,.viewbybox,.roomSlider .glyphicon,.roomInpop .glyphicon,h2.roomType,.nightPrice,.saveperNight,.taxPrice, .upFrontpay span,.upFrontpay span,.bedTypeList,.langChoos select,.bookingSteps li.active,.modal-body,ul.termsInpop li,.packRate,#addPackage select,#addPackage input[type=text], .bookingSteps li.active,.roomInpop h2,.ui-datepicker-month,.roomColps,.pagehead,.packThumb h2,.packageTabs .nav-tabs>li>a,.roomInfo h2, .roomInfo p,#addPackage select,#addPackage select option,#addPackage,.grandTotal,.type2,.couponBox h2,.couponBar,.indate,.couponBox input[type=text],.couponBox input[type=tel],.couponBox input[type=email],.discountBox,.rateBy h2,.rateBy .tickType li:before,.black,.paymode,.modeTxt h2,.selectRoom,.thxMsg,.accInfo p,.instructions,.resrvtionTable,.grandAmount,.cancelReservation,.cancelbox input[type=text],.bookhistory{color:#000;} /*#fff text*/ header,.leftPanel,.leftPanel h2.heading,.leftPanel input[type=text],.leftPanel input[type=password],.leftPanel select,.leftPanel .btn,.viewbybox a.active,.roomDetails .btn,.booknow:hover,.booknow:focus,.booknow,.leftPanel ol li.active article,.leftPanel ol li:hover article,.modal-header,.modal-header h4,.modal-header .close,.btn-agree,.btn-agree:hover,.roomColps .panel-default>panel-heading,.btn-modify,.btn-modify:hover, .btn-addpack,.btn-addpack:hover, .totalPrice,.btn-modify:focus, .btn-addpack:focus,.roomColps .panel-title>a,.boldwhite,.blacktable,.packHovr div,.roomColps a.collapse,.roomColps .panel-body,.panel-title:before,.grandTable td.trgreen a,.btn-download,.btn-cancel,.btn-cancel:hover, .btn-cancel:focus,.btn-download:hover,.cardDetails input[type=text],.multiRoom input[type=text],.amendTable .table>thead,.btn-black:hover, .outerModal select, .modal .btn{color:#fff;} .btn-black:focus{ color: #fff; } .cardDetails input[type=text],.multiRoom input[type=text],.multiRoom select{ color: #000; } /*others text*/ .yellow{color:yellow} .darkYellow{color:#e0aa04;} footer{color:#4a4a4a;} .oLdetails .required{color:#dd0000;} ul.termsInpop li:before {color:#54cca7;} .bookingSteps li{color:#b3b3b3;} .roomColps .active{color:#5bd6af;} .panel-heading.active a,.editDel a span i{color:#26b78a} .boldGreen{color:#498d78;} .boldlightGreen{color:#669035; font-weight:700; font-size:125%;} .boldYellow,.grandTotal span{color:#e0a904;} .roomhave span i{color:#9f9f9f;} .roomInfo .editDel i,.roomInfo .editDel{color:#464646;} .editDel{color:#26b78a;} .red{color:red;} .confirm{color:#00bb81;} .darkred,.thxMsg.cancBook:before{color:#d14b4b;} .availabilityForm .btn, .bookingSteps li.active hr, .booknow, .modal-header, .btn-agree, .btn-addpack, .btn-ligrn{background-color:#5ba58e;}/*green1*/ .leftPanel h2.heading,.leftPanel ol li:before,.roomColps .panel{background-color:#000;} .leftPanel{background-color:#1f292b;} .availabilityForm .btn-green{background-color:#669035; color:#fff; } .leftPanel ol h2,.leftPanel ol li:before{color:#49dbae;} .leftPanel ol li:before{border:1px solid #49dbae; margin-left: 0;} .bookingSteps li.active span, .terms a, .oLdetails h2, .capacity li:before, .tickType li:before, .roomFeatures li::before, .otherInfo li:before, .nightIcon:before, .calIcon:before, #addPackage span, #modifyPack span, .nav-tabs>li.active>a:hover, .active .panel-title:before, .grnTxt, .modeTxt span, .msg, .thxMsg:before, .instructions a, .greenBold, .bigboldTxt, .packagemodal .price span{color:#5ba58e!important;} .leftPanel svg,.paymode svg,.grandAmount svg{fill:#5ba58e;} .viewbybox a.active{background:#5ba58e;} .bookingSteps li.active span{border-color:#5ba58e;} .viewbybox a,.termbtn,.termbtn:hover{color:#348d71;} .normalLink,.normalLink:hover{ color: #5ba58e !important;font-weight: 500; } .infotool{color:#04ffb1;} .remainRooms{color:#da5a5a;} .UpfrontText{color:#26896a;} .viewbybox a.active:after{border: solid transparent;border-color: rgba(91, 165, 142, 0);border-top-color:#5ba58e;border-width: 5px;} .leftPanel ol article{color:#869ca1;} .leftPanel ol li:before{ border:1px solid #49dbae; } /*#fff background*/ .rightPanel,.bookingSteps li span,.viewbybox span,.roomSlider .glyphicon,.roomInpop .glyphicon,#addPackage select,#addPackage input[type=text],.couponBox input[type=text],.couponBox input[type=tel],.couponBox input[type=email],.couponBox select,.paymode figure,.cardDetails input[type=text],.multiRoom input[type=text],.multiRoom select,.cancelbox input[type=text]{background-color:#fff;} .roomDetails .btn{background-color:#8d999c;} .roomDetails .btn:hover{ border-color: #8d999c; } .roomDetails .btn {background-color:#8d999c;} .roomDetails .btn:hover{ border-color: #8d999c; } footer{background-color:#1d1d1d;} .selectRoom{background-color:#f1f1f1;} .viewbybox{background:#fff49e;} .bookingSteps li hr{background-color:#b3b3b3;} .langChoos select,.packageTabs .nav-tabs>li:hover a{background:none;} .btn-blacK,.btn-black{background-color:#444d4a;color:#fff;} .btn-green{background-color:#669035 !important;} .btn-modify{background-color:#d79701;} .btn-remove{border-color: #d9534f;background-color: #d9534f;} .packHovr span{background:#5ba58e;} .pricesum{background-color:#f5f5f5;} .additional th{background-color:#fcf6e5;} .stayTable th{background-color:#eff8f5;} .blacktable{background-color:#434947;} .packHovr{background-color:rgba(0, 0, 0, 0.62);} .bookDate{background-color:#1f292b;} .roomColps .panel-body{background:#496166;} .couponBar{background-color:#f5f5f5;} .trblack{background-color:#343e3b;} .tryellow{background-color:#e0a904;} .trltgreen{background-color:#669035;} .trgreen{background-color:#498d78;} .trgrey{background-color:#fcfcfc;} .btn-download,.btn-cancel{background-color:#c34242;} /*SVG color*/ .logoBar,.hdrText{background-color:rgba(0, 0, 0, 0.5);} .logo a{ display: block; padding: 5px; /* background-color: #fff; */ } .logo a img{ filter: drop-shadow(0 0 2px rgba(0,0,0,0.25)); max-height: 70px; } .headerV5 .logoBar{background-color: rgba(0, 0, 0, 1);} .horizonTxt span{border-right:1px solid #939393;color:#939393;} .headerV6 .logoBar{background:#fff;color:#000;} .headerV6 .topAddress{border-color:#e5e5e5;} .woodenTxt{color:#dfaa04;} .limegreenTxt{color:#8fc850;} .orangeTxt{color:#fb3d26;} .blueTxt{color:#32baed;} .skyblueTxt{color:#3fe2ff;} .headerV5 .logoBar{background-color: rgba(0, 0, 0, .7);} .hotelRate{color:#5ba55e;} .hotelRate a{background:#5ba58e;color:#fff;} .lowestRatehead span{background:#1f292b;color:#fff;} #js-flexible_dates_modal .modal-body .fc-header-toolbar{background-color:#f4f8f7;} #js-flexible_dates_modal .fc button{background:#5ba58e !important;} .remainRooms{color:#da5a5a;} .upFrontpay{background-color:#ebe5b3; border-top:1px solid #dbd49f; border-bottom:4px solid #dbd49f; outline: 3px solid #ebe5b3;} .UpfrontText span.bgTxt{color: #da5a5a;} .roomColps .active a, .panel-title:before{color:#5ba58e} .modaltableftr a{color:#5ba58e;border-right:1px solid #999;} .removeCoupon{background:#4a8673;color:#000;} .upgradeStay{color:#5ba58e;} .panel-group .panel{border-color:#1f292b;} .panel-default>.panel-heading{background: #1f292b!important;} .fc-other-month.fc-future{background-color: rgba(102,144,53,0.15); color: #000;} .fc-highlight{background-color: rgba(91,165,142,0.75);} .fc-past:not(.fc-other-month) span{color: #aaa !important;} .hdrIcon a.btn{ display: none; color: #000; position: absolute; top: 0; left: 0; padding: 0; width: 20px; height: 20px; line-height: 20px; border-radius: 0; background-color: #fff; transform: translateX(-100%); border: none; transition: all 1s ease-in-out; } .hdrIcon.open a.btn{ left: auto; right: 0; transform: translateX(0); } .hdrIcon a.btn:focus{ outline: none; } .hdrIcon a.btn:after{ font-family: 'fontAwesome'; color: #fff; font-size: 12px; line-height: 20px; text-align: center; } .hdrIcon a.btn:after{ color: #000; } .hdrIcon a.btn:after{ content: "\f053"; } .hdrIcon.open a.btn:after{ content: "\f00d"; } .innerSlider .slick-arrow{ left: 0; } .innerSlider .slick-arrow.slick-next{ right: 0; left: auto; } .ui-datepicker{ z-index: 2 !important; } .modalListRow{ padding-top: 15px; padding-bottom: 15px; } .modalListRow:not(:last-child){ border-bottom: 1px solid #ddd; } .modalList{ display: block !important; overflow: hidden; } ul.modalList li{ float: left; margin: 0; padding: 0 15px 15px !important; } ul.modalList li:last-child{ float: right; } ul.modalList li.lg{ min-width: 145px; } ul.modalList li.xl{ width: 100%; } ul.modalList li .form-group{ margin-bottom: 0; } .modalList li:after{ display: none; } .modaltableftr .pull-left{ position: relative; top: 4px; } button.close { position: absolute; right: 10px; top: 10px; z-index: 1; } .amendTable th{ position: relative; } .tableDirection{ display: none; position: absolute; top: 0; right: 0; float: right; width: 30px; height: 30px; background-color: rgba(255,255,255,0.5); color: #fff; line-height: 30px; font-size: 14px; text-align: center; z-index: 99; } .tableDirection:hover, .tableDirection:focus{ color: #fff; } .tableDirection i{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .tableDirection.rtl{ transform: rotateY(180deg); } .amendTable .table-responsive, .amendTable .table-responsive > table{ transition: all 0.25s ease-in-out; } .tableRight{ direction: rtl; } .tableRight > table{ direction: ltr; } /* .rateBy:after{ content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.5); z-index: -1; } .rateBy:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; z-index: 0; } */ .rateByprice .btn{ padding: 8px; margin-top:10px; } .rateByCloseBtn{ position: absolute; top: 0; right: 0; width: 16px; height: 16px; background-color: rgba(0,0,0,0.25); color: #fff; font-size: 100%; line-height: 16px; text-align: center; } .rateByCloseBtn:hover, .rateByCloseBtn:focus{ color: #fff; text-decoration: none; opacity: 0.75; } /* .roomDetails .btn{ position: relative; } */ .filterCalendar{ margin: 15px 0; } .filterCalendar label{ padding-bottom: 0; } .filterCalendar select{ border-radius: 0; background-color: #5ba58e; color: #fff !important; } .filterCalendar select + i.fa{ color: #fff; } .fc-event{ border-width: 0; padding: 0 4px; border-radius: 0; margin: 2px 0 0; text-align: center; pointer-events: none; background-color: transparent; } .fc-event.boldText{ font-size: 150%; line-height: 120%; font-weight: 700; } .fc-event.lightText{ font-size: 80%; line-height: 120%; font-weight: 300; margin-top: 5px; } .fc-day-number{ font-size: 110%; } /* color settings start */ .colorSettings{ position: fixed; width: auto; max-width: 86%; height: auto; background-color: #eee; top: 30%; right: 0; z-index: 99; transform: translateX(100%); transition: all 0.25s ease-in-out; } body.colorPallet{ overflow-x: hidden; } .openColorPalletes .colorSettings{ transform: translateX(0); } .openSettings{ width: 40px; height: 40px; background-color: #ccc; color: #222; font-size: 20px; line-height: 30px; display: block; position: absolute; top: 0; left: 0; transform: translateX(-100%); text-align: center; } .openSettings i{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .openSettings:hover, .openSettings:active, .openSettings:focus{ color: #222; background-color: #ccc; text-decoration: none; opacity: 1; } .colorSettings ul{ margin: 0; padding: 0 5px; list-style-type:none; } .colorSettings ul li{ float: left; padding:10px 5px; } .colorSettings ul li a{ width: 30px; height: 20px; display: block; transition: all 0.10s ease-in-out; background-color: #fff; } .colorSettings ul li a.theme{ background-color: #1f292b; } .colorSettings ul li a.themeSeaGreen{ background-color: #16a085; } .colorSettings ul li a.themeGreen{ background-color: #27ae60; } .colorSettings ul li a.themeDarkGreen{ background-color: #006d32; } .colorSettings ul li a.themeOrange{ background-color: #ea7700; } .colorSettings ul li a.themeBlue{ background-color: #2471a4; } .colorSettings ul li a.themeRed{ background-color: #ff0000; } .colorSettings ul li a.themeBrown{ background-color: #654321; } .colorSettings ul li a.themePink{ background-color: #d20c72; } .colorSettings ul li a.themeOrng{ background-color: #f04f23; } .colorSettings ul li a:hover{ transform: scale(1.2,1.2); } /* color settings end */ .leftPanel select option{ color: #222; } .captionTxt{ display: block; font-size: 110%; margin-bottom: 20px; } .greenBtn{ background-color: #5ba58e !important; color: #fff !important; } .btn img{ margin-right: 5px; } .capacity p{ margin-top: 10px; } .colpse h2{ cursor: pointer; } /* multiroom styles */ .btnGroup .btn{ margin-bottom: 10px; } .btnGroup .btn:not(:last-child){ margin-right: 10px; } .pricebaox .btnGroup{ clear: both; } .pricebaox .btnGroup .rateBtn,.pricebaox .btnGroup .booknow{ padding: 7px 16px; text-transform: uppercase; font-weight: 400; min-width: 100px; margin-bottom: 4px; } .pricebaox .btnGroup .rateBtn{ background-color: #8d999c; color: #fff; } .headingBar{ padding: 10px 0; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; display: flex; align-items: center; } .headingBar h5{ margin: 0; font-size: 142%; } .headingBar .closeBtn{ margin-left: auto; } .closeBtn{ color: #aaa; display: inline-block; font-size: 24px; font-weight: 400; text-align: center; line-height: 20px; } .closeBtn:hover{ color: #aaa; opacity: 0.75; } .bookingDetailsBar{ border: 1px solid #e5e5e5; border-radius: 3px; background-color: #f9f9f9; color: #000; } .bookingDetailsBarHead{ margin-bottom: 10px; border-bottom: 1px solid #e5e5e5; padding-top: 10px; padding-bottom: 10px; } .bookingDetailsBarCol{ margin-bottom: 15px; } .bookingDetailsBar h5{ margin-bottom: 5px; } .amendBtnWrapper{ border-top: 1px solid #ddd; } /* necessary classes */ .mv-0 {margin-top: 0 !important; margin-bottom: 0 !important;} .mt-2{ margin-top: 20px; } .mb-2{ margin-bottom: 20px; } .pt-4{ padding-top: 40px; } .d-block{ display: block !important; } .d-inline-block{ display: inline-block !important; } .text-strike{ text-decoration: line-through; } .font-md{ font-size: 18px; } .borderTop{ border-top: 1px solid #ddd; } .campaign-modal-body img { width: 100%; } .ui-accordion-header-icon{ background: none !important; position: relative; } .ui-accordion-header-icon:before{ content: "\f078"; font-family: FontAwesome; font-size: 14px; color: #fff; position: absolute; top: 0; right: 0; width: 100%; height: 100%; text-indent: 0; text-align: right; } .ui-accordion-header-icon.ui-icon-triangle-1-s:before{ content: '\f077'; } .leftPanel h2.heading{ margin-top: 0; margin-bottom: 0; border-radius: 0; border: none; } .leftPanel h2.heading:focus{ outline: none; } .leftPanel .ui-accordion-content{ padding:20px 15px 0 !important; border-radius: 0; border: none; background: inherit; color: inherit; } .leftPanel .ui-accordion:not(:last-child){ margin-bottom: 1px; } .OtherPackages .pckgList{ margin: -20px -15px 0; } /* loyalty program page style */ .redeemBlock{ padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5; } .redeemBlock:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .d-flex{ display: flex; } .ml-auto{ margin-left: auto; } .text-ellipsis{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; } .text-wrap{ word-break: break-all; } .btn-default,.btn-default:hover{ background: #8d999c; color: #fff; padding: 12px 50px; border: 1px solid transparent; text-transform: uppercase; font-size: 14px; line-height: 1.42857143; border-radius: 4px; outline: none; box-shadow: none; text-shadow: none; font-weight: 500; } .btn-default:hover{ background: #6f787a; } .loyaltyPage h3{ color: #000; } .loyaltyPage h3 + p{ margin-top: 5px; } .loyaltyPage h3 span{ font-weight: 700; color: #5ba58e; } .loyaltyPage .tagFont{ font-size: 110%; font-weight: 700; color: #5ba58e; } .leftBar,.rightBar{ padding-top: 30px; padding-bottom: 30px; } .leftBar{ border-right: 1px solid #e5e5e5; } .sliderWrapper{ display: flex; align-items: center; } .sliderContainer{ display: flex; align-items: center; margin-right: 15px; width: 100%; } .sliderValue{ font-size: 100%; font-weight: 700; width: 34px; text-align: center; } .redeemPoints{ width: 100%; margin: 0 8px; } .noUi-target{ border-radius: 10px; background-color: #ddd; height: 10px; border: none; box-shadow: none; } .noUi-handle{ width: 24px !important; height: 24px !important; border-radius: 50%; box-shadow: none; border: none; background-color: #5ba58e; outline: none; right: -12px !important; top: -7px !important; } .noUi-handle:after,.noUi-handle:before{ display: none; } .redeemValContainer{ width: 100%; margin: 30px auto 0; } .redeemValContainer h4{ font-size: 250%; font-weight: 700; color: #5ba58e; margin-top: 15px; } .redeemValContainer .pointsTag{ font-size: 120%; display: inline-block; margin-top: 15px; background-color: #efefef; padding: 4px 10px; border-radius: 5px; font-weight: 400; } /* listing block style */ .listingBlock{ display: flex; flex-wrap: wrap; max-height: calc(100vh - 70px); overflow-y: auto; border-top: 1px solid #e5e5e5; padding-top: 20px; } .listing_heading{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; } .listing_heading h2{ padding-bottom: 0; } .listing_heading .btn{ border: none; line-height: 1; padding: 10px; } .listingBlock .rateByItem{ margin-bottom: 30px; border: none; display: flex; flex-direction: column; } .listingBlock .rateByItem [class*="col-"]{ border: none; } .listingBlock .rateByItem .rateByprice:before{ display: none; } .listingBlock .rateByItem .black{ padding: 3px 5px; background-color: #eee !important; border-radius: 3px; font-size: 84%; color: #444 !important; text-transform: uppercase; } .listingBlock .rateByItem .yellow{ padding: 3px 10px; background-color: #fff49e !important; border-radius: 3px; font-size: 84%; color: #348d71 !important; text-transform: uppercase; font-weight:700; } .listingBlock .rateByItem figure img{ display: block; max-width: none; object-fit: cover; object-position: center center; width: 100%; height: 100%; } .listingBlock p{ line-height: 150%; } .tickType li{ position: relative; padding-left: 20px; } .tickType li:before{ position: absolute; left: 0; } .listingBlock .rateByItem .rateByprice{ margin-top: auto; display: flex; align-items: flex-end; } .listingBlock .rateByItem .rateByprice [class*="col-"]{ padding-top: 0; } .listingBlock .tickType{ padding-top: 0; } .listingBlock .tickType *:last-child{ padding-bottom: 0; margin-bottom: 0; } .listingBlock .boldGreen{ font-size: 125%; display: block; } .vcenter div { /* display: inline-block; float: none; vertical-align: middle; margin-left: -4px; */ /* display: flex; flex-direction: row; */ } .price-bar {position: relative; margin-top: auto;} .price-bar .row { padding-top: 0; padding-bottom: 7px; border-bottom: 1px solid #ccc; } .price-bar .row:last-child { border: none; } .price-bar span.hdng { position: absolute; top: -20px; background: #fff49e; color: #498d78; font-weight: 500; font-size: 12px; line-height: 18px; border-radius: 5px; padding: 0 5px; } .price-bar span.hdng:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 244, 158, 0); border-top-color: #fff49e; border-width: 5px; margin-left: -12px; } .newOverlay{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 20; } .iti--separate-dial-code .iti__selected-dial-code{ display: none; } .grybox{ background-color:#f7f7f7;} .lightyellowbox{ background-color:#fff08e59;} .marlftrght{ margin-left:10px; margin-right:10px;} .padall10{ padding:10px;} /*.nopad{ padding-left:0; padding-right:0;}*/ .ckbox input { margin-right: 10px;} .divider{border-top:1px solid #e9e3b5; margin-top:15px; margin-bottom:15px;} .spacer{ clear:both;} .whitesec .leftPanel{ background-color:#fff;border-right:1px solid #999;} .whitesec .availabilitybox, .whitesec .OtherPackages {background:#333;} .whitesec .totalPrice, .leftPanel-white .panel-title>a {color:#333;} .leftPanel-white .leftPanel h2.heading { font-weight:700;} .leftPanel-white .leftPanel h2.heading, .leftPanel-white.leftPanel ol li:before, .leftPanel-white .roomColps .panel, .leftPanel-white .roomColps .panel-default>.panel-heading{background-color:#ececec !important;} .leftPanel-white .roomColps .panel-body {background: #f5f5f5;} .leftPanel-white .bookDate {background: #fff;} .leftPanel-white .ui-accordion-header-icon::before { color: #000;} .leftPanel-white .whitesec .availabilitybox, .whitesec .OtherPackages { background: #fff;} .leftPanel-white .leftPanel h2{ color:#000;} .leftPanel-white .leftPanel .ui-accordion-content, .leftPanel-white .roomColps .panel-body {color: #333;} .leftPanel-white .leftPanel select, .leftPanel-white .roomColps .panel-title ul.date li{color: #555;} .leftPanel-white .infotool {color:#5ba58e;} .leftPanel-white .lowestRate {background-color: rgba(0, 0, 0, 0.1);} .leftPanel-white .leftPanel ol h2, .leftPanel ol li::before {color: #000;} .leftPanel-white .leftPanel h2.heading, .leftPanel ol li::before, .roomColps .panel {background-color: #f1f1f1;} .leftPanel-white .leftPanel ol li:hover, .leftPanel ol li.active { background-color: rgba(0, 0, 0, 0.1);} .leftPanel-white .leftPanel ol article {color: #5ba58e;} .leftPanel-white .leftPanel ol li::before { border: 1px solid #5ba58e;} .leftPanel-white .fromDate, .toDate {background-image: url(../images/icon-cal-drk.png);} .leftPanel-white .leftPanel ol li:hover article {color:#555!important;} .leftPanel-white .leftPanel label { font-weight: 700;} .leftPanel-white input[type=text], .leftPanel-white select, .leftPanel-white input[type=password] {color: #666;} .join-box { position:relative; } .box { /* padding:5px; */ width:100%; z-index:10; } .join-box .join-form-box { background-color: rgba(250,250,250, 1); padding:15px; display:none; position:absolute; top:0; left: 0; width: 100%; } .flt-rght { float: right; } .pricebaox .bigTxt small { display: block; } .ex-small{ font-size:60%; font-weight:normal; margin:0; padding:0;} .saveperNight{ float:left; text-align:center; width:50%;}