/*****************login******************/
.login-bg{background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;color:#FFF;font-size:48px;;background-image:url("../../agent/images/background.jpg");}
.login-bg .login-box {display:block; margin: 0 auto; height: 311px; width: 494px; background:#fff;border-radius: 10px;}
.login-bg .login-title { height: 41px; text-align: left; font-weight: bold; font-size: 16px; color: #FFF; line-height: 24px; padding:8px 20px 0 20px;background: #2f6ea5;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.login-bg .login-content {  position: relative; padding:36px 36px 0 190px; }
.login-bg .login-lock { position: absolute; left: 25px; top: 45px;}
.login-bg .login-lock img { display: block; margin: -30px auto; width: 170px; }
.login-bg .login-row { margin-bottom: 10px; font-size: 0;}
.login-bg .login-name { text-align: right; font-size: 13px; color: #333; display: inline-block; width: 90px; line-height: 24px; vertical-align: middle; margin-right: 5px;}
.login-bg .form-control { display: inline-block; width: 160px; border: 1px solid #707070; font-size: 13px; color: #333; height: 24px; padding: 0 5px; vertical-align: middle;border-radius: 10px;}
.login-bg .validation-row .form-control { width: 80px; }
.login-bg .login-validation, .login-bg .login-refresh {height: 24px; display: inline-block; cursor: pointer; vertical-align: middle;}
.login-bg .login-validation img, .login-bg .login-refresh img { display: block; margin: 0 auto; height: 100%;}
.login-bg .login-validation { width: 48px; margin: 0 5px;}
.login-bg .login-refresh { width: 24px; }
.login-bg .login-refresh:hover { opacity: .8;}
.login-bg .login-btn { display: inline-block; height:28px;width:160px;border-width:0px;border-radius: 10px;background: #2f6ea5;font-size: 14px;color: white;text-transform: uppercase;}
.login-bg .login-btn:hover { opacity: .9;}