@import url('loader.css');
@import url('../fonts/fonts.css');

body {
    font-family: 'db_helvethaica_xregular';
    font-size: 1.2rem;
}

.bx-respone { font-size: 1rem; color: #000; text-align: center; padding: 5px 0 15px 0; display: none;}
.note-success { color: #04987B;}
.note-danger { color: #CC0000;}

.left {float: left;}
.right {float: right;}
.clearfix {float: none;clear: both;}

/* -------------------------------------------- style */
.panel_banner { padding: 0; background-repeat: no-repeat; background-size: cover; }
.panel_login {  font-size: 1.2rem; color:#737373;
               display: -ms-flexbox;
               display: flex;
               -ms-flex-align: center;
               align-items: center;
               padding: 20px 0;
               height: 100vh;
               position: relative;
}

.login_content { width: 100%;  padding: 15px; margin:auto;  }
.login_content form input[type="text"], .login_content form input[type="email"], .login_content form input[type="password"] { background: #e6e6e6; color: #737373;  border: none; border-radius:8px; box-shadow:none; height: 57px; font-size: 1.2rem;}
.login_content form input[type="text"]:focus, .login_content form input[type="email"]:focus, .login_content form input[type="password"]:focus { background: #e6e6e6;  border: 1px solid #bd966a; }
.login_form { max-width: 420px;  margin:auto;}
.has-feedback { padding-left: 55px; padding-right: 40px;}
.form-control-feedback {
    position: absolute;
    top: 15px;
    height: 23px;
    color: #bbb;
    line-height: 24px;
}
.fbleft { left: 30px;}
.fbright { right: 25px; color: #a0a0a0; cursor: pointer;}
.help-block { right: 60px;}
.with-errors { color: #f00;}
.btn.disabled { cursor: not-allowed;}

.login_logo { margin: 0 auto; text-align: center;}

.btn-login { background: #f15b27; color: #fff; padding: 3px 55px; font-size: 1.5rem;}
.btn-login:hover { color: #f8a88c;}
.btn-login:active .btn-login:selected {color: #fff !important;}

.has-link a { color: #f15b27;font-size: 1.2rem;}
.has-link a:hover { text-decoration: none; color: #df3b02;}

.logo-brand li { padding:0.7rem 1rem; }

.footer { position: fixed; bottom: 10px; width: 50%; text-align: center; font-size: 1rem; color: #999999;}


/* -------------------------------------------- responsive media */
@media (max-width: 390px) {
    .footer { font-size: 0.8rem; }
}
@media (max-width: 579.9px) {
    .logo-brand { display: block;}
}
@media (max-width: 1200px) {
    .panel_banner{ display: none;}
    .footer{ width: 100%;}
}