/* body */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

body {font-family: 'Urbanist', Helvetica, sans-serif; font-weight: 400;} 

/* agent-login-box */
#agent {background-color: #000066; padding: 20px;}
.agent-login-box {position:relative; max-width: 500px; min-height: 200px; margin: 85px auto; border: 1px solid #ccc; background: #fff; 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: 60px; margin: 25px 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-radius: 0 !important; box-shadow: none; outline: none; border-bottom: 1px solid #666666 !important; width: 100%; padding-bottom: 10px; margin-bottom: 30px; }
.agent-login-box input:focus {box-shadow: none; outline: none;}
.agent-login-box .btn {background: #660066; width: 190px; color: #fff; border-radius: 4px; transition: 0.4s all; 
box-shadow: 0 2px 2px rgba(0,0,0,.05), inset 0 -2px 0 rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.3);}
.agent-login-box .btn:hover, .agent-login-box .btn:focus {background: #660066;}
.agent-login-box .toggle-password {position: absolute; top: 5px; right: 25px; cursor: pointer; color: #212121;}
.agent-login-box .toggle-password:hover {color: #111111;}



.agent-register-box {max-width: 650px; min-height: 200px; margin: 85px auto; border: 1px solid #ccc; background: #fff; padding: 40px; box-shadow: 0px 2px 4px 1px #234;}
.agent-register-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-register-box .logo-box img {display: block; height: 60px; margin: 25px auto;}
.agent-register-box h2 {font-size: 24px; line-height: 28px; margin-bottom: 20px;}
.agent-register-box p {color: #e81123; font-size: 14px; line-height: 20px;}
.agent-register-box input, 
.agent-register-box select {border-radius: 0 !important; border: 1px solid #666666 !important; font-size: 13px; width: 100%; padding-bottom: 10px; padding-top: 10px; margin-bottom: 10px;}
.agent-register-box select {font-size: 12px; height: 39px; padding-bottom: 5px; padding-top: 5px; }
.agent-register-box label {font-size: 12px; font-weight:bold;}
.agent-register-box .btn {background: #660066; width: 190px; color: #fff; border-radius: 4px; transition: 0.4s all; 
box-shadow: 0 2px 2px rgba(0,0,0,.05), inset 0 -2px 0 rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.3);}
.agent-register-box .btn:hover, .agent-register-box .btn:focus {background: #660066;}

.epin-register-box {max-width: 800px; min-height: 200px;}
.epin-register-box label {font-size: 12px; font-weight:400;}
.epin-register-box select {border-radius: 0 !important; border: 1px solid #666666 !important; font-size: 13px; width: 100%; padding-bottom: 10px; padding-top: 10px; margin-bottom: 10px;}
.epin-register-box span {color: #fc1607; font-size: 9px;}
.epin-register-box .bg-title {background:#444; color:#fff; padding: 3px 6px; font-size: 13px; margin-bottom: 10px; font-weight: bold;}
.epin-register-box .btn-block {width: 100%;}


.agent-sidebar {background: #b2b2b2; min-height: 100vh; width: 260px;}

.footer {padding: 10px 0 0; margin-top: 20px; }
.footer p {color: #b2b2b2; font-size: 13px; text-align: center;}