/* body */
body {font-family: 'Lato', Helvetica, sans-serif; font-weight: 400;} 

/* agent-login-box */
#agent {background-color: #2f9967; padding: 20px;}
.agent-login-box {max-width: 450px; min-height: 200px; margin: 45px auto; border: 1px solid #ccc; background: #edf1f4; padding: 40px; box-shadow: 0px 2px 4px 1px #234;}
.agent-login-box .logo-box {width: 115px; height: 115px; text-align: center; border-radius: 50%; margin: -80px auto 20px; background: #fff; border: 1px solid #ccc; box-shadow: 2px 2px 4px 0px #919191;}
.agent-login-box .logo-box img {display: block; height: 100px; margin: 5px auto;}
.agent-login-box h2 {font-size: 24px; line-height: 28px; margin-bottom: 20px;}
.agent-login-box p {color: #e81123; font-size: 14px; line-height: 20px;}
.agent-login-box input {border: none; border-bottom: 1px solid #666666; background: #edf1f4; width: 100%; padding-bottom: 10px; margin-bottom: 30px;}
.agent-login-box input:focus {box-shadow: none; outline: none;}
.agent-login-box .btn {background: #00a65a; width: 190px; color: #fff; border-radius: 0; box-shadow: none;}
.agent-login-box .btn:hover, .agent-login-box .btn:focus {background: #093;}
.agent-sidebar {background: #181f2c; min-height: 100vh; width: 260px;}
.footer {padding: 10px 0 0; margin-top: 20px;}
.footer p {color: #fff; font-size: 13px; text-align: center;}