html,body{height:100%}body.__login-page{overflow:auto;max-width:100%}body.__login-page .cs-login-workspace-container{display:flex;flex-direction:column;height:100%;margin:0px}body.__login-page .cs-login-workspace{display:flex;width:100%;justify-content:center;align-items:center;margin-top:auto;margin-bottom:auto}@media(min-width: 992px){body.__login-page .cs-login-workspace{width:75%}}@media(min-width: 1440px){body.__login-page .cs-login-workspace{width:60%}}@media(max-height: 532px){body.__login-page .cs-login-workspace{height:auto}}body.__login-page .cs-login-workspace .cs-login-container{display:flex;flex-direction:column;width:100%;margin:8px;box-shadow:0px 7px 8px -4px rgba(0,0,0,.2),0px 12px 17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12)}@media(-ms-high-contrast: none),(-ms-high-contrast: active){body.__login-page .cs-login-workspace .cs-login-container{display:block}}@media(-ms-high-contrast: none)and (min-width: 992px),(-ms-high-contrast: active)and (min-width: 992px){body.__login-page .cs-login-workspace .cs-login-container{display:flex;height:500px}}@media(min-width: 500px){body.__login-page .cs-login-workspace .cs-login-container{width:70%}}@media(min-width: 992px){body.__login-page .cs-login-workspace .cs-login-container{flex-direction:row;max-width:800px;max-height:calc(100vh - 32px);min-height:500px}}body.__login-page .cs-login-workspace .cs-login-container .cs-login-panel{display:flex;flex-direction:column;width:100%;padding:16px}@media(min-width: 992px){body.__login-page .cs-login-workspace .cs-login-container .cs-login-panel{width:50%;overflow:auto}}body.__login-page .cs-login-workspace .cs-login-container .cs-login-context{flex:0;background:var(--cs-color-white)}@media(min-width: 992px){body.__login-page .cs-login-workspace .cs-login-container .cs-login-context{flex:1}}body.__login-page .cs-login-workspace .cs-login-container .cs-login-context .cs-login-logo{display:flex;align-items:center;height:20%;width:100%;padding:8px}body.__login-page .cs-login-workspace .cs-login-container .cs-login-context .cs-login-logo .cs-sitelogo{display:flex;width:100%}body.__login-page .cs-login-workspace .cs-login-container .cs-login-context .cs-login-logo .cs-sitelogo a{display:block;width:100%}body.__login-page .cs-login-workspace .cs-login-container .cs-login-context .cs-login-logo .cs-sitelogo img{height:auto;max-width:75%;width:auto;max-height:64px}@media(max-width: 1439.98px){body.__login-page .cs-login-workspace .cs-login-container .cs-login-context .cs-login-logo .cs-sitelogo a{text-align:center}}body.__login-page .cs-login-workspace .cs-login-container .cs-login-context .cs-login-text,body.__login-page .cs-login-workspace .cs-login-container .cs-login-context>#loginText{display:flex;width:100%;height:80%;word-break:break-word}body.__login-page .cs-login-workspace .cs-login-container .cs-login-context .cs-login-text #loginText,body.__login-page .cs-login-workspace .cs-login-container .cs-login-context .cs-login-text>div,body.__login-page .cs-login-workspace .cs-login-container .cs-login-context>#loginText #loginText,body.__login-page .cs-login-workspace .cs-login-container .cs-login-context>#loginText>div{padding:8px}body.__login-page .cs-login-workspace .cs-login-container .cs-login-context .cs-login-text a:not(.cs-btn),body.__login-page .cs-login-workspace .cs-login-container .cs-login-context>#loginText a:not(.cs-btn){text-decoration:underline !important}body.__login-page .cs-login-workspace .cs-login-container .cs-login-actions{position:relative;flex:1;background:hsla(0,0%,100%,.8);padding-bottom:48px}body.__login-page .cs-login-workspace .cs-login-container .cs-login-actions .cs-login-header{padding:8px 0px}body.__login-page .cs-login-workspace .cs-login-container .cs-login-actions .cs-login-header h1{font-weight:normal}@media(min-width: 992px){body.__login-page .cs-login-workspace .cs-login-container .cs-login-actions{padding-bottom:16px}}body.__login-page a:not(.cs-btn){color:var(--cs-color-semi-black) !important}body.__login-page .cs-loginpanel .cs-inputpanel{display:block}body.__login-page .cs-loginpanel .cs-inputpanel .cs-birthdate,body.__login-page .cs-loginpanel .cs-inputpanel .cs-gender{display:block}body.__login-page .cs-loginpanel .cs-inputpanel .cs-birthdate .cs-label,body.__login-page .cs-loginpanel .cs-inputpanel .cs-gender .cs-label{width:100%;font-weight:500;display:inline-block;position:relative;color:var(--cs-color-semi-white);padding-bottom:5px;margin-top:10px}body.__login-page .login-methods .row{margin-bottom:10px}body.__login-page .cs-loginpanel .cs-inputpanel .cs-birthdate .cs-customDateInput{width:100%}body.__login-page .cs-loginpanel .cs-inputpanel .cs-birthdate .cs-customDateInput span.input-container{width:100%;height:40px;line-height:40px;border:solid 1px;border-color:var(--cs-color-semi-black)}body.__login-page .cs-uzi-button{padding:3px 10px}body.__login-page .cs-loginpanel .cs-buttons,body.__login-page .cs-loginpanel .cs-loginpanel-errors{padding-left:0}body.__login-page .cs-loginpanel .cs-inputpanel .cs-gender .cs-input tr{float:none}body.__login-page .cs-loginpanel .cs-inputpanel .cs-gender .cs-input tr input[type=radio]{display:inline-block;vertical-align:baseline;margin-right:5px;padding-left:0px}body.__login-page .csViewButton{margin-left:10px;padding:7px 10px}body.__login-page input[type=button].csViewEditorButton,body.__login-page button.csViewEditorButton{padding:3px 5px}body.__login-page .csExternalCommandHeader{background-color:var(--cs-color-info);min-width:200px;color:var(--cs-color-white);display:inline-block;padding:2px 10px}body.__login-page input.csInputError,body.__login-page textarea.csInputError,body.__login-page select.csInputError{border:1px solid;border-color:var(--cs-color-danger)}body.__login-page .external-callback-wrapper{min-height:350px;overflow:hidden;top:0px;bottom:0px;right:0px;left:0px;position:fixed;box-sizing:border-box}body.__login-page .external-callback-wrapper .external-callback-top{position:absolute;overflow:hidden;left:0px;right:0px;top:0px;bottom:60px}body.__login-page .external-callback-wrapper .external-callback-top .external-callback-popup-wrap{position:absolute;overflow:hidden;left:0px;right:0px;overflow-y:auto;-webkit-overflow-scrolling:touch;top:25px;bottom:0px}body.__login-page .external-callback-wrapper .external-callback-top .external-callback-popup-wrap .external-callback-popup-inner-top{position:absolute;overflow:hidden;left:0px;right:0px;overflow-y:auto;-webkit-overflow-scrolling:touch;top:50px;bottom:0px}body.__login-page .external-callback-wrapper .external-callback-top .external-callback-popup-wrap .external-callback-popup-inner-top .ms-listviewtable{margin-left:10px}body.__login-page .external-callback-wrapper .external-callback-top .external-callback-popup-wrap .external-callback-popup-inner-bottom{position:absolute;overflow:hidden;left:0px;right:0px;height:40px;bottom:0px}body.__login-page .external-callback-wrapper .external-callback-bottom{position:absolute;overflow:hidden;left:0px;right:0px;height:60px;bottom:0px;margin-top:10px;margin-right:10px}body.__login-page .digid-logo-loginpage{height:2.2em;width:2.2em;display:block;background:url(../images/digid_eo_rgb_100px.png) no-repeat top left;background-size:contain}body.__login-page .irma-logo-loginpage{height:60px;width:100%;display:block;background:url(../images/yivi_logo.svg) no-repeat top left;background-size:contain}body.__login-page .loginform{width:100%}body.__login-page .loginform .row .cs-radio-list .radiobutton-col{margin-bottom:0px}body.__login-page .loginform .row label:not(.cs-radio-label){width:100%;font-weight:500;margin-bottom:5px;display:inline-block;position:relative}body.__login-page .loginform .row label:not(.cs-radio-label)::before{position:absolute;left:10px;bottom:10px;font-size:20px;color:var(--cs-color-semi-black)}body.__login-page .loginform .row label:not(.cs-radio-label).label-error .input-container,body.__login-page .loginform .row label:not(.cs-radio-label).label-error input{border:solid 1px;border-color:var(--cs-color-danger)}body.__login-page .loginform .row label:not(.cs-radio-label) span.required{position:relative}body.__login-page .loginform .row label:not(.cs-radio-label) span.required.cs-icon-check::before{color:var(--cs-color-success-darker)}body.__login-page .loginform .row label:not(.cs-radio-label) span.required::before{position:absolute;left:14px;top:2px;color:var(--cs-color-success-darker)}body.__login-page .loginform .row input[type=password],body.__login-page .loginform .row input[type=text]{width:100%;height:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 1px;border-color:var(--cs-color-semi-black);padding:0px 5px 0px 40px;font-size:clamp(16px,1em,20em)}body.__login-page .loginform .row input[type=password].cs-no-icon,body.__login-page .loginform .row input[type=text].cs-no-icon{padding:2px 8px}body.__login-page .loginform .row .cs-customDateInput{width:100%;margin-top:5px}body.__login-page .loginform .row .cs-customDateInput .input-container{height:40px;border:solid 1px;border-color:var(--cs-color-semi-black)}body.__login-page .loginform .row .cs-qrcode{border:8px solid;border-color:var(--cs-color-white);display:inline-block;max-width:100%;margin-top:10px}body.__login-page .loginform .row img{max-width:100%}body.__login-page .loginform .row .cs-input-with-icon-wrap{display:flex;align-items:center;margin-top:5px}body.__login-page .loginform .row .cs-input-with-icon-wrap:before{font-size:20px;color:var(--cs-color-semi-black);position:absolute;left:8px}body.__login-page .loginform .row .cs-input-no-icon-wrap{display:flex}body.__login-page .change-login{position:absolute;bottom:0px;right:0px;width:auto;height:30px;line-height:30px;padding:0px 30px 0px 15px;cursor:pointer;text-decoration:none;display:none}body.__login-page .change-login:hover{opacity:.8}body.__login-page .change-login::before{position:absolute;left:0px;top:0px}body.__login-page .login__options .login-option{border:1px solid;border-color:var(--cs-color-lightgrey);line-height:55px;background-color:var(--cs-color-white);display:flex;margin-top:10px;border-radius:3px}body.__login-page .login__options .login-option:before{margin-right:3px;margin-top:3px;margin-bottom:3px;margin-left:auto;order:1;color:var(--cs-color-white);background-color:var(--cs-color-primary);font-size:20px;border-radius:3px}body.__login-page .login__options .login-option .login-icon{font-size:30px;width:40px;margin-left:15px;margin-right:10px;text-align:left;display:flex;align-items:center}body.__login-page .login__options .login-option .login-option-text{line-height:20px;display:flex;align-items:center}body.__login-page .login__options .login-option.DigiDAuthorisationAuthentication .cs-icon-lock:before,body.__login-page .login__options .login-option.DigiDAuthentication .cs-icon-lock:before,body.__login-page .login__options .login-option.FederatedAuthentication-DigiD .cs-icon-lock:before,body.__login-page .login__options .login-option.FederatedAuthentication-DigiDAuthorisation .cs-icon-lock:before{content:"";background:url(../images/digid_eo_rgb_100px.png) center no-repeat;height:100%;width:35px;display:block;background-size:contain}body.__login-page .login__options .login-option.FederatedAuthentication-IRMA .cs-icon-lock:before{content:"";background:url(../images/yivi_logo_small.svg) center no-repeat;height:100%;width:35px;display:block;background-size:contain}body.__login-page .login__options .login-option.HiXUserAuthentication .cs-icon-lock:before{content:"";background:url(../images/hix-icon.png) center no-repeat;height:100%;width:35px;display:block;background-size:contain}body.__login-page .login__options .login-option:hover{background-color:var(--cs-color-semi-white);text-decoration:none}body.__login-page .login__options .login-option:hover:before,body.__login-page .login__options .login-option:hover .login-icon{opacity:.8}.cs-scanpanel-qr-canvasmask #canvas canvas{width:100%}