iframe{display:none}:root{--bgcolor:#eee;--input-bgcolor:#fff;--border-color:#aaa;--border-radius:5px;--color-primary:#db002f}*{box-sizing:border-box}body,html{font-size:14px;background-color:#ededed;overflow:auto;width:100vw;height:100vh}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}label span.field{display:block;padding:7px 7px 2px}input[type=number],input[type=password],input[type=text]{width:100%}button,input[type=number],input[type=password],input[type=text]{padding:7px;border:1px solid #aaa;border:1px solid var(--border-color);border-radius:5px;border-radius:var(--border-radius)}.version-info{position:absolute;left:20px;bottom:20px;font-size:13px;color:#aaa}.group:after{content:"";display:table;clear:both}.view{margin-top:64px;padding:15px}.view.detail{max-width:1000px;margin:75px auto auto}.view-month{min-width:1500px}.react-datepicker-wrapper,.react-datepicker__input-container{display:block!important}.react-datepicker__input-container input{text-align:center}.date-picker{display:inline-block;width:250px;padding:0 2px}.date-navigator{margin-bottom:20px}.date-navigator .button-next,.date-navigator .button-prev{display:inline-block;text-align:center;width:30px;height:30px;padding:7px;border-radius:5px;border-radius:var(--border-radius);line-height:15px;-webkit-transform:translateY(2px);transform:translateY(2px);cursor:pointer;border:0;background-color:#db002f;background-color:var(--color-primary);color:#fff;font-weight:700;vertical-align:top}.date-navigator input{margin:2px 0 0;background-color:#db002f!important;background-color:var(--color-primary)!important;color:#fff;font-size:14px;font-weight:700;border:0}.absence-hover-list{text-align:left}.full-absent{background-color:#ff4747}.half-absent{background-color:#ffc353}.employee-absence.current-user{background-color:#b9d5b9!important}.a-tooltip{position:relative;display:inline-block;cursor:default}.a-tooltip .tooltiptext{visibility:hidden;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:15px;position:absolute;z-index:1000}.a-tooltip .tooltiptext.left{right:100%}.a-tooltip .tooltiptext.left,.a-tooltip .tooltiptext.right{top:50%;-webkit-transform:translate(-15px,-50%);transform:translate(-15px,-50%);opacity:0}.a-tooltip .tooltiptext.right{left:50px;line-height:20px;width:-webkit-max-content;width:max-content}.a-tooltip .tooltiptext.left:after{content:"";position:absolute;top:50%;right:-10px;margin-top:-5px;border:5px solid transparent;border-left-color:#000}.a-tooltip .tooltiptext.right:after{content:"";position:absolute;top:50%;left:-10px;margin-top:-5px;border:5px solid transparent;border-right-color:#000}.a-tooltip:hover .tooltiptext{visibility:visible;opacity:1}.a-tooltip .with-dots{border-bottom:1px dotted #000}tr.employee-absence:hover{background-color:#d4f4d4}.clickable{cursor:pointer}.default-button{margin:0 10px 0 0;height:30px;display:inline-block;text-align:center;padding:7px;border-radius:5px;border-radius:var(--border-radius);line-height:15px;-webkit-transform:translateY(2px);transform:translateY(2px);cursor:pointer;border:0;background-color:#db002f;background-color:var(--color-primary);color:#fff;font-weight:700;vertical-align:top}button.import-button{margin:20px 5px}.react-grid-layout{margin:-10px}.react-grid-item>.react-resizable-handle{bottom:12px!important;right:-3px!important}.toolbar{padding-bottom:10px;-webkit-user-select:none;user-select:none}.room-grid-item{display:flex}.react-grid-item .group,.room-grid-item{background-color:#fff;box-shadow:2px 2px 5px 0 #ccc}.react-grid-item .group{cursor:default}.room-grid-item>.group{box-shadow:none;display:flex;flex-direction:column;flex:1 1}.room-header{font-weight:700;padding:5px 15px 0;color:#000;font-size:.9rem;border-bottom:1px solid #555}.room-employee{font-weight:400;padding:0 15px 0 30px;font-style:italic;font-size:.9rem}.basic-modal,.room-group-body{overflow:auto}.basic-modal{display:grid;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(30,30,30,.7);z-index:110}.basic-modal>.content{z-index:115;background-color:#fff;border:2px solid #bbb;border-radius:5px;padding:15px;justify-self:center;align-self:center}.select-box{width:100%;padding:5px}.header{width:100vw;position:fixed;top:0;left:0;background-color:var(--color-primary);height:64px;z-index:100;-webkit-user-select:none;user-select:none;display:grid;grid-template-columns:240px 1fr}.header .logo{float:left}.all-menu-items{display:grid;height:100%;width:100%}.all-menu-items>div{display:grid;grid-auto-flow:column;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;justify-content:right;align-content:center}.all-menu-items.mobile>div{display:grid;grid-auto-flow:unset;grid-template-columns:1fr;padding:10px}.nav-menu-toggle{cursor:pointer;font-size:30px;color:#fff;z-index:200;position:absolute;right:0;top:0;padding:10px 20px}.all-menu-items .item a{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;text-decoration:none;display:inline-block;color:#fff;border-bottom:0;padding:0;margin:5px 10px}.all-menu-items .item.active a{border-bottom:5px solid #000;padding-bottom:5px}.user-name{font-size:16px;padding:0 20px;align-self:center;cursor:auto}.nav-menu.mobile{right:13px;top:23px}.nav-menu.mobile .items{position:static;padding:0;background-color:#fff;box-shadow:2px 2px 5px 0 #ccc;position:absolute;right:0;top:65px;width:200px;text-align:left}.nav-menu.mobile .item{display:block;border-top:1px solid red;width:100%}.nav-menu.mobile .item:first-child{border-top:0}.nav-menu.mobile .item a{color:var(--color-primary);font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;text-decoration:none;display:block;padding:10px;margin:0;width:100%;height:34px}.nav-menu.mobile .item.active a{color:#000}.nav-menu.mobile .item a:hover{background-color:var(--color-primary);color:#fff}.nav-menu.mobile .user-name{color:#000;padding:10px}input{margin:10px 0}.modal{font-size:12px}.modal>.actions,.modal>.content{width:100%;padding:10px 5px}.modal>.actions{margin:auto;text-align:center}.modal>.close{cursor:pointer;position:absolute;display:block;padding:2px 5px;line-height:20px;right:-10px;top:-10px;font-size:24px;background:#fff;border-radius:18px;border:1px solid #cfcece;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.in-meeting-button{width:100%;padding:10px;margin:5px 0}.cancel-button{width:100px;padding:5px;float:right;margin-right:5px}.popup-content{max-width:400px;background-color:#fff;border-color:grey;padding:15px}.close-sign{vertical-align:text-top;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#popup-root .popup-overlay{background-color:rgba(0,0,0,.6)}.dagoverzicht{white-space:nowrap;border-spacing:0;border-collapse:collapse;width:100%;background-color:#fff}.dagoverzicht td{font-size:14px;padding:1px 5px}.monthoverview{white-space:nowrap;border-spacing:0;border-collapse:collapse;width:100%;background-color:#fff}.monthoverview td{font-size:12px;padding:0 5px;line-height:14px}.center{text-align:center}td.dagcellHeader{white-space:nowrap;padding:1px;font-weight:700}td.dagcellHeader.is-special-day{background-color:#90ee90}td.dagcellHeader.is-holiday{background-color:#ccc}td.dagcell,td.dagcellHeader{border-left:1px solid #ddd;border-top:1px solid #ddd}td.dagcell:first-child,td.dagcellHeader:first-child{border-left:0}thead td.dagcellHeader{border-top:0}.employee-absence-day{width:100%;height:30px;position:relative}.employee-absence-day.small-row,.employee-absence-day.small-row>div{height:25px!important;line-height:25px!important}td.employee-name{padding-left:10px}.employee-absence-day{border-top:1px solid #ababab}.employee-absence-day>div{position:absolute;height:auto}.employee-absence-day .status{width:20px;left:1%;background-size:contain;line-height:30px;left:10px;top:5px;height:20px;background-repeat:no-repeat;padding:5px}.employee-absence-day.small-row .status{top:3px;height:75%!important}.employee-absence-day.absent>.status{background-image:url(/static/media/unavailable.cbcfa1ae.svg)}.employee-absence-day.work>.status{background-image:url(/static/media/available.3f384c88.svg)}.employee-absence-day.customer>.status,.employee-absence-day.home>.status{background-image:url(/static/media/working-elsewhere.b6f562fc.svg)}.employee-absence-day.idle>.status{background-image:url(/static/media/available-timeout.19569061.svg)}.employee-absence-day.meeting>.status{background-image:url(/static/media/in-meeting.0600421c.svg)}.employee-absence-day.tentative>.status{background-image:url(/static/media/tentative.e9ac44f5.svg)}.employee-absence-day .name{left:12%;width:35%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:30px}.employee-absence-day .absences{left:50%;width:45%;font-style:italic;font-size:.8rem}.employee-absence-day .absences>div{float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;width:100%}.employee-absence-day .absences.single-absences{line-height:30px}.employee-absence-day .absences.multi-absences{line-height:15px}.employee-absence-day.small-row .absences.multi-absences>div{line-height:12px!important}.group-header{font-weight:700;padding:5px 10px;height:30px;color:var(--color-primary);border-bottom:1px solid var(--color-primary);cursor:move}td.weekend{background:#fcf192}td.today{border-left:3px solid #000!important;border-right:3px solid #000!important}thead td{vertical-align:bottom}thead td.dagcellHeader.today{color:red}.absent td.dagcell.naam{color:#ff4747}.absent td.dagcell.status{background:#ff4747}.work td.dagcell.status{background:#90ee90}.customer td.dagcell.status,.home td.dagcell.status{background:#ffc000}.idle td.dagcell.status{background:#abdaab;opacity:.6}.meeting td.dagcell.status{background:#ff0}.total-available{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;float:right}.react-loading{vertical-align:top;padding-left:10px}.date-navigator,.in-meeting,.react-loading{display:inline-block}.in-meeting{margin:0 10px;height:30px;text-align:center;padding:7px;border-radius:var(--border-radius);line-height:15px;-webkit-transform:translateY(2px);transform:translateY(2px);cursor:pointer;border:0;background-color:var(--color-primary);color:#fff;font-weight:700;vertical-align:top;-webkit-user-select:none;user-select:none}.employee-absence-day .btn-add{position:absolute;right:5px;top:5px;display:none;color:var(--color-primary);cursor:pointer}.employee-absence-day:hover .btn-add{display:block}.cal-event>.btn-edit{display:none;cursor:pointer;color:var(--color-primary)}.cal-event:hover>.btn-edit{display:inline-block}.cal-event.editable{font-weight:700}.employee-group-list tr{cursor:default}.new-edit-title{font-size:1.5rem;border-bottom:1px solid #aaa;margin:10px 0}input[readonly]{-webkit-user-select:none;user-select:none}input[readonly]:focus{outline:none}.footer{padding:40px 0}.float-right{float:right}.employee-selector-wrapper{margin:10px 0}
/*# sourceMappingURL=main.1e8ec83e.chunk.css.map */