body {
    font-family: Arial, sans-serif !important;
    background-color: #fafafa;
}

span.label {
    white-space: normal;
}

.container {
    width: 100%;
    height: 100%;
    display: flex;
}

.welcome {
    color: #374649;
    font-size: 3em;
}

.MyLubPortal {
    color: #ec0100;
    font-size: 3em;
}

.lnkInternal {
    background-color: #fff;
    font-size: 1em;
    color: #ec0100;
    padding: 10px;
    width: 100%;
    display: block;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    border-radius: 50px !important;
    text-align: center;
    text-decoration: none;
}

    .lnkInternal:hover {
        text-decoration: none;
        color: #ec0100;
    }

.lnkExternal {
    background-color: #df0c36;
    font-size: 1em;
    color: #fff;
    padding: 10px;
    width: 100%;
    display: block;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    border-radius: 50px !important;
    text-align: center;
    text-decoration: none;
}

    .lnkExternal:hover {
        text-decoration: none;
        color: #fff;
    }

.login_part {
    width: 30%;
    height: 100%;
    display: flex;    
    align-items: center;
    display: block;
}

    .login_part:nth-child(even) {
        background-color: #fff;
    }

    .login_part:nth-child(odd) {
        background-color: #ccc;
    }


.bg_part {
    width: 70%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .bg_part:nth-child(even) {
        background-color: #fff;
    }    

.container {
    padding: 0px;
}

#recaptcha {    
    justify-content: center; /* horizontal */
    align-items: center;
}
.login-option {
    width: 100%;
    padding: 10px 5px 0 5px;
}

.login-option-button {
    width: 100%;
    height: 44px;
    border: 1px solid #EBEDEF;
    border-radius: 3px;
    cursor: pointer;
    color: #222222;
    background-color:#fff;
}

    .login-option-button:hover {
        background-color: #F8F8F9;
    }