/*normal table*/
.tbotable {width:100%; }
.tbotable,.tbotable tr th, .tbotable tr td {border-collapse:collapse; }
.tbotable tr th, .tbotable tr td {padding:6px;}
.tbotable tr th { font-size:16px; font-weight:100; padding:10px;}
.tbotable tr:nth-child(2n+1) { }

/*fix header table with verticle scroll*/
.tbotblbox {width:100%; position:relative; padding-top:38px; }
.tbotblscrollbox {max-height:250px; overflow:auto;}
.tbotablescroll {width:100%; }
.tbotablescroll,.tbotablescroll tr th, .tbotablescroll tr td {border-collapse:collapse; }
.tbotablescroll tr th, .tbotablescroll tr td {padding:6px;}
.tbotablescroll tr th {height:0; padding:0; text-align:left;}
.tbotablescroll tr th b {position:absolute; top:0; line-height:17px; padding:10px; font-weight:bold;}
.tbotablescroll tr th:first-child b {border-left:none;}

/*Headings section*/
.tborow h1, .tborow h2, .tborow h3, .tborow h4, .tborow h5, .tborow h6 {float:left; width:100%; margin:0; padding:8px;}
.tborow h1 {font-size:28px;}
.tborow h2 {font-size:24px;}
.tborow h3 {font-size:20px;}
.tborow h4 {font-size:18px;}
.tborow h5 {font-size:16px;}
.tborow h6 {font-size:14px;}

/*error sucess alert msg*/
.tboerror, .tbosuccess, .tboalert {width:100%; float:left; padding:8px; text-align:center; border-radius:8px; -webkit-border-radius:8px; font-size:12px;}

/*All buttons*/
.tbobtn{display: inline-block; cursor: pointer; text-decoration: none; }
.s { font-size: 11px; padding:3px 6px; margin: 0 8px; border-radius:3px; -webkit-border-radius: 3px }
.m {font-size:14px; padding:4px 10px; margin: 0 8px; border-radius: 3px; -webkit-border-radius: 3px }
.l { font-size: 16px; padding: 6px 15px; margin: 0; border-radius: 5px; -webkit-border-radius: 5px }
.tbobtn:active, .tbobtnsmall:active { opacity:0.5; }
/*button small medium large*/
.s span{ font-size: 13px !important; margin-right:3px;}
.m span{ font-size: 17px !important; margin-right:3px;}
.l span{ font-size: 20px !important; margin-right:3px;}

/*tooltip for all*/
/*tooltip basic*/
[data-title]:after {visibility:hidden; background:transparent; border-radius: 3px; content: attr(data-title); font-size: 12px; margin-left: -20px; margin-top: 30px; padding: 8px 15px; position: absolute; transition: all .5s ease-in .2s; -webkit-transition: all .5s ease-in .2s; white-space: nowrap; z-index: 15; transform:translateY(-25px); -webkit-transform:translateY(-25px);}
[data-title]:hover:after {visibility:visible; transform:translateY(0); -webkit-transform:translateY(0);}
/*tooltip advance*/
.tbotipbox {text-transform: uppercase;cursor: help;font-size: 20px; margin:8px 0;padding:8px; position: relative; text-align: center; float:left; width:200px; -webkit-transform: translateZ(0); /* webkit flicker fix */ -webkit-font-smoothing: antialiased; /* webkit text rendering fix */}
.tbotooltip { bottom: 100%;  display: block; left: -25px; margin-bottom: 15px; opacity: 0.0; padding: 20px; position: absolute;  width: 100%; z-index:10;
  -webkit-transform: translateY(10px);  -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px);
  -webkit-transition: all .25s ease-out;  -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
.tbotipbox .tbotooltip:before { bottom: -20px; content: " "; display: block;  height: 20px; left: 0; position: absolute; width: 100%;}  
.tbotipbox .tbotooltip:after {bottom: -10px; content: " "; height: 0; left: 50%; margin-left: -13px; position: absolute; width: 0;}
.tbotipbox:hover .tbotooltip {opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px);   -moz-transform: translateY(0px);  -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);}

/*Basic form*/

 

