@charset "UTF-8";#logo{max-width:200px}#header[data-v-76dea5c4]{position:absolute;display:flex;flex-direction:column;width:100vw;height:auto;z-index:9000}@media screen and (max-width: 991px){#header[data-v-76dea5c4]{flex-direction:column}}.grid{--columns: 12;--gutter: 4rem;display:grid;grid-gap:var(--gutter);grid-template-columns:repeat(1,1fr);grid-auto-flow:dense;grid-column:1;margin-bottom:30px}@media screen and (max-width: 991px){.grid{display:flex;flex-direction:column-reverse;--gutter: 1em}.grid:nth-child(even){flex-direction:column}}.grid>.column{margin-bottom:0;display:flex;min-height:50px;flex-direction:column;justify-content:flex-start}@media screen and (max-width: 991px){.grid>.column{justify-content:flex-start}}.autogrid{--gutter: 4rem;--min: 10rem;display:grid;grid-gap:var(--gutter);grid-template-columns:repeat(auto-fit,minmax(var(--min),1fr));grid-auto-flow:dense}.text :first-child{margin-top:0}.text :last-child{margin-bottom:0}.text p,.text ul,.text ol{margin-bottom:1rem}.text ul,.text ol{margin-left:1rem}.text ul p,.text ol p{margin-bottom:0}.text ul>li{list-style:disc}.text ol>li{list-style:decimal}.text ul ol,.text ul ul,.text ol ul,.text ol ol{margin-bottom:0}.text figcaption{padding-top:.75rem;color:var(--color-text-grey)}.align-center{text-align:center}.video,.img{position:relative;display:block;--w: 1;--h: 1;padding-bottom:calc(100% / var(--w) * var(--h));background:var(--color-black)}.img img,.video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0}.img[data-contain] img{object-fit:contain}.img-caption,.video-caption{padding-top:.75rem;line-height:1.5em}@media screen and (min-width: 60rem){.grid{--gutter: 3rem;grid-template-columns:repeat(12,1fr)}.grid>.column{grid-column:span var(--columns)}}@font-face{font-family:Oswald;font-style:normal;font-weight:500;font-display:swap;src:url(/webfonts/oswald/oswald-v40-latin-500.eot);src:local(""),url(/webfonts/oswald/oswald-v40-latin-500.eot?#iefix) format("embedded-opentype"),url(/webfonts/oswald/oswald-v40-latin-500.woff2) format("woff2"),url(/webfonts/oswald/oswald-v40-latin-500.woff) format("woff"),url(/webfonts/oswald/oswald-v40-latin-500.ttf) format("truetype"),url(/webfonts/oswald/oswald-v40-latin-500.svg#Oswald) format("svg")}@font-face{font-family:Nunito;font-style:normal;font-weight:400;src:local(""),url(/webfonts/nunito/nunito-v23-latin-regular.woff2) format("woff2"),url(/webfonts/nunito/nunito-v23-latin-regular.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-weight:500;src:local(""),url(/webfonts/nunito/nunito-v23-latin-500.woff2) format("woff2"),url(/webfonts/nunito/nunito-v23-latin-500.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-weight:700;src:local(""),url(/webfonts/nunito/nunito-v23-latin-700.woff2) format("woff2"),url(/webfonts/nunito/nunito-v23-latin-700.woff) format("woff")}@font-face{font-family:Share Tech Mono;font-style:normal;font-weight:400;src:local(""),url(../webfonts/share-tech/share-tech-mono-regular.woff2) format("woff2"),url(../webfonts/share-tech/share-tech-mono-regular.woff) format("woff")}h2 span{color:#fab309}:root{--primary: #4f515a;--green: #4cbb43;--warning: #4f1d5d;--purple: #6d2584}#app{position:relative}*{margin:0;padding:0;font-family:Nunito,sans-serif}[v-cloak]{display:none}body{overflow-x:hidden;background:#fafafa}.modals{overflow:scroll}.lightMode,.darkMode{height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:100vh}.lightMode{background:#fafafa}.darkMode{width:100%;background:-moz-radial-gradient(center,ellipse cover,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%);background:-webkit-radial-gradient(center,ellipse cover,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%);background:radial-gradient(ellipse at center,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%)}.modal .correct{margin:20px 0 0}.lower{text-transform:lowercase}.container{max-width:1000px;margin:0 auto;padding:180px 0 80px;z-index:8000;position:relative;box-sizing:border-box}.container header{margin:20px 0 30px}@media screen and (max-width: 991px){.container{max-width:90%;padding:20vh 0 80px}}.container-wide{max-width:95%;margin:0 auto;padding:150px 0 0}.btn{margin:40px 0 0;background:#4cbb43;color:#fff;font-weight:700;padding:.8em 1em;height:auto;border:none;font-size:.9em;text-transform:uppercase;cursor:pointer;border:1px solid transparent;transition:all .3s ease-in-out;border-radius:10px;min-width:120px;width:auto;display:flex;justify-content:center;align-items:center;letter-spacing:.05em;text-align:center}.btn:hover{cursor:pointer;background:white;border:1px solid #4cbb43;color:#4cbb43}.btn.center{margin:40px auto 0}ul{margin:20px 0}ul li{list-style:none;position:relative;padding:0}ul li:before{content:"";display:inline-block;width:.75em;height:.75em;background:var(--green);margin:0 10px 0 0}#homeLogin{width:100%;height:90vh;display:flex;justify-content:center;align-items:center;align-content:center}a{text-decoration:none}.btn.warning{background:#6d2584}.btn.warning:hover{cursor:pointer;background:white;border:1px solid #6d2584;color:#6d2584}.btn.reverse{border:2px solid #6d2584;background:#eee;color:#4f1d5d}.col-2,.col-3{display:flex;flex-direction:row;justify-content:space-between}.col-3 .form-control{flex:0 0 30%}.col-2 .form-control{flex:0 0 48%}.col-2 .form-control.address{flex:0 0 65%}.col-2 .form-control.postcode{flex:0 0 30%}@media screen and (max-width: 991px){.col-2,.col-3{flex-direction:column}.col-3 .form-control{flex:0 0 100%}.col-2 .form-control,.col-2 .form-control.address{flex:0 0 10%}.col-2 .form-control.postcode{flex:0 0 100%}}.edit-client h2.address{text-align:center;margin-bottom:50px}.manage-notes,.manage-tasks{position:relative;border-top:1px solid hsl(0deg,0%,70%);margin:30px 0 0;padding:30px 0 0}.manage-tasks h2{padding:0 0 50px}.manage-tasks .select-tasks{position:absolute;top:0;right:0}.select-tasks-modal .modal{padding:5%}@media screen and (max-width: 991px){.select-tasks-modal .modal{padding:15% 5%}}.select-tasks-modal .modal .close-btn{right:2%}.select-tasks-modal .modal .add-task{width:95%}.select-tasks-modal .modal .tasks{justify-content:space-between;flex-direction:row;margin:0;padding:3% 0;width:100%}@media screen and (max-width: 991px){.select-tasks-modal .modal .tasks{flex-direction:column}}.select-tasks-modal .modal .tasks .task-list1{flex:0 0 30%;margin:0 0 6px;background:hsl(0deg,0%,90%);padding:5px}@media screen and (max-width: 991px){.select-tasks-modal .modal .tasks .task-list1{flex:0 0 100%}}.select-tasks-modal .modal .tasks .task-list1 .task{justify-content:space-between}.select-tasks-modal .modal .tasks .task-list1 .task input[type=checkbox]+label{margin:0!important;height:auto}.select-tasks-modal .modal .tasks .task-list1:nth-child(2n){background:hsl(0deg,0%,100%)}.darkMode .select-tasks-modal .modal .tasks .task-list1{background:hsl(0deg,0%,10%)}.darkMode .select-tasks-modal .modal .tasks .task-list1:nth-child(2n){background:hsl(0deg,0%,20%)}.add-task{width:95%;border:1px solid hsl(0deg,0%,80%);border-radius:10px;padding:3%;display:flex;flex-direction:row;justify-content:space-between;margin:50px 0}.add-task input{flex:0 0 75%}.add-task .btn{flex:0 0 20%;margin:0;background:#7c0abc}@media screen and (max-width: 991px){.add-task{flex-direction:column}}.added-tasks{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.added-tasks .pill{flex:0 0 30%}@media screen and (max-width: 991px){.added-tasks{flex-direction:column}.added-tasks .pill{flex:0 0 100%}}.pill{display:inline-flex;align-items:center;align-content:center;justify-content:space-between;margin:10px 10px 0 0;color:#fff;background:#4cbb43;padding:6px 10px;border-radius:18px;font-size:.7em;font-weight:700;text-transform:uppercase}.pill svg{margin:0 0 0 10px}.pill span{color:#fff;margin:0 6px 0 0}::-webkit-input-placeholder{color:#000}::-moz-placeholder{color:#000}.darkMode ::-webkit-input-placeholder{color:#fff;opacity:.9}.darkMode ::-moz-placeholder{color:#fff;opacity:.9}.form-row .btn{margin:20px 0 0}.errors{margin:30px 0 0}.error{display:block;background:var(--warning);font-size:.9em;padding:5px 8px;color:#fff;margin:5px 0 10px;width:100%;color:#ff0062;font-weight:700;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.time-picker{display:flex;align-items:flex-start;justify-content:space-between;width:100%;margin:0 0 20px}.time-picker .select-input{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;outline:0;box-shadow:none;border:0!important;background:#53848a;background-image:none;color:#fff;cursor:pointer;font-size:1em;font-weight:700;height:3em;width:100%;padding:0 0 0 1em;font-family:Nunito,sans-serif;border-radius:8px;position:relative}.time-picker .select-input option{color:#fff}.time-picker.early .select-input option{color:#6c2b65}.time-picker.early .select-input{color:#6c2b65;background:#7dc9d1}.time-picker .select{position:relative;display:flex;justify-content:space-between;width:48%;flex:0 0 48%;height:3em;line-height:3;border-radius:.25em;text-align:left}.time-picker .select:after{content:"\25bc";position:absolute;top:0;right:0;padding:0 1em;background:#2d5556;cursor:pointer;color:#fff;pointer-events:none;transition:.25s all ease;border-top-right-radius:8px;border-bottom-right-radius:8px}.time-picker.early .select:after{background:#4a8689}.time-picker .select:hover:after{color:#23b499}.actions{display:flex;flex-direction:row;justify-content:space-between;align-content:flex-start;align-items:center}@media screen and (max-width: 991px){.actions{flex-direction:column;margin:0}}.list-complete-item{transition:all 1s}.list-complete-item .staff{width:100%}.list-complete-enter,.list-complete-leave-to{opacity:0;transform:translateY(30px)}.list-complete-leave-active{position:absolute}::-webkit-input-placeholder{color:#000}::-moz-placeholder{color:#000}:-ms-input-placeholder{color:#000}:-moz-placeholder{color:#000}#imageUpload{position:relative}.fileUpload{position:relative;z-index:1000;background:#4cbb43;color:#fff;font-size:1em;font-weight:700;overflow:hidden;padding:.8em 0;text-align:center;display:flex;justify-content:center;align-content:center;align-items:center;min-width:200px;max-width:200px;border-radius:10px;height:auto;cursor:pointer;margin:0 0 20px}.image-box .fileUpload{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fileUpload label{text-transform:uppercase;color:#fff}.fileUpload span{color:#fff;text-transform:uppercase}.fileUpload:hover,.fileUpload:active,.fileUpload:focus{background:#00a2a4;cursor:pointer}.fileUpload input.upload{position:absolute;top:0;right:0;margin:0;padding:0;font-size:20px;opacity:0;filter:alpha(opacity=0);width:148px;height:46px;cursor:pointer}.icons{flex:0 0 5%;width:5%;display:flex;justify-content:center;align-content:center;height:100%;margin:-7px 0 0}.darkMode .material-icons{color:#fff}.material-icons{cursor:pointer;width:22px;font-size:1.3em}.material-icons:hover,.material-icons:focus{color:var(--green)}.slideup-enter-from,.slideup-leave-to{opacity:0;top:30px}.slideup-enter-active,.slideup-leave-active{animation:slide-in-up .5s ease-in forwards;transition:all .5s}@keyframes slide-in-up{0%{transform:translateY(20px)}to{transform:translateY(0)}}.grid{--columns: 12;--gutter: 4rem;display:grid;grid-gap:var(--gutter);grid-template-columns:repeat(1,1fr);grid-auto-flow:dense;grid-column:1;margin-bottom:30px}@media screen and (max-width: 991px){.grid{display:flex;flex-direction:column-reverse;--gutter: 1em}.grid:nth-child(even){flex-direction:column}}.grid>.column{margin-bottom:0;display:flex;min-height:50px;flex-direction:column;justify-content:flex-start}@media screen and (max-width: 991px){.grid>.column{justify-content:flex-start}}.autogrid{--gutter: 4rem;--min: 10rem;display:grid;grid-gap:var(--gutter);grid-template-columns:repeat(auto-fit,minmax(var(--min),1fr));grid-auto-flow:dense}.text :first-child{margin-top:0}.text :last-child{margin-bottom:0}.text p,.text ul,.text ol{margin-bottom:1rem}.text ul,.text ol{margin-left:1rem}.text ul p,.text ol p{margin-bottom:0}.text ul>li{list-style:disc}.text ol>li{list-style:decimal}.text ul ol,.text ul ul,.text ol ul,.text ol ol{margin-bottom:0}.text figcaption{padding-top:.75rem;color:var(--color-text-grey)}.align-center{text-align:center}.video,.img{position:relative;display:block;--w: 1;--h: 1;padding-bottom:calc(100% / var(--w) * var(--h));background:var(--color-black)}.img img,.video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0}.img[data-contain] img{object-fit:contain}.img-caption,.video-caption{padding-top:.75rem;line-height:1.5em}@media screen and (min-width: 60rem){.grid{--gutter: 3rem;grid-template-columns:repeat(12,1fr)}.grid>.column{grid-column:span var(--columns)}}@font-face{font-family:Oswald;font-style:normal;font-weight:500;font-display:swap;src:url(/webfonts/oswald/oswald-v40-latin-500.eot);src:local(""),url(/webfonts/oswald/oswald-v40-latin-500.eot?#iefix) format("embedded-opentype"),url(/webfonts/oswald/oswald-v40-latin-500.woff2) format("woff2"),url(/webfonts/oswald/oswald-v40-latin-500.woff) format("woff"),url(/webfonts/oswald/oswald-v40-latin-500.ttf) format("truetype"),url(/webfonts/oswald/oswald-v40-latin-500.svg#Oswald) format("svg")}@font-face{font-family:Nunito;font-style:normal;font-weight:400;src:local(""),url(/webfonts/nunito/nunito-v23-latin-regular.woff2) format("woff2"),url(/webfonts/nunito/nunito-v23-latin-regular.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-weight:500;src:local(""),url(/webfonts/nunito/nunito-v23-latin-500.woff2) format("woff2"),url(/webfonts/nunito/nunito-v23-latin-500.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-weight:700;src:local(""),url(/webfonts/nunito/nunito-v23-latin-700.woff2) format("woff2"),url(/webfonts/nunito/nunito-v23-latin-700.woff) format("woff")}@font-face{font-family:Share Tech Mono;font-style:normal;font-weight:400;src:local(""),url(../webfonts/share-tech/share-tech-mono-regular.woff2) format("woff2"),url(../webfonts/share-tech/share-tech-mono-regular.woff) format("woff")}h1,h2,h3,h4,h5{color:#000;font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif,"Apple Color Emoji","Segoe UI Emoji";text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;font-weight:700}h4{line-height:1.2em;letter-spacing:-.01em;margin-bottom:.5em}h5{line-height:1.375em;color:gray}p,li{font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.5em}.menu a{font-family:Nunito,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,sans-serif}html{font-size:100%}h1,h2,h3,p,p strong,li,label{color:var(--primary)}.darkMode h1,.darkMode h2,.darkMode h3,.darkMode p,.darkMode p strong,.darkMode li,.darkMode label{color:#fff}h1{text-align:center;margin:0 0 50px;line-height:1.2em;text-transform:uppercase}h2{font-size:1.35em}h3{font-size:1em;margin:0 0 10px}small{font-size:.833em}p,li,blockquote{font-size:1em}@media screen and (min-width: 1800px){p,li,label{font-size:1.1em}}@media screen and (max-width: 991px){h1{font-size:1.4em}h2{font-size:1.3em}h3{font-size:1em}p,li,label{font-size:.9em;line-height:1.3em}}@media screen and (min-width: 1400px){html{font-size:100%}}.content-wrapper .grid .column ul{list-style-type:square;margin:0 0 20px 1em}.content-wrapper .grid .column ul li{list-style-type:square;position:relative;padding:0;margin:0}.content-wrapper .grid .column ol{list-style-type:decimal;margin-left:1em}nav ul,nav ol{list-style:none;margin:0;padding:0}p b,p strong{font-weight:700}p i,p em{font-style:italic}.punc a:not(:last-child):after,.punc li:not(:last-child):after{content:","}.punc span:not(:last-child):after,.punc span:not(:last-child):after{content:","}blockquote{border-left:2px solid #fab309;padding-left:1rem;margin:0 0 30px 10%;font-size:140%;max-width:75%;font-family:Lora,system-ui,-apple-system,Segoe UI,Roboto,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-style:italic}blockquote footer{font-size:1rem;margin:10px 0 0;font-style:italic;font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}a,h1 a{text-decoration:none;-webkit-transition:color .2s ease-in;-moz-transition:color .2s ease-in;-o-transition:color .2s ease-in;transition:color .2s ease-in}.content a{color:#fab309;text-decoration:underline}.content a:hover,.content a:focus{color:#fab309;text-decoration:underline}.content a:active,a:focus{outline:none}.btn{margin:20px 0 0;padding:1rem 2rem;font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif,"Apple Color Emoji","Segoe UI Emoji";background-color:#fab309;color:#fff;text-decoration:none;cursor:pointer;font-size:1.4em;font-weight:700;border-radius:40px;letter-spacing:.2em;text-transform:uppercase;display:inline-block;width:fit-content;border:1px solid transparent;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}@media screen and (min-width: 768px){.btn{font-size:1em}}.btn.purple{background:#7c0abc}.btn:hover,.btn:active{background-color:transparent;border:1px solid #fab309;color:#fab309}form{margin:auto;text-align:left;background:white;padding:0}.darkMode form#jobForm{background:transparent}@media screen and (max-width: 991px){form{max-width:90%;padding:5px 10px 10px}}form{max-width:100%;margin:auto;text-align:left;background:transparent;padding:0;border-radius:0;box-shadow:none}.form-control{margin:0 0 20px}.form-group{max-width:100%;margin:0 auto 10px;text-align:left;background:white;padding:20px;border-radius:4px;box-shadow:1px 2px 3px #00000080;border-left:4px solid #4cbb43;box-sizing:border-box}.darkMode .form-group{background:-moz-radial-gradient(center,ellipse cover,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%);background:-webkit-radial-gradient(center,ellipse cover,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%);background:radial-gradient(ellipse at center,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%)}form input,form textarea,input,textarea{display:block;margin:0;width:100%;box-sizing:border-box;padding:1em 0;border:none;font-size:1em;background:transparent;border-bottom:1px solid #ddd;transition:all .5s ease-in-out}.darkMode input,.darkMode textarea{color:#fff}@media screen and (max-width: 991px){form input,form textarea,input,textarea{margin:.5em 0;padding:.6em 0;border:none;font-size:1em;background:transparent;border-bottom:1px solid #ddd}}textarea{padding:1em;border:1px solid #ddd}input:focus,textarea:focus{outline:none;border-bottom:1px solid #4cbb43;background:#d8d6d6;padding:1em .8em}.darkMode input:focus,.darkMode textarea:focus{color:#fff;background:var(--primary)}textarea{min-height:20vw;padding:1em}label,input[type=checkbox]{display:none}input[type=checkbox]+label{display:block;position:relative;padding:0 0 0 35px;height:40px;margin-bottom:30px;color:var(--primary);cursor:pointer}.darkMode input[type=checkbox]+label{color:#fff}input[type=checkbox]+label:last-child{margin-bottom:0}input[type=checkbox]+label:before{content:"";display:block;width:20px;height:20px;border:1px solid var(--primary);position:absolute;left:0;top:0;opacity:.6;-webkit-transition:all .12s,border-color .08s;transition:all .12s,border-color .08s}.darkMode input[type=checkbox]+label:before{border:1px solid white}input[type=checkbox]:checked+label:before{width:10px;top:-4px;left:5px;border-radius:0;opacity:1;border:1px solid var(--green);border-top-color:transparent;border-left-color:transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.radio-group{display:flex;flex-direction:row;justify-content:flex-start;width:100%;margin:0}@media screen and (max-width: 991px){.radio-group{padding:0;flex-direction:column}.radio-group .form-control{margin:0 0 20px}}[type=radio]:checked,[type=radio]:not(:checked){position:absolute;left:-9999px}[type=radio]:checked+label,[type=radio]:not(:checked)+label{position:relative;padding-left:3vw;cursor:pointer;line-height:25px;display:inline-block;margin:0 50px 0 0}@media screen and (max-width: 991px){[type=radio]:checked+label,[type=radio]:not(:checked)+label{padding-left:30px}}.darkMode [type=radio]:checked+label,.darkMode [type=radio]:not(:checked)+label{color:#fff}[type=radio]:checked+label:before,[type=radio]:not(:checked)+label:before{content:"";position:absolute;left:0;top:0;width:1.5vw;height:1.5vw;border:1px solid #666;border-radius:100%;background:white}@media screen and (max-width: 991px){[type=radio]:checked+label:before,[type=radio]:not(:checked)+label:before{width:5vw;height:5vw}}.darkMode [type=radio]:checked+label:before,.darkMode [type=radio]:not(:checked)+label:before{border:2px solid #ddd;background:black}[type=radio]:checked+label:after,[type=radio]:not(:checked)+label:after{content:"";width:1vw;height:1vw;top:.4vw;left:.4vw;background:#4cbb43;position:absolute;border-radius:100%;-webkit-transition:all .2s ease;transition:all .2s ease}@media screen and (max-width: 991px){[type=radio]:checked+label:after,[type=radio]:not(:checked)+label:after{width:3.5vw;height:3.5vw;top:1.3vw;left:1.3vw}}[type=radio]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}[type=radio]:checked+label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.radio-hours,.radio-mins{position:fixed;top:0;z-index:99999;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;width:100vw;min-height:100vh;padding:4vw;background:white}.radio-hours [type=radio]:checked+label,.radio-hours [type=radio]:not(:checked)+label,.radio-mins [type=radio]:checked+label,.radio-mins [type=radio]:not(:checked)+label{margin:10px 0}.radio-hours .form-control,.radio-mins .form-control{flex:0 0 30%}.darkMode .radio-hours,.darkMode .radio-mins{background:-moz-radial-gradient(center,ellipse cover,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%);background:-webkit-radial-gradient(center,ellipse cover,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%);background:radial-gradient(ellipse at center,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%)}.form-row .time-picker{display:flex;align-items:center;align-content:center}.form-row .time-picker .btn{margin:0;width:auto;min-width:25vw}.form-row .time-divider{color:#fff;font-size:6vw;width:5vw;display:flex;justify-content:center;text-align:center}:root{--primary: #4f515a;--green: #4cbb43;--warning: #4f1d5d;--purple: #6d2584}#app{position:relative}*{margin:0;padding:0;font-family:Nunito,sans-serif}[v-cloak]{display:none}body{overflow-x:hidden;background:#fafafa}.modals{overflow:scroll}.lightMode,.darkMode{height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:100vh}.lightMode{background:#fafafa}.darkMode{width:100%;background:-moz-radial-gradient(center,ellipse cover,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%);background:-webkit-radial-gradient(center,ellipse cover,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%);background:radial-gradient(ellipse at center,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%)}.modal .correct{margin:20px 0 0}.lower{text-transform:lowercase}.container{max-width:1000px;margin:0 auto;padding:180px 0 80px;z-index:8000;position:relative;box-sizing:border-box}.container header{margin:20px 0 30px}@media screen and (max-width: 991px){.container{max-width:90%;padding:20vh 0 80px}}.container-wide{max-width:95%;margin:0 auto;padding:150px 0 0}.btn{margin:40px 0 0;background:#4cbb43;color:#fff;font-weight:700;padding:.8em 1em;height:auto;border:none;font-size:.9em;text-transform:uppercase;cursor:pointer;border:1px solid transparent;transition:all .3s ease-in-out;border-radius:10px;min-width:120px;width:auto;display:flex;justify-content:center;align-items:center;letter-spacing:.05em;text-align:center}.btn:hover{cursor:pointer;background:white;border:1px solid #4cbb43;color:#4cbb43}.btn.center{margin:40px auto 0}ul{margin:20px 0}ul li{list-style:none;position:relative;padding:0}ul li:before{content:"";display:inline-block;width:.75em;height:.75em;background:var(--green);margin:0 10px 0 0}#homeLogin{width:100%;height:90vh;display:flex;justify-content:center;align-items:center;align-content:center}a{text-decoration:none}.btn.warning{background:#6d2584}.btn.warning:hover{cursor:pointer;background:white;border:1px solid #6d2584;color:#6d2584}.btn.reverse{border:2px solid #6d2584;background:#eee;color:#4f1d5d}.col-2,.col-3{display:flex;flex-direction:row;justify-content:space-between}.col-3 .form-control{flex:0 0 30%}.col-2 .form-control{flex:0 0 48%}.col-2 .form-control.address{flex:0 0 65%}.col-2 .form-control.postcode{flex:0 0 30%}@media screen and (max-width: 991px){.col-2,.col-3{flex-direction:column}.col-3 .form-control{flex:0 0 100%}.col-2 .form-control,.col-2 .form-control.address{flex:0 0 10%}.col-2 .form-control.postcode{flex:0 0 100%}}.edit-client h2.address{text-align:center;margin-bottom:50px}.manage-notes,.manage-tasks{position:relative;border-top:1px solid hsl(0deg,0%,70%);margin:30px 0 0;padding:30px 0 0}.manage-tasks h2{padding:0 0 50px}.manage-tasks .select-tasks{position:absolute;top:0;right:0}.select-tasks-modal .modal{padding:5%}@media screen and (max-width: 991px){.select-tasks-modal .modal{padding:15% 5%}}.select-tasks-modal .modal .close-btn{right:2%}.select-tasks-modal .modal .add-task{width:95%}.select-tasks-modal .modal .tasks{justify-content:space-between;flex-direction:row;margin:0;padding:3% 0;width:100%}@media screen and (max-width: 991px){.select-tasks-modal .modal .tasks{flex-direction:column}}.select-tasks-modal .modal .tasks .task-list1{flex:0 0 30%;margin:0 0 6px;background:hsl(0deg,0%,90%);padding:5px}@media screen and (max-width: 991px){.select-tasks-modal .modal .tasks .task-list1{flex:0 0 100%}}.select-tasks-modal .modal .tasks .task-list1 .task{justify-content:space-between}.select-tasks-modal .modal .tasks .task-list1 .task input[type=checkbox]+label{margin:0!important;height:auto}.select-tasks-modal .modal .tasks .task-list1:nth-child(2n){background:hsl(0deg,0%,100%)}.darkMode .select-tasks-modal .modal .tasks .task-list1{background:hsl(0deg,0%,10%)}.darkMode .select-tasks-modal .modal .tasks .task-list1:nth-child(2n){background:hsl(0deg,0%,20%)}.add-task{width:95%;border:1px solid hsl(0deg,0%,80%);border-radius:10px;padding:3%;display:flex;flex-direction:row;justify-content:space-between;margin:50px 0}.add-task input{flex:0 0 75%}.add-task .btn{flex:0 0 20%;margin:0;background:#7c0abc}@media screen and (max-width: 991px){.add-task{flex-direction:column}}.added-tasks{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.added-tasks .pill{flex:0 0 30%}@media screen and (max-width: 991px){.added-tasks{flex-direction:column}.added-tasks .pill{flex:0 0 100%}}.pill{display:inline-flex;align-items:center;align-content:center;justify-content:space-between;margin:10px 10px 0 0;color:#fff;background:#4cbb43;padding:6px 10px;border-radius:18px;font-size:.7em;font-weight:700;text-transform:uppercase}.pill svg{margin:0 0 0 10px}.pill span{color:#fff;margin:0 6px 0 0}::-webkit-input-placeholder{color:#000}::-moz-placeholder{color:#000}.darkMode ::-webkit-input-placeholder{color:#fff;opacity:.9}.darkMode ::-moz-placeholder{color:#fff;opacity:.9}.form-row .btn{margin:20px 0 0}.errors{margin:30px 0 0}.error{display:block;background:var(--warning);font-size:.9em;padding:5px 8px;color:#fff;margin:5px 0 10px;width:100%;color:#ff0062;font-weight:700;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.time-picker{display:flex;align-items:flex-start;justify-content:space-between;width:100%;margin:0 0 20px}.time-picker .select-input{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;outline:0;box-shadow:none;border:0!important;background:#53848a;background-image:none;color:#fff;cursor:pointer;font-size:1em;font-weight:700;height:3em;width:100%;padding:0 0 0 1em;font-family:Nunito,sans-serif;border-radius:8px;position:relative}.time-picker .select-input option{color:#fff}.time-picker.early .select-input option{color:#6c2b65}.time-picker.early .select-input{color:#6c2b65;background:#7dc9d1}.time-picker .select{position:relative;display:flex;justify-content:space-between;width:48%;flex:0 0 48%;height:3em;line-height:3;border-radius:.25em;text-align:left}.time-picker .select:after{content:"\25bc";position:absolute;top:0;right:0;padding:0 1em;background:#2d5556;cursor:pointer;color:#fff;pointer-events:none;transition:.25s all ease;border-top-right-radius:8px;border-bottom-right-radius:8px}.time-picker.early .select:after{background:#4a8689}.time-picker .select:hover:after{color:#23b499}.actions{display:flex;flex-direction:row;justify-content:space-between;align-content:flex-start;align-items:center}@media screen and (max-width: 991px){.actions{flex-direction:column;margin:0}}.list-complete-item{transition:all 1s}.list-complete-item .staff{width:100%}.list-complete-enter,.list-complete-leave-to{opacity:0;transform:translateY(30px)}.list-complete-leave-active{position:absolute}::-webkit-input-placeholder{color:#000}::-moz-placeholder{color:#000}:-ms-input-placeholder{color:#000}:-moz-placeholder{color:#000}#imageUpload{position:relative}.fileUpload{position:relative;z-index:1000;background:#4cbb43;color:#fff;font-size:1em;font-weight:700;overflow:hidden;padding:.8em 0;text-align:center;display:flex;justify-content:center;align-content:center;align-items:center;min-width:200px;max-width:200px;border-radius:10px;height:auto;cursor:pointer;margin:0 0 20px}.image-box .fileUpload{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fileUpload label{text-transform:uppercase;color:#fff}.fileUpload span{color:#fff;text-transform:uppercase}.fileUpload:hover,.fileUpload:active,.fileUpload:focus{background:#00a2a4;cursor:pointer}.fileUpload input.upload{position:absolute;top:0;right:0;margin:0;padding:0;font-size:20px;opacity:0;filter:alpha(opacity=0);width:148px;height:46px;cursor:pointer}.icons{flex:0 0 5%;width:5%;display:flex;justify-content:center;align-content:center;height:100%;margin:-7px 0 0}.darkMode .material-icons{color:#fff}.material-icons{cursor:pointer;width:22px;font-size:1.3em}.material-icons:hover,.material-icons:focus{color:var(--green)}.slideup-enter-from,.slideup-leave-to{opacity:0;top:30px}.slideup-enter-active,.slideup-leave-active{animation:slide-in-up .5s ease-in forwards;transition:all .5s}@keyframes slide-in-up{0%{transform:translateY(20px)}to{transform:translateY(0)}}.logo{width:130px;height:auto;display:flex;justify-content:flex-start;flex-direction:column;padding:20px 0 30px 20px;box-sizing:border-box}.logo-login{display:flex;justify-content:center;flex-direction:row;align-items:center;margin:100px auto 0;box-sizing:border-box;max-width:70%}#logo{display:block;width:auto;height:auto;padding:0}#logo svg{width:100%;height:100%}p.version{font-size:.8em;margin:6px 0 0;color:#4cbb43}.user-display{position:absolute;top:100px;display:flex;flex-direction:column;justify-content:flex-start;align-content:flex-start;text-align:left;margin:10px 0 0 20px}.user-display p{margin-bottom:0}.user-role{margin:0;color:#4cbb43;border-radius:4px;font-weight:700;width:auto;height:20px;font-size:.7em;text-transform:uppercase;text-align:left}.user-role span{color:#4cbb43}#sidemenu{max-width:100vw;position:fixed;z-index:9000;top:0;right:0}#sidemenu nav{width:100vw;height:100vh;display:flex;justify-content:center;align-content:center;align-items:center;margin:0 0 80px}@media screen and (max-width: 991px){#sidemenu nav{width:100vw}}#sidemenu .sidemenu__btn{display:block;width:30px;height:22px;border:none;appearance:none;cursor:pointer;outline:none;background:transparent;position:absolute;top:30px;right:30px;z-index:9600}@media screen and (max-width: 991px){#sidemenu .sidemenu__btn{top:5vw;right:5vw}}#sidemenu .sidemenu__btn span{display:block;width:30px;height:4px;margin:auto;background:var(--green);position:absolute;top:0;bottom:0;left:0;right:0;transition:all .4s ease}#sidemenu .sidemenu__btn span.top{transform:translateY(-8px)}#sidemenu .sidemenu__btn span.bottom{transform:translateY(8px)}#sidemenu .sidemenu__btn.active span.top{transform:rotate(-45deg)}#sidemenu .sidemenu__btn.active span.mid{transform:translate(-20px) rotate(360deg);opacity:0}#sidemenu .sidemenu__btn.active span.bottom{transform:rotate(45deg)}#sidemenu .sidemenu__wrapper{padding:0;display:flex;flex-direction:column;justify-content:center;align-content:center;z-index:9500;background:#fafafa;position:relative}.darkMode #sidemenu .sidemenu__wrapper{background:-moz-radial-gradient(center,ellipse cover,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%);background:-webkit-radial-gradient(center,ellipse cover,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%);background:radial-gradient(ellipse at center,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%)}#sidemenu .sidemenu__wrapper .btn{height:auto}#sidemenu .sidemenu__wrapper .links div{display:flex;flex-direction:column;margin:0 0 40px}#sidemenu .sidemenu__wrapper .links div a{text-align:center;margin:0 0 20px}.nav-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:8888;transition:all .2s ease;background:rgba(255,255,255,.9)}.darkMode .nav-bg{transition:all .2s ease;background:rgba(0,0,0,.9)}.dark-mode-switch-text{width:100%;text-align:center;text-transform:uppercase;position:relative}.dark-mode-switch-text p{position:absolute;width:100%;text-align:center}.dark-mode-switch{position:relative;display:inline-block;width:60px;height:34px;margin:40px auto}.switch input{display:none}.dark-mode-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.dark-mode-switch .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#4cbb43;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#53848a}input:focus+.slider{box-shadow:0 0 1px #53848a}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.dark-mode-switch .slider.round{border-radius:20px}.dark-mode-switch .slider.round:before{border-radius:50%}.modal{width:100vw;height:auto;min-height:100vh;overflow-y:scroll;padding:0 8vw;margin:auto;top:0;left:0;position:absolute;background:white;z-index:9999;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;align-content:center}@media screen and (max-width: 991px){.modal{max-width:100vw;width:100vw}}.darkMode .modal{background:transparent}.btn.close-btn{position:absolute;top:20px;width:30px;height:30px;min-width:30px;padding:0;margin:0;display:flex;align-content:center;align-items:center}.backdrop{top:0;left:0;bottom:0;right:0;position:fixed;width:100%;height:auto;overflow-y:scroll;min-height:100vh;z-index:9998;background:-moz-radial-gradient(center,ellipse cover,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%);background:-webkit-radial-gradient(center,ellipse cover,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%);background:radial-gradient(ellipse at center,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%)}.modal .actions{display:flex;flex-direction:row;align-items:flex-start;align-content:flex-start;justify-content:space-between;min-height:0;margin:0;width:100%;padding:0 0 20px;overflow:hidden;box-sizing:border-box}.modal .actions{max-width:800px;justify-content:flex-start}.modal .actions .btn{margin:20px 20px 0 0}@media screen and (max-width: 991px){.modal .actions{max-width:800px;justify-content:space-between}.modal .actions .btn{margin:20px 0 0}}.modal h1{color:#03cfb4;border:none;padding:0}.modal p{font-style:normal}.modal.sale h1{color:#fff}.timeractive .close-btn,.timer-modal .close-btn,.job-modal .close-btn{display:none}.slideup-enter-from{opacity:0;top:20px}.slideup-enter-active{animation:slide-in-up .5s ease-in forwards;transition:all .5s}@keyframes slide-in-up{0%{transform:translateY(20px)}to{transform:translateY(0)}}.list-complete-item{transition:all 1s}.list-complete-item .client{width:100%}.list-complete-enter,.list-complete-leave-to{opacity:0;transform:translateY(30px)}.list-complete-leave-active{position:absolute}.modal-fade-enter-from,.modal-fade-leave-active{opacity:0}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity 1s ease;z-index:9998;position:fixed}.slide-down-enter-from{opacity:0}.slide-down-enter-active,.slide-down-leave-active{transition:all 1s ease}.slide-down-leave-to{opacity:0}.translateX-enter-from{transform:translate(-100vw);opacity:0}.translateX-enter-active,.translateX-leave-active{transform-origin:top left 0;transition:.5s ease;z-index:9997}.translateX-leave-to{transform:translate(-100vw);opacity:0}.fade-in-bg-enter-from{opacity:0}.fade-in-bg-enter-active,.fade-in-bg-leave-active{transform-origin:top left 0;transition:1s ease;position:fixed;z-index:9997}.fade-in-bg-leave-to{opacity:0}#timerWrapper{position:relative;width:100%;height:auto}#timerStages{position:absolute;top:0;left:0;width:100vw;height:auto;min-height:100vh;max-height:100vh;display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center}#startTimer,#stopTimer{text-align:center;display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;margin:auto;text-transform:uppercase}#startTimer{z-index:7777}#stopTimer{margin:0;height:auto;z-index:6666}#stopTimer h2{margin:0 0 30px}.timeractive label{display:block}.timeractive .modal{z-index:9600}.timeractive .backdrop{z-index:9500}.timeractive .modal{border:none;display:flex;width:100vw;min-height:100vh;max-height:100vh;justify-content:center;align-items:center}.darkMode .timeractive .modal{background:-moz-radial-gradient(center,ellipse cover,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%);background:-webkit-radial-gradient(center,ellipse cover,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%);background:radial-gradient(ellipse at center,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%)}.time{border:1px solid black;padding:0;border-radius:12px;background:var(--primary);margin:0;width:100%;box-sizing:border-box;max-width:100vw}.time p{font-family:Share Tech Mono,sans-serif;font-size:4em;margin:50px 0;color:#eee}.stop3 .time{text-align:center;border:none;background:none;margin:0;padding:0}.stop3 .time h2{margin:30px 0 10px}.stop3 .time p{font-size:1.2em;margin:10px 0 0;font-family:Nunito,sans-serif;color:var(--primary)}.darkMode .stop3 .time p{color:#fff}.stop3 .time p span{font-size:1.3em;margin:0;font-family:Share Tech Mono,sans-serif;color:var(--primary)}.darkMode .stop3 .time p,.darkMode .stop3 .time p span{color:#fff}#timer .active{background:rgba(0,0,0,.8);position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9988}#timer .active #time{width:80%}#reset{margin:0 1% 0 0;align-self:flex-end;height:40px}#reset button{margin:0;border-top-left-radius:0;border-top-right-radius:0;background:black}#timerWrapper .switch,.timeractive .switch{position:relative;display:block;width:15vw;height:15vw;margin:0 auto;padding:2vw;border-radius:100%;border:2px solid var(--green)}@media screen and (max-width: 991px){#timerWrapper .switch,.timeractive .switch{width:35vw;height:35vw}}#timerWrapper .switch input,.timeractive .switch input{display:none}#timerWrapper .slider,.timeractive .slider{position:absolute;cursor:pointer;top:10px;left:10px;right:10px;bottom:10px}#timerWrapper .slider:before,.timeractive .slider:before{position:absolute;content:"START";display:flex;font-size:1.5em;font-weight:700;align-items:center;justify-content:center;height:18vw;width:18vw;left:0;bottom:0;text-align:center;color:#fff;-webkit-animation:pulse 3s infinite;animation:pulse 3s infinite;text-transform:uppercase}@media screen and (max-width: 991px){#timerWrapper .slider:before,.timeractive .slider:before{width:35vw;height:35vw;left:0;bottom:-3px;font-size:1.2em}}#stopTimer header{border-bottom:1px solid var(--green);margin:0 0 30px}#stopTimer header h2{margin:0}#startTimer .slider{background-color:var(--green)}#stopTimer .slider{background-color:#dc143c}#stopTimer .switch{border:2px solid crimson}#startTimer .slider:before{content:"START"}#stopTimer .slider:before{content:"STOP"}#timerWrapper input:checked+.slider{background-color:#dc143c}#timerWrapper input:focus+.slider{box-shadow:0 0 1px #101010}#timerWrapper .slider.round,.timeractive .slider.round{border-radius:50%}#timerWrapper .slider.round:before,.timeractive .slider.round:before{border-radius:50%}.timer-modal{display:flex;flex-direction:column;align-content:center;align-items:flex-start;justify-content:center;min-height:100vh;padding:0}.timer-modal .actions{margin:60px 0 0}.stop1{display:flex;width:80vw;justify-content:space-between;align-items:flex-end}.stop2{width:80vw;height:auto;padding:0;display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:flex-start}.modal .stop2 .actions{flex-direction:column;display:none}.stop2 form{width:100%}.stop2 input{width:100%;margin:30px 0;font-weight:700}.stop2 .btn{font-size:1em}.stop3{position:absolute;left:0;width:100%}.fade-leave{opacity:1}.fade-leave-active{transition:opacity 1s}.fade-leave-to,.fade-enter{opacity:0}.fade-enter-active{transition:opacity 1s}.vfade-enter-to{opacity:1}.checkmark{margin:auto;width:60px;height:60px;border-radius:50%;display:block;stroke-width:2;stroke:var(--primary);stroke-miterlimit:10;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#fff;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #fff}}@-webkit-keyframes pulse{0%{opacity:0}30%{opacity:1}60%{box-shadow:0 0 0 30px #fff3;opacity:0}to{opacity:0}}@keyframes pulse{0%{opacity:0}30%{opacity:1}60%{box-shadow:0 0 0 30px #fff3;opacity:0}to{opacity:0}}.manual-time-btn{position:absolute;bottom:20px;width:90vw;display:flex;align-items:center;justify-content:center;margin:auto}.manual-time-btn .btn{margin:0}#manualTimeEntry{display:flex;flex-direction:column}#manualTimeEntry h2,#manualTimeEntry .btn{margin:0 0 20px}.staff-list-wrapper{z-index:100;margin:0}.staff-list-wrapper .staff-list{display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center}.staff-list-wrapper .staff-list label{text-transform:capitalize;height:auto}.manage-staff .staff-list-wrapper .staff-list{flex-direction:column;max-width:400px;margin:auto;justify-content:center;align-content:center;align-items:center}.staff-list-wrapper label{display:block}.staff-list{z-index:6666}#staffWrapper,#extraStaffMembers{display:flex;flex-wrap:wrap;justify-content:space-between}#staffWrapper .staff-list,#extraStaffMembers .staff-list{flex:0 0 45%;margin:0 0 20px;display:flex}#staffWrapper .staff-list .staff-on-job,#extraStaffMembers .staff-list .staff-on-job{display:flex}.darkMode .staff-on-job{color:#fff}.leader{height:auto;padding:0 0 20px;margin:0 0 20px}.leader .staff-list{display:flex}#clientJob .staff-list-wrapper .staff-list{flex-direction:column;justify-content:flex-start;align-content:flex-start;align-items:flex-start}#extraStaffMembers .material-icons{color:red;margin:0 0 0 10px}#addExtraStaffMember{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin:30px 0 0}#addExtraStaffMember input{flex:0 0 50%;width:50%}@media screen and (max-width: 991px){#addExtraStaffMember input{flex:0 0 70%;width:70%}}#addExtraStaffMember .btn{padding:0;width:70px;min-width:70px;height:40px;margin:0 0 0 10px;flex:0 0 10%}#extraStaffMembers li{display:flex;align-items:center}#extraStaffMembers li span{color:red;margin:0 0 0 20px}.staff-list{flex:0 0 32%;width:100%;height:auto}.staff-added{list-style:none;margin:20px 0}.staff-added li{text-transform:capitalize}.staff-title h3{color:#fff;line-height:1.1em;margin:10px 0}.staff-title span{color:#f4c3c3;font-weight:700}.staff-list:nth-child(2n) .staff{background:#7dc9d1}.staff-list:nth-child(2n) .staff span{color:#6c2b65}.staff-list .staff h4{color:#f4c3c3}.staff-list:nth-child(2n) .staff h4{color:#6c2b65}.material-icons{transition:all .4s ease-in-out}.staff-list .staff .material-icons{color:#fff}.staff-list .staff .material-icons:hover{color:#6c2b65}.staff-list:nth-child(2n) .staff .material-icons:hover{color:#fff}#jobFilter{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:auto;margin:0 0 20px}#jobFilter .date-container{flex:0 0 auto;width:auto;margin:0 20px 0 0;height:auto}#jobFilter .date-container input{margin:0}#jobFilter .date-container p{font-weight:700;margin:0 10px 4px 0}#jobFilter .search-container{flex:0 0 auto;width:auto;height:auto;margin:auto 0;padding:0;position:relative;display:flex}#jobFilter .search-container .search-area input{height:50px}#jobFilter .search-container i{font-size:30px;height:40px}#jobFilter .invoice-view{flex:0 0 auto;display:flex;margin-left:auto}#jobFilter .invoice-view .btn{margin:0;height:auto}.job-list{overflow-x:scroll}.table{margin:0 0 40px;width:auto;display:table;overflow-x:scroll;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-radius:10px}.table .header{display:table-row;text-transform:uppercase;border-right:1px solid #ccc;border-top-left-radius:10px;border-top-right-radius:10px}.table .header .cell{padding:6px 12px;display:table-cell;vertical-align:middle;color:#fff;text-align:center;font-size:.8em;border-right:1px solid #fff;background:#53848a;font-weight:700}.table .header .cell:last-child{border:none}.table .header .cell.invoice{padding:6px 12px;display:table-cell;color:#fff;background:#6c2b65;text-align:center;font-size:.8em}.table .header .cell.hidden{display:none}.table .row{display:table-row;background:#f6f6f6}.row:nth-of-type(odd){background:#e9e9e9}.row .cell{padding:6px 12px;display:table-cell}.darkMode .cell{color:#fff}.darkMode .table .row{color:#fff;background:black}.darkMode .row:nth-of-type(odd){color:#fff;background:#262626}.row .cell.hidden{display:none}.table .header .cell.wide{min-width:150px;max-width:150px}.date-picker-custom{margin:0!important}.dp__input{height:50px}.dp__input_icon{color:#fff}.dp__theme_dark,.darkMode .dp__theme_light{--dp-background-color: #53848a;--dp-text-color: #ffffff;--dp-hover-color: #484848;--dp-hover-text-color: #ffffff;--dp-hover-icon-color: #959595;--dp-primary-color: #6c2b65;--dp-primary-text-color: #ffffff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #737373;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935}.cell{padding:.5em;display:table-cell;border-right:1px solid #ccc;border-top:1px solid #ccc;vertical-align:middle;font-size:.7em}.cell:last-child{border-right:0}.cell.num{text-align:center}.cell ul{margin:0}.hidden{display:none}.billable-items ul{margin:0 0 0 20px}.billable-items ul li:before{display:none}#onlineStatus{max-width:100vw;margin:30px auto 0;display:flex}#onlineStatus h3{margin:0;text-transform:uppercase}#onlineStatus .online{border-top:1px solid var(--green);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5vw 0 1vw;width:100%}#onlineStatus .online h3{color:var(--green)}#onlineStatus .form-control .btn{margin:10px 0 0}#onlineStatus .offline{border:1px solid red;display:flex;flex-direction:column;justify-content:flex-start;padding:5vw}#onlineStatus .offline h3{color:red}#clientJob{padding:0}.job-wrapper{position:absolute;top:0;width:100%;padding:20vh 0 0;min-height:100vh;max-height:100vh;display:flex;flex-direction:column;align-items:center;align-content:center;justify-content:flex-start;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:7000}#clientJob header{text-align:left;margin:0 auto;max-width:100%;width:90%;height:10vh}#clientJob header h2{text-align:left;display:block;padding:0;margin:0 0 5px;width:100%}#timer{width:90%;height:40vh}#clientJob header h2:after{content:"";display:block;height:2px;width:30%;color:var(--green);border-bottom:1px solid var(--green)}#clientJob header h3{text-align:left;border-top:1px solid var(--secondary);display:inline-block;padding:0;width:auto;margin:0 0 20px}.job-notes{width:90%;height:15vh;margin:0;overflow-y:scroll}.job-notes h4{background:var(--warning);color:#fff;text-transform:uppercase;padding:5px 10px}.job-notes ul{list-style:none;margin:10px 0 10px 10px;padding:0;display:flex;flex-direction:column;justify-content:flex-start}.job-notes li{width:100%;display:flex;margin:5px 0 10px;height:20px}.job-notes li span{color:var(--warning);font-size:1.6em;margin:-2px 10px 0 0}#todayDate{color:var(--primary);width:auto;display:block;margin:0 0 20px}.darkMode #todayDate{color:#fff}form .form-group{z-index:8000}form .form-group h2{width:auto;display:inline-block;border-bottom:1px solid var(--secondary);padding:0;margin:0 0 10px}form .form-group h3{width:100%;display:block;padding:0;margin:0 0 10px}.form-row{display:flex;flex-direction:row;justify-content:space-between}.form-row .form-control{margin:0}@media screen and (max-width: 991px){.form-row{flex-direction:column}}#jobTime .form-row{flex-direction:column}.team-leader-time{border-bottom:1px solid #eee;padding:0 0 20px;margin:0 0 30px}#billableItems h2{margin:0 0 30px}#jobSummary h2{margin:0 0 10px}#addNotes{min-height:50vh}#thankYou{z-index:9999;padding:0;position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;background:#fafafa}#thankYou h2{color:#4cbb43}.darkMode #thankYou{background:-moz-radial-gradient(center,ellipse cover,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%);background:-webkit-radial-gradient(center,ellipse cover,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%);background:radial-gradient(ellipse at center,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%)}#thankYou h2{font-weight:500;margin:20px 0 0}#sending{z-index:9999;padding:0;position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;box-sizing:border-box;background:-moz-radial-gradient(center,ellipse cover,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%);background:-webkit-radial-gradient(center,ellipse cover,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%);background:radial-gradient(ellipse at center,rgb(15,42,79) 0%,rgb(17,32,33) 81%,rgb(17,32,33) 81%)}#sending h3{color:#fff}#sending svg{width:100px;height:auto;margin:0 auto;display:inline-block}.lightMode #sending{background:hsl(0deg,0%,100%)}.lightMode #sending h3{color:#4cbb43}.fade-enter-active,.fade-leave-active{transition:opacity 1s ease}.fade-enter-from,.fade-leave-to{opacity:0}.checkmark{width:56px;height:56px;margin:0 auto;border-radius:50%;display:block;stroke-width:2;stroke:#fff;stroke-miterlimit:10;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:none;fill:var(--green);animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px var(--secondary)}}.search-container{width:100%;height:50px;padding:0 0 50px;position:relative}.search-container .search-area{display:flex;align-items:center}.search-container i{font-size:40px;color:#cacaca;margin-right:0;width:45px;height:50px;padding:10px 10px 0;transition:all 1s ease;background:#53848a;border-top-right-radius:10px;border-bottom-right-radius:10px}.search-container .search-area input{outline:none;border:none;background:#eee;width:100%;height:60px;border-top-left-radius:10px;border-bottom-left-radius:10px;padding:9px 1.5em;font-size:1em;font-weight:700;color:#666565;border:1px solid #53848a;transition:all 1s ease}.darkMode .search-container .search-area input{background:#131313}.search-container .search-area input:focus+i{color:#4cbb43}.search-container .search-area input:focus{outline:none}.client-list-wrapper{z-index:100}.client-list{z-index:6666}.client{position:relative;display:flex;align-content:center;align-items:center;justify-content:flex-start;margin:10px auto;background:#53848a;padding:15px 10px 10px 0;border-radius:8px;width:auto;height:auto;z-index:1000;box-sizing:border-box}@media screen and (max-width: 991px){.client{margin:0 auto 10px;padding:10px 20px 0 0}}.client.view-client{flex-direction:column;padding:5%;align-items:flex-start}.client.view-client h4{color:#fff;margin:30px 0 0}.client.view-client p{color:#fff}.client.view-client .client-info{display:flex;width:100%;justify-content:flex-start}.client.view-client .client-info .thumbnail{margin:0 20px 0 0}.client.view-client .client-info .icons{margin:20px 0 0}.client.view-client .job-notes{list-style:none;margin:20px 0 0;padding:0;height:auto;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.client.view-client .job-notes li{width:100%;display:flex;margin:0 0 10px;height:30px;color:#fff}.client.view-client .job-notes li span{color:#eabfbf;margin:0 10px 0 0}.client.view-client .task-list{margin:20px 0 0;padding:0;display:flex;flex-direction:column;justify-content:flex-start;flex-wrap:wrap;list-style:none;width:100%}.client.view-client .task-list li{flex:0 0 100%;display:flex;align-items:center;margin:0 0 10px;color:#fff}.client.view-client .task-list li:before{display:none}@media screen and (max-width: 991px){.client.view-client .task-list{flex-direction:column}.client.view-client .task-list li{flex:0 0 18%}}.client.view-client .task-list li span{color:#eabfbf;margin:0 10px 0 0}.job-notes li:before{display:none}.client .actions{display:flex;justify-content:center;flex:0 0 100%;align-items:center;align-content:center;height:auto}.client-title h3{color:#fff;line-height:1.1em;font-size:1em}.client-title span{color:#f4c3c3;font-weight:700}.thumbnail{flex:0 0 80px;display:flex;justify-content:center;align-content:center;align-items:center;width:80px;height:80px;margin:3px 20px 5px 10px}.thumbnail img{width:80px;height:80px;border:3px solid #fff;border-radius:50%}.client-title{flex:0 0 83%}@media screen and (max-width: 991px){.client-title{flex:0 0 60%}}.client-title h3{margin:0}.client-list:nth-child(2n) .client{background:#7dc9d1}.client-list:nth-child(2n) .client span{color:#6c2b65}.client-list .client h4{color:#f4c3c3}.client-list:nth-child(2n) .client h4{color:#6c2b65}.material-icons{transition:all .4s ease-in-out}.client-list .client .material-icons{color:#fff}.client-list .client .material-icons:hover{color:#6c2b65}.client-list:nth-child(2n) .client .material-icons:hover{color:#fff}.client-details{max-height:0;transition:max-height .5s ease-out}.client-details.active{max-height:1000px;padding:30px 0;margin:0}p a{cursor:pointer;color:#bbb;text-decoration:none;color:#4cbb43}h3{cursor:pointer}.actions{flex-direction:row}.material-icons{font-size:24px;margin-left:0;color:#bbb;cursor:pointer}.material-icons:hover{color:#777}#imageUpload{margin:50px 0 0;position:relative;height:0;width:48%;padding-top:40%}@media screen and (max-width: 991px){#imageUpload{margin:50px 0 0;position:relative;height:0;width:100%;padding-top:80%}}#imageUpload img{position:absolute;top:0;left:0;width:100%;z-index:100}#imageUpload label{display:block}.lightMode .client-details h3,.lightMode .client-details h4,.lightMode .client-details p{color:#53848a}.lightMode .task-list li{color:#53848a!important}.lightMode .view-client .task-list li{color:#fff!important}#tasks{margin:0 0 20px;padding:0 0 20px;border-bottom:1px solid white}#tasks label{margin:1em 0 0}#tasks input{margin:0 0 20px}.tasks-list{margin:30px 0 10px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;z-index:5555}.tasks-list .task-list1{flex:0 0 45%;margin:0 5% 20px 0;z-index:5555}@media screen and (max-width: 991px){.tasks-list{margin:20px 0 0}.tasks-list .task{flex:0 0 45%;margin:0 5% 10px 0}}#imageUpload{margin:0;padding:20px 0 0}#imageUpload label{display:block}.image-consent{margin:20px 0 0}.notes input{margin:0 0 20px}.notes .note{display:flex}.notes .note span{margin:0 6px 0 0}.darkMode .note{color:#fff}.client-details{margin:0}.modal .tasks{display:flex;flex-wrap:wrap;justify-content:flex-start}.modal .tasks .task-list1{flex:0 0 25%;margin:0 5% 0 0}#staff-timings-confirm{padding:20px 0}#staff-timings-confirm h3{margin:20px 0 0}#staff-timings-confirm h3 span{color:var(--green)}.staff-timings{width:100%;flex:0 0 100%;display:flex;flex-direction:column;align-items:flex-start;margin:0;height:auto}.staff-timings div{width:100%}.staff-timings-confirm h3{margin:20px 0 0}@media screen and (max-width: 991px){.staff-timings{flex:0 0 100%;display:flex;flex-direction:column;align-items:flex-start}}.staff-timings{padding:10px 0 0}.staff-timings p{margin:0 0 5px}.staff-timings h4{color:var(--primary)}.darkMode .staff-timings h4{color:#fff}.staff-timings h3 span,.staff-timings h3 span span,.staff-timings h4 span{color:var(--green)}.staff-timings p span,.staff-timings label span{font-weight:700;text-transform:uppercase}.staff-timings p span span{font-weight:700;text-transform:none;margin:0 0 0 3px}.darkMode .staff-timings p span,.staff-timings label span,.staff-timings p span{color:var(--green)}.staff-timing{border-bottom:1px solid #eee;margin:0 0 20px;padding:20px 0 10px}.darkMode .staff-timing{border-bottom:1px solid #4f515a}.staff-timing p{padding:0 0 10px}.staff-member-milli{margin:0}.staff-member{color:var(--green)}.darkMode .staff-member{color:#fff}.form-control.plants{margin:0}#plantLists{margin:30px 0 0;width:100%;display:flex;flex-direction:row;align-content:flex-start;justify-content:space-between;flex-wrap:wrap}@media screen and (max-width: 991px){#plantLists{margin:30px 0 0;width:100%;display:flex;flex-direction:column}}#plantLists h2{color:var(--green)}#plantLists .col{flex:0 0 15%;width:15%;height:auto;display:flex;flex-direction:column;margin:0;box-sizing:border-box}@media screen and (max-width: 991px){#plantLists .col{flex:0 0 100%;width:100%}}#plantLists .col h4{font-size:.8em;font-weight:300;max-width:90%;width:90%}#plantLists .col:nth-child(5n){border-right:none}.plant-list>div{margin:30px 0;width:100%;height:auto;display:flex;flex-direction:column}.plant{position:relative;margin:0 0 15px;width:100vw;max-width:100%;height:auto;display:flex;align-items:flex-start;justify-content:space-between}.plant h4{height:auto}.darkMode .plant h4{color:#fff}#plantLists .icons{margin:0;position:absolute;right:5%}#plantLists .icons .material-icons{color:#fab309}#managePlants .actions{flex-direction:row;align-content:center;align-items:center;justify-content:center}#managePlants .actions .btn{margin:0 10px 20px}@media screen and (max-width: 991px){#managePlants .actions{flex-direction:column}}#billableItems .form-control{display:flex;margin:0}#billableItems .billable-item{margin:0 0 40px 40px}#billableItems .billable-item .form-control{margin:0 0 20px;width:100%}#billableItems .billable-item.row{display:flex;max-width:80%;justify-content:space-between}#billableItems .form-control input{margin:0 10px 0 0;height:auto!important;width:70px}#billableItems .form-control input[type=checkbox]+label{margin:0}#billableItems .form-control.hidden{max-height:0;transition:all .4s ease;padding:0;opacity:0}#billableItems .form-control.hidden.active{max-height:40px;opacity:1;margin:0 0 20px}#billableItems .form-control span{margin:13px 10px 0}.darkMode #billableItems .form-control span{color:#fff}.irrigation,.rubbish{width:90%;display:block;margin:10px 0 10px 25px}.darkMode .irrigation,.darkMode .rubbish{color:#fff}.summary{margin:5px 0 0}.summary li{font-size:.9em;font-weight:600;color:var(--green)}.summary li span{text-transform:none;color:#4d4d4d;text-transform:uppercase}.darkMode .summary li span{color:#fff}.summary li{margin:0 0 3px}.summary li ul{margin:5px 0;font-size:1.6em;list-style:none}.tasks{border-top:1px solid var(--green);padding:20px 0 0;margin:20px 0 0}.darkMode .summary li ul{color:#fff}.summary li ul li{color:#4d4d4d;font-size:.65em;font-weight:600}.darkMode .summary li ul li{color:#fff}.darkMode .summary p span{color:#fff!important}.summary li ul li:before{display:none}#summary h2{margin:0 0 20px}#summary h4{color:var(--green);display:block}#summary ul li{display:flex;flex-direction:row;width:100%}#summary ul li span{margin:0 0 0 5px}#summary ul li ul.summary{display:flex;flex-direction:column;justify-content:flex-start}#summary ul li ul.summary li{display:flex;flex-direction:row}#summary ul li:before{display:none}ul#bedding li{flex-direction:column}ul#bedding li ul{margin:0 0 15px}ul#bedding li ul li{font-weight:600}#taskSummary{margin:0 0 0 10px}#taskSummary li{display:flex;align-items:center;justify-content:flex-start;font-size:.6em}#taskSummary li span{text-transform:none}#taskSummary li img{width:20px;height:20px;margin:0 5px 0 0}ul#jobTime li#staffTimingsList{display:flex;width:100%;flex-direction:column;flex-wrap:wrap}ul#jobTime li#staffTimingsList p{display:flex;flex-direction:row;margin:0 0 3px}ul#jobTime li#staffTimingsList p span{display:block;margin:0 5px 0 0;color:var(--green)}ul#jobTime li#staffTimingsList p span:nth-child(2){margin:0 0 0 5px}#staffTimingsList{margin:20px 0}#staffTimingsList li span{font-size:1em}#staffTimingsList li div p{color:var(--green)}ul#billableItems li{flex-direction:column}#billableTitleEmail{display:flex!important}#login,#signup{display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;height:100vh;max-height:100vh}#signup,#signup form{margin-top:0}#signup form .radio-group{margin-top:20px}#login form{display:flex;flex-direction:column;align-items:flex-start;width:80%}#login input{margin:0 0 20px}#login .btn{margin:20px 0 0}.darkMode #login ::-webkit-input-placeholder{color:#fff;opacity:1;text-transform:uppercase}.darkMode #login ::-moz-placeholder{color:#fff;opacity:1;text-transform:uppercase}.darkMode #login :-ms-input-placeholder{color:#fff;opacity:1;text-transform:uppercase}.darkMode #login :-moz-placeholder{color:#fff;opacity:1;text-transform:uppercase}#login ::-webkit-input-placeholder{opacity:1;text-transform:uppercase}#login ::-moz-placeholder{opacity:1;text-transform:uppercase}#login :-ms-input-placeholder{opacity:1;text-transform:uppercase}#login :-moz-placeholder{opacity:1;text-transform:uppercase}
