@import url(https://fonts.googleapis.com/css?family=Roboto&display=swap);#app{margin:0}body,html{margin:0;padding:0;background:#fff;font-family:Roboto,sans-serif}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;margin:0}@-webkit-keyframes fadeInLeft{0%{-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes fadeInLeft{0%{-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.fade-in-left-leave-to{opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.fade-in-left-enter{opacity:0;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}.fade-in-left-enter-to{opacity:0;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@media only screen and (max-width:600px){input[type=number][data-v-d9b6890a]{width:30vw;margin:.3em .5em;height:3em}}@media (min-width:601px){input[type=number][data-v-d9b6890a]{display:inline-block;width:6em;margin:0 .6em;padding:0 .5em;height:100%}}.loaderDots[data-v-d9b6890a]{margin:auto;display:block;position:absolute;top:45%;left:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}input[type=number][data-v-d9b6890a]{outline:none!important;border:3px solid transparent;background:#f9f9f9;border-radius:.5em;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:700;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}[data-v-d9b6890a]::-webkit-input-placeholder{color:#0b193e}[data-v-d9b6890a]::-moz-placeholder{color:#0b193e}[data-v-d9b6890a]:-ms-input-placeholder{color:#0b193e}[data-v-d9b6890a]::-ms-input-placeholder{color:#0b193e}[data-v-d9b6890a]::placeholder{color:#0b193e}.summarize{width:100px;text-align:right}@media only screen and (max-width:600px){.personData{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:1em;margin-top:.5em;background:#f0ebe0;color:#0b193e;border-radius:.75em;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.personData .input,.personData .input1{margin-right:2em!important}.personData .input{margin-left:.5em!important}.personData .cue{width:5em;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:3em}.personData label{margin:auto;width:90%;font-size:1.1em;text-align:center}.personData .clock{height:3em;justify-self:center;margin-right:4.5em}.personData .euro{display:none}.personData .clock{margin-top:.8em}.personData hr{display:none}}@media (min-width:601px){.personData{height:2.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:.5em 1em;background:#f0ebe0;color:#0b193e;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:relative}.personData:first-child{border-top-left-radius:.75em;border-top-right-radius:.75em}.personData:last-child{border-bottom-left-radius:.75em;border-bottom-right-radius:.75em}.personData:last-child hr{display:none}.personData:hover{background:rgba(61,174,200,.22)}.personData:hover .invoice_input{border:3px solid #f2c517!important;background:#f9f9f9}.personData:hover .editing{border:3px solid #0b193e!important}.personData label{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-top:auto;margin-bottom:auto}.personData .cue{display:none}.personData-deactivated{height:2.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:.5em 1em;background:#b0bec5;color:#0b193e;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:relative}.personData-deactivated:first-child{border-top-left-radius:.75em;border-top-right-radius:.75em}.personData-deactivated:last-child{border-bottom-left-radius:.75em;border-bottom-right-radius:.75em}.personData-deactivated:last-child hr{display:none}.personData-deactivated label{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-top:auto;margin-bottom:auto}.personData-deactivated .cue{display:none}}.edit{background-color:#e8eaea;font-size:.7em;cursor:pointer;padding:.5em .5em;display:inline-block;border:none;outline:none!important;border-radius:.5em;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:700;height:100%;min-width:2em;max-width:7em;margin:0 .5em;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.edit:hover{background-color:#f2c517}.personData hr{position:absolute;bottom:-.54em;border:1px solid #f9f9f9;width:98%;left:0;margin-left:2%}.editing{border:3px solid #0b193e!important}.icon{margin-right:.25em;color:#0b193e}.group[data-v-b7c32df8]{position:relative;margin-bottom:1.2em}input[data-v-b7c32df8]{font-size:1em;padding-top:.5em;display:block;width:90%;border:none;border-bottom:1px solid #757575;margin:auto}input[data-v-b7c32df8]:focus{outline:none}label[data-v-b7c32df8]{color:#999;font-size:1em;position:absolute;pointer-events:none;left:35px;top:10px;transition:all .2s ease;-moz-transition:.2s ease all;-webkit-transition:all .2s ease}input:focus~label[data-v-b7c32df8],input:valid~label[data-v-b7c32df8]{top:-10px;font-size:.7em;color:#0b193e}@media only screen and (max-width:600px){button[data-v-2dad490f]{width:60vw!important}h1[data-v-2dad490f]{font-size:1.7em;-ms-flex-item-align:center;align-self:center}}@media (min-width:601px){form button[data-v-2dad490f]{width:100%}}.form_container[data-v-2dad490f]{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;text-align:center}.form_container h1[data-v-2dad490f]{text-align:left;margin-top:1.1em;padding:0 1em;color:#0b193e}.form_container .wrapper[data-v-2dad490f]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:scroll;margin-bottom:1.5em;padding:1em 2em}.admCheckBox[data-v-2dad490f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1em;margin-left:1.5em}.admCheckBox p[data-v-2dad490f]{margin:.5em}input[type=radio][data-v-2dad490f]{margin:0;margin-left:.5em;width:2em;-webkit-transform:scale(1.5);transform:scale(1.5)}form button[data-v-2dad490f]{border:.1em solid #f9f9f9;border-radius:15px;justify-self:center;background-color:#f2c517;margin:0;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#0b193e;height:4em;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;cursor:pointer}form button[data-v-2dad490f]:hover{background:#e8eaea}.add-edit-inputs[data-v-2dad490f]{margin:5px}@media only screen and (max-width:600px){.bodyWrapper .container{width:90%;padding:0 1em;-webkit-box-sizing:border-box;box-sizing:border-box}.bodyWrapper .container .menu-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;width:80vw;-ms-flex-item-align:center;align-self:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1em 0 0 0;-ms-flex-wrap:wrap;flex-wrap:wrap}.bodyWrapper .container .menu-wrapper .logo{width:12.5em;margin:0 auto 1em auto}.bodyWrapper .container .menu-wrapper .monthDropdown{margin-left:auto;width:10em}.bodyWrapper .container .menu-wrapper .addPerson{margin:0 0 0 1em}.bodyWrapper .container .menu-wrapper .log-out-button{margin-right:auto}.bodyWrapper .container .header_item{display:none}.bodyWrapper .container .header{height:1em;margin-top:1em;margin-bottom:.5em}.bodyWrapper .container .table{height:60vh;width:100%}.bodyWrapper .container button{width:90vw}}@media (min-width:601px){.bodyWrapper{position:relative}.bodyWrapper .container{width:80%;max-width:70em;position:relative;padding:0 3em}.bodyWrapper .container .menu-wrapper{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:100%;padding:1em 0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;height:10em}.bodyWrapper .container .menu-wrapper .logo{margin-bottom:-.6em;margin-right:auto;width:12.5em}.bodyWrapper .container .menu-wrapper .monthDropdown{width:12em}.bodyWrapper .container .menu-wrapper .addPerson{margin-left:1em}.bodyWrapper .container .header{height:1em;margin:2em 0 1em 0}}.bodyWrapper{width:100vw;height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(242,197,23,.13)}.bodyWrapper,.bodyWrapper .container{display:-webkit-box;display:-ms-flexbox;display:flex}.bodyWrapper .container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:1em auto 0 auto;background:#f9f9f9;border:5px solid #f2c517;border-bottom:none;border-top-left-radius:2em;border-top-right-radius:2em;-webkit-box-shadow:10px 10px rgba(0,0,0,.08);box-shadow:10px 10px rgba(0,0,0,.08)}.bodyWrapper .menu-wrapper .monthDropdown{height:2em;font-size:1rem;display:inline-block;border:none;background-color:#f0ebe0;cursor:pointer;border-radius:.5em;padding:0 .75em;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-moz-appearance:none}.bodyWrapper .menu-wrapper .monthDropdown:focus{outline:0}.bodyWrapper .menu-wrapper .monthDropdown:hover{background-color:rgba(61,174,200,.22)}.bodyWrapper .menu-wrapper .addPerson{height:2em;width:2em;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:700;background:#f0ebe0;cursor:pointer;color:#0b193e;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.bodyWrapper .menu-wrapper .addPerson:hover{background:rgba(61,174,200,.22)}.bodyWrapper .header{color:#0b193e;min-width:93%;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 0 0 1em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.bodyWrapper .header span{color:#0b193e}.bodyWrapper .header .editIcon{padding:0 .3em;color:#0b193e}.bodyWrapper .header .editIcon:hover{color:#f2c517;-webkit-transform:scale(1.2);transform:scale(1.2);cursor:pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.bodyWrapper .header .deleteIcon{color:#0b193e;padding:0 .3em}.bodyWrapper .header .deleteIcon:hover{color:red;-webkit-transform:scale(1.2);transform:scale(1.2);cursor:pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.bodyWrapper .header .header_item span{padding:0 .9em}.bodyWrapper .table{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:100%;overflow-y:scroll;margin-bottom:1em;scrollbar-color:#f2c517 rgba(242,197,23,.25098);scrollbar-width:thin;height:100%}.bodyWrapper button{width:33%;display:inline-block;padding:.7em 0;margin:0 .5em;border:.1em solid #f9f9f9;border-radius:15px;background-color:#f9f9f9;color:#0b193e;font-weight:700;letter-spacing:2px;text-transform:uppercase}.bodyWrapper .checkBoxStyle{margin:auto 1em auto 0;-webkit-transform:scale(1.2);transform:scale(1.2)}.bodyWrapper .buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:1.5em;width:100%;height:3.5em;-webkit-box-sizing:border-box;box-sizing:border-box}.bodyWrapper .buttons .myButton{font-size:.9em;cursor:pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;outline-style:none}.bodyWrapper .buttons .myButton:hover{color:#0b193e;background-color:rgba(61,174,200,.22)}.bodyWrapper .buttons .myButton:active{background:#f9f9f9}.bodyWrapper .buttons .myButton:disabled{background-color:#e8eaea;cursor:unset}.bodyWrapper .buttons .generate{background:#f2c517}.modalWrapper{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.modalWrapper .modalView{width:40%;height:70%;min-height:20em;margin:5em auto;background:#fff;border-radius:1em}.list-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.list-enter-active{-webkit-transition:all .7s;transition:all .7s}.list-leave-active{-webkit-transition:all .5s;transition:all .5s;position:absolute}.list-enter{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.list-leave-to{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}.list-move{-webkit-transition:all 1s;transition:all 1s}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .25s;transition:opacity .25s}.fade-enter,.fade-leave-to{opacity:0}.header-span{margin-right:26px}.header_item{padding-left:230px;padding-right:0}.redOutline{-webkit-transition:all .2s ease;transition:all .2s ease;border:1px solid red!important}.loginWrap .myIcon{width:2em;height:1.75em;position:absolute;right:0;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex}.loginWrap .myIcon .icon{color:#f9f9f9!important;margin:auto}.loginWrap h3{color:#0b193e;letter-spacing:.05em;margin:.5em 0 1em 0}.loginWrap form{margin:2em}.loginWrap form input{border:1px solid #0b193e;padding:1em;outline:none;margin-bottom:1em;display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-wieght:400;-webkit-transition:all .25s ease;transition:all .25s ease}.loginWrap form input:focus{border:1px solid #f2c517}.loginWrap form input[type=submit]{cursor:pointer;background:#f2c517;width:100%;border:0;padding:1em;color:#f9f9f9;text-transform:uppercase}.loginWrap form input[type=submit]:hover{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background:#f2c517}.spinner{position:absolute;width:100%;height:100%;background:hsla(0,0%,100%,.5333333333333333);border-bottom-right-radius:2em;border-top-left-radius:2em}.loaderDots{position:absolute;top:45%;left:45%}@media only screen and (max-width:550px){.container[data-v-22ee8ddc]{width:60vw}}@media (min-width:551px) and (max-width:800px){.container[data-v-22ee8ddc]{width:50vw}}@media (min-width:801px) and (max-width:1200px){.container[data-v-22ee8ddc]{width:35vw}}@media (min-width:1201px) and (max-width:2500px){.container[data-v-22ee8ddc]{width:25vw}}@media (min-width:2500px){.container[data-v-22ee8ddc]{width:12vw}}.wrapper[data-v-22ee8ddc]{width:100vw;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;background:rgba(242,197,23,.13333333333333333);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.wrapper #logo[data-v-22ee8ddc]{margin:3em auto 0 auto;height:auto;width:12.5em}.wrapper .container[data-v-22ee8ddc]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:400px;margin:3em auto 0 auto;background:#fff;border-top:.25em solid #f2c517;-webkit-box-sizing:border-box;box-sizing:border-box;border-top-left-radius:2em;border-bottom-right-radius:2em;-webkit-box-shadow:5px 0 15px 5px rgba(0,0,0,.08);box-shadow:5px 0 15px 5px rgba(0,0,0,.08)}.wrapper .container .icon[data-v-22ee8ddc]{width:2em;height:1.75em;background:#f2c517;position:absolute;right:0}.wrapper .rollUp-enter-active[data-v-22ee8ddc],.wrapper .rollUp-leave-active[data-v-22ee8ddc]{-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.wrapper .rollUp-enter[data-v-22ee8ddc],.wrapper .rollUp-leave-to[data-v-22ee8ddc]{opacity:0}