* html body *{overflow:visible;}
* html div{height:1em;}
html{overflow:-moz-scrollbars-vertical;}
html{color:#404040;font-family:Verdana, "Trebuchet MS ",Arial,Helvetica,sans-serif;font-size:100.1%;font-weight:normal;overflow-x:auto;overflow-y:scroll;}
body{background-color:#464849;background-repeat:repeat-x;}
body{margin:0 auto;padding:0px;background:#a8bccb;text-align:left;font-size:0.8em;}
.block-outer{padding:3px 3px 0;border:1px solid #DEE5F8;border-radius:5px;margin-bottom:25px;box-shadow:1px 1px 5px #666;font-size:100%;}
.parallax{
/* The image used */
background-image:url("../title_images/EN_templateSystem.jpg ");
/* Set a specific height */
height:500px;
/* Create the parallax scrolling effect */
background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;}
.w3-bold{font-weight:bold;}
.w3-wrap{width:50%;padding-top:4.525em;min-width:20.225em;}
form{border:0px solid #f1f1f1;}
input[type=text],input[type=password]{width:100%;padding:8px 10px;margin:8px 0;display:inline-block;border-bottom:1px solid #ccc;box-sizing:border-box;}
button{background-color:#4CAF50;color:white;padding:14px 20px;margin:8px 0;border:none;cursor:pointer;width:100%;}
.cancelbtn{width:auto;padding:10px 18px;background-color:#f44336;}
.imgcontainer{text-align:center;margin:1.25em 0 12px 0;}
img.avatar{width:20%;border-radius:50%;}
.container{padding:1.025em;}
span.psw{float:right;padding-top:1.025em;}
/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width:300px){span.psw{display:block;float:none;}
.w3-wrap{width:100%;padding:0em}
.cancelbtn{width:100%;}
}
img { max-width: 100% }
/**/
.jsPanel.jsPanel-loginfooter .jsPanel-ftr,
.jsPanel.jsPanel-loginfooter .jsPanel-ftr.active {background-color:#377496 !important;}
.jsPanel-headerbar img {width: 300px; max-height: 65px!important; position: absolute; margin-top: -85px;}