.page-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--primary);
}

#login-panel {
    border: solid 1px var(--border-color);
    background: #fff;
    padding: 20px 30px;
    width: 100vw;
    max-width: 380px;
    border-radius: 5px;
    box-shadow: 0 0 8px rgba(0,0,0,.3);
}

.login-header {
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.logo {
    height: 52px;
    width: 52px;
    margin-right: 15px;
}

.logo-slogan {
    font-size: 17px;
    color: var(--primary);
    ;
}

#saveLoginData label {
    width:auto;
    padding:10px 0;
}

#new-password {
    text-align: center;
    padding: 15px 0 5px 0;
}

.form-row {
    padding: 5px 0;
    margin-bottom: 5px;
    line-height:24px;
    align-items: center;
}


.caps label {
    display: block;
    text-transform: uppercase;
    font-size: .92rem;
    margin-bottom: 2px;
    letter-spacing:1px;
}

input[type=text],
input[type=password] {
    line-height:30px !important;
}

.login-content {
    margin-top: 20px;
}