*{ padding: 0px; }
body, html{height: 100%; margin: 0;height: auto; min-height: 100%;background:#eef2f5}
body{font-size:14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;; color:#333; line-height: normal}
a{outline: none; text-decoration:none;color:#428bca}
a:hover{text-decoration: underline;color:#428bca}
a img{ border: none; }
p {margin:0 0 10px 0}
h1, h2 {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;; font-weight:normal; color:#333}
h1 { font-size: 1.9em}
h2 { font-size: 1.6em; line-height:18px; margin-bottom:5px}
h3 { font-size: 1.1em; }
.clear {clear:both; display:block; width:100%}
.clearfix:after	{ content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clearfix{ height: 1%; }
*+html .clearfix{ height: 1%; }
sup {vertical-align: super}
strong {font-weight:bold}
em {font-style:italic}


/* web layout */
.wrap-all {width:100%; height:100%; position:absolute; display:table; left:0; top:0}
.wrap-vertia-c {display:table-cell; vertical-align:middle;}
.login-panel {margin:0 auto; width:400px; text-align:center; background:#fff; padding:40px; border-radius:5px;-webkit-box-shadow: 1px 1px 8px rgba(50, 50, 50, 0.1);-moz-box-shadow:1px 1px 8px rgba(50, 50, 50, 0.1);box-shadow:1px 1px 8px rgba(50, 50, 50, 0.1);}

.login-panel h1 {line-height:26px;text-transform: uppercase; margin:0 0 30px 0}
img.login-logo {width:auto; height:30px; margin:0 10px 30px 10px}
.login-panel button { width:100%}
a.forget-password {text-align:left; display:block; margin-top:10px;}

footer {position:fixed; bottom:0; left:0; width:100%; height:36px; background:#eef2f5; border-top:1px solid #ccc}
footer a {color:#333}
.footer-l,.footer-r {line-height:36px; font-size:0.8em; padding:0 3%}
.footer-l {float:left}
.footer-r {float:right}

/* mobile */
@media (max-width: 767px) {
.form2col {width: 98%;}
.login-panel {width: 94%; margin: 20px auto 60px auto;padding: 6%;}
.login-panel h1 {font-size: 1.6em; line-height: 24px;margin: 0 0 20px 0;}
img.login-logo {width: 40%;height: auto;margin: 0px 3% 30px 3%;}
.search-user { position:inherit;top:inherit;right:inherit;}
.adminbar-title {display: none;}
.form-group {margin-bottom: 5px;}
.add-user { width:100% !important;margin-bottom: 20px;}
.search-user {margin-bottom:20px;}
.search-user button {margin-left:0;}
.page-num {position: inherit;bottom: 0;right: 0;float:left; margin:10px 0; width:100%;}
.exportlinks {margin:10px 0; float:left; width:100%}
}