@charset "UTF-8";:root{font-size:62.5%}:root body{font-size:1.3rem;width:100%}html{--main-color:#26D1C3;--invoice-color:#3087D0}.iconrow .accountDesk,.iconrow .settingsDesk,.menuBullet,.menuIcons .menuOpnDesk{display:none}.bodyheight,.center,.left,.leftIsOpen,.leftStatic,.right{width:100%;height:100%}.dwnldAppendix,.iconRowInvoice img,.row1 img,.row2 img{width:20px;height:20px;margin:5px}.left,.leftIsOpen{position:fixed;top:-125%;left:0;transition:all .2s ease-in}.overlayScreen{position:fixed;top:0;left:-100vw;transition:all .2s ease-in}.DatePickerMobile,.right{position:fixed;right:-100vw;transition:all .1s ease-in;top:0}@media only screen and (min-width:768px){.DatePickerMobile,.right{top:50%}}.addCntctBtn::before,.addServiceBtn::before,.addUitgaveAfschrijving::before,.infoBlockService .leftAddBtns button::before,.leftContent .leftAddBtns button::before{content:"+";font-size:23px;margin:0;padding-right:10px;margin-top:-2px;font-weight:lighter}.workflowCircle::after{content:"⚬";font-size:18px;color:#bbb;display:flex;flex-direction:row;align-items:center;height:14px}.activityTrackTitle .agendaTitleh1::after,.arrowUpStats::after,.infoBlockService .leftOversightBtns button::after,.leftContent .leftOversightBtns button::after,.workflowTabTitle::after,.workflowTabTitleEmailWorkflow::after{width:10px;height:10px;cursor:pointer;content:"";display:inline-block;border-right:1px solid #1d1d1f;border-top:1px solid #1d1d1f;margin-right:15px;transform:rotate(45deg)}.infoBlockService button img,.leftContent button img{width:20px;height:20px}[data-staffMember*=dWE3a21YSkhEYmJ4Y1ZyRlFXdjRGdz09]{border-left:7px solid #e8981e;opacity:.92;background:#fff}*{box-sizing:border-box;font-family:Lato}[style*="display: block"]{display:flex!important;flex-direction:column}.dsplyNone{display:none}.rightTitleRound{display:flex;flex-direction:row;align-items:center}.rightTitleRound::before{content:url(../media/icons/rightTitle.svg);width:14px;height:14px;margin-right:5px;margin-top:0}.blockTitle{display:flex;flex-direction:row;align-items:center}.blockTitle::before{content:url(../media/icons/blockTitle.svg);width:8px;height:8px;margin-right:5px;margin-top:-8px}.categoryTitle{display:flex;flex-direction:row;align-items:center}.categoryTitle::before{content:url(../media/icons/folderTitle.svg);width:15px;height:15px;margin-right:5px}.preLoader{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%}.preLoader svg{width:30px;height:30px}.preLoader p{color:#54bbf3;letter-spacing:5px;text-transform:uppercase;margin-top:15px}.centerMenu,.centerMenuLinked,.linkedMenu{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:-moz-fit-content;width:fit-content;margin:0 0;transition:height .2s ease;padding-bottom:0;z-index:780}.centerMenu div>p,.centerMenu p,.centerMenuLinked div>p,.centerMenuLinked p,.linkedMenu div>p,.linkedMenu p{display:flex;flex-direction:row;align-items:center;color:#fff;font-weight:700;margin:0 0;padding:20px 25px 0 25px;border-radius:4px;letter-spacing:1px;width:-moz-fit-content;width:fit-content;display:none;white-space:nowrap;border:2px solid transparent}.centerMenu div>p:last-of-type,.centerMenu p:last-of-type,.centerMenuLinked div>p:last-of-type,.centerMenuLinked p:last-of-type,.linkedMenu div>p:last-of-type,.linkedMenu p:last-of-type{padding-bottom:20px}@media only screen and (min-width:768px){.centerMenu div>p,.centerMenu p,.centerMenuLinked div>p,.centerMenuLinked p,.linkedMenu div>p,.linkedMenu p{margin:0 0;padding:5px 15px}.centerMenu div>p:last-of-type,.centerMenu p:last-of-type,.centerMenuLinked div>p:last-of-type,.centerMenuLinked p:last-of-type,.linkedMenu div>p:last-of-type,.linkedMenu p:last-of-type{padding-bottom:5px}}.centerMenu div>p:first-of-type,.centerMenu p:first-of-type,.centerMenuLinked div>p:first-of-type,.centerMenuLinked p:first-of-type,.linkedMenu div>p:first-of-type,.linkedMenu p:first-of-type{margin-left:0}@media print,screen and (min-width:768px){.centerMenu div>p,.centerMenu p,.centerMenuLinked div>p,.centerMenuLinked p,.linkedMenu div>p,.linkedMenu p{display:flex;margin:0 5px 0;padding:5px 15px}}.centerMenu .activeCenterMenu,.centerMenuLinked .activeCenterMenu,.linkedMenu .activeCenterMenu{flex:1;display:flex!important;flex-direction:row;align-items:center;padding:5px 10px 5px 15px;padding-bottom:5px!important}@media print,screen and (min-width:768px){.centerMenu .activeCenterMenu,.centerMenuLinked .activeCenterMenu,.linkedMenu .activeCenterMenu{flex:0;padding:5px 15px 5px 15px}}.centerMenu .activeCenterMenu::after,.centerMenuLinked .activeCenterMenu::after,.linkedMenu .activeCenterMenu::after{content:"▾";font-size:1.2rem;width:20px;color:#fff;text-align:center;margin-left:10px}@media print,screen and (min-width:768px){.centerMenu .activeCenterMenu::after,.centerMenuLinked .activeCenterMenu::after,.linkedMenu .activeCenterMenu::after{display:none}}.centerMenu .activeCenterMenu,.centerMenu p:hover,.centerMenuLinked .activeCenterMenu,.centerMenuLinked p:hover,.linkedMenu .activeCenterMenu,.linkedMenu p:hover{border:2px solid #fff;color:#fff;cursor:pointer}@media print,screen and (min-width:768px){.centerMenu,.centerMenuLinked,.linkedMenu{flex-direction:row}}.linkedPageheader{height:unset!important}.oneLinkedThing{display:flex;flex-direction:row-reverse;align-items:center;width:auto;margin-right:15px;background:#fff;padding:7px 12px;border-radius:20px}.oneLinkedThing p{padding:0 3px!important;color:#1d1d1f!important;font-weight:400!important}.oneLinkedThing p:hover{text-decoration:underline!important}.oneLinkedThing img{width:15px;height:15px;margin-left:3px}.oneLinkedThing img:hover{cursor:pointer}.oneLinkedThing img:hover+p{text-decoration:line-through}.centerMenuLinked{display:none;width:calc(100% - 80px);height:100%;margin:5px 40px;border-top:1px dashed #fff;padding-top:10px;padding-bottom:10px}@media only screen and (min-width:768px){.centerMenuLinked{height:unset}}.centerMenuLinked p{border:none!important;display:flex}.padThisCenterMenu{padding-bottom:15px}.putWorkflowOnHold{height:40px;width:100%;display:flex;align-items:center}.centerMenu{position:absolute;top:10px;left:5px;border-radius:0 0 4px 4px;z-index:80;padding-bottom:10px}@media only screen and (min-width:768px){.centerMenu{position:relative;top:unset;left:unset;height:100%;padding-bottom:unset}.centerMenu>div{margin:0 3px}}.centerMenuMainPage{background:#54bbf3!important;width:100%!important;justify-content:center!important;padding-bottom:5px!important}.centerMenuMainPage p{margin-top:5px!important}@media only screen and (min-width:768px){.centerMenuMainPage p{margin:5px 5px 0 5px}}@media only screen and (min-width:768px){.centerMenuMainPage{height:50px;border-radius:0}}.linkedThings{display:flex;flex-direction:row;align-items:center;position:absolute;top:50%;transform:translate(0,-50%);right:5px;color:#5a5a5d;font-weight:700;margin:0;margin-top:0;padding:0;border-radius:4px;letter-spacing:1px;width:-moz-fit-content;width:fit-content;white-space:nowrap;border:2px solid #fff;cursor:pointer;border-color:#fff;background:#fff}@media only screen and (min-width:768px){.linkedThings{position:relative;top:unset;right:unset;transform:none}}.linkedThings p{margin:0;padding:5px 0 5px 0}.linkedThings:hover{border-color:#fff}.linkedAmount{display:flex;flex-direction:row;align-items:center;padding-left:15px}.linkSomethingNew{height:26px;margin:0 auto;width:40px;margin-left:15px;border-left:1px solid #ddd;text-align:center;color:#fff!important;border-color:#fff;border-radius:0 2px 2px 0}.linkSomethingNew p{padding:0;font-size:1.9rem}.linkSomethingNew.agendaColor:hover{background:#42cedb;color:#fff!important;border-color:#fff}.linkSomethingNew.invoiceColor:hover{background:#42cedb;color:#fff!important;border-color:#fff}.fO0{order:1!important}.fO1{order:2}.fO2{order:3}.fO3{order:4}.fO4{order:5}.fO5{order:6}.fO6{order:7}.fO7{order:8}.repeatSwitchRow{display:flex;flex-direction:column;justify-content:space-between;width:100%;margin-bottom:25px}.repeatSwitchRow input{width:100%}@media print,screen and (min-width:768px){.repeatSwitchRow{margin-bottom:unset}}.repeatSwitchBtn{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:20%;min-width:105px}.repeatSwitchBtn p{margin-left:10px;margin-top:0}.repeatInpt{margin:25px 0;width:calc(100% - 20px)}html{position:fixed;top:0;width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;overflow:hidden;background:#fff}@media print,screen and (min-width:768px){html{background:#e0e1e6}}@media print{html{position:relative;top:unset;width:unset;height:unset;display:block;overflow:hidden;background:#fff;display:block}}.cursorPointer{cursor:pointer}.expandThisRightNow{display:flex;flex-direction:row;justify-content:center;align-items:center;left:0;z-index:2;width:35px;height:35px;background:#fff;border-radius:4px}.expandThisRightNow img{width:20px;height:20px}.segment,.segment:hover{transition:transform .1s}.segment.highlight,.segment.selected,.segment:hover{transform:scale(1.1,1.1)}.DmiddleMarker{fill:#fff;opacity:.7}.DouterCircle{box-shadow:rgba(0,0,0,.1) 0 2px 15px 0}.optionsMenuRight{display:flex;flex-direction:row;align-items:center;background:#fff;padding:0 15px;border-radius:4px;height:35px;position:absolute;left:0;width:100px}.optionsMenuRight:after{content:"▾";font-size:1.2rem;width:20px;margin-top:-2px;color:#1d1d1f;text-align:center;margin-left:15px}@media print,screen and (min-width:768px){.optionsMenuRight{left:45px}}.optionListInvoice{width:200px;height:auto;background:#40424c;position:absolute;top:28px;left:0;z-index:9;padding:10px 20px;border-radius:4px;display:none}.optionListInvoice p{margin-left:15px}.optionListInvoice img{width:20px;height:20px}.optionListInvoice>a,.optionListInvoice>div{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:inherit;background:#fafafa;margin:10px 0;border-radius:4px;padding:0 10px;cursor:pointer}.settingContentBlock{background:#fff;padding:20px;border-radius:10px}@media only screen and (min-width:1024px){.settingContentBlock{padding:30px}}@media only screen and (min-width:1380px){.settingContentBlock{padding:30px 40px}}.invoiceMblVersion.singleInvoice{display:flex;flex-direction:row;justify-content:space-between;height:115px;width:100%;border:1px solid #eee;position:relative;flex-wrap:wrap;background:#fff;padding:8px;margin:10px 0;border-radius:4px}.invoiceMblVersion.singleInvoice:hover{width:100%}.invoiceMblVersion.singleInvoice .checkboxsingleInvoice{display:none}.invoiceMblVersion.singleInvoice .invoiceMobileOne{display:flex;flex-direction:column;width:60%;height:calc(100% - 35px)}.invoiceMblVersion.singleInvoice .invoiceMobileOne p{font-weight:700}.invoiceMblVersion.singleInvoice .invoiceRowMarkup{width:100%;display:flex;flex-direction:column;justify-content:flex-start}.invoiceMblVersion.singleInvoice .invoiceContact,.invoiceMblVersion.singleInvoice .invoiceNumber{width:100%;margin-bottom:4px}.invoiceMblVersion.singleInvoice .invoiceMobileTwo{display:flex;flex-direction:column-reverse;justify-content:flex-end;width:30%;height:calc(100% - 35px)}.invoiceMblVersion.singleInvoice .invoiceMobileTwo .amountTableInvoice p{margin-bottom:10px}.invoiceMblVersion.singleInvoice .invoiceStatus{width:100%;height:35px}.invoiceMblVersion.singleInvoice .invoiceColumnFive{padding:3px 20px;text-align:center;margin-left:0;display:flex;align-items:center;justify-content:center;font-weight:400;height:auto;width:100%;text-transform:lowercase;border-radius:3px;letter-spacing:1px}.fromLeft{left:0!important}.rotateThisArrowDown::after{transform:rotate(135deg)!important;transition:all .3s ease}.slideThisThing{width:100%;height:100%;display:none}.priceDurationPosition{position:absolute;bottom:0;right:0;width:105px;background:#fff}.priceDurationPosition select{border-left:0 solid #fff;border-radius:0 0 4px 0}.priceDurationPosition .priceDurationBrdr{border-left:1px solid #ccc;width:2px;height:23px;position:absolute;left:0;top:9px;z-index:1}.inptWithTags{padding:15px 15px;border-bottom:1px solid #bbb!important}.tagField{margin-top:10px;width:100%}.tagField label{padding:10px 0 0}.tagDesign{display:flex;flex-direction:row;flex-wrap:wrap}.tagDesign p{box-shadow:0 3.5px 0 0 #fff inset,0 0 5px -1px #cfcfcf;padding:8px 16px;width:-moz-fit-content;width:fit-content;margin:10px 15px;letter-spacing:.8px;cursor:pointer;border:1px solid #fff}.tagDesign p:first-of-type{margin-left:0}.tagDesign p:hover{border:1px solid #54bbf3;color:#54bbf3}.dropzone:hover{background:#54bbf3;color:#fff;border:1px dashed #fff}.NameBx{display:flex;flex-direction:row;align-items:center;margin-bottom:15px}.FrstNameBx,.ScndNameBx{position:relative}.FrstNameBx{width:40%}.ScndNameBx{width:60%}.DeleteLblMargin{margin-top:4px!important}.addUserInSearch{background:#f7f7f7;width:100%;padding:8px 20px;border-radius:4px;margin:10px 0}.addUserInSearch a{color:#848484}.addUserInSearch:hover{font-weight:400!important;cursor:pointer}.titleWithSwitch{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.notesBlock{display:flex;flex-direction:column;justify-content:space-between;width:100%;padding-top:25px;padding-bottom:25px;overflow:auto}@media print,screen and (min-width:768px){.notesBlock{flex-direction:row;height:100%;overflow:hidden}}.closeCreateNewNote{display:flex!important}.lastModifiedNote{margin:0;font-size:1rem;margin-top:-20px;margin-bottom:15px;color:grey}.createNewNote{margin:0 auto;margin-bottom:25px}@media print,screen and (min-width:768px){.createNewNote{display:none}}.fixedNotesPosition{position:fixed!important;z-index:999!important;overflow:hidden!important;top:0}.notesIconRow{display:flex;flex-direction:row;align-items:center;width:-moz-fit-content;width:fit-content;position:absolute;bottom:5px;right:5px;padding:3px 4px;box-shadow:0 3.5px 0 0 #fff inset,0 0 5px -1px #cfcfcf;border-radius:7px}.leftCreateNotes,.rightViewNotes{width:100%;overflow:hidden}@media print,screen and (min-width:768px){.leftCreateNotes,.rightViewNotes{width:48%;overflow:auto}}.rightViewNotes{height:100%}@media print,screen and (min-width:768px){.rightViewNotes{padding-right:15px}}.leftCreateNotes{position:fixed;top:0;z-index:888;width:100vw;left:0;height:100%;background:#fff;border-radius:10px;padding:20px;padding-bottom:75px;display:none;overflow:auto}@media print,screen and (min-width:768px){.leftCreateNotes{position:relative;display:block;width:48%;padding-bottom:20px}}.singleNote,.singleTracker{border-radius:10px;background:#fff;padding:5px 15px;position:relative;margin-bottom:25px}.singleNote h4,.singleTracker h4{color:#1d1d1f!important;margin-left:0;margin-top:0;margin-bottom:0;font-size:1.4rem}.singleNote h3,.singleTracker h3{font-size:1.3rem;margin-top:0;font-weight:700;color:#1d1d1f!important}.singleNote blockquote,.singleNote p,.singleTracker blockquote,.singleTracker p{line-height:27px;letter-spacing:.4px}.singleNote a,.singleTracker a{color:#54bbf3;text-decoration:none}.singleNote .deleteLineServiceAppoint,.singleTracker .deleteLineServiceAppoint{position:absolute;right:0;top:13px}.singleNote{padding-bottom:55px}.dateNoteAndTitle{width:100%;display:flex;flex-direction:column;justify-content:flex-start;border-bottom:1px solid #eee;padding-bottom:5px;margin-bottom:15px}.cntntBlckWhite{background:#fff;border-radius:10px;width:100%;height:auto;margin-top:25px;padding:20px}.cntntBlckTransparant{width:100%;height:auto;margin-top:25px}.dateNote{background:#eee;color:#797979;padding:5px 8px;margin-bottom:20px;border-radius:4px;margin-right:5px;font-size:1.2rem;width:-moz-fit-content;width:fit-content;text-align:center;line-height:20px!important}.dateNote span{font-weight:700;margin-right:10px}.informationI{width:18px;height:18px;font-size:1.3rem;color:#1d1d1f;border:1px solid #1d1d1f;border-radius:20px;margin-left:7px;padding-left:1px;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:help}@media print,screen and (min-width:768px){.activityTrackRight{width:250px;padding:0;border-radius:0 0 0 4px;z-index:9}}.activityTrackTitle{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:35px;border-radius:4px;font-weight:400!important;background:#fff}.activityTrackTitle .agendaTitleh1{margin:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#40424c;margin:0;padding:0 25px;padding-right:10px;font-size:1.3rem;border-bottom:none}.activityTrackTitle .agendaTitleh1:hover::after{transform:rotate(135deg);transition:all .2s ease}.activityTrackTitle .agendaTitleh1::after{border-color:#40424c;margin-right:5px;margin-top:-1px;transition:all .2s ease;width:8px;height:8px}.activityTrackerContent{display:none;background:#40424c;height:100%;width:100%;border:1px solid #40424c;border-top:none;border-radius:0 0 10px 10px;padding:20px 10px}.greenTrck{border:1px solid #3ccc94;color:#3ccc94;background:#fff}.redTrck{border:1px solid #ff6d74;color:#ff6d74;background:#fff}.blueTrck{border:1px solid #54bbf3;color:#54bbf3;background:#fff}.activityButton{height:17px;border-radius:4px}.activityButton p{font-size:.9rem!important;padding:2px 8px!important;text-align:center!important;margin:0!important;line-height:inherit}.changeDeleteBar{display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:auto;border:1px solid #e0e1e6;border-radius:10px;background:#fff;position:absolute;bottom:-15px;height:30px;left:50%;transform:translate(-50%,0);padding:0 15px;background:#fff;z-index:7}.changeDeleteBar p{cursor:pointer}.changeDeleteBar:hover{color:inherit}.changeDeleteBar:hover::after{border-color:inherit}.changeDeleteBar .deleteThisDiv{color:#ff6d74;border-bottom:1px solid #fff}.changeDeleteBar .deleteThisDiv:hover{border-color:#ff6d74}.pullDownThisDiv p,.putBackUpThisDiv p{font-weight:700;font-size:1rem;letter-spacing:.8px;padding:2px 12px;margin:0;border-radius:5px;width:-moz-max-content;width:max-content;text-align:center}.changeThisBlck,.changeThisDiv,.changeThisNote,.deleteThisDiv,.deleteThisNote,.notChangeThisDiv,.saveThisBlck,.saveThisDiv{display:flex;flex-direction:row;align-items:center;font-weight:700;font-size:1rem;letter-spacing:.8px;margin:0;border-radius:0;width:-moz-max-content;width:max-content;text-align:center}.changeThisBlck[style*="display: block"],.changeThisDiv[style*="display: block"],.changeThisNote[style*="display: block"],.deleteThisDiv[style*="display: block"],.deleteThisNote[style*="display: block"],.notChangeThisDiv[style*="display: block"],.saveThisBlck[style*="display: block"],.saveThisDiv[style*="display: block"]{display:flex!important;cursor:pointer}.changeThisBlck p,.changeThisDiv p,.changeThisNote p,.deleteThisDiv p,.deleteThisNote p,.notChangeThisDiv p,.saveThisBlck p,.saveThisDiv p{margin:0}.changeThisBlck img,.changeThisDiv img,.changeThisNote img,.deleteThisDiv img,.deleteThisNote img,.notChangeThisDiv img,.saveThisBlck img,.saveThisDiv img{width:22px;height:22px;margin:0 15px;cursor:pointer}.changeThisBlck:hover,.changeThisDiv:hover,.changeThisNote:hover,.deleteThisDiv:hover,.deleteThisNote:hover,.notChangeThisDiv:hover,.saveThisBlck:hover,.saveThisDiv:hover{border-bottom:none!important}.saveThisBlck{display:none}.saveThisBlck img{margin:0 8px!important}.changeThisDiv,.changethisNote{color:#40424c}.changeThisDiv:hover,.changethisNote:hover{border-bottom:1px solid #40424c;border-radius:0}.deleteThisDiv{color:#ff6d74}.deleteThisDiv:hover{border-bottom:1px solid #ff6d74;border-radius:0}.saveThisDiv{color:#3ccc94}.saveThisDiv:hover{border-bottom:1px solid #3ccc94;border-radius:0}.notChangeThisDiv{color:#40424c}.notChangeThisDiv:hover{border-color:#40424c;border-radius:0}.searchInputIcon{width:15px;height:15px;position:absolute;left:7px;bottom:12px;z-index:10}.invoiceBeschrijving .searchInputIcon{top:20px}.positionThatColourWheel{position:relative;top:-18px;left:50%;transform:translate(-50%,0);z-index:4}@media print,screen and (min-width:768px){.positionThatColourWheel{position:relative;top:unset;left:unset;transform:none}}.singleTracker{padding-right:10px;background:#fff}.activityTrackerLbl{display:flex;flex-direction:row;justify-content:space-between;width:100%}.ActivityTrckrMail{width:-moz-fit-content;width:fit-content;border:1px solid #00f;font-size:.9rem;color:red}.notesCreateArea{margin-top:25px;margin-bottom:25px;height:calc(100% - 160px)!important}.leftCreateNotes>button{margin:7px 0}.swal2-popup.swal2-toast .swal2-header{margin-left:12px}.serviceBeschrijving{position:relative}.overflowDesktop{overflow:hidden}@media print,screen and (min-width:768px){.overflowDesktop{overflow-x:hidden;overflow-y:hidden}.overflowDesktop:hover{overflow-y:auto}}.previewColor{padding:10px;color:#1d1d1f;border-left:7px solid #fff;border-radius:0 4px 4px 0;margin:10px;position:relative;width:50px;height:25px}.selectedColorPreview::after{content:"✓";position:absolute;width:10px;height:10px;top:5px;left:50%;transform:translate(-50%,0)}.previewColor:hover{cursor:grab;width:60px!important;transition:all .3s ease!important;border:2px solid grey!important}.chosenColor{width:calc(100% - 20px);padding:10px;color:#1d1d1f;border-left:7px solid #fff;border-radius:0 4px 4px 0;margin:10px}.colorChooseList{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;width:100%}.colorChooseList .previewColor{width:50px;margin-right:0;transition:all .3s ease}.hiddenMobile{display:none}@media print,screen and (min-width:768px){.hiddenMobile{display:flex}}.hiddenDesktop{display:flex}@media print,screen and (min-width:768px){.hiddenDesktop{display:none}}.flxrw{display:flex;flex-direction:row}.overflowMobile{overflow-x:hidden;overflow-y:auto;padding-bottom:70px}@media print,screen and (min-width:768px){.overflowMobile{overflow:hidden;padding-bottom:0}}@media only screen and (min-width:576px) and (max-width:unset) and (orientation:landscape){.overflowMobile{overflow:auto;padding-bottom:0}}.overflowDesktop{overflow-x:hidden;overflow-y:hidden;padding-bottom:0}@media print,screen and (min-width:768px){.overflowDesktop{overflow:auto;padding-bottom:0}}@media only screen and (min-width:576px) and (max-width:unset) and (orientation:landscape){.overflowDesktop{overflow:auto;padding-bottom:0}}.visibilityToggle{visibility:hidden}.overflow{overflow-x:hidden;overflow-y:auto}a{border:none;outline:0;color:inherit;border-bottom:none;text-decoration:none}button{outline:0}fieldset{padding:.01em 0 0 0;border:none;margin:0;height:-moz-fit-content;height:fit-content;min-width:0;width:100%}input{outline:0}.bodyheight{display:flex;flex-direction:column-reverse;align-items:center;overflow:hidden;position:fixed;background:#e0e1e6;color:#1d1d1f;font-family:Lato,sans-serif;height:calc(var(--vh,1vh) * 100);margin:0;top:0;left:0}@media print,screen and (min-width:768px){.bodyheight{position:relative;width:calc(100% - 20px);height:calc(100% - 20px);justify-content:flex-end;transition:width .3s ease;transition:height .3s ease}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){.bodyheight{height:calc(100% - 100px);margin-bottom:80px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){.bodyheight{height:calc(100% - 90px);margin-bottom:60px}}.body{display:flex;flex-direction:row;overflow:hidden;width:100%;top:0;left:0;background:#e0e1e6;height:calc(var(--vh,1vh) * 100);max-width:unset!important}@media print,screen and (min-width:768px){.body{position:relative;height:calc(100vh - 40px);padding:0;padding-bottom:0;max-width:unset!important}}@media only screen and (min-width:1680px){.body{height:calc(100vh - 20px)}}.contactListMenuItem{width:100%;cursor:pointer}#openInPageMenuMobile{display:flex;background:#fff;width:45px;height:38px;border-radius:4px;display:none}#openInPageMenuMobile img{width:20px;height:20px}@media print,screen and (min-width:768px){#openInPageMenuMobile{display:none!important}}.overlayScreen{width:100%;height:calc(100% - 240px);background:rgba(43,46,56,.97);position:fixed;z-index:979}@media print,screen and (min-width:768px){.overlayScreen{position:absolute;height:calc(100% - 7px);top:7px;left:0;display:none;z-index:949;border-radius:4px}}.colorPutNice{width:50px;height:50px}@media print,screen and (min-width:768px){.positionThatColourWheel{position:relative;top:-19px;left:-20px;z-index:888}}.DcolorInput{font-weight:400;height:70px;line-height:24px;outline-color:#212529;outline-style:none;outline-width:0;text-align:left;width:70px;margin:5px;border-radius:100%;transition:all ease .1s;background:0 0;box-shadow:none}.slideInScreenDblRowHdr,.slideInScreenSnglRowHdr,.slideInScreenWrkflw{width:100vw;padding:0 10px;margin-top:0;padding-bottom:75px;background:#e0e1e6;position:relative;z-index:-1}@media print,screen and (min-width:768px){.slideInScreenDblRowHdr,.slideInScreenSnglRowHdr,.slideInScreenWrkflw{width:100%;padding:0 25px;padding-bottom:35px;background:#f0f0f3;margin-top:25px}}@media only screen and (min-width:1024px){.slideInScreenDblRowHdr,.slideInScreenSnglRowHdr,.slideInScreenWrkflw{padding:0 40px}}.slideInScreenDblRowHdr,.slideInScreenSnglRowHdr{height:calc(100% - 100px)}@media print,screen and (min-width:768px){.slideInScreenDblRowHdr{height:100%}.slideInScreenSnglRowHdr{height:100%}.slideInScreenWrkflw{height:100%}}.mobileWhiteBackground,.mobileWhiteBackgroundNoPddng{background:#fff;margin-top:10px;border-radius:4px}@media print,screen and (min-width:768px){.mobileWhite{padding:0;margin-top:0}}.mobileWhiteBackground{padding:25px 10px 10px}@media print,screen and (min-width:768px){.mobileWhiteBackground{padding:0}}.mobileWhiteBackgroundNoPddng{padding:0}@media print,screen and (min-width:768px){.mobileWhiteBackgroundNoPddng{padding:0}}.InvoiceListOptionsBtns{display:flex;flex-direction:row;align-items:center;margin-bottom:0;background-color:#ccc;color:#000;justify-content:flex-end;max-width:calc(50% - 30px);min-width:-moz-fit-content;min-width:fit-content;margin-left:0;height:25px;padding:4px 4px;border-radius:4px}.InvoiceListOptionsBtns p{width:50%;padding:1px 12px;margin:0;color:#848484;text-align:center;text-transform:lowercase;margin:0 2px;border-radius:4px;white-space:nowrap}.InvoiceListOptionsBtns p:hover,.selectedInvoiceOption{color:#2f87d0!important;background:#fff;cursor:pointer}.slideDownAddThis{position:relative;z-index:2}@media print,screen and (min-width:768px){.slideDownAddThis{margin:0;margin-right:8px}}.rightSide{display:flex;flex-direction:row;align-items:center;width:-moz-fit-content;width:fit-content;height:100%}.addThisContent{display:none;position:fixed;top:0;left:0;margin-left:0;width:100vw;height:100%;background:#54bbf3;padding-top:40px;z-index:-1}@media print,screen and (min-width:768px){.addThisContent{width:400px;height:400px;box-shadow:rgba(0,0,0,.1) 0 2px 15px 0;position:absolute;border-radius:10px}}.center{display:flex;flex-direction:column;align-items:center;overflow:hidden;background:#f0f0f3;position:relative}@media print,screen and (min-width:768px){.center{padding:0;background:#f0f0f3;border:8px solid #fff;border-top-width:1px;border-radius:10px 10px 0 0;border-bottom:none!important}}.centerWithFixedLeft{border-top-left-radius:0!important}.right{display:flex;flex-direction:column;align-items:center;overflow:hidden;z-index:977;background:#f0f0f3}@media print,screen and (min-width:768px){.right{position:absolute;top:50%;border-radius:15px;transform:translate(50%,-50%);padding:0 0 5px 0;padding-bottom:0}}@media only screen and (min-width:768px){.right{max-width:975px;height:calc(100% - 20px);max-height:850px;border:4px solid #fff}}@media print{.right{width:100%!important;height:100%}}.right .logo{display:none}.aRightScreen{width:100%;height:100%;position:absolute;top:0;transition:all .2s ease}.activeScreen{left:0}.notActive{left:-120%}.notActive:last-of-type{padding-bottom:15px}.multipeRightScreens{display:flex;flex-direction:row;justify-content:center;width:100%;z-index:977;position:absolute;bottom:8px;left:50%;transform:translate(-50%,0)}.multipeRightScreens p{padding:3px 20px;margin:0 10px;color:grey;border-top:4px solid grey;letter-spacing:1px}.activeNavRight,.singleScreen{cursor:pointer}.activeNavRight>p,.singleScreen>p:hover{color:#fff;border-color:#fff}.barIcons{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding-left:65px;width:auto;height:54px;position:fixed;bottom:15px;background:#54bbf3;left:15px;border-radius:5px;transition:width .3s ease;padding-right:10px;z-index:978}@media print,screen and (min-width:768px){.barIcons{position:absolute;bottom:unset;top:8px;left:8px;height:40px;background:#fff;padding:0;z-index:899}}.barIcons>div{margin:0 8px}.barIcons>div:last-of-type{margin-right:0}@media print,screen and (min-width:768px){.barIcons>div{margin:0 3px}.barIcons>div:first-of-type{margin-left:0}}.contentAndFilter{width:100%;display:flex;flex-direction:row;height:calc(100% - 65px)}@media only screen and (min-width:768px){.contentAndFilter{height:calc(100% - 65px)}}.barIconsColorFixed{background:#f0f0f3!important}.menuIcons{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;z-index:989;cursor:pointer;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.menuIcons img{transition:all .2s ease-in}.addSomethingIcon{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#fff;border-radius:4px}@media print,screen and (min-width:768px){.addSomethingIcon{background:#54bbf3;position:relative;top:0;left:0;z-index:1}}.addSomethingIcon,.leftOpn{height:38px;width:45px}.addSomethingIcon img,.leftOpn img{width:20px;height:20px}@media only screen and (min-width:1024px){.addSomethingIcon img,.leftOpn img{height:17px;width:17px}}@media only screen and (min-width:1680px){.addSomethingIcon img,.leftOpn img{height:20px;width:20px}}@media only screen and (min-width:1024px){.addSomethingIcon,.leftOpn{height:33px;width:33px}}@media only screen and (min-width:1680px){.addSomethingIcon,.leftOpn{height:40px;width:40px}}.menuOpn{left:30px;bottom:23px;position:fixed;background:#54bbf3;border-radius:3px;height:38px;width:45px;padding:10px;z-index:989}.menuOpn img{width:100%}@media print,screen and (min-width:768px){.menuOpn{display:none}}.leftOpn{background:#fff;border-radius:4px;z-index:0}@media print,screen and (min-width:768px){.leftOpn{background:#54bbf3;box-shadow:none}}.backToSettings,.close-right-one,.closeThisScreen,.leftStaticOpn{background:#fff;width:45px;height:38px;z-index:859;display:flex;flex-direction:row;justify-content:center;align-items:center}.closeThisScreen img{width:20px;height:20px;transform:rotate(45deg)}.backToSettings{display:none}.leftStaticOpn{z-index:859}.positionRelative{position:relative}.close-mobile-date-picker{bottom:15px;left:20px;background:#fff;border-radius:50%;width:45px;height:45px;position:relative}.close-day-grid{bottom:15px;left:85px;background:#fff;border-radius:50%;width:45px;height:45px;position:absolute}.close-right-one{display:none;z-index:969}.logo{display:flex;flex-direction:column;color:#fff;font-size:1.4rem;font-weight:700;position:fixed;z-index:939;top:12px;right:20px}.logo p{margin:0}.logo .helpsPart{font-size:.8rem;align-self:flex-end;margin-top:-4px;text-transform:uppercase;font-weight:400}@media print,screen and (min-width:768px){.logo{display:flex;bottom:23px;right:25px;top:unset;color:#54bbf3;z-index:985}}@media only screen and (min-width:768px) and (max-width:unset) and (orientation:portrait){.logo{bottom:30px;color:#54bbf3}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){.logo{bottom:35px}}@media only screen and (min-width:1024px){.logo{color:#54bbf3}}.arrowleft,.arrowleftPopover,.arrowright,.arrowrightPopover{width:40px;height:40px;cursor:pointer;display:flex;justify-content:center;align-items:center}.arrowAbslt{position:absolute}.arrowRltv{position:relative}.arrow-down,.arrow-left,.arrow-right{width:10px;height:10px;cursor:pointer;content:"";display:inline-block;border-right:2px solid #000;border-top:2px solid #000;margin-right:0;border-color:#3287d0}.arrow-right{transform:rotate(45deg)}.arrow-left{transform:rotate(225deg)}.arrow-down{transform:rotate(135deg)}.close-mobile-date-picker .arrow-left,.close-right-one .arrow-left{width:15px;height:15px;margin-left:5px}.agendaTitleh1{margin-bottom:20px;margin-top:0;letter-spacing:1px;font-size:1.4rem;padding-bottom:7px;width:100%;text-transform:none;color:#5e5e5f;border-bottom:1px solid #eee}.agendaTitleh1-nomargin{margin-bottom:20px;margin-top:0;letter-spacing:1px;font-size:1.4rem;padding-bottom:7px;width:100%;text-transform:none;color:#5e5e5f;border-bottom:1px solid #eee}.agendaTitleh1-Swtch{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #eee;width:100%;margin-top:0;margin-bottom:20px;padding-bottom:5px}.agendaTitleh1-Swtch h2{letter-spacing:1px;font-size:1.4rem;width:-moz-fit-content;width:fit-content;text-transform:none;color:#5e5e5f;margin-right:100px;margin-bottom:5px}.agendaTitleh1-Swtch .createInvoiceBtnP,.agendaTitleh1-Swtch .switch{margin:0}@media print,screen and (min-width:768px){.agendaTitleh1-Swtch .createInvoiceBtnP,.agendaTitleh1-Swtch .switch{margin-left:10px}}.agendaTitleh1-Swtch .switchBtnRow{flex-direction:row}@media print,screen and (min-width:768px){.agendaTitleh1-Swtch{flex-direction:row;align-items:flex-end;justify-content:space-between}}.agendaTitleh1-SwtchNoMargin{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #eee;width:100%;margin-top:0;margin-bottom:20px;padding-bottom:5px}.agendaTitleh1-SwtchNoMargin h2{letter-spacing:1px;font-size:1.4rem;width:-moz-fit-content;width:fit-content;text-transform:none;color:#5e5e5f;margin-right:100px;margin-bottom:5px}.agendaTitleh1-SwtchNoMargin .createInvoiceBtnP,.agendaTitleh1-SwtchNoMargin .switch{margin:0}@media print,screen and (min-width:768px){.agendaTitleh1-SwtchNoMargin .createInvoiceBtnP,.agendaTitleh1-SwtchNoMargin .switch{margin-left:10px}}.agendaTitleh1-SwtchNoMargin .switchBtnRow{flex-direction:row}@media print,screen and (min-width:768px){.agendaTitleh1-SwtchNoMargin{flex-direction:row;align-items:flex-end;justify-content:space-between}}.gnrlSwtchTxt{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;margin-top:15px}.switch{position:relative;display:inline-block;width:33px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;border:1px solid #ddd;transition:.2s;height:20px;outline:0;border-radius:4px;width:33px;background:#fff}.slider:before{position:absolute;content:"";height:12px;width:12px;left:4px;bottom:3px;background-color:#a7a5a5;transition:.2s;border-radius:4px}input:checked+.slider{background-color:#54bbf3;border:1px solid #54bbf3}input:focus+.slider{outline:0}input:checked+.slider:before{transform:translateX(10px);background:#fff}.includeVatOrNot{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin-top:15px;width:100%;padding-left:5px;padding-right:5px;border-radius:4px}.includeVatOrNot p{margin:0;width:-moz-fit-content;width:fit-content;margin-right:0;padding-bottom:5px;color:#bbb}@media print,screen and (min-width:768px){.includeVatOrNot{position:absolute;right:0;bottom:5px;margin-top:0}}.switchText{position:relative;display:inline-block;width:150px;height:40px;margin-left:1px}.switchText p{width:100%;text-align:center}.widthHundred{width:100%;height:100%}.switchText input{opacity:0;width:0;height:0}.slctWithImage{min-width:55px!important;max-width:55px!important;border-radius:4px}.slctWithImage select{text-indent:35px!important;border-radius:4px!important}@media print,screen and (min-width:768px){.slctWithImage{width:inherit}}.filterImage{display:flex;flex-direction:row;align-items:center;position:absolute;top:0;left:0;height:100%}.filterImage img{width:25px;height:25px;margin:0 0 0 5px!important}.sliderText{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff;transition:.2s;height:40px;outline:0;width:150px;padding:0 5px;display:flex;flex-direction:row;justify-content:space-around;align-items:center}@media print,screen and (min-width:768px){.sliderText{border-bottom:none}}.sliderText p{font-size:1.3rem;margin:0;z-index:1;padding-bottom:0;color:#1d1d1f}.sliderText:before{position:absolute;content:"";height:19px;width:65px;left:6px;border:1px solid #54bbf3;background:#54bbf3;bottom:9px;transition:.2s;border-radius:4px}input:focus+.sliderText{outline:0}input:checked+.sliderText:before{transform:translateX(71px)}.actvVat{color:#fff!important}.timeSelector{-webkit-appearance:none;background-color:#fff;border:1px solid #fff;margin-left:0;border-radius:0;padding:0;background-color:#fff;height:auto;outline:0;width:100%;height:38px;text-align:right;text-indent:0}.timeSelector p{border-bottom:1px solid #fff}.timeSelectorFlx{display:flex;flex-direction:row;align-items:center;padding-left:2px}.timeSelectorWidth{width:22px!important}.timeDuration{padding-left:9px}.timeDuration p{border-bottom:1px solid #fff;position:relative;bottom:0}.euroSignInpt{width:-moz-fit-content;width:fit-content;margin:0}.businessAptMarginService{text-transform:none;margin:0 5px 0 1px!important;align-self:center}.datumagenda{color:#fff}@media print,screen and (min-width:768px){.datumagenda{color:#1d1d1f}}.hiddenToggle{display:none!important}.fixedInfoHolder{margin:5px 0;height:45px;padding-left:0}.fixedInfoHolder p{margin:0;font-weight:400}.subTotalInvoiceRow,.subtutalInvoiceFixedDisplay{display:flex;flex-direction:column;justify-content:flex-end;position:relative;width:100%;height:auto;border-top:1px solid #5e5e5f}@media print,screen and (min-width:768px){.subTotalInvoiceRow,.subtutalInvoiceFixedDisplay{margin:0 5px;border-top:none;align-items:flex-end}}@media only screen and (min-width:768px){.subTotalInvoiceRow,.subtutalInvoiceFixedDisplay{width:calc(100% - 10px);flex-direction:row}}@media print{.subTotalInvoiceRow,.subtutalInvoiceFixedDisplay{position:unset;flex-direction:unset;width:unset}}blockquote{border-left:4px solid #ccc;padding-left:10px;margin-left:30px}.invoiceTotalTable,.invoiceTotalTableDuration{display:flex;flex-direction:column;width:100%;margin-top:15px;text-transform:none;color:#1d1d1f;padding:10px 10px;background:#fafafa;border-radius:4px}.invoiceTotalTable p,.invoiceTotalTableDuration p{margin:3px 0}@media print,screen and (min-width:768px){.invoiceTotalTable,.invoiceTotalTableDuration{margin-right:36px;width:-moz-fit-content;width:fit-content;padding:10px 20px;border-radius:10px}}.paddingRightPX{padding-right:80px}.totalInvoiceRow{display:flex;flex-direction:row;justify-content:space-between}.curAndAmount{display:flex;flex-direction:row;justify-content:space-between;width:92px;letter-spacing:.4px}.paymentAmount.curAndAmount{width:unset;flex:0 0 92px}.subTotalInvoiceRow,.subTotalInvoiceRowDisplay{font-weight:400;letter-spacing:.3px}.textRight{text-align:right}.textLeft{text-align:left}.serviceList{padding:0;margin:0;list-style-type:none}.serviceList li{box-shadow:0 3.5px 0 0 #fff inset,0 0 5px -1px #cfcfcf;padding:35px;padding-bottom:25px;margin:20px 0;border-radius:4px}.serviceList li:first-of-type{margin-top:0}textarea~.serviceSearchElement{top:calc(100% - 3px);width:100%;left:0}.contactSearchElement,.serviceSearchElement{border:1px solid #ddd;border-top-style:dashed;padding:5px;height:-moz-fit-content;height:fit-content;max-height:200px;overflow:auto;position:absolute;left:-1px;top:calc(100% - 2px);width:calc(100% + 2px);background:#fff;z-index:799;border-radius:4px 4px 10px 10px;padding:10px 25px}.contactSearchElement li,.serviceSearchElement li{display:flex;flex-direction:row;align-items:center;list-style-type:none;background:#fff;font-size:1.3rem;padding:15px 25px 15px 10px!important;margin-left:0;margin:10px 0;transition:all .2s ease;border:1px solid #fff;border-radius:4px;height:35px;box-shadow:0 3.5px 0 0 #fff inset,0 0 5px -1px #cfcfcf}.contactSearchElement .hoverLst,.contactSearchElement li:hover,.serviceSearchElement .hoverLst,.serviceSearchElement li:hover{font-weight:700;cursor:pointer}.pageHeaderMainPage{height:50px;position:sticky;top:0;left:0;z-index:839;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#54bbf3;width:100%;padding:0 20px}@media only screen and (min-width:768px){.pageHeaderMainPage{height:50px;position:sticky;top:0;left:0;z-index:899;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#fff;padding:0}}@media only screen and (min-width:1680px){.pageHeaderMainPage{height:60px}}.pageHeaderMainPage .slctField{width:200px}.pageHeaderMainPage select{border-top:1px solid #e2dede!important;border-radius:4px}.pageHeaderMainPage .slctAfter{right:3px}.pageHeader{height:auto;position:sticky;top:0;left:0;width:100%;z-index:829;border-bottom:10px solid #e0e1e6;background:#fff}@media only screen and (min-width:768px){.pageHeader{height:auto;border:2px solid #fff;border-bottom:4px solid #fff;border-radius:0 0 15px 15px}}.agendaColor{background:#42cedb!important}.invoiceColor{background:#42cedb!important}.pageHeaderSingleRow{height:110px;position:sticky;top:0;left:0;z-index:829;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#fff;width:100%;border-bottom:10px solid #e0e1e6}.pageHeaderSingleRow .row1,.pageHeaderSingleRow .row2{height:100%}.pageHeaderSingleRow .topbarTitle{min-height:40px}@media only screen and (min-width:768px){.pageHeaderSingleRow{height:62.5px;border-bottom:none}}.pageHeaderSingleRowSettings{position:sticky;height:110px;top:0;left:0;z-index:1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#fff;width:100%}@media only screen and (min-width:768px){.pageHeaderSingleRowSettings{height:62.5px}}@media only screen and (min-width:768px){.pageHeaderSingleRowSettings .topbarTitle{padding-left:0!important}}@media only screen and (min-width:768px){.pageHeaderSingleRowSettings .row1,.pageHeaderSingleRowSettings .row2{width:-moz-fit-content;width:fit-content;align-items:center}}@media only screen and (min-width:768px){.pageHeaderSingleRowSettings .topbarTitle{justify-content:flex-start;flex-direction:row-reverse}}@media only screen and (min-width:1024px){.pageHeaderSingleRowSettings .topbarTitle{justify-content:flex-start;flex-direction:row}}.pageHeaderSingleRowSettings h1{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;text-transform:uppercase;margin:0;letter-spacing:1.5px;padding-left:0;font-size:1.6rem}@media only screen and (min-width:768px){.pageHeaderSingleRowSettings h1{flex-direction:row;justify-content:flex-end}}@media only screen and (min-width:1024px){.pageHeaderSingleRowSettings h1{justify-content:flex-start}}@media only screen and (max-width:360px){.pageHeader,.pageHeaderSingleRow,.pageHeaderSingleRowSettings{overflow-y:scroll}}.topbarTitle{padding:10px 10px 5px;padding-bottom:10px}@media only screen and (min-width:1024px){.topbarTitle{padding:0 40px}}.navCntrMenu{margin:0 5px 5px;padding-bottom:0!important;margin-bottom:0;height:50px}@media only screen and (min-width:768px){.navCntrMenu{padding-bottom:0!important}}@media only screen and (min-width:768px){.navCntrMenu{margin:0 40px}}.navCntrMain{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:100%;position:relative}.pageHeaderTopPad{padding-top:20px}.topbarTitle{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;max-height:100px;background:#fff}@media only screen and (min-width:768px){.topbarTitle{flex-direction:row;align-items:center;height:auto;padding-top:12px!important;padding-bottom:12px!important}}.titleWithSupplement{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.titleWithSupplement h1{padding:4px 40px 4px 10px!important}.titleH1Supplement{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-left:0;border:1px solid #40424c;border-left:none;padding-left:15px;padding-right:15px;height:28px;margin-left:-29px;z-index:1;background:#fff;border-radius:0 20px 20px 0}.titleH1Supplement p{font-size:1.1rem;text-transform:none;color:#1d1d1f;margin:0;margin-top:-1px;letter-spacing:.8px}.row1{max-height:35px}@media only screen and (min-width:768px){.row1{max-height:unset}}.row1,.row2{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:50%}.row1 img,.row2 img{margin:0 5px!important}.row1 h1,.row2 h1{font-size:1.3rem;padding:5px 10px 5px 5px;color:#fff;border:2px solid #40424c;border-radius:4px;background:#40424c;white-space:nowrap;margin:0;letter-spacing:1px;text-transform:none;font-weight:400}.row2{align-items:center;margin-top:15px}@media only screen and (min-width:768px){.row2{justify-content:flex-end;align-items:center;margin-top:unset}}.row2>.row2Mobile{margin-right:25px;display:flex;flex-direction:row;align-items:center;height:100%}.row2Mobile{display:flex}.topbarNav{display:flex;flex-direction:column;justify-content:space-between;align-items:center;display:none;width:100%;margin:0 auto;height:25px;overflow:hidden;position:fixed;background:#fff;height:auto;bottom:0;right:0;padding:20px 10px;padding-bottom:100px;box-shadow:-14px 0 17px 1px rgba(0,0,0,.3)}@media only screen and (min-width:768px){.topbarNav{display:flex;flex-direction:row;position:relative;box-shadow:none;top:unset;right:unset;width:100%;padding:0;padding-bottom:0;height:50%}}.topbarNav p{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0;letter-spacing:1px;height:40!important;border-bottom:1px solid #fff;width:100%;padding:10px 25px;text-align:center}.contactDetailsMenu p:hover,.selectedViewSingle p,.topbarNavSelected{color:#54bbf3!important;border-bottom:1px solid #54bbf3;background:#fff;transition:all .2s ease-in;font-weight:700}.linkedIcon{width:15px;height:15px;margin-right:10px;top:0;position:relative}header{position:fixed;left:-100vw;bottom:0;height:240px;z-index:979;background:#fff;transition:all .2s ease-in;width:100vw}@media only screen and (min-width:768px){header{left:unset;bottom:10px;height:60px;width:calc(100% - 20px);max-width:2520px;margin-top:10px;border-top:4px solid #54bbf3;border-radius:0 0 8px 8px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){header{height:70px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){header{height:70px}}@media only screen and (min-width:1680px){header{height:65px}}.active>a>span{color:#54bbf3!important}.main_navigation{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%}@media only screen and (min-width:768px){.main_navigation{flex-direction:row;justify-content:space-between;width:calc(100% - 45px)}}@media only screen and (min-width:1024px){.main_navigation{flex-direction:row;justify-content:space-between;width:100%;max-width:1680px;margin:0 auto}}.menuDivider{display:none}@media only screen and (min-width:768px){.menuDivider{display:flex;width:1px;border-right:1px solid #fff;height:10px}}.menuDividerSmallScreen{display:none}@media only screen and (min-width:768px){.menuDividerSmallScreen{display:flex;width:1px;border-right:1px solid #1d1d1f;height:10px}}@media only screen and (min-width:1024px){.menuDividerSmallScreen{display:none!important}}@media only screen and (min-width:768px){.hiddenSettings{display:none!important}}.main_navigation_list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;height:70%;width:100%;padding:0;margin:0;background:0 0}.main_navigation_list li{display:flex;flex-direction:row;justify-content:center;list-style-type:none;width:25%}.main_navigation_list li:first-of-type{padding-left:5px}.main_navigation_list li a{display:flex;flex-direction:column;align-items:center}@media only screen and (min-width:1380px){.main_navigation_list li a{flex-direction:row}}.main_navigation_list .menuTextDesktop{margin-top:5px;color:#1d1d1f;font-size:1.2rem}@media only screen and (min-width:768px){.main_navigation_list .menuTextDesktop{font-size:1.1rem}}@media only screen and (min-width:1680px){.main_navigation_list .menuTextDesktop{font-size:1.3rem}}@media only screen and (min-width:768px){.main_navigation_list{width:72%;justify-content:space-around}.main_navigation_list li{width:-moz-fit-content;width:fit-content}.main_navigation_list .menuTextDesktop,.main_navigation_list .menuTextDesktop.hiddenDesktop{display:none}}@media only screen and (min-width:1024px){.main_navigation_list{height:100%;justify-content:space-around;width:65%}.main_navigation_list li{width:-moz-fit-content;width:fit-content}.main_navigation_list .menuTextDesktop{display:block;color:#1d1d1f;font-weight:400;letter-spacing:1px;padding-bottom:2px;margin-top:4px}.main_navigation_list .menuTextDesktop:hover{color:#54bbf3}}@media only screen and (min-width:1024px) and (max-width:unset) and (orientation:landscape){.main_navigation_list{align-items:flex-start;margin-top:20px}.main_navigation_list .menuDivider{margin-top:14px}}@media only screen and (min-width:1380px){.main_navigation_list{width:65%;font-size:1.4rem}}.iconrow{display:flex;justify-content:flex-end;align-items:center;width:calc(100% - 30px);height:30%;background:#fff;border-top:1px solid #40424c}.iconrow div{display:flex;justify-content:center;align-items:center;width:14.2857142857%;cursor:pointer}.iconrow .signOutWhite{display:none}@media only screen and (min-width:768px){.iconrow{border-top:none;width:calc(25% - 20px);margin-right:20px;height:30px;border-radius:4px;justify-content:space-around;background:#fff}.iconrow div{width:unset}.iconrow .messageBox{display:flex}.iconrow .messageNumber{width:100%;height:100%}.iconrow img{display:block}.iconrow .accountDesk:hover>.accountDropDown{display:flex;flex-direction:column}.iconrow .accountDesk .hoverAccount{color:#1d1d1f}.iconrow .accountDesk .accountDropDown{position:absolute;bottom:100%;right:0;width:100%;height:auto;border-radius:5px;background:#2f87d0;z-index:999;box-shadow:0 8px 4px -8px rgba(33,33,33,.5);padding:0;border-top:none;margin-top:0}.iconrow .accountDesk .accountDropDown .accountBtn{padding:15px 0}.iconrow .accountDesk .accountDropDown a{color:#fff}.iconrow .settingsDesk{display:flex;width:-moz-fit-content;width:fit-content;margin-right:5px}.iconrow .settingsDesk img{display:block}}@media only screen and (min-width:1024px){.iconrow{justify-content:flex-end;width:225px;padding-right:0;margin-right:65px}.iconrow .accountMob,.iconrow .signOutMob{display:none}.iconrow .messageBox{margin-right:8px}.iconrow .messageBox img{width:20px!important;height:20px!important}.iconrow .settingsDesk{margin-right:8px}.iconrow .settingsDesk img{width:20px!important;height:20px!important}.iconrow .accountDesk{position:relative;display:flex;flex-direction:row;justify-content:flex-end;width:-moz-fit-content!important;width:fit-content!important;height:25px;border-left:1px solid #5e5e5f}.iconrow .accountDesk h1{width:100%;font-size:1.2rem;letter-spacing:1px;padding:0 10px 0 10px;white-space:nowrap;display:block;margin:0;display:flex;flex-direction:row;justify-content:center;letter-spacing:1px;font-weight:400;align-items:center}.iconrow .accountDesk h1::after{content:"▾";font-size:1.2rem;width:20px;color:#1d1d1f;text-align:center;transform:rotate(180deg);margin-bottom:-4px}}@media only screen and (min-width:1024px) and (min-width:1380px){.iconrow .accountDesk h1{padding:0 10px}}@media only screen and (min-width:1024px){.iconrow .signOutWhite{display:none}.iconrow .accountDropDown{display:none}}@media only screen and (min-width:1024px) and (max-width:unset) and (orientation:landscape){.iconrow{align-items:flex-start;height:100%;margin-top:30px}}@media only screen and (min-width:1380px){.iconrow{padding-right:5px;margin-right:65px}}.menuIconsMobile{width:25px;height:25px}@media only screen and (min-width:768px){.menuIconsMobile{width:20px;height:20px}}@media only screen and (min-width:1024px){.menuIconsMobile{height:15px;width:15px}}@media only screen and (min-width:1380px){.menuIconsMobile{height:18px;width:18px;margin-right:8px}}@media only screen and (min-width:1680px){.menuIconsMobile{height:20px;width:20px;margin-right:10px}}.changeSubscription,.findContactFirstName,.findContactMiddlename,.standardInput,.standardInputNoText{font-family:lato;-webkit-appearance:none;background-color:#fff;border:1px solid #fff;border-bottom:1px solid #e2dede;margin-left:0;border-radius:0;text-indent:6px;width:100%}input:focus,select:focus{outline:0;border-bottom:1px solid #54bbf3!important}.blueInputBorder{border:1px solid #40424c!important;border-radius:4px}.inputMstrDvDistance .inputMstrDv,.inputMstrDvDistance .inputMstrDvFullBrdr,.inputMstrDvDistance .inputMstrDvNoBrdr{margin-bottom:25px}.birthDayInput{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;border:1px solid #e2dede;border-bottom:0}.birthDayInput .inputMstrDv{width:33.33%;border:none;margin-bottom:0}.footerDistance{margin-top:55px}.inputMstrDvDistanceMbl .inputMstrDv,.inputMstrDvDistanceMbl .inputMstrDvFullBrdr,.inputMstrDvDistanceMbl .inputMstrDvNoBrdr{margin-bottom:30px}@media only screen and (min-width:768px){.inputMstrDvDistanceMbl .inputMstrDv,.inputMstrDvDistanceMbl .inputMstrDvFullBrdr,.inputMstrDvDistanceMbl .inputMstrDvNoBrdr{margin-bottom:0}}.inputMstrDv input:focus .nptDscrptnTxt{top:-14px}.inputMstrDv,.inputMstrDvNoMrgn{border:1px solid #e2dede;border-radius:4px;position:relative;border-bottom:none;height:-moz-fit-content;height:fit-content}.inputMstrDvFullBrdr{position:relative;border:1px solid #e2dede;height:-moz-fit-content;height:fit-content;border-radius:4px}.inputMstrDvNoBrdr{border:none;position:relative}select{display:flex;flex-direction:row;justify-content:space-between;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-appearance:none;outline:0;text-indent:8px!important}.slctField{position:relative;width:100%;background:#fff}.slctAfter{position:absolute;right:0;bottom:7px;display:flex;flex-direction:row;align-items:center;height:30px;z-index:2;background:#fff}.slctAfter::after{content:"▾";font-size:1.2rem;width:20px;color:#1d1d1f;text-align:center}.timeDuration{display:flex;flex-direction:row;align-items:center;border-bottom:1px solid #e2dede;border-radius:4px}input:disabled{-webkit-text-fill-color:#1d1d1f;border:none!important;opacity:1;text-indent:8px;padding:0;background:#fafafa}input,select,textarea{border:1px solid #e2dede;border-top:none;border-radius:0 0 4px 4px;font-family:lato;-webkit-appearance:none;margin-left:0;text-indent:8px;background-color:#fff;width:calc(100% + 2px);left:-1px;color:#1d1d1f;position:relative;height:40px;font-size:1.3rem;padding:0}input[type=checkbox],select[type=checkbox],textarea[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox;width:20px;height:20px;margin-left:2px;border:1px solid #e2dede!important}select{background:0 0!important}.datumWidth .DSelectDate{border-radius:0 0 0 4px}.addCntctInInpt,.cntctSrch,.filterSearch{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%}.addCntctInInpt input,.cntctSrch input,.filterSearch input{left:0;text-indent:30px}.controlSearchElements{text-indent:30px}.addCntctInInpt::before,.addCntctInInptMobile::before{content:"+"}.srchCntctInpt::before,.srchCntctInptMobile::before{content:"⚬"}.addCntctInInpt,.srchCntctInpt{display:none}@media print,screen and (min-width:768px){.addCntctInInpt,.srchCntctInpt{display:flex;flex-direction:row;align-items:center;width:auto;white-space:nowrap;margin:0;position:absolute;top:5px;right:5px;color:#393838;background:#fafafa;padding:4px 10px 6px;border-radius:4px;font-size:1.1rem;cursor:pointer;z-index:9}.addCntctInInpt::before,.srchCntctInpt::before{font-size:1.1rem;margin:0;padding-right:3px;margin-top:0;font-weight:lighter;padding-left:0}.addCntctInInpt:hover,.srchCntctInpt:hover{color:#54bbf3}}.addCntctInInptMobile,.srchCntctInptMobile{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;margin:0;margin-top:10px;position:relative;color:#797979;cursor:pointer}.addCntctInInptMobile::before,.srchCntctInptMobile::before{font-size:1.8rem;margin:0;padding-right:6px;margin-top:0;font-weight:lighter}.addCntctInInptMobile:hover,.srchCntctInptMobile:hover{color:#54bbf3}@media print,screen and (min-width:768px){.addCntctInInptMobile,.srchCntctInptMobile{display:none}}.addCntctArea{display:flex;flex-direction:column;width:100%}.inputFieldStyling,.invoiceFieldStyling{border:1px solid #bbb}.specialBrdrVtInvc{border:1px solid #bbb;border-bottom:none}.afterTextInputDays{left:unset!important;right:10px}.noInputStyle{border:none;outline:0;height:38px}.somethingInsideInput{text-indent:20px}textarea{outline:0;text-indent:6px;height:auto}.maskedInput{font-family:lato;-webkit-appearance:none;background-color:inherit;border:none;margin-left:0;border-radius:2px;width:0;height:0;text-indent:3px}.prcInpt{display:flex;flex-direction:row;align-items:center;position:relative;width:calc(100% + 2px)}.prcInpt p{width:-moz-fit-content;width:fit-content;margin:0;margin-right:5px;position:absolute;left:9px;top:12px;z-index:1}.prcInpt input:disabled{text-indent:20px!important;top:-1px}.ql-editor{height:400px!important}.emailContainer{margin-bottom:25px}.switchStyles{color:#ccc}.switchBtnRow{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;width:100%}.switchBtnRow p{margin-left:10px;margin-right:15px!important}@media only screen and (min-width:768px){.switchBtnRow{width:-moz-fit-content;width:fit-content}}.postalCodeHouseNmbr{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%}.postalCodeWidth{flex:1 0 125px;margin-right:25px}.houseNnmbr{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;flex:1 0 125px}.houseNbmrToevoeging,.houseNnmbrNmbr{flex:1 0 125px;margin-right:25px}.addressDisabled{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%}.addressDisabledWidth{flex:0 0 49%;margin-bottom:10px}.addressDisabledWidth input{background:#fafafa;text-indent:5px;border-radius:4px}.addressDisabledWidth:last-of-type{flex-basis:100%}@media only screen and (min-width:768px){.addressDisabledWidth{flex:0 0 32%}.addressDisabledWidth:last-of-type{flex-basis:32%}}.clientNmbr input:disabled{background:#fafafa;text-indent:5px;width:-moz-fit-content;width:fit-content}.nptDscrptnTxt,.nptDscrptnTxtGnrlSwtch,.nptDscrptnTxtInvcSlction,.nptDscrptnTxtInvcSwtch,.nptDscrptnTxtInvoice,.nptDscrptnTxtNotAbsolute{display:flex;flex-direction:row;align-items:center;position:relative;top:5px;left:0;z-index:4;margin:0;letter-spacing:.5px;width:-moz-fit-content;width:fit-content;transition:top .2s ease 0s;width:100%}.nptDscrptnTxt p,.nptDscrptnTxtGnrlSwtch p,.nptDscrptnTxtInvcSlction p,.nptDscrptnTxtInvcSwtch p,.nptDscrptnTxtInvoice p,.nptDscrptnTxtNotAbsolute p{background:#fff!important;margin:0;margin-left:2px;padding:2px 5px 2px 5px;font-size:1.2rem;color:#929394;font-weight:700;text-transform:none}.nptDscrptnTxtInvoice{margin-bottom:10px}.nptDscrptnTxtNotAbsolute{position:relative;top:0}.nptDscrptnTxtNotAbsolute p{padding-left:0;margin-left:0}.nptDscrptnTxtInvcSwtch{position:relative;top:unset;width:-moz-fit-content!important;width:fit-content!important;margin-left:0!important;height:20px}.nptDscrptnTxtInvcSwtch p{color:#1d1d1f!important;margin-left:0;text-transform:unset;font-size:1.2rem;padding-top:0}.nptDscrptnTxtInvcSlction p{background:#fff!important;margin:0!important;margin-left:4px!important;padding:2px 5px!important}.nptDscrptnTxtNoBck{font-size:1.2rem;margin:5px 0;color:#bbb;margin:0;letter-spacing:.5px;width:-moz-fit-content;width:fit-content;margin-top:12px}.nptDscrptnTxtNoBck p{margin:0;margin-top:12px}.left,.leftIsOpen{display:flex;flex-direction:column;align-items:center;background:#fff;display:flex;z-index:859}@media only screen and (min-width:768px){.left,.leftIsOpen{height:calc(100% - 0px);position:relative;top:0;left:-600px;display:block;width:0;max-width:500px;transition:all .3s ease;background:#fff;border-radius:8px 8px 0 0;z-index:901;z-index:1}}@media only screen and (min-width:1380px){.left,.leftIsOpen{position:relative;background:#fff;top:0}}@media only screen and (min-width:768px){.leftIsOpen{left:0!important;width:500px!important}}.loadLeftCntnt{width:100%;height:100%}.leftStatic{display:flex;flex-direction:column;align-items:center;overflow:hidden;background:#fff;position:fixed;top:0;left:0;z-index:859;transition:all .2s ease-in;border-radius:10px}.leftStatic button>p{font-size:1.4rem}@media only screen and (min-width:768px){.leftStatic{left:-100%;height:calc(100% - 0px);top:0;width:33%;transition:all .3s ease;position:absolute;border-radius:10px 0 0 0;z-index:901;padding:0;border:8px solid #fff}}@media only screen and (min-width:1024px){.leftStatic{position:relative;left:0;top:0;width:33%;box-shadow:none}}@media only screen and (min-width:1380px){.leftStatic{width:30%;max-width:650px;box-shadow:none}}@media only screen and (min-width:1680px){.leftStatic{width:20%;max-width:750px}}.leftStaticScrollContent{height:100%;width:100%;padding:20px}@media only screen and (min-width:768px){.leftStaticScrollContent{margin-top:50px;padding-right:12px}}@media only screen and (min-width:1024px){.leftStaticScrollContent{margin-top:0}}.paddingTopLeft{padding-top:75px}.leftContent{width:100%;height:100%;padding:20px;padding-bottom:75px}@media only screen and (min-width:768px){.leftContent{width:100%;height:calc(100% - 75px);padding-bottom:20px}}.infoBlockService button,.leftContent button{background:#fff;border:none;width:100%;color:#1d1d1f;background:#fafafa;margin:5px 0;padding:0 10px;border-radius:4px;cursor:pointer;font-size:1.4rem}.infoBlockService button:hover,.leftContent button:hover{color:#54bbf3}.infoBlockService button:hover::after,.leftContent button:hover::after{border-color:#54bbf3}.infoBlockService button img,.leftContent button img{margin-right:10px}.infoBlockService .leftOversightBtns button,.leftContent .leftOversightBtns button{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.infoBlockService .leftAddBtns button,.leftContent .leftAddBtns button{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.sideBarH1{width:100%;letter-spacing:3px;margin-top:0;text-align:left;color:#fff;text-transform:uppercase;margin:30px 0 15px 0;font-size:1.4rem}.sideBarH1:nth-child(1){margin-top:0}@media only screen and (min-width:768px){.sideBarH1{color:#40424c}}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;font-family:Lato,sans-serif;font-size:1.2rem;position:relative}button p{margin:0}button .slctAfter{height:15px!important;background:0 0!important}.multipleButtonRow{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;height:100%}@media only screen and (min-width:768px){.multipleButtonRow{width:-moz-max-content;width:max-content}}.addCntctBtn,.addServiceBtn,.addUitgaveAfschrijving{display:flex;width:-moz-fit-content;width:fit-content;min-width:180px}.addCntctBtn::before,.addServiceBtn::before,.addUitgaveAfschrijving::before{font-weight:400}.addCntctBtn:hover::before,.addServiceBtn:hover::before,.addUitgaveAfschrijving:hover::before{color:#fff}.addUitgaveAfschrijving{margin-bottom:25px}.dropDownButtons{position:absolute;top:calc(100% + 2px);right:-2px;width:100%;min-width:250px;z-index:829;box-shadow:rgba(0,0,0,.1) 0 2px 30px 0}.dropDownButtons p{display:flex;flex-direction:column;justify-content:center;margin:10px 0;color:#fff;border:1px solid #fff;padding:8px 15px;border-radius:4px;font-size:1.3rem}.dropDownButtons p:hover{background:#fff}.alsoPlannedAt{font-size:10px;margin-top:8px;font-style:italic;display:none}.dropDownSendInvoice{background:#b73f90;padding:10px;border:2px solid #b73f90;border-radius:4px}.dropDownSendInvoice p:hover{color:#b73f90}.gnrlSmallBtn{border:1px solid #616366;background:#fff;padding:5px 10px;border-radius:4px;font-size:1.2rem;margin:0 auto;width:50%;transition:all .2s ease;cursor:pointer}.gnrlSmallBtn:hover{color:#fff;background:#616366}.DUpdateBlockTime,.annulerenBtn,.annulerenOrangeBtn,.cancelAppointmentBtn,.changeBtnGeneral,.createInvoiceBtnLines,.creditBtnGeneral,.deleteBtnLines,.saveBtnTry,.sendBtnGeneral,.verzendenEmailBtn{background:#fff;letter-spacing:1px;cursor:pointer;transition:all 0s;position:relative;padding:7px 15px;min-width:-moz-fit-content;min-width:fit-content;white-space:nowrap;font-size:1rem;font-weight:700;min-width:110px;border-radius:4px;text-align:center;border:2px solid #40424c;color:#1d1d1f}.DUpdateBlockTime a,.annulerenBtn a,.annulerenOrangeBtn a,.cancelAppointmentBtn a,.changeBtnGeneral a,.createInvoiceBtnLines a,.creditBtnGeneral a,.deleteBtnLines a,.saveBtnTry a,.sendBtnGeneral a,.verzendenEmailBtn a{color:inherit}.deleteInvoiceLine,.deleteLineBtnWorkflow{display:flex;flex-direction:row;justify-content:center;align-items:center;height:40px;padding:0 10px;margin:0 0 0 10px;display:flex;bottom:0;right:0;width:40px;margin-top:15px;margin-left:0;margin-right:15px;border-radius:4px}.deleteInvoiceLine img,.deleteLineBtnWorkflow img{width:20px;height:20px}@media only screen and (min-width:768px){.deleteInvoiceLine,.deleteLineBtnWorkflow{position:relative;border:1px solid #fff;width:40px}}.deleteInvoiceLine::after,.deleteLineBtnWorkflow::after{content:"+";font-size:2.3rem;margin-left:2px;font-weight:lighter;transform:rotate(45deg);border:none}.deleteInvoiceLine:hover,.deleteLineBtnWorkflow:hover{color:#fff;background:#ff6d74;cursor:pointer;border-color:#ff6d74}.annulerenBtn,.gnrl-btn{align-items:center;flex-direction:row;justify-content:center;align-items:center;background-color:#fff;height:35px;max-width:250px;flex-wrap:wrap;border:1px solid #40424c;border-radius:4px;padding:0 20px;cursor:pointer}.annulerenBtn p,.gnrl-btn p{cursor:pointer;margin:0;font-size:1.2rem;letter-spacing:1px;font-weight:400;margin-top:0;margin-left:5px}@media only screen and (min-width:768px){.annulerenBtn,.gnrl-btn{width:-moz-fit-content;width:fit-content;min-width:180px}}.annulerenBtn:hover,.gnrl-btn:hover{color:#fff;background:#40424c}.annulerenBtn:hover p,.gnrl-btn:hover p{color:#fff}.annulerenBtn:hover{color:#fff;background:#40424c}.saveChangeTxt{color:#3ccc94;margin-right:0;padding-right:5px;text-transform:lowercase;cursor:pointer}.annulerenOrangeBtn{color:#ff8c16;border:2px solid #ff8c16;text-transform:uppercase;text-align:center;width:-moz-max-content;width:max-content}.annulerenOrangeBtn:hover{background:#ff8c16;color:#fff}.verzendenEmailBtn{display:flex;flex-direction:row;align-items:center;color:#b73f90;border:2px solid #b73f90;padding:10px 20px;font-size:1.2rem;text-transform:uppercase;text-align:center;width:-moz-max-content;width:max-content}.verzendenEmailBtn::after{content:"➤";font-size:2rem;color:#b73f90;margin-left:25px;transition:all .2s ease-in}.verzendenEmailBtn:hover{background:#b73f90;border-color:#b73f90;color:#fff}.verzendenEmailBtn:hover::after{color:#fff}.createInvoiceBtnLines{background:#fff;color:#b73f90;border:2px solid #b73f90}.cancelAppointmentBtn,.deleteBtnLines{background:#fff}.cancelAppointmentBtn:hover,.deleteBtnLines:hover{background:#e25555;color:#fff}.creditBtnGeneral{background:#fff;color:#3fb7a3}.multipleButtonRow button{margin-left:15px}@media only screen and (min-width:768px){.multipleButtonRow button:first-of-type{margin-left:0}}.sendBtnGeneral:hover{background:#b73f90;border-color:#b73f90;color:#fff!important}.youNeedToSaveThis{background:#81d49e!important}.youNeedToSaveThis h2{color:#fff!important;background:0 0!important}.saveBtnTry:hover{background:#3ccc94;border-color:#3ccc94;color:#fff!important}.DUpdateBlockTime:hover,.changeBtnGeneral:hover{background:#6ba8e6!important;border-color:#6ba8e6!important;color:#fff}.createInvoiceBtnLines:hover{color:#fff;background-color:#b73f90}.statsAndMore{position:fixed;top:100px;left:0;width:100vw;height:calc(100% - 100px);margin:0 auto;background:#fff;display:none;z-index:100;border-radius:0 0 4px 4px;z-index:990}@media only screen and (min-width:768px){.statsAndMore{position:absolute;width:calc(100% - 0px);max-width:750px;height:calc(100% - 0px);box-shadow:rgba(0,0,0,.1) 0 10px 15px 0;top:0;right:0;left:unset;z-index:949}}.loadStatsandMore>div>h2{position:sticky;width:100%;background:#fff;position:sticky;top:-20px;z-index:3;margin-top:0;padding-top:15px;padding-bottom:15px}.stickyStatsTitle{width:100%;background:#fff;position:sticky;top:-20px;z-index:3;margin-top:0;padding-top:15px;padding-bottom:15px}.arrowUpStats{display:flex;flex-direction:row;justify-content:center;position:absolute;bottom:0;left:10px;height:50px;width:calc(100% - 20px);border-top:1px solid #bbb;cursor:pointer;background:#fff}.arrowUpStats::after{position:relative;top:20px;transform:rotate(315deg);transition:all .1s ease-in}.arrowUpStats:hover::after{top:15px;transition:all .1s ease-in}.loadStatsandMore{height:calc(100% - 40px);width:100%;padding:20px}.statsBoxShadow{box-shadow:#cfcfcf 0 -6px 21px 10px}.dropzone{border-radius:4px!important}.dropzone:hover{border:1px solid #fff!important}.uploadSctnMstr{padding:20px;margin-top:25px}.uploadSection{display:flex;flex-direction:column;background:#fff;margin-top:15px;padding:0 5px 5px}.uploadSection .inputMstrDvNoMrgn{margin-top:30px}.leftSideLibrary{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;width:100%;margin-top:20px}.newEmailStyling{letter-spacing:1px;height:-moz-fit-content;height:fit-content;cursor:pointer;margin-left:0;padding:5px 15px;border-radius:4px;width:100%;margin:0 auto;margin:20px 0;display:flex;font-weight:lighter;flex-direction:row;align-items:center;background:#fff;box-shadow:0 .5px 0 0 #fff inset,0 1px 2px 0 #b3b3b3;border:none;outline:0;white-space:nowrap}.newEmailStyling::before{content:"+";font-size:2.3rem;margin:0;padding-right:10px;margin-top:-2px;font-weight:lighter}@media only screen and (min-width:768px){.newEmailStyling{width:-moz-fit-content;width:fit-content}}.useThisAppendix{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;width:100%}.dashboardSection{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%;height:100%;max-height:100%;padding:10px;background:#e0e1e6;padding-bottom:75px}@media only screen and (min-width:768px){.dashboardSection{justify-content:flex-start;background:#f0f0f3;margin:20px;margin-bottom:0;height:calc(100% - 20px);width:calc(100% - 40px);padding-bottom:0}}.block,.dashboardBlock{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:10px;position:relative;background:#fff;margin:15px 0;width:100%;padding:10px}@media only screen and (min-width:768px){.block,.dashboardBlock{padding:20px}}.block h2,.dashboardBlock h2{position:relative;margin-bottom:0;margin-top:0;letter-spacing:.5px;font-size:1.3rem;width:-moz-fit-content;width:fit-content;text-transform:none;background:#eee;padding:6px 12px;font-weight:600;text-transform:none;border-radius:4px;color:#797979}.block:first-of-type{margin-top:0}@media only screen and (min-width:576px) and (max-width:unset) and (orientation:landscape){.dashboardBlock{margin:15px 10px}}@media only screen and (min-width:768px){.dashboardBlock{margin:10px 10px 10px 10px;height:auto;max-height:calc(100vh - 225px)}}@media only screen and (min-width:1024px){.dashboardBlock{margin:15px}}@media only screen and (min-width:1380px){.dashboardBlock{margin:20px}}@media only screen and (min-width:1680px){.dashboardBlock{margin:25px}}.dashboardBlockBtmBtn{padding-bottom:85px}.cntnt,.dashboardCntnt{height:100%;width:100%}@media only screen and (min-width:768px){.cntnt,.dashboardCntnt{padding-top:0!important}}@media only screen and (min-width:768px){.dashboardCntnt{overflow-y:scroll!important}}.notesDshbrdBlock{flex:1 0 100%}@media only screen and (min-width:768px){.notesDshbrdBlock{flex:1 0 675px;max-width:750px}.notesDshbrdBlock .dashboardCntnt{display:flex;flex-direction:row}.notesDshbrdBlock .leftCreateNotes{height:100%}}.appointmentsDshbrdh2{margin-bottom:25px!important}.dshbrdOverflow{overflow:hidden!important}@media only screen and (min-width:768px){.dshbrdOverflow{overflow-y:auto!important;height:calc(100% - 45px);padding:0 12px 0 0}}.dshbrdColorPrfrnc{flex:1 0 100%}@media only screen and (min-width:768px){.dshbrdColorPrfrnc{flex:1 0 300px;max-width:350px}}.blockItemSaveBtn{position:absolute;bottom:10px;left:50%;transform:translate(-50%,0)}.btnRowContacts,.dshbrdItemBtn{position:absolute;bottom:10px;left:50%;transform:translate(-50%,0);height:30px}.btnRowContacts button,.dshbrdItemBtn button{width:47%}.centerBtn{display:flex;flex-direction:column;align-items:center}.halfHeightItm{display:flex;flex-direction:column;align-items:center;height:48%;width:100%}.dshbrdh2{font-size:1.4rem;margin:0;margin-bottom:10px;padding-bottom:5px;width:100%}.dshbrdh2.marginTop{margin-top:25px}.cntnt,.dashboardCntnt,.displayColorContact,.stickyDshbrdTitle,.stickyTitle{padding:5px 0;padding-top:0}.stickyDshbrdTitle,.stickyTitle{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;position:relative;top:0;left:0;background:#fff;padding-bottom:15px;z-index:777;border-radius:10px 10px 0 0}.stickyDshbrdTitle .dshbrdBlckTpIcons,.stickyDshbrdTitle h2,.stickyTitle .dshbrdBlckTpIcons,.stickyTitle h2{margin-bottom:10px;margin-top:0}.slideOptionsAddOn{position:relative;top:1px;left:-5px;width:-moz-fit-content;width:fit-content;color:#797979;padding-top:4px!important;padding-left:20px!important;margin-top:0;border:2px solid #eee;height:27px;padding-right:15px!important;text-transform:none;font-size:1.2rem;border-radius:2px 4px 4px 2px;z-index:2}.optionsBlock{padding-top:0;padding-bottom:5px}.titleWithOptions{justify-content:space-between!important;align-items:flex-start;margin-bottom:10px}.titleWithOptions .checkboxAppointmentOptions{margin-right:0!important}.titleWithOptions h2{margin-bottom:0}.titleWithOptions .switchBtnRow{height:27px}.dshbrdBlckTpIcons{display:flex;flex-direction:row;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;position:relative;padding:3px 4px;box-shadow:0 3.5px 0 0 #fff inset,0 0 5px -1px #cfcfcf;border-radius:7px;margin-left:8px;background:#fff}.dshbrdBlckTpIconsNoBx{display:flex;flex-direction:row;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;position:relative;padding:3px 4px;border-radius:7px;margin-left:8px;background:#fff}.dshbrdContactInfo{flex:2 1 420px}.dshbrdContactInfo label>p{font-size:1.2rem!important;color:#54bbf3;font-weight:400;text-transform:none!important}.dshbrdAppointments{flex:1 1 350px}.dshbrdInvoices{flex:2 1 325px}.dshbrdInvoices .singleInvoice{border-bottom:1px solid #eee!important;border-radius:0!important}.dshbrdInvoices .singleInvoice:hover{border-bottom:1px solid #bbb!important;border-radius:10px!important}.dshbrdActivity{flex:1 1 400px}.dshbrdCntctEmailPrfrnc{flex:0 1 400px}.dshbrdCntctEmailPrfrnc .gnrlSmallBtn{margin-top:20px}.dshbrdCntctColor{flex:0 1 400px}.useThisDocument .thsIsADcmnt{width:49%}@media only screen and (min-width:768px){.useThisDocument .thsIsADcmnt:nth-of-type(2n+0){margin-right:0}.useThisDocument .thsIsADcmnt:nth-of-type(4n+0){margin-right:0}}.iconRowAppendix{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:0 10px;margin-top:25px}.iconRowAppendixInvisible{height:40px;background:#fff;width:100%;margin-top:25px}.mediaLibHeight{height:calc(100vh - 78px)}@media only screen and (min-width:768px){.mediaLibHeight{height:calc(100% - 65px)}}@media only screen and (min-width:1024px){.mediaLibHeight{padding:0 15px}}.thsIsADcmnt{display:flex;flex:0 0 200px;flex-direction:column;align-items:center;justify-content:flex-start;width:49%;margin-left:0;margin-right:2%;margin-bottom:20px;padding-bottom:15px;border-radius:4px;position:relative;z-index:2;box-shadow:0 3.5px 0 0 #fff inset,0 0 5px -1px #cfcfcf;background:#fff}.thsIsADcmnt:nth-of-type(2n+0){margin-right:0}.thsIsADcmnt .deleteLineBtn{margin-right:0;margin-top:0}@media only screen and (min-width:768px){.thsIsADcmnt{width:23.47%}.thsIsADcmnt:nth-of-type(2n+0){margin-right:2%}.thsIsADcmnt:nth-of-type(4n+0){margin-right:0}}.addNewDocument{display:flex;flex-direction:column;justify-content:center;align-items:center}.addNewDocumentP{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 10px;text-align:center}.addNewDocumentP::before{content:"+";font-size:4.5rem;margin:0;padding-right:0;margin-bottom:10px;font-weight:lighter}.addDocumentPlaceholder{width:100%;padding:3px;-o-object-fit:scale-down;object-fit:scale-down;height:50vw}@media only screen and (min-width:768px){.addDocumentPlaceholder{height:11.1111111111vw}}@media only screen and (min-width:1680px){.addDocumentPlaceholder{height:8.3333333333vw}}.addDocumentName{text-align:center;width:calc(100% - 20px);background:#fff;border:1px solid #bbb;padding:5px 10px;border-radius:4px;margin-bottom:15px;letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer}.addToMdiaLibraryBtn{display:flex;flex-direction:row;justify-content:center;width:100%}.addToMdiaLibraryBtn button{letter-spacing:1px;height:-moz-fit-content;height:fit-content;cursor:pointer;margin-left:0;padding:5px 15px;border-radius:4px;width:100%;margin:0 auto;margin:20px 0 0;display:flex;font-weight:lighter;flex-direction:row;align-items:center;background:#fff;box-shadow:0 .5px 0 0 #fff inset,0 1px 2px 0 #b3b3b3;border:none;outline:0;white-space:nowrap}.addToMdiaLibraryBtn button::before{content:"+";font-size:2.3rem;margin:0;padding-right:10px;margin-top:-2px;font-weight:lighter}@media only screen and (min-width:768px){.addToMdiaLibraryBtn button{width:-moz-fit-content;width:fit-content}}.addDocumentOverlay{position:absolute;top:0;left:0;width:100%;height:100%}.documentOverlayGray{opacity:0;width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;transition:all .3s ease-in;border-radius:4px;border-radius:4px;height:calc(100% - 60px);top:50px;position:relative;width:calc(100% - 20px);left:50%;transform:translate(-50%,0)}.documentOverlayGray p{color:#fff;text-align:center;padding:0 5px;font-weight:900;font-size:1.5rem}.hoverThisOverlay{background:grey;opacity:.95}.documentOverlayColor{background:#3087d0;opacity:0;width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;transition:all .2s ease-in;border-radius:4px}.documentOverlayColor p{color:#fff;letter-spacing:2px;text-transform:uppercase}.documentOverlayColorOpacity{background:#ff6d74;opacity:.92!important}.dcmntPosition{width:calc(100% - 20px)}.noMailSvg{width:85px;height:120px}.refreshBtn{position:absolute;right:10px;top:20px;width:25px;height:25px}.addCross{width:40px;height:40px;position:absolute;top:5px;right:5px;z-index:700;cursor:pointer}.addCross::after{content:"x";font-size:3rem;margin:0;font-weight:lighter;border:none;color:#fff;transform:rotate(45deg);margin:0 auto}.addDocumentOverlay:hover .documentOverlayColor{opacity:.85}.checkUploadDone{display:flex;flex-direction:column;align-items:center;width:100%;position:absolute;border-radius:4px;cursor:pointer;top:50%;left:50%;transform:translate(-50%,-50%)}.checkUploadDone p{color:#fff;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px}.checkUploadDone img{width:25px;height:25px;transition:all .1s ease}.checkUploadDone img:hover{width:35px;height:35px}.theOneScreen{position:fixed;top:0;left:-101%;border-radius:10px;z-index:999;background:#fff;width:100%;height:100vh;transition:left .3s ease-in;background:#fff}.theOneScreen .pageHeaderSingleRowSettings,.theOneScreen .slideInScreenSnglRowHdr{background:0 0;padding:0 12px 0 0!important}.theOneScreen .pageHeaderSingleRowSettings{padding-left:15px}.theOneScreen .leftSideLibrary{flex-direction:row}.theOneScreen .useThisDocument.thisIsADcmnt{width:100%}.theOneScreen h1{color:#fff}@media only screen and (min-width:768px){.theOneScreen{width:52%;min-width:500px;height:calc(100% - 118px);max-height:850px;top:40%;left:-100%;box-shadow:#3f434c 0 2px 15px 0;transform:translate(0,-40%)}}@media only screen and (min-width:1024px){.theOneScreen{width:27%;height:calc(100% - 100px)}}@media only screen and (min-width:1380px){.theOneScreen{width:25%;max-width:500px}}.theOneScreen .refreshBtn{margin-right:15px}.theOneHeader{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:absolute;top:0;width:100%;height:50px;background:#54bbf3;padding:0 15px;padding-right:5px;border-radius:10px 10px 0 0}.theOneHeader h2{margin:0;font-size:1.8rem;font-weight:700;color:#fff}.theOneHeader img{cursor:pointer}.theOneContent{position:relative;top:50px;height:calc(100% - 50px);overflow-x:hidden;overflow-y:auto;background:#f0f0f3;padding:0 10px}@media only screen and (min-width:768px){.theOneContent{height:calc(100% - 50px);padding:0 15px;border-radius:4px;padding-bottom:10px}}.theOneContent .overflow{height:calc(100vh - 80px)}@media only screen and (min-width:768px){.theOneContent .overflow{height:calc(100% - 55px);border-radius:4px}}@media only screen and (min-width:1024px){.theOneContent .overflow{height:calc(100% - 65px)}}.theOneContent h1{justify-content:flex-start!important}.theOneWeSee{left:0!important}@media only screen and (min-width:768px){.theOneWeSee{left:8%!important}}@media only screen and (min-width:1024px){.theOneWeSee{left:2%!important}}@media only screen and (min-width:1680px){.theOneWeSee{left:8%!important}}.closeTheOne{width:25px;height:25px;display:block;z-index:888}.specificInvoiceListStyling{background:#fff;padding:10px 20px;border-radius:4px;position:relative;left:-20px;width:calc(100% + 40px);top:0;position:sticky;top:0;margin-left:-20px;z-index:2;border-bottom:10px solid #f0f0f3}.theOneContent>.singleInvoice>.invoiceRow1{flex-wrap:wrap}.theOneContent>.singleInvoice>.invoiceRow1 .invoiceMobileOne{max-width:50%!important}.theOneContent>.singleInvoice>.invoiceRow1 .invoiceMobileTwo{padding:0 0;flex:1 1 100%}.theOneContent>.singleInvoice>.invoiceRow1>.invoiceMobileTwo>.invoiceRowMarkup p{text-align:left!important}.theOneContent>.singleInvoice>.invoiceRow1>.invoiceStatus{margin-top:20px}.errorBx{display:flex;flex-direction:column;position:absolute;top:57px;left:0;width:-moz-fit-content;width:fit-content;height:auto;border:1px solid #ff6d74;margin-top:2px;border-radius:4px;margin-left:0;margin-bottom:25px;padding:3px 15px 3px 5px;background:#ff6d74;color:#fff}.errorBx span{color:#ff6d74;margin:4px}.errorTxt{padding:3px}.errorTxt::before{content:"•";font-size:1.2rem;color:#fff;margin-right:5px}.alert p{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;position:relative;z-index:8;color:#fff;font-size:1.2rem;border-radius:4px;color:#ff6d74!important}.alert-warning p{color:#ea5c2d;min-height:25px}.attention{width:21px;height:21px;margin-right:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before{content:"Small";font-size:12px!important}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before{content:"Normal";font-size:16px!important}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]::before{content:"Large";font-size:20px!important}.ql-snow .ql-picker{width:110px!important;display:flex!important;flex-direction:row;align-items:center;color:#1d1d1f!important}.ql-picker{border:1px solid #40424c!important;border-radius:4px}.ql-hr{border-top:2px solid #444!important;margin:0!important;height:0!important;padding:0!important;height:10px!important;position:relative!important;top:5px!important}.ql-container.ql-snow,.ql-picker-label,.ql-toolbar.ql-snow{border:none!important;border-radius:4px!important;padding:0 5px 0 0;cursor:text!important}.ql-container.ql-snow:focus,.ql-picker-label:focus,.ql-toolbar.ql-snow:focus{outline:0}.ql-container{height:auto}.ql-toolbar.ql-snow{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:calc(100% - 100px);margin:0 auto;margin-top:15px!important;background:#fafafa!important}.ql-toolbar.ql-snow{width:calc(100% - 20px);margin:0 10px}.ql-editor{height:inherit!important;padding:20px!important}@media only screen and (min-width:768px){.ql-editor{padding:30px 0 50px 0!important}}.ql-picker-item{outline:0!important}.ql-toolbar.ql-snow .ql-formats:last-of-type{margin-right:0!important}.ql-toolbar.ql-snow .ql-formats{margin:10px 0!important;display:flex;flex-direction:row;align-items:center}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:none!important}.ql-tags:before{content:"tags";font-size:12px!important;position:absolute;left:8px}.ql-toolbar.ql-snow{border:1px dashed #eee!important}.ql-editor,.ql-toolbar{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:10px 0}@media only screen and (min-width:768px){.ql-editor,.ql-toolbar{width:90%!important;margin:0 auto!important}}.ql-tags:before{content:"tags";font-size:12px!important}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc;overflow:auto;max-height:350px;border-radius:0 4px 4px 4px;padding-right:12px;left:50%;transform:translate(-50%,0)}.ql-snow .ql-picker-label{cursor:pointer!important}.ql-snow .ql-picker.ql-tags .ql-picker-item[data-value="[headerTag1]"],.ql-snow .ql-picker.ql-tags .ql-picker-item[data-value="[headerTag2]"],.ql-snow .ql-picker.ql-tags .ql-picker-item[data-value="[headerTag3]"],.ql-snow .ql-picker.ql-tags .ql-picker-item[data-value="[headerTag4]"],.ql-snow .ql-picker.ql-tags .ql-picker-item[data-value="[headerTag5]"],.ql-snow .ql-picker.ql-tags .ql-picker-item[data-value="[headerTag6]"],.ql-snow .ql-picker.ql-tags .ql-picker-item[data-value="[headerTag7]"],.ql-snow .ql-picker.ql-tags .ql-picker-item[data-value="[headerTag8]"],.ql-snow .ql-picker.ql-tags .ql-picker-item[data-value="[headerTag9]"]{font-size:12px!important;color:#1d1d1f;font-weight:700;padding-bottom:5px;padding-top:15px;border-bottom:1px solid #1d1d1f;cursor:not-allowed!important;pointer-events:none;position:sticky;top:-5px;background:#fff;z-index:2}.emailContentWorkflow{margin:0 auto;background:#fff;width:100%;border-radius:4px;max-width:450px!important;box-shadow:rgba(0,0,0,.22) 0 2px 10px 0;background:#fff}.emailHeader{display:flex;flex-direction:column;justify-content:center;width:calc(100% - 40px);margin:0 20px;border-bottom:2px solid #fff;padding:20px 0}.emailFooter{width:calc(100% - 40px);margin:0 20px;border-top:2px solid #eaeaea;text-align:center;padding:10px 0 15px}.emailFooter p{margin:0;font-size:1rem}.paymentBtn{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#29bda2;width:-moz-fit-content;width:fit-content;border-radius:20px;color:#fff;padding:7px 25px;padding-right:75px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin:0 auto;position:relative;margin-bottom:25px}.imagePaymentBtn{width:60px;background:#fff;border:3px solid #2abda2;position:absolute;right:0;border-radius:0 20px 20px 0;display:flex;flex-direction:row;justify-content:center;height:100%;align-items:center}.paymentBtn p{font-size:8px;white-space:nowrap;margin:0;line-height:25px}.paymentLogoIdeal{width:25px;height:25px}.agendaBx{background:#58cced}.invoiceBx{background:#5b9bd7}.logoEmailHeader{max-width:100%;height:50px;-o-object-fit:contain;object-fit:contain}@media only screen and (min-width:768px){.logoEmailHeader{height:100px}}.emailInvoiceContent{width:calc(100% - 6px);margin:0 3px;border-top:2px solid #eaeaea;text-align:center;padding:10px 0 15px;color:#fff}.emailInvoiceContent h4{margin:0 0;font-weight:400;text-transform:uppercase;font-size:1.2rem;letter-spacing:1px;color:#1d1d1f}@media only screen and (min-width:768px){.emailInvoiceContent{width:calc(100% - 40px);margin:0 20px}}.invoiceInfoBox{margin-top:25px;margin-bottom:25px;padding:10px 20px;color:#fff;border-radius:4px}.invoiceInfoBox h5{width:100%;background:#54bbf3;color:#fff;padding:15px 15px;margin:0;font-size:1.4rem;font-weight:700;text-align:left}.invoiceInfoRow{display:flex;flex-direction:row;padding:8px 0;border-bottom:1px solid #eaeaea;text-align:left}.invoiceInfoRow:last-of-type{border-bottom:none}.invoiceInfoRow .leftSideInfo{min-width:120px;max-width:120px;font-weight:700;text-align:left}.invoiceInfoRow p{text-align:left;font-size:13px}.emailContentSpace{background:#e0e1e6;padding:20px 20px;border-radius:10px;border:none!important}.emailContentSpace .VATPercentage{border-bottom:none;margin-left:20px}.emailContentSpace .topRowInvoice{width:100%;margin-bottom:35px}.emailContentSpace .invoiceBeschrijvingHeader{margin-left:5px}.emailContentSpace .textRight input{text-align:right}.emailContentSpace input::-moz-placeholder{color:#1d1d1f}.emailContentSpace input::placeholder{color:#1d1d1f}.emailContentSpace .singleInvoiceItem{padding:0}.emailContentSpace .invoiceList{margin-bottom:0}.emailContentSpace .invoiceTotalTable{padding-right:18.19%}.emailInnerBlock{background:#fff;padding:20px 15px;margin-bottom:45px;border-radius:10px;position:relative;width:100%;margin-top:25px}@media only screen and (min-width:768px){.emailInnerBlock{padding:35px 55px}}.sendThisEmailTitle{display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:flex-start;margin-bottom:30px;position:relative;top:0;width:100%;background:#fff;z-index:9;border-bottom:1px solid #40424c;padding-bottom:15px;padding-top:10px}@media only screen and (min-width:768px){.sendThisEmailTitle{flex-direction:row;justify-content:space-between;align-items:center}}.sendThisEmailTitle .annulerenDezeEmail{width:100%;margin-bottom:30px}@media only screen and (min-width:768px){.sendThisEmailTitle .annulerenDezeEmail{width:-moz-max-content;width:max-content;margin-bottom:0}}.sendThisEmailTitle .annulerenOrangeBtn{margin:0!important;height:40px;padding:0 25px;display:flex;align-items:center;justify-content:center;width:100%}.sendThisEmailTitle .inputMstrDv{margin-bottom:0!important;width:100%}@media only screen and (min-width:768px){.sendThisEmailTitle .inputMstrDv{width:50%}}.emailDuoRow{display:flex;flex-direction:row;justify-content:space-between}.emailDuoRow .inputMstrDv{width:49%}@media print{*{font-family:Lato,sans-serif!important}input,select,textarea{font-family:Lato,sans-serif!important}body{height:-moz-fit-content;height:fit-content}:root body{height:100%;margin-bottom:50px}header{display:none}.pageHeader{display:none}.right{width:100%;max-width:unset!important}.overflowPdfInvoice{width:100%}.overlayScreen{display:none}.fixedInvoiceRow{padding:20px 0!important}.newInvoiceContent{height:-moz-fit-content;height:fit-content}.logo{display:none}}.filterHeader{height:50px;width:100%;background:#fff;border-radius:10px}.filterHeader p{font-size:1.4rem;text-align:center;margin:0}.filterCntnt,.filterHeader{padding:20px}.filterCntnt{height:calc(100% - 50px);padding-bottom:50px}.hiddenToggleFilter{display:none!important}.filterBlck{border:1px solid #54bbf3;border-radius:10px;margin-bottom:25px}.filterBlckNoBrdr{margin-bottom:25px}.filterBlckCntn,.filterBlckTitle,.padThisBlck{padding:15px}.filterBlckCntn p,.filterBlckTitle p,.padThisBlck p{margin:0}.filterAftrOpn::after{content:"−";color:#54bbf3;font-size:2.6rem}.filterAftrClsd::after{content:"+";color:#54bbf3;font-size:2.6rem}.filterBlckTitle{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:1.4rem;font-weight:700;color:#54bbf3;cursor:pointer}.filterBlckCntn{padding-top:0}.filterSearch{margin-bottom:15px}.slctAllOptions{border-bottom:1px solid #e2dede;padding-bottom:7px;margin-bottom:7px}.singleOptionFilter.slctAllOptions{height:35px}.singleOptionFilter.slctAllOptions input:checked~.checkmark{background:#616366}.singleOptionFilter{display:flex;flex-direction:row;align-items:center;margin-top:5px;display:flex;flex-direction:row;align-items:center;height:25px;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.singleOptionFilter p{margin-left:7px;font-size:1.4rem}.singleOptionFilter input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;border-radius:4px}.singleOptionFilter:hover input~.checkmark{background-color:#ccc}.singleOptionFilter input:checked~.checkmark{background-color:#70b4e5}.checkmark:after{content:"";position:absolute;display:none}.singleOptionFilter input:checked~.checkmark:after{display:block}.singleOptionFilter .checkmark:after{left:9px;top:5px;width:4px;height:9px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.blueOne{border-color:#15a1ef;background:#a1d5f8}.blueTwo{border-color:#2c84d3;background:#94bee8}.blueThree{border-color:#2168a5;background:#98b6d4}.blueFour{border-color:#254873;background:#7a8fa9}.greyBlue{border-color:#27394b;background:#939ca6}.purpleOne{border-color:#7c48e5;background:#c3aaf5}.purpleTwo{border-color:#a980ff;background:#ebe0ff}.purpleThree{border-color:#df67fe;background:#f3beff}.pinkOne{border-color:#f943b3;background:#ffbbe3}.pinkTwo{border-color:#da005f;background:#f6b1c6}.orangeOne{border-color:#e0342f;background:#f6b7b4}.orangeTwo{border-color:#df6a1b;background:#f3c3a7}.yellowOne{border-color:#ecba10;background:#fbf0d0}.yellowTwo{border-color:#ecd10a;background:#f8efb9}.greenOne{border-color:#c4e00a;background:#e7f1b9}.greenTwo{border-color:#7bd436;background:#beea9f}.greenThree{border-color:#2dc55e;background:#b0e6bb}.greenFour{border-color:#20b18b;background:#95d6c0}.blueGreen{border-color:#29e1ce;background:rgba(54,255,234,.5803921569)}.blueGreenTwo{border-color:#38d0ff;background:#c3f1ff}.createPeriodicInvoiceColumn,.createPeriodicInvoiceRow{border-bottom:1px solid #eee;margin:10px 0;padding:15px 0}.createPeriodicInvoiceColumn p,.createPeriodicInvoiceRow p{margin:5px 0}.createPeriodicInvoiceColumn{display:flex;flex-direction:column}.createPeriodicInvoiceRow{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.periodicInvoiceRow{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.warningPeriodicInvoice{border:2px solid #f3c3a7;padding:20px;margin:15px 0;border-radius:4px}.warningPeriodicInvoice p{background:0 0!important}.warningOptions{margin-top:25px!important}.recapSendDatePeriodicInvc{background:#fafafa;padding:10px 15px;border-radius:4px}.periodInvoiceRecap{background:#fafafa;border-radius:4px;padding:10px}.periodPMarginRight{margin-right:5px!important}.inputLikeTextField{display:flex;flex-direction:row;align-items:center;height:40px;margin-top:0;padding-left:8px}@media print,screen and (min-width:768px){.inputLikeTextField{margin:0}}.periodicInvoiceInfo{margin-bottom:15px}.periodicInvoiceInfo h3{font-size:1.4rem;color:#5e5e5f;width:100%;border-top:1px solid #bbb;padding-top:10px}.periodicInvoiceInfo .noMailSwtchInvc{display:flex;flex-direction:row-reverse;justify-content:flex-end;margin-top:10px;align-items:center}.workflowMailsBlock>.workflowTimeLineTab{border:none;border-bottom:1px solid #bbb;border-radius:0!important}.workflowMailsBlock>.workflowTimeLineTab>.workflowTabTitle{border-top:1px solid #fff}.newEmailStyling{font-size:13px;letter-spacing:1px;height:-moz-fit-content;height:fit-content;cursor:pointer;margin-left:0;padding:5px 15px;border-radius:4px;width:100%;margin:0 auto;margin:20px 0;display:flex;font-weight:lighter;flex-direction:row;align-items:center;background:#fff;box-shadow:0 .5px 0 0 #fff inset,0 1px 2px 0 #b3b3b3;border:none;outline:0;white-space:nowrap}.newEmailStyling::before{content:"+";font-size:23px;margin:0;padding-right:10px;margin-top:-2px;font-weight:lighter}@media only screen and (min-width:768px){.newEmailStyling{width:-moz-fit-content;width:fit-content}}.firstAgendaEmailRow .leftWorkflowBoxAgenda{margin-left:50px!important}.evenEenMargin{margin-bottom:250px}.startWorklowAgenda{background:#fff;border-radius:10px;margin-top:35px;width:calc(55% + 50px)!important}.startWorklowAgenda p{margin:0;background:#fafafa;padding:10px;border-radius:4px;margin-bottom:5px;letter-spacing:.7px;line-height:26px}.startWorklowAgenda h3{background:#ffc270;color:#fff;padding:5px 10px;width:-moz-fit-content;width:fit-content;border-radius:4px;margin-top:0;font-size:1.4rem}.spanWhtBck{background:#fff!important}.agendaWorkflowSwitchTitle{justify-self:flex-end}.changeAfspraakWorklowAgenda{background:#fff;border-radius:10px;margin-top:35px;width:calc(55% + 50px)!important}.changeAfspraakWorklowAgenda p{margin:0;background:#fafafa;padding:10px;border-radius:4px;margin-bottom:5px;letter-spacing:.7px;line-height:26px}.changeAfspraakWorklowAgenda h3{background:#ff6d74;color:#fff;padding:5px 10px;width:-moz-fit-content;width:fit-content;border-radius:4px;margin-top:0;font-size:1.4rem}.agendaEmailLine{width:40px;height:40px;border-left:2px solid #eee;border-bottom:2px solid #eee;border-bottom-left-radius:20px;position:absolute;top:0;left:-50px}.workflowTabTitleWithStatus{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%}.workflowTitleStatus{padding:4px 20px;font-size:1.2rem;margin:5px 10px}.workflowTitleStatusPlanned{border:1px solid #ffc270;color:#ffc270;border-radius:4px}.workflowTitleStatusSent{border:1px solid #3ccc94;color:#3ccc94;border-radius:4px}.workflowTitleWithResend{width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.resend{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:0 10px 15px 10px;width:-moz-fit-content;width:fit-content;border-radius:4px;border:1px solid #bbb}.resend p{padding:4px 20px 4px 10px;font-size:1.2rem;margin:0}.resend .sendEmailByHandIcon{width:17px;height:auto;margin-left:7px;fill:#312f35}.workflowColumn{display:flex;flex-direction:column}.workflowColumn .workflowTimeLineTab{margin:0}.workflowColumn .newEmailStyling{margin:10px 0}.leftWorkflowBox{width:90%;align-self:flex-start!important;transition:all .2s ease-in;position:relative;border-radius:4px}.leftWorkflowBox p>span{width:-moz-max-content!important;width:max-content!important}@media only screen and (min-width:768px){.leftWorkflowBox{width:55%}}.leftWorkflowBoxAgenda{width:90%;align-self:flex-start!important;transition:all .2s ease-in;position:relative;border-radius:4px}.leftWorkflowBoxAgenda p>span{width:-moz-max-content!important;width:max-content!important}@media only screen and (min-width:768px){.leftWorkflowBoxAgenda{width:55%;max-width:calc(100% - 60px)!important}}.rightWorkflowBox{width:90%;align-self:flex-end!important;transition:all .2s ease-in;flex-direction:column;position:relative;border-radius:4px}@media only screen and (min-width:768px){.rightWorkflowBox{width:55%}}.rightWorkflowBox .gnrlSwtchTxt{justify-content:center}.newReminderBtn{width:55%;display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:flex-end!important;padding-right:calc(15% - 0px)}.verloopDatumBx{background:#ff6d74;color:#fff;font-size:1.4rem;border-radius:10px;font-weight:700;padding:0 25px;margin-bottom:20px;width:100%;text-align:center}.sendReminderSwitch{width:100%;display:flex;flex-direction:row-reverse;justify-content:center;margin-top:25px}.sendReminderSwitch p{background:0 0!important}.noReminderBx{background:#fafafa;padding:20px;border-radius:10px}.forReminder.newEmailStyling{width:-moz-max-content!important;width:max-content!important;flex-direction:row!important;padding:4px 26px}.noRemindersText{padding:0 20px;border:1px solid #bbb;letter-spacing:.5px;font-size:14px;text-align:center}.thisWorkflowBx{width:100%}.workflowDevider{display:flex;flex-direction:row;justify-content:space-between;position:relative;height:160px;margin:10px 0}.workflowDevider .leftBox,.workflowDevider .rightBox{border:4px solid #eee;height:50%}.workflowDevider .rightBox{border-left:none;border-bottom:none;border-radius:0 4px 0;position:absolute;top:48.5%;right:25%;width:25%}.workflowDevider .rightBox::after{width:10px;height:10px;border-radius:100%;content:"";background:#eee;position:absolute;bottom:-7px;right:-7px;z-index:5}.workflowDevider .leftBox{border-right:none;border-top:none;border-radius:0 4px 0;width:50%;position:relative}.workflowDevider .leftBox::after{width:10px;height:10px;border-radius:100%;content:"";background:#eee;position:absolute;bottom:-7px;left:13px;z-index:5}.workflowDevider .textBoxWorkflowLine{display:flex;flex-direction:column;align-items:flex-start;height:50px;width:60%;position:absolute;left:20px;top:calc(50% - 29px);padding:0 10px;padding-left:20px;background:#fff;z-index:1}@media only screen and (min-width:768px){.workflowDevider .textBoxWorkflowLine{flex-direction:row;align-items:center;width:-moz-fit-content;width:fit-content}}.workflowDevider .pWithDays{padding:5px 0 15px 0}@media only screen and (min-width:768px){.workflowDevider .pWithDays{padding-left:10px;padding-top:15px}}.workflowDevider p{background:#fff;z-index:1;padding:0 15px;color:#1d1d1f;margin:0;letter-spacing:.5px;font-size:14px}.workflowDevider .selectDaysInvoiceWorkflow{margin:0}.workflowDevider .whiteSpotLeft,.workflowDevider .whiteSpotRight{position:absolute;background:#fff;z-index:1;display:none}.workflowDevider .whiteSpotRight{right:-9px;bottom:1px;width:16px;height:6px;z-index:6}.workflowDevider .whiteSpotLeft{top:-7px;left:8px;width:6px;height:15px}.workflowDividerReminders{width:100%;height:50px;position:relative;margin:10px 0}.workflowDividerReminders .reminderLineBx{height:100%;width:1px;border-right:4px solid #eee;position:absolute;right:25%}.workflowDividerReminders::after{width:10px;height:10px;border-radius:100%;content:"";background:#eee;position:absolute;bottom:-7px;right:calc(25% - 3px);z-index:5}.workflowDeviderInvoiceEnd{height:79px;width:100%;border-bottom:4px solid #eee;position:relative}.workflowDeviderInvoiceEnd .endBoxInvcWrkflw{height:79px;width:1px;border:4px solid #eee;position:absolute;top:0;right:calc(25% - 1px)}#showDesignTab .emailContentWorkflow{max-width:750px;width:95%}#showDesignTab .emailContentWorkflow .emailHeader,#showDesignTab .emailContentWorkflow .invoiceFooter{border:none}#showDesignTab .footerDesignMargin{margin-top:50px}.workflowTabOpenScroll{box-shadow:0 1px 5px rgba(0,0,0,.15)}.h2WorkflowRow{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;width:100%;padding-bottom:10px}.h2WorkflowRow .agendaTitleh1{width:-moz-fit-content;width:fit-content;border-bottom:0;margin:0;z-index:0!important}.h2WorkflowRow .gnrlSwtchTxt{margin:0}.rmndrPositioning{position:absolute;bottom:-45px;right:-25px}.dltBtnWrkflw{position:absolute;right:-11px;top:-15px;z-index:6;background:#fff;height:30px;width:30px;margin:0;border:4px solid #fff!important}@media only screen and (min-width:768px){.dltBtnWrkflw{right:-15px}}.rmndrBox{margin-top:25px}.rmndrBox:first-of-type{margin-top:0}.emailTitleEtcWorkflow{padding:5px;padding-top:15px;padding-bottom:20px!important;position:relative;width:100%}@media only screen and (min-width:768px){.emailTitleEtcWorkflow{padding:20px}}.emailTitleEtcWorkflow h2{position:sticky;top:0;left:0;padding-top:10px;z-index:10;background:#fff;padding-bottom:20px}.workflowSettingFlex{display:flex;flex-direction:column;width:100%;height:100%}.leftColumnTimeLine{display:flex;flex-direction:row;justify-content:space-between;overflow:hidden;margin:0 40px;border-bottom:1px solid #ddd}.leftColumnTimeLine:hover{overflow-x:scroll}.leftColumnTimeLine div{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.leftColumnTimeLine div::after{width:10px;height:10px;cursor:pointer;content:"";display:inline-block;border-right:1px solid #5e5e5f;border-top:1px solid #5e5e5f;transform:rotate(45deg);margin-left:20px;margin-right:0}.leftColumnTimeLine div:last-of-type::after{display:none}.workflowEmailBevestigingContent .nptDscrptnTxtInvcSwtch{margin-left:15px}.workflowEmailOptions{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;height:135px}.workflowEmailOptions .gnrlSwtchTxt{width:100%;margin-bottom:0}.workflowEmailOptions .gnrlSwtchTxt label{margin-bottom:20px}@media only screen and (min-width:768px){.workflowEmailOptions{height:95px}.workflowEmailOptions .gnrlSwtchTxt{width:calc(100% - 25px);margin-top:15px}}@media only screen and (min-width:1380px){.workflowEmailOptions{height:80px}}.workflowEmailOptions .agendaEmailOptionsBx{width:32%;height:unset;margin:0}@media only screen and (min-width:768px){.workflowEmailOptions .agendaEmailOptionsBx{height:100%}}.workflowEmailOptions p{display:flex;flex-direction:column;justify-content:flex-start;padding-top:0;height:100%}@media only screen and (min-width:768px){.workflowEmailOptions p{padding-top:45px}}.workflowEmailOptions p span{margin-bottom:10px;width:100%!important}@media only screen and (min-width:768px){.workflowEmailOptions p span{position:absolute;top:10px;left:0;width:calc(100% - 25px)!important}}.workflowEmailOptions .gnrlSwtchTxt{flex-direction:column;align-self:flex-end;position:relative}@media only screen and (min-width:768px){.workflowEmailOptions .gnrlSwtchTxt{position:absolute;top:45px;left:20px;flex-direction:row-reverse}}.workflowEmailOptions .gnrlSwtchTxt p{padding:0!important}@media only screen and (min-width:768px){.workflowEmailOptions .workflowTabTitleEmailWorkflow::after{position:absolute;top:17px;right:10px;transition:all .2s ease-in}}.workflowEmailOptions.redBlockHeight{height:220px}@media only screen and (min-width:768px){.workflowEmailOptions.redBlockHeight{height:120px}}.noAfterThisTitle::after{border-color:#fff!important}.expandThisWorkflowEmail,.expandThisWorkflowEmailGreen,.expandThisWorkflowEmailReminder{display:flex;flex-direction:row;justify-content:center;align-items:center;top:10px;left:20px;position:absolute;z-index:2;width:35px;height:35px;background:#fff;border-radius:4px}.expandThisWorkflowEmail img,.expandThisWorkflowEmailGreen img,.expandThisWorkflowEmailReminder img{width:20px;height:20px}.emailContentSpace{padding-top:60px;margin-bottom:25px;position:relative}.gnrlSwtchTxt{margin-bottom:15px}.reminderAgendaDaysDesign{display:flex;flex-direction:row;align-items:center}.reminderAgendaDaysDesign p{margin-left:15px;margin-bottom:45px}#loadHereFinalRow,#loadHereRowOne,#loadHereRowTwo{width:100%;height:0;position:absolute;top:-55px;padding:20px;padding-top:0;margin-top:10px;transition:all .3s ease-in;box-shadow:rgba(0,0,0,.1) 0 2px 15px 0;border-radius:4px;transition:top .3s ease}#loadHereFinalRow #emailWorkflow,#loadHereRowOne #emailWorkflow,#loadHereRowTwo #emailWorkflow{box-shadow:none}#loadHereFinalRow #confirmOnlyId,#loadHereRowOne #confirmOnlyId,#loadHereRowTwo #confirmOnlyId{height:100%;transition:all .3s ease;overflow:hidden;position:relative}#loadHereFinalRow{top:unset!important;bottom:0!important;box-shadow:none!important}.block .workflowColumn{margin-top:15px}.workflowDeviderThreeEmails{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;height:100px;margin:10px 0;margin-bottom:0}.workflowDeviderThreeEmails .box1,.workflowDeviderThreeEmails .box2,.workflowDeviderThreeEmails .box3{display:flex;flex-direction:row;justify-content:center;width:32%;height:100%;position:relative}.workflowDeviderThreeEmails .box2::after{width:6px;height:6px;border:3px solid #eee;border-radius:50%;border-bottom-color:transparent;border-left-color:transparent;transform:rotate(45deg);content:"";position:absolute;left:-10px;bottom:-4px}.workflowDeviderThreeEmails .box2::before{width:6px;height:6px;border:3px solid #eee;border-radius:50%;border-bottom-color:transparent;border-left-color:transparent;transform:rotate(225deg);content:"";position:absolute;right:-10px;bottom:-4px}.workflowDeviderThreeEmails .lineBox1{position:absolute;width:50%;height:100%;top:0;right:0;border-left:4px solid #eee;border-bottom:4px solid #eee;border-radius:0 0 0 4px}.workflowDeviderThreeEmails .lineBox1::after{width:10px;height:10px;border-radius:100%;content:"";background:#eee;position:absolute;bottom:-7px;right:-1px}.workflowDeviderThreeEmails .lineBox2In{position:absolute;right:calc(50% - 1px);top:0;height:calc(100% - 10px);width:1px;border-right:4px solid #eee}.workflowDeviderThreeEmails .lineBox2In::after{width:10px;height:10px;border-radius:100%;content:"";background:#eee;position:absolute;bottom:-6px;right:-7px;z-index:1}.workflowDeviderThreeEmails .lineBox2{width:100%;height:100%;border-bottom:4px solid #eee;position:relative}.workflowDeviderThreeEmails .lineBox3{position:absolute;width:50%;height:100%;top:0;left:0;border-right:4px solid #eee;border-bottom:4px solid #eee;border-radius:0 0 4px 0}.workflowDeviderThreeEmails .lineBox3::after{width:10px;height:10px;border-radius:100%;content:"";background:#eee;position:absolute;bottom:-7px;left:-1px}.workflowDeviderThreeEmailsRowTwo{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;height:20px;margin:0 0 10px 0;margin-bottom:10px}.workflowDeviderThreeEmailsRowTwo .box1,.workflowDeviderThreeEmailsRowTwo .box2,.workflowDeviderThreeEmailsRowTwo .box3{display:flex;flex-direction:row;justify-content:center;width:34%;height:100%;position:relative}.workflowDeviderThreeEmailsRowTwo .box2::before{width:8px;height:8px;border:3px solid #eee;border-radius:50%;border-bottom-color:transparent;border-left-color:transparent;transform:rotate(135deg);content:"";position:absolute;left:47%;top:-7px;background:#fff;z-index:1}.workflowDeviderThreeEmailsRowTwo .lineBox4{position:absolute;width:100%;height:100%;top:0;right:0;border-left:4px solid #eee;border-top:4px solid #eee;border-radius:4px 0 0 0}.workflowDeviderThreeEmailsRowTwo .lineBox5In{display:none;position:absolute;right:calc(50% - 1px);top:10px;height:calc(100% - 10px);width:1px;border-right:4px solid #eee}.workflowDeviderThreeEmailsRowTwo .lineBox5{width:100%;height:100%;border-top:4px solid #eee;position:relative}.workflowDeviderThreeEmailsRowTwo .lineBox6{position:absolute;width:100%;height:100%;top:0;left:0;border-right:4px solid #eee;border-top:4px solid #eee;border-radius:0 4px 0 0}.worklfowDeviderEndorReminder{display:flex;flex-direction:row;justify-content:center;width:100%;height:80px;margin:0 0 10px 0}.worklfowDeviderEndorReminder .endLineAgendaWorklfow{width:1px;height:100%;border-right:4px solid #eee;position:relative;left:-1px}.worklfowDeviderEndorReminder .endLineAgendaWorklfow::after{width:10px;height:10px;border-radius:100%;content:"";background:#eee;position:absolute;bottom:-6px;right:-7px;z-index:5}.worklfowDeviderEndorReminder .endLineAgendaWorklfow::before{width:8px;height:8px;border:3px solid #eee;border-radius:50%;border-bottom-color:transparent;border-left-color:transparent;transform:rotate(135deg);content:"";position:absolute;right:-9px;top:-11px;background:#fff}#emailWorkflow,#showDesignTab,#workflowAlgemeen,.DReminderContent,.firstRmndr{width:100%;padding:10px 10px;background:#fff;z-index:2;display:none;border-radius:0 0 4px 4px}@media only screen and (min-width:768px){#emailWorkflow,#showDesignTab,#workflowAlgemeen,.DReminderContent,.firstRmndr{padding:20px 20px}}.workflowTimeLineTab{display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-size:14px;border-radius:4px;margin:20px 0;cursor:pointer;padding:0 0}.workflowTimeLineTab:hover::after{transform:rotate(135deg)!important;transition:all .2s ease-in}.workflowTimeLineTab:hover p:first-of-type{cursor:pointer}.workflowTimeLineTab .deleteLineBtn::after{margin:0}.bottomPaddingForHere{padding-bottom:75px}.workflowTimeLineTab .workflowTabTitle p>span{display:inline-block;width:-moz-fit-content;width:fit-content;min-width:110px;text-align:center;border-radius:4px}.workflowTabTitle>p>span{position:relative;margin-bottom:0;margin-top:0;letter-spacing:.5px;font-size:1.4rem;width:-moz-fit-content;width:fit-content;text-transform:none;background:#eee;padding:6px 12px;font-weight:400;border-radius:4px;color:#797979}.workflowEmailConfirmTab,.workflowOpenTab{border:1px solid #ffc270;border-top:none}.workflowEmailConfirmTab .workflowTabTitle,.workflowEmailConfirmTab .workflowTabTitleEmailWorkflow,.workflowOpenTab .workflowTabTitle,.workflowOpenTab .workflowTabTitleEmailWorkflow{color:#ffc270;color:#1d1d1f;border-top:1px solid #ffc270;padding:0 15px;border-radius:4px;text-align:center}@media only screen and (min-width:768px){.workflowEmailConfirmTab .workflowTabTitle,.workflowEmailConfirmTab .workflowTabTitleEmailWorkflow,.workflowOpenTab .workflowTabTitle,.workflowOpenTab .workflowTabTitleEmailWorkflow{padding:0 20px}}.workflowEmailConfirmTab .workflowTabTitle p>span,.workflowEmailConfirmTab .workflowTabTitleEmailWorkflow p>span,.workflowOpenTab .workflowTabTitle p>span,.workflowOpenTab .workflowTabTitleEmailWorkflow p>span{background:#ffc270!important;color:#fff!important;padding:3px 10px;margin-right:15px;display:inline-block;width:100%;height:85px;border-radius:4px}@media only screen and (min-width:768px){.workflowEmailConfirmTab .workflowTabTitle p>span,.workflowEmailConfirmTab .workflowTabTitleEmailWorkflow p>span,.workflowOpenTab .workflowTabTitle p>span,.workflowOpenTab .workflowTabTitleEmailWorkflow p>span{width:-moz-max-content;width:max-content;height:-moz-fit-content;height:fit-content;padding:6px 20px;border-radius:4px}}.sendInvoiceWorkflowOption{width:calc(100% - 55px);margin-left:55px;position:relative}.sendInvoiceWorkflowOption .agendaEmailLine{height:25px}.sendInvcSeparateWorkflow{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap}.sendInvcSeparateWorkflow p{margin-right:8px;margin-bottom:20px}.sendInvcSeparateWorkflow .inputMstrDv{margin-right:15px;margin-bottom:7px}.sendInvcSeparateWorkflow .beforeAfterApointmentWidth{width:75px;min-width:unset!important}.workflowEmailConfirmTab .workflowTabTitleEmailWorkflow{padding:0 0 20px 0}@media only screen and (min-width:768px){.workflowEmailConfirmTab .workflowTabTitleEmailWorkflow{padding:0 20px}}.workflowNoReminderTab{display:none;border:1px solid #bbb;border-top:none}.workflowNoReminderTab .workflowTabTitle{color:#bbb;border-top:1px solid #bbb;padding:0 20px;border-radius:4px}.workflowNoReminderTab .workflowTabTitle p>span{background:#eee;padding:3px 10px;margin-right:15px;border-radius:4px}.endOfWorkflowReminder{display:flex;flex-direction:column}.endOfWorkflowDay{background:#ff6d74;color:#fff;padding:6px;width:-moz-max-content;width:max-content;border-radius:4px}.endOfWorkflowRow{display:flex;flex-direction:column;align-items:flex-start}@media only screen and (min-width:768px){.endOfWorkflowRow{flex-direction:row;align-items:center}}.endOfWorkflowRow p{padding-left:0}@media only screen and (min-width:768px){.endOfWorkflowRow p{padding-left:25px}}.workflowReminderTab{border:1px solid #bbb;border-top:none;margin:15px 0!important}.workflowReminderTab .workflowTabTitle,.workflowReminderTab .workflowTabTitleEmailWorkflow{border-top:1px solid #bbb;padding:0 0;padding-bottom:20px;justify-content:space-between;border-radius:4px;text-align:center}@media only screen and (min-width:768px){.workflowReminderTab .workflowTabTitle,.workflowReminderTab .workflowTabTitleEmailWorkflow{padding:0 20px}}.workflowReminderTab .workflowTabTitle p>span,.workflowReminderTab .workflowTabTitleEmailWorkflow p>span{background:#eee;width:-moz-max-content;width:max-content;border-radius:4px;margin-right:7px;padding-top:10px;text-align:center;height:85px;display:inline-block}@media only screen and (min-width:768px){.workflowReminderTab .workflowTabTitle p>span,.workflowReminderTab .workflowTabTitleEmailWorkflow p>span{height:auto;padding:6px 20px;margin-right:15px;width:-moz-max-content;width:max-content;border-radius:4px}}.workflowReminderTab .activeWorkflowTabSecondRowWorklfow::after{transform:rotate(135deg);transition:all .2s ease}.workflowPaidTab{border:1px solid #3ccc94;border-top:none}.workflowPaidTab .workflowTabTitle{border-top:1px solid #3ccc94;padding:0 5px;border-radius:4px;flex-direction:column;justify-content:flex-start;min-height:115px}@media only screen and (min-width:768px){.workflowPaidTab .workflowTabTitle{flex-direction:row;padding:0 20px}}.workflowPaidTab .workflowTabTitle p{width:100%;display:flex;flex-direction:column;margin:15px 0}@media only screen and (min-width:768px){.workflowPaidTab .workflowTabTitle p{width:100%}}.workflowPaidTab .workflowTabTitle p>span{background:#3ccc94!important;color:#fff!important;padding:0 5px;margin-bottom:5px;border-radius:4px}.activeWorkflowTab{width:100%!important}.noHeightSpan{padding:3px 10px}.noHeightSpan span{height:-moz-fit-content!important;height:fit-content!important;padding:6px!important}.activeWorkflowTab::after,.activeWorkflowTabEmailWorklfow::after,.activeWorkflowTabInvoice::after{transform:rotate(135deg)!important;transition:all .2s ease-in}.endOfInvoiceWorklfow{display:flex;flex-direction:row;justify-content:space-between;width:100%}.endOfInvoiceWorklfow .workflowTimeLineTab{width:48%}.workflowTabTitle p{display:flex;flex-direction:row;align-items:center}.worklfowAlgmnTab{border:1px solid #bbb;border-top:none}.worklfowAlgmnTab .workflowTabTitle{border-top:1px solid #bbb;padding:0 20px;border-radius:4px}.worklfowAlgmnTab .workflowTabTitle p>span{background:#fff!important;padding:3px 10px;border-radius:4px}.workflowDesignTab{border:1px solid #bbb;border-top:none}.workflowDesignTab .workflowTabTitle{border-top:1px solid #bbb;padding:0 20px;border-radius:4px}.workflowDesignTab .workflowTabTitle p>span{background:#fff!important;padding:3px 10px;border-radius:4px}.workflowTabTitle{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:0 10px!important;height:100%;position:sticky;top:-2px;left:0;z-index:5;background:#fff}.workflowTabTitleEmailWorkflow{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding-bottom:20px;width:100%;height:100%;position:sticky;top:0;left:0;z-index:5;background:#fff}.workflowTabTitleEmailWorkflow p{position:relative;display:inline-block;width:100%;padding-top:0;margin:0;height:-moz-fit-content;height:fit-content}@media only screen and (min-width:768px){.workflowTabTitleEmailWorkflow{flex-direction:column;align-items:center;justify-content:space-between}}.workflowTabTitle::after,.workflowTabTitleEmailWorkflow::after{margin-right:5px}@media only screen and (min-width:768px){.workflowTabTitle::after,.workflowTabTitleEmailWorkflow::after{margin-right:5px}}.gnrlSwtchTxt.rightWorkflowBox{justify-content:center}#workflowFactuurAgendaAlgemeen{width:100%;padding:0 20px}.lastTab{height:auto;width:100%;border-bottom:1px solid #eee;padding:20px}.rightColumnEmailContent{position:fixed;top:50px;right:-100%;background:#fff;z-index:899;width:100%;padding:20px;transition:all .3s ease-in;padding-bottom:75px}@media only screen and (min-width:1024px){.rightColumnEmailContent{position:relative;right:0;top:0;width:100%;height:calc(100vh - 275px);border-top:none;padding:20px 0}}.selectDaysInvoiceWorkflow{display:flex;flex-direction:row;width:100%}.selectDaysInvoiceWorkflow input:first-of-type{border-bottom-right-radius:0;border-right-style:dashed}.selectDaysInvoiceWorkflow select:first-of-type{border-bottom-left-radius:0;border-left:none}.daysInputWidth{width:60px!important;border-radius:4px 0 0 4px}.invoiceExpireTimespan{border-radius:0 4px 4px 0}.workflowInputVerloopTijd{margin:0;margin-right:0}.vrtclLine{display:flex;flex-direction:column}.swal2-container{display:flex;position:absolute;z-index:999;height:100%;top:0;padding:0 10px;width:100%;left:0;bottom:unset;flex-direction:row;align-items:center;justify-content:center;padding:.625em;overflow-x:hidden;transition:initial;-webkit-overflow-scrolling:touch;border-radius:6px!important}.swal2-container.swal2-backdrop-show{background:rgba(43,46,56,.93)}.swal2-header{margin-left:0!important}.swal2-title{font-size:17px;padding:7px 14px;color:#fff;background:#98a6b3;white-space:nowrap;margin-bottom:25px;letter-spacing:1.2px;text-transform:none;font-weight:400}.swal2-content{font-size:16px;line-height:26px;letter-spacing:.4px}.swal2-image{margin:0}.swal2-toast{position:fixed!important;bottom:15px!important;right:15px!important;border-radius:4px}.afpraakVerwijderdSucces{margin:0;margin-left:10px;font-size:1.2rem;letter-spacing:.8px}.swal2-popup{border-radius:10px;padding:20px;width:calc(100% - 40px);margin:0 auto}@media only screen and (min-width:768px){.swal2-popup{flex:1 0 325px;max-width:550px}}.swal2-popup .swal2-title{background:#40424c;color:#fff;border-radius:4px;margin-bottom:35px}.swal2-popup .swal2-actions{margin-top:35px}.swal2-popup .swal2-html-container{max-width:400px;margin:0 auto}.swal2-popup.swal2-toast{padding:10px 50px!important;box-shadow:0 .5px 0 0 #fff inset,0 1px 2px 0 #b3b3b3;margin-left:0}.swal2-styled.swal2-cancel,.swal2-styled.swal2-confirm{outline:0!important;padding:5px 40px;font-size:14px;border-radius:4px;margin:0 20px;transition:all .2s ease}.swal2-styled.swal2-cancel:focus,.swal2-styled.swal2-confirm:focus{outline:0!important;-webkit-appearance:none!important}.swal2-styled.swal2-confirm{color:#6ba8e6!important;border:2px solid #6ba8e6!important;background:#fff!important}.swal2-styled.swal2-confirm:focus,.swal2-styled.swal2-confirm:hover{color:#fff!important;background:#6ba8e6!important;-webkit-appearance:none}.swal2-styled.swal2-cancel{background:#fff!important;color:#e25555!important;border:2px solid #e25555!important}.swal2-styled.swal2-cancel:focus,.swal2-styled.swal2-cancel:hover{color:#fff!important;background:#e25555!important;-webkit-appearance:none}.loadInvoiceBlock{width:100%;padding:0 15px;padding-bottom:70px}@media only screen and (min-width:768px){.loadInvoiceBlock{height:100%;padding-bottom:0;max-width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center}}.overflowPdfInvoice{height:100%}.iconRowInvoice{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.iconRowInvoice img{margin-right:20px}@media only screen and (min-width:768px){.iconRowInvoice{height:100%}}#emailsWorkflowCntnt>.slideInScreenSnglRowHdr{z-index:0!important;padding:0!important}.contentAndFilter{height:calc(100% - 100px)}.selectedQuickLook{color:#fff!important}.invoiceContentBlckPayment{background:#fff;border-radius:10px;width:100%;height:auto;padding:20px;margin-bottom:35px}.newInvoiceBtnClass{padding:0 10px;margin:0 0 0 10px;cursor:pointer;padding-left:45px;margin-left:0}@media only screen and (min-width:768px){.newInvoiceBtnClass{display:flex;align-items:center}}#openInvoiceStats img{transition:all .4s ease-in}#loadStatistics{display:flex;flex-direction:column;justify-content:space-around;align-items:center;transition:all .25s ease;background:#fafafa;width:calc(100% - 20px)}@media only screen and (min-width:768px){#loadStatistics{flex-direction:row}}.invoiceStatsDiv{padding:0 50px 0 50px;margin:25px 25px;border:1px solid #bbb;text-align:center;width:90%}.invoiceStatsDiv p:first-child{font-size:1.4rem}.invoiceStatsDiv p{letter-spacing:1.2px}.invcSlctedPeriod{display:flex;flex-direction:row;align-items:center;text-transform:none;letter-spacing:1.3px;margin:35px 0 5px;color:#1d1d1f!important}.invcSlctedPeriod p{margin-right:15px}.invcSlctedPeriod span{background:#f7f7f7;padding:5px 10px;color:#1d1d1f}.datePicker{left:0;position:absolute;height:auto;width:calc(100% + 2px);min-width:300px;max-width:550px;top:calc(100% - 1px);left:-1px;z-index:999;background:#fff;border:1px solid #ddd;border-top-style:dashed;border-radius:4px 4px 10px 10px;display:block;padding:10px}.datePickerHeader{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:5px;margin-bottom:0;padding-bottom:3px}.datePickerTitle{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative}.titleWithArrow{cursor:pointer}.titleWithArrow::after{content:"▾";font-size:1.2rem;width:20px;padding-left:10px;color:#1d1d1f;text-align:center}.monthsPicker{position:relative;background:#fff;height:calc(100% - 20px);z-index:2;width:calc(100% - 20px)}.datePickerMonthsOverview{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0;width:100%}.datePickerMonthsOverview li{width:33.3333333333%;padding:7px 0;border:none;font-size:1.4rem;color:#5e5e5f;border-radius:4px;text-align:center;cursor:pointer;text-align:center;list-style-type:none}.datePickerMonthsOverview li p{padding:10px 14px;margin:0}.datePickerMonthsOverview li p .selectedDate,.datePickerMonthsOverview li p:hover{background:#54bbf3;color:#fff;cursor:pointer}.datePickerMonthsOverview .notThisMonth p{color:#bbb!important}.datePickerMonthsOverview .notThisMonth p:hover{background:#fff!important;cursor:not-allowed!important}.datePickerMonthsOverview ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:0;margin:0;padding-top:7px;width:100%;border-top:1px solid #ddd}.datePickerBody{margin:5px}.datePickerArrows{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.pickerDaysContent,.pickerDaysOverviewHeader{margin:0}.pickerDaysContent ul,.pickerDaysOverviewHeader ul{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:0;margin:0}.pickerDaysContent ul li,.pickerDaysOverviewHeader ul li{display:flex;flex-direction:row;justify-content:center;align-items:center;list-style-type:none;width:14.2857142857%;text-align:center;font-weight:500;text-align:center;height:40px}.pickerDaysContent ul li p,.pickerDaysOverviewHeader ul li p{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0;height:40px;width:40px;font-size:1.3rem;font-weight:700}.pickerDaysContent ul .notThisDay p,.pickerDaysOverviewHeader ul .notThisDay p{font-weight:300;color:#ddd}.pickerDaysContent ul .notThisDay p:hover,.pickerDaysOverviewHeader ul .notThisDay p:hover{background:#fff;color:#bbb;cursor:not-allowed}.pickerDaysOverviewHeader ul{border-top:1px solid #ddd;margin-bottom:5px;padding-top:7px}.pickerDaysOverviewHeader li{height:35px!important}.pickerDaysContent ul{flex-wrap:wrap}.pickerDaysContent ul li p{border-radius:100%;font-weight:lighter}.pickerDaysContent ul li p:hover{background:#54bbf3;color:#fff;cursor:pointer}.dtPckrSelected{background:#54bbf3;color:#fff}.dtPckrSelectedFrom,.dtPckrSelectedTo{background:#54bbf3;color:#fff}.dtPckrSelection{background:rgba(48,135,207,.6784313725)!important;color:#fff!important}.dtPckrSelectionFirst,.dtPckrSelectionFirstTmp{background:linear-gradient(90deg,#fff 50%,rgba(48,135,207,.6784313725) 50%)!important}.dtPckrSelectionFirst p,.dtPckrSelectionFirstTmp p{background:#54bbf3}.dtPckrSelectionLast,.dtPckrSelectionLastTmp{background:linear-gradient(90deg,rgba(48,135,207,.6784313725) 50%,#fff 50%)!important}.dtPckrSelectionFirstTmp.dtPckrSelectionLastTmp,.dtPckrSelectionLast.dtPckrSelectionFirst{background:#fff!important}.datePckr{position:absolute;top:100%;width:100%;max-height:calc(100vh - 160px);background:#fff;border:1px solid #fff;border-top:1px solid #fff;border-bottom:1px solid #ddd;overflow:scroll;height:-moz-fit-content;height:fit-content;min-height:100%;opacity:1;z-index:919;left:0;display:none;flex-direction:row;justify-content:center;align-items:flex-start;transition:all .1s ease-in}@media only screen and (min-width:1024px){.datePckr{width:50%;min-width:650px;max-width:1000px;left:50%;transform:translate(-50%,0)}}.datePckr-Slct{flex-direction:row}.datePckr>.block{padding:0;margin:20px!important}.displayNoneToggle{display:none!important}.datePckrCntnt{display:flex;flex-direction:row;justify-content:center;width:-moz-max-content;width:max-content;background:#fff;padding:20px 20px;padding-top:0;border-radius:10px;margin-top:20px}.datePckrCntntColumn{display:flex;flex-direction:column;width:100%;background:#fff;padding:20px 0;padding-top:0}.datePckrCntntColumn .slctField,.datePckrCntntColumn .slctYearQuickTools{width:100%;margin:0;margin-left:0!important}.secondRowInvoiceDates{display:flex;flex-direction:row;justify-content:space-between;width:100%}.quickBtnsSlct{width:100%;display:flex;flex-direction:row;justify-content:flex-start;border-bottom:1px solid #e7e7e7;margin:20px;padding-bottom:20px}.datePckrColumn{flex-direction:column!important}.qckTlsRow{display:flex;flex-direction:row;justify-content:space-between;flex:0 1 475px;min-width:300px}@media only screen and (min-width:1024px){.qckTlsRow{border-right:1px solid #e7e7e7;border-radius:0;padding:0 25px 0 0!important}}.qckTlsRow .recentDatePicker{align-items:flex-start!important;height:-moz-fit-content;height:fit-content;width:48%}.dateRangeSelection{display:flex;flex-direction:column}#showDatePicker{flex-direction:row;justify-content:space-between;padding:20px;background:#fff;box-shadow:rgba(0,0,0,.1) 0 2px 15px 0;border-radius:none}#showDatePicker .monthsRowContent,#showDatePicker .qckTlsRow{background:#fff}#showDatePicker .monthsRowContent .blockTitle,#showDatePicker .qckTlsRow .blockTitle{margin-bottom:25px}#showDatePicker .monthsRowContent .blockTitle::before,#showDatePicker .qckTlsRow .blockTitle::before{display:none!important}@media only screen and (min-width:1380px){#showDatePicker{justify-content:center;border-radius:10px}}@media only screen and (min-width:768px){#showDatePicker .monthsRowContent{flex:1 0 50%;margin:0;padding:0 0 0 25px}}.datePickerOverlay{width:100%;height:100%;background:rgba(43,46,56,.97);z-index:1;position:absolute;top:0;left:0;height:100%;display:none}.slctPeriods{width:100%}.slctPeriods .kwartalenDatePicker{width:unset!important;margin:0 0}.monthAndPick{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.monthAndPick h5{margin-right:20px;text-align:center;padding:5px 15px;border-radius:4px;min-width:115px;text-align:left;padding-left:0}@media only screen and (min-width:768px){.monthAndPick{flex-direction:column;margin-bottom:0!important}.monthAndPick .slctField{width:48%;margin-bottom:0!important}.monthAndPick h5{margin:0;margin-right:25px}}@media only screen and (min-width:1380px){.monthAndPick{flex-direction:row}.monthAndPick .slctField{width:100px}}.thisweek{width:100%}.secondRwMonthPick{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-top:15px}@media only screen and (min-width:1380px){.secondRwMonthPick{margin-top:0;justify-content:flex-start}}#agendaInvoice{padding:20px 0}#agendaInvoice .datePckr{position:relative!important;display:block!important;overflow:hidden;max-height:100%!important;z-index:1;padding:20px 20px;border:1px solid #bbb!important;background:0 0!important}@media only screen and (min-width:768px){#agendaInvoice .datePckr{padding:20px 30px}}#agendaInvoice .monthAndPick{flex-direction:column}@media only screen and (min-width:1380px){#agendaInvoice .monthAndPick{flex-direction:row}}#agendaInvoice .dateDisp{padding:0 25px;padding-bottom:20px;background:#fff;border-radius:10px}@media only screen and (min-width:768px){#agendaInvoice .dateDisp{padding:0 25px 20px}}#agendaInvoice .datePckrHdr{padding-top:0;padding-right:0}#agendaInvoice .thsWkLstWk{display:none}#agendaInvoice .monthsRowContent .agendaTitleh1{margin-top:50px}#agendaInvoice .monthsRowContent .slctField{margin:0 7px}.fakeInputMstrDv{position:relative}.selectMonthStreep{display:flex;flex-direction:row;align-items:flex-start;margin-top:30px}.selectMonthStreep p{width:15px;border-bottom:1px solid #000}.DfromDate,.DtoDate{color:#fff;background-color:#54bbf3}.DfromDate{border-radius:4px}.DtoDate{border-radius:4px}.DintermeddiateDate{background-color:inherit;color:#fff!important;background-color:#54bbf3}.datepickerAppointment{width:350px!important;left:0;position:absolute;height:-moz-fit-content;height:fit-content;width:100%;top:100%;left:-1px;z-index:999;background:#fff;border:1px solid #ddd;display:block}.datepickerDatesandMore{display:flex}.datepickerDatesandMore{display:none;flex-direction:row;width:100%;position:absolute;left:0;top:0;background:#fff;border-bottom:1px solid #bbb;top:100%}.dateDisp{display:flex;flex-direction:row;align-items:center;font-size:1.2rem;letter-spacing:2px;text-transform:uppercase}@media only screen and (min-width:768px){.dateDisp{padding:0}}.agendaDateSlct{display:flex;flex-direction:row;align-items:center;width:auto;height:100%}.datePickerBackground{padding:0 20px 20px 20px;background-color:#fff;width:100%}.datesAndMorePosition{height:100%;display:flex;align-items:center;color:#fff}.datumDatesAndMore{margin:0}.datesAndMorePicker{display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-start;height:auto;background:#fff;border-right:1px solid #eee;margin-right:35px;padding-right:55px}.jaren,.kwartalenDatePicker,.maanden,.recentDatePicker{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:10px 10px;width:350px}.jaren li,.jaren p,.kwartalenDatePicker li,.kwartalenDatePicker p,.maanden li,.maanden p,.recentDatePicker li,.recentDatePicker p{flex:1 0 65px;margin:5px;padding:7px 0;border:none;font-size:1.1rem;color:#5e5e5f;box-shadow:0 .5px 0 0 #fff inset,0 1px 2px 0 #b3b3b3;border-radius:4px;text-align:center;cursor:pointer;text-align:center;list-style-type:none}.jaren li .selectedDate,.jaren li:hover,.jaren p .selectedDate,.jaren p:hover,.kwartalenDatePicker li .selectedDate,.kwartalenDatePicker li:hover,.kwartalenDatePicker p .selectedDate,.kwartalenDatePicker p:hover,.maanden li .selectedDate,.maanden li:hover,.maanden p .selectedDate,.maanden p:hover,.recentDatePicker li .selectedDate,.recentDatePicker li:hover,.recentDatePicker p .selectedDate,.recentDatePicker p:hover{background:#54bbf3;color:#fff;cursor:pointer}.jaren ul,.kwartalenDatePicker ul,.maanden ul,.recentDatePicker ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:0;margin:0;width:100%}.jaren .kwartaalWidth,.kwartalenDatePicker .kwartaalWidth,.maanden .kwartaalWidth,.recentDatePicker .kwartaalWidth{display:flex;flex-direction:row;justify-content:space-between;width:100%}.firstDateSlctRow>.datePckrHdr{padding-top:0!important}.kwartalenDatePicker{margin:0;flex-direction:column!important}.kwartalenDatePicker ul{display:flex}.kwartalenDatePicker ul li{flex:0 0 13%;margin:10px 5px 10px 5px}.thsWkLstWk{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin:0 0 25px 0!important}.thsWkLstWk p{width:100%;margin:5px;padding:7px 0;border:none;font-size:1.1rem;letter-spacing:1px;color:#5e5e5f;box-shadow:0 .5px 0 0 #fff inset,0 1px 2px 0 #b3b3b3;border-radius:4px;text-align:center;cursor:pointer;font-weight:700;text-align:center}.thsWkLstWk p:hover{background:#54bbf3;color:#fff}.DQckTlAgendaSlctd,.DQselected{background:#54bbf3;color:#fff!important;cursor:pointer}.DQckTlAgendaSlctd::before,.DQselected::before{content:"✓";color:#fff;font-size:1.2rem;margin-right:6px}.kwartaalPWidth{width:47%!important}.slctYearQuickTools{display:flex;justify-content:space-between;align-items:center;width:calc(100% - 10px);margin:0 5px 15px 5px}.slctYearQuickTools .slctField{width:calc(100% - 0px);min-width:calc(100% - 0px);max-width:calc(100% - 0px);margin:0!important}.slctKwartaalp{margin:10px 0 5px 0;margin-left:10px;font-weight:400;letter-spacing:1px;text-transform:lowercase}.threeMonths{display:flex;flex-direction:row;justify-content:space-between;width:100%}.threeMonths p{width:29%;text-align:center;padding:10px 0;font-size:1.1rem}.monthsRow{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.monthsRowContent h3{width:100%;text-align:center;padding-top:20px}.monthsRowContent .monthOne{margin-right:0}.monthsRowContent .monthOne,.monthsRowContent .monthTwo{max-width:100%}.monthsRowContent .monthOne>.datePckrHdr,.monthsRowContent .monthTwo>.datePckrHdr{padding-top:0}.datesAndMoreSelector{display:flex;flex-direction:row;align-items:center;cursor:pointer;height:100%}.datesAndMoreSelector .arrow-left,.datesAndMoreSelector .arrow-right{border-color:#fff}@media only screen and (min-width:768px){.datesAndMoreSelector{color:#1d1d1f}.datesAndMoreSelector .arrow-left,.datesAndMoreSelector .arrow-right{border-color:#1d1d1f}}#datePickerHover{display:flex;align-items:center;height:50px}@media only screen and (min-width:1024px){#datePickerHover{height:75px}}#datePickerHover:hover>.datePckr,#datePickerHover:hover>.datepickerDatesandMore,#datePickerHover:hover>.overlayScreen{display:flex}.monthOne,.monthTwo{width:100%}.monthTwo{background:#fafafa;padding-left:5px}.datePckrHdr{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative;width:100%;padding:20px 20px 20px 0}.datePckrHdr .arrowleft{position:absolute;left:5px;justify-content:flex-start}.datePckrHdr .arrowright{position:absolute;right:0}@media only screen and (min-width:768px){.datePckrHdr:first-of-type{padding-left:0}}.datePickerMonth{width:98%;table-layout:fixed;border-collapse:collapse}.datePickerMonth thead tr th{padding-bottom:8px;text-align:center;text-transform:none}.datePickerMonthBody th{font-weight:300;padding:7px 0;text-align:center;height:45px;border-bottom:3px solid #fff}.currentDate,.slct:hover,.slctSidebar:hover{background-color:#54bbf3;color:#fff;cursor:pointer;border-radius:4px}.DatePickerMobile{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%;z-index:999;background:#fff}@media only screen and (min-width:768px){.DatePickerMobile{display:none}}.widthDatePickerMobile200{width:350px!important}.widthDatePickerMobile200{width:calc(100vw - 24px)!important;left:-1px!important}.datePickerRight{right:0;left:unset}.InvoiceContactOptions,.periodicInvoiceOptionsBlck{display:flex;flex-direction:column;width:100%;background-color:#fff;margin-bottom:15px;border-radius:10px}@media print,screen and (min-width:768px){.InvoiceContactOptions,.periodicInvoiceOptionsBlck{width:100%;justify-content:space-between;border-bottom:1px solid #ddd}}.periodicInvoiceInfo{padding:20px}.invoiceCntntBlck{background:#fff;border-radius:10px}#emailsWorkflowCntnt{display:none}.invoiceContactColumnList{display:flex;flex-direction:column}@media print,screen and (min-width:768px){.invoiceContactColumnList{flex-direction:row;justify-content:space-between;width:50%}}.noMailInvoiceStatus{margin-top:10px}.leftColumnInvoiceTop,.rightcolumnInvcTop{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}@media print,screen and (min-width:768px){.leftColumnInvoiceTop,.rightcolumnInvcTop{flex-direction:row;align-items:center;justify-content:flex-end;width:100%;padding-bottom:10px}}.invoiceDateAndExpiry,.periodicInvoiceExpiryDates{display:flex;flex-direction:row;justify-content:space-between;width:100%}.onlineBetalingBx{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:50px;margin-top:25px}.onlineBetalingBx .gnrl-btn{margin-left:0}@media print,screen and (min-width:768px){.slideInScreenDblRowHdr{padding-bottom:0}}@media print,screen and (min-width:768px){.right>.thisIsANewInvoice,.right>.thisIsAnInvoice{padding:0 15px}}@media only screen and (min-width:1024px){.right>.thisIsANewInvoice,.right>.thisIsAnInvoice{padding:0 23px 0 40px}}.invoiceLineBttns{display:flex;flex-direction:row;align-items:center;width:100%;margin-top:7px;display:none}.invoiceLineBttns button{margin-right:15px}.activityTrackRight{position:absolute;right:27px;z-index:2}.extraInvoiceMenu{display:none!important;display:flex;flex-direction:row;align-items:flex-start;background:0 0;border-radius:10px 10px 10px 10px;padding:10px 10px;border-bottom:1px solid #eee}@media only screen and (min-width:768px){.extraInvoiceMenu{width:calc(100% - 17px)}}.annulerenBtn{min-width:-moz-max-content!important;min-width:max-content!important;height:30px!important;margin:0}.periodicInvoiceRules{display:flex;flex-direction:column;align-items:center;width:100%;margin:20px 0}.periodicInvoiceRules p{margin:15px 0}@media print,screen and (min-width:768px){.periodicInvoiceRules p{margin:0 10px}}.periodicInvoiceRules p:first-of-type{margin-left:0}.periodicInvoiceRules select{min-width:100px}@media print,screen and (min-width:768px){.periodicInvoiceRules{flex-direction:row}}@media print,screen and (min-width:768px){.overflowDesktop{padding-bottom:10px}}#verzendenSingleInvoice{display:none}.newInvoiceContent .addServiceBtn{margin-top:0;position:relative;margin-bottom:20px}@media print,screen and (min-width:768px){.newInvoiceContent .addServiceBtn{position:relative;left:0;top:0}}.changeDeleteBar,.changeThisInvoiceRow,.doneChangingThisInvoiceRow{display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:-moz-max-content;width:max-content;background:#fff;position:absolute;bottom:15px;height:30px;left:50%;transform:translate(-50%,0);padding:0 15px;background:#fff;z-index:7;box-shadow:0 3.5px 0 0 #fff inset,0 0 5px -1px #cfcfcf;border-radius:7px}.changeDeleteBar p,.changeThisInvoiceRow p,.doneChangingThisInvoiceRow p{cursor:pointer}.changeDeleteBar:hover,.changeThisInvoiceRow:hover,.doneChangingThisInvoiceRow:hover{color:#fff}.changeDeleteBar:hover::after,.changeThisInvoiceRow:hover::after,.doneChangingThisInvoiceRow:hover::after{border-color:#fff}.addNewInvoiceLine{display:flex!important}@media print,screen and (min-width:768px){.changeThisInvoiceRow{display:none}}.fixedInvoiceRow{display:flex;flex-direction:column;align-items:space-between;justify-content:space-between;align-items:flex-start;border:1px solid #fff;margin-bottom:0;position:relative;margin-top:2px}.fixedInvoiceRow:hover{border-bottom:1px solid #54bbf3;border-radius:5px}.fixedInvoiceRow p{margin:3px 0 3px}.fixedInvoiceRow label{margin-top:20px}@media print,screen and (min-width:768px){.fixedInvoiceRow{padding:25px 15px;padding:35px 0;border-bottom:1px solid #ddd}.fixedInvoiceRow label{display:none}}@media print{.fixedInvoiceRow:hover{border-bottom:none;border-radius:none}}@media only screen and (min-width:1024px){.fixedInvoiceRow{border-bottom:1px solid #ddd}}.fixedInvoiceRow .InvoiceOptionsBTWColumn p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:40px}.fixedInvoiceRow .pullDownThisDiv::after{display:none}.invoiceLineContent{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;border-top:1px solid #bbb}@media print,screen and (min-width:768px){.invoiceLineContent{flex-direction:row;border-top:none;justify-content:flex-start;padding-right:190px}}.invoiceLineDateStaff{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%}.kenmerkDisplay{padding-left:3px}.kenmerkDisplay span{font-weight:700}@media print,screen and (min-width:768px){.kenmerkDisplay{padding-left:10px}}@media print,screen and (min-width:768px){.invoiceDateEtcDisplay{padding-left:0!important;margin-left:-6px!important;margin-bottom:35px!important}.invoiceDateEtcDisplay .invoiceDateRow .inputMstrDvNoBrdr{margin-bottom:0}}.invoiceHeader{border-bottom:2px solid #bbb;font-weight:700!important;color:#1d1d1f}.invoiceHeader:hover{border-bottom:2px solid #bbb!important}.invoiceTextArea{width:calc(100% - 10px);margin:0 5px;margin-top:65px}.fixedDateStaffColumn{display:flex;flex-direction:column;margin-left:0;margin-top:0;padding-top:5px;font-size:1.1rem}.thisIsNoDeleteBtn{display:none}.fixedDateStaff{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}.fixedDateStaff p:first-of-type{width:120px}.fixedDateStaff p{line-height:23px;margin:0}.addNewInvoiceContent,.changeFactuurRegel{width:100%;position:relative;height:100%;background:#fff;border-bottom:1px solid #e0e1e6;display:none;padding:0;margin-bottom:25px;padding-bottom:30px;margin-top:75px;box-shadow:0 3.5px 0 0 #fff inset,0 0 5px -1px #cfcfcf;padding:10px;border-radius:10px}.addNewInvoiceContent .singleInvoiceItem,.changeFactuurRegel .singleInvoiceItem{justify-content:space-between;padding:20px 0 0;margin-bottom:0}.addNewInvoiceContent h2,.changeFactuurRegel h2{margin-bottom:35px}.addNewInvoiceContent textarea,.changeFactuurRegel textarea{min-height:50px;top:3px;word-wrap:break-word;padding-top:15px;background:#fff;z-index:3;text-indent:0;padding:5px 8px}.addNewInvoiceContent textarea:focus,.changeFactuurRegel textarea:focus{border-bottom:1px solid #54bbf3}.addNewInvoiceContent .invoiceBeschrijving,.changeFactuurRegel .invoiceBeschrijving{width:100%}@media print,screen and (min-width:768px){.addNewInvoiceContent,.changeFactuurRegel{margin-top:0;padding:15px 20px 25px}.addNewInvoiceContent:nth-child(0n+1),.changeFactuurRegel:nth-child(0n+1){padding-top:0}.addNewInvoiceContent .titleWithSwitch,.changeFactuurRegel .titleWithSwitch{margin-top:-15px;position:relative;left:0;padding-bottom:5px;width:-moz-max-content;width:max-content}.addNewInvoiceContent .titleWithSwitch .invoiceOptionsRow,.changeFactuurRegel .titleWithSwitch .invoiceOptionsRow{margin-right:15px}.addNewInvoiceContent .titleWithSwitch label,.changeFactuurRegel .titleWithSwitch label{margin-left:0;padding-left:0;margin-right:5px}.addNewInvoiceContent .titleWithSwitch .nptDscrptnTxtInvcSwtch p,.changeFactuurRegel .titleWithSwitch .nptDscrptnTxtInvcSwtch p{margin-left:0;padding-left:0}.addNewInvoiceContent h2,.changeFactuurRegel h2{margin:3px 0 0;border-bottom:none}.addNewInvoiceContent textarea,.changeFactuurRegel textarea{z-index:5}.addNewInvoiceContent .invoiceListOptions,.changeFactuurRegel .invoiceListOptions{border-bottom:none;margin:0}.addNewInvoiceContent .invoiceBeschrijving,.changeFactuurRegel .invoiceBeschrijving{flex:1 0 100%;max-width:unset;margin:0;padding:0 0}.addNewInvoiceContent label,.changeFactuurRegel label{z-index:6}}.addNewInvoiceContent .invoicePrijs,.changeFactuurRegel .invoicePrijs{flex:0 0 100%;margin:0;padding:0 0;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}@media only screen and (min-width:1024px){.addNewInvoiceContent .invoicePrijs,.changeFactuurRegel .invoicePrijs{flex:0 0 50%}}.addNewInvoiceContent .invoicePrijs .priceDurationPosition,.changeFactuurRegel .invoicePrijs .priceDurationPosition{width:95px}.addNewInvoiceContent .invoicePrijs .inputMstrDv:first-of-type,.changeFactuurRegel .invoicePrijs .inputMstrDv:first-of-type{flex:1 0 120px;margin-right:8px}.addNewInvoiceContent .invoiceAantal,.changeFactuurRegel .invoiceAantal{display:flex;flex-direction:row;flex:0 0 40%;margin:0;padding:0 0;margin-top:0}@media only screen and (min-width:1024px){.addNewInvoiceContent .invoiceAantal,.changeFactuurRegel .invoiceAantal{flex:0 0 calc(50% - 8px);margin-top:0;margin-left:8px}}.addNewInvoiceContent .invoiceAantal .durationIfApplc,.changeFactuurRegel .invoiceAantal .durationIfApplc{margin-right:8px;flex:1 0 100px}.addNewInvoiceContent .InvoiceOptionsBTWColumn,.changeFactuurRegel .InvoiceOptionsBTWColumn{flex:0 0 150px;max-width:250px;margin-top:0}.addNewInvoiceContent .invoiceTotaal,.changeFactuurRegel .invoiceTotaal{flex:0 0 55px;margin:0;padding-left:5px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;background:#f9f9f9;padding:15px;border-radius:4px;margin-right:0;margin-left:0}.addNewInvoiceContent .invoiceTotaal>p:first-of-type,.changeFactuurRegel .invoiceTotaal>p:first-of-type{margin-top:0;right:0;margin-bottom:0;margin-left:5px;font-weight:700}.addNewInvoiceContent .invoiceTotaal p,.changeFactuurRegel .invoiceTotaal p{margin:0}.addNewInvoiceContent .totalPriceLine,.changeFactuurRegel .totalPriceLine{white-space:nowrap;margin-left:8px!important}@media only screen and (min-width:768px){.addNewInvoiceContent,.changeFactuurRegel{width:100%;left:0}.addNewInvoiceContent .invoiceTotaal,.changeFactuurRegel .invoiceTotaal{flex:0 0 100%;margin:0;padding-left:5px}}.invoiceAantal{width:100%;text-align:left}@media print,screen and (min-width:768px){.invoiceAantal{width:8.5%;margin-left:2.5%;text-align:right;min-width:39px}}.periodicInvoiceRules{display:flex;flex-direction:row;align-items:center;padding:15px 0}.periodicInvoiceRules p{font-size:1.4rem;margin:0}.periodicInvoiceRules .inputMstrDv{margin:0 10px}.selectDaysInvoiceWorkflow{min-width:125px;display:flex;flex-direction:row;align-items:center}.selectDaysInvoiceWorkflow{min-width:125px}.nieuweFactuurRegel{position:relative;margin-bottom:10px;margin-top:0;letter-spacing:.5px;font-size:1.3rem;width:-moz-fit-content;width:fit-content;text-transform:none;background:#eee;padding:6px 12px;font-weight:600;text-transform:none;border-radius:4px;color:#797979}@media only screen and (min-width:768px){.factuurRegels{display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:5px}}.deleteLineServiceAppoint{margin-top:0!important;height:40px;width:40px;margin-right:0;position:absolute;top:0!important;bottom:unset;right:10px}@media print,screen and (min-width:768px){.deleteLineServiceAppoint{position:relative;border:none;bottom:unset;right:unset;margin-right:15px;align-self:center}}.paymentList{display:flex;flex-direction:column;list-style-type:none;padding:0}.singlePaymentItem{position:relative;display:flex;flex-direction:column;margin:15px 0;border-radius:10px;padding:15px 10px;border-bottom:1px solid #eee;cursor:pointer;position:relative;width:100%;box-shadow:0 3.5px 0 0 #fff inset,0 0 5px -1px #cfcfcf;border-radius:4px}@media print,screen and (min-width:768px){.singlePaymentItem{justify-content:space-between;align-items:center}}.singlePaymentItem .changeDeleteBar{display:none;bottom:-15px!important}.singlePaymentItem:hover>.changeDeleteBar{display:flex}.datumSelectWidth{width:100%}.searchbarNewInvoice,.searchbarSingleInvoice{display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;width:100%;margin-bottom:5px;padding:0;border:none}@media print,screen and (min-width:768px){.slideInScreenContent{height:100%}}.invoiceBlockTop{display:flex;flex-direction:column;justify-content:space-between;width:100%}@media print,screen and (min-width:768px){.invoiceBlockTop{flex-direction:row}}.searchForAContact,.workflowNewInvoice{display:flex;flex-direction:column;width:100%}@media print,screen and (min-width:768px){.searchForAContact,.workflowNewInvoice{width:48%}}.searchForAContact{margin-bottom:35px}@media print,screen and (min-width:768px){.searchForAContact{margin-bottom:0}}.contactInvc{width:100%;display:flex;flex-direction:column}.noMailSwtchInvc{display:flex;flex-direction:row-reverse;justify-content:flex-end;margin-top:15px}#paymentSingle{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:25px;background:#fff;border-radius:10px;background:0 0}.invoicePaymentHeader{display:flex;flex-direction:row;border-bottom:1px solid rgba(187,187,187,.7333333333);padding-bottom:5px;padding:0 10px}.paymentAmount,.paymentDate,.paymentKenmerk,.paymentMethod{flex:1 0 162px;margin-right:15px}.paymentAmount{flex:0 0 92px!important}.DUpdatePayment{display:flex;flex-direction:row;align-items:center;width:100%;margin-bottom:20px}.saveThisDiv.DUpdatePayment{margin-bottom:0!important}.fixedPaymentRow{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.iconRowInvoice{position:absolute;left:15px}@media only screen and (min-width:768px){.iconRowInvoice{position:relative;left:unset}}.expandThisRightNow{display:none}@media print,screen and (min-width:768px){.expandThisRightNow{display:flex}}.invoiceContent{position:relative;display:flex;flex-direction:column;margin-top:15px}@media only screen and (min-width:768px) and (min-width:768px){.invoiceContent{height:calc(100% - 20px);margin-top:0}}@media print{.invoiceContent{height:100%}}.thisIsANewInvoice .invoiceContent{margin-top:0}@media print,screen and (min-width:768px){.thisIsANewInvoice .invoiceContent{margin-top:10px}.thisIsANewInvoice .slideInScreenDblRowHdr{padding-bottom:10px}}@media only screen and (min-width:768px){.thisIsANewInvoice .invoiceContent{height:calc(100% - 10px)}}@media print{.thisIsANewInvoice .invoiceContent{height:100%}}.invoiceMobilePadding{padding-bottom:30px}@media only screen and (min-width:768px){.invoiceMobilePadding{padding-bottom:0}}.invoiceContactDisplay{display:flex;flex-direction:column;align-items:flex-start;margin-top:25px}@media only screen and (min-width:768px){.invoiceContactDisplay{margin-top:0}}.invoiceContactDisplay p{margin:3px 0;font-size:1.4rem;letter-spacing:.5px}.invoiceContactDisplay .invoiceContactDisplayAddress{margin-top:10px}.invoiceLists{position:relative;z-index:1;border-radius:0 0 10px 10px}@media print,screen and (min-width:768px){.invoiceLists{flex-direction:row;width:100%;padding-right:17px;border-radius:0}.invoiceLists .mobileWhiteBackgroundNoPddng{padding:0;padding-bottom:35px}.invoiceLists .mobileWhiteBackgroundNoPddng h2{padding:0 15px}}#notities,#paymentSingle,#verzenden,#verzendenSingle{display:none}#paymentSingle .invoiceTotalTable{margin-right:30px!important}.emailInnerblock{height:calc(100vh - 255px);margin-top:15px}.invcVatStyleMbl{border-top:1px solid #ddd;margin-top:15px;padding-top:20px;width:100%!important;flex-direction:row!important;justify-content:center!important}@media print,screen and (min-width:768px){.invcVatStyleMbl{box-shadow:0 3.5px 0 0 #fff inset,0 0 5px -1px #cfcfcf;border-radius:4px;padding:0 10px;border:none;margin-top:unset;padding-top:unset;width:-moz-fit-content!important;width:fit-content!important;margin-left:auto}}.invoiceListOptions{display:flex;flex-direction:row;width:100%;margin-bottom:20px}@media print,screen and (min-width:768px){.invoiceListOptions{margin-bottom:5px;flex-direction:row-reverse;align-items:center;justify-content:flex-end}}.invoiceListOptions .nptDscrptnTxtInvcSwtch{margin-bottom:0}.nptDscrptnTxtInvcSwtch{margin-left:10px;margin-bottom:0}.invoiceOptionsRow{display:flex;flex-direction:row-reverse;align-items:center;width:-moz-fit-content;width:fit-content;margin:0 0}@media print,screen and (min-width:768px){.invoiceOptionsRow{flex-direction:row;margin-left:auto}}.invoiceOptionsRow .nptDscrptnTxtInvcSwtch p{color:#bbb;font-weight:400}.InvoiceListOptionsBtns{display:flex;flex-direction:row;align-items:center;margin-bottom:0;background-color:#ccc;color:#000;justify-content:flex-end;width:calc(50% - 30px);margin-left:0;height:31px;padding:4px 4px}.InvoiceListOptionsBtns p{width:50%;padding:4px 12px;margin:0;color:#848484;text-align:center;text-transform:lowercase}.InvoiceListOptionsBtns p:hover,.selectedInvoiceOption{color:#2f87d0!important;background:#fff;cursor:pointer}.invoiceInnerBlock{background:#fff;height:-moz-fit-content;height:fit-content;margin-bottom:30px;border:1px solid #fff;padding:15px 0;border-top-right-radius:0}@media print,screen and (min-width:768px){.invoiceInnerBlock{padding:25px;margin-bottom:0}}@media only screen and (min-width:1024px){.invoiceInnerBlock{padding:30px}}@media print{.invoiceInnerBlock{height:auto}}#fixedInvoice{padding:20px;background:#fff}@media only screen and (min-width:768px){#fixedInvoice{border-radius:10px}}#fixedInvoice .block{padding:0;margin-bottom:0;border-bottom:1px solid #ccc;padding-bottom:20px;border-radius:0}#fixedInvoice .block .stickyTitle{padding-bottom:0}#fixedInvoice .block .stickyTitle .blockTitle,#fixedInvoice .block .stickyTitle .slideOptionsAddOn{margin-bottom:0}#fixedInvoice .block .stickyTitle .slideOptionsAddOn{height:28px;top:0}#fixedInvoice>.invoiceInnerBlock{padding-top:30px!important}.topRowInvoice{display:flex;flex-direction:row;justify-content:space-between;padding:0 10px;width:100%}@media print,screen and (min-width:768px){.topRowInvoice{padding:0;flex-direction:row!important}}@media print{.notForPrint{display:none}}body{height:-moz-fit-content;height:fit-content}.contactListAgenda{padding-left:0!important}.contactListAgenda{padding-left:20px!important;padding-top:0!important}.contactListAgenda{width:100%;position:relative;background-color:#fff;margin:0 auto;padding:6px}.companyInfoList{display:flex;flex-direction:column;align-items:flex-end}@media print,screen and (min-width:768px){.companyInfoList{width:50%}}.companyInvoiceLogo{width:120px;margin-top:0;margin-right:5px;display:none}@media print,screen and (min-width:768px){.companyInvoiceLogo{display:flex}}.actualCompanyInfo{display:none}@media print,screen and (min-width:768px){.actualCompanyInfo{display:block;text-align:right;margin-top:25px}}.actualCompanyInfo p{margin:2px 0;letter-spacing:.3px;font-weight:lighter;line-height:22px}.newInvoiceContent{position:relative;background-color:#fff;margin:0 auto;padding:0;padding-bottom:75px;padding-top:0;width:100%;height:100%}@media print,screen and (min-width:768px){.newInvoiceContent{padding:30px;height:-moz-fit-content;height:fit-content}}.invoiceDateEtc,.invoiceDateEtcDisplay{display:flex;flex-direction:column;margin:100px 0 0;width:100%;padding-bottom:0}.invoiceDateEtc .invcNmbr,.invoiceDateEtc input,.invoiceDateEtc label p,.invoiceDateEtcDisplay .invcNmbr,.invoiceDateEtcDisplay input,.invoiceDateEtcDisplay label p{font-size:1.2rem!important;font-weight:700;background:#fff!important}@media print,screen and (min-width:768px){.invoiceDateEtc,.invoiceDateEtcDisplay{flex-direction:column;justify-content:flex-start;width:48%;min-width:500px;padding-left:0}}.invoiceDateEtcDisplay{width:65%}.invcNmbrDate{display:flex;flex-direction:column;align-items:flex-start}@media print,screen and (min-width:768px){.invcNmbrDate{width:calc(49% - 10px)}}.invcNmbrDateDisabled{border:none!important}.invcNmbrDate.inputMstrDvNoBrdr{margin-bottom:10px!important}.invcNmbrDateLft{width:49%}@media print,screen and (min-width:768px){.invcNmbrDateLft{width:-moz-fit-content;width:fit-content}}.invoiceDateRow{display:flex;flex-direction:column;width:100%}@media print,screen and (min-width:768px){.invoiceDateRow{flex-direction:row;justify-content:space-between}}.createInvoiceDetails .gnrl-btn{margin-top:0!important;margin-bottom:25px}.changeMarginFixedInvoiceRow{margin-left:0!important}.invcNmbrDateRight{width:100%}.invcNmbr{width:100%;padding-left:8px;margin:15px 0}@media print,screen and (min-width:768px){.invcNmbr{margin:0;margin-top:15px}}.kenmerkInvoices{width:100%}.invoiceDetailsHeader{display:none}@media print,screen and (min-width:768px){.invoiceDetailsHeader{display:flex;flex-direction:row;justify-content:space-between;list-style-type:none;color:#000;padding:0;margin-bottom:10px;background:#fff;border-bottom:1px solid #000;font-weight:700;padding:0 5px;border-radius:10px 10px 0 0;padding-right:190px}}@media only screen and (min-width:1024px){.invoiceDetailsHeader{padding:0 15px;padding:0 0;padding-right:190px}}.invoiceDetailsHeader p{letter-spacing:1.1px;font-weight:700;font-size:1.1rem;text-transform:uppercase;color:#1d1d1f;color:#707070;margin:0;padding:10px 0;padding-top:12px}.invoiceDetailsHeader p .invoiceTotaal{margin:0}.thisIsNoDeleteBtn{width:40px;margin-right:15px}.fixedInvoiceBeschrijvingWidth,.fixedinvoiceBeschrijving,.invoiceBeschrijving,.invoiceBeschrijvingDisplay,.invoiceBeschrijvingWidth{width:100%}@media print,screen and (min-width:768px){.fixedInvoiceBeschrijvingWidth,.fixedinvoiceBeschrijving,.invoiceBeschrijving,.invoiceBeschrijvingDisplay,.invoiceBeschrijvingWidth{flex:1 0 42%}}@media only screen and (min-width:1024px){.fixedInvoiceBeschrijvingWidth,.fixedinvoiceBeschrijving,.invoiceBeschrijving,.invoiceBeschrijvingDisplay,.invoiceBeschrijvingWidth{flex:1 0 42%;min-width:140px}}.invoiceBeschrijvingWidthDuration{width:100%}@media print,screen and (min-width:768px){.invoiceBeschrijvingWidthDuration{width:27.5%;max-width:140px}}@media only screen and (min-width:1024px){.invoiceBeschrijvingWidthDuration{width:100%;max-width:unset}}.invoicePrijs{width:100%;text-align:left}@media print,screen and (min-width:768px){.invoicePrijs{width:13.5%;min-width:92px;margin:0;margin-left:1%;text-align:left}}.invoiceDuration{width:100%;min-width:60px;text-align:left}@media print,screen and (min-width:768px){.invoiceDuration{text-align:left;margin-left:1%;width:13.5%}}.fixedinvoiceBeschrijving,.invoiceBeschrijving,.invoiceBeschrijvingDisplay{margin-left:0}@media print,screen and (min-width:768px){.invoiceBeschrijvingWidth{margin-left:0}}.fixedinvoiceBeschrijvingWidth{margin-left:0;padding-left:5px;transition:all .2s ease-in}.specialBrdrVtInvc{padding-right:0!important}.DlistItemInvoice{padding-bottom:0!important}.DlistItemInvoice .changeThisInvoiceRow{bottom:-15px!important}.invoiceList{margin-top:0;padding:2px}.invoiceList li{list-style-type:none;position:relative;padding-bottom:0;margin-top:10px}@media print,screen and (min-width:768px){.invoiceList li{margin-top:0}}.invoiceList li:nth-child(0n+2){margin-top:0;padding-top:0}.invoiceList li .changeFactuurRegel{padding-top:15px!important;padding-bottom:65px!important;margin-top:25px}.invoiceList li:hover>.changeThisInvoiceRow{display:flex}@media print{.invoiceList li:hover>.changeThisInvoiceRow{display:none}}.changeThisInvoiceRow:hover~.fixedInvoiceRow,.fixedInvoiceRow:hover{border-bottom:1px solid #54bbf3;border-radius:0}.singleInvoiceItem{display:flex;flex-direction:column;margin:6px 0;margin-bottom:20px;padding:30px 10px;height:-moz-fit-content;height:fit-content;position:relative;padding-bottom:50px}.singleInvoiceItem:first-of-type{padding-top:0}@media print,screen and (min-width:768px){.singleInvoiceItem{flex-direction:row;flex-wrap:wrap;padding:20px 0;padding-right:5px;box-shadow:none}}.singleInvoiceItem:last-of-type{border-bottom:none}.invoiceItemsBubble{padding:20px 0}@media print,screen and (min-width:768px){.invoiceItemsBubble{display:flex;flex-direction:row;padding:10px 5px 10px 0}.invoiceItemsBubble:last-child .invoiceEndLine{border-bottom:none}}#changeExisitingInvoice{display:none}.subTotalPadding td{padding-top:15px}.finalAmountInvoice{margin-top:25px;border-top:1px solid #ddd;font-weight:700}.vatLastRow{padding-bottom:15px}.singleInvoiceHidden{display:none;flex-direction:column;justify-content:space-between}.invoiceRecipientDetails{height:25px!important}.invoiceLineOptions{display:flex;flex-direction:row}.medewerkerDateFlexRow{width:100%;display:flex;flex-direction:row;justify-content:space-between;margin-top:20px}.datumMedewerkerOptie{margin-bottom:6px;padding:0 8px;text-transform:none;letter-spacing:.5px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0;width:48%}.invoicePriceVatStyle{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;width:100%;margin-left:0;height:100%}@media print,screen and (min-width:768px){.invoicePriceVatStyle{position:absolute;right:10px;display:flex;flex-direction:row;width:-moz-fit-content;width:fit-content;min-width:142px;margin-left:5px;align-items:center;justify-content:space-between;height:-moz-fit-content;height:fit-content}}@media print,screen and (min-width:768px){.invoiceTotaal{width:calc(100% - 50px);margin:0;margin-left:1.5%;display:flex;flex-direction:column}}.InvoiceOptionsBTWColumn{display:flex;flex-direction:column;width:auto}.InvoiceOptionsBTWColumn .slctAfter{margin-right:10px}@media print,screen and (min-width:768px){.InvoiceOptionsBTWColumn{margin-right:0;text-align:right;max-width:45px;padding-right:0}}@media only screen and (min-width:1024px){.InvoiceOptionsBTWColumn{width:-moz-fit-content;width:fit-content}}.invoiceEndLine{border-bottom:1px solid #eee;margin-bottom:5px;padding-bottom:10px;display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content}@media print,screen and (min-width:768px){.invoiceEndLine{flex-direction:row;width:100%}.invoiceEndLine .nptDscrptnTxt{display:none}}.singlePeriodicInvoice{display:flex;flex-direction:row;justify-content:space-between;height:-moz-max-content;height:max-content;width:100%;max-width:1480px;border-bottom:1px solid #eee;position:relative;flex-wrap:wrap;background:#fff;padding:8px;margin:10px 0;border-radius:4px}.singlePeriodicInvoice p{margin:8px 0}@media only screen and (min-width:768px){.singlePeriodicInvoice{height:-moz-max-content;height:max-content;padding:0;align-items:center;margin-top:0;border-top:1px solid #fff;border-bottom:1px solid #fff;border:1px solid #fff;margin:10px 0;padding:0 20px}}.singlePeriodicInvoice:hover{border:1px solid #bbb}.activeStatus{background:purple;border:2px solid purple;color:#fff;border-radius:4px 0 0 4px}.activeStatusBrdr{background:#fff;border:2px solid purple;color:#1d1d1f;border-radius:0 4px 4px 0}.periodicRow{display:flex;flex-direction:column;font-weight:400}@media only screen and (min-width:1380px){.periodicRow{flex-direction:row;align-items:flex-start}}@media only screen and (min-width:1680px){.periodicRow{align-items:center}}.periodicUpperRow{display:flex;flex-direction:column;align-items:center;width:100%}@media only screen and (min-width:768px){.periodicUpperRow{flex-direction:row;align-items:flex-start}}@media only screen and (min-width:1380px){.periodicUpperRow{width:70%}}.periodicMobileRowOne,.periodicMobileRowTwo{width:100%;display:flex;flex-direction:row;justify-content:space-between}@media only screen and (min-width:768px){.periodicMobileRowOne,.periodicMobileRowTwo{flex-direction:column;width:30%}}@media only screen and (min-width:1024px){.periodicMobileRowOne{order:1}}@media only screen and (min-width:1380px){.periodicMobileRowOne{width:49%}}@media only screen and (min-width:1680px){.periodicMobileRowOne{flex-direction:row}}@media only screen and (min-width:1024px){.periodicMobileRowTwo{flex-direction:row;order:3}}@media only screen and (min-width:1380px){.periodicMobileRowTwo{width:49%}}.periodicClient{width:100%;font-weight:700}@media only screen and (min-width:768px){.periodicClient{width:100%}}.periodicInvcType{width:100%;text-align:right}@media only screen and (min-width:768px){.periodicInvcType{width:100%;text-align:left}}.periodicFrequency{width:49%}@media only screen and (min-width:768px){.periodicFrequency{width:100%}}.periodicHeader{display:none}.periodicKenmerk{width:100%;margin:18px 0!important}@media only screen and (min-width:768px){.periodicKenmerk{width:30%;margin:8px 0!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}@media only screen and (min-width:1024px){.periodicKenmerk{order:2}}.periodicAmount{width:49%;text-align:right}@media only screen and (min-width:768px){.periodicAmount{width:100%;text-align:left;min-width:65px}}.periodicStatus{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;margin:10px 0 18px 0!important}@media only screen and (min-width:1024px){.periodicStatus{justify-content:flex-end}}@media only screen and (min-width:1380px){.periodicStatus{width:250px;align-items:flex-start;margin-top:10px!important}}.periodicStatus p{padding:3px 20px;text-align:center;margin-left:0;display:flex;align-items:center;justify-content:center;font-weight:400;height:auto;width:-moz-fit-content;width:fit-content;text-transform:lowercase;border-radius:3px;letter-spacing:1px;white-space:nowrap;margin:0}.singleCreditInvoice,.singleInvoice{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;height:auto;width:100%;max-width:1480px;border-bottom:1px solid #eee;position:relative;background:#fff;padding:12px;margin:10px 0;border-radius:10px;margin-top:0;border-top:1px solid #fff;margin:10px 0}@media print,screen and (min-width:768px){.singleCreditInvoice,.singleInvoice{height:auto;padding:20px 10px;border:1px solid #fff}}@media only screen and (min-width:1024px){.singleCreditInvoice,.singleInvoice{height:auto;min-height:unset;flex-direction:row}}@media only screen and (min-width:1380px){.singleCreditInvoice,.singleInvoice{align-items:center}}.singleCreditInvoice:hover,.singleInvoice:hover{border:1px solid #bbb}.invoiceRow1{display:flex;flex-direction:row;align-items:flex-start;flex:75 1 500px;margin:5px 0;margin-top:0;max-width:100%}@media only screen and (min-width:1024px){.invoiceRow1{margin:0}}.checkboxsingleInvoice{width:5%}.invoiceMobileOne{display:flex;flex-direction:row;flex-wrap:wrap;flex:1 1 320px;max-width:calc(100% - 200px)}@media only screen and (min-width:1024px){.invoiceMobileOne{flex-direction:row}}.invoiceMobileTwo{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;flex:0 1 240px;padding:0 15px}.kenmerkInvoie{display:flex;flex:1 0 310px;overflow:hidden;align-items:center}.kenmerkInvoie p{margin:0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:1.4rem}.invoiceContact,.invoiceNumber{margin-bottom:4px}.invoiceContact{flex:0 0 200px}.invoiceNumber{flex:0 0 100px}.invoiceNumber{font-size:1.6rem}@media print,screen and (min-width:768px){.invoiceNumber{width:40%}}.amountTableInvoice,.invoiceSendDate{flex:1 1 95px}.amountTableInvoice p,.invoiceSendDate p{text-align:right}.invoiceRowMarkup p{font-weight:400;margin:2px 0;font-size:1.4rem;white-space:nowrap}@media only screen and (min-width:1380px){.invoiceRowMarkup{margin:0}}.checkboxsingleInvoice{display:none}.invoiceStatus{display:flex;flex-direction:row;align-items:center;flex:1 1 227px;position:relative}@media print,screen and (min-width:768px){.invoiceStatus{flex:1 1 150px}}.invoiceColumnFive{color:#fff;padding:6px 20px;text-align:center;margin-left:0;font-weight:400;height:100%;width:100%;text-transform:lowercase;border-radius:4px;letter-spacing:1px}@media print,screen and (min-width:768px){.invoiceColumnFive{font-size:1rem}}@media only screen and (min-width:1380px){.invoiceColumnFive{font-size:1.2rem}}.invoice_concept{border:1px solid #7d9bcc;letter-spacing:1px;color:#7d9bcc!important}@media print,screen and (min-width:768px){.invoice_concept{color:#fff!important;background:#7d9bcc}}.invoice_planned{border:1px solid #61a8e8;letter-spacing:1px;color:#61a8e8}@media print,screen and (min-width:768px){.invoice_planned{color:#fff;background:#61a8e8}}.invoice_open{border:1px solid #ffc270;letter-spacing:1px;color:#ffc270}@media print,screen and (min-width:768px){.invoice_open{color:#fff;background:#ffc270}}.invoice_cancelled,.invoice_late{border:1px solid #ff6d74;letter-spacing:1px;color:#ff6d74}@media print,screen and (min-width:768px){.invoice_cancelled,.invoice_late{color:#fff;background:#ff6d74}}.invoice_paid{border:1px solid #3ccc94;letter-spacing:1px;color:#3ccc94}@media print,screen and (min-width:768px){.invoice_paid{color:#fff;background:#3ccc94}}