/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */label{cursor:inherit}*{margin:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:500}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:Inter,sans-serif;font-size:100%;font-weight:400;line-height:1.15;margin:0}button,input{overflow:visible}button,select{cursor:pointer;text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset,legend{padding:0}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */body,html{background-color:#f9fafb;margin:0}@media(max-width:599px){body,html{font-size:13px}}@media(min-width:600px){body,html{font-size:14px}}@media(min-width:900px){body,html{font-size:15px}}@media(min-width:1200px){body,html{font-size:15px}}@media(min-width:1800px){body,html{font-size:17px}}body,body *,html,html *{box-sizing:border-box;font-family:Inter,sans-serif!important}body{overflow-x:hidden}.main-content{display:grid;grid-template-rows:fit-content(100%) 1fr;height:100%}.main-content .page-content{display:grid;grid-template-columns:auto 1fr;height:100%}@media(max-width:750px){.main-content .page-content{overflow-y:auto}}.main-content .page{display:grid;grid-template-rows:1fr;padding:2rem 1.5rem 1.5rem}.main-content .page .page-title{font-size:1.5rem}@media(max-width:750px){.main-content .page{padding:0}}.crm-select{max-height:20rem}.fw-select .content-container{width:100%!important}@media(max-width:750px){.main-content .page-content{grid-template-columns:1fr}.no-mob{display:none!important}}@media(min-width:751px){.only-mob{display:none!important}}.app-loader-label{background-color:transparent!important;color:#434b50!important;font-size:1.2rem!important}.red-text{color:red}.default-popup{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);color:#2a435f;max-width:90dvw}.default-popup .body-container,.default-popup .footer-container,.default-popup .header-container{padding:1rem}.default-popup .header-container{border-bottom:1px solid #e4e4e4}.default-popup .header-container .header-title{user-select:none}.default-popup .body-container{position:relative}.default-popup .footer-container.btn{display:flex;justify-content:flex-end}.default-popup .footer-container.btn-2{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem;justify-content:end}.default-popup.force-padding .body-container,.default-popup.force-padding .footer-container,.default-popup.force-padding .header-container{padding:1rem!important}.default-popup.btn .footer-container{display:flex;justify-content:flex-end}.default-popup.btn-2 .footer-container{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem;justify-content:end}.default-table-row{align-items:center;display:grid;grid-column-gap:.5rem;border-bottom:1px solid #e4e4e4;padding:.75rem .5rem}.default-table-row label{max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.default-table-row.head label{color:#9a9a9a;font-size:.9rem}.default-table-row.empty{grid-template-columns:auto;justify-items:center}.default-table-row.empty .empty-label{font-size:.9rem}.grid-col-2{grid-column-start:span 2}.grid-col-3{grid-column-start:span 3}.click{cursor:pointer}.side-bar-item-full .item-label{user-select:none}.dvrd-select-container .content-container{width:unset!important}.switchContainer{padding:unset!important}.dvrd-input-container{background-color:transparent!important}.hide-long{max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.app-mobile-menu .mobile-navigation-container{background-color:#d6ecfa!important}.default-page{align-content:start;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);color:#2a435f;min-height:80vh}.default-page .page-header-container{border-bottom:1px solid #ccc;padding:1rem 2rem}.default-page .page-header-container .header-title{font-weight:400}@media(max-width:750px){.default-page{border-radius:0;box-shadow:none}.default-page .header-container{padding:.5rem 1rem}} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.issue-report-info{align-items:center;backdrop-filter:blur(2px);background-color:rgba(0,0,0,.7);display:flex;height:100dvh;justify-content:center;left:0;position:fixed;top:0;width:100dvw;z-index:1400}.issue-report-info .message-container{background-color:#fff;border-radius:.5rem;display:grid;padding:1rem;width:min(100dvw,40rem);grid-row-gap:1rem;color:#2a435f;justify-items:center;position:relative} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.report-issue{width:100dvw}.report-issue .body-container{display:grid;grid-row-gap:1.5rem}.report-issue .body-container .issue-body{display:grid;grid-row-gap:1rem}.report-issue .body-container .consent-body{display:grid;grid-row-gap:.5rem;border-bottom:1px solid #ccc;justify-items:start;padding-bottom:1rem}.report-issue .body-container .consent-body .consent-row{display:grid;grid-template-columns:repeat(4,fit-content(100%));grid-column-gap:1rem;align-items:end}.report-issue .body-container .consent-body .consent-row .current-consent{margin-bottom:.75rem} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.application-header{align-items:center;background-color:#f9fafb;display:flex;height:5rem;justify-content:space-between;left:0;padding:1rem 2rem 1rem 1rem;position:fixed;top:0;width:100%;z-index:200}@media(max-width:750px){.application-header{border-bottom:1px solid #f2f2f2;padding-left:5rem}}.application-header .header-content{align-items:center;display:flex}.application-header .header-content .env{color:red;font-size:1.2rem;font-weight:600;margin-right:1rem}.application-header .header-content .logo-container{margin-right:1.5rem}.application-header .header-content .page-title{color:#2a435f;font-size:1.5rem;font-weight:500}.application-header .header-content .user-container{display:grid;grid-template-columns:repeat(3,auto);grid-column-gap:.5rem;align-items:center;color:#2a435f}.application-header .header-content .user-container .user-icon{color:#009fe3;font-size:2rem}.application-header .header-content .user-container .sign-out-btn{color:#ccc;cursor:pointer;font-size:.9rem;transition:color .2s ease-in-out} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.app-logo,.application-header .header-content .user-container .sign-out-btn:hover{color:#009fe3}.app-logo{background-color:rgba(0,159,227,.2);border-radius:.5rem;border-radius:3rem;box-shadow:0 4px 4px rgba(0,0,0,.05);display:grid;grid-template-columns:auto;justify-items:center;padding:.5rem 1rem}.app-logo .logo-link{border-bottom:1px solid;font-size:.8rem;padding:0 .2rem}.app-logo .app-label{font-size:1.5rem}.app-logo.click{cursor:pointer} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */@media(max-width:750px){.crumbs{display:none}}.crumbs .arr,.crumbs .crumb{color:#2a435f;display:inline-block;font-size:1.5rem;font-weight:500}.crumbs .crumb{border-bottom:1px solid transparent;transition:border-bottom-color .2s ease-in-out}.crumbs .crumb.active{cursor:pointer}.crumbs .crumb.active:hover{border-bottom-color:currentColor} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.intro{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);color:#2a435f;display:flex;flex-direction:column;max-width:100vw;width:40rem}.intro .header-container,.intro .step-container{padding:1.5rem}.intro .header-container{align-items:unset;display:grid!important;grid-template-columns:1fr;justify-content:unset;grid-row-gap:1rem;border-bottom:1px solid #e4e4e4;position:relative}.intro .header-container .close-button{position:absolute;right:1.5rem;top:1.5rem}.intro .header-container .header-title{font-weight:400;justify-self:center}.intro .header-container .stepper{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:1rem}.intro .header-container .stepper .step{display:grid;grid-template-columns:auto;grid-row-gap:.5rem;align-items:center}.intro .header-container .stepper .step .bar{background-color:#ccc;border-radius:.25rem;height:.25rem;width:100%}.intro .header-container .stepper .step .step-label{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:.5rem;align-items:center}.intro .header-container .stepper .step .step-label .icon{color:#009fe3;font-size:.9rem}.intro .header-container .stepper .step.blue .bar{background-color:#009fe3}.intro .header-container .stepper .step.green .bar{background-color:#32cd32}.intro .header-container .stepper .step.green .icon{color:#32cd32}.intro .step-container{align-self:center;display:flex;justify-content:center;width:80%}.intro .step-container .intro-step{display:grid;grid-template-columns:auto;justify-items:center;grid-row-gap:1rem}.intro .step-container .intro-step .actions{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem} /*! * Copyright (c) 2024. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.export-invoices .body-container{display:grid;grid-row-gap:.75rem}.export-invoices .body-container .period-container{display:grid;grid-template-columns:repeat(2,10rem);grid-column-gap:1rem} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.pdf-preview-container{height:100vh;position:relative;width:min(100vw - 3rem,794px)}.pdf-preview-container .close-container{align-items:center;background-color:#fff;display:flex;height:2rem;justify-content:center;position:absolute;right:0;top:0;transform:translateX(100%);width:2rem}.pdf-preview-container .close-container .close-preview{font-size:1.1rem;width:.8rem}.pdf-preview-container .close-container.left{left:0;right:unset;transform:translateX(-100%)}.pdf-preview-container .pdf-object{display:block;height:100%;width:100%} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.relation-product-data{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);color:#2a435f;max-width:90vw;width:45rem}.relation-product-data .body-container,.relation-product-data .footer-container,.relation-product-data .header-container{padding:1rem}.relation-product-data .header-container{border-bottom:1px solid #f2f2f2}.relation-product-data .body-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem 2rem;position:relative}.relation-product-data .footer-container{display:flex;justify-content:space-between} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.admin-users{display:grid;grid-template-rows:fit-content(100%) 1fr fit-content(100%);grid-row-gap:1rem;padding:1rem}.admin-users .search-container{display:flex;justify-content:space-between}.admin-users .search-container .page-title{font-size:1.5rem}.admin-users .search-container .actions{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem;align-items:end}.admin-users .search-container .actions .search-field{width:20rem}.admin-users .users-container .user-row{grid-template-columns:5rem 8rem 15rem 15rem 1fr 5rem 10rem}.admin-users .users-container .user-row:not(.head){cursor:pointer;transition:background-color .2s ease-in-out}.admin-users .users-container .user-row:not(.head):hover{background-color:rgba(0,159,227,.2)}.admin-users .selected-user{display:grid;grid-template-rows:fit-content(100%) 1fr;grid-row-gap:1rem}.admin-users .selected-user .user-info-container{display:grid;grid-template-columns:1fr fit-content(100%);grid-column-gap:1rem;align-items:start}.admin-users .selected-user .user-info-container .user-info{border-bottom:1px solid #ccc;display:grid;grid-template-columns:repeat(2,1fr);padding-bottom:1rem;grid-gap:.5rem 1rem}.admin-users .selected-user .user-info-container .user-info .user-field{display:grid;grid-template-columns:10rem 1fr;grid-column-gap:1rem}.admin-users .selected-user .user-info-container .user-info .user-field .label{font-weight:500}.admin-users .selected-user .companies-container .companies-title{font-size:1.2rem;margin-bottom:1rem}.admin-users .selected-user .companies-container .company-row{grid-template-columns:5rem repeat(4,1fr)}.admin-users .pagination-container{display:grid;grid-template-columns:repeat(2,fit-content(100%));justify-content:end;grid-column-gap:1rem;align-items:center} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.common-pagination{display:grid;grid-template-columns:1fr fit-content(100%);width:100%;grid-column-gap:1rem;align-items:center;padding:.75rem .5rem}.common-pagination .pagers{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem}.common-pagination .pagers .pager{cursor:pointer}.common-pagination .pagers .pager.disabled{color:#ccc;cursor:default} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.login{align-items:center;background-color:#fff;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.login .form{max-width:100vw;width:35rem}.login .form .body-container,.login .form .footer-container,.login .form .header-container{padding:1.5rem}.login .form .header-container{display:grid;grid-template-columns:auto;justify-items:center;grid-row-gap:1rem}.login .form .header-container .header-title{color:#2a435f;font-size:1.7rem;font-weight:500}.login .form .header-container .login-link{color:#2a435f}.login .form .body-container{display:grid;grid-template-columns:auto;position:relative;grid-row-gap:1.5rem;padding-bottom:0}.login .form .footer-container{display:flex;justify-content:center} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.auth-header{align-items:center;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;left:0;padding:.5rem 1rem;position:fixed;top:0;width:100%}.auth-header .sign-out{color:#009fe3;cursor:pointer;justify-self:end;transition:color .2s ease-in-out}.auth-header .sign-out:hover{color:#007bb0} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.register{align-items:center;background-color:#fff;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.register .form{max-width:100vw;width:35rem}.register .form .body-container,.register .form .footer-container,.register .form .header-container{padding:1.5rem}.register .form .header-container{display:grid;grid-template-columns:auto;justify-items:center;grid-row-gap:1rem}.register .form .header-container .header-title{color:#2a435f;font-size:1.7rem;font-weight:500}.register .form .header-container .login-link{color:#2a435f}.register .form .body-container{display:grid;grid-template-columns:auto;position:relative;grid-row-gap:1.5rem;padding-bottom:0}.register .form .footer-container{display:flex;justify-content:center} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.catalogs{align-content:start;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);color:#2a435f;display:grid;grid-template-columns:auto;grid-template-rows:auto 1fr;min-height:80vh;grid-row-gap:2rem;padding:2rem}.catalogs .page-header-container{border-bottom:1px solid #ccc;padding:1rem 2rem}.catalogs .page-header-container .header-title{font-weight:400}@media(max-width:750px){.catalogs{border-radius:0;box-shadow:none}.catalogs .header-container{padding:.5rem 1rem}}.catalogs .options-container{align-items:flex-start;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;padding-bottom:1rem}.catalogs .catalogs-container{display:grid;grid-template-columns:repeat(4,15rem);position:relative;grid-gap:2rem;align-content:start}.catalogs .catalogs-container .no-catalogs{display:grid;grid-template-columns:auto;grid-row-gap:2rem;align-content:center;justify-items:center}.catalogs .catalogs-container .no-catalogs .empty-icon{font-size:7rem}.catalogs .catalogs-container .catalog{border-radius:.5rem;box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);cursor:pointer;display:grid;grid-template-columns:auto;height:15rem;width:15rem;grid-row-gap:1rem;align-content:center;background-color:#fff;justify-items:center;padding:1rem;position:relative;text-align:center;transition:background-color .2s ease-in-out}.catalogs .catalogs-container .catalog .edit-icon{color:#2a435f;cursor:pointer;opacity:0;position:absolute;right:.5rem;top:.5rem;transition:visibility .2s ease-in-out,opacity .2s ease-in-out,color .2s ease-in-out;visibility:hidden}.catalogs .catalogs-container .catalog .edit-icon:hover{color:#009fe3}.catalogs .catalogs-container .catalog .catalog-icon{font-size:2rem}.catalogs .catalogs-container .catalog .catalog-img{max-height:5rem;max-width:5rem;object-fit:scale-down}.catalogs .catalogs-container .catalog .catalog-title{font-size:1.1rem;font-weight:600}.catalogs .catalogs-container .catalog:hover{background-color:rgba(0,159,227,.15)}.catalogs .catalogs-container .catalog:hover .edit-icon{opacity:1;visibility:visible}.catalogs.empty .catalogs-container{align-items:center;display:flex;justify-content:center} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.create-supplier{width:30rem}.create-supplier .body-container{display:grid;grid-template-columns:auto;grid-row-gap:.5rem}.create-supplier .body-container .row{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:1rem} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.create-catalog{width:20rem}.create-catalog .body-container{display:grid;grid-template-columns:auto;grid-row-gap:1rem} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.catalog-product-selection{width:min(90dvw,80rem)}.catalog-product-selection .body-container{display:grid;grid-template-columns:auto;grid-row-gap:1rem}.catalog-product-selection .body-container .products-container{display:grid;grid-template-columns:auto;grid-template-rows:auto 1fr auto;min-height:20rem;padding:.5rem;position:relative}.catalog-product-selection .body-container .products-container .overlay{background-color:hsla(0,0%,80%,.5);display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.catalog-product-selection .body-container .products-container .products-header{align-items:flex-end;border-bottom:1px solid #ccc;column-gap:1rem;display:flex;padding-bottom:.5rem;z-index:2}.catalog-product-selection .body-container .products-container .products-header .selected-label{flex-grow:1}.catalog-product-selection .body-container .products-container .products-header .search-field{width:25rem}.catalog-product-selection .body-container .products-container .rows{height:60vh;margin-bottom:1rem;overflow-y:auto}.catalog-product-selection .body-container .products-container .rows .empty-label{display:block;padding:.75rem .5rem}.catalog-product-selection .body-container .products-container .rows .row{grid-template-columns:1rem 3rem 8rem 1fr 8rem;grid-column-gap:1rem;cursor:pointer;transition:background-color .2s ease-in-out}.catalog-product-selection .body-container .products-container .rows .row .product-img{max-height:3rem;max-width:3rem;object-fit:scale-down}.catalog-product-selection .body-container .products-container .rows .row:hover{background-color:rgba(0,159,227,.1)}.catalog-product-selection .body-container .products-container .rows .row.head{background-color:#fff!important;cursor:default;height:unset;position:sticky;top:0;z-index:1}.catalog-product-selection .body-container .products-container .products-pagination{display:grid;grid-template-columns:repeat(3,fit-content(100%));grid-column-gap:1rem;align-items:center;justify-content:end}.catalog-product-selection .body-container .products-container .products-pagination .pager{cursor:pointer;transition:color .2s ease-in-out}.catalog-product-selection .body-container .products-container .products-pagination .pager:hover{color:#009fe3}.catalog-product-selection .body-container .products-container .products-pagination .pager.disabled{color:#ccc!important;cursor:default}.catalog-product-selection .body-container .products-container.disabled .overlay{display:block} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.image-preview{position:relative}.image-preview .close-button{font-size:1.5rem!important;position:absolute;right:1rem;top:1rem}.image-preview .image{max-height:100vh;max-width:100vw;object-fit:scale-down} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.calculations{width:60rem}.calculations .body-container{min-height:min(70vh,25rem)}.calculations .body-container .tabs-container{display:grid;grid-template-columns:repeat(2,1fr)}.calculations .body-container .tabs-container .tab{background-color:#e7f5fc;border-radius:.25rem;color:#009fe3;cursor:pointer;font-size:.9rem;padding:.5rem 0;text-align:center;transition:background-color .2s ease-in-out,color .2s ease-in-out}.calculations .body-container .tabs-container .tab.active{background-color:#009fe3!important;color:#fff;font-weight:600}.calculations .body-container .tabs-container .tab:hover{background-color:rgba(0,159,227,.2)}.calculations .body-container .active-calculation-container{display:grid;grid-template-columns:auto;grid-row-gap:1rem;padding:1rem}.calculations .body-container .active-calculation-container .head-row{align-items:flex-end;display:flex;justify-content:space-between}.calculations .body-container .active-calculation-container .head-row .left{display:grid;grid-template-columns:20rem fit-content(100%);grid-column-gap:1rem}.calculations .body-container .active-calculation-container .head-row .left .title-field{width:20rem}.calculations .body-container .active-calculation-container .head-row .saved{color:#29a71a}.calculations .body-container .active-calculation-container .calculation-items{max-height:60vh;overflow-y:auto}.calculations .body-container .active-calculation-container .calculation-items .row{grid-template-columns:1fr 5rem 10rem 10rem 10rem;grid-column-gap:0}.calculations .body-container .active-calculation-container .calculation-items .row .amount{display:grid;grid-template-columns:1fr repeat(2,fit-content(100%));grid-column-gap:.5rem;align-items:center;padding-right:1rem}.calculations .body-container .active-calculation-container .calculation-items .row .amount .amount-control{color:#009fe3;transition:color .2s ease-in-out}.calculations .body-container .active-calculation-container .calculation-items .row .amount .amount-control:hover{color:#007bb0}.calculations .body-container .active-calculation-container .calculation-items .row:not(.head){border:none;padding:.5rem}.calculations .body-container .active-calculation-container .calculation-items .row .bt{border-top:2px solid #2a435f;padding-top:.75rem}.calculations .body-container .active-calculation-container .calculation-items .row.total{color:#9a9a9a}.calculations .body-container .active-calculation-container .calculation-items .row.bold{font-weight:500}.calculations .body-container .calculations-table{min-height:20rem;position:relative}.calculations .body-container .calculations-table .row{grid-template-columns:4rem 12rem 1fr 10rem 8rem 1rem}.calculations .body-container .calculations-table .row:not(.head){cursor:pointer;transition:background-color .2s ease-in-out}.calculations .body-container .calculations-table .row:not(.head):hover{background-color:#e7f5fc}.calculations .body-container .calculations-table .row .delete-calc{transition:color .2s ease-in-out}.calculations .body-container .calculations-table .row .delete-calc:hover{color:red}.calculations .body-container .calculations-table .empty-label{display:block;padding:.75rem .5rem} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.catalog-product-data{width:40rem}.catalog-product-data .body-container,.catalog-product-data .row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem 1rem}.catalog-product-data .footer-container{display:flex;justify-content:space-between}.catalog-product-data .footer-container .default-actions{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.rexel-import{width:52.5rem}.rexel-import .body-container{padding:0}.rexel-import .body-container .upload-container{border-bottom:1px solid #e4e4e4;display:grid;grid-template-columns:repeat(2,fit-content(100%));justify-content:space-between;padding:.5rem 1rem}.rexel-import .body-container .upload-container .file-container{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem;align-items:center;cursor:pointer;transition:background-color .2s ease-in-out}.rexel-import .body-container .upload-container .file-container .icon{font-size:1.2rem}.rexel-import .body-container .upload-container .file-container .icon.empty{color:#009fe3}.rexel-import .body-container .upload-container .file-container .icon.file{color:green}.rexel-import .body-container .processes-container{min-height:15rem}.rexel-import .body-container .processes-container .description{display:block;font-size:1.2rem;padding:.75rem .5rem}.rexel-import .body-container .processes-container .row{grid-template-columns:10rem 10rem 8rem 5rem 5.5rem 10.5rem;justify-items:center}.rexel-import .body-container .processes-container .row .start{justify-self:start} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.catalog-details{display:grid;grid-template-columns:auto;grid-template-rows:fit-content(100%) 1fr fit-content(100%);grid-row-gap:2rem;color:#2a435f}.catalog-details .back-btn{justify-self:start}.catalog-details .header-container,.catalog-details .not-found-container,.catalog-details .pagination,.catalog-details .product,.catalog-details .products-container{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);padding:1.5rem}.catalog-details .header-container{align-items:end;column-gap:1rem;display:flex}.catalog-details .header-container .search-field{width:25rem}.catalog-details .header-container .active-calculation-label{flex-grow:1;font-size:1.5rem;text-align:center}.catalog-details .not-found-container{position:relative}.catalog-details .not-found-container .products-not-found{display:grid;grid-template-columns:auto;padding:2rem;grid-row-gap:1rem;color:#2a435f;justify-items:center}.catalog-details .not-found-container .products-not-found .not-found-image{margin-bottom:1rem;max-height:20rem;max-width:30%;object-fit:scale-down}.catalog-details .not-found-container .products-not-found .image-label{font-size:1.4rem;font-weight:600}.catalog-details .not-found-container .products-not-found .image-sub-label{max-width:min(50%,40rem);text-align:center}.catalog-details .products-container{position:relative}.catalog-details .products-container .row{cursor:pointer;grid-template-columns:3rem 8rem 1fr 6rem 7rem 3rem 1rem;transition:background-color .2s ease-in-out;grid-column-gap:1rem}.catalog-details .products-container .row .product-img{max-height:3rem;max-width:3rem;object-fit:scale-down}.catalog-details .products-container .row .calculation-controls{display:grid;grid-template-columns:1rem 4rem 1rem;grid-column-gap:.5rem;align-items:center}.catalog-details .products-container .row .calculation-controls .calc-control{color:#009fe3;transition:color .2s ease-in-out}.catalog-details .products-container .row .calculation-controls .calc-control:hover{color:#007bb0}.catalog-details .products-container .row .calculation-controls .amount-field .content-container .dvrd-input{padding:.5rem;text-align:center}.catalog-details .products-container .row .product-link{cursor:pointer;transition:color .2s ease-in-out}.catalog-details .products-container .row .product-link:hover{color:#009fe3}.catalog-details .products-container .row .product-link.no-link{color:#ccc!important;cursor:default}.catalog-details .products-container .row .anchor{color:#2a435f}.catalog-details .products-container .row.calc{grid-template-columns:3rem 8rem 1fr 6rem 7rem 3rem 1rem 7rem}.catalog-details .products-container .row.head{background-color:#fff!important}.catalog-details .products-container .row:hover{background-color:rgba(0,159,227,.1)}.catalog-details .pagination{align-items:flex-end;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);display:flex;justify-content:space-between;padding-top:1rem}.catalog-details .pagination .right{display:grid;grid-template-columns:repeat(3,fit-content(100%));grid-column-gap:1rem;align-items:center}.catalog-details .pagination .right .pager{cursor:pointer;transition:color .2s ease-in-out}.catalog-details .pagination .right .pager.disabled{color:#9a9a9a;pointer-events:none}.catalog-details .pagination .right .pager:hover{color:#009fe3} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.create-company{align-items:center;background-color:#fff;display:flex;height:fit-content;justify-content:center;left:0;min-height:100vh;padding-top:5rem;position:fixed;top:0;width:100%;z-index:1400}.create-company .content{overflow-y:auto}.create-company .content .step-head{display:grid;grid-template-columns:auto;grid-row-gap:.5rem;justify-items:center;margin-bottom:1.5rem;text-align:center}.create-company .content .step-head .progress-container{display:grid;grid-template-columns:repeat(3,10rem);grid-column-gap:.5rem}.create-company .content .step-head .progress-container .progress{background-color:#e4e4e4;border-radius:2rem;height:.25rem;width:10rem}.create-company .content .step-head .progress-container .progress.finished{background-color:#32cd32}.create-company .content .step-footer{display:grid;grid-template-columns:auto;justify-content:center;justify-items:center;margin-top:1.5rem}.create-company .content .step-footer .next,.create-company .content .step-footer .prev{width:8rem}.create-company .content .step-footer.double{grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:2rem}.create-company .content .step{color:#2a435f;max-width:100vw;width:35rem}.create-company .content .step.welcome{display:grid;grid-template-columns:auto;justify-items:center;grid-row-gap:1rem}.create-company .content .step.welcome .building-icon{color:#009fe3;font-size:8rem}.create-company .content .step.welcome .title{font-weight:500;margin:2rem 0 1rem}.create-company .content .step.welcome .message{text-align:center}.create-company .content .step.common{padding:0 1rem;width:60rem}.create-company .content .step.common .form{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem}.create-company .content .step.numbers{align-items:center;display:flex;flex-direction:column}.create-company .content .step.numbers .form{display:grid;grid-template-columns:auto;grid-row-gap:1.5rem}.create-company .content .step.numbers .form .entity-number .entity-label{border-bottom:1px solid;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.create-company .content .step.numbers .form .entity-number .row{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:2rem}.create-company .content .step.invoice{align-items:center;display:flex;flex-direction:column;max-height:calc(100vh - 5rem);overflow-y:auto;padding:1rem 0;width:100vw}.create-company .content .step.invoice .form{display:grid;grid-template-columns:auto;grid-row-gap:1rem;justify-items:center}.create-company .content .step.invoice .upload-container{background-color:#f8f8f8;border:2px dashed #9a9a9a;border-radius:10px;cursor:pointer;max-height:100vh;max-width:100vw;padding:2rem;transition:background-color .1s ease-in-out;width:30rem}.create-company .content .step.invoice .upload-container .logo-container{display:grid;grid-template-columns:auto;grid-row-gap:.5rem;justify-items:center}.create-company .content .step.invoice .upload-container .logo-container.empty .file-icon{color:#009fe3;font-size:4rem}.create-company .content .step.invoice .upload-container .logo-container.empty .drop-message{color:#2a435f;font-size:.9rem}.create-company .content .step.invoice .upload-container .logo-container .logo{max-width:26rem;object-fit:scale-down}.create-company .content .step.invoice .upload-container .logo-container .support{color:#9a9a9a;font-size:.8rem;margin-top:.5rem}.create-company .content .step.invoice .upload-container.dragging{background-color:rgba(0,159,227,.1)}.create-company .content .step.finished{display:grid;grid-template-columns:auto;grid-row-gap:2rem;justify-items:center}.create-company .content .step.finished .check-icon{color:#32cd32;font-size:8rem}.create-company .content .step.finished h1,.create-company .content .step.finished p{text-align:center} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.country-select .itemLabel,.country-select .valueLabel{color:#2a435f!important} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.entity-number-preview{align-items:center;color:#2a435f;display:flex;font-size:.9rem;margin-top:1rem}.entity-number-preview .editors{border-radius:.5rem;box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);display:flex;flex-direction:column;margin-left:.5rem}.entity-number-preview .editors .editor{align-items:center;background-color:#f2f2f2;cursor:pointer;display:flex;font-size:.8rem;height:.8rem;justify-content:center;transition:background-color .2s ease-in-out;user-select:none;width:.8rem}.entity-number-preview .editors .editor:first-child{border-bottom:1px solid #ccc}.entity-number-preview .editors .editor.disabled{color:#ccc}.entity-number-preview .editors .editor:hover{background-color:#e4e4e4}.entity-number-preview .editors .editor.disabled{background-color:#f2f2f2;cursor:not-allowed} /*! * Copyright (c) 2024. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.dashboard{color:#2a435f;display:grid;grid-template-columns:auto;position:relative;grid-row-gap:2.5rem}.dashboard .financial-data,.dashboard .financial-graph-container,.dashboard .period-container{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);padding:.5rem}.dashboard .period-container{display:grid;grid-template-columns:10rem fit-content(100%) 10rem repeat(2,fit-content(100%));grid-column-gap:1rem;align-items:end;justify-content:center}.dashboard .period-container .period-divider{margin-bottom:.75rem}.dashboard .financial-data,.dashboard .financial-graph-container{position:relative}.dashboard .financial-data .group{margin-bottom:1rem}.dashboard .financial-data .group .internal-group{overflow:hidden;padding:0 1rem;transition:height .2s ease-in-out}.dashboard .financial-data .group .internal-group .group-header{justify-content:space-between}.dashboard .financial-data .group .internal-group .group-header .group-label{font-size:1rem}.dashboard .financial-data .group .internal-group .group-header .caret{transition:transform .2s ease-in-out}.dashboard .financial-data .group .internal-group.open .group-header .caret{transform:rotateX(180deg)}.dashboard .financial-data .group .group-header{align-items:center;border-bottom:1px solid #ccc;display:flex;height:3rem;padding:.5rem 0}.dashboard .financial-data .group .group-header .group-label{font-size:1.2rem;font-weight:500}.dashboard .financial-data .group .financial-items .financial-item{display:grid;grid-template-columns:15rem 1fr;grid-column-gap:1rem;align-items:center;height:3rem;padding:.75rem .5rem}.dashboard .financial-data .group .financial-items .financial-item:nth-child(2n){background-color:rgba(0,159,227,.1)} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.error-page{align-content:center;align-items:center;color:#2a435f;display:flex;height:100dvh;justify-content:center}.error-page .inner-container{display:grid;justify-items:center;grid-row-gap:1rem;background-color:#fff;border-radius:1rem;padding:3rem}.error-page .inner-container .message{text-align:center}.error-page .inner-container .feedback-field{width:min(100dvw - 6rem,40rem)} /*! * Copyright (c) 2024. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.invoice-data{align-content:start;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);color:#2a435f;min-height:80vh;position:relative}.invoice-data .page-header-container{border-bottom:1px solid #ccc;padding:1rem 2rem}.invoice-data .page-header-container .header-title{font-weight:400}@media(max-width:750px){.invoice-data{border-radius:0;box-shadow:none}.invoice-data .header-container{padding:.5rem 1rem}}.invoice-data .header-container{padding:2rem}.invoice-data .invoice-form{display:grid;grid-template-columns:repeat(2,1fr);padding:2rem;grid-gap:1rem 3rem;align-items:start}.invoice-data .invoice-form .paid-picker{grid-row-start:span 2;opacity:0;transition:visibility .1s ease-in-out,opacity .1s ease-in-out;visibility:hidden}.invoice-data .invoice-form .paid-picker.visible{opacity:1;visibility:visible}.invoice-data .invoice-form .payment-type{font-weight:600}.invoice-data .invoice-form .comment-field{grid-column-start:span 2}@media(max-width:750px){.invoice-data .invoice-form{grid-template-columns:1fr;padding:1rem}.invoice-data .invoice-form .comment-field,.invoice-data .invoice-form .grid-col-2,.invoice-data .invoice-form .paid-picker{grid-column-start:unset}}.invoice-data .block{padding:0 2rem 2rem}.invoice-data .block .block-header{align-items:flex-end;border-bottom:1px solid #e4e4e4;display:flex;justify-content:space-between;padding-bottom:.5rem}.invoice-data .block .block-header .block-title{font-weight:400}.invoice-data .block .block-header.vert{align-items:flex-start;flex-direction:column}.invoice-data .block .block-header.mob-no-border{border-bottom:none}.invoice-data .block.attachments .attachments-container{padding:1rem 1rem 1rem 0}.invoice-data .block.attachments .attachments-container .title-row{display:flex}.invoice-data .block.attachments .attachments-container .title-row .attachments-label{font-size:1.1rem;font-weight:600;text-decoration:underline}.invoice-data .block.attachments .attachments-container .title-row .btn-attachments{margin-left:1rem}.invoice-data .block.attachments .attachments-container .empty-label{display:block;font-size:.9rem;padding:.5rem 0}.invoice-data .block.attachments .attachments-container .attachment{display:grid;grid-template-columns:1.5rem 30rem 5rem 2.5rem;grid-column-gap:1rem;align-items:center;padding:.5rem 0}.invoice-data .block.attachments .attachments-container .attachment .file-icon{font-size:1.5rem}.invoice-data .block.attachments .attachments-container .attachment .file-actions{display:grid;grid-template-columns:repeat(2,1rem);grid-column-gap:1rem}.invoice-data .block.attachments .attachments-container .attachment .file-actions .action{cursor:pointer;transition:color .2s ease-in-out}.invoice-data .block.attachments .attachments-container .attachment .file-actions .action:hover.delete{color:red}.invoice-data .block.attachments .attachments-container .attachment .file-actions .action:hover.download{color:#009fe3}@media(max-width:750px){.invoice-data .block{padding:0 1rem 1rem}}.invoice-data .invoice-relation-products .desc{display:inline-block;font-size:.9rem;margin:.5rem 0}.invoice-data .invoice-relation-products .row{align-items:center;display:grid;grid-template-columns:3rem 6rem 5rem 1fr 5rem 5rem 6rem;grid-column-gap:.5rem;border-bottom:1px solid #e4e4e4;padding:.75rem .5rem}.invoice-data .invoice-relation-products .row label{max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.invoice-data .invoice-relation-products .row.head label{color:#9a9a9a;font-size:.9rem}.invoice-data .invoice-relation-products .row.empty{grid-template-columns:3rem auto}.invoice-data .invoice-relation-products .row.empty .empty-label{font-size:.9rem;grid-column-start:2}.invoice-data .invoice-relation-products .row:last-child{border-bottom:none}.invoice-data .mobile-relation-products{display:grid;grid-row-gap:.5rem}.invoice-data .mobile-relation-products .mobile-relation-product{border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);display:grid;grid-template-columns:fit-content(100%) 1fr 1fr;grid-gap:.5rem 1rem;align-items:center;background-color:#fff;padding:1rem;transition:background-color .2s ease-in-out}.invoice-data .mobile-relation-products .mobile-relation-product .item-amount{color:#009fe3;font-size:1.2rem;font-weight:500;grid-row-start:span 2}.invoice-data .mobile-relation-products .mobile-relation-product.selected{background-color:rgba(0,159,227,.2)}.invoice-data .mobile-relation-products .empty-label{display:block;padding:.5rem}.invoice-data .items-container .catalog-button{margin-top:1rem}.invoice-data .items-container .items{display:grid;grid-template-columns:auto;grid-row-gap:1rem;margin-top:1rem}.invoice-data .items-container .items .invoice-item{display:grid;grid-template-columns:1fr 1fr 7rem 7rem 10rem auto 1rem;grid-column-gap:1rem}.invoice-data .items-container .items .invoice-item .product-select{align-self:start}.invoice-data .items-container .items .invoice-item .incl-vat-select{align-self:end;margin-bottom:.75rem}.invoice-data .items-container .items .invoice-item .remove-item{align-self:end;color:red;cursor:pointer;font-size:.9rem;margin-bottom:.9rem;transition:color .2s ease-in-out}.invoice-data .items-container .items .invoice-item .remove-item:hover{color:#c00}.invoice-data .items-container .items .add-item{color:#009fe3;display:inline-grid;grid-template-columns:repeat(2,fit-content(100%));padding:.5rem;transition:color .2s ease-in-out;grid-column-gap:.5rem;cursor:pointer;justify-self:start}.invoice-data .items-container .items .add-item:hover{color:#007bb0}.invoice-data .mobile-items-container{display:grid}.invoice-data .mobile-items-container .items-title{display:block;font-size:1.5rem;padding:1rem}.invoice-data .mobile-items-container .items-title.border{border-bottom:1px solid #e4e4e4;padding-bottom:.5rem}.invoice-data .mobile-items-container .mobile-invoice-item{border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);display:grid;grid-template-columns:2rem 1fr 5rem 1rem;grid-column-gap:1rem;align-items:center;padding:1rem}.invoice-data .mobile-items-container .mobile-invoice-item .item-amount{color:#009fe3;font-size:1.2rem;font-weight:500}.invoice-data .mobile-items-container .mobile-invoice-item .trash{color:red}.invoice-data .mobile-items-container .btn-add-mobile-item{justify-self:center;margin:1rem 0}.invoice-data .footer-container{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:2rem;justify-content:end;padding:0 2rem 2rem} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.mobile-add-fin-item{width:90dvw}.mobile-add-fin-item .body-container{display:grid;grid-row-gap:.5rem}.mobile-add-fin-item .body-container .row{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:1rem} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.recipient-select{width:30rem}.recipient-select .header-container{padding:1rem!important}.recipient-select .body-container{display:grid;grid-template-columns:auto;position:relative;grid-row-gap:1rem}.recipient-select .body-container .emails{display:grid;grid-template-columns:auto;grid-gap:.5rem}.recipient-select .body-container .error{color:red} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.invoice-details{align-content:start;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);color:#2a435f;display:grid;grid-template-columns:auto;min-height:80vh}.invoice-details .page-header-container{border-bottom:1px solid #ccc;padding:1rem 2rem}.invoice-details .page-header-container .header-title{font-weight:400}@media(max-width:750px){.invoice-details{border-radius:0;box-shadow:none}.invoice-details .header-container{padding:.5rem 1rem}}.invoice-details .actions-container,.invoice-details .attachments-container,.invoice-details .data-container,.invoice-details .history-container,.invoice-details .items-container{padding:2rem}@media(max-width:750px){.invoice-details .actions-container,.invoice-details .attachments-container,.invoice-details .data-container,.invoice-details .history-container,.invoice-details .items-container{padding:1rem}}.invoice-details .actions-container{align-items:center;display:flex;justify-content:space-between}.invoice-details .actions-container .invoice-actions{position:relative}.invoice-details .actions-container .invoice-actions .actions{background-color:#fff;border-radius:.25rem;bottom:0;box-shadow:none;opacity:0;position:absolute;right:0;transform:translateY(100%);transition:visibility .2s ease-in-out,opacity .2s ease-in-out,box-shadow .2s ease-in-out;visibility:hidden;z-index:1}.invoice-details .actions-container .invoice-actions .actions .action{background-color:#fff;border-bottom:1px solid #f2f2f2;color:#2a435f;cursor:pointer;display:grid;grid-template-columns:repeat(2,auto);padding:.75rem .5rem;transition:background-color .2s ease-in-out;grid-column-gap:.5rem;align-items:center}.invoice-details .actions-container .invoice-actions .actions .action label{white-space:nowrap}.invoice-details .actions-container .invoice-actions .actions .action:hover{background-color:rgba(0,159,227,.3)}.invoice-details .actions-container .invoice-actions .actions .action:first-child{border-radius:.25rem .25rem 0 0}.invoice-details .actions-container .invoice-actions .actions .action:last-child{border-bottom:none;border-radius:0 0 .25rem .25rem}.invoice-details .actions-container .invoice-actions:hover .actions{border-radius:.5rem;box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);opacity:1;visibility:visible}.invoice-details .actions-container .invoice-actions.disabled .actions{box-shadow:none!important;opacity:0;visibility:hidden!important}.invoice-details .data-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem 5rem;border-bottom:1px solid #f2f2f2;position:relative}.invoice-details .data-container .field{display:grid;grid-template-columns:10rem auto;grid-column-gap:1rem}.invoice-details .data-container .field .label{color:#9a9a9a}.invoice-details .data-container .field.totals{margin-top:1rem}@media(max-width:750px){.invoice-details .data-container .field.grid-col-2{grid-column-start:1!important}}.invoice-details .items-container{border-bottom:1px solid #f2f2f2;position:relative}.invoice-details .items-container .row{border-bottom:1px solid #f2f2f2;display:grid;grid-template-columns:1fr repeat(2,8rem) 10rem 11rem;padding:.75rem .5rem}.invoice-details .items-container .row .bt{border-top:1px solid;padding-top:.5rem}.invoice-details .items-container .row.lp{padding-bottom:.25rem}.invoice-details .items-container .row.head label{color:#9a9a9a;font-size:.9rem}.invoice-details .items-container .row.last{border-bottom-width:2px}.invoice-details .items-container .row.grey{border-bottom:none}.invoice-details .items-container .row.grey label{color:#9a9a9a}.invoice-details .items-container .row.bold{font-weight:600}.invoice-details .items-container .row:last-child{border-bottom:none}.invoice-details .mobile-items-container .items-title{display:block;font-size:1.5rem;padding:1rem}.invoice-details .mobile-items-container .mobile-invoice-item{border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);display:grid;grid-template-columns:2rem 1fr fit-content(8rem);grid-column-gap:1rem;align-items:center;padding:1rem}.invoice-details .mobile-items-container .mobile-invoice-item .amount-container{align-items:center;border:1px solid #009fe3;border-radius:50%;display:flex;height:30px;justify-content:center;width:30px}.invoice-details .mobile-items-container .mobile-invoice-item .amount-container .item-amount{color:#009fe3;font-size:14px;font-weight:500;height:14px;text-align:center}.invoice-details .attachments-container{display:grid;grid-template-columns:auto;grid-row-gap:.5rem;border-bottom:1px solid #f2f2f2;position:relative}.invoice-details .attachments-container .part-header{align-items:center;display:flex;justify-content:space-between}.invoice-details .attachments-container .part-header .part-title{font-weight:400;margin-bottom:.5rem}.invoice-details .attachments-container .attachments{max-height:20rem;overflow-y:auto}.invoice-details .attachments-container .attachments .row{display:grid;grid-template-columns:1.5rem 30rem 5rem 2.5rem;grid-column-gap:1rem;align-items:center;border-bottom:none;padding:.5rem 0}.invoice-details .attachments-container .attachments .row .file-icon{font-size:1.5rem}.invoice-details .attachments-container .attachments .row .file-actions{display:grid;grid-template-columns:repeat(2,1rem);grid-column-gap:1rem}.invoice-details .attachments-container .attachments .row .file-actions .action{cursor:pointer;transition:color .2s ease-in-out}.invoice-details .attachments-container .attachments .row .file-actions .action:hover.delete{color:red}.invoice-details .attachments-container .attachments .row .file-actions .action:hover.download{color:#009fe3}.invoice-details .history-container{display:grid;grid-template-columns:auto;grid-row-gap:.5rem}.invoice-details .history-container .history-title{font-weight:400;margin-bottom:.5rem}.invoice-details .history-container .history{display:grid;grid-template-columns:1rem auto;grid-column-gap:1rem;align-items:center}.invoice-details .history-container .history .icon{text-align:center}.invoice-details .history-container .connector{background-color:#2a435f;height:1.5rem;margin-left:.5rem;width:1px}.invoice-details .history-container .history-toggle{border-bottom:1px solid transparent;color:#009fe3;cursor:pointer;justify-self:start;margin-top:1rem;transition:color .2s ease-in-out,border-bottom-color .2s ease-in-out}.invoice-details .history-container .history-toggle:hover{border-color:currentColor;color:#007bb0}@media(max-width:750px){.invoice-details .data-container{grid-template-columns:1fr}} /*! * Copyright (c) 2024. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.invoices{align-content:start;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);color:#2a435f;display:grid;grid-template-columns:auto;grid-template-rows:auto 1fr;min-height:80vh;grid-row-gap:2rem;padding:2rem}.invoices .page-header-container{border-bottom:1px solid #ccc;padding:1rem 2rem}.invoices .page-header-container .header-title{font-weight:400}@media(max-width:750px){.invoices{border-radius:0;box-shadow:none}.invoices .header-container{padding:.5rem 1rem}}.invoices .search-container{align-items:flex-start;display:flex;justify-content:space-between}.invoices .search-container .left{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem;align-items:end}.invoices .search-container .left .search-field{max-width:70vw;width:25rem}.invoices .search-container .left .open-check{margin-bottom:.75rem}.invoices .search-container .right{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem;align-items:end}@media(max-width:750px){.invoices .search-container{align-items:center;flex-direction:column;padding:1rem 1rem 0}.invoices .search-container .left{grid-template-columns:1fr;margin-bottom:1rem;grid-row-gap:1rem;align-self:stretch;justify-items:center}.invoices .search-container .left .search-field{max-width:100%;width:100%}}.invoices .invoices-container{position:relative}.invoices .invoices-container .empty-label{display:block;padding:.75rem .5rem}.invoices .invoices-container .invoice-row{align-items:center;border-bottom:1px solid #e4e4e4;cursor:pointer;display:grid;grid-template-columns:8rem 8rem 1fr 8rem 5.3rem 1rem;padding:.75rem .5rem;transition:background-color .2s ease-in-out;grid-column-gap:1rem;position:relative}.invoices .invoices-container .invoice-row:hover{background-color:rgba(0,159,227,.2)}.invoices .invoices-container .invoice-row.head{background-color:#fff;cursor:default}.invoices .invoices-container .invoice-row.head label{color:#9a9a9a;font-size:.9rem}.invoices .invoices-container .invoice-row.sticky{position:sticky;z-index:1}.invoices .invoices-container .invoice-row .status-container{display:grid;grid-column-gap:.25rem}.invoices .invoices-container .invoice-row .status-container .status-block{align-items:center;border-radius:.25rem;color:#fff;display:flex;height:1.2rem;justify-content:center;width:1.2rem}.invoices .invoices-container .invoice-row .status-container .status-block.orange{background-color:#f39320}.invoices .invoices-container .invoice-row .status-container .status-block.green{background-color:#29a71a}.invoices .invoices-container .invoice-row .status-container .status-block.blue{background-color:#009fe3}.invoices .invoices-container .invoice-row .status-container .status-block.yellow{background-color:#daa520}.invoices .invoices-container .invoice-row .status-container .status-block .icon{font-size:.7rem}.invoices .invoices-container .invoice-row .invoice-options{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);opacity:0;overflow:hidden;position:absolute;right:.5rem;top:.5rem;transition:visibility .2s ease-in-out,opacity .2s ease-in-out;visibility:hidden;z-index:1}.invoices .invoices-container .invoice-row .invoice-options .menu-option{align-items:center;column-gap:.5rem;cursor:pointer;display:flex;padding:.75rem;transition:background-color .2s ease-in-out}.invoices .invoices-container .invoice-row .invoice-options .menu-option:hover{background-color:rgba(0,159,227,.2)}.invoices .invoices-container .invoice-row .invoice-options.open{opacity:1;visibility:visible}.invoices .invoices-container .invoice-row .invoice-options.top{top:0;transform:translateY(calc(-100% + .75rem))}@media(max-width:750px){.invoices .invoices-container .invoice-row{grid-template-columns:6rem 1fr 6rem 1rem}}.invoices .mobile-invoices-list{position:relative}.invoices .mobile-invoices-list .invoice-row{align-items:center;display:grid;grid-template-columns:1fr 6rem fit-content(100%);padding:.5rem .75rem .5rem .5rem;position:relative;grid-column-gap:.5rem;border-bottom:1px solid #e4e4e4;transition:background-color .2s ease-in-out}.invoices .mobile-invoices-list .invoice-row:first-child{border-top:1px solid #e4e4e4}.invoices .mobile-invoices-list .invoice-row .details-container{display:grid;grid-row-gap:.5rem}.invoices .mobile-invoices-list .invoice-row .details-container .row{align-items:center;column-gap:1rem;display:flex}.invoices .mobile-invoices-list .invoice-row .details-container .row .invoice-date{flex-grow:1}.invoices .mobile-invoices-list .invoice-row .details-container .row .status-container{column-gap:.25rem;display:flex}.invoices .mobile-invoices-list .invoice-row .details-container .row .status-container .status-block{align-items:center;border-radius:.25rem;color:#fff;display:flex;height:1rem;justify-content:center;width:1rem}.invoices .mobile-invoices-list .invoice-row .details-container .row .status-container .status-block.orange{background-color:#f39320}.invoices .mobile-invoices-list .invoice-row .details-container .row .status-container .status-block.green{background-color:#29a71a}.invoices .mobile-invoices-list .invoice-row .details-container .row .status-container .status-block.blue{background-color:#009fe3}.invoices .mobile-invoices-list .invoice-row .details-container .row .status-container .status-block.yellow{background-color:#daa520}.invoices .mobile-invoices-list .invoice-row .details-container .row .status-container .status-block .icon{font-size:.6rem}.invoices .mobile-invoices-list .invoice-row .amount-container{padding-left:.5rem}.invoices .mobile-invoices-list .invoice-row .invoice-options{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);opacity:0;overflow:hidden;position:absolute;right:.5rem;top:.5rem;transition:visibility .2s ease-in-out,opacity .2s ease-in-out;visibility:hidden;z-index:1}.invoices .mobile-invoices-list .invoice-row .invoice-options .menu-option{align-items:center;column-gap:.5rem;cursor:pointer;display:flex;padding:.75rem;transition:background-color .2s ease-in-out}.invoices .mobile-invoices-list .invoice-row .invoice-options .menu-option:hover{background-color:rgba(0,159,227,.2)}.invoices .mobile-invoices-list .invoice-row .invoice-options.open{opacity:1;visibility:visible}.invoices .mobile-invoices-list .invoice-row .invoice-options.top{top:0;transform:translateY(calc(-100% + .75rem))}.invoices .mobile-invoices-list .invoice-row:hover{background-color:rgba(0,159,227,.2)}@media(max-width:750px){.invoices{padding:0}}.confirm-finalize{display:grid;grid-template-columns:auto;grid-row-gap:1rem} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.offer-data{align-content:start;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);color:#2a435f;min-height:80vh;position:relative}.offer-data .page-header-container{border-bottom:1px solid #ccc;padding:1rem 2rem}.offer-data .page-header-container .header-title{font-weight:400}@media(max-width:750px){.offer-data{border-radius:0;box-shadow:none}.offer-data .header-container{padding:.5rem 1rem}}.offer-data .invoice-form{display:grid;grid-template-columns:repeat(2,1fr);padding:2rem;grid-gap:1rem 3rem;align-items:start}.offer-data .invoice-form .paid-picker{grid-row-start:span 2;opacity:0;transition:visibility .1s ease-in-out,opacity .1s ease-in-out;visibility:hidden}.offer-data .invoice-form .paid-picker.visible{opacity:1;visibility:visible}.offer-data .invoice-form .payment-type{font-weight:600}.offer-data .invoice-form .comment-field{grid-column-start:span 2}.offer-data .block{padding:0 2rem 2rem}.offer-data .block .block-header{align-items:flex-end;border-bottom:1px solid #e4e4e4;display:flex;justify-content:space-between;padding-bottom:.5rem}.offer-data .block .block-header .block-title{font-weight:400}.offer-data .block .block-header.vert{align-items:flex-start;flex-direction:column}.offer-data .block.attachments .attachments-container{padding:1rem 1rem 1rem 0}.offer-data .block.attachments .attachments-container .title-row{display:flex}.offer-data .block.attachments .attachments-container .title-row .attachments-label{font-size:1.1rem;font-weight:600;text-decoration:underline}.offer-data .block.attachments .attachments-container .title-row .btn-attachments{margin-left:1rem}.offer-data .block.attachments .attachments-container .empty-label{display:block;font-size:.9rem;padding:.5rem 0}.offer-data .block.attachments .attachments-container .attachment{display:grid;grid-template-columns:1.5rem 30rem 5rem 2.5rem;grid-column-gap:1rem;align-items:center;padding:.5rem 0}.offer-data .block.attachments .attachments-container .attachment .file-icon{font-size:1.5rem}.offer-data .block.attachments .attachments-container .attachment .file-actions{display:grid;grid-template-columns:repeat(2,1rem);grid-column-gap:1rem}.offer-data .block.attachments .attachments-container .attachment .file-actions .action{cursor:pointer;transition:color .2s ease-in-out}.offer-data .block.attachments .attachments-container .attachment .file-actions .action:hover.delete{color:red}.offer-data .block.attachments .attachments-container .attachment .file-actions .action:hover.download{color:#009fe3}.offer-data .invoice-relation-products .desc{display:inline-block;font-size:.9rem;margin:.5rem 0}.offer-data .invoice-relation-products .row{align-items:center;display:grid;grid-template-columns:3rem 6rem 5rem 1fr 5rem 5rem 6rem;grid-column-gap:.5rem;border-bottom:1px solid #e4e4e4;padding:.75rem .5rem}.offer-data .invoice-relation-products .row label{max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.offer-data .invoice-relation-products .row.head label{color:#9a9a9a;font-size:.9rem}.offer-data .invoice-relation-products .row.empty{grid-template-columns:3rem auto}.offer-data .invoice-relation-products .row.empty .empty-label{font-size:.9rem;grid-column-start:2}.offer-data .invoice-relation-products .row:last-child{border-bottom:none}.offer-data .items-container .catalog-button{margin-top:1rem}.offer-data .items-container .items{display:grid;grid-template-columns:auto;grid-row-gap:1rem;margin-top:1rem}.offer-data .items-container .items .invoice-item{display:grid;grid-template-columns:1fr 1fr 7rem 7rem 8rem auto 1rem;grid-column-gap:1rem}.offer-data .items-container .items .invoice-item .product-select{align-self:start}.offer-data .items-container .items .invoice-item .remove-item{align-self:center;color:red;cursor:pointer;font-size:.9rem;transition:color .2s ease-in-out}.offer-data .items-container .items .invoice-item .remove-item:hover{color:#c00}.offer-data .items-container .items .add-item{color:#009fe3;display:inline-grid;grid-template-columns:repeat(2,fit-content(100%));padding:.5rem;transition:color .2s ease-in-out;grid-column-gap:.5rem;cursor:pointer;justify-self:start}.offer-data .items-container .items .add-item:hover{color:#007bb0}.offer-data .footer-container{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:2rem;justify-content:end;padding:0 2rem 2rem} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.offers-page{align-content:start;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);color:#2a435f;display:grid;grid-template-columns:auto;grid-template-rows:auto 1fr auto;min-height:80vh;grid-row-gap:2rem;padding:2rem}.offers-page .page-header-container{border-bottom:1px solid #ccc;padding:1rem 2rem}.offers-page .page-header-container .header-title{font-weight:400}@media(max-width:750px){.offers-page{border-radius:0;box-shadow:none}.offers-page .header-container{padding:.5rem 1rem}}.offers-page .search-container{align-items:flex-start;display:flex;justify-content:space-between}.offers-page .search-container .search-field{max-width:70vw;width:25rem}@media(max-width:750px){.offers-page .search-container{align-items:flex-start;flex-direction:column}.offers-page .search-container .search-field{margin-bottom:1rem}}.offers-page .offers-container{position:relative}.offers-page .offers-container .empty-label{display:block;padding:.75rem .5rem}.offers-page .offers-container .row{align-items:center;border-bottom:1px solid #e4e4e4;cursor:pointer;display:grid;grid-template-columns:8rem 8rem 1fr 8rem 5.3rem 1rem;padding:.75rem .5rem;transition:background-color .2s ease-in-out;grid-column-gap:1rem}.offers-page .offers-container .row:hover{background-color:rgba(0,159,227,.2)}.offers-page .offers-container .row.head{background-color:#fff;cursor:default}.offers-page .offers-container .row.head label{color:#9a9a9a;font-size:.9rem}.offers-page .offers-container .row .status-container{display:grid;grid-column-gap:.25rem}.offers-page .offers-container .row .status-container .status-block{align-items:center;border-radius:.25rem;color:#fff;display:flex;height:1.2rem;justify-content:center;width:1.2rem}.offers-page .offers-container .row .status-container .status-block.blue{background-color:#009fe3}.offers-page .offers-container .row .status-container .status-block.yellow{background-color:#daa520}.offers-page .offers-container .row .status-container .status-block.green{background-color:#29a71a}.offers-page .offers-container .row .status-container .status-block .icon{font-size:.7rem}.offers-page .offers-container .row .offer-options{border-radius:.5rem;justify-self:end;transition:background-color .2s ease-in-out}.offers-page .offers-container .row .offer-options .options-icon{color:#c6c6c6;cursor:pointer;font-size:1.5rem}.offers-page .offers-container .row .offer-options .menu-options-list{background-color:#fff;padding:.25rem 0}.offers-page .offers-container .row .offer-options .menu-options-list .menu-option{padding:.75rem}.offers-page .offers-container .row .offer-options .menu-options-list .menu-option .icon{color:#2a435f;margin-right:.5rem}.offers-page .offers-container .row .offer-options .menu-options-list .menu-option .icon.red{color:red}.offers-page .offers-container .row .offer-options .menu-options-list .menu-option .menu-option-label{color:#2a435f;margin:0;text-align:start;user-select:none}.offers-page .offers-container .row .offer-options .menu-options-list .menu-option:hover{background-color:rgba(0,159,227,.2)}@media(max-width:750px){.offers-page .offers-container .row{grid-template-columns:6rem 1fr 6rem 1rem}}.offers-page .footer-container{align-items:center;display:flex;justify-content:space-between}.offers-page .footer-container .pagination{display:grid;grid-template-columns:repeat(4,fit-content(100%));grid-column-gap:1rem;align-items:center}.offers-page .footer-container .pagination .pager{cursor:pointer;transition:color .2s ease-in-out}.offers-page .footer-container .pagination .pager:hover{color:#1a2a3c}.offers-page .footer-container .pagination .pager.disabled{color:#ccc!important;cursor:not-allowed} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.pdf-editor{align-self:center}.pdf-editor .template-label-container{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.pdf-editor .template-label-container .body-container,.pdf-editor .template-label-container .footer-container,.pdf-editor .template-label-container .header-container{padding:1rem}.pdf-editor .template-label-container .header-container{border-bottom:1px solid #ccc}.pdf-editor .template-label-container .body-container{display:grid;grid-template-columns:auto;grid-row-gap:1rem}.pdf-editor .template-label-container .footer-container{border-top:1px solid #ccc;display:flex;justify-content:space-between} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.product-data{align-content:start;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);color:#2a435f;min-height:80vh}.product-data .page-header-container{border-bottom:1px solid #ccc;padding:1rem 2rem}.product-data .page-header-container .header-title{font-weight:400}@media(max-width:750px){.product-data{border-radius:0;box-shadow:none}.product-data .header-container{padding:.5rem 1rem}}.product-data .footer-container,.product-data .form,.product-data .header-container{padding:2rem}.product-data .form{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem 3rem}.product-data .form .description{grid-column-start:span 2}.product-data .footer-container{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:2rem;justify-content:end} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.product-details{align-content:start;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);color:#2a435f;min-height:80vh}.product-details .page-header-container{border-bottom:1px solid #ccc;padding:1rem 2rem}.product-details .page-header-container .header-title{font-weight:400}@media(max-width:750px){.product-details{border-radius:0;box-shadow:none}.product-details .header-container{padding:.5rem 1rem}}.product-details .data-container,.product-details .header-container{padding:2rem}@media(max-width:750px){.product-details .data-container,.product-details .header-container{padding:1rem}}.product-details .data-container .name-bar{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:2rem}.product-details .data-container .name-bar .actions{display:grid;grid-template-columns:repeat(3,fit-content(100%));grid-column-gap:1rem}@media(max-width:750px){.product-details .data-container .name-bar{align-items:flex-start;flex-direction:column}.product-details .data-container .name-bar .actions{margin-top:1rem}}.product-details .data-container .fields-container{display:grid;grid-template-columns:auto;grid-row-gap:.5rem}.product-details .data-container .fields-container .field{display:grid;grid-template-columns:10rem 1fr}.product-details .data-container .fields-container .field .key{color:rgba(42,67,95,.5)}.product-details .data-container .fields-container .description{margin-top:1rem} /*! * Copyright (c) 2024. Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.products{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);color:#2a435f;display:grid;grid-template-columns:auto;grid-template-rows:auto 1fr auto;min-height:80vh;grid-row-gap:2rem;align-content:start;padding:2rem}.products .page-header-container{border-bottom:1px solid #ccc;padding:1rem 2rem}.products .page-header-container .header-title{font-weight:400}@media(max-width:750px){.products{border-radius:0;box-shadow:none}.products .header-container{padding:.5rem 1rem}}.products .search-container{align-items:flex-start;display:flex;justify-content:space-between}.products .search-container .search-field{max-width:70vw;width:25rem}@media(max-width:750px){.products .search-container{flex-direction:column}.products .search-container .search-field{margin-bottom:1rem}}.products .products-container{position:relative}.products .products-container .empty-label{display:block;padding:.75rem .5rem}.products .products-container .row{border-bottom:1px solid #e4e4e4;cursor:pointer;display:grid;grid-template-columns:2rem 9rem 1fr 6rem 3rem 7.5rem;padding:.75rem .5rem;transition:background-color .2s ease-in-out}.products .products-container .row label{max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.products .products-container .row:hover{background-color:rgba(0,159,227,.2)}.products .products-container .row.head{background-color:#fff;cursor:default}.products .products-container .row.head label{color:#9a9a9a;font-size:.9rem}.products .products-container .row .order-container{display:grid;grid-row-gap:.25rem;opacity:0;transition:visibility .2s ease-in-out,opacity .2s ease-in-out;visibility:hidden}.products .products-container .row .order-container .order-caret-container{align-items:center;display:flex;height:.5rem}.products .products-container .row .order-container .order-caret-container .order-caret{font-size:1.1rem}.products .products-container .row:hover .order-container{opacity:1;visibility:visible}@media(max-width:750px){.products .products-container .row{grid-template-columns:2rem 1fr 4rem 3rem 7.5rem;grid-column-gap:.5rem}.products .products-container .row .order-container{opacity:1;visibility:visible}}.products .footer-container{align-items:center;display:flex;justify-content:space-between}.products .footer-container .pagination{display:grid;grid-template-columns:repeat(3,fit-content(100%));grid-column-gap:1rem;align-items:center}.products .footer-container .pagination .pager{cursor:pointer;transition:color .2s ease-in-out}.products .footer-container .pagination .pager:hover{color:#1a2a3c}.products .footer-container .pagination .pager.disabled{color:#ccc!important;cursor:not-allowed}@media(max-width:750px){.products{border-radius:0;box-shadow:none}} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.relation-data{align-content:start;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);color:#2a435f;min-height:80vh}.relation-data .page-header-container{border-bottom:1px solid #ccc;padding:1rem 2rem}.relation-data .page-header-container .header-title{font-weight:400}@media(max-width:750px){.relation-data{border-radius:0;box-shadow:none}.relation-data .header-container{padding:.5rem 1rem}}.relation-data .footer-container,.relation-data .form-container,.relation-data .header-container{padding:2rem}.relation-data .form-container{display:grid;grid-template-columns:auto;grid-row-gap:3rem;position:relative}.relation-data .form-container .relation-part .part-title{margin-bottom:1rem}.relation-data .form-container .relation-part .form{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem 2rem}.relation-data .footer-container{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:2rem;justify-content:end} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.relation-details{align-content:start;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);color:#2a435f;min-height:80vh}.relation-details .page-header-container{border-bottom:1px solid #ccc;padding:1rem 2rem}.relation-details .page-header-container .header-title{font-weight:400}@media(max-width:750px){.relation-details{border-radius:0;box-shadow:none}.relation-details .header-container{padding:.5rem 1rem}}.relation-details .data-container,.relation-details .page-header-container,.relation-details .relation-invoices{padding:2rem}.relation-details .data-container .name-bar{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:2rem}.relation-details .data-container .name-bar .actions{display:grid;grid-template-columns:repeat(3,fit-content(100%));grid-column-gap:1rem}.relation-details .data-container .name-bar .actions .action-label{align-items:center;display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:.5rem;color:#2a435f;font-size:.9rem;user-select:none;white-space:nowrap}.relation-details .data-container .fields-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem 3rem}.relation-details .data-container .fields-container .field{display:grid;grid-template-columns:10rem 1fr}.relation-details .data-container .fields-container .field .key{color:rgba(42,67,95,.5)}.relation-details .data-container .fields-container .notes{grid-column-start:span 2;margin-top:1rem}@media(max-width:750px){.relation-details .data-container .fields-container{grid-template-columns:auto}.relation-details .data-container .fields-container .notes{grid-column-start:unset}}.relation-details .tabs .tab-selectors{display:grid;grid-template-columns:repeat(auto-fit,8rem);width:100%;grid-column-gap:1rem;border-bottom:1px solid #ccc;margin-bottom:1rem}.relation-details .tabs .tab-selectors .tab-selector{border-bottom:2px solid transparent;border-radius:0;cursor:pointer;margin-bottom:-1px;padding:.5rem;text-align:center;transition:border-bottom-color .2s ease-in-out}.relation-details .tabs .tab-selectors .tab-selector:hover{border-bottom-color:rgba(0,159,227,.2)}.relation-details .tabs .tab-selectors .tab-selector.active{border-bottom-color:#009fe3!important}.relation-details .relation-invoices .invoices-title{font-weight:400;margin-bottom:.5rem;padding:0 .5rem}.relation-details .relation-invoices .row{background-color:#fff;border-bottom:1px solid #f2f2f2;cursor:pointer;display:grid;grid-template-columns:repeat(4,1fr);padding:.75rem .5rem;transition:background-color .2s ease-in-out}.relation-details .relation-invoices .row.last{border-bottom:none}.relation-details .relation-invoices .row.head{background-color:#fff!important;cursor:default}.relation-details .relation-invoices .row.head label{color:#9a9a9a;font-size:.9rem}.relation-details .relation-invoices .row:hover{background-color:rgba(0,159,227,.3)}@media(max-width:750px){.relation-details .relation-invoices .row{grid-template-columns:repeat(3,1fr)}}.relation-details .relation-invoices .empty-label{display:inline-block;padding:.75rem .5rem} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.relation-products{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-row-gap:1rem;align-items:center;color:#2a435f;justify-content:space-between;padding:0 2rem 2rem}.relation-products .title{font-weight:400;padding:0 .5rem}.relation-products .global-actions{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem;align-items:end;justify-self:end}.relation-products .products-container{grid-column-start:span 2;position:relative}.relation-products .products-container .empty-label{display:inline-block}.relation-products .products-container .row{align-items:center;display:grid;grid-template-columns:6rem 8rem 1fr 5rem 5rem 6rem 8rem 3rem;grid-column-gap:.5rem;border-bottom:1px solid #e4e4e4;justify-items:start;padding:.75rem .5rem}.relation-products .products-container .row .status{border-bottom:1px solid transparent}.relation-products .products-container .row .status.open{color:red}.relation-products .products-container .row .status.invoiced{border-bottom-color:currentColor;color:#009fe3;cursor:pointer;transition:color .2s ease-in-out,border-bottom-color .2s ease-in-out}.relation-products .products-container .row .status.invoiced:hover{color:#007bb0}.relation-products .products-container .row .actions{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:.5rem}.relation-products .products-container .row .actions .action{cursor:pointer;transition:color .2s ease-in-out}.relation-products .products-container .row .actions .action.edit{color:#009fe3}.relation-products .products-container .row .actions .action.edit:hover{color:#007bb0}.relation-products .products-container .row .actions .action.delete{color:red}.relation-products .products-container .row .actions .action.delete:hover{color:#c00}.relation-products .products-container .row label{max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.relation-products .products-container .row.head label{color:#9a9a9a;font-size:.9rem}.relation-products .products-container .row.empty{grid-template-columns:auto}.relation-products .products-container .row.empty .empty-label{font-size:.9rem}@media(max-width:750px){.relation-products .products-container .row{grid-template-columns:6rem 1fr 7rem 3rem}.relation-products{grid-template-columns:auto;padding:0 1rem 1rem}.relation-products .products-container{grid-column-start:unset}} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.relation-strip-cards{display:grid;grid-template-columns:auto;grid-row-gap:1rem;color:#2a435f;padding:2rem;position:relative}.relation-strip-cards .strip-cards-header{display:flex;justify-content:space-between}.relation-strip-cards .strip-cards-header .header-title{font-weight:400;padding:0 .5rem}.relation-strip-cards .cards-container .row{align-items:center;display:grid;grid-template-columns:repeat(5,1fr) 4rem;grid-column-gap:.5rem;border-bottom:1px solid #e4e4e4;justify-items:start;padding:.75rem .5rem;transition:background-color .2s ease-in-out}.relation-strip-cards .cards-container .row label{max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.relation-strip-cards .cards-container .row .actions{display:grid;grid-template-columns:repeat(3,1rem);grid-column-gap:.5rem}.relation-strip-cards .cards-container .row .actions .action{cursor:pointer;transition:color .2s ease-in-out}.relation-strip-cards .cards-container .row .actions .action.disabled{color:#ccc!important;cursor:not-allowed}.relation-strip-cards .cards-container .row .actions .action:hover.blue{color:#009fe3}.relation-strip-cards .cards-container .row .actions .action:hover.red{color:red}.relation-strip-cards .cards-container .row.head{background-color:#fff!important;cursor:default!important}.relation-strip-cards .cards-container .row.head label{color:#9a9a9a;font-size:.9rem}.relation-strip-cards .cards-container .row.empty{grid-template-columns:auto}.relation-strip-cards .cards-container .row.empty .empty-label{font-size:.9rem}.relation-strip-cards .cards-container .row:hover{background-color:rgba(0,159,227,.2);cursor:pointer} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.create-strip-card{width:40rem}.create-strip-card .header-container{padding:1rem}.create-strip-card .body-container .template-select .content-container{width:100%} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.relation-strip-card-form{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:1.5rem;grid-row-gap:1rem;border-top:1px solid #ccc;margin-top:1rem;padding-top:1rem;position:relative}.relation-strip-card-form .col-2{grid-column-start:span 2}.relation-strip-card-form .select-row{display:grid;grid-template-columns:1fr 10rem;grid-column-gap:1.5rem;align-items:end}.relation-strip-card-form .footer-container{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem;justify-content:end} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.strip-card-details{width:40rem}.strip-card-details .header-container{max-width:100%}.strip-card-details .header-container .header-title{max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.strip-card-details .body-container{display:grid;grid-template-columns:auto;grid-row-gap:1rem}.strip-card-details .body-container .action-bar{display:flex;justify-content:space-between}.strip-card-details .body-container .action-bar .right{display:grid;grid-template-columns:repeat(2,fit-content(100%));justify-self:end;grid-column-gap:1rem}.strip-card-details .body-container .action-bar .right .download-wrapper{text-decoration:none}.strip-card-details .body-container .card-data-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem 1.5rem;border-bottom:1px solid #ccc;padding-bottom:1rem}.strip-card-details .body-container .card-data-container .field{display:grid;grid-template-columns:8rem 1fr}.strip-card-details .body-container .card-data-container .field .key{font-weight:600}.strip-card-details .body-container .card-data-container .field .hide-overflow{max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.strip-card-details .body-container .stamps-container{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:1rem;max-height:50vh;overflow:auto}.strip-card-details .body-container .stamps-container .stamps{display:grid;grid-template-columns:auto;grid-row-gap:1rem}.strip-card-details .body-container .stamps-container .stamps .stamp{border:1px solid #434b50;border-radius:.25rem;display:grid;grid-template-columns:4rem 1fr;height:4rem}.strip-card-details .body-container .stamps-container .stamps .stamp .logo-container{align-items:center;border-right:1px solid #434b50;display:flex;justify-content:center}.strip-card-details .body-container .stamps-container .stamps .stamp .logo-container .stamp-logo{height:3rem;object-fit:contain;width:3rem}.strip-card-details .body-container .stamps-container .stamps .stamp .logo-container .stamp-icon{font-size:3rem}.strip-card-details .body-container .stamps-container .stamps .stamp .date-container{align-items:center;display:flex;padding-left:.5rem;position:relative}.strip-card-details .body-container .stamps-container .stamps .stamp .date-container .stamp-date{font-weight:600}.strip-card-details .body-container .stamps-container .stamps .stamp .date-container .remove-stamp{opacity:0;position:absolute;right:.5rem;top:.5rem;transition:visibility .2s ease-in-out,opacity .2s ease-in-out;visibility:hidden}.strip-card-details .body-container .stamps-container .stamps .stamp .date-container:hover .remove-stamp{opacity:1;visibility:visible} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.edit-strip-card{width:40rem}.edit-strip-card .header-container{padding:1rem} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.relation-attachments{display:grid;grid-template-columns:auto;grid-row-gap:1rem;color:#2a435f;padding:0 2rem 2rem}.relation-attachments .title{font-weight:400;padding:0 .5rem}.relation-attachments .actions-bar{align-items:center;display:flex;justify-content:space-between}.relation-attachments .actions-bar .selection-actions{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem;align-items:center}.relation-attachments .attachments-container{position:relative}.relation-attachments .attachments-container .empty-label{display:inline-block}.relation-attachments .attachments-container .row{align-items:center;display:grid;grid-template-columns:1rem 1rem 1fr 10rem 6rem 12rem 4rem;grid-column-gap:1rem;border-bottom:1px solid #e4e4e4;justify-items:start;padding:.75rem .5rem}.relation-attachments .attachments-container .row label{max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.relation-attachments .attachments-container .row .center{justify-self:center}.relation-attachments .attachments-container .row .send-icon{color:red}.relation-attachments .attachments-container .row .send-icon.sent{color:#29a71a}.relation-attachments .attachments-container .row .attachment-actions{display:grid;grid-template-columns:repeat(3,1rem);grid-column-gap:.3rem}.relation-attachments .attachments-container .row .attachment-actions .attachment-action{cursor:pointer;transition:color .2s ease-in-out}.relation-attachments .attachments-container .row .attachment-actions .attachment-action.send{color:#009fe3}.relation-attachments .attachments-container .row .attachment-actions .attachment-action.send:hover{color:#007bb0}.relation-attachments .attachments-container .row .attachment-actions .attachment-action.download:hover{color:#1a2a3c}.relation-attachments .attachments-container .row .attachment-actions .attachment-action.delete{color:red}.relation-attachments .attachments-container .row .attachment-actions .attachment-action.delete:hover{color:#c00}.relation-attachments .attachments-container .row.head label{color:#9a9a9a;font-size:.9rem}.relation-attachments .attachments-container .row.empty{grid-template-columns:auto}.relation-attachments .attachments-container .row.empty .empty-label{font-size:.9rem} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.attachment-mail-settings{width:60rem}.attachment-mail-settings .header-container{padding:1rem!important}.attachment-mail-settings .body-container{display:grid;grid-template-columns:auto;grid-row-gap:1rem}.attachment-mail-settings .body-container .attachments-container{display:grid;grid-template-columns:auto;grid-row-gap:.5rem}.attachment-mail-settings .body-container .attachments-container .attachments-label{font-weight:500}.attachment-mail-settings .body-container .attachments-container .attachment{display:grid;grid-template-columns:1rem 1fr;grid-column-gap:.5rem} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.relations{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);color:#2a435f;display:grid;grid-template-columns:auto;grid-template-rows:auto 1fr auto;min-height:80vh;grid-row-gap:2rem;align-content:start;padding:2rem}.relations .page-header-container{border-bottom:1px solid #ccc;padding:1rem 2rem}.relations .page-header-container .header-title{font-weight:400}@media(max-width:750px){.relations{border-radius:0;box-shadow:none}.relations .header-container{padding:.5rem 1rem}}.relations .search-container{align-items:flex-start;display:flex;justify-content:space-between}.relations .search-container .search-controls{display:grid;grid-template-columns:repeat(3,fit-content(100%));grid-column-gap:1rem;align-items:end}.relations .search-container .search-controls .archived-box{margin-bottom:.75rem}.relations .search-container .search-controls .search-field{max-width:70vw;width:25rem}@media(max-width:750px){.relations .search-container .search-controls{flex-direction:column}.relations .search-container .search-controls .search-field{margin-bottom:1rem}}.relations .relations-container{position:relative}.relations .relations-container .empty-label{display:block;padding:.75rem .5rem}.relations .relations-container .row{border-bottom:1px solid #e4e4e4;cursor:pointer;display:grid;grid-template-columns:10rem repeat(3,1fr);padding:.75rem .5rem;transition:background-color .2s ease-in-out}.relations .relations-container .row:hover{background-color:rgba(0,159,227,.2)}.relations .relations-container .row.head{background-color:#fff;cursor:default}.relations .relations-container .row.head label{color:#9a9a9a;font-size:.9rem}@media(max-width:750px){.relations .relations-container .row{grid-template-columns:8rem repeat(2,1fr)}}.relations .footer-container{align-items:center;display:flex;justify-content:space-between}.relations .footer-container .pagination{display:grid;grid-template-columns:repeat(3,fit-content(100%));grid-column-gap:1rem;align-items:center}.relations .footer-container .pagination .pager{cursor:pointer;transition:color .2s ease-in-out}.relations .footer-container .pagination .pager:hover{color:#1a2a3c}.relations .footer-container .pagination .pager.disabled{color:#ccc!important;cursor:not-allowed}@media(max-width:750px){.relations{border-radius:0;box-shadow:none}} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.settings{align-content:start;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);color:#2a435f;min-height:80vh}.settings .page-header-container{border-bottom:1px solid #ccc;padding:1rem 2rem}.settings .page-header-container .header-title{font-weight:400}@media(max-width:750px){.settings{border-radius:0;box-shadow:none}.settings .header-container{padding:.5rem 1rem}}.settings .tabs{border-bottom:1px solid #ccc;display:flex;flex-wrap:wrap}.settings .tabs .tab{cursor:pointer;padding:1rem}.settings .tabs .tab .tab-label{border-bottom:2px solid transparent;color:#9a9a9a;font-size:1.1rem;font-weight:500;padding-bottom:.1rem;transition:color .2s ease-in-out,border-bottom-color .2s ease-in-out;user-select:none}.settings .tabs .tab:last-child{border-right:none}.settings .tabs .tab:hover .tab-label{color:#17baff}.settings .tabs .tab.active .tab-label{border-color:currentColor;color:#009fe3}@media(max-width:750px){.settings .tabs .tab{padding:.5rem 1rem}}.settings .active-tab{padding:1rem}.settings .active-tab.mail{max-width:unset}.settings .data-title{font-weight:400;grid-column-start:span 2;margin-bottom:1rem}@media(max-width:750px){.settings .data-title{grid-column-start:unset}} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.company-settings{display:grid;grid-template-columns:auto;grid-row-gap:2rem}.company-settings .company-container,.company-settings .settings-row{display:grid;grid-template-columns:repeat(2,1fr);position:relative;grid-gap:1rem 3rem}.company-settings .company-container .entity-number-preview,.company-settings .settings-row .entity-number-preview{margin-top:0}.company-settings .company-container .submit,.company-settings .settings-row .submit{justify-self:start}@media(max-width:750px){.company-settings .company-container,.company-settings .settings-row{grid-template-columns:auto}}.company-settings .company-container,.company-settings .settings-row.relation{border-bottom:1px solid #e4e4e4;padding-bottom:2rem}.company-settings .settings-row.relation .submit{grid-row-start:5}.company-settings .settings-row.invoice .vat-check{grid-column-start:span 2}@media(max-width:750px){.company-settings .settings-row.invoice .vat-check{grid-column-start:unset}}.company-settings .settings-row.invoice .number-preview{grid-column-start:span 2}.company-settings .settings-row.invoice .submit{grid-row-start:8} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.mail-settings{display:grid;grid-template-columns:auto;grid-row-gap:1rem;color:#2a435f}.mail-settings .editor-type-container{display:flex}.mail-settings .editor-type-container .type-label{margin-right:1rem}.mail-settings .html-editor-container{height:600px;position:relative}.mail-settings .editor-label{margin-top:1rem}.mail-settings .mail-actions{column-gap:1rem;display:flex} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.test-mail{width:min(90dvw,30rem)} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.module-settings .modules{display:grid;grid-template-columns:repeat(auto-fit,25rem);grid-gap:2rem;position:relative}.module-settings .modules .module{align-items:center;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.1),0 0 4px rgba(0,0,0,.1);display:grid;grid-template-columns:1fr fit-content(100%);grid-row-gap:.5rem;align-content:start;border-right:none;padding:2rem;transition:background-color .2s ease-in-out}.module-settings .modules .module .module-name{font-weight:600}.module-settings .modules .module .module-description{font-size:.9rem;grid-column-start:span 2}.module-settings .modules .module .strip-card-settings{display:flex;grid-column-start:span 2;justify-content:flex-end;margin-top:1rem}.module-settings .modules .module.active{background-color:rgba(41,167,26,.1)}.module-settings .modules .module.activated{animation:activate-background .4s linear}@keyframes activate-background{0%{background-color:transparent}50%{background-color:rgba(41,167,26,.2)}to{background-color:rgba(41,167,26,.1)}} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.strip-card-templates{min-width:40rem}.strip-card-templates .header-container{padding:1rem}.strip-card-templates .body-container{display:grid;grid-template-columns:auto;grid-row-gap:1rem}.strip-card-templates .body-container .action-bar{justify-self:end}.strip-card-templates .body-container .templates .row{grid-template-columns:repeat(3,1fr) 3rem}.strip-card-templates .body-container .templates .row .actions{display:grid;grid-template-columns:repeat(2,1rem);grid-column-gap:.5rem}.strip-card-templates .body-container .templates .row .actions .action{cursor:pointer;transition:color .2s ease-in-out}.strip-card-templates .body-container .templates .row .actions .action:hover.details,.strip-card-templates .body-container .templates .row .actions .action:hover.edit{color:#009fe3}.strip-card-templates .body-container .templates .row .actions .action:hover.delete{color:red}.strip-card-templates .footer-container{display:flex;justify-content:flex-end} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.create-strip-card-template{width:40rem}.create-strip-card-template .body-container{display:grid;grid-template-columns:repeat(2,1fr);position:relative;grid-column-gap:1.5rem;grid-row-gap:1rem}.create-strip-card-template .body-container .col-2{grid-column-start:span 2}.create-strip-card-template .body-container .select-row{display:grid;grid-template-columns:1fr 10rem;grid-column-gap:1.5rem;align-items:end}.create-strip-card-template .footer-container{display:grid;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem;justify-content:end} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */.rexel-module-config .body-container{display:grid;grid-template-columns:auto;grid-row-gap:1rem} /*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development *//*! * Copyright (c) 2024 Dave van Rijn Development */@font-face{font-family:avenir-light;src:url(https://dvr-apps.nl/static/fonts/Avenir-Light.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/Avenir-Light.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/Avenir-Light.svg#avenir-light) format("svg")}@font-face{font-family:avenir-light;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/AvenirLTStd-Medium.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/AvenirLTStd-Medium.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/AvenirLTStd-Medium.svg#avenir-light) format("svg")}@font-face{font-family:lato;src:url(https://dvr-apps.nl/static/fonts/Lato-Regular.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/Lato-Regular.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/Lato-Regular.svg#lato) format("svg")}@font-face{font-family:lato;font-style:italic;src:url(https://dvr-apps.nl/static/fonts/Lato-Italic.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/Lato-Italic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/Lato-Italic.svg#lato) format("svg")}@font-face{font-family:lato;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/Lato-Bold.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/Lato-Bold.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/Lato-Bold.svg#lato) format("svg")}@font-face{font-family:lato;font-style:italic;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/Lato-BoldItalic.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/Lato-BoldItalic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/Lato-BoldItalic.svg#lato) format("svg")}@font-face{font-family:merriweather;src:url(https://dvr-apps.nl/static/fonts/Merriweather-Regular.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/Merriweather-Regular.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/Merriweather-Regular.svg#merriweather) format("svg")}@font-face{font-family:merriweather;font-style:italic;src:url(https://dvr-apps.nl/static/fonts/Merriweather-Italic.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/Merriweather-Italic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/Merriweather-Italic.svg#merriweather) format("svg")}@font-face{font-family:merriweather;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/Merriweather-Bold.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/Merriweather-Bold.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/Merriweather-Bold.svg#merriweather) format("svg")}@font-face{font-family:merriweather;font-style:italic;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/Merriweather-BoldItalic.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/Merriweather-BoldItalic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/Merriweather-BoldItalic.svg#merriweather) format("svg")}@font-face{font-family:noto-sans;src:url(https://dvr-apps.nl/static/fonts/NotoSans.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/NotoSans.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/NotoSans.svg#noto-sans) format("svg")}@font-face{font-family:noto-sans;font-style:italic;src:url(https://dvr-apps.nl/static/fonts/NotoSans-Italic.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/NotoSans-Italic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/NotoSans-Italic.svg#noto-sans) format("svg")}@font-face{font-family:noto-sans;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/NotoSans-Bold.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/NotoSans-Bold.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/NotoSans-Bold.svg#noto-sans) format("svg")}@font-face{font-family:noto-sans;font-style:italic;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/NotoSans-BoldItalic.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/NotoSans-BoldItalic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/NotoSans-BoldItalic.svg#noto-sans) format("svg")}@font-face{font-family:"noto-serif";src:url(https://dvr-apps.nl/static/fonts/NotoSerif.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/NotoSerif.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/NotoSerif.svg#noto-serif) format("svg")}@font-face{font-family:"noto-serif";font-style:italic;src:url(https://dvr-apps.nl/static/fonts/NotoSerif-Italic.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/NotoSerif-Italic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/NotoSerif-Italic.svg#noto-serif) format("svg")}@font-face{font-family:"noto-serif";font-weight:500;src:url(https://dvr-apps.nl/static/fonts/NotoSerif-Bold.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/NotoSerif-Bold.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/NotoSerif-Bold.svg#noto-serif) format("svg")}@font-face{font-family:"noto-serif";font-style:italic;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/NotoSerif-BoldItalic.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/NotoSerif-BoldItalic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/NotoSerif-BoldItalic.svg#noto-serif) format("svg")}@font-face{font-family:open-sans;src:url(https://dvr-apps.nl/static/fonts/OpenSans-Regular.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/OpenSans-Regular.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/OpenSans-Regular.svg#open-sans) format("svg")}@font-face{font-family:open-sans;font-style:italic;src:url(https://dvr-apps.nl/static/fonts/OpenSans-Italic.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/OpenSans-Italic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/OpenSans-Italic.svg#open-sans) format("svg")}@font-face{font-family:open-sans;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/OpenSans-SemiBold.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/OpenSans-SemiBold.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/OpenSans-SemiBold.svg#open-sans) format("svg")}@font-face{font-family:open-sans;font-style:italic;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/OpenSans-SemiBoldItalic.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/OpenSans-SemiBoldItalic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/OpenSans-SemiBoldItalic.svg#open-sans) format("svg")}@font-face{font-family:playfair;src:url(https://dvr-apps.nl/static/fonts/PlayfairDisplay-Regular.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/PlayfairDisplay-Regular.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/PlayfairDisplay-Regular.svg#playfair) format("svg")}@font-face{font-family:playfair;font-style:italic;src:url(https://dvr-apps.nl/static/fonts/PlayfairDisplay-Italic.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/PlayfairDisplay-Italic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/PlayfairDisplay-Italic.svg#playfair) format("svg")}@font-face{font-family:playfair;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/PlayfairDisplay-Medium.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/PlayfairDisplay-Medium.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/PlayfairDisplay-Medium.svg#playfair) format("svg")}@font-face{font-family:playfair;font-style:italic;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/PlayfairDisplay-MediumItalic.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/PlayfairDisplay-MediumItalic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/PlayfairDisplay-MediumItalic.svg#playfair) format("svg")}@font-face{font-family:"pt-serif";src:url(https://dvr-apps.nl/static/fonts/PTSerif-Regular.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/PTSerif-Regular.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/PTSerif-Regular.svg#pt-serif) format("svg")}@font-face{font-family:"pt-serif";font-style:italic;src:url(https://dvr-apps.nl/static/fonts/PTSerif-Italic.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/PTSerif-Italic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/PTSerif-Italic.svg#pt-serif) format("svg")}@font-face{font-family:"pt-serif";font-weight:500;src:url(https://dvr-apps.nl/static/fonts/PTSerif-Bold.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/PTSerif-Bold.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/PTSerif-Bold.svg#pt-serif) format("svg")}@font-face{font-family:"pt-serif";font-style:italic;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/PTSerif-BoldItalic.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/PTSerif-BoldItalic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/PTSerif-BoldItalic.svg#pt-serif) format("svg")}@font-face{font-family:roboto;src:url(https://dvr-apps.nl/static/fonts/Roboto-Regular.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/Roboto-Regular.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/Roboto-Regular.svg#roboto) format("svg")}@font-face{font-family:roboto;font-style:italic;src:url(https://dvr-apps.nl/static/fonts/Roboto-Italic.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/Roboto-Italic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/Roboto-Italic.svg#roboto) format("svg")}@font-face{font-family:roboto;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/Roboto-Medium.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/Roboto-Medium.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/Roboto-Medium.svg#roboto) format("svg")}@font-face{font-family:roboto;font-style:italic;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/Roboto-MediumItalic.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/Roboto-MediumItalic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/Roboto-MediumItalic.svg#roboto) format("svg")}@font-face{font-family:roboto-mono;src:url(https://dvr-apps.nl/static/fonts/RobotoMono-Regular.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/RobotoMono-Regular.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/RobotoMono-Regular.svg#roboto-mono) format("svg")}@font-face{font-family:roboto-mono;font-style:italic;src:url(https://dvr-apps.nl/static/fonts/RobotoMono-Italic.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/RobotoMono-Italic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/RobotoMono-Italic.svg#roboto-mono) format("svg")}@font-face{font-family:roboto-mono;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/RobotoMono-Medium.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/RobotoMono-Medium.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/RobotoMono-Medium.svg#roboto-mono) format("svg")}@font-face{font-family:roboto-mono;font-style:italic;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/RobotoMono-MediumItalic.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/RobotoMono-MediumItalic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/RobotoMono-MediumItalic.svg#roboto-mono) format("svg")}@font-face{font-family:source-sans-pro;src:url(https://dvr-apps.nl/static/fonts/SourceSansPro-Regular.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/SourceSansPro-Regular.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/SourceSansPro-Regular.svg#source-sans-pro) format("svg")}@font-face{font-family:source-sans-pro;font-style:italic;src:url(https://dvr-apps.nl/static/fonts/SourceSansPro-Italic.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/SourceSansPro-Italic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/SourceSansPro-Italic.svg#source-sans-pro) format("svg")}@font-face{font-family:source-sans-pro;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/SourceSansPro-SemiBold.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/SourceSansPro-SemiBold.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/SourceSansPro-SemiBold.svg#source-sans-pro) format("svg")}@font-face{font-family:source-sans-pro;font-style:italic;font-weight:500;src:url(https://dvr-apps.nl/static/fonts/SourceSansPro-SemiBoldItalic.eot?) format("eot"),url(https://dvr-apps.nl/static/fonts/SourceSansPro-SemiBoldItalic.woff) format("woff"),url(https://dvr-apps.nl/static/fonts/SourceSansPro-SemiBoldItalic.svg#source-sans-pro) format("svg")}.user-settings{display:grid;grid-template-columns:auto;grid-row-gap:2rem}.user-settings .data-container{display:grid;grid-template-columns:repeat(2,1fr);position:relative;grid-gap:1rem 3rem;border-bottom:1px solid #e4e4e4;padding-bottom:2rem}.user-settings .data-container .submit{grid-row-start:4;justify-self:start}@media(max-width:750px){.user-settings .data-container{grid-template-columns:auto}.user-settings .data-container .submit{grid-row-start:5}}.user-settings .password-container{display:grid;grid-template-columns:repeat(2,1fr);position:relative;grid-gap:1rem 3rem}.user-settings .password-container .pass-meter{grid-column-start:2}.user-settings .password-container .actions-container{display:grid;grid-column-start:span 2;grid-template-columns:repeat(2,fit-content(100%));grid-column-gap:1rem}@media(max-width:750px){.user-settings .password-container{grid-template-columns:auto}.user-settings .password-container .actions-container,.user-settings .password-container .pass-meter{grid-column-start:unset}} /*# sourceMappingURL=main-52aa0c879561b6f9feaa-cache.css.map*/