/* General */
/* ======= */

div.fwLogin,
div.quickLogin
{
    width: 307px;
}


/* Login & Change password */
/* ======================= */

div.fwLogin,
div.change_pwd_form
{
    border-width: 1px;
    border-style: solid;
}


div.fwLogin.empty
{
    border: 0;
}


div.fwLogin div.AspNet-Login div.AspNet-Login-TitlePanel,
div.change_pwd_form span.login_msg_title
{
    padding: 7px;
    text-align: center;
    margin-bottom: 30px;
}


div.fwLogin div.AspNet-Login div.AspNet-Login-TitlePanel span,
div.fwLogin div.AspNet-Login div.AspNet-Login-SubmitPanel input,
div.change_pwd_form span.login_msg_title,
div.change_pwd_form div.submit_row input
{
    color: White;
}


div.fwLogin div.AspNet-Login div.AspNet-Login-TitlePanel span,
div.change_pwd_form span.login_msg_title
{
    font-size: 14px;
    font-weight: bold;
}


div.fwLogin div.AspNet-Login div.AspNet-Login-UserPanel,
div.fwLogin div.AspNet-Login div.AspNet-Login-PasswordPanel,
div.fwLogin div.AspNet-Login div.AspNet-Login-SubmitPanel,
div.fwLogin div.pnlForgot,
div.change_pwd_form div.row
{
    margin-top: 0;
    margin-right: 30px;
    margin-left: 30px;
}

div.fwLogin div.AspNet-Login div.AspNet-Login-UserPanel,
div.fwLogin div.AspNet-Login div.AspNet-Login-PasswordPanel,
div.change_pwd_form div.row
{
    margin-bottom: 10px;
}

div.fwLogin div.AspNet-Login div.AspNet-Login-SubmitPanel
{
    margin-bottom: 3px;
}


div.change_pwd_form div.rowConfirmPassword
{
    margin-bottom: 45px;
}


div.change_pwd_form div.submit_row
{
    margin-bottom: 30px;
}


div.fwLogin div.AspNet-Login div.AspNet-Login-UserPanel input,
div.fwLogin div.AspNet-Login div.AspNet-Login-PasswordPanel input,
div.fwLogin div.AspNet-Login div.AspNet-Login-SubmitPanel input,
div.change_pwd_form div.row input,
div.pnlMfa input
{
    /* Zelfde waarde als bij gewone textbox */
    padding: 2px;
    border-width: 1px;
    border-style: ridge;
}


div.fwLogin div.AspNet-Login div.AspNet-Login-UserPanel input,
div.fwLogin div.AspNet-Login div.AspNet-Login-PasswordPanel input,
div.change_pwd_form div.rowCurrentPassword input,
div.change_pwd_form div.rowNewPassword input,
div.change_pwd_form div.rowConfirmPassword input
{
    /* Zelfde waarde als bij gewone textbox */
    margin-left: 80px;
    height: 17px;
    
    width: 154px;
    margin-right: 2px;
}


div.fwLogin div.AspNet-Login div.AspNet-Login-SubmitPanel input,
div.change_pwd_form div.submit_row input
{
    height: 23px;
    width: 80px;
}

/* CSS Friendly adapter maakt van het eerste karakter een 'em' met style 'italic'. Dit corrigeren we terug, normaal gedrag. */
div.fwLogin div.AspNet-Login div.AspNet-Login-UserPanel em,
div.fwLogin div.AspNet-Login div.AspNet-Login-PasswordPanel em
{
    font-style: normal;
}


/* Login */
/* ===== */

div.fwLogin 
{
    padding-bottom: 20px;
}


div.fwLogin div.AspNet-Login br
{
    /* Er wordt een </ br> gerenderd in de login control. Die willen we niet zien. */
    display: none;
}


div.fwLogin div.AspNet-Login div.AspNet-Login-UserPanel,
div.fwLogin div.AspNet-Login div.AspNet-Login-PasswordPanel,
div.fwLogin div.AspNet-Login div.AspNet-Login-SubmitPanel
{
    width: 247px;
}


div.fwLogin div.AspNet-Login div.AspNet-Login-UserPanel span,
div.fwLogin div.AspNet-Login div.AspNet-Login-PasswordPanel span
{
    position: absolute;
}


div.fwLogin div.AspNet-Login div.AspNet-Login-SubmitPanel
{
    text-align: right;
}

div.fwLogin div.AspNet-Login div.AspNet-Login-SubmitPanel input
{
    margin-right: 7px;
}


/* Change password */
/* =============== */

div.change_pwd_form
{
    width: 380px;
    margin: 0 auto;
    margin-top: 112px;
}

div.change_pwd_form span.login_msg_title
{
    display: block;
}

div.change_pwd_form div.row label
{
    width: 164px;
}

div.change_pwd_form div.row input.password
{
    margin-left: 167px;
}

div.change_pwd_form div.submit_row input.btn_cancel_pwd
{
    float: right;
}


/* Login links */
/* =========== */

div.quickLogin
{
    position: relative;
}

div.quickLogin a
{
    margin: 0 5px;
    line-height: 30px;
    float: left;
}

/* Link paswoord vergeten */
/* ====================== */

div.pnlForgot
{
    text-align: right;
    padding-right: 7px; /* Zelfde waarde als margin-right van de login knop */
}


/* Checkbox : Mobiele versie v/d site */
/* ================================== */

div.pnlMobiel 
{
    text-align: right;
    margin-right: 162px;
    padding-bottom: 5px;
    margin-top: 6px;
}

div.pnlMobiel label
{
    color: #000000;
    padding: 0;
    margin-left: 10px;
    width: fit-content; 
}

/* Alt. loginmethodes */
/* ================== */

/* Microsoft Azure AD */

body .login .btn_alt_az 
{
    background: url(../../Framework/Images/MicrosoftAzureAD.jpg) no-repeat left top !important;
    display: block;
    width: 260px !important;
    display: block;
    height: 37px !important;
    padding-left: 42px !important;
    text-decoration: none;
}

/* IE7 fix */
*+html div.pnlMobiel label
{
    margin-top: 3px;
}