body {margin: 0; background-color: #090911; width: 100%; font-family: arial;}
p {margin: 0;}
.login-center {min-height: 433px; width: 408px;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);background-color: #ffffff;border-radius: 20px;border: 0;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.login-center .form-header { margin-bottom: 20px; text-align: center;border-radius: 5px 5px 0 0;}
.login-center .form-header img {height: 60px; margin-top:50px; }
.form-main {padding: 50px 50px; }
.form-field * {width: 100%;display: block;margin: 0;}
.form-field label{color: #727273;margin: 0 0 12px;    font-size: 14px;}
.form-field .control-field {width: 100%;padding: 7px 10px;margin: 0;display: inline-block;border: 0px solid #ffffff; border-bottom: 1px solid #254186; background-color: #ffffff; box-sizing: border-box; height: 38px; font-family: Montserrat; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0.25px; color: #254186;}
.form_horizontal button {font-family: Montserrat;font-size: 13px; font-weight: 700;letter-spacing: 0.25px;color: #FFFFFF;background: #254186;text-decoration: none;border-radius: 30px;margin-bottom: 40px;height: 50px;border: none;cursor: pointer; width: 308px;
}
.forgot-pwd,.back-msg { color: #98989D; font-family: Montserrat; font-size: 12px; font-weight: 400; letter-spacing: 0.25px; text-align: center; display: block; text-decoration: none; }
.form-field .control-field:focus { border-color: #254186; outline: none; box-shadow: none; }
.form_horizontal .form-field {margin: 0 0 32px;width: 100%;float: left;}
.form-field span.username { color: #254186; font-family: Montserrat; font-size: 16px; font-weight: 400; line-height: 24px; float: left; width: auto; }
.form-field .nicht-sie { color: #254186; font-family: Montserrat; font-size: 12px; font-weight: 400; letter-spacing: 0.25px; float: right; width: auto;text-decoration: none; }
.form-field .control-field.no-input { border-color: #DA1A1E; }
.loader-main { min-height: 275px; text-align: center; position: relative; }
.lds-ring { display: inline-block; position: absolute; width: 64px; height: 64px; top: 50%; transform: translate(-50%, -50%); left: 50%; }
.lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 60px; height: 60px; margin: 6px; border: 2px solid #00ABDD; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #00ABDD transparent transparent transparent; }
.lds-ring div:nth-child(1) { animation-delay: -0.45s; }
.lds-ring div:nth-child(2) { animation-delay: -0.3s; }
.lds-ring div:nth-child(3) { animation-delay: -0.15s; }
@keyframes lds-ring {0% {
    transform: rotate(0deg);}100% {    transform: rotate(360deg);}
}
.error-msg { background-color: #0091BC; text-align: center; color: #fff; line-height: 50px; margin: 0; font-size: 18px; margin-bottom: -20px; }
.form-header-bottom { margin: 50px; color: #254186; }
.form-header-bottom .text-bottom { font-family: Montserrat; font-size: 16px; font-weight: 400; line-height: 24px;   }
.form-header-bottom .text-top { font-size: 18px; }
.form-header-bottom .text-bottom p:last-child { padding: 0 0 25px; margin: 30px 0 0; }
.envelope-icon:before { content: ""; background-image: url(../images/email.png); position: absolute; height: 32px; width: 32px; z-index: 1; border-radius: 50%; background-size: 18px; background-repeat: no-repeat; background-position: center; left: 0; }
.envelope-icon { padding: 0 0 0 50px; position: relative; line-height: 30px; }
.onelogin-icon:before { content: ""; background-image: url(../images/onelogin.png); position: absolute; height: 64px; width: 64px; z-index: 1; background-repeat: no-repeat;  }
.onelogin-icon { margin-bottom: 20px; }
.onelogin-icon span { padding-left: 60px; line-height: 40px; }

@media (max-width: 400px){
    .login-center { max-width: 90%; }

    .form_horizontal button {
        width: 250px;
    }
}

@media (max-width: 350px){
    .form_horizontal button {
        width: 200px;
    }
}


#password-div { display: none; }
#password-btn { display: none; }
#username-div { display: none; }
#username-set-div { display: none; }
#forgot-password { display: none; }
#error-login { display: none; }
#header { display: none; }
#forgotpasswordform-email { display: none; }
#forgotpassword-div { display: none; }
#back { display: none; }
#forgot-success { display: none; }
#mfa { display: none; }
#current-password-div { display: none; }
#new-password-div { display: none; }
#password-expired-div { display: none; }
#cancel-btn { display: none; }

button { display: none; }