:root{
  font-size: 14px;
  --main-color: #86ADAB;
  --main-hover-color: #96c3c1;
  --bs-btn-disabled-color: #86ADAB;
}

html, body { height: 100%; }
body { display: flex; align-items: center; padding-top: 40px; padding-bottom: 40px; background-color: #f5f5f5; }

/* LOGIN */
.form-signin { max-width: 400px; padding: 15px; }
.form-signin .form-floating:focus-within { z-index: 2; }
.form-signin input.inputFirst { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.form-signin input.inputLast { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; }

.form-signin .fa { font-size: 150px; }

.btn-primary { background-color: var(--main-color); border-color: var(--main-color); }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus-visible { background-color: var(--main-hover-color) !important; border-color: var(--main-hover-color) !important; }

.forgot-psw { text-decoration: none; } 


/* SIGNUP */
.signup-form > div { margin-bottom: 10px; }