body {background: url('/module.php/emenhir/img/bg_login.png') no-repeat center bottom / 100%, linear-gradient(119deg, #FFFFFF 44%, #8BC9CB 100%); min-height: 100vh; font-family: 'Open Sans', sans-serif;}
#header, #footer {display: none;}
h2 {border-bottom: none; font-weight: 600;}
a {color: #73B3CA;}
a:hover {color: #73B3CA}
.btn,.btn:hover {background-image: none;letter-spacing: 0.75px;text-transform: uppercase;font-weight: 600}
.btn-primary {background-color: #8BC9CB; border-color:#8BC9CB;}
.btn-outline-primary {color: #8BC9CB; border-color:#8BC9CB; border-radius: 500px;  font-size: 12px;}
.btn-primary:hover {background-color: #73B3CA; border-color:#73B3CA;}
.btn-outline-primary:hover {background-color: #8BC9CB; border-color: #8BC9CB;}

.top-bar {padding-top: 20px;}
.top-bar .btn {margin-left: 15px;}
.login-page {min-height: calc(100vh - 120px);}
.intro-emenhir img {margin-bottom: 30px;}

.icon {position: relative; display: inline-block; vertical-align: super;}
.icon .arrow {width: 17px; height: 2px; background: #8BC9CB; border-radius: 2px; position:absolute;}
.icon .arrow:after {content: '';position: absolute;width: 60%;height: 2px;  top: -3px;  right: -4px;  background-color: #8BC9CB;  transform: rotate(45deg);border-radius: 15px;}
.arrow::before {content: '';position: absolute;width: 60%;height: 2px;  top: 3px;right: -4px;background-color: #8BC9CB;box-shadow: 0 3px 5px rgba(0, 0, 0, .2);transform: rotate(-45deg);border-radius: 15px;}

.login-form {background: #FFFFFF; box-shadow: 0 6px 20px 0 rgba(0,0,0,0.20); border-radius: 6px; padding: 40px; max-width: 380px; margin: 0 auto;}
.login-form .form-title {text-align:center; font-size: 22px; margin-bottom: 45px}
.login-form .alert {margin-bottom: 45px;margin-top:-15px}
.login-form .alert h2 {display: inline-block; font-size: 14px; text-transform: uppercase;}
.login-form .alert p {display:inline; font-size: 12px;}

.form-group {position: relative;margin-bottom: 45px;}
.login-form label {display: block;color: #8f8f8f; position: absolute;top: 0;left: 5px;  transition:0.2s ease all; -moz-transition:0.2s ease all;  -webkit-transition:0.2s ease all;}
.login-form input[type="password"], .login-form input[type="text"] {border: none; border-bottom: 1px solid #323534; border-radius: 0;}
.login-form input:focus, .login-form input:not([value=""]):valid { outline:none;border-bottom:2px solid #8BC9CB; box-shadow: none}
.login-form input:focus ~ label, .login-form input:not(:placeholder-shown) ~ label {top:-18px;font-size:14px;color:#333;}