body{
  background: url('../img/bg.jpg');
  background-size: cover;
}

body:not(.sidebar-mini-md) .main-footer{
  margin-left: 0px;
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background:transparent;
  border-top:transparent;
  color:#f5f5f5f0;
  user-select: none;
}

.login-container{
  margin-top: 5%;
  margin-bottom: 5%;
}
.login-logo{
  position: relative;
  margin-left: -41.5%;
}
.login-logo img{
  position: absolute;
  width: 20%;
  margin-top: 19%;
  background: #282726;
  border-radius: 4.5rem;
  padding: 5%;
}
.login-form{
  padding: 9%;
  background:#222d32;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
  margin: 0 auto;
  border-radius: 10px;
}
.login-form h3{
  text-align: center;
  margin-bottom:12%;
  color:#fff;
}
.btnSubmit{
  font-weight: 600;
  width: 50%;
  color: #282726;
  background-color: #fff;
  border: none;
  border-radius: 1.5rem;
  padding:2%;
}
.btnForgetPwd{
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
.btnForgetPwd:hover{
  text-decoration:none;
  color:#fff;
}

.dimiss{
  animation: dimiss 2s;
  opacity: 0;
}

@keyframes dimiss {
  0% {opacity: 1;}
  75% {opacity: 1;}
  100% {opacity: 0;}
}