:root{--primary: #1E0E43;--primary-color: #FFFFFF;--primary-light: #323467;--secundary: #5927D9;--secundary-color: #FFFFFF;--red-color: red;--background-theme: #FAB83D;--background: #FFFFFF;--background-gray: #F1F1F1;--background-dark-gray: #DDDDDD;--toast-ok: #3FB183;--toast-ok-background: #E2F3ED;--toast-error: #F2568F;--toast-error-background: #FDE6EE}html,body{margin:0;background-color:#fff;color:var(--primary);height:100%;min-height:100%;font-family:Hind Madurai;font-size:medium}@media print{.no-print,.no-print *{display:none!important}}p{margin:0 0 3px;overflow:hidden;line-height:2}.level-oranje{background-color:#ffaa5b;border:solid 1px #FFAA5B}.level-geel{background-color:#ffcc6c;border:solid 1px #FFCC6C}.level-rood{background-color:#f86744;border:solid 1px #F86744}.level-wit{background-color:#fff;border:1px solid #AAAAAA}.level-blauw{background-color:#48bdff;border:solid 1px #48BDFF}.level-groen{background-color:#3fb183;border:solid 1px #3FB183}.level-paars{background-color:#5927d9;border:solid 1px #5927D9}.level-zwart{background-color:#000;border:solid 1px #000000}.level-beginner{background-color:#f86744;border:solid 1px #F86744}.level-gevorderd{background-color:#fff;border:1px solid #AAAAAA}.level-expert{background-color:#48bdff;border:solid 1px #48BDFF}::-webkit-scrollbar{width:5px;height:5px;background-color:transparent}::-webkit-scrollbar *{background:transparent}::-webkit-scrollbar-thumb{background:var(--background-dark-gray);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--background-gray)}h1{font-family:Lora;font-style:normal;font-weight:700;font-size:38px;line-height:50px}h3{font-family:Lora;font-style:normal;font-weight:700;font-size:25px;line-height:25px}h4{font-family:Lora;font-style:normal;font-weight:700;font-size:20px;line-height:25px}label.bold{font-family:Hind Madurai;font-style:normal;font-weight:600;font-size:10px}.command-buttons{position:absolute;top:15px;right:50px}.command-buttons-line{display:flex}.command-button{width:35px;height:35px;border:solid 1px var(--primary);border-radius:5px;margin-left:10px;text-align:center;cursor:pointer}.command-button>span{line-height:35px}.page-sub-header{display:flex;margin-left:auto}.page-sub-header .app-button{margin-top:25px;margin-left:auto}.page-sub-header .app-button~.app-button{margin-left:0}.cdk-overlay-container{position:fixed;top:0;left:0;z-index:9999}.cdk-global-overlay-wrapper{max-width:fit-content;max-height:fit-content}.cdk-overlay-pane{width:fit-content!important;height:fit-content!important}.app-button{padding:0;border:0;height:30px;border-radius:5px;display:flex;margin-right:10px}.app-button.primary{background:var(--primary);color:var(--primary-color);cursor:pointer}.app-button.secundary{background:var(--secundary);color:var(--secundary-color);cursor:pointer}.app-button.transparant{background:transparent;border:solid 1px var(--primary);color:var(--primary);cursor:pointer}.app-button:disabled,.app-button[disabled]{background:var(--background-gray);border:solid 1px var(--background-gray);color:var(--primary);cursor:not-allowed}.app-icon-button>.material-symbols-outlined{font-size:20px;line-height:20px;padding:5px}.app-text-button{font-size:14px;line-height:20px;padding:5px 20px}.app-reader-container{position:relative;margin-bottom:27px}.app-reader-container .app-reader-buttoncontainer{position:absolute;font-size:21px;right:0;bottom:-27px;cursor:pointer;display:flex}.reader-disabled{cursor:no-drop!important;color:var(--primary-light)}.reader-table-cell{position:relative}.reader-table-cell .app-reader-container{position:initial}.reader-table-cell .app-reader-container .app-reader-buttoncontainer{bottom:0}.cdk-drag-handle{cursor:grab}.cdk-drag-preview .cdk-drag-handle{pointer-events:auto;cursor:grabbing}.content-footer{display:flex;margin-right:15px}.content-footer .app-button{margin-left:auto}.content-footer .app-button~.app-button{margin-left:0}.content-answer-attempt-box{background-color:var(--background-gray);padding:8px 15px;border-radius:5px;margin-top:5px;margin-right:15px;margin-bottom:15px}.content-answer-attempt-box>.header>span{font-weight:700}.content-answer-attempt-box>.header>.material-symbols-outlined{font-size:16px;color:var(--secundary);margin-right:10px}.content-answer-attempt-box>.content{margin-left:25px;display:flex}.content-answer-attempt-box>.content div{margin-right:15px}.content-answer-attempt-box p{margin:0 0 3px;overflow:hidden}.lp-fillout{background-color:#ff0}figure.align-left{float:left}figure.align-right{float:right}figure.image.align-center{display:table;margin-left:auto;margin-right:auto}figure.image{display:inline-block;border:1px solid gray;margin:0 2px 0 1px;background:#f5f2f0}figure.image img{margin:8px 8px 0}figure.image figcaption{margin:6px 8px;text-align:center}app-ivideo-view iframe#player{width:810px;height:456px;background:var(--primary);border-radius:10px}app-ivideo-edit iframe#player{width:810px;height:456px;background:var(--primary);border-radius:10px}.ck-powered-by{display:none!important}.formfield{margin-top:5px;margin-bottom:15px;display:flex}.formfield label{width:160px;display:inline-block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--primary);line-height:48px;flex:0 0 auto}.label-checkbox{width:100%!important;margin-top:8px;margin-left:10px}.label-radiobutton,.radiobutton label{font-style:normal;font-weight:600;font-size:14px;color:var(--primary);flex:none;order:1;flex-grow:0}.radiobuttons-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.radiobutton{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;gap:10px}.formfield app-html-editor{width:-webkit-fill-available;width:-moz-available;width:stretch}.formfield input[type=text]{border:0;padding:10px;border-radius:10px;border:1px solid var(--background-dark-gray);color:var(--primary);font-size:14px;width:500px;height:28px}.formfield textarea{border:0;padding:10px;border-radius:10px;border:1px solid var(--background-dark-gray);color:var(--primary);font-size:14px;width:500px;font-family:Arial}.formfield input[type=email]{border:0;padding:10px;border-radius:10px;border:1px solid var(--background-dark-gray);color:var(--primary);font-size:14px;width:500px;height:28px}.formfield input[type=checkbox]{border:0;padding:5px;border-radius:10px;border:1px solid var(--background-dark-gray);color:var(--primary);accent-color:var(--secundary);font-size:14px;width:18px!important;height:18px}.formfield input[type=radio]{box-sizing:border-box;width:18px;height:18px;background:var(--primary-color);color:var(--primary);accent-color:var(--secundary);border:1px solid var(--primary);flex:none;order:0;flex-grow:0;margin:0}.formfield input[type=datetime-local],.formfield input[type=number]{border:0;padding:5px;border-radius:10px;border:1px solid var(--background-dark-gray);color:var(--primary);font-size:14px;width:500px;height:28px}.formfield input[type=text]:read-only,.formfield input[type=number]:read-only{border:0;color:#afafaf;background:initial}.formfield textarea:focus,.formfield input:focus,.formfield select:focus{outline:none}.formfield select{border:0;padding:10px;border-radius:10px;border:1px solid var(--background-dark-gray);color:var(--primary);font-size:14px;width:520px;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em}.formfield .formarray{display:flex;flex-direction:column}.formfield .formarray .label-checkbox{line-height:24px;margin-top:0}.formgroup{background-color:var(--background-dark-gray);border-radius:10px;padding:3%;margin-top:1%;margin-bottom:1%}.deletable-formfield{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:5px}.deletable-formfield input[type=text],.deletable-formfield app-html-editor{flex:8 1 auto;width:-webkit-fill-available;width:-moz-available;width:stretch}.deletable-formfield button{margin-left:7.5px;margin-right:0;height:35px;width:35px;display:flex;align-items:center;justify-content:center}.deletable-formfield div{display:flex;flex-direction:row;background-color:var(--primary-color);width:100%;height:fit-content;border:0;padding:10px;border-radius:10px;border:1px solid var(--background-dark-gray);color:var(--primary);font-size:14px;align-items:center;flex:9 1 auto;cursor:pointer;max-height:35px;overflow:hidden}.deletable-formfield label{flex:8 1 auto;margin:0 10px;align-self:flex-start;justify-content:center;cursor:pointer}.correct{background:var(--toast-ok-background)!important;border:1px solid var(--toast-ok);font-size:14px}.incorrect{background:var(--toast-error-background)!important;border:1px solid var(--toast-error);font-size:14px}.check{color:var(--toast-ok)}.cross{color:var(--toast-error)}.check .cross{margin:5px}.action-buttons-container{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end;margin:10px 0}
