.loginInfoText { border: 1px dashed var(--gray); padding: 10px; border-radius: 10px; }
.loginInfoText p:last-child {margin: 0;}

.login-page .input-row { clear: both; }
.login-page .input-field { width: 50%; float: left; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .login-page .input-field .label { display: block; }
    .login-page .input-field select,
    .login-page .input-field input { display: block; width: 100%; padding: 10px; margin: 0; line-height: 20px; height: 40px; border: 1px solid #bbb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
        .login-page .input-field input.error { background-color: #fff3f3; border-color: #ffbaba; }
    .login-page .input-field select { background-image: url("/gfx/arrow-down-16.png"); background-position: right 10px center; background-repeat: no-repeat; }
.login-page .adress-container { width: 50%; float: left; }

.error span { color: #ff0000; font-size:16px;}

.login-form { width: 350px; background-color: #fff; margin: auto; padding: 30px 40px 40px; color: #000; border-radius:10px; }
    .login-form input.user-field { font-size: 16px; text-indent: 10px; display: block; padding: 5px 0; width: 100%; height: 30px; line-height: 30px; background-color: #fff; border: 1px solid #ddd; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; }
    .login-form .title { text-align: center; font-size: 44px; }
    .login-form .label { font-size: 16px; margin: 15px 0 5px; }
    .login-form .fortgot-password-link { float: right; text-decoration: none; color: var(--gray); }
    .login-form .remember-me { margin: 10px 0; display: block; }
    .login-form .button,
    .bankIdLink { margin: 15px 0; padding: 15px 0; height:57px; box-sizing:border-box; text-align: center; color: #fff; background-color: var(--gray); font-weight: 700; display: flex; justify-content:center; align-items:center; text-decoration: none; font-size: 18px; border-radius:100px;}
        .login-form .button:hover, .bankIdLink:hover { text-decoration: none; opacity: 0.9; }
        .loginDivider { border-top: 1px solid #ddd; text-align: center; margin: 20px 0 0 0; }
.loginDivider span {background:#fff; padding: 5px 10px; position:relative; bottom: 10px;}

.login-info-container { clear: both; width: 50%; overflow: hidden; }

.singup-button-wrapper { clear: both; width: 50%; }
.apply-for-membership-button { margin: 15px 0; padding: 15px 0; text-align: center; color: #fff; background-color: #008ad8; font-weight: 700; display: block; text-transform: uppercase; text-decoration: none; font-size: 18px; }