.body_login{
  background-color:#fff;
}
#login_block{
  padding-top:20px;
  padding-bottom:20px;
  background-color:#fff;
  box-shadow:0 0 20px 0 rgba(0,0,0,0.3);
  border-radius: var(--bs-border-radius);
}

.mini_title_button{
  font-size:12px;
}

#login_stripe{
  background-color: var(--main_color);
  background-image: var(--main_color_gradient);
  padding-top:50px;
  padding-bottom:50px;
  margin-top:20px;

  h1{
    font-size:26px;
    font-weight:bold;
    color:var(--main_color);
    padding-bottom:5px;
  }

  h2{
    font-size:20px;
    color:var(--secondary_color);
    font-weight:bold;
  }

  label{
    font-weight:bold;
  }
}

#login_header{
  img{
    max-height: 125px;
  }
}

#login_error{
  margin:10px 0;
  padding:5px 10px;

  ul{
    margin:0;
  }
}

#login_password_request{
  margin-bottom:10px;

  a{
    color:var(--primary);
    font-size:12px;
  }
}

#powered {
  margin-top: 15px;

  span {
    font-weight: bold;
  }

  img {
    height: 35px;
  }
}

#password{
  width:85%;
  display:inline-block;
}

.toggler_password_view{
  width:13%;
  display:inline-block;
  text-align:center;
  background-color:var(--secondary_color);
  border:none;
  height:38px;
  line-height:38px;
  color:#fff;
  border-radius: var(--bs-border-radius);

  &:hover,
  &:focus{
    background-color:var(--main_color);
    color:#fff;
  }
}