body{background: #0f1117; overflow: hidden; font-family: poppins; height:100%;}

.trail{ position: absolute;z-index: 1;height: 600px; top:0;}

.login-form{background-color: #1a1d27;padding: 20px;position: relative;z-index: 1;margin-top: 20px; border-radius:13px !important; border: 1px solid #2d3147;}

.login-error{max-width:400px; border-radius: 8px; border: 1px solid rgba(222, 63, 68, 0.60); background: #1a1d27; box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.3); position: relative; top: 30px; display: none; z-index:10; color:#e0e0e0;}

.logo-login-form{margin-bottom: 15px;}

.login-form input {background: #252836;width: 100%;height: 18%;border: 1px solid #3d4166;margin: 0 0 15px;padding: 15px;box-sizing: border-box;font-size: 15px;border-radius: 10px; color: #e0e0e0;}

.login-form input::placeholder { color: #7a7f9a; }

.login-form .sub {text-transform: uppercase;background: #5a6acf;width: 100%;border: 0;padding: 15px;color: #FFFFFF;font-size: 14px;transition: all 0.3s ease;cursor: pointer;border-radius:5px;}

.login-form .sub:hover,.login-form .sub:active,.login-form .sub:focus {background: #3d4fa6;color: #fff;}

.fpass-link, .fpass-link a{font-size: 15px; text-decoration: none; color: #8a9fd8;}

.fpass-success{padding: 20px;position: relative;z-index: 1;}

.login-link, .login-link a{font-size: 15px; text-decoration: none; color: #8a9fd8;}

.alert-fpass{border-radius: 2px;padding: 10px 30px 10px 50px;background-color: #1c3a2a;border: 3px solid #2a6049;}

.note-message {font-size: 14px;display: table;vertical-align: middle;padding-left: 20px; color: #c0c0c0;}

.alert-title{color: #ff6b6b;font-size: 12px;font-weight: 600;}

.error-list{font-size: 11px; color: #ff8a8a;}

label { color: #c0c8e8; font-size: 14px; }

.text-muted { color: #7a7f9a !important; }

a { color: #8a9fd8; }
a:hover { color: #aabfff; }