.tbodate {background-position:98% center;}
.tbomulticheck {margin-right: 10px; width: auto !important; }
.tbofrmhead, .tbomulticheck {font-size:12px;}
.tbofrmhead dfn{}
.tbofrmrow {width:100%; float:left; padding:8px 0;}
.bord:hover{box-shadow:0 5px 5px 0 #ccc; border:1px solid #e7e7e7;}
/*navigation*/
/*responsive nav*/
.tbocaret, .tbogreybg { display: none; }
.tbonav { list-style: none; display: block; width: 100%; margin: 0px; padding: 0px; text-align: left; }
.tbonav > li { display: inline-block; list-style: none; position: relative; }
.tbonav > li > a {  padding: 10px; text-align: center; display: block; text-decoration: none; }
.tbonav > li:last-child > a {border-right:none;}
.tbocaret { float: right; margin-right: 8px; width: 40px; height: 40px; cursor: pointer; }
.tbocaret span {  height: 4px; display: block; margin-top: 8px; }
.tbogreybg { left: 0; top: 0; position: fixed; width: 100%; height: 100%; z-index: 10; }

.prbx{ text-align:center;}
.pricetxt{ font-size:20px; padding:45px 10px 10px 10px; }
.adds i{ font-size:13px; }
.htcont{ text-align:justify; font-size: 12px; line-height:18px;}
.ht-height{ height:75px; overflow:hidden;}
.ht-max-height{ height:auto;}
.bord{ padding-top: 8px; padding-bottom: 8px; margin:5px 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.prbleft{ height: 145px;}
.cumhed {text-transform: capitalize;  padding: 20px 0;    background-size: 100% 100%; }
.pb50{ padding-bottom:50px;}
.hedbx{padding:8px; margin:0px; font-size:18px!important;  font-weight:100;}
.contbx{padding:8px; text-align:justify;  line-height:24px; *width:97.6%;}
.contbg{line-height:20px; padding:10px;}
.footerbg{text-align:center;}
.chklc { margin:10px 0;}
.chklc span{  padding:5px; margin:0 2px;}
.pricetext{padding: 10px; font-size: 16px; font-weight: bold; text-align: right; *float:right;}
.pricetext i, .pricetxt i, .prx i{ font-style:normal; }
.hotelname{font-size: 16px;}
.rmhtmlbx{   width:400px; padding:5px; position:absolute;}
.rmhtmlbx table{ width:100%;}
.tbotablescroll a{text-decoration:none;}
.tbotablescroll a:hover{ text-decoration:underline;}
.romcon{margin-top: 10px;}
.romhed{ padding:6px;  font-size:16px; font-weight: bold; text-align:center;}
.infopop .ttext table, .romcon + table + table{ width:100%; border-collapse:collapse; float: left; margin-top:-1px;}
.infopop .ttext table td, .romcon + table + table td{ padding:5px;}
.xbd > b{ padding:5px; display:block;  width:100%; float:left;}
.infopop .ptxt{  padding:10px; float:left; width:100%;}
.midht{ min-height:500px;}
.tbolink{display: inline-block; min-width: 70px; border-radius: 3px;  padding: 0px 5px;}
.patbb{padding-bottom: 10px;}
.setbx{padding: 10px; margin-bottom: 8px; border-top: none;}
.mtb{ margin-bottom:8px;}
.clsbtn{font-size: 20px;  position: absolute; right:0; padding:5px; top: 0px; }
.rxdrt{ padding-right:20px;}
.prx b{ font-size: 14px;}
.font-11{ font-size:11px;}
.xbd .prx.btnleft{ float:right!important;}
.trnots{position: absolute; width:95%;   padding: 10px; text-align: left; margin:-180px auto 0;  left: 0;     right: 0;}
.trnots  ol{ margin:0;}
.trnots li{ padding:5px 0;}
.trnots::after{content: " ";  position: absolute;     left: 0; right: 0; width: 0; margin: 10px auto 0;}
.cup tr{ cursor:pointer;}
 .tbosticky1 {height:180px;}
/*sticky*/
.stikcy {position:fixed; top:0; margin:0 auto; width:1180px;}
.stikcy1 {position:fixed; top:50px; margin:0 auto; width:1180px; transition:.5s ease .2s; -webkit-transition:.5s ease .2s; height:80px;}


/*scrolltop*/
.tboscrolltop {position:fixed; right:10px; bottom:10px; width:80px; height:40px; opacity:0;}

/*popup*/
.toppoup {position:fixed; left:0; top:0; bottom:0; right:0; margin:auto;  z-index:100; box-shadow:2px 2px 5px #666; -webkit-box-shadow:2px 2px 5px #666; border-radius:3px; display:block;  transition:.2s ease .2s; -webkit-transition:.2s ease .2s;}
.infopop{width:650px; padding:8px; height:540px;}
.tbopopclose {position:absolute; right:12px; top:12px; font-size:16px; width:30px; height:30px; text-align:center; padding:6px;}
.tbopopbox {height:90%; overflow:auto;}



/*normal css */
.popheading {font-size:18px; margin:0; padding:8px; }

/*cssloader*/
.tboloader{width:80px; height:80px; animation:loading 1s linear infinite; 
border-radius:50%;
-webkit-border-radius:50%;
}

@keyframes loading
{
	0{transform:rotate(0);}
	100%{transform:rotate(360deg);}
	
}
@-webkit-keyframes loading
{
	0{-webkit-transform:rotate(0);}
	100%{-webkit-transform:rotate(360deg);}
	
}

/*css process bar*/
.ripple{ height:100%; width:100%;
	    
    background-size: 40px 40px; -webkit-animation:ripple 1s linear infinite; -webkit-animation-play-state:running;  animation:ripple 1s linear infinite;}

@-webkit-keyframes ripple
{
0% {background-position: 0 0;}
100% { background-position: 40px 0;}
}
	
@keyframes ripple
{
0% {background-position: 0 0;}
100% { background-position: 40px 0;}
	}



/*checkbox effect*/

.mt { margin-top: 15px; }
.banner { background-position: top center; height: 381px; }
.conticon { float: right; height: 60px; width: 72px; margin-left: 8px; }
.tel { background-position: 0 0; }
.mail { background-position: -72px 0; }
.agentlogin { border-radius: 5px; float: left; width: 100%; margin-top: 160px; padding: 15px; position: relative; }
.agentlogin h1 {  margin: 0 8px 15px; font-weight: normal; font-size: 18px; text-transform: uppercase; }
.link {  text-decoration: none; font-size: 12px; margin-top: 10px; float: left; }
.newagent { position: absolute; top: -25px; width: 133px; height: 130px; text-align: center; padding: 26px 20px;  font-weight: normal; }
.icon { font-size: 32px !important; }
.whyus { padding: 10px 15px; font-size: 20px; text-transform: uppercase; }
.features span {  border-radius: 8px; margin-right: 5px; font-size: 28px !important;padding: 10px; }
.features em { display: inline-block; font-style: normal; padding: 5px 0; font-size: 14px; }
.patb20 { padding-top: 20px; padding-bottom: 20px; }
.ourservices {font-size: 24px; margin: 0; padding: 20px; font-size: 28px !important; text-transform: uppercase; font-weight: normal; }
.box1 { display:inline-block; margin-left: 10px; text-align: center; width: calc(100% / 8 - 13px); }
.box1 .icon { border-radius: 50%; display: inline-block; height: 90px; padding: 14px 8px; text-align: center; width: 90px; }
.box1 b { font-size: 14px; text-align: center; padding: 5px; display: block;}
.box1:first-child { margin-left: 0; }
.tbofooternav { list-style: none; display: block; width: 100%; margin: 0px; padding: 25px 0px; text-align: center; }
.tbofooternav li { display: inline-block; list-style: none; }
.tbofooternav li a {  font-size: 13px; padding: 0 10px 0 5px; }
.tbofooternav li:after { content: "|"; }
.tbofooternav li:last-child:after { content: ""; }


button.accordion {
    
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s; -webkit-transition: 0.4s;
}


div.panel {
    padding: 0 18px;
    display: none;
    
}

div.panel.show {
    display: block;
}



/*image gallery*/
.hotelgallerybox{position: relative; margin:0 auto; top: 0px; left: 0px; *left:-8px; height: 350px; overflow: hidden; visibility: hidden; }
.imgloading{position: absolute; top: 0px; left: 0px;}
.hotelgallerymain{filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;}
.htlgalleryloading{position:absolute;display:block;background-position:center center;top:0px;left:0px;width:100%;height:100%;}
.htlboxleft{cursor: default; position: relative; top: 0px; left: 350px; width:790px; height: 350px; overflow: hidden;}
        /* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        .jssora05l.jssora05lds      (disabled)
        .jssora05r.jssora05rds      (disabled)
        */
.jssora05l, .jssora05r {display: block;position: absolute;   /* size of arrow element */width: 40px;height: 40px;cursor: pointer;overflow: hidden;  }
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
.jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
.jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
      
       /* jssor slider thumbnail navigator skin 01 css *//*.jssort01-99-66 .p            (normal).jssort01-99-66 .p:hover      (normal mouseover).jssort01-99-66 .p.pav        (active).jssort01-99-66 .p.pdn        (mousedown)*/.jssort01-99-66 .p {    position: absolute;    top: 0;    left: 0;    width: 99px;    height: 66px;}.jssort01-99-66 .t {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: none;}
	   .jssort01-99-66 .w {    position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;}.jssort01-99-66 .c {    position: absolute;    top: 0px;    left: 0px;    width: 95px;    height: 62px; box-sizing: content-box; background-position:-800px -800px;}
	   .jssort01-99-66 .pav .c {    top: 2px;    _top: 0px;    left: 2px;    _left: 0px;    width: 95px;    height: 62px; background-position: 50% 50%;}.jssort01-99-66 .p:hover .c {    top: 0px;    left: 0px;    width: 97px;    height: 64px;    background-position: 50% 50%;}.jssort01-99-66 .p.pdn .c {    background-position: 50% 50%;    width: 95px;    height: 62px;    }
	   * html .jssort01-99-66 .c, * html .jssort01-99-66 .pdn .c, * html .jssort01-99-66 .pav .c {    /* ie quirks mode adjust */    width /**/: 99px;    height /**/: 66px;}
.pydv{ padding:3px!important; border-radius: 3px!important; margin:3px 0; }
.slider_bigs_image{height:372px; width:68%; padding:0.5%; float:left; position:relative;}
.slider_bigs_image > img{ width:100%; height:100%;}
.slider_thumbss{ width:30%; *width:29%; float:right;  height:360px;}
.slider_thumbss_image { float: right; width: 100%; height: 374px; overflow-x: hidden; overflow-y: auto; }
.slider_thumbss_image a{ float:left; padding:0 3px 3px 0px; width:25%;}
.slider_thumbss_image a img{width:100%;}
.sld_tab{width:98.5%;  position:absolute; top:43%;}
.sld_tab button { height:30px; width:40px;border:none; transition:all ease 0.2s; -webkit-transition:all ease 0.2s;}
.sld_tab button:hover { box-shadow:0 0 8px 0 #888; }
.sld_tab .next {background-position:14px 8px; float:right; border-radius: 5px 0 0 5px; }
.sld_tab .pre { background-position:12px -33px; float:left; border-radius:0 5px 5px 0;}
.tbotablecom{width:100%; }
.tbotablecom, .tbotablecom th, .tbotablecom td{border-collapse: collapse;}
.tbotablecom th, .tbotablecom td{padding: 6px;}
.setHt{font-size: 15px; color:green; padding: 8px; border-bottom:#ececec solid 1px; margin-bottom: 8px; width:100%; float:left;}
.setHt i{font-size:28px;}

.agency_com { width:750px;  margin:10px 0 0 0; float:left;}
.agency_com span {width:125px; _width:124px; line-height:30px; height:30px; float:left; font-weight:bold; padding:0 12px; text-align:center;}
.brdrrt_n { border-right:none !important; padding-right:4px !important;}
.agency_com_det { width:750px;  margin:0 0 20px 0; float:left;}
.agency_com_det span {width:124px; float:left; font-weight:bold; padding:5px 12px; text-align:center;}
.mrgn_btm10 { margin-bottom:10px !important;} 
.inp115 { width:115px;}
.inp50 { width:50px; text-transform:uppercase;}
.savebtn { width:750px; float:left; text-align:right; text-align:right; margin:10px 0;}
.margntb { margin-bottom:0 !important; margin-top:0 !important;}
table.det { width:750px;}
table.det td { padding:5px 4px; text-align:center;}

/*Added by pankaj for Rate of Exchange*/
.select_base {width:100%; padding:10px 0 10px 0; margin:0 auto; overflow:hidden;}
.select_base p.base_currency {width:776px; float:left; text-align:center;}
.select_base p.base_currency label { font-weight:bold; margin-right:10px; padding-left:5px;} 
.select_base p.button_rt { float:right; width:150px; text-align:right; padding-right:10px;}

.currency_heads{font-weight:bold; float:left;margin:0; width:100%; border-bottom: 1px solid #e7e7e7;}
.currency_heads span { float:left; line-height:25px; padding:5px;}
.roe_module {  float: left;  margin: 0;  padding: 0px;  width:99.8%;  border:1px solid #e7e7e7;}
.roe_module .update { float: left; width: 100%; margin: 0; padding:6px 0; }
.roe_module .update span { float: right; margin: 0; padding: 20px 5px 0 0; }
.roe_module .update span input.update_btn { width: 55px; height: 20px; margin-top: -1px; font-size: 11px; cursor: pointer; }
.col_select { width:69px;}
.col_currency { width:154px;}
.col_ccode { width:111px;}
.col_roe { width:127px;}
.col_roe1 { width:170px;}
.col_roe2 { width:160px;}
.col_roe3 { width:190px;}
.col_roe4 { width: 160px; border-right: none !important; }

.col_roe input { width:90px;}
.currency_data{float:left;margin:0; width:100%; border-bottom:1px solid #e7e7e7;}
.currency_data span { float:left; padding:5px; font-size:12px; min-height:24px; border-right:1px solid #e7e7e7;}
.currency_data span input{ margin:0; padding:0;}
.currency_data .col_select { padding:5px;text-align:center;}
.pop_add_currency {float:left;padding:5px;width:96.8%; }
.pop_add_currency span { float:left; width:99%; margin-bottom:7px;}
.pop_add_currency span label { float:left; width:100px; font-weight:bold;}
.pop_add_currency span em { float:left; width:auto;}
.sucess_msg { text-align:center;  /*padding:5px;*/ clear:both; font-weight:bold; color:green; margin-bottom:5px;}
.error_msg {float:left; display:none; text-align:center;  font-size:14px; width:776px; padding-bottom:15px; color:red;}
.rate_input{width:50%;}
.currency_data a.com_bnt{ padding: 5px 10px;}
.arrow_d{border-width: 8px 5px; border-style: solid; width: 0; 
margin: 6px 5px 0; height: 0}

/*-------------account page css-------------*/
/*Added by pankaj for Airline HAp*/
table.t_data { border-collapse:collapse;}
table.t_data td { padding:4px;  text-align:center;}
table.t_data01 { border-collapse:collapse; float:left; width:100%; margin-top:20px; margin-bottom:10px;}
table.t_data01 tr.head { font-weight:bold;}
table.t_data01 td { padding:4px;  text-align:center;}
table.t_data01 td.prod { width:70px;}
table.t_data01 td.trans { width:100px;}
table.t_data01 td.vol { width:120px;}
table.t_data01 td input { width:70px; margin:0 5px;}
table.t_data01 td.comm { width:200px;}
table.t_data01 td.total { width:150px;}
table.t_data01 td span { float:left; font-weight:normal; font-size:11px; width:45%;}
.mrt4p { margin-right:4%;}
/*Added by pankaj for UI Issues*/
.width-125px { width:125px;}
.top_seller_report { float:left; width:699px;}
.top_seller_report p { float:left; width:100%; margin-bottom:15px;}
.top_seller_report p label.date01{ float:left; width:100px; margin-right:10px; font-weight:bold; font-size:14px;}
.top_seller_report p dfn { float:left; }
.top_seller_report p dfn input { float:left; width:100px; padding:3px 3px 0 3px;}
.top_seller_report p.radio {}
.top_seller_report p.radio input { margin-right:5px; float:left;}
.top_seller_report p.radio em { margin-right:20px; float:left;} 
.top_seller_report p dfn img { float:left; margin:5px 7px 0 5px;}
.top_seller_report p span { float:left; margin-right:50px;}
.request_change_pop_head{float:left;font-size:12px;font-weight:bold;padding:5px;text-align:left;width:409px;}
.request_remarks2 {float:left;height:56px;width:340px;}
/*-----------backoffice Control------------*/
.bched{font-size:16px; padding:10px; }
.labtx, .labbx{padding-top:8px; padding-bottom:8px;}
.padLR0{ padding-left:0; padding-right:0;}
.padding-8{padding:8px;}
.selectpopup{padding:8px 0; width:400px; border-radius: 5px;}
.popbody_overflow{ min-height:0px; max-height:180px; overflow-y:auto;}

.font-16{font-size:16px;}
.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 15px;  border-radius:5px 5px 0 0; font-size:14px; float:left;}
.tablist li a:hover, .tablist li a.current, .tablist li#current a, .tablist li span:hover, .tablist li span.current{}
/*--------------------hotel credit note--------------*/
.divError { width: 96%; clear: both; font-weight: bold; height: 30px; margin: 0 10px 10px; padding: 6px 5px 2px; text-align: center; }
.Greybg { padding: 10px 5px;}
a.change_detail { position: absolute; top: 10px; right: 10px; font-weight: bold; }
.booking_status { float: left; font-style: normal; margin: 0; padding: 0; text-align: center; width: 97%; }
.booking_status span {float: right; font-size: 15px; font-weight: bold; padding: 5px 22px; }
.invalid_error_Bus { width: 80%; text-align:center; margin: 20px auto 0px; }
.invalid_error_Bus img { margin-top:16px;}
.invalid_error_Bus p { float: left; padding: 20px 0 0 0px; width:100%; }
.invalid_error_Bus p span { display: block; font-size: 13px; font-weight: bold; /*: #012146;*/  margin-bottom: 3px; }
.invalid_error_Bus p dfn { display: block; font-size: 12px; font-style: normal; }

#statescontainer ul{ padding:0px!important; margin:0px!important; float:left!important; width:100%!important;}
#statescontainer .yui-ac-highlight{ display:block!important; width:95.5%!important; padding:2px 5px 2px 6px!important;}
#statescontainer li.yui-ac-prehighlight{display:block!important; float:left!important; width:98%!important;} 

/*========================Manual Invoice============================*/
.calbutn{ float:right; margin-top:-25px;}
.manualInvContainer{float:left; width:720px;}
.block_content1{  margin-bottom:10px; padding:5px; float:left; width:710px;}
.block_content1 .mic_col{ float:left; margin-bottom:8px;}
.block_content1 .w1{ width:300px;}
.block_content1 .w2{width:260px;}
.block_content1 .w3{width:150px;}
.block_content1 .mic_col > span{ display:inline; }
.block_content1 .mic_button{ width:98.7%; padding-right:16px; float:left; text-align:right; cursor:pointer; margin-top:0px;}
.mic_formCont{clear:both; margin-bottom:5px;}
.mic_formCont span{ float:left; width:162px;}
.mic_formCont input{ width:108px;}
.mic_formCont label{ float:left; width:38px;}
.fadeC{ }
.mic_error {font-size: 10px; margin-left:38px;}
.hmi_Container{ width:900px; padding-bottom:5px;}
.hmi_Container input, .hmi_Container select{ padding:0px;}
.staffremark_C { width:159px; padding:5px;  position:absolute; top:285px; right:121px;}
.staffremark_C .subholder{ overflow:hidden;}
.staffremark_C .subholder span{ float:left; padding:2px;}
.staffremark_E{ width:360px; padding:5px;  position:absolute; top:285px; right:121px;}
.staffremark_E .col1{ padding:5px; overflow:hidden;}
.staffremark_E .col2{ padding:5px; overflow:hidden; }
.staffremark_E .col1 span, .staffremark_E .col2 span{ float:left;}
.staffremark_E .col2 .close{ float:right; margin:10px;}
.hmi_sub_Container{float:left; width:447px;}
.tb_data{ margin:-1px 0 0 -1px; min-height:29px; padding: 3px 5px;}
/*-----------------styleHotel---------------*/
.hotel_res_table { width:100%; float:left; border-collapse:collapse;}
.hotel_res_table  td { padding:4px; vertical-align:top; text-align:left;}
.hotel_res_table  td.cl1 { width:5%;}
.hotel_res_table  td.cl2 { width:45%;}
.hotel_res_table  td.cl3 { width:25%;}
.hotel_res_table  td.cl5 { width:50%;}
.hotel_res_table  td.cl5 div { display:inline; width:100%;}
.hotel_res_table  td.cl5 div.links { width:100%;}

/*KYC Details Start*/
input.cal{ cursor: pointer; }
.main-container{padding: 8px; width:100%; float:left; }
.gary{color:#aaa;}
.fieldset{  padding-left:8px; padding-right:8px;}
.hedbx2{ padding:8px;    font-size:16px;}
.overflow{overflow:auto; width:1200px;}
.tyfile input[type="file"]{width:175px;}
.vtltb td{vertical-align:top;}
.sricon{font-size:32px!important; margin-left:-32px;}
.padding-top-8{padding-top: 8px;}
/*KYC Details End*/

.midht input[type="text"], input[type="password"], .midht select, .midht textarea, .midht input[type="number"]{ padding:8px; float:left; width:100%; font-size:13px;}
.midht input[type="text"]:focus-visible, .midht input[type="text"]:hover {
        outline: none;
        border-color: #014693;
    }
.tbomulticheck {margin-right: 10px; width: auto !important; }
.tbofrmrow {width:100%; float:left; padding:8px 0;}
.labbx{font-size:11px;}
h2.title-lv1{padding-left:0;}
.margin-top--1{margin-top:-1px;}
.QuTab{ padding:8px 16px; margin-right:5px; text-transform:uppercase;}


.sdmail { width: 25%; min-height: 110px; left: 0; right: 0;  margin: auto;}
.cmpopup { border-radius: 5px;position: absolute; z-index: 10001; box-shadow: 0 0 8px 0 #888;}
.popclose { padding: 2px 6px; cursor: pointer; float: right; margin: 2px; font-weight: bold; border-radius: 4px;}
.pclmr {margin: -8px -8px 0 0 !important;}
/*deals-and-promotions*/
.delstab{padding:6px 8px; margin-right: 5px; border-radius:5px 5px 0 0;  text-transform: uppercase; background-color: #fff; color:#888;  border-top: #e7e7e7 solid 1px;    border-left: #e7e7e7 solid 1px;    border-right: #e7e7e7 solid 1px;}
.delstab:hover, .delstab.set{background-color:#004684; color:#fff;}
.position-relative{position:relative;}
.porm-bx{background-color:#f7f7f7; transition:all ease 0.2s; -webkit-transition:all ease 0.2s;}
.porm-bx:hover{ box-shadow:0px 8px 8px #888; background-color:#fbf4e6;}
.porm-min-ht{min-height:390px;}
.gary-dark{color:#737272;}
.boxprom{padding:24px 0; text-transform:uppercase;}
.garybg{background:#eee;}
.garybg100{background: #f8f8f8;}
.bgwhite{background-color:#fff;}
.p-0{padding-inline:0px !important;}
.border-top-4 { border-top: 4px solid #004684;}
.z-index-1{z-index:1;}
.offerlebel{position:absolute; bottom:0; left:0; background:rgba(0,43,81,0.8); *background:#000; width:100%; color:#fff;}
.oftab { height:40px;  text-align:center; color:#000; position:relative; z-index:2;}
.imgdeal{ height:250px;}
.imgdealH { height: 180px; object-fit: cover; }
.dsttxt{border:#eee solid 1px; background:#fff;}
.border-w{ border:#fff solid 1px;}
.text-ellipsis-1-line { text-overflow: ellipsis; white-space: nowrap; height:14px; overflow: hidden; }
.descTextwt{width:240px; margin:0 auto; line-height:16px!important; color:#000;}
.HnameHt{min-height:100px;}
.codetext{ color:#bd7f04;}
.tbocolorb{color:#014687;}
.starrt{display:inline-block; background-image:url(../newTBOicon/star-rt.png); background-repeat:no-repeat; height:16px; width:92px;}
.star1{ background-position:0 0; }
.star2{ background-position:0 -17px; }
.star3{ background-position:0 -33px; }
.star4{ background-position:0 -49px; }
.star5{ background-position:0 -66px; }
.offerlebel{transition:all ease 0.2s;}
.dealOfbx:hover .offerlebel{ height:unset;}
.dealOfbx:hover .oftext{white-space:normal; margin-bottom:11px;}
.word-break{word-break: break-all;}
.min-ht250{min-height:250px;}
.starpr{position: absolute;  top:5px;  background-color:#fff;  padding: 3px 0 0px 8px; }
.PRcolor{color:#da8000;}
.v-align-m{vertical-align: middle;}


 
/* style for waterfall grid */
.wf-container { margin: 0 auto;}
.wf-container:before,.wf-container:after {content: '';    display: table;}
.wf-container:after {clear: both;}
.wf-box {  margin:4px; }
.wf-boxx{transition:all ease 0.2s; -webkit-transition:all ease 0.2s;}
.wf-boxx .hveft{position:absolute; top:0; width:100%; height:100%; bottom:0; right:0; left:0; background:rgba(0,0,0,0); opacity:0; filter: alpha(opacity=00); transition:all ease 0.2s; transition:all ease 0.2s; -webkit-transition:all ease 0.2s; z-index:1; color:#fff;}
.wf-boxx:hover .hveft {background:rgba(0,0,0,0.7); opacity:1; filter: alpha(opacity=100);}
.wf-box img {display: block;width: 100%;}
.wf-box .content {border: 1px solid #ccc;  border-top-width: 0;  padding: 5px 8px;}
.wf-column { float: left;}
.zoomicon{ font-size:60px; width:50px; height:50px; top:0; right:0; bottom:0; left:0; margin:auto; position:absolute; opacity:0.7; filter: alpha(opacity=70);}
.justify-content-between{justify-content:space-between;}
.align-items-center{align-items:center;}
.customRow{display:flex;}
.brdwall table tr:hover{background-color:#e4f1fb;}
.filterset{display:flex; justify-content:space-between; align-items:center;}
.px-0{padding-inline:0 !important;}
.padding-x-16{padding-inline:1rem;}
/* Tab */
.commissionTab {
    padding: 0;
    margin-inline-start: 1rem;
    border-bottom: 2px solid #b2b8be;
    width: min(600px, 100%);
    padding-bottom: 9px;
}
.commissionTab li{list-style:none;display:inline-block;}
.commissionTab li a {
    color: #595959;
    font-size: 16px;
    font-weight: 600;
    padding: 6px 11px;
    position:relative;
}
.commissionTab li a.active{color:#014683}
.commissionTab li a.active::after {
    content: " ";
    position: absolute;
    background-color: #014683;
    height: 6px;
    width: 100%;
    left: 0;
    bottom: -6px;
    border-radius: 8px;
}
/*.gridDiv .ui-widget-content {
    width: 90% !important;
}*/
/*.ui-jqgrid tr, .jqgrow td {
    text-align: left;
}*/

@media screen and (max-width:767px) {
    .imgslider{position:absolute;left:0px;top:0px;width:340px;height:350px;}
	.infopop{width:100%; height:100%;}
    .slider_bigs_image, .sld_tab, .slider_thumbss, .slider_thumbss_image a img{width:100%;}
    .slider_thumbss, .slider_thumbss_image{height:152px;}
    .slider_bigs_image{ margin:0 0 5px 0; height:250px; padding:0;}
    .slider_thumbss_image a{width:25%;}
    .mscroll{ width:320px; overflow:auto;}
    .mscroll table{width:1110px;}
    .mpad-0{padding:0;}
    .m-padding-top-10{padding-top:10px;}
    .sricon{ margin-top:26px;}
    
}
 @media screen and (max-width:321px){
     .mscroll{ width:260px; overflow:auto;}
 }
@media screen and (max-width: 991px) { .tborow nav { z-index: 20; position: relative; }
 .navclose { position: fixed; z-index: 100; right: 15px; top: 20px; }
  .navclose span:first-child { transform: rotate(50deg); transition: .2s ease; }
  .navclose span:last-child { transform: rotate(-50deg); margin-top: -3px; transition: .2s ease; }
  .navclose span:nth-child(2) { display: none; }
  .tbocaret { display: block; }
  .tbonav { position: fixed; left: 0; top: 0; display: none; height: 100%; min-width: 70%; width: 280px;  max-width: 250px; overflow: auto;  z-index: 20; }
  .tbonav li { display: table; width: 100%;}
  .tbonav li a { text-align: left; } 

}

@media screen and (min-width:768px) and (max-width: 991px){
    .mscroll{ width:690px; overflow:auto;}
    .mscroll table{width:1110px;}
}

@media screen and (min-width: 768px) {
    .wf-container { width: 750px; }
    .mlSet input{margin-right:2px;}
    .d_flex {
        display: flex;
    }
}
@media screen  and (min-width: 992px) {
    .wf-container { width: 970px; }
}
@media screen and (min-width: 1200px) {
    .wf-container { width: 1170px; }
}