/* LoginPage Stylesheet */ 

header
{
    margin-bottom: 20px;
}

.loginPageFunctionNotice
{
    font-size: x-large;
    font-weight: bold;
    width: 100%;
    margin: 20px auto;
    text-align: center;
}

.requiredLoginInfosNotice
{
    font-weight: bold;
    width: 100%;
    margin: 0px auto 20px auto;
    text-align: center;
}

.userContactFieldContainer, .passwordFieldContainer
{
    width: 30%;
    position: relative;
} 

.userContactFieldContainer
{
    margin: 20px auto 10px auto;
} 

.passwordFieldContainer
{
    margin: 10px auto 20px auto;
}

.passwordFieldContainer + .warning
{
    margin-bottom: 20px;
}

form input
{
    display: inline-block;
    width: 100%;
    padding: 10px;
    border-radius: 7px;
    border: none;
    outline: 1px solid grey;
    margin: 10px auto;
}

form input:focus
{
    outline: 2px black solid;
}

form label 
{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: -1;
    background-color: white;
    padding: 0 5px;
    transition: 0.2s ease-in-out;
    pointer-events: none;
}

form input:focus + label/*, form input:not(:placeholder-shown):valid + label*/
{
    z-index: 1;
    top: -1px;
}

form button 
{
    background-color: #008000;
    display: flex;
    align-items: center;
    color: white;
    padding: 5px 15px;
    border: 3px solid #90ee90;
    border-radius: 7px;
    margin: 10px auto;
    cursor: pointer;
}

.formButtonIconContainer
{
    display: inline-block;
    margin-right: 7px;
}

.accountRecoveryButton 
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 20px auto;
}

.accountRecoveryButton a 
{
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 7px 5px;
    background-color: #000000;
    color: white;
    border: 3px solid #808080;
    border-radius: 7px;
    /*width: 30%;
    justify-content: center;*/
}

.recoveryButtonIconContainer
{
    width: 25px;
    height: 25px;
    margin-right: 7px;
}

.recoveryButtonText
{
    text-align: center;
}

footer
{
    margin-top: 20px;
}

.signupInvitationLinkContainer, .accountRecoveryInvitationLinkContainer,.riskDeclaration
{
    margin-top: 15px;
}

.signupInvitationLink, .accountRecoveryInvitationLink
{
    color: #0000ff;
}

.emailRetypingInvitation, .phonenumberSanitisationInvitation
{
    text-decoration: underline;
    cursor: pointer;
    color: #0000ff;
}

.autoLogoutNote .mediumIconContainer
{
    display: inline;
    float: left;
    margin-right: 7px;
}

.autoLogoutNoteContainer
{
    width: 30%;
    border-radius: 7px;
    background-color: #ffffff;
    padding: 30px 20px;
    text-align: justify;
}

.autoLogoutNoteContainer p 
{
    margin-bottom: 20px;
}

.autoLogoutNoteContainer a
{
    display: block;
    background-color: #008000;
    border: 3px solid #90ee90;
    border-radius: 7px;
    padding: 10px 15px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
}

.autoLogoutNote .mediumIconContainer img
{
    border-radius: 100%;
}

/*
.bodyNormalDisposition
{
    display: block;
    height: auto;
    box-sizing: border-box;
}*/










.signupProcessLaunchingWarning
{
    background-color: rgba(0, 0, 0, 0.7);
}

.signupProcessLaunchingWarning .warningNoteContainer
{
    width: 30%;
    background-color: #000000;
    padding: 20px;
    border: #ffbf00 2px solid;
    border-radius: 10px;
    text-align: center;
    color: #ffffff;
}

.signupProcessLaunchingWarning p 
{
    margin-bottom: 20px;
}

.signupProcessLaunchingWarning a 
{
    color: #4FC3F7;
}

.signupProcessLaunchingWarning .outerWarningTitle
{
    color: #ffbf00;
    text-align: center;
    font-size: x-large;
    margin: 10px 0 30px 0;
}

.userActionsContainer
{
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 10px 0;
}

.userActionsContainer button
{
    display: inline-block;
    border-radius: 7px;
}

.userActionsContainer button a 
{
    display: inline-block;
    padding: 7px 20px;
    text-decoration: none;
    text-align: center;
    color: #000000;
}

.signupProcessResignationButton
{
    background-color: #ffffff;
    border: #ffffff solid 3px;
}

.signupProcessConfirmationButton
{
    background-color: #90ee90;
    border: #90ee90 solid 3px;
}