@charset "UTF-8";.side-nav__content i{color:#f5f5f5}.side-nav__content>div{display:flex}.side-nav__content>div:first-child{flex-direction:column}.side-nav__content,.side-nav__content>div:last-child{justify-content:space-between}.side-nav__content{background-color:#004056;box-sizing:border-box;display:flex;flex-direction:column;height:100%;left:0;overflow-x:hidden;padding-top:20px;position:fixed;top:0;transition:width .5s;width:0;z-index:1}.side-nav__content a{color:#f5f5f5;display:block;font-size:20px;padding:6px 8px 6px 16px;text-decoration:none;white-space:nowrap}.side-nav__content a:hover{color:#74ceb7}.side-nav__content--show{width:12rem}.side-nav__button{align-items:center;color:#004056;display:flex;height:2rem;justify-content:space-between;margin:1rem}@media only screen and (min-width:720px){.side-nav__content>div{flex-direction:row!important}.side-nav__content{align-items:center;flex-direction:row;height:3rem;padding-top:0;width:100%}.side-nav__button{display:none}.side-nav .route--selected{color:#74ceb7}}.main{margin-left:0;padding:.2rem .8rem}@media only screen and (min-width:720px){.main{margin-top:3rem}}@media only screen and (min-width:720px) and (max-width:1000px){.main{padding:.2rem}}body{background-color:#fafafa;color:#444;font-family:Helvetica,Arial,sans-serif;font-size:9pt}body h1,body i{color:#004056}i{cursor:pointer}table{margin-bottom:1rem;width:100%}table th{text-align:left}.overview__header{display:flex;justify-content:space-between}.cursor--pointer{cursor:pointer}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.form__box{border:1px solid #d0cece;border-radius:3px;box-shadow:0 5px 15px rgba(0,0,0,.35);padding:1rem}.form__description{font-weight:700;padding:.5rem 0}.form__input{display:flex;flex-direction:column;gap:.2rem}.form__group{display:flex;gap:.5rem}.form__group--column{flex-direction:column;gap:1rem}.form__description{display:flex;gap:2rem}.form--flex{flex:1}@media only screen and (max-width:720px){.form__group{flex-direction:column}.form-client>div:first-child{height:30rem;overflow:auto}}.service-selector{display:flex;flex-direction:column}.service-selector>span{cursor:pointer;padding:.5rem}.service-selector>span:hover{background-color:#d3d3d3}.input{display:flex;flex-direction:column;gap:.2rem;margin:.5rem 0;width:100%}.input input{padding:.5rem}.input input[type=date]{padding:.43rem}.input textarea{font-family:inherit;padding:.5rem}.input__checkbox{flex-direction:row-reverse;justify-content:flex-end;margin:1rem 0}.input__checkbox label{align-self:center}.input__error{color:#d03232}.input{position:relative}.input:after{position:absolute;right:1rem;top:.6rem;transition:all .05s ease-in-out}.input:focus-within:after,.input:hover:after{right:2rem}.input__euro:after{content:"€"}.input--with-label:after{top:1.7rem}.input__password .button-eye{position:absolute;right:20px;top:1.7rem}.input__file span{cursor:pointer}.input__file input[type=file]{display:none}.button{background-color:#004056;border:none;border-radius:3px;color:#fff;cursor:pointer;margin:.5rem auto;padding:.5rem;text-decoration:none;width:-moz-fit-content;width:fit-content}button:disabled,button[disabled=disabled]{cursor:not-allowed;opacity:.4}.buttons{align-items:center;display:flex;gap:.5rem}.buttons__icons{gap:1rem}.text-editor{margin-bottom:2rem;width:60rem}.text-editor h1{font-size:32px}.text-editor>div{border:1px solid #a9a9a9;border-radius:3px;font-weight:700;height:25rem}.text-editor trix-editor{border:none;height:20rem;overflow-y:auto;padding:.8em .6em}.text-editor .trix-button{border:none;border-left:none!important}.text-editor b{font-weight:700}.text-editor__toolbar{border-bottom:1px solid #a9a9a9;display:flex;justify-content:space-between;padding:.5rem 0}.text-editor__toolbar-group{display:flex}.text-editor__toolbar-group>span:not(first-child){border-left:1px solid grey}.text-editor__toolbar-group>span{border-right:1px solid grey}.text-editor__toolbar-dropdown{color:rgba(0,0,0,.6);cursor:pointer;font-family:Helvetica Neue LT W01_41488878;font-size:15px;margin-left:.5rem;margin-right:1.6rem;padding:2px;position:relative}.text-editor__toolbar-dropdown h1,.text-editor__toolbar-dropdown h2,.text-editor__toolbar-dropdown h3{margin-bottom:0}.text-editor__toolbar-dropdown:after{border:solid #a9a9a9;border-width:0 2px 2px 0;content:"";display:inline-block;margin:3px 5px 0;padding:4px;position:absolute;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.text-editor__toolbar-dropdown>div{background-color:#fff;border:1px solid grey;display:flex;flex-direction:column;left:-.5rem;position:absolute;top:2.2rem}.text-editor__toolbar-dropdown>div>span{padding:.5rem}.text-editor__toolbar-dropdown>div>span:not(:last-child){border-bottom:1px solid grey}.text-editor__toolbar-dropdown>div>span:hover{background-color:grey}.text-editor--error>div{border-color:red}@media only screen and (max-width:720px){.text-editor{width:auto}}.dropdown select{padding:.5rem}.radio-button{display:flex;flex-direction:row;gap:1rem}.radio-button>div label{cursor:pointer}.radio-button>div{align-items:flex-end;display:flex;gap:.3rem}.checkbox{align-items:center;display:flex;gap:.3rem}.checkbox>label{cursor:pointer}.form-header{border:1px solid #d0cece;border-radius:3px;box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;justify-content:space-between;margin:1.5rem 0;padding:1rem}.form-main{display:flex;flex-direction:column;gap:1.5rem}.form-main__header{display:flex;gap:1rem}.form-main__header>div{flex:1}.form-main__header .form__group{gap:1rem}.form-main__header .form__group>div{flex:1}.form-main__header .form__group>div:last-child{margin-top:1rem}.form-main__content textarea{resize:none}.form-main__total{align-self:flex-end;display:flex;flex-direction:column;gap:1.5rem;justify-content:flex-end;width:20rem}.form-main__total>div{display:flex;flex-direction:column;gap:.5rem}.form-main__total>div>div{display:flex;justify-content:space-between}.form-main__total>div>div>div{font-weight:700}@media only screen and (max-width:720px){.form-header h1{font-size:1.2rem}.form-header h1 .status{font-size:.8rem}.form-header .buttons{flex-wrap:wrap}.form-header .buttons .button{margin:.2rem}.form-main__header{flex-direction:column}.form-main__header>div{display:flex;flex-direction:column;gap:1rem}.form-main__total{align-self:center;width:-webkit-fill-available}.form-main table th{display:none}.form-main table td{display:flex;padding:1rem 0!important}.form-main table td:before{content:attr(label);font-weight:700;min-width:100px;width:100px}.form-main table td:last-child{border-bottom:1px solid grey}.form-main .input{margin:0}}.data-table table{border-collapse:collapse;width:100%}.data-table table thead tr th{color:#004056;font-size:18px;font-weight:700;padding:1rem;text-align:left}.data-table table thead tr th:first-child{padding-left:0!important}.data-table table thead tr th .sortable{cursor:pointer;position:relative}.data-table table thead tr th .sortable:hover{opacity:.8}.data-table table thead tr th .sortable--asc:after{content:"‹";display:inline-block;position:absolute;right:0;transform:rotate(90deg)}.data-table table thead tr th .sortable--desc:after{content:"‹";display:inline-block;position:absolute;right:0;transform:rotate(-90deg)}.data-table table thead tr:not(:first-child){border-bottom:1px dotted #2c858d}.data-table table tbody tr td{padding:1rem}.data-table table tbody tr td:first-child{padding-left:0!important}.data-table table tbody tr{border-bottom:1px dotted #2c858d}.data-table table tbody tr:hover{background-color:rgba(0,64,86,.1);cursor:pointer}.data-table__pagination select{background-color:transparent;border:none;color:#004056;cursor:pointer;font-weight:700;padding:.5rem;width:3rem}.data-table__pagination{display:flex;justify-content:space-between}.data-table__pagination .pagination nav>div button{color:#004056}.data-table__pagination .pagination nav>div:first-child{display:flex;justify-content:space-between}.data-table__pagination .pagination nav>div:nth-child(2) div:first-child{display:none}.data-table__pagination .pagination nav>div:nth-child(2) div .relative{align-items:center;display:flex}.data-table__pagination .pagination nav>div:nth-child(2) div .relative>span{padding:.2rem .4rem}.data-table__pagination .pagination nav>div:nth-child(2) div .relative>span:not([wire\:key]){display:none}.data-table__pagination .pagination{align-items:center;display:flex;list-style-type:none}.data-table__pagination .pagination li{margin:0 .5rem}.data-table__pagination .pagination button{background-color:transparent;border:none;cursor:pointer;font-weight:700}.data-table__pagination .pagination button:hover{color:#2c858d;font-style:underline;opacity:.8}.data-table__pagination .pagination .page-item button{background-color:#fafafa;border:1px solid #004056;color:#2c858d;height:1.5rem;width:1.5rem}.data-table__pagination .pagination .page-item button:hover{background-color:#2c858d;color:#fafafa}.data-table__pagination .pagination .page-item.disabled{display:none}.data-table__pagination .pagination .page-item.active .page-link{background-color:#2c858d;color:#fafafa;padding:.3rem .5rem}.data-table__pagination .pagination .page-item .page-link{border:1px solid #2c858d;padding:.2rem .4rem}.data-table__no-data{padding:2rem 0}.data-table__no-data>span{cursor:pointer;font-weight:700}.data-table__cell-email a,.data-table__cell-phone a{color:#004056;font-weight:700;text-decoration:none}@media only screen and (max-width:720px){.data-table__head{display:none}.data-table__filters th{display:flex;padding:0!important;width:100%}.data-table__filters th .input,.data-table__filters th .input input{width:100%}.data-table table td{display:flex;padding:1rem 0!important}.data-table table td:before{content:attr(label);font-weight:700;min-width:120px;width:120px}}@media only screen and (min-width:720px) and (max-width:1000px){.data-table{font-size:8pt}.data-table thead tr th{font-size:16px!important;padding:1rem .2rem!important}.data-table thead tr th:first-child{padding-left:0!important}.data-table tbody tr td{padding:1rem .2rem!important}.data-table tbody tr td:first-child{padding-left:0!important}}.input-autocomplete .clear-icon{cursor:pointer;position:absolute;right:1rem;top:1.7rem;width:1rem}.input-autocomplete .search__wrapper>label{position:relative}.input-autocomplete .search-output{background-color:#fff;border:1px solid #f2f2f2;box-shadow:0 3px 10px 0 rgba(0,0,0,.11);margin-top:-18px;max-height:350px;overflow-y:auto;position:absolute;right:unset;top:unset;width:auto;z-index:15}.input-autocomplete .search-output b{font-family:bold}.input-autocomplete .search-output__result:focus{background-color:#d3d3d3;outline:none}.input-autocomplete .search-output__result span{border-top:1px solid #d3d3d3;cursor:pointer;display:block;padding:10px}.input-autocomplete .search-output__result span:hover{background-color:#d3d3d3}.input-autocomplete .search-output__result span span{color:red}.input-autocomplete .search-output__result span p{color:grey;font-size:.8em;margin:0}.input-autocomplete-multiple--error{border-color:red}.input-autocomplete-multiple .clear-icon{top:10px}.input-autocomplete-multiple{align-items:center;border:1px solid grey;border-radius:3px;display:flex;padding:.5rem;position:relative}.input-autocomplete-multiple label{border-top:0}.input-autocomplete-multiple .input input{border:none;margin-bottom:0;min-height:1.6rem;padding:0 .5rem}.input-autocomplete-multiple .input__error-message{position:absolute;top:2rem}.input-autocomplete-multiple__results{display:flex;flex-wrap:wrap;gap:.2rem;min-height:1.6rem}.input-autocomplete-multiple__results>span{background-color:#d3d3d3;border-radius:1rem;padding:.2rem 1rem}.input-autocomplete-multiple__results>span>span{cursor:pointer}.input-autocomplete-multiple .search-output{top:4rem}.deposit__header{align-items:center;display:flex;justify-content:space-between}.deposit__header h2{flex:1}.deposit__content{display:flex;gap:1rem}.deposit__content-label{align-items:center;display:flex;gap:.5rem;margin-bottom:1.5rem}.deposit__content>div{display:flex;flex:1;flex-direction:column}.deposit__content>div:first-child>div:first-child{display:flex;gap:.5rem}.deposit__content>div:first-child>div:first-child .input{flex:1}.deposit__content .input:after{top:1.6rem}@media only screen and (max-width:720px){.deposit__content>div{gap:1rem}.deposit__content>div:first-child>div:first-child{display:flex;flex-direction:column}}.quotation-form{display:flex;flex-direction:column;gap:2rem}.quotation-form>div{background-color:#fff;border:1px solid #d3d3d3;border-radius:3px;padding:1rem}.quotation-form__header{display:flex;gap:1rem}.quotation-form__header>div{flex:1}.quotation-form__content textarea{resize:none}.quotation-form__total{align-self:flex-end;display:flex;flex-direction:column;gap:.5rem;justify-content:flex-end;width:12rem}.quotation-form__total>div{display:flex;justify-content:space-between}.quotation-form__total>div>div{font-weight:700}.client{display:flex;gap:1.5rem}.client .address{width:16rem}.client>div{flex:1}.client__addresses>div,.client__contacts>div{display:flex}.client__addresses>div:first-child,.client__contacts>div:first-child{align-items:center;gap:.5rem}.client__addresses>div:last-child,.client__contacts>div:last-child{flex-wrap:wrap}.client__contacts>div:last-child{gap:1rem}@media only screen and (max-width:720px){.client{flex-direction:column}}.company-detail textarea{min-height:8rem;resize:vertical}@media only screen and (min-width:720px){.company-detail textarea{min-height:5rem}}.company-detail__logo{display:flex;flex-direction:column;gap:1.5rem}.company-detail__logo img{max-height:50px;max-width:50px}.login{align-items:center;background-color:#004056;display:flex;height:100%;justify-content:center;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%}.login h1{color:#2c858d}.login__content{align-items:center;color:#fff}.login__content,.login__content>div:last-child{display:flex;flex-direction:column}.modal{animation:show .8s;background:rgba(0,0,0,.5)!important;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:199}.modal--open,.modal[modal-open=true]{display:block}.modal[modal-closing]{animation:opac .8s}.modal__buttons{display:flex;gap:.5rem;justify-content:flex-end}.modal__content{cursor:auto;text-align:left}.modal__content-close{cursor:pointer;float:right;font-size:20px;padding:10px}.modal__content{background-color:#fff;border-radius:2px;left:0;margin:5% auto auto;max-width:80%;min-width:60%;padding:20px;position:fixed;right:0;width:-moz-fit-content;width:fit-content;z-index:1000}.modal__content .button:not(.left){float:right}.modal__content p{margin:20px auto}.modal__content header{border:none!important;margin:auto!important;padding:unset!important}@media only screen and (max-width:720px){.modal__content{max-height:85%;width:80%}}.address__title{align-items:baseline;display:flex;gap:.5rem}.address__content{display:flex;flex-direction:column;gap:.5rem}.status{background-color:#0a730a;border-radius:3px;color:#fff;padding:.5rem}.status--orange{background-color:#d08b09}.status--red{background-color:#b10f0f}@media only screen and (min-width:720px) and (max-width:1000px){.status{padding:.2rem;text-overflow:ellipsis;white-space:nowrap}}.popup{animation:show .8s;background:rgba(0,0,0,.5);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:199}.popup[popup-open=true]{display:block}.popup[popup-closing]{animation:opac .8s}.popup__buttons{display:flex;gap:.5rem;justify-content:flex-end}.popup__content{cursor:auto;text-align:left}.popup__content-close{cursor:pointer;float:right;font-size:20px}.popup__content{background-color:#fff;border-radius:2px;left:0;margin:5% auto auto;max-width:40%;min-width:15rem;padding:20px;position:fixed;right:0;width:-moz-fit-content;width:fit-content;z-index:1000}.popup__content .button:not(.left){float:right}.popup__content p{margin:20px auto}.popup__content header{border:none!important;margin:auto!important;padding:unset!important}@keyframes show{0%{opacity:0}to{opacity:1}}@keyframes opac{0%{opacity:1}to{opacity:0}}@media only screen and (max-width:720px){.popup__content{top:25%}}.icon-button{position:relative}.icon-button a{color:#444;text-decoration:none}.icon-button[disabled] i{opacity:.5}.icon-button[disabled] i:hover{cursor:not-allowed}.icon-button__tooltip{background-color:#004056;border:1px solid transparent;border-radius:3px;color:#fff;display:none;left:50%;max-width:15rem;padding:.3rem;position:absolute;top:2.5rem;transform:translateX(-50%);width:-moz-max-content;width:max-content;z-index:10}.icon-button__tooltip--right{left:1.5rem;top:50%;transform:translateY(-50%)}.icon-button__tooltip--left{left:-100%;top:50%;transform:translate(-100%,-50%)}.icon-button:not([disabled]):hover i{opacity:.8}.icon-button:not([disabled]):hover .icon-button__tooltip{display:block}@media only screen and (max-width:720px){.icon-button{position:static}.icon-button__tooltip{bottom:1rem;left:50%;top:auto;transform:translateX(-50%)}}.contact{border:1px solid #d0cece;border-radius:3px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;position:relative;width:16rem}.contact>div{align-items:center;display:flex;gap:1rem}.contact a{color:#444;display:flex;font-weight:700;gap:1rem;text-decoration:none}.contact__check{padding-top:1rem}.contact__check>div{align-items:center;display:flex;gap:.3rem}.contact__check i{color:#004056}.contact__buttons{bottom:1.5rem;display:flex;position:absolute;right:1.5rem}.toast{align-items:center;background-color:#004056;border-radius:3px;color:#fff;display:none;gap:2rem;justify-content:space-between;max-width:20rem;padding:.5rem .5rem .5rem 1rem;position:fixed;right:1rem;top:5rem;visibility:hidden;width:20rem;z-index:100}.toast a{color:#fff;font-weight:700;text-decoration:none}.toast .title{font-size:20px;font-weight:700}.toast--show{display:flex}.toast--transition{visibility:visible}.toast--error{background-color:#d03232}.toast--warning{background-color:#d08c32}.toast--info{background-color:#004056}.toast__content{display:flex;flex-direction:column;gap:.3rem}.toast__close{cursor:pointer}@keyframes fadein{0%{opacity:0;right:0}to{opacity:1;right:1rem}}@keyframes fadeout{0%{opacity:1;right:1rem}to{opacity:0;right:0}}@media only screen and (max-width:720px){.toast{left:0;margin:auto;right:0;top:2rem}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}}.dashboard-panel{border:1px solid #d0cece;border-radius:3px;box-shadow:0 5px 15px rgba(0,0,0,.35);height:-moz-fit-content;height:fit-content;padding:1rem;width:50%}@media only screen and (max-width:720px){.dashboard-panel{width:auto}}.dashboard-panels{display:flex;gap:2rem}@media only screen and (max-width:720px){.dashboard-panels{flex-direction:column}}.dashboard__invoicing{color:#444;display:flex;flex-direction:column;gap:2rem}.dashboard__invoicing a{color:#444;text-decoration:none}.dashboard__invoicing a:hover{opacity:.8}.dashboard__invoicing ul{list-style-type:none}.dashboard__invoicing ul li{padding:.2rem}.dashboard__invoicing div>span{display:flex;gap:.5rem}.setting{margin-top:1rem}.setting__content{gap:1rem}.setting__content,.setting__content .form__box{display:flex;flex-direction:column}.setting__content .form__box>span:last-child{align-self:flex-end;margin-top:1rem}@media only screen and (min-width:720px){.setting__content{flex-direction:row;flex-wrap:wrap}.setting__content .form:first-child{width:45%}.setting__content .form{width:25%}}.about{padding:2rem}