@import"https://fonts.googleapis.com/css2?family=Cabin&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden;background-color:#040e34}p{color:#fff;font-size:30px;font-family:Cabin,sans-serif;letter-spacing:2px}input{outline:none;box-shadow:none}.svg-arrow:hover{color:red;cursor:pointer}#portalRooster .container{position:fixed;top:0;left:0;bottom:0;right:0;height:100vh;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.7)}.container .modal{z-index:1;width:1000px;height:600px;background:white;border-radius:5px;animation:animate .3s}.register input,.login input{width:195px;height:50px}.login button,.register button{width:100px;height:50px;font-size:15px}.username,.password{color:#fff}::placeholder{color:#fff}.login-container-text{display:flex;justify-content:center;align-items:center;border-radius:10px;background-color:#1b22ae;width:150px;height:40px}.register,.login{display:flex;width:200px;flex-direction:column;gap:10px;justify-content:center;align-items:center;margin-top:200px}.login-register{width:100%;height:100%;display:flex;align-items:center;flex-direction:column;align-items:center!important}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.blinking{animation:blink 1s infinite}.login-text{color:#fff}.dashboard-container{display:flex;align-items:center;justify-content:center;margin-top:250px}.dashboard{width:100%;height:100%}#form1{display:flex;flex-direction:column;gap:5px;text-align:center;color:#fff}.add-collegue-input-container input{width:200px;height:40px}input[type=file]{display:none}.custom-file-upload{display:flex;justify-content:center;align-items:center;border-radius:10px;background-color:#005fab;width:200px;height:40px}.imagine-input{width:300px;display:flex;align-items:center}.text-input{flex-grow:1}.container{display:flex;justify-content:center;align-items:center}.calendar{background-color:#040e34;width:100%;padding-bottom:110px}.week{margin-top:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw}.week-nacht-kantoor{margin-top:120px;display:flex;flex-direction:column;justify-content:center;align-items:center}.week1{margin-top:10px;display:flex;justify-content:center}.rooster-header{margin:15px 0}.week-header{margin-bottom:20px;color:#fff;border-radius:10px;display:flex;flex-direction:row;justify-content:center;align-items:center}.week-header-container{top:0;z-index:99;width:100%;position:fixed;background-color:#040e34}.week-handle-container{font-family:Cabin,sans-serif;letter-spacing:2px;background-color:#1b22ae;display:flex;flex-direction:column;color:#fff;align-items:center;justify-content:center;border-radius:25px;width:480px;height:90px;font-size:25px;margin-top:10px;margin-left:25px;margin-right:25px}.week-handle-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center}.week-handle-container svg{margin-left:10px;margin-right:10px;color:#c00069;width:40px;height:40px}.week-handle-container svg:hover{cursor:pointer;color:#980f5a}.day-header{margin-top:20px;width:100%;display:flex;justify-content:center}.dagen-header-space{width:200px;height:50px}.dagen-header-content{display:flex;justify-content:center;align-items:center;background-color:#1e3fb4;width:320px;height:50px;border-radius:20px;margin:0 12px}.day-header p{font-size:25px;color:#fff}.day-header .is-datum{color:#51ed51}.week-header h3,h1{color:#fff;font-family:Cabin,sans-serif;letter-spacing:2px}.rooster-col,.rooster-col-last{display:flex;justify-content:center;flex-direction:column;margin:12px;width:360px;height:350px;border-radius:40px}.dark-blue{background-color:#1e3fb4}.light-blue,.super-light-blue{background-color:#1b22ae}.rooster-col-dag,.rooster-col-dag-side{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:12px;background-color:#1e3fb4;width:250px;height:350px;border-radius:30px}.dag-text{font-size:30px}.datum-text{font-size:25px}.rooster-col-dienst{display:flex;text-align:center;justify-content:center;align-items:center;height:72px;margin-bottom:16px;background-color:#c00069;width:100%;border-top-left-radius:40px;border-top-right-radius:40px}.space{width:200px;margin:12px}.images{margin:8px 8px 1px;width:100px;height:90px;border-radius:50%;background-repeat:no-repeat}img:not([src]){display:none!important}.uren-fotos-container{position:relative}img{border-radius:10px}.uren{color:#fff;position:absolute;top:-15px;left:-95px;width:30px;height:30px;background-color:purple;border-radius:50%;display:flex;justify-content:center;align-items:center}.justine,.arjen,.micky,.mar,.jordy,.naomi{background-color:purple}.st0{fill:#fff}.st1{fill:none;stroke:#231f20;stroke-width:50;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.test{font-size:20px}.image-wrapper{text-align:center}.dienst-wrapper{text-align:center;margin-top:-4px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;max-height:266px}.images-element-container{height:266px;display:flex;justify-content:center;align-items:center}.image-text-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.button-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.dienst-wrapper p{border-radius:10px;font-size:20px;margin-top:2px}.image-text-container p{background-color:#c00069;min-width:20px;padding-left:5px;padding-right:5px;font-size:20px;margin-top:2px}.footer{display:none}.dienst-header{display:flex;justify-content:column}.dag-container{display:flex;justify-content:center}.collegesContainer{display:flex;flex-direction:column}.day-row{display:flex;align-items:center;margin-bottom:10px}.day-row p{margin-right:10px}.calenderElementContainer{display:flex;justify-content:center;width:100vw}.active{background-color:red}.delete-button{position:absolute;left:70px;top:-10px;color:#fff;font-size:20px;font-family:Cabin,sans-serif;letter-spacing:2px;margin:10px;border:none;background-color:red;width:30px;height:30px;border-radius:50%}.active-state-text{color:#325cce}.dag-selector-container{display:flex;justify-content:center}.form-container{display:flex;justify-content:center;align-items:center;flex-direction:column}@media only screen and (max-width: 428px){.week-handle-container{width:100vh}.delete-button{left:40px;bottom:20px}.dag-selector-container{justify-content:flex-start;overflow-x:scroll}.collega-input{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.form-container{flex-direction:row}img{width:30px;height:30px}.calenderElementContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.day-row{flex-direction:column}span{font-size:22px}.week{display:flex;justify-content:center;flex-direction:column;align-items:center}.footer{z-index:99;display:flex;justify-content:center;position:fixed;bottom:0;width:100%;height:65px;background-color:#040e34}.footer-content{display:flex;justify-content:center;justify-content:space-around;gap:10px;background-color:#061243;width:380px;height:55px;border-radius:15px}.day-header{margin-left:50px}.dagen-header-content{margin-right:20px;min-width:40px!important;max-width:70px;height:40px!important}.add,.edit,.log-in{display:none}.add-mobile,.edit-mobile,.log-in-mobile{text-decoration:none;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:0}.add-mobile,.edit-mobile,.log-in-mobile,p{font-size:12px}log-in-mobile:focus{background:olive}.button{margin:0}.dagen-header-content p{font-size:12px}.space{width:420px;margin:0}.rooster-col-dienst{display:flex;text-align:center;justify-content:center;align-items:center;height:52px;margin-bottom:16px;background-color:#c00069;width:100%;border-top-left-radius:30px;border-top-right-radius:30px}.rooster-col-dienst p{font-size:25px}.rooster-col-dag{display:flex;justify-content:center;align-items:center;margin:12px;background-color:#1e3fb4;width:290px;height:70px;border-radius:25px}.rooster-col{width:330px;display:flex;justify-content:center;flex-direction:column;align-items:center;margin:12px;background-color:#1e3fb4;height:140px;border-radius:30px}.rooster-col-last{width:330px;display:flex;justify-content:center;flex-direction:column;align-items:center;margin:12px 12px 100px;background-color:#1e3fb4;height:140px;border-radius:30px}.rooster-col-dag-side{display:none}.datum-text{font-size:25px}.image-text-container p{background-color:#c00069;padding-left:2px;padding-right:2px;font-size:12px;margin-top:2px}.images{width:60px;height:60px}}@media only screen and (min-width: 415px) and (max-width: 500px){.week-handle-container{width:100vh}.last{margin-bottom:40px}.week{display:flex;justify-content:center;flex-direction:column;align-items:center}.footer{display:flex;align-items:center;justify-content:center;position:fixed;bottom:0;width:100%;height:110px}.footer-content{display:flex;justify-content:center;align-items:center;gap:10px;background-color:#040e34;width:300px;margin-top:25px;height:50px;border-radius:15px}.day-header{margin-left:50px}.dagen-header-content{margin-right:20px;min-width:40px!important;max-width:70px;height:40px!important}.add-mobile,.edit-mobile,.log-in-mobile{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:0}.add-mobile,.edit-mobile,.log-in-mobile,p{font-size:12px}.active-button{background-color:red}.button{margin:0}.dagen-header-content p{font-size:12px}.space{width:420px;margin:0}.rooster-col-dienst{display:flex;text-align:center;justify-content:center;align-items:center;height:52px;margin-bottom:16px;background-color:#c00069;width:100%;border-top-left-radius:35px;border-top-right-radius:35px}.rooster-col-dienst p{font-size:25px}.rooster-col-dag{display:flex;justify-content:center;align-items:center;margin:12px;background-color:#1e3fb4;width:330px;height:50px;border-radius:25px}.rooster-col{width:390px;display:flex;justify-content:center;flex-direction:column;align-items:center;margin:12px;background-color:#1e3fb4;height:140px;border-radius:35px}.rooster-col-last{width:390px;display:flex;justify-content:center;flex-direction:column;align-items:center;margin:12px 12px 100px;background-color:#1e3fb4;height:140px;border-radius:35px}.rooster-col-dag-side{display:none}.datum-text{font-size:25px!important}.image-text-container p{background-color:#c00069;padding-left:2px;padding-right:2px;font-size:12px;margin-top:2px}.images{width:65px;height:65px}}@media only screen and (max-width: 359px){span{font-size:18px}}#portal .container{position:fixed;top:0;left:0;bottom:0;right:0;height:100vh;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.7)}.container .modal{overflow-y:auto;display:flex;justify-content:center;z-index:1;width:1750px;height:695px;background-color:#06164f;border-radius:30px;animation:animate .3s}@keyframes animate{0%{transform:scale(.5)}to{transform:scale(1)}}.dates-container{margin-top:15px;display:flex;flex-direction:row}li{display:inline-block}input[type=checkbox][id^=mv],input[type=checkbox],[id^=mt]{opacity:0}label:before{background-color:#fff;color:#fff;content:" ";display:block;border-radius:50%;border:1px solid grey;position:absolute;top:1px;left:1px;width:20px;height:20px;text-align:center;line-height:28px;transition-duration:.4s;transform:scale(0);z-index:1}img{height:70px;width:70px;transition-duration:.2s;transform-origin:50% 50%;border-radius:50%;cursor:pointer}:checked+label{border-color:#ddd}:checked+label:before{opacity:1;display:flex;justify-content:center;align-items:center;content:"\2713";background-color:gray;transform:scale(1)}:checked+label img{transform:scale(.9);box-shadow:0 0 5px #333;z-index:-1}input{margin-left:8px;text-align:center;z-index:1;color:#fff;outline:none;border:none;border-radius:10px;background-color:#005fab;width:60px;height:30px}.select-styling{margin-left:325px}.select-styling select{font-size:20px}.input-container{display:flex;flex-direction:row;justify-content:center;align-items:center}.input-column{display:flex;flex-direction:column;justify-content:center;align-items:center}.dienst-container{margin-left:10px;display:flex;justify-content:center;text-align:center;align-items:center;width:160px;height:115px;border-radius:20px}.dienst-container p{font-size:22px}.image-wrapper{margin-left:10px}.input-wrapper{display:flex;flex-direction:row}input{text-align:left}button{color:#fff;font-size:20px;font-family:Cabin,sans-serif;letter-spacing:2px;margin:10px;border:none;background-color:#c00069;width:200px;height:50px;border-radius:20px;gap:10px}.submit{margin-top:50px;margin-right:0;margin-left:0}.buttons{margin-top:40px}button:hover{cursor:pointer;background-color:#980f5a}button{cursor:pointer}.dag-select-button{min-width:100px;background-color:#1b22ae}.dag-select-button:hover{background-color:#1e249a}.add-alert-message-container{display:flex;align-items:center;justify-content:center;width:100%}.add-alert-message{display:flex;align-items:center;justify-content:center;z-index:9999;position:fixed;background-color:#1e3fb4;width:250px;height:70px;border-radius:20px;top:84%}.add-button{position:fixed;display:flex;justify-content:center;align-items:center;width:100px;height:100px;bottom:20px;left:calc(100vw - 150px);border-radius:50%;z-index:999}@media only screen and (max-width: 428px){label img{height:100px;width:100px;margin-left:0;border-radius:50%}.add-button,.switch-button-mobile{position:fixed;display:flex;justify-content:center;align-items:center;width:50px;height:50px;bottom:55px;left:calc(100vw - 70px);border-radius:50%;z-index:999}.add-alert-message{width:200px;height:50px;top:82%;border-radius:10px;left:75px}.add-alert-message p{font-size:17px}.dienst-container{margin-left:10px;width:70px;height:45px;border-radius:10px}.dienst-container p{font-size:14px}.back-to-rooster{display:none}img{height:45px;width:45px}.dag-select-button{display:flex;justify-content:center;align-items:center;font-size:15px;height:45px}.input-container{display:flex;flex-direction:column}input{margin-left:0;text-align:center;z-index:1;color:#fff;outline:none;border:none;border-radius:10px;background-color:#005fab;width:40px;height:20px}}