#login .ui-panel {
    align-self: flex-start;
    flex: 0 0 640px;
    margin: 125px 25px 25px 25px;
}

#login .ui-panel>.ui-panel-content {
    display: flex;
    flex-flow: column nowrap;
}

#login .ui-panel>.ui-panel-content #formLogin {
    align-items: stretch;
    box-sizing: border-box;
    display: flex;
    flex-flow: column nowrap;
    padding-top: 5px;
}

#login .ui-panel>.ui-panel-content #formLogin #toggleLoginPass ~ #formLogin\:gridLogin {
    display: none;
}

#login .ui-panel>.ui-panel-content #formLogin #toggleLoginPass ~ #formLogin\:gridLoginToggle {
    display: block;
}

#login .ui-panel>.ui-panel-content #formLogin #toggleLoginPass:checked ~ #formLogin\:gridLogin {
    display: block;
}

#login .ui-panel>.ui-panel-content #formLogin #toggleLoginPass:checked ~ #formLogin\:gridLoginToggle {
    display: none;
}

#login .ui-panel>.ui-panel-content #formLogin #toggleLoginPass:checked ~ .message_support>#formLogin\:buttonUserPass {
    visibility: hidden;
}

#login .ui-panel>.ui-panel-content #formLogin\:gridLogin, #login .ui-panel>.ui-panel-content #formLogin\:gridLoginToggle
    {
    margin: 1rem 1.7rem;
}

#login .ui-panel>.ui-panel-content #formLogin\:gridLogin_content, #login .ui-panel>.ui-panel-content #formLogin\:gridLoginToggle_content
    {
    align-items: center;
}

#login .ui-panel>.ui-panel-content #formLogin\:gridLogin_content .ui-panelgrid-cell, #login .ui-panel>.ui-panel-content #formLogin\:gridLoginToggle_content .ui-panelgrid-cell
    {
    background: none;
    padding: .3rem .5rem;
}

#login .ui-panel input.ui-inputtext {
    background-color: #cccccc;
    border: 1px solid #b2b2b2;
}

#login .ui-panel input.ui-password {
    background-color: #cccccc;
    border: 1px solid #b3b3b3;
}

#login .ui-panel button.ui-button {
    width: auto;
}

#login .ui-panel .link_reset_password {
    color: #1742a3;
    display: inline-block;
    font-size: 14px;
    margin: 7px;
    text-decoration: none;
}

#login .ui-panel .link_reset_password:hover {
    text-decoration: underline;
}

#login .ui-panel .message_gdpr {
    border-top: 1px solid #e8e8e8;
    color: #191919;
    display: block;
    font-size: 12px;
    margin: 0 -15px 0 -15px;
    padding: 25px;
    text-align: justify;
}

#login .ui-panel .message_support {
    align-items: center;
    border-top: 1px solid #e8e8e8;
    display: flex;
    flex-flow: row;
    margin: 0 -15px 0 -15px;
    padding: 15px 25px 0 25px;
}

#login .ui-panel .message_support_text {
    color: #333;
    display: block;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
    padding: 10px;
    text-align: center;
}

#login .ui-button.ui-button-login {
    background: linear-gradient(#70bea9, #55a293);
    border-color: #62b09e;
    box-shadow: 0px 3px 7px 0px rgb(50 50 50/ 50%);
    letter-spacing: 1px;
    padding: 0px 10px;
    text-shadow: 1px 1px 0 rgb(79, 79, 79);
}

#login .ui-button.ui-button-login:hover {
    background: linear-gradient(#55a293, #70bea9);
    border-color: #62b09e;
}

#login .ui-button.ui-button-login.ui-button-text-icon-left .ui-button-text {
    padding: .4rem 1rem .4rem 2rem;
}

#login .ui-button.ui-button-login.ui-button-text-only .ui-button-text {
    padding: .4rem 1rem .4rem 1rem;
}

#login .ui-selectbooleancheckbox.-relogin .ui-chkbox-box {
    height: 1.2rem;
    width: 1.2rem;
}

#login .ui-selectbooleancheckbox.-relogin .ui-chkbox-icon.ui-icon-check {
    font-size: .7rem;
    font-weight: bold;
    margin-left: -.35rem;
    margin-top: -.35rem;
}

#login .ui-selectbooleancheckbox.-relogin .ui-chkbox-label {
    font-size: .9rem;
}