/*.hotelComLeftSection{ width:300px; margin-bottom:75px;}
.hotelComLeftSection span{ padding:7px 15px; border-bottom:dashed 1px #ccc; width:100%; font-size:14px;}
.hotelComrightSection{ width:calc(100% - 300px); border:solid 1px #ccc; overflow-x:scroll; height:100%; position:absolute; bottom:0px; right:0px; top:0px;}
.compareListBox{ width:100%;}
.compareTitleWrap, .compareHotel1Wrap, .compareHotelMeal1Wrap, .compareHotelStay1Wrap, .compareHotel2Wrap, .compareHotelMeal2Wrap, .compareHotelStay2Wrap, .compareTouristVisaWrap, .compareTravelInsuranceWrap, .compareApt2HotelTransWrap, .compareHotel2AptTransWrap, .compareIncTransWrap, .compareIncTransTypeWrap, .comparePriceBtnWrap{ display:flex; overflow:hidden;}
.compareListBox p{ padding:7px 15px; border-bottom:dashed 1px #ccc; border-right:solid 1px #ccc; width:100%; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.compareListBox p:nth-child(odd){ background:#f9f9f9;}
.compareListBox p:hover{ background:#eff6ff;}
.hotelComBlue{ background:#5a91db!important; color:#fff;}
.hotelComBlueLight { background: #e1ebf9 !important; color: #000;}
.font20{ font-size:20px!important;}

.hotelComTitle{ text-align:center; background:#fec209; width:100%;}
.hotelComTitle:nth-child(2){ background:#25d366;}
.hotelComTitle:nth-child(3){ background:#ff6d3f;}
.hotelComTitle:nth-child(4){ background:#5cc5bd;}

.hotelComTitle span{ background:#a27a00;}
.hotelComTitle:nth-child(2) span{ background:#009738;}
.hotelComTitle:nth-child(3) span{ background:#c23a10;}
.hotelComTitle:nth-child(4) span{ background:#2e8a83;}

.hotelCompareBG{ background:url(https://dev.bookmybooking.com/public/images/hotel-compare-bg.webp) 0 -200px/100% auto scroll no-repeat; min-height:300px; position:relative;}
.hotelCompareBG:before{ content:""; position:absolute; left:0px; right:0px; top:0px; bottom:0px; width:100%; height:100%; background:rgba(0,0,0,0.65);}
.boxShadow1{box-shadow:0px 0px 10px #ccc;}
.compareaddcart { text-align:center;}
.comparepackageremove,
 .packageBtn{float: none; background: #005EB8; border-radius: 5px; box-shadow: none; color: #fff; font-weight: 500; margin: 10px 0 4px; mix-blend-mode: normal; padding: 7px 14px; text-transform: capitalize; display: inline-block; font-size: 15px; border:none;font-family: 'Poppins',sans-serif;}

.comparepackageremove { background:#F00;}


@media (max-width: 767px){
.hotelComLeftSection{ width:175px;}
.hotelComrightSection{width:calc(100% - 175px);}
.hotelComLeftSection span, .compareListBox p{ font-size:12px;}
.compareListBox{ width:200px;}
.hotelCompareBG{background-size: auto 100%; min-height: auto; background-position: 0px;}
.packageBtn{ float:left; margin-left:20px;}
}

*/












