:root{
  --hako-main-color: #cb2821;
  --hako-main-hover-color: #bb221c;
}

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

a { color: #cb2821; }

.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(--hako-main-color); border-color: var(--hako-main-color); }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus-visible { background-color: var(--hako-main-hover-color) !important; border-color: var(--hako-main-hover-color) !important; }

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

.form-control:focus { border-color: #cb2821; box-shadow: 0 0 0 .25rem rgba(203,040,033,.25); }