.login{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#c19e80}.login .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.login .logo{width:180px;display:block;margin:0 auto;border-radius:5px;margin-bottom:25px}.login .box{position:relative;max-width:280px;padding-left:20px !important;padding-right:20px !important;background-color:#363a4f}.login .box::before{content:"";background-image:url(/images/edge-blue.svg);width:100%;height:36px;position:absolute;left:0;top:-27px;z-index:-2}.login .box::after{content:"";background-image:url(/images/edge-blue.svg);width:100%;height:45px;position:absolute;left:0;bottom:-18px;z-index:-2}.login .login-form{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.login .login-form .input-label,.login .login-form span{color:#fff}.login .login-form input.btn{background-color:#c19e80}.login .login-form input.btn:hover{background-color:#fff}body.calendar:not(.screen){padding-top:110px}.screen .header{display:none}.header{top:0;width:100%;color:#fff;z-index:7;min-height:110px;padding:20px 0;position:fixed;-webkit-box-shadow:0 1px 4px 0 rgba(51,51,51,.25);box-shadow:0 1px 4px 0 rgba(51,51,51,.25);background-color:#363a4f}.header .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header .logo{height:70px;display:none;border-radius:5px;margin-right:20px}@media screen and (min-width: 360px){.header .logo{display:block}}.header__info .h1{text-align:left;margin-bottom:0}.header__info span{display:block;margin-top:5px}@media screen and (min-width: 360px){.header__info{margin-right:20px}}.header__right{margin-left:auto}.header__right a{text-decoration:underline}.Maandag{display:none !important}.screen{overflow:hidden}.screen .agenda{min-height:100vh;background:#363a4f;background-size:250px;background-repeat:repeat;background-position:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.screen .agenda-table{min-height:100vh;margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.screen *{font-size:1.2rem !important}.screen #month-for-screen-page{display:none;top:0;bottom:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed}.screen #month-for-screen-page .month-arrow svg{display:block;width:24px;rotate:270deg}.screen #month-for-screen-page .month-arrow.prev svg{rotate:90deg}.screen #month-for-screen-page h1{margin:0 15px;text-align:center;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;rotate:180deg;font-size:2.4rem !important;line-height:1.6;margin-top:20px}.screen #month-for-screen-page a{margin:0 23px;text-align:center;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;rotate:180deg;font-size:2.2rem !important;line-height:1.6;margin-top:20px}.screen #month-for-screen-page a:first-child{margin-top:0}@media screen and (min-width: 1024px){.screen #month-for-screen-page{display:-webkit-box;display:-ms-flexbox;display:flex}}.screen .day-sprint{line-height:1.1}.screen .box{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex}.screen.calendar main.agenda .container{max-width:none !important}@media screen and (min-width: 1024px){.screen .agenda-table{padding-left:60px}}.screen .agenda-table .row--head{display:none}.screen .agenda-table .row .cell .day .day-name{display:block}@media screen and (min-width: 1024px){.screen .agenda-table .row .cell{aspect-ratio:initial;width:16.6666666667%}}.screen .day-sprint{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.screen .day-sprint *{white-space:nowrap !important}.screen .day-sprint .day-title{-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important}.screen .day-sprint strong:last-child{margin-left:5px}#month-for-screen-page{display:none}.screen .agenda{padding:0px !important}.agenda{position:relative;padding:80px 0 !important;background:#c19e80;background-size:200px;background-repeat:repeat;background-position:center}.agenda-head{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:15px}.agenda-head h2{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:100%;margin-bottom:10px}.agenda-head .nav-button{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.agenda-head .nav-button.prev{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}@media screen and (min-width: 560px){.agenda-head{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.agenda-head h2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin-bottom:0}.agenda-head .nav-button{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.agenda-head .nav-button.prev{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media screen and (min-width: 1024px){.agenda-head{margin-bottom:25px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.agenda-head h2{width:auto;margin:0 25px}}.agenda .box{position:relative}.agenda .box::before{content:"";background-image:url(/images/edge-white.svg);width:100%;height:36px;position:absolute;left:0;top:-27px;z-index:-2}.agenda .box::after{content:"";background-image:url(/images/edge-white.svg);width:100%;height:45px;position:absolute;left:0;bottom:-18px;z-index:-2}.agenda .nav-button{display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px 10px;border-radius:3px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#363a4f}.agenda .nav-button span{color:#fff;font-size:1.4rem}.agenda .nav-button svg{height:24px;fill:#fff;rotate:180deg;margin:0 0 0 5px}.agenda .nav-button.prev svg{rotate:0deg;margin:0 5px 0 0}.agenda-table{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:60px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.agenda-table .row{display:-webkit-box;display:-ms-flexbox;display:flex;border-left:solid 1px #d8d8d8}.agenda-table .row .cell{width:100%;padding:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-right:solid 1px #d8d8d8;border-bottom:solid 1px #d8d8d8}.agenda-table .row .cell.inactive{background:#ededed}.agenda-table .row .cell.inactive .day-sprint{cursor:not-allowed;opacity:.7}.agenda-table .row .cell .shifts{width:calc(100% - 20px)}.agenda-table .row .cell .day{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;gap:5px;font-size:14px;margin-right:8px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 1024px){.agenda-table .row .cell .day .day-name{display:none}}@media screen and (min-width: 560px){.agenda-table .row .cell{width:50%;aspect-ratio:1/1}}@media screen and (min-width: 768px){.agenda-table .row .cell{width:33.3333333333%}}@media screen and (min-width: 1024px){.agenda-table .row .cell{width:16.6666666667%}}.agenda-table .row--head{display:none}.agenda-table .row--head .cell{aspect-ratio:0;font-weight:bold;text-align:center;border-bottom:0}.agenda-table .row--head .cell:last-child{border-right:solid 1px #d8d8d8}@media screen and (min-width: 1024px){.agenda-table .row--head{display:-webkit-box;display:-ms-flexbox;display:flex}}.agenda-table .row:not(:last-child){border-bottom:solid 1px #d8d8d8}.agenda-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-20px}.agenda-day{width:100%;margin-right:20px;margin-bottom:20px}@media screen and (min-width: 560px){.agenda-day{width:calc(50% - 22.5px)}}@media screen and (min-width: 1024px){.agenda-day{width:calc(33.3333333333% - 22.5px)}}@media screen and (min-width: 1200px){.agenda-day{width:calc(25% - 22.5px)}}@media screen and (min-width: 1400px){.agenda-day{width:calc(20% - 22.5px)}}.agenda-title{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:-2px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.agenda-title .h3{margin-right:10px}.agenda-block{border-radius:5px;background-color:#f2f2f2}.agenda-shift{color:#fff;cursor:pointer;padding:7.5px 10px;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#f5ba64;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.agenda-shift .h3{margin-bottom:5px}.agenda-shift span{font-size:1.3rem}.agenda-shift:nth-child(2){background-color:#40b8e4}.agenda-shift:nth-child(3){background-color:#63db81}.agenda-shift:nth-child(4){background-color:#f48dc5}.agenda-shift:nth-child(5){background-color:#f56464}.agenda-shift.blue{background-color:#40b8e4}.agenda-shift.green{background-color:#63db81}.agenda-shift.pink{background-color:#f48dc5}.agenda-shift.red{background-color:#f56464}.agenda-shift.yellow{background-color:#f5ba64}.agenda-shift:not(:last-child){margin-bottom:10px}.agenda .navigation{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:30px 0;margin-bottom:-20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.agenda .navigation .h2{width:100%}.agenda .navigation .btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.agenda .navigation .btn svg{width:24px;height:24px;fill:#fff;margin-left:10px}.agenda .navigation .btn--prev svg{rotate:180deg;margin-left:0;margin-right:10px}@media screen and (min-width: 334px){.agenda .navigation .btn--prev{margin-right:20px}}@media screen and (min-width: 1024px){.agenda{padding:0}.agenda .container{padding:0 !important;max-width:1400px !important}.agenda .container .box{border-radius:0}}@media screen and (min-width: 1024px)and (min-width: 1400px){.agenda .container .box{border-radius:0 0 5px 5px}}.day-sprint{overflow:hidden;padding:5px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:13px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#fff;line-height:1.3;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;border-radius:5px;background-color:#f5ba64}.day-sprint.reserveable{cursor:pointer}.day-sprint:not(.reserveable){cursor:not-allowed;background-color:gray !important}.day-sprint .day-title{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:2px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.day-sprint .day-title *{margin-bottom:0}.day-sprint *{font-size:inherit}.day-sprint strong{display:inline-block;margin-bottom:2px;margin-right:5px}.day-sprint:nth-child(2){background-color:#40b8e4}.day-sprint:nth-child(3){background-color:#63db81}.day-sprint:nth-child(4){background-color:#f48dc5}.day-sprint:nth-child(5){background-color:#f56464}.day-sprint.blue{background-color:#40b8e4}.day-sprint.green{background-color:#63db81}.day-sprint.pink{background-color:#f48dc5}.day-sprint.red{background-color:#f56464}.day-sprint.yellow{background-color:#f5ba64}.day-sprint:not(:last-child){margin-bottom:5px}.requestedShiftDay{margin-bottom:15px;font-weight:500;font-size:1.5rem;text-align:center}.reserve-btn{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;position:fixed;bottom:0;right:0;padding:15px;margin:20px;cursor:pointer;border-radius:5px;background-color:#363a4f;border:0;color:#fff;z-index:5}.reserve-btn:hover{background-color:#fff;color:#403317}.reserve-btn:hover svg{fill:#403317 !important}.popup{display:none}.popup__content,.popup__background{position:fixed}.popup__background{top:0;left:0;right:0;bottom:0;z-index:5;opacity:.5;background-color:#403317}.popup__content{top:50%;left:50%;z-index:6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;translate:-50% -50%}.popup__content .box{width:auto;max-width:100%;display:inline-block}.popup__content .h2{font-size:1.8rem;font-weight:bold;margin-bottom:20px}.popup__content .agenda-shift,.popup__content .day-sprint{max-width:220px;margin:0 auto}.popup__content .btns{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.popup__content .btns .btn{text-align:center}.popup__content .btns .btn-red{border-color:#d03e3e;background-color:#d03e3e}.popup__content .btns .btn-red:hover{color:#d03e3e;background-color:rgba(0,0,0,0)}.popup__content .btns a.btn:not(:last-child){margin-bottom:15px}@media screen and (min-width: 600px){.popup__content .btns{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.popup__content .btns a.btn:not(:last-child){margin-bottom:0;margin-right:15px}}.popup.active{display:block}*,*::before,* ::after{margin:0;padding:0;color:inherit;font-size:1.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Poppins",sans-serif}html{font-size:62.5%}body{font-size:1.6rem}.btn{color:#fff;cursor:pointer;font-size:1.5rem;padding:8px 20px;border-radius:5px;border:solid 2px #363a4f;background-color:#363a4f;-webkit-transition:color .2s ease-in-out,background-color .2s ease-in-out;transition:color .2s ease-in-out,background-color .2s ease-in-out}.btn svg{-webkit-transition:fill .2s ease-in-out;transition:fill .2s ease-in-out}.btn:hover{color:#363a4f;border:solid 2px #363a4f;background-color:#fff}.btn:hover svg{fill:#363a4f !important}.box{width:100%;padding:20px;border-radius:5px;background-color:#fff}@media screen and (min-width: 1024px){.box{padding:30px 40px}}.container{width:100%;margin:0 auto;padding:0 25px;max-width:700px}@media screen and (min-width: 370px){.container{padding:0 35px}}@media screen and (min-width: 1024px){.container{padding:0 60px;max-width:1200px}}h1,.h1{font-weight:bold;font-size:2.4rem;text-align:center;margin-bottom:15px}@media screen and (min-width: 1024px){h1,.h1{margin-bottom:20px}}h2,.h2{line-height:1.6;font-weight:500;font-size:1.6rem;text-align:center;margin-bottom:15px}a{cursor:pointer;text-decoration:none}main{min-height:100vh}.header+main{min-height:calc(100vh - 110px)}input{border:none;outline:none;font-size:1.5rem;padding:12px 20px;border-radius:5px;background-color:#f2f2f2}.input-wrapper{width:100%}.input-wrapper input{width:100%}.input-wrapper:not(:last-child){margin-bottom:20px}.input-label{display:block;font-weight:500;font-size:1.5rem;margin-bottom:10px}.distord::after{content:"";background-image:url("/images/distortion.png");background-repeat:repeat;height:calc(100% + 1px);width:100%;position:absolute;left:0;top:-1px;z-index:2;opacity:.7;pointer-events:none;mix-blend-mode:color-dodge}.distord>*{z-index:3;position:relative}