.hotelComLeftSection{ width:300px; margin-bottom:75px;}
.hotelComLeftSection span{ padding:7px 15px; border-bottom:dashed 1px #ccc; width:100%; font-size:14px;}
.hotelComrightSection{ width:calc(100% - 300px); border:solid 1px #ccc; overflow-x:scroll; height:100%; position:absolute; bottom:0px; right:0px; top:0px;}
.compareListBox{ width:300px; border-right:solid 1px #ccc;}
.compareListBox p{ padding:7px 15px; border-bottom:dashed 1px #ccc; width:100%; font-size:14px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.compareListBox p:nth-child(odd){ background:#f9f9f9;}
.compareListBox p:hover{ background:#eff6ff;}
.hotelComBlue{ background:#5a91db!important; color:#fff;}
.hotelComBlueLight { background: #e1ebf9 !important; color: #000;}
.font20{ font-size:20px!important;}

.hotelComTitle{width:100%; text-align:center;}
.compareListBox .hotelComTitle{ background:#005eb8;text-align: left;padding:10px 5px; color:#fff;}
.hotelComTitle-main {background:#005eb8;text-align: left;padding:32px 12px; color:#fff;}
.hotelComTitle-main .title {font-size: 20px;font-weight: 500;padding: 8px 0 5px;position: relative;margin: 0 0 10px;}
.hotelComTitle .tourpackage {font-size: 17px;}
.hotelComTitle .comparetitle {font-size: 20px;font-weight: 500;padding: 8px 0 5px; position:relative;margin: 0 0 10px;}
.hotelComTitle .comparetitle::before { content: "";position: absolute; left: 0px; bottom: 0px; width: 49%; background: #FEBF0F; height: 2px;}
.hotelComTitle .compareduration {}

.compareprice { font-size:20px !important; color:#000;}

/*--.compareListBox:nth-child(2) .hotelComTitle{ background:#25d366;}
.compareListBox:nth-child(3) .hotelComTitle{ background:#ff6d3f;}
.compareListBox:nth-child(4) .hotelComTitle{ background:#5cc5bd;}--*/

/*--.compareListBox .hotelComTitle span{ background:#338df2;}
.compareListBox:nth-child(2) .hotelComTitle span{ background:#009738;}
.compareListBox:nth-child(3) .hotelComTitle span{ background:#c23a10;}
.compareListBox:nth-child(4) .hotelComTitle span{ background:#2e8a83;}--*/

.hotelCompareBG{ background:url(https://dev.bookmybooking.com/public/images/hotel-compare-bg.webp) 0 -200px/100% auto scroll no-repeat; min-height:300px; position:relative;}
.hotelCompareBG:before{ content:""; position:absolute; left:0px; right:0px; top:0px; bottom:0px; width:100%; height:100%; background:rgba(0,0,0,0.65);}
.boxShadow1{box-shadow:0px 0px 10px #ccc;}
.compareaddcart { text-align:center;}
.comparepackageremove,
 .packageBtn{float: none; background: #005EB8; border-radius: 5px; box-shadow: none; color: #fff; font-weight: 500; margin: 10px 0 4px; mix-blend-mode: normal; padding: 7px 14px; text-transform: capitalize; display: inline-block; font-size: 15px; border:none;font-family: 'Poppins',sans-serif;}

.activitiylist-compare  { margin-bottom:15px;}
.comparepackageremove { background:#F00;}
.activitiylist-compare .hotelComTitle-main {  padding: 10px 12px;}
.activitiylist-compare .hotelComTitle-main .title {font-size: 15px; margin:0;text-align: left; padding: 0;}
.activitiylist-compare .hotelComTitle .comparetitle { font-size: 14px;text-overflow: initial; white-space: normal;display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; padding: 0px 0 5px; text-align:center;margin: 0; line-height: 21px; height: auto; overflow: hidden;}
.activitiylist-compare .checkcircle-row { width:100%; text-align:center;}
.activitiylist-compare .hotelComTitle .comparetitle::before { content: ""; position: absolute; left: 50%; bottom: 0%; width: 49%; background: #FEBF0F; height: 2px; transform: translate(-50%,-50%);}
.hotelComLeftSection span input.activitychecked {margin: 3px 5px 0 0;}
.compareListBox li input.compare_package_data {margin: 3px 5px 0 0;}



@media (max-width: 767px){
.hotelComLeftSection{ width:175px;}
.hotelComrightSection{width:calc(100% - 175px);}
.hotelComLeftSection span, .compareListBox p{ font-size:12px;}
.compareListBox{ width:200px;}
.hotelCompareBG{background-size: auto 100%; min-height: auto; background-position: 0px;}
.packageBtn{ float:left; margin-left:20px;}


.activitycompare-pop-innerscroll .hotelComLeftSection{ width:175px;}
.activitycompare-pop-innerscroll .hotelComrightSection{width:calc(100% - 175px);}
.activitycompare-pop-innerscroll .hotelComLeftSection span, .compareListBox p{ font-size:12px;}
.activitycompare-pop-innerscroll .compareListBox{ width:200px;}
.activitycompare-pop h2 { font-size: 16px;}
.activitiylist-compare .hotelComTitle-main .title { font-size: 14px;}
.activitiylist-compare .checkcircle-row { text-align: left;}
.activitycompare-pop.showMoreWrap { max-width: 100%; width: 1000px;}
.tooltipnew.inclusion-exlusion-info span {font-weight: 400; font-size: 13px;}

}