
.signup-page{
  height: 100%;
}
.signup-left{
  background-image: url('/modules/users/client/img/login-bg.png'); 
   background-size: cover; 
  min-height: 100%;
}

.signin-left{
  min-height: 100%;
  font-size: 15px;
  text-align: justify;
}

.signin-left .welcome-container{
  margin-top:100px;
  color: #0077d3;
}

.firstlogin .signup-left{
  background-image: url('/modules/users/client/img/firstlogin-bg.png');
}

.signup-page .progress{
  width: 100%;
}

.signup-right{
  padding-top: 50px;
}
.ca-logo{
  margin: 0 auto;
  display: block;
}
.content .container{
  width: 100%;
}
.signup-page .footer{
  position: absolute;
  bottom: 30px;
  text-align: center;
  width: 100%;
}
.signup-page hr{
  width: 120px;
  float: left;
  border-top: 1px solid #BFBFBF;
  margin-top: 0px;
}
.welcome-container{
  margin-top:150px;
  margin-left: 40px;
}
.signup-page .signup-left h1{
  font-size: 45px;
  font-weight: bold;
  font-family: 'Oleo Script', cursive;
}
.signup-page .signup-right .login-header{
    margin-top: 40px;
    margin-bottom: 30px;
    font-weight: bold
}
.signup-infor{
  margin-top:30px;
}
.btn-add-remove-account {
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 10px;
}
.user-profile-picture {
  max-height: 150px;
  min-height: 150px;
}

@media (min-width: 992px) {
  .nav-users {
    position: fixed;
  }
}
@media only screen and (max-width: 768px) {
  .signup-page{
    height: auto;
  }
  .signup-left{
    height: 230px;
  }
  .welcome-container{
    margin-top: -20px;
    text-align: center;
    padding-top: 20px;
  }
  .signup-page hr{
    float:unset;
  }
  .form-group {
    padding-left: 0px;
  }
}