.hbLoginSection .success-message {
	border-radius: 5px;
	background-color: white;
	padding: 10px;
	color: black;	
}

.hbLoginSection .success-message a {
	color: green;	
}

.hbLoginSection .success-message a:hover {
	color: red;	
}

.hbLoginSection password-visible {
    position: relative;
}

.hbLoginSection password-visible .password-visible-buttons {
    position: absolute;
    top: 0;
    right: 0;
    height: calc(1.5em + 0.75rem + 2px);
    margin-right: 1rem;
    display: flex;
    align-items: center;
}

.alert-icon i {
	font-size: 2rem;
}

.restore-pwd {
	float: right;
}

.restore-pwd a {
	color: #fff;
}

.restore-pwd:hover a {
	color: #ffffff78;
}

.hbLoginSection {
	padding: 7em 0;
}

.hbLoginSection label.is-invalid {
  background-color: #db3b21;
  border-color: #db3b21;
  color: #fff;
	  align-items: center;
  display: flex;
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  border-radius: 5px;
  margin-bottom: 1rem;
  padding: 0.25rem .5rem;
  position: relative;
  margin-top: 1rem;
}

.hbLoginSection input {
  background-color: rgba(255, 255, 255, 0.2);
  transition: background-color 0.3s ease;
  color: white;
}

.hbLoginSection input:hover {
  background-color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  color: white;  
}

.hbLoginSection input:focus {
  background-color: rgba(255, 255, 255, 0.5);
   color: white;   
}

.hbLoginSection .card-transparent,
.hbLoginSection .card-transparent .card-header,
.hbLoginSection .card-transparent .card-footer {
  background-color: rgba(255, 255, 255, 0.0);
}

.hbLoginSection .card {
	box-shadow: none;
}

.hbLoginSection .card-header {
  border-bottom: none;
}

.hbLoginSection .card-footer {
  background-color: #fff;
  border-top: 1px solid rgba(255, 255, 255);
  padding: .75rem 1.25rem;
}

.hbLoginSection .btn-register {
/* background-color: #1abb9c73; */
	background-color: #ffffff4f;
	border-color: white;
}

.hbLoginSection .btn-register:hover {
	background-color: #ffffff8c;
	border-color: white;
}

html {
  overflow-y: scroll; /* всегда вертикальный скролл */
}

body {
    background-image: url('../img/books.LoginForm.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    min-height: 100vh;
}

body::after {
    content: '';
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, .3);
    opacity: .5;
    z-index: -1;
    pointer-events: none;
}