html body .ucare-flex {
    display: flex;
}
html body .ucare-inline-flex {
    display: inline-flex;
}
html body .ucare-flex-col {
    display: flex;
    flex-direction: column;
}
html body .ucare-flex-row {
    display: flex;
    flex-direction: row;
}

html body .ucare-flex.vcenter,
html body .ucare-flex-row.vcenter,
html body .ucare-flex-col.vcenter,
html body .ucare-inline-flex.vcenter {
    display: flex;
    align-items: center;
}

html body .ucare-flex.hcenter,
html body .ucare-flex-row.hcenter,
html body .ucare-flex-col.hcenter,
html body .ucare-inline-flex.hcenter {
    display: flex;
    justify-content: center;
}

html body .text-right {
    text-align: right;
}
html body .text-left {
    text-align: left;
}
html body .text-center {
    text-align: center;
}

/*--- Login Notice ---*/
html body #ucare-login-notice {
    border: 1px solid #efefef;
    border-radius: 3px;
    border-left: 3px solid #ff0000;
    display: flex;
    margin-bottom: 15px;
}

html body #ucare-login-notice p {
    margin: 0;
}

html body #ucare-login-notice .inner {
    flex: 1;
    padding: 10px;
}

html body #ucare-login-notice .dismiss {
    width: 40px;
    padding: 12px;
    background: transparent;
    border: none;
}

html body #ucare-login-notice .dismiss:before {
    content: '\00D7';
    background: #555;
    width: 16px;
    height: 16px;
    padding: 1px;
    border-radius: 50%;
    color: #fff;
    display: block;
    line-height: 16px;
    font-size: 16px;
    cursor: pointer;
}

/*--- Login Screens --*/
html body #ucare-login {
    width: 100%;
    margin: 15px auto;
}

html body #ucare-login .button {
    min-width: 130px;
    height: 40px;
    font-size: 14px;
    line-height: 14px;
    margin: 0 5px;
}

html body #ucare-login form.form-group {
    margin: 0;
}

html body #ucare-login > * {
    box-sizing: border-box !important;
}

html body #ucare-login p {
    margin: 10px 0 !important;
}

html body #ucare-login .login-title {
    margin-top: 0;
}

html body #login-step-profile .login-submit {
    margin-top: 10px;
}

html body .tos-content {
    max-height: 400px;
    overflow-y: scroll;
}

html body #login-step-register p:last-of-type {
    margin-top: 15px !important;
}

/*--- Login Fields ---*/
html body #ucare-login input[type="text"],
html body #ucare-login input[type="email"],
html body #ucare-login input[type="password"] {
    width: 100%;
    height: 40px;
    padding: 5px 10px;
}

html body #login-email,
html body #login-password {
    margin-right: 10px;
}

html body .login-remember {
    margin: 10px 0 0 0 !important;
}

html body #login-rememberme {
    width: auto !important;
    margin: 0 10px 0 2px;
}

html body button.terms:first-of-type {
    margin-right: 10px;
}

html body button.terms {
    margin-top: 10px;
    flex: 1;
}
