body { overflow-x: hidden; background-color:#F1F2F6; background-image:unset !important; color:#444; font-size:14px;
    font-family:Verdana, arial, helvetica, clean, sans-serif; height:100%; }
.hidden { display:none; }

#login-body #logo-on-top { padding-top:100px; padding-bottom:0px; background-size:cover; }
#login-body #logo-on-top img { max-height:120px; max-width:280px; }
#login-body #logo-on-left { margin-top:calc(100% / 3 + 50px); text-align:center; }
#login-body #logo-on-left img { max-width:70%; }

#login-body .container {padding:0 !important; }
#login-body #main-right { overflow:visible; }
#login-body .main-col {padding:0 !important; overflow:hidden; }
#login-body .card { border-radius:15px; box-shadow:0 1px 20px rgba(0,0,0,.1); min-width:400px; max-width:500px; margin:0 auto; }
#login-body .card .card-body { padding-top:10px !important; }
#login-body input.form-control:focus { box-shadow: 0 0 0 0.15rem rgba(61, 142, 248, 0.25); }
#login-body .login-input { padding-left:35px }
#login-body .form-group { position: relative; }
#login-body .form-group i.icon { position: absolute; top:11px; left:12px; font-size:16px; color:#4394DE; }
#login-body .form-group i.fa-inbox { left:10px; }
#login-body .form-group i.fa-mobile-alt { left:14px; }
#login-body .col-form-label { padding-right:0; }

#login-body .alert { padding:8px 10px; }
#login-body .alert i.mdi { font-size:16px; line-height:16px; }
#login-body .alert .close { padding-right:10px; padding-top:10px; font-size:14px; }
#login-body .alert div { position:unset !important; width:unset !important; height:unset !important;
    margin:0 !important; display:inline-block !important; font-size:unset !important;  }

#login-body .nav-tabs-box { width:260px; margin:0 auto 1.5rem auto;  }
#login-body .nav-tabs { border-bottom:0; }
#login-body .nav-tabs .d-none { display:inline-block !important; }
#login-body .nav-tabs-custom .nav-item .nav-link.active { border:0; }
#login-body .nav-tabs-custom .nav-item .nav-link:hover { border-color:transparent; }
#login-body .nav-tabs-custom .nav-item .nav-link { background-color:transparent; font-size:16px; font-weight:bolder; }

#login-body h1 { color:#111; }
#login-body #toggleWord { position:absolute; top:12px; right:10px; }
#login-body #toggleWord:hover { color:#4394DE; }
#login-body .capsTips { position:absolute; top:11px; right:30px; }
#login-body #menuBtn { position:absolute; top:8px; right:13px; color:#444; }
#login-body #menuBtn:hover { color:#4394DE; }
#login-body #captchaImg { position:absolute; top:4px; right:4px; height:30px; }

/*选择公司的ztree树相关css*/
#login-body .ztree li span.button {display:inline-block !important;}
#login-body #corpTreeBox {display:none; position: absolute;height:300px;width:250px;overflow:scroll;z-index:101;
    background-color:#FFFFFF;;
    border:1px solid #e2e6e9; border-radius:4px;
    -webkit-box-shadow:0 2px 4px rgba(0,0,0,.08);
    box-shadow:0 2px 4px rgba(0,0,0,.08);
    animation-name:fadeInOut;
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    animation-fill-mode:both;
}

/*日期组件*/
#login-body .date-js {margin-top:0;
    background-color:#FFFFFF;;
    border:1px solid #e2e6e9; border-radius:4px;
    -webkit-box-shadow:0 2px 4px rgba(0,0,0,.08);
    box-shadow:0 2px 4px rgba(0,0,0,.08);
    animation-name:fadeInOut;
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    animation-fill-mode:both;
}
#login-body .date-js .bt {border-right:0;}
#login-body .date-js .show-month .month-day { height:24px; width:34px; }

#login-copyright { position: absolute; bottom:20px; width:100%; color:#888; }


#login-body.logo-left-layout .container { max-width:100% !important; }
#login-body.logo-left-layout .card { border:0; box-shadow:unset; background-color:transparent; }
#login-body.logo-left-layout .nav-tabs-box { margin-left:0; }
#login-body.logo-left-layout input.form-control,#login-body.logo-left-layout select.custom-select { border-color:#E8E8E9; }
#login-body.logo-left-layout #main-left {background-color:#0a8ca6;background-size:cover; }
#login-body.logo-left-layout #logo-on-top { display:none; }
#login-body.logo-left-layout h1 { margin-top:100px !important; }
#login-body.logo-left-layout .byeMsg { margin-top:calc(100% / 2) !important; }

@media (max-width:991px) {
    #login-body .row.justify-content-center .col-lg-5 { padding-top:20px !important; }
    #login-body #logo-on-top { padding-top:40px; }
    #login-body.logo-left-layout #main-left { display:none; }
    #login-body.logo-left-layout #logo-on-top { display:block;  margin-bottom:0; padding-top:20px; padding-bottom:20px; background-color: #0a8ca6; }
    #login-body.logo-left-layout #logo-on-top img { max-width:280px; max-height:120px; }
    #login-body.logo-left-layout h1 { display:none; }
    #login-body.logo-left-layout .nav-tabs-box { width:100%; }
    #login-body.logo-left-layout .byeMsg { margin-top:calc(100% / 2 - 50px) !important; }
    #login-body.logo-left-layout .card { min-width:100%; }
}