html { height: 100%; }
body {display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding-top: 40px; padding-bottom: 40px; height: 100%; margin: 0; padding: 0; overflow: hidden;}
.box { display: block; padding: 50px; margin: 0px auto; background: rgba(0,0,0, .8); border: 1px solid #333; border-radius: 1em;}
.form-signin { width: 100%; max-width: 330px; padding: 15px; margin: auto;}
.form-signin .checkbox { font-weight: 400; text-align: justify;}
.form-signin .form-control { position: relative; box-sizing: border-box; height: auto; padding: 10px; font-size: 14px; margin-bottom: 20px;}
.form-signin .form-control:focus { z-index: 2;}
.form-signin input[type="email"] { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.form-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0;}
.logoimg { margin-bottom: 3rem !important; }
.btn { background: rgba(188, 45, 44, 1) !important; border: 1px solid #000 !important; animation-duration: 1s; }
.btn:hover { background: rgba(0,0,0, .9) !important; border: 1px solid rgba(188, 45, 44, 1) !important;  }
label { color: #fff }