.login-box {
    max-width: var(--auth-max-width);
    margin: 0 auto;
}

.login-box .form-group {
    margin-top: 10px;
}

.login-box .form-group input {
    height: var(--form-input-height);
    font-size: var(--form-input-font-size);
    border: none;
    padding: 0 10px;
    border-radius: 5px;
}

.login-box .form-group input:focus {
    border: 2px solid var(--color-info);
    outline: none;
}

.login-box .form-group input[type='text'],
.login-box .form-group input[type='password'] {
    display: block;
    width: 100%;
    margin-top: 5px;
    background-color: var(--form-input-bg-color);
    color: var(--form-input-text-color);
}

.login-box .form-group input[type='submit'] {
    background-color: var(--form-input-bg-color);
    color: var(--form-input-text-color);
}

.login-box .form-group.submit {
    text-align: center;
}

.login-box .error {
    color: var(--color-error);
}