html, body {
    height: 100%;
}

.login-logo-img {
    height: 3rem;
}

.login-logo-img img {
    display: block;
    width: auto;
    height: 100%;
}

.login-card {
    height: 500px;
}

.login-title {
    font: 20px Nunito Semi Bold;
}

.dxichCellSys {
    padding: 0px 5px 0 0 !important; 
}

@keyframes AppearImage {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

#login-bg1 {
    background: url(../Content/Images/loginbg1.jpg);
    background-repeat: inherit;
    background-size: cover;
    background-position: center;
    height: 100%;
    border-radius: .25rem 0 0 .25rem;
    animation: 1s ease-out 0s 1 AppearImage;
}
#login-bg2 {
    background: url(../Content/Images/loginbg2.jpg);
    background-repeat: inherit;
    background-size: cover;
    background-position: center;
    height: 100%;
    border-radius: .25rem 0 0 .25rem;
    animation: 1s ease-out 0s 1 AppearImage;
}
#login-bg3 {
    background: url(../Content/Images/loginbg3.jpg);
    background-repeat: inherit;
    background-size: cover;
    background-position: center;
    height: 100%;
    border-radius: .25rem 0 0 .25rem;
    animation: 1s ease-out 0s 1 AppearImage;
}

.mySlides {display:none;}

.error-msg {
    font: 14px Nunito Light;
}




.reset-card {
    height: 300px;
}

.reset-title {
    font: 20px Nunito Semi Bold;
}

.reset-body {
    font: 14px Nunito Light;
}

.reset-logo {
    color: #1976d2;
}