html { height:auto; }
body { margin:0; padding:0; font:normal 12px Verdana, Arial, Helvetica, sans-serif; /*background:url(../images/decoration/pat11.png) fixed;*/ color:#333; line-height:18px; height:auto; position:relative; }

#pnlBody{
	position: relative;	
}
.fixed-right-panel {
    position: fixed;
    top: 110px;
    right: 30px;
    float: right;
    padding: 5px;
}
.fixed-right-panel a{
	margin: 2px;
}
#txtUserGrid tr{
	background: #fff;
}
#txtUserGrid tr:nth-child(2n){
	background: #eee;
}
#txtUserGrid tr:hover{
	background: #d1e6f5;
}
#txtUserGrid tr td{
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 2px;
}
#txtUserGrid tr td:first-child, #txtUserGrid thead tr th:first-child{
	border-left: none;
}
#txtUserGrid tr:last-child td{
	border-bottom: none;
}
#txtUserGrid{
	border: 1px solid #ddd;
}
#txtUserGrid thead tr, #txtUserGrid thead tr:hover{
	background: #555;
	color: #fff;
}
#txtUserGrid thead tr th{
	height: 30px;
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid rgba(255, 255, 255, 0.4);
} 
.table-responsive{
	overflow: auto;
	max-width: 100%;
}
.clearBoth { clear:both; }
#pnlMain { width:98%; margin:0px auto; background:#fff; position:relative;height: 100vh;
    box-sizing: border-box;padding-bottom: 43px;
}
#pnlBody {  background:#FFF; min-height:500px; font-size:11px;
    /*height: 100vh;-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;display: flex;*/
}
/*
* html #pnlMain { min-height: 650px; }
*/
#pnlHeader1 { height:75px;background:url(../images/yantr-logo.gif) no-repeat #FFF;
    position: absolute;width: 100%;top: 0;z-index: 1000;
}
#pnlHeader { height:75px;background:url(../images/yantr-logo.gif) no-repeat #FFF;
}
#pnlHeader1 .logo, #pnlHeader .logo { display:block; width:312px; height:71px; }
#pnlHeader .userControl { background:url(../images/decoration/user-panel-icons.png) repeat-x; border-right:none; border:1px solid #e5e5e5; height:36px; margin:19px 10px 0 0; float:right; }
.userControl .userIcon { display:block; float:left; border-right:1px solid #e5e5e5; height:27px; padding:9px 10px 0 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#4b4b4d; background:url(../images/decoration/user-panel-icons.png) no-repeat }
.userControl .userIcon { background-position:10px -36px; padding-left:40px; }
.userControl .dashboardIcon, .userControl .logoutIcon, .userControl .lockIcon, .userControl .popupIcon { position:relative; border-right:1px solid #e5e5e5; display:block; float:left; height:36px; width:36px; background:url(../images/decoration/user-panel-icons.png) no-repeat; }
.userControl .dashboardIcon { background-position:10px -144px; }
.userControl .dashboardIcon:hover { color:#d23338; }
.userControl .logoutIcon { background-position:10px -72px }
.userControl .logoutIcon:hover { background-position:10px -108px; }
.userControl .lockIcon { background-position:10px -180px; }
.userControl .lockIcon:hover { background-position:10px -216px; }
.userControl .popupIcon { background-position:10px -252px; }
.userControl .popupIcon:hover { background-position:10px -288px; }
.userControl .userTooltip { display:none; position:absolute; top:-18px; right:-50%; background:url(../images/decoration/tooltip-arrow.gif) no-repeat center bottom; padding:0 0 5px 0; }
.userControl .userTooltip span { display:block;  background:#4b4b4d; color:#fff; padding:2px 8px; font-size:11px; font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#pnlHeader a { color:#B60000; font-weight:bold; }
#pnlHeader a:hover { text-decoration:none; }

.fadeBlack { display:none; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0, 0, 0, 0.5); z-index:900; }
.lockScreen { display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:1000; }
.lockForm { width:400px; margin:10px auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.6); border-top-right-radius:3px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; border:1px solid #c4c4c4; background:#f4f4f4; }
.lockForm .title { position:relative; box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.3); height:29px; padding:7px 0 0 0; background:url(../images/decoration/pat12.gif); font-weight:bold; font-size:14px; text-align:center; }
.lockForm table { margin:10px 20px; }
.lockForm p { font-weight:bold; color:#494949; }
.lockForm input { padding:5px 34px 5px 8px; width:228px; font-size:13px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #c4c4c4; }
.lockForm .passwordico { background:url(../images/decoration/password-icon.gif) no-repeat right #fff; }
.lockScreen .pnlError { padding:140px 0 10px 0; height:35px; }
.pnlError .error { display:none; padding:10px; width:380px; margin:0 auto; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.5); border-radius:2px; border:1px solid #CC0000; background:#FFEBE8; color:#333; font-weight:bold; }
.pnlError .error strong { color:#B60000; }
.lockForm .aButton { position:absolute; top:0; right:0; background:url(../images/decoration/pat11.png); border:1px solid #000; margin:5px 5px 0 0; padding:3px 10px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-decoration:none; }
.aButton:hover{ background-position:0 -33px; color:#999; }
#menuBar { clear:both; border-top:2px solid #d4d4d4; border-bottom:0px solid #d4d4d4; height:35px; background:#f0f0f0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#menuBar ul { margin:0; padding:0; list-style-type:none; }
#menuBar ul li { float:left; display:block;/*padding:3px 5px 3px 4px;*/ border-left:1px solid #d4d4d4; position:relative; font-weight:bold; }
#menuBar ul li:hover { background:#e94d50; border-left:1px solid #cf282e; }
#menuBar ul li.first { border-left:0; }
#menuBar ul li.last { border-right:0; }
#menuBar ul a.mainMenu { display:inline-block; text-decoration:none; color:#616161; height:28px; padding:7px 18px 0 17px; font-size:12px; }
#menuBar ul a.mainMenu:hover { background:#e94d50; color:#FFF; border-bottom:3px solid #cf282e; height:25px; }
#menuBar ul a.dropdown { background:url(../images/menu-down-bullet.gif) no-repeat right 15px; padding:7px 23px 0 17px; border:none !important; }
#menuBar ul a.dropdown:hover, #menuBar ul a.selected { background:url(../images/menu-down-bullet.gif) no-repeat right -18px; color:#FFF; }
#menuBar ul div.subNav { position:absolute; left:-1px; padding:5px 0 6px; top:32px; display:none; /*padding-top:3px;*/ width:auto; font-size:12px; background:#e7e7e7; border-top:3px solid #cf282e;  border-bottom:3px solid #cf282e; /*border:1px solid #ff3f46;*/ z-index:9999}
#menuBar ul div.subNav li { border:none; background:none; height:22px; }
#menuBar ul div.subNav a { display:block; border:none; width:163px; font-weight:normal; text-decoration:none; color:#4b4b4d; padding:2px 10px 3px 10px; white-space:nowrap; }
#menuBar ul div.double{ width:340px;}
#menuBar ul div.triple{ width:520px;}
#menuBar ul div.double a{ width:150px;}
#menuBar ul div.triple a{ width:150px;}
#menuBar ul div.subNav a:hover { background:#e94d50; color:#fff; }

.pnlLogin { width:300px; margin:0 auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; }
.pnlLogin a.active { background:#c4c4c4; color:#fff;border-bottom:0; border-top-left-radius:3px; border-top-right-radius:3px; display:block; float:left; padding:8px 18px; margin:0 2px 0 0; text-decoration:none; font-weight:bold; font-size:12px;
    margin-bottom: -1px;
}
.pnlLogin a.active { background:#f4f4f4; color:#494949;
border: 1px solid #c4c4c4;border-bottom: none;
}
.pnlLogin h1{font-size: 26px;font-weight: normal;margin: 0 0 15px 0;padding: 0;
    color: #666;
}
.fto-login{text-align: center;margin-top: 10px;}
.fto-login a{font-size: 14px;color: #f00;}
.fto-login a:hover{text-decoration: none;}
.userForm {/* box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); */border-top-right-radius:3px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; border:1px solid #c4c4c4; background:#f4f4f4; padding:20px; }
.pnlLogin p { font-weight:bold; color:#494949; }
.pnlLogin input { padding:5px 34px 5px 8px; width:212px; font-size:13px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #c4c4c4; }
.pnlLogin .usernameico { background:url(../images/decoration/login-icon.gif) no-repeat right #fff; }
.pnlLogin .passwordico { background:url(../images/decoration/password-icon.gif) no-repeat right #fff; }
.errorArea { padding:20px 0 10px 0;/* height:40px; */}
.errorArea .error { box-shadow: 0 0 1px 1px rgba(204, 0, 0, 0.1); border-radius:2px; display:none; border:1px solid #CC0000; background:#FFEBE8; color:#333; font-weight:bold; padding:10px; width:278px; }
.errorArea .error strong { color:#B60000; }
.pnlLogin .loading { display:none; position:absolute; left:100px; bottom:28px; background:url(../images/loader.gif) no-repeat; height:32px; width:32px; }

/*
#loginBox .loginForm { background: none repeat scroll 0 0 #FEFEFE; border: 1px solid #C4C4C4; border-radius: 2px 2px 2px 2px; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); height: auto; left: 50%; margin-left: -171px; margin-top: -150px; padding:10px; position: absolute; top: 50%; width: 300px;}
.loginForm:after, .loginForm:before { background: -moz-linear-gradient(center top , #F8F8F8 0%, #F9F9F9 100%) repeat scroll 0 0 transparent; border: 1px solid #C4C6CA; content: ""; display: block; height: 100%; left: -1px; position: absolute; width: 100%;}
.error:after, .error:before { background:#FFEBE8; border: 1px solid #CC0000; content: ""; display: block; height: 100%; left: -1px; position: absolute; width: 100%;}
.loginForm:after, .error:after { -moz-transform: rotate(2deg); top: 0; z-index: -1;}
.loginForm:before, .error:before { -moz-transform: rotate(-3deg); top: 0; z-index: -2;}
*/

.errorBox { border:1px solid #C00; background:url(../images/error.png) no-repeat 8px 8px #FFEBE8;  margin-bottom:10px; display:none; height:26px; padding:7px 0 0 35px; font-weight:bold; color:#C00; }
.errorBox1 { border:1px solid #C00; background:url(../images/error.png) no-repeat 8px 8px #FFEBE8;  margin-bottom:10px; display:none; height:26px; padding:7px 0 0 35px; font-weight:bold; color:#C00; }
.successBox { border:1px solid #567005; margin-bottom:10px; background:url(../images/success.png) no-repeat 8px 8px #DDFDE8;  display:none; height:26px; padding:7px 0 0 35px; font-weight:bold; color:#567005; }
.successBox1 { border:1px solid #567005; margin-bottom:10px; background:url(../images/success.png) no-repeat 8px 8px #DDFDE8;  display:none; height:26px; padding:7px 0 0 35px; font-weight:bold; color:#567005; }
.errorMessage { position:absolute; background:url(../images/msg_arrow.gif) no-repeat left center; padding-left:7px; line-height:18px; z-index:50; display:none; }
.errorMessage div { border:2px solid #F00000; border-left:0; padding:5px 10px; background:#FFFEC3; }
.warning { text-align:right; }
.warning span, .warning a { background:#F00; color:#FFF; font-weight:bold; text-align:center; padding:5px 25px; margin-top:20px; }
.warning a { text-decoration:none; background:#DEDEDE; border:1px solid #444; color:#000; }
.warning a:hover { background:#9F9F9F; border:1px solid #000; color:#FFF; }

.bookingForm { margin-bottom:20px;}
.bookingForm .title { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; background:url(../images/decoration/pat12.gif) repeat scroll 0 0 transparent; border:1px solid #c4c4c4; border-bottom:none; border-top-left-radius:3px; border-top-right-radius:3px; height:30px; padding:9px 0 0 10px; color:#353535; }
.bookingForm .head{ height:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; background-color:#f9dcdd; border-top:2px solid #edadaf; border-bottom:1px solid #edadaf; padding:7px 10px; font-weight:bold;}
.bookingForm .tblBody{ border-bottom-left-radius:3px; border-bottom-right-radius:3px; border: 1px solid #c4c4c4; background-color:#f6f6f6; padding:0 5px;}
.bookingForm .gridTable td { border-bottom:1px solid #afafaf; font-size:11px; line-height:15px; }
.bookingForm input, .bookingForm select, .bookingForm textarea { -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:3px 2px; border:1px solid #AAA; font-size:11px; }

.buttonB{ background:url(../images/decoration/button-bg-1px.gif) repeat-x !important; border:1px solid #ae2328 !important; cursor:pointer; height:35px; padding:0 14px !important; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.buttonB:hover{ background-position:0 -33px !important;}
.buttonBB{ background-image:url(../images/300.gif); background-repeat:no-repeat; background-position:center;  background-color:#fff; border:1px solid #163362; cursor:pointer; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; z-index:500;}
.server { color:#0099CC !important; font-weight: bold; }
.up_status { color:#990000; font-weight:bold;}
.tblGridHead, .tblGridGray, .tblGridWhite { margin:0; padding:0; }
/*tr.tblGridHead td.left { background:url(../images/table-grid-img-sprit.gif) 0 0 no-repeat; }
tr.tblGridHead td.mid { background:url(../images/table-grid-img-sprit.gif) 0 -107px repeat-x; color:#353535; }

tr.tblGridHead td.right { background:url(../images/table-grid-img-sprit.gif) right -214px no-repeat; }
tr.tblGridGray td.left { background:url(../images/table-grid-img-sprit.gif) 0 -41px no-repeat; }
tr.tblGridGray td.mid { background:url(../images/table-grid-img-sprit.gif) 0 -148px repeat-x; }
tr.tblGridGray td.right { background:url(../images/table-grid-img-sprit.gif) right -255px no-repeat; }
tr.tblGridWhite td.left { background:url(../images/table-grid-img-sprit.gif) 0 -74px no-repeat; }
tr.tblGridWhite td.mid { background:url(../images/table-grid-img-sprit.gif) 0 -181px repeat-x; }
tr.tblGridWhite td.right { background:url(../images/table-grid-img-sprit.gif) right -288px no-repeat; }
.tblGridImg td{ margin:0; padding:5px 0; height:50px; background:#EEEEEE; border-top:1px solid #fff; border-bottom:1px solid #BEBEBE}
.globalsettings{}*/
.globalsettings .title{ display:block; font-size:12px; border-bottom:1px dotted #999; font-weight:bold; padding-bottom:5px; margin-bottom:10px;}
.bb{ text-decoration:blink;}
span.title{ font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:20px;}
/*
span.tooltip { position:absolute; width:80px; height:15px; line-height:15px; padding:7px; font-size:11px; text-align:center; color:rgb(113, 157, 171); background:rgb(255, 255, 255); border:1px solid rgb(255, 255, 255); border-radius:5px; text-shadow:rgba(0, 0, 0, 0.1) 1px 1px 1px; box-shadow:rgba(0, 0, 0, 0.1) 1px 1px 2px 0px; }
span.tooltip:after { content:""; position:absolute; width:0; height:0; border-width:6px; border-style:solid; border-color:#FFFFFF transparent transparent transparent; top:30px; left:40px; }
*/
.redd{ background-color:#F00;}
.tipp{ position:relative; color: #F00; font-weight:bold;}
.toolTip { z-index:100; position:absolute; top:-35px; right:20px; display:block; background:url(../images/rightmiddle.png) no-repeat bottom center; padding:0 0 12px 0; min-width:200px;}
.pages11{
	-webkit-border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	background:#FFC; 
	border:2px solid #FFDD66; 
	text-align:left; 
	padding:4px 10px; 
}
.third{ color:#FF3333; font-weight:bold}
.sub_head{margin: auto;
font-weight: bold;
color: #666;
background-color:#f8f8f8;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
font-size: 15px;
padding: 5px 14px;
line-height: 30px; margin-bottom:15px}
.b-summary span{ margin-right:20px;}
.page_title{ float:left}
.ad-button{ color:#ff5733 }
.selectedRow{ background: #A8D3FF !important}

.button3{
display:inline-block;
padding:5px 10px;
margin-left:5px;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
font-weight:300;
color:#FFFFFF;
background-color:#4eb5f1;
text-align:center;
transition: all 0.2s;
border:1px solid #4eb5f1;
border-radius:5px;
}
.button3:hover{
background-color:#4095c6;
}
.form-ctrl{ width:98%; padding:2px;}
@media all and (max-width:30em){
	.button3{
	display:block;
	margin:0.2em auto;
	}
}