ul, li, p{margin:0px; padding:0px;}
img{border:0px;}
a{text-decoration:none; outline:none;}
.fleft{float:left;}
.fright{float:right;}
.cls{ clear:both;}
.postition_r, .position-relative, .position_r{ position:relative;}
.position_a{position:absolute;}
.top-0{ top:0;}
.right-0{right:0;}
.margin-5-10{ margin:5px 10px;}
.mrnone {margin:0!important;}
.width-56p{width:56%;}

/* univershal css */
h1, h2{ margin:0; padding:0;}
input, select, .hotel_search_result input{padding:5px!important;}
.comon-btn, .small-btn{font-size:14px; text-decoration:none; border-radius:3px; -webkit-border-radius:3px; cursor:pointer; border:none; overflow:visible; margin-left:5px; margin-right:5px;}
.comon-btn{ padding:8px;}
.small-btn{ padding:5px;}

.reference .small-btn{ padding:1px 5px;  padding:1px 5px;}
.comon-btn:hover, .small-btn:hover{text-decoration:none;}
.btnright{float:right;}
input.small-btn, button.small-btn{*height: 25px; *line-height: 15px; *padding:4px 5px;}
.queue_error{width:100%; float:left; text-align:center;  padding:5px 0; font-size:10px;}
.error-msg{  padding:8px; font-size:12px; text-align:center; float:left; width:98.5%; margin:0 0 8px;}
.success-msg{padding:8px; font-size:14px; text-align:center; float:left; width:98.5%; margin:0 0 8px;}
.rightbox-error{float:left;  padding:5px 0; width:100%;}
/*=========End======*/
.width-98{ width:99.9%;}
.room_dtls{float:left; margin:10px 0;  width:100%;}
.room_dtls_hdr{  padding:10px;}
.room_dtls_cln{ float:left; width:98.5%; padding:5px 0 0 10px;  }
.bg_gry{ margin:0px 0px 0 -10px; padding:5px 0px 5px 10px;}
.mnot {display:none;}
/*style css*/
.menaAgencySearchpanel .row1{clear:both; padding:10px;}
.menaAgencySearchpanel .row1 label{padding-right:15px; font-weight:bold;}
.menaAgencySearchpanel .row1 input[type=text]{padding:2px;}
.menaAgencySearchpanel .agencyList{height:140px; overflow-x:hidden; overflow-y:scroll; clear:both; padding:5px; padding-bottom:17px;}
.menaAgencySearchpanel .row1 img.searchPop{ cursor:pointer; float:right; margin-top:-6px; margin-right:-6px;}
.hotels_box, .transfers_box{width:97.2%; padding:10px; float:left; margin-bottom:8px;}
.hotels_box{margin-top:8px;}
.transfers_box .hotels_box{margin-top: 8px; margin-bottom: 0;}
.trbo_price_span{ font-size:12px; font-weight:bold}
.trbo_priceChange_span { font-size:12px !important; }
#xpo_header{ width:100%; margin:0px; padding:0px; }
.xpht{height:100px;}
#xpo_header .logo{ float:left; margin:48px 20px 0; position:absolute;}
#xpo_header .logo > a.menalogo{ float:left; width:171px;}
#xpo_header>ul{width:100%; float:left;}
#xpo_header>ul>li{ float:left; padding:9px 0px 9px 3px;}
#xpo_header>ul>li>a, #xpo_header>ul>li b{font-weight:bold; padding:3px 5px;}
#xpo_header>ul>li>a{ text-decoration:none;}
#xpo_header>ul>li>a:hover{ text-decoration:underline;}
/* navigation start here */
.nav, .TripBx.tripQu select{ width:100%;}
.nav ul{ list-style:none;}
.nav ul li{ display:inline; padding:0 10px; line-height:36px;}
.nav ul li a{ font-weight:bold;}
.nav ul li a:hover ,.nav ul li a.selected{ }
/* navigation end here */
.login-wraper{overflow:hidden; margin-top:0px;   padding:5px; padding-bottom:10px;}
.left-container{ float:left; width:740px;}
.right-container{ float:right; width:235px;}
.find-it-fast{ clear:both;}
.margin-bot{ margin-bottom:10px;}
.our-top-hotel-inside{ margin-top:-5px; padding:5px 0;}
.our-top-hotel-inside p{padding:0 5px; line-height:16px; text-align:justify; margin-bottom:10px;}
.our-top-hotel-inside p b{ display:block; margin-bottom:10px; }
div.fcon{ float:left; width:98%; padding:5px;}
div.fcon label{ float:left; width:222px;}
div.fcon input{ float:left; width:150px;}
div.fcon .checkbox1{width:auto; vertical-align:sub; float:none;}
.our-top-hotel h1{font-size:16px; font-weight:bold; padding:4px; margin-bottom:10px;}
.top-hotels{ width:365px; float:left;}
.top-hotels h2{  font-size:12px; font-weight:bold; padding:4px; margin:5px 0 10px 0}
.rt-gap{ margin-right:7px;}
.agent-login{ padding:5px; height:237px; overflow:hidden;}
.agent-login h2{ font-size:19px; text-align:center;  margin:-5px 0px 15px -5px; width:203px; padding:5px 10px; }
.agent-name{float:left; width:98%; margin-bottom:9px;}
.signup{ margin-bottom:15px; padding-left:85px;}
.signup .register{ text-decoration:underline; display:block; padding-top:5px; }
.agent-name label{ float:left; width:83px;}
.agent-name input{ float:left; width:110px;}
.agent-name .login-btn{ border:none; background:none; padding:0; width:auto;}
.agentlist{left: 318px; top: 46px; display:none; width: 240px; z-index: 500; position: absolute; height: 182px; }
#menu{clear: both;float: left; width: 100%; }
.expo_no_of_rooms {float:left; width:100%; padding-top:5px;}
.height46 { height:46px;}
.height30 { height:27px;}

.hotel_search_details_row { float:left; width:100%;}
.search_row_d img.search_btn { margin-right:10px; float:right; cursor:pointer;}
.hotel_search_main { float:left; width:100%; margin:0px;}
.hotel_search_top {font-size:20px; height:49px; line-height:49px; padding:0 10px; margin-bottom:-1px;}
.hotel_search_top span {font-size:14px;}
.type_s{ float:left; width:130px !important;  padding:2px;}
.childsearch{  float:left; width:100%; margin-top:4px;}
.childdetail{  padding-bottom: 3px;}
.top-pading{ padding-top:22px;}
 /*Added by pankaj for Register Section*/
.register-head {float:left; width:97.3%; padding:10px 15px; font-size:17px;}
.register-head span { line-height:30px;}
.register-head span a { text-decoration:underline; padding-right:5px; line-height:30px;}
.register-head span a:hover { text-decoration:none; }
.main-container {width:98%; margin-bottom:8px; padding:10px;  float:left;}

