html { background:#000 url(/login/css/background.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } 
 
.login-dark form { max-width:320px; width:90%; background-color:#0A0A0A; opacity: 0.85; padding:40px; border-radius:4px; transform:translate(-50%, -50%); position:absolute; top:50%; left:50%; color:#fff; box-shadow:3px 3px 4px rgba(0,0,0,0.2); } 

.login-dark .illustration { text-align:center; padding:15px 0 20px; font-size:100px; color:#2980ef; } 

.login-dark form .form-control { background:none; border:none; border-bottom:1px solid #434a52; border-radius:0; box-shadow:none; outline:none; color:inherit; text-align:center; } 

.login-dark form .btn-primary { background:#214a80; border:none; border-radius:4px; padding:11px; box-shadow:none; margin-top:26px; text-shadow:none; outline:none; } 

.login-dark form .btn-primary:hover, .login-dark form .btn-primary:active { background:#214a80; outline:none; } 

.login-dark form .forgot { display:block; text-align:center; font-size:12px; color:#6f7a85; opacity:0.9; text-decoration:none; cursor: pointer; } 

a { color:darkred; font-weight: 700; } 
a:hover { text-decoration: none; color:red; font-weight: 700; } 

.login-dark form .forgot:hover, .login-dark form .forgot:active { opacity:1; text-decoration:none; } 

.login-dark form .btn-primary:active { transform:translateY(1px); } 

.modal { opacity:0.7; background-color: #000000; color: #ffffff; height: 500px; right: 100px; max-width:700px; width:90%; transform:translate(-50%, -50%); position:absolute; top:50%; left:50%; } 

.modal-header { border-bottom: 0px; } 

.modal-body { max-height: 420px; max-width: 800px; overflow-y: scroll; color: #ffffff; -ms-overflow-style: none; } 

.modal-body::-webkit-scrollbar { display: none; } 

.modal-body pre { color: #ffffff; }