body{
    background-color: #530095;
}
 
.navbar-cont{
    height: 20%;
    width: 20%;
}
 
.images-class{
    border-radius: 0.25rem;
    max-width: 100%;
    height: 8vh;
}
 
 
.login-container{
    margin:0 auto;
    border:1px solid black;
    display: flex;
    justify-content: center;
    width: 30%;
    background-color: #fff;
    box-shadow: -35px 28px 12px black;
    min-height: 58vh;
 
   
}
 .forgotcontainer{height: 56vh !important;}
.login-header-text{
    color: #530095;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 31px;
 
   
}
 
.login-header-parent{
    width: 100%;
    display: flex;
    justify-content: flex-start;
}
 
.login-container-parent{
    width: 100%;
    height: 50vh;
}
 
.username-container{
    width: 90%;
}
 
.label-class{
    color: gray;
    font-size: 0.8rem;
    font-weight: bold;
}
 
.border-color-class{
    border-color: lightgrey !important;
}
 
.login-header-parents{
    display: flex;
    justify-content: center;
    width: 10%;
   
}
 
.login-header-containters{
    width: 100%;
}
 
.footer-class{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    color: white;
    text-align: center;
    height: 9%;
  }
 
  .common-text{
      font-size: 0.8rem;
      color: black;
      font-family:Arial, Helvetica, sans-serif;
      line-height: 13px;

  }
  .email-text-container-footer{margin-top: 8px;}
 
 
.forget-text{
    font-size: 1rem;
}
 
.reset-text{
    font-size: 1rem;
    text-decoration: underline;
}
.forgot-label{text-align: right;}
.forgot-label a{color: #ff0000;}