body {background-color: #0d45a4; color: #FFF; font-family: 'Verdana';}

.loginform {width: 300px; margin-left: auto; margin-right: auto; background-color: #FFFFFF; color: #37474F; font-weight: bold; padding: 15px 20px; margin-top: 150px;}
.loginform label {font-size: 12px; display: block; margin-top: 10px; margin-bottom: 4px;}
.loginform input[type='text'], .loginform input[type='password'], .loginform input[type='email'] {padding: 5px; width: 280px; border: 1px solid #eaeaea;}
.loginform input[type='submit'] { width: 100%; border: 0px; padding: 8px 20px; margin-top: 10px; background-color: #37474F; color: #FFF; cursor: pointer;}
.loginform input[type='submit']:hover {background-color: rgb(63, 94, 109);}
.loginform .reset-password { font-size: 12px; text-decoration: none; color: #000000; }
.info { width: 300px; margin-left: auto; margin-right: auto; margin-top: 10px; font-size: 11px; }
.info a { text-decoration: none; color: white; }

.error {font-size: 12px; background-color: #fad2d2; text-align: center; padding: 5px;}
.succeed {font-size: 12px; background-color: #d2fad5; text-align: center; padding: 5px;}