.width-100{width:100%}.min-width-20{min-width:20px}.min-width-200{min-width:200px}.width-180{width:180px}.height-100{height:100%}.min-h-screen{min-height:100vh}.margin-1rem{margin:1rem}.margin-10{margin:10px}.margin-15{margin:15px}.margin-20{margin:20px}.margin-top-10{margin-top:10px}.margin-top-20{margin-top:20px}.margin-top-25{margin-top:25px}.margin-top-1rem{margin-top:1rem}.margin-right-10{margin-right:10px}.margin-right-20{margin-right:20px}.margin-left-10{margin-left:10px}.margin-left-20{margin-left:20px}.margin-bottom-10{margin-bottom:10px}.margin-bottom-20{margin-bottom:20px}.padding-10{padding:10px}.padding-left-10{padding-left:10px}.padding-left-20{padding-left:20px}.padding-right-20{padding-right:20px}.padding-bottom-10{padding-bottom:10px}.padding-bottom-20{padding-bottom:20px}.padding-bottom-30{padding-bottom:30px}:root{--mat-table-header-headline-font: Nunito;--mat-table-header-headline-size: 16px;--mat-table-header-headline-weight: bold;--mat-table-row-item-label-text-font: Nunito;--mat-table-row-item-label-text-line-height: 16px;--mat-table-row-item-label-text-size: 16px;--mat-table-header-container-height: 48px;--mat-table-footer-container-height: 48px;--mat-table-row-item-container-height: 48px}.small-table{--mat-table-header-headline-font: Nunito;--mat-table-header-headline-size: 16px;--mat-table-header-headline-weight: bold;--mat-table-row-item-label-text-font: Nunito;--mat-table-row-item-label-text-line-height: 16px;--mat-table-row-item-label-text-size: 16px;--mat-table-header-container-height: 48px;--mat-table-footer-container-height: 48px;--mat-table-row-item-container-height: 36px}table{cursor:pointer}.mat-mdc-table{border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden!important}.mat-mdc-table .mat-mdc-header-row{background-color:#d39d5d}.mat-mdc-table .mat-mdc-header-cell{color:#fff;font-family:inherit;white-space:nowrap}.mat-mdc-table .mat-mdc-row{color:#142f4b;border-top-style:none;border-bottom-style:none}.mat-mdc-table .mat-mdc-row:nth-child(2n){background:#c4c4c433}.mat-mdc-table .mat-mdc-row:nth-child(odd){background:#fff}.mat-mdc-table .mat-mdc-row:hover{background:#c4c4c466}.mat-mdc-table .mat-mdc-cell{max-width:250px;white-space:nowrap}.mat-mdc-table .scrollable-cell-content-small,.mat-mdc-table .scrollable-cell-content{width:100%;height:48px;overflow-x:auto;white-space:nowrap;display:flex;align-items:center}.mat-mdc-table .scrollable-cell-content-small{height:36px}.mat-mdc-paginator .mat-mdc-paginator-range-actions{position:relative;width:100%}.mat-mdc-paginator .mat-mdc-paginator-range-label{position:absolute;left:0}.mat-mdc-paginator .mat-mdc-paginator-range-actions button{position:absolute;right:0;margin-left:4px}.mat-mdc-paginator .mat-mdc-paginator-range-actions button:nth-child(2){right:120px}.mat-mdc-paginator .mat-mdc-paginator-range-actions button:nth-child(3){right:80px}.mat-mdc-paginator .mat-mdc-paginator-range-actions button:nth-child(4){right:40px}:root{--mat-select-trigger-text-line-height: 12px}.filter-field{position:relative;display:flex;align-items:center;justify-content:center;background-color:#142f4b;color:#fff;border-radius:10px;width:180px;height:30px;padding:0 20px;cursor:pointer;overflow:hidden}.filter-field input{background-color:transparent;border:none;color:#fff;outline:none}.filter-field:hover{background-color:#0c61bb}.panel-open{background-color:#0c61bb;border-radius:8px 8px 0 0}.selection-made{background-color:#0c61bb}.mat-select-button-text{z-index:2;pointer-events:none}.mat-select{position:absolute;top:0;left:0;width:0;height:100%;opacity:0;z-index:1}.mat-mdc-select-panel{background-color:#fff!important;color:#000!important;padding:0!important;border-radius:0 8px 8px!important;border:1px solid #0c61bb}.mat-mdc-form-field-subscript-wrapper,.mat-date-range-input-separator{display:none}.option:hover{background-color:#0c61bb!important;color:#fff!important}.filter-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;z-index:2;pointer-events:none;text-align:center;width:100%}.filter-icon{position:absolute;top:50%;left:100%;transform:translate(-125%,-50%);color:#fff;z-index:2;pointer-events:none;text-align:center}.date-range-filter-header input{width:100%;font-size:8pt}.mat-date-range-input{width:100%}.picker,.picker:hover{transform:translate(12px)}#hidden-mat-select{line-height:0;height:0;margin:0;padding:0;border:0;transform:translateY(-16px)}.select-overlay-pane{min-width:240px!important}.panel{width:100%}:root{--mat-datepicker-calendar-body-label-text-color: #FFFFFF;--mat-datepicker-calendar-date-text-color: #FFFFFF;--mat-datepicker-calendar-container-text-color: #FFFFFF;--mat-datepicker-calendar-container-background-color: #142f4b;--mat-datepicker-calendar-date-in-range-state-background-color: #d39d5d;--mat-datepicker-calendar-text-size: 11px;--mat-datepicker-calendar-header-text-size: 11px;--mat-datepicker-calendar-body-label-text-size: 11px;--mat-datepicker-calendar-date-disabled-state-text-color: #979797}html{--mat-progress-spinner-active-indicator-color: #d39d5d}.mat-spinner-color::ng-deep circle{stroke:#d39d5d!important}:root{--mat-snack-bar-container-shape: 20px;--mat-snack-bar-supporting-text-color: #FFFFFF;--mat-snack-bar-container-color: #979797}.error-snackbar{--mat-snack-bar-container-color: #c60202}.msg-snackbar{--mat-snack-bar-container-color: #2e8d00}:root{--mat-dialog-subhead-size: 1.5rem;--mat-dialog-subhead-weight: 700;--mat-dialog-supporting-text-color: #142f4b;--mat-dialog-subhead-color: #142f4b;--mat-dialog-supporting-text-line-height: 1.2}.mat-mdc-dialog-container .input-button-wrapper{height:50px}.mat-mdc-dialog-container .close-button{margin-right:12px;margin-top:12px}.mat-mdc-dialog-container p{padding-bottom:.5rem}:root{--mat-progress-bar-track-color: #FFFFFF;--mat-progress-bar-active-indicator-color: #142f4b;--mat-progress-bar-track-height: 1rem;--mat-progress-bar-track-shape: 9999;--mat-progress-bar-active-indicator-height: 1rem}:root{--mat-tooltip-container-color: #142f4b;--mat-tooltip-supporting-text-color: #FFFFFF;--mat-tooltip-container-shape: 6px}:root{--mat-expansion-container-elevation-shadow: 0;--mat-expansion-header-text-color: #155cfa;--mat-expansion-header-indicator-color: #155cfa}.mat-mdc-menu-panel{background-color:#fff!important;border-radius:8px!important}.mat-mdc-menu-content{padding:4px 0!important}.mat-mdc-menu-item{background-color:transparent!important;border:0!important;border-radius:0!important;color:#142f4b!important}.mat-mdc-menu-item:hover,.mat-mdc-menu-item:focus-visible{background-color:#142f4b14!important}.drag{cursor:move}.drag-drop-item{display:flex;flex-direction:row;justify-content:space-between;box-sizing:border-box;background:#fff;margin-bottom:10px;border-radius:10px}.cdk-drag-preview{opacity:.5;cursor:move;border:none;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.drag-drop-lijst.cdk-drop-list-dragging .drag-drop-item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drop-list{min-height:60px;transition:all .3s ease}.cdk-drop-list .cdk-drag{margin-bottom:8px;transition:all .2s ease}.cdk-drop-list .cdk-drag:last-child{margin-bottom:0}.cdk-drop-list.cdk-drop-list-dragging{background-color:#2196f308;border-radius:8px;padding:24px 12px;position:relative;border:1px solid rgba(33,150,243,.2)}.cdk-drop-list.cdk-drop-list-dragging .cdk-drag:not(.cdk-drag-placeholder){margin-bottom:20px;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:6px;box-shadow:0 1px 3px #0000001a;transform:scale(.98)}.cdk-drop-list.cdk-drop-list-dragging .cdk-drag:not(.cdk-drag-placeholder):not(:last-child):after{content:"";position:absolute;bottom:-10px;left:10%;right:10%;height:1px;background:repeating-linear-gradient(90deg,transparent,transparent 4px,rgba(33,150,243,.3) 4px,rgba(33,150,243,.3) 8px);z-index:1}.cdk-drop-list:empty.cdk-drop-list-dragging{min-height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e3f2fd 25%,transparent 25%),linear-gradient(225deg,#e3f2fd 25%,transparent 25%),linear-gradient(45deg,#e3f2fd 25%,transparent 25%),linear-gradient(315deg,#e3f2fd 25%,#f8f9fa 25%);background-size:20px 20px;border:2px dashed #2196f3}.cdk-drop-list:empty.cdk-drop-list-dragging:before{content:"Drop your first section here";color:#1976d2;font-weight:600;font-size:16px;background:#fffffff2;padding:20px 24px;border-radius:8px;box-shadow:0 4px 12px #2196f333;animation:placeholder-glow 2s ease-in-out infinite}.cdk-drop-list:empty.cdk-drop-list-dragging:after{display:none}.cdk-drop-list.cdk-drop-list-dragging:hover{background-color:#2196f30d;border-color:#2196f34d}.cdk-drop-list.cdk-drop-list-dragging:hover:before,.cdk-drop-list.cdk-drop-list-dragging:hover:after{opacity:1;background-color:#2196f31a}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.color-none{background-color:var(--graad-none)}.color-minor{background-color:var(--graad-minor)}.color-major{background-color:var(--graad-major)}.color-severe{background-color:var(--graad-severe)}.graad-none{background-color:var(--graad-none)}.graad-minor{background-color:var(--graad-minor)}.graad-major{background-color:var(--graad-major)}.graad-severe{background-color:var(--graad-severe)}.status-indicator{width:.5rem;flex-shrink:0;border-radius:2px;min-height:1rem}.status-indicator.color-none{background-color:var(--graad-none)}.status-indicator.color-minor{background-color:var(--graad-minor)}.status-indicator.color-major{background-color:var(--graad-major)}.status-indicator.color-severe{background-color:var(--graad-severe)}.input,.textarea{width:100%;border:1.5px solid var(--rule);border-radius:8px;padding:10px 12px;font-family:Nunito,system-ui,sans-serif;font-size:14px;color:var(--ink);background:var(--surface);transition:border-color .12s,box-shadow .12s}.input:focus,.textarea:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-ring)}.input:disabled,.textarea:disabled{background:var(--surface-tint);color:var(--ink-muted);cursor:not-allowed}.textarea{min-height:110px;resize:vertical;line-height:1.5}.input-narrow{max-width:360px}.input-num{max-width:220px}.input-suffix-wrap{position:relative;max-width:220px}.input-suffix-wrap .suffix{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--ink-muted);font-weight:700;pointer-events:none}.input-suffix-wrap .input{padding-right:28px}.optie-list{display:flex;flex-direction:column;gap:8px}.optie-list.row{flex-direction:row;flex-wrap:wrap;gap:10px}.optie{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1.5px solid var(--rule);border-radius:10px;cursor:pointer;background:var(--surface);font-size:14px;font-weight:500;color:var(--ink);transition:background .12s,border-color .12s}.optie:hover{background:var(--surface-tint);border-color:var(--rule-strong)}.optie input{margin:0;accent-color:var(--primary)}.optie.selected{border-color:var(--primary);background:var(--primary-50);color:var(--primary)}.optie .graad-dot{width:8px;height:8px;border-radius:50%;margin-left:auto;flex-shrink:0}.optie .graad-dot.NONE{background:var(--graad-none)}.optie .graad-dot.MINOR{background:var(--graad-minor)}.optie .graad-dot.MAJOR{background:var(--graad-major)}.optie .graad-dot.SEVERE{background:var(--graad-severe)}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.pill i{font-size:10px}.pill-required{color:var(--invalid)}html,body,app-root{font-family:Nunito,sans-serif;background-color:#f5f5f5;color:#142f4b;margin:0;width:100%;height:100%}h1,h2,h3,h4,h5,h6{margin-top:10px;margin-bottom:10px}p{margin:0;padding:0}button{font-family:Nunito;background-color:#d39d5d;color:#fff;padding:5px;border-radius:10px;border:2px solid #d39d5d;cursor:pointer}button:hover{background-color:#d39d5de6;border:2px solid rgba(211,157,93,.9)}button:active{background-color:#d39d5d;border:2px solid #d39d5d;transform:scale(.99)}button:disabled{background-color:#d39d5d99;border:2px solid rgba(211,157,93,.5);cursor:default}button.inverted_button{background-color:transparent;color:#d39d5d}button.inverted_button:hover{background-color:#d39d5d1a;border-color:#d39d5d;color:#d39d5d}button.inverted_button:active{background-color:#d39d5d33;transform:scale(.99)}button.secondary_button{background-color:#c4c4c4;color:#142f4b;border:2px solid #C4C4C4}button.secondary_button:hover{background-color:#c4c4c4cc;border:2px solid rgba(196,196,196,.8)}button.secondary_button:active{background-color:#c4c4c4;color:#142f4b;transform:scale(.99)}button.secondary_button:disabled{background-color:#c4c4c480;border:2px solid rgba(196,196,196,.5);cursor:default}button.text_button{background-color:transparent;border:transparent;color:#142f4b}button.text_button i{font-size:large}button.text_button:hover,button.text_button:active,button.text_button.active{color:#d39d5d}.message{text-align:center;margin:10px 16px;padding:8px;border-radius:16px;color:#fff}.is-invalid{border:1px solid #c60202!important;background-color:#ffe6e6!important}.info-panel{flex:1 1 0}select{font-family:Nunito;padding:5px;border:1px solid #C4C4C4;border-radius:5px}select option{font-family:Nunito}input{font-family:Nunito;padding:5px;border:1px solid #C4C4C4;border-radius:5px}textarea{padding:5px;border-radius:5px;border:1px solid #C4C4C4;resize:vertical}textarea:focus{outline:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#c4c4c433}::-webkit-scrollbar-thumb{background:#d39d5d;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#d39d5dcc}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-start{align-content:flex-start}.content-center{align-content:center}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.gap-0{gap:0}.gap-xs{gap:.25rem}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.gap-xl{gap:2rem}.gap-xxl{gap:3rem}.flex-1{flex:1 1 0}.flex-2-1-0{flex:2 1 0}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-basis-0{flex-basis:0}.order-first{order:-9999}.order-last{order:9999}.order-none{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.orange-bg{background-color:#ff7a01}.red-bg{background-color:#c60202}.green-bg{background-color:#2e8d00}.white-bg{background-color:#fff}.error{color:#c60202}.color-NIET_GEPUBLICEERD{color:gray}.color-GEPUBLICEERD{color:#ffd500}.color-DEELS_INGEVULD{color:#ff8c00}.color-GEVALIDEERD{color:green}:root{--primary: #142f4b;--primary-700: #0f2438;--primary-50: #eaf0f7;--secondary: #d39d5d;--secondary-50: #fbf3e6;--invalid: #b13b3b;--invalid-50: #fbecec;--invalid-100: #f3c2c2;--warning: #ff7a01;--warning-100: #ffd6b1;--valid: #2e8d00;--valid-50: #e8f5e0;--valid-100: #c8e3b8;--valid-700: #246f00;--vaststelling: #3f5fa8;--vaststelling-50:#e7ecf8;--secondary-100: #ecd6ad;--on-primary: rgba(255, 255, 255, .92);--on-secondary: #4a3309;--rule-strong: #cdd5e0;--focus-ring: rgba(61, 123, 214, .15);--warning-ring: rgba(255, 122, 1, .08);--graad-none: transparent;--graad-minor: green;--graad-major: #ffd500;--graad-severe: darkorange;--ink: #142f4b;--ink-soft: #4a6682;--ink-muted: #6f829a;--rule: #e3e7ec;--rule-soft: #eef1f5;--surface: #ffffff;--surface-tint: #f3f6fa;--bg: #f5f7fa;--focus: #3d7bd6;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--shadow-sm: 0 1px 2px rgba(20, 47, 75, .06), 0 1px 1px rgba(20, 47, 75, .04);--shadow-md: 0 6px 18px -8px rgba(20, 47, 75, .18), 0 2px 4px rgba(20, 47, 75, .06)}.text-xs{font-size:.8rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-green{color:#2d8c00}.text-red{color:#c60202}.text-orange{color:#f47500}.text-primary{color:#142f4b}.text-secondary{color:#d39d5d}.text-grey{color:#979797}