/*reset style sheet---------------------------------*/

* {margin:0;padding:0}

html{
    background-color:#edf0f2 !important;
}
body {
    -position: relative;
    color:#333333;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    background-color:#edf0f2 !important;
    text-align: center; /*Fix IE6 dive center*/
}

/* Eric Meyer's CSS Reset v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	/* border: 0; */
	outline: 0;
	font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
	/* vertical-align: baseline; */       
}
input, textarea{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
input, select { 
    vertical-align: middle
}
h1, h2, h3, h4, h5, h6, p, strong {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
        font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	background: transparent;
}

table, tbody, tfoot, thead, tr, th, td {
	/* vertical-align: top; */

}

ol, ul {
	list-style-type: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

p {margin:0 0 10px 0}

h1,h2 {color:#474d87; margin:0 0 15px 0; padding:0}
h1 {font-size:22px}
h2 {font-size:14px}
h3 {font-size:14px; margin-bottom:10px; padding-bottom:5px; border-bottom: #cccccc solid 1px}

.row:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.row .column {
    float: left;
}

.clear{
    clear: both;
    line-height: 0px;
    height: 0px;
}
.bold{
    font-weight: bold;
}
/*Rendered style sheet---------------------------------*/
.nomar {margin:0}
.nobor {border:none}
.mar5 {margin:5px}
.mar10 {margin:10px}
.marRL5 {margin:0 5px}
.marRL10 {margin:0 10px}
.marTB5 {margin:5px 0}
.marTB10 {margin:10px 0}
.marTB15 {margin:15px 0}
.marTB20 {margin:20px 0}
.marRB5 {margin:0 5px 5px 0}
.marT0 {margin-top:0px}
.marT2 {margin-top:2px}
.marT3 {margin-top:3px} 
.marT4 {margin-top:4px}
.marT5 {margin-top:5px}
.marT10 {margin-top:10px}
.marT15 {margin-top:15px}
.marT20 {margin-top:20px}
.marT25 {margin-top:25px}
.marT30 {margin-top:30px}
.marT40 {margin-top:40px}
.marT50 {margin-top:40px}
.marB5 {margin-bottom:5px}
.marB10 {margin-bottom:10px}
.marB15 {margin-bottom:15px}
.marB20 {margin-bottom:20px}
.marB30 {margin-bottom:30px}
.marB40 {margin-bottom:40px}
.marB50 {margin-bottom:50px}
.marB-1 {margin-bottom:-1px}
.marB-2 {margin-bottom:-2px}
.marL0 {margin-left:0px}
.marL1 {margin-left:1px}
.marL2 {margin-left:2px}
.marL3 {margin-left:3px}
.marL4 {margin-left:4px}
.marL5 {margin-left:5px}
.marL10 {margin-left:10px}
.marL15 {margin-left:15px}
.marL20 {margin-left:20px}
.marR1 {margin-right:1px}
.marR2 {margin-right:2px}
.marR3 {margin-right:3px}
.marR5 {margin-right:5px}
.marR10 {margin-right:10px}
.marR15 {margin-right:15px}
.marR20 {margin-right:20px}
.marR30 {margin-right:30px}
.pad0 {padding:0px}
.pad5 {padding:5px}
.pad4 {padding:4px}
.pad10 {padding:10px}
.padTB5 {padding: 5px 0}
.padTB10 {padding: 10px 0}
.padT3 {padding-top: 3px;}
.padT5 {padding-top: 5px;}
.padT10 {padding-top: 10px;}
.padT15 {padding-top: 15px;}
.padT20 {padding-top: 20px;}
.padT25 {padding-top: 25px;}
.padT30 {padding-top: 30px;}
.padB3 {padding-bottom: 3px;}
.padB5 {padding-bottom: 5px;}
.padB10 {padding-bottom: 10px;}
.padB15 {padding-bottom: 15px;}
.padB20 {padding-bottom: 20px;}
.padL3 {padding-left: 3px}
.padL5 {padding-left: 5px}
.padL10 {padding-left: 10px}
.padL15 {padding-left: 15px}
.padL20 {padding-left: 20px;}
.padL35 {padding-left: 35px;}
.padR3 {padding-right: 3px;}
.padR5 {padding-right: 5px;}
.padR10 {padding-right: 10px;}
.padR15 {padding-right: 15px;}
.padR20 {padding-right: 20px;}
.nobg {background:none}

.textb{font-weight:bold}
.textdefualt {font-size:12px}
.textlite {font-size:12px; color:#999999}
.textGrey {font-size:12px; color:#666666}
.text16{font-size:16px;}
.text11 {font-size:11px;}
.text10 {font-size:11px; color: #999999;}
.text-disable {font-size:11px; color:#F00; font-weight:bold}
.text-active {font-size:11px; color:#090; font-weight:bold}
.textblueB {font-size:12px; color:#474d87; font-weight:bold}
.textorangeB {font-size:12px; color:#eda51b; font-weight:bold}
.text11I {font-size:11px; font-style:italic}
.textPurpleB {color:#bb6a93; font-weight:bold}
.textPurple26B {color:#bb6a93; font-weight:bold;font-size:26px }
.textviolet26B {color:#740391; font-weight:bold;font-size:26px }
.textorange26B {color:#eda51b; font-weight:bold;font-size:26px }
.text16 {font-size:16px}
.text14B {font-size:14px; font-weight:bold}
.text13 {font-size:13px;}
.text13B {font-size:13px; font-weight:bold}
.text26B {font-size:26px; font-weight:bold}
.text26Red {font-size:26px; color:#a45529}
.textWB {color:#ffffff; font-weight:bold}
.text18B {font-size:18px; font-weight:bold}
.marTR5 {margin:5px 5px 0 0}
.marT5 label{margin-right: 15px;}
.marR10 label{margin-right: 15px;}
.marT5L15 {margin:5px 0px 0px 15px}
.floatL {float: left}
.floatR {float: right}
.icon {float:left; margin:2px 5px 0 0; }
.alignC {text-align:center; }
.alignL {text-align:left; }
.pm0 {margin:0; padding:0}
.marR5FL {margin-right:5px; float:left}
.head { background-color:#a4a4a4; color:#ffffff; font-weight:bold}
.bggrey1, .bggrey1 td{ background-color:#f5f5f5 !important;}
.bggrey2, .bggrey2 td{ background-color:#ffffff !important;}
.bggrey3 td {padding-top: 5px; padding-bottom: 5px}
.d-flex {display: flex}
.d-flex.align-c {align-items: center}
.d-flex-center {display: flex;justify-content: center;}
.valignTop{
    vertical-align: top;
}
.valignMiddle{
    vertical-align: middle;
}
.divFloatAuto{
    float: left;
    margin: 0 10px 10px 0;
    width: auto !important;
    display: block;
}
.remainCharBox{
    margin: 0 0 3px 0;
    padding: 0 0 1px 0;
    font-size: 10px;
    width: 90px;
    line-height: 9px;
    height: 14px;
    font-family: arial;
    vertical-align: middle;
    -height: 14px;
    -line-height: 14px;
    -font-size: 8px;
}

.remain-char-box {
    margin: 0 0 2px 2px;
    padding: 0 0 1px 2px;
    font-size: 10px;
    width: 50px;
    line-height: 9px;
    height: 14px;
    font-family: arial;
    vertical-align: middle;
    -height: 14px;
    -line-height: 14px;
    -font-size: 8px;
}
.remain-panel-group {
    margin-top: 3px;
}
.remain-panel-group span {
    font-weight: bold;
    font-size: 11px;
}
.subInfo{
    margin:  4px 0 0 0;
}
.subInfo label{
    font-size: 10px;
}

a {color:#474d87;text-decoration:none}
a:hover {color:#474d87;text-decoration: underline}
.link2 {color:#333333;font-size:12px; text-decoration:underline}
.link2:hover {color:#474d87;font-size:12px; text-decoration:underline}
.delete {color:#c00;font-size:12px; text-decoration:none; font-weight:bold}
.delete:hover {color:#c00;text-decoration:underline}
.edit {color:#474d87;text-decoration:none; font-weight:bold}
.edit:hover {color:#474d87;text-decoration: underline}
.linkyellow {color:#474d87;text-decoration:none; font-size:11px}
.linkyellow:hover {color:#474d87;text-decoration: underline; font-size:11px}
.link11 {font-size:11px; text-decoration:none}
.link11:hover {font-size:11px; text-decoration: underline}

#button a { cursor:pointer;text-decoration:none; color:#333333; background-image:url(images/bg-hotelinfo-btn.jpg); display:inline-block; line-height:28px;padding:0 15px;-moz-border-radius:5px;-webkit-border-radius:5px; border:#feca38 solid 1px; font-size:14px; font-weight:bold}
#button a:hover { text-decoration: underline;}
#button2 a { text-decoration:none; color:#333333; background-image:url(images/bg-hotelinfo-btn2.gif); display:inline-block; line-height:28px;padding:0 15px;-moz-border-radius:5px;-webkit-border-radius:5px; border:#cccccc solid 1px; font-size:14px; font-weight:bold}
#button2 a:hover { text-decoration: underline;}

.button { cursor:pointer;text-decoration:none; color:#333333; background-image:url(images/bg-hotelinfo-btn.jpg); display:inline-block; line-height:28px;height:28px;padding:0px 15px;-moz-border-radius:5px;-webkit-border-radius:5px; border:#feca38 solid 1px; font-size:14px; font-weight:bold; }
.button:hover {color:#333333; text-decoration: underline;}
.button a { text-decoration:none; color:#333333; background-image:url(images/bg-hotelinfo-btn.jpg); display:inline-block; line-height:28px;height:28px;padding:0px 15px;-moz-border-radius:5px;-webkit-border-radius:5px; border:#feca38 solid 1px; font-size:14px; font-weight:bold; }
.button a:hover {color:#333333; text-decoration: underline;}

.button2 { cursor:pointer;text-decoration:none; color:#ffffff; background-image:url(images/bg-btn4.gif); display:inline-block; line-height:22px;height:22px;padding:0px 15px;-moz-border-radius:5px;-webkit-border-radius:5px; border:#bb6a93 solid 1px; font-size:12px; font-weight:bold; }
.button2:hover {color:#ffffff; text-decoration: underline;}
.button2 a { text-decoration:none; color:#ffffff; background-image:url(images/bg-btn4.gif); display:inline-block; line-height:22px;height:22px;padding:0px 15px;-moz-border-radius:5px;-webkit-border-radius:5px; border:#bb6a93 solid 1px; font-size:12px; font-weight:bold; }
.button2 a:hover {color:#ffffff; text-decoration: underline;}

.button3 { height:22px; line-height:16px; padding:0px 15px !important; font-size:12px; font-weight:bold; cursor:pointer;  text-decoration:none; color:#333333; background-image:url(images/bg-btn5.gif); display:inline-block; -moz-border-radius:5px;-webkit-border-radius:5px; border:#feca38 solid 1px; }
.button3:hover {color:#333333; text-decoration: underline;}
.button3 a { text-decoration:none; color:#333333; background-image:url(images/bg-btn5.gif); display:inline-block; line-height:22px;height:22px;padding:0px 15px;-moz-border-radius:5px;-webkit-border-radius:5px; border:#feca38 solid 1px; font-size:12px; font-weight:bold; }
.button3 a:hover {color:#333333; text-decoration: underline;}

.button3small { cursor:pointer;  text-decoration:none; color:#333333; background-image:url(images/bg-btn5.gif); display:inline-block; line-height:18px;height:18px;padding:0px 7px;-moz-border-radius:5px;-webkit-border-radius:5px; border:#feca38 solid 1px; font-size:11px; font-weight:bold; }
.button3small:hover {color:#333333; text-decoration: underline;}
.button3small a { text-decoration:none; color:#333333; background-image:url(images/bg-btn5.gif); display:inline-block; line-height:18px;height:18px;padding:0px 7px;-moz-border-radius:5px;-webkit-border-radius:5px; border:#feca38 solid 1px; font-size:11px; font-weight:bold; }
.button3small a:hover {color:#333333; text-decoration: underline;}

.button4 { cursor:pointer;text-decoration:none; color:#333333; background-image:url(images/bg-hotelinfo-btn.jpg); display:inline-block; line-height:28px;height:28px;padding:0px 40px;-moz-border-radius:5px;-webkit-border-radius:5px; border:#feca38 solid 1px; font-size:14px; font-weight:bold; }
.button4:hover {color:#333333; text-decoration: underline;}
.button4 a { text-decoration:none; color:#333333; background-image:url(images/bg-hotelinfo-btn.jpg); display:inline-block; line-height:28px;height:28px;padding:0px 15px;-moz-border-radius:5px;-webkit-border-radius:5px; border:#feca38 solid 1px; font-size:14px; font-weight:bold; }
.button4 a:hover {color:#333333; text-decoration: underline;}

.button4-clear { cursor:pointer;text-decoration:none; color:#333333; display:inline-block; line-height:28px;height:28px;padding:0px 15px;-moz-border-radius:5px;-webkit-border-radius:5px; border:#ccc solid 1px; font-size:14px; font-weight:bold; }
.button4-clear:hover {color:#333333; text-decoration: underline;}
.button4-clear a { text-decoration:none; color:#333333; background-image:url(images/bg-hotelinfo-btn.jpg); display:inline-block; line-height:28px;height:28px;padding:0px 15px;-moz-border-radius:5px;-webkit-border-radius:5px; border:#feca38 solid 1px; font-size:14px; font-weight:bold; }
.button4-clear a:hover {color:#333333; text-decoration: underline;}

.button5 { cursor:pointer;text-decoration:none; color:#333333; background-image:url(images/bg-hotelinfo-btn2.gif); display:inline-block; line-height:28px;height:28px;padding:0px 15px;-moz-border-radius:5px;-webkit-border-radius:5px; border:#cccccc solid 1px; font-size:14px; font-weight:bold; }
.button5:hover {color:#333333; text-decoration: underline;}
.button5 a { text-decoration:none; color:#333333; background-image:url(images/bg-hotelinfo-btn2.gif); display:inline-block; line-height:28px;height:28px;padding:0px 15px;-moz-border-radius:5px;-webkit-border-radius:5px; border:#cccccc solid 1px; font-size:14px; font-weight:bold; }
.button5 a:hover {color:#333333; text-decoration: underline;}

.button5small { cursor:pointer;  text-decoration:none; color:#333333; background-image:url(images/bg-btn5.gif);
               display:inline-block;
               margin:5px 5px 5px 5px;
               padding:2px 2px 2px 2px;
               -moz-border-radius:5px;-webkit-border-radius:5px;
               border:#feca38 solid 1px;
               font-size:11px;
               font-weight:bold; }
/*
.button5small { cursor:pointer;  text-decoration:none; color:#333333; background-image:url(images/bg-btn5.gif); display:inline-block; line-height:20px;height:20px;padding:0px 0px 2px 0px;-moz-border-radius:5px;-webkit-border-radius:5px; border:#feca38 solid 1px; font-size:11px; font-weight:bold; }
.button5small:hover {color:#333333; text-decoration: underline;}
.button5small a { text-decoration:none; color:#333333; background-image:url(images/bg-btn5.gif); display:inline-block; line-height:18px;height:18px;padding:0px 7px;-moz-border-radius:5px;-webkit-border-radius:5px; border:#feca38 solid 1px; font-size:11px; font-weight:bold; }
.button5small a:hover {color:#333333; text-decoration: underline;}
*/

.button6 {font-size:14px; font-weight: bold;color:rgb(71, 77, 135);padding:5px 10px;}
.button7 {font-size:14px; font-weight: normal;}

.line{
    height: 1px;
    line-height: 1px;
    border-bottom: 1px solid  #AAA;
    margin: 10px 0;
}

.linePayPo{
    height: 1px;
    line-height: 1px;
    width: 98%;
    border-bottom: 1px solid  #AAA;
    margin: 30px 0;
}
.center{
    text-align: center;
}

img {border: none;}

.content-header {
    float: left; 
    color:#474d87; 
    font-size:22px; 
    font-weight: bold; 
    text-transform: capitalize;
}
.content-panel-group {
    margin-top: 10px;
    width:100%;
    border:#cccccc solid 1px;
    padding:15px 0 15px 0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background-color:#ffffff; display: inline-block;
}

#header {height:92px;min-width:1255px;background:#ffffff url(images/bg-header.jpg) bottom repeat-x}
#header2 {height:65px; background: #ffffff url(images/bg-header2.jpg) bottom repeat-x}
#header2 li {list-style:none}
#headerR2 {float:right;height:60px; width:600px; padding:0 20px 0 0;text-align:right;background: url(images/bg-x2.png) right no-repeat; line-height:30px}
#headerL {float:left; font-size: 95%;}
#headerL ul { margin:0 20px 0 20px; padding:5px 0}
#headerL li { font-size:11px;margin:0; padding:0; list-style:none; display:inline; padding:0 5px 0 0; margin:0 5px 0 0; border-right:#cccccc solid 1px}
#headerL .last {border:none; padding-right:0; margin-right:0}
#headerL a {color:#333333;text-decoration:none; font-size: 95%;}
#headerL a:hover {color:#333333;text-decoration:underline; font-size: 95%;}
#headerR {float:right; padding:3px 20px; margin-top:5px}
#headerR ul { margin:0; padding:5px 0; text-align:right}
#headerR li { font-size:12px; font-weight:bold; list-style:none; display:inline; padding:0 7px 0 0; margin:0 5px 0 0; border-right:#cccccc solid 1px}
#headerR .last {border:none; padding-right:0; margin-right:0}
#headerR a {color:#333333;text-decoration:none}
#headerR a:hover {color:#333333;text-decoration:underline}
#switch-hotel {font-size:11px;float:right;padding:5px;background-image:url(images/bg-id.jpg); background-position:bottom; border:#cccccc solid 1px;-moz-border-radius:5px;-webkit-border-radius:5px}
#switch-hotel ul { margin:0 20px 0 20px; padding:0}
#switch-hotel li { font-size:11px; font-weight:bold; list-style:none; display:inline; padding:0 5px 0 0; margin:0 5px 0 0; border:none}
#change-hotel {font-size:12px;float:right; margin-left:15px; font-weight:bold;height:30px; vertical-align:middle;background-image:url(images/bg-id.jpg); background-position:bottom; border:#cccccc solid 1px;-moz-border-radius:5px;-webkit-border-radius:5px}
#change-hotel ul { margin:0; padding:0}
#change-hotel li { list-style:none; display:inline; padding:0 5px 0 0; margin:0 5px 0 0; border:none}

#wrap { 
    background-color:#ffffff;
    min-width:1255px;
    max-width: 1300px;
    margin: 0 auto;
    width:98%;  
    border-left:#cccccc solid 2px;
    border-right:#cccccc solid 2px;
    text-align: left;
    /* -width:expression(document.body.clientWidth > 1300? "1300px": "auto" ) !important; */
}

#wrapBodyTable{ 
    background:url(images/bg-content.jpg) top repeat-x; background-color:#fff;
    border: 0 none;
    width: 100%;
    border-spacing: 0px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
#wrapMenuTD{
    width: 215px;
    border: 0 none;
    border-spacing: 0;
    vertical-align: top;
}
#wrapContentTD{
    vertical-align: top;
    width: auto;
}

.contentBG{
    background:url(images/bg-content.jpg) top repeat-x; background-color:#fff;
    width: 100%;
    min-width: 1255px;
    min-height: 450px;
    display: inline-block;
    height: auto;
}
#leftnav {
    width:200px;
    padding:0px;
    margin:15px 0 0 15px !important;
    -margin:15px 0 0 7px; /*IE6 Hack*/
    float: left;
    height: auto;
}
#content {
    margin: 15px 15px 0 12px !important;
    -margin: 15px 15px 0 10px; /*IE6 Hack*/
    min-height:430px;
}

#maincontent {width:100%}
#maincontent ul { margin:0 15px 0 15px}
#maincontent li { margin:0; padding:0; list-style:none}
#maincontent p { margin:0 0 15px 0}
#maincontent2  {
    width:100%;
    border:#cccccc solid 1px;
    padding:15px 0 15px 0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background-color:#ffffff; display: inline-block;
}
#maincontent2notborder  {
    width:100%;    
    padding:15px 0 15px 0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background-color:#ffffff; display: inline-block;
}
#maincontent2 ul { margin:0 15px 0 15px}
#maincontent2 li { margin:0; padding:0; list-style:none}
#maincontent2 p { margin:0 15px 15px 15px}

#maincontent3  {
    width:100%;
    padding:0px 0 15px 0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background-color:#ffffff; display: inline-block;
}


.widthIE97{
    -width:97% !important;
}

.contentWrap{
    margin: 0 15px;
}

.contentWrap2 {
    margin: 20px 15px;
}

.contentWrap form{
    width: 100%;
    margin: 0;
    padding: 0;
}

.noRateAvailable, .noAllotmentAvailable , .preArrivelEmailAvailable {
    padding: 30px;
    font-size: 14px;
    text-align: center;   
    font-weight: normal;
}

#hotelinfo {
    width:100%;
    border:#cccccc solid 1px;
    padding:15px 0 15px 0;
    -moz-border-radius:0 5px 5px 5px;
    -webkit-border-radius:0 5px 5px 5px;
    background-color:#ffffff;
    min-height:430px;
    display: inline-block;
}

#hotelinfo .ibe-fields-new-version .color-btn {
    border: none;
    margin-left: 10px;
    padding: 4px;
    font-weight: bold;
}

#hotelinfo .ibe-fields-new-version .color-btn.white,
#hotelinfo  .ibe-fields-new-version .color-btn.black-dark,
#hotelinfo  .ibe-fields-new-version .color-btn.black-light {
    background-color: white;
    border: 1px solid whitesmoke;
}

#hotelinfo .ibe-fields-new-version .color-btn.white {
    color: black;
}
#hotelinfo  .ibe-fields-new-version .color-btn.black-dark {
    color: #503313;
}
#hotelinfo .ibe-fields-new-version .color-btn + .color-btn {
    margin-left: 5px;
}

#hotelinfo2 {width:100%; border:#cccccc solid 1px; padding:15px 0 15px 0; -moz-border-radius:5px;-webkit-border-radius:5px;background-color:#ffffff;min-height:430px;}
#maincontentlinfo {width:100%; border:#cccccc solid 1px; padding:15px 0 15px 0; -moz-border-radius:5px;-webkit-border-radius:5px;background-color:#ffffff;min-height:430px;}
#Reservation {width:100%; border:#cccccc solid 1px; padding:10px 0; margin-bottom:15px }#paymentPolicy{width:70px;height: 18px; margin: 0px 2px 0px 10px;}

.hotelinfo-space {padding:10px 15px 10px 30px;}
.hotelinfo-space-panel {margin:45px 15px 20px 30px;}
.horizontal-line {width:94%;margin:25px 0px 0px 30px;}
.horizontal-line2 {width:94%;margin:35px 0px 0px 30px;}
.hotelinfo-ibe {padding-bottom: 10px;}
.hotelinfo-ibe2 {padding-bottom: 5px;}

.hotelibe-space {width: 175px;float: left}
.hotelibe-space span {display: block;}

.google-and-other-script-space {width: 240px;float: left}
.google-and-other-script-space span {display: block;}
.horizonal-field-spacing {margin:10px 0px 0px 0px;}
.horizonal-field-group-spacing {margin:15px 0px 0px 0px;}

#hotelinfo-inner {margin:20px 15px 30px 30px;}
.infoTitle{
    margin: 0px 0px 10px 0px;
    font-weight: bold;
    font-size: 14px;
    color:#474d87;
}

.infoTitlePanel{
    margin: 45px 15px 20px 30px;
    font-weight: bold;
    font-size: 14px;
    color:#474d87;
}

.infoTitleAdditionalInfoBold{
    font-weight: bold;
    font-size: 16px;
    color: #eca613;
}

.infoTitleAdditionalInfo{
    font-size: 12px;
}

.roominfo-space {margin:20px 15px 50px 0px;}

.roominfo-amenity {
    margin:20px 15px 50px 0px;
    border: 1px solid rgb(169,169,169);
    padding: 20px 10px;
}
.roominfo-amenity:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.roominfo-amenity .roominfo-amenity-row {
    width:23%; 
    float:left;
}
.roominfo-amenity .roominfo-amenity-row .roominfo-amenity-list {
    margin:0; 
    padding:0;
}
.roominfo-amenity .roominfo-amenity-row .roominfo-amenity-list .roominfo-amenity-item {
    margin-bottom: 10px!important;
}
.roominfo-amenity .roominfo-amenity-row .roominfo-amenity-list .roominfo-amenity-item.last {
    margin-bottom: 0px!important;
}
.roominfo-amenity .roominfo-amenity-row .roominfo-amenity-list .roominfo-amenity-item input,
.roominfo-amenity .roominfo-amenity-row .roominfo-amenity-list .roominfo-amenity-item.last input{
    margin-right: 5px;
}

.weekdayRow td{
    padding: 3px 3px 3px 5px;
    border:#BBBBBB solid 1px;
    font-weight: bold;
    text-align: center;
    border-collapse: collapse;
}

.themeList{
    float: left;
    margin: 0 0 10px 0px;
    width: 17%;
}
.listM5{
    float: left;
    margin: 0 0 5px 0;
    width: 45%;
}

.listColumn{
    float: left;
    margin: 0 0 5px 0;
    width: 33%;
}

.translation {margin:0 0 15px 0}
.translation .head1 {color:#ffffff; background-color:#ECA21F; font-size:14px; font-weight:bold }
.translation .head2 {color:#ffffff; background-color:#740391; font-size:14px; font-weight:bold}
.translation .head3 {background-color:#CCC; font-size:14px; font-weight:bold}
.translation td {padding:5px 10px;}
#hotelinfo-inner-Promotion {margin:0 0 15px 0}
#hotelinfo-inner-Promotion .head1 {color:#ffffff; background-color:#ECA21F; font-size:14px; font-weight:bold}
#hotelinfo-inner-Promotion .head2 {color:#ffffff; background-color:#740391; font-size:14px; font-weight:bold}
#hotelinfo-inner-Promotion .head3 {background-color:#eeeeee; font-size:14px; font-weight:bold}
#hotelinfo-inner-Promotion td {padding:5px 10px;}
#hotelinfo-inner-Reservation {margin:0}
#hotelinfo-inner-Reservation .head1 {color:#ffffff; background-color:#ECA21F; font-size:14px; font-weight:bold}
#hotelinfo-inner-Reservation .head2 {color:#ffffff; background-color:#bb6a93; font-size:14px; font-weight:bold}
#hotelinfo-inner-Reservation .head3 {background-color:#eeeeee; font-size:14px; font-weight:bold}
#hotelinfo-inner-Reservation tr td {padding:5px 10px;}
#hotelinfo-inner-Reservation h1 {font-size:22px; margin:0 0 15px 0; padding:0; text-align:center}
#hotelinfo-inner-Reservation h1 .first {color:#333333}
#hotelinfo-inner-Reservation h1 .last {color:#bb6a93}
#hotelinfo-inner-Reservation h2 {color:#ffffff; background-color:#bb6a93; font-size:14px; font-weight:bold; padding:5px 10px; margin:0 0 3px 0}
#hotelinfo-inner-Reservation h3 {color:#333333; background-color:#eeeeee; font-size:14px; padding:5px 10px; margin:0; border:none}
#hotelinfo-inner-last {margin:35px 15px 15px 15px}
#hotelinfo-inner-last li {list-style: decimal; margin-left:20px}
#hotelinfo-inner-last ol {margin-bottom:10px}



#reporttype-btn { width:85%;font-weight: bold;position:relative; z-index:2; margin-bottom:-1px}
#reporttype-btn ul { margin:0; padding:0}
#reporttype-btn li { display:inline; list-style:none; line-height:28px; font-size:14px}
#reporttype-btn li a {text-decoration:none; font-size:14px;font-weight: bold; color:#333333;display:inline-block; background-image:url(images/bg-hotelinfo-btn.jpg);height:28px; margin-right:2px; padding:0 15px;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0; border-top:#feca38 solid 1px; border-left:#feca38 solid 1px; border-right:#feca38 solid 1px}
#reporttype-btn li a:hover {-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0; border-top:#feca38 solid 1px; border-left:#feca38 solid 1px; border-right:#feca38 solid 1px}
#reporttype-btn li .select{ display:inline-block;background-image:url(images/bg-hotelinfo-btn-select.jpg); font-size:14px;font-weight: bold; height:28px; margin-right:2px; padding:0 15px;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0; border-top:#cccccc solid 1px; border-left:#cccccc solid 1px; border-right:#cccccc solid 1px }

#hotelinfo-btn { width:100%;font-weight: bold;position:relative; z-index:2; margin-bottom:-1px}
#hotelinfo-btn ul { margin:0; padding:0;}
#hotelinfo-btn li { display:inline; list-style:none; line-height:28px; font-size:14px}
#hotelinfo-btn li a { cursor:pointer;text-decoration:none; font-size:14px;font-weight: bold; color:#333333;display:inline-block; background-image:url(images/bg-hotelinfo-btn.jpg);height:27px; margin-right:2px; padding:0 15px;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0; border-top:#feca38 solid 1px; border-left:#feca38 solid 1px; border-right:#feca38 solid 1px}
#hotelinfo-btn li a:hover { text-decoration: underline;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0; border-top:#feca38 solid 1px; border-left:#feca38 solid 1px; border-right:#feca38 solid 1px}
#hotelinfo-btn li .select{ display:inline-block;background-image:url(images/bg-hotelinfo-btn-select.jpg); font-size:14px;font-weight: bold; height:28px; margin-right:2px; padding:0 15px;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0; border-top:#cccccc solid 1px; border-left:#cccccc solid 1px; border-right:#cccccc solid 1px }
#hotelinfo-btn2 { width:100%; height:28px; font-weight: bold}
#hotelinfo-btn2 ul { margin:0; padding:0}
#hotelinfo-btn2 li { display:inline; list-style:none; line-height:28px; font-size:20px}
#hotelinfo-btn2 li a { cursor:pointer;text-decoration:none; color:#333333;height:28px;}
#hotelinfo-btn2 li a:hover { text-decoration: underline;}
#hotelinfo-btn3 { width:100%;font-weight: bold;position:relative; z-index:2; margin-bottom:-1px}
#hotelinfo-btn3 ul { margin:0; padding:0;}
#hotelinfo-btn3 li { display:inline; list-style:none; line-height:28px; font-size:12px}
#hotelinfo-btn3 li a { cursor:pointer;text-decoration:none; color:#333333;display:inline-block; background-image:url(images/bg-hotelinfo-btn.jpg);height:28px; margin-right:2px; padding:0 15px;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0; border-top:#feca38 solid 1px; border-left:#feca38 solid 1px; border-right:#feca38 solid 1px}
#hotelinfo-btn3 li a:hover { text-decoration: underline;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0; border-top:#feca38 solid 1px; border-left:#feca38 solid 1px; border-right:#feca38 solid 1px;}
#hotelinfo-btn3 li .select{ display:inline-block;background-image:url(images/bg-hotelinfo-btn-select.jpg);height:28px; margin-right:2px; padding:0 15px;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0; border-top:#cccccc solid 1px; border-left:#cccccc solid 1px; border-right:#cccccc solid 1px; }
#hotelinfo-btn4 { width:100%;font-weight: bold ;position:relative; z-index:2; margin-bottom:-1px}
#hotelinfo-btn4 ul { margin:0; padding:0}
#hotelinfo-btn4 li { display:inline; list-style:none; line-height:28px; font-size:12px}
#hotelinfo-btn4 li a { cursor:pointer;text-decoration:none; color:#333333;display:inline-block; background-image:url(images/bg-hotelinfo-btn.jpg);height:28px; margin-right:2px; padding:0 15px;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0; border-top:#feca38 solid 1px; border-left:#feca38 solid 1px; border-right:#feca38 solid 1px}
#hotelinfo-btn4 li a:hover { text-decoration: underline;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0; border-top:#feca38 solid 1px; border-left:#feca38 solid 1px; border-right:#feca38 solid 1px;}
#hotelinfo-btn4 li .select{ display:inline-block;background-image:url(images/bg-hotelinfo-btn-select.jpg);height:28px; margin-right:2px; padding:0 15px;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0; border-top:#cccccc solid 1px; border-left:#cccccc solid 1px; border-right:#cccccc solid 1px; }
#hotelinfo-inner3 {margin:0px 0 0px 0}

#homecontent {width:100%; border:#cccccc solid 1px; padding:15px 0 15px 0; -moz-border-radius:5px;-webkit-border-radius:5px;min-height:470px;}
#homebox {width:100%; background-color:#eeeeee; padding:10px 0; margin-bottom:15px; border:#cccccc solid 1px;-moz-border-radius:5px;-webkit-border-radius:5px;}
#whatnewbox {width:100%; background-color:#eeeeee; padding:10px 0 0 0; border:#cccccc solid 1px;-moz-border-radius:5px;-webkit-border-radius:5px;}
#whatnewbox-inner {border-top:#cccccc solid 1px; padding:10px 0; background-color:#ffffff;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px}
#whatnewbox-inner li {list-style-image:url(images/list1.png); margin:0 0 5px 22px}
#homecontact { margin-bottom:15px}
#homecontact h2 {margin:0 0 5px 0; padding:0}
#homecontact-inner {background-color:#fff8d1; padding:10px 0;-moz-border-radius:5px;-webkit-border-radius:5px;}
#homecontact-inner2 {background-color:#fff8d1; padding:0;-moz-border-radius:5px;-webkit-border-radius:5px;}
#homecontact-inner2 td { padding: 4px 10px; border-right:#ffffff solid 1px;border-top:#ffffff solid 1px}

#hotel-description {padding:10px 0; background-color:#f5f5f5}
#hotel-information {margin:20px 15px 30px 30px; font-size:11px}
#hotel-information td { height:25px}
.spaceDiv {margin: 0 0px;}


#mainnav {width:196px; float:left; padding:36px 0 10px 0; border:#cccccc solid 2px; -moz-border-radius: 5px;-webkit-border-radius: 5px; background-image:url(images/frequently-used.jpg); background-repeat:no-repeat}
#mainnav ul {padding:0; margin:0}
#mainnav li {height:30px;list-style:none;line-height:30px; display:block; font-size: 12px; font-family: arial;}
#mainnav li a {color:#333333; text-decoration:none; display:block; height:30px; background-image:url(images/bg-menu.jpg); background-position:bottom; background-repeat:no-repeat;
          font: inherit;
}
#mainnav li a:hover {color:#333333; text-decoration:none; background:url(images/bg-menu-hover.jpg) top repeat-x; display:block; height:30px}
#mainnav .select {color:#333333; background:url(images/bg-menu-hover.jpg) top repeat-x; display:block; height:30px}
#mainnav li img {float:left; margin:0 7px}


#other-menu {width:198px; margin-top:15px;float:left; padding:10px 0 ; border:#cccccc solid 1px; -moz-border-radius: 5px;-webkit-border-radius: 5px; font-size:11px;}
#other-menu ul {padding:0; margin:0; font-weight:bold}
#other-menu li { list-style:none;margin-top:3px; font-weight:normal; display:block; line-height:20px}
#other-menu a {color:#333333;text-decoration:none;height:20px; display:block; font-size: 11px !important;}
#other-menu a  span{font-size: 11px !important;}
#other-menu a:hover {color:#333333; text-decoration:none; background-color:#f5f5f5; display:block}
#other-menu .select {color:#333333; text-decoration:none; background-color:#f5f5f5; display:block}
#other-menu li img {float:left}


#setup-menu {width:188px; margin-top:15px;float:left; padding:10px 0 10px 10px; border:#cccccc solid 1px; -moz-border-radius: 5px;-webkit-border-radius: 5px; font-size:11px;}
#setup-menu ul {padding:0; margin:0; font-weight:bold}
#setup-menu li { list-style:none;margin-top:3px; font-weight:normal; display:block; line-height:20px}
#setup-menu a {color:#333333;text-decoration:none;height:20px; display:block; font-size: 11px !important;}
#setup-menu a  span{font-size: 11px !important;}
#setup-menu a:hover {color:#333333; text-decoration:none; background-color:#f5f5f5; display:block}
#setup-menu .select {color:#333333; text-decoration:none; background-color:#f5f5f5; display:block}
#setup-menu li img {float:left}

#crm-menu {width:198px; margin-top:15px;float:left; padding:10px 0 ; border:#cccccc solid 1px; -moz-border-radius: 5px;-webkit-border-radius: 5px; font-size:11px;}
#crm-menu ul {padding:0; margin:0; font-weight:bold}
#crm-menu li { list-style:none;margin-top:3px; font-weight:normal; display:block; line-height:20px}
#crm-menu a {color:#333333;text-decoration:none;height:20px; display:block; font-size: 11px !important;}
#crm-menu a  span{font-size: 11px !important;}
#crm-menu a:hover {color:#333333; text-decoration:none; background-color:#f5f5f5; display:block}
#crm-menu .select {color:#333333; text-decoration:none; background-color:#f5f5f5; display:block}
#crm-menu li img {float:left; margin:0 5px 0 10px}

#conversion-rate-management-menu {width:198px; margin-top:15px;float:left; padding:10px 0 ; border:#cccccc solid 1px; -moz-border-radius: 5px;-webkit-border-radius: 5px; font-size:11px;}
#conversion-rate-management-menu ul {padding:0; margin:0; font-weight:bold}
#conversion-rate-management-menu li { list-style:none;margin-top:3px; font-weight:normal; display:block; line-height:20px}
#conversion-rate-management-menu a {color:#333333;text-decoration:none;height:20px; display:block; font-size: 11px !important;}
#conversion-rate-management-menu a  span{font-size: 11px !important;}
#conversion-rate-management-menu a:hover {color:#333333; text-decoration:none; background-color:#f5f5f5; display:block}
#conversion-rate-management-menu .select {color:#333333; text-decoration:none; background-color:#f5f5f5; display:block}
#conversion-rate-management-menu li img {float:left; margin:0 5px 0 10px}

#campaign-menu {width:198px; margin-top:15px;float:left; padding:10px 0 ; border:#cccccc solid 1px; -moz-border-radius: 5px;-webkit-border-radius: 5px; font-size:11px;}
#campaign-menu ul {padding:0; margin:0; font-weight:bold}
#campaign-menu li { list-style:none;margin-top:3px; font-weight:normal; display:block; line-height:20px}
#campaign-menu a {color:#333333;text-decoration:none;height:20px; display:block; font-size: 11px !important;}
#campaign-menu a  span{font-size: 11px !important;}
#campaign-menu a:hover {color:#333333; text-decoration:none; background-color:#f5f5f5; display:block}
#campaign-menu .select {color:#333333; text-decoration:none; background-color:#f5f5f5; display:block}
#campaign-menu li img {float:left; margin:0 5px 0 10px}

#footer {background-color:#e5e5e5;color:#666; font-size:11px;text-align: center;padding:15px 0; margin-top:15px}
#footer p {margin:0 0 5px 0}
#footer a {color:#474d87; text-decoration:none; font-size:11px}
#footer a:hover {color:#474d87; text-decoration:underline}

.messageBox{ background-color:#fefacb; border:#f6e03c solid 1px; padding:7px 0; margin: 0 15px 10px 15px; font-size:11px; }
.messageBox .innerBox{ margin:0 7px; }
.messageBox .close{color:#eca613; font-weight:bold;text-decoration:none}


#attention,.attention2 {width:98%; background-color:#fefacb; border:#f6e03c solid 1px; padding:7px 0; margin-bottom:30px; font-size:11px}
.attention2 {margin-bottom:10px !important;}
#attention ul,.attention2 ul {margin:0 7px}
.text-orange {color:#eca613; font-weight:bold; font-size:14px}
.text-orange2 {color:#eca613; font-weight:bold; font-size:22px}
#newroom {margin:10px 0 30px 0}
#newroom td {text-align:left; vertical-align:top}
#attention a,.attention2 a {color:#eca613; text-decoration:none}
#attention a:hover,.attention2 a:hover {color:#eca613; text-decoration: underline}
#attention .close,.attention2 .close,#attention .close:hover,.attention2 .close:hover {color:#eca613; font-weight:bold;text-decoration:none}


.roomBox {width:49%; float: left; margin-bottom: 15px; padding:10px 0; -moz-border-radius: 5px;-webkit-border-radius: 5px; border:#cccccc solid 1px;}
.roomBox h2 { color:#333333; font-size:14px; margin:0 0 5px 5px; padding:0 0 3px 0; border-bottom:#cccccc solid 1px}
.roomBox div { margin:0 15px;}
.roomBox td {vertical-align: middle; line-height:25px; padding:0 3px !important; border: 0 !important;}
.roomBox .bggrey { background-color:#eeeeee}
.roomBox a {font-size:11px;color:#474d87;text-decoration:none}
.roomBox a:hover {font-size:11px;color:#474d87;text-decoration: underline}


.create-btn a { cursor:pointer;text-decoration:none; color:#333333; background-image:url(images/bg-hotelinfo-btn.jpg); display:inline-block; line-height:28px;padding:0px 10px 0px 5px;-moz-border-radius:5px;-webkit-border-radius:5px; border:#feca38 solid 1px; font-size:12px; font-weight:bold}
.create-btn a:hover { text-decoration: underline;}
.create-btn span { cursor:pointer;text-decoration:none; color:gray; background-image:url(images/bg-hotelinfo-btn.jpg); display:inline-block; line-height:28px;padding:0px 10px 0px 5px;-moz-border-radius:5px;-webkit-border-radius:5px; border:#feca38 solid 1px; font-size:12px; font-weight:bold}


.button-control a { cursor:pointer;text-decoration:none; color:#333333; background-image: url(images/bg-btn-control.jpg);line-height:23px;; display:inline-block; padding:0 5px 0 0;border:#cccccc solid 1px; font-size:12px; font-weight:bold; float:left;margin:0px 5px 0px 5px; border-right:#cccccc solid 1px}
.button-control a:hover { text-decoration: underline;}
.button-control img {border:none; float:left; margin-right:5px}
.button-control span { cursor:pointer;text-decoration:none; color:#333333; background-image:url(images/bg-btn-control.jpg); display:inline-block; padding:0px 5px 0 0;border:#cccccc solid 1px; font-size:12px; font-weight:bold; float:left;margin:0px 5px 0px 5px; border-right:#cccccc solid 1px; }

.export-to-excel-button-control ,
.sendingEmail-button-control { background-color: whitesmoke;width: 92px;color: #333333;color: #333333;border:#cccccc solid 1px; padding: 2px 10px 2px 10px;  font-size: 11px;font-family: Arial, Helvetica, sans-serif}

.export-to-excel-button-control {   
    float:left; 
    margin:2px 0px 0px 20px;
    text-align: center;
    width: 100px;
}

#edit-btn a { text-decoration:none; color:#474d87; background-image:url(images/bg-btn3.gif); display:inline-block; line-height:20px;padding:0 5px;-moz-border-radius:5px;-webkit-border-radius:5px; border:#cccccc solid 1px; font-size:12px}
#edit-btn a:hover { text-decoration: underline;color:#474d87; font-size:12px}
#contentbox-last {margin:15px 0 0 0}
#CompulsoryCharge {margin:15px 0 0 0}
#CompulsoryCharge tr td{border-right:#ffffff solid 2px;padding:5px 10px}
#Cancellation {margin:15px 0 0 0}
#Cancellation tr td{border-right:#ffffff solid 2px;border-bottom:#ffffff solid 2px;padding:5px 10px; text-align:center}
#Cancellation .head { background-color:#a4a4a4; color:#ffffff; font-weight:bold}
#Cancellation .bggrey1 { background-color:#f5f5f5}


.photohead {width:100%; line-height:30px; background-image:url(images/bg-head.jpg); margin-bottom:15px;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0}
.photohead h2 {padding:0; margin:0}

.photoCategory { border:#cccccc solid 1px; margin:0 15px 15px 15px;padding-bottom:15px; -moz-border-radius:5px;-webkit-border-radius:5px; }
#hotelphoto-last { border:#cccccc solid 1px; margin:0;padding-bottom:15px;-moz-border-radius:5px;-webkit-border-radius:5px;}


.photobox-main {width:100%; padding:5px 0; border:#cccccc solid 2px;}
.photobox-main ul { margin:0 5px}
.photobox-main li { margin:0; padding:0; list-style:none}
#mainphoto {text-align:center; margin-bottom:10px}


ul { margin:0px; padding:0px; margin-left:20px;}
.photoboxList{ list-style-type:none; margin:0px; height: auto;}
.photoboxList li{ float:left; margin: 5px !important; width:170px; border:solid 1px #cccccc; background-color:#F8F8F8; text-align:center; }
.photoboxList li .box{width: 150px; height: 145px; margin: 10px; padding: 0;}
.photoboxList li .box .text{text-align: left;}
.photoboxList li.clear{display: block; float: none; border: 0 solid;}

.require-maintenance,
.photoboxList li.require-maintenance { border:solid 3px #f44336;}
.panel-image { 
    width: 34px; padding: 0px; text-align: center; margin-right: 2px; margin-bottom: 2px;
}

.image-require-maintenance {
    border:solid 1px #f44336 !important;
}
.panel-maintenance-alert {
    border: 1px solid; margin-top: 5px; padding: 5px; text-align: left; font-weight: normal; font-size: 11px;
}
.require-maintenance-panel {
    padding: 5px 7px; 
    text-align: left; 
    font-weight: normal; 
    font-size: 11px;
    width: 305px;
    margin-left: 20px;
    margin-bottom: 5px;  
    border-radius: 5px;
}

.panel-maintenance-alert,
.require-maintenance-panel {
    color: #fff;
    border: 1px solid #f44336;; 
    background-color: #f44336;
}

.photoboxList2{ list-style-type:none; margin:0px; height: auto;}
.photoboxList2 li{ float:left; margin: 5px !important; width:470px; border:solid 1px #cccccc; background-color:#F8F8F8; text-align:center; }
.photoboxList2 li .box{width: 150px; height: 145px; margin: 10px; padding: 0;}
.photoboxList2 li .box .text{text-align: left;}
.photoboxList2 li.clear{display: block; float: none; border: 0 solid;}


.placeHolder div { background-color:white !important; border:dashed 1px gray !important; }


.photobox {width:25%; padding:0; float:left}
.photobox ul { margin:0}
.photobox li { margin:0; padding:0 ; list-style:none}
.photobox-inner {width:100%; border:#cccccc solid 1px; padding:5px 0; margin-bottom:0px}
.photobox-inner ul { margin:0; padding:0}
.photobox-inner li { margin:0 5px; padding:0 ; list-style:none}




.text11WB { font-size:11px; color:#ffffff; font-weight:bold}
.text11W { font-size:11px; color:#ffffff}


.commontable-style {width:100%; margin-top:30px; display: inline-block;}
.commontable-style tr th{border-right:#ffffff solid 2px;border-bottom:#ffffff solid 2px; background-color:#F5F5F5;}
.commontable-style tr td{border-right:#ffffff solid 2px;border-bottom:#ffffff solid 2px;padding:5px 5px;}
.createPromotion{
    width: 100%;
    margin-bottom: 20px
}
.promotionWrap {
    height: 125px;
    background-image:url(images/bg-promotion.jpg);
    background-repeat:repeat-x; border:#cccccc solid 1px;-moz-border-radius:5px;-webkit-border-radius:5px;
}
.promotionbox {margin: 10px;}
.promotionbox p {margin: 0 10px 10px 0 !important; height: 14px;}
.promotionbox div {margin: 10px 0 0 0;}

.system-exchange-rate-tabel-style {width:100%; margin-top:30px; display: inline-block;}
.system-exchange-rate-tabel-style tr th{border-right:#ffffff solid 2px;border-bottom:#ffffff solid 2px; background-color:#F5F5F5;}
.system-exchange-rate-tabel-style tr td{border-right:#ffffff solid 2px;border-bottom:#ffffff solid 2px;padding:5px 5px;}

#reservation {width:100%; margin-top:30px; font-size:11px}
#reservation table {}
#reservation tr td{border-right:#ffffff solid 2px;border-bottom:#ffffff solid 2px;padding:5px 5px; text-align:center}

.allotment {width:100%; margin-top:30px}
.allotment tr td{border-bottom:#ffffff solid 2px;padding:3px 5px;}



#content-package {margin:15px 0 0 0;background-color:#eeeeee}
#content-package2 {padding:10px 15px 0 200px}

input.check {width: 15px;height: 15px;float: left; margin-right:3px}

input.check2 {width: 15px;height: 15px;float: left; margin-right:3px; margin-top: 3px}

.greybox {width:100%; background-color:#eeeeee;-moz-border-radius:5px;-webkit-border-radius:5px; padding:1px 0px 1px 0; margin:0px}

.price-net {height:15px;width:50px; text-align: right; padding:2px 5px; border:#ccc solid 1px; background-color:#fcfdc3; margin-right:2px}
.price-sell { padding:2px 5px; border:#ccc solid 1px; background-color:#fff; margin-left:2px}
.min-stay { padding:2px 5px; border:#ccc solid 1px; background-color:#fff; margin-left:2px;}
.full-price {width:65px; text-align: right; background-color:rgb(250, 255, 189); margin: 0px 5px 0px 3px;}

/** Data Paging **/
#pagingPanelGroup {margin-top:10px;font-size:12px;font-weight:bold}
#pagingPanelGroup a {color:#333333; text-decoration:none}
#pagingPanelGroup a:hover {color:#333333; text-decoration:underline}
.pageChangeSelection {margin-left:10px;}

/** User listing table column width ****************/
.userCol1{width:2%;vertical-align:text-top;padding:5px 0px!important;text-align:center;}
.userCol2{width:3%;vertical-align:text-top;}
.userCol3{width:15%;vertical-align:text-top;}
.userCol4{width:19%;vertical-align:text-top;}
.userCol5{width:23%;vertical-align:text-top;}
.userCol6{width:7%;vertical-align:text-top;}
.userCol7{width:13%;vertical-align:text-top;}
.userCol8{width:9%;vertical-align:text-top;}
.userCol9{width:9%!important;vertical-align:text-top;}

/** Property search listing for user column width ****************/
.propertyUserCol1{width:5px;vertical-align:text-top; border-bottom: 1px dotted #DDD;}
.propertyUserCol2{width:200px;vertical-align:text-top; border-bottom: 1px dotted #DDD;}
.propertyUserCol3{width:150px;vertical-align:text-top; border-bottom: 1px dotted #DDD;}

/** Property listing table column width ****************/
.propertyCol1 {text-align:center;               vertical-align:top; border-bottom:1px solid lightgray; padding:10px}
.propertyCol2 {text-align:center;               vertical-align:top; border-bottom:1px solid lightgray; padding:10px}
.propertyCol3 {text-align:center;               vertical-align:top; border-bottom:1px solid lightgray; padding:10px}
.propertyCol4 {text-align:center;               vertical-align:top; border-bottom:1px solid lightgray; padding:10px}
.propertyCol5 {text-align:left;    width:150px; vertical-align:top; border-bottom:1px solid lightgray; padding:10px}
.propertyCol6 {text-align:center;               vertical-align:top; border-bottom:1px solid lightgray; padding:10px}
.propertyCol7 {text-align:center;               vertical-align:top; border-bottom:1px solid lightgray; padding:10px}
.propertyCol8 {text-align:center;               vertical-align:top; border-bottom:1px solid lightgray; padding:10px}
.propertyCol9 {text-align:center;  width:90px;  vertical-align:top; border-bottom:1px solid lightgray; padding:10px}
.propertyCol10 {text-align:left;                vertical-align:top; border-bottom:1px solid lightgray; padding:10px}
.propertyCol11{text-align:left;    width:100px; vertical-align:top; border-bottom:1px solid lightgray; padding:10px}
.propertyCol12{text-align:center;  width:130px; vertical-align:top; border-bottom:1px solid lightgray; padding:10px}
.propertyCol13{text-align:center;               vertical-align:top; border-bottom:1px solid lightgray; padding:5px 10px 10px 10px}
.propertyCol14{text-align:center;  width:45px;  vertical-align:top; border-bottom:1px solid lightgray; padding:5px 10px 10px 10px}

/** rate and allotment listing table column width ****************/
.rateAndAllotmentCol1{width:25%;vertical-align:text-top;}
.rateAndAllotmentCol2{width:10%;vertical-align:text-top;}
.rateAndAllotmentCol3{width:10%;vertical-align:text-top;}
.rateAndAllotmentCol4{width:55%;vertical-align:text-top;}

/** landmark listing table column width ****************/
.landmarkCol1{width:2%;vertical-align:text-top;}
.landmarkCol2{width:8%;vertical-align:text-top;}
.landmarkCol3{width:20%;vertical-align:text-top;}
.landmarkCol4{width:16%;vertical-align:text-top;}
.landmarkCol5{width:16%;vertical-align:text-top;}
.lamdmarkCol6{width:10%;vertical-align:text-top;}
.landmarkCol7{width:10%;vertical-align:text-top;}
.landmarkCol8{width:10%;vertical-align:text-top;}
.landmarkCol9{width:8%;vertical-align:text-top;}

/** reservation listing table column width ****************/
.reservationCol1{ width:9%; text-align:left;   border-bottom:0px solid lightgray;padding:5px 2px 5px 10px;}
.reservationCol2{ width:11%;text-align:center; border-bottom:0px solid lightgray;padding:5px 2px}
.reservationCol3{ width:8%; text-align:left;   border-bottom:0px solid lightgray;padding:5px 2px}
.reservationCol4{ width:9%; text-align:left;   border-bottom:0px solid lightgray;padding:5px 2px}
.reservationCol5{ width:13%;text-align:left;   border-bottom:0px solid lightgray;padding:5px 2px}
.reservationCol6{ width:6%; text-align:center; border-bottom:0px solid lightgray;padding:5px 2px}
.reservationCol7{ width:6%; text-align:center; border-bottom:0px solid lightgray;padding:5px 2px}
.reservationCol8{ width:7%; text-align:center; border-bottom:0px solid lightgray;padding:5px 2px}
.reservationCol9{ width:9%;text-align:center; border-bottom:0px solid lightgray;padding:5px 2px}
.reservationCol10{width:11%;text-align:left; border-bottom:0px solid lightgray;padding:5px 2px}

/* View resrevation link */
.viewReservationLink {
    margin-left:6px; 
    color:#4fa9f4; 
    text-transform:lowercase; 
    font-weight:bold; 
    font-size:11px;
}

/** reservation sending email table column width ****************/
.reservationEmailSendCol1{width:15%; vertical-align:text-top; padding:5px;}
.reservationEmailSendCol2{width:10%; vertical-align:text-top; padding:5px; text-align:center;}
.reservationEmailSendCol3{width:15%; vertical-align:text-top; padding:5px;}
.reservationEmailSendCol4{width:15%; vertical-align:text-top; padding:5px;}
.reservationEmailSendCol5{width:25%; vertical-align:text-top; padding:5px;}
.reservationEmailSendCol6{width:5%;  vertical-align:text-top; padding:5px; text-align:center;}
.reservationEmailSendCol7{width:5%;  vertical-align:text-top; padding:5px; text-align:center;}
.reservationEmailSendCol8{width:10%; vertical-align:text-top; padding:5px; text-align:center;}

/* reservation sending to channel manager */
.reservationSendToChannelManagerCol1{width:14%; vertical-align:text-top; padding:5px;}
.reservationSendToChannelManagerCol2{vertical-align:text-top; padding:5px; text-align:center;}
.reservationSendToChannelManagerCol3{vertical-align:text-top; padding:5px;}
.reservationSendToChannelManagerCol4{width:48%; vertical-align:text-top; padding:5px;}
.reservationSendToChannelManagerCol5{width:6%;  vertical-align:text-top; padding:5px; text-align:center;}
.reservationSendToChannelManagerCol6{width:6%;  vertical-align:text-top; padding:5px; text-align:center;}
.reservationSendToChannelManagerCol7{width:6%;  vertical-align:text-top; padding:5px; text-align:center;}

/** reservation listing table column width ****************/
.reservationAdminCol1{width:3%;vertical-align: top; text-align: center;border-bottom: 0px solid lightgray;padding: 8px 2px 8px 5px;}
.reservationAdminCol2{width:9%;vertical-align: top;border-bottom: 0px solid lightgray;padding: 8px 2px 8px 5px;}
.reservationAdminCol3{width:9%;vertical-align: top;border-bottom: 0px solid lightgray;padding: 8px 2px 8px 5px;}
.reservationAdminCol4{width:9%;vertical-align: top;border-bottom: 0px solid lightgray;padding: 8px 2px 8px 5px;}
.reservationAdminCol5{width:9%;vertical-align: top;border-bottom: 0px solid lightgray;padding: 8px 2px 8px 5px;}
.reservationAdminCol6{width:13%;vertical-align: top;border-bottom: 0px solid lightgray;padding: 8px 2px 8px 5px;}
.reservationAdminCol7{width:5%;text-align:center;vertical-align: top;border-bottom: 0px solid lightgray;padding: 8px 2px 8px 5px;}
.reservationAdminCol8{width:5%;text-align:center;vertical-align: top;border-bottom: 0px solid lightgray;padding: 8px 2px 8px 5px;}
.reservationAdminCol9{width:6%;vertical-align: top;border-bottom: 0px solid lightgray;padding: 8px 2px 8px 5px;}
.reservationAdminCol10{width:13%;vertical-align: top;border-bottom: 0px solid lightgray;padding: 8px 2px 8px 5px;}
.reservationAdminCol11{width:9%;vertical-align:  top;border-bottom: 0px solid lightgray;padding: 8px 2px 8px 5px; text-align:center}
.reservationAdminCol12{width:10%;vertical-align: top;border-bottom: 0px solid lightgray;padding: 8px 2px 8px 5px; text-align:center}
.reservationAdminCol13{width:10%;vertical-align: top;border-bottom: 0px solid lightgray;padding: 8px 2px 8px 3px; text-align:left}

.additionalServicePeriodCol1{width:50%; vertical-align:top;};
.additionalServicePeriodCol2{width:40%; vertical-align:top};
.additionalServicePeriodCol3{width:5%; vertical-align:top};

/** Promotion listing table column width ****************/
.rateAndAllotmentDetailText{
    font-size: 11px;
}

.rateAndAllotmentDateDetailColumn{
    font-size: 11px;
    float: left;
}

/** Promotion listing table column width ****************/
.promotionDetailText{
    font-size: 11px;
}

.promotionDetailText b{
    font-size: 11px;
}

.promotionDetailTextBold{
    font-weight: bold;
    font-size: 11px;
}
.promotionDetailTextBoldPurple{
    font-weight: bold;
    font-size: 11px;
    color:purple;
}

.promotionTable{
    border: 1px solid #CCCCCC;
    border-collapse: separate;
    margin: 0;
    padding: 0;
}
.promotionTable .datatableHeader{
    text-align: center; 
}

.promotionTable{
    border: 1px solid #CCCCCC;
    border-collapse: separate;
    margin: 0;
    padding: 0;
}

.promotionCol1{ text-align: center; width:1%;vertical-align:text-top; border-bottom: 1px solid lightgray; padding: 10px 5px 20px 10px;}
.promotionCol2{ text-align: center; width:12%;vertical-align:text-top; border-bottom: 1px solid lightgray;padding: 10px 5px 20px 10px;}
.promotionCol3{ text-align: left; width:21%;vertical-align:text-top; border-bottom: 1px solid lightgray; padding: 10px 5px 20px 0px;}
.promotionCol4{ text-align: left; width:26%;vertical-align:text-top; border-bottom: 1px solid lightgray; padding: 10px 5px 20px 10px;}
.promotionCol5{ text-align: left; width:28%;vertical-align:text-top; border-bottom: 1px solid lightgray; padding: 10px 5px 20px 10px;}
.promotionCol6{ text-align: center; width:12%;vertical-align:text-top;border-bottom: 1px solid lightgray; padding: 10px 10px;}

#promotion-setup .promotionCol6 {padding: 10px 5px 20px 5px;}

.compulsaryCol1{ text-align: left; width:15%;vertical-align:text-top; border-bottom: 1px solid lightgray;  padding: 10px 5px 20px 10px;}
.compulsaryCol2{ text-align: left; width:25%;vertical-align:text-top; border-bottom: 1px solid lightgray;  padding: 10px 5px 20px 10px;}
.compulsaryCol3{ text-align: left; width:20%;vertical-align:text-top; border-bottom: 1px solid lightgray;  padding: 10px 5px 20px 10px;}
.compulsaryCol4{ text-align: left; width:24%;vertical-align:text-top; border-bottom: 1px solid lightgray;  padding: 10px 5px 20px 10px;}
.compulsaryCol5{ text-align: left; width:8%;vertical-align:text-top; border-bottom: 1px solid lightgray;  padding: 10px 5px 20px 10px;}
.compulsaryCol6{ text-align: left; width:8%;vertical-align:text-top;border-bottom: 1px solid lightgray; padding: 10px 5px 20px 10px;}


/** Base rate listing table column width ****************/
.rateTypeTable{
    border: 1px solid #CCCCCC;
    border-collapse: separate;
    margin: 0;
    padding: 0;
}
.baseRateDetailText{
    font-size: 11px;
}

.rateTypeHeaderDetailTextBold{
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}
.rateTypeDetailText{
    font-size: 11px;
}

.rateTypeDetailText b {
    font-size: 11px;
}

.packageDetailText{
    font-size: 11px;
}

.packageDetailText b {
    font-size: 11px;
}

.packageDetailTextBold{
    font-weight: bold;
    font-size: 11px;
}
.packageDetailTextBoldPurple{
    font-weight: bold;
    font-size: 11px;
    color:purple;
}
.packageTextInclusion{
    font-weight: bold;
    font-size: 11px;
    color:black;
}

.packageCol1{ text-align: center; width:2%;vertical-align:text-top; border-bottom: 1px solid lightgray;     padding: 10px 8px 20px 8px;}
.packageCol2{ text-align: center; width:10%;vertical-align:text-top; border-bottom: 1px solid lightgray;     padding: 10px 8px 20px 8px;}
.packageCol3{ text-align: center; width:16%;vertical-align:text-top; border-bottom: 1px solid lightgray;     padding: 10px 8px 20px 8px;}
.packageCol4{ text-align: center; width:15%;vertical-align:text-top; border-bottom: 1px solid lightgray;     padding: 10px 8px 20px 8px;}
.packageCol5{ text-align: center; width:20%;vertical-align:text-top; border-bottom: 1px solid lightgray;     padding: 10px 10px 20px 10px;}
.packageCol6{ text-align: center; width:24%;vertical-align:text-top; border-bottom: 1px solid lightgray;     padding: 10px 8px 20px 8px;}
.packageCol7{ text-align: center; width:13%;vertical-align:text-top;border-bottom: 1px solid lightgray; padding: 10px 8px 20px 5px;}

.rateTypeCol1{ text-align: center; width:2%;vertical-align:top; border-bottom: 1px solid lightgray;    padding: 10px 10px; }
.rateTypeCol2{ text-align: center; width:10%;vertical-align:top; border-bottom: 1px solid lightgray;    padding: 10px 10px;}
.rateTypeCol3{ text-align: center; width:15%;vertical-align:top; border-bottom: 1px solid lightgray;    padding: 10px 10px;}
.rateTypeCol4{ text-align: center; width:21%;vertical-align:top; border-bottom: 1px solid lightgray;    padding: 10px 8px 20px 5px;}
.rateTypeCol5{ text-align: center; width:23%;vertical-align:top; border-bottom: 1px solid lightgray;    padding: 10px 8px 20px 10px;}
.rateTypeCol6{ text-align: left;   width:17%;vertical-align:top; border-bottom: 1px solid lightgray;    padding: 10px 8px 20px 10px;}
.rateTypeCol7{ text-align: center; width:12%;vertical-align:top; border-bottom: 1px solid lightgray;    padding: 10px 5px 20px 5px;}

.preArrivelEmailCol1{ text-align: center; width:2%;vertical-align:top; border-bottom: 1px solid lightgray;    padding: 10px 10px; }
.preArrivelEmailCol2{ text-align: center; width:5%;vertical-align:top; border-bottom: 1px solid lightgray;    padding: 10px 0px;}
.preArrivelEmailCol3{ text-align: center; width:10%;vertical-align:top; border-bottom: 1px solid lightgray;    padding: 10px 10px;}
.preArrivelEmailCol4{ text-align: left; width:13%;vertical-align:top; border-bottom: 1px solid lightgray;    padding: 10px 8px 20px 5px;}
.preArrivelEmailCol5{ text-align: center; width:22%;vertical-align:top; border-bottom: 1px solid lightgray;    padding: 10px 8px 20px 10px;}
.preArrivelEmailCol6{ text-align: center; width:14%;vertical-align:top; border-bottom: 1px solid lightgray;    padding: 10px 8px 20px 10px;}
.preArrivelEmailCol7{ text-align: left; width:8%;vertical-align:top; border-bottom: 1px solid lightgray;    padding: 10px 8px 20px 50px;}
.preArrivelEmailCol8{ text-align: center; width:11%;vertical-align:top; border-bottom: 1px solid lightgray;    padding: 10px 8px 20px 10px;}

.resrevationEmailCol1{ text-align: right; width:5%;vertical-align:top; border-bottom: 1px solid lightgray;    padding: 10px 10px; }
.resrevationEmailCol2{ text-align: center; width:10%;vertical-align:top; border-bottom: 1px solid lightgray;    padding: 10px 0px;}
.resrevationEmailCol3{ text-align: left; width:30%;vertical-align:top; border-bottom: 1px solid lightgray;    padding: 10px 20px;}
.resrevationEmailCol4{ text-align: center; width:35%;vertical-align:top; border-bottom: 1px solid lightgray;    padding: 10px 8px 20px 5px;}
.resrevationEmailCol5{ text-align: center; width:20%;vertical-align:top; border-bottom: 1px solid lightgray;    padding: 10px 8px 20px 10px;}

.voucherCol1{ text-align: center; width:2%;vertical-align:text-top; border-bottom: 1px solid lightgray;     padding: 10px 10px;}
.voucherCol2{ text-align: left; width:6%;vertical-align:text-top; border-bottom: 1px solid lightgray;     padding: 10px 10px;}
.voucherCol3{ text-align: left; width:32%;vertical-align:text-top; border-bottom: 1px solid lightgray;     padding: 8px 8px 8px 8px;}
.voucherCol4{ text-align: center; width:5%;vertical-align:text-top; border-bottom: 1px solid lightgray;     padding: 10px 10px;}
.voucherCol5{ text-align: center; width:5%;vertical-align:text-top; border-bottom: 1px solid lightgray;     padding: 10px 10px;}
.voucherCol6{ text-align: center; width:5%;vertical-align:text-top; border-bottom: 1px solid lightgray;     padding: 10px 10px;}
.voucherCol7{ text-align: center; width:5%;vertical-align:text-top; border-bottom: 1px solid lightgray;     padding: 10px 10px;}
.voucherCol8{ text-align: center; width:5%;vertical-align:text-top; border-bottom: 1px solid lightgray;     padding: 10px 10px;}
.voucherCol9{ text-align: center; width:10%;vertical-align:text-top; border-bottom: 1px solid lightgray;    padding: 10px 10px;}
.voucherCol10{ text-align: center; width:10%;vertical-align:text-top;border-bottom: 1px solid lightgray;    padding: 8px 8px 8px 8px;}
.voucherListingColumnData { font-size: 11px;}
.voucherDetailMargin { margin-top: 10px;}

.additionalServiceCol1{ text-align: center; width:2%;  vertical-align:top; border-bottom:1px solid lightgray; padding:10px}
.additionalServiceCol2{ text-align: center; width:12%;  vertical-align:top; border-bottom:1px solid lightgray; padding:10px}
.additionalServiceCol3{ text-align: left;   width:20%; vertical-align:top; border-bottom:1px solid lightgray; padding:10px}
.additionalServiceCol4{ text-align: left;   width:22%; vertical-align:top; border-bottom:1px solid lightgray; padding:10px}
.additionalServiceCol5{ text-align: left;   width:18%; vertical-align:top; border-bottom:1px solid lightgray; padding:10px}
.additionalServiceCol6{ text-align: left;   width:10%; vertical-align:top; border-bottom:1px solid lightgray; padding:10px}
.additionalServiceCol7{ text-align: center; width:8%; vertical-align:top; border-bottom:1px solid lightgray; padding:10px}
.additionalServiceCol8{ text-align: center; width:10%; vertical-align:top; border-bottom:1px solid lightgray; padding:10px}

.currencyCol1{text-align:center; width:14%; padding:5px}
.currencyCol2{text-align:center; width:26%; padding:5px}
.currencyCol3{text-align:center; width:12%; padding:5px}
.currencyCol4{text-align:center; width:17%; padding:5px}
.currencyCol5{text-align:center; width:15%; padding:5px}
.currencyCol6{text-align:center; width:11%; padding:5px}
.currencyCol7{text-align:center; width:5%;  padding:5px}

.seasonCol1{width:20%; vertical-align: top;border-bottom: 1px solid lightgray;    padding: 10px 10px 10px 45px;}
.seasonCol2{width:50%; vertical-align: top;border-bottom: 1px solid lightgray;    padding: 10px 10px 10px 45px;}
.seasonCol3{width:10%; vertical-align: top;border-bottom: 1px solid lightgray;    padding: 10px 10px 10px 5px;}
.seasonCol4{width:10%; vertical-align: top;border-bottom: 1px solid lightgray;    padding: 10px 10px 10px 5px;}

.propertyCurrencyCol1{ text-align:left; width:40%; vertical-align:top; border-bottom:1px solid lightgray; padding:10px 30px}
.propertyCurrencyCol2{ text-align:left;   width:60%; vertical-align:top; border-bottom:1px solid lightgray; padding:10px 25px;}

/** Additional css*/
.tableHeader, .tableHeaderL, .tableInput, .tableHeaderC{
    background-color: lightslategray;
    color:white;
    font-weight:bold;
    padding:4px 10px;
    line-height: 20px;
}

.rateTableHeader {
    background-color: lightslategray;
    color:white;
    font-weight:bold;
    padding:4px 10px;
}

.tableHeaderNoPadding  {
    background-color:lightslategray;
    color:white;
    font-weight:bold;
    padding:4px 0px 4px 3px;
    line-height: 20px;
}

.tableHeaderNoPadding.textCenter {
    text-align: center;
}
.tableHeaderNoPadding.textLeft {
    text-align: left;
    text-indent: 5px;
}


.tableHeaderNoPadding2  {
    background-color:lightslategray;
    color:white;
    font-weight:bold;
    padding:4px 0px 0px 0px;
    line-height: 20px;
}

.tableHeaderNoPadding3  {
    background-color:lightslategray;
    color:white;
    font-weight:bold;
    padding:4px 0px 4px 5px;
    line-height: 20px;
}
.tableHeaderNoPadding.alignCenter {
    text-align: center;
}

.tableHeaderC{
    text-align: center;
}
.tableHeaderPopUp{
    font-weight:bold;
    padding:4px 10px;
    line-height: 20px;
}
.tableHeaderL{
    border-right:0px solid;
}
.tableInput{
    background-color:#F5F5F5;
    height: 20px;
    padding:4px 10px 4px 5px;
}

.tableInput1{
    height: 20px;
    padding:4px 10px 4px 5px;
}
.tableInput_property{
    height: 20px;
    padding:0px 10px 0px 10px;

}

.detailHeader{
    font-weight: bold;
    color: purple;
    font-size: 11px;
}
.detailSmallTextHeader{
    font-weight: bold;
    font-size: 10px;
}
.detailSmallText {
    font-size: 10px;
}

.tableClear{
    width: 100%;
}

.tableClear tr{
    margin:0px;
    padding: 0px;
    border: #FFF 0px solid;
}

.tableClear tr td, .tableClear tbody tr td{
    margin:0px;
    padding: 0px;
    border: #FFF 0px solid;
}

.userLanguageCheckBox{margin-right:5px}
.userPropertyCheckBox{margin-right:5px}

.requiredStar, .requiredStarW{
    color:red;
    font-size: 140%;
    line-height: 10px;
    margin-left: 3px;
}
.requiredStarW{
    color:#FFF !important;
}

.select{ }

.propertyCheckBox{margin-right:5px}

#popupPanelContentPanel input, #popupPanelContentPanel select{
    margin: 0 5px 0px 5px;
    padding: 1px 2px 1px 2px;
}

#popupPanelContentPanel input.m0, #popupPanelContentPanel input.roomtypeList{
    margin: 0;
    padding: 1px 2px 1px 2px;
}

.m0 input, .roomtypeList input{
    margin: 0 10px 0 0 !important;
    padding: 0;
}
.margin0{
    margin: 0 10px 0 0 !important;
}
.margin0 input{
    margin: 0 0 10px 5px;
    padding: 0;
    text-align: center;
    width: 90px;
}
.margin2{
    margin: 0 10px 0 0 !important;
}
.margin2 input{
    margin-left:5px;
    padding:2px;
    text-align: center;
    width:130px;
}
.margin3{
    margin: 0 10px 0 0 !important;
}
.margin3 input{
    vertical-align: top;
    padding:2px;
    text-align: center;
    width:130px;
}


.searchBar{
    border:#6593cf solid 1px;
    padding:3px;
    background:url(images/bg-blue.jpg) bottom repeat-x;
} 
.searchBar input, .searchBar select{
    margin: 0 5px 0 0 !important;
}

.loadRateTable{
    margin:20px 0px 0px 0px;
}

.loadRateFooter { 
    padding: 0 0 0 15px;
    background-color: whitesmoke;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.loadRateFooter div {
    margin: 10px 0 10px 0;
}

.loadRateHeader {
    vertical-align: bottom;
    padding:10px 0px 10px 15px;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    
}

.loadRatePeriod{
    padding: 5px 0;
    display:table-cell;
    vertical-align:bottom;
}

.loadRateRow1 td,.loadRateRow2 td{
    padding: 7px 0 7px 0;
}

.loadRateRow1 {
    background-color: whitesmoke;
}

.loadRateRow2 {
    background-color: lightgray;
}
.loadRateCol1{
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    padding-left: 15px !important;
    width: 200px;
}
.loadRateCol2{
    border-right: 1px solid #CCC;
    padding-left: 15px !important;
}

.loadRateRateInclude {
    background-color: #c1c1c1;
}

.loadRateInputNumberBox {
    padding-right: 5px;
    text-align: right;
    width: 65px; 
    height: 19px;
}

.fullRatePerPerson input {
    width: 65px; 
    background-color:rgb(250, 255, 189);  
    border:#ccc solid 1px; 
    height: 18px;
}

.fullRatePerPackage input {
    width: 65px; 
    background-color: #FFFEE2 ;  
    border:#ccc solid 1px; 
    height: 18px;
}

.loadRateInputNumberBox::-webkit-input-placeholder  {
    padding-top: 1px;
    font-size: 2px;
    text-align: center;
    text-transform: lowercase;
}

.loadRateInputNumberBox::-moz-placeholder  {
    padding-top: 1px;
    font-size: 10px;
    text-align: center;
    text-transform: lowercase;
}

.loadRateInputNumberBox:-ms-input-placeholder  {
    padding-top: 1px;
    font-size: 10px;
    text-align: center;
    text-transform: lowercase;
}

.loadFirstRateColumn {
    width:120px;
    background: url(images/bg-border.gif) repeat-y;
    padding:10px 0px 10px 20px;
    vertical-align: middle;
}

.loadRateColumn {
    width:100px;
    padding:10px 0px 10px 20px;
    vertical-align: middle;
}

.fieldLabel {
    font-weight: bold;
}
.fieldLabel {
    display: block; 
    float: left;
    width: 200px;
}

.hotel-overview-label-inputbox{
    padding:2px 0px 2px 5px; 
    font-size:12px;
}

.labelColumn {
    vertical-align: top;
    font-weight: bold;
}

.dataColumn {
    vertical-align: top;
}


/**Package load rate page******************************/
.loadPackageRateTable{
    margin:0px;
}
.RateRow1{
    background-color: #a4a4a4;
}
.RateRow2{
    background-color: #999;
}
.RateRow3{
    background-color: #f0f8ff;
    border-bottom: 1px solid #DDD;
}
.RateRow4{
    background-color: #EEE;
}
.RateRow5{
    background-color: #DDD;
}
.RateRow6{
    background-color: lightslategray;
    color:white;
}
.PackageRateTitle{
    background-color: lightslategray;
    line-height: 32px;
    font-weight: bold;
    padding-left: 10px;
}
.PackageRateMenu{
    width: auto;
    float: right;
}
.PackageRateSummary{
    clear: both;
    background-color: whitesmoke;
    padding:10px 0;
}
.PackageRateInclusion{
    float: left;
    width: 350px;
    margin-left: 10px;
}
.PackageRateCondition{
    float: right;
    width: 250px;
    margin-right: 10px;
}
.PackageRateExcerpt{
    margin: 10px 0 0 0;
}


.loadPackageRateHeader {
    vertical-align: bottom;
    padding:10px 0px 10px 15px;
    border-left: 1px solid #CCC;
    
}
.loadPackageRateCol1{
    padding-left: 15px !important;
    width: 200px;
}
.loadPackageRateCol2{
    border-left: 1px solid #CCC;
    padding-left: 15px !important;
}

.loadPackageRateCol3{
    padding-left: 15px !important;
    width: 200px;
    vertical-align: top;
}


/**Overide standard css class******************************/
.ui-growl-message p {
    text-align: left;
}

.ui-datepicker-trigger{
    margin: 2px 0 0 2px !important;
    padding: 0 !important;
    height: 18px;
    width: 20px;
    cursor: pointer;
}

/* Load rate and allotment */
.edit-rate-and-rate-icon {
    font-size:15px;
    color:#999999;
}
.edit-rate-and-rate-icon.allotment {
    margin-left: 10px;
}

.policyCol1,.policyCol2,.policyCol3, .policyCol4,.policyCol5{
    text-align: center;
    vertical-align: middle;

}

.policyDetailText{
    font-size: 11px;
}
.policyDetailTextBold{
    font-weight: bold;
    font-size: 11px;
}
.policyDetailTextBoldPurple{
    font-weight: bold;
    font-size: 11px;
    color:purple;
}

.RateHeaderRow {
    height:30px;
}
.RateRow {
    border-width:2px 0;
    border-style:solid;
    border-color:white;
}
.RateColumn {
     background-color: inherit;
     background: inherit;
}


/*Form page style*/
.formTable .row4 .header,
.formTable .head1{
    background-color: lightslategray;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
}
.formTable td{
    padding: 5px 10px;
}
.formTable .row1 td{
    background-color: #EEE;
    height: 35px;
}
.formTable .row4 td{
     height: 35px;
}
.formTable .row2 td{
    background-color: #FFF;
}
.formTable .row3 td{
    background-color: #EEEEEE;
}
.formTable .promotionType {
    padding: 10px 10px;
}
.formTable td.checkbox{
    padding: 2px 10px;
}
.formTable td.polling-interval,.formTable td.reservation-delivery-location{
    padding: 10px 10px 5px 10px;
}
.linkBack{
    margin: 0;
    color: #222;
    font-size: 16px;
    font-weight: bold;
}
.linkBack2{
    color: #222;
    font-size: 20px;
}
.floatLabel{
    float: left;
    line-height:18px;
    margin:0 5px 0 0;
    width: auto;
}
.optionTable {
    margin: 0;
}
.optionTable td{
    margin: 0 10px 0 0;
    padding: 0px 10px 5px 0px;
}

.optionTable2 td{
    margin: 0 10px 0 0;
    padding: 0px 10px 0px 0px;
}


.optionTable label{
    margin: 0 0 5px 3px;
}

.headRate{
    font-size: 15px;
    font-weight: bold;
    color: #777;
}
.rangeBox{
    width:156px;
    padding:28px 20px 0 0;
    height:43px; float:left;
    background:#eee url(images/bg-ranking.jpg) no-repeat;
    text-align:right;
    color: #999;
    margin-right:15px;
    vertical-align: top;
    font-size: 13px;
}
.ml10{
    margin-left: 10px;
}
.inputRate{
    width: 60px;
    height: 18px;
    background-color: #F8F8F8;
    border: 1px solid #BBBBBB;
    cursor: default;
    vertical-align: middle;
}
input.buttonRate{
    width: 25px;
    height: 22px;
    color:#050;
    cursor: pointer;
    vertical-align: middle;
}
.rowBox{
    margin: 5px 0 0 0;
    text-align: right;
}
input.btn {
}

.baseRow1{
    background-color: white;
}
.baseRow2{
    background-color: white;
}

/*********
* Payment policy
*********/
.paymentText{
 width:70px;
 height: 18px;
 margin: 0px 2px 0px 0px;
 color: #000;
 font-size:14px; 
 font-weight:bold;
}
.paymentPolicyPanel{
    width: 188px;
    display: inline-block;
    padding:5px 0;
    vertical-align: top;
}
.paymentPolicyInputPanel{
    width: 280px;
}

/*********
* Common
*********/
.radioButtonSpacing td label { margin: 0px 15px 0px 2px; }
.radioButtonSpacing2 td label { margin: 0px 10px 0px 2px; }

.deleteX{
    float:left; 
    color: #c00; 
    font-weight: bold; 
    font-size: 15px;
    padding-top: 2px;
    cursor: pointer;
}
.deleteX:hover{
    text-decoration: none;
    color: #c00; 
    font-weight: bold; 
}
.deleteSX{
    color: #c00; 
    font-weight: bold; 
    font-size: 12px;
    padding-top: 2px;
    cursor: pointer;
}

/*******************************
* Update rate and availability
*******************************/
.statusIcon {
    margin:5px 2px 0px 0px;
}

.statusSampleIconHeader {
    margin:0px 5px 0px 10px;
    height: 14px;
    width: 14px;
}

.statusSampleTextHeader {
    color: #666666;
}

/********************************************************
* FreeOW alert message
*********************************************************/
#freeow {
    position: fixed;
    -position: absolute; /*Fix ie6*/
    top: 10px;
    -top: 500px;
    right: 10px;
    width: 300px;
    z-index: 9999;
}
#freeow > div {
    position: relative;
    margin-bottom: 5px;
	cursor: pointer;
}
#freeow .content {
    margin: 5px 5px 5px 69px;
}
#freeow h2 {
    margin: 0;
    padding: 0;
    font-family: "Lucida Grande", Helvetica, arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
}
#freeow p { 
    margin: 0;
    padding-top: 8px;
    font-family: Helvetica, arial, sans-serif;
    font-weight: normal;
    font-size: 11px;
    line-height: 16px;
}
#freeow .icon {
    position: absolute;
    display: block;
    width: 48px;
    height: 48px;
    top: 5px;
    left: 10px;
    background: transparent url(images/notice.png) no-repeat 0 0;
    z-index: 1;
}
#freeow .close {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    top: 8px;
    left: 8px;
    background: none;
    z-index: 2;
}
#freeow div:hover .close {
    background: transparent url(images/close.png) no-repeat 0 0;
}

#freeow .background {
	border: 2px solid #ccc !important;
	background: #eee !important;
        padding: 0 0 5px 0;
}
#freeow .content {
    margin: 5px 5px 5px 69px;
}
/**End FreeOW message**********************/

.spaceTable{
    border-collapse: separate;
    border-spacing: 5px;
}

.spaceTable tr td{
    vertical-align: top;
    
}

.policyText2{width: 450px; margin: 0 10px 0 0; font-size: 11px;}

.hotel-policy-list li{
    
    list-style: disc !important;
    list-style-type: disc !important;
    
}

.search-criteria td{
    vertical-align: top;
}

.search-criteria-column-first {
    padding: 20px 10px 0 0;
}

.search-criteria-column {
    padding: 20px 10px 0 10px;
}

.productText{
    font-size: 16px;
    padding-left: 5px;
}

.inputTextFormat1{
    margin-left: 2px;
    padding: 0 2px;
}

.inputNumberFormat1 {
    text-align: right;
    padding-right: 5px;
    height: 21px;
}

.inputNumberDiscountAmount {
    margin-right: 5px;
    padding-right: 5px;
    width:65px; 
    height:21px;
    text-align: right;
    vertical-align:top;
}

.inputTextFormatOfPrimeFace{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 22px;
    color: black;
}

.textLowerCase{
    text-transform: lowercase;
}

.textCapitalize{
    text-transform: capitalize;
}

.textUppercase{
    text-transform: uppercase;
}

.labelFormat1{
    font-size: 11px;
    font-weight: normal;
    color: #000;
}

.labelFormat1 b {
    font-size: 11px;
}

.labelRemoveBold b{
    font-weight: normal;
}

.labelFormat2{
    font-size: 11px;
    font-weight: bold;
    color: #000;
}

.labelData1{
    font-size: 11px;
    font-weight: normal;
    color: #888;
}

.buttonSaveAdvanceCustomize { cursor:pointer;text-decoration:none; color:#333333; background-image:url(images/bg-hotelinfo-btn.jpg); display:inline-block; line-height:28px;height:28px;padding:0px 15px;-moz-border-radius:5px;-webkit-border-radius:5px; border:#feca38 solid 1px; font-size:14px; font-weight:bold; margin: 20px 0 0 260px}

.selectOneMenuAdvanceCustomizeBox {
    width: 200px;
}

/* Property Maintenance > Up date starting rate and full rate (for landing page) */
.updateStatingRate {
    margin-top: 40px;
}
.updateStatingRate h2 {
    margin-top: 40px;
    font-size: 16px;
    text-decoration: underline;
}
.updateStatingRate .propertyListing {
    width: 300px;
    margin-right: 25px;
}
.updateStatingRate .startingRateRateListing {
    margin-left: 25px;
}
.updateStatingRate .startingRateFromDate{
    margin: 0 5px 0 15px;
}
.updateStatingRate .startingRateToDate{
    margin: 0 5px 0 15px;
}
.statringRateColumn2 {
    margin-top: 10px; 
}
.statringRateColumn2 .startingRatePropertyStatus{
    float: left;
}
.statringRateColumn2 .startProcessButton {
    float: left;
    text-align:left; 
    margin:0px 10px 0px 30px;    
}

/*View and send email*/
.viewAndSendEmailMainHeader {
    float: left; 
    color:#474d87; 
    font-size:22px; 
    font-size:2.2rem; 
    font-weight: bold; 
    text-transform: capitalize;
}
.viewAndSendEmailHeader{
    display: block;
    color:#474d87; 
    font-size:20px; 
    font-size:2.0rem; 
    font-weight: bold; 
    text-transform: capitalize;
    margin-bottom: 5px;
}
.viewAndSendEmailSpace {
    margin-left: 10px
}
.viewAndSendEmailGeneRateEmailButtom {
    width: 150px;
    margin-left: 10px
}
.viewAndSendEmailInputBox {
    width: 200px;
}
.viewAndSendEmailCcInputBox {
    width: 544px;
}
.viewAndSendEmailFromEmailTextSpace {
    margin-left: 50px;
}
.viewAndSendEmailSendEnailButton {
    width: 150px;
}
.fromEmailAddressSpace {
    margin-left: 24px
}
.toEmailAddressSpace {
    margin-left: 40px;
}
.recipientEmailAddressCcSpace {
    margin-left: 38px;
}
.documentTypeSpace {
    margin-left: 20px;
}


/* Send Email Test menu*/
.sendEmailTestText, .sendEmailTestInputBox {
    display: block;
}
.sendEmailTestText {
    width: 60px;
    float: left
}


/*== IBE Display setting ==*/
.enableAvailabilityChartPabel {
     margin:20px 15px 20px 30px;
}
.enable-not-available-required-min-night-panel .min-night-filter:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* additional service */
.customizeUnitWordingText {
    float: left;
    margin-top:7px; 
    color: #ff9933;
}

.unitAdditionalServiceList{
    float: left;
    margin: 7px;
}

.bestSellerSymbolDisplay {
    text-align: center; 
    display: block
}

/* ### Internet Booking Engine ### */
/* Other booking tracking */
.affiliredEnabelPanel {
    padding: 0px 10px 5px 0px;;
}
.affiliredEnabelPanel:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.affiliredEnabelRadioButton, .affiliredMerchantIdInputext {
    width: 250px;
    float: left;
}

.ibe-display-setting-heading {
    display: block;
    margin: 0 25px;
    padding: 5px;
    width: auto;
    max-width: 100%;
}

.step-bar-setting-label {
    display:inline-block;
    width: 250px;
}

.step-bar-setting-label {
    display: inline-block;
    width: 200px;
}

.ibe-display-setting-heading,
.ibe-analytics-script-heading {
    display: block;
    font-size: 18px;
}
.ibe-analytics-script-panel-group {
    margin:20px 15px 20px 30px;
}
.ibe-analytics-script-panel-group2 {
     margin:20px 15px 40px 30px;
}

.ibe-analytics-script-panel {
    height: 19px;
    line-height: 19px;
    padding: 3px 0;
}
.ibe-analytics-script-column-left {
    padding: 2px 0px;
    width:300px;
    float: left;
}
.ibe-analytics-script-column-left input[type="text"] ,
.ibe-analytics-script-panel .hotelinfo-ibe2 input[type="text"]{
    width: 150px;
    border: 1px solid gray;
    padding: 1px 0px 1px 5px;
} 
.ibe-analytics-script-panel .enable-google-analytics-reporting-query-panel {
    float: left;
    margin-top:3px;
}
.ibe-analytics-script-panel .info-icon {
    float:left; 
    margin-left:15px;
}
.ibe-analytics-script-panel .info-icon .info-icon-image {
    margin:2px; 
    cursor:pointer;
}
.ibe-analytics-script-panel-group .ibe-analytics-script-panel:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.text-info {
    color:#000000;
    font-weight: normal;
}

.event-log-text-header {
    font-weight: bold;
    display: inline-block;
    margin-right: 10px;
}

.event-log-text-header2 {
    font-weight: bold;
    display: block;
    margin-right: 10px;
    margin-bottom: 5px;
    float: left;
    width: 80px;
}
.new-feature-popup-button {
    float: right;
    margin: 19px 20px 0 2px;
}
.new-feature-popup-label{
    color: #777;
    font-size: 12px;
    margin-left: 8px;
    vertical-align: super;
}
.inputbox-primefaces-normal-style,
.inputbox-primefaces-normal-style:focus{
    color: #000;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    height: 21px;
    border-radius: 0px;
    box-shadow: none;
    border-color: #cccccc;
}


/* Report table */
.column-order {
    width: 20px;
}

.column-order2 {
    width: 30px;
}

.column-name {
    min-width: 100px;
    max-width: 120px;
}

.column-name2 {
    min-width: 130px;
    max-width: 150px;
}

.column-number-of-booking,
.column-number-of-room,
.column-number-of-room-night,
.column-lead-time-day,
.column-average-los,
.column-average-length-of-stay,
.column-percent-of-total-revenue {
    width: 50px;
}

.overwrite-special-request-note html {
    font-size:62.5%;
}

.overwrite-special-request-note textarea {
    width: 250px; 
    padding: 5px 2px 5px 5px;        
   font-size:  12px;
}

.overwrite-special-request-panel {
    
}

.overwrite-special-request-panel .col-1{
    float: left;  
    width: 200px;
}

.overwrite-special-request-panel .col-2{
    width: 300px; 
    float: left;
}


.column-total-revenue,
.column-average-daily-room-rate
 {
     width: 65px;
}

.column-top-nationality {
    min-width: 80px;
}


/* Payment panel */

.payment-form-panel {   
    
}

.payment-form-panel .label {   
     font-weight: bold;
}
.payment-form-panel .row {  
    padding: 5px 0 5px 0;
    width: 100%;
}
.payment-form-panel .column-1{
    
}
.payment-form-panel .column-1,
.payment-form-panel .column-2 {
    width: 200px;
    float: left;
}
.payment-form-panel .column-3{
    float: left;
    width: 400px;
}

.payment-form-panel .text-info {
    margin-left: 10px;
}


.payment-gateway-image-panel {
    width:792px; 
    border:solid 1px #cccccc; 
    background-color:#F8F8F8; 
    text-align:center;    
}

.payment-gateway-image-url-panel {
    margin-top: 20px;
    cursor:copy; 
    color:blue; 
    text-decoration:underline; 
    width: 772px; 
    padding: 10px; 
    border: solid 1px #cccccc; 
    background-color: #F8F8F8;
}

.property-listing-service-in-use-label{
    display:block;
    font-size:9px;
    margin-left:3px;
    text-transform:uppercase
}

#roomSearchAdultAndChildHeader td, 
#roomSearchExceptionHeader th {
    font-weight:normal;
    font-size:12px; 
    text-align: center;
}
#roomSearchExceptionHeader th{
    padding:20px 0 10px 0;
}
#roomSearchAdultAndChildHeader td,
#roomSearchExceptionBox1 td,
#roomSearchExceptionBox2 td,
#roomSearchExceptionBox3 td,
#roomSearchExceptionBox4 td,
#roomSearchExceptionBox5 td,
#roomSearchExceptionBox6 td {
    text-align:center; 
}
#roomSearchExceptionBox1 td,
#roomSearchExceptionBox2 td,
#roomSearchExceptionBox3 td,
#roomSearchExceptionBox4 td,
#roomSearchExceptionBox5 td,
#roomSearchExceptionBox6 td{
    padding:5px 0;
}
#addRoomSearchExceptionBox1 td, 
#addRoomSearchExceptionBox2 td,
#addRoomSearchExceptionBox3 td,
#addRoomSearchExceptionBox4 td,
#addRoomSearchExceptionBox5 td {
    padding:5px 0 0 25px;
}

/* Special Room Capacity Setting*/
#specialRoomCapacityAdultAndChildHeader td, 
#specialRoomCapacityHeader th {
    font-weight:normal;
    font-size:12px; 
}
#specialRoomCapacityHeader th{
    padding:20px 0 10px 0;
}
#specialRoomCapacityBox1 td, 
#specialRoomCapacityBox2 td, 
#specialRoomCapacityBox3 td, 
#specialRoomCapacityBox4 td, 
#specialRoomCapacityBox5 td, 
#specialRoomCapacityBox6 td, 
#specialRoomCapacityBox7 td, 
#specialRoomCapacityBox8 td, 
#specialRoomCapacityBox9 td, 
#specialRoomCapacityBox10 td {
    padding:5px 0;
}
#specialRoomCapacityBox2 #closeBtn2,
#specialRoomCapacityBox3 #closeBtn3,
#specialRoomCapacityBox4 #closeBtn4,
#specialRoomCapacityBox5 #closeBtn5,
#specialRoomCapacityBox6 #closeBtn6,
#specialRoomCapacityBox7 #closeBtn7,
#specialRoomCapacityBox8 #closeBtn8,
#specialRoomCapacityBox9 #closeBtn9,
#specialRoomCapacityBox10 #closeBtn10 {
    text-align:left;
}
#specialRoomCapacityBox2 #closeBtn2 a:hover,
#specialRoomCapacityBox3 #closeBtn3 a:hover,
#specialRoomCapacityBox4 #closeBtn4 a:hover,
#specialRoomCapacityBox5 #closeBtn5 a:hover,
#specialRoomCapacityBox6 #closeBtn6 a:hover,
#specialRoomCapacityBox7 #closeBtn7 a:hover,
#specialRoomCapacityBox8 #closeBtn8 a:hover,
#specialRoomCapacityBox9 #closeBtn9 a:hover,
#specialRoomCapacityBox10 #closeBtn10 a:hover {
    text-decoration:none;
}
#addSpecialRoomCapacityBox1 td, 
#addSpecialRoomCapacityBox2 td,
#addSpecialRoomCapacityBox3 td,
#addSpecialRoomCapacityBox4 td,
#addSpecialRoomCapacityBox5 td,
#addSpecialRoomCapacityBox6 td,
#addSpecialRoomCapacityBox7 td,
#addSpecialRoomCapacityBox8 td,
#addSpecialRoomCapacityBox9 td,
#addSpecialRoomCapacityBox10 td {
    padding:5px 0 0 17px;
}
#specialRoomCapacityBox1 td select, 
#specialRoomCapacityBox2 td select, 
#specialRoomCapacityBox3 td select, 
#specialRoomCapacityBox4 td select, 
#specialRoomCapacityBox5 td select, 
#specialRoomCapacityBox6 td select, 
#specialRoomCapacityBox7 td select, 
#specialRoomCapacityBox8 td select, 
#specialRoomCapacityBox9 td select, 
#specialRoomCapacityBox10 td select {
    width:75%;
}
#specialRoomCapacityAdultAndChildHeader td,
#specialRoomCapacityBox1 td:first-child, 
#specialRoomCapacityBox2 td:first-child,
#specialRoomCapacityBox3 td:first-child,
#specialRoomCapacityBox4 td:first-child,
#specialRoomCapacityBox5 td:first-child,
#specialRoomCapacityBox6 td:first-child,
#specialRoomCapacityBox7 td:first-child,
#specialRoomCapacityBox8 td:first-child,
#specialRoomCapacityBox9 td:first-child,
#specialRoomCapacityBox10 td:first-child {
    text-align:center; 
}

/* Hotel General Information - Facilities*/
.facilities-panel{padding:15px 30px}
.facilities-info {padding:25px 0 35px}
#hasFacilityInternetPanel tr th {font-weight:normal;padding:15px 0 10px}
#hasFacilityInternetPanel tr td {padding-bottom:5px}


/**/
#isShowThisRateOnAllDayMonday tr td,
#isShowThisRateOnAllDayTuesday tr td,
#isShowThisRateOnAllDayWednesday tr td,
#isShowThisRateOnAllDayThursday tr td,
#isShowThisRateOnAllDayFriday tr td,
#isShowThisRateOnAllDaySaturday tr td,
#isShowThisRateOnAllDaySunday tr td,
#useTimeZoneSelectOneRadio tr td{
    height:0;
}
.timePicker input {
    width: 75px;
    text-align: center;
}
.periodTimePanel {
    padding:5px 0 5px 20px;
}
.periodTimePanel div {
    padding-bottom:5px;
}
.closeButtonRed {
    color: #c00; 
    font-weight: bold; 
    font-size: 12px;
    vertical-align: middle;
}
.closeButtonRed:hover {
    text-decoration: none;
}
.timePeriodLabel {
    width:170px;
}
.showThisRateOnDayCheckbox, 
.showThisRateOnDayLabel {
    float:left;
}
.showThisRateOnDayCheckbox {
    width:20px
}
.showThisRateOnDayLabel {
    width:70px;
}
.useTimeZoneTypePanel {
    margin-top:20px;
}
.useTimeZoneTypePanel .useTimezoneLabel,
.useTimeZoneTypePanel #useTimeZoneSelectOneRadio{
    float: left;
}
.useTimeZoneTypePanel #useTimeZoneSelectOneRadio {
    margin-left:20px;
}
.showThisRatePanel .showThisRateHeader, 
.showThisRatePanel .showThisRateSettingPanel {
    padding:10px;
}
#showInSpecificTimezonePanel  {
    width:35%;
}
.showThisRateByDayPanel {
    margin-bottom:5px;
}


/* Notification Email Setup*/
.notificationEmailSetupPanel {
    padding:15px 30px;
}
.notificationEmailSetupPanel .notificationEmailDetailsPanel {
    margin-bottom:10px;
}
.notificationEmailSetupPanel .notificationEmailDetailsPanel:last-child {
    margin-bottom:0px;
}
.notificationEmailSetupPanel .notificationEmailDetailsPanel .notificationEmailLabelHeader,
.notificationEmailSetupPanel .notificationEmailDetailsPanel .notificationEmailInformation,
.notificationEmailSetupPanel .notificationEmailDetailsPanel .notificationEmailConditionInput{
    float:left;
}
.notificationEmailSetupPanel .notificationEmailDetailsPanel .notificationEmailLabelHeader {
    width:180px;
    margin-top:5px;
}
.notificationEmailSetupPanel .notificationEmailDetailsPanel .notificationEmailInformation {
    width:350px;
}
.notificationEmailSetupPanel .notificationEmailDetailsPanel .notificationEmailInformationInputTextarea {
    width:100%;
    height:120px;
    padding:5px;
}
.notificationEmailSetupPanel .notificationEmailDetailsPanel .notificationEmailConditionInput {
    margin-left:5px;
}
.notificationEmailSetupPanel .notificationEmailDetailsPanel .notificationEmailConditionInput .conditionInputLabel{
    display:block;
    font-size:10px;
    text-transform:lowercase
}




/********************* Integration Service Panel ******************************/
.integration-service-header:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.integration-service-header .header-panel,
.integration-service-header .progress-bar-panel {
    float: left;
}
.integration-service-header .progress-bar-panel {
    margin-left: 5px;
}
.supplier-integration-product-mapping-panel {
    width:100%;
    border:#cccccc solid 1px;
    padding:15px 0 15px 0;
    -moz-border-radius:0 5px 5px 5px;
    -webkit-border-radius:0 5px 5px 5px;
    background-color:#ffffff;
    min-height:430px;
    display: inline-block; 
    min-height: 0px;
}
.integration-service .right-panel .select-boolean-checkbox {
    margin-bottom: 5px;
}
.integration-service-panel {
    
}
.integration-service-panel .integration-service-header-panel {
    border-radius:2.5px;
    margin-bottom:30px;
}
.integration-service-panel .integration-service-header-panel .integration-service-cofig-details {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 5px;
}
.integration-service-panel .integration-service-header-panel .integration-service {
    padding:15px;
}
.integration-service-panel .integration-service-header-panel .integration-service .left-panel,
.integration-service-panel .integration-service-header-panel .integration-status .left-panel {
    width:25%;
    float:left;
}
.integration-service-panel .integration-service-header-panel .integration-service .right-panel,
.integration-service-panel .integration-service-header-panel .integration-status .right-panel {
    width:75%;
    float:right;
}

.integration-service-panel .integration-service-content .header-colums .left-panel,
.integration-service-panel .integration-service-content .header-colums .right-panel {
    float: left;
}
.integration-service-panel .integration-service-content .header-colums .left-panel {
    width: 35%;
}
.integration-service-panel .integration-service-content .header-colums .right-panel {
    width: 65%;
}
.integration-service-panel .integration-service-content .header-colums .header {
    text-transform: capitalize;
    font-weight: bold;
}
.integration-service-panel .integration-service-content .select-room-type-list-panel-ciirus .room-availability-integration-endpoint-url-input-text {
    padding: 2px
}
.integration-service-panel .integration-service-header-panel .integration-service .right-panel .select-check-box,
.integration-service-panel .integration-service-content .select-room-type-list-panel .select-check-box,
.integration-service-panel .integration-service-content .select-room-type-list-panel-ciirus .select-check-box,
.integration-service-panel .integration-service-content .column-2 .select-check-box {
    margin-right:5px;
    vertical-align:text-top;
}
.integration-service-panel .integration-service-header-panel .integration-service .right-panel .sync-room-rate-panel {
    margin: 5px 0;
}
.integration-service-panel .integration-service-header-panel .integration-status {
    padding:0 15px 15px 15px;
}
.integration-service-panel .integration-service-header {
    background-color: lightslategray; 
    color: #FFF;
    padding: 10px;
}
.integration-service-filter-panel {
    background-color: #eee;
    margin-bottom: 30px;
    padding: 15px;
}
.integration-service-filter-panel .left-panel {
    float: left;
}
.integration-service-filter-panel .right-panel {
    float: right;
}
.integration-service-filter-panel:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.integration-service-panel .integration-service-filter-show-items-panel {
    float: left;
}
.integration-service-panel .integration-service-filter-show-items-panel .filter-show-items-panel td {
    padding: 13px 10px 10px 10px;
}
.integration-service-panel .integration-service-filter-status-panel {
    float: right;
    padding:10px;
}
.integration-service-panel .integration-service-content .select-room-type-list-panel {
    margin-bottom:4px;
}
.integration-service-panel .integration-service-content .select-room-type-list-panel-ciirus {
    width:40%;
    float:left;
}
.integration-service-panel .integration-service-content .select-room-type-list-panel-ciirus:last-child {
    margin-bottom: 40px;
}
.integration-service-panel .integration-service-content .select-rate-room-type-list-panel {
    padding:15px 0;
}
.integration-service-panel .integration-service-content .column-1,
.integration-service-panel .integration-service-content .column-2,
.integration-service-panel .integration-service-content .column-3 {
    float:left; 
}
.integration-service-panel .integration-service-content .column-1 {
    width:40%;
}
.integration-service-panel .integration-service-content .column-2 {
    width:50%;
}
.integration-service-panel .integration-service-content .column-2 .rate-type-listing-panel {
    margin-bottom:4px;
}
.integration-service-panel .integration-service-content .column-3 {
    text-align: center;
    width:10%;
}

.integration-service-panel .integration-service-content-package {
    padding:5px 15px 10px 15px;
}
.integration-service-panel .integration-service-content-package .select-room-type-list-panel {
    margin-bottom:4px;
}
.integration-service-panel .integration-service-content-package .select-room-type-list-panel-ciirus {
    width:40%;
    float:left;
}
.integration-service-panel .integration-service-content-package .select-room-type-list-panel-ciirus:last-child {
    margin-bottom: 40px;
}
.integration-service-panel .integration-service-content-package .select-rate-room-type-list-panel {
    padding:15px 0;
    border-bottom:1px solid #EEEEEE;
}
.integration-service-panel .integration-service-content-package .column-1,
.integration-service-panel .integration-service-content-package .column-2,
.integration-service-panel .integration-service-content-package .column-3{
    float:left; 
}
.integration-service-panel .integration-service-content-package .column-1 {
    width:40%;
}
.integration-service-panel .integration-service-content-package .column-2 {
    width:50%;
}
.integration-service-panel .integration-service-content-package .column-3 {
    width:10%;
}

.integration-service-panel .integration-service-content-header {
    background-color:#eee; 
    padding:10px;
}
.integration-service-panel .integration-service-content-header .column-1,
.integration-service-panel .integration-service-content-header .column-2 {
    float: left;
    width: 40%;
}
.integration-service-panel .integration-service-content-header .column-1 {
    text-transform: capitalize;
}
.integration-service-panel .integration-service-content-header .column-1,
.integration-service-panel .integration-service-content-header .column-2 {
    font-weight: bold;
}
.integration-service-content-package-panel {
    padding: 10px 0;
}
.integration-service-content-package-panel .column-1 {
    float:left; 
    width:40%; 
    padding:5px 0;
}
.integration-service-content-package-panel .column-1 .package-details,
.integration-service-content-package-panel .column-1 .package-status {
    font-weight: bold;
}
.integration-service-content-package-panel .column-2 {
    float:left; 
    width:50%; 
    padding:5px 0
}
.integration-service-content-package-panel .column-2 .mapping-header {
    font-weight: bold;
}
.integration-service-content-package-panel .column-3 {
    float: left;
}
.integration-service-content-package-panel .package-rate-type-mapping-details-panel {

}
.integration-service-content-package-panel .package-rate-type-mapping-details-panel .column-1 {
    float:left; 
    width:40%;
    text-indent: 15px;
}
.integration-service-content-package-panel .package-rate-type-mapping-details-panel .column-2 {
    float:left; 
    width:40%;
}

/* Promotion - Rate type Mapping page */
.integration-service-panel .room-promotion-rate-type-mapping-panel {
    margin-bottom: 40px;
}
.room-promotion-rate-type-mapping-panel .header {
    text-transform: capitalize;
}
.room-promotion-rate-type-mapping-panel .header .integration-service-header {
    font-weight: bold;
}
.integration-service-panel .integration-service-content-promotion {
    padding:5px 15px 10px 15px;
}
.integration-service-panel .integration-service-content-promotion .room-promotion-mapping-panel {
    padding:10px 0;
}
.room-promotion-mapping-panel .room-promotion-detail {
    float:left; 
    width:40%;
}
.room-promotion-mapping-panel .room-promotion-detail .promotion-detail,
.room-promotion-mapping-panel .room-promotion-detail .promotion-status {
    font-weight: bold;
}
.room-promotion-mapping-panel .room-promotion-rate-type-name .rate-type-name {
    font-weight: bold;
}
.room-promotion-mapping-panel .room-promotion-room-type-listing {
    padding:10px 0;
}
.room-promotion-room-type-listing .room-type-detail {
    float:left; 
    width:40%; 
    text-indent:15px;
    padding:5px 0
}
.room-promotion-room-type-listing .rate-type-name-and-room-type-name-mapping {
    float:left;
}



.hotel-info li a {
    height: 26px;
}


/* B2B And Member */
.b2b-and-member-text {
    font-size: 11px;
    font-weight: bold;
}



.log-header-panel .header{
    float: left;
}
.log-header-panel .progress-status-display {
    float:left;
    margin-left:20px;
}
.search-criteria-log-panel {
    padding:25px 15px;
    background-color:white; 
    margin:0px;
}
.search-criteria-log-panel .search-room-listing-panel {
    float:left;
    margin-bottom:15px
}
.search-criteria-log-panel .search-room-listing-panel .show-history-of-text {
    font-size: 14px;
}
.search-criteria-log-panel .search-criteria-panel {
    margin: 0 0 0 110px;
}
.search-criteria-log-panel .search-criteria-panel .search-criteria-type-panel {
    float: left;
}
.search-criteria-log-panel .search-criteria-panel .search-specific-date-panel {
    margin-left:10px;
    float:left;
    display:none;
}
.search-criteria-log-panel .search-criteria-panel .search-show-specific-date-panel {
    margin-left:10px;
    float:left;
}
.search-criteria-log-panel .search-period-panel  {
    float:left; 
    display:inline;
}
.search-criteria-log-panel .search-period-panel .from-text {
    margin: 0px 5px 0px 25px;
}
.search-criteria-log-panel .search-period-panel .to-text {
    margin: 0px 5px 0px 15px;
}
.search-criteria-log-panel .selection-max-result-panel {
    display:inline-block;
    margin:5px 20px;
}
.search-criteria-log-panel .display-button-panel {
    display:inline;
}
.search-criteria-log-panel .display-button-panel .display-button {
    width: 100px;
    height:25px;
}
.date-string {
    font-size: 11px;
}
.history-date-tabel {
    padding:0 15px;
}
.history-date-row-highlight {
    background: #F9F9F9;
}
.history-date-tabel .header-column {
    text-align: center;
      font-size: 11px;
}

.history-date-tabel .rate-type-name {
    display: block; font-size: 8px; color: #969696
}

.reservation-integration-history {
    border:#ccc 1px solid;
}

.reservation-integration-history .table-header {
    border-bottom: 1px #ccc solid
}
.reservation-integration-history .table-header td {
    background-color: #20BCC8; 
    padding: 4px 0px 4px 10px;
}

.reservation-integration-history .table-header span {
    color:white;
    font-weight: bold;
    font-size: 14px;
}

.reservation-integration-history .table-title {   

}

.reservation-integration-history .table-title td {
    background-color: #e5e5e5; 
    padding: 4px 0px 4px 10px;
    text-align: left;
    font-weight: bold;
}

.reservation-integration-history .table-content {
}

.reservation-integration-history .table-content td {
    background-color: white; 
    padding: 4px 0px 4px 10px;
}



.specific-document-type-and-delivery-status-panel tr td label {
    margin: 0 15px 0 2px;
}


/* System - Reservation Intergration Log */
.reservation-integration-log {
    font-size: 11px;
}

.selectOneRadio label {
    margin-right: 10px;
}



/***** Room package - Rate type Mapping Page *****/
.travelanium-packge-rate-type-detials-panel {
    background-color:#EEE;
    margin:25px;
    padding:25px;
    border-radius:5px;
}
.travelanium-packge-rate-type-detials-panel .header {
    font-weight: bold;
}
.roompackage-ratetype-roomtype-mapping-table {
    margin: 26px;
}
.roompackage-ratetype-roomtype-mapping-table tr th {
    background-color: lightslategray;
    border: none;
    color: white;
    line-height: 1.4;
}
.roompackage-ratetype-roomtype-mapping-table tr th, 
.roompackage-ratetype-roomtype-mapping-table tr td{
    padding: 10px 30px;
}
.package-rate-type-mapping-note-panel {
    margin:0px 26px;
}
.package-rate-type-mapping-save-button-panel {
    margin:60px 0 40px 0;
}

/***** CRM Email preview pop-up *****/
.crmemailPreviewPopup .preview-button,
.crmemailPreviewPopup .back-to-listing-page-button {
    float: left;
    padding: 20px;
}

/***** Payment Policy Page *****/
.accepted-credit-card-panel {
    margin-top: 20px;
    width: 980px;
}

.payment-policy-column-1,
.payment-policy-column-2,
.payment-policy-column-3,
.payment-policy-column-4 {
    float: left;
}
.payment-policy-column-1 {
    width: 205px;
}
.payment-policy-column-2 {
    margin-right: 10px;
}
.payment-policy-column-3 {
    line-height: 1.4;
    width: 350px;
}
.payment-policy-column-4 {
    width: 710px;
    line-height: 3.5;
}

.select-boolean-checkbox-panel {
    cursor: pointer;
    margin-right:12px;
}
.select-boolean-checkbox-panel .select-boolean-checkbox {
    vertical-align: super;
    margin-right:5px;
}
.select-boolean-checkbox-panel .credit-card-image {
    cursor:pointer;
    vertical-align:middle;
}


/*******************************************************************************
* Payment Policy Page
*******************************************************************************/
.payment-policy-page .payment-gateway-wrapper select,  
.payment-policy-page .payment-gateway-wrapper textarea,  
.payment-policy-page .payment-gateway-wrapper input {
    padding: 2px 0px 2px 5px;
} 

.payment-policy-page .select-boolean-checkbox-panel .select-boolean-checkbox {
    margin-right:0px;
}

.payment-policy-page .payment-policy-column-1,
.payment-policy-page .payment-policy-column-2{
    margin-bottom: 5px;    
}



.payment-policy-page  .payment-gateway-wrapper {
    padding:20px 20px; 
}

.payment-policy-page  .payment-gateway-header {
    font-size:14px; 
    font-weight:bold;
}

/*******************************************************************************
* Credit Card Icon
*******************************************************************************/
.icon-visa-card {
    display: inline-block;
    width: 39px;
    height: 27px;
    background:url("/faces/javax.faces.resource/css/common/images/credit_card_logo.png") no-repeat -8px -11px;
}
.icon-master-card {
    display: inline-block;
    width: 39px;
    height: 27px;
    background:url("/faces/javax.faces.resource/css/common/images/credit_card_logo.png") no-repeat -55px -11px;
}
.icon-jcb-card {
    display: inline-block;
    width: 39px;
    height: 27px;
    background:url("/faces/javax.faces.resource/css/common/images/credit_card_logo.png") no-repeat -102px -11px;
}
.icon-discover-card {
    display: inline-block;
    width: 39px;
    height: 27px;
    background:url("/faces/javax.faces.resource/css/common/images/credit_card_logo.png") no-repeat -199px -11px;
}
.icon-diners-card {
    display: inline-block;
    width: 39px;
    height: 27px;
    background:url("/faces/javax.faces.resource/css/common/images/credit_card_logo.png") no-repeat -150px -11px;
}
.icon-amex-card {
    display: inline-block;
    width: 39px;
    height: 27px;
    background:url("/faces/javax.faces.resource/css/common/images/credit_card_logo.png") no-repeat -248px -11px;
}
.icon-unionpay-card {
    display: inline-block;
    width: 39px;
    height: 27px;
    background:url("/faces/javax.faces.resource/css/common/images/credit_card_logo.png") no-repeat -8px -44px;
}
.icon-paypal-card {
    display: inline-block;
    width: 39px;
    height: 27px;
    background:url("/faces/javax.faces.resource/css/common/images/credit_card_logo.png") no-repeat -55px -44px;
}
.icon-paypal2-card {
    display: inline-block;
    width: 100px;
    height: 27px;
    background:url("/faces/javax.faces.resource/css/common/images/credit_card_logo.png") no-repeat -152px -45px;
}

.icon-maestro-card {
    display: inline-block;
    width: 41px;
    height: 26px;  
    background:url("/faces/javax.faces.resource/css/common/images/maestro.png") no-repeat 0px 0px;
    background-size: 38px 24px;
}

.icon-linepay-card {
    display: inline-block;
    width: 122px;
    height: 27px;
    background:url("/faces/javax.faces.resource/css/common/images/linepay.png")  no-repeat  2px -13px;
}

.icon-counter-service-card {
    display: inline-block;
    width: 39px;
    height: 27px;
    background:url("/faces/javax.faces.resource/css/common/images/credit_card_logo.png") no-repeat -102px -44px;
}

.icon-wechat-card {
    display: inline-block;
    width: 120px;
    height: 32px;
    background:url("/faces/javax.faces.resource/common/images/wechat-logo.png?ln=css") no-repeat 0px 0px;
    background-size: 99px 32px;
}

.icon-alipay-card {
    display: inline-block;
    width: 100px;
    height: 32px;
    background:url("/faces/javax.faces.resource/common/images/alipay-logo.png?ln=css") no-repeat 0px 0px;
    background-size: 92px 32px;
}

.icon-paypal2-card {
    display: inline-block;
    width: 100px;
    height: 27px;
    background:url("/faces/javax.faces.resource/common/images/credit_card_logo.png?ln=css") no-repeat -152px -45px;
}

.icon-vtc-card {
    display: inline-block;
    width: 113px;
    height: 25px;
    background:url("/faces/javax.faces.resource/common/images/vtc-pay.svg?ln=css") no-repeat 0px 0px;   
}

.language-to-display-header-and-footer-panel .enable-checkbox {
    margin-left: 20px;
    margin-right: 5px;
}
.language-to-display-header-and-footer-panel .enable-checkbox .language-label {
    margin-left: 5px;
}
.translation td.transation-header-footer-display {
    padding: 20px 10px 65px 10px;
}
.transation-header-footer-display .header {
    display: block;
    margin: 0 0 10px 0; 
    font-size: 14px; 
    font-weight: bold; 
    color: #474d87;
}
.transation-header-footer-display .input-file-button {
    margin-bottom: 20px;
}
.transation-header-footer-display .header-image-panel,  
.transation-header-footer-display .footer-image-panel {
    margin-bottom:20px; 
    /*border:1px solid #eee; 
    padding:20px; 
    text-align:center; 
    border-radius:5px;*/
}
.transation-header-footer-display .header-image-link-label, 
.transation-header-footer-display .footer-image-link-label {
    display: block;
    margin: 0 0 10px 0; 
    font-size: 14px; 
    font-weight: bold; 
    color: #474d87;
}
.transation-header-footer-display .header-image-link-panel {
    margin:0 0 30px 0;
}
.transation-header-footer-display .header-image-link-panel .header-image-additional-html,
.transation-header-footer-display .footer-image-link-panel .footer-image-additional-html {
    white-space: pre-wrap;
}
.transation-header-footer-display .footer-image-link-panel {
    
}
.transation-header-footer-display .header-image-display-panel,
.transation-header-footer-display .footer-image-display-panel {
    margin-bottom: 20px; 
    border:1px solid #eee; 
    padding:20px; 
    text-align:center; 
    border-radius:5px;
}
.transation-header-footer-display .header-image-display-panel .delete-header-image-button,
.transation-header-footer-display .footer-image-display-panel .delete-header-image-button {
    margin-top:15px;
}
.transation-header-footer-display .header-image-link-config-panel {
    margin:10px 0 10px 0;
}

.transation-header-footer-display .theme-customer-panel-grup-panel {
    margin-bottom: 60px;
    margin-top: 30px;
}
.transation-header-footer-display .theme-customer-panel-grup-panel .footer-custom-html-config-panel,
.transation-header-footer-display .theme-customer-panel-grup-panel .header-custom-html-config-panel{
    margin:10px 0 10px 0;
}


.transation-header-footer-display .footer-image-link-config-panel {
    margin:10px 0 20px 0;
}

.transation-header-footer-display .header-custom-html-config-panel .header-image-additional-html,
.transation-header-footer-display .header-image-link-config-panel .header-image-additional-html,
.transation-header-footer-display .footer-image-link-config-panel .footer-image-additional-html {
    width:98.75%; 
    padding:5px; 
    border-color:#eee;
}

.transation-header-footer-display .overwrite-special-request-note textarea {
     border-color:#eee;
}


.ads-on-confirmation-translation {}
.ads-on-confirmation-translation tr {
    vertical-align: top;  
}

.ads-on-confirmation-translation .panel-left {
    padding-top: 10px;
}

.ads-on-confirmation-translation .panel-right {
    padding-top: 10px;
}

.ads-on-confirmation-translation textarea {
    width: 100%;
}

.ads-on-confirmation-translation .save-button-panel {
    padding: 30px 0px;
    text-align: center;
}
.ads-on-confirmation-translation .save-button-panel .ui-button-text {
 min-width: 100px;
 padding: 5px;
}



.ibe-display-setup-image-panel {
    border:1px solid #eee; 
    text-align:center; 
    background-color:#f8f8f8; 
    padding:30px 30px 0 30px; 
    margin-top:10px; 
    border-radius:5px
}
.ibe-display-setup-image-panel .delete-button-panel {
    margin: 10px 0;
}
.ibe-display-setup-image-panel .delete-button-panel a {
    font-weight: bold;
}

/*************************************************
 Hotel Availability And Starting Price 
**************************************************/
.hotel-availability-and-starting-price-panel:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.hotel-availability-and-starting-price-panel .header-panel,
.hotel-availability-and-starting-price-panel .progressStatusDisplay{
    float: left;
}
.hotel-availability-and-starting-price-panel .header-panel .header {
    font-weight: bold; 
    color: #474d87; 
    font-size: 22px; 
    text-transform: capitalize;
}
.hotel-availability-and-starting-price-panel .progressStatusDisplay {
    margin-left: 10px;
}
.hotel-avaliability-and-starting-price .content {
    float:left; 
    width:100%; 
    margin-bottom:10px;
}
.hotel-avaliability-and-starting-price .content .header-left-panel {
    display:block; 
    width:15%; 
    float:left; 
    font-weight:bold;
}
.hotel-avaliability-and-starting-price .send-button {
    margin-bottom:20px;
}
.hotel-avaliability-and-starting-price .content .input-info-panel,
.hotel-avaliability-and-starting-price .content .note-panel {
    float:left;
}
.response-panel {
    border: 1px solid #eee; 
    padding:10px; 
    border-radius:5px; 
    line-height:1.6;
}
.response-panel .responsePanelDisplay {
    white-space: pre-wrap;
}
.response-message-label {
    display:block; 
    font-size:16px; 
    font-weight:bold; 
    color:#474d87
}


/*************************************************
 Hotel Basci Information
**************************************************/
.hotel-basic-information-panel:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.hotel-basic-information-panel .header-panel,
.hotel-basic-information-panel .progressStatusDisplay{
    float: left;
}
.hotel-basic-information-panel .header-panel .header {
    font-weight: bold; 
    color: #474d87; 
    font-size: 22px; 
    text-transform: capitalize;
}
.hotel-basic-information-panel .progressStatusDisplay {
    margin-left: 10px;
}
.hotel-basic-information .content {
    float:left; 
    width:100%; 
    margin-bottom:10px;
}
.hotel-basic-information .content .header-left-panel {
    display:block; 
    width:15%; 
    float:left; 
    font-weight:bold;
}
.hotel-basic-information .send-button {
    margin-bottom:20px;
}
.hotel-basic-information .content .input-info-panel,
.hotel-basic-information .content .note-panel {
    float:left;
}
.response-panel {
    border: 1px solid #eee; 
    padding:10px; 
    border-radius:5px; 
    line-height:1.6;
}
.response-panel .responsePanelDisplay {
    white-space: pre-wrap;
}
.response-message-label {
    display:block; 
    font-size:16px; 
    font-weight:bold; 
    color:#474d87;
    margin-bottom: 5px;
}


/************************************
* Property Home Form
*************************************/
.system-announcement-form-panel {
    padding: 35px 15px 0px 15px;
}
.system-announcement-form-panel .content-panel {
    margin-bottom: 20px;
}
.system-announcement-form-panel .content-panel .left-panel, 
.system-announcement-form-panel .content-panel .right-panel {
    font-size: 14px;
}
.system-announcement-form-panel .content-panel:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.system-announcement-form-panel .content-panel .left-panel {
    float:left; 
    width:15%; 
    padding:2px;
}
.system-announcement-form-panel .content-panel .right-panel {
    float:left; 
    width:80%; 
    margin-left:10px;
}
.system-announcement-form-panel .content-panel .right-panel .input-box {
    padding-left:2px; 
    width:75%;
    height: 25px;
}
.system-announcement-form-panel .content-panel .right-panel .option-table td {
    padding: 3px 15px 3px 0;
}
.system-announcement-form-panel .content-panel .content-left-panel {
    float:left; 
    width:75%;
}
.system-announcement-form-panel .content-panel .content-right-panel {
    float:right; 
}
.search-announcement-panel {
    padding:0 25px 25px 25px;
}
.search-announcement-background {
    background-color: #eee;
}
.search-announcement-background .search-panel {
    padding: 10px 15px;
}
.search-announcement-background .search-panel .main-panel {
    margin:10px 0;
}
.search-announcement-background .search-panel .main-panel .search-by-panel {
    float: left;
    width: 8%;
    padding: 7px 0px;
}
.search-announcement-background .search-panel .main-panel .search-by-panel .title-label {
    font-weight: bold;
}
.search-announcement-background .search-panel .main-panel .search-criteria-type {
    float:left;
    padding: 5px 0;
}
.search-announcement-background .search-panel .main-panel .search-criteria-period-type {
    float:left; 
    margin-left:10px;
}
.search-announcement-background .search-panel .main-panel .search-criteria-input-box {
    float:left; 
    margin-left:10px;
    padding: 5px 0;
}
.system-announcement-panel {
    width: 490px;
    margin: 10px;
}
.system-announcement-panel.left-panel {
    float: left;
}
.system-announcement-panel.right-panel {
    float: right;
}
.system-announcement-panel .main-content {
    margin-bottom: 30px;
}
.system-announcement-panel .main-content .view-all-link {
    color: #474d87;
    text-decoration: underline;
}
.system-announcement-panel .main-content .main-header {
    border-bottom:2px solid #20bcc8;
}
.system-announcement-panel .main-content .main-header .header {
    color:#20bcc8; 
    font-weight:normal; 
    font-size:18px;
    text-transform:uppercase;
}
.system-announcement-panel .main-content .content-panel {
    border-bottom: 2px dotted #EEE; 
    padding:10px; 
    line-height:1.6
}
.system-announcement-panel .main-content .content-panel .title-panel {
    float: left;
    width: 70%;
}
.system-announcement-panel .main-content .content-panel .created-date-panel {
    float: right;
}
.system-announcement-panel .main-content .system-announcement.content-panel:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.system-announcement-panel .content {
    font-size: 14px;
}
.system-announcement-panel .content.label-no-rate {
    display:block; 
    font-weight:bold;
    text-decoration: underline;
}
.system-announcement-popup {
    padding:10px; 
    line-height:1.6;
}
.system-announcement-popup .popup-title {
    margin-bottom:10px;
}
.system-announcement-popup .popup-title .title {
    font-weight: bold;
}
.system-announcement-popup .popup-content .content {
    display:block; 
    text-indent:20px;
}

.coustomer-contact-script .button4 {
    text-align: center;
    width: 180px;
}


.property-system-announcment-search-criteria-panel {
    padding:15px 25px 25px 25px;
}
.property-system-announcment-search-criteria-panel .left-panel {
   float:left; 
   padding:5px 0; 
}
.property-system-announcment-search-criteria-panel .right-panel {
    float:right; 
}
.property-system-announcment-search-criteria-panel:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/*************************************************
 User Profile
**************************************************/

.page-header-panel .header{
    float: left;
}
.page-header-panel .progress-status-display {
    float:left;
    margin-left:20px;
}

.user-profile {
    padding:15px 30px;
}

.user-profile .user-profile-panel {
    margin-bottom:10px;
}
.user-profile .user-profile-panel:last-child {
    margin-bottom:0px;
}
.user-profile .user-profile-panel .column-1,
.user-profile .user-profile-panel .column-2{
    float:left;
}

.user-profile .user-profile-panel .column-1 {
    width:180px;
    margin-top:5px;
}
.user-profile .user-profile-panel .column-2 {
    width:350px;
}
.user-profile .user-profile-panel input {
    padding:2px 0px 2px 5px; 
    font-size:12px;
    width: 200px;
}

/*************************************************
 Meta Search Memu
**************************************************/
.meta-search {
    padding:15px 30px;
}
.meta-search .meta-search-panel {
    margin-bottom:5px;
}
.meta-search .meta-search-panel:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.meta-search .meta-search-panel.header {
    margin-bottom:5px;
}
.meta-search .meta-search-panel:last-child {
    margin-bottom:0px;
}

.meta-search .meta-search-panel .column-0,
.meta-search .meta-search-panel .column-1,
.meta-search .meta-search-panel .column-2{
    float:left;
}

.meta-search .meta-search-panel .column-0 {
     width:125px;
}
.meta-search .meta-search-panel .column-1 {
    width:500px;
    margin-top:5px;
}
.meta-search .meta-search-panel .column-2 {
    width:350px;
}
.meta-search .meta-search-panel input[type=text] {
    padding:2px 0px 2px 5px; 
    font-size:12px;
    width: 200px;
}

.meta-search .meta-search-panel select {
    padding:2px 0px 2px 5px; 
    font-size:12px;
}

.meta-search .hide-body {
    display: none;
}

/*************************************************
 User Form
**************************************************/

.user-form {
    
}

.user-form .row {
    margin-bottom: 20px;
}

.user-form .row:after{
    display: block;
    clear: both; 
    content: "."; 
    height: 0; 
    visibility: hidden;
}

.user-form .column-2 .text-input,
.user-form .column-2 select {
    padding:2px 0px 2px 5px; 
    font-size:12px;
    width: 200px;
}

.user-form .column-2 .text-input {
    width: 200px;
}

.user-form .column-2 select {
    width: 150px;
}

.user-form .column-1{
    width: 180px;
    text-align: right;
    float: left;
    margin-top: 4px;
}

.user-form .column-2{
    text-align: left;
    float: left;
}

.user-form .language-listing-table {
    border-collapse: separate;
    border-spacing: 70px 3px;
}

.user-form .requiredStar {
    margin-left: 0px;
    margin-right: 20px;
}

.user-form .userCol1 {
    border-bottom: 1px dotted #DDD;
}

.user-form .userCol1  .property-status {
    display: inline-block;
    margin-right: 20px;    
}

.user-form .propertyUserCol2{
    width:200px;
    vertical-align:text-top; 
    border-bottom: 1px dotted #DDD;
}

.user-form .userCol1 a {
    color:#c00;
    font-size:12px; 
    text-decoration:none; 
    font-weight:bold;
    margin-left: 5px;
   
}

.user-form .column-2 .property-search-result-panel {
    max-height: 160px; 
    overflow: auto; 
    margin: 0 0 20px 5px; 
    width: 600px; 
    border: #DDD dashed 0px; 
    padding-top: 10px;
    padding-bottom: 10px;
}

.user-form .column-2 .selected-property-panel{
    width: 600px;
}

/*************************************************
 Customer form script page
**************************************************/

.coustomer-form-listing-header-panel .header,
.customer-form-script-header-panel .header{
    float: left;
}

.coustomer-form-listing-header-panel .progress-status-display,
.customer-form-script-header-panel .progress-status-display {
    float:left;
    margin-left:20px;
}

.customer-form-script {
    
}

.customer-form-script .row {
    margin-bottom: 15px;
}

.customer-form-script .row2 {
    margin-bottom: 15px;
}

.customer-form-script .row3 {
     margin-bottom: 15px;
}

.customer-form-script .row:after{
    display: block;
    clear: both; 
    content: "."; 
    height: 0; 
    visibility: hidden;
}

.customer-form-script .column-1 {
    width: 200px;
    text-align: left;
    float: left;
    margin-top: 4px;
}

.customer-form-script .column-2 {
    text-align: left;
    float: left;   
}

.customer-form-script .column-2:after {
    display: block;
    clear: both; 
    content: "."; 
    height: 0; 
    visibility: hidden;
}

.customer-form-script .column-2 .text-input,
.customer-form-script .column-2 .text-input-2,
.customer-form-script .column-2 .text-input-3,
.customer-form-script .column-2 .text-input-4,
.customer-form-script .column-2 select {
    padding:2px 0px 2px 5px; 
    font-size:12px;
}

.customer-form-script .row .column-2 input[type="checkbox"] {
    margin-right: 2px;
 
}
.customer-form-script .row .column-2 label {
    margin-right: 20px;
    margin-left: 2px;
}

.customer-form-script .column-2 .text-input {
    width: 260px;
}
.customer-form-script .column-2 .text-input-2 {
    width: 150px;
}

.customer-form-script .column-2 .text-input-3 {
    width: 280px;
}

.customer-form-script .column-2 .text-input-4 {
    width: 150px;
}

.customer-form-script .cross-domain-url-panel {
    padding: 5px; 
    border: #ccc dotted 1px; 
    background-color: #F5F5F5
}

.customer-form-script .cross-domain-url-example-header {
    color: #999999; font-size: 12px;display: block; margin-top: 3px; font-weight: bold; margin-bottom: 5px;
}

.customer-form-script .dialog-panel {
    padding: 15px;
}

.customer-form-script .dialog-panel .result-scirpt-panel {
    margin-top: 50px;
    margin-bottom: 70px;
    padding-bottom: 5px;   
}
.customer-form-script .dialog-panel .result-scirpt-panel div {
     border: 1px solid #D7D5D5; 
     width: 99%;     
     padding: 20px 5px;
}     

.customer-form-script .customer-form-data-table-wrapper{
    margin-top: 10px;
}

.customer-form-script  .create-customer-form-key,
.customer-form-script .customer-form-data-table-wrapper,
.customer-form-script .search-criteria-panel-group {
    padding: 10px 20px;
}
.customer-form-script .search-criteria-panel-group .search-criteria-panel {
    border: 1px dotted #D7D5D5; 
    background-color: rgba(247, 247, 247, 0.43); 
    padding: 20px;
}
.customer-form-script .customer-form-data-table-wrapper td {
    vertical-align: top;
    padding: 6px 6px !important;
}

.customer-form-script .sub-row {
    margin-bottom: 10px;
}

.customer-form-script .sub-row:after{
    display: block;
    clear: both; 
    content: "."; 
    height: 0; 
    visibility: hidden;
}

.customer-form-script .example-text {
    color: #999999; 
    font-size: 11px;
}

.customer-form-script .sub-row .sub-column-1 {
    width: 200px;
    float: left;
}

.customer-form-script .sub-row .sub-column-2 {
    width: 200px;
    float: left;  
}

.customer-form-script .sub-row .sub-column-2 span {
    display: block;
}

/*************************************************
 Customer form listing page
**************************************************/
.coustomer-form-listing {
    
}

.coustomer-form-listing  .search-result-panel{
    margin-top: 10px;
}

.coustomer-form-listing  .search-result-panel,
.coustomer-form-listing .search-criteria-panel-group {
    margin:10px 20px;          
}

.coustomer-form-listing .search-criteria-panel-group .search-criteria-panel {
    border: 1px dotted #D7D5D5; 
    background-color: rgba(247, 247, 247, 0.43); 
    padding: 20px;
}

.coustomer-form-listing .row {
    margin-bottom: 15px;
}

.coustomer-form-listing .row2 {
    margin-bottom: 15px;
}

.coustomer-form-listing .row .column-2 input[type="checkbox"] {
    margin-right: 2px;
}
.coustomer-form-listing .row .column-2 label {
    margin-right: 20px;
}

.coustomer-form-listing .row:after{
    display: block;
    clear: both; 
    content: "."; 
    height: 0; 
    visibility: hidden;
}

.coustomer-form-listing .column-1 {
    width: 140px;
    text-align: left;
    float: left;
    margin-top: 4px;
}

.coustomer-form-listing .column-2 {
    text-align: left;
    float: left;  
}

.coustomer-form-listing .column-2 .text-input,
.coustomer-form-listing .column-2 select {
    padding:2px 0px 2px 5px; 
    font-size:12px;
}

.coustomer-form-listing .column-2 .text-input {
    width: 260px;
}

.coustomer-form-listing  .search-result-panel td {
    vertical-align: top;
    padding: 6px 6px !important;
}

.customer-contact-overley-panel {
    border:#ccc 1px solid; 
    border-bottom: none;
    padding-top: 0px;
    margin:5px 0px 5px 0px; 
    width: 510px; 
}

.customer-contact-overley-panel .overley-header-panel {
    width: 100%; 
    background-color: #f0f0f0; 
    padding: 8px 0;
    font-weight: bold;
}

.customer-contact-overley-panel .overley-content-panel-group {
    border-bottom: #ccc 1px solid; 
}

.customer-contact-overley-panel .overley-content-panel-group .column-1 {
    width: 170px; 
    float: left; 
    padding: 5px 0 5px 5px; 
    text-align: left; 
}

.customer-contact-overley-panel .overley-content-panel-group .column-2  {
    float: left; 
    padding: 5px 5px 5px 5px; 
    width: 325px; 
    text-align: left; 
}


/*************************************************
 Customer form Guide
**************************************************/
.customer-form-guide {
    
}

.customer-form-guide  .customer-form-guide-panel {
    padding: 20px;
    width: 1015px;
}

.customer-form-guide .customer-form-info-panel {
    margin-bottom: 20px;
    
}

.customer-form-guide .customer-form-info-panel ol{
   
         
}  

.customer-form-guide .customer-form-info-panel li {
    line-height: 1.6;   
}

.customer-form-guide .column-2,
.customer-form-guide .column-1 {
    float: left;
    width: 300px;
}

.customer-form-guide .customer-form-info-panel:after{
    display: block;
    clear: both; 
    content: "."; 
    height: 0; 
    visibility: hidden;
}


/*************************************************
 Common header
**************************************************/

.page-common-header-panel {
    height: 26px;
}

.page-common-header-panel:after {
    display: block;
    clear: both; 
    content: "."; 
    height: 0; 
    visibility: hidden;
}

.page-common-header-panel .header{
    float: left;
}

.page-common-header-panel .progress-status-display {
    float:left;
    margin-left:20px;
}


/*************************************************
 View email and send email page
**************************************************/
.view-and-send-email-content-wrap {
    padding: 10px;
    
}

.view-and-send-email-content-wrap  .header {
    color:#474d87; 
    font-weight: bold; 
    text-transform: capitalize;
}

.view-and-send-email-content-wrap .text-input-sender-name,
.view-and-send-email-content-wrap .text-input-subject,
.view-and-send-email-content-wrap .text-input-cc ,
.view-and-send-email-content-wrap .text-input,
.view-and-send-email-content-wrap select {
    padding:2px 0px 2px 5px; 
    font-size:12px;
}

.view-and-send-email-content-wrap .row {
    margin-bottom: 10px;
}

.view-and-send-email-content-wrap .row:after{
    display: block;
    clear: both; 
    content: "."; 
    height: 0; 
    visibility: hidden;
}

.view-and-send-email-content-wrap .column-6,
.view-and-send-email-content-wrap .column-5,
.view-and-send-email-content-wrap .column-4,
.view-and-send-email-content-wrap .column-3,
.view-and-send-email-content-wrap .column-2,
.view-and-send-email-content-wrap .column-1 {  
    text-align: left;
    float: left;
   
}

.view-and-send-email-content-wrap .column-5,
.view-and-send-email-content-wrap .column-6,
.view-and-send-email-content-wrap .column-1 {
     margin-top: 4px;
}

.view-and-send-email-content-wrap .column-1 {
    width: 140px;
}
.view-and-send-email-content-wrap .column-5{
    width: 100px;
}

.view-and-send-email-content-wrap .column-4 {
     width: 250px;
}

.view-and-send-email-content-wrap .column-3{
    margin-right: 20px;
}

.view-and-send-email-content-wrap .column-4 .text-input{
     width: 200px;
}

.view-and-send-email-content-wrap .text-input-cc ,
.view-and-send-email-content-wrap .text-input-sender-name {
     width: 350px;
}

.view-and-send-email-content-wrap .text-input-subject {
     width: 505px;
}

.view-and-send-email-content-wrap.column-2 {
    text-align: left;
    float: left;      
}


/*************************************************
 System Announcement Header
**************************************************/
.system-announcement-form-header {
    padding:0 15px 15px 0;
}
.system-announcement-form-header .left-panel {
    float:left; 
    width:25%; 
    text-align:right;
    padding:6px 15px;
}
.system-announcement-form-header .right-panel {
    float:left; 
    margin-left:10px;
}
.system-announcement-form-header .right-panel .title-input-text {
    width:600px;
    padding:5px;
}
.system-announcement-form-header:after {
    display: block;
    clear: both; 
    content: "."; 
    height: 0; 
    visibility: hidden;
}
.system-announcement-form-create-btn {
    margin:10px;
}


/********************************************************
 Property Header - System Announcement Display
*********************************************************/
.property-header-system-announcement {
    float:left;
    width:100%;
    background-color:rgb(238,161,29);
}
.property-header-system-announcement-panel {
    padding:0 25px;
}
.property-header-system-announcement-panel .icon-panel,
.property-header-system-announcement-panel .system-announcement-panel {
    float:left;
}
.property-header-system-announcement-panel .system-announcement-panel .system-announcement,
.property-header-system-announcement-panel .system-announcement-panel,
.property-header-system-announcement-panel .icon-close .x-close-icon {
    color:#fff;
}
.property-header-system-announcement-panel .icon-panel {
    width:35px; 
    margin:1px;
}
.property-header-system-announcement-panel .system-announcement-panel {
    width:92%; 
    margin-top:6px;
}
.property-header-system-announcement-panel .system-announcement-panel .system-announcement {
    font-size:14px;
}
.property-header-system-announcement-panel .system-announcement-panel .view-link {
    margin-left: 10px;
}
.property-header-system-announcement-panel .system-announcement-panel .view-link .view-label {
    text-transform: lowercase;
}
.property-header-system-announcement-panel .icon-close {
    float:right; 
    margin:5px;
}
.property-header-system-announcement-panel:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/********************************************************
 Property Header - Notificaiton No Rate and No Allotment
*********************************************************/
.notification-overlay-panel {
    width: 350px;
}
.notification-overlay-panel .header-panel {
    border-bottom:1px solid #e8e8e8; 
    padding:10px; 
    font-weight:bold;
    font-size: 15px;
}
.notification-overlay-panel .no-rate-panel .header, 
.notification-overlay-panel .no-allotment-panel .header{
    border-bottom:1px solid #e8e8e8; 
    padding:10px; 
    font-weight:bold; 
    background-color:#e8e8e8;
}
.notification-overlay-panel .no-rate-panel .details-panel,
.notification-overlay-panel .no-allotment-panel .details-panel{
    background-color:#f9f9f9;
    padding:10px; 
    border-bottom:1px solid #eee;
}
.notification-overlay-panel .no-rate-panel .details-panel .rate-type-name-panel .rate-type-name {
    font-weight: bold;
}
.notification-overlay-panel .no-rate-panel .details-panel .rate-type-name-panel .total-of-room {
    margin-left: 5px;
}
.details-panel .rate-type-room-type-listing-panel,
.details-panel .room-type-listing-panel {
    padding-bottom: 10px;
}
.details-panel .rate-type-room-type-listing-panel:last-child,
.details-panel .room-type-listing-panel:last-child {
    padding-bottom: 0px;
}
.details-panel .rate-type-room-type-listing-panel .room-type-name,
.details-panel .room-type-listing-panel .room-type-name {
    font-weight:bold; 
    color:#adadad;
}
.details-panel .rate-type-room-type-listing-panel .total-of-day,
.details-panel .room-type-listing-panel .total-of-day {
    margin-left: 5px;
}
.details-panel .rate-type-room-type-listing-panel .no-rate-date-listing {
    padding:2px; 
    text-indent:5px;
}
.details-panel .room-type-listing-panel .no-allotment-list {
    padding: 2px;
}
.details-panel .room-type-listing-panel .no-allotment-list .no-allotment-date {
    display: block;
    text-indent: 5px;
}




/********************************************************
 Proeprty Dashboard - Home
*********************************************************/
.property-dashboard-info {
    width: 100%;
    margin-bottom: 40px;
}
.property-dashboard-info .left-panel {
    float:left; 
    width:68%; 
    margin-left:10px;
}
.property-dashboard-info .right-panel {
    float:right; width:30%;
}
.property-dashboard-info:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.property-dashboard-header {
    text-transform: capitalize;
    font-size: 23px;
    color: #7B5959;
}
.property-dashboard-panel {
    margin-bottom: 60px;
}
.property-dashboard-panel .left-panel {
    float:left; 
}
.property-dashboard-panel .right-panel {
    float: left; 
    margin-left: 20px;
}
.property-dashboard-panel .right-panel .booking-statistics-by-date-and-status-panel {
    margin-bottom: 10px;
}
.property-dashboard-panel:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/********************************************************
 Proeprty Dashboard - Common
*********************************************************/
.dashboard-loader-icon {
    display:block; margin:0 auto; 
}

/********************************************************
 Proeprty Dashboard - Booking Activity Information
*********************************************************/
.booking-activity-info-panel {
    color: #fff;
    width: 23%;
    float: left;
}
.booking-activity-info-panel.column-1, 
.booking-activity-info-panel.column-2,
.booking-activity-info-panel.column-3{
    margin-right: 15px;
}
.booking-activity-info-panel.column-1.loading-panel, 
.booking-activity-info-panel.column-2.loading-panel,
.booking-activity-info-panel.column-3.loading-panel,
.booking-activity-info-panel.column-4.loading-panel {
    height: 116px;
}
.booking-activity-info-panel.column-1 {
    background-color:rgb(92,92,92);
}
.booking-activity-info-panel.column-2 {
    background-color:rgb(0,144,217);
}
.booking-activity-info-panel.column-3 {
    background-color:rgb(197,87,88);
}
.booking-activity-info-panel.column-4 {
    background-color:rgb(23,166,136);
}
.booking-activity-loader-icon {
    position:relative;
}
.booking-activity-loader-icon .loader-image {
    position:absolute; 
    left:42%; 
    top:45px;
}
.booking-activity-info-panel .header-panel {
    padding:15px 12px 10px 12px;
}
.booking-activity-info-panel .header-panel:after, 
.booking-activity-info-panel .information-panel:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.booking-activity-info-panel .header-panel .image-panel {
    width:30%;
    float:left; 
    text-align:center;
}
.booking-activity-info-panel .header-panel .main-info-panel {
    width:70%; 
    float:left; 
    text-align:right;
}
.booking-activity-info-panel .header-panel .main-info-panel .main-label,
.booking-activity-info-panel .header-panel .main-info-panel .sub-label {
    display:block;
    font-size:10px; 
}
.booking-activity-info-panel .header-panel .main-info-panel .main-label {
    text-transform:uppercase;
}
.booking-activity-info-panel .header-panel .main-info-panel .sub-label {
    font-style: italic;
    text-transform:lowercase;
}
.booking-activity-info-panel .header-panel .main-info-panel .main-info-value {
    font-size:20px; 
}
.booking-activity-info-panel .information-panel {
    padding:0 12px 15px 12px;
}
.booking-activity-info-panel .information-panel .desktop-info-panel {
    float:left; 
    width:60%;
}
.booking-activity-info-panel .information-panel .mobile-info-panel {
    text-align: right;
}
.booking-activity-info-panel .information-panel .desktop-info-panel .header,
.booking-activity-info-panel .information-panel .mobile-info-panel .header {
    display:block; 
    font-size:10px; 
    text-transform:uppercase; 
    margin-bottom:2px;
}
.booking-activity-info-panel .information-panel .desktop-info-panel .content-info-value,
.booking-activity-info-panel .information-panel .mobile-info-panel .content-info-value {
    font-size:16px; 
}
.booking-activity-info-panel.loader-icon-panel {
    background-color:rgba(0,0,0,0.0);
}
.booking-activity-info-panel.loader-icon-panel .dashboard-loader-icon {
    padding: 39px;
}


/********************************************************
 Proeprty Dashboard - Reservation Information By Status
*********************************************************/
.content-panel {
    display: inline-block;
    width:24%;
    text-align:center
}
.content-panel .number-of-reservation ,
.content-panel .reservation-status-label {
    display: block;
}
.content-panel .number-of-reservation {
    font-size: 30px;
}
.content-panel .reservation-status-label {
    text-transform: uppercase;
}
.number-of-reservation.new-reservation {
    color: rgb(23,166,136);
}
.number-of-reservation.arrivel-status {
    color: rgb(43,46,51);
}
.number-of-reservation.pendding-status {
    color: #969696;
}
.number-of-reservation.cancel-status {
    color: rgb(197,87,88);
}
.date-for-search-reservation, .date-for-search-reservation:hover {
    text-decoration: none;
    padding: 5px;
    color: #fff;
}
.active, .active:hover {
    text-decoration: none;
    color: rgb(43,46,51);
    background-color: #fff;
}
.dashboard-reservation-in-by-status-panel {
    background-color:rgb(136,3,145);
    padding: 10px 5px;
}
.dashboard-reservation-in-by-status-panel:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.dashboard-reservation-in-by-status-panel .header-left-panel {
    float:left; 
}
.dashboard-reservation-in-by-status-panel .header-left-panel .header {
    font-weight:bold; 
    color:#fff; 
    font-size:16px; 
    margin-left:5px;
}
.dashboard-reservation-in-by-status-panel .header-right-panel {
    float:right; 
}
.dashboard-reservation-in-by-status-panel .header-right-panel .date-option-label {
    text-transform: capitalize;
}
.reservation-info-by-status-panel {
    text-align:center;
    padding:20px 10px;
}
.reservation-info-by-status-panel:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.reservation-status-info-loader-icon {
    background-color:rgba(0,0,0,0.0);
}
.reservation-status-info-loader-icon .dashboard-loader-icon {
    padding: 18px;
}


/********************************************************
 Proeprty Dashboard - Lasted Of Ten Reservation
*********************************************************/
.lasted-booking-header-panel {
    background-color:#00bcd4; 
    padding:8px 10px; 
    margin-bottom:10px;
}
.lasted-booking-header-panel .left-panel, 
.lasted-booking-header-panel .right-panel {
    display: block; 
    color: #fff; 
    font-size: 16px; 
}
.lasted-booking-header-panel .left-panel {
    float: left;
    margin: 0px;
}
.lasted-booking-header-panel .right-panel {
    display: none;
    float: right;
    text-align: right;
    font-size: 12px;
    margin-top: 4px;
}
.lasted-booking-header-panel:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.lasted-bookings-info-panel {
    float: left;
    text-align: right;
}
.lasted-bookings-info-panel .detail {
    cursor: pointer;
}
.lasted-bookings-listing-panel {
    padding:7px 5px; 
    border-bottom:1px solid #00bcd4;
}
.lasted-bookings-info-panel.column-1 {
    width:6%;
}
.lasted-bookings-info-panel.column-2 {
    width:20%;
    text-decoration: underline;
}
.lasted-bookings-info-panel.column-3 {
    width:20%;
}
.lasted-bookings-info-panel.column-4 {
    width:25%;
}
.lasted-bookings-info-panel.column-5 {
    width:18%; 
}
.lasted-bookings-info-panel.column-5 .reservation-date {
    text-transform: capitalize;
}
.lasted-bookings-info-panel.column-6 .reservation-status-icon {
    font-size:10px; 
    margin-left:15px; 
    cursor: pointer;
}
.lasted-booking-booking-not-found-panel {
    display:block; 
    border:1px solid #eee; 
    text-align:center; 
    font-size:14px; 
    padding:150px 0; 
    color:#D0D0D0;
}
.booking-value-in-property-currency-label {
    text-align: right;
    margin:5px; 
    display: block; 
    font-size: 10px; 
    color: gray;  
}

.latest-bookings-to-modify-panel {
    width: 100% !important;
}

.lasted-booking-header-panel .latest-bookings-to-modify-panel {
    margin-top: 2px;
    margin-bottom: 2px;
    float: left;
    
}
.lasted-booking-header-panel .latest-bookings-to-modify-panel .latest-bookings-to-modify {
    text-decoration: underline !important;
    cursor:pointer;
    color: #c1ff00;
}


/********************************************************
 Proeprty Dashboard - Monthly Statistics Report
*********************************************************/
.ui-datatable thead th {
    padding: 10px;
}
.hide {
    display: none;
}
.dashborad-loader-panel {
    background-color:rgba(0,0,0,0.0);
    border: 1px solid #eee;
}
.dashborad-loader-panel .dashboard-loader-icon {
    padding: 280px;
}
.dashborad-search-by-btn {
    float:left; 
    padding:10px 15px; 
    text-transform: capitalize;
}
.dashborad-search-by-btn.active {
    color: #000;
    font-weight: bold;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top-right-radius: 10px;
}
.arrow-icon {
    font-weight: bold;
    font-size:14px;
}
.column-value {
    cursor: pointer;
}
.column-total,
.column-total-year-to-date,
.column-average {
    font-weight: bold; 
} 
.center {
    text-align: center;
}
.chart-data-panel {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;    
}

.column-value.additional-data {
    color: #fe7a38; 
    font-size: 11px; 
    display: block;
}


/********************************************************
 Proeprty Dashboard - Customer Search Traend Chart
*********************************************************/
.customer-search-trend-chart {
    display:inline-block; 
    width:100%; 
    min-height: 340px; 
    margin-top:18px;
}
.customer-search-trend-chart .loader-icon-panel {
    position:relative;
}
.customer-search-trend-chart .loader-icon-panel .loader-icon-image {
    position:absolute; left:48%; top:120px
}
.customer-search-trend-chart .chart-panel {
    width:100%; 
    height:100%;
}



/********************************************************
 Proeprty Dashboard - Room Availability Control
*********************************************************/
.room-availability-table {
    width:100%; 
    margin-top:10px;
}
.room-availability-table .header {
    background-color: #eee;
}
.room-availability-table .header.button-panel {
    text-align:left;
}
.room-availability-table .header.button-panel .previous-btn,
.room-availability-table .header.button-panel .next-btn { 
    padding:10px 0;
    margin:10px 0 10px 10px; 
}  
.is-weekend-header {
    background-color:#dedede;
}
.is-weekend-date {
    background-color: #eeeeee;
}
.period-search-header {
    width: 56px;
}
.period-search-header .day-of-week-panel, 
.period-search-header .date-panel, 
.period-search-header .month-panel {
    display: block;
}
.period-search-header .current-period {
    color:#fff;
}
.period-search-header .date-panel {
    font-size: 18px;
}
.period-search-header .date-weekend-panel {
    color: #fff;
}
.room-availability-table .roomtype-panel {
    padding:10px 0; 
    line-height:1.4;
}
.roomtype-unavailable {
    background-color: rgb(203,232,246);
}
.room-availability-button-panel {
    border-top: 1px solid #eee;
    text-align:center; 
    padding-top:20px;
}
.room-availability-button-panel .update-button, 
.room-availability-button-panel .clear-button {

}      
.room-availability-button-panel .update-button, 
.room-availability-button-panel .clear-button {
    color: #fff;
    width: 100px;
}            
.room-availability-button-panel .update-button .ui-button-text {
    color: #000;
}   
.room-availability-button-panel .clear-button {
    background: #BBBABA;
}     
.room-allotment-is-change {
    border: 2px solid #0063B5;
    color: #0063B5;
}
.highlighted {
    background-color: #CAFFBF;
}
.daily-room-allotment-input-box {
    width: 50px;
    text-align: right;
    cursor: pointer;
}
.daily-room-allotment-input-box.is-stop-sales {
    border: 2px solid red;
}
.room-availability-control-header {
    margin-bottom: 5px;
}
.room-availability-control-header:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.room-availability-control-header .left-panel {
    float: left;
}
.room-availability-control-header .right-panel {
    float: right;
}
.room-availability-control-header .right-panel .allotment-change-and-navigate-allotment-control-panel:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.room-availability-control-header .right-panel .allotment-change-and-navigate-allotment-control-panel .left-panel {
    float: right;
    margin:5px 0;
}
.room-availability-control-header .right-panel .allotment-change-and-navigate-allotment-control-panel .right-panel {
    float: right;
    margin-right:30px;
}
.room-availability-control-header .right-panel .allotment-change-and-navigate-allotment-control-panel .left-panel .navigation-link {
    color:#3F51B5; 
    text-decoration:underline;
}
.room-availability-control-header .right-panel .allotment-change-and-navigate-allotment-control-panel .right-panel .number-of-allotment-for-change-input-box {
    width:60px; 
    margin:0px 10px; 
    text-align:right;
    padding: 5px;
    border-radius: 5px;
    font-size: 14px;
}
.room-availability-control-table .header-buttom-panel {
    background-color:#F3F3F3; 
    padding: 15px;
}
.room-availability-control-table .room-type-panel {
    padding:10px 5px;
}
.room-availability-control-table .room-type-panel .room-type-name {
    font-size: 14px;
}
.room-availability-control-table .header-buttom-panel .action-button {
    border-radius: 25px;
    border: 2px solid;
    line-height: 0;
}



/********************************************************
 Proeprty Report - Customer visit by country
*********************************************************/

.customer-visit-by-country-report {
}

.customer-visit-by-country-report .export-bar-panel-group {     
     padding: 15px 20px 15px 20px;
}


.customer-visit-by-country-report .report-data-panel-group,
.customer-visit-by-country-report .chart-data-panel-group ,
.customer-visit-by-country-report .search-criteria-panel-group {
    padding: 20px;    
}
.customer-visit-by-country-report .search-criteria-panel-group .row {
   margin-bottom: 15px;
}

.customer-visit-by-country-report .search-criteria-panel-group .row2 {
    
}

.customer-visit-by-country-report .ui-inputfield {
    width: 120px;    
    vertical-align:top;
    height: 24px;
}

.customer-visit-by-country-report .search-criteria-panel-group .row .column-1 {
    width: 205px;
    float: left;
    margin-top: 4px;
}

.customer-visit-by-country-report .search-criteria-panel-group .row .column-1,
.customer-visit-by-country-report .search-criteria-panel-group .row .column-2 .column-3
{
 margin-top: 4px;
}

.customer-visit-by-country-report .search-criteria-panel-group .row .column-3,
.customer-visit-by-country-report .search-criteria-panel-group .row .column-2{
    float: left;
}

.customer-visit-by-country-report .search-criteria-panel-group .row .column-3 {    
     margin: 0 10px 0 10px;
}

.customer-visit-by-country-report .export-bar-panel-group .row:after,
.customer-visit-by-country-report .chart-data-panel-group .row:after,
.customer-visit-by-country-report .search-criteria-panel-group .row:after{
    display: block;
    clear: both; 
    content: "."; 
    height: 0; 
    visibility: hidden;
}

.customer-visit-by-country-report .chart-data-panel-group {
    width: 1015px;
}

.customer-visit-by-country-report .chart-data-panel-group .map-chart {
    border: 1px solid #D0D0D0;
}

.customer-visit-by-country-report .chart-data-panel-group .line-chart {
    margin-top: 20px;
    text-align:center;
    
}

.customer-visit-by-country-report .search-criteria-panel-group .button-export-to-excel,
.customer-visit-by-country-report .search-criteria-panel-group .button-search {
    width: 100px;
    height:25px;
    margin-left: 20px;
    margin-top: -1px;
    margin-bottom: 4px;
}

.customer-visit-by-country-report .search-criteria-panel-group .button-export-to-excel {
    width: 100%;
}


.customer-visit-by-country-report .search-criteria-panel-group .text-input,
.customer-visit-by-country-report .search-criteria-panel-group select {
    padding:2px 0px 2px 5px; 
    font-size:12px;
}

.customer-visit-by-country-report .search-criteria-panel-group .single-date-panel {
    margin-left:10px;
    float:left;
    display:none
}

.customer-visit-by-country-report .search-criteria-panel-group .select-system {
    text-transform: lowercase;   
}

.customer-visit-by-country-report .search-criteria-panel-group .select-page-view-type {
    text-transform: lowercase;    
}

.customer-visit-by-country-report .search-criteria-panel-group .period-date-panel {
    float:left; 
    display: inline; 
}

.customer-visit-by-country-report .search-criteria-panel-group .period-date-panel .from-text {
    margin: 0px 5px 0px 25px; 
    vertical-align: top;
}

.customer-visit-by-country-report .search-criteria-panel-group .period-date-panel .to-text {
    margin: 0px 5px 0px 15px; 
    vertical-align: top;
}

.customer-visit-by-country-report .column-order {
    width: 20px;
}
.customer-visit-by-country-report .column-country-name {
    width: 200px;
    
}

.customer-visit-by-country-report .report-table {
    width: 100%;
}

.customer-visit-by-country-report .report-table td {
    padding:8px 10px 8px 10px;
    border-width: 1px;
    border-style: none;
     border: 1px solid lightgray;
}

.customer-visit-by-country-report th.header {
    padding:5px 5px 5px 5px;
    border: 1px solid lightgray;
    font-weight: bold;
    text-align: center;
    background: #e6e6e6 url("") 50% 50% repeat-x;
}

.customer-visit-by-country-report td.footer {
    padding:5px 5px 5px 5px;
    border: 1px solid lightgray;
    text-align: center;
    font-weight: bold;
    background: #e6e6e6 url("") 50% 50% repeat-x;
}

.customer-visit-by-country-report .column-average-length-of-stay,
.customer-visit-by-country-report .column-average-daily-room-rate,
.customer-visit-by-country-report .column-total-revenue,
.customer-visit-by-country-report .column-number-of-conversion,
.customer-visit-by-country-report .column-number-of-booking,
.customer-visit-by-country-report .column-number-of-visitor {
    width: 80px;
    text-align: center;
}

.customer-visit-by-country-report .column-nuber-length-of-stay,
.customer-visit-by-country-report .column-length-of-stay {
    text-align: center;
}

.customer-visit-by-country-report  .ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
    padding: 4px 4px;
}

.customer-visit-by-country-report .ronw-number {
    width: 40px;
}

.customer-visit-by-country-report .date-to-stay {
    width: 70px;
}

.customer-visit-by-country-report .percentage-number {
    display: inline-block; 
    padding: 0 1px;
    text-align: right;
    width: 32px;
}

.customer-visit-by-country-report   label[for^="dimensionSelectOneRadio"] {
    padding-left: 2px;
    padding-right: 8px;
}

.customer-visit-by-country-report .export-bar-panel-group .generate-date-time {
    float:left;
    margin: 10px 0px 0px 0px;
}

.customer-visit-by-country-report .export-bar-panel-group .export-to-excel {
    float:right;
    margin: 5px 0px 0px 10px;
}

.customer-visit-by-country-report .export-bar-panel-group .display-before-tax-and-fee {
    float:right;
    margin: 10px 0px 0px 0px;
}

.customer-visit-by-country-report .report-data-panel-group {
   padding-top: 10px;
}

.common-tab-panel-group:after,
.common-page-panel-group .common-page-panel:after,
.common-page-panel-group:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.common-page-panel-group .common-page-panel {
    width:41%;
    float:left;
}

.common-page-panel-group .common-page-panel .page-name-panel {
    float:left;
}

.common-page-panel-group .common-page-panel .progress-status-panel {
    float:left;margin-left:10px;
}
.common-page-panel-group .common-page-panel .progress-status-panel .progress-status {
    margin-left:0px;
    text-align: center;
}

.common-page-panel-group .report-menu-panel {
    width:59%;
    float:right;
    text-align: right;
}

.common-tab-panel-group {
    text-align: left;
    margin-top: 15px;
    width:100%;
}

.text-transform {
    text-transform: lowercase;
}

/* System Integration Form Panel */
.system-integration-form-panel .label {   
     font-weight: bold;
}
.system-integration-form-panel .row {  
    padding: 5px 0 5px 0;
    width: 100%;
}
.system-integration-form-panel .column-1,
.system-integration-form-panel .column-2 {
    float: left;
}
.system-integration-form-panel .column-1 {
    width: 200px;
}
.system-integration-form-panel .text-info {
    margin-left: 10px;
}


/********************************************************
 System - Property Group Listing
*********************************************************/

.property-group-listing {    
}

.property-group-listing .create-btn {
    text-align:left; 
    margin-bottom: 20px;
    text-transform: capitalize;
}

.property-group-listing .delete{
    color: #c00;
    font-size: 11px;
}

.property-group-listing select {
    padding: 2px 0px 2px 5px;
    font-size: 12px;    
}

.property-group-listing .edit{
    color:  #474d87;
    margin-right: 10px;
    font-size: 11px;
}

.property-group-listing .ibe-theme-setup {
   font-size: 11px; 
}

.property-group-listing .ibe-theme-setup {
}

.property-group-listing .col-1,
.property-group-listing .col-2,
.property-group-listing .col-3,
.property-group-listing .col-4,
.property-group-listing .col-5,
.property-group-listing .col-6,
.property-group-listing .col-7 { 
    vertical-align:top;
    border-bottom:1px solid lightgray; 
    padding:10px;    
}

.property-group-listing .col-1 {
    width: 20px;
    text-align:center; 
}

.property-group-listing .col-2 {
    width: 50px;
    text-align:center; 
}

.property-group-listing .col-3 {
    width: 150px;
}

.property-group-listing .col-4 {
    width: 280px;
}

.property-group-listing .col-5 {
    width: 250px;
}

.property-group-listing .col-6 {
  text-align:center; 
}
.property-group-listing .col-6 .theme-preivew-panel .ibe-preview {
    margin-bottom: 5px;
}
.property-group-listing .col-6 .theme-preivew-panel .ibe-preview,
.property-group-listing .col-6 .theme-preivew-panel .ibe-mobile-preview {
    font-size: 11px; 
    display: block;
}

.property-group-listing .tableHeaderNoPadding2{
    padding-top: 4px;
    padding-bottom: 4px;
}

.property-group-listing .modifiled,
.property-group-listing .createdDate {
    font-size: 11px;
}

.property-group-listing .button-panel-group {
    background-color:#e5e5e5;height:35px
}

.property-group-listing .button-panel-group .left-panel {
    float: left; margin: 5px 0 0 10px;
}

.property-group-listing .button-panel-group .right-panel {
    float: right;
    margin: 5px 7px 0 0;
}
.property-group-analytics .warpper {
    margin-bottom: 25px;
}
.row.google-tag-manager-panel {
    margin-bottom:8px;
}
.google-tag-manager-panel .left-panel,
.google-tag-manager-panel .right-panel {
    float: left; 
}
.google-tag-manager-panel .left-panel {
    margin-right:70px;
}
.google-tag-manager-panel .right-panel .column-1.left-content {
    width:80px;
}
.google-tag-manager-panel .right-panel .column-1 span {
    height: 19px;
}
.google-tag-manager-panel .right-panel .column-2 .text-input {
    padding: 1px 0px 1px 5px;
}



/********************************************************
 System - Property Group Form
*********************************************************/

.property-group-form {
    
}

.property-group-form  .generate-code-button {
    vertical-align:middle;
    margin-top: -3px;
}

.property-group-form .row {
    margin-bottom: 20px;
}

.property-group-form .row.highlight {
    padding: 10px;
    background-color: #EEE
} 

.property-group-form .row:after{
    display: block;
    clear: both; 
    content: "."; 
    height: 0; 
    visibility: hidden;
}

.property-group-analytics .text-input,
.property-group-theme-setup textArea ,
.property-group-theme-setup select,
.property-group-theme-setup .text-input,
.property-group-form .column-2 .text-input-group-name,
.property-group-form .column-2 .text-input,
.property-group-form .column-2 select {
    padding:2px 0px 2px 5px; 
    font-size:12px;    
}

.property-group-form .column-2 .text-input-group-name,
.property-group-form .column-2 .text-input,
.property-group-form .column-2 select {
    width: 200px;
}

.property-group-form .column-2 .text-input {
    width: 200px;
}

.property-group-form .column-2 .text-input-group-name {
    width: 300px;
}

.property-group-form .column-2 select {
    width: 150px;
}

.property-group-form .column-1{
    width: 170px;
    float: left;
    margin-top: 4px;
}

.property-group-form .column-2{
    text-align: left;
    float: left;
}

.property-group-form .requiredStar {
    margin-left: 0px;
    margin-right: 20px;
}

.property-group-form .button-group-panel {
    margin: 40px auto 40px auto; 
    width:250px;  
    border: 0px solid #000;
    text-align: center;
}

.property-group-form .button-group-panel button{
    width: 100px;
    margin-right: 20px; 
}

.property-group-form .selected-property-panel{
    width: 600px;
    margin-bottom: 20px;
    margin-left: 10px;
}

.property-group-form .property-search-result-panel {
    max-height: 200px; 
    overflow: auto; 
    margin: 0 0 30px 10px; 
    width: 600px; 
    border: #DDD dashed 0px; 
    padding-top: 10px;
    padding-bottom: 10px;
}

.property-group-form .table-col-7,
.property-group-form .table-col-6,
.property-group-form .table-col-5,
.property-group-form .table-col-4,
.property-group-form .table-col-3,
.property-group-form .table-col-2,
.property-group-form .table-col-1 {
    vertical-align:text-top; 
    border-bottom: 1px dotted #DDD;
}

.property-group-form .selected-property-panel .table-col-1 {width:200px;}
.property-group-form .selected-property-panel .table-col-2 {width:100px;}
.property-group-form .selected-property-panel .table-col-3 {width:50px;}
.property-group-form .selected-property-panel .table-col-4 {width:50px;}
.property-group-form .selected-property-panel .table-col-5 {width:35px;}
.property-group-form .selected-property-panel .table-col-6 {width:5px;}
.property-group-form .selected-property-panel .table-col-7 {width:5px;}

.property-group-form .property-search-result-panel .table-col-1 {width:5px;}
.property-group-form .property-search-result-panel .table-col-2 {width:200px;}
.property-group-form .property-search-result-panel .table-col-3 {width:150px;}
.property-group-form .property-search-result-panel .table-col-4 {width:50px;}



/********************************************************
 System - Property Group IBE config
*********************************************************/

.property-group-analytics ,
.property-group-theme-setup {
    margin-top: 20px;
}

.property-group-analytics.contentWrap,
.property-group-theme-setup.contentWrap {
    margin: 20px 0px 0px 0px !important; 
    max-width: 1061px !important;
}

.property-group-theme-setup .text-input {
    width: 200px;
}

.property-group-theme-setup .horizontal-line {
    width: 100%;
    margin: 0;
}

.property-group-theme-setup textArea {
    width: 100%;
}

.property-group-theme-setup .character-left {
    display: inline-block;
    margin-right: 10px;
}

.property-group-theme-setup .number-of-character-left {
    padding:2px 0px 2px 5px; 
    font-size:11px;  
}  

.property-group-theme-setup .favicon-display-image{
    width: 64px;
}

.property-group-theme-setup  .step-bar-color-panel-group {
    height: 220px;
}

.property-group-theme-setup .ibe-display-setup-image-panel .delete-button-panel {
}

.property-group-theme-setup .payment-gateway-image-url-panel,
.property-group-theme-setup  .payment-gateway-image-panel {
    border: 1px solid #eee;    
}

.property-group-theme-setup .ibe-display-setting-heading {
    display: block;
    margin: 0;
    padding: 5px;
    width: auto;
    max-width: 100%;
}

.property-group-analytics .button-group-panel,
.property-group-theme-setup .button-group-panel {
    margin: 40px auto 40px auto; 
    width:600px;  
    text-align: center;        
}

.property-group-theme-setup .property-code-with-name {
    display: block;
    margin-top: 4px;
}

.property-group-theme-setup .row {     
    padding:  0px 30px 20px 30px;
}

.property-group-theme-setup .row.end-section {
    margin-bottom:30px;    
}

.property-group-theme-setup .button4 {
    font-size: 12px;
}

.property-group-theme-setup .column-1 {
    text-align: left;
}

.property-group-theme-setup .paypal-note {
   display: block;
   font-weight: bold;
   margin-bottom: 5px;
}

.property-group-theme-setup .paypal-note-list {
    list-style-type: disc;
}

.property-group-theme-setup .paypal-note-list li {
    list-style: inherit !important;
}

.property-group-theme-setup .paypal-cart-border-color {
    display: inline-block; 
    margin-right: 80px;
    font-weight: bold;
}

.property-group-theme-setup .color-picker-wrapper{
    height: 200px;
}

.property-group-theme-setup .color-picker-panel {
   position:relative; 
}

.property-group-theme-setup .color-picker-panel .color-picker {
    position:absolute;
    top:-45px;
    left:642px;
}

.property-group-theme-setup .mobile-logo-display-image-panel {  
  
    min-width: 50px;
    max-width: 470px;
}

.property-group-theme-setup .mobile-logo-display-image-panel img {
    max-width: 450px;
    max-height: 90px;
}

.property-group-theme-setup .website-left-panel,
.property-group-theme-setup .website-right-panel {
    float:left;
}
.property-group-theme-setup .website-right-panel:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.property-group-theme-setup .website-left-panel {
    width:175px;
}
.property-group-theme-setup .website-right-panel .website-input-text-panel {
    margin-bottom:10px;
}
.property-group-theme-setup .website-right-panel .website-input-text {
    width:240px; 
    padding:2px;
}
.property-group-analytics .text-input{
    padding: 1px 1px 1px 1px;
}


.property-group-analytics .row {     
    margin:  0px 30px 10px 30px;  
    border: 0px solid;
}

.property-group-analytics .row .sub-row-2,
.property-group-analytics .row .sub-row-1 {
    border: 0px solid;
    float: left;
}

.property-group-analytics .row .sub-row-1 {
    margin-right: 60px;
}

.property-group-analytics .row .column-1 {
    float: left;
    width: 200px;
}

.property-group-analytics .row .column-2{
    float: left;
}

.property-group-analytics .row::after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/********************************************************
 Proeprty - Product Access Code Page
*********************************************************/

.product-access-code-page {
    
}

.product-access-code-page .access-child-code-panel {
    
}

.product-access-code-page .row {
    margin-bottom: 15px;
}

.product-access-code-page .row:after{
    display: block;
    clear: both; 
    content: "."; 
    height: 0; 
    visibility: hidden;
}

.product-access-code-page .column-1{
    width: 120px;
    float: left;   
}

.product-access-code-page .column-2 {
    text-align: left;
    float: left;
}

.product-access-code-page .column-2 .text-input,
.product-access-code-page .column-1 .text-input {
    padding:2px 0px 2px 5px; 
    font-size:12px;
    width:110px;
}

.product-access-code-page .column-2 .text-input {
    width: 40px;
}

.product-access-code-page .add-access-child-code-panel {
    margin: 0px 0px 20px 0px;
    border: 1px solid #ccc;
    width: 200px;
    padding: 10px;
}

.access-child-code-panel .margin0 input {
    margin: 0 0 8px 5px;
}

.access-child-code-panel .content{
    font-weight: normal;
}


.other-partner-details-panel .ui-datatable tbody td,
.other-partner-details-panel .ui-datatable tfoot td,

.corporate-details-panel .ui-datatable tbody td, 
.corporate-details-panel .ui-datatable tfoot td,

.agency-details-panel .ui-datatable tbody td, 
.agency-details-panel .ui-datatable tfoot td,

.access-child-code-panel .ui-datatable tbody td, 
.access-child-code-panel .ui-datatable tfoot td {
    padding: 5px 5px 5px 5px; 
    overflow: hidden; 
    border-width: 1px; 
    border-style: none;
}

.other-partner-details-panel .ui-widget-content,
.corporate-details-panel .ui-widget-content,
.agency-details-panel .ui-widget-content,
.access-child-code-panel .ui-widget-content {
    border-left: 1px none lightgray;
    border-right: 1px none lightgray;
    border-top: 1px none lightgray;
    border-bottom: 1px solid lightgray;
    color: rgb(34, 34, 34);
}

.other-partner-details-panel .promotionTable,
.corporate-details-panel .promotionTable,
.agency-details-panel .promotionTable,
.access-child-code-panel .promotionTable {
    border: none;
}


.other-partner-details-panel,
.corporate-details-panel,
.agency-details-panel{
    margin:0px 0px 20px 0; 
    border: 0px solid;
}

.number-of-access-child-code-panel {
    width: 150px; 
    float: right; 
    text-align: right;
    padding-top: 5px;
}

.access-child-code-specific-last-booking-date {
    width: 200px;
    float: left;
}

.access-child-code-action-panel {
    padding: 0 0 5px 0;
}

.label-last-booking-date {
    margin: 0 auto; 
    width: 135px;
}

.access-child-code-panel .delete-all-button a,
.access-child-code-panel .ui-widget-content a {
    color: #474d87 ;
}


.access-child-code-panel .delete-button {
    font-weight: bold;
    color: #c00  !important;
}

.product-access-code-page .add-access-child-code-panel select {
    height: 25px;
}

.product-access-code-page .add-access-child-code-panel .head-panel {
    margin-bottom: 20px;
    padding: 10px;
    background-color:#F5F5F5; 
}

.product-access-code-page .add-access-child-code-panel .alpha-numaric-random-panel,
.product-access-code-page .add-access-child-code-panel .upload-file-panel,
.product-access-code-page .add-access-child-code-panel .add-one-by-one-panel {
    margin-bottom: 20px;
    border-bottom: 1px solid #F5F5F5;
    padding-left: 10px;
}

.product-access-code-page .add-access-child-code-panel .alpha-numaric-random-panel {
   margin-bottom: 10px;
   border-bottom: none;
}

.product-access-code-page .add-access-child-code-panel .alpha-numaric-random-panel .marB10 {
    margin-bottom: 10px;
}

.product-access-code-page .access-child-code-listing-panel  {
    float: left;
    margin-top: 15px;
}

.product-access-code-page .access-child-code-listing-panel .number-of-code {
    width: 160px; 
    display: inline-block;
    font-weight: bold;
}

.product-access-code-page .access-child-code-listing-panel .code {
    width: 175px;
}

.product-access-code-page .access-child-code-listing-panel .redemption-used {
    float: left;
    margin-right: 35px; 
    width: 12px;
}

.product-access-code-page .access-child-code-listing-panel .deleteX  {
    padding-top: 0; 
    font-size: 12px;
}

.product-access-code-page .access-child-code-listing-panel .row {
    margin-bottom: 5px;
}

.product-access-code-page .note-panel {
    margin-bottom: 20px;
}

.product-access-code-page .note-panel span {
    display: block;
    font-size: 11px;    
}

.product-access-code-page tr.start-additional-service-panel {
    border-top: 35px solid;
}

.product-access-code-page tr.end-additional-service-panel {
    border-bottom: 35px solid;
}

.product-access-code-page tr.end-additional-service-panel,
.product-access-code-page tr.start-additional-service-panel {
     border-color: #fff;
}
.product-access-code-page .formTable .isRequireToUseWithPartnerCode td {
    padding-left:0px;
}

.upload-file-dialog-panel {
    padding: 20px; 
    text-align: left;
}

.upload-file-dialog-panel .button-group-panel {
    margin: 0 auto; 
    width: 200px; 
    text-align: center;
    margin-top: 30px;
}


/********************************************************
 Proeprty - Ads on confirmation setting Page
*********************************************************/

.advertisement-on-confirmation-page {
    
}

.advertisement-on-confirmation-page .character-left {
    display: inline-block ;
    margin-right: 5px;
}

.advertisement-on-confirmation-page .row {
    margin-bottom: 15px;
}

.advertisement-on-confirmation-page .marB30 {
    margin-bottom: 30px;
}

.advertisement-on-confirmation-page .marB50{
    margin-bottom: 50px;
}

.advertisement-on-confirmation-page .row:after{
    display: block;
    clear: both; 
    content: "."; 
    height: 0; 
    visibility: hidden;
}

.advertisement-on-confirmation-page .column-1{
    width: 200px;
    float: left;   
}

.advertisement-on-confirmation-page .column-2 {
    text-align: left;
    float: left;
}

.advertisement-on-confirmation-page .character-left{
    font-size: 10px;
}


.property-reservation-history-details {
    padding-bottom: 20px;
}
.property-reservation-history-details td {
    padding:5px 10px;
}
.property-reservation-history-details .header.text-center,
.property-reservation-history-details .content.text-center {
    text-align: center;
}
.property-reservation-history-details .header {
    background-color: #e5e5e5; 
}

.property-reservation-history-details .content {
    background-color: #ffffff; 
    vertical-align: top;
}

.cancellation-confirm-dialog {
    padding: 10px 15px 10px 15px;
}
.cancellation-confirm-dialog .header {
    padding:10px; 
    border-bottom:2px solid #eee;
}
.cancellation-confirm-dialog .reason-to-cancel-panel {
    padding:10px;
}
.cancellation-confirm-dialog .reason-to-cancel-panel .reason-to-cancel-left-panel {
    width:22%; 
    float:left; 
    padding:16px 0;
}
.cancellation-confirm-dialog .reason-to-cancel-panel .reason-to-cancel-right-panel {
    width:78%; 
    float:left; 
    padding:10px 0;
}
.cancellation-confirm-dialog .reason-to-cancel-panel .reason-to-cancel-right-panel .reason-to-cancel-selection {
    padding: 5px;
}
.cancellation-confirm-dialog .reason-to-cancel-panel .reason-to-cancel-right-panel .reason-input-textarea-panel {
    padding-top:15px;
}
.cancellation-confirm-dialog .reason-to-cancel-panel .reason-to-cancel-right-panel .reason-input-textarea-panel .reason-input-textarea {
   width:407px; 
   max-width:407px; 
   padding:5px; 
   height:100px;
}
.cancellation-confirm-dialog .reason-to-cancel-panel .reason-to-cancel-right-panel .button-panel {
    padding:15px 0;
}
.cancellation-confirm-dialog .reason-to-cancel-panel .reason-to-cancel-right-panel .button-panel .confirm-button {
    margin-right: 15px;
}
.cancellation-confirm-dialog .note-before-cancel-reservation {
    display:block; 
    padding:20px 10px 15px 10px;
}
.cancellation-confirm-dialog .reason-to-cancel-panel:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/********************************************************
 Proeprty - URL Generator Page
*********************************************************/
.url-generator {}

.url-generator select {
    padding: 2px 0px 2px 5px;
    font-size: 12px; 
}

.url-generator .optionTable label {
    margin-right: 50px;
}

.url-generator .ui-inputfield {
    width: 100px;
}

.url-generator .room-listing-panel,
.url-generator .rate-listing-panel {
    border: 1px #AFAAAA solid;
    padding: 10px; 
    width: 800px;
}

.url-generator .room-listing-panel .header,
.url-generator .rate-listing-panel .header {
    margin-bottom: 5px;
    text-transform: capitalize;
    font-weight: bold;
}


/********************************************************
 Proeprty - Reservation listing Page
*********************************************************/
.reservation-listing-page {}

.reservation-listing-page .bookings-to-modify-panel {
    margin-bottom: 15px; 
    float: right; 
    padding-right: 15px;
}

.reservation-listing-page .bookings-to-modify-panel  span {
    text-decoration: underline;
    font-weight: bold;
    color:#4fa9f4;
    margin-left: 5px; 
    display: inline-block;
    
}

.room-type-tab-selection-panel .icon-sync { 
   vertical-align:middle; 
   margin-left:5px;
   width: 14px;
   height: 11px;
   cursor: pointer;
}

red-dot-payment-form {
    
}

.vtc-payment-form .ui-message-error,
.red-dot-payment-form .ui-message-error {
    margin:  5px 0;
    padding: 4px;
    border-radius: 0;
}

.vtc-payment-form select, .vtc-payment-form textarea, .vtc-payment-form input,
.wechat-payment-form select,
.wechat-payment-form textarea, .wechat-payment-form input,
.red-dot-payment-form input, .red-dot-payment-form select {
    padding: 2px 0px 2px 5px;
}

.wechat-payment-form .payment-info-panel-group,
.red-dot-payment-form .payment-info-panel-group {    
    padding:20px;
}

.wechat-payment-form  .payment-info-panel-group .payment-info ,
.red-dot-payment-form .payment-info-panel-group .payment-info {
    margin-bottom: 20px;
}

.wechat-payment-form   .payment-info-panel-group .payment-info span
.red-dot-payment-form .payment-info-panel-group .payment-info span  {    
    line-height: 25px;    
}

.wechat-payment-form textarea {
    width: 200px;
}

.crm-email-template-data .formTable .row2 td {
    padding:  0 0;
}

.crm-email-template-data .formTable .row4 td {
    background-color: #fff;
    height: 0;
}
.crm-email-template-data .row-data td {
    padding: 5px 10px 5px 0px !important
}

.crm-email-template-data .formTable .row1 td {
    height: auto !important;
}

.crm-email-template-data .image-display-box,
.crm-email-template-data .custom-html {                    
    margin: 15px 0;
}
.crm-email-template-data .image-display-box {
    border: 1px solid #EEEEEE; 
}
.crm-email-template-data .image-display-box img {
    max-width: 720px;
}
.crm-email-template-data .image-display-box .image-panel {
    text-align:center;  max-width: 720px; margin: 10px auto;
}
.crm-email-template-data .image-display-box .delete-image {
    font-weight: bold; 
    text-align: center;
    margin: 0px 0 10px 0;
}
.crm-email-template-variable{
    width: 524px; 
}
.crm-email-template-variable .variable-group {
    width:250px;
    margin: 10px 0 10px 0;
    float: left;                      
}

.crm-email-template-variable .table-variable {
    margin: 10px; 
    border: 1px solid #EEEEEE;
}

.crm-email-template-variable .table-variable .col-header {
    text-transform: capitalize;
}

.crm-email-template-variable .table-variable .col-data .row:after ,
.crm-email-template-variable .table-variable .col-header:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.crm-email-template-variable .table-variable .col-data .row,
.crm-email-template-variable .table-variable .col-header {
    border-bottom:  1px solid #EEEEEE; 
}  

.crm-email-template-variable .table-variable .col-data div:last-child {
    border-bottom:  none;
}

.crm-email-template-variable .table-variable .col-header .col-right,
.crm-email-template-variable .table-variable .col-data .row .col-right{
    padding:7px 0px 7px 7px; 
    float: left; 
    width: 287px; 
}                       

.crm-email-template-variable .table-variable .col-header .col-left ,
.crm-email-template-variable .table-variable .col-data .row .col-left{
    padding:7px 0px 7px 7px; 
    float: left; 
    width: 200px; 
    border-right: 1px solid #EEEEEE;
}

.crm-email-template-variable .table-variable .col-header .col-right,
.crm-email-template-variable .table-variable .col-header .col-left {
    background-color: #EEEEEE;
}

.reservation-credit-card-history-panel {
    padding: 15px;
}
.reservation-credit-card-history-info .row-panel:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.reservation-credit-card-history-info .row-panel {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e5e5e5;
}
.reservation-credit-card-history-info .row-panel .column-1,
.reservation-credit-card-history-info .row-panel .column-2 {
    float:left; 
}
.reservation-credit-card-history-info .row-panel .column-1 {
    font-weight: bold;
    width: 175px;
}
.reservation-credit-card-history-info .row-panel .column-2 {
    width: 300px;
}

.view-hide-credit-card-history-panel {
    margin-top:30px; 
    text-align:right;
}
.view-hide-credit-card-history-panel .action-button {
    color: #474d87;
    text-decoration: underline;
}
.credit-card-history-data-table {
    width:540px; 
    margin:5px 0px 20px 0px; 
}
.creditCardHistoryCol1,
.creditCardHistoryCol2,
.creditCardHistoryCol3,
.creditCardHistoryCol4,
.creditCardHistoryCol5,
.creditCardHistoryCol6 {
    border-bottom: 0px solid lightgray; 
    padding: 8px;
}
.creditCardHistoryCol1 {
    text-align: right;
}
.creditCardHistoryCol2,
.creditCardHistoryCol3,
.creditCardHistoryCol4 {
    text-align: left;
}
.creditCardHistoryCol5,
.creditCardHistoryCol6 {
    text-align: center;
}

.send-link-to-credit-card-panel {
    padding:20px 20px 40px 20px; 
    line-height:1.4;
}
.send-link-to-credit-card-panel .url-input-box {
    width:100%;
    margin:15px 0px 40px 0px; 
}
.send-link-to-credit-card-panel .booking-management-login-page-url-input-box {
    width:90%;
    padding:5px; 
}
.send-link-to-credit-card-panel .view-url-link {
    text-decoration:underline;
    color:rgb(0,0,255);
    margin-left:10px;
}


.other-test-panel .header {
    color:#474d87; 
    font-size:22px; 
    font-weight: bold; 
    text-transform: capitalize;
}
.other-test-panel .row {
    margin-bottom:10px;
}
.other-test-panel .row:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.other-test-panel .row .panel{
    float: left;
}

.other-test-panel .row .panel .input-select,
.other-test-panel .row .panel .input-box {
    padding: 2px;
}
.other-test-panel .row .panel.left-panel {
    font-weight: bold;
    width: 150px;
}
.other-test-panel .row .panel .input-box {
    width: 100px;
}
.other-test-panel .row .panel .input-box.long-box {
    width: 250px;
}
.other-test-panel .row .panel .input-box.text-area-box {
    width: 250px;
    height: 50px;
    max-width: 250px;
}
.other-test-panel .row .panel.example {
    margin-left: 10px;
}
.other-test-panel .row .panel.example .sub-row {
    margin-bottom: 5px;
}
.other-test-panel .row .panel.example .sub-row .api-key-value {
    margin-right: 10px;
}

/********************************************************
 Proeprty - Landing Page
*********************************************************/

.landing-pange-setup {
    
}

.landing-pange-setup textarea {
    width: 98%;
    height: 100px;
    padding: 5px 2px 5px 5px;
    font-size: 12px;
}

.landing-pange-setup .hotelinfo-space {
    margin-top: 1px; margin-bottom: 1px;
}


/*****************************************************************
 Proeprty - Inclusion Additional Panel [Reservation - form.xhtml]
******************************************************************/
.inclusion-additional-panel .inclusion-additional-listing {
    border:1px solid #e5e5e5; 
    padding:10px; 
    margin-bottom:20px;
}


/***************************
 Proeprty - Tax & Fee Page
****************************/
.tax-and-fee-setting-page {
    padding:5px 20px;
}
.tax-and-fee-setting-page .tax-and-fee-content {
    padding: 20px;  
}
.tax-and-fee-content .rowspan {
    margin-bottom: 5px;
}
.tax-and-fee-content .rowspan .col-1,
.tax-and-fee-content .rowspan .col-2 {
    display: inline-block; 
}
.tax-and-fee-content .rowspan .col-1 {
    width: 120px;
}
.tax-and-fee-content .select-box {
    vertical-align: text-top; 
    margin-right: 5px;
}
.tax-and-fee-content .rowspan .col-1 .span {
    cursor: pointer;
}
.tax-and-fee-content .rowspan .col-2 .input-box {
    text-align: right; 
    padding: 2px; 
    margin-right: 5px; 
    width: 50px;
}


/**************************************
* Booking Engine Page - IBE meta tag
***************************************/
.ibe-meta-tag-form .meta-tag,
.ibe-meta-tag-form .meta-tag-radio {
   display:inline-block;  
}
.ibe-meta-tag-form .meta-tag {
    margin-right:15px;
}
.ibe-meta-tag-form .meta-tag-radio {
    vertical-align:text-bottom
}
.ibe-meta-tag-form .meta-tag-form .ibe-meta-tag-text-area {
    width:98%; 
    height:100px; 
    padding:5px;
}
.ibe-meta-tag-form .meta-tag-form .character-left-label {
    color:#000; 
    font-weight:bold; 
    padding:2px;
}
.ibe-meta-tag-form .meta-tag-example .example-text {
    font-weight:bold;
}
.ibe-meta-tag-form .meta-tag-example .example-details {
    font-weight:normal; 
    color:#000;
}

.payment-policy-panel-group {
   padding:  8px 0; 
}

.payment-policy-panel-group .col-left {
    float: left; 
    padding: 3px 0;
    color: #ff9933;
    margin-right: 10px;
}


.new-feature {    
    float: left; 
    color: #FFF;
    padding:3px 5px;    
    background-color: #ff9933;     
    border-top-left-radius: 3px; 
    border-bottom-left-radius: 3px; 
    border-bottom-right-radius: 3px; 
    border-top-right-radius: 3px;
}


.formTable .row2 td.additionalServicePeriodCol1,
.formTable .row2 td.additionalServicePeriodCol2,
.formTable .row2 td.additionalServicePeriodCol3,
.formTable .row2 td.additionalServicePeriodCol4{
    vertical-align: top;
}

.formTable td.padT20 {
    padding-top: 20px;
}
.formTable td.padB20 {
    padding-bottom: 20px;
}
.formTable td.padT15 {
    padding-top: 15px;
}


/* CRS - Rate control */
.rate-control-header-panel {
    width: 1050px;
    margin-bottom: 15px;
}
.rate-control-header-panel:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.rate-control-header-panel .rate-control-header {
    float: left;
}
.rate-control-header-panel .rate-control-header .infoTitle {
    font-size: 22px;
}
.rate-control-header-panel .select-rate-panel {
    float: left;
    width: 675px;
    margin: 7px 25px;
}
.rate-control-header-panel .select-rate-panel label {
    font-weight: bold;
}
.rate-control-header-panel .display-option-panel {
    float: left;
    width: 190px; 
}
.rate-control-header-panel .customiz-image-panel {
    float: right;
    margin-right: 10px;
}



/**********************
* Announcement bar
***********************/
.announcement-main-content {
    min-width: 500px;
    padding: 20px 0px !important;
}
.announcement-bar-panel {
    padding: 0px 35px;
}
.announcement-bar-panel .config-panel {
    margin-bottom: 15px;
}
.announcement-bar-panel .content:after,
.announcement-bar-panel .config-panel:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.announcement-bar-panel .panel,
.announcement-bar-panel .access-code-panel,
.announcement-bar-panel .access-code-list,
.announcement-bar-panel .save-button {
    float:left; 
}
.announcement-bar-panel .announcement-bar-label,
.announcement-bar-panel .access-code-panel {
    width:150px;
}
.announcement-bar-panel .announcement-bar-label {
    padding:2px;
}
.announcement-bar-panel .access-code-panel {
    margin:8px 0 0 2px;
}
.announcement-bar-panel .access-code-list {
    width:300px;
    margin:5px 0 0 5px;
}


/**********************
* GTAG config
***********************/
.gtag-config-panel {
    margin:20px 15px 60px 30px;
}

.gtag-config-panel .enable-gtag-label {
    float:left; 
    width:240px;
}
.gtag-config-panel .enable-gtag-radio {
    float:left; 
    width:250px; 
}
.gtag-config-panel .gtag-config:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.gtag-config-panel .gtag-config {
    float:left; 
    width:500px;
}
.gtag-config .column-1 {
    float:left; 
    width:160px;
}
.gtag-config .column-2 {
    float:left; 
    width:340px; 
    margin-bottom:20px;
}
.gtag-config .column-2 .config {
    margin-bottom: 20px;
}
.gtag-config .column-2 .config .header-box {
    display: block;
    margin-bottom: 5px;
}
.gtag-config .column-2 .config .enable-config,
.gtag-config .column-2 .enable-config {
    margin-bottom: 10px;
}
.gtag-config .input-box {
    padding: 2px;
}
.gtag-config .input-box.input-textarea {
    min-width: 230px; 
    max-width: 230px;
}
.gtag-config .gtag-note {
    margin-bottom: 20px;
}
.gtag-config .gtag-note .note {
    font-weight: bold;
}
.gtag-config .gtag-note .details {
    margin-left: 10px;
}


/*********************************/
/* System currency exchange rate */
/*********************************/
.system-currency-exchange-rate-header:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.system-currency-exchange-rate-header .left-panel {
    float: left;
}
.system-currency-exchange-rate-header .right-panel {
    float: right;
}


.advance-option-box {
    border:1px solid lightgrey; 
    padding:10px 20px;
}
.advance-option-box:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.advance-option-box .excel-report-type-select-items-panel {
    float:left; 
    margin-right:20px; 
    margin-top:3px;
}
.excel-report-type-select-items-panel .excel-report-type-select-items {
    margin-left:20px;
}
.advance-option-box .report-export-type-radio {
    float:left; 
    margin-top:2px;
}
.report-export-type-radio .report-export-type {
    display:inline-block;
}
.report-export-type.online {
    margin-right:15px;
}
.report-export-type .email-input-text {
    margin-left:10px; 
    padding:2px;
}
.advance-option-box .export-button-panel {
    float:left;
    margin-right: 10px;
}
.export-button-panel .export-button {
    margin-left:20px;
}


/**************************/
/* GDPR Information Panel */
/**************************/
.gdpr-information-panel {
    background-color:#fcfcfc; 
    padding:10px 20px; 
    margin:20px; 
    line-height:1.4; 
    border:1px solid #edf0f2;
}
.gdpr-information-panel:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.gdpr-information-panel .info-icon {
    float:left; 
    margin-right:10px;
}
.gdpr-information-panel .gdpr-content {
    float:left; 
    width:97%; 
    margin:2px 0;
}
.gdpr-information-panel .gdpr-content .gdpr-wiki-link {
    color:#1a0dab;
}
.gdpr-information-panel .gdpr-note {
    display:inline-block; 
    margin:15px 0px 0px 28px;
}
.gdpr-information-panel .gdpr-note .note {
    font-weight: bold;
}
.gdpr-information-incon .info-icon {
    padding:3px 0px;
    width: 18px;
    height: 18px;
}
.gdpr-content-panel {
    width: 420px;
}
.gdpr-content-panel .content {
    padding:15px;
    line-height:1.5; 
    background-color:#fcfcfc;
}
.gdpr-content-panel .content .link {
    color:#1a0dab;
}


/*************************************/
/* Reservation status checkbox panel */
/*************************************/
.reservation-status-checkbox-panel {
    display: flex;
}
.reservation-status-checkbox-panel .item {
    display: flex;
}
.reservation-status-checkbox-panel .item label {
    margin-left: 2px;
}
.reservation-status-checkbox-panel .item + .item {
    margin-left: 15px;
}


/***************************/
/* Content ID Mappind Page */
/***************************/
.content-id-mapping-panel {
    border:1px solid #ccc; -webkit-border-radius: 0 5px 5px 5px;
}
.content-id-mapping-panel .content-id-mapping-card {
    margin:20px;
}
.content-id-mapping-by-room-and-rate-table {
    width: 100%;
    line-height:2.2;
    margin-bottom: 40px;
}
.content-id-mapping-panel .content-id-mapping-card .header {
    text-transform: capitalize;
}
.content-id-mapping-by-room-and-rate-table .col-1 {
    width: 350px;
    font-weight: bold;
}
.content-id-mapping-by-room-and-rate-table .col-4 {
    width: 100px;
    text-align: center;
}

.content-id-mapping-by-room-and-rate-table .col-2 {
    width: 550px;
    font-weight: normal;
}

.content-id-mapping-by-room-and-rate-table .col-2 .b2b-and-member {
    font-weight: bold;
}
.content-id-mapping-by-room-and-rate-table .b2b-and-member {
    margin-left: 10px;
}
.content-id-mapping-by-room-and-rate-table .highlight {
    font-weight: bold;
    background-color: whitesmoke;
}
.content-id-mapping-by-room-and-rate-table tr td {
    border-bottom: 1px solid lightgray;
}
.content-id-mapping-by-room-and-rate-table thead {
    background: #e6e6e6 url("") 50% 50% repeat-x;
}
.content-id-mapping-by-room-and-rate-table thead tr th {
    border: 1px solid lightgray;
}
.content-id-mapping-by-room-and-rate-table tbody tr td {
    padding: 0px 10px;
}
.content-id-mapping-by-room-and-rate-table tbody .status {
    font-size:11px; 
    font-weight:bold;
}
.content-id-mapping-by-room-and-rate-table tbody .status.active {
    color:green;
}
.content-id-mapping-by-room-and-rate-table tbody .status.inactive {
    color:black;
}


/************************************/
/* Additional service delete pop-up */
/************************************/
.delete-additional-services-panel {
    padding: 25px 15px;
}
.delete-additional-services-panel .header {
    margin-bottom: 20px; 
    line-height: 1.4;
}
.delete-additional-services-panel .product-panel {
    margin-bottom: 20px;
}
.delete-additional-services-panel .product-panel .product-header {
    margin-bottom: 5px; 
    text-transform:  capitalize;
}
.delete-additional-services-panel .action-panel {
    text-align: center;
}
.delete-additional-services-panel .action-panel .btn {
    margin: 0px 10px;
}
.delete-additional-services-panel .ajax-status {
    text-align: center;
}


/***********************************/
/* Product access child code panel */
/***********************************/
.access-child-code-listing-panel .row  {
    margin-bottom: 5px;
}

.access-child-code-listing-panel .row .column-1,
.access-child-code-listing-panel .row .column-2,
.access-child-code-listing-panel .row .column-3,
.access-child-code-listing-panel .row .column-4,
.access-child-code-listing-panel .row .column-5,
.access-child-code-listing-panel .row .column-6{
    float:left; 
}
.access-child-code-listing-panel .row .column-2,
.access-child-code-listing-panel .row .column-3,
.access-child-code-listing-panel .row .column-4,
.access-child-code-listing-panel .row .column-6{
    text-align:center;
}
.access-child-code-listing-panel .row .column-1 {
    width:90px;
}
.access-child-code-listing-panel .row .column-2 {
    width: 45px;
}
.access-child-code-listing-panel .row .column-3 {
    width:105px; 
}
.access-child-code-listing-panel .row .column-4 {
    width: 45px;
}
.access-child-code-listing-panel .row .column-5 {
    width: 60px;
}

.access-child-code-listing-panel .row .column-6 {
    width: 163px;
}


/********************************************************/
/* Product access child code related reservation dialog */
/********************************************************/
.related-reservation-table {
    width: 450px;;
    line-height: 2.2;
}
.related-reservation-table thead {
    background: #e6e6e6 url("") 50% 50% repeat-x;
}
.related-reservation-table thead tr th {
    border: 1px solid lightgray;
}
.related-reservation-table tbody tr td {
    text-align: center;
    border-bottom: 1px solid lightgray;
}
.related-reservation-dialog .ui-dialog-content.ui-widget-content {
    padding: 20px;
}



.result-listing-panel tr {
    vertical-align: top;
    border-bottom: 1px solid lightgray;
}
.result-listing-panel tr td {
    padding: 10px 5px 10px 5px;
}


/* ibe-display-setup.xhtml */
.hotelinfo-space .select-one-radio td label {
    margin-right: 15px;
}

.status__active {
    color: green;
}


.status__inactive {
    color: red;
}

#setup-menu a span.badge,
.badge {
    margin-left: 5px;
    padding: 2px 5px;
    border-radius: 50%;
    background: red;
    color: white;
}

#edit-stayed-period-room-rates-addons-form .remove-link {
    font-size: 14px;
}

#edit-stayed-period-room-rates-addons-form .remove-guest-link {
    margin-top: 5px;
    margin-left: 5px;
}

#edit-stayed-period-room-rates-addons-form .add-more-guest-link {
    color: #026CC4;
    text-decoration: none;
}

.inclusion.item {
    margin-top: 5px;
}
.inclusion.item .hotel-credit.container {
    display: flex; align-items: center;
}
.inclusion.item .hotel-credit.container select, 
.inclusion.item .hotel-credit.container input { 
    padding: 0.5px;
}
.inclusion.item .hotel-credit.container .col {
    margin-left: 5px;
}
.inclusion.item .hotel-credit.container .col tr td {
    padding-left: 0px;
}
.inclusion.item .hotel-credit.container .col.__amount input {
    text-align: right; 
    width: 40px;
}
.inclusion.item .hotel-credit.container .col.__want-to-customize-wording {
    width: 160px; 
    color: #ff9933; 
    font-style: italic
}
.inclusion.item .hotel-credit.container .col.__display-alternate-name {
    width: 88px;
}
.inclusion.item .hotel-credit.container .col.__alternate-name-input-text input {
    padding: 2px; 
    width: 200px
}

.calendar_input input {
    width: 90px;
}
#customPeriodTablePanel .custom-period-table-header {
    text-align: center;
    padding: 5px 0;           
}
#customPeriodTablePanel td {
    padding: 10px;
}


#accessCodeChildCodePopupTable,
#accessCodeOtherPartnerPopupTable,
#accessCodeAgencyPopupTable,
#accessCodeCorporatePopupTable{
    max-height: 418px;
    overflow: auto;
    margin: 0 0 0px 0px;
    width: 600px;
    border: #DDD dashed 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}


.other-partner-details-panel .ui-datepicker-trigger.ui-button-icon-only .ui-button-text,
.corporate-details-panel .ui-datepicker-trigger.ui-button-icon-only .ui-button-text,
.agency-details-panel .ui-datepicker-trigger.ui-button-icon-only .ui-button-text,
.access-child-code-panel .ui-datepicker-trigger.ui-button-icon-only .ui-button-text {
    
        padding: 0.4em;
}


/** overwrite primeface graph **/
 canvas .jqplot-grid-canvas {
    font-size: 0.4rem !important;
    font-family: Arial, sans-serif;
}