/* [[ header starts here]] */ .hotelbd {border-bottom: 1px dashed #CAD6E3} .headTXt h3,.headTXt h1{ display: inline-block;margin: 0 10px 10px 0; font-size:24px; line-height:1} .headTXt .stars {top: 5px;position:relative;} .headTXt .hotelInfo { padding: 0;} .headTXt .btn{font-size: 18px; padding: 12px 20px;font-weight: normal;} .headTXt .gmContent .stars {top: 0;} .headTXt address{ color: #203152; display: block; clear: both; margin:0;} .headTXt .review-show-map .icon-location2{ font-size: 14px} address .show-map { color: #203152; display: inline-block;} .hotelMap {background: white !important;border: 6px solid #fff;box-shadow: 0 0 4px rgba(0, 0, 0, 0.75);height: 75%;left: 6%;padding: 5px;position: fixed !important;top: 17%;width: 88%;z-index: 1001;} .custom-map-close {background: #F4675F;border-radius: 50%;color: #fff !important;font-size: 8px;height: 24px;line-height: 24px;position: fixed;right: 5%;text-align: center;top: 16%;width: 24px;z-index: 1000001; text-align:center;padding-left: 0px;} /* [[ header ends here]] */ .reviewLinks li { color: #4D6F93; font-size: 14px; font-weight: 400; margin: 15px 10px;} .reviewLinks li:last-child {margin-right:0px} .reviewLinks li a {color: #203152;font-weight: 600; position: relative;} .reviewLinks li a::after {color: #4D6F93; content: "|";font-weight: normal; left: -13px; position: absolute;} .nearByAttr li::before {font-size: 16px;left: 0;position: absolute;top: 0;} .nearByAttr li {color: #4D6F93;cursor: default;display: block;font-size: 14px;margin-bottom: 15px;padding-left: 20px; position: relative;transition: all 0.5s ease 0s;} .nearByAttr li strong {line-height: 18px;display: inline-block;font-weight: normal;max-width: 75%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #203152;} .nearByAttr li span {line-height: 18px; color:#4092FB} .hrp-highlights span[class^="icon-"] { color: #4D6F93;cursor: not-allowed;display: inline-block;font-size: 20px; vertical-align:middle} .hrp-highlights span[class^="icon-beach"], .hrp-highlights span[class^="icon-dumbbell1"], .hrp-highlights span[class^="icon-drink"]{font-size:24px;} .hrp-highlights > p {clear: both;display: inline-block;} .hotel-details h4,.hotel-details h6 { margin-bottom: 20px; border-bottom:1px solid #CAD6E3; padding-bottom:10px; color: #203152; font-weight: 500} .hotelServices .hrPanel strong{font-weight: 500;color: #203152;display: block;margin: 15px 0;} .hotel-details span.active[class^="icon-"], .hrp-highlights .active[class^="icon-"] { color: #02AE79;cursor:default; vertical-align:middle} .hotel-details span[class^="icon-wifi"], .hrp-highlights [class^="icon-wifi"]{line-height: 20px;} .hotel-details .checkIn span, .hotel-details .checkOut span{color: #4092FB;display: block; margin-top: 10px; font-weight:500} .hotel-details span[class*="icon-"]:before{display:inline-block; vertical-align:top; margin-right:5px; position: relative; font-size: 16px; font-weight: bold;} .hotel-details span.icon-occupancy.child:before { vertical-align:bottom} .hotel-details span.icon-coffee:before{ font-size:20px; top:-5px;} .hotelInformation { color: #4D6F93;} .hotelInformation p { color: #4D6F93;font-size: 14px;line-height: 22px;text-align: justify;} .slideGrid{position: relative; top: 0px; left: 0px; height: 500px;overflow: hidden; width:100%} .slideMain {cursor: move; position: relative; left: 0px; top: 0px; height: 410px; overflow: hidden; width:100%;} .slideMain::after {background: #fff;content: "";height: 100%;position: absolute;right: 0;top: 0;width: 1px;} .thumbGrid{ bottom: 0 !important;} .slideTb{bottom: 0px; position:absolute} .leftAr{top: 350px !important; left: 34%;display:block !important;} .rightAr{top: 350px !important; left: 38%;display:block !important;} .jssort02 {width: 100%;height: 75px; background:#f7f8fc; border-radius:5px;} .jssort02 .p {float: left; border-radius:5px; height: 50px;left: auto !important;position: relative;right: auto !important;top: auto !important;width: 75px;margin-right:5px; } .jssort02 .t {position: static;top: 0;left: 0;width: 100%;height: 100%;border: none;} .jssort02 .w {position: static;top: 0px;left: 0px;width: 100%;height: 100%;} .jssort02 .c {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;box-sizing: content-box;cursor: pointer; -webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; } .jssort02 .c:hover {background: rgba(0, 0, 0, 0.3);} .jssort02 .pav .c{ -moz-box-shadow: inset 0 0 0 3px #FEC524;-webkit-box-shadow: inset 0 0 0 3px #FEC524;box-shadow: inset 0 0 0 3px #FEC524} .slideArrow { top:40%; left:2%;position: absolute; width:96%} .slideArrow span[class*="icon-"] {background: #fff;color: #203152;cursor: pointer;display: inline-block !important;font-size: 12px;font-weight: normal;line-height: 30px;text-align: center;width: 50px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; width:30px; height:30px; border-radius:50%} .slideArrow span[class*="icon-"]:hover {background: #203152; color:#fff} .slideArrow span.icon-right-arrow{float:right} /* [[ slider ends here]] */ /* [[ availableRooms starts here]] */ .availableRooms {color: #203152;} .availableRooms h3 {background: #203152;padding: 7px 10px; text-transform: capitalize;} .availableRooms .header div[class^="col"] {padding: 0;} .availableRooms .header.row, .modal-body .header.row {margin: 0;text-transform: capitalize;} .availableRooms .header.row{background:#f7f8fc; border:2px solid #CAD6E3 ; border-left:none; border-right:none} .availableRooms .header .rvSecCol > div, .modal-body .header .rvSecCol > div { border-left: 2px solid #F7F8FC;} .row.rvSecCol{transition:all .5s ease} .row.rvSecCol:hover {background: #F7F8FC;} .row.rvSecCol.bgWhite{background:#fff} .header h4, .modal-body .header h4 {background: #f7f8fc;padding: 10px; max-width:100%; margin:0;} .hotReviewMsg {margin-bottom: 20px;} .continued{display: none;} .rvSecCol > div.optSec {width: 38%; min-height:150px;} .header .rvSecCol > div.optSec{min-height:auto} .rvSecCol > div.priceSec { width: 30%; float:right;} .rvSecCol > div.offersSec {width: 24%;} .rvSecCol > div.pernightSec {width: 32%;} .offersSec .hotDeal { border-radius: 5px;color: #ffffff; display: inline-block; padding: 6px 10px; font-size: 14px; line-height: 16px;background:#F4675F;font-weight:500;} .offersSec .offPrice { color: #02AE79;font-size: 16px;font-weight: bold;line-height:22px;margin: 15px 0; display:inline-block} .offersSec .offPrice label{font-weight: bold;} .deal .offPrice{display:inline-block; font-size: 12px; line-height:14px; max-width: 115px; vertical-align: top; color: #4D6F93} .offPrice strong {display: inline-block;font-weight: 500; margin-right:5px;} .summarySec .totalFair ul li .price{text-align:right;} .summarySec .totalFair ul li .price:after, .availableRooms .availability:after, .modal-body:after, .rooms-info:after, .tp-points:after, .tp-points .apply:after, .tistlPointsSmry li:after, .travellerFareInfo li:after, .payBnkTrnsfr .bnkDet:after,.bnplHead:after,.cardFields .form-group::after, .alHilalMtkt > h2:after,.tktvar:after, .ccDiscList:after,.slidePanel:after,.availability .hform-2:after, .offerToSignUp::after,.roomType .hotelInfo:after,.htlPan:after,.addstrk:after {clear: both;content: "";height: 0;visibility: hidden;display: block;} .summarySec .totalFair .price .fnlPrice { display: block; font-size:18px; } .summarySec .totalFair .price .fnlPrice > span:first-child{font-size:14px;} .hotelInfo {padding: 10px 20px;} .hotelInfo li {color: #4D6F93;display: block;margin-bottom: 15px;line-height: 20px;} .hotelInfo li:last-child{margin-bottom:0} .hotelInfo li.green-txt{color:#02AE79!important} .hotelInfo h6 {margin-bottom: 5px; text-transform:capitalize; border-bottom: 0; font-weight:500} .taxIncTxt{margin-top:5px; color:#02AE79; margin-top:10px; padding:0 10px; line-height:18px; font-size:12px; } .gstRmsInfo{margin:10px 0; color:#4D6F93; overflow:hidden; line-height:16px;} .gstRmsInfo:first-child{margin-top:0} .gstRmsInfo >.rmIndx{color:#7799be;line-height: 20px;} .gstRmsInfo >.rmInfo{line-height: 20px; text-transform: capitalize;color:#203152;} .gstRmsInfo .maxOccupancy { position: relative; display: inline-block; margin-left: 15px;} .gstRmsInfo .maxOccupancy:before{content:"-"; color: #4D6F93; position:absolute; left:-12px; top:2px; font-size:22px;} .hotelInfo h2.gmHeading {margin-bottom: 5px;} .rooms-info{position: relative;} .rmsOvflow{margin-left: -25px; margin-right: -25px; margin-bottom:-25px; margin-top:0} .htlrmsPanel >.rmsOvflow > strong{padding: 0px 25px;} .rooms-info .header div[class^="col"] {padding: 0;} .availableRooms .header .rvSecCol > div{border-left: 2px solid #CAD6E3;} .rooms-info .header div > span{ display: inline-block; padding: 16px; font-size: 16px; font-weight: 500; color: #203152;} .rooms-info .header, .rooms-info .header .row {margin: 0;} .row.roomType{display: flex; flex-direction: row;} .row.roomType >div[class*="col-"] {flex: auto;} .roomType {border-bottom: 2px solid #CAD6E3; margin: 0;} .roomType > div::before, .roomType > div::after {background: #CAD6E3;content: "";display: block;height: 100%;position: absolute;top: 0;width: 2px;z-index: 1;} .revFav {float: right; margin-top: 20px; display: inline-block; margin-right: 20px; position: relative; padding-right: 35px; color:#4D6F93} .revFav:before{ position:absolute; right:0;color:rgba(119, 153, 190, .3); top: -5px; font-size: 22px;} .revFav:hover,.revFav.active{color:#203152} .revFav:hover:before,.revFav.active:before{color:#F4675F} .roomType div[class^="col"] {padding: 20px 10px;} .roomType > div.col-md-4::before {left: 100%;} .roomType > div.col-md-4::after {left: 162%;} .roomType > div.col-md-4.hrInfo:after{display:none;} .roomType > div.col-md-8::before {left: 38%;} .roomType > div.col-md-8::after { left: 70%;} .roomType.hover{background:#F7F8FC} .roomType .col-md-8 > .row {border-top: 1px solid #CAD6E3;} .roomType .col-md-8 > .row:first-child {border-top: medium none;} .roomType .offList li:before {color: #02AE79;left: 0;position: absolute;top: 0; font-size:12px;} .roomType .offList li {display: block;margin: 0 0 8px; position: relative;text-transform: capitalize;} .roomType .rvCancel .can.tooltipCustom:before{top:2px; color:#4092FB;} .roomType .offList li .nonRefundableCont{margin-top:10px;color: #4D6F93;margin-bottom:5px;padding-left:20px;} .roomType .offList ._canPolicy{ font-size:12px;} .roomType .priceSec span {margin-bottom: 12px;} .roomType .priceSec span.totPrice,.roomType .priceSec span.noOfNights {display: block;} .roomType .priceSec span label {font-size: 18px;margin: 0; font-weight:500} .roomType .priceSec .totPrice{font-size:18px; font-weight:500} .roomType .priceSec .totPrice ._decimel{ font-size:100%; font-weight:500} .roomType .priceSec span.noOfNights{font-size:12px; color: #4D6F93} .roomType .priceSec .countInfo {color: #203152;display: block;} .roomType .priceSec .countInfo elm {display: inline-block;} .roomType .rvSecCol > div.offersSec .text-center {padding: 30px 0;} .roomType-info{display: block;margin: 10px 0 0;} .roomType-info > label {color:#7799be;} .roomType .payLater .payLaterTxt { display: inline-block;font-weight: 500;margin-top: 5px;position: relative;} .rvCancel span.green-txt {display: inline-block !important;width: auto !important; line-height: 18px; color:#02AE79!important} .rvCancel span.expDate { color: #4d6f93; font-size: 12px; display:inline-block; margin-top:8px;} .rvCancel span.expDate strong{font-weight:400; font-size:12px; display:inline-block;margin: 0;padding: 0;} .pernightSec .price {font-size: 18px; display: inline-block; padding:0 10px; font-weight:500} .pernightSec .price label {font-size: 18px; font-weight:500} .pernightSec ._priceTag ._decimel{ font-size:100%; font-weight:500} .can .icon-info{color: #4D6F93;font-size: 14px;padding-left: 5px;cursor: pointer;} .roomsLeft {color: #F4675F; display: block; font-size: 12px; } /* [[ availableRooms ends here]] */ /* [[ hotel service section starts here]] */ .hotelServices h4 {margin-bottom: 15px;} .hotelServices p { font-weight: 400; line-height: 20px; margin-bottom: 30px;text-align: justify; color:#4D6F93} .hotelServiceList li:before {color: #02ad79;font-size: 18px;left: 2px;position: absolute;} .hotelServiceList li {display: inline-block;font-weight: 400;margin-bottom: 10px;padding-left: 30px;position: relative;width: 49%; color:#4D6F93; line-height: 20px;} .facilities > div:not(:last-child) {margin-bottom: 35px;} /* [[ hotel service section ends here]] */ /* [[ below styles for book now pay ltr sec ]] */ .facilities .listMor{margin-left:3px; color:#4092fb; margin-top:5px;} .hotelSummaryPopup .listMor{ margin: 0} .paylaterRevHead { background: #dcffdd; padding: 15px; } .paylaterRevHead .green-txt { display: block; font-size: 18px; font-weight: normal; margin-bottom: 5px; color:#02ad79; } .paylaterRevInfo { background: #dcffdd; margin: 15px 0; padding: 10px; line-height: 18px;} .paylaterRevInfo .green-txt { display: block; font-weight: bold; margin-bottom: 5px; color:#02ad79; } .paylaterRevInfo span strong { color: #02ad79; font-weight: normal; } .roomType .offList .payLaterListItm .green-txt { color:#02ad79 } .roomType .offList .payLaterListItm .untill { color: #4D6F93; font-size: 12px; margin-top: 5px; line-height:14px; text-transform:none;} .roomType .priceSec .paylaterBtn { margin-top: 10px; color: #02ad79;} .availableRooms .availability { margin:0 0 20px;z-index: 100;} .hotelReview.modifySearchDiv > .row div[class*="col"] {padding-left: 0;padding-right: 0;} .hotelReview.modifySearchDiv > .row div[class*="col"] label {margin-bottom: 5px;} .hotelReview.modifySearchDiv .datepicker.col-md-1 { width: 13%;} .hotelReview.modifySearchDiv .custom-traveller{width:18%;} .hotelReview.modifySearchDiv .custom-traveller .optWidget {top:60px;} .hotelReview .optWidget{display: none;margin-top: 10px;} .hotelReview.modifySearchDiv span.closeBtn{left: auto;} .hotelReview.modifySearchDiv .form-control::-moz-placeholder { color:#4D6F93 !important;} .hotelReview.modifySearchDiv > .row > div:nth-child(1) .form-control {border-left: 1px solid #CAD6E3;border-radius: 3px 0 0 3px;} .hotelReview.modifySearchDiv .form-control.cafdphoF.error {border-right: medium none !important;} .hotelReview.modifySearchDiv > .row {margin: 0;} .hotelReview.modifySearchDiv .form-control { color: #203152 ; border-color: #CAD6E3 #CAD6E3 #CAD6E3; position: relative;left: 0; border-style: solid solid solid none;border-width: 2px 2px 2px medium; border-radius: 0 ;cursor: pointer;text-align: left; } .hotelReview.modifySearchDiv .form-control + [class*="icon"]{color:#7799BE} .hotelReview.modifySearchDiv #_rmWidStr.form-control {border-right: none;} .selectRoomsOptions .custom-select-v3::after, .hotelReview .datepicker .datepicker::after, .hotelReview.modifySearchDiv .pds-form-input::after {color: #7799BE;} .availableRooms .hotelReview.modifySearchDiv .mSearch { width: 17%;} .btn._apxUniHtlId{ display: block;border-radius:0 3px 3px 0} .availableRooms .modifySearchDiv ._checkAvailability{display:block; border-radius:0 3px 3px 0 } .hotel-search-modify .hotel-review input {border: 1px solid #CAD6E3;margin-bottom: 0;} .custom-traveller .selectRoomsOptions.active #_rmWidStr { position:relative;} .selectRoomsOptions._selectRooms.active:before, .selectRoomsOptions._selectRooms.active:after {border-width: 10px; display:block; bottom:-21px;} .selectRoomsOptions._selectRooms.active::before {border-width: 12px;bottom: -21px;} .selectRoomsOptions.active::after, .travellersDropdown.active::after{display: none;} .availability .hotel-search-modify .hform-2 {border: medium none;padding: 10px 0;} .hRnearByHotel h5 {margin: 0 0 5px; padding-bottom:15px; border-bottom:2px solid #CAD6E3; color:#203152; font-weight: 500} .hRnearByHotel .container{overflow: hidden;} .hRnearByHotel .cont img {min-height: 185px;width: 100%; border-radius:3px 3px 0 0; object-fit: cover;} .hRnearByHotel .cont {background: #fff; min-height:350px; margin:0px;transition: all 0.5s ease 0s; border-radius: 0 0 5px 5px; padding:0 10px !important;} .hRnearByHotel .owl-item {padding: 0 4px 1px} .hRnearByHotel .cont:hover{background: #F7F8FC; padding: 0 10px 1px;} .hRnearByHotel .cont ._checkAvailability{display: block;width: 45%;padding:10px;margin: 0 0 15px; float: none !important;} .hRnearByHotel .cont span {color: #4092FB; font-size:14px;} .hRnearByHotel .cont span.total,.hRnearByHotel .cont span.price span{color: #203152} .hRnearByHotel .cont span.tit {color: #203152;font-size: 14px; line-height:normal;margin-bottom: 5px;text-transform: capitalize; font-weight:500 } .hRnearByHotel .cont span.tit a {color: #203152;} .hRnearByHotel .cont span.star0 {height: auto;} .hRnearByHotel .cont .totalSec {display:inline-block;margin-top: 10px;} .hRnearByHotel .cont figure {height: 185px;overflow: hidden;position: relative; margin-left:-10px; margin-right:-10px;} .hRnearByHotel .cont span.dest {color: #4d6f93;font-size: 12px;margin-top: 10px;width: 100%; line-height: normal; display: block;} .hRnearByHotel .totalSec .price {display: inline-block; color: #203152} .hRnearByHotel .dtls {padding: 15px 0 ; overflow:hidden} .hRnearByHotel .dtls .btn {margin-top: 15px;} .hRnearByHotel .owl-pagination {display: inline-block;margin:4px 0 0 10px} .hRnearByHotel .owl-buttons {display: inline;margin-right: 12px;}.hRnearByHotel .owl-theme .owl-controls {position: absolute;right: 12px;text-align: right;top: -47px;width: auto;cursor: pointer;left: inherit;} .hRnearByHotel .owl-theme .owl-controls .owl-buttons .owl-prev {left: -7px;} .hRnearByHotel .owl-theme .owl-controls .owl-buttons div {font-size: 10px;margin: 0;padding: 0;width: auto;position: absolute;top: 2px; right:inherit; opacity:1; font-size:18px;left: 35px;} .hRnearByHotel .owl-theme .owl-controls .owl-page span {background: #203152;height:6px;margin: 3px;width: 6px;} .hRnearByHotel .owl-buttons [class*="icon-"]{color:#203152} .owl-theme .owl-controls .owl-page {display: inline-block;} .owl-theme .owl-controls .owl-page span {background: #4d6f93;border-radius: 20px;display: block;height: 12px;margin: 5px 7px;opacity: 0.5;width: 12px;} .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {opacity: 1;} .owl-next {position: absolute;right: 0;} .owl-item{float: left} .owl-carousel {position: relative; width: 100%;} .hotelTotalPriceAmount {font-size: 16px;font-weight: bold; margin-bottom:0;} .stpNm.dest span { overflow: visible !important; } .htlPolicies h2 {display: block !important;margin-bottom: 25px;} .htlPolicies .sprite{height: 27px;margin-right: 15px;width: 40px;} .hotelServices .hotelServiceList{overflow: hidden;} .hotelServices .hotelServiceList li {color: #4d6f93} .hotelServices .hotelServiceList + span {border-bottom: 1px solid #CAD6E3;color: #4092FB;cursor: pointer;display: inline-block;font-size: 14px;} .hotelServices .hotelServiceList + span.showmore1{display:none;} .hotelServices .hotelServiceList + span:hover{border-bottom: 1px transparent solid;}.rvCancel a.loader{position: relative;} .rvCancel a.loader:after{ content: url("../img/ht-loader.gif");position: absolute;right: -2px;top: 2px;} .reviewPage .validate_error_message, .reviewPage .validate_success_message { margin: 10px 0; background: #fff; font-size: 16px;line-height: 20px;padding: 10px 20px;} .reviewPage .validate_error_message li, .reviewPage .validate_success_message li {padding: 0;} .reviewPage .rvCancel .tooltipCustomCont{bottom: 30px !important; right: 3px !important;} .can.tooltipCustom .tooltipCustomCont {height: auto;left: auto;margin-right: -152px;min-width: 320px;right: 0;bottom:24px;z-index: 100;text-transform:none; text-align:left;opacity: 0;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .can.tooltipCustom .tooltipCustomCont > em {color: #203152;font-style: normal;font-weight: bold;} .Tloader{background:#fff url("../img/loader.gif") no-repeat center; display: block;height:24px; width:auto;} .cancelPolicy-popup{ background: #fff !important; border-bottom: 4px solid #FEC524 !important;border-top: 4px solid #CAD6E3 !important;box-shadow: 0 0 13px #CAD6E3 !important;display: none;height: auto !important;left: 50%;margin-left: -300px;padding: 10px !important;position: fixed;width: 600px !important;top: 50%;z-index: 999;} .cancelPolicy-popup.open{display: block;} .cancelPolicy-popup .close{ color: #4D6F93 !important;cursor: pointer;display: inline-block;font-size: 12px;font-weight: normal;opacity: 1;padding: 9px 14px;} .cancelPolicy-popup .close:hover{ color: #4D6F93 !important;} .suppliments{margin-bottom:20px;} #suppliments .suppliments li{padding-right:15px;} #suppliments .suppliments li label strong,#suppliments .suppliments li label strong span{font-weight:normal; color:#4D6F93 !important;} #suppliments .suppliments:nth-of-type(1){margin-bottom:25px;} #suppliments .suppliments + p{border-top: 1px solid #CAD6E3;color: #4D6F93; margin: 0 -20px;padding: 10px 20px;} .hotelSpclReq li {width: 33%; padding-right:15px; display: none; margin-bottom: 10px;} .hotelSpclReq li:nth-child(-n+3) { display: inline-block; } .hotelSpclReq li .customCheckbox[type="checkbox"]:checked + label, .hotelSpclReq li .customCheckbox[type="checkbox"]:not(:checked) + label {color: #203152;} .customCheckbox[type="checkbox"]:checked + label::before, .customCheckbox[type="checkbox"]:not(:checked) + label::before {border: 1px solid #CAD6E3;} .travllerDetails [class*="link"] .form-control {border-radius: 0;height: 80px;margin-bottom: 10px; padding: 20px;} .travllerDetails [class*="link"] .showHideLessMore { margin-left: 0; margin-bottom: 15px; cursor:pointer; color:#203152; font-size:14px;} .travllerDetails [class*="link"] p {color: #4D6F93;font-size: 12px;margin-bottom: 10px; } .suppli-price{padding:0 !important; } .suppli-price ul{padding:0 !important;margin:0 !important} .suppli-price ul:after{ clear: both;content: "";display: block;height: 100%;width: 100%;} .suppli-price ul li{padding:10px 0 0 !important; color: #4D6F93;} .suppli-price ul li span{color:#4D6F93;} .suppli-price ul li span label{margin:0;} .hotelTravel .deskLinks a::before{top:0px;} .hotelTravel #emailId, .hotelTravel #mobileNumberId{margin-bottom:0;} .hotelTravel #mobileNumberId{ padding: 4px 0 2px 98px;} /* [[ Hotel Review page ends here]] */ /* [[ traveller details page starts here]] */ .opc .panel{border:1px solid #CAD6E3;} .opc .panel-heading{padding:0;} .opcFC {padding: 0 0 25px 0 !important;} .opc { background: #F7F8FC; padding: 30px 0;} .opc .title { border-bottom:1px solid #CAD6E3;margin-bottom: 20px; color: #203152; font-size: 24px; font-weight: 400; padding-bottom: 15px; } .opc .popup-hdr .title{margin-bottom:0;border-width:0;padding:0;} .opc .subTit { color: #4D6F93; font-size: 16px; font-weight:normal; margin: 15px 0 5px; display:block} .opc .subTit a { text-decoration: underline; } .opc .subTit a:hover { text-decoration:none;} .opc h4 { margin:25px 0 20px; padding:0 10px;} .opc .mDialogPopHeader h4{ margin:0; padding:0} .opc h4.modal-title { margin: 0;} .opc .hashpayPayment h4,.hashpayPayment .brdRound.opcPayment{padding:0;} .brdRound.opcPayment .opcPayBlock{padding:25px; display:none} .opc .hashpayPayment h4, .hashpayPayment .brdRound.opcPayment > h3 {background: #fff; border-radius: 3px 3px 0 0; margin: 0; padding: 15px 15px 15px 40px; position: relative; cursor:pointer; min-height:50px} .hashpayPayment .brdRound.opcPayment > h3{ background: #fff;} .opc .hashpayPayment .prfrdBnk .panel-body{ border-top:1px solid #CAD6E3; background:#f8f8f8;padding:25px;} .hashpayPayment .brdRound.opcPayment > h3{ background: #F7F8FC;} .opc .prfrdBnk h4:before,.hashpayPayment .brdRound.opcPayment > h3:before{border: 1px solid #CAD6E3; border-radius: 50%; content: ""; height: 16px; left: 16px; top:18px; position: absolute; width: 16px;} .opc .prfrdBnk .panel-heading.active h4:after,.hashpayPayment .brdRound.opcPayment.active > h3:after{ border-radius: 50%; content: ""; height: 12px; left: 18px; top:20px; background:#203152; position: absolute; width: 12px;} .hashpayPayment .prfrdBnk .panel-heading a{display:block} .mDialogPop .modal-title { margin: 0; padding: 0; } .sameas-chkBox {background: #F7F8FC;margin: 0 0 20px;padding: 10px;} .sameas-chkBox label { margin-bottom:0; padding-bottom:0 !important;} .trnsfrCntnr .trnsHtlDtls [type=radio].customRadio:checked+label, .trnsfrCntnr .trnsHtlDtls [type=radio].customRadio:not(:checked)+label {top: 12px;} .trnsfrCntnr .noteAlert {margin: 20px 0 0;} .trnsHtlDtls .search-wrap._newValAlert [class*="_errTxt"]{bottom: 0px; left:0;} .trnsFltDtls ._newValAlert [class*="_errTxt"] {bottom: -15px; left:5px;} .trnsFltDtls .datepicker._newValAlert [class*="_errTxt"] {bottom: -26px;font-size: 11px;left: 2px;} .trnsFltDtls .timepicker .custom-select-v3._newValAlert [class*="_errTxt"] {position: static;} ._txtLName + ._errTxt { bottom: 5px;} /* [[ summary section starts here]] */ .summarySec{background: #fff;box-shadow: 0px 1px 0px #CAD6E3;padding: 20px;border-radius: 3px;} .summarySec h6 { border-bottom: 1px solid #CAD6E3; padding-bottom: 10px; margin-bottom: 15px; font-size: 18px;font-weight: 500;} .summarySec h6:before{margin-right: 10px; display: inline-block;} .summarySec h4 { border: none; margin: 0; padding: 0;border-bottom: 2px solid #CAD6E3;padding-bottom: 5px;} .summarySec .smry-htl-nme{margin-top: 15px; padding-left: 30px;} .summarySec .smry-htl-nme.border{padding-top:0;} .summarySec .sumry-fig { border: 5px solid #fff; margin: 0 0 10px; overflow: hidden; position: relative; max-height:250px;} .summarySec .sumry-fig:hover a {opacity: 1; } .summarySec .sumry-fig a { background-color: #CAD6E3; bottom: 0; color: #fff; font-size: 18px; height: 100%; left: 0; opacity: 0; padding: 28% 5px 5px; position: absolute; text-align: center; width: 100%; transition: all 0.2s ease 0s; } .summarySec .sumry-fig img {width: 100%; min-height:190px;} .summarySec .border {color: #203152; font-size: 14px; padding-top: 15px; padding-bottom: 10px; } .summarySec .smry-htl-nme small, .hdSec p small { color: #4D6F93; display: block; font-size: 12px; margin-top: 8px; line-height:18px;} .summarySec .smry-htl-nme small{font-size: 14px; line-height:22px;} .summarySec .total span { font-size: 14px; font-weight:bold; } .summarySec .total span label { font-weight:bold;margin-left: 5px; display:inline-block; } .summarySec .total > span:nth-of-type(2) { font-size: 16px;} .summarySec #showHideFareDetails .firstInfo span, .summarySec #showHideFareDetails .firstInfo ._decimel{color: #203152 !important;} .summarySec.hotel #showHideFareDetails .firstInfo span{max-width: 100%; font-weight:500} .summarySec.hotel #showHideFareDetails .firstInfo span.pull-left,.summarySec.hotelHash #showHideFareDetails .firstInfo span.pull-left{color: #4092FB !important} .summarySec.hotel #showHideFareDetails .firstInfo span.pull-left .icon-down-arrow:before{color:#203152!important} #showHideFareDetails span em{margin: 0 0 0 5px !important;} .summarySec aside ul li label { display: inline-block; margin-bottom: 3px; margin-left: 5px; padding: 0; min-height: 28px; } .smry-htl-nme > h5 {position: relative; font-weight:500} .smry-htl-nme > .h3tripId {font-size: 16px;position: relative;font-weight: 700;margin-bottom: 10px;} .smry-htl-nme > .h3tripId > elm {color: #203152;font-weight: 500;line-height: 22px;} .fphHotelsmry .pull-left {color: #203152 !important;display: inline-block;font-size: 13px !important;margin: 0 !important;overflow: hidden;white-space: nowrap;max-width: 100%; line-height:18px;} .fphHotelsmry{margin-top: 5px;padding: 6px 0 !important;cursor: pointer;} .fphHotelsmry .pull-left em + em{width:auto; margin-left:4px !important;} .fphHotelsmry span .icon-down-arrow{font-size: 12px;margin-left: 4px;} .htmsmrydtls .fareDetails{padding:0px !important} .htmsmrydtls .roomFare{ padding: 5px 0;} .htmsmrydtls .roomFare li strong{font-size:12px !important} .htmsmrydtls .roomFare li strong + small{font-size: 12px!important;margin: 0!important;} .fhDetails .hdSec p span{ color: #203152!important;font-size: 12px !important;} .fhDetails .alhTkt{ margin:15px 0 20px!important;} .ttl-smry {padding: 10px 0 0; border-top:1px solid #CAD6E3; overflow:hidden;} .ttl-smry .total{color: #203152;line-height:18px;} .travellerFare ul li { margin-top: 10px; padding-top: 10px; color: #203152; font-size: 14px; border-top: 1px solid #CAD6E3; } .travellerFareInfo li { padding:12px 0; display:block;} .travellerFareInfo li.addonList{padding:0px;} .travellerFareInfo li ul li strong { display: block; font-weight: normal; line-height: 20px; text-transform: capitalize;} .travellerFareInfo li ul li small { color: #4D6F93; display: block; margin: 7px 0; line-height: 18px;} .travellerFareInfo .firstInfo span:first-child:hover, .travellerFareInfo .firstInfo span.active { color: #203152; } .travellerFareInfo .firstInfo .pull-left,.travellerFareInfo .firstInfo .pull-left label { cursor: pointer; } .btn.newViewHotelDetails {display: block;} .multiairline img[src*="multiAirline"] {width: 45px; margin-bottom: 5px;} .addTrvlr { margin:0 0 20px 0;background: #F7F8FC;border-bottom: 1px solid #CAD6E3;border-top: 1px solid #CAD6E3;padding: 15px 5px;} .travlrDetails .addTrvlr label, .travllerDetails .addTrvlr label {display: block;font-size: 16px;line-height: 44px;margin: 0; padding: 0;} .addTrvlr .custom-select-v3 select { margin-bottom:0; padding-top:9px;padding-right: 20px;} .addTrvlr .custom-select-v3::before { line-height: 42px;} .orTxt { line-height: 42px;margin: 15px 0 0 10px;text-transform:uppercase} .review-terms .info { margin: 0 0 30px; background: #fff; box-shadow: 0px 1px 0px #CAD6E3; border-radius: 3px; color: #4D6F93; line-height: 24px; margin-top: 0;font-size: 16px; font-weight: normal; padding: 30px; } .review-terms .info h3{cursor: pointer;position: relative; font-size:20px;} .review-terms .info .reviewCollapse {width:100%;padding:30px 0 0;margin-top: 15px;display:none; border-top: 1px solid #CAD6E3; } .review-terms .info h6 { border-bottom: 1px solid #CAD6E3; margin-bottom: 0px; padding: 13px 15px;display: inline-block; width: 100%; cursor: pointer;} .review-terms .info h4 {margin-bottom:15px;} .review-terms .info h4.accordion-toggle{padding:10px 16px;margin: 0;} .review-terms .info h5 { margin-bottom: 10px; text-transform:uppercase;} .review-terms .info h5 + div { font-size: 14px; font-weight: normal; } .review-terms .notification { margin-bottom: 25px;} .terms-list { padding:10px 0 20px;} .terms-list li.starGray { color: #203152; font-size: 14px !important; padding-bottom: 0; padding-top: 10px; } .travlrDetails.inputGrp input[type="text"]:focus, .travlrDetails.inputGrp input[type="tel"]:focus, .travlrDetails.inputGrp textarea:focus, ._phone-number:focus, ._emailAddress:focus { border: 1px solid #CAD6E3; color:#203152;} .review-terms.rvwClps h4 {padding: 0px 0px 10px 0px;} .trnsfrCntnr .info li {display: block;} .caltGrid { font-size: 14px; } .caltGrid p { line-height: 24px; margin-top: 8px;} .caltGrid p strong { color: #203152; } .caltGrid span strong { color: #203152;} .buttons {text-align:right;} .buttons .cntTpay:after { clear: both; content: ""; display: block;} .sarOnly {display: inline-block;line-height: 52px;margin-right: 15px;} .sarOnly span {margin-left:5px;} .bestPrice{color: #02AE79;display: inline-block;font-size: 16px;line-height: 36px;margin: 0 25px 0 0;padding: 8px 0;position: relative;} .bestPrice em{color:#02AE79;font-style: normal;margin-right: 5px;} #showHideFareDetails .firstInfo span { max-width: 62%; text-overflow: inherit; display: inline-block; line-height: 18px; overflow: hidden; white-space: nowrap; } #showHideFareDetails .firstInfo span span { display:inline;color: #203152;} #showHideFareDetails span em, .summarySec .fphHotelsmry .icon-sort-arrow-down{margin:0 0 0 10px;font-size:12px;} #showHideFareDetails .roomFare > li > strong{ font-weight:500; color:#203152; font-size:12px;} .travellerFareInfo .fareDetails li span.pull-right { min-width:90px; text-align:right;} .hotelSummaryPopup .modal-title { color: #203152; font-size: 24px; margin-left: 11px; font-weight:400 } .hotelSummaryPopup .modal-header .stars {margin-left: 10px !important; margin-top: 9px !important } .hotelSummaryPopup h4 {margin: 20px 0 10px; padding:0; } .hotelSummaryPopup h4.modal-title { margin:0;} .hotelSummaryPopup h3 { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .hotelSummaryPopup p { color: #4D6F93; font-size: 14px; line-height: 20px; margin-bottom: 10px; margin-top: 5px; text-align: justify; } .hotelSummaryPopup .modal-footer {border: medium none;margin: 0;padding: 10px 0 0;} .mDialogPopHeader h2 small ._priceTag {font-size: 20px;font-weight: 500;} .mDialogPopHeader h2 small strong {color: #203152;font-size: 14px;font-weight: normal;} .modal-header h2 small, .mDialogPopHeader h2 small {color:626262;display: block;font-size: 18px;font-weight: 400;padding: 10px 0 15px;} .mDialogPop h4.modal-title {padding: 10px 0;} #bnkDtlsUpdSucs .mDialogPop {padding: 10px 30px 30px;} #bnkDtlsUpdSucs .mDialogPop h4.modal-title {padding-bottom:3px;} #bnkDtlsUpdSucs ul li{padding-bottom: 10px; line-height: 20px;} .mDialogPopBody {padding: 20px 0;} .mDialogPopBody h4 { margin:0px; padding:0px 0 10px;} .mDialogPopBody li {color: #4D6F93;cursor: pointer;display: block;font-size: 14px;padding: 8px 0 8px 20px;position: relative;} .mDialogPopBody li:after {background: #4D6F93;content: "";cursor: pointer;height: 8px;left: 0;margin-right: 10px;position: absolute;top: 10px;transition: all 1.5s ease 0s;width: 8px;} #sadadOLPInfo .mDialogPopBody li, #sadadOLPInfo .mDialogPopBody li:after{cursor: inherit;} #priceChangeAlert .mDialogPopBody, #priceChangedId .mDialogPopBody{text-align: left;} #priceChangedId .mDialogPop{width: 700px;} #priceChangedId .mDialogPopBody{padding:0px;} #priceChangedId .mDialogPopBody h3{margin: 0px 0px 25px;} #priceChangedId .mDialogPopHeader h3{padding: 10px 0;} #priceChangedId .mDialogPop h6 strong{font-weight:600; color:#203152;} #priceChangedId .mDialogPop h6 span{font-size:14px; font-weight: 500;} #priceChangedId .redClr{color:#F4675F !important;} #priceChangedId .grnClr, #priceChangedId .congGrn{color:#02AE79 !important;} #priceChangedId .mDialogPopBody li{line-height:20px; padding: 8px 0 5px 20px;} #priceChangedId .mDialogPopBody li:after{top:13px !important;} #priceChangedId .modal-footer {margin: 15px 0px 0px;} .smry-hotel-img img {height: auto; max-width: 100%; width: auto;} .fltin{padding-left:20px;} .terms-list li{font-weight:normal !important;} .cncPolicy{display: block;margin-top: 15px;} .review-terms .reviewTrip ul, .review-terms .info ol li ul {margin: 10px 0 0 20px !important;padding:0px !important} .review-terms .info ol li .terms-list{margin-top:-10px !important;} .review-terms .info ol li {display: block;font-size: 16px;font-weight: 500;line-height: 20px;list-style: outside none decimal;position:relative; margin-bottom:20px; color:#203152;} .review-terms .reviewTrip ul li {color: #4D6F93;font-size: 14px;font-weight: 400;padding: 5px 6px 0px 20px;position: relative; margin: 0px;} .review-terms .revTripinln {line-height: normal;margin: 8px 0 0 0px;font-size: 14px;} .review-terms .revTripinln strong span{ font-weight:normal;color: #4D6F93} .review-terms .revTripinln ul li{ font-size: 14px;} .review-terms .revTripinln ul li span{color: #203152;} .review-terms .revTripinln .frm, .revTripinln .to {color: #4d6f93;font-size: 14px;} .review-terms .revTripinln span {color: #4D6F93;display: inline;font-size: 14px;font-weight: 400;list-style-type: square;margin: 0 2px 0 0;padding: 0;} .review-terms .revTripinln .time {color: #203152;} .review-terms .revTripinln ul li{padding:6px 0px 0px; margin: 0px;} .review-terms .reviewTrip ul li::before {color: #203152;content: ".";font-size: 36px;left: 0;line-height: 20px;position: absolute;top: -6px;} .review-terms .reviewTrip ul li .uName {text-transform: capitalize;} .review-terms .reviewTrip li a {font-weight: 500;cursor: pointer;padding: 0 4px 0 0px;} .review-terms .reviewTrip li a:hover {text-decoration: underline;} .review-terms .terms-list li{padding:2px 0px !important; margin: 0px !important;} .weCare {color: #203152;font-size: 16px;line-height: normal;padding-bottom:20px;} .modal-body.editYourDetails .row{margin-bottom:10px;} .modal-body.editYourDetails .row label{ line-height: 37px;} .summarySec.hotelHash #showHideFareDetails .firstInfo span{ max-width: 100%; color:#4092FB} /* [[ traveller details & summary section starts here]] */ .hotelTravel .col-md-9, .flightTravel .col-md-9, .transferTravel .col-md-9{width: 72%;} .hotelTravel #hotelTripSummary .col-md-3, .flightTravel .TripSummarySec, .flightTravel #fcFlightTripSummary, .flightTravel #fph-trip-summary-id, .flightTravel #hotelTripSummary .col-md-3, .transferTravel #transferTripSummary .col-md-3{width: 28%;} /* [[ redeem your points starts here ]] */ .nav > li.active { color: #55A7BD; } .nav-tabs > li { float: left; margin-bottom: -1px; display: block; position: relative; } .redeemPoints.open > .deal-hdg{border-bottom: 1px solid #CAD6E3; margin-bottom: 30px; padding-bottom: 10px; } .redeemPoints .sub-tit { color: #4D6F93; display: block; font-size: 15px; font-style: normal; font-weight: 400; margin-bottom: 5px; margin-top: 10px; } .redeemPoints .nav-tabs { border-bottom: none; } .redeemPoints .nav-tabs > li {margin-right:5px;} .redeemPoints .nav-tabs > li > a { border: 1px solid #CAD6E3; border-radius: 0; color: #203152; font-size: 16px; font-weight: normal; margin-right: 0; border-radius:4px 4px 0 0;} .redeemPoints .nav-tabs > li.active > a, .redeemPoints .nav-tabs > li.active > a:hover, .redeemPoints .nav-tabs > li.active > a:focus { border-bottom: 1px solid #CAD6E3; color: #203152;} .redeemPoints .tab-content { background: #fff; border: 1px solid #CAD6E3; padding: 15px 15px 20px; border-radius:0 4px 4px} .redeemPoints .nav-tabs > li > a.coupIcon{ padding-left:44px;position:relative; } .redeemPoints .nav-tabs > li > a.coupIcon:after{background-position: -73px -554px;content: "";height: 28px;left: 8px;position: absolute;top: 8px;width: 28px;} .redeemPoints .nav-tabs > li.active > a.coupIcon:after{background-position: -73px -597px;} .redeemPoints .qitafPoints .tooltipCustomCont { font-weight: normal; left: -85px; width: 200px; bottom:25px; } .resendOtp.load{padding-right:20px; background:url(../img/fareLoader.gif) no-repeat 100% 2px} .resendOtp .sMsg{color:#02AE79;font-size:12px; display:block; line-height:16px;} .tab-content > .active, .pill-content > .active { display: block; } .tooltipCustom { cursor: default; display: inline-block; line-height: 12px; position: relative; } .tooltipCustom.freeCanc{display:inline !important;} .qitafPay > .qitaf-hdg:before {background: url(../img/qitaf/qitaf-promo.png) no-repeat;content: "";display: block;width: 68px;height: 28px;background-size: 100%;top: -10px;left: 0; position: absolute} .qitafPay > .qitaf-hdg, .tp-points h5, .ccDisc h5 { padding-bottom:0px;} .qitafPay > .qitaf-hdg {padding: 0 0 0 80px; display:block; color:#194E91; font-size: 18px; font-weight: 500;} .trvlInsur h5{color: #194E91; font-weight: 500; padding: 12px 48px; cursor:pointer; position: relative;} .trvlInsur h5.multAddon{padding:20px 48px;} .trvlInsur h5:before{position: absolute; top: 50%; margin-top: -18px;left:0; background:rgba(202, 214, 227, .4); border-radius: 50%; color: #194e91; display: inline-block; height: 34px; line-height: 34px; text-align: center; width: 34px; font-size:18px !important; } .trvlInsur h5:after, .qitafPay > h5:after{position: absolute; top: 50%; right:0px; color:#000000; margin-top: -10px;} .trvlbody{border-top: 1px solid #ddd; margin: 0px 20px;} .trvlbody .trvlconts{padding-top: 20px; margin-bottom: 10px;} .trvlbody .trvlconts .addontypes{display:inline-block; width: 80%;} .redeemPoints > h2:after{margin:8px;} .redeemPoints > h2:after, .review-terms .info h2.accordion-toggle:before, .trvlInsur h5:after, .qitafPay > h5:after{float:right;font-size: 16px;font-weight: bold;line-height: 26px;} .qitaf .qitaf-hdg .tooltipCustom:before { color: #4D6F93; position: relative; top: 0px;left: 5px;} .ccDisc p { line-height: normal; padding:15px 0px; color: #4D6F93; } .optPhone p { margin-bottom: 0; padding-top: 30px;} .optEPhone p {margin-bottom: 0;padding: 0px 0 30px 0;} .qitaf img{max-width:100%;} .qitaf input.qitafPhNo { width: 100%; } .qitaf label {display: block; margin-bottom:5px; line-height:24px} .qitaf .validate_success_message {padding-left: 15px;background: none;border: 0 !important;padding: 3px 0 16px 0px;color: #02AE79;text-align: center;font-size: 23px;max-width: 514px;margin: 0 auto;line-height: 1.4em;word-wrap: normal;} .qitaf input.form-control {margin-bottom: 0;} .qitaf input.form-control:focus, .modal-body input:focus { border: 1px solid #CAD6E3; color: #203152; } .qitaf .resendOtp label {color: #4D6F93; display: inline; font-size: 12px; margin: 0; padding: 0 5px 0 0; } .qitafPoints .tooltipCustomCont { width: 277px; bottom: 25px; left: -128px; } .qitaf .optPhField { width: 50%; } .qitaf .optPhField._newValAlert [class*="_errTxt"] {bottom: 0;position: relative;left: 0;padding-bottom: 0;display: block;} .qitaf .optPhField .form-control{width:100%;} .qitafPay > .qitaf-hdg .tooltipCustom::before {font-size: 20px;margin-left: 4px;} .optPhField .resendOtp { margin: 0px 0 0; } .optPhone .qitafBtn, .optEPhone .qitafBtn { margin-top:28px; font-weight:400;} .redeemPoints .validate_error_message { background-position: 10px 14px;} .ccDisc {display: block;} .ccDiscList > li { border: 1px solid #CAD6E3; float: left; margin-bottom: 12px; margin-right: 2%;width: 32%; padding: 5px;} .ccDiscList > li:nth-child(3n) { margin-right:0;} .ccDiscList > li > span {color: #02AE79; display: inline-block;text-transform: uppercase; font-weight:500;text-align: left;line-height: 40px;margin-left: 8px;} .ccDiscList > li > img {float:left;height: 40px;width: 52px;} .ccDiscList2 {border-top: 1px solid #CAD6E3; padding-top: 20px;} .ccDiscList2 li {float: left;margin: 0 15px 0 0;position: relative;} .ccDiscList2 li._newValAlert {position: inherit;} .ccDiscList2 li._newValAlert [class*="_errTxt"] {left: 40px;font-weight: normal;} .ccDiscList2 li.green-txt._ccdsuccess {margin-right: 0;} .ccDiscList2 li.green-txt._ccdsuccess a:before {margin-right: 5px;vertical-align: top;font-weight: bold;} .ccDiscList2 .red-txt{display:block; margin-right:0;width:44%} .ccDiscList2 li span { font-weight: 500;font-size: 18px;} .green-txt._ccdsuccess > span {display: block;} .ccDiscList2 li span small {display: inline-block;font-size: 13px;font-weight: 400;padding-top: 8px;} .ccDiscList2 li a {color: #F4675F;font-size: 14px;font-weight: normal;display: inline-block;margin-left: 5px;line-height: 24px;} .ccDiscList2 .ccNumber{width: 150px;} .ccDisc._newValAlert [class*="_errTxt"] {position: relative;display: block;margin-top: 6px;bottom: 0;left: 0;} /* [[ tistahel points styles starts here ]] */ .tp-points {position:relative;} .tp-points label {color: #4D6F93;display: block;margin-top: -12px; font-size:12px;} .tp-points p {line-height: normal; padding: 0px; color:#02AE79; } .tp-points p strong { font-weight:500; font-size:16px;} .tp-points .apply li:first-child {float: left;list-style-type: none;width: 26%;} .tp-points .apply li small {display: block;line-height: 16px;margin-top: -12px; color: #4D6F93;} .tp-points .apply ._newValAlert [class*="_errTxt"] {bottom: -63px;} .tp-points .applyed {padding: 0px; position: relative} .abtFRPoint {font-size: 12px;position: absolute;right: 0;text-decoration: underline;top: 0px;} .abtFRPoint a:hover {text-decoration: none} .qitaf .optForm { margin: 0 0 0; overflow:hidden; } .qitaf .optForm .optAmtField, .qitaf .optForm .enterPass { float: left; margin-right: 20px; } .qitaf .optForm .optAmtField {width: 35%;position: relative;} .qitaf .optForm .enterPass {width: 39%;position: relative;} .qitaf .optForm .qitafBut, .qitaf .optForm .resendOtp {clear: left;display: block;float: left;margin: 18px 0 0;} .qitaf .optForm ._newValAlert [class*="_errTxt"] {bottom: -18px;left: 0;} .qitaf .optForm .qitafBut { clear: none; margin-top: 30px; } #earnQPoints, #redeemQPoints { padding-top: 0; padding-bottom: 0; padding-left: 0; } .optEPhone .tCtxt {padding: 11px 0 0px 0;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;display: inline-block;} .qitafPanel .termsConditions ul {padding-left: 10px;} .optEPhone .tCtxt:hover {color: #4D6F93;} .qitafPanel .termsConditions ul li {margin: 3px 0 1px 0; list-style-type: circle; display: list-item; padding: 0 0; color: #4D6F93; font-size: 12px;} .qitafPanel .termsConditions span {display:none;} /* [[ payment section starts here ]] */ .updatedPayment{margin-bottom:25px;} .updatedPayment .upPayContainer .pContainer{margin-bottom:0px; margin-top:25px;} .updatedPayment .panel-title a:after{ display:none} .install a.paymentContinueBtn { display: block; margin: 15px 0; color:#203152;} .install a.paymentContinueBtn:after { background: #203152; border-radius: 50px; color: #ffffff;display: inline-block; font-size: 10px; height: 20px; line-height: 10px; margin-left: 10px; opacity: 0.8; padding: 6px 0 0; text-align: center; width: 20px; font-weight: bold;} .install ul li{width:32%; float:left; display:block} .install ul li img{ border:1px solid #CAD6E3; display: inline-block;max-height: 70px;margin: 14px 10px 0 0; padding: 10px;vertical-align: middle; } .install ul li:nth-child(3n-1){margin:0 2%} .install ul li img{max-width:100%}.payment .title span {background: #CAD6E3;border-radius: 50%;color: #4D6F93;display: inline-block;height: 38px;line-height: 38px;margin-right: 10px;text-align: center;width: 38px;} .install ul.pEGP li{width: auto;} #payment .cc-card-input, #commonPayment .cc-card-input { background: #fff url("../img/payment/card-img-vis-mas-amx.png") no-repeat scroll 98% 11px; } .eDomain #payment .cc-card-input, .eDomain #commonPayment .cc-card-input { background: #fff url(../img/payment/card-img-vis-mas-amx-eg.png) no-repeat scroll 98% 11px; } #payment input[type="text"]:focus, #commonPayment input[type="text"]:focus { border: 1px solid #CAD6E3; color: #203152; } #payment .cc-card-input.mastercard, #commonPayment .cc-card-input.mastercard, #payment .cma-card-input.mastercard, #commonPayment .cma-card-input.mastercard { background: #fff url("../img/payment/card-img-mastercard.jpg") no-repeat 98% 12px; } #payment .cc-card-input.visa, #commonPayment .cc-card-input.visa, #commonPayment .cma-card-input.visa, #payment .cma-card-input.visa { background: #fff url("../img/payment/card-img-visa.jpg") no-repeat 98% 12px; } #payment .cma-card-input, #commonPayment .cma-card-input ,#checkout-form .cma-card-input { background: #fff url("../img/payment/card-img-vis-mas-amx.png") no-repeat scroll 98% 11px; } #payment .cc-card-input.amx, #commonPayment .cc-card-input.amx, #payment .cma-card-input.amex, #commonPayment .cma-card-input.amex,#payment .cc-card-input.amex { background: #fff url("../img/payment/card-img-amx.png") no-repeat 97% 8px; background-size: 40px; } #commonPayment .credit_card_number.mada, #payment .credit_card_number.mada{ background: #fff url("../img/payment/mada.png") no-repeat 97% 12px; } /*sadad payment styles starts here */ .payment .panel-heading._sadad a { background-image: url("../img/payment/sadadCard.png"); background-position: 98.5% 12px; background-repeat: no-repeat; } .payment .panel-heading._bankTransfer a { background-image: url("../img/paymentSprite.png"); background-position: 110.5% -268px; background-repeat: no-repeat; } .payment .form-group span.note { color: #4D6F93; display: block; font-size: 11px; position: relative; top: -10px; padding:0;} /*installments payment styles starts here */ .payment .panel-heading._installments a {background-image: url("../img/payment/installmentCard.png");background-position: 98.5% 15px;background-repeat: no-repeat;} .payment h3 { margin: 0 0 10px; white-space: nowrap; } .payment p { line-height: 22px; margin: 0 0 10px; } ._install ul li { display: inline-block; margin: 30px 16px 30px 0; vertical-align: middle; } /*PayAtStore payment styles starts here */ .payment .panel-heading._payAtStore a {background-image:url(../img/payment/payatstore-fawry.png); background-repeat:no-repeat; background-position: 98% 14px;} /*book now pay later payment styles starts here */ .payment .pay-ltr span { float: right; padding:5px 0 0; font-weight:500; right:28px; color:#02ad79; display:inline-block; font-size:14px; position:relative; text-transform:uppercase; } .payment .pay-ltr span:after { background:url("../img/payment/pay-later.png") no-repeat 0 0; content: ""; display: inline-block; height: 32px; margin:-10px 0 0 3px; padding: 0; position: absolute; width: 30px; } .payment .bookNowLtr ul li {font-size: 16px; line-height: normal; margin: 15px 0; position:relative; padding:0 20px; display:block; } .payment .bookNowLtr ul li:before { background: #CAD6E3; border-radius: 50%; content: ""; height: 8px; left: 0; position: absolute; top: 6px; width: 8px; } .payment .note { padding-top: 15px; display:block; margin:0; color:#4D6F93; font-size:16px; } .pay-store span {line-height: 24px;padding-bottom: 0;} .bookNowLtr { padding: 0px 15px; } .bookNowLtr span, .pay-store span { color: #203152; display: block; line-height: normal; padding-bottom: 15px; } .bookNowLtr span.blk, .pay-store span { color: #203152; } .orDivider{padding: 20px 0;position: relative;text-align: center;} .orDivider:after{background: #CAD6E3;content: "";display: block;height: 1px;position: absolute;top: 50%;width: 100%;} .orDivider span{background: #F7F8FC; font-size: 20px;padding: 0 10px;position: relative;z-index: 2;} .mastercard-icon, .MASTERCARD-icon {background-position: 37px 0;} .anothercard::before {border-radius: 30px;color: #203152;font-size: 14px;height: 15px;left: 0;line-height: 16px; position: absolute;text-align: center;top: 1px;width: 15px;} .anothercard.showLess:before {border-radius: 30px;color: #fff;font-size: 14px;height: 15px;left: 0;line-height: 16px; position: absolute;text-align: center;top: 1px;width: 15px;} .anothercard {color: #203152;display: inline-block;line-height: 20px;padding-left: 24px;position: relative;cursor: pointer;margin-bottom: 15px;} .saveCradCheck {margin-top: 20px; width:68%; margin-left:32%; background: #F7F8FC; padding: 10px 10px 8px; border: 1px solid #CAD6E3} .saveCradCheck .customCheckbox[type="checkbox"]:not(:checked) + label, .saveCradCheck .customCheckbox[type="checkbox"]:checked + label {color:#203152; font-size:13px;} .saveCradCheck elm {color: #4D6F93;display: block;font-size: 12px;line-height: 20px;} .saveCradCheck .customCheckbox[type="checkbox"]:not(:checked) + label::after, .saveCradCheck .customCheckbox[type="checkbox"]:checked + label::after{color: #02AE79;} .saveCradCheck span {display: inline-block;} .saveCradCheck .tooltipCustom {color:#4D6F93;vertical-align: top;padding-top: 2px; float:right; font-size:12px;} .saveCradCheck .tooltipCustom em {display: inline-block;font-style: normal;} .saveCradCheck .tooltipCustomCont {bottom: 25px;color: #203152;font-size: 12px;left: -168px;line-height: 18px;min-width: 350px;text-align: left;} /*terms styles starts here */ .terms-list li.checkList {line-height: 16px;padding-top: 12px;} .terms-list li {color: #203152;display: block;} .terms-list li a{color:#203152;} .terms-list li a:hover, .htlPan .cntHideShow a{text-decoration: underline;} /* [[ Hotel traveller details page ends here]] */ /* [[ bookingstep starts here]] */ .bookingSteps {border-bottom: 1px solid #CAD6E3; margin-bottom:30px; padding-bottom:30px;} .bookingSteps .step {float: left;font-size: 18px;margin-right: 24px;transition: all 0.5s ease 0s;width: 270px;color: #203152;} .bookingSteps .step span {background: #CAD6E3;border-radius: 50%; font-size: 20px;display: inline-block;height: 45px;line-height: 45px;text-align: center;width: 45px;margin-right: 10px;transition: all 0.5s ease 0s;} .bookingSteps .step.active span{background:#194e91; color: #fff;} .bookingSteps .step.done span::before { color: #fff;left: 13px;position: absolute;} .bookingSteps .step.done span{background:#02AE79; color: #02AE79 ; position: relative;} .opc.flightTravel .add-traveller-btn-pop {font-size: 16px;line-height: 24px; padding:9px 10px;} /* [[ bookingstep end here]] *//* [[ flight review page starts here]] */ /* [[ flight review section starts here]] */ .fltRSec{ margin:0px; padding:0px;} .flightTripInfo { margin-bottom:30px; } .fltFromToPlace {color: #203152;display: inline-block;font-size: 18px;font-weight: 500;margin-right: 10px;} .fltInformation { margin:0 0 0; padding: 0 0;} .fltInformation figure span { display:block; line-height:22px; font-size:14px;} .fltInformation figure small { display:block;} .fltInformation .fltInfoDetails, .fltInformationReturn .fltInfoDetails { margin:0px; padding:0px;} .fltInfoDetails .placeName label {font-weight:600;} .fltInfoDetails .time {font-size: 18px;color: #203152; display:block; font-weight:600;} .fltInfoDetails .date { display:block; color: #203152; font-size:14px; padding:10px 0; position: relative; } .fltInfoDetails .stop { display:block; color: #F4675F;} .fltInfoDetails .stop .tooltipCustom:before, .plus1Date.tooltipCustom:before { display: none; } .fltInfoDetails .green-txt, .fltInfoDetails .red-txt { font-size:14px; color:#4D6F93} .redeemPoints .ccdNote{ padding: 10px; margin-top: 15px; } .fltInfoDetails .tooltipCustomCont{bottom:25px;} .brdRound .fltInformationReturn { padding:30px 0; border-top: 2px solid rgba(202,204,227,0.43);} .fltInformationReturn figure span { display:block; line-height:22px; font-size:14px;} .fltInformationReturn figure small { display:block;} .plus1Date { border: 1px solid #CAD6E3; border-radius: 3px; color: #203152; font-size: 11px; font-weight: bold; margin-left: 5px; padding: 2px 4px; vertical-align:middle; cursor:pointer} .plus1Date .tooltipCustomCont{font-weight: normal;bottom:27px; white-space: nowrap;visibility:hidden;} .plus1Date .tooltipCustomCont{left: -110px;} .plus1Date .tooltipCustomCont::before{left: 120px;} .plus1Date .tooltipCustomCont::after{left: 120px;} .flgtAmnts.merchandise .alert {margin-bottom: 0;} /* [[ flight Aminities start here]] */ /* [[ flight Aminities start here]] */ .bstOffers .merchandise .gallary li {cursor: pointer;height: 30px;position: relative;width: 30px;} .img-gallary ul{border-top:1px solid #CAD6E3;position:relative;} .img-gallary li figure + span{padding:10px 0;display:block; color:#4D6F93; font-size:12px;} .merchandise .alert-info{margin-top: 20px;} /* [[ flight review section end here]] */ .fltRBlockInfoDepArrv { margin:0px;} .fltRBlockInfoDepArrv .placeName,.fltRBlockInfoDepArrv label {font-size:16px; color: #203152; font-weight:500;} .fltRBlockInfoDepArrv .date {font-size: 14px;padding-top: 5px;color: #203152; display:block; position: relative; line-height: 20px;} .fltRBlockInfoDepArrv .date .bld { font-weight:bold;} .fltRBlockInfoDepArrv .info {font-size: 12px;color: #4D6F93; display:block; padding-top:5px; line-height:normal;} .fltRBlockInfoDepArrv .info small {font-size: 14px;color: #F4675F; display:inline-block; margin-top:5px;} .fltClass { padding-right:10px;} .text-right .fltClass > span {color: #203152; display:block; padding-bottom:10px; padding-right: 0px;} .fltClass > span {color: #203152; display:block; padding-bottom:10px; padding-right: 11px;} .fltClass > .baggageInfo{padding-right: 11px; font-size: 12px;} .fltClass > .baggageInfo > span{display:block; margin-bottom:5px;color:#203152; font-weight: 500;display:block } .fltClass .green-txt {color: #02AE79; font-size:12px;} .fltClass .orange {color: #F4675F ; line-height:34px;} .fltRBlockInfo .baggage-info {background: #F7F8FC; color: #203152; border-radius:5px; display:block; padding:8px 12px; margin:30px 0;line-height: 18px;} .fltRBlockInfo .baggage-info > span{padding-right:10px;} .itineraryinfo.fltreturn{border-top:2px solid rgba(234, 235, 240, 0.4);padding: 30px 0 0 0;} /* [[ flight review block end here]] */ /* [[ flight summary section starts from here ]] */ .hotelTravel .summarySec { margin: 0 0 20px; overflow: hidden;} .hotelTravel .cancellationNote { background: #fff; color: #203152; font-size: 12px; font-weight: 300; line-height: 20px; padding: 15px; float:left; margin-top:30px;} .hotelTravel .cancellationNote strong { display: block; font-size: 18px; font-weight: 500; line-height: 18px; margin-bottom: 7px; } .fph .summarySec .mobile-wrap-fr { border:none;} .summarySec .trip li { color: #203152; display: block; font-size: 16px; padding: 0 0 20px 24px; position: relative; } .summarySec .travellerFareInfo li.fareDetails { border-top: 1px solid #CAD6E3;} .summarySec .trip li.onWardsFlight:before, .summarySec .trip li.returnFlight:before { color: #4D6F93; left: 0; position: absolute;} .summarySec .trip li.returnFlight:before { transform: scaleX(-1); } .summarySec .trip li span { color: #4D6F93; display: block; font-size: 14px; padding: 10px 0 0; } .summarySec .trip li span strong { color: #4D6F93; display: inline-block; font-weight: bold; } .summarySec .ticket { border-bottom: 1px solid #CAD6E3; color: #4D6F93; padding: 12px 0;clear:both;} .summarySec .ticket small{display: block;font-size: 12px;color: #4D6F93;line-height: 24px; padding-top: 5px;} .summarySec .totalFair.mndFee .price { display: block; } .summarySec .totalFair.mndFee .price span { display: inline-block; } .summarySec .tax { color: #4D6F93; font-size: 12px; padding: 10px 0 0px; text-align: left; line-height: 20px} #returnBaggageSec .totalFair,#onwardBaggageSec .totalFair{border-bottom: 0px solid #CAD6E3;} #returnBaggageSec .totalFair::after, #onwardBaggageSec .totalFair::after,#fphOnwardBaggageSec .totalFair::after, #fphReturnBaggageSec .totalFair::after {content: ".";display: block;visibility: hidden;height: auto;clear: both;} .rFpriceInfo #showHideFareDetails ul { margin-top: 10px; display:none; } #showHideFareDetails:after, .fltRBlock .blockHeding:after, .quickPayBlock li:after, .saveCradCheck:after, .ccDiscList2:after,.install ul:after, .rFpriceInfo #showHideFareDetails ul::after,.gstRmsInfo > div:after { content: "."; height:0; display:block; clear:both; visibility:hidden; } .fareDetails { border-top: 1px solid #CAD6E3; } .travellerFareInfo .fareDetails li { padding: 0 0 15px;margin:0; } .travellerFareInfo .fareDetails li:last-child { padding:0; } .travellerFareInfo .fareDetails li span { color: #4D6F93; font-size:12px; padding-bottom:0; } .travellerFareInfo .fareDetails li span label { margin:0; } ._suplimentRoomLevel .adOn {display: inline-block;width: 50%;} ._suplimentRoomLevel .adOn li, ._suplimentRoomLevel li span {font-size: 12px;} .suppli-price ul.adOn li:first-child {padding: 0 !important;} .suppli-price ul li li { line-height:normal; }#fareRulesID { border-bottom: 1px solid #CAD6E3; display: block; } .fDetails { margin-bottom: 10px; margin-top: 20px; padding: 10px;line-height:20px; } .fDetails h5{margin-bottom: 16px;} .fDetails ul li{ color: #203152;display: inline-block;font-size: 12px;line-height: 18px;padding: 5px 0 5px 20px;position: relative;width: 100%;} .fDetails ul li::before {background: #4D6F93;border-radius: 50%;content: "";display:inline-block;height: 6px;left: 5px;position: absolute;top: 12px;width: 6px;} .fDetails label { line-height: 18px; } #share-itnry h4 { padding:0; margin:0; } .modal-body input { margin:0; } .summarySec .shareItn { background: #fff;border-radius: 4px;color: #194E91;display:block;font-size: 16px;padding: 10px 15px;;text-align: center;transition: all 0.4s ease 0s; margin:20px 0 0; line-height: 21px;} .summarySec .shareItn:hover { background: #15427a;color: #fff;} .summarySec .shareItn:before{ margin-right: 5px; vertical-align: middle;} .summarySec .shareItn:hover:before { color:#fff; } .summarySec.flight .alert {font-size: 12px;line-height:18px;} .summarySec.flight p { line-height: 1.5; } ul.totalSec li::after {clear: both;content: "";display: table;} ul.totalSec li {display: block;padding: 12px 0;} ul.totalSec li.green-txt span { color:#02AE79 !important;font-size:14px !important;} #fphReturnBaggageSec ul.totalSec{clear:both;} #fphOnwardBaggageSec ul.totalSec li, #fphReturnBaggageSec ul.totalSec li{display:inline-block; padding: 8px 0;color: #4D6F93;line-height: 20px; border:none; clear: both;} /* Cancellation Policy Start Here */ .farCnclPlcy {position: relative; margin-top:20px; margin-bottom:20px;} .opcFC .farCnclPlcy {margin-top: 50px;margin-bottom:0;display: inline-block;width: 100%; padding-left:0;} .farCnclPlcy h6, .opcFC .farCnclPlcy h6 { margin-bottom: 0px; border:none; position:relative;} .farCnclPlcy h3:before {position: absolute;left: 0; font-size:16px;} .farCnclPlcy h6:before{ margin-right: 5px;} .opcFC .farCnclPlcy h3:before {top: 7px;font-size: 16px;} .farCnclPlcy span {line-height: 22px;position: relative; display:inline-block; margin-top: 10px;} .farCnclPlcy span em { font-style:normal; font-weight: bold;} #farCnclPlcy-Pup .mDialogPop,#farCnclPlcyRtn-Pup .mDialogPop, #farCnclPlcyOwd-Pup .mDialogPop {width: 700px;} .fcpInfo h4 {margin: 20px 0px 10px;padding: 0;} .fcpInfo p {font-size: 10px;line-height: 16px;color: #4D6F93; text-transform: uppercase; text-align: justify;} /* Cancellation Policy end Here */ /* [[ flight summary section ends here ]] */ .SowMorDetails {border-top: 2px solid rgba(202,204,227,0.43);; display:block; text-align:right;padding: 20px 0 0;} .SowMorDetails a {font-size:18px; text-decoration:none; border-right:1px solid #CAD6E3; padding:0 10px; font-weight: 500; color: #4092FB;} .show_more_links a {font-size:18px; text-decoration:none; border-right:1px solid #CAD6E3; padding:0 10px; font-weight: 500; color: #203152;} .SowMorDetails .revProduct a{text-decoration:underline;font-size:14px !important;} .SowMorDetails .revProduct a:hover{text-decoration:none;} .SowMorDetails a:last-child { padding-right:0; border:none;} .SowMorDetails a:hover{text-decoration:underline; color: #4092FB;} .SowMorDetails a.showMore::after { padding: 5px;display: inline-block;font-size: 10px; vertical-align: middle;} .SowMorDetails a.showLess:after{font-size: 10px;vertical-align: middle;display: inline-block; padding-left:5px;} /* [[ flight provide traveller details start here]] */ .travlrDetails { margin:0px; padding:0px;} .travlrDetails .travlrTit {color: #203152; font-size: 20px; margin:30px 0 20px; display:block;font-weight:500} .travlrDetails .travlrTit small {font-size: 18px; font-weight: normal;} .brdRound .travlrDetails.inputGrp{ border-bottom: 2px solid #CAD6E3;margin: 0 -20px;padding: 0 20px;padding-bottom:30px;} .brdRound .travlrDetails.inputGrp:last-child{padding-bottom:0; border:0 none;} .travlrDetails label {color: #203152;} .forms label, .travllerDetails label {padding-bottom: 8px; color:#203152} .nationalidBody .nation { border-top:none; margin-top:0;} .addTrvlr .custom-select-v3 .select-traveller-dp-pop{border-color: #CAD6E3;border-width: 2px;line-height: 22px;} .guestDetails .gstDltsLst{font-size: 16px;} .guestDetails .gstDltsLst span{font-size: 14px;} .opc .travllerDetails .guestDetails h4 { margin-top:0; color:#203152; font-weight: 500} .dobIco {color: #4D6F93; cursor: pointer; font-size: 18px; pointer-events: none; position: absolute; right: 20px; top: 36px;} .impInfo {margin: 25px 0 15px;border: 1px solid #CAD6E3;padding: 15px; border-radius:3px;background: #F7F8FC;} .impInfo h3:before, .impInfo h5:before {margin-right: 8px;vertical-align: middle;font-size: 19px;} .impInfo strong {line-height: 20px;margin-top: 15px; color: #4D6F93; display: block;} .impInfo li, .impInfo span{display:block;line-height: 20px;margin-top: 10px; color: #4D6F93; padding-left:20px; position:relative;} .impInfo span{padding:0} .impInfo li:before {position: absolute;left: 0;top: 0; font-size:9px; transform:rotate(-90deg);} /*-------------- */ .passportInfo {border-top: 1px solid #CAD6E3;padding: 30px 0 0;margin-top: 30px;} .passportInfoRow { margin-bottom:30px;} .passportInfoRow label {color: #203152;} .passportInfoRow label .subTxt{ color:#7799BE} .travlrDetails .emailTxt {color: #7799BE; display: block; font-size: 12px; line-height: 18px;margin-top: -28px;margin-bottom: 10px;} .travlrDetails .frmIdentity, .travllerDetails .frmIdentity { margin-top: 30px; border-top: 1px solid #CAD6E3; clear: both; padding: 20px 0 0;position: relative; } .hotelTravel .travllerDetails .frmIdentity { border-top: none;padding: 0 0 20px; margin-top: 0;} .hotelTravel .travllerDetails .guestDetails:last-child .deskLinks {border-bottom: none;} .hotelTravel .travllerDetails .guestDetails:last-child .frmIdentity {padding-bottom: 0;} .deskLinks { display: inline-block; font-weight: normal;} .deskLinks a { color: #4092FB; padding: 0 18px; position: relative; text-decoration: none; z-index: 1; line-height:18px} .deskLinks .freqnumber{ font-weight:normal;display:inline-block; position:relative} .deskLinks .freqnumber.active:before {border-color: transparent transparent #CAD6E3;border-style: solid;border-width: 11px;content: "";left: 59px;position: absolute; top:12px; width:0px; height:0px;} .deskLinks .freqnumber.active:after {border-color: transparent transparent #F7F8FC;border-style: solid;border-width: 10px;content: "";left: 60px;position: absolute;top: 15px;} .deskLinks .freqnumber a:before,.deskLinks .freqnumber.active a:before {color: #4092FB; position: absolute; left: 0px;text-align: center; top: 0px; font-size:12px; font-weight: bold;} .flyerNumberbody { display:none;background: #F7F8FC; border: 1px solid #CAD6E3; margin-top: 15px; padding: 20px 20px 5px; width: 100%; z-index: 1000;} .specialRequestbody { display:none;background: #F7F8FC; border: 1px solid #CAD6E3; margin-top: 15px; padding: 20px 20px 5px; width: 100%; z-index: 1000;border-radius:4px;} .specialRequestbody h4, .flyerNumberbody h4 { margin:0px; padding:0px 0 25px; color: #203152} .specialRequestbody .custom-select-v3, .specialRequestbody ._freqNo{margin-top:5px;} .hotelTravel .frmIdentity .deskLinks {border-bottom: 1px solid #CAD6E3; padding-bottom: 10px;width: 100%;} .hotelTravel .guestDetails h4.gstDltsLst {margin-bottom: 10px;} /* [[ flight provide traveller details end here]] *//* [[ flight traveller seat details start here]] */ .flightTravel .specialRequestbody { margin-top: 15px;} .h3Sec { margin-bottom:5px !important;} .flightTravel .travSeatOuter { overflow:hidden;} .flightTravel .travSeatOuter .travSeatIn { overflow-x: auto; width: 100%;} .flightTravel .travSeatOuter .travSeatTtl { float: left; width: 17%;} .flightTravel .travSeatOuter .travSeatIn { float: left; width: 83%; padding-bottom:20px;} .flightTravel .travSeatOuter .travSeatTtl .trvlerNameTop { margin: 31px 0 10px;} .flightTravel .travSeatOuter .travSeatTtl .adultChange {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:44px; width:90%; text-transform: capitalize;} .travellerSeat {font-size: 11px; overflow: hidden; margin: 20px 0 10px;} .travellerSeat label, .flightTravel .travSeatOuter .travSeatTtl label { color: #203152; display: block; font-size: 15px; font-weight: 600; padding: 10px 0 0;} .travellerSeat label span {display: inline-block;} .travellerSeat .col-md-4.col-sm-4.col-xs-12, .travellersName .col-md-4.col-sm-4.col-xs-12, .travellerSeat .col-md-2.col-sm-2.col-xs-12, .travellersName .col-md-2.col-sm-2.col-xs-12 { width: auto; min-width:120px;} .travellersName {overflow: hidden;line-height:44px; } .travellersName .travlrNam { font-weight:400;} .travellersName .travlrNam small { font-size:12px; color: #4D6F93; font-weight:400;} .travellersName .travlrAnyseat { text-decoration:underline; color: #4D6F93;} .travellersName .travlrAnyseat:hover { text-decoration:none;} /* [[ flight traveller seat details end here]] *//* [[ fph trip summary stars here ]] */ .summarySec .trip-details li{color: #203152;display: block;font-size: 16px; position: relative;padding-bottom:10px} .summarySec ul.fhDetails {margin-top:0px;} .summarySec ul.fhDetails > li { display: block;padding: 0 0 0 32px;position: relative;margin-bottom: 10px;} .summarySec ul.fhDetails li.hdSec{margin-top:20px;} .summarySec ul.fhDetails li.hdSec:before{left: 0;position: absolute;top: 0;font-size: 22px;color: #4D6F93;} .summarySec ul.fhDetails > li .tit {margin: 0 0 4px;line-height:20px;} .summarySec ul.fhDetails li p{ color: #4D6F93;font-size:14px;line-height:normal;} .summarySec ul.fhDetails li p > span{display:block; color:#4D6F93;line-height:20px;} .summarySec ul.price-details{margin-top:10px; display:block;border-top:1px solid #CAD6E3;} .summarySec ul.price-details li{padding:10px 0;display:block;color: #4D6F93;font-size:16px;} .summarySec ul.price-details li strong{float:right;line-height:16px;} .summarySec ul.price-details li p{color:#02AE79; } .summarySec .trip-details .totalFair.package{color: #4D6F93;} .summarySec .trip-details .totalFair.savings{border-top: none;color: #02AE79} .summarySec .trip-details .totalFair.package,.summarySec .trip-details .totalFair.savings{font-size: 14px;} .fph .summarySec .trip ul li span {padding: 0;} .summarySec .trip-details > p{padding:10px 0;line-height: 20px;color: #203152;} .summarySec .trip-details .totalFair{border-top:1px solid #CAD6E3;border-bottom:none;} .summarySec .trip-details ul.price-details li p{display:block; padding:0;} .summarySec .trip-details .tc{background:#CAD6E3;color:#203152;padding:15px 10px;margin:10px 0;} .summarySec .trip-details .tc h3:nth-of-type(2){margin-top:20px;} .summarySec .trip-details .tc p{ font-size: 12px;line-height: 20px; padding: 10px 0;} .summarySec .trip-details .tc p span{display:block;font-size: 12px;line-height: 20px; } .summarySec .fareRules {background: #fffeef;color: #203152;font-size: 12px; padding: 18px 18px;line-height: 20px;margin:0 0 20px 0;box-shadow: 0px 1px 0px #CAD6E3;} .summarySec .fareRules strong{display: block;font-weight: normal;} .summarySec .fareRules strong.hdg{color: #203152; display:block; font-size: 16px; margin-bottom: 10px; font-weight: 500;} .summarySec .fareRules p+h2{ margin-bottom: 0;margin-top: 25px;padding-bottom: 5px;} .opcPage .summarySec .trip ul li.onWardsFlight::before{content:'';} .egyptCondT{font-size: 12px; line-height: 20px; margin: 20px 0px;} .addTrvlrOtr .alert-warning{margin-left: 10px;} .trip-details.trip .hdSec p {color: #4D6F93 !important;font-size: 12px !important;} .trip-details.trip .hdSec p span{color: #203152 !important;padding-top: 10px !important;} .fph .fltRBlockInfoBrand small{color:#4D6F93;} .changeRoomDtls{display: none;} .rmbooking-at .btn.btn-sm {font-size: 14px;line-height: 14px;padding: 5px 10px;text-transform: capitalize;} .rmbooking-at li{text-align:left;text-transform: capitalize;} .rmbooking-at li strong {color: #203152;font-size: 14px;font-weight: 600;} .rmbooking-at {border: 1px solid #CAD6E3;font-size: 13px;margin: 13px 0 0;padding: 0 15px;position: relative;z-index: 10; min-height: 70px;} .rmbooking-at:before,.rmbooking-at:after {border-color: transparent transparent #CAD6E3; border-style: solid;border-width: 10px;content: "";left: 70%; position: absolute;top:-20px;z-index: 11;} .rmbooking-at:after {border-color: transparent transparent #fff; top:-18px;} .rmbooking-at li span {color: #203152;display: block;font-size: 14px;margin-bottom: 8px;} .rmbooking-at li > ul > li small {color: #02AE79;display: block;font-size: 13px;} .rmbooking-at li small.green-txt { margin: 8px 0 0;} .rmbooking-at li.row {border-bottom: 1px solid #CAD6E3;display: block;margin-left: -15px;margin-right: -15px;padding: 15px 10px;} .rmbooking-at li.row.selected{background:#F7F8FC;} .rmbooking-at li.row.selected .btn{background-color:#002b61; color:#fff;} .rmbooking-at .roomInfo label {color: #203152;display: block;margin-bottom: 8px;} .rmbooking-at .roomInfo {color: #4D6F93;} .rmbooking-at li > ul > li small.roomInfo {font-size: 13px;color: #4D6F93;} .rmbooking-at .alert {margin-top:20px;} .fhHotel .rmbooking-at .roomWidgetLoader {display: block;min-height: 30px;padding: 10px;text-align: center;} .fhHotel .rmbooking-at .roomWidgetLoader em {color: #203152;display: block;padding-top: 5px;font-style: normal;} .fphInOutDates { padding-bottom:10px;} .fhReview .hotelInfo .features li {margin-bottom:5px;} .fhReview .hInfoTitGrd:after {clear:both; content:""; position:relative; display:block;} .fhReview .hInfoTitGrd {margin-bottom:5px;} .fhReview .hInfoTit {width:100%; display:inline-block;} .fhReview .hInfoTit .stars{vertical-align: middle;} .fhReview .tripadvRate { float:right; margin-top:0; text-align:right;} .fhReview .tripadvRate img { margin-bottom:0;} .fhReview .tripadvRate a{display: block;} .chngFlt .chngInfo{ display: inline-block; position: relative;} .fphShwMre {padding-top: 15px;border-top: 1px solid #CAD6E3;margin-top: 20px;} .fph .summarySec .trip ul li.onWardsFlight::before,.fph .summarySec .trip ul li.returnFlight::before{color:#4D6F93;top:2px;} /* [[ fph trip summary end here ]] */ .travlrDetails .orTxt { margin-left:0;} .hotelInfo .hrp-highlights {display: inline-block;margin-top: 10px;} .whyUse {background: #fff;border-radius: 3px;margin-top: 20px;padding: 10px;} .whyUse h4 {margin: 0 0 15px;padding: 0;} .whyUse li::before {color: #02AE79;font-size: 12px;left: 0;position: absolute;} .whyUse li {color: #4D6F93;font-size: 12px;font-weight: 300;line-height: 14px;margin-bottom: 15px;padding-left: 20px;position: relative; display:block} .whyUse strong {display: block;font-size: 12px;font-weight: 500;margin-bottom: 5px;} .whyUse li:last-child{margin-bottom:0} .hijri.sLabel {bottom: 8px;display: inline-block;font-size: 12px;margin-bottom: 5px;position: relative;} .hijri .customCheckbox[type="checkbox"]:checked + label {color: #203152;} /* [[Fare combination Review pages css starts here]] */ .fcSummary{background:#fff;border:1px solid #CAD6E3;padding:20px;border-radius:3px;} .fcSummary h6{position:relative;} .fcSummary h6:before{font-size: 18px; vertical-align: middle;} .fcReview .brdRound h3 strong,.fcReview .brdRound h3 small{padding-left:0;} .fcReview .alert.custom{background:rgba(188, 245, 198, .6); border-radius:3px;color: #203152; line-height: 40px; padding: 10px 15px 20px;} .fcReview .alert.custom span{ font-size: 18px;line-height: 28px;} .fcReview .summarySec.flight h2 i{width:20px;height:10px;} .fcReview #fcProvideTravellerDetails .prvdTavDit h3 > span{display:none;} .fcReview #review-terms { clear:both;} .fcReview .review-terms #review-terms .review-terms, .fcReview .review-terms #review-terms .buttons {width: 100%;} .fcReview .review-terms #review-terms .review-terms{padding:0} .fcFlightInfo > span{padding: 10px 0px; position:relative; display:block;font-size:14px;font-weight:500;border-bottom:1px solid #CAD6E3} .fcFlightInfo .fcFligtTo{position:relative;display:block;padding:10px 0;cursor:pointer;} .fcFlightInfo > span:before { margin-right: 10px; display: inline-block;} .fcFlightInfo .fcFligtTo:before{position:absolute;right:0px;color: #7799BE;transition: all 0.2s ease 0s;top:12px;} .fcFlightInfo .fcFligtTo.open:before{ transform:rotate(90deg);} .fcFlightInfo .fcFligtTo em{ color: #7799BE;font-size: 20px;font-style: normal;left: 31%;padding:0 5px;position: absolute;top: 10px;transition:all .4s ease 0s; transform: rotate(180deg);} .fcFlightInfo .fcFligtTo:hover em{left:32%;} .fcFlightInfo .fcFligtTo > span{width:50%;padding-right:18%; text-overflow:ellipsis; white-space:nowrap;overflow:hidden;line-height:20px} .fcFlightInfo .fcFligtTo > span:first-child{padding-right:20%;} .fcFlightInfo .travelDetails{font-size:12px;color:#4D6F93;padding:0 0 10px;border-bottom:1px solid #CAD6E3;margin-bottom:8px;} .travelDetails p.row > span {padding-right: 0px;} .travelDetails p {margin: 0;} .fcFlightInfo .travelDetails:last-child{border-bottom:0px solid #CAD6E3} .fcFlightInfo .travelDetails p {padding-top: 5px; display: flex;} .fcFlightInfo .travelDetails p [class*="icon-"] {color: #7799BE;margin-right: 5px;} .fcFlightInfo .travelDetails p + small{ color: #203152;display: block;font-size: 12px;font-weight: normal;line-height: 18px;margin-bottom: 10px;padding: 5px 0 0 16px;} .fcFlightInfo .travelDetails p > span{ color: #203152; flex-grow: 1; padding: 0px;} .fcFlightInfo .travelDetails p > span:first-child{font-size:12px;text-transform:uppercase} .fcFlightInfo .travelDetails p > span:before{position:absolute;left:10px;top:0;font-size:12px; color:#7799BE} .travelDetails .tranTravlInfo + .tranTravlInfo{margin-top:10px;} .tranTravlInfo .trnsfCrclUp,.tranTravlInfo .trnsfCrclOff{margin-bottom:8px;} .fcFlightInfo .travelDetails small span{display: block; padding-top: 3px;} .fcSummary .ticket small{display:block; font-size:12px;color: #4D6F93;} .pBar strong.completed{width:99% !important;} .fcReview .travellerFareInfo li,.fcReview .totalSec li{margin-bottom:0;} .fcReview .travellerFareInfo li.firstInfo >span, .travellerFareInfo .firstInfo ._priceTag ._decimel, .summarySec #showHideFareDetails .firstInfo span, .summarySec #showHideFareDetails .firstInfo ._decimel, .summarySec .trip-details .fphHotelsmry .pull-left{color:#203152 !important;} .fcReview #review-terms .review-terms .info{border:0 none;} .fcSteps .rtn{transform:scale(1) !important;} /* [[Fare combination Review pages css ends here]] */ /*[[ car review starts here ]] */ .carCompany{padding: 10px 0;display: block;} .carCompany label{margin-right: 3px; color: #203152;margin-bottom: 0;} .carCompany img{ margin-top: -4px;max-width: 40px;} .payment.add-ons{margin: 15px 0 0;} .payment.add-ons .panel-heading a {padding: 10px;color: #203152;font-size: 18px;} .payment.add-ons .panel-heading a::before{ border: 0 none;content: "";font-size: 12px;left: auto;right: 20px;top: 15px;} .payment.add-ons .panel-heading a.active::before{ content: "";} .payment.add-ons .panel-heading a.active::after{background: transparent;} .payment.add-ons .panel-heading a{background: #F7F8FC} .payment.add-ons .pContainer{border-radius: 0; border: 0 none; border-right: 0 none;margin-bottom: 0;} .carReview .frmIdentity{margin-top: 15px;} .deskLinks .freqnumber.active,.deskLinks a:hover{text-decoration: underline;} .panel-body.add-ons-body {padding-bottom: 0;} .add-ons .pContainer{border-bottom: 0 none} .add-ons-body ul{border-bottom: 1px solid #CAD6E3;padding: 10px 0;} .add-ons-body ul::after {content: "";display: block;width: 100%; clear: both;} .add-ons-body ul li{padding: 0;font-size: 14px;color: #203152} .add-ons-body .customCheckbox[type="checkbox"]:not(:checked) + label::after, .add-ons-body .customCheckbox[type="checkbox"]:checked + label::after{font-size: 12px; left: 2px;top: 1px;z-index: 1} .add-ons-body .customCheckbox[type="checkbox"]:not(:checked) + label::after, .add-ons-body .customCheckbox[type="checkbox"]:checked + label::after{ background: transparent;font-size: 9px;left: 6px;top: -2px;} .add-ons-body .customCheckbox[type="checkbox"]:not(:checked) + label::before,.add-ons-body .customCheckbox[type="checkbox"]:checked + label::before{height: 13px; width: 13px;border: 1px solid #CAD6E3;top: -1px; left: 4px;z-index: 1;} .add-ons-body .cbox{float: left; margin-right: 50px;margin-top: -5px;} .add-ons-body figure{max-width: 100px;max-height: 70px;border: 1px solid #CAD6E3;float: left;} .add-ons-body figure img{width: 100%;} .add-ons-body strong{display: block;font-weight: normal;color: #203152;} .add-ons-body strong label{color: #203152;} .add-ons-body span{color:#4D6F93;line-height: 18px} .add-ons-body .custom-select-v3{width: 60px; float: right;height: 30px; cursor: pointer;} .add-ons-body .custom-select-v3::before{top: -5px} .add-ons-body .custom-select-v3 select,select{height: 30px;cursor: pointer;} .add-ons-body > div{border-bottom: 1px solid #CAD6E3;padding: 15px 0} .carReview textarea+span+.btnAdd{margin-top: -5px; } .carReview .btnAdd{ font-size: 16px;margin-top: 23px;padding: 9px 20px;text-transform: capitalize;} .carReview .splrqt-panel label{margin-bottom: 10px;} .carReview .splrqt-panel textarea{resize:none;width: 100%;height: 130px; border:1px solid #CAD6E3;padding: 10px} .carReview .specialRequestbody{padding-bottom: 0px;} .carReview .splrqt-panel textarea+span{font-size: 12px;color: #4D6F93;padding-top: 12px; display: block;} .carReview .splrqt-panel textarea+span label{color: #203152;margin-right: 3px; } .carReview .ddChild{width: 170px;} .carReview .summarySec .tooltipCustomCont{min-width: 320px !important;} .carReview .summarySec .tooltipCustomCont::after,.carReview .summarySec .tooltipCustomCont::before{left: 40%;} .carReview .row.addTrvlrOtr{padding-top: 0;} .carReview .row.addTrvlrOtr:before{height: 0; } .addTrvlrOtr .alert-info {margin-left: 10px;background: #F7F8FC;} .cupnCode {border-top: 1px solid #CAD6E3;} .summarySec .trDetails{border: 0 none;border-bottom: 1px solid #CAD6E3;margin-top: 0;padding-bottom: 0} .summarySec .trDetails li{width: 100%;} .summarySec li{display: block;} .summarySec .additionalChargs{padding: 8px 0} .summarySec .additionalChargs li{padding: 6px 0; margin: 0} .summarySec .additionalChargs li span, .summarySec .additionalChargs li span label {color: #4D6F93; font-size: 16px; } .summarySec .title{margin-bottom: 0;padding-bottom: 0} .summarySec .title strong{color:#203152; font-size: 18px;font-weight: normal;display: block;} .summarySec .title strong small{font-size: 14px; color: #203152;} .summarySec .title span{font-size: 14px; color: #4D6F93; font-weight: normal;} .summarySec .title span label{color: #203152; } .carReview .summarySec .title strong { line-height:normal; } .carReview .summarySec .tax{border-bottom: 0 none;} .carReview .summarySec .tooltipCustomCont{bottom: 25px;} .carReview .brdRound h3 small{font-size: 18px; } .carReview .panel-body.add-ons-body .row,.carReview .panel-body.add-ons-body ul {padding-right: 25px;} .carReview.opc .summarySec .title{border-bottom:0 none;} .carReview .deskLinks .SowMorDetails{display:inline-block; padding-top:0;} .carReview .deskLinks .SowMorDetails a{font-size:18px; text-decoration:none;} .carReview .deskLinks .SowMorDetails a:hover{text-decoration:underline;} .carReview .deskLinks .SowMorDetails a:before{content:'';} .carReview .deskLinks{display:block;} .addTrvlr { margin:0 0 30px 0;background: #F7F8FC;border-bottom: 1px solid #CAD6E3; border-top: 1px solid #CAD6E3;padding: 15px 5px;} .addTrvlr .input-fgroup{margin:0;} .addTrvlr .custom-select-v3 select { margin-bottom:0; } .freeOffers li {padding: 0 5px 10px 0;} .car-details .hotelSlider figure { height:auto; max-height: 165px; } /*[[ car review ends here ]] */ .apply li { margin:0 15px 10px 0;vertical-align:top;} #AC .entrCpn { display: block; margin: 0 0 15px; } #AC span.err { color: #F4675F; display: block; font-size: 12px; margin: 0px 0 0; } #AC span.err.invalidcpn { margin-top: 6px; } .lyltapplied .cpnCode {text-transform: none;} .applyed .cpnCode { background: #02ad79; color:#FFF; text-transform:uppercase;padding: 10px;border-radius: 3px;display: block; } .applyed .cpnCode:before {font-size: 18px;vertical-align: top;margin-right: 5px;} .applyed li { margin-left:5px;line-height: 20px; } .applyed li:first-child { margin-left:0; vertical-align:middle } .applyed li:nth-child(2n) {vertical-align: middle;} .applyed li.rmv { margin:10px 0 0 5px; } .applyed li span.grn { color:#02ad79; } .applyed li.rmv { margin-left:5px; } .applyed.cpnapplied li.rmv { margin-left:5px; } .applyed li.rmv a { color:#F4675F; } .applyed li.rmv a:before {font-size: 14px;font-weight: bold;margin-right: 5px;vertical-align: top; } .applyed .grn strong{ font-weight: normal;} .applyed li em:before { font-style:normal; margin-right:5px; font-size:18px; } .travellerFareInfo > li.cupnCode span { color: #02AE79; font-size:16px; font-weight:500; } .roomType .priceSec span._strikeOf label {font-size: 16px;} .roomType .hotelInfo figure { overflow:hidden; text-align:center; margin-bottom:20px; position: relative; height:110px; cursor: pointer} .htlRmgPop .close {z-index: 10;font-size: 30px;background: #fff!important;display: block;width: 40px; height: 40px;} .roomType .hotelInfo figure span[class*="icon-"] {position: absolute; bottom: 10px; z-index: 20; color: #fff; display: inline-block; vertical-align: middle;right: 0;padding: 5px 10px;background: rgba(0,0,0,.5); bottom: 0;} .roomType .hotelInfo figure img{ width:100%; } .roomType .hotelInfo figure span[class*="icon-"]:before{font-size: 12px;} .roomType .hotelInfo{padding:20px 10px;} .roomType .hotelInfo h3 {color: #203152; background: none; padding: 0;} .roomType .hotelInfo h5 {text-transform: capitalize} .roomType .hotelInfo:last-child { margin-bottom: 10px;} .sadadOLPInfoLink{display: inline-block; color:#4092FB;white-space: nowrap; text-decoration:underline} .sadadOLPInfoLink:hover{text-decoration:none;color:#4092FB;} #sadadOLPInfo .mDialogPopHeader h4 { padding: 0;} .sadadOnline h5 small { font-size: 14px; display: block;line-height: 16px; padding: 5px 0px 15px; } .sadadOnline li { list-style: decimal;line-height: 20px;margin-left: 15px;display: list-item;margin-bottom: 5px;color: #4D6F93;} .sadadOnline li:after{display: none;} .sadadField{position:relative; margin-left: 20px; width: 50%; margin-bottom: 20px !important; display: inline-block} .sadadOnline ._newValAlert [class*="_errTxt"] {left:0; bottom:-15px!important } .sadadOnline label { display: inline-block; } .sadadOnline p { color: #4D6F93; line-height: 20px;} #sadadVideo video { width: 100%; } .smry-htl-nme h5 > i[class*='icon-'] {height: 30px;margin-right: 6px;width: 24px;position: absolute;left: -30px; top:1px; color:#4D6F93; font-size:18px;} /*[[ flight review choose seat start here ]] */ .chooseSeat span {padding-left:60px; color:#203152;display: inline-block;position: relative;line-height: 22px;} .chooseSeat span:before{ background-position: -218px -172px; position:absolute; left:0; top:0px; height: 55px;width: 45px; content: "";} .chooseSeat span .chooseSeatTit { font-size:18px; display:block;margin-bottom: 5px;font-weight: 500;} /*[[ flight review choose end start here ]] */ /*transfer Review start here*/ .brdRound .HdngTit {color: #203152; display: block;font-size: 24px; font-weight: 600; padding-bottom: 20px;} .brdRound > p { color: #4D6F93; line-height:20px;margin-bottom: 20px;} .trnsfrSumSec .fcFlightInfo .travelDetails {margin-bottom: 0;} .trnsfrSumSec .totalFair { color: #203152;font-weight: 600;} .trnsfrSumSec .totalFair em {font-size: 18px;font-style: normal;} .trnsfrSumSec .tax { border:none !important;} .trnsfrSumSec #showHideFareDetails .firstInfo span.pull-left {max-width:100%;} .trnsfrSumSec .border{ line-height:20px; margin:0 !important; padding:0 !important;color: #4D6F93 !important;} .trnsfrSumSec .travellerFareInfo {color: #4D6F93;} .trnsfrSumSec .travellerFareInfo .spanTxt { display:block; color:#203152; padding-bottom: 7px;} .trnsfrSumSec .travellerFareInfo .transPrice { margin-top: 20px;display: block;} .trnsfrSumSec .travellerFareInfo li {font-size:12px; line-height:20px;} .travellerFareInfo li span.pull-right { text-align:right; } .travellerFareInfo li span.pull-right em { margin-left:0 !important;font-size: 16px !important;} .trnsFltDtls .custom-select-v3 select {padding: 0 0 0 36px; margin-bottom:0} .trnsFltDtls .row .col-md-4, .trnsFltDtls .row .col-md-2{padding: 0px 5px;} .trnsFltDtls .row + .row {margin-top: 20px;} .trnsfrCntnr .trnsfrSumSec .travelDetails p > span{text-transform: capitalize; color: #4D6F93} /*transfer Review end here*/ /* [[ fare combination New itineraryBlock start here ]] */ .reviewFlightInfo .col-md-10{width: 78%;} .reviewFlightInfo .col-md-2{width: 22%;padding-left: 2%;padding-right: 0;padding-bottom: 30px;} .itineraryBlock .tit-price{border-bottom: 1px solid #CAD6E3;border-top: 1px solid #CAD6E3;color: #203152;padding: 15px 0;display:table;width:100%;} .itineraryBlock .tit-price .buttons label{padding:0 10px;} .itineraryBlock .tit-price .price{ display:inline-block; margin-right:20px;} .itineraryBlock .tit-price .price strong{font-size:24px;} .itineraryBlock .reviewFlightMulty strong.flgt-hdg{color: #203152; display:inline-block; margin:30px 30px 0px;border-bottom:1px solid #CAD6E3;padding:0 0 20px;width:95%; font-size: 24px; font-weight: 500;} .reviewFlightMulty {box-shadow: 0 1px 2px #CAD6E3;border-radius: 8px;margin: 20px 0;background:#fff;z-index: 99; position:relative;} .reviewFlightMulty +.row{position:relative;margin-bottom:40px;} .reviewFlightMulty + .row > div > div{margin-bottom:10px;} .reviewFlightMulty + .row > div > div:nth-of-type(3){clear:left;} .reviewFlightMulty:after,.reviewFlightMulty:before{background: #F7F8FC;border-radius: 0 0 90px 90px;box-shadow: 0 -1px 2px -1px #CAD6E3 inset;content: "";height: 30px;position: absolute;right: 20%;top: -2px;width: 48px;} .reviewFlightMulty:after{box-shadow:0px -2px 0px 0px #CAD6E3 inset; bottom: -3px; z-index:9;transform:rotate(180deg);top:auto;} .reviewFlightMulty h6 {padding: 16px 0 15px 25px; position:relative; margin-bottom:60px;} .reviewFlightMulty h6:before{position:absolute;font-size:14px;left:0px;top:50%;margin-top: -12px;} .reviewFlightInfo .farCnfmInfo {font-size: 11px;padding: 10px 25px; position: relative; line-height: 14px;margin-top: 40px;} .reviewFlightInfo .farCnfmInfo:before {position: absolute;left: 8px; top: 10px;} .reviewFlightInfo .farCnfmInfo a {display: block;text-decoration: underline;} .reviewFlightInfo .farCnfmInfo a:hover {text-decoration: none;} .farCnclPlcy strong.imp-info{ display: block; font-size: 16px; padding-left: 20px; font-weight: 500; color: #203152; position: relative;} .farCnclPlcy strong.imp-info:before{position: absolute; left: 0px; font-size: 14px;} .farCnclPlcy strong.imp-info + span{padding: 0px 20px;} .onestpFTInfo .icon-flight.rtn { transform: scaleX(-1);} .reviewFlightMulty h3 span{font-size:16px; color:#4D6F93; font-weight: 400;} .stopOne .noteAlert{margin: -50px 0 100px;} .tit-price .buttons .btn.btn-lg{ font-size: 16px;height: auto;line-height: 18px;padding: 10px;} .ttlInfo{display: block;width: 73%;} .mcStop > .row .flightTInfo:first-child span.timeInfo{text-align:right !important;} .reviewFlightInfo{ padding:0px 40px; position:relative;margin-bottom: 36px;}.reviewFlightInfo .flightTInfo .arpName{margin-top:-3px;} .reviewFlightInfo .flightTInfo .arpName elm{font-size:12px;} .reviewFlightInfo .flightTInfo span em{margin:3px 0px 0px 3px; } .reviewFlightInfo .flightTInfo span .trmnl{font-style:normal; display:inline-block; color:#F4675F; margin:0; } .reviewFlightInfo .flightTInfo span.plus1Date{font-size:11px; line-height: 12px;color: #203152 !important;} .reviewFlightInfo .flightTInfo span.plus1Date span{ left: -105px;color: #4D6F93; font-size:12px; color: #203152;} .reviewFlightInfo .flightTInfo span.timeInfo,.reviewFlightMulty.return .reviewFlightInfo .mcStop .flightTInfo span.timeInfo{text-align:right; width:18%;} .reviewFlightInfo .flightTInfo span {display:inline-block; color: #4D6F93 !important; font-size:12px;vertical-align: top;line-height:18px;} .reviewFlightInfo .flightTInfo span.dest { color: #203152 !important; font-size: 18px !important;line-height:22px;position:relative; line-height:normal;} .reviewFlightInfo .flightTInfo .dest span.cityName { color: #203152 !important; font-size: 18px; max-width: 150px; overflow: hidden !important; text-overflow: ellipsis; line-height:normal; position:relative; top:-2px; } .reviewFlightInfo .flightTInfo span.dest small{font-size:10px; color: #203152; line-height:24px;} .reviewFlightInfo .flightTInfo span.dest+elm{font-size:14px !important;} .reviewFlightInfo .flightTInfo .stpNm span {color: #203152 !important;}.reviewFlightInfo .flightTInfo.rtnPlace .timeInfo{text-align:left; width:23%;} .reviewFlightInfo .mcStop .flightTInfo.rtnPlace span.timeInfo{text-align:left !important; width:25% !important;} .reviewFlightInfo .mcStop .flightTInfo.rtnPlace .arpName {text-align:right !important;} .reviewFlightInfo .mcStop .flightTInfo.rtnPlace .arpName .dest {text-align:right !important;} .reviewFlightInfo .arpName span{overflow: hidden;text-overflow: ellipsis;display: block;white-space: nowrap;margin-right:5px;line-height:normal;} .reviewFlightInfo .std{background: #203152;border-radius: 50%;height: 12px;width: 12px;margin: 0 7px;position: relative;top:4px;z-index: 9999;} .reviewFlightInfo .std:before{border: 2px solid #CAD6E3;border-radius: 50%;content: "";height: 20px;left: -4px;position: absolute;top: -4px;width: 20px;} .reviewFlightInfo .flightmStp .rtnPlace .std:before{left: -1px !important; top: -1px !important;} .reviewFlightInfo .flightmStp .flightTInfo .std:before{width:15px; height:15px; left: -3px; top: -7px;} .reviewFlightInfo .flightmStp .flightTInfo span strong{ font-size: 16px;} .flightmStp .onestpFTInfo .icon-flight.onw {bottom: 28px;color: #203152;font-size: 16px;left: 50%;position: absolute;margin-left: -5px;} .reviewFlightInfo .flightTInfo span strong{font-size: 25px;font-weight: 400;} .reviewFlightInfo .flightTInfo span elm{display:block; color:#4D6F93; font-size:12px;} .reviewFlightInfo .fltStpInfo{margin: 0 100px 10px;;position:relative;} .reviewFlightInfo .fltStpInfo:after,.reviewFlightInfo .fltStpInfo:before{background: #CAD6E3;content: "";display: block;height: 108%;right: 12px;position: absolute;top: -39px;width: 1px;} .reviewFlightInfo .fltStpInfo:before{left: -15px;} .reviewFlightMulty.return .reviewFlightInfo .flightTInfo span.timeInfo{width:30%;} .reviewFlightMulty.return .flightmStp .text-right.mstp, .reviewFlightMulty.return .flightTInfo .text-right.mstp{width:50%;margin-top:-15px;} .reviewFlightMulty.return .flightmStp .text-right.mstp small, .reviewFlightMulty.return .flightTInfo .text-right.mstp small{font-size:10px;} .reviewFlightMulty.return .flightSFrom .flightTInfo .strong{color: #4D6F93;} .rtnPlace span{text-align:right;} .destTime{color:#203152 !important;}.indvPResult{display:block;margin-bottom: 20px;} .indvPResult > p:before{ display: inline-block;left: -21px;position: relative; font-size:16px;} .indvPResult > p.onw:before{-ms-transform:rotate(90deg);-moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);-o-transform:rotate(90deg);} .indvPResult > div, .rooms-info .hotelInfo .roomFclts{ display:inline-block;} .indvPResult > p {color: #203152;padding: 10px 0 15px;font-size: 12px;position:relative;} .indvPResult .flightFrom{ font-size:16px; position: relative;top: -23px;color: #4D6F93;}.indvPResult .flightFrom elm{display:block; font-size:12px;line-height:18px;} .indvPResult p + .flightFrom:before{border-top: 1px dashed #CAD6E3;content: "";display: block;height: 2px;left: -5px;position: absolute;top: 16px;width: 40%;} .indvPResult .layBot{ border-top:1px dashed #CAD6E3; margin: 4px 0 0;padding: 2px 0 0; position:relative; color: #4D6F93;} .indvPResult .layBot:before,.indvPResult .layBot:after{background: #fff;border: 2px solid #FEC524;border-radius: 50%;content: "";display: block;height: 20px;right: 0;position: absolute;top: -11px;width: 20px;} .indvPResult .layBot:after{left: 0;}.indvPResult .layTop{ font-size:12px; color:#4D6F93; margin: 0 auto;width: 88%;} .indvPResult .layBot elm{font-size:12px;} .indvPResult .layover {text-align: center;width: 63.5%;margin: 0 10px;} .indvPResult:last-child .flightFrom:last-child:after{border-top: 1px dashed #CAD6E3;content: "";display: block;height: 2px;position: absolute;right: -67px;top: 16px;width: 70%;} .indvPResult:last-child .flightFrom:last-child:before{bottom: 109px;color: #203152;display: inline-block;position: absolute;right: -50px;transform: rotate(-90deg);z-index: 999;font-size:16px;} .indvPResult:last-child .flightFrom:last-child{display:none;} .indvPResult:last-child .layover{left: 105px; position: absolute; width: 79%;} .indvPResult:last-child .layover .layBot:before,.reviewFlightInfo .flightTInfo span.plus1Date.tooltipCustom:before{display:none;} .fltStpInfo li:last-child .flightFrom {top: 3px;} p + .flightFrom{ padding-left:60px;} .rFpriceInfo{border-top:1px solid #CAD6E3; padding:30px 0 0; margin:20px 0 0 ;} .rFpriceInfo .bagInfo { font-size:12px; background:#F7F8FC; color: #4D6F93; padding:10px; border:1px solid #CAD6E3;line-height: 18px;} .rFpriceInfo span{ font-size:18px; display:block; padding-bottom:5px;color: #203152;} .rFpriceInfo span.txt{font-size:14px;margin-bottom:5px;} .rFpriceInfo span strong{font-size:24px;} .rFpriceInfo span elm._decimel{color:#4D6F93;} .rFpriceInfo .price+elm{ font-size:16px; color:#4D6F93;} .rFpriceInfo .bagInfo:before{margin-right: 5px;} .rFtickInfo strong{ font-size:20px ; font-weight:500;} .rFtickInfo span{font-size:17px; color:#203152; display:block; padding:6px 0px; margin-top: 10px;} .rFtickInfo elm{font-size:12px;color:#4D6F93;line-height:16px;} .itineraryBlock .rFpriceInfo .price strong{font-size:24px;} .fbftechnicalStop {font-size: 12px;margin-top: 10px;cursor: pointer;} .fbftechnicalStop .tooltipCustomCont { left: -125px; min-width: 350px;bottom: 22px;} .flightSFrom .fbftechnicalStop {font-size: 12px;position: absolute;left: 35%;top: 60px;z-index: 1;} .flightmStp .fbftechnicalStop {top: -55px;position: absolute;left: 35%;z-index: 99999;} .reviewFlightInfo > .row{position:relative;margin-top:20px;} .reviewFlightInfo .chngFlt{ clear: both;color: #188ffb;display: inline-block;float: none;font-size: 13px;margin:0;text-decoration: underline;width: 100%;} .reviewFlightInfo .chngFlt:hover{text-decoration:none;} .reviewFlightMulty .reviewFlightInfo .row .col-md-2:after{border-right: 1px dashed #CAD6E3;content: "";display: block;height: 100%;position: absolute; right:100%;top: 20px;width: 1px;} .nxtnt{font-size: 12px !important;} .fcTab{position: relative;} .fcTab nav {position: relative;width:100%; padding: 0px 30px;} .fcTab nav::after {clear: both;content: "";display: block;position: relative;} .fcTab nav li{color: #203152; font-weight:400;} .fcTab nav li > strong{ color:#4D6F93;font-weight:400;margin-right: 10px;} .fcTab nav li a {color: #4D6F93;display: inline-block;padding: 10px;line-height: 16px;} .fcTab nav li a.active, .fcTab nav li a:hover {color:#203152; background:#F7F8FC;} .flightSFrom .baggage-info, .flightmStp .baggage-info {left: 30%;margin: 0 auto;position: absolute;top: 50px;} .flightmStp .baggage-info {top: -24px;} .reviewFlightInfo .flightmStp .optByInfo {color:#F4675F !important;} .reviewFlightInfo .flightSFrom .optByInfo {color: #F4675F !important;} .indvPResult .layBot .baggage-info {display: block;font-size: 12px;margin-top: 8px;} .fcTabGrd{ background: #F7F8FC; display: block; margin: 0;min-height:70px;} .fcTabCnt {padding: 25px 30px;width:100%;} .fcTabCnt.active { display:block;} .fcTabCnt .img-gallary ul:after {border-top-color: #eceff1;} .fcTabCnt .amntsNotAvl { color:#4f7ba6;display: block;line-height: 24px;} .fcTabCnt .fcTabCntTit {color: #203152;display: inline-block;margin-bottom: 6px;margin-right: 10px;vertical-align: top;line-height: 24px;} .fcTabCnt .baggage-info { color: #4D6F93;} .fcTabCnt .baggage-info span { margin-right:10px;} .pricebrkup > span{color:#188ffb;display:block; text-decoration:underline;margin:15px 0 0; font-size:14px;} .pricebrkup > span:hover, .pricebrkup > span:focus {text-decoration:none;color:#188ffb;} .rFtickInfo{margin-top:10px;} .itineraryBlock .refundable{background: #F7F8FC;border-radius: 2px;color: #02ad79;margin-left: 10px;margin-top: 0;padding: 4px 10px;text-align: center;font-size:12px;} .itineraryBlock .nonRefundable {background: #F7F8FC;border-radius: 2px;color: #F4675F;margin-left: 10px;margin-top: 0;padding: 4px 10px;text-align: center; font-size:12px;} .fullWid {width:100% !important;} .reviewFlightInfo .travelDetails{margin-bottom:20px;} /*-------one Stop------------ */ .reviewFlightInfo .airLogo {display: inline-block;height: 16px; margin-right:5px;} .reviewFlightInfo .airLogo img {max-height: 100%;max-width: 100%;vertical-align: top;} .flightSFrom, .flightEDst, .flightmStp{width:50%;float: left; position:relative;padding: 30px 0;text-align:center;} .flightSFrom .timeInfo > strong, .flightEDst .timeInfo > strong{color: #203152;} .flightSFrom .onestpFTInfo,.flightmStp .onestpFTInfo {border-bottom: 1px solid #CAD6E3;left: 62%;padding: 10px 0 15px;;position: absolute;text-align: center;top: -55px; width: 83.5%; font-size:12px;color:#4D6F93;font-size: 12px; margin-left: -10px;} .flightSFrom .onestpFTInfo:after,.flightSFrom .onestpFTInfo:before{ background: #CAD6E3;bottom: -46px;content: "";display: block;height: 45px;right: 0;position: absolute;width: 1px; } .flightSFrom .onestpFTInfo:before{ left: 0; } .flightmStp .timeInfo > strong{ color: #4D6F93;} .flightmStp .text-right.mstp, .flightTInfo .text-right.mstp{width: 43.5%;} .flightmStp .mstp span, .flightmStp .mstp elm{font-size:12px !important; color:#4D6F93 !important;} .flightmStp .onestpFTInfo { border-bottom: inherit;border-top: 1px solid #CAD6E3; bottom: -35px; top:auto;} .flightmStp .onestpFTInfo:after,.flightmStp .onestpFTInfo:before{ background: #CAD6E3;content: ""; display: block; height: 62px; right: 0; position: absolute;top: -62px; width: 1px; } .flightmStp .onestpFTInfo:before{left: 0; top:-60px;height:60px; } .text-left.mstp .stpNm, .text-right.mstp .stpNm{text-overflow: ellipsis;white-space:nowrap;width: 100%;font-size:14px !important;}.pColor{color:#203152 !important;} .flightTimeinfo{ border-top: 1px dashed #CAD6E3;clear: both;color: #4D6F93;font-size: 12px;left: 6px;margin: 16px auto 0;padding-top: 20px;position: relative;width: 41.5%;} .flightTimeinfo:before{ border-left: 1px dashed #CAD6E3;content: "";height: 54px;left: -1px;position: absolute;top: 0;width: 1px;} .flightTimeinfo:after{ border-left: 1px dashed #CAD6E3;content: "";height: 65px;right: 0;position:absolute;top: -65px;width: 1px; } .std.stopP{background:#fff;} .std.stopP + span{color: #4D6F93;font-size: 13px;width: 43.5%;} .oneStpI .text-left.mstp {width: 44.6%; margin-top:-15px;} .oneStpI span.timeInfo, .oneStpI .rtnPlace span{text-align: left !important;} .oneStpI .flightTInfo.rtnPlace span.timeInfo, .mcStop .rtnPlace span {text-align: right !important;} .oneStpI .col-md-10 {padding:60px 50px 60px 0;} .nonStop .col-md-10{padding-bottom:10px;padding-top:0px;} .onestpFTInfo .icon-flight.onw,.onestpFTInfo .icon-flight.rtn{bottom: -10px;color:#203152; font-size:16px;left: 50%; position: absolute;margin-left: -5px;} .flightTimeinfo .icon-clock {left: 50%;position: absolute;top: -11px;margin-left: -14px;font-size: 20px;} .fcResults .legResult.flying{background:#fff !important; max-height:140px !important;} .legResult.flying .col-md-5 {width: 13%!important;} .legResult.flying .airNameAmn{ width:auto; margin:0px;} .legResult.flying .airlineName {display:inline-block; width:auto;} .legResult.flying .airNameAmn em{line-height:inherit;width:auto;} .legResult.flying .flightFrom{line-height:normal; margin:0px; font-size:16px;line-height: 100%;float:inherit;} .legResult.flying .flgtAmnts {left: 120px;position: absolute;top: -39px;} .selectedF.flying .layover.col-md-3 .layTop{font-size:12px;} .selectedF.flying .priceGrid .price{margin:0px; display: inline-block;} .itineraryBlock .pmtBlock{color: #203152;padding:40px 0;text-align:center;} .itineraryBlock .pmtBlock label{font-size:20px;margin:0 0 30px ;} .itineraryBlock .pmtBlock small{display:block;color:#4D6F93; font-size:18px;margin:15px 0;} .itineraryBlock .pmtBlock .price{text-align:center;} .itineraryBlock .price{display:block;font-size:18px;text-align:left} .itineraryBlock .price ._decimel{color:#4D6F93;} .itineraryBlock .price strong{font-size:32px;color: #203152;display:inline-block;} .itineraryBlock .price strong ._decimel{color: #203152} .flightTInfo.rtnPlace{position:relative;} .reviewFlightMulty.multistop .reviewFlightInfo{padding-bottom:50px;} .reviewFlightMulty.multistop .fltStpInfo li:last-child{position:relative;} .reviewFlightMulty.multistop .fltStpInfo li:last-child .layover + .flightFrom{display:none;} .reviewFlightMulty.multistop .fltStpInfo li:last-child .layBot:before{display:none;} .reviewFlightMulty.multistop .fltStpInfo li:last-child .layover {bottom:20px;display:inline-block;position:absolute;width: 81%;} .rFpriceInfo .continueToPayment{margin:20px 0 30px;} .rFpriceInfo p{color:#4D6F93; line-height:20px;font-size:12px} .travelDetails+.travelDetails{margin-top:20px; border-top:1px solid #CAD6E3;padding-top:20px;} .travelDetails.stopOne+.travelDetails, .travelDetails.stopOne+.travelDetails.stopOne{margin-top:50px;} /* [[ fare combination New itineraryBlock end here ]] */ .tripAdvisor{display:block; text-align:right; margin:10px 0 5px 0;} .tripAdvisor span{display:block; font-size:11px; line-height:20px;} .tripAdvisor img {width: 90px;} .htlSliderRate .tripadvRate {display:inline-block; vertical-align:middle} .htlSliderRate .tripadvRate a span.revCount{margin-top:0; vertical-align: top} .hRnearByHotel .dtls .tripadvRate img { min-height: inherit;} .hRnearByHotel .dtls a.nbs_book, .btnFlRg { float: right;} .headTXt .tripadvRate { width: 150px; display:inline-block; margin:10px 0; vertical-align:top} .headTXt .tripadvRate img{ width:100%} .headTXt .tripadvRate + .triprCmnt{ color:#589443;display:inline-block; padding:20px; vertical-align:top} .fphInOutDates label { color: #4092fb;} .payment .note elm { color: #203152;} .nation {border-top: 1px solid #CAD6E3;display: block;font-weight: 600;margin: 15px 10px 5px;padding:24px 0 14px;color:#203152;} /*alHilal Match ticket block added*/ .alHilalMtkt > h2 { background-color: #e2e3e4; margin: -20px -20px 0; padding:8px 20px; border-radius:6px 6px 0 0} .alHilalMtkt > h2 .h_txt{ width:70%; float:left} .alHilalMtkt > h2 .h_img{ float:right; width:35px; margin-left:10px} .alHilalMtkt >.alTktdet{ padding:20px 0 0} .alTktdet .matchvs{ color:#203152; font-size:18px;} .alTktdet .matchvs span{ color: #203152} .alTktdet .matchDet{ margin:10px 0 20px; padding:0; list-style:none} .alTktdet .matchDet > li{ position:relative; color: #4D6F93; line-height:24px; padding-right:20px;} .alTktdet .matchDet > li:not(:last-child):after{content:""; position:absolute; width:1px; height:12px; background:#858585; top:6px; right:7px} .alTktdet .tktvar{ margin-bottom:10px;} .alTktdet .custom-select-v3:before{ top:-6px;} .alTktdet .custom-select-v3{ max-width:95px;} .alTktdet .custom-select-v3 select{ height:30px; color:#4D6F93; padding:4px 8px; margin-bottom:0} .alTktdet .tktTerms {background: #f5f5f5; border: 1px solid #CAD6E3; border-radius: 3px; color: #919191; font-size: 12px; line-height: 18px; padding: 10px; margin-bottom:14px;} .alTktdet .tktTerms strong{ font-weight:400; color: #203152} .tktvar .tktsel{ width:76%; float:left; margin-left:1%} .tktvar .tktradio { float: left; width: 23%; margin-top:5px;} .tktradio >label{ margin-left:5px; color: #203152; vertical-align:middle} .tktradio em {font-style: normal;} .summarySec .trip ul li.alhTkt::before{ content:""; background-position: -125px -182px; height: 20px;left: 0;position: absolute;top: 0;width: 22px; opacity:.7; background-size:750px} .summarySec .trip-details .totalFair.flightClass{ border-bottom:0; border-top:0; font-size:14px; color: #4D6F93; padding-top:0} .travellerFareInfo li.alTktPrice{ border-top:1px solid #CAD6E3} .travellerFareInfo li.alTktPrice span{ font-size:14px; color: #203152} .apply li.couponOfcode{ background:#f5f5f5; border-radius:3px; border:1px solid #CAD6E3; line-height:24px; color:#203152; padding:9px 18px; vertical-align:middle; display:none;} .htlEco{ color:#203152; font-size:16px; margin-top:15px; position:relative; padding-left:26px;} .htlEco:before { background-position: -125px -182px; background-size: 750px auto; content: ""; height: 20px; left: 0; opacity: 0.7; position: absolute; top: 0; width: 22px;} .fcaltkprice,.htleco { border-top: 1px solid #CAD6E3; padding: 10px 0; color: #203152}.fcalhTkt{ position:relative; padding:10px 0 10px 26px;} .fcalhTkt:before{ background-position: -125px -182px; background-size: 750px auto; content: ""; height: 20px; left: 0; opacity: 0.7; position: absolute; top: 10px; width: 22px;}.alhAdblock img { border-radius:6px;}.reviewbar{margin:20px 0px;} /*payment tab css by srinivas 09-01-2017*/ .brdRound.payBg{background:#F3F5FD} .brdRound h3 strong.price{ display:inline-block; font-size:24px; padding:0} .resTabPanel { list-style:none; position: relative; } .resTabPanel > li {display: block;} .resTabPanel .tarLink{ display:inline-block; color:#203152; width:25%; position:relative; z-index:4;left:2px; border-radius:4px; padding-bottom:15px;font-weight:500 } .resTabPanel .tarLink >span{ padding:20px 10px 20px 90px; border:2px solid transparent;border-right:none; display:inline-block; width:100%;box-shadow:0px 0px 6px #e2ebf1;background:#fff; border-radius:3px;} .resTabPanel > li .tarLink._bnpl > span,.resTabPanel > li .tarLink._bTransfer > span,.resTabPanel > li .tarLink._payAtBeeLogo > span,.resTabPanel > li._quickPayCont .tarLink._cPayment > span,.resTabPanel > li._quickPay .tarLink._cPayment > span{padding-left:60px} .resTabPanel > li .tarLink._amxTransfer > span{ padding-left:80px;} .resTabPanel li.active .tarLink:after{display:none} .resTabPanel .tarData{background:#fff; border-radius:4px; position:absolute; left:27%; top:0; width:73%;border:2px solid #02ae79; padding:20px 40px; transition:all .5s ease;} .resTabPanel hgroup{ margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #CAD6E3; position: relative} .resTabPanel hgroup.payBee,.resTabPanel hgroup.fawry{padding-right:70px;} .resTabPanel hgroup strong.pay-hdg{color: #203152; font-size: 18px; margin-bottom: 5px; font-weight: 500; display: block;} .resTabPanel hgroup span.sub-hdg{font-size: 12px; line-height: 20px; color: #4D6F93;} .resTabPanel hgroup strong.pay-hdg > span{display: block;font-size: 14px;line-height: 14px; margin-top: 5px;} .resTabPanel .tarData .apply {position: relative;} .resTabPanel .tarData .apply ._newValAlert [class*="_errTxt"] {left: 0px;bottom: -7px;} .resTabPanel .tarData .tp-points .apply ._newValAlert [class*="_errTxt"] {left: 10px;bottom: -64px;} .resTabPanel > li:not(.active) .tarData{display:none} .resTabPanel > li.active .tarLink{color:#4092FB; width:27%; } .resTabPanel > li.active .tarLink > span{background:#fff; border-radius:3px 0 0 3px; box-shadow:none; border-color:#02ae79;} .resTabPanel > li .tarLink:hover{color:#4092FB} .resTabPanel > li .tarLink:before,.resTabPanel hgroup.payBee:before,.resTabPanel hgroup.fawry:before,.resTabPanel > li._quickPayCont .tarLink._cPayment:before, .resTabPanel > li._quickPay .tarLink._cPayment:before{content:""; width:72px; height:20px; display:inline-block; vertical-align:middle; background:url("../img/paymentSprite.png") 0 0 no-repeat;margin-right:5px; background-size:70px; position:absolute; left:10px; top:10px;} .resTabPanel > li.active .tarLink:before,.resTabPanel > li .tarLink:hover:before{opacity:1} .resTabPanel > li .tarLink._sCards::before { background-position: 0 -64px; background-size: 100px auto; height: 27px; top: 14px;} .resTabPanel > li._quickPayCont .tarLink._cPayment:before,.resTabPanel > li._quickPay .tarLink._cPayment:before{background-position: -46px -153px; background-size: 165px auto; height: 39px; top: 8px;width: 38px;} .resTabPanel > li .tarLink._sadadOnline:before,.resTabPanel > li .tarLink._fSadadOnline:before{background-position: 0px -3px; background-size: 120px auto; top: 18px; height:25px;} .resTabPanel > li .tarLink._installiPayment:before{background-position: 0px -24px; background-size: 108px auto; top: 18px; height:18px;} .resTabPanel > li .tarLink._payAtStore:before, .resTabPanel > li .tarLink._payAtFawry:before,.resTabPanel hgroup.fawry:before{background-position: -62px -295px;background-size: 150px auto;top: 18px;width: 72px; height:22px;} .resTabPanel > li .tarLink._payAtStore:before, .resTabPanel > li .tarLink._paywithTamara:before,.resTabPanel hgroup.fawry:before{background-position: -77px -361px;background-size: 170px auto;top: 18px;width: 100px; height:24px;} .resTabPanel > li .tarLink._bTransfer:before{ background-position: 0 -148px;background-size: 115px auto;height: 40px;width: 40px;} .resTabPanel > li .tarLink._bnpl:before{background-position: 0 -152px; background-size: 165px auto; height: 39px; top: 8px;width: 38px;} .resTabPanel > li .tarLink._payAtBeeLogo:before,.resTabPanel hgroup.payBee:before {background-position: 0 -381px;background-size: 175px auto;height: 34px;top: 16px; width:50px;} .resTabPanel hgroup.payBee:before,.resTabPanel hgroup.fawry:before{left:inherit; right:0; top:-5px; width:75px !important;} .resTabPanel hgroup.fawry:before{width:72px} .resTabPanel .tarData .form-control,.resTabPanel .tarData .form-group .form-group {margin-bottom:0} .resTabPanel .psgExDate [class*="custom-select"] {margin-bottom: 15px} .resTabPanel > li .tarLink._cPayment:before{background-position:0 6px; width:185px; height: 40px;top: 6px; background-size: 100% auto;background-image:url("../img/payment/card-img-vis-mas-mada-amx.png") } .eDomain .resTabPanel > li .tarLink._cPayment:before{background-image: url(../img/payment/card-img-vis-mas-amx--eg.png); width: 148px; height: 40px; top: 3px;} .resTabPanel > li._cardPay .tarLink._cPayment span,.resTabPanel > li._cardPay .tarLink._uacPayment span{padding: 28px 13px 28px 13px;} #checkout-form .cma-card-input.mada{background-image:url("../img/payment/mada.png"); } .resTabPanel > li .tarLink._amxTransfer:before{ background-position: -88px -101px;background-size: 155px auto;height: 30px;top: 18px;width: 64px;} .htlRevNav > li a, .htlRevNav > li.active a, .rooms-info .header div > span, .hotel-details h4, .hotel-details h6, .hRnearByHotel h5, .hRnearByHotel .cont span.tit, .trvlInsur h5, .qitafPay > .qitaf-hdg, .redeemPoints.brdRound.payBg > .deal-hdg, .steps, .resTabPanel hgroup strong.pay-hdg, .summarySec h6, .hotelServices .hrPanel strong, .summarySec h4{ font-weight:600} .redeemPoints .resTabPanel > li a.tarLink > span { padding-left: 45px; } .redeemPoints .resTabPanel > li a.tarLink:before { background: transparent;font-size: 20px; color: #203152; top: 40%; margin-top: -10px; position: absolute; left: 15px; font-weight: 600;} .resTabPanel [class*="ccp-error"] { color: #F4675F; font-size: 12px; margin-top: 5px;} .resTabPanel .cvvinfo{margin-top:8px; color:#203152; font-size:12px; line-height: 18px;} .resTabPanel .cvvinfo:before{margin-right:5px;} .resTabPanel .col-md-3.control-label { margin-top: 12px;} .cardFields .form-group > .control-label {float: left; width: 30%; margin-top: 14px;} .cardFields .form-group > .fieldBlock {float: right; width: 68%; position: relative; margin-bottom: 13px;} .cardFields .form-group > .fieldBlock .form-group._newValAlert [class*="_errTxt"], .cardFields .form-group > .fieldBlock._newValAlert [class*="_errTxt"] {bottom: -17px;left: 2px;} .cardFields ._newValAlert[class*="custom-select"] ._errTxt { left: 0;bottom: -16px;} .cardFields ._newValAlert[class*="custom-select"] {margin-bottom: 15px;} .cardFields .form-group > .cvvNo.fieldBlock ._newValAlert [class*="_errTxt"], .cardFields .form-group > .cvvNo._newValAlert [class*="_errTxt"] {bottom: -18px;} .resTabPanel .tarData #SADAD_OLP_ID, .hotelServices p:last-child{margin-bottom: 0px;} .resTabPanel .tarData.onlinePayment ._newValAlert [class*="_errTxt"] { bottom: -9px;} .cardFields .form-group > .psgExDate {float: left; margin-left: 2%; width: 33%;} .cardFields .form-group > .fieldBlock { float: right; width: 68%;} .paySvddCrds li{display:block; margin-bottom:20px; position: relative;} .paySvddCrds li.cards ._newValAlert [class*="_errTxt"] {color: red;bottom: -12px;right: 0;} .paySvddCrds .cardInfo{ width:74%; display:inline-block} .paySvddCrds .cardCvv{ width:25%; display:inline-block; text-align:right;} .paySvddCrds .cardCvv input{border-radius:3px; border:1px solid #CAD6E3; padding:10px; width:78%; margin-right:4px; height:35px;} .paySvddCrds .cardCvv span{color:#669ac6} .paySvddCrds .payCardInfo {background:#F7F8FC; color:#a7a7a7; font-size:12px; padding:10px; width:100%; text-align:left} .paySvddCrds .customRadio[type="radio"]:not(:checked) + label::before,.paySvddCrds .customRadio[type="radio"]:checked + label::before{top:13px;} .paySvddCrds .customRadio[type="radio"]:not(:checked) + label::after,.paySvddCrds .customRadio[type="radio"]:checked + label::after{top:16px; background-color:#184e8c} .cardInfo .customRadio[type="radio"]:not(:checked) + label,.cardInfo .customRadio[type="radio"]:checked + label{margin-right:0; width:100%} .paySvddCrds .tooltipCustomCont { left: -120px; min-height: 50px; top: -60px; width: 250px;} .tarData.onlinePayment > p { color: #203152; font-weight: 400; line-height: 20px;margin-bottom: 20px;} .tarData.onlinePayment .note {color: #4D6F93; display: inline-block; font-size: 12px;font-weight: 300; margin-top: 5px; margin-bottom: 10px;} .resTabPanel .stepsHead{ font-weight:500; color:#4092FB; margin-bottom:15px;} .payPanelList{margin:0; padding:0 10px;} .payPanelList > li{ position:relative; padding:5px 0 5px 25px; color:#203152; line-height:1.5; display:block} .payPanelList > li > .count{ position: absolute; left:0; top:7px;} .payCardInfo .crdType {background:url("../img/payment/creditCards.png") repeat scroll 0 0; display: inline-block; vertical-align: middle; background-repeat: no-repeat; height: 18px; width: 28px; background-size: 130px;} .payCardInfo .crdType.Amex-icon{background-position: -34px 1px;} .payCardInfo .crdType.Visa-icon{background-position: -68px 1px;} .payCardInfo .crdType.Master-icon{background-position: -102px 1px;} .payCardInfo .crdType.VISA-icon{background-position: -68px 1px;} .payCardInfo .crdType.MASTERCARD-icon{background-position: -102px 1px;} .payCardInfo .crdDet {width: 69%; display:inline-block; vertical-align:middle; color: #203152; font-size: 13px;} .payCardInfo .crdValid {width: 18%; display:inline-block;vertical-align:middle; text-align:right; font-size:10px; margin-right:1%; line-height:11px;} .payCardInfo .crdValid elm{display:block; color:#464646; margin-top: 2px;} .payBnkTrnsfr .bnkDet img { max-width: 100px;} .payBnkTrnsfr li{border-bottom:1px solid #CAD6E3; padding:10px 0 12px; display:block} .payBnkTrnsfr ._bank1 img, .payBnkTrnsfr ._bank5 img, .payBnkTrnsfr ._bank10 img{margin-top: 10px;} .payBnkTrnsfr ._bank2 img, .payBnkTrnsfr ._bank3 img, .payBnkTrnsfr ._bank4 img{margin-top: 3px;} .payBnkTrnsfr ._bank8 img, .payBnkTrnsfr ._bank6 img {margin-top: 5px;} .resTabPanel ._bankTransfer hgroup{margin-bottom:0px;} .payBnkTrnsfr li:first-child{padding-top:0} .payBnkTrnsfr .bnkDet .customRadio[type="radio"]:not(:checked) + label,.payBnkTrnsfr .bnkDet .customRadio[type="radio"]:checked + label{margin-top:10px;} .payBnkTrnsfr .accntDet{ margin:10px 0 0 25px; font-size:12px; display:none} .payBnkTrnsfr li:first-child .accntDet{display:block} .payBnkTrnsfr .accntDet .lblfld{ display:inline-block; margin-bottom:15px; margin-right:2%; width:35%} .payBnkTrnsfr .accntDet .lbldata{ display:inline-block; margin-bottom:15px; color:#7799be; width:60%} .payBnkTrnsfr .bnkDet label{color:#203152} .payTerms{margin:20px 0} .payTerms li{padding:0 0 15px 15px; line-height:14px; font-size:12px; color: #203152; display:block; position:relative} .payTerms li:last-child{ padding-bottom:0} .payTerms li:before{content:""; left:0; top:5px; width:6px; height:6px; border-radius:50%; background:#CAD6E3; display:inline-block; position:absolute } .bnplHead{ border-bottom:1px solid #CAD6E3; margin:20px 0; } .bnplHead .bnplHtxt{ position:relative; font-size:18px; color: #203152; width:48%; padding-left:25px; display:block; float:left} .bnplHead .bnplLogo{ position:relative; font-size:14px; text-transform:uppercase; color:#00ae4d; width:48%; text-align:right;display:inline-block; padding-right:30px; font-weight:500; float:right} .bnplHead .bnplHtxt:before{ content:""; width:17px; height:17px; border-radius:50%; border:1px solid #CAD6E3; background:#fff; display:inline-block; top:0; left:0; position:absolute;} .bnplHead .bnplHtxt:after{ content:""; width:13px; height:13px; border-radius:50%; background:#203152; display:inline-block; top:2px; left:2px; position:absolute;} .bnplHead .bnplLogo:before{content:""; position:absolute; right:0px; width:28px; height:25px; top:-3px;background:url("../img/paymentSprite.png") 0 -114px no-repeat; background-size: 120px auto; } .bnplCont{color:#4D6F93;} .bnplCont p{padding-bottom:10px; line-height:20px; color:#203152} .optPhField .plchldr {position: absolute;top: 50%;left: 20px;pointer-events: none;margin-top: -4px;} .qitaf .optPhField .form-control { padding-left: 45px; } .nonActBinMsg{padding-bottom:25px;} .tCtxt { display: block; clear: both; padding: 11px 10px; } .redeemPoints .resTabPanel {display:none;} .redeemPoints.open .resTabPanel{display:block;} .redeemPoints.brdRound.payBg{background:#fff;} .redeemPoints.brdRound.payBg.open{background: #ffffff; } .redeemPoints.brdRound.payBg > .deal-hdg{ position:relative;cursor:pointer; display: block; color: #194E91; font-size: 18px; font-weight: 500;} .brdRound.payBg.redeemPoints {padding: 20px 30px;} .redeemPoints.open > .deal-hdg:after, .review-terms .info h3.accordion-toggle.collapsed:before, .travellerFareInfo.drpArrow li.firstInfo span.active:after, .trvlInsur h6.active:after,.qitafPay .qitaf-hdg.active:after {-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);transform:rotate(-180deg); -webkit-transition: all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;transition: all 0.2s ease 0s;} .redeemPoints.brdRound.payBg > .deal-hdg:before {margin-right:15px; background:rgba(202,214,227,.4); border-radius: 50%; color: #194E91; display: inline-block; height: 34px; line-height: 34px;text-align: center;width: 34px;font-size: 16px; font-weight: 500;} .travellerFareInfo.drpArrow li.firstInfo span.active:after{display:inline-block;} /*For Mozila Input type Number*/ input[type=number] { -moz-appearance: textfield;appearance: textfield;margin: 0; } /*For Chrome & Safari Input type Number*/ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .modal-header .modal-title + span {display: block; margin: 10px 0px;} .lytgrid1{position:relative;float:left; width:47%; margin-right:6%;} .lytgrid1:last-child{margin:0px; vertical-align: top;} #newViewHotelDetails .modal-dialog.modal-lg.mdlgPlus{width:980px;} #newViewHotelDetails .hotel-details::after {clear: both;content: "";display: block;} #newViewHotelDetails .hotel-details{border-bottom:none;padding-top: 15px;} #newViewHotelDetails .modal-body{padding-bottom:0;} .amnts{margin:50px 0px 0px !important} .amnts +.bcsAments span{display: inline-block;font-size: 22px;margin: 12px 20px 15px 0; color:#7799BE} .htlfeaturesSec h4 { margin-bottom: 18px; color: #203152} #otherrooms.hotelSummaryPopup .rooms-info{overflow: hidden;} #otherrooms .roomType .priceSec .countInfo label {font-size: 14px;} /* Qitaf Points start here*/ .qitafData h3 {border: 0;margin-bottom: 10px;} .sadadLinks {margin-top: -15px;margin-bottom: 15px;} .qitafLinks a, .sadadLinks a {font-weight: 500; font-size:16px; position:relative; color: #203152; display:inline-block; padding:20px 20px 20px 25px;} .qitafLinks a:before, .sadadLinks a:before { border: 1px solid #CAD6E3; border-radius: 50px; content: ""; left: 0px; position: absolute;top: 50%;margin-top: -9px;} .qitafLinks a.active:after, .sadadLinks a.active:after{ background: #4D6F93; border-radius: 50px; content: ""; display: block; height: 12px; left: 3px; position: absolute; top: 50%; margin-top: -6px; width: 12px; } .qitafLinks a:before { width: 18px; height: 18px; border: 1px solid #CAD6E3;} .qitafLinks a { padding-left: 30px;} /* Qitaf Points end here*/ .srychangepkg span {display: block;font-size: 22px;padding: 10px 0;} .srychangepkg elm{color: #4D6F93;line-height: 20px;} #srychngepkg .changepkgbk{width: 410px;} .htltoolprc {display:inline-block !important; font-weight:bold} .htltoolprc em {font-style: inherit;} .flynrwrd small{display: block;line-height: 18px; margin-top: 5px;} span.tooltipCustomCont p {padding-top: 0!important;} .mDialogPopFooter { text-align: center; margin: 0px; } #sadadOLPInfo .mDialogPopBody {text-align:left; padding: 0;} #sadadOLPInfo .mDialogPopBody p {color: rgb(123, 159, 180); line-height: 20px; font-size: 14px;} /* My Wallet start here*/ .brdRound.myWallet:after{ content:''; clear:both; display: block;position:relative;} .brdRound.myWallet .pull-right { margin-right: 20px;} .myWallet{display: inline-block; width: 100%; padding-bottom:25px;} .myWallet .pull-left{width:72%;} .myWallet h3{padding-bottom: 5px; border:none; margin:0px;} .myWallet .can.tooltipCustom .tooltipCustomCont{bottom: 25px;right: -7px;} .myWallet .sucsMsg{color:#0eac51;display: block; margin: 10px 10px 6px 0; font-size: 16px} .myWallet .sucsMsg elm{font-size:24px;} .walletuc{font-size:18px; font-weight: 500;} .myWallet h3 + span{color: #4D6F93;} .myWallet h6{margin-bottom:5px;} .myWallet .pull-right p span{font-size: 18px;} .walletdtls {padding-top: 20px; position: relative;} .walletdtls._newValAlert [class*="_errTxt"] {left: 0px;bottom: -12px;} .walletdtls label{display:block; margin-bottom:10px;} .walletdtls .form-control{width:42%; padding:0px 10px;margin-bottom: 5px;vertical-align: top;} .walletprice ._priceTag{font-size:20px; color: #203152;} .walletdrop{position:relative; margin-top:30px;} .walletdrop .PayViaWallet{font-size: 20px; font-weight: 400; margin-right: 10px;padding-left: 30px;} .PayViaWallet{position:relative;cursor: pointer;} .PayViaWallet::before {border: 1px solid #CAD6E3;border-radius: 50%;content: "";display: inline-block;height: 20px;left: 0; top:4px;line-height: 18px;margin-right: 10px;position: absolute;width: 20px;} .PayViaWallet.active:before {background: #4092fb;top: 2px;border-color: #4092fb;color: #fff;font-size: 11px;line-height: 19px;text-align: center;position: absolute;} .walletdrop a:before {color: #02AE79; font-size:20px; position: absolute;} .myWalletimg {background-position: -628px -568px;background-size: 796px auto;display: block;height: 75px;margin: 0 auto;width: 96px;} .wltprc ._priceTag{font-size:24px;} .myWallet .walletapplied {margin-top: 23px;} /* My Wallet end here*/ /*Hide footer section except payment logos on review page */ .topListSec, #footerId .top, .footerAirlines, .copyRfooter a {display:none;} #footerId .copyRfooter {border:0;} #walletInfos h2{border:none;} #walletInfos .modal-dialog{width:560px;padding:25px 25px 0;} #walletInfos .bodyContent{padding-top:0;} #walletInfos .bodyContent > h5 { margin-bottom: 6px;} #walletInfos .bodyContent > p { color: #4D6F93; line-height: 20px; margin-bottom: 19px; font-size:12px;} .walletuc ._decimel{font-size: 65% !important; font-weight: 500;} .reviewPage.hotel{background:#F3F5FD; padding-top:20px;} .hotel-details .lytgrid1 h5{margin:20px 0 6px} /*Hotel Review New Theme*/ .htlLftPan{float:left; width:23%;} .htlRhtPan{float:right; width:77%; padding-left:35px;} .htlLftPan .bnplBlock{ background:#02ae79; border-radius:5px; margin-bottom:25px; padding:15px 15px 15px 40px; font-size:12px; color:#fff; line-height:16px; position: relative;} .htlLftPan .bnplBlock:before {position: absolute; left: 15px; top: 22px; font-size: 20px;} .htlLftPan .bnplBlock .head{margin-bottom:2px; color: #FFF; margin-bottom:5px; font-weight:500;} .htlLftPan .bnplBlock p{color: #FFF; margin-bottom:0; line-height:1.4; font-size:12px;} .htlLftPan .hrPanel{padding:15px;} .htlLftPan .hrPanel .heading{ font-size:14px; font-weight:500; border-bottom:1px solid #CAD6E3; padding-bottom:10px; color:#203152; margin-bottom:15px; text-transform: capitalize} .htlFecilities > li{ display:block; margin-bottom:10px; position:relative; color:#7799BE; cursor:not-allowed; padding-left:40px;height:28px;} .htlFecilities > li.active{color:#2a3a5a; cursor:inherit} .htlFecilities > li:before{border:1px solid #CAD6E3; width:28px; height:28px; border-radius:50%; color:rgba(119, 153, 190, .4); text-align:center; line-height:24px; display:inline-block; position:absolute; top:0; left: 0; font-size:12px; } .htlFecilities > li.active:before{color:#02AE79; border:1px solid #02AE79} .htlFecilities > li .title{ display:inline-block; vertical-align:middle; line-height:26px; color: #4D6F93 } .htlLftPan .brkfastInfo .pnlBlock{color:#4092FB; line-height:1.5} .lSmlrProp p{margin-bottom:15px; color:#203152; font-weight:500} .slHighDmnd{ color:#d74941; position:relative; padding-left:25px; font-size:12px;} .slHighDmnd:before {position: absolute; left: 0; top: 4px; font-size: 20px;} .slHighDmnd h3{margin-bottom:5px;} .slHighDmnd p{ line-height:1.2} .htlOverview .hotelInformation:not(:last-of-type) { margin-bottom: 30px;} .htlrmsPanel > h4{ padding-bottom:15px;} .htlrmsPanel >.rmsOvflow > strong{padding-left:25px;} .hrPanel,.hrTabPanel{ background:#fff; border-radius:5px; box-shadow:0px 2px 0px 0px #CAD6E3; padding:25px; margin-bottom:25px; transition: all .5s ease; width:100%; position:relative;} .hrPanel .owl-wrapper-outer{margin-top: 30px;} .hrPanel .clickable{margin-top: -21px;} .htlMHeader{z-index:13} .htlRevNavCont{background: #F3F5FD;} .hrTabPanel{ margin-top:-25px; padding:0; z-index: 1;border-radius:0 0 5px 5px; box-shadow: 0px 1px 0px 0px #CAD6E3;} .hotelInfo [class*='icon-']{font-size:12px; color:#203152} .slidePanel{overflow: hidden} .slidePanel .rvwOuter{ width:730px; float:left } .slidePanel .htlReview{margin-left:760px;} .slidePanel .htlReview .revProduct{ margin-bottom: 20px} .hotelSlider .revProduct{ margin-top: 20px} .headTXt .bigStars { vertical-align: baseline;} .headTXt .col-md-3.col-sm-3 { display: table; height: 55px; vertical-align: middle;} .headTXt .priceBlock { float: right; margin-right:20px;} .headTXt .priceInfo { display: table-cell; text-align: right; vertical-align: middle; width: 100%; height: 50px;} .headTXt .price { font-size: 26px; font-weight: 500; color:#203152; text-align:right; display:block; margin-bottom:5px;} .headTXt .price strong{ font-weight:500} .headTXt .price ._currencySymb{font-size:16px;} .headTXt .noOfNights{color:#355E80; text-align:right; font-size:16px;} .htlTripRating{margin-bottom:30px; background:#f7f8fc; padding: 15px; border-radius:5px;} .htlReview .tripadvRate{margin-top:10px; position:relative;} .htlReview .tripadvRate a span.revCount{font-size:14px; color:#BEBEBE;vertical-align: top;} .htlReview .tripadvRate a:hover .revCount{text-decoration:none;} .hltChkInInfo .checkIn, .hltChkInInfo .checkOut{ color: #4D6F93; font-size: 18px; margin-top: 30px;} .hltChkInInfo .checkIn span, .hltChkInInfo .checkOut span{display: block; color:#4092FB; margin-top:15px; font-weight:500; font-size:22px; position:relative; padding-left:20px} .hltChkInInfo [class*='icon-']:before{display:inline-block; margin-right:5px; font-size:16px; vertical-align:middle; position:absolute; top:3px; left:0} .hrAccCont { margin-top: 30px;} .noOfNights > elm { display: inline-block;} .revLine {background:#fff; border: 1px solid #CAD6E3; border-radius: 3px; color: #5b5b5b; left: 0; padding: 10px; position: relative; margin: 10px 0 15px; line-height: 20px; display:block} .revLine:before,.revLine:after{content:"";width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #BEBEBE; position:absolute; left:10px; top:-6px; z-index:2} .revLine:after{ top:-5px; z-index:3; border-bottom-color:#fff} .htlOverview .col-sm-4{padding-left:15px; padding-right:15px;} .panelHeading{color:#203152; font-size:26px; font-weight:400; margin-bottom:20px; text-transform: capitalize;} .hrPanel.ttRating .userRevList{max-height:inherit; overflow:inherit} .revPagination { margin: 20px 0; text-align: right;} .revPagination > a { color: #203152; display: inline-block; margin: 0 2px; padding: 5px 8px;} .revPagination > a:hover,.revPagination > a.active{color:#203152} .revPagination > a.prev,.revPagination > a.next{position:relative} .revPagination > a.prev{padding-left:30px;} .revPagination > a.next{padding-right:30px;} .revPagination > a.prev:before,.revPagination > a.next:before{content:""; position:absolute; top:12px; width:20px; height:1px; background:#CAD6E3; } .revPagination > a.prev:before{ left:0;} .revPagination > a.next:before{ right:0;} .revPagination > a.prev:after,.revPagination > a.next:after{content:""; position:absolute; top:8px; width:8px; height:8px; border:1px solid #CAD6E3; border-top:none; } .revPagination > a.prev:after{border-right:none; left:0; transform:rotate(44deg);} .revPagination > a.next:after{border-left:none; right:0; transform:rotate(-44deg);} .htlFilterBar { display: block; background:#f7f8fc; border-top:2px solid #CAD6E3; padding:15px 25px;} .htlFilterBar > li { color: #2b3b5a; display: inline-block; font-weight: 400; margin-right: 10px; font-size: 14px;} .htlFilterBar > li a { background: #fff; border: 1px solid #CAD6E3; border-radius: 3px; font-weight: 400; padding:0 10px;vertical-align: middle; transition:all .5s ease;text-transform: capitalize; line-height:28px; font-size:12px; display:inline-block; color:#265898} .reviewPage.hotel .headTXt .alert-warning{margin-top:15px; margin-bottom:0; float: left; width:100%} .htlFilterBar > li a:hover,.htlFilterBar > li.active a{ border-color:#FEC524; color:#203152} .htlRevNavCont .hrPanel{margin-bottom:0;} .htlRevNav > li{display:inline-block; position:relative; font-size:16px; margin:0 20px;} .htlRevNav > li a{display:inline-block; color:#203152; padding:20px 5px; text-transform: capitalize; transition:all .2s ease; font-weight:500} .htlRevNav > li a:hover,.htlRevNav > li.active a{ color:#4092FB;} .htlRevNav > li.active a{ font-weight:500} .htlRevNav > li a:before,.htlRevNav > li a:before{content:""; width:0; height:6px; border-radius:3px; position:absolute; bottom:0; left:0; background:#FEC524; transition:all .2s ease} .htlRevNav > li a:hover:before,.htlRevNav > li.active a:before{width:100%} .hltFtrInfo h6{margin:25px 0 20px;} .hltFtrInfo .col-sm-8{width:74.667%} .hltFtrInfo .checkIn, .hltFtrInfo .checkOut{ color:#4D6F93; font-size:18px; margin-top:25px;width:15%} .hltChkInInfo .checkIn, .hltChkInInfo .checkOut{ color: #203152;} .hltChkInInfo span{display: block; color:#4092FB; margin-top:5px;} .hltFtrInfo .checkIn span, .hltFtrInfo .checkOut span{display: block; color:#203152; margin-top:15px; font-weight:500; font-size:22px;} .hrp-highlights > li{margin-right:15px; text-align:center;min-width: 60px;} .hrp-highlights > li span { display: block; margin-right:0} .hrp-highlights > li .title{margin-top:5px; font-size:12px; color: #4D6F93} .htlMdfyTxt > strong, .htlrmsPanel >.rmsOvflow > strong{margin: 0 0 15px; font-weight: 600; color: #203152; font-size: 16px; display: block;} .htlMdfyTxt > p { color: #4D6F93; } .modifySearchDiv .nofNights { position: relative; } .modifySearchDiv .nofNights span[class^="icon-"] { font-size: 20px; left: 8px; position: absolute; top: 25px; color: #203152;} .availableRooms .fFields > .dateField{width:20%} .availableRooms .fFields > .nofNights{width:15%} .availableRooms .fFields > .dateField > label, .availableRooms .fFields > .custom-traveller > label, .availableRooms .fFields > .nofNights > label, .availableRooms .fFields > .mSearch > label{display: none;} .availableRooms .fFields > .nofNights > label{overflow:hidden; text-indent:-9999px;} .availableRooms .fFields > .nofNights > .form-control{ cursor:not-allowed!important;} .availableRooms .fFields > .custom-traveller{width:28%} .availableRooms .fFields > .custom-traveller .custom-select-v3:before{line-height:50px; height:50px} .roomType .offList{padding-left:10px; padding-right:10px} .roomType .offList li span.breakfast { font-weight: 500;} .inclusionsCT span { display: block; font-size: 12px; margin-bottom: 5px; color: #999; line-height: normal; padding-left: 10px; position: relative;} .inclusionsCT span:before { display: inline-block; content: ""; background: #999; width: 4px; height: 4px; border-radius: 50%; margin-right: 5px; vertical-align: middle; position: absolute; top: 5px; left: 0;} .rvSecCol .priceSec span,.rvSecCol .priceSec .btn{margin-left:10px; margin-right:10px;} .fixHtlInfo{display:none} .hrTabPanel.pFixed { left: 0; position: fixed; background:none; top: -1px; width: 100%; z-index: 99; border:0; margin-top: 0;box-shadow: none; } .hrTabPanel.pFixed .htlNavBlock {padding-top: 0; background: #fff; box-shadow: 0 3px 7px -1px #CAD6E3; margin: 0 auto; max-width: 1180px; width: 100%; border:1px solid #CAD6E3 } .hrTabPanel.pFixed .htlRevNav > li a{padding:15px 5px 20px;} .fixHtlInfo {display: none; padding: 15px 25px; border-bottom:1px solid #CAD6E3} .fixHtlInfo > h5 { display: inline-block; margin-right:10px; vertical-align: middle; font-size: 22px; color: #203152} .fixHtlInfo .stars{ vertical-align: middle} .hRnearByHotel .rateByName { font-size:12px; margin:15px 0 0} .hRnearByHotel .rateByName .rateCount { color: #fff; padding: 5px; font-size:10px; margin-right:5px; border-radius:3px; line-height:12px;} .hRnearByHotel .rateByName strong { font-size:16px;} .hRnearByHotel.noRooms {margin-bottom:30px;} .rEminities span:last-child { padding-right: 40px; position: relative;} .rEminities span:last-child:before{content:"";color: #4D6F93;font-size: 20px;right: 3px;top: -4px;position:absolute;} .rEminities.roomSize span:last-child:before {font-size: 20px; transform: rotate(-40deg);} .rEminities span{display:inline-block; color: #203152} .rEminities span:first-child{color: #4D6F93; margin-right:10px;} .fcReview ._dynamicPayBtn .buttons.col-lg-9.col-md-9 ,.fcReview .review-terms.col-md-9,.fcReview #review-terms .buttons.col-md-9{ width: 100%;} .fcReview .review-terms.col-md-9,.fcReview #review-terms .buttons.col-md-9{ padding-right:0; padding-left:0} .discRestricted {cursor: not-allowed;position: absolute;left: 0;top: 0;padding: 50px;background: #fff;width: 100%;height: 100%;font-size: 16px;text-align: center;} .discRestricted p{bottom: 0; height: 95px; left: 0; margin: auto; position: absolute; right: 0; top: 0;} .discRestricted p::before {color: #73a7df;display: block;font-size: 50px;margin-bottom: 15px;background-image: url(../img/sprite.png);background-repeat: no-repeat;background-position: -175px -309px;width: 40px;margin: 0 auto;background-size: 361PX;content: " ";height: 55px;} .rooms-info .validate_error_message { margin: 15px; text-align:center; font-size:14px; text-align:center; border:none!important} .rooms-info .validate_error_message span{display:block; position:static; margin-bottom:5px;} .brdRL .hrp-highlights .tt { margin: 0 15px 5px 0; color:rgba(119, 153, 190, .3);} .brdRL .hrp-highlights span[class^="icon-"] { font-size: 14px;} .brdRL .hrp-highlights .tt.active { color:#02AE79} .msdp.hotel-review .custom-traveller{ position: relative} .msdp.hotel-review .optWidget { z-index:10;} .selectRoomsOptions._selectRooms.active:before, .selectRoomsOptions._selectRooms.active:after{z-index:11} .availableRooms .fFields > .custom-traveller .optWidget .custom-select-v3::before{ line-height:35px;} .msdp.hotel-review .RoomsBlock label { display: inline-block; margin-right: 20px; font-size: 14px !important; font-weight: 500;} .msdp.hotel-review .RoomsBlock .selectRooms { display: inline-block;} .msdp.hotel-review .adult, .msdp.hotel-review .child { width: 30%;} .msdp.hotel-review .childAge{width:18%; margin-right:5px} .msdp.hotel-review .specifyChild.specifyAge { margin: 0 !important; } .roomContainer._htlroomcontainer:not(:last-child) { border-bottom: 1px solid #CAD6E3; padding-bottom: 10px;} .revHtlMap{max-height:280px; overflow: hidden; text-align: center; background:#F7F8FC; position: relative;border: 1px solid #CAD6E3; border-radius: 5px;} .revHtlMap > a{display:block} .revHtlMap .mapTxt{background:rgba(32, 49, 82, .9); padding:7px 10px; color:#fff; position: absolute; display:inline-block; right:10px; bottom:10px; font-size:12px; transition: all .5s ease; border-radius:2px;} .revHtlMap :hover .mapTxt{background:rgba(0,0,0,.8);} .revHtlMap img{max-width:100%} .trnsPop h3{margin-bottom: 15px;} .trnsPop ul li{padding: 4px 0; display: block; line-height: 20px;} .trnsPop .alert-info{padding: 10px;margin-top: 20px;} .trnsPop strong{color: #203152} .trnsPop .modal-dialog{width: 640px;padding: 25px;} .hotelInfo .htlDsc > h3{margin-bottom: 10px;} .hotelInfo .htlDsc > h5{margin:0; padding:0;text-transform: capitalize;} .hotelInfo .htlDsc h5 span{color:#7e8c8f;} .hotelInfo .htlDsc ul{margin:15px 0px 25px;} .hotelInfo .htlDsc li{color: #4D6F93; margin-bottom:15px; display:block; font-size: 16px;text-transform: capitalize;position: relative; padding-left: 20px;} .hotelInfo .htlDsc li:before, .hotelInfo .fphInclus li:before{font-size: 14px; color: #203152; margin-right: 10px; display: inline-block;} .trnsPop .modal-dialog{width: 640px;padding: 25px;} .opc.flightTravel .offerToSignUp {margin-top: 0;} .offerToSignUp h4 {margin: 0; padding: 0 0 0 55px;position: relative;width: 80%;} .offerToSignUp h4:before { background: #194e91;border-radius: 50%;color: #fff;font-size: 18px;font-weight: bold;width: 40px;height: 40px;left: 0;line-height: 40px;text-align: center;position: absolute;} .offerToSignUpSubTxt {display: flex;color: #02AE79;font-size: 14px;} .offerToSignUp .enroll-cont { width: calc(100% - 80%);text-align: right;margin-top: 10px;} #loyaltyEnrollPop .modal-dialog {padding: 15px;} #loyaltyEnrollPop .enroll button {margin: 30px 0 0;} #loyaltyEnrollPop button.close {z-index: 99;} .maxOccupancy .icon-occupancy, .rFpriceInfo .firstInfo span{font-size:14px;} .maxOccupancy .icon-occupancy.child{margin-right:0; font-size:10px} .message.more-times, .message.lesstimes {background: #ececec;display: block;left: -9px;padding: 6px;position: relative; text-align: center;width: 103%;z-index: 9;position:relative; border-top: 1px solid #CAD6E3;} .message.more-times:hover, .message.lesstimes:hover{background:#CAD6E3;-webkit-transition: all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;transition: all 0.3s ease 0s;} .message.more-times:after {margin-left: 5px;transition:all 0.5s;position: relative;top: 1px;font-size: 11px;} .message.lesstimes:after {display: inline-block;transform:rotate(180deg);margin-left: 5px;position: relative;top: 1px;font-size: 11px;} .message.more-times:before, .message.lesstimes:before{content:''; position:absolute; height:1px; width:70px;background:#4092FB; bottom: 5px;} .listMor{margin:10px 10px 10px 20px; text-decoration:underline !important;} .listMor:hover{text-decoration:none !important;} .listMor{display:none;} .listMor.less-times, .listMor.more-times{display:block;} .optBy.tooltipCustom .tooltipCustomCont{left: -106px;bottom: 39px;} /*Social Share */ .socialShare { display: inline-block;} .socialShare li { float: left;} .socialShare li a { color: #fff; padding: 0; border-radius: 50%; font-size: 20px; margin-right: 15px; cursor: pointer; width: 40px; height: 40px; display: inline-block; position: relative;transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s; text-align: center; line-height: 40px;} .socialShare li a:hover {opacity:0.7; margin-top:-5px;} .socialShare li a.facebook {background-color:#203152;} .socialShare li a.twitter {background-color: #09adeb;} .socialShare li a.google-plus{background: #f72f1a;} .socialShare li a.whatsapp {color: #56c143; font-size: 38px; position: relative; top:0px;} .socialShare li:last-child a {margin-right: 0; } .steps{border-bottom: 2px solid rgba(202,204,227,0.43); padding: 0 0 16px;margin-bottom: 30px;font-weight: 400;} .summarySec .fareRules strong.frTitl{font-weight:bold;font-size: 14px;} .tarData h5 + span{line-height:18px;} .htlRmgPop > .modal-dialog{padding:0; min-height:100px; background:transparent; border:none;} .htlRmgPop .modal-content{ background:transparent;} .htlRmgPop > .modal-dialog img{height:100%;} .htlRmgPop .owl-wrapper-outer{margin-top:0} .htlRmgPop .owl-carousel .owl-item{padding:0} .htlRmgPop .owl-carousel .owl-item .item{ border:10px solid #fff; background:#eee; overflow:hidden; height:500px; text-align:center} .htlRmgPop .owl-theme .owl-controls{left:0; width:100%} .htlRmgPop .carousel-control{background:none; text-shadow: none; width: 15%; top: 50%;} .htlRmgPop .owl-theme .owl-controls .owl-buttons div span{ color:#fff; font-size:25px; background:rgba(0,0,0,.7); width:50px; height:50px; line-height:50px; border-radius:50%; display:inline-block; text-align:center} .htlRmgPop .owl-theme .owl-controls .owl-buttons div span [class*="icon-"]{background:rgba(0,0,0,1); margin-right:0} .htlRmgPop .owl-theme .owl-controls .owl-buttons div.owl-prev{left:-20px;} .htlRmgPop .owl-theme .owl-controls .owl-buttons div.owl-next{right:-20px;} .htlRmgPop .item .b-lazy.b-error{ background: #f7f7f7 url(../img/no-image-small.png) no-repeat center center; display: block; font-size: 0; height: 220px; opacity: 1;color: #f7f7f7;} .info-plus{border-top: 1px solid #CAD6E3;margin-top: 15px;} .info-plus .travlrTit{font-size:16px;margin: 25px 0 20px 10px;} .pasngrDetails .add-more-info{display: block;clear: both;font-size: 16px;padding: 0 10px 15px;font-weight: 500;} /* APPLE PAY BUTTON CSS */ .resTabPanel ._applePayButton .tarLink > span,.resTabPanel ._applePaySetupButton .tarLink > span {background: transparent;box-shadow: none;padding: 0;border: none;border-radius: 0;} .resTabPanel ._applePayButton .tarLink:before,.resTabPanel ._applePaySetupButton .tarLink:before{ display: none} @supports (-webkit-appearance: -apple-pay-button) { .apple-pay-button-with-text { display: inline-block; -webkit-appearance: -apple-pay-button; -apple-pay-button-type: buy; } .apple-pay-button-with-text > * { display: none; } .apple-pay-button-black-with-text { -apple-pay-button-style: black; } .apple-pay-button-white-with-text { -apple-pay-button-style: white; } .apple-pay-button-white-with-line-with-text { -apple-pay-button-style: white-outline; } } @supports not (-webkit-appearance: -apple-pay-button) { .apple-pay-button-with-text { --apple-pay-scale: 1; /* (height / 32) */ display: inline-flex; justify-content: center; font-size: 16px; border-radius: 5px; padding: 0px; box-sizing: border-box; min-width: 200px; min-height: 32px; max-height: 64px; font-weight: 500; padding: 20px; text-align:center } .apple-pay-button-black-with-text { background-color: black; color: white; } .apple-pay-button-white-with-text { background-color: white; color: black; } .apple-pay-button-white-with-line-with-text { background-color: white; color: black; border: .5px solid black; } .apple-pay-button-with-text.apple-pay-button-black-with-text > .logo { background-image: -webkit-named-image(apple-pay-logo-white); background-color: black; } .apple-pay-button-with-text.apple-pay-button-white-with-text > .logo { background-image: -webkit-named-image(apple-pay-logo-black); background-color: white; } .apple-pay-button-with-text.apple-pay-button-white-with-line-with-text > .logo { background-image: -webkit-named-image(apple-pay-logo-black); background-color: white; } .apple-pay-button-with-text > .text { font-family: -apple-system; font-size: calc(1em * var(--apple-pay-scale)); font-weight: 300; align-self: center; margin-right: calc(2px * var(--apple-pay-scale)); } .apple-pay-button-with-text > .logo { width: calc(35px * var(--scale)); height: 100%; background-size: 100% 60%; background-repeat: no-repeat; background-position: 0 50%; margin-left: calc(2px * var(--apple-pay-scale)); border: none; } } /* Apple Pay Button Set Up CSS */ .apple-pay-set-up-button { display: inline-block; -webkit-appearance: -apple-pay-button; -apple-pay-button-type: set-up; } .apple-pay-set-up-button-black { -apple-pay-button-style: black; } .apple-pay-set-up-button-white { -apple-pay-button-style: white; } .apple-pay-setup-button-white-with-line { -apple-pay-button-style: white-outline; } ._applePayButton .apple-pay-button-black-with-text{ width:100%; height:40px} .apple-pay-button-black-with-text,.apple-pay-set-up-button{ cursor: pointer} /* Hide Apply Coupon Tab on Packages **/ /* .package .acTab {display: none !important;} */ .servise-fee{border-top:1px solid #CAD6E3;} .revProduct{display: none;} .reviewPage .htlNavBlock{padding-top:20px; } .cpTable{min-width:350px} .rvCancel .tooltipCustomCont strong{font-weight:400} .htlPolicies.htlTabPos .hrPanel { min-height: 420px;} #activitiesPayment{display: flex;justify-content: flex-end;} .gDomain .whatsapp{display:block;} .hotelServiceList li:before { font-size: 12px; left: 7px; content: "\e92f"; font-family: icomoon !important; top: 3px; } .whatsapp{display:none !important;} .bundle-bundleFareCard { border: 1px solid #e8e9f3; padding: 15px; margin: 10px 30px 30px 30px; border-radius: 5px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.5) } .features-container { display: flex; justify-content: space-between; gap: 20px; } .feature-column { width: 48%; } .feature-left { padding-right: 10px; border-right: 1px solid #e8e9f3; } .feature-right { padding-left: 10px; } .feature-list { list-style: none; margin: 0; padding: 0; } .feature-list p{ font-size: 12px; margin: 0px; line-height:1.8; } .feature-item { margin: 5px 0; display: flex; align-items: center; } .feature-item img { width: 15px; height: 15px; margin-right: 10px; } .bundle-div-icons { width:100% !important; margin-right:0px 10px !important; } .info-icon { position: relative; display: inline-block; cursor: pointer; margin-left: 5px; color: #4d6f93; } /* Tooltip hidden by default */ .tooltip-text { visibility: hidden; width: 320px; background-color: #4d6f93; color: #fff; text-align: center; border-radius: 5px; padding: 5px; position: absolute; z-index: 1; bottom: 100%; /* Position the tooltip above the icon */ left: 50%; transform: translateX(-50%); opacity: 0; transition: opacity 0.3s; } /* Tooltip arrow */ .tooltip-text::after { content: ''; position: absolute; top: 100%; /* Arrow will appear at the bottom of the tooltip */ left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #4d6f93 transparent transparent transparent; } /* Show the tooltip on hover */ .info-icon:hover .tooltip-text { visibility: visible; opacity: 1; }