.serviceicons {font-size: 19px; transform: translate(0,2px); cursor:pointer;}
.iconb {color: #1743c4;} /*Blue color css*/
.icono {color: #e6a100;} /*Orange color css*/
.icong {color: #09ce09;} /*Green color css*/
.disk { display: inline-block; margin-left: 15px;}
.disk::before { width: 11px; height: 11px; display: inline-block; background: red; border-radius: 8px; margin-inline-end: 3px; content: "";}
.dblue::before { background: #1743c4;}
.dorange::before {background: #e6a100;}
.dgreen::before {background: #09ce09;}
 
.create-agent-parent-new { float:left; width:100%;}
.box_l { width:49.5%; float:left;}
.box_r { width:49.5%; float:right;}
.box_l .rows-div, .box_r .rows-div { float:left; width:100%; margin-bottom:7px;}
.rows-div label{ float:left; width:32%; margin-right:10px; line-height:20px; font-weight:bold;}
.invoiceinpt {width:38%;}
select{*height:25px;}
.rows-div input.nrml{ float:left; width:50%; padding:8px;}
.rows-div select.nrml{ float:left; font-size:12px; width:52%; padding:8px;}
.rows-div label kbd{ }
.error{ width:63%; float:left;  font-size:11px;}
.error span { padding-right:7px;}
.email_msg{font-size:11px;  margin-top:5px; width:100%; float:left;}
.rows-div input[type="text"], .rows-div>select{padding:8px;}
.inpt-a{width:10%;}
.inpt-b{width:13%;}
.inpt-c{width: 18%; margin-left: 5px; float:left;}
.firstname, .width-30p{ width:30%;}
.lastname{width:15%;}
.new-resultpopup{ left: 30%; top:28%;}
.googlemap{ height:460px; width:805px; left:20%;top:10%;}
 
/*AllAgents*/

.allagentContainer{ width:100%; float:left;}
.allagentContainer .topContainer{clear:both;}
.allagentContainer .topContainer label{padding:2px; float:left;}
.allagentContainer .topContainer input{ padding:2px; float:left;}
.allagentContainer .topContainer select{padding:2px; float:left;}

* + html .box_l .rows-div em.radio tt {padding-top:3px; margin-left:-3px;}
.rows-div table { float:left; width:100px;}
.rows-div table td label, .rows-div table td input{ float:none!important;}
.modalShadow .rows-div table {width:100%!important;}
.rows-div table label { float:left; margin-left:5px; width:45px !important; }
.rows-div-1 table label {width:19px !important; }
.rows-div table input { float:left; margin-top:3px;}
* + html .rows-div table input { float:left; margin-top:0px; margin-left:-3px;}
.activate-button {cursor:pointer; border:0; width:74px; height:24px;}
.why-we-need { float:left; width:auto; margin-left:130px; font-size:11px; padding:5px 0 0 0;}

.i-agree { float:left; padding:7px 10px; width:98%;}
.i-agree input { float:left;}
.i-agree span.widthauto { float:left; width:12px !important;}
.i-agree em { margin-left:20px;}
.activate-button {cursor:pointer; border:0; width:67px; height:24px;}
.rows-div i { float:left; width:auto;}

.rows-div>ul { float:left; width:237px; }
.rows-div>ul li { float:left; width:95%; margin-bottom:4px;}
.rows-div>ul li input { float:left; margin-right:2px;}
.rows-div>ul li dfn { float:left; width:auto; margin-right:5px; line-height:140%;}

.manage-role-bg {width:946px;}
.width936 { width:936px;}
.corner-child-width  { width:406px !important;}
.corner-heading-content-width,.corner-child-content-width,.manager-user-checkbox-content-width {width: 400px !important;}
.box_l .rows-div label b, .box_r .rows-div label b { line-height:20px;}
.restrict_Booking .ShowSearchPop { float:left;}
.restrict_Booking label{ float:left; width:150px;}
.countryWrapper{ float:left; width:50%; padding:5px; word-wrap: break-word;}
#spnclear{    margin-right: 49px;     margin-top: -5px;}
.allagent{vertical-align:top; position: absolute;right: 20px;top:7px;  font-weight:bold; font-size:13px;  text-decoration:underline;}
.clearCountry{ float:left; width:260px; margin-left:149px; line-height:19px; font-size:11px; padding:5px; text-align:right;}
.rows-div label span a{font-size:11px; margin-left:3px;}
#RegularExpressionValidator5, #RegularExpressionValidator7{width:285px !important; float:right !important;}
.live_chat img{ width:83px; height:39px}
.mat_20m{margin-top:-20px;}

/*main page style*/
.redeem_point{width:720px; float:left; }
.redeem_point>p{margin:2px 0; font-size:14px;}
.redeem_point>p a{text-decoration:underline; font-size:11px; }
#xpo_header1{width:100%; margin:0px; padding:0px; overflow:hidden;}
#xpo_header1 .logo{ width:171px; /*margin-left:12px; margin-top:5px;*/ float:left;}
.right-bg{float:right; width:555px; min-height:65px; text-align:right; padding:5px 5px 0 0;}
.right-bg .top{ font-weight:bold; margin-top:10px;}
.right-bg .top dfn{ font-weight:bold; font-size:18px; font-style:normal; margin-right:15px;}
.right-bg .login{float:right; margin-top:60px;}
.login ul{display:block;}
.login ul li{list-style:none; display:inline; font-size:12px; }
.login ul li a{margin:0px 3px; }
.showmap{float:left !important;  padding:3px 0 !important;}
.showmap a{ font-size:11px; text-decoration:none!important;}
.showmap a:hover{text-decoration:underline !important;}
.hotel_data{ float: left; font-weight: bold; margin: 0; width: 100%; }
.pa_tb{padding:8px 5px;}
.inclusion{cursor:pointer;}
.inclusion .inclusion_details{display:none;}
.inclusion:hover .inclusion_details{display:block;}
.inclusion_details{ border-top:none; position:absolute;  left:332px; top:25px; width:191px;  padding:5px; margin:0 0 0 -1px;}
.inc_text{float:left; margin:0px 0 0 5px !important; font-size:12px; font-weight:normal;}
.width237{width:237px;}
.popup_close{float:right;}
.agent_list_box{width:934px; float:left; height:210px; padding:8px; overflow-y:auto; overflow-x:auto; word-wrap:break-word; line-height:17px; margin-top:10px; }
.pa_none{padding:0px !important;}
.result_notfound{width:420px; padding:3px; float:right; line-height:18px; }
/*----------icons style for home page header --------------*/
.mamut { *width:22%; padding-right:5px;}
.con_icon_box { float: right; width: 19%; margin: 15px 5px 3px 5px; position: absolute; right:0; }
.cancilation_icon a, .lowcurrency_icon a, .pnr_icon a, .pending_icon a,.announcement a,.specialRequest_icon a, .amandment_icon_m a, .no_hotel_source a{padding-right:5px; height:19px; width:24px; float:right; cursor:pointer;}
.no_hotel_source a{background-position:-2px -374px; text-decoration:none; position:relative; margin-right:3px;}
.specialRequest_alert{background-position:31px -36px; height: 17px; width:18px; position: absolute; font-size:11px; text-align:center; padding:3px 0 0;}
.specialRequest_alert_red{background-position: 0 -36px; height: 21px; position: absolute; margin-top: -19px; margin-left:0; width: 23px; font-size:11px; text-align:center; padding:2px 0;}
.pending_alert{background-position:31px -36px; height: 17px; width:18px; position: absolute; font-size:11px; text-align:center; padding:3px 0 0;}
.pending_alert_red{background-position: 0 -36px; height: 21px; position: absolute; margin-top: -19px; margin-left:0; width: 23px; font-size:11px; text-align:center; padding:2px 0;}
.cancilation_icon a{background-position:-2px -193px; }
.pending_icon a{background-position:0 -339px;}
.specialRequest_icon a{background-position:0 -261px; }
.lowcurrency_icon a{background-position:-2px -146px;}
.pnr_icon a{background-position:-2px -104px; position:relative; }
.announcement a{background-position:-2px -227px; text-decoration:none; margin-right:5px;}
.cancelation_alert{position:absolute; height:18px; width:18px; background-position:7px 3px;}
.con_icon_box div a > span{ position: absolute; margin-top:-12px; min-width:20px; font-size:9px; text-align:center; padding:2px 0 0 0;height:12px; box-shadow: 0 0 2px 0 #000; -webkit-box-shadow: 0 0 2px 0 #000; border-radius:2px; -webkit-border-radius:2px; }
.con_icon_box div a > span::after{ content:"  "; position: absolute;   border-bottom: 5px solid transparent;  border-right: 5px solid transparent; margin:12px 0 0 -6px;}
.currency_alert{position:absolute; height:18px; width:18px; background-position:3px -13px;}
.announcment_alert{background-position: 0 -36px; height: 21px; width: 23px; position: absolute; margin-top: -18px; font-size:11px; text-align:center; padding:2px 0;}
.amandment_icon_m a{background-position: -2px -299px;}
.lowcurrency_icon a span{padding-right: 5px;  height: 16px;  width: 20px; float: right; cursor: pointer; background-position:4px -15px;}

/*----------header section contact-us pop-up --------------*/
.cont_popup { width: 375px; position: absolute; z-index: 100; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; behavior: url(PIE.htc);top:108px;left:784px; }
.cont_popup h1 { font-size: 14px; float: left; width: 95%;  padding: 6px 8px; margin: 3px; }
.cont_popup p { float: left; width: 95%; padding: 3px 8px;  font-size: 12px; }
.cont_popup p span { margin: 5px 0; float: left;  font-weight: bold; }
.cont_popup p > span > code {  font-weight: bold; }
.cont_popup p > b { width: 125px; float: left; }
.contact_head{width: 99%; float:left;   padding:5px; font-size:13px; font-weight:bold;}
.contact_head .call{padding-left:35px;  float:left; height:34px;}
.cont_text{float:left;  margin:5px 0; width:99%;}
.faqbox { border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; margin-top: 5px; overflow: hidden; padding: 8px; width: 98.2%; float:left;}
.colorB{font-size:14px;  width:100%;}
.faqbox table{ border-collapse:collapse; margin-top:10px;}
.faqbox table tr td{ border-collapse:collapse; margin:-1px 0 0 -1px;}  
.ledger table, .ledger table tr td{ border-collapse:collapse;}
.ledger table tr td, .ledger table tr th{padding:0px 8px;  margin:-1px 0 0 -1px; }

/*Hotel Search Filter  i use prefix for it (fl)*/
.fl_left{float:left; width:225px;}
.fl_head, .fl_hotelimg,.fl_searchimg, .fl_search_btn, .price_short em, .star_short em, .search_cat b{float:left;}
.fl_head{width:225px; height:36px; background-position:-60px 0px;}
.fl_hotelimg{width:10px; height:32px; background-position:3px 1px;}
.fl_searchimg{width:10px; height:32px; background-position:-26px 1px;}
.fl_head b, .fl_head b{font-size:13px; padding:10px 0px; float:left; }
.fl_contener{float:left; width:95.6%;  padding:3px; }
.fl_search{padding:10px 4px 4px 6px;  float:left; width:96%;}
.fl_modisearch{ float:left; width:100%; padding:0 0 3px; }
span.desti, span.night, span.room, span.guest, span.hotels, span.star, .fl_mod_btn, .fl_flhead{margin-right:5px; float:left; height:15px; width:15px;}
span.desti{background-position:2px -43px;}
span.night{background-position:-12px -43px}
span.room{background-position:-31px -43px}
span.guest{background-position:-50px -43px}
span.hotels{background-position:-67px -43px}
span.star{background-position:-85px -43px}
.fl_search_btn{float:right; margin:3px 1px 0 0; width:93px; height:21px; background-position:-135px -40px;}
.fl_mod_btn{float:right; margin:3px 1px 0 0; width:55px; height:21px; background-position:-232px -40px;}
.fl_row{width:95%; float:left; margin:0 0 4px; padding:4px 5px;}
.flc_row{width:96.2%; float:left; padding:3px 5px;}
.flc_row label{width:86px; font-size:11px; float:left;  letter-spacing: -0.3px; padding-top: 8px;}
.flc_row code{ float:left;}
.flc_row code input, .cal_box{width:138px; font-size:11px;}
.flc_row code select{font-size:11px;}
.cal_box .calinput{border:none; background:none; width:119px; float:left; clear:right;}
.cal_box em{float:right; padding:2px; }
.width137{width:141px;}
.width68{width:68px;}
.fllink{float:right; margin-right:8px;  font-size:12px;}
.fllink:hover{text-decoration:none;}
.flmt{margin-top:11px;}
.fl_flhead{ padding:5px;}
.flc_row span{float:left; width:100%;}
.flcheckbox{height:14px; margin:0 4px 0 0; vertical-align:middle;}
.flc_row kbd{float:right; margin-top:-15px;}
.fl_flhead b{float:left;}
.fl_flhead code{float:right;}
.ticket-invoice-parent{width:970px; float:right;}
.price_short, .star_short{ font-weight:bold; float:left; float:left; margin:4px; cursor:pointer;}
.price_short em, .star_short em{width:8px; height:8px; margin:3px; float:right; background-position:-104px -48px;}
.show_result_cont{float:left;}
.show_result_con_ul{ padding:0; margin:0; list-style:none;}
.show_result_con_ul > li{ float:left; position:relative; *z-index:101;}
.show_result_con_ul > li > div > ul > li  > a{ float:none!important; }
.showresult{font-size:12px; font-weight:bold; padding:12px 3px 0; float:left; margin-left:2px;}
.show_result_cont a{ float:left; padding:5px 7px; font-weight:normal; text-decoration:none; font-size:11px; text-transform:capitalize;}

.search_desc{width:99%; padding:0px 5px;  float:left;  margin-bottom:5px;}
.search_desc .text_sty{  margin:6px 8px 0 3px; float:left;}
.search_cat{padding:3px 10px; float:left;  font-weight:bold; margin:2px 3px 2px 2px; min-width:20px;}
.search_cat b{ width:10px; height:15px; background-position:-117px -45px; margin-left:5px;}
.search_cat img{ float:left}
.search_cat em{ float:left; font-weight:bold;}
/*for price and starrating div*/
.width-75{width:75px;}
.line-height-21{ line-height:21px;}
.short_by_wrap{ position:absolute;   top:34px;  left:0; *top:23px; z-index:1;}
.short_by_wrap>ul.price, .short_by_wrap>ul.star, .short_by_wrap>ul.offers{ list-style-type:none; padding:0; margin:0;}
.short_by_wrap>ul.price>li, .short_by_wrap>ul.star>li, .short_by_wrap>ul.offers>li{display:block; }
.short_by_wrap>ul.price>li>a, .short_by_wrap>ul.star>li>a, .short_by_wrap>ul.offers>li>a{ text-decoration:none; font-weight:bold;display:block; font-size:11px;  margin-top:-1px;}
.short_by_wrap>ul.price>li>a{ padding:3px 5px;  }
.short_by_wrap>ul.star>li>a{padding:3px 15px; }
.short_by_wrap>ul.offers>li>a{padding:3px 5px; }
.result_link{margin:0px; padding:4px !important;}
.emaillink{margin:3px 8px 3px 0; float:right; font-weight:bold; }
.emaillink, .emaillink a{text-decoration:underline; cursor:pointer;}
.hotel_poup_row{width:98%; padding:5px;  float:left; margin-bottom:10px;}
.hotel_poup_row h1{font-size:16px; float:left; width:100%; margin:3px 0; }
.hotel_poup_row span{width:100%; float:left; font-size:11px; }
.hotels_row{float:left; width:100%; margin:6px 0; text-align:left;}
.hotels_row .radio_check{width:15px; height:17px; float:left; margin-right:10px;}
.hotels_search_btn{float:right; width:100%; margin:6px 15px 6px 0; text-align:left;}
#HotelsContainer1>.yui-ac-content{max-height:192px; min-width:333px; width:auto; padding-bottom:3px;}
.rgt_filter{width:230px;  padding:10px 0 10px 10px; }
.rgt_filter p{ margin-bottom:5px; float:left; width:100%}
.rgt_filter p label{float:left; width:100%;}
.rgt_filter p input{float:left; margin-bottom:3px;}
.rgt_filter p label input{float:left; margin-bottom:5px; margin-right:5px;}
.rgt_filter p a{ margin-left:5px;margin-top:3px; float:left;}
.view_annuncement_main{ position:absolute; z-index:200; right:0; width:245px; cursor:pointer; padding:4px; }
.notifi_hd{  float:left; padding:5px 6px 5px 5px; width:96.5%; font-size:16px;}
.annunce_noti{padding:0; float:left; width:100% }
.annunce_noti>div{ margin:0; padding:0;  width:92.5%; padding:5px 10px; display:block;  float:left; }    
.annuncecount{float:left;  padding:2px; width:18px; display:block; text-align:center; }
.view-all{  float:left; padding:5px 0; width:100%; text-align:center;  font-size:14px;}

/*=====Announcement stikynone======*/
.announcestiky{position:absolute;right:13px; top:95px; width:198px; z-index:3; padding-bottom:10px;  }
.announcestikyforAgent{position:absolute;right:10px; top:32px; width:198px; z-index:3; padding-bottom:10px;}
.stiky_close{float:right; margin:10px 5px 0;}
.stiky_heading{float:left; background-position:left top; height:32px; width:199px;}
.liststiky {float:left; width:87%; padding:0 5px; margin-left:25px;}
.stiky_view{float:right; font-size:12px; padding:0 5px;}
.stiky_list div{margin:3px 0 5px;}
.btnall{  padding:5px 6px; display:inline-block;  border:none; white-space:nowrap; border-radius:5px; -webkit-border-radius:5px; font-weight:bold; text-decoration:none !important; }
.btnall_process{padding:4px 25px 3px;  border:none; border-radius:5px; -webkit-border-radius:5px;}

/*=====Amendment======*/

.yui-ac-bd{overflow-x:hidden; overflow-y:hidden;}
.amandment_icon_red{ background-position: 0 -36px; height: 21px; position: absolute; margin-top: -18px; margin-left: 0px; width: 23px; font-size:11px; text-align:center; padding:2px 0;}
#HotelsContainer .yui-ac-content .yui-ac-highlight, #HotelsContainer .yui-ac-prehighlight{width:300px;}
.width165{ width:165px !important;}
.width160{ width:160px;}
.setNm{width: 70px; height: 30px;}
/*============== cancel policy boc css============*/
.cnl_plcy{ float: left; margin:0; padding:0 5px; width: 100%;}
.cnl_plcy ul{ margin:0px; padding:0px; list-style:none;} 
.cnl_plcy ul li{ line-height:20px;}
.poptable{width:100%; }
.poptable th, .poptable td{padding:8px;  }
.poptable th{font-size:14px;}
.poptable_print{width:100%; }
.poptable_print th, .poptable td{padding:8px; }
.admin_hotelhead{ line-height: 20px; margin-top: 10px !important; padding: 5px !important; width:97% !important;}
.cominfo{ float:left; width:696px; margin:8px -12px 0px;}   
.cominfo h3{ padding:2px 0 2px 10px; float:left;  width:98.5%; font-size:12px; font-weight:bold;}
.cominfo p{ padding:2px 0 2px 10px; float:left;}
.dm_heading{width:98%; padding:0 1% 1%; font-size:14px;  margin:0px; font-weight:bold;}
.e_msg{ width:298px; float:left;  font-size:11px;}
/* pg profile */
.pgprof_box{width:48%; margin:1% 0 0 1.5%; padding:0 0 10px; float:left;}
.payment_head{width:98%; padding:1%; font-size:13px; }
.paybox{width:98%; float:left; padding:1%;  border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;}
.paycheck{width:98%; padding:1%; float:left; font-weight:bold; font-size:1.2em;}
.addlink{float:left; padding:1%; font-size:12px; font-weight:normal;}
.pay_country{width:95.7%; padding:2%; float:left;  margin-top:5px;  border-radius:8px; -webkit-border-radius:8px; height:70px; overflow-y:auto;}
.currency_list{width:100%; float:left; margin:.35em 0 0 7%;}
.currency_list span{width:98%; float:left; padding:5px 8px;  font-size:11px; font-weight:bold; top:25px;}

.pgprofilemain{width:100%; float:left; background:#fff;}
.pgprofileleft{width:160px;float:left;}
.pgprofileright{width:83%; float:left; padding:0 8px;}
.pgoption{background:#f7f7f7; color:#b5b4b4; padding:8px; display:block; border-bottom:1px solid #efefef;}
.pgprofilerow{width:100%; float:left;}
.pgprofilebox{border-bottom:1px solid #e7e7e7; padding:1%; width:98%; float:left;}
.pgcurrency{float:left; font-weight:bold; margin-top:15px;}
.pgselect{float:right;}
.pgprofilerow>p{padding:12px 0; font-size:12px; color:#878787; line-height:17px;}
.pgoption:hover{color:#666;}
.pgoption.active:after{border-width: 15px 8px; border-style: solid; border-color: transparent transparent transparent #004684; content: ''; position: absolute; right: -16px; top: 1px;}
.pgoption.active{background:#004684; color:#fff; position:relative;}
.pgoption.active:hover{color:#fff;}

.pgradiobtn{background:#dad8d8; color:#9e9c9c; padding:8px; border-radius:5px;  -webkit-border-radius:5px; float:left;margin-right:5px; }
.pgradiobtn.active{background:#004684; color:#fff;}
.pgradiobtn input[type="radio"], .pgprofileoption input[type="radio"]{ vertical-align:middle;}
.pgprofileoption{padding:8px; float:left;}
.pgbtnrow{margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #efeeee;}
.pgprofilerow  textarea{width:100%;}


/*new page for guest details*/
.details_module{width:100%; float:left;  margin-top:10px;}
.details_module>.guest{width:98.4%; float:left; padding:8px;  font-size:14px; font-weight:bold;}
.guest_heading{font-size: 14px; font-weight: bold; padding: 8px;}
.guest_dtlbox{width:100%; float:left;}
.bookout{font-size:14px; padding:3px; font-weight:bold; margin-top:5px;}
.currency_list span{width:98%; float:left; padding:1%;  font-size:11px; font-weight:bold; top:25px;}
.currency_list span{width:98%; float:left; padding:1%;  font-size:11px; font-weight:bold; top:25px;}
.wrodwrap{word-wrap:break-word;}
.fixedHeader{display:block;}
.tablefixscroll{ max-height:300px; overflow-y:scroll; overflow-x:hidden; display:block; height:300px; }
.currency_list span{width:98%; float:left; padding:5px 8px;  font-size:11px; font-weight:bold; top:25px;}

/*new page for guest details*/
.details_module{width:100%; float:left;  margin-top:10px;}
.details_module>.guest{width:98.4%; float:left; padding:8px;  font-size:14px; font-weight:bold;}
.guest_heading{font-size: 14px; font-weight: bold; padding: 8px;}
.guest_dtlbox{width:100%; float:left;}
.bookout{font-size:14px; padding:3px; font-weight:bold; margin-top:5px;}
.currency_list span{width:98%; float:left; padding:1%;  font-size:11px; font-weight:bold; top:25px;}

/*Language nav*/
.language_tab{float:left;}
.language_position{ position:absolute; top:7px;  left:1105px; }
.language_icon_tab{  padding:2px 16px 2px 3px;  background-position:25px -14px; cursor:pointer;}
.country{ width:18px; margin:3px; height:11px; display:block;  padding:0px; margin-right:2px; line-height:16px;}
.india{ background-position:-16px -120px;}
.uk{ background-position:-68px -84px;}
.us{ background-position:-84px -264px;}
.pt{ background-position:-135px -205px;}
.list{display: none;  padding: 0px; position: absolute; list-style: none; margin: 24px 0 0 -42px; min-width: 150px; z-index: 1001;}
.list li{ padding: 5px 10px; cursor: pointer;}
.list li:hover{ transition: all 0.2s ease; -webkit-transition: all 0.2s ease;}
 .popup-loader_ht_mr{ margin-top:130px;}
 .popup-loader_ht_mr img{ display:none;}
 .popup-loader_ht{ background-position:center 40px;  height:65px; width:220px; margin:0 auto;  padding:20px 0 0 0;}
.recharge_btn{margin: -3px 5px 0 5px; padding: 2px 5px;   font-size:11px; cursor: pointer; display:inline-block;}
.recharge_btn a{ text-decoration:none;}
.printbtn{float: right; margin: 3px; padding: 3px 8px;border-radius: 4px; text-decoration: none;font-size: 14px;}
 .room_inc_shot{ font-size:11px;}
.bntbox{ margin-top:1px;}
a.close_rate_br{position: absolute; display: block; transition:all ease 0.2s; -webkit-transition:all ease 0.2s; padding: 5px 10px; border-radius: 25px; -webkit-border-radius: 25px; text-decoration:none; right: 5px; margin: -273px 0px 0px;}
.popup-loader_hotel_l{text-align:center; width:50%; padding:10px; margin:-35px auto 0; font-size:17px; left:0; right:0; position:absolute; *left:25%; *right:auto;}
 
 /*HotelBookingQueue.aspx New class add*/
.leftpanel_pr{ width:74%; float:left;} 
#googleMap { z-index: 1000;  height: 420px;  width: 782px;  position: fixed;  left: 20%; top: 10%; padding: 3px; border-radius: 10px; -webkit-border-radius: 10px; }
#googleMap iframe{ width:100%; height:100%;}
#googleMap .map_close_bnt{ position:absolute; right:0px;}

/*Neew Design Class*/
.width-65p{ width:65.2%;}
.width-64p{ width:64%;}
.fl_modisearch .flc_row code select{  width: 100%; padding: 3px;}
.top_nav{ padding:0!important;}
.top_nav > ul >li >a{transition:all 0.2s ease;  display:block;  background-repeat:no-repeat; padding:26px 10px 8px 10px; font-size: 12px;}
    .top_nav > ul > li > a.help, .top_nav > ul > li > a.Insu, .top_nav > ul > li > a.Rail {
        position: relative;
        background: none;
    }
.top_nav > ul >li >a i{ display:none;}
    .top_nav > ul > li > a.help i, .top_nav > ul > li > a.Insu i, .top_nav > ul > li > a.Rail i {
        display: block;
        left: 0;
        width: 100%;
        text-align: center;
        top: 4px;
        color: #fff;
        position: absolute;
        font-size: 23px;
    }
.top_nav > ul >li >a.Fl{ background-position:center -535px;}
.top_nav > ul >li >a.Ht{ background-position:center 7px;}
.top_nav > ul >li >a.Qu{ background-position:center -53px;}
.top_nav > ul >li >a.Ac{ background-position:center -100px;}
.top_nav > ul >li >a.Re{ background-position:center -151px;}
.top_nav > ul >li >a.Ad{ background-position:center -203px;}
.top_nav > ul >li >a.Pc{ background-position:center -252px;}
.top_nav > ul >li >a.tboac{ background-position:center -584px;}
.top_nav > ul > li > a.Cru { background-position:center -687px; }
.top_nav > ul > li > a.Sig{ background-position:center -767px;}
.top_nav > ul > li > a.Car { background-position:center -838px;}
.top_nav > ul > li > a.ZZ { background-position:center -915px;}
.top_nav > ul > li > a.Fhotel{ background-position:center -994px;}
.top_nav > ul > li:first-child{ border-left:none;}
.top_nav > ul > li > a > span{  transition:all 0.2s ease; background: none; }
.rightcn_lv{float:right; border:none;}
/*contact us popup*/
#ContactUsBlock{*z-index:1001;}
.infodiv{position: absolute; background: #fff; border: 2px solid #004684; z-index: 1001; margin-top:41px; padding: 10px; right:0; width:98%;}
.infclose{position: absolute; right:0; top: 0;}
/*contact us popup end*/

a.contact_hd{box-shadow:none; -webkit-box-shadow:none; border-radius:0; -webkit-border-radius:0; border:none; text-transform:uppercase; font-size:12px;}
a.contact_hd:hover{text-decoration:none;}
.contact_hd i{display:none;}
.agencypop{width: 400px; height: 170px; left: 56%; top: 140px;}
.anylinkcss{ padding: 10px; box-shadow:0px 0px 4px 0 #888; -webkit-box-shadow:0px 0px 4px 0 #888; min-width: 180px;}
.anylinkcss a{ padding:4px 0;}
#anylinkmenu8, #anylinkmenu6{ width:552px; }
.sngNab li, .sngNab{ float:none!important;}
 #anylinkmenu7{width:620px!important;}
 #anylinkmenu8 li, #anylinkmenu6 li, #anylinkmenu7 li{ width:33.33%;  *width:190px; float:left; margin:0; padding:0; padding:0;}
.NewNavTBo ul li a{ background-position:5px 10px; padding:5px 5px 5px 20px; height:auto;  width:auto; font-weight:100; font-size:12px; }
.NewNavTBo ul li:hover a{ background-position:5px -42px;}
.filterhotel{ padding:1px!important;}
.filterhotel b, .filterhotel b + span{ padding:10px 8px!important;}
.rsp_nav_wl #showResult{ margin: 6px 7px 0 0px;}
.rsp_nav_wl{  padding:1px; float:left; width:99.5%;}
.filterhotel span.modifysearch{ padding:10px 5px 11px 30px!important; }
.modifysearch{ width:auto!important;}
 .modifysearch img{ display:none;}
 .show_result_con_ul li a span, .modifysreach_icon, .Hotelmap_icon{ width:23px; height:23px; display:block;   position: absolute;   margin: -5px 0 0 -25px; float:right;}
 .sort_results_content p{ background:none!important; padding:0;}
 .modifysreach_icon {background-position: -86px -131px;}
 .show_result_con_ul li a span.price_icon{background-position: -88px -0px;}
 .show_result_con_ul li a span.star_icon{background-position:-87px -26px;}
 .show_result_con_ul li a span.offer_icon{background-position:-87px -55px;}
 .show_result_cont > li > a { padding:10px 20px 10px 30px!important; background-size: 15px!important; background-position:right center!important; font-size: 12px!important; float:left;}
.sort_results_content label{   padding:9px 10px 9px 5px; background: none;}
 /*footer*/
 .middle .footer-text{ width:100%;}
.footer-text{ height:50px;  width:100%; padding-top:15px; clear:both; margin:0 auto; }
.footer-text .copyright{ float:left; padding-left:10px; width:30%;}
.footer-text .copyright em{ font-style:normal;}
.footer-text .btn-link{ margin-top:5px; margin-right:10px; text-align:right;}
.footer-text .btn-link a{padding:0 2px; text-decoration:none;}
.footer-text .btn-link a:hover{text-decoration:underline;}
span.desti, span.night, span.room, span.guest, span.hotels, span.star, .fl_mod_btn{width:18px;}
span.desti{background-position: -2px -3px!important;}
span.night{background-position: -2px -38px!important;}
span.room{background-position: -2px -67px!important;}
span.guest{background-position: -2px -100px!important;}
span.star{background-position: -1px -136px!important;}
.ChseAnerHotel, .hotel_search_details_row .modifysearch{ background-position:6px 5px no-repeat;  padding:10px 10px 10px 38px; float:right; text-align:right; border-radius: 3px; -webkit-border-radius: 3px;}
.ChseAnerHotel a{ text-decoration:none;}
.hotel_search_details_row .modifysearch{background-position: 5px -50px; margin-right:2px;}
.checkincal{position:absolute !important; left: 223px; margin-top:40px; z-index:10000;}
.checkoutcal{position:absolute !important; right:33px; z-index:10000;}
/* Large Devices, Wide Screens */
#contener, .mainwall{ width:1214px!important; margin:0 auto!important;}
.search_row_d{  clear: both;  width:100%; }
.menaBooking_main_tab{ overflow:visible!important; height:30px;}
.hotel_search_sub{ top:10px; right:22px;}
.hotel_info .hotel_location + .width-100{ padding:0 0 0 10px;}
.fl_left{width:26%!important;}
.fl_head{ width:99%!important; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }
.fl_head b, .fl_head b{ }
.fl_contener{padding: 0px!important; width:98.2%!important; border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px;}
.fl_flhead{ width:96.3%!important; }
.res_panel{ width:73.5%; float:right;}
.filterhotel{margin-bottom:5px; float:left; padding:5px;   width:99.7%; }
.hotel_info p.hotel_location{ padding:0;}
.exofr{float:left; width:100%;}
a.cm_bnt{padding: 6px 10px!important; border-radius: 3px!important; -webkit-border-radius: 3px!important; }
.fl_row{padding: 6px 5px!important; margin-bottom:7px;}
.ipadbtn{padding-top: 5px; clear: both;}
.fl_modisearch #autocompleteHotelName #hotelName{ width:85%; padding:5px!important; margin-top:1px;}
 #autocompleteHotelNamePrefered .hotelName_ms{ width:64%;}
.fl_modisearch .flc_row code input{ padding: 5px!important; width:95%!important}
.fl_modisearch  #selectChild-1{ margin:4px 0 4px 0px;}
.fl_modisearch .flc_row:first-child{ margin-bottom:8px!important;}
.fl_modisearch .cal_box em{ position:absolute; *position:static; margin:-2px 0 0 0px!important;}
 
.Hotelmap_icon{ background-position: -39px 0;}
.filterhotel a{ margin-left:0!important;}
.swmap{ padding:10px 5px 11px 30px!important;  }
.searchresult_container .Lst_Mnt_Bkg{ padding-bottom:5px;}
.hotel_thumbnail{width: 130px; height: 120px;}
.hotel_thumbnail span img{width: 130px; height: 120px;}
.hotel_location + div a{ text-decoration:none; font-weight:bold;}

 
/* HotelResultsAjax*/

.ticket-invoice-parent{ width:100%!important;}
.hotel_location > .hotel_page_resut_tt{ }
.showmap a{height: 18px; display: inline-block; margin-top:-5px; background-size: 12px; padding:3px 0 0 15px;}
.show_result_cont > li > a img{ display:none;}
.review_request p{ font-weight: bold;}
.hotel_search_change .xpotable, .hotel_search_details .hotel_search_change{ width:100%!important;}
.hotel_search_change .modifysearch a{ }
/*Hotel Search*/
.str_rn img {float:left;} 
.menaBooking_main_tab span input.text{width: 165%;}
.postition_r .roomcontainer{ width:50%; *width:49.9%;}
.postition_r .roomcontainer .width230{    width: 50.5% !important;}
.postition_r .roomcontainer1 .inputfield{width: 74.5% !important;}
.postition_r  .search_row_d span.room_details{width: 36.6%; padding:0 0 0 1.3%;}
.postition_r  .search_row_d .expo_no_of_rooms span.room_details{ margin-right:0;}
.search_row_d .roomcontainer1 span.search_container a{width: 23.8%;}
.search_row_d label.small{ width:20%;}
.search_row_d .childsearch span{width: 100%;}
.search_row_d .childsearch .childdetail label{ width:45%!important; text-align:right; }
.search_row_d .childsearch .childdetail label em{ width:64%!important;}
.roomcontainer1 #autocompleteHotelName #hotelName{width: 100%!important;}
.roomcontainer1 #autocompleteHotelName .fleft.width-100.position-relative{ float:none!important;}
.roomcontainer1 #autocompleteHotelName{ width:73%!important;}
.roomcontainer1 #divPreferredhotels{ float:left;}
.Pref_hotel_dropdown{ clear:both;}
.postition_r .search_row_d .roomcontainer span.search_container a{ width: 24%; margin:-4px 0 0 -202px;}
.menaBookingdetail h1{ font-size:13px;}
#TBOHotelSearch .fl_modisearch .cal_box em{margin:2px 0 0 -18px!important;}
/*process bar*/
.bredcrum span img{border-radius: 20px; -webkit-border-radius: 20px; position: absolute; box-shadow: 0px 0px 5px 0px #888; -webkit-box-shadow: 0px 0px 5px 0px #888;  margin: 7px 0 0 7px; height: 0px;}
.postition_r .width-75{ width:auto;}
/*process bar end*/
.postition_r .roomcontainer1 #sButton{float: right;}
.padding_10{ padding:10px;}
.yui-calendar .calnavright{ height:0;}
.yui-calendar .calnavright{border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right:none; width: 0px!important; height: 0px!important; background-image:none!important;     text-decoration: none;}
.yui-calendar .calnavleft{border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left:none; width: 0px!important; height: 0px!important; background-image:none!important;     text-decoration: none;}
.yui-calendar a:hover{ background-image:none!important;}
.search_row_d span.search_container input{ font-size:12px;}
.hotel_location + div a{ text-decoration:none; font-weight:bold;}
 
 
/* HotelPaxDetails*/   
 .alrtmsg{color:#ef0606;background: #fceed0;width: 99%;float: left;padding: 5px;text-align: center;font-size: 11px;margin-top:8px;}
.error_code_hotelsearch{margin: 0px 0 0 31%; float:left; clear:both;}

.details_bx .left_field_block{ float:left;  padding:8px; width:67.5%;}
.details_bx .left_field_block input[type="text"], .details_bx .left_field_block select{padding: 8px!important; height:auto; font-size:12px;}
.details_bx .left_field_block select{ *height:26px!important;}
.leadpassenger b, .review_col_right .caption, .single_room_details, .single_room_details, .fieldset_hotel{ width:auto!important; float:none!important; overflow:hidden!important;}
.review_col_right .caption{border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; padding: 8px 10px; }
.review_col_right >  .fieldset_hotel > span{padding: 5px; display:block; clear:both; overflow:hidden; margin:5px 0; }
.single_room_details{padding:0;}
.review_col_right .fieldset_hotel{ padding:0; width:auto; float:none; border:none;}
.single_room_details p{ width:auto; float:none;  padding:8px; overflow:hidden; font-weight:bold;}
.fieldset_hotel legend{padding:5px; float:left;}
.fieldset_hotel legend + .fleft.width-100{ width:62%; padding:5px;  margin: -22px 0 0 37%; float:left;}
.hTrmlf{  padding:3px 5px; width:60%; float:right; text-align:right; font-weight:bold;}
#specialRequestData .hotel_search_main .width-680, .menahotel-norms{ width:100%; float:left; margin-bottom:10px;}
 .pax_bx_rd{width:100%;  float: left;       margin-top: 10px;}
.pax_bx_rd .poptable{   border-collapse:collapse;}
.menahotel-norm p, .hotel_search_main table tr td  div{ line-height:20px;}
.hotel_search_main table tr td span, #specialRequestData .width-680{ float:none!important; width:auto!important;}
#hotelNorms #hotelCancelPolicy{ margin:8px; width:auto;}
/* New class for HotelBooking*/

/*Hotel Details page chagnes new by Prashant*/
.width41{width:41%;}
.hotel_name{font-size:20px; float:left; width:100%; }
.reviewrooms{background:#f7f7f7; margin-bottom:8px; float:left; width:100%;}
.roombox{float:left; padding:8px; width:40%; border-right:1px solid #e7e7e7;}
.roompax{float:left; width:55.5%; padding:8px;}
.hoteldes{float:left; width:98%; padding:8px; border-top:1px solid #e7e7e7;}
.guestemail{width:64%;}
.incl{font-size:12px; padding-bottom:5px;}

.reviewroomname{font-size:15px; display:block; font-weight:bold;}
.reviewguest{color:#626262; float:left; width:100%;}
.radiolbl{float:left; padding:8px 8px 0 0;}
.reviewinput{border:solid #ccc 1px; width:60%;}
.reviewselect_2{border:1px solid #ccc; width:30.2%;}
.reviewselect_2:not(:first-of-type){margin-left:8px;}
.offertext{font-size:13px; color:#00b60a; font-weight:normal;}
.reviewheading{font-size:14px; color:#333;}
.width93{width:93%;}
.canclhtlheading{font-size:13px; padding:10px 0 5px; float:left; width:100%;}
.totalpricebox{font-weight:bold!important; background: #f7f7f7;}
.saveCustomerName label{width:29.8%;}
.saveCustomerName select{border:#ededed solid 1px;}
.hotelnamebox{width:96%; padding:8px; background:#f0f0f0; float:left; font-weight:bold;}
.rgt_roomtype{float:right;}
.price_hotel{font-weight:bold;}
.amenitiesbox span {float: left; width: 31%; color: #969494; font-size: 11px; padding: 2px 0 2px 13px;}
.amenitiesbox span:before {content:"✓"; position:absolute; color:#999; margin-left:-13px;}
.greybg{background:rgba(0,0,0,.4); display:none; z-index:100; position:fixed; width:100%; height:100%; left:0px; top:0px;}
.popbox{ z-index:900; text-align:center; position:fixed; top:150px; left:0; right:0; margin:auto; width:98%; max-width:400px; background-color:White; border-radius:8px; padding:10px}
.hoteldescription{width:100%; float:left; padding:5px 0; color:#f28107; cursor:pointer;}
.hoteldes p{padding:5px 0;}
.hoteldes p strong{font-weight:bold;}

/*-----Insurance card UI 09/07/2020 Prashant----*/
.insurancebox {padding: 8px; text-align: center; background: #f6f6f6;width: 20%;float: left;box-sizing: border-box;}
.insrgtbox{width:79%;float: left; padding: 0 15px; box-sizing: border-box;}
.ins_price { font-size: 24px; color: #004684;}
.ins_pricebox{width: 100px; border: none; display:inline-block; background: #fbeccb; text-align: center; margin-top: 10px; margin-bottom: 5px; font-size: 16px;}
.ins_editprice{font-size: 12px; color: #004eaf; padding: 3px; border-radius: 5px;}
ul.termslist { list-style: disc; margin-top: 5px;  width: 100%; float: left;}
ul.termslist li { list-style: disc; width:48%; float: left; list-style-position: inside;}
.ins_popup {position: absolute; right: 20px; top: 130px; width: 95%; max-width: 640px; display:none; background: #fff; border: 1px solid #e6e6e6; padding: 10px; box-sizing: border-box;  border-radius: 5px;  height: 350px;  box-shadow: -1px 1px 8px #c3c3c3;}
.ins_popupheader {font-weight: bold;font-size: 16px; border-bottom: 1px solid #e6e6e6; padding-bottom: 5px;}
.ins_popupbody { height: 90%;overflow: auto; float: left;}
.ins_popupcose { font-size: 30px; position: absolute; right: 10px; top: 0; font-weight: normal;}
.ins_popupcose:hover{text-decoration:none;}
.ins_temslist { list-style: disc; margin-top: 5px; padding-left: 20px;}
.ins_temslist li{list-style: disc; padding:5px; list-style-position: outside;}


/*BreadCrum*/
.bredcrum{ width:100%; float:left; font-size:12px;}
.bredtext{float:left; padding:3px 30px 3px 0; position: relative; color:#004e93;}
 
.bredtext:not(:last-of-type):after{content: "❯"; position: absolute; right:11px; top: 2px; font-size: 11px; color:#333;}

.modalButton{border-radius: 3px; -webkit-border-radius: 3px; padding:3px 5px; border:0;}
.AgencyContainer{ width:104.5%!important;}
.crcard_report{ width:100%!important;}
.bgg_blue, .mln_inv_btn{  border-radius: 3px!important; -webkit-border-radius: 3px!important;}
.hmi_Container{ width:100%;}
.search_row_d span.search_container input{ font-size:12px;}
    
  /* New class for HotelBookingQueue*/
.transfers_box, .transfers_box  .width-550{  width:97.6%;}
#pgMainDivId img{padding:2px;}
 #SearchBox .flc_row{ padding:3px 0 3px 2%;}
.fl_modisearch a.cm_bnt{ margin-right:5%;}
.fl_modisearch .nationalitywidth{ width:65.5%;}
.fl_modisearch #Nationality{width: 100%!important;}
.fl_modisearch .cal_box{width: 64%!important;  padding:1px!important;}
#xpo_header{ width:auto!important; position:relative;}
.rspbkfld{ width:24.5%;}
.rspbkfld input{ width:100%;}
#divMap{ width:99.7%!important;}
.new_arror{  margin:-5px!important; height:30px;}
/* New class for HotelBooking*/
 .single_room_details > .fieldset_hotel > span{ width:100%; float:left; }
 
/* HotelRooms Gallery*/
.modalHeader{ padding: 8px;  margin:0; border-radius:5px; -webkit-border-radius:5px; *float:left; *width:97.8%; border: 1px solid #e7e7e7;}
/* Rate Beakup popup*/
.rate-breakup-inner-head{ padding: 1px; }
.close_window a.hand{ padding:5px 15px;  text-decoration:none; border-radius:5px; -webkit-border-radius:5px; display:inline-block;}

.modalButton{border-radius: 3px; -webkit-border-radius: 3px; padding:3px 5px;}
.AgencyContainer{ width:104.5%!important;}
.crcard_report{ width:100%!important;}
.bgg_blue, .mln_inv_btn{  border-radius: 3px!important; -webkit-border-radius: 3px!important;}
.hmi_Container{ width:100%;}
/*HotelManualBooking*/
.hmi_Container .hmi_sub_Container{ width:50%;}
.width60p{ width:60%;}
.hmi_Container .width60p span{ width:100%;}
.hmi_Container .width60p input[type="text"],  .hmi_Container .width60p textarea{ width:60%!important;}
.hmi_Container .width60p select{ width:61%!important;}
.single_room_details > span { clear:both;}
 .hotelSdMail{position: absolute; top: 160px; left: 575px; width: 200px;}
.width-70p{ width:70%;}
.lcot_no{width:25%; display:block; margin-top:0px; text-align:right;}
.ifMap{z-index: 1000; position: static; height:100%; width:99%; overflow: hidden;}
.close_de{height:32px; width:32px; no-repeat; margin-right:10px; top:0px; margin:-14px -27px 0 10px; float:right; *position:absolute; *margin:-14px -27px 0 -5px; }
.mail_inbx{ top:165px; left: 685px;}
.saveCustomerName{ float: left; width:100%; margin-top:-1px; border:none;}
.PasgerLitPopUp{display: none; width:280px; position: absolute; left: 494px;  top: 263px; z-index: 100;  border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;  box-shadow: 0 0 8px 0 #888;}
.PPhed{ height:30px; padding:3px;  }
.error{  font-size:10px; font-weight:bold;}
.pax_bx_rd .error{  font-size:10px; font-weight:bold;}
.padding-top-5{ padding-top:5px;}
.mena_details{float:right; width:30%;}
.mena_details p{ padding:5px; font-size:13px; text-align:right; font-weight:bold; }
.mena_details b{font-weight:bold;}
.margin-top--6{margin-top:-6px;}
.flgttimebox{float:left; width:64%;}
.flgttimebox select.reviewselect_2{width:48% !important; float:left;}
 
/*HotelSearch New Class*/
input[type="text"].nights {width:20px;}
.search_row_d  .col1{ float:left; width:20%; border:none;}
.search_row_d  .col2{ float:left; width:26.5%; border:none;}
.search_row_d  .col2 input[type="text"]{ width:100%;}
.new_Ps input[type="text"]{ width:96%!important;}
.roomcontainer .colsm1{ width:40%; float:left; line-height:32px;}
.roomcontainer .colsm2{ width:53%; float:left;}
.roomcontainer .colsm2 input[type="text"]{ width:95.2%;}
.datInc{ position:absolute; right:2px; top:4px;}
.roomcontainer_fh{ float:left; width:50%;}
.roomcontainer_fh .colr1{ width:30%; float:left;}
.roomcontainer_fh .right_col{ width:70%; float:right;}
.roomcontainer_fh .right_colT{ width:83%; float:right;}
.roomcontainer_fh .right_colT label{ width:30%; float:left;}
.roomcontainer_fh .right_colT .right_col2{width:68%;}
.roomcontainer_fh .right_col2{ width:74%; float:left;}
.roomcontainer_fh .right_col2 input[type="text"]{ width:96%; padding:8px 5px;}
.roomcontainer_fh .right_col2 .room_details{ width:49%; }

 /*ReviewHotelBooking*/
.booking_details_module span.modifysearch{ position:absolute; right:0; margin-top:-44px!important;}
.review_request { padding:10px 0;}
.booking_details_module{ width:100%; float:left;}
.menaBookingdetail, .hotel_details_module, .checkin_info .room_details, .checkin_info, .guest_details_module p.guest, .guest_header, .guest_summary, .guest_details_module{ width:auto; float:none; overflow:hidden;}
.checkin_info .room_details p span.room_type_head, .wd20p{ width:20%;}
.checkin_info .room_details p span.room_type_desc{ width:80%;}
.checkin_info .room_details p span.room_type_desc em{ font-size:12px; line-height:20px;}
.guest_details_module p.guest{ border:none;}
.guest_summary{ padding:0; margin-bottom:8px;}
.menahotel-norms{padding:0; margin-bottom:8px;}
.guest_name, .guest_details{ overflow:hidden;  width:auto!important; margin-top:-1px;}
.menahotel-norm{ padding:8px; width:auto; float:none;}
.guest_name a img, .arrow_im{ width:0px; height:0;  border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:0px solid transparent;}
.uparrow{border-right: none!important; border-bottom: 5px solid transparent!important;  border-top: 5px solid transparent!important;}
.menahotel-norms table{ border-collapse:collapse;}
.menahotel-norms table tr th{font-weight:bold; }
#Div4 > p:first-child{ padding:10px!important;  }
.paymentOp{ width:100%; float:left;}
.paymentOp .padding-10{ padding:0px;}
.bnt_smTx{ font-size:11px; font-weight:100!important;}
.Hrdrigh{width:60%; float:right; text-align:right;}
.cmt_bnt{ padding:6px 10px!important; margin:0 1px!important; *padding:7px 10px!important;}
.texbnt{ font-size:12px!important; font-weight:100!important;}
.textAr{ padding:5px;  width:80%; }
 .childdetail em{ float:left; width:37%; padding-left:12%;}
 .paxTblp:first-child{margin-top:0!important;}
 .line-height-24, .line-height-24 p , .line-height-24 li, .line-height-24 div{line-height:24px;}
 .cp{cursor:pointer;}
  
/*PreferredHotelSearch*/
.hotel_search_main #autocomplete{ width:96%;}
.menaSources1{  padding:5px 10px; display:block;}
.width-62p{ width:62%;}
.padding-left-32p{ padding-left:32%;}
/*======================*/
/*new css*/
 table{border-collapse:collapse;}
.mt5{margin-top:5px;}
.col50{width:50%; float:left;}
.wrap{word-wrap: break-word;}
.padbox{width:98%; padding:8px; float:left;}
.no-resultpage{width:100%; text-align:center; font-size:20px; padding:50px 0;}
.rows-div, .row{float:left; width:100%; margin:5px 0;}
.colfull-r{float:left; width:38%;}
.agentselct{width:245px; float:left; padding:8px; margin-left:15px;}
.agentpricebox{position:absolute; top:90px; right:115px; width:23%;  border-radius:5px; -webkit-border-radius:5px; padding:8px; box-shadow:2px 2px 3px #D6D8E7; -webkit-box-shadow:2px 2px 3px #D6D8E7;}
.price_text{width:55%; float:left; }
.price_value{width:40%; margin-left:5px; text-align:right; float:left;}
.note{font-size:14px;  padding:5px; width:100%;}
.emptyspace{height:80px;}
.cal{background-position:98% center; width:50%;  cursor:pointer;}
.datebox .cal{width:72.5% !important;}
.ac_popcity{float:left; width:30%;}
.l_big{float:left; width:100%;}
.l_big label{width:60%; float:left; font-weight:bold;}
.l_big b{float:right; width:35%; text-align:right;}
.MessageSentN{font-size:12px; padding:8px; width:98%; float:left; font-weight:bold;}
.inputwidth{width:247px;}
.selectwidth{width:260px;}
.radiobox{width:auto !important; margin-right:6px; font-weight: normal !important;}
.booking_label{width:15.8% !important;}
.selectuser{float:left; margin-top:7px;}
.queue_l{width:32%; float:left;}
.queue21{width:21%; float:left;}
.queue_m{width:35%; float:left; text-align:center;}
.queue_r{width:33%; float:right; text-align:right; word-wrap:break-word;}
.queue_mr{float:left; width:67%;}
.queue_mainl{width:70%; float:left;}
.queue_mainr{width:30%; float:left;}
.queue_left{width:50%; *width:49%;  float:left;}
.queue_right{width:50%; *width:49%; float:left; text-align:center;}
.queuemsg{width:99%; padding:5px; }
.hotelname{font-size:14px; font-weight:bold; }
.htl_confbox{width:auto; float:left;}
.selectall{display:block; padding:5px 0;}
.selectall a{display:inline-block; padding:3px 5px; }
.contract-heading hr{border:none;  float:left; width:100%; margin-top:10px;}
.refprice{font-size:18px; text-align:right;}
.rightcol_l{float:left; width:55%;}
.rightcol_r{float:right; width:44%; text-align:right;}
.rbox-heading{ padding:8px; display:block; font-size:14px; width:95%;}
.check{width:100%; padding:3px; float:left;}
#price_from, #price_to{width:60%;}
.rbox-subheading{padding:5px;  float:left; width:96%; margin-top:5px;  font-weight:bold;}
.right_input{width:95%;}
.datetxt, .btnleft{float:left;}
.datetxt{font-weight:bold;}
.noresult{font-size:14px; text-align:center;   padding:50px 20px; }
.hltrow{width:100%; float:left; margin-top:8px;}
.reference{float:right; padding:8px;  border-radius:5px; -webkit-border-radius:5px; width:95%; *width:220px; word-wrap: break-word; text-align:right;}
.reference span{display:block; text-align:right; padding-bottom:8px;}
.remark{float:left; width:80px; margin-top:15px;}
.rightpop_over, .overflow{overflow:auto;}
.invoicetable{width:1300px !important;}
.from{width:22%; float:left; padding-top:8px;}
.clr_date{float:right; font-size:12px;}
.comon_table, .misreport{width:100%;}
.room_table{border-collapse: inherit; border-spacing: 5px; max-width:100%;}
.comon_table th, .comon_table td{border-collapse:collapse;  padding:6px;}
.comon_table th{ text-align:left;  font-weight:bold;}
.room_table td{border-collapse:collapse;  padding:5px; }
 
.left_verflow{overflow:auto; max-height:300px;}
.vchno{width:99%; word-wrap:break-word;}
/*tablist*/
.tablist{display:block; padding:0px; margin:0px; list-style:none; }
.tablist li{margin:0px 8px 0 0; padding:0px; float:left;}
.tablist li a, .tablist li span{text-decoration:none; padding:8px 14px;  border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; font-size:14px; float:left;}
.main-tab{width:98%; float:left;}
.main-tab li{float:left; margin-right:8px;}
.subheading{width:100%; padding:5px 0; font-size:14px;}
.status{padding:5px 8px; font-size:14px; font-weight:bold; display:inline-block;}
.frmbox_small{float:right; width:63%;}
.sel_link{float:left;}
.filteropt{float:left; font-size:13px;  width:80px; font-weight:bold; margin-top:8px;}
.name2{width:23%; float:left; margin-right:5px;}
.agencylimit{ float:right; width:380px; padding:8px; border-radius:5px; -webkit-border-radius:5px;}
/*selectpopup*/
.selectpopup, .smallpop{  border-radius:8px; -webkit-border-radius:8px; }
.selectpopup{width:380px;}
.smallpop{width:230px;}
.searchpop_head{width:96%; float:left; padding:5px 8px; }
.popbody_overflow, .searchpop_body{overflow:auto; max-height:130px; width:100%; padding:8px 0;}
.agencyname{float:left; width:25%; padding-top:12px;}
.popupinput{ width:45%; float:left; padding:7px 8px!important}
select.popupinput{width:75%;}
 
/*popupclose*/

.popleft{font-weight:bold; float:left; width:20%;}
.email_pop{right:left:}
/*popups border and bg*/
.hotel_rules_popup, .agency_module, .Consultant_module{  border-radius:5px; -webkit-border-radius:5px; box-shadow:2px 2px 3px #666; -webkit-box-shadow:2px 2px 3px #666;}
.pophead{float: left; margin: 0; padding: 8px; width: 96.6%;}
.popclose{padding:2px 6px;   font-size:12px; float:right; cursor:pointer; margin:2px; font-weight:bold; border-radius:4px; -webkit-border-radius:4px;}
/*-----------*/
.activeclass {background-position:left top;padding:0px 0px 0px 0px;}
.activeclass b {background-position:right top; padding:0px 5px 5px 9px;}
.anylinkcss {position:absolute; display:none; line-height:18px; z-index:100; padding:5px;  border-top:0;}
.top_nav ul li:hover .anylinkcss, .ckboxH:hover .tooltiptext{ display:block;}
.anylinkcss-top{width:148px; display:none;}
.anylinkcss a, .anylinkcss b { width:100%;display:block;padding:2px 0;text-decoration:none;font-size:13px;}
.anylinkcss:hover a { text-decoration:none;}
.navigation-block {float:left; font-size:12px; padding:10px 3px;}

.navigation-arrow-img {float:left; margin-top:4px; margin-left:5px; border-style: solid; border-width: 5px;}

/*--------------narration popup -------------*/
.naration_popup{ position:fixed; top:50% !important; left:36%; width:30%;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.naration_popup h3{  float:left; width:100%; border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;}
.naration_popup h3 span{float:left; padding:.3em .2em; font-size:12px; font-weight:bold;}
.naration_popup h3 em{float:right; padding:.3em .5em;}
.inner_con_popup{ float:left; width:97.7%; padding:1%; }
.button_bg_con{ float:left; width:98%; padding:1%; text-align:center}
.button_bg_con > input{ border:0;  padding:.3em; border-radius:5px;  -moz-border-radius:5px;  -webkit-border-radius:5px;  -ms-border-radius:5px;  } 
.pad5all{ padding:5px;}
.setlinkgus{ font-size:11px; margin-top:3px;}
.flefWd32{ width:30%; float:left;}
 .tbo_mn_M { min-height:17px;}
.tbo_mn_M li{ float:left; margin:0 1px; display:block;}
.tbo_mn_M li a{ padding:8px; font-size:11px; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; float:left;}
.box_tbr{ padding:5px;  margin:0 0; }
.pm-bottom-0{ padding-bottom:0; margin-bottom:0;}
.Trp_row { padding:2px 0; width:100%; float:left;}
.Trp_row .col1{ width:35%; float:left; font-weight:bold; text-align:left; line-height:32px;}
.Trp_row .col2{ float:left; width:60%;}
.Trp_row .col2 select{ width:100%;}
.cityname{float:left; padding:3px; margin-left:5px;}
.emailcontry{float:left; width:98%; padding:5px;}
.emailcontry label{width:33%; float:left;}
.closesmall{  border-radius: 50%; -webkit-border-radius: 50%;  cursor: pointer; float: right; font-size: 9px; font-weight: bold; height: 11px; margin-left: 14px; padding: 2px; text-align: center; width: 10px;}

/*manageroll page*/
.service{float:left; width:33%;}
.service label{display:block; margin-top:5px; font-weight:bold; }
.managerole{  float:left; width:98.5%; padding:8px; margin-bottom:8px;}
.managerol-left{width:80%; float:left; cursor:pointer;}
.managerol-right{width:19%; float:left;}
.managerol-right a{float:left; font-size:14px;}
.subrow{float: left; padding: 8px; width: 98%;}
.rolelist{margin:0 0 8px ; padding:4px; list-style: square; width:200px; float:left; cursor:pointer;}
.roleList_ul{margin:0 0 9px 6px; padding:0px; list-style: square; width:200px; float:left;}
.roleList_ul li{padding:3px 0;}
.roleList_ul li:hover{ cursor:pointer;}
.taklistbox{float:left; width:800px;  border-radius:8px; -webkit-border-radius:8px;}
.rolinnerbox{width:98%; float:left; padding:8px; border-radius:8px; -webkit-border-radius:8px; }
.roleinhead{ padding:5px; width:98%; float:left;}
.roleinbox{width:48%; float:left; border-radius:5px; -webkit-border-radius:5px;  margin:0 4px;}
.brgFm{  padding:5px; overflow:hidden; }
.r_line{ clear:both; text-align:right; padding:5px; font-weight:bold;}
.ageAdRt{ position:absolute; right:0; top:1px; width:29.5%; *position:static; *margin-left:500px;}
.ageAdRt a{ *margin-top:-29px;}
.width-auto{ width:auto!important;}
.Lchatf{ float:right; margin-top:-15px;}
.row_cell{ width:100%; float:left;}
.BookingHistoryTabel{  display:none; width:100%;  float:left; margin-top:25px;  }
.TbHed{  padding:10px;   clear:both; overflow:hidden;}
.BookingHistoryTabel .Tbtr{ clear:both;  overflow:hidden;}
.BookingHistoryTabel .Tbtr span{float:left; min-height:45px; width: 10%; word-wrap:break-word; padding:5px;}
.BookingHistoryTabel .Tbrtr span:first-child{border-left:none;}
.width-50p{width:50%;}
.AreaTx{padding:8px; width:94%; margin-left:6px;}
.RqApl .AreaTx{ width:92%;}
.Splmark{position: absolute; margin-top: -10px;   margin-left: 6px;}
/*agent sales*/
.agent_sale_checkbox {float: left; margin: 1% 0px; width:100%;}
.agent_sale_checkbox p { float: left; padding: 0.5%; width: 99%;}
.agent_sale_checkbox span { float: left; width: 24%; padding: 0.5% 0px;}
.Trp_row { padding:2px 0; width:100%; float:left;}
.Trp_row .col1{ width:35%; float:left; font-weight:bold; text-align:left; line-height:32px;}
.Trp_row .col2{ float:left; width:60%;}
.Trp_row .col2 select{ width:100%;}
.width_16{width:auto; }
.ie7im{*left:910px!important;}
.addcard input[type="text"], .addcard select{ padding:8px 5px;  margin:0 2px;}
.addcard select{ width:36.8%;}
.addcard input[type="text"]{width:35%;}
.mreqlk{position: absolute;  margin: -12px 0 0 0;left: 31%;}
.comn_border > .popup_hotel_name{ border-top:none!important;}
.nect{ position:absolute; margin-top:28px; width:300px; }
.genpopup{position:fixed; bottom:0px; right:10%;  width:250px; border-radius:10px; -webkit-border-radius:10px; box-shadow: 2px 3px 8px #c2c2c2; -webkit-box-shadow: 2px 3px 8px #c2c2c2; padding:12px;}
.gentab{width:100%; float:left;}
.gentab li{float:left; margin-right:5px;}
.gentab li a{padding:8px;  font-size:14px; float:left;}
.gentab li a.active, .gentab li a:hover{}
.gen_container{max-height:250px; overflow:auto; width:100%; float:left; margin-top: 5px;}
.gen_container p{margin:8px 0; }
.genclose{ padding:8px; height:20px; width:20px; text-align:center; font-size:16px; box-shadow:-2px 5px 2px #e7e7ff; -webkit-box-shadow:-2px 5px 2px #e7e7ff; border-radius:100%; -webkit-border-radius:100%; position:absolute; right:-5px; top:-8px;}
.ipadsearch{border: 0; height:28px; margin-top:1px; width: 27px; cursor:pointer; background-size: 22px; background-position: 6px 4px; }
.flc_row .ipadsearch{ width:26px; height:30px;}
.swich_nf{ position:absolute; right: 10px; margin-top:12px; top:0px;}
.hotel_location > .hotel_page_resut_tt{ font-weight:bold;  text-decoration: none; width:476px !important; float:left; margin-left:-7px;}
.hotel_details_popup span{ float:left;}
.onoffswitch-checkbox, .fltr_bx{display:none;}
.onoffswitch-switch {background:transparent; border-radius: 20px; -webkit-border-radius: 20px; width:55px; height: 22px;  float:right; padding:0px; overflow:hidden;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {  margin-left: 0; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px;  }
_:-ms-fullscreen, :root .iwindow{width:120%; height:100%; overflow-y:scroll;}
_:-ms-fullscreen, :root .iwindow .anmt_tab{ position:static;}
html, body{height:100%;}
.on{width:82%; float:left;  border-radius:20px; -webkit-border-radius:20px; transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; padding:0px 6px; height:22px;}
.on span{float:right;  border-radius:20px; -webkit-border-radius:20px; margin:2px -3px; height: 18px; width: 18px;}
.on b{float:left; margin:4px 5px;}
.off{width:82%; float:left;   border-radius:20px; -webkit-border-radius:20px; transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; padding:0px 6px; height:22px;}
.off span{float:left;  border-radius:20px; -webkit-border-radius:20px; margin:2px -3px; height: 18px; width: 18px;}
.off b{float:right; margin:4px 5px;}
.agent_hed{ height:90px; background-position:right center;  width:100%; box-shadow: 0px 0px 8px 0px #888; -webkit-box-shadow: 0px 0px 8px 0px #888;}
.agent_hed h2{ font-size:22px; padding:30px 0 0 20px; width:50%; float:left;}
.agentname{ font-size:14px; padding:45px 10px 0 20px; float:right; min-width:10%;}
.iwindow{  width:100%; float:left;}
 /* onoffswitch End*/
/*Generate Voucher New Box UI*/
.gv_bx{  padding:10px; float:left; width: 98.3%; position:relative;}
.vou_list{ width:71%; float:left; padding-bottom:10px;}
.com_bx{ width:38%;  min-width:100px; position:absolute; right:8px; *margin-top:-50px; z-index:1;}
.vou_list a{ padding:10px 10px 10px 40px; display:inline-block; background-repeat:no-repeat; font-weight:bold; text-decoration:none;}
a.e_bk{ background-position:9px 12px;}
a.pro_vu{ background-position:9px -32px;}
a.pro_in{ background-position:9px -80px;}
a.bkh{ background-position:9px -133px;}
a.pb{background-position: 9px -165px;}
.gv_tab{  border-radius:5px; -webkit-border-radius:5px; padding:10px; float:left; }
.gv_tab a{ text-decoration:none;}
.gv_tab_bx{  padding:5px;  clear:both; float:left; margin-top:-8px; width:99%; border-radius:5px; -webkit-border-radius:5px;}
.gv_inbx{border-radius:5px; -webkit-border-radius:5px;  padding:10px; width:98.3%; float:left;}
.gv_inbx h2{ font-size:16px; font-weight:bold;}
.gv_inbx .rd_bx{padding:5px 0px; margin-right:15px; float:left;}
.pay_cx{ width:201px; float:left; margin-top:20px; margin-right:10px;}
.pay_cx span{width:100%; float:left;}
.com_bxf{width:245px; float:right;  margin: 5px 5px 0 0; padding:5px; height:16px;}
.age_sf{ margin-top:40px; margin-left: 94px; *position:static; z-index:1;}
.erorBx{  margin:39px 0 0 99px;}
.patybg{ float:left;  padding:5px;  font-weight:bold; font-size:11px; width:43%;}
.ckboxH{ padding: 3px 10px 3px 3px; margin-top:-2px; float:left; border-radius: 2px; -webkit-border-radius: 2px;  }
.creditnotelink{float:left; width:100%; text-align:right;}
/*Rating box css*/
.ratingrow { width:100%; float: left; background: #dcdce6; padding: 8px 0; text-align:center;}
.ratingmainbox {float:left; border: 1px solid #e7e7e7; background:#fff; margin-top:5px; padding:2px;}
.ratingpoor, .ratinggood{ float: left; padding: 18px 8px; color: #fff; font-size: 14px;}
.ratingpoor{background:#df2e2e; margin-right:8px;}
.ratinggood{background:#5aaf2d;  margin-left:8px;}
.ratingcontainer{display:inline-block; margin:auto;}
.ratingtext {color: #004684; font-size: 12px; text-align:left; font-weight:bold;}
.ratingbox { float:left; padding:5px 3px; text-align:center; cursor:pointer;}

.ratingbutton{float:left; padding:14px 8px;}
.ratingbutton a{display:block; padding:7px 0 0;}
.ratingbox input { margin:5px 0 5px 6px!important; display: block; opacity: 1 !important;}




/*Generate Voucher New Box UI end*/
 #show{  margin-top:-1px;}
.paging{float:right; margin-right:5px; margin-top: 5px;}
.email-new{float: right; margin-right: 5px;  margin-top:5px;}
.captchabox{margin-right:15px; float:left;}
.reviewemail{ position:fixed; left:11%; z-index:100; }
.pgtext{font-size:11px; margin-left:30px; }
.paylater{border-radius:5px; -webkit-border-radius:5px; padding:5px;   position:absolute; left:0; top:0;}
.modify_cal{position: absolute!important; left: 78px; z-index:10000;margin-top: 30px;}
.cancl_popleft{text-align:left;}
.checkin_info{float: left;  width:100%;}
.switchhotel_table{border:collapse; width:98.5%; margin:8px; float:left;} 
.switchhotel_table td{border-collapse:collapse;  padding:5px;}
.invalid_error_Bus{text-align:center; padding:10px 0;}
.pax_htlleft{float:left; width:55%;}
.transfer_searchcal{position: absolute !important; top: 285px; left: 243px; display: none;}
.transfer-popup{width:99%; float:left;}
.transferpop_ul{padding-left:20px;}
.transferpop_ul li{margin-top:5px;}
.light-gray-back{}
.ddup_emailpop{position: absolute; width: 200px;  z-index: 300; margin-top: 35px; right: 135px; display:none;}
.popvoucher_pop{width:200px;  float:left; position:absolute; right:320px; top:167px;}
.voucherpdf_pop{position:absolute; right:270px; width:200px;  float:left;z-index:1000;}
.jvqueue_nerration{max-width: 460px; word-wrap: break-word; border: 1px solid #ada9a9; padding: 5px; background: #fff; min-height: 40px;}
/*Master page internal style added by Mahendra date 12/8/2015*/
.top{ position:fixed; bottom:10px; right:10px;  font-weight:bold; padding:5px 10px;}
.top a{ color:inherit; text-decoration:none; }
.stikyTP{  margin:52px 0 0 0;}
.stikyHD{  z-index:101; }
/*Added by Ravinder*/
.width_98per, .invoiceHistory{width:98%!important;}
/*Checkbox by Mahendra*/
.saveCustomerName input[type=checkbox]:not(old),.saveCustomerName input[type=radio]:not(old), #specialRequestData input[type=checkbox]:not(old), #specialRequestData input[type=radio]:not(old), .termsAccepted input[type=checkbox]:not(old), .paymentOp input[type=checkbox]:not(old), .paymentOp input[type=radio]:not(old), .menaGustdetail input[type=checkbox]:not(old), .gv_bx input[type=checkbox]:not(old), .gv_bx input[type=radio]:not(old), .email-new input[type=radio]:not(old), .email-new input[type=checkbox]:not(old),  .paydv input[type=radio]:not(old), .paydv input[type=checkbox]:not(old), .checkbox input[type=radio]:not(old), .checkbox input[type=checkbox]:not(old){width:28px;  margin:0;  padding : 0;  opacity : 0;}
.saveCustomerName input[type=checkbox]:not(old) + label,.saveCustomerName input[type=radio]:not(old) + label, #specialRequestData input[type=checkbox]:not(old) + label, #specialRequestData input[type=radio]:not(old) + label, .termsAccepted input[type=checkbox]:not(old) + label, .termsAccepted input[type=radio]:not(old) + label, .paymentOp input[type=checkbox]:not(old) + label, .paymentOp input[type=radio]:not(old) + label, .menaGustdetail input[type=checkbox]:not(old) + label, .gv_bx input[type=radio]:not(old) + label, .gv_bx input[type=checkbox]:not(old) + label, .menaGustdetail input[type=radio]:not(old) + label,  .email-new input[type=radio]:not(old) + label, .email-new input[type=checkbox]:not(old) + label,  .paydv input[type=radio]:not(old) + label, .paydv input[type=checkbox]:not(old) + label, .checkbox input[type=radio]:not(old) + label, .checkbox input[type=checkbox]:not(old) + label{display : inline-block; margin-left  : -28px;  padding-left : 28px; line-height  : 24px;}
.saveCustomerName input[type=checkbox]:not(old):checked + label, #specialRequestData input[type=checkbox]:not(old):checked + label, .termsAccepted input[type=checkbox]:not(old):checked + label, .paymentOp input[type=checkbox]:not(old):checked + label, .menaGustdetail input[type=checkbox]:not(old):checked + label, .gv_bx input[type=checkbox]:not(old):checked + label, .email-new input[type=checkbox]:not(old):checked + label, .paydv input[type=checkbox]:not(old):checked + label, .checkbox input[type=checkbox]:not(old):checked + label{background-position : 0 -68px;}
.saveCustomerName input[type=radio]:not(old):checked + label, #specialRequestData input[type=radio]:not(old):checked + label, .termsAccepted input[type=radio]:not(old):checked + label, .paymentOp input[type=radio]:not(old):checked + label, .menaGustdetail input[type=radio]:not(old):checked + label, .gv_bx input[type=radio]:not(old):checked + label, .email-new input[type=radio]:not(old):checked + label, .paydv input[type=radio]:not(old):checked + label, .checkbox input[type=radio]:not(old):checked + label{ background-position :left 0;}
.saveCustomerName input[type="checkbox"]:not(old) + label, .saveCustomerName input[type="radio"]:not(old) + label, #specialRequestData input[type="checkbox"]:not(old) + label, #specialRequestData input[type="radio"]:not(old) + label, .termsAccepted input[type="checkbox"]:not(old) + label, .termsAccepted input[type="radio"]:not(old) + label, .paymentOp input[type="checkbox"]:not(old) + label, .paymentOp input[type="radio"]:not(old) + label, .menaGustdetail input[type="checkbox"]:not(old) + label, .gv_bx input[type="radio"]:not(old) + label, .gv_bx input[type="checkbox"]:not(old) + label, .menaGustdetail input[type="radio"]:not(old) + label, .email-new input[type="radio"]:not(old) + label, .email-new input[type="checkbox"]:not(old) + label, .paydv input[type="radio"]:not(old) + label, .paydv input[type="checkbox"]:not(old) + label, .checkbox input[type="radio"]:not(old) + label, .checkbox input[type="checkbox"]:not(old) + label{ background-position :left 0;}
.saveCustomerName input[type="radio"]:checked:not(old) + label, #specialRequestData input[type="radio"]:checked:not(old) + label, .termsAccepted input[type="radio"]:checked:not(old) + label, .paymentOp input[type="radio"]:checked:not(old) + label, .menaGustdetail input[type="radio"]:checked:not(old) + label, .gv_bx input[type="radio"]:checked:not(old) + label, .email-new input[type="radio"]:checked:not(old) + label, .paydv input[type="radio"]:checked:not(old) + label, .checkbox input[type="radio"]:checked:not(old) + label { background-position: 0 -127px;}
.paydv{  margin-right: 2.1%;}
#pgMainDivId{ padding-bottom:10px;}
/*New tab icon tool tips by Mahendra*/
.nwdo{ float:right; height:26px; width:26px; background-position: -43px -50px; }
.nwdo:hover .tolnw{ display:block;}
.tolnw{ display:none; position:absolute; z-index:101; padding:10px;  border-radius:3px; -webkit-border-radius:3px; margin: 33px 0 0 -50px; width:103px;}
.tolnw em{ font-weight:bold; font-style:italic;}
.tolnw i { position:absolute; width:15px; height:15px;   transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);    margin: -19px 0 0 42px; *display:none;}
.pydv{  padding:3px 10px 3px 3px; border-radius:5px; -webkit-border-radius:5px; cursor:pointer; float:left;}
.pyhand{ height:11px; *height:auto; width:23px; display:inline-block;  background-position: -43px -137px;}
 .py_ltol em{position:absolute; width:15px; height:15px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);    margin: -20px 0 0 42px; *display:none;border-bottom: transparent; border-right: transparent; }
.paypop{position:fixed; top: 50px;  margin:0 auto; width:500px; z-index: 10001; padding:5px; left:0; right:0; *left:30%; *right:auto;  box-shadow: 0 0 8px #888; -webkit-box-shadow: 0 0 8px #888;}
.hedpy{ padding:10px;   font-size:16px; margin-bottom:10px;}
.yespy > li{background-position: -43px -129px; margin-bottom:10px; line-height:22px; clear:both;}
.yespy > li > em{ height:40px; width:30px; float:left; display:inline-block; background-position: -43px -91px;}
.pybt{  padding-top:10px;} 
/*You Bag buttons by Mahendra*/
.baglist{padding:8px 12px 8px 35px;  }
.baglist:hover{ text-decoration:none;}
.bagbg{margin-left:1px; cursor:pointer;}
.bagbg:hover, .popclose:hover{ text-decoration:none;}
.lsbg{ background-position:5px -1px; padding:4px 6px 4px 20px; height: 14px; width: 4px;}
.crcnt{ width:12px; height:12px; cursor:pointer;  border-radius:10px; -webkit-border-radius:10px; position:absolute;  padding: 2px; margin:-38px 0 0 -14px; *margin:-24px 0 0 -22px; text-align:center; border: 1px solid #fff; font-size:10px;}
.bagpp{ display:none;  position:absolute; width:249px; *width:280px;  margin: 27px 0 0 4px; *margin: 27px 0 0 -146px;   z-index:1001; padding:5px;}
.tbbag > table td { padding:5px!important;}
.tbbag > table { margin-top:-1px;}
.ltr{ margin-bottom:2px;}
.qutpup{display:none; box-shadow: 0 8px 8px #888; -webkit-box-shadow: 0 8px 8px #888;  z-index:10001; position:fixed; top:10%; width: 60%; left:0; *left:20%; right:0; margin:0 auto;   }
.quhed{ font-size:16px; line-height:39px;}
.uqh{ width:60px; height:39px; margin-right: 20px;  background-position:10px -50px; cursor:pointer;}
.quscl{overflow-y:auto; max-height:300px; padding:10px; min-height:100px; }
.rmhd td{  padding:5px;  width: 30%;}
.qutb{ width:100%; border-collapse:collapse; margin-top:-1px;}
.qutb td{ padding:5px;  width: 30%;}
.qucls{padding: 8px 0 8px 32px;  border-radius:3px; -webkit-border-radius:3px; background-position: 5px -323px; height:14px; right: 0.5%; margin-top:-35px; position:absolute;}
.qusmail{background-position:5px -208px; border-radius:0px; -webkit-border-radius:0px;}
.qudlt{background-position:5px -154px; border-radius:0px; -webkit-border-radius:0px;  cursor:pointer;}
.addscl{overflow-y:auto; max-height:320px;  min-height:50px; width:99.8%;}
.clscl{ position:absolute; right:0.4%; margin-top:-4px;}
.comm_sel_bot{width: 98.9%; border-top: 0;  padding: 5px; float:left;}
.arrowup_blue, .arrowdown_blue{ width:10px; height:7px; float:left; margin:5px; cursor:pointer;}
.arrowup_blue{background-position:0 0;}
.arrowdown_blue{background-position:0 -6px;}
.ttlpypp{position: absolute; margin-top: -115px; right:10px;  display: none; height: 110px; *height: 105px; border: 1px solid; border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; box-shadow: 3px 4px 12px rgb(136, 136, 136); -webkit-box-shadow: 3px 4px 12px rgb(136, 136, 136);  width: 230px; margin-left: 18px; *margin-left: -77px; top: 30px;}
/*helptext*/
#uploadDivBody input[type="text"], #uploadDivBody input[type="file"] {width:100%;}
/*CreateAgentProfile page style*/
 #fromDate_MinDateAsCurrent_Container{top:132px !important; left:163px !important}
 #ToDate_MinDateAsCurrent_Container{top:159px !important; left:163px !important}
 /*ASPS*/
 .btn-link > .btnright{ min-width:20%; max-width:60%;}
 .wdcl{ width:33%; float:left;}
 .ard, .arup{ height:30px; width:30px; *margin-top:-30px;   display:block; float:right;}
 .ard{background-position: 0 -219px;}
 .arup{background-position:0 -274px}
 .hDetails_newTab > a:hover, .hDetails_newTab > a{ text-decoration:none;}
 
 
  /*Animation Image Gallery */
 .animated { -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
.fadeInDown {  -webkit-animation-name: fadeInDown;  animation-name: fadeInDown;}
@-webkit-keyframes fadeInDown 
{
  from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  to { opacity: 1;  -webkit-transform: none; transform: none;  }
}

@keyframes fadeInDown {
  from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none;  }
}
  /*Animation Image Gallery End */
 .hDetails_newTab > a:hover{ text-decoration:none;}
.ard, .arup{ height:30px; width:30px; *margin-top:-30px;   display:block; float:right;}
 .ard{background-position: 0 -219px;}
 .arup{background-position:0 -274px}
 .hDetails_newTab > a:hover, .hDetails_newTab > a{ text-decoration:none;}
 
 
  /*Animation Image Gallery */
 .animated { -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
.fadeInDown {  -webkit-animation-name: fadeInDown;  animation-name: fadeInDown;}
@-webkit-keyframes fadeInDown 
{
  from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  to { opacity: 1;  -webkit-transform: none; transform: none;  }
}

@keyframes fadeInDown {
  from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none;  }
}
  /*Animation Image Gallery End */
 .hDetails_newTab > a:hover, .admail:hover{ text-decoration:none;}
   /*HotelBookingQueue Hotel Description */
	.htretbar{ padding: 2px 10px; border-radius: 5px; -webkit-border-radius: 5px; float: left;}
    .spclbar{height:325px; overflow-y:auto;  font-size:12px; text-align:justify; width:96.5%;}
   /*HotelBookingQueue Hotel Description End*/
 
 .ard, .arup{ height:30px; width:30px; *margin-top:-30px;   display:block; float:right;}
 .ard{background-position: 0 -219px;}
 .arup{background-position:0 -274px}
 .hDetails_newTab > a:hover, .hDetails_newTab > a{ text-decoration:none;}
 
 /*Adding by Rajkumar*/
label.circlearrow{border: 2px solid #fff;border-radius: 50%;width:12px;height:12px;display: inline-block;text-align: center; cursor:pointer;vertical-align: text-bottom; }
label.circlearrow i.material-icons{font-size:18px; margin:-3px 0px 0 -3px;}
/*Adding by Rajkumar*/

  /*Animation Image Gallery */
 .animated { -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
.fadeInDown {  -webkit-animation-name: fadeInDown;  animation-name: fadeInDown;}
@-webkit-keyframes fadeInDown 
{
  from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  to { opacity: 1;  -webkit-transform: none; transform: none;  }
}

@keyframes fadeInDown {
  from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none;  }
}
  /*Animation Image Gallery End */
 .hDetails_newTab > a:hover{ text-decoration:none;}
   /*HotelBookingQueue Hotel Description */
	.htretbar{ padding:8px; float: left; width:97.5%;}
    .spclbar{  height:325px; overflow-y:auto;  font-size:12px; text-align:justify; width:96.5%;}
   /*HotelBookingQueue Hotel Description End*/
   
 /*View Desktop Site*/
 .orr, .leftnav, a.mcls, .lgut, .chpro, .msite, .vdst, .dnone{ display:none;}





 @media screen and (max-width: 767px)
 {
    .footer-text{height: 90px;}
    .msite{padding:10px 20px; font-size:1.2em; text-align:left; display:block; bottom:0;  margin-top: 25px;  border-top: 2px solid #9fb9d1;  color:#fff; font-size: 22px; width:100%; margin-top:45px; height:50px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; background:#004e93;}
    .ratingrow{width:100%;}
    .ratingbutton{width:100%; text-align:center;}
	.ratingtext{padding:0 8px;}
	.ratingpoor, .ratinggood{width:100%; margin:0;}
  } 


/*Css for rewards points section*/

.rdbach{display:inline; border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px; float:left; padding:5px 5px 5px 30px; margin-top:0px!important; background-position:4px -620px; }
.rdpoints{ width:auto; float:left; border-radius:0px 5px 5px 0px; -webkit-border-radius:0px 5px 5px 0px;  padding:5px 10px;} 
.admail{ background-position:4px -440px; padding:5px 10px 5px 30px; text-decoration:none; border-radius:3px; -webkit-border-radius:3px; margin-left:5px;}
.rewicon{background-position:-2px -516px; display:inline-block; padding:7px 5px 7px 20px;  float:left;}
.brewicon{background-position:0px -679px; display:inline-block; padding:0 5px 0 20px;  float:left; height:23px;}
/*till here*/
.awl img{ position:absolute; margin:9px 0 0 -133px; *margin:4px 0 0 150px;}

/*Packages Ads*/
.pacbx{  width:100%; float:left; position:relative; font-size:12px; }
.pcinbx{ width:97%; float:left; padding:10px; }
.cktham{ width:12%; padding-left:1%;}
.cktham img{  padding:3px; box-shadow:0 2px 5px 0 #888; -webkit-box-shadow:0 2px 5px 0 #888;}
.pcrbx{ width:80%;  padding-left:6%;}
.pcrbx b{ font-size:15px;}
.pcpric{ width:35%; text-align:right;}
.pcpric b{ font-size:24px;}
.ftbx{  width:98%; float: left; padding: 10px; position:relative;}
.pcfname{ padding:5px 18px; font-size:14px; border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0;  position:relative; margin-bottom:-1px; z-index:1;}
.pacbx a span{*float:none;}
.slider{width:inherit; overflow:hidden; position:relative;}
.slider ul{list-style:none; width:50000px;}
.slider li{float:left;}
.sld_nav{position: absolute; top: 38%; width: 100%; height:0;}
.sld_nav button{ border:none; padding:0px; width:40px; height:48px;   text-indent: -10001px; cursor:pointer; margin:5px 5px 5px -8px;}
.dp_next{background-position:10px -57px!important;  float: right; }
.dp_pre{background-position:0 0;  float: left;  }
.dpcn{width:780px; padding:5px;}
.nofnpc{ width:790px; margin:0 auto;}
/*Packages Ads end*/
/*New top Header*/
.hedbg{ padding:2px; min-height:22px;}
.logsbnt{ padding:3px 5px; border-radius: 2px; -webkit-border-radius: 2px; margin-right: 2px; *display:inline-block;}
.ifcase{height:35px; padding-right:10px;}
/*New top Header End*/



/*ManageRewardPoints */
.rwcal1, .rwcal2{ position:absolute!important; display:none; left: 65.3%;}
.rwcal1{top: 323px;}
.rwcal2{ top: 361px;}
.limitPop{position: absolute;  z-index:100; border-radius:3px; -webkit-border-radius:3px; padding:5px 10px;  margin-top:22px;}
.limitPop:after{content:" "; left: 9px; position: absolute; top: -14px;}
.limitPop:before{border-width: 7px; left: 10px; content: ""; position: absolute; top: -14px; border-style:solid; border-color: transparent transparent #fff}



/*Tool Tip  Generate Voucher*/
.ckboxH .tooltiptext { display:none; text-align: center;  padding: 5px;  position: absolute;  z-index: 1;    left: 190px;  margin-top:-27px;}
.ckboxH .tooltiptext::after { content: ""; position: absolute;  top:7px;  left:-5px;  margin-left: -8px;   border-width: 6px;  border-style: solid;}
/*Tool Tip  Generate Voucher End*/
 .dnoneIm{display:none!important;}
/*Guest Details */
.pxld{ padding:10px;}
.edtpax{ background-position: 5px 5px; font-size:12px; cursor:pointer; border-radius: 3px; -webkit-border-radius: 3px; padding:6px 5px 6px 30px;}
.edtpax:hover{text-decoration:none;}
.paxtb{ width:100%; border-collapse:collapse;}
.paxtb tr:first-child{ }
.paxtb td{ padding:5px; }
.paxtb td em{ font-size:11px;}
.adltpx{ width:17px;  transition: all 0.2s ease; -webkit-transition: all 0.2s ease; height:17px; display:block; margin:0 auto;}
.adact{ background-position:0 -32px;}
.paxsw{  position:absolute; z-index:1001; width:30%; margin-top:-187px;}
.paxsw::after{ position:absolute; content:''; width:10px; height:10px; border-bottom:none;  transform: rotate(45deg); border-right:none; left:59%; margin-top: -7px;}
/*Guest Details End*/


/*CreateAgentProfile Icon*/
.addicon{ cursor:pointer;  margin: 0 2px; background-repeat:no-repeat; width:20px; height:20px; display:inline-block; *display:block;}
.plussp{background-position: -1px -49px;}
.clssp{background-position: 0px 1px;}
.delssp{background-position:0px -23px;}
.dlwssp{background-position:0px -75px;}
.deltext{ padding: 5px 10px; border-radius: 2px; -webkit-border-radius: 2px; font-size: 12px;}
/*CreateAgentProfile Icon End*/

/*Top Header Icon Work*/
.agrew{ display:block; width:22px; height:16px;  position: absolute; margin: -1px 0 0 -27px;}
.agrbx{ position:fixed; left:0; width:100%; height:100%; z-index:10011; display:none;}
.popbxag{ position:absolute; width:480px;  margin:auto;  height:140px;  border-radius:20px; -webkit-border-radius:20px; left:0; *left:32%;  right:0; *right:auto; top:0; *top:15%; bottom:0; *bottom:auto; }
.ruicon{display:block; width:174px; height:181px;  margin:-17px 0 0 -93px; position: absolute;}
.agbxcont{padding: 0 0 0 45px; text-align: center;}
.agbxhe{font-size: 18px;     padding: 25px 0 10px 0;}
.agbxcont p{line-height: 22px;}
.agxcl{right: 0; position: absolute; font-size: 20px; width: 30px; height: 25px; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; padding-top: 3px; margin: -11px;     font-weight: bold;}
.agxcl:hover{ text-decoration:none;}
.opbx{ cursor:pointer;}
/*Top Header Icon Work End*/
.prcsbx{position:absolute;  left:0; *left:25%; right:0; margin:0 auto; width: 30%;  }
.RewardProgress { position:relative; width:92px;  height: 20px; *height: 23px; border-radius: 5px; -webkit-border-radius: 5px;  display:inline-block; }
.RpBar { position: absolute; width: 10%; height: 100%;  font-size:10px; text-align:right; line-height:17px;*left:0; *top: -1px; text-shadow: 1px 0.5px 1px #000;}
.poinrew{ width:25px; height:25px; border-radius:50%; -webkit-border-radius:50%; background-position:1px -509px;  display:block; margin:-4px 0 0 -18px; *margin-top:-2px;  position:absolute; z-index:1;}
.pntxt{ margin-top:5px; position:absolute; font-size:11px; padding:0 5px; *top:3px; *margin-left:100px;}
.labelProgress{ width:92px; line-height:17px; text-align: left; padding:4px 2px 2px 2px; text-indent: 12px; *padding:5px;}

/*Exclusive reward  HotelResults Page till 30th dec2016*/
.exofr h2{ font-size:14px;}
.exofr h2 a{ font-size:11px; font-weight:100;}
.clsex { font-size: 16px; right: 5px; margin-top: -6px; text-decoration: none;}
.exofr .exofrpop { padding: 8px;  border-radius: 5px; -webkit-border-radius: 5px; float: left; width: 100%;    margin: 5px 0;}
.exofrpop ul{width: 93%;float: left;list-style: disc;padding: 0 0 0 15px;}
.exofrpop ul li{padding: 0 0 5px 5px; list-style: disc;}

/*Exclusive reward  HotelResults Page End*/

/*static hotel reward point page by prashant*/
.sourcediv{max-width: 250px; float: left; word-wrap: break-word; max-height: 80px; overflow:auto;}
.source_cal{width:90% !important;}

/*Sell Connect Window Block*/
.clsWindowBlock{position: fixed;  z-index: 10001; filter: alpha(opacity=50);  width: 100%; height: 100%; left: 0;     top: 0;}

/*Sell Connect Window Block End*/


.atBx{ text-decoration:underline;}
.atBxpop{display:none; position:absolute;   padding:5px; width:auto; margin-top:10px; z-index:101; text-align:left; font-size:12px; line-height:20px;}
.atBxpop:before{content:" "; position:absolute;  margin:-18px 0 0 40%;}
.atBx:hover .atBxpop{display:block;}
.chdbx.atBxpop:before{margin:-18px 0 0 68%;}
.chdbx.atBxpop{margin-left:92px;}

/*Affiliate Program Block*/
.logo_section{float:left; font-size:13px;}
.logo_section img{width:283px; height:30px;}
.logo_section b{text-align:center; display:block; text-align:right;}
.AffiliateContainerLookup{position:absolute; left:19%; margin-top:28px; }
/*Affiliate Program Block End*/
.otpbtn {padding:5px 8px; font-size:11px;  cursor:pointer; border-radius:5px; -webkit-border-radius:5px;}
.otpbtn:hover, .otpbtn:active {box-shadow:-1px 2px 3px #333; -webkit-box-shadow:-1px 2px 3px #333; text-decoration:none;}
/*Changepassword new*/
.chngpwdbox { float: left; min-height: 340px; padding: 15px;  width:100%;box-sizing:border-box;}
.chngpwdbox *{box-sizing:border-box;}
.chngpwdbox .main-container{width:100% !important;}
.chngpwdhead {   float: left; font-size: 17px; padding: 10px 15px; width: 100%;}
.chngpassrow {width:100%; float:left; margin:5px 0 5px;}
.frmerror{ font-weight:normal!important;width:100%!important; float:left; padding:3px 0; font-size:11px; }
.chngpassrow span{width:35%; float:left; font-weight:bold; margin-right:10px;}
.chngpassrow code{width:52%; float:left;}
.chngpassrow input{ width:96%;}
.pswpolicy{padding:8px; width:86%; float:left;  border-radius:12px; -webkit-border-radius:12px;}
.valrow{ background-position:6px 2px; padding-left:30px; font-size:12px; width:92%; float:left; line-height:20px; }
.successrow {background-position:6px -17px; padding-left:30px; font-size:12px; width:92%; float:left; line-height:20px;}

/*Password Notification strat*/
.chnote{position:fixed; bottom:10px; right:10px; height:35px; width:35px; background-position: 0 -131px; padding:2px;  -webkit-animation: fadein 2s linear forwards;  animation: fadein 2s linear forwards;}
.notexbx{width:268px; height:84px; position:absolute; right:0; top:-100px; border-radius:10px; box-shadow:0 1px 8px 1px #888;}
.notexbx::after{content:" "; border:solid 25px transparent;  border-right:solid 0px transparent; bottom:-39px; right:20px; position:absolute;}
.keyicon{ background-position:8px 25px; height:100%; width:55px; border-radius:10px 0 0 10px;}
.ghttext{font-size:13px}
.notetext{width:200px; font-size:11px; padding:16px 0px 10px 10px;}
.notetext a:hover{text-decoration:none;}
.notecl{border-radius:3px; position:absolute; top:-5px; right:-5px; padding:2px 7px; font-size: 12px;}
@keyframes fadein { from { opacity: 0; } to   { opacity: 1; } }
@-moz-keyframes fadein { from { opacity: 0; }  to   { opacity: 1; } }
@-webkit-keyframes fadein { from { opacity: 0; } to   { opacity: 1; } }
@-ms-keyframes fadein { from { opacity: 0; } to   { opacity: 1; } }
@-o-keyframes fadein { from { opacity: 0; } to   { opacity: 1; } }
/*Password Notification End*/
.contbotBl{ margin-top: 5px; float: left; padding:11px 7px;  width: 96.5%;}
.conDil{width:70%; float:left;}
.conDil a{text-decoration:none;}
.contBtnn{float: right; width: 76px; margin-bottom: 0; margin-top: 5px; padding: 2px; border-radius: 5px; text-align: center; font-size:11px;}
.paxnameFd{width: 30%;}
.paxnameFdls{width:19%;}
/*Featured Hotel*/
.featTab{border-radius:0 5px 5px 0; box-shadow:0 2px 3px 0px #000;text-align:center; text-shadow:0 1px 0 #000; position:absolute; z-index:2; line-height: 12px;  font-size: 12px;  padding: 5px; margin: 6px 0 0 -10px; font-weight: bold;}
.featTab::after{content: " ";border: 10px solid transparent;  position: absolute;  left: -2px; margin-top: 19px;}
.eartab{padding-right:5px; font-size:11px; margin-top:5px;  margin-left:5px; line-height: 20px;}
.redIcn{ width:20px; height:20px;margin-right:5px;}
/*Featured Hotel End*/
/*Amendment Details POPUP*/
.amendpop{width:45%; font-size:12px; position:absolute; z-index:1001; box-shadow:0 0 8px 0 #fff; padding:10px; border-radius:10px;  margin:38px 0 0 8%; }
.amendpop::before{content:" "; border:10px solid transparent;  position:absolute; top: -20px; left: 48%;}
.amentb{border-collapse:collapse; width:100%;}
.amentb th, .amentb td{ padding:10px;}
.amentb th:first-child, .amthm{width:20%;}
.amentb th{text-align:center;}
.amdhed{ text-align:center; font-size:16px; padding: 10px;border-bottom:none;}
.ameTpRW{width:82%;}
.htl_amndlink{ padding:3px 5px; border-radius: 5px;}
.cnlAd{position: absolute;font-size: 16px!important;display: block; width: 18px;text-align: center;height: 18px;border-radius: 50%; padding: 5px; font-style: normal; right: 0; margin-top: -22px; margin-right: -10px; cursor:pointer;}
.amsCl{min-height:50px; max-height:300px; overflow-y:auto;}
.width-99{width:99.7%;}
.colm3{width:33%;}
.mrfl{ width:63%;}
.nameTag{width:25%;}
.mkbtn{  font-size:13px; border:none; padding:7.3px 10px!important; margin-left:4px; cursor:pointer;}

/*Amendment Details POPUP End*/

/*Amendment Charges popup style*/
.splamBx{float:left; width:96.2%; padding:5px;}
.ameclick{ cursor:pointer; }
.ameclick i{ padding:7px 8px; position: absolute; margin: 3px 3px 0 8px; border-radius:2px;}
.ameclick i::after{content:" "; border: solid 5px transparent; margin: -2px 0 0 -5px; position: absolute}
.amepopup{padding:10px; box-shadow: 0 0 8px 0 #888; z-index:1001; position:absolute; border-radius:5px; width: 90%; margin-top: 8px; left:5px;}
.amepopup::before{content:" "; border: solid 8px transparent;  position: absolute; margin: -26px 0 0 42%;}
.amepopup label, .amdtotalPr label{float:right;}
.amdtotalPr{padding:5px; font-weight:bold; font-size:13px; }
/*Amendment Charges popup style End*/
.LookUpScroll{max-height:200px; overflow-y:auto;}
.LookUpScroll .ui-state-focus{margin:0!important;}
.nutspop .small-btn{margin-top:5px; margin-bottom:5px;}

/*Hotel Amendment Charges*/
.priceChangeBx{width:97.5%;}
.aMpLDiv{max-height: 310px; min-height:50px;  overflow-y: auto; overflow-x: hidden;}
.tFrow{width: 25.4%!important;}
/*Hotel Amendment Charges End*/

/*Add New trip style*/
.TripBx .tripDiv{ width:96.6%;  }
.TripBx .tripDivPx{width:96.6%;}
.TripBx .tripicon{background-repeat:no-repeat; background-position:1px -349px; padding:0px 6px 0px 40px; }
.TripBx .tripDiv a{line-height:40px;}
.TripBx .tripRs{width: 94.3%;   padding: 0 5px 5px 40px;}
.tripBtn{ padding:4px 6px; border:none; border-radius:3px; background-position: 4px 3px; cursor:pointer; font-size:11px;}
.tripBtn.Edidel{background-position: 4px -49px}
.tripBtn.save{background-position: 5px  -25px;}
.tripBtn.OpneBtn{background-position: 4px -70px;}
.tripBtn.Cancel{background-position: 4px -106px;}
.tripDiv .tripDiv, .tripDiv .tripicon{width:auto; background:none; padding: 2px  4px 2px 4px; margin: 6px 5px 6px 20px; *padding: 2px  20px 5px 4px;  *margin:2px 5px 6px 20px;  *float:left; *position:relative; }
.tripDiv .tripDiv a, .tripDiv .tripicon a{line-height:18px; *line-height:12px;}
 .tripQu{padding:8px; width: 93.2%;}
 .TripBx.tripQu .tripicon{background-position:-6px -349px; padding:0px 6px 0px 30px;}
 .axtrBtn{  border-radius: 0;  margin-left: -2px;  padding: 8.3px 10px!important;}
 .tripAutoComePop{margin-top: -5px; position:absolute; min-width: 182px; left:0;}
 .TripBx .tripRs.qutriprow{width: 94.8%;}
 .TripBx.TripPop .tripDiv, .width93{width:93%;}
  .TripBx input[type="text"], .TripBx select{width:138px;}
   .SrcTripbx.TripBx input[type="text"], .SrcTripbx.TripBx select{width:unset;}
 .TripBx.TripPop .tripDiv input[type]{width:43%;}
  .TripBx.TripPop .tripDiv select{width:45%;}
 a.TripCancel{padding: 2px 4px;border-radius: 38px; font-size: 11px; cursor:pointer; *position:absolute; *right:-15px; *top:20%;}
  a.TripCancel:hover{text-decoration:none;}
  .tripName.nameshot{min-width:150px; max-width:34.5%; *max-width:25.5%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
  #lblTripName{font-size:13px;}
.tippxp{ width:60%;*position:static!important; *z-index:1001; *width:900px; *float:left; *margin:-120px 0 0 0; *padding:5px;}
 .markupBx{margin-top:-59px; margin-right:69px;  position: relative; z-index: 1;}
 .markupBx input[type="text"]{width: 21px; padding: 3px!important;}
 .SrcTripbx .CotrolLookup input[type="text"]{width:22.5%!important;}
 .SrcTripbx .CotrolLookup select{ width: 23.7%!important;}
/*Add New trip style end*/
.tbocompopup{z-index:5; position: fixed; display: none; left: 0; right: 0; *left: 25%; *right: auto; margin:0 auto; width: 520px; top: 90px; background-color: White; border-radius:3px; border: #ccc solid 4px;}
.margin-left--1{margin-left:-1px;}
.roamerBtn{padding:5px 5px 5px 27px!important; border-radius:3px; border:none; font-size:14px; background-position:5px 5px!important;} 
.roamerBtn:hover{text-decoration:none;}
.romar_bg{background:#eca539 url(../Style/ColorTheme/TBOH/newTBOicon/romar_bg.png) no-repeat; width:420px; font-family:Arial; padding:5px;position: fixed;left: 33%; top:40px; z-index:5; border:4px solid #fff; border-radius:10px;}
.romar_bg h1{margin:0; padding:5px 0; font-size:26px; color:#fff; text-align:center; font-weight:normal;}
.romar_bg h2{margin:0; padding:5px 10px; font-size:20px; color:#fff; font-weight:normal;}
.romar_list{margin:0; padding:0 0 10px; list-style:none;}
.romar_list li{margin:0; padding:4px 0 4px 25px; color:#fff; font-size:12px; background:url(../Style/ColorTheme/TBOH/newTBOicon/bullet.png) no-repeat 10px 7px;}
.last_green{background:#006033; padding:3px 5px; font-size:12px; color:#fff; display:inline-block; margin:0 0 5px 5px;}
/*Romer_app*/
.pushdtlbox{float:left; width:100%; }
.pushdtlbox>.ameTpRW{padding:8px;}
.romar_app_bg{ width:480px; border-radius:10px; border:4px solid #fff; padding:15px; background:#eca539; position:absolute; left:25%; top:25px; z-index:7; text-align:center; font-family:Arial; color:#fff;  }
.romar_app_bg h1{margin:0; padding:5px 0 15px; font-size:26px; font-weight:bold;}
.romar_app_bg h2{margin:0; padding:15px 0 0; font-size:26px; font-weight:normal; color:#000}
.romar_app_bg p{margin:0; padding:5px 0; font-size:26px; text-align:center;}
.romar_app_bg span{margin:0; padding:3px 0; font-size:13px; display:block; color:#000; }
.roamer_appimg{margin:0; padding:10px;}
.roamer_phone{font-size:20px; padding-bottom:15px;}
.roamerBtn:hover{text-decoration:none;}
/*Invoice popup strart*/
.smPopup{  position:fixed; z-index:101; border-radius:3px; top:30%; left:0; right:0;  *left:25%; *right:auto; margin:0 auto; padding:8px; width:400px;}
.sclose{width:20px; padding-top:3px; height:17px; text-align:center; top: 3px;  font-size: 12px;   right: 3px; text-decoration:none; position:absolute; border-radius:50%; cursor:pointer;}
.sclose:hover{text-decoration:none;}
.padding-bottom-8{padding-bottom:8px;}
.sminput{ padding:8px!important; width:70%; outline:none; }
.sendbtn{height: 34px; *height: 33px; padding:0 16px!important; border:none; width: 24.2%; cursor:pointer;}
.margin-left--10{margin-left:-10px;}
.margin-top--1{margin-top:-1px;}
.smoverlaye{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0, .5); z-index:99; display:none;}
.resizeBx{width:100.3%;}
/*error sucess alert msg*/
.tboerror, .tbosuccess, .tboalert { width:auto; float:none; padding:8px; text-align:center; border-radius:3px; -webkit-border-radius:3px; font-size:16px;}
.NewlistTb > span{float:none; display:table-cell;}
.mNmst input{*height:18px;}
.mNmst{ *width:150px;}

/*sightSeeing slider style*/
.Sdlist{width:353.8px;}
a.sdSlBx{width:94%; color:#2b2b2b; display:block; overflow:hidden; margin:0 auto;}
.sdPix{ width:38%}
.sdCond{width:62%;}
.PcNaME{text-overflow: ellipsis;     overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.gray{color:#888;}
.sightseeingSliderWl .sld_nav button{background-color: rgba(0,0,0, 0.1);}
.sightseeingSliderWl .sld_nav button.dp_next{margin:7px 3px 0px 5px; background-position: -2px -57px!important;}
.sightseeingSliderWl .sld_nav button.dp_pre{margin:7px 3px 0px 2px;}
/*sightSeeing slider style end*/
/*Trip Requirement*/
.TpCont{padding:2px 4px 2px 2px; position:relative; margin-left: 5px;}
.TpCont::after{content: " ";  top:3px; left: -10px; border-top: solid 5px transparent;  border-bottom: solid 5px transparent;  border-left: solid 5px transparent; position:absolute;}
.iefloatnone{*float:none!important;}
/*Trip Requirement End*/
.hfpart{border:1px solid #e7e7e7; padding:5px;  min-height: 250px;}
.subhed{padding:8px; font-size:14px; background:#e7e7e7; font-weight:bold;}

/*Change Profile Notifications*/
.ChPrNot{display: none; height: 200px;  overflow-y: scroll; max-height: 100px; *width:99.5%;}
.ChPrNot label{padding:5px; margin:1px 0; border-top:1px solid #e7e7e7; display:block;}
.ChPrNot label:first-child {border-top:none;}
.setBgLb{background-color:#eee;}
.ChPrNot .sclose{width: 17px;padding-top: 2px; height: 15px; top: 5px;}


/*Change Profile Notifications*/


 @media screen and (-webkit-min-device-pixel-ratio:0) { 
 /* Safari 5+ ONLY */
     ::i-block-chrome, select{  -webkit-appearance: none; background-position:99% 11px;}
/* Safari 5+ ONLY end*/
} 
.logo_aff img{max-width: 283px; max-height: 30px;}

/*------------Theme Popup------------------*/
.themePup{ position:fixed; z-index:10012; left:0; right:0; *left:20%;  margin:0 auto; top:18%; width:60%; max-width:90%; min-height:245px; border-radius:10px; box-shadow:0 0 10px 0 #000;}
.reftext{ font-size:30px;  padding:25px 0;}
.choseStp{ padding:10px; display:block; width:40%; margin:0 auto; box-shadow:0 3px 5px #000; border-radius:20px;}
.choseStp:hover{text-decoration:none;box-shadow:0 0px 8px #000; }
.themethumb{display: block; padding: 10px 10px 20px;}
.themethumb img { width: 23%; border: 1px solid #fff; border-radius: 5px; margin-left: 9px; box-shadow: 1px 1px 5px #e6e6e6;}
/*------------End Theme Popup------------------*/

/*Colour Theme Panel*/
.chnav li{ float:left;  border-right:#ccc solid 1px;}
.chnav li a{padding:10px; display:inline-block;}
.btntheme{ float:left; position:relative;  z-index:99; padding:10px 10px 10px 30px; background-repeat:no-repeat; background-position:8px 9px; }
.btntheme a, .themePup a:hover{text-decoration:none;}
.btntheme.Hlight{transition:all ease 0.2s; animation: dropSd 1s linear infinite;}
.cotent{ font-size: 24px; padding-top: 20%; line-height: 32px;}
.dolater{ display:block; padding:20px 0; font-size:14px; cursor:pointer; text-decoration:underline;}
.themitems li{ width:19.4%;margin-left: 5px; margin-top:8px; cursor:pointer; transition:all ease 0.2s; position:relative; overflow:hidden; min-height: 200px;}  
.themitems li span{ width:100%; transition:all ease 0.2s; padding:12px 0;   text-transform: uppercase;}
.themitems li.active i, .themitems li:hover i, .flagsrow li.active i, .flagsrow li:hover i{position:absolute; *width:97.2%; *height:97%; top:0; left:0; right:0; bottom:0; display:block;}
.themitems li.active i{ border:#eda601 solid 4px;}
.themitems li.active span{font-weight:bold;}
.themitems li.active i::before, .flagsrow li.active i::before{content:" "; display:block; width:20px; height:20px; background-color:#eda601; position:absolute; top:0; left:0; background-image:url(../newTBOicon/seticonTh.png); background-repeat:no-repeat; background-position:3px 4px;}
.themitems li[data-title]:after{background: rgba(0,0,0,.7); color: #fff; border-radius: 0; text-align: center; top: -30px; width:100%;}

.Hlight::before{content:" "; display:block; width:79px; height:29px;  position:absolute; left: -100px; background-repeat:no-repeat;}
.THlist li{float:left; padding-left:4px;}
.THlist li:first-child{padding-left:0;}
.THlist li a{ display:block; padding:8px 12px; border-radius:4px; text-decoration:none;}
.border-bottom-none{border-bottom:none;}
.font-weight-100{font-weight:100!important;}

.bdset{overflow: hidden; box-shadow: 0 3px 8px 0 #888; margin:0; position:relative;}
.ThcmBtn{ border:none; padding:8px 16px; cursor:pointer; font-size:14px; margin-right: 4px;}
.thclose{width: 20px;  padding-top: 3px;   top: 3px; right:5px; font-size:16px;  height: 20px; font-size:14px;  text-align: center;  border-radius: 50%; cursor: pointer;  position: absolute;}

/*Colour Theme Panel End*/
@keyframes dropSd {
    0% { box-shadow: 0 0 0px #fff; }
    50% { box-shadow: 0 0 20px #fff; }
    100% { box-shadow: 0 0 0px #fff; }
}

/*Colour Theme Panel End*/
.logo_aff{ float:left;  margin-top:-12px;}
.logo_aff img{max-width: 300px; max-height:60px;}
.disable{background-color: #ccc; }
/*Agent Category list Admin side*/
.AgCdl{ width:25px; height:25px; display:inline-block; background:url(../newTBOicon/agent-CT-icon.png) no-repeat; transition:ease all 0.2s;}
.AgCdl:hover{transform: scale(1.2);}
.Hnewagent{background-position:-23px 2px;}
.Hhighvalue{background-position:-98px 2px;}
.Hbookout{background-position:-58px 2px;}
.Hrevived{background-position:4px 2px;}
.blackAg{background-position:-23px 2px;}
.aAward{background-position: -135px 3px;}
.aPC{background-position:-169px 3px;}
.tollIfo{position:absolute; border:#ccc solid 1px; background:#fff;   left:75px;}
/*Agent Category list Admin side end*/

/*Saved Credit Card tab End*/
 .bgNmcity div > span + span{width:93%; white-space:nowrap;}
 /*Cheeper rate div*/
 .Bkof{ background-color:#f5f6ce;}
 .annIcon{ width:40px; height:40px; background-color:#004684; background-image:url(../newTBOicon/annuc.png); background-repeat:no-repeat; background-position:10px 10px;}
 .cheepHt{min-height:16px; padding-top:12px;}
 .cheepHt b{color:#d2a815;}
 .annIcon.atBx .atBxpop:before{margin: -18px 0 0 5px;}
 .smpopupwidth50{ width:50%;}
 .top-10{top:10%;}
 .top-3{top:3%;}
 .top-1{top:1%;}
 /*Cheeper rate div end*/
 .temphedClass{color:#fff;text-align:center;position: absolute;width: 35%;margin:8px 0 0 300px;     text-shadow: 1px 1px 1px #000;}
 .payment-successful{ background-color:#2ab72a; color:#fff; border:#45ad45 solid 2px;} 
 .payment-failed{ background-color:#d60505; color:#fff; border:#ea0404 solid 2px;}
 .countsv{background: #fff;  width: 16px;text-align: center;  border-radius: 20px;  font-size:14px; font-style: normal;  display: inline-block; padding-right:2px; margin-left: -5px;}
 .disabled, .disabled:hover{background: #EFEFF4!important; color: #B7B7B8 !important;}
 .disableClick{
pointer-events: none;
}
 .LkUi{border: #eee solid 1px; background: #fff;}
 .LkUi li{padding: 4px; border-bottom: #eee 1px dotted;}
 /*------------IANPackages Icon------------------*/ 
.L-rate{display:inline-block; width:12px; height:12px; background:url(../newTBOicon/L-rate.png) no-repeat;}
.disabled_room .L-rate{ background-position: 0 -19px;}
.L-rate-nt{position:absolute; padding:3px 8px; color:#fff; border-radius:10px; background-color:#004687;  margin: -24px 0 0 -44px;  text-transform: uppercase; font-size: 10px;}
.L-rate:hover .L-rate-nt{display:block;}
.L-rate-nt::after{content:" "; border-width: 6px;  border-style: solid; position:absolute;  border-color: #004687 transparent transparent  transparent;  margin: 14px 0 0 -48px;}
.disabled_room .L-rate-nt{background-color:#eee; color:#b5b5b5;}
.disabled_room .L-rate-nt::after{border-color:#eee transparent transparent  transparent;}
/*------------IANPackages Icon End------------------*/ 

.fed{position: absolute;background: rgba(0,0,0,0.2); *background:#000;   width: 100%; height: 101%; z-index: 90; top: 0; filter:alpha(opacity=20);}
/*------------Disabled link------------------*/ 
.disabled1{background-color: #eee!important; color: #ccc!important;cursor: default;}
.disabledtool{color: #777; font-weight: 100; margin-left: -190px; border: #ccc solid 1px;}
.disabledtool:before { border-color: transparent transparent #ccc transparent;} 
.font-20{font-size:20px;}
.font-16{font-size:16px;}
.border-bottom-1{border-bottom:#eee solid 1px;}
.ctabct{ border:#ccc solid 1px; padding:8px 16px; border:#ccc solid 1px;}
.ctable th{background: #979797!important; color: #fff!important;}

/*------------Themes List------------------*/ 
.flagsrow li{ width:20%; position:relative; margin-top:-1px; margin-left:-1px;}
.flbx{padding:8px; border:#eee solid 1px; background-color:#fff; }
.flagsrow li:hover .flbx { background-color:#f9e4b5;}
.flbx img{border:#eee solid 1px;}
.flagsrow li[data-title]:after{background: rgba(0,0,0,.7); color: #fff; border-radius: 0; text-align: center; top:0px; width:100%; float:left; margin:-30px 0 0 0; padding:8px 0;}
.flagsrow li.active i::before{left:auto; right:8px;  top: 11px;}
.flagsrow li.active i{ border:#eda601 solid 1px; bottom:1px; right:1px;}
.ctable th{background: #979797!important; color: #fff!important;}



.confno { position: fixed; right: -2px; top: 30%; background-color: #f4f4f4; z-index: 1001; box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15); border-radius: 0.3rem; }
.sLdbx { width: 200px; display: none; float: left; padding: 1rem; box-sizing: border-box; }
.go_info { right: -6px; top: 7px; position: absolute; }
.greybg { background: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none; z-index: 100; box-sizing: border-box; }
.loader { border-radius: 50%; width: 80px; height: 80px; animation: spin 1s linear infinite; margin: 0 auto; border: 10px solid #f3f3f3; border-top: 10px solid #004e93; box-sizing: border-box; }

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.OpgBk{ width:57px; height:117px; background:url(../newTBOicon/gbbtn.png) no-repeat;  position:absolute;top: -1px; left: -55px; }
.OpgBk::before{content:" "; display:block; position:absolute; width:0; height:0;  transition:all ease 0.5s;   border-bottom: transparent solid 5px; border-top: transparent solid 5px;  border-left: transparent solid 5px;   border-right: solid 8px #fff; left:28px;   top: 8px;}
.OpgBk.arrowd::before{border-right: transparent solid 5px;   border-left: solid 8px #fff; left:35px;}
.Conbnt{background: #ff9900; color:#fff;  border: #e88d07 solid 1px;  height:23px; width:30px;}
.Conbnt:active, .OpgBk:active { opacity:0.5; }
.MGTB{display:none;}
 /*Deals and promotions*/
.insu_icon::after { background: url(../newTBOicon/insu_icon.png) no-repeat center center; height: 24px; width: 24px; display: inline-block; content: " "; margin-top:-2px; }
.railicon::after {
    background: url(../newTBOicon/railicon.png) no-repeat center center;
    height: 24px;
    width: 24px;
    display: inline-block;
    content: " ";
    margin-top: -2px;
    background-size: 23px;
}
.newiconftab::after{ content:"New"; font-size:10px; background:red;  border-radius:5px;  color:#fff; padding:0 3px; animation:bgnew 0.5s ease infinite; -webkit-animation:bgnew 0.5s ease infinite; margin-left:10px; display:none;}
.Fl.newiconftab, .Car.newiconftab, .Cru.newiconftab, .help.newiconftab, .Insu.newiconftab, .Rail.newiconftab {
    position: relative;
}
    .Fl.newiconftab::after, .Car.newiconftab::after, .Cru.newiconftab::after, .help.newiconftab::after, .Insu.newiconftab::after, .Rail.newiconftab::after {
        position: absolute;
        top: -5px;
        right: 0;
        font-size: 8px;
        line-height: normal;
    }
@keyframes bgnew {
    0% { background:red; }
    100% { background:#f1a500; }
}
 /*Deals and promotions*/
 .hedbh1{background-color:#004684; color:#fff;}
 .tabelbg2{ background-color:#eef3f9;}
 .tbocolor2{color:#e4ae38;}
 .lightbtn{font-size: 14px; text-decoration: none; padding: 5px; border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; border:#e3e3e3 solid 1px; background-color:#ecf3f9; color:#000000;  margin-right: 5px;  overflow: visible; margin-left: 5px;}
.callWidget {
    position: fixed;
    border: none;
    width: 209px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    bottom: 22%;
    right: -80px;
    height: 55px;
}
.Tncoverlayer { position: fixed; z-index: 201; background: rgba(0,0,0,0.5); top: 0; left: 0; width: 100%; height: 100%; right: 0; bottom: 0; }
.TnCpopup { width: 60%; padding: 16px; z-index: 202; border: #024d88 solid 5px; background: #fff; min-height: 370px; position: absolute; left: 0; right: 0; *left: 15%; *right: auto; top: 80px; margin: 0 auto; box-shadow: 0 4px 8px #000; -webkit-box-shadow: 0 4px 8px #000; }
.newbtn { border: #015496 solid 1px; background-color: #024d88; color: #fff; padding: 5px 16px; border-radius: 4px; -webkit-border-radius: 4px; }
.newbtn:active { opacity: 0.6; }
.disebale { background-color: #eee; border: #ccc solid 1px; color: #000; }

.limitswitch { position: relative; display: inline-block; width: 60px; height:29px; }
.limitswitch input { opacity: 0; width: 0; height: 0; }
.checkBxslider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color:darkgreen; -webkit-transition: .4s; transition: .4s; }
.checkBxslider:before { position: absolute; content: ""; height: 26px; width: 26px; left:2px; bottom:2px; background-color: white; -webkit-transition: .4s; transition: .4s; }
.limitswitch input:checked + .checkBxslider { background-color:red; }
.limitswitch input:focus + .checkBxslider { box-shadow: 0 0 1px #2196F3; }
.limitswitch input:checked + .checkBxslider:before { -webkit-transform:translateX(30px); -ms-transform:translateX(30px); transform:translateX(30px);}
.checkBxslider.round { border-radius: 34px;}
.checkBxslider.round:before { border-radius: 50%; }
.rowlabelIn{width:60px!important; margin:0!important;}
.referbg { background-color: #e4ae38; color: #fff; }
.refer_tb { height: 21px; margin-left: 2px; z-index: 2; }
.refer_con { display: block; width: 15px; height: 15px; position: absolute; transform: rotate(45deg); right: -7px; top: 3px; }
input[type="text"].madaCNlogo { background-image: url(../images/madaCN.png); background-repeat: no-repeat; background-position: 99% 4px; }
.limit_case {position: absolute; top: 61px;}
.adsbox{border: #eee solid 1px;  font-size: 17px; box-shadow: -5px 4px 4px -2px #c7c3c3; -webkit-box-shadow: -5px 4px 4px -2px #c7c3c3;}
.Tnumber{width:60%;}
.acadmy_adbx{overflow:hidden; background-color:#eceaea; box-shadow: 0 0px 5px 0 #888;}
.acad_btn1{background: rgba(241,231,103,1);
background: -moz-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,231,103,1)), color-stop(100%, rgba(254,182,69,1)));
background: -webkit-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
background: -o-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
background: -ms-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645', GradientType=0 );
padding: 5px;  text-align: center;     border: #fff solid 2px; border-radius: 5px; font-size: 14px;}
.acad_btn2{
background: #f6f8f9; /* Old browsers */
background: -moz-linear-gradient(top,  #f6f8f9 0%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f6f8f9 0%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f6f8f9 0%,#d7dee3 51%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
padding: 5px 10px; border-radius: 5px; border: #fff solid 1px; font-size: 13px;
}
.tbo-a-bg_2{background-color: #004684; color: #fff; background-image: url(../newTBOicon/tbo-a-bg_2.jpg); background-position: bottom center; border-radius: 4px;  padding: 16px 0; background-repeat: no-repeat;}
.tbo-a-bg_1{background-color: #da6625; color: #fff; background-image: url(../newTBOicon/tbo-a-bg_1.jpg); background-position: bottom center; border-radius: 4px;  padding: 16px 0; background-repeat: no-repeat;}
.scale-up-center{-webkit-animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1.000) both;animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1.000) both}
@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
           
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
          
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);            
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
         
  }
}

.rquest_raisepopup { display:none; position: absolute; background: #fff;box-shadow: 0 2px 5px #c6c6c6; border-radius: 3px; padding: 15px; left: 10px; margin-top: 25px; border: 1px solid #cccccc; width: 290px; line-height: 19px;}
.rquest_raisepopup:before { content: ""; border-color: transparent transparent #d6d6d6 transparent; border-width: 10px; border-style: solid; position: absolute;top: -19px; left: 16%;}
.requestpop:hover .rquest_raisepopup {display:block;}

.tranfer_overlay{background: rgba(0,0,0,0.8); position: fixed; top: 0;  bottom: 0; left: 0; right: 0; z-index: 2;}
.tranfer_overlay .tranfer_popup {position: absolute;  width:98%; max-width:900px; left: 0; right: 0; margin: auto; background: #fff; top: 0; bottom: 0; height:280px; border: #ccc solid 4px;}
/*.tranfer_overlay .over_scroll { height: 250px;  overflow: auto;}*/
.trfclose{display:none;}
.tranfer_overlay .trfclose{position: absolute; color: #fff; right: -10px; margin-top: -31px; display:block;}
.delet_stam{ font-family:Impact; font-size:20px; color:#fb6a6c; border:#fb6a6c solid 3px; padding:2px 5px; border-radius:5px;}
.tbo_secondary_btn{padding: 6px 10px;    background: #f9bc38;    color: #000;   border-radius: 5px; border: #c2932c solid 1px;}
.tbo_border_btn{padding: 6px 10px;    background: #fff;  border:#ccc solid 1px;   color: #000;   border-radius: 5px;}
.help_tp::before { display:none;}
.limitPop.notificationmainbox {width: 305px;   margin-left: -216px;  font-size: 12px;     margin-top: 9px; box-shadow: 0 5px 8px 0 #dbdbdb; border:none;}
.limitPop.notificationmainbox::after{ left:72%;}
.limitPop.notificationmainbox::before{display:none;}
.notificationsdot{position: absolute;    margin: -3px 0 0 -12px;    font-size: 10px;}


.tpiconbx { height: 52px; }
.lmtnav { margin: 44px 0 0 0; padding: 0; list-style: none; }
    .lmtnav li { display: inline-block; color: #fff; position: relative; font-size: 12px; }
        .lmtnav li .limitPop { min-width: 200px; border: none; text-align:left; border-radius: 0; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); }
        .lmtnav li .limitPop:before { display:none;}
.bntlmt { padding: 8px; border-radius: 5px 5px 0 0; border-bottom: 0; }
    .bntlmt:hover, .bntlmt.set { background: #004e93; }
.lmtnav li::after { content: " "; display: inline-block; height: 10px; vertical-align: middle; border-right: #0d6fc6 solid 1px; }
.lmtnav li:last-child::after, .lmtnav li:nth-child(4)::after { border-right: none; }
.bntlmt.set .material-icons { transform: rotate(180deg); }
#myRewardDiv, #Limit, #divAvlLimit { right: 0; }

.mrpBx{ padding: 16px 20px; border-radius: 4px; box-shadow: 0px 0px 8px #dbe8f0; border: 1px #baddf6 solid; overflow:hidden;}
.d-inline-block{ display:inline-block;}

.tbotooltiptopp { position: relative; display: inline-block; }
.tbotooltiptopp .tooltiptexttopp { visibility: hidden; width: 200px; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 100%; /* left: -70px; */ margin-left: -65px; background-color: #004684; color: #fff; border: #004684 solid 1px; }
.tbotooltiptopp .tooltiptexttopp::after { content: ""; position: absolute; top: 100%; left: 73%; margin-left: -5px; margin-top: -5px; width: 10px; height: 10px; background: #004684; transform: rotate( 45deg ); border-bottom: #004684 solid 1px; border-right: #004684 solid 1px; }
.tbotooltiptopp:hover .tooltiptexttopp { visibility: visible; opacity: 1;  }

.error_box_new { color: #c91302; border: #fae3e1 solid 1px; padding: 0.3rem; background: #fff; border-left: #c91302 solid 3px;  border-radius: 4px;}
.alert_bx { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; box-sizing: border-box; border-left: #721c24 solid 4px; }



/*---support Menu css----*/
.supportMenu .contact_hd {
    padding-bottom: 7px;
}

.supprtHd {
    padding: 6px 10px 5px 10px;
    margin: 0 5px 0 0;
    color: #fff;
    text-decoration: none;
    display: table-caption;
    text-align: center;
    font-size: 12px;
}

.supportMenu {
    position: relative;
}

.block {
    display: block !important;
}


.submenuContent {
    display: none;
    font-size: 12px;
    font-weight: 500;
    width: min(89px, 100%);
    background: #FFF;
    position: absolute;
    top: 50px;
    line-height: 18px;
    z-index: 100;
    border-top: 0;
    border: solid 1px #e7e7e7;
    background-color: #fff;
    padding: 5px !important;
    -webkit-box-shadow: 0px 0px 4px 0 #888;
    min-width: 138px;
    right: 0;
    margin: 0;
    list-style: none;
}
.dblock {
    display: block !important;
}
.supprtHd:hover {
    text-decoration: none;
}

.submenuContent li a {
    background: url(../../newTBOicon/nav_bult.png) no-repeat 5px 10px;
    background-position: 5px 10px;
    padding: 5px 5px 5px 20px;
    height: auto;
    width: auto;
    font-weight: 100;
    font-size: 12px;
    color: #004684;
    display: block;
}

.submenuContent li a:hover {
    background: url(../../newTBOicon/nav_bult.png) no-repeat 5px -42px #0E64B2;
    color: #fff;
}
.travelBanner{position: relative;float: left;margin-block: 4px;}
.travelBanner img{width: 100%;}
.travelBanner a{color: #014693;border: 1px solid #014693;background-color: #fff;padding: 8px 13px;border-radius:4px;font-weight: 500; display: flex; gap: 8px; line-height: 18.4px; align-items: center;justify-content: center;position: absolute;bottom: 12px;right: 12px;font-size: 14px;text-decoration: none;}
.travelBanner a:hover{text-decoration: none;}

@media(max-width:768px) {
    .submenuContent li a {
        background: none !important;
        padding: 10px;
        color: #000 !important;
        font-size: 14px;
    }

    .submenuContent {
        width: 100%;
        position: static;
    }

    .supprtHd {
        display: flex;
        align-items: center;
        gap: 9px;
        font-size: 15px;
    }

    .supportMenu {
        position: relative;
        padding: 5px 0 5px 0px !important;
    }

    .top_nav ul li:nth-last-child(1) {
        border-top: #F1F1F1 solid 1px;
    }
}

@media(min-width:768px) {
    .supportMenu:hover .submenuContent {
        display: block;
    }
   /* .submenuContent li a {background:#fff;}*/
}


@media(max-width:991px) {
    .scation_bx .row {
        flex-wrap: wrap;
    }

    .room_lft {
        flex: 0 0 32%;
        max-width: 32%;
    }

    .room_mid {
        flex: 0 0 68%;
        max-width: 68%;
        border-right: 0;
    }

    .room_rht {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        border-top: #eee solid 1px;
        padding-top: 10px;
        margin-top: 6px;
    }

    .tag_ul li {
        margin-top: 4px;
    }

    .rinfo {
        columns: 1
    }

    .room_mid:before, .room_mid:after {
        display: none;
    }

    .hotel_results_content .tbotooltiptopp .tooltiptexttopp {
        left: -117px;
    }
}

@media(max-width:767px) {
    .room_lft, .room_mid {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }

    .scation_bx {
        padding: 10px;
    }

    .room_lft {
        margin-bottom: 5px;
    }

    .bntlmt {
        display: inline-block;
        margin: -5px 0;
    }
}



.d_flex{display: flex;}
.d_block{display: block;}
/*.d-none{display: none;}
*/
.justify-content-right{justify-content: right;}
.justify-content-between{justify-content: space-between;}
.justify-content-center{justify-content: center;}
.align_item_center{align-items: center;}
.flex_wrap{flex-wrap: wrap;}
.text_center{text-align: center;}
.text_right{text-align: right;}
.raisedItem{padding: 32px; font-family: 'Roboto';}
.text_gray{color: #484848;}
.text_gray100{color: #595959;}
.text_gray200{color: #333333;}
.text_gray300{color: #818181;}
.text_gray400{color: #3D3D3D;}
.text_gray500{color: #6F6F6F;}
.text_gray600{color: #575757;}
.text_black{color: #000;}
.text_black600{color: #050505;}
.text_red{color: #BA0704;}
.text_danger{color: #A80402;}
.text_success{color: #6AA86D;}
.text_green{color: #539A56;}
.text-white{color: #fff;}
.text-blue{color: #014693;}
.text_warning{color: #654F29;}
.error_Warning{color: #79302F;}
.blue900{color: #0E63B2;}
.blue800{color: #004684;}
.bg-blue{background-color: #014693;}
.bg-red{background-color: #BA0704;}
.bg-white{background-color: #fff;}
.fw_400{font-weight: 400;}
.fw_500{font-weight: 500;}
.fw_600{font-weight: 600;}
.fw_700{font-weight: 700;}
.font-12{font-size: 12px;}
.font-13{font-size: 13px;}
.font-14{font-size: 14px;}
.font-18{font-size: 18px;}
.gap_14{gap: 14px;}
.gap_18{gap: 18px;}
.gap_24{gap: 24px;}
.gap_8{gap: 8px;}
.gap_6{gap: 6px;}
.gap_12{gap: 12px;}
.w_100{width: 100%;}
.mb_16{margin-bottom: 16px;}
.mb_13{margin-bottom: 13px;}
.mb_14{margin-bottom: 14px;}
.mb_4{margin-bottom: 4px;}
.mb_6{margin-bottom: 6px;}
.mb_25{margin-bottom: 25px;}
.mt_8{margin-top: 8px;}
.mt_16{margin-top: 16px;}
.mt_18{margin-top: 18px;}
.mt_14{margin-top: 14px;}
.mt_12{margin-top: 12px;}
.mt_24{margin-top: 24px;}
.mt_27{margin-top: 27px;}
.mt_20{margin-top: 20px;}
.mt_30{margin-top: 30px !important;}
.mt_45{margin-top: 45px !important;}
.lh_18{line-height: 18.75px;}
.lh_14{line-height: 14.06px;}
.lh_15{line-height: 15.15px;}
.underline{text-decoration: underline;}

.raisedSection{ display: flex; justify-content: center; gap: 24px; align-self: stretch; flex-wrap: wrap; width: min(690px, 100%); margin: auto;}
.querySelection{ border: 1px solid rgba(89, 89, 89, 1);color: rgba(51, 51, 51, 1);border-radius: 4px;min-width: 265px;padding: 8px 12px !important;}
.querySelection:focus-visible{outline: unset;}
.text_decoration_none{text-decoration: none !important;}
.bookingItem{width: 164px; border-radius: 8px; padding: 24px; background-color: #fff; border: 1px solid #fff; transition: .2s ease-out;}
.bookingItem:hover{border: 1px solid #BADDF6;background-color: #F0F9FF;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);transition: .2s ease-out;}
.bookingItem:hover span{color: #0E63B2;}
.bookingItem:hover span svg path{fill: #0E63B2;}

/*--Popup css--*/
.PopupModals {position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.modal_content.width551 {width: min(503px, 95%);}
.modal_content.width503 {width: min(550px, 95%);}
.modal_content.width506 {width: min(458px, 95%);}
.modal_content.width365 {width: min(365px, 95%);}
.modal_content.width462 { width: min(414px, 95%);}
.modal_content.width422 { width: min(374px, 95%);}
.modal_content.width428 { width: min(364px, 95%);}
.modal_content.h267 { min-height:219px;}
.modal_content.h260 { min-height:212px;}
.modal_content.pd_xy{padding:35px 40px;}
.modal_content.pd_32{padding: 32px;}
.modal_content {background-color: #fff; border-radius: 12px; padding: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.paymentNotes {border: 1px solid #D1B77E; border-radius: 4px; background-color: #FBF8E5; padding: 10px; color: #654F29; font-weight:400; column-gap:5px;}
.closebtn {background: transparent;border: none;cursor: pointer; padding: 0; line-height: 11px; position: absolute;right: 9px; top: 8px;}
.closebtn.btn_set{right: 13px;top: 13px;}

/*----Booking queries css----*/
.uploadSection{background-color: #F8FCFF; border: 1px solid #E9E9E9; border-radius: 8px;padding: 16px;}
.input_File label{font-size: 14px; color: #444444; font-weight: 400;margin-top: 11px;display: block;}
.input_File input{border: 1px solid #CED4DA; border-radius: 4px; padding: 8px 12px !important;font-size: 12px;background-color: #FCFCFC;color:#9D9D9D;font-weight:400;}
.input_File input:focus, .msgInput:focus{outline: unset;}
.input_File input.h_22{min-height: 22.4px;}
.input_File{margin-block: 6px;gap: 12px;}
.input_File input.lh_25{line-height: 25px;}
.input_File input.lh_15{line-height: 14.4px;}
.input_File input:hover{border-color: #1E85D6;}
.requiredFieldss{border-color:#CD0D0D;}
.input_File label .redss{color: #D30000;margin-left: 1px;}
.errorField{border-color: #BA0704;}

/*-----input type file css----*/
.customssTypeFile{position: relative;}
.customssTypeFile {color: #9D9D9D;}
.customssTypeFile::before{ content: url(../images/attachIcon.svg); cursor: pointer; outline: none; position: absolute; right: 12px; padding-block: 6px;}
.customssTypeFile::-webkit-file-upload-button {visibility: hidden; display: none;}
.customssTypeFile::after {content: "Select File"; background: #fcfcfc; color: #b2aeae; font-size: 12px; position: absolute; left: 12px; width: 30%;padding-block: 4px;}
.rulesTexsss {font-size: 11px; color: #333333; opacity: 60%; font-weight: 400; margin-bottom: 4px;}
.uploadBtn{padding: 11px 38px;border-radius: 4px;background-color: #F2F2F2;border: none;line-height: 18px;color: #8d8b8b;}
.bookingBtns{border: 1px solid #014693;padding: 12px 26px;border-radius: 4px;line-height: 17.4px;}
.content_wraper {color: #0E63B2;text-align:center;}
.content_wraper p{margin:10px 0; line-height:18.75px}
.content_wraper h5 {line-height: 18.75px; margin: 23px auto;}
.height40{height:40px;}

/*--waiting loader--*/
.wait_Loader{animation: rotate_360 2s linear infinite; background-size: cover;}
.wait_Loader{animation: rotation 2s infinite linear;}
@keyframes rotation {
    from{transform: rotate(0deg);}
    to{transform: rotate(359deg);}
}
/*---check mark success---*/
.checkmark {width: 60px; height: 60px;border-radius: 50%; display: block; stroke-width: 3;stroke: #fff; stroke-miterlimit: 10; box-shadow: inset 0px 0px 0px #4bb71b;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;  position: relative; top: 5px;  right: 5px; margin: 0 auto;}
.checkmark__circle { stroke-dasharray: 166;stroke-dashoffset: 166;stroke-width: 2; stroke-miterlimit: 10; stroke: #43c65d; fill: #43c65d;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.checkmark__check {transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;}
@keyframes stroke {
    100% {stroke-dashoffset: 0;}
}
@keyframes scale {
    0%, 100% {transform: none;}
    50% {transform: scale3d(1.1, 1.1, 1);}
}
@keyframes fill {
    100% {box-shadow: inset 0px 0px 0px 30px #4bb71b;}
}

.checkmark__circle.fill_red {stroke: #eb2127; fill: #eb2127;}
.msgInput{border: 1px solid #595959;border-radius: 4px;padding: 7.425px 12px;}
.msgRow textarea{width: 95%;}
.msgRow textarea::placeholder{color: #C0C0C0;}
#raisRequest svg{transition: 0.8s;}
.arrowUp svg{transform: rotate(-180deg); transition: 0.8s;}

/*---room detail css---*/
.roomDetailRow{gap: 20px; border-radius: 8px; border: 1px solid #E9E9E9; background: #FFF; box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.05);padding: 16px;position: relative;}
.destinationItem img{border-radius: 8px; height:81px;}
.roomDetailRow .col_6{width: 48.3%;}
.roomDetailRow::before{content: " "; position: absolute; background-color: #DBDBDB; width: 1px; height: 66%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.cancellation_Row{border-radius: 8px; border: 1px solid #E9E9E9; background: #FFF; box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.05); padding: 16px;}
.cancelDetail{background-color: #F8FCFF; border-radius: 4px;margin-top: 10px;}
.cancelDetail li:nth-child(1){background: #E9F5FF;padding: 6px 15px; border-radius: 4px 4px 0 0;font-weight: 500;}
.cancelDetail li{display: flex;gap: 10px;padding: 10px 15px; font-weight: 400;}
.cancelDetail li span{width: 33.333%;}
.borderBottom{background-color: #D6E4EE;height: 1px; padding: 0 !important;width: 94%;margin: auto;}
.regionRow .querySelection{padding: 10.8px 12px !important;border-color: #FFBDBD;min-width: auto;}
.regionRow .column-6{width: 49.2%;}
.regionRow .msgInput{width: 92%;min-height: 36px;}
.regionRow .msgInput.height19{min-height: 19px;}
.refundRow{background-color: #E9F5FF; border-radius: 8px;padding: 10px;}
.regionRow{display: flex; gap: 8px; flex-wrap: wrap;}
.hrLine hr{border-color: #B4C5DA; border-width: 1px; border-style: solid;}
.refundInfo{background: #FCF3DC;border-radius: 8px;padding: 8px 16px;text-align:left;}
.cancelBookingInfo{background:#FFF0EC;border-radius: 8px;padding: 14px 16px;}
.KeepbookingBtn{border: 1px solid #0E63B2;padding: 15px 26px !important;border-radius: 4px;line-height: 17.4px;font-family: "Roboto", sans-serif;}
.red_border{border: 1px solid #BA0704 !important;}
.pd-block21{padding-block: 21.763px;}
.refundLine span{background-color: #fff; position: relative; padding-inline: 8px;}
.refundLine{position: relative;}
.refundLine::before{content: " "; width: 100%; position: absolute; height: 1px; background-color: #E7E7E7; left: 0; right: 0; top: 8px;}

/*---checkbox css---*/
.bigcheck{position: relative; padding-left: 26px; font-size: 14px; font-weight: 600;}
.bigcheck input[type="checkbox"], .bigcheck input[type="radio"] {opacity: 0; display: none;}
.bigcheck label::before, .bigcheck label::after, .myradiobox label::before, .myradiobox label::after {position: absolute; content: ""; display: inline-block;}
.bigcheck label::after,.bigcheck label::before{height:14px; width:14px; top: 3px; inset-inline-start:0;}
.bigcheck label::before {border:1px solid #004684;}
.bigcheck label::after {text-align: center;border:1px solid #004684;}
.bigcheck label::after {background:#fff}
.bigcheck input[type="checkbox"] + label::after,.bigcheck input[type="radio"] + label::after{content: none;}
.bigcheck input[type="checkbox"]:checked + label::after,.bigcheck input[type="radio"]:checked + label::after{content: url(../images/circle.png);line-height: 15px;}
.bigcheck input[type="checkbox"] + label::before{ background: #ffff;border-radius: 50px;}
.bigcheck input[type="checkbox"]:checked + label::after{border-radius: 50px;}
.bigcheck input:checked ~ label{color: #004684;}

/*---select option value css---*/
.did-floating-label-content {position: relative;}
.did-floating-label {color: #1e4c82; font-size: 13px; font-weight: normal; position: absolute; pointer-events: none; top: 12px;
    padding-left: 12px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all;
}
.did-floating-input, .did-floating-select {
    font-size: 14px; display: block; width: 100%; height: 40px; padding: 6px 12px 6px !important; background: #fff; color: #323840;
    border: 1px solid #3d85d8; border-radius: 4px; box-sizing: border-box;
}
.did-floating-input:focus, .did-floating-select:focus {outline: none;}
.did-floating-input:focus ~ .did-floating-label, .did-floating-select:focus ~ .did-floating-label {top: -8px; font-size: 13px;}
select.did-floating-select {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
select.did-floating-select::-ms-expand {display: none;}
.did-floating-input:not(:placeholder-shown) ~ .did-floating-label {top: -8px; font-size: 13px;}
.did-floating-select:not([value=""]):valid ~ .did-floating-label {top: 4px; font-size: 12px;left:0;}
.did-floating-select[value=""]:focus ~ .did-floating-label {top: 11px; font-size: 13px;}
.did-floating-select:not([multiple]):not([size]) {background-image: url("../images/angleUp.png"); background-position: right 12px top 50%;  background-repeat: no-repeat;}
.did-floating-select:not([multiple]):not([size]).arrow_down{background-image: url("../images/angleDown.png");}
.did-error-input .did-floating-input, .did-error-input .did-floating-select {border: 1px solid #FFBDBD; color: #000;font-weight: 500;}
.did-error-input .did-floating-label {font-weight: 500; color: #000; left:0;}
.input-group {display: flex;}
.input-group .did-floating-input {border-radius: 0 4px 4px 0; border-left: 0; padding-left: 0;}
.input-group-append {display: flex; align-items: center;}

.CancelPopup{padding:19px 9px;font-family: "Roboto", sans-serif;}
.CancelPopup .destinationItem .poptable tr td{border:0; padding:2px;}
.CancelPopup .destinationItem .poptable tr td:nth-child(2){text-align:right;}
.CancelPopup .destinationItem .poptable{border:0;}
.CancelPopup .cancelDetail{border:0;}
.CancelPopup .cancelDetail tr td {border-top: 0; border-bottom: 1px solid #D6E4EE; border-right: 0; border-left: 0;}
.CancelPopup .cancelDetail tr td:nth-child(1){text-align:left;}
.CancelPopup .cancelDetail tr td:nth-child(3){/*text-align:right;*/ font-weight:700;}
.CancelPopup .cancelDetail tr td:nth-child(2){text-align:center;}
.CancelPopup .cancelDetail tr:nth-last-child(1) td{border-bottom:0;text-align:center;}
.CancelPopup .cancelDetail tr:not(:first-child) td {padding-top: 12px; padding-bottom: 12px;}
.CancelPopup .regionRow { gap: 10px;}
.refundInput{text-align:left;}
.refundInput label{color: #004684;}
.refundInput input{margin-right: 5px; width: 19px;height: 19px; accent-color: #004684;position:relative; top:7px;}
.refundInput p{padding-left:26px;}
.CancelPopup .regionRow .msgInput {min-height: 25%; resize:none;font-family: "Roboto", sans-serif;}
.txtAreaWidth .msgInput {width:96%;}

.bookingfallsbx {
    border: 1px solid #9FC282;
    padding: 8px;
    border-radius: 8px;
    background: #FAFFFA;
    color: #595959;
    display: flex;
    align-items: center;
}
.bookingfallsbx svg{min-width: 20px;
    margin-right: 4px;}


@media(max-width:768px) {
    .msgRow textarea, .regionRow .msgInput, .regionRow .column-6{width: 100%;}
    .roomDetailRow .col_6{width: 100%;}
    .roomDetailRow::before{content: none;}
    .destinationItem{align-items: center;}
    .roomDetailRow{gap: 20px;}
    .txtAreaWidth .msgInput {width:100%;}
}
@media(min-width:769px){
    .CancelPopup .regionRow .column-6 {
        width: 49.2%;
    }
}

.extraClass{margin-block: 12rem;}

.disabled_PBE_link {
    color: grey; /* Change the color to indicate it's disabled */
    text-decoration: none; /* Remove underline */
    pointer-events: none; /* Disable mouse interactions */
}
    .disabled_PBE_link{position: relative;}
    .disabled_PBE_link::after{
        content: " "; width: 100%; height: 100%; background-color: #00000014; position: absolute; top: 0; left: 0; z-index: 9999; border-radius: 8px;}
    .disabled_PBE_link span, .dissable p{opacity: 0.7;}

.oneClickAn {
    position: absolute;
    top: -8px;
    right: 0;
    background: #539A56;
    color: #fff;
    font-size: 10px;
    padding: 4px 16px 4px 8px;
    background: linear-gradient(90deg, #539A56 0%, #87AF89 77%, rgba(187, 209, 188, 0.00) 100%);
    border-radius: 20px;
}

.btnslide {
    position: absolute;
    width: 120px;
    right: -200px;
    top: -4px;
    animation: slide 0.5s forwards;
}

.amesmg_bx {
    padding: 10px 20px;
    background: #D7F0D9;
    background: var(--new, linear-gradient(90deg, #D7F0D9 0%, #FFF 100%));
    border: 1px solid #4B8C4D;
    border-radius: 50px;
    margin-bottom: 8px;
}

@keyframes slide {
    100% {
        right: 0;
    }
}

.Amd_updatebtn {
    font-size: 12px;
    font-weight: 400;
    background: #fff;
    color: #539A56;
    border: #539A56 solid 1px;
    padding: 2px 6px;
    border-radius: 4px;
}


.amdupdate_box {
    border: 1px solid #E8E6E6;
    padding: 16px;
    box-sizing: border-box;
    margin-bottom: 8px;
    border-radius: 4px;
}

/* ===================Affiliate Commission css start===================*/
/* Flexbox Container - No Float Needed */
.aftMain_container{width:100%; margin-bottom:8px; float:left; background-color: #fff;}
.affiliate_container {padding: 24px 32px;}
.affiliate-apply-btn {background-color: #0E63B2; border: none; padding: 12px 24px; border-radius: 4px; cursor: pointer; white-space: nowrap;
    height: fit-content; line-height: normal;
}
.affiliate_btn_dissable{background-color: #B2B8BE;}
.affiliate-apply-btn:hover {background-color: #0E63B2; text-decoration: none;}
.affiliate_btn_dissable:hover{background-color: #B2B8BE;}
.affiliate_content {border: 1px solid #D1D4D7; border-radius: 12px; padding: 20px; background-color: #fff; flex-direction: column;}
/* Flexbox Row - Replaces Float Layout */
.affiliate_row {display: flex; flex-direction: row; gap: 16px; align-items: flex-end; width: 50%;}
.affiliate_row .col_50 {flex: 1;}
.affiliate_row .aftInput {padding: 8px 12px !important; border-radius: 4px; border: 1px solid #D1D4D7; height: 40px; width: 100%; box-sizing: border-box;}
.affiliate_row .aftInput.dissable{background-color: #E8E8E8;}
.affiliate_devider{background-color: #EDEDED; height: 1px;}
.affiliate_msg{border-radius: 4px; padding: 6px 12px; text-align: center; margin: 24px 0;}
.aft_success{background-color: #DFF0D8; color: #417A43;}
.aft_error{background-color: #FEEAEC; color: #A80503;}
@media (max-width: 768px) {
    .affiliate_container {padding: 15px;}
    .affiliate_content {padding: 15px;}
    .affiliate_row{width: 100%; flex-direction: column; row-gap: 12px;}
}
/* ===================Affiliate Commission css start===================*/