/*------------b2c rooms-----------*/
.rooms-b2c .rmHeader {flex-wrap: wrap;}
.rooms-b2c .headerType2.hotelroomlist-td .rmHeader__item {display: inline-block !important; float: none;flex: inherit;padding: 10px 10px;}
.rooms-b2c .headerType2.hotelroomlist-td .rmHeader__item:first-child {width:23.5%;}
.rooms-b2c .headerType2.hotelroomlist-td .rmHeader__item:nth-child(2) {width:9%;}
.rooms-b2c .headerType2.hotelroomlist-td .rmHeader__item:nth-child(3) {width:12%;}
.rooms-b2c .headerType2.hotelroomlist-td .rmHeader__item:nth-child(4) {width:29%;}
.rooms-b2c .headerType2.hotelroomlist-td .rmHeader__item:nth-child(5) {width:12.6%;}
.dflex { display:flex;}
.dflex-wrap { display:flex; flex-wrap:wrap;}
.rooms-b2c .rmSelect__card--wrapRow {border-bottom: solid 5px #e6e6e6;}


.hoteldetail-b2c-col { padding: 10px; border-right: 1px solid #ddd;}
.hoteldetail-b2c-section {border-bottom: 1px solid #ddd;}
.hoteldetail-b2c-sleeps { width:17%;}
.hoteldetail-b2c-pricenights { width: 23%;}
.hoteldetail-b2c-pricenights p { font-size: 12px; font-weight: 300; line-height: normal; margin-bottom: 10px;}
.hoteldetail-b2c-pricenights span.dealdiv { background: #338ef9; color: #fff; padding: 0 6px;font-size: 13px;}
.hoteldetail-b2c-yourchoices { width:50%;}
.hoteldetail-b2c-yourchoices li { list-style: none; line-height: normal;font-size: 13px;font-size: 13px; margin-bottom: 6px;font-weight: 300; width:100%;}
.hoteldetail-b2c-yourchoices li .tooltipnew .tooltiptext {max-width: 500px; min-width: 500px;}
li.breakfastdinner,
li.breakfast-fab { /*--color: #3c950a;font-weight: 500;--*/}
li.non-refund,
li.breakfast-fab strong {}

.hoteldetail-b2c-amountcol { width:33%;}
.hoteldetail-b2c-amountcol .rmSelect__card--rowRight {border-radius: 0;background: none;}
.hoteldetail-b2c-amountcol select.addroom {width: 70%;}  
  
.tooltipnew { float: none;position: relative; display: inline-block; margin-left:5px;}
.tooltipnew .tooltiptext {visibility: hidden; width:100%; background-color: #000;opacity: .9; color: #fff; border-radius: 6px; padding:10px; text-align: left; font-size: 12px; position: absolute; margin-left: 0; min-height: auto; max-height: none; /*transform: translate(-50%,-100%);*/left: 17px;top:-54px; z-index: 99;  line-height: 20px;text-transform: none;max-width: 500px; min-width: 180px;}
.tooltipnew:hover .tooltiptext { visibility: visible;}
.tooltipnew .tooltiptext::after {content: ""; position: absolute; top:60px; left:-5px; border-width: 5px; border-style: solid; border-color: transparent #000 transparent transparent; transform: translate(-50%,0%);}
  
.rooms-b2c .analyseadd .rmSelect__card--reviewbtn { font-size: 14px; margin: 0px auto 0; padding: 8px 15px; font-weight: 500;}  

/*-------------*/

.b2c-addprevie-btn-old { text-align: center;}
.b2c-addprevie-btn-old span {}
.b2c-addprevie-btn-old span button {font-size: 15px !important; font-weight: 600 !important; padding: 6px 15px !important;  width: auto; display: inline-block; margin:10px 0 0 !important;}



/*------------b2c rooms new-----------*/
.editdetail .rooms-b2c-new .rmHeader {flex-wrap: wrap;background: #163562; border: solid 1px #BCBCBC;top: -20px!important;}
.rooms-b2c-new .rmHeader__item span,
.rooms-b2c-new .rmHeader__item .hdr .rmTypeDropDown__heading { color: #fff; font-weight: 600; font-size: 13px;}

.rooms-b2c-new .headerType2.hotelroomlist-td .rmHeader__item {display: inline-block !important; float: none;flex: inherit;padding:15px 15px;}
.rooms-b2c-new .headerType2.hotelroomlist-td .rmHeader__item:first-child {width:30%;border-right: solid 1px #132e55;}
.rooms-b2c-new .headerType2.hotelroomlist-td .rmHeader__item:nth-child(2) {width:9%;}
.rooms-b2c-new .headerType2.hotelroomlist-td .rmHeader__item:nth-child(3) {width:26%; border-right: solid 1px #132e55;}
.rooms-b2c-new .headerType2.hotelroomlist-td .rmHeader__item:nth-child(4) {width:11%; border-right: solid 1px #132e55;}
.rooms-b2c-new .headerType2.hotelroomlist-td .rmHeader__item:nth-child(5) {width:19%; border-right: solid 1px #132e55;}
.rooms-b2c-new .headerType2.hotelroomlist-td .rmHeader__item:nth-child(6) {width:14%; border-right: solid 1px #132e55;}

.dflex { display:flex;}
.dflex-wrap { display:flex; flex-wrap:wrap;}

.roomviewcol,
.bedtypecol,
.checkincol,
.checkoutcol,
.roomsizecol,
.nonsmokingcol,
.leavingroom,
.roomsofa { position:relative;}


.roomviewcol::before{height: 21px;width: 23px;content: "";position: absolute;left: -2px;top:2px;background: url(../../images/cityview.png) center center no-repeat;background-size: 100%;}
.bedtypecol::before{height: 21px;width: 23px;content: "";position: absolute;left: -2px;top:2px;background: url(../../images/bedtype.png) center center no-repeat;background-size: 100%;}
.checkincol::before{height: 21px;width: 23px;content: "";position: absolute;left: -2px;top:2px;background: url(../../images/checkin.png) center center no-repeat;background-size: 100%;}
.checkoutcol::before{height: 21px;width: 23px;content: "";position: absolute;left: -2px;top:2px;background: url(../../images/checkout.png) center center no-repeat;background-size: 100%;}
.roomsizecol::before{height: 25px;width: 23px;content: "";position: absolute;left: -2px;top:0px;background: url(../../images/roomsize.png) center center no-repeat;background-size: 100%;}
.nonsmokingcol::before{height: 21px;width: 23px;content: "";position: absolute;left: -2px;top:2px;background: url(../../images/nonsmoking.png) center center no-repeat;background-size: 100%;}
.leavingroom::before{height: 22px;width: 25px;content: "";position: absolute;left: -2px;top:2px;background: url(../../images/living-room.png) center center no-repeat;background-size: 100%;}
.roomsofa::before{height: 21px;width: 23px;content: "";position: absolute;left: -2px;top:2px;background: url(../../images/sofaroom.png) center center no-repeat;background-size: 100%;}



.rooms-b2c-new .rmSelect__card--wrapRow {border-left: solid 1px #BCBCBC;border-bottom: solid 5px #EAE6E6;}
.rooms-b2c-new .rmSelection #hotelroomlist .rmSelect__card--left {width:30%!important; position:relative;border-right: solid 1px #BCBCBC;padding: 10px;}
.rooms-b2c-new .rmSelection .rmSelect__card--left .rmSelect__card--left-section {position: sticky; position: -webkit-sticky; top:20px;}
.rooms-b2c-new .rmSelection .rmSelect__card--left .image-gallery img { border-radius: 6px;max-height: none; min-height: auto;}
.rooms-b2c-new .rmSelection .rmSelect__card--left .showMoreBtn {  width: 100%; height:100px;}
.editdetail #hotelroomlist .rmSelect__card--right {width: 70%; position: relative;}


.hoteldetail-b2c-new-col { padding: 10px; border-right: 1px solid #BCBCBC;}
.hoteldetail-b2c-new-section {border-bottom: 1px solid #BCBCBC;}
.hoteldetail-b2c-new-sleeps { width:17%;}
.hoteldetail-b2c-new-pricenights { width: 23%;}
.hoteldetail-b2c-new-pricenights p { font-size: 12px; font-weight: 300; line-height: normal; margin-bottom: 10px;}
.hoteldetail-b2c-new-pricenights span.dealdiv { background: #338ef9; color: #fff; padding: 0 6px;font-size: 13px;}
.hoteldetail-b2c-new-yourchoices { width:38%;}
.hoteldetail-b2c-new-yourchoices li p.non-refund-free-cancellation {color: #0662b9; font-weight: 300; padding-left: 16px; font-size: 13px;}
.hoteldetail-b2c-new-yourchoices li { list-style: none; line-height: normal;font-size: 12px;margin-bottom: 3px;font-weight:400; width:100%;color: #252525;}
.hoteldetail-b2c-new-yourchoices li i.fa-check {color:#42a813; float:left;position: relative; top: 3px; margin: 0 8px 0 0;}
.hoteldetail-b2c-new-yourchoices li i.fa-times {color:#FF0000;}
.hoteldetail-b2c-new-yourchoices li .tooltipnew .tooltiptext {max-width:205px; min-width:205px;background-color: #fff;opacity:1;padding: 10px 20px; color:#000!important; box-shadow:2px 2px 8px #ccc;}
.hoteldetail-b2c-new-yourchoices li .tooltipnew .tooltiptext ul{ width:95%; margin:0px 0px 0px 5%; }
.hoteldetail-b2c-new-yourchoices li .tooltipnew .tooltiptext li {color:#000!important; font-size:12px; text-align:left; list-style:outside;}
.hoteldetail-b2c-new-yourchoices li .tooltipnew i {color:#000!important;}
.rooms-b2c-new .analyseadd { margin:0;}

li.breakfastdinner,
li.breakfast-fab {}
li.non-refund,
li.breakfast-fab strong {}

.editdetail #hotelroomlist .rmSelect__card--left {width: 30% !important; padding:6px 6px 0;}
.hoteldetail-b2c-new-price { width:44%;padding: 10px 5px 10px 5px;border-right: 1px solid #BCBCBC; line-height: 18px;}
.hoteldetail-b2c-new-amountcol { width:62%;}
.hoteldetail-b2c-new-amountcol .rmSelect__card--rowRight {border-radius: 0;background: none;padding:0px;}
.adults-row { width:23.8%; padding: 10px 0 10px 10px; border-right: 1px solid #BCBCBC;}
.hoteldetail-b2c-new-dropdown { width:32%;padding: 0 10px;}


.b2c-pricecol {}
.b2c-pricecol p {font-size: 20px;font-weight: 500;}
.b2c-pricecol span {font-size: 12px;font-weight:400;color: #585555;}
.b2c-pricecol span.room-price-per-plan,
.b2c-pricecol span.traveller-count-per-plan {font-size:16px;font-weight: 500;color: #000;}
.b2c-price-select {}
.b2c-price-select select {font-size: 13px;font-weight: 400;border-radius: 3px;padding: 4px 7px;}
.b2c-addprevie-btn { text-align: center;}
.b2c-addprevie-btn span {}
.b2c-addprevie-btn span button {font-size: 12px !important; font-weight: 600 !important; padding: 6px 15px !important; background: #005eb8; color: #fff !important; width: auto; display: inline-block; margin:10px 0 0 !important;}
.b2c-addprevie-btn span.disables button {border: solid 1px #c7c7c7 !important;color: #919191 !important;}
 
 
.b2c-hotelname h2 {font-size: 16px; font-weight: 700;margin: 12px 0 0;}  
.b2c-roomdetail-btn { position: absolute;left: 10px; top: 10px; padding: 0;}
.b2c-roomdetail-btn p {background: #fff; padding: 1px 7px; margin: 0; border-radius: 25px;font-weight: 500;font-size: 12px;color: #5282f5;} 
.roomtype-view-section {  width: 100%; float: left; border-bottom: solid 1px #efefef; padding-bottom: 6px; margin-bottom: 10px;}
.bedtype-label { margin: 3px 0 0;}

.checkin-times { width:100%; float: left;}
.policy-btn-button { display: none;}

.roomtype-view-section { width: 100%; float: left; border-bottom: solid 1px #efefef; padding-bottom: 6px; margin-bottom: 10px;}
.roomtype-view-section:last-child { border:none!important;}
.occupancy .bedtype-label { margin: 3px 0 10px; padding: 0 !important;font-size: 17px;font-weight: 500;}
.occupancy .bedroom-label { padding: 0 !important;margin-right: 10px; margin-top: 3px;}
.sleeps-b2c.roomtype-view-section {}
.sleeps-b2c.roomtype-view-section ul {float: left; width: auto; list-style: none; margin-left: 5px;}
.sleeps-b2c.roomtype-view-section ul.childsleep-allow:hover .tooltiptext { visibility: visible;width: 195px;}
.sleeps-b2c.roomtype-view-section ul li { margin: 0 2px 0; width:auto;}
.sleeps-b2c.roomtype-view-section ul li i {  font-size: 21px; color:#000;}
.sleeps-b2c.roomtype-view-section ul li i.fa-child { font-size:16px;margin: 5px 0 0;}
.sleeps-b2c.roomtype-view-section ul.childsleep-allow .tooltip .tooltiptext {z-index: 99999;left: 50%;margin-left: 0;top: 50% !important; min-height: auto;
  max-height: none; padding: 10px; transform: translate(-54%,-110%);}
.sleeps-b2c.roomtype-view-section ul.childsleep-allow .tooltip .tooltiptext .tooltiptext-inner { overflow:auto;min-height: 120px; max-height: 160px;}
.sleeps-b2c.roomtype-view-section ul.childsleep-allow .tooltip .tooltiptext ul { margin:0;}
.sleeps-b2c.roomtype-view-section ul.childsleep-allow .tooltip .tooltiptext ul li {margin: 0 !important; font-size: 12px; list-style: inside;}
.sleeps-b2c.roomtype-view-section ul.childsleep-allow .tooltip .tooltiptext b {font-size: 13px; margin-bottom: 8px; font-weight: 600; border-bottom: solid 1px #ddd; width: 100%; float: left; padding-bottom: 3px;}
.sleeps-b2c.roomtype-view-section ul.childsleep-allow .tooltip .tooltiptext::after {content: ""; position: absolute; left: 50%; border-width: 5px; border-style: solid; border-color: #c1c1c1 transparent transparent; top: 100%; transform: translate(-50%,0%);}

.rooms-b2c-new .b2c-roomdetail-col {width: 100%!important; border: none !important; padding: 0px 0px 0px 26px !important; border-radius: 5px; margin-right: 0px; margin-bottom: 2px; min-height: auto;line-height: 25px;} 
.rooms-b2c-new .b2c-roomdetail-col span {width: auto; font-weight: 300;}
.rooms-b2c-new .b2c-roomdetail-col span.fontBold {font-weight: 500;margin-right: 4px;}
  
.row.room-type-amount-container {width: 100%; margin: 0 0 0px; padding:0px;} 
.row.room-type-amount-container:last-child {border-bottom:none;}
.rooms-b2c-new .rmSelect__card--rightCol {background-color: #f5fbfa; padding: 20px; width: 290px; border-right: solid 1px #C4C4C4; border-bottom: solid 1px #C4C4C4;}  
.new-room-plan-row { border-bottom: solid 5px #e6e6e6;}
.new-room-plan-row:last-child {border-bottom:none;}


/*-----Combo--------*/

.rooms-b2c-new.rooms-b2c-new-combo .headerType2.hotelroomlist-td .rmHeader__item {width:100%;border-right: none;}
.rooms-b2c-new.rooms-b2c-new-combo .rmHeader__item .hdr .rmTypeDropDown__heading {color: #fff;font-weight: 600; font-size:20px;}
.rooms-b2c-new.rooms-b2c-new-combo .rmHeader__item .hdr span { color: #fff; font-weight:400; font-size: 17px;}

.rooms-b2c-new.rooms-b2c-new-combo .rmSelection .rmSelect__card--left .combo-details h2 {font-size: 20px; font-weight: 600;margin: 0px 0 10px;}
.rooms-b2c-new.rooms-b2c-new-combo .rmSelection .rmSelect__card--left .combo-details ul { list-style:none;}
.rooms-b2c-new.rooms-b2c-new-combo .rmSelection .rmSelect__card--left .combo-details ul li {width: auto !important;border-bottom: solid 1px #d5d3d3 !important; padding: 3px 0px !important; border-radius: 0; margin-right: 15px; margin-bottom: 6px; font-size: 14px;}
.rooms-b2c-new.rooms-b2c-new-combo .rmSelection .rmSelect__card--left .combo-details ul li strong {font-weight: 600;}
.rooms-b2c-new.rooms-b2c-new-combo .hoteldetail-b2c-new-yourchoices h2 {font-size: 16px;  margin: 0 0 10px;}
.rooms-b2c-new.rooms-b2c-new-combo .hoteldetail-b2c-new-yourchoices li.no-meals i {color: #ee7979;}
.rooms-b2c-new.rooms-b2c-new-combo .rmSelect__card--rightCol { display:none;}
.rooms-b2c-new.rooms-b2c-new-combo .rmSelect__card--left-combo {width: 100%;border-right: 1px solid #BCBCBC;border-bottom: 1px solid #BCBCBC;}
.rooms-b2c-new.rooms-b2c-new-combo .rmSelect__card--right {width: 30%;}
.rooms-b2c-new.rooms-b2c-new-combo .hoteldetail-b2c-new-amountcol { width: 100%;}
.rooms-b2c-new.rooms-b2c-new-combo .rmSelection .rmSelect__card--left {width: 55%;padding: 20px;} 
.rooms-b2c-new.rooms-b2c-new-combo .hoteldetail-b2c-new-yourchoices { width: 45%;padding: 20px;border: none;}
.rooms-b2c-new.rooms-b2c-new-combo .rmSelection .rmSelect__card--left .rmSelect__card--left-section { position: relative; top: 0px;}   
.rooms-b2c-new.rooms-b2c-new-combo .rmSelection .rmSelect__card--left .showMoreBtn { width:38%; height: auto; float: left; margin:10px 0 0;}
.rmSelect__card--left-combo-section { flex-wrap:wrap; width:70%;}
.rooms-b2c-new.rooms-b2c-new-combo .rmSelection .rmSelect__card--left .image-gallery img { border-radius: 6px; object-fit: cover; width: 155px; height: 115px; margin: 0;}
.rooms-b2c-new.rooms-b2c-new-combo .b2c-hotelname { width:60%;float: right}
.rooms-b2c-new.rooms-b2c-new-combo .b2c-hotelname h2 { font-size: 16px; font-weight: 600; margin: 12px 0 0;}
.rooms-b2c-new.rooms-b2c-new-combo .b2c-hoteldetail {width: 60%;float: right}
.rooms-b2c-new.rooms-b2c-new-combo .b2c-addprevie-btn { text-align: left;}
.rooms-b2c-new.rooms-b2c-new-combo .b2c-addprevie-btn .analyseadd{ text-align: left;}
.rooms-b2c-new.rooms-b2c-new-combo .b2c-addprevie-btn span button { font-size: 17px !important; font-weight: 600 !important; padding: 8px 25px !important;}
.rooms-b2c-new.rooms-b2c-new-combo .rmSelect__card--wrapRow { border-left: solid 1px #BCBCBC; border-bottom: none;}

.hoteldetail-b2c-new-childpolicy {position: relative; width: 100%; margin-bottom: 5px; padding: 3px 10px; border: none;}
.hoteldetail-b2c-new-childpolicy input{position:absolute;left:0;top:0;height:100%;width:100%;opacity:0;visibility:0}
.hoteldetail-b2c-new-childpolicy h3{background: none; color: #000; padding:0; position: relative; font-size: 18px; font-weight: 500; width: 100%;}
.hoteldetail-b2c-new-childpolicy label::before{height: 10px; width: 10px; content: ""; position: absolute; right:5px; top:2px; transition: .5s all; transform: rotate(45deg); border-right: 2px solid #000; border-bottom: 2px solid #000;}
.hoteldetail-b2c-new-childpolicy label{cursor:pointer;position:relative;display:flex;align-items:center;font-size: 15px;}
.hoteldetail-b2c-new-childpolicy div.p{max-height:0px;overflow:hidden;transition:max-height 0.5s;width:100%}
.hoteldetail-b2c-new-childpolicy div.p p{padding: 0 !important; margin: 3px 0 !important; font-size: 12px; line-height: normal;  color: #7b7b7b;}
.hoteldetail-b2c-new-childpolicy div.p ul {padding-left: 14px;}
.hoteldetail-b2c-new-childpolicy div.p ul li {padding: 0 !important; list-style: outside !important; line-height: normal; margin: 5px 0 !important;}
.hoteldetail-b2c-new-childpolicy input:checked ~ h3 label::before{transform: rotate(-135deg); top: 7px;}
.hoteldetail-b2c-new-childpolicy input:checked ~ h3 ~ div.p{max-height:500px}


.b2c-price-tooptip .tooltiptext { left: -405px;}
.b2c-price-tooptip:hover .tooltiptext { visibility: visible; z-index: 99; left: -405px; top: -68px; min-height: auto; padding: 7px 14px;}
.b2c-price-tooptip .tooltip .tooltiptext::after { content: ""; position: absolute; top: 60px; left: auto; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #ddd; right: -11px;}

@media (max-width: 767px){
	
.editdetail #hotelroomlist .rmSelect__card--left { width: 100% !important; padding: 6px 6px 0;}	
.itinerydetailcontainer { width: 100% !important;}
}