@charset "UTF-8";html,body,#root{margin:0;padding:0;height:100%}body{font-family:Arial,sans-serif;background:#f3f3f3}.login-page{display:flex;height:100vh;align-items:center;background:#f6f6f6;justify-content:center}.login-box{width:260px;padding:40px;border-radius:6px;background:#fff;box-shadow:0 2px 10px #0000001a}.login-title{gap:8px;display:flex;font-size:30px;color:#9c1c3d;font-weight:700;align-items:center;margin-bottom:25px}.login-title img{height:40px}.login-box input,.login-box button{width:100%;padding:8px;font-size:14px;border-radius:4px;margin-bottom:12px;box-sizing:border-box}.login-box input{color:#9c1c3d;background:#f6f6f6;border:1px solid #ccc}.login-box button{border:none;color:#fff;cursor:pointer;background:#9c1c3d}.login-box button:hover{background:#7e1530}.login-error{font-size:12px;margin-top:8px;color:#b00020}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;overflow-x:hidden;margin:0;padding:0}.phone-root{height:100dvh;width:100%;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:hidden;background:#f5f5f5;user-select:none;-webkit-user-select:none}.phone-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffff80;z-index:2000}.phone-loading-overlay img{opacity:.8;pointer-events:none}.phone-header-row{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0}.phone-header{position:sticky;top:0;z-index:100;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;width:100%;max-width:100%;overflow-x:hidden;background:#ccc;border-bottom:1px solid #9c1c3d}.phone-logo{height:30px;object-fit:contain;justify-self:center}.phone-logo-row{width:100%;max-width:100%;display:grid;grid-template-columns:28px 28px minmax(0,1fr) 28px 28px;align-items:center;gap:4px}.phone-logo-row .phone-icon-btn{justify-self:center}.phone-date{width:auto;min-width:220px;max-width:100%;height:30px;padding:0 10px;text-align:center;border:1px solid #999;border-radius:8px;font-size:.8rem;background:#fff}.react-datepicker{font-size:.9rem;border:1px solid #000}.react-datepicker-popper{z-index:9999!important}.phone-header .phone-icon-btn{width:28px;height:28px;flex-shrink:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1}.phone-header .phone-icon{width:26px;height:26px;object-fit:contain;pointer-events:none}.phone-user-name{font-size:.8rem;font-weight:600;color:#9c1c3d;margin-top:1px;line-height:1;margin-bottom:-8px}.phone-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;min-width:0;box-sizing:border-box}.phone-card{width:90%;max-width:340px;margin-top:8px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 6px #00000014;border:1px solid #ddd;display:flex;flex-direction:column}.fade-swap{opacity:.5;transition:opacity .2s ease}.phone-dossier-title{font-weight:600;font-size:.95rem;color:#9c1c3d;margin-bottom:8px}.phone-events{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.phone-event-bar{min-height:16px;width:100%;border-radius:5px;padding:2px 8px;box-sizing:border-box;display:flex;align-items:center;font-size:11px;font-weight:500;color:#fff}.phone-postits{display:flex;flex-direction:column;gap:2px}.phone-postit-line{font-size:13px;line-height:1.3;word-break:break-word}.phone-day-header{width:100%;height:30px;margin-top:6px;display:flex;align-items:center;justify-content:center;background:#d9d9d9;border:1px solid #bbb;border-radius:10px;font-weight:400;color:#444}.phone-day-card{width:100%;max-width:500px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 6px #00000014;border:1px solid #ddd;display:flex;flex-direction:column}.phone-user-day{width:90%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:2px}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}.phoneproject-overlay{position:fixed;inset:0;background:#00000059;z-index:5000;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.phoneproject-popup{width:95%;max-width:500px;max-height:90vh;min-height:200px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #00000040;display:flex;flex-direction:column}.phoneproject-header{height:36px;background:#9c1c3d;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 14px;box-sizing:border-box}.phoneproject-title{font-size:.8rem;font-weight:600}.phoneproject-close{width:25px;height:25px;border:none;border-radius:6px;background:#fff;color:#222;font-size:18px;cursor:pointer}.phoneproject-content{flex:1;padding-left:16px;padding-right:16px;overflow-y:auto}.phoneproject-toprow{top:0;z-index:20;height:28px;display:flex;position:sticky;padding:6px 8px;margin-bottom:6px;background:#fff;align-items:center;justify-content:first baseline;border-bottom:1px solid #9c1c3d}.phoneproject-bottomrow{background:#fff;padding:6px 8px;display:flex;justify-content:flex-end;align-items:center;gap:8px;z-index:20;bottom:0;height:45px;position:sticky;border-top:1px solid #9c1c3d}.phoneproject-label{font-size:.7rem;margin-right:4px}.phoneproject-date{font-size:.8rem}.phoneproject-date-prefix{font-size:1rem;margin-right:10px}.phoneproject-date-prefix.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.phoneproject-date-prefix.clickable:hover{text-decoration:underline}.phoneproject-date-adddate{font-size:1rem}.phoneproject-date-controls{gap:6px;display:flex;align-items:center}.phoneproject-date-controls.same-day{color:#999}.phoneproject-btn{width:20px;height:20px;cursor:default;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.phoneproject-bottom-btn{padding:4px 10px;font-size:.75rem;border:1px solid #999;background:#eee;border-radius:3px;cursor:pointer}.phoneproject-groups-grid{gap:6px;display:grid;grid-template-rows:repeat(4,auto)}.phoneproject-grid-grid{padding:4px;background:#f9f9f9;border:1px solid #ccc}.phoneproject-grid-toprow{height:30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #999}.phoneproject-grid-toprow-left{gap:8px;display:flex;font-size:.8rem;align-items:center}.phoneproject-grid-add-btn{width:20px;height:20px;display:flex;cursor:pointer;font-weight:700;font-size:medium;border-radius:3px;background:#eee;align-items:center;justify-content:center;border:1px solid #999}.phoneproject-day-btn{width:22px;height:22px;display:flex;cursor:pointer;font-size:medium;background:#eee;align-items:center;justify-content:center;border:1px solid #999}.phoneproject-grid-row-body{gap:3px;display:flex;margin-top:6px;flex-direction:column}.phoneproject-lock-btn{width:22px;height:22px;cursor:default;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.phoneproject-lock-btn:disabled{opacity:.3;cursor:default}.phoneproject-lock-icon{width:14px;height:14px}.phoneproject-row-row{height:24px;display:grid;align-items:center;grid-template-columns:27px 75px 24px 1fr 33px 33px 27px 30px}.phoneproject-available-wrap{position:relative}.phoneproject-available-list{position:absolute;top:22px;left:0;z-index:9999;background:#fff;border:1px solid #aaa;min-width:200px;max-height:150px;overflow-y:auto;box-shadow:0 2px 6px #0003}.phoneproject-available-item,.phoneproject-available-empty{display:block;width:100%;padding:4px 8px;text-align:left;background:#fff;border:none;cursor:pointer}.phoneproject-available-item:hover{background:#eee}.phoneproject-available-empty{color:#777;cursor:default}.phoneproject-autocomplete{position:relative}.phoneproject-autocomplete-list{position:absolute;top:calc(100% + 2px);left:0;right:0;max-height:180px;overflow-y:auto;background:#fff;border:1px solid #bfbfbf;box-shadow:0 2px 8px #00000026;z-index:50}.phoneproject-autocomplete-item{width:100%;border:none;background:#fff;text-align:left;cursor:pointer;padding:4px 6px;font-size:.75rem}.phoneproject-autocomplete-item:hover{background:#efefef}.phoneproject-row-arrow-select{width:22px;height:22px;min-width:22px;padding-left:6px;font-size:.75rem;border-radius:3px;border:1px solid #ccc;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-size:10px;background-position:center;background-repeat:no-repeat;background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='10' viewBox='0 0 20 20' width='10' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 5 5-5z'/></svg>")}.phoneproject-row-input{width:100%;height:22px;padding:4px 6px;font-size:.75rem;border-radius:3px;background:#fff;box-sizing:border-box;border:1px solid #bfbfbf}.phoneproject-row-input::placeholder{color:#bbb;opacity:1}.phoneproject-row-time-input{width:30px;margin-left:6px;text-align:center;font-size:.7rem;padding:4px 0}.phoneproject-row-aantal{width:24px;margin-left:6px;text-align:center;font-size:.7rem}.phoneproject-row-aantal-placeholder{height:26px}.phoneproject-row-delete-btn{width:16px;height:16px;cursor:default;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;font-size:16px;margin-left:10px}.phoneabsence-overlay{width:100%;z-index:3000;position:fixed}.phoneabsence-popup{width:95%;max-width:500px;max-height:90vh;margin:20px auto auto;background:#fff;border:2px solid #9c1c3d;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.phoneabsence-header{color:#fff;padding:6px 10px;background:#9c1c3d;display:flex;align-items:center;justify-content:space-between;font-size:1rem}.phoneabsence-content{padding-left:8px;padding-right:8px;font-size:.75rem;flex:1;min-height:0;overflow-y:auto}.phoneabsence-row{top:0;z-index:20;height:40px;display:flex;position:sticky;padding:6px 2px;margin-bottom:6px;background:#fff;align-items:center;justify-content:space-between;border-bottom:1px solid #9c1c3d}.phoneabsence-row-left{gap:8px;display:flex;align-items:center}.phoneabsence-row-right{display:flex;align-items:center}.phoneabsence-label{font-weight:500}.phoneabsence-date{font-size:1rem}.phoneabsence-date-prefix{font-size:.65rem}.phoneabsence-date-adddate{font-size:.9rem}.phoneabsence-date-controls{gap:6px;display:flex;align-items:center}.phoneabsence-date-controls.same-day{color:#999}.phoneabsence-day-btn{width:20px;height:20px;display:flex;cursor:pointer;font-size:medium;background:#eee;align-items:center;justify-content:center;border:1px solid #999}.phoneabsence-radio-header{display:grid;grid-template-columns:repeat(4,1fr);width:100px;gap:6px;margin-left:10px;text-align:center}.phoneabsence-bottom-row{background:#fff;padding:6px 8px;display:flex;justify-content:space-between;align-items:center;gap:8px;z-index:20;bottom:0;height:45px;position:sticky;border-top:1px solid #9c1c3d}.phoneabsence-bottom-left{display:flex;align-items:center}.phoneabsence-bottom-right{display:flex;gap:8px}.phoneabsence-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.7rem}.phoneabsence-checkbox input{width:20px;height:20px;accent-color:#c62828}.phoneabsence-checkbox input:checked+span{color:#c62828}.phoneabsence-bottom-btn{padding:4px 10px;font-size:.75rem;border:1px solid #999;background:#eee;border-radius:3px;cursor:pointer}.phoneabsence-bottom-btn-primary{background:#eee;border-color:#9c1c3d}.phoneabsencerow-text-group{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;justify-items:center}.phoneabsence-lock-btn{width:22px;height:22px;cursor:default;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.phoneabsence-lock-btn:disabled{opacity:.3;cursor:default}.phoneabsence-lock-icon{width:14px;height:14px}.phoneabsencerow-grid{display:grid;align-items:center;justify-content:stretch;grid-template-columns:30px 1fr 30px 104px 27px}.phoneabsencerow-row{height:24px}.phoneabsence-groups-grid{gap:6px;display:grid;grid-template-rows:repeat(4,auto)}.phoneabsencegrid-grid{padding:4px;background:#f9f9f9;border:1px solid #ccc}.phoneabsencegrid-toprow{height:30px;display:flex;margin-right:2px;align-items:center;justify-content:space-between;border-bottom:1px solid #999}.phoneabsencegrid-toprow-left{gap:8px;display:flex;font-size:.8rem;align-items:center}.phoneabsencegrid-add-btn{width:20px;height:20px;display:flex;cursor:pointer;font-weight:700;font-size:medium;border-radius:3px;background:#eee;align-items:center;justify-content:center;border:1px solid #999}.phoneabsencegrid-add-btn:hover{background:#bbb}.phoneabsencegrid-row-body{gap:3px;display:flex;margin-top:6px;flex-direction:column}.phoneabsencegrid-title{font-size:small}.phoneabsencegrid-textrow{height:24px}.phoneabsencegrid-textgroup{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;justify-items:center}.phoneabsencerow-autocomplete{position:relative}.phoneabsencerow-autocomplete-list{position:absolute;top:calc(100% + 2px);left:0;right:0;max-height:180px;overflow-y:auto;background:#fff;border:1px solid #bfbfbf;box-shadow:0 2px 8px #00000026;z-index:50}.phoneabsencerow-autocomplete-item{width:100%;border:none;background:#fff;text-align:left;cursor:pointer;padding:4px 6px;font-size:.75rem}.phoneabsencerow-autocomplete-item:hover{background:#efefef}.phoneabsencerow-arrow-select{width:22px;height:22px;min-width:22px;padding-left:6px;font-size:.75rem;border-radius:3px;border:1px solid #ccc;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-size:10px;background-position:center;background-repeat:no-repeat;background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='10' viewBox='0 0 20 20' width='10' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 5 5-5z'/></svg>")}.phoneabsencerow-radio-group{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;justify-items:center}.phoneabsencerow-input{width:100%;height:22px;padding:4px 6px;font-size:.75rem;border-radius:3px;background:#fff;box-sizing:border-box;border:1px solid #bfbfbf}.phoneabsencerow-time-input{width:33px;margin-left:2px;text-align:center;font-size:.75rem}.phoneabsencerow-delete-btn{width:18px;height:18px;justify-self:end;margin-right:4px;cursor:default;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;font-size:16px}.phoneabsencerow-delete-btn.active{cursor:pointer}.page-header{height:80px;display:grid;grid-template-columns:240px 90px 300px 1fr 560px 50px;grid-template-rows:40px 40px;background:#ccc;border-bottom:1px solid #9c1c3d;position:sticky;top:0;z-index:15}.page-header-logo{grid-column:1;grid-row:1;height:34px;object-fit:contain;align-self:center;justify-self:center}.page-header-navigation{grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:center;gap:6px}.page-header-select{height:24px;font-size:.75rem}.page-header-date{height:26px;padding:2px 6px;font-size:.75rem;border:1px solid #999;border-radius:3px;background:#fff;box-sizing:border-box;width:120px;text-align:center}.page-header-week-nav{display:flex;gap:4px}.page-header-week-nav button{width:26px;height:26px}.react-datepicker{font-size:.75rem;border:1px solid #000;border-radius:0;box-shadow:none}.react-datepicker__header{background-color:#f5f5f5;border-bottom:1px solid #ccc}.react-datepicker__day--selected{background-color:#9c1c3d;color:#fff}.react-datepicker__current-month{font-size:.75rem;font-weight:500}.react-datepicker__day,.react-datepicker__day-name{width:24px;line-height:24px;margin:2px}.react-datepicker-popper{z-index:99990!important;margin-left:21px;margin-top:4px}.page-header-switch{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center}.page-header-today{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center}.page-header-button{width:80px;height:26px;border:1px solid #999;border-radius:3px;background:#eee;cursor:pointer;font-size:.75rem;white-space:nowrap}.page-header-view{grid-column:3;grid-row:1;display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-right:10px}.page-header-find{grid-column:3;grid-row:2;display:flex;justify-content:flex-end;align-items:center;gap:12px}.page-header-find input{width:290px;height:26px;padding:6px;font-size:.75rem;border:1px solid #999;border-radius:3px}.page-header-find-list{position:absolute;top:calc(100% + 2px);left:0;right:0;max-height:200px;overflow-y:auto;background:#fff;border:1px solid #bfbfbf;box-shadow:0 2px 8px #00000026;z-index:50}.page-header-find-list button{width:100%;border:none;background:#fff;text-align:left;padding:4px 6px;font-size:.75rem;cursor:pointer}.page-header-find-list button:hover{background:#efefef}.page-header-legend{grid-column:5;grid-row:1;display:flex;justify-content:flex-end;align-items:center;gap:12px}.page-header-legend-list{display:flex;align-items:center;gap:10px;flex-wrap:wrap;height:32px}.page-header-legend-item{display:flex;align-items:center;gap:4px}.page-header-legend-color{width:18px;height:18px;border-radius:2px;border:1px solid #333}.page-header-legend-text{font-size:.7rem;color:#333}.page-header-checks{grid-column:5;grid-row:2;display:flex;justify-content:flex-end;align-items:center;gap:12px}.page-header-logout{grid-column:6;grid-row:1;display:flex;justify-content:center;align-items:center}.page-header-logout button{width:35px;height:35px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;background:#ccc;border:0px}.page-header-logout-icon{width:22px;height:22px;object-fit:contain}.page-header-check{display:flex;align-items:center;gap:4px;font-size:.85rem;white-space:nowrap}.planning-root{height:100vh;display:flex;flex-direction:column;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none}.planning-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffff80;z-index:2000}.planning-loading-overlay img{opacity:.8;pointer-events:none}.planning-content{flex:1;min-height:0;overflow-x:auto;overflow-y:auto;background:#f5f5f5;transition:opacity .35s ease}.planning-content.fade-swap{opacity:.35}.btn-refresh{height:32px;width:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;margin-left:10px}.refresh-icon{width:24px;height:24px}.txt-projecten{font-size:16px;margin-right:10px;margin-left:auto}.planning-grid{display:grid;position:relative;grid-template-rows:40px;grid-auto-rows:auto;width:fit-content;-webkit-user-select:none;user-select:none}.planning-grid>*{min-width:0}.grid-header{background:#ddd;border-bottom:1px solid #aaa;border-right:1px solid #aaa;display:flex;align-items:center;font-size:.75rem;font-weight:500;position:sticky;top:0;z-index:8;justify-content:center}.grid-header.weekend{background:#ccc}.grid-cell.weekend{background:#e6e6e6}.grid-project{position:sticky;left:0;z-index:400;background:#fff;border-top:1px solid #9c1c3d;border-right:1px solid #aaa;border-bottom:12px solid #fff;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;padding:4px 8px;font-size:.8rem;min-width:240px;flex-shrink:0;box-shadow:2px 0 6px #0000000d}.fictief-cell{background:#ffe1c2}.fictief-cell.weekend{background:#f1d3b2}.grid-cell.weekend-fictief-cell{background:#f1d3b2!important}.project-name{font-weight:500;text-align:right;margin-bottom:2px;width:100%;cursor:pointer;white-space:normal;overflow-wrap:break-word;line-height:1.1}@keyframes dossierPulse{0%{background-color:#f2a07a}50%{background-color:#cc5a2e}to{background-color:transparent}}.project-highlight .project-name{animation:dossierPulse 2s ease}.project-missing-location{display:inline-block;background:#ff4d4d;color:#fff;padding:2px 8px;border-radius:2px;font-size:.75rem;font-weight:400}.project-leaders{font-size:.7rem;color:#666;text-align:right;padding:5px 0}.project-btn{font-size:.65rem;height:18px;width:18px;border:1px solid #333;background:#eee;cursor:pointer;align-items:center;border-radius:3px}.grid-header:first-child{position:sticky;left:0;top:0;z-index:600;background:#ddd;min-width:240px;flex-shrink:0;border-right:1px solid #aaa}.grid-day{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.grid-day-name{font-size:.65rem}.grid-day-date{font-size:.8rem;font-weight:500}.grid-cell{border-top:1px solid #9c1c3d;border-right:1px solid #aaa;border-bottom:12px solid #fff;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:4px;font-size:.7rem;position:relative;min-width:0;width:100%}.grid-cell:hover .cell-action-btn{opacity:1;pointer-events:auto}.cell-action-btn{position:absolute;top:20px;right:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid #333;background:#fff;cursor:pointer;border-radius:50%;z-index:10;opacity:0;pointer-events:none;transition:opacity .15s ease}.cell-action-btn:hover{background:#000;font-weight:700;color:#fff}.postit-container{margin-top:18px;display:flex;flex-direction:column;min-width:0;width:100%;align-items:stretch;white-space:normal;word-break:break-word;overflow:hidden}.postit-line{display:block;min-width:0;width:100%;max-width:100%;font-size:12px;line-height:1.3;text-align:left;white-space:normal;word-break:break-word;overflow:hidden}.postit-line>span{display:block;min-width:0;width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere;overflow:hidden}.plan-block{height:16px;border-radius:4px;align-self:center;width:calc(100% - 4px);margin-left:2px;margin-right:2px;z-index:2}.left-plan-block{height:16px;border-radius:4px;margin:3px 2px;width:50%;z-index:3}.right-plan-block{height:16px;border-radius:4px;width:50%;margin:3px 2px 3px auto;z-index:3}.center-plan-block{height:6px;border-radius:6px;width:30%;justify-self:center;z-index:5}.half-plan-block{height:8px;border-radius:4px;margin:3px 2px;align-self:last baseline;z-index:4}.info-plan-block{height:16px;width:16px;border-radius:0;border:2px solid #000;background-color:#fff;margin:3px 2px;z-index:5}.center-plan-block,.plan-block,.left-plan-block,.right-plan-block,.info-plan-block,.half-plan-block{align-self:start;margin-top:2px}.sticky-row-project{position:sticky;z-index:20;box-shadow:0 2px 4px #00000014}.sticky-row-cell{position:sticky;z-index:6;background:#fff;box-shadow:0 2px 4px #0000000a}.grid-cell.sticky-row-cell.weekend{background:#e6e6e6}.sticky-row-event{position:sticky;z-index:7}.hover-tooltip{position:fixed;z-index:9999;background:#ddd;padding:6px 8px;border-radius:4px;border:1px solid #9c1c3d;font-size:.8rem;line-height:1.3;pointer-events:none;white-space:pre-line}.confirm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:10000}.confirm-box{background:#fff;padding:16px;border-radius:6px;border:1px solid #9c1c3d;min-width:260px;text-align:center}.confirm-title{margin-bottom:12px;font-weight:500}.confirm-actions{display:flex;justify-content:center;gap:10px}.project-overlay{top:0;left:0;width:100%;height:100%;z-index:3000;position:fixed}.project-position{top:50px;left:50%;position:absolute;transform:translate(-50%);width:540px;max-height:80vh;border-radius:6px;background:#fff;border:1px solid #999;display:flex;overflow:hidden;flex-direction:column}.project-header{color:#fff;padding:6px 10px;background:#9c1c3d;display:flex;align-items:center;justify-content:space-between;font-size:1rem}.project-content{padding-left:8px;padding-right:8px;font-size:.75rem;flex:1;min-height:0;overflow-y:auto}.project-row{top:0;z-index:20;height:40px;display:flex;position:sticky;padding:6px 2px;margin-bottom:6px;background:#fff;align-items:center;justify-content:space-between;border-bottom:1px solid #9c1c3d}.project-row-left{gap:8px;display:flex;align-items:center}.project-label{font-weight:500}.project-date{font-size:1rem}.project-date-prefix{font-size:.8rem}.project-date-prefix.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.project-date-prefix.clickable:hover{text-decoration:underline}.project-date-adddate{font-size:1rem}.project-date-controls{gap:6px;display:flex;align-items:center}.project-date-controls.same-day{color:#999}.project-day-btn{width:20px;height:20px;display:flex;cursor:pointer;font-size:medium;background:#eee;align-items:center;justify-content:center;border:1px solid #999}.project-remark{padding:4px;font-size:.9rem;background:#f9f9f9;border:1px solid #ccc}.project-remark-body{gap:3px;display:flex;margin-top:6px;flex-direction:column}.project-remark-text{width:100%;resize:none;min-height:48px;padding:6px 8px;font-size:.85rem;border-radius:3px;font-family:inherit;box-sizing:border-box;border:1px solid #bfbfbf}.project-remark-text::placeholder{color:#bbb;opacity:1}.project-bottom-row{background:#fff;padding:6px 8px;display:flex;justify-content:flex-end;align-items:center;gap:8px;z-index:20;bottom:0;height:45px;position:sticky;border-top:1px solid #9c1c3d}.project-bottom-btn{padding:4px 10px;font-size:.75rem;border:1px solid #999;background:#eee;border-radius:3px;cursor:pointer}.project-bottom-btn:hover{background:#ddd}.project-bottom-btn-primary{background:#eee;border-color:#9c1c3d}.project-bottom-btn-primary:hover{color:#fff;background:#7f162f}.project-groups-grid{gap:6px;display:grid;grid-template-rows:repeat(4,auto)}.blockgrid-grid{padding:4px;background:#f9f9f9;border:1px solid #ccc}.blockgrid-toprow{height:30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #999}.blockgrid-toprow-left{gap:8px;display:flex;font-size:1rem;align-items:center}.blockgrid-add-btn{width:20px;height:20px;display:flex;cursor:pointer;font-weight:700;font-size:medium;border-radius:3px;background:#eee;align-items:center;justify-content:center;border:1px solid #999}.blockgrid-add-btn:hover{background:#bbb}.blockgrid-row-body{gap:3px;display:flex;margin-top:6px;flex-direction:column}.block-lock-btn{width:20px;height:20px;cursor:default;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.block-lock-btn:disabled{opacity:.3;cursor:default}.block-lock-icon{width:14px;height:14px}.blockrow-row{height:24px;display:grid;align-items:center;grid-template-columns:30px 110px 30px 1fr 56px 56px 60px 24px}.blockrow-available-wrap{position:relative}.blockrow-available-list{position:absolute;top:22px;left:0;z-index:9999;background:#fff;border:1px solid #aaa;min-width:200px;max-height:150px;overflow-y:auto;box-shadow:0 2px 6px #0003}.blockrow-available-item,.blockrow-available-empty{display:block;width:100%;padding:4px 8px;text-align:left;background:#fff;border:none;cursor:pointer}.blockrow-available-item:hover{background:#eee}.blockrow-available-empty{color:#777;cursor:default}.blockrow-autocomplete{position:relative}.blockrow-autocomplete-list{position:absolute;top:calc(100% + 2px);left:0;right:0;max-height:180px;overflow-y:auto;background:#fff;border:1px solid #bfbfbf;box-shadow:0 2px 8px #00000026;z-index:50}.blockrow-autocomplete-item{width:100%;border:none;background:#fff;text-align:left;cursor:pointer;padding:4px 6px;font-size:.75rem}.blockrow-autocomplete-item:hover{background:#efefef}.blockrow-arrow-select{width:22px;height:22px;min-width:22px;padding-left:6px;font-size:.75rem;border-radius:3px;border:1px solid #ccc;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-size:10px;background-position:center;background-repeat:no-repeat;background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='10' viewBox='0 0 20 20' width='10' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 5 5-5z'/></svg>")}.blockrow-input{width:100%;height:22px;padding:4px 6px;font-size:.75rem;border-radius:3px;background:#fff;box-sizing:border-box;border:1px solid #bfbfbf}.blockrow-input::placeholder{color:#bbb;opacity:1}.blockrow-time-input{width:51px;margin-left:6px;text-align:center;font-size:.75rem}.blockrow-aantal{width:32px;margin-left:6px;text-align:center;font-size:.75rem}.blockrow-aantal-placeholder{height:26px}.blockrow-delete-btn{width:16px;height:16px;cursor:default;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;font-size:16px}.blockrow-delete-btn.active{cursor:pointer}.abcense-overlay{top:0;left:0;width:100%;height:100%;z-index:3000;position:fixed}.abcense-position{top:50px;left:50%;position:absolute;transform:translate(-50%);width:580px;max-height:80vh;border-radius:6px;background:#fff;border:1px solid #999;display:flex;overflow:hidden;flex-direction:column}.abcense-header{color:#fff;padding:6px 10px;background:#9c1c3d;display:flex;align-items:center;justify-content:space-between;font-size:1rem}.abcense-content{padding-left:8px;padding-right:8px;font-size:.75rem;flex:1;min-height:0;overflow-y:auto}.abcense-row{top:0;z-index:20;height:40px;display:flex;position:sticky;padding:6px 2px;margin-bottom:6px;background:#fff;align-items:center;justify-content:space-between;border-bottom:1px solid #9c1c3d}.abcense-row-left{gap:8px;display:flex;align-items:center}.abcense-row-right{display:flex;align-items:center}.abcense-label{font-weight:500}.abcense-date{font-size:1rem}.abcense-date-prefix{font-size:.65rem}.abcense-date-adddate{font-size:.9rem}.abcense-date-controls{gap:6px;display:flex;align-items:center}.abcense-date-controls.same-day{color:#999}.abcense-day-btn{width:20px;height:20px;display:flex;cursor:pointer;font-size:medium;background:#eee;align-items:center;justify-content:center;border:1px solid #999}.abcense-radio-header{display:grid;grid-template-columns:repeat(4,1fr);width:180px;gap:6px;margin-left:10px;text-align:center}.abcense-bottom-row{background:#fff;padding:6px 8px;display:flex;justify-content:space-between;align-items:center;gap:8px;z-index:20;bottom:0;height:45px;position:sticky;border-top:1px solid #9c1c3d}.abcense-bottom-left{display:flex;align-items:center}.abcense-bottom-right{display:flex;gap:8px}.abcense-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:1rem}.abcense-checkbox input{width:16px;height:16px;accent-color:#c62828}.abcense-checkbox input:checked+span{color:#c62828}.abcense-bottom-btn{padding:4px 10px;font-size:.75rem;border:1px solid #999;background:#eee;border-radius:3px;cursor:pointer}.abcense-bottom-btn:hover{background:#ddd}.abcense-bottom-btn-primary{background:#eee;border-color:#9c1c3d}.abcense-bottom-btn-primary:hover{color:#fff;background:#7f162f}.abcense-groups-grid{gap:6px;display:grid;grid-template-rows:repeat(4,auto)}.abcensegrid-grid{padding:4px;background:#f9f9f9;border:1px solid #ccc}.abcensegrid-toprow{height:30px;display:flex;margin-right:2px;align-items:center;justify-content:space-between;border-bottom:1px solid #999}.abcensegrid-toprow-left{gap:8px;display:flex;font-size:.8rem;align-items:center}.abcensegrid-add-btn{width:20px;height:20px;display:flex;cursor:pointer;font-weight:700;font-size:medium;border-radius:3px;background:#eee;align-items:center;justify-content:center;border:1px solid #999}.abcensegrid-add-btn:hover{background:#bbb}.abcensegrid-row-body{gap:3px;display:flex;margin-top:6px;flex-direction:column}.abcensegrid-title{font-size:small}.abcensegrid-textrow{height:24px}.abcenserow-text-group{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;justify-items:center}.abcense-lock-btn{width:20px;height:20px;cursor:default;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.abcense-lock-btn:disabled{opacity:.3;cursor:default}.abcense-lock-icon{width:14px;height:14px}.abcenserow-grid{display:grid;align-items:center;justify-content:stretch;grid-template-columns:30px 120px 30px 200px 60px 60px 50px}.abcenserow-row{height:24px}.abcenserow-autocomplete{position:relative}.abcenserow-autocomplete-list{position:absolute;top:calc(100% + 2px);left:0;right:0;max-height:180px;overflow-y:auto;background:#fff;border:1px solid #bfbfbf;box-shadow:0 2px 8px #00000026;z-index:50}.abcenserow-autocomplete-item{width:100%;border:none;background:#fff;text-align:left;cursor:pointer;padding:4px 6px;font-size:.75rem}.abcenserow-autocomplete-item:hover{background:#efefef}.abcenserow-arrow-select{width:22px;height:22px;min-width:22px;padding-left:6px;font-size:.75rem;border-radius:3px;border:1px solid #ccc;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-size:10px;background-position:center;background-repeat:no-repeat;background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='10' viewBox='0 0 20 20' width='10' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 5 5-5z'/></svg>")}.abcenserow-radio-group{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;justify-items:center}.abcenserow-input{width:100%;height:22px;padding:4px 6px;font-size:.75rem;border-radius:3px;background:#fff;box-sizing:border-box;border:1px solid #bfbfbf}.abcenserow-time-input{width:51px;margin-left:21px;text-align:center;font-size:.75rem}.abcenserow-delete-btn{width:16px;height:16px;justify-self:end;margin-right:4px;cursor:default;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;font-size:16px}.abcenserow-delete-btn.active{cursor:pointer}.confirm-actions{margin-top:15px}.dossier-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#0003;z-index:999;-webkit-user-select:none;user-select:none}.dossier-position{top:50px;left:50%;position:absolute;transform:translate(-50%);width:580px;max-height:80vh;border-radius:6px;background:#fff;border:1px solid #999;display:flex;overflow:hidden;flex-direction:column}.dossier-popup{position:absolute;width:600px;max-height:70vh;background:#fff;border:1px solid #999;border-radius:6px;display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none}.dossier-popup-header{background:#9c1c3d;color:#fff;padding:6px 10px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.dossier-popup-header button{background:none;border:none;color:#fff;cursor:pointer;font-size:14px}.dossier-popup-content{padding:6px;font-size:.85rem}.dp-grid{display:grid;grid-template-columns:1fr 80px 100px;grid-template-rows:36px 36px;border:1px solid transparent}.dp-cell{display:flex;align-items:center;gap:8px;padding:0 10px;min-width:0}.dp-cell:nth-child(3),.dp-cell:nth-child(6){border-left:1px solid #9c1c3d}.dp-cell:nth-child(2),.dp-cell:nth-child(5){border-left:1px solid #9c1c3d}.dp-cell:nth-child(1),.dp-cell:nth-child(4){justify-content:flex-start}.dp-cell:nth-child(2),.dp-cell:nth-child(5){justify-content:center}.dp-cell:nth-child(3),.dp-cell:nth-child(6){padding-left:12px;justify-content:center}.dp-title{font-size:1rem;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.Btn-set{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.dp-search{padding:4px 8px;cursor:pointer}.dp-input{width:60px;height:24px;padding:2px 6px;text-align:center;border:1px solid #333}.dp-cell label{display:flex;align-items:center;gap:4px;font-size:.85rem;white-space:nowrap}.dp-cell input[type=checkbox]{margin:0;transform:translateY(-1px)}.dp-list{margin-top:8px;border:1px solid #333;background:#fff;overflow-y:auto;height:28px}.dp-list.multi{height:200px}.dp-list.single{height:28px}.dp-list-item{display:flex;align-items:center;gap:10px;padding:4px 8px;cursor:pointer;border-bottom:1px solid #eee}.dp-list-item:hover{background:#f0f0f0}.dp-list-id{width:60px;text-align:right;font-weight:500;color:#333}.dp-list-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-list-empty{padding:10px;color:#777;font-style:italic}.dp-list-item.selected{background:#dbeafe}.dp-action-row{margin-top:6px;padding:6px 8px;display:flex;align-items:center;justify-content:space-between;border:1px solid #333;background:#fafafa}.dp-action-left{display:flex;align-items:center;gap:10px;min-width:0}.dp-action-id{width:60px;text-align:right;font-weight:500}.dp-action-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-action-placeholder{color:#999;font-style:italic}.dp-action-right{display:flex;align-items:center}.dp-action-btn{padding:4px 10px;cursor:pointer}.dp-action-btn:disabled{opacity:.5;cursor:not-allowed}.prestaties-popup{position:fixed;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);background:#fff;border:1px solid #333;border-radius:6px;box-shadow:0 4px 12px #0000004d;z-index:2000;overflow:hidden;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.prestaties-resize-handle{position:absolute;top:0;right:0;width:8px;height:100%;cursor:ew-resize;z-index:2100}.prestaties-popup-header{background:#9c1c3d;color:#fff;padding:6px 10px;display:flex;justify-content:space-between;align-items:center;cursor:move;font-size:.85rem}.prestaties-popup-header button{background:none;border:none;color:#fff;cursor:pointer;font-size:14px}.prestaties-popup-content{padding:6px;display:flex;flex-direction:column;min-height:0}.pp-topline{margin-bottom:8px;font-size:.85rem;padding-left:10px;padding-right:20px;display:flex;align-items:center}.pp-topline-left{min-width:0}.pp-topline-right{display:flex;align-items:center;gap:12px;margin-left:auto;white-space:nowrap}.pp-topline-right label{display:flex;align-items:center;gap:4px;cursor:pointer}.pp-status{padding:10px 6px;font-size:.85rem}.pp-error{color:#b00020}.pp-content-scroll{overflow:auto;max-height:calc(100vh - 140px);background:#f5f5f5;border:1px solid #bbb}.pp-grid{display:grid;position:relative;grid-template-rows:40px auto;width:fit-content}.pp-grid-header{background:#ddd;border-bottom:1px solid #aaa;border-right:1px solid #aaa;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500}.pp-grid-header.weekend{background:#ddd}.pp-grid-day{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.pp-grid-day-name{font-size:.65rem}.pp-grid-day-date{font-size:.8rem;font-weight:500}.pp-grid-cell{border-top:1px solid #9c1c3d;border-right:1px solid #aaa;border-bottom:6px solid #fff;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;position:relative;min-width:0;width:100%;background:#fff}.pp-grid-cell.weekend{background:#e6e6e6}.pp-day-total{position:absolute;top:17px;right:0;font-size:12px;font-weight:600;color:#000;z-index:500;padding:2px 4px}.pp-postit-container{margin-top:36px;display:flex;flex-direction:column;min-width:0;width:100%;align-items:stretch;white-space:normal;word-break:break-word;overflow:hidden}.pp-postit-line{display:flex;min-width:0;width:100%;max-width:100%;font-size:12px;line-height:1.3;text-align:left;white-space:normal;word-break:break-word;overflow:hidden}.pp-postit-line>span{display:flex;justify-content:space-between;align-items:flex-start;min-width:0;width:100%;padding:0 4px}.pp-text-left{overflow-wrap:anywhere}.pp-text-right{margin-left:6px;white-space:nowrap}.pp-plan-block{height:16px;border-radius:4px;padding:0;align-self:center;width:calc(100% - 4px);margin:0 2px;z-index:2}.pp-left-plan-block{height:16px;border-radius:4px;margin:3px 2px;width:50%;color:#000;font-size:11px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:3}.pp-right-plan-block{height:16px;border-radius:4px;width:50%;margin:3px 2px 3px auto;color:#000;font-size:11px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:3}.pp-center-plan-block{height:6px;border-radius:6px;width:30%;color:#000;font-size:11px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;justify-self:center;z-index:5}.pp-half-plan-block{height:8px;border-radius:4px;margin:3px 2px;color:#000;font-size:11px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:last baseline;z-index:4}.pp-center-plan-block,.pp-plan-block,.pp-left-plan-block,.pp-right-plan-block,.pp-half-plan-block{align-self:start;margin-top:2px}.schedule-root{height:100vh;display:flex;flex-direction:column;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffffb3;z-index:9999}.schedule-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffff80;z-index:2000}.schedule-loading-overlay img{opacity:.8;pointer-events:none}.schedule-content{flex:1;min-height:0;overflow-x:auto;overflow-y:auto;background:#f5f5f5;transition:opacity .35s ease}.schedule-content.fade-swap{opacity:.35}.schedule-btn-refresh{height:32px;width:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;margin-left:10px}.schedule-refresh-icon{width:24px;height:24px}.schedule-txt-projecten{font-size:16px;margin-right:10px;margin-left:auto}.schedule-grid{display:grid;position:relative;grid-template-rows:40px;grid-auto-rows:auto;width:fit-content;-webkit-user-select:none;user-select:none}.schedule-grid>*{min-width:0}.schedule-grid-header{background:#ddd;border-bottom:1px solid #aaa;border-right:1px solid #aaa;display:flex;align-items:center;font-size:.75rem;font-weight:500;position:sticky;top:0;z-index:8;justify-content:center}.schedule-grid-header.weekend{background:#ccc}.schedule-grid-cell.weekend{background:#e6e6e6}.schedule-grid-first{position:sticky;left:0;z-index:400;background:#fff;border-bottom:1px solid #aaa;border-right:1px solid #aaa;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:4px 8px;font-size:.7rem;min-width:120px;flex-shrink:0;box-shadow:2px 0 6px #0000000d}.schedule-grid-corner{position:sticky;top:0;left:0;z-index:1000;background:#ddd}.schedule-name{font-weight:500;text-align:right;margin-bottom:2px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.schedule-grid-day{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.schedule-grid-day-name{font-size:.65rem}.schedule-grid-day-date{font-size:.7rem;font-weight:500}.schedule-grid-cell{border-bottom:1px solid #aaa;border-right:1px solid #aaa;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.7rem;position:relative;min-height:24px;min-width:0;width:100%}.absence-cell{background:#ffe1c2}.absence-cell.weekend{background:#f1d3b2}.absence-cell.weekend-absence-cell{background:#f1d3b2!important}.abroad-cell{background:#efdaf0}.abroad-cell.weekend{background:#e7cfe4}.abroad-cell.weekend-abroad-cell{background:#a4bfdf!important}.schedule-range-bar{z-index:5;background:#f8d7da;border:1px solid #aaa;border-radius:6px;display:flex;align-items:center;padding:0 6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;pointer-events:auto;height:20px}
