* {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.header{overflow:hidden;height:50px;background-color:#518ca3;position:relative;z-index:1000}
.header .logo{float:left;color:#fff;padding:10px 20px;font-size:20px;line-height:30px}
.header .logo a{color:#fff}
.login{position:absolute;right:0;left:0;top:50px;bottom:0}
.login .login-wrapper{display:table;width:300px;margin:0 auto;height:100%}
.login .login-wrapper .login-panel{display:table-cell;vertical-align:middle;height:100%}
.login-header{background:#32434d;text-align:center;color:#fff;border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;padding:12px;font-size:15px;line-height:18px}
.well{padding:15px;margin-bottom:0;background-color:#fcfcfc;border:1px solid #e5e5e5;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}
.login .well{border-top-left-radius:0;border-top-right-radius:0}
.login .input-wrap input{padding:8px 33px 8px 9px; outline:0;}
.icon { background-size: cover; background-position: 0 0; display: block; width: 16px; height: 16px; float: left;}
.login .input-wrap i{position:absolute;float:none;right:8px;top:0;bottom:0;margin:auto}
.x-login{background-image:url(../images/login.svg)}
.x-password{background-image:url(../images/password.svg)}
.login .form-group{margin-bottom:20px}
.login .form-group:after{content:"";display:block;clear:both}
.login .form-group > label{color:#333;font-weight:600;margin-bottom:4px;display:block;font-size:14px;line-height:18px}
.login .input-wrap{position:relative}
.login .input-wrap input,.input-wrap textarea{padding:8px 9px;color:#333;display:block;background-color:#fff;font-size:14px;line-height:16px;border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;width:100%;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
.login .input-wrap textarea{height:150px}
.text-center {text-align: center;}
.login .error_message {color:#fff; border:0;}


table.data td input[type="text"], table.data td select, table.data td textarea {height: 36px; border-radius: 4px; border: 1px solid #b7b5b5; line-height: 24px; padding: 6px 10px;}
 .stt {height: 32px; border-radius: 4px; border: 1px solid #b7b5b5; line-height: 24px; padding: 4px 10px; display: inline-block; vertical-align: top;}
.w-600 { width:600px}
.btn {border: 0; background-color: #000; font-weight: bold; color: #fff; padding: 4px 15px; font-size: 15px; line-height: 24px; cursor: pointer; border-radius: 3px; display: inline-block; vertical-align: top;}
.btn.btn-success {background-color: #28a745;}
.btn.btn-primary {background-color: #007bff;}
.btn.btn-warning {background-color: #e48561;}
.btn.btn-info {background-color: #17a2b8;}
.btn.btn-small {padding: 2px 12px; font-size:13px;}