body{
    background-color:#fff
}
#auth{
    height:100vh;
    overflow-x:hidden
}
#auth #auth-right {
  /* background:linear-gradient(90deg,#2d499d,#3f5491); ***************/
  background-image: url(/assets/images/logoR.jpeg),
    linear-gradient(100deg, #2d499d, #3f5491);
  background-size: cover;
  height: 100%;
  height: 100vh;
}
#auth #auth-left{
    padding:3rem 5rem;
    height: 90%;
}
#auth #auth-left .auth-title{
    font-size:2rem;    
    margin-bottom: 0;
}
#auth #auth-left .auth-subtitle{
    color:#a8aebb;
    font-size:1.2rem;
    line-height:2.5rem
}
#auth #auth-left .auth-logo{
    margin-bottom:2rem;
    text-align: center;
    position: relative;
}
#auth #auth-left .auth-logo img{
    height: 100px;
    width: 270px;
}
#auth-left {
  margin: 2rem 3rem 3rem 3rem;
  border: #a8aebb solid 1px;
  border-radius: 30px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2),
    10px 6px 20px 10px rgba(0, 0, 0, 0.19);
}
@media screen and (max-width:767px){
    #auth #auth-left{
        padding:2rem
    }
}
@media screen and (max-width:576px){
    #auth #auth-left {
    padding: 5rem 2rem;
    margin: 0.5rem;
    height: 100%;
    border: none;
    box-shadow: none;
  }
}
body.theme-dark #auth-right{
    background:linear-gradient(90deg,#2d499d,#3f5491)
}