html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ul dl,ol ol,ol ul,ul ol,ul ul{margin:0}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,select{margin:0}button{overflow:visible;text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details{display:block}dialog{background-color:#fff;border:solid;color:#000;display:block;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}.keen-slider{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.keen-slider,.keen-slider__slide{overflow:hidden;position:relative}.keen-slider__slide{width:100%;min-height:100%}.keen-slider[data-keen-slider-v]{flex-wrap:wrap}.keen-slider[data-keen-slider-v] .keen-slider__slide{width:100%}.keen-slider[data-keen-slider-moves] *{pointer-events:none}*{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}textarea,input{-webkit-touch-callout:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}html{font-size:12px;font-family:Roboto,sans-serif}body{margin:0;padding:48px 0 0;background:var(--background);color:var(--dark)}input,textarea{font-family:Roboto,sans-serif}::-moz-placeholder{color:#00000080;opacity:1}::placeholder{color:#00000080;opacity:1}:-ms-input-placeholder{color:#00000080}::-ms-input-placeholder{color:#00000080}body.error{padding:15px}body.error app-navigation{display:none}.button{display:flex;align-items:center;justify-content:center;height:40px;border-radius:var(--button-border-radius);font-size:12px;line-height:40px;font-weight:700;text-transform:uppercase;text-align:center;text-decoration:none;border:0}.button:disabled{opacity:.5}.button.primary{box-shadow:var(--primary-button-shadow);border:1px solid var(--primary-button-border);background-color:var(--primary-button-bg);color:var(--primary-button-text)}.button.accent{box-shadow:var(--accent-button-shadow);border:1px solid var(--accent-button-border);background-color:var(--accent-button-bg);color:var(--accent-button-text)}.button.action{box-shadow:var(--action-button-shadow);border:1px solid var(--action-button-border);background-color:var(--action-button-bg);color:var(--action-button-text)}.button.secondary{color:var(--secondary-button-text);background:var(--secondary-button-bg);box-shadow:var(--secondary-button-shadow);border:1px solid var(--secondary-button-border)}.button.confirmation{color:var(--confirmation-button-text);background:var(--confirmation-button-bg);box-shadow:var(--confirmation-button-shadow);border:1px solid var(--confirmation-button-border)}.button.negative{color:var(--negative-button-text);background:var(--negative-button-bg);box-shadow:var(--negative-button-shadow);border:1px solid var(--negative-button-border)}.button.positive{color:var(--positive-button-text);background:var(--positive-button-bg);box-shadow:var(--positive-button-shadow);border:1px solid var(--positive-button-border)}.button.warning{color:var(--warning-button-text);background:var(--warning-button-bg);box-shadow:var(--warning-button-shadow);border:1px solid var(--warning-button-border)}.button.medium{height:32px;line-height:32px;padding:0 8px}.button.small{height:24px;line-height:24px;padding:0 8px}.icon{line-height:1px;display:inline-block;vertical-align:middle}.icon svg{display:inline-block;vertical-align:middle;height:auto;width:auto;max-width:100%;margin:0 auto}.icon.main svg circle,.icon.main svg path,.icon.main svg polygon{fill:var(--icon-main)}.icon.arrow svg circle,.icon.arrow svg path,.icon.arrow svg polygon{fill:var(--icon-arrow)}.icon.primary svg circle,.icon.primary svg path,.icon.primary svg polygon{fill:var(--primary)}.icon.on-primary svg circle,.icon.on-primary svg path,.icon.on-primary svg polygon{fill:var(--on-primary)}.icon.accent svg circle,.icon.accent svg path,.icon.accent svg polygon{fill:var(--accent)}.icon.on-accent svg circle,.icon.on-accent svg path,.icon.on-accent svg polygon{fill:var(--on-accent)}.icon.warning svg circle,.icon.warning svg path,.icon.warning svg polygon{fill:var(--warning)}.icon.on-warning svg circle,.icon.on-warning svg path,.icon.on-warning svg polygon{fill:var(--on-warning)}.icon.muted svg circle,.icon.muted svg path,.icon.muted svg polygon{fill:var(--muted)}.request-type-indicator{position:absolute;height:60px;width:60px;background:var(--background);transform:rotate(45deg);text-align:center;line-height:40px;top:-30px;right:-30px}.request-type-indicator .icon{transform:rotate(-45deg);position:absolute;top:40px;right:21px}.request-type-indicator .icon svg path{fill:#ccc}.no-data-indicator{text-align:center;font-size:12px;line-height:16px;margin:0 8px 15px;padding:32px 12px;background:var(--white);border:1px solid var(--grey);border-top:0;border-radius:0 0 4px 4px;z-index:0;overflow:hidden}.confirm-box p{margin:32px 17px;font-size:14px;line-height:20px}.confirm-box .actions{display:flex;background:var(--white);justify-content:space-between;padding:0 0 15px}.confirm-box .actions a{flex:1;margin:0 15px 0 0}.confirm-box .actions a:last-child{margin:0}.card{display:flex;justify-content:space-between;background:var(--white);border-radius:var(--card-border-radius);border:1px solid var(--grey);margin:0 0 16px;box-shadow:var(--card-shadow)}.card.no-header{margin-bottom:0}.card.no-bg{background:transparent;display:block}.card.no-bg .shift-header .content{padding:16px}.card header{border-bottom:1px solid var(--grey);padding:12px;display:flex;justify-content:space-between;width:100%}.card header h3,.card header span{line-height:24px}.card header h3{margin:0;font-size:16px;font-weight:700}.card header h3 .icon{vertical-align:middle;margin:0 7px 0 0;display:inline-block}.card header span .icon{margin-left:7px}.card header .status{color:var(--grey-dark);font-size:10px;font-weight:700;text-transform:uppercase}.card header .status .indicator{display:inline-block;width:12px;height:12px;border-radius:6px;border:1px dashed var(--grey-dark);margin:0 8px -2px 0}.card header .status .indicator.conceptapproved,.card header .status .indicator.processing{border:1px solid var(--grey-dark)}.card header .status .indicator.accepted,.card header .status .indicator.approved{border:1px solid var(--positive);background:var(--positive)}.card header .status .indicator.notpossible,.card header .status .indicator.declined{border:1px solid var(--negative);background:var(--negative)}.card header .status .indicator.overstaffed{border:1px solid var(--warning);background:var(--warning)}.card header .status .indicator.semi-overstaffed{border:1px solid var(--warning);background:var(--white)}.card main{width:100%;padding:16px 12px}.card main .type{color:var(--primary);font-weight:700}.card main p{font-size:14px;line-height:20px;margin:0 0 12px}.card main p:last-child{margin:0}.card main .text{padding:0 30px 0 0}.card main .text+.tools{margin-top:12px}.card .actions{padding:16px;display:flex;align-items:center}.shift-header{display:flex;align-items:center}.shift-header .content{padding:16px 0 16px 16px;display:flex;align-items:center;flex:1}.shift-header .content .date{padding:4px 12px 4px 0;margin:0 8px 0 0;font-size:16px;line-height:19px;text-align:center;text-transform:uppercase;position:relative}.shift-header .content .date:after{content:"";display:block;width:4px;border-radius:2px;position:absolute;top:0;bottom:0;right:0;background:var(--primary)}.shift-header .content .date span{display:block}.shift-header .content .date span:first-child{font-weight:700;margin:0 0 4px}.shift-header .content .date span.changed{text-decoration:line-through}.shift-header .content .shift h3,.shift-header .content .shift p{color:var(--dark);margin:0}.shift-header .content .shift h3{font-weight:700;opacity:1;font-size:16px;line-height:19px;margin:0 0 4px}.shift-header .content .shift p{opacity:.7;font-size:12px;line-height:19px}.shift-header .content .no-shift{text-align:center;padding-right:16px;flex:1;font-size:12px;line-height:19px}.shift-header .content .no-shift .icon{margin-right:8px}.shift-header .tools{padding:16px}.shift-header.pending-duty .content .date:after{background:var(--white);box-shadow:inset 0 0 0 1px var(--accent)}.shift-header.overstaffed .content .date:after{background:var(--warning)}.shift-header.alternative .content .date:after{background:var(--positive)}.shift-header.semi-overstaffed .content .date:after{background:var(--white);box-shadow:inset 0 0 0 1px var(--warning)}.shift-header.realized .content .date:after{background:var(--accent)}.shift-header.declined .content .date:after{background:var(--negative)}.timeline{position:relative;padding:17px 0 0;margin:0 0 16px}.timeline:before{content:"";position:absolute;z-index:0;display:block;background:var(--grey);width:2px;top:0;bottom:0;left:15px}.timeline .item{display:block;position:relative;z-index:1;padding:0 16px 24px 32px}.timeline .item:last-child{padding-bottom:0}.timeline .item>h3{display:flex;align-items:center;margin:0 0 16px;font-size:16px;line-height:19px}.timeline .item>h3 span{flex:1}.timeline .item:before{content:"";position:absolute;display:block;background:var(--white);border:1px solid var(--grey);width:14px;height:14px;border-radius:100%;left:8px;top:1px}.timeline .item.active:before{background:var(--accent)}.timeline .item.secondary:before{background:var(--grey)}.timeline .item .card:last-child{margin:0}.timeline .item .requests{margin:0 0 16px}nav.header{background:var(--top-nav);color:var(--on-top-nav);top:48px;height:48px;line-height:48px;box-shadow:var(--top-nav-shadow);text-align:center;display:flex;text-transform:uppercase;position:fixed;width:100vw;z-index:500}nav.header.sub{background:var(--grey-light);color:var(--dark);box-shadow:none;z-index:10;border-bottom:1px solid var(--grey)}nav.header.sub button .icon{background:transparent;border-color:transparent}nav.header.sub button .icon svg path,nav.header.sub button .icon svg polygon{fill:var(--dark)}nav.header button{flex-basis:60px;background:none;border:0;padding:0;color:var(--on-top-nav);font-size:12px;display:flex;align-items:center}nav.header button .icon{display:inline-block;width:32px;height:32px;text-align:center;background:var(--button-nav-background);border:1px solid var(--button-nav-border);border-radius:3px;display:flex;align-items:center;margin:0 auto}nav.header button:focus{outline:none}nav.header span{flex:1;font-weight:700}nav.header span.multiline{display:flex;flex-direction:column;justify-content:center;align-items:center}nav.header span.multiline span{flex:0;font-size:12px;line-height:14px}nav.header span.multiline span:last-child{margin:4px 0 0;color:var(--button-nav-on-inactive)}nav.header+*{margin-top:48px}.compact-shift{padding:16px;background:var(--white)}.compact-shift h3{color:var(--grey-dark);font-size:12px;line-height:14px;text-transform:uppercase;margin:0}.compact-shift app-shift-header .shift-header .content{padding:8px 0 0}app-calendar-event.event-proposal{background:var(--white);border:1px dashed var(--grey)}app-calendar-event.event-proposal.overstaffed,app-calendar-event.event-proposal.semi-overstaffed,app-calendar-event.event-proposal.shift,app-calendar-event.event-proposal.wildcard{z-index:6!important}app-calendar-event.event-proposal.overstaffed{background:var(--warning)!important;border:1px solid var(--warning)!important}app-calendar-event.event-proposal.semi-overstaffed{background:white!important;border:1px solid var(--warning)!important}app-calendar-event.event-proposal.shift{background:var(--primary);border:1px solid var(--primary)}app-calendar-event.event-proposal.wildcard{background:var(--accent)!important;border:1px solid var(--accent)!important}app-calendar-event.event-proposal.other-department{background:var(--grey-dark)!important;border:1px solid var(--grey-dark)!important}app-calendar-event.event-alternative{background:var(--white);border:1px solid var(--positive)}app-calendar-event.event-allDay.event-joker{border:1px solid var(--accent);background:white}app-alternatives app-calendar .day.selected:before{content:"";display:block;position:absolute;inset:0;border:2px dashed var(--positive)}app-alternatives app-calendar-event.event-proposal{display:none}app-alternatives app-calendar-event.event-proposal.overstaffed,app-alternatives app-calendar-event.event-proposal.semi-overstaffed,app-alternatives app-calendar-event.event-proposal.shift,app-alternatives app-calendar-event.event-proposal.wildcard{display:block}app-alternatives app-duty{background:var(--white)}app-alternatives app-duty .shift-header .content .date:after{background:var(--positive)}app-context-menu .trigger svg path{fill:var(--on-primary);transition:all .3s ease-in-out}app-context-menu .trigger.active svg path{fill:var(--primary)}app-error app-slide-up-panel svg path{fill:var(--negative)!important}app-navigation a svg path,app-navigation a svg polygon{fill:var(--tab-text-inactive)}app-navigation a.active svg path,app-navigation a.active svg polygon{fill:var(--tab-text)}app-selector-input span{color:var(--grey)}app-shift-selector-input .shift-header .content{padding:0}app-shift-selector-input a.active .shift-header .content .date:after{background:var(--on-primary)}app-shift-selector-input a.active .shift-header .content .shift h3,app-shift-selector-input a.active .shift-header .content .shift p{color:var(--on-primary)}app-shift-selector-input a.active .shift-header.pending-duty .content .date:after{box-shadow:inset 0 0 0 1px var(--on-primary);background:var(--primary)}app-duty .shift-header .content{padding:8px 0}app-duty.joker .icon svg circle,app-duty.joker .icon svg path,app-duty.joker .icon svg polygon{fill:var(--on-accent)}app-duty.shift .shift-header .content .date:after{background:var(--on-primary)}app-duty.shift .shift-header .content .shift h3,app-duty.shift .shift-header .content .shift p{color:var(--on-primary)}app-duty.semi-overstaffed .shift-header .content .date:after{background:var(--warning)}app-duty.semi-overstaffed .shift-header .content .shift h3,app-duty.semi-overstaffed .shift-header .content .shift p{color:var(--dark)}app-duty.semi-overstaffed .duty .icon svg circle,app-duty.semi-overstaffed .duty .icon svg path,app-duty.semi-overstaffed .duty .icon svg polygon{fill:var(--warning)}app-duty.overstaffed .shift-header .content .date:after{background:var(--on-warning)}app-duty.overstaffed .shift-header .content .shift h3,app-duty.overstaffed .shift-header .content .shift p{color:var(--on-warning)}app-duty.overstaffed .duty .icon svg circle,app-duty.overstaffed .duty .icon svg path,app-duty.overstaffed .duty .icon svg polygon{fill:var(--on-warning)}app-duty.disabled .shift-header .content .date:after{background:var(--grey)}app-schedule-day button.joker.active span .icon svg circle,app-schedule-day button.joker.active span .icon svg path,app-schedule-day button.joker.active span .icon svg polygon{fill:var(--on-accent)}app-slide-up-panel .confirm-box .actions{width:calc(100% + 30px);margin-left:-15px;margin-top:0;border-top:1px solid var(--grey);display:flex;background:var(--white);justify-content:space-between;padding:15px}app-slide-up-panel .confirm-box .actions a{flex:1;margin:0 15px 0 0}app-slide-up-panel .confirm-box .actions a:last-child{margin:0}app-wildcards app-slide-up-panel header svg path{fill:var(--accent)!important}app-wildcards .contained-wildcards .delete{display:none}app-conflict app-shift-header .shift-header .content{padding:0 16px}.theme-default .mode-switch .icon.primary svg path,.theme-default .mode-switch .icon.primary svg polygon,.theme-324 .mode-switch .icon.primary svg path,.theme-324 .mode-switch .icon.primary svg polygon{fill:var(--button-nav-on-active)}.theme-default .mode-switch .icon.on-primary svg path,.theme-default .mode-switch .icon.on-primary svg polygon,.theme-324 .mode-switch .icon.on-primary svg path,.theme-324 .mode-switch .icon.on-primary svg polygon{fill:var(--button-nav-on-inactive)}.theme-default .calendar .header,.theme-324 .calendar .header{border-bottom:1px solid var(--calendar-border)}.theme-default nav button .icon.on-primary svg path,.theme-default nav button .icon.on-primary svg polygon,.theme-324 nav button .icon.on-primary svg path,.theme-324 nav button .icon.on-primary svg polygon{fill:var(--button-nav-on-inactive)}app-root:empty+.app-loader{opacity:1;display:block}.app-loader{opacity:0;display:none;transition:all .3s ease-in-out}.app-loader .visual{display:block;text-align:center;position:absolute;background:#FFF;padding:20px;top:50%;left:50%;transform:translate(-50%,-50%)}.app-loader .app-loader-spinner{margin:0 auto}.app-loader .app-loader-spinner>div{width:18px;height:18px;margin:0 3px;background-color:#0071b3;border-radius:100%;display:inline-block;animation:app-loader-spinner 1.4s infinite ease-in-out both}.app-loader .app-loader-spinner .bounce1{animation-delay:-.32s}.app-loader .app-loader-spinner .bounce2{animation-delay:-.16s}@keyframes app-loader-spinner{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}

/*# sourceMappingURL=styles.51adad7bc431011d.css.map*/