@charset "UTF-8";.blazored-typeahead{width:inherit!important;border:1px solid #ced4da!important;border-radius:100px 0 0 100px!important}.blazored-typeahead__input{border-radius:100px 0 0 100px!important}.form-group .blazored-typeahead{width:inherit!important;border:inherit!important;background:#fff!important;border:2px solid #e6eaf0!important;border-radius:100px!important}.form-group .blazored-typeahead__input{border-radius:100px!important}.form-group .blazored-typeahead.valid.modified{outline:0!important;background:#fff!important;border:2px solid #e6eaf0!important;border-radius:100px!important}.form-group .blazored-typeahead__controls{border-radius:100px!important}.form-group .blazored-typeahead__down-arrow path{fill:#495057!important}.form-group .blazored-typeahead.invalid{background:#fff!important;border:2px solid #e6eaf0!important;border-radius:100px!important}.ql-toolbar.ql-snow{border:none!important;border-bottom:1px solid #d3d6db!important}.ql-container.ql-snow,.ql-editor.ql-blank{border:none!important}.text-editor-output ul{list-style-type:disc!important}.text-editor-output ol{list-style-type:decimal!important}#blazor-error-ui{background:#ffffe0;bottom:0;box-shadow:0 -1px 2px rgba(0,0,0,.2);display:none;left:0;padding:.6rem 1.25rem .7rem 1.25rem;position:fixed;width:100%;z-index:1000}#blazor-error-ui .dismiss{cursor:pointer;position:absolute;right:.75rem;top:.5rem}.mat-layout-grid{width:100%}.mat-card{border-radius:8px 8px!important}.mat-paper{height:100%;border-radius:8px}.mat-drawer{width:auto!important}.mat-expansion-panel{border-radius:8px 8px!important;margin:20px 0}.mat-expansion-panel--expanded:first-child{margin:20px 0!important}.mdc-list-item{height:auto!important}.mat-accordion .mat-expansion-panel__header{display:initial!important;flex-basis:100%!important;align-self:center;margin-right:0!important}.layout-container{position:relative;display:flex;flex-direction:row}.sidebar{background-color:#556d85;width:140px;position:fixed;top:0;bottom:0;display:flex;flex-direction:column}.sidebar-overlay{display:none}.logo{display:flex;padding-top:12px;height:86px;background:url(../images/wave-blue.svg) left top no-repeat;align-items:flex-start;justify-content:center}ul.nav{margin-top:24px;list-style:none}ul.nav li.nav-item a{display:flex;flex-direction:column;align-items:center;color:#fff;padding:16px 12px;font-size:13px;letter-spacing:-.17px;line-height:16px}ul.nav li.nav-item a:hover{background-color:#495e72}ul.nav li.nav-item a.active{background-color:#415466;border-right:6px solid #00a7f1}ul.nav li.nav-item a img{margin-bottom:8px}.logout-container{margin-top:auto;display:flex;padding:8px 0;background:#4d6279}.logout-container div{flex:1;padding:2px;cursor:pointer;display:flex;justify-content:center;align-items:center}.logout-container div:not(:last-child){border-right:2px solid #808ca1}.main{flex:1;margin-left:140px}.header{background-color:#fff;height:52px;position:fixed;top:0;left:140px;right:0;z-index:1;display:flex;align-items:center;justify-content:space-between}.title-container{display:flex;align-items:center;min-width:0}#sidebar-toggler{display:none;min-width:48px;padding:0 12px;border-radius:0 8px 8px 0;height:52px}.arrow-back{margin-left:12px;flex:0 0 auto}h1.page-title{margin-left:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arrow-back+h1.page-title{margin-left:16px}.username-container{display:flex;align-items:center;flex:0 0 auto}.notification-container{padding:0 16px;position:relative}.username{font-size:15px;padding:0 16px;border-left:2px solid #b7bfc7;line-height:16px}.content{padding:24px;margin-top:52px}.button-container{margin-bottom:24px}.page-content-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start;margin:-12px}.page-content-wrapper>*{margin:12px;background:#fff;border-radius:8px;padding:24px;flex:1}.page-content{flex:3;min-width:60%;position:relative}.page-content .page-title{margin-bottom:8px}.page-content .page-title.form-title{margin-bottom:24px}.notification-header{background:#556d85;border-radius:8px 8px 0 0;padding:16px;font-size:15px;color:#fff;letter-spacing:-.33px}.notification-button{position:relative;background:0 0;border:none;cursor:pointer}.notification-count{position:absolute;top:-10px;right:8px;background-color:#ffb200;border-radius:100%;padding:2px 6px;font-size:13px;color:#fff;letter-spacing:-.29px;text-align:center;line-height:16px}.notification-dropdown{position:absolute;right:0;top:32px;width:300px;z-index:100;background:#fff;box-shadow:0 2px 4px 0 rgba(63,76,89,.12),0 6px 16px 0 rgba(63,76,89,.24);border-radius:20px}.notification-card{padding:16px;display:flex;flex-direction:column;gap:16px}.card-item{padding:2px 12px;position:relative}.noti-card-text-small{font-size:11px;color:#9aa5b1;letter-spacing:-.21px;line-height:16px}.noti-card-text{font-size:13px;line-height:18px}.card-item.unread{border-left:4px solid #ffb200}.card-item.read{border-left:4px solid #e6eaf0}.noti-card-title{font-size:13px;color:#0092d2;line-height:18px;font-weight:500;cursor:pointer}.notification-footer{padding:10px;text-align:center}.notification-dropdown::before{content:"";position:absolute;top:-10px;right:16px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #556d85}.notification-container>img{cursor:pointer}.notification-wrapper{background:#fff;border-radius:8px;padding:24px;display:flex;gap:16px;flex-direction:column}.noti-card-action{position:absolute;top:5px;right:24px;display:flex;align-items:center}.border-section{border-bottom:1px solid #e6eaf0}.notification-wrapper .border-section:last-of-type{display:none}@media (min-width:0px) and (max-width:1140px){#sidebar-toggler{display:inline-flex}.sidebar{left:-170px;z-index:1000;box-shadow:0 0 6px 0 rgba(63,76,89,.12),0 0 26px 0 rgba(63,76,89,.26);transition:all .2s ease-out}.sidebar.active{left:0}.sidebar-overlay{display:block;position:fixed;top:0;bottom:0;left:0;right:0;z-index:500;background:rgba(178,190,208,.64);opacity:0;visibility:hidden;transition:all .2s linear}.sidebar-overlay.active{opacity:1;visibility:visible}.main{margin-left:0}.header{left:0}}@media (min-width:0px) and (max-width:576px){.username{display:none}.noti-card-action{top:8px!important;right:4px!important}.noti-card-content{max-width:250px}}a,abbr,audio,b,blockquote,body,caption,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,table,tbody,td,tfoot,th,thead,tr,u,ul,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}*,::after,::before{box-sizing:border-box}a{cursor:pointer!important}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}img{max-width:100%;height:auto;display:block}.show-mobile{display:none!important}.button-container.show-mobile{display:none!important}html{height:100%;width:100%;scroll-behavior:smooth}body{font-family:Ubuntu,sans-serif;font-size:14px;font-weight:400;color:#556d85;line-height:20px;text-align:left;background-color:#ebeef2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#0092d2;text-decoration:none}a:hover{color:#0081bd;text-decoration:none}h1{font-family:Ubuntu,sans-serif;font-size:20px;color:#556d85;letter-spacing:-.4px;text-align:left;line-height:24px;font-weight:400}h2{font-family:Ubuntu,sans-serif;font-size:18px;color:#556d85;letter-spacing:-.3px;line-height:24px;font-weight:500}h3{font-family:Ubuntu,sans-serif;font-size:16px;color:#556d85;letter-spacing:-.21px;line-height:20px;font-weight:700}h4{font-family:Ubuntu,sans-serif;font-size:14px;color:#556d85;letter-spacing:-.19px;line-height:20px;font-weight:700}.text-weight-bold{font-weight:700}.text-weight-medium{font-weight:500}.text-size-normal{font-size:14px}.text-size-small{font-size:11.8px;letter-spacing:-.15px}.text-grey{color:#808ca1}.text-blue{color:#0092d2}.text-red{color:#d30016}.text-orange{color:#ffb200}.primary-button{display:inline-flex;align-items:center;justify-content:center;background:#00a7f1;border:none;border-radius:20px;color:#fff;font-family:Ubuntu,sans-serif;font-weight:700;font-size:14px;letter-spacing:.3px;text-transform:uppercase;height:40px;line-height:40px;padding:0 16px;min-width:100px;white-space:nowrap;outline:0}.primary-button.dark-button{background:#556d85}.secondary-button{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:20px;color:#556d85;font-family:Ubuntu,sans-serif;font-weight:700;font-size:14px;letter-spacing:.3px;text-transform:uppercase;height:40px;line-height:40px;padding:0 16px;min-width:100px;white-space:nowrap;outline:0}.primary-button.medium,.secondary-button.medium{font-weight:500;letter-spacing:0;text-transform:none;height:32px;line-height:32px;padding:0 12px;min-width:auto}.primary-button.disabled,.primary-button:disabled{background:#a1ddf7;pointer-events:none}.secondary-button.disabled,.secondary-button:disabled{color:#b7bfc7;pointer-events:none}.primary-button.icon-right,.secondary-button.icon-right{padding-right:12px}.primary-button.icon-left,.secondary-button.icon-left{padding-left:12px}.primary-button.medium.icon-right,.secondary-button.medium.icon-right{padding-right:8px}.primary-button.medium.icon-left,.secondary-button.medium.icon-left{padding-left:8px}.primary-button.icon-right img,.secondary-button.icon-right img{margin-left:8px}.primary-button.icon-left img,.secondary-button.icon-left img{margin-right:8px}.primary-button.medium.icon-right img,.secondary-button.medium.icon-right img{margin-left:6px}.primary-button.medium.icon-left img,.secondary-button.medium.icon-left img{margin-right:6px}.round-button{background:#e6eaf0;border:none;border-radius:16px;padding:8px;outline:0}.primary-button:hover{background:#0099e0;color:#fff}.primary-button.dark-button:hover{background:#495e72}.secondary-button:hover{background:#f5f7fa;color:#556d85}.round-button:hover{background:#dadee3}.link.icon-left,.link.icon-right{display:inline-flex;align-items:flex-start;font-size:13px;letter-spacing:-.25px;line-height:14px}.link.icon-left img{margin-right:4px;margin-top:1px}.link.icon-right img{margin-left:4px;margin-top:1px}.pill{display:inline-flex;align-items:center;justify-content:center;background:#e6eaf0;border-radius:10px;color:#808ca1;font-weight:500;font-size:11px;letter-spacing:-.15px;height:20px;line-height:20px;padding:0 6px;white-space:nowrap}.pill.report-type{text-transform:uppercase}.pill.status{color:#fff}.pill.contactperson{color:#fff;background:#00a7f1;font-size:13px;letter-spacing:-.4px;height:24px;line-height:24px;border-radius:12px;cursor:pointer}.pill.file-to-upload{font-size:14px;line-height:16px;padding:8px 12px;font-weight:400;border-radius:8px;height:auto;color:#556d85;white-space:normal;justify-content:space-between}.pill.icon-left img{margin-right:4px}.pill.icon-right img{margin-left:4px}.pill.file-to-upload.icon-right img{margin-left:8px;cursor:pointer}.lopend,.open,.te-doen{background:#ffb200!important}.informeren{background:#a9ded5!important}.aanbieden{background:#3fd9a5!important}.achterstallig,.verloren{background:#ff6b7a!important}.afgerond,.gedaan,.gewonnen,.opgelost{background:#1bbe00!important}.geannuleerd{background:#b7bfc7!important}.badge-count{display:inline-block;background:#00a7f1;border-radius:12px;color:#fff;text-align:center;font-weight:500;padding:0 6px;line-height:24px;min-width:24px;margin-left:8px}.hide-message{display:none!important}@media (min-width:0px) and (max-width:1140px){h3{font-size:14px;letter-spacing:-.19px}}@media (min-width:0px) and (max-width:576px){.show-mobile{display:block!important}.button-container.show-mobile{display:block!important}.hide-mobile{display:none!important}h1{font-size:18px;letter-spacing:-.3px}}.panels-container{display:flex;margin:-12px;flex-wrap:wrap}.panels-container.reports{flex-direction:column;flex-wrap:nowrap}.panel{background:#fff;border-radius:8px;flex:1 1 30%;margin:12px;min-width:280px;position:relative}.panels-container.prospect .panel{flex:1 1 45%}.panel-header{padding:24px;display:flex;align-items:flex-start}.panel-header .panel-actions{flex:0 0 auto;margin-left:auto}.panel-icon{margin-right:12px;flex:0 0 auto}.panel-heading{font-weight:500;font-size:16px;line-height:24px}.panel-arrow{position:absolute;left:0;top:0;width:100%;height:72px}.panel-arrow:after{content:"";display:block;width:16px;height:16px;position:absolute;right:28px;top:28px;background:transparent url(/Icons/16/darkgrey/icon-arrowdown-darkgrey-16.svg) center center no-repeat;transition:all .35s ease}.panel-body{padding:0 24px 0 24px}.panel-body>*{margin-bottom:16px}.panel-body>:last-child{margin-bottom:24px}.panel-title{padding:16px;display:flex;align-items:flex-start}.panel-subheading{font-weight:500;font-size:14px;line-height:26px}.cards{list-style:none}.card{background:#fff;box-shadow:0 2px 4px 0 rgba(63,76,89,.06),0 6px 16px 0 rgba(63,76,89,.08);border-radius:8px;display:flex;position:relative}.card:not(:last-child){margin-bottom:16px}.card:hover{box-shadow:0 2px 4px 0 rgba(63,76,89,.12),0 6px 16px 0 rgba(63,76,89,.24)}.card-border{min-width:6px;flex:0 0 auto;border-radius:8px 0 0 8px;background:#56cbff}.card-content{padding:16px 16px 16px 12px;flex:1}.card-content>:not(:last-child){margin-bottom:8px}h4.card-title{font-weight:500;line-height:18px}.card-content .card-status-pills{display:flex;align-items:center;margin-bottom:4px;flex-wrap:wrap}.card-content .card-status-pills .pill{margin:0 4px 4px 0}.card-byline{font-size:11.8px;letter-spacing:-.15px;line-height:14px;display:flex;align-items:flex-start}.card-byline .card-date{margin-right:6px}.card-author{color:#808ca1;padding-left:8px;position:relative}.card-author:before{content:"|";position:absolute;left:0;top:0;font-weight:500}.card-cells-wrapper{display:flex;align-items:center;flex-wrap:wrap;margin:0!important}.card-cell{flex:1 1 15%;margin-bottom:8px;margin-right:16px}.card-cell:last-child{margin-right:0}.card-cell.card-title-cell{flex-basis:25%}.card-cell.card-cell-with-icon{display:flex;align-items:center;white-space:nowrap}.card-cells-wrapper>.primary-button{flex:0 0 auto;margin:0 0 8px 0}.card-cell .card-title:not(:last-child){margin-bottom:6px}.card-cell.card-cell-with-icon>:first-child{margin-right:8px}.card-cell .card-cell-subtitle{margin-bottom:4px}.card-summary{font-size:12px;line-height:16px;background:#f5f7fa;border-radius:8px;padding:12px}.card-summary>:not(:first-child){margin-top:6px}.card-summary-row+.card-summary-row{margin-top:4px}.card-summary-row{font-size:13px;line-height:18px;display:flex;flex-wrap:wrap;word-break:break-word}.card-summary-row>:first-child{margin-right:6px}.card-info-row{display:flex;flex-wrap:wrap}.card-info-row:not(:last-child){margin-bottom:2px}.card-info-row>:first-child{margin-right:4px}.card-actions{padding:0 16px 0 0;flex:0 0 auto;display:flex;align-items:center}.card-actions .round-button:not(:last-child){margin-right:8px}.card-link:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0}.cards.customer-cards .card:not(:last-child){margin-bottom:24px}.card.customer-card .card-border{background:#00a7f1}.card.customer-card .card-content{padding:20px 16px 12px 16px}.card.customer-card .card-title{font-size:16px}.card.customer-card .card-title span{white-space:nowrap}.card-byline .card-customernumber{margin-right:6px}.card.task-card .card-border{padding:10px}.card.task-card .card-content{padding:12px}.task-heading{display:flex;align-items:flex-start;justify-content:space-between}.task-heading .card-title{margin-right:12px}.card.task-card .card-info-rows{line-height:16px}.card.task-card .card-actions{padding:0;justify-content:flex-end}@media (min-width:0px) and (max-width:576px){.panel.collapsible .panel-body{max-height:0;overflow:hidden;transition:max-height .35s ease-out}.panel-arrow.expanded:after{transform:rotate(180deg)}.card-cells-wrapper{flex-direction:column;align-items:flex-start}.card-cell{margin:0 0 8px 0;font-size:13px}.show-mobile.card-actions{display:flex!important}.card.customer-card .card-content{padding:16px 16px 8px 12px}}.customer-tabs ul.tabs:last-child{margin-bottom:24px;border-bottom:4px solid #556d85}.content:has(.sorting-bar.customer) .customer-tabs ul.tabs{margin-bottom:0!important}.sorting-bar.customer{padding:8px}.sorting-bar.customer .field-group{display:flex;align-items:center;flex-wrap:wrap}.sorting-bar.customer .field{margin:8px;display:flex;align-items:center}.sorting-bar.customer .field.date{margin-left:auto}.sorting-bar.customer .field label{margin-right:4px;margin-bottom:0}.sorting-bar.customer .field.date .input-group{flex-wrap:nowrap}.customer-title-container{border-left:6px solid #00a7f1;padding-left:12px}.customer-title{font-size:22px;letter-spacing:-.5px;line-height:26px;margin-bottom:8px}.customer-title span{white-space:nowrap}.customer-title-byline{display:flex;align-items:flex-start}.customer-number{font-size:18px;margin-right:10px}.customer-author{padding-left:10px;font-size:13px;line-height:16px;position:relative}.customer-author:before{content:"|";position:absolute;left:0;top:0;font-weight:500}.panel-section{position:relative}.panel-section:has(.panel-section-actions){min-height:32px}.panel-section-border{border-bottom:1px solid #e6eaf0}.panel-section>:not(:last-child){margin-bottom:12px}.panel-section-row{display:flex}.panel-section-row>div{flex:1}.panel-section-row>:first-child{font-weight:500}.panel-section-row>:last-child{word-break:break-word}.panel-section-row .address{margin-bottom:4px}.e-documents-title-container{margin-right:32px;margin-bottom:12px!important}.e-documents-title-container h4{margin-bottom:4px}.panel-section-byline{font-size:11.8px;letter-spacing:-.15px;line-height:14px;display:flex;align-items:flex-start;font-weight:400}.panel-section-row:has(+.panel-section-byline){margin-bottom:4px}.panel-section-author{color:#808ca1;padding-left:8px;position:relative}.panel-section-author:before{content:"|";position:absolute;left:0;top:0;font-weight:500}.panel-section-actions{position:absolute;top:0;right:0}.chart-body{display:flex;align-items:flex-end}.labels-box{display:flex;flex-direction:column;align-items:stretch;flex:1}.bars{width:40px;margin:0 auto}.label-year{font-size:11.8px;letter-spacing:-.15px;color:#808ca1;text-align:center;font-weight:500;line-height:14px;background:#ebeef2;padding:8px 0 4px 0}.label-revenue{font-size:13px;text-align:center;font-weight:500;background:#ebeef2;line-height:16px;padding:0 0 8px 0}.product-group{display:flex;align-items:baseline}.product-group:not(:last-child){margin-bottom:4px}.product-group .percentage{text-align:right;font-size:12px;font-weight:500;letter-spacing:-.2px;margin-right:6px;white-space:nowrap;flex:1}.product-group .group-name{font-size:12px;line-height:14px;flex:4}.stacked-bar-graph .stacked-bar-graph-bar{height:12px;display:flex;margin-bottom:12px}.stacked-bar-graph .stacked-bar-graph-bar .bar{border-radius:6px}.stacked-bar-graph .stacked-bar-graph-bar .bar:has(~.bar:not([style="width:0%"])){border-top-right-radius:0;border-bottom-right-radius:0}.stacked-bar-graph .stacked-bar-graph-bar .bar:not([style="width:0%"])~.bar{border-top-left-radius:0;border-bottom-left-radius:0}.stacked-bar-graph .stacked-bar-graph-bar .invoice-cancelled-bar{background:#d30016}.stacked-bar-graph .stacked-bar-graph-bar .invoice-open-bar{background:#ffb200}.stacked-bar-graph .stacked-bar-graph-bar .creditspace-bar{background:#1bbe00}.stacked-bar-graph .stacked-bar-graph-labels{display:flex;text-align:center;justify-content:space-around;align-items:center}.stacked-bar-graph .customer-payment-credit{font-size:11.8px;letter-spacing:-.15px;color:#808ca1;font-weight:500;line-height:14px}.stacked-bar-graph .customer-payment-credit-numbers{font-size:13px;font-weight:500}.card.contactperson-card .card-border{padding:16px 12px;background:#f5f7fa}.card.contactperson-card .card-title{margin-right:68px}.card.contactperson-card .card-info-row>:first-child{min-width:100px}.card.contactperson-card .card-info-row-email{line-height:24px}.card-info-email-address{display:flex;align-items:center}.copy-to-clipboard{position:relative;flex:0 0 auto;margin-left:6px;visibility:hidden}.card-info-email-address:hover .copy-to-clipboard{visibility:visible}.tooltiptext{visibility:hidden;opacity:0;width:auto;background-color:#556d85;color:#fff;border-radius:6px;padding:6px 8px;font-size:12px;position:absolute;bottom:100%;left:50%;transform:translate(-50%,0);margin-bottom:6px;z-index:1;transition:opacity .3s}.tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border:6px solid transparent;border-top-color:#556d85}.copy-to-clipboard:hover .tooltiptext{visibility:visible;opacity:1}.round-button.copy-to-clipboard-button{padding:6px;background:#f5f7fa}.card.contactperson-card .card-actions{position:absolute;top:12px;right:12px;padding:0}.card.webshopaccount-card{box-shadow:none;margin-bottom:0;border-bottom:1px solid #e6eaf0;border-radius:0}.card.webshopaccount-card .card-content{padding:16px 0 8px 0}.card.webshopaccount-card .card-cells-wrapper{align-items:flex-start}.card.webshopaccount-card .card-actions{padding:16px 0 0 16px;align-items:flex-start}.panel .card.webshopaccount-card .card-content{padding:12px 12px 4px 12px}.card.document-card{box-shadow:none;margin-bottom:0;border-bottom:1px solid #e6eaf0;border-radius:0}.card.document-card .card-content{padding:16px 0 8px 0}.card.document-card .card-cells-wrapper{align-items:flex-start}.card.document-card .card-actions{padding:16px 0 0 16px;align-items:flex-start}.panel .card.document-card .card-content{padding:12px 12px 4px 12px}.panel .card.document-card .card-actions{padding:0 12px 0 0;align-items:center}.panel-link{text-align:right}.customer-tasks{margin-bottom:24px}.customer-tasks .button-container{margin-bottom:16px}.task-filter{display:flex;align-items:center;margin:-2px}.task-filter input[type=radio]{position:absolute;top:0;left:0;visibility:hidden;pointer-events:none}.task-filter label{cursor:pointer;margin:2px}.task-filter input[type=radio]:not(:checked)+label{background:0 0!important;color:#808ca1}.task-filter+.task-cards li:first-child{margin-top:16px}.customer-section-border{border-bottom:1px solid #d3d6db;margin-bottom:24px}.cards.report-cards .card:not(:last-child){margin-bottom:24px}.cards.contactperson-cards{display:flex;flex-wrap:wrap;margin:-12px}.cards.contactperson-cards .card{margin:12px;width:calc(33.33% - 24px)}.cards.webshopaccount-cards{background:#fff;border-radius:8px;padding:16px 24px 24px 24px}.cards.document-cards{background:#fff;border-radius:8px;padding:16px 24px 24px 24px}.alert-bar{background:#fff;box-shadow:0 2px 4px 0 rgba(63,76,89,.06),0 6px 16px 0 rgba(63,76,89,.08);border-radius:8px;overflow:hidden;display:flex;margin-bottom:24px}.alert-icon{flex:0 0 auto;padding:12px;background:#1bbe00;display:flex;align-items:center;justify-content:center}.alert-message{font-size:13px;line-height:18px;padding:12px}.cards.matter-cards .card:not(:last-child){margin-bottom:24px}.cards.refund-cards .card:not(:last-child){margin-bottom:24px}.card.refund-card .card-border{background:#00a7f1}.card.refund-card .card-summary-row+.card-summary-row{margin-top:8px}.card.refund-card .card-actions{position:absolute;top:16px;right:16px;padding:0}.card-summary .card-summary-attachment{display:block;margin-top:12px}.card-summary-attachment .img-thumbnail{width:auto;height:auto;max-width:250px;max-height:250px}@media (min-width:0px) and (max-width:1140px){.copy-to-clipboard{visibility:visible}}@media (min-width:0px) and (max-width:928px){.cards.contactperson-cards .card{width:calc(50% - 24px)}}@media (min-width:0px) and (max-width:576px){.button-container .page-title{margin-top:16px;font-size:22px}.customer-tabs ul.tabs{display:none}.sorting-bar.customer{border-radius:8px;flex-direction:column-reverse;align-items:flex-start}.sorting-bar.customer .field.date{margin-left:8px}.panel-section>:not(:last-child){margin-bottom:6px}.panel .card.refund-card .card-content{padding-bottom:8px}.cards.contactperson-cards .card{width:calc(100% - 24px)}.cards.webshopaccount-cards .card-actions{position:absolute;top:16px;right:0;padding:0}.cards.webshopaccount-cards .card-cell{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:4px}.cards.webshopaccount-cards .card-cell.card-title-cell{margin-bottom:8px;margin-right:72px}.cards.webshopaccount-cards .card-cell-subtitle{min-width:90px;margin:0 8px 0 0}.cards.document-cards .card-actions{position:absolute;top:16px;right:0;padding:0}.cards.document-cards .card-cell{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:4px}.cards.document-cards .card-cell.card-title-cell{margin-bottom:8px;margin-right:32px}.cards.document-cards .primary-button{margin-top:4px}.cards.document-cards .card-cell-subtitle{min-width:90px;margin:0 8px 0 0}}label{display:block;font-size:13px;color:#808ca1;line-height:14px;margin-bottom:4px}label.not-required::after{content:"(niet verplicht)";margin-left:4px;font-size:12px;color:#9aa5b1;letter-spacing:-.15px}.field-help{font-size:12px;color:#9aa5b1;letter-spacing:-.15px}::placeholder{opacity:1;color:#b7bfc7}input[type=number],input[type=password],input[type=tel],input[type=text]{-webkit-appearance:none;-moz-appearance:textfield;appearance:none;background-color:#fff;border:2px solid #e6eaf0;border-radius:20px;font-family:Ubuntu,sans-serif;font-size:14px;color:#556d85;outline:0;padding:0 12px;height:40px;line-height:40px;width:100%;max-width:380px;transition:150ms ease all;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}textarea{-webkit-appearance:none;-moz-appearance:textfield;appearance:none;background-color:#fff;border:2px solid #e6eaf0;border-radius:8px;font-family:Ubuntu,sans-serif;font-size:14px;color:#556d85;outline:0;padding:8px;width:100%;max-width:380px;transition:150ms ease all;min-height:114px;margin:0}input[type=date]{-webkit-appearance:none;-moz-appearance:textfield;appearance:none;background-color:#fff;border:2px solid #e6eaf0;border-radius:20px;font-family:Ubuntu,sans-serif;font-size:14px;color:#556d85;outline:0;padding:0 6px;height:40px;line-height:40px;transition:150ms ease all;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1 1 auto;cursor:pointer;letter-spacing:-.6px}.field>input[type=date]{width:100%;max-width:380px}input[type=time]{-webkit-appearance:none;-moz-appearance:textfield;appearance:none;background-color:#fff;border:2px solid #e6eaf0;border-radius:20px;font-family:Ubuntu,sans-serif;font-size:14px;color:#556d85;outline:0;padding:0 6px;height:40px;line-height:40px;transition:150ms ease all;flex:1 1 auto;min-width:64px;cursor:pointer;letter-spacing:-.6px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url(/Icons/12/darkgrey/icon-arrowdown-darkgrey-12.svg) right 10px center no-repeat;border:2px solid #e6eaf0;border-radius:20px;font-family:Ubuntu,sans-serif;font-size:14px;color:#556d85;outline:0;padding:0 28px 0 12px;line-height:36px;width:100%;max-width:380px;transition:150ms ease all;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer}input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;border:2px solid #e6eaf0;border-radius:3px;font:inherit;margin:0;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;transition:150ms ease all;cursor:pointer}input[type=checkbox]:before{content:"";width:12px;height:12px;background:transparent url(/Icons/12/white/icon-check-white-12.svg) center center no-repeat;transform:scale(0);transform-origin:bottom left;transition:120ms transform ease-in-out}input[type=checkbox]+label{display:inline-block;font-size:14px;color:#556d85;line-height:20px;margin-bottom:0;padding-left:6px}input[type=checkbox]:not(:disabled)+label{cursor:pointer}.field input[type=radio]{position:absolute;top:0;left:0;visibility:hidden;pointer-events:none}.field input[type=radio]+label{padding:11px 12px;border:2px solid #e6eaf0;display:inline-block;font-size:12px;line-height:14px;border-radius:20px;cursor:pointer;font-weight:500;color:#556d85}input.custom-select-input{background:#fff url(/Icons/12/darkgrey/icon-arrowdown-darkgrey-12.svg) right 10px center no-repeat;padding-right:28px;cursor:pointer}div.custom-select-input{background:#fff url(/Icons/12/darkgrey/icon-arrowdown-darkgrey-12.svg) right 10px top 12px no-repeat;border:2px solid #e6eaf0;border-radius:20px;font-size:14px;padding:4px 28px 4px 4px;min-height:40px;width:100%;max-width:380px;display:flex;align-items:center;flex-wrap:wrap;transition:150ms ease all;cursor:pointer;outline:0}div.custom-select-input .pill{margin:2px;flex-shrink:0}div.custom-select-input:hover,input[type=checkbox]:hover,input[type=date]:hover,input[type=number]:hover,input[type=password]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=time]:hover,select:hover,textarea:hover{border-color:#d3d6db}.field input[type=radio]+label:hover{border-color:#d3d6db}.field-dropdown input[type=checkbox]:hover{border-color:#00a7f1}div.custom-select-input:focus,div.custom-select-input:focus-visible,input[type=date]:focus,input[type=date]:focus-visible,input[type=number]:focus,input[type=number]:focus-visible,input[type=password]:focus,input[type=password]:focus-visible,input[type=tel]:focus,input[type=tel]:focus-visible,input[type=text]:focus,input[type=text]:focus-visible,input[type=time]:focus,input[type=time]:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible{border-color:#9aa5b1}input[type=checkbox]:checked{background-color:#00a7f1;border-color:#00a7f1}input[type=checkbox]:checked:before{transform:scale(1)}.field input[type=radio]:checked+label{background-color:#00a7f1;border-color:#00a7f1;color:#fff}input:disabled,select:disabled{background-color:#f5f7fa;border-color:#e6eaf0;color:#9aa5b1;cursor:default;pointer-events:none}.field input[type=radio]:disabled+label{background-color:#f5f7fa;border-color:#e6eaf0;color:#9aa5b1;cursor:default;pointer-events:none}.field .invalid{border-color:#ff6b7a!important}.validation-message{font-size:10px;color:#ff6b7a}.form-subheading{border-bottom:4px solid #e6eaf0;margin-bottom:24px;font-size:17px;font-weight:400}.form-subheading span{border-bottom:4px solid #00a7f1;display:inline-block;padding-bottom:12px;margin-bottom:-4px}.form-subheading:not(:first-child) span{padding-top:8px}.field{margin:0 auto 16px auto;max-width:380px;position:relative}.search-user-container{position:relative}.search-user-container .clear-icon{visibility:visible;cursor:pointer;padding:4px;border:none;background:0 0;position:absolute;right:8px;bottom:8px}.input-group{display:flex;flex-wrap:wrap;align-items:center;margin:-2px}.input-group>*{margin:2px}.input-group>.input-group{margin:0;flex:1 1 auto}.input-group select{width:auto;flex:1 1 auto}.input-group input[type=text]{flex:1 1 40%}.field-row{position:relative}.field-row+.field-row{margin-top:8px}.checkbox-row{display:flex;align-items:center}.checkbox-row:not(:first-child){margin-top:12px}.field .link:not(:first-child){margin-top:8px}.input-container{position:relative;display:flex;align-items:center}.input-currency{position:absolute;left:10px;pointer-events:none}.input-currency+input[type=text]{padding-left:22px}.text-editor{background-color:#fff;border:2px solid #e6eaf0;border-radius:8px;width:100%;max-width:380px;transition:150ms ease all}.text-editor:hover{border-color:#d3d6db}.text-editor:focus,.text-editor:focus-visible{border-color:#9aa5b1}.ql-toolbar.ql-snow{padding:8px;border:none!important;border-bottom:2px solid #e6eaf0!important}.ql-container.ql-snow{border:none!important;font-size:14px;font-family:Ubuntu,sans-serif}.ql-editor{padding:12px;min-height:120px}strong{font-weight:700!important}.field.large-upload-field{max-width:480px}.upload-box{background:#fff;border:2px dashed #e6eaf0;position:relative;padding:16px;display:flex;flex-direction:column}.field.large-upload-field .upload-box{padding:32px;min-height:280px}.form-upload{display:flex;flex-direction:column;align-items:stretch;margin-bottom:16px}.form-upload>.pill{z-index:1}.form-upload>.pill:not(:last-child){margin-bottom:4px}.upload-box .drag-files{display:flex;flex-direction:column;align-items:center;flex:1;justify-content:center}.upload-box .drag-files>img{margin-bottom:8px}.upload-box .drag-files .drag-file-text{color:#9aa5b1;text-align:center;margin-bottom:8px}.upload-box .drag-files input[type=file]{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.form-file{padding:16px;border-radius:8px;background-color:#fff;border:2px solid #e6eaf0}.form-file:hover{border-color:#d3d6db}.files-placeholder{color:#9aa5b1;margin-bottom:8px}.form-actions{padding:8px 0;margin:-2px}.form-actions>*{margin:2px}.search{position:relative}input.search-input{padding-right:68px;max-width:none}.field input.search-input{padding-right:28px;max-width:380px}.search-button{padding:8px 12px 8px 8px;border:none;background:#00a7f1;border-radius:0 20px 20px 0;position:absolute;right:0;bottom:0}.clear-icon{visibility:hidden;padding:4px;border:none;background:0 0;position:absolute;right:8px;bottom:8px}.search-button~.clear-icon{right:48px}.custom-select-input~.clear-icon{right:28px}.search-input:not(:placeholder-shown)~.clear-icon{visibility:visible}.active-filter~.clear-icon{visibility:visible}.field-row .clear-icon{visibility:visible;background:#f5f7fa;padding:10px;right:2px;bottom:2px;border-radius:0 20px 20px 0}.filter-fields-wrapper{background:#fff;box-shadow:inset 0 4px 0 0 #556d85;border-radius:0 0 8px 8px;padding:8px 12px 12px 12px;display:flex;align-items:flex-start;flex-wrap:wrap;margin-bottom:16px}.filter-fields-wrapper .filter-field{position:relative;flex:1 1 10%;margin:8px 4px}.filter-fields-wrapper .filter-field.search{flex-basis:20%}.filter-fields-wrapper .filter-field.date{flex-basis:22%}.filter-fields-wrapper input.custom-select-input{padding-right:48px;max-width:none}.filter-fields-wrapper input.active-filter{border-color:#00a7f1!important}.field-dropdown{background:#fff;border:2px solid #9aa5b1;box-shadow:0 2px 4px 0 rgba(63,76,89,.12),0 6px 16px 0 rgba(63,76,89,.24);border-radius:12px;padding:8px 0;position:absolute;z-index:1000;display:none;width:100%}.field-dropdown.show{display:block}.field-dropdown input.search-input{border:none;border-bottom:1px solid #e6eaf0;border-radius:0;font-size:13.6px;padding:0 12px 0 38px;height:32px;background:url(/Icons/24/accent/icon-search-accent-24.svg) 10px center no-repeat}.field-dropdown ul{list-style:none;max-height:300px;overflow-y:auto}.field-dropdown li{font-size:13.6px;line-height:16px;padding:8px 12px;cursor:pointer;position:relative}.field-dropdown li:hover{background:#e6eaf0}.field-dropdown li.disabled{pointer-events:none;opacity:.6}.field-dropdown li.search-link{color:#0092d2;display:flex;align-items:center;padding:4px 12px;letter-spacing:-.3px}.field-dropdown li.search-link img{margin-right:4px}.field-dropdown input[type=checkbox]{position:absolute}.field-dropdown input[type=checkbox]+label{display:block;padding:8px 12px 8px 38px;margin:-8px -12px}label.dark{color:#b7bfc7}.custom-select-input.dark{background-color:#495e72;background-image:url(/Icons/12/grey/icon-arrowdown-grey-12.svg);border-color:#495e72;border-radius:16px;font-size:14px;color:#b7bfc7;height:32px;line-height:32px}select.dark{background-color:#495e72;background-image:url(/Icons/12/grey/icon-arrowdown-grey-12.svg);border-color:#495e72;border-radius:16px;color:#b7bfc7;line-height:28px}input[type=date].dark{background-color:#495e72;border-color:#495e72;border-radius:16px;color:#b7bfc7;height:32px;line-height:32px}.custom-select-input.dark:focus,.custom-select-input.dark:focus-visible,.custom-select-input.dark:hover,input[type=date].dark:focus,input[type=date].dark:focus-visible,input[type=date].dark:hover,select.dark:focus,select.dark:focus-visible,select.dark:hover{border-color:#415466}ul.tabs{list-style:none;display:flex;align-items:flex-end;flex-wrap:wrap}ul.tabs li:not(:last-child){margin-right:4px}ul.tabs input{position:absolute;top:0;left:0;visibility:hidden;pointer-events:none}ul.tabs .tab{display:block;background:#fff;border-radius:4px;padding:10px 8px 10px 12px;margin-bottom:4px;font-size:14px;color:#556d85;line-height:20px;cursor:pointer;white-space:nowrap}ul.tabs .tab:hover{box-shadow:inset 0 2px 0 0 #556d85;border-radius:0 0 4px 4px}ul.tabs .tab.active,ul.tabs input:checked+.tab{background:#556d85;border-radius:8px 8px 0 0;padding-top:18px;padding-bottom:14px;color:#fff;margin-bottom:0}ul.tabs .tab .badge-count{background:#e6eaf0;color:inherit;min-width:20px;line-height:20px}ul.tabs .tab.active .badge-count,ul.tabs input:checked+.tab .badge-count{background:#00a7f1}.sorting-bar{background:#556d85;border-radius:0 0 8px 8px;display:flex;align-items:center;padding:10px 0 12px 14px;margin-bottom:24px}ul.filter-pills{list-style:none;display:flex;align-items:center;flex-wrap:wrap}ul.filter-pills li{margin:2px}ul.filter-pills input{position:absolute;top:0;left:0;visibility:hidden;pointer-events:none}ul.filter-pills .filter-pill{color:#b7bfc7;margin:0;background:#495e72;border-radius:16px;padding:8px;line-height:16px;cursor:pointer;white-space:nowrap}ul.filter-pills .filter-pill:hover{background:#415466}ul.filter-pills input:checked+.filter-pill{background:#00a7f1;color:#fff}.filter-field.sort{margin-left:auto}ul.tabs-with-icons{list-style:none;display:flex;align-items:center}ul.tabs-with-icons li:not(:last-child){border-right:2px solid #b7bfc7}ul.tabs-with-icons input{position:absolute;top:0;left:0;visibility:hidden;pointer-events:none}ul.tabs-with-icons .tab-with-icon{color:#b7bfc7;margin:0;display:flex;flex-direction:column;align-items:center;padding:0 16px;cursor:pointer;white-space:nowrap}ul.tabs-with-icons .tab-with-icon:hover{color:#e6eaf0}ul.tabs-with-icons input:checked+.tab-with-icon{color:#fff;position:relative}ul.tabs-with-icons .tab-with-icon img{opacity:.5;margin-bottom:4px}ul.tabs-with-icons .tab-with-icon:hover img{opacity:.7}ul.tabs-with-icons input:checked+.tab-with-icon img{opacity:1}ul.tabs-with-icons input:checked+.tab-with-icon:after{content:"";position:absolute;bottom:-22px;width:20px;height:10px;background:transparent url(/Icons/20/triangle-darkgrey.svg) center center no-repeat}@media (min-width:0px) and (max-width:1140px){.filter-fields-wrapper.reports .filter-field{flex-basis:40%}.filter-fields-wrapper.customers .filter-field{flex-basis:30%}.filter-fields-wrapper.prospects .filter-field{flex-basis:40%}}@media (min-width:0px) and (max-width:576px){.filter-fields-wrapper.reports .filter-field{flex-basis:90%}.filter-fields-wrapper.customers .filter-field{flex-basis:90%}.filter-fields-wrapper.prospects .filter-field{flex-basis:90%}.filter-tabs{background:#556d85;border-radius:8px 8px 0 0;display:flex;flex-direction:column;padding:8px 8px 0 8px}.filter-tabs .filter-field{position:relative;margin:8px}.sorting-bar{flex-direction:column;padding:0 8px 8px 8px;align-items:stretch}.sorting-bar .filter-field{position:relative;margin:8px!important}.converted-dropdown-dark{background:#495e72;border:2px solid #415466;border-radius:12px;padding:8px 0;position:absolute;top:100%;z-index:1000;width:100%;max-width:380px;display:none}.converted-dropdown-dark ul{flex-direction:column;align-items:stretch}.converted-dropdown-dark ul li{margin:0!important;border:none!important}.converted-dropdown-dark ul label{background:0 0!important;color:#b7bfc7!important;border-radius:0!important;padding:8px 12px!important;margin:0!important;font-size:13.6px!important;align-items:flex-start!important;line-height:16px!important;box-shadow:none!important}.converted-dropdown-dark ul label .badge-count{background:0 0!important;padding:0!important;min-width:auto!important;font-weight:400!important;line-height:16px!important}.converted-dropdown-dark ul label .badge-count:after{content:")"}.converted-dropdown-dark ul label .badge-count:before{content:"("}.converted-dropdown-dark ul input:checked+label:after{display:none}.converted-dropdown-dark ul label img{display:none}.upload-box .drag-files .drag-file-text{display:none}}.modal-container{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:100;align-items:center;justify-content:center;display:flex;display:none;opacity:0}.modal-container.active{animation:ModalFadeIn .3s ease-in-out;display:flex;opacity:1}@keyframes ModalFadeIn{0%{display:none;opacity:0}1%{display:flex;opacity:0}100%{opacity:1}}.modal-overlay{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:rgba(178,190,208,.64)}.modal{background:#fff;box-shadow:0 2px 12px 0 rgba(63,76,89,.1),0 6px 42px 0 rgba(63,76,89,.16),inset 0 6px 0 0 #00a7f1;border-radius:0 0 8px 8px;margin:auto 20px;width:100%;max-width:424px;padding:38px 32px 32px 32px;position:relative;max-height:720px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c5c9cc transparent}.modal-actions{position:absolute;top:22px;right:16px}.modal-title{font-size:22px;font-weight:500;margin-bottom:32px}@media (min-width:0px) and (max-width:576px){.modal{padding:32px 24px 24px 24px;max-width:408px}.modal-title{margin-bottom:24px}}.page-actions{position:absolute;top:24px;right:24px;display:flex;align-items:center}.page-actions .round-button:not(:last-child){margin-right:8px}.page-status-pills{display:flex;align-items:center;margin-bottom:8px;flex-wrap:wrap}.page-status-pills .pill{margin:0 4px 4px 0}.page-byline{font-size:12px;line-height:14px;margin-bottom:12px}.page-status-container ul{list-style:none;display:flex;align-items:flex-start;background-color:transparent!important}.page-status-container li{position:relative;text-align:center;flex:1}.page-status-container .pill{background:0 0}.page-status-container li:before{content:"";display:block;width:16px;height:16px;background-color:#e6eaf0;border-radius:50%;margin:0 auto 8px auto;position:relative;z-index:1}.page-status-container li:not(:first-child):after{content:"";width:100%;height:4px;background-color:#e6eaf0;position:absolute;top:6px;left:-50%}.lopend li.active:before,.lopend li:not(:first-child).active:after,.open li.active:before,.open li:not(:first-child).active:after{background-color:#ffb200}.informeren li.active:before,.informeren li:not(:first-child).active:after{background-color:#a9ded5}.aanbieden li.active:before,.aanbieden li:not(:first-child).active:after{background-color:#3fd9a5}.verloren li.active:before,.verloren li:not(:first-child).active:after{background-color:#ff6b7a}.afgerond li.active:before,.afgerond li:not(:first-child).active:after,.gewonnen li.active:before,.gewonnen li:not(:first-child).active:after,.opgelost li.active:before,.opgelost li:not(:first-child).active:after{background-color:#1bbe00}.page-info-rows{margin-bottom:24px;margin-top:32px}.page-info-row:not(:last-child){margin-bottom:6px}.page-info-row>:first-child{margin-right:4px}.page-info-row.date-time{display:flex;align-items:center}.page-info-row.date-time>:first-child{margin-right:16px}.page-info-row.date-time div{display:flex;align-items:center}.page-info-row.date-time div img{margin-right:8px}.page-status-update{display:flex}.page-status-update:not(:last-child){margin-bottom:24px}.page-status-update:first-child{margin-top:32px}.page-status-update-content{flex:1;padding-left:12px}.page-summary{background:#f5f7fa;border-radius:8px;padding:24px;word-break:break-word}.page-summary>:not(:last-child){margin-bottom:16px}.page-summary-subtitle{margin-bottom:2px;font-weight:700}.page-summary .cards{padding:0 16px;background:#fff;border-radius:8px}.page-summary .card.document-card:last-child{border:none}.page-summary .card.document-card .card-cells-wrapper{flex-direction:column;align-items:flex-start}.page-summary .card.document-card .card-cell{display:flex;flex-direction:row;flex-wrap:wrap;align-self:stretch;margin-right:0;margin-bottom:4px}.page-summary .card.document-card .card-cell.card-title-cell{margin-bottom:8px}.page-summary .card.document-card .primary-button{margin-top:4px}.page-summary .card.document-card .card-cell-subtitle{min-width:40%;margin:0 8px 0 0}.page-tasks{min-width:288px;flex:1}.page-tasks .button-container{margin-bottom:0;display:flex;justify-content:space-between;align-items:flex-start}.page-tasks .card:first-child{margin-top:16px}.list-disabled{pointer-events:none!important;opacity:.6!important}.button-container-export{display:flex;justify-content:flex-end;margin-bottom:16px}@media (min-width:0px) and (max-width:576px){.page-actions{top:16px;right:16px}.page-summary{padding:16px}}.text-welcome{font-size:24px;letter-spacing:-.4px;line-height:28px;margin-bottom:24px;text-align:center}.search.dashboard{width:100%;max-width:320px;margin:0 auto 24px auto}.search.dashboard .search-input{box-shadow:0 2px 4px 0 rgba(63,76,89,.06),0 6px 16px 0 rgba(63,76,89,.08);border:none}.search.dashboard .search-input:hover{box-shadow:0 2px 4px 0 rgba(63,76,89,.06),0 6px 16px 0 rgba(63,76,89,.14)}.search.dashboard .search-input:focus,.search.dashboard .search-input:focus-visible{box-shadow:0 2px 4px 0 rgba(63,76,89,.12),0 6px 16px 0 rgba(63,76,89,.24)}.search.dashboard .field-dropdown{border:none;margin-top:4px}.search.dashboard .field-dropdown>p{margin:0 12px;padding:8px 0}.search.dashboard .field-dropdown>p:not(:first-child){border-top:1px solid #e6eaf0;margin-top:8px}.button-container.dashboard{display:flex;align-items:flex-start;flex-wrap:wrap;margin:0 auto 16px auto;max-width:358px}.button-container.dashboard .primary-button{margin-bottom:8px}.button-container.dashboard .primary-button:not(:last-child){margin-right:8px}.task-section-heading{margin-bottom:12px;text-transform:uppercase}.pagination-container{display:flex;align-items:center;justify-content:center;padding-top:24px;flex-wrap:wrap}.pagination-info{margin:8px 14px}.pagination-items-per-page{margin:8px 14px;display:flex;align-items:center}.pagination-items-per-page>:not(:last-child){margin-right:6px}.pagination-items-per-page p{white-space:nowrap}.pagination-items-per-page select{width:auto}ul.pagination{list-style:none;display:flex;align-items:center;background:#fff;border-radius:20px;margin:8px 2px}ul.pagination li:not(:last-child){margin-right:6px}.page{padding-left:6px;padding-right:6px;min-width:36px;border-radius:20px;line-height:36px;display:block;text-align:center;font-weight:500}.page.first-page,.page.last-page{padding:0;background-color:#fff;width:40px;height:40px;margin:8px 2px;background-position:center center;background-repeat:no-repeat}.page.first-page{background-image:url(/Icons/12/accent/icon-arrowfirst-accent-12.svg)}.page.first-page.disabled{background-image:url(/Icons/12/grey/icon-arrowfirst-grey-12.svg)}.page.last-page{background-image:url(/Icons/12/accent/icon-arrowlast-accent-12.svg)}.page.last-page.disabled{background-image:url(/Icons/12/grey/icon-arrowlast-grey-12.svg)}.page.next,.page.previous{padding:0;background-color:#fff;width:40px;height:40px;background-position:center center;background-repeat:no-repeat}.page.previous{background-image:url(/Icons/12/accent/icon-arrowleft-accent-12.svg);border-radius:20px 0 0 20px}.page.previous.disabled{background-image:url(/Icons/12/grey/icon-arrowleft-grey-12.svg)}.page.next{background-image:url(/Icons/12/accent/icon-arrowright-accent-12.svg);border-radius:0 20px 20px 0}.page.next.disabled{background-image:url(/Icons/12/grey/icon-arrowright-grey-12.svg)}.page.disabled{pointer-events:none}.page:hover{background-color:#00a7f1;color:#fff}.page.first-page:hover{background-image:url(/Icons/12/white/icon-arrowfirst-white-12.svg)}.page.last-page:hover{background-image:url(/Icons/12/white/icon-arrowlast-white-12.svg)}.page.previous:hover{background-image:url(/Icons/12/white/icon-arrowleft-white-12.svg)}.page.next:hover{background-image:url(/Icons/12/white/icon-arrowright-white-12.svg)}.page.active{background-color:#556d85;color:#fff}@media (min-width:0px) and (max-width:1140px){.pagination-info{flex-basis:100%;text-align:center}.pagination-items-per-page{flex-basis:100%;justify-content:center}}@media (min-width:0px) and (max-width:576px){.page.first-page,.page.last-page,.pagination-items-per-page{display:none}}.loading-panel-wrapper{position:fixed;top:0;left:0;z-index:123456;justify-content:center;align-items:center;display:flex;width:100%;height:100%;overflow-x:hidden}.loading-panel-overlay{background:rgba(178,190,208,.64);position:absolute;width:100%;height:100%;opacity:.5}.spinner{width:38px;height:38px;border:4px solid #fff;border-bottom-color:#00a7f1;border-radius:50%;display:inline-block;box-sizing:border-box;animation:spinner 1s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.form-container{background:#fff;border-radius:12px;display:flex;flex-wrap:wrap;width:100%;padding:15px;margin-bottom:16px}.simple-form-container{background:#fff;border-radius:8px;display:flex;flex-wrap:wrap;width:100%;padding:15px;margin-bottom:16px;cursor:pointer}.simple-form-body{display:flex;align-items:center;gap:8px}.form-title{width:100%;display:flex;margin-bottom:10px}.div-title{height:32px;max-height:40px;width:auto;background:#fff;display:flex;flex:1 0 auto;border:2px solid #00a7f1;border-width:0 0 4px 0;font-size:17px;color:#556d85;letter-spacing:-.23px;font-weight:400}.form-main-title{font-size:18px;color:#556d85;letter-spacing:-.4px;line-height:24px;font-weight:500}.div-line{height:32px;max-height:40px;width:100%;background:#fff;display:flex;border:2px solid #e6eaf0;border-width:0 0 4px 0}.form-label{font-size:13px;color:#9aa5b1}.form-small-label{font-size:12px;color:#b7bfc7}.form-link{font-size:16px;color:#556d85;letter-spacing:-.21px;line-height:24px;font-weight:500}.form-container input[type=text],input[type=number],input[type=password],input[type=tel]{-webkit-appearance:none!important;-moz-appearance:none!important;background:#fff!important;border:2px solid #e6eaf0;border-radius:100px;box-sizing:border-box;transition:.3s;outline:0!important;overflow:hidden;position:relative;display:inline-block;text-align:start;text-decoration:none!important;text-overflow:ellipsis;white-space:nowrap;width:100%;cursor:auto;height:40px;line-height:36px;padding:7px 12px;font-size:14px;font-weight:400;color:#556d85!important}.form-container input[type=text]:hover,input[type=number]:hover,input[type=password]:hover,input[type=tel]:hover{background:#fff!important;border:2px solid #d3d6db;border-radius:100px}.form-container input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,input[type=tel]:focus{background:#fff!important;border:2px solid #9aa5b1!important;border-radius:100px}.form-container input[type=text]:disabled{background:#f5f7fa!important;border:2px solid #e6eaf0!important;border-radius:100px!important;cursor:not-allowed!important}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.form-dateTime{display:flex;align-items:center;gap:4px;width:100%}.form-container input[type=date]:hover,input[type=time]:hover{border-color:#d3d6db!important}.form-container input[type=date]:focus-within,input[type=time]:focus-within{border-color:#9aa5b1!important}.form-container input[type=date]{-webkit-appearance:none!important;-moz-appearance:none!important;background:inherit;border:2px solid #e6eaf0!important;border-radius:100px!important;cursor:pointer!important;height:40px!important;outline:0!important;box-sizing:border-box!important;transition:.3s!important;overflow:hidden!important;text-decoration:none!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%;min-width:172px!important;font-size:14px!important;font-weight:400;color:#556d85!important}.form-dateTime input[type=time]{-webkit-appearance:none!important;-moz-appearance:none!important;background:#fff!important;border:2px solid #e6eaf0;border-radius:100px!important;cursor:pointer!important;height:40px!important;outline:0!important;box-sizing:border-box!important;transition:.3s!important;overflow:hidden!important;text-decoration:none!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%;min-width:84px;font-size:14px!important;font-weight:400;color:#556d85!important}input[type=time]::-webkit-datetime-edit-ampm-field{display:none}input[type=time]::-webkit-calendar-picker-indicator{background-image:url(/Icons/12/darkgrey/icon-arrowdown-darkgrey-12.svg)!important;background-repeat:no-repeat;width:12px;height:12px;margin-left:2px!important}.form-container textarea{-webkit-appearance:none!important;-moz-appearance:none!important;background:#fff;border:2px solid #e6eaf0;border-radius:8px;outline:0!important;text-decoration:none!important;width:100%;cursor:auto;padding:7px 12px;font-size:14px;font-weight:400;color:#556d85!important;min-height:114px}.form-container textarea:hover{background:#fff!important;border:2px solid #d3d6db;border-radius:8px}.form-container textarea:focus{background:#fff!important;border:2px solid #9aa5b1!important;border-radius:8px;outline:0!important}.form-container .invalid{border:2px solid #ff6b7a!important}.custom-select-dropdown:focus-within.invalid{border:2px solid #ff6b7a!important}.form-container .validation-message{color:#ff6b7a!important;font-size:10px!important}.hidden{display:none}.form-container .customer-search-input .cancelIcon{position:absolute;right:16px;top:9px;cursor:pointer!important}.form-container>.form-body{width:100%;justify-content:center;align-items:center;display:flex;margin-bottom:20px;flex-direction:column;gap:8px}.form-fields{width:100%;max-width:380px}.form-footer{width:100%;display:flex;flex-wrap:wrap;justify-content:start;align-items:center;gap:4px}.footer-fields{width:auto}.app-image{display:inline-block;object-fit:cover;margin:auto}.form-select{-webkit-appearance:none!important;-moz-appearance:none!important;cursor:pointer!important;background:#fff;border-radius:100px;border:2px solid #e6eaf0;display:inline-block!important;padding:7px 14px;background-image:url(/Icons/12/darkgrey/icon-arrowdown-darkgrey-12.svg);background-repeat:no-repeat;background-position:right 12px center!important;background-size:16px 12px;cursor:pointer!important;font-size:14px!important;height:40px!important;outline:0!important;font-weight:400;height:20px;width:100%;color:#556d85!important}.form-select:hover{border:2px solid #d3d6db}.form-select:focus{border-color:#00a7f1!important;outline:0!important;box-shadow:0 0 6px #00a7f1}.form-selec select:hover{border:4px solid #d3d6db}.form-container select:focus-within,.model-container select:focus-within{border-color:#9aa5b1!important;box-shadow:none!important}.form-select:disabled{background:#f5f7fa;border:2px solid #e6eaf0!important;border-radius:100px}.dropdown-container{flex-direction:column;display:inline-flex;flex-wrap:wrap;position:relative}.custom-select-dropdown{background:#fff;border:2px solid #e6eaf0;background:#fff;border-radius:20px;display:inline-flex;padding:5px 8px;width:100%;min-height:40px;justify-content:space-between;cursor:pointer}.custom-select-dropdown .dropdown-content{display:inline-flex;flex-wrap:wrap;gap:4px;width:100%;min-height:26px}.placeholder{color:#e2e7ec}.custom-select-dropdown .image-right{display:flex;cursor:pointer;width:auto;padding-left:6px;padding-right:6px}.custom-select-dropdown:focus-within{border:2px solid #9aa5b1!important}.custom-select-dropdown:hover{border:2px solid #d3d6db}.checkbox-container{background:#fff;border:2px solid #9aa5b1;box-shadow:0 2px 4px 0 rgba(63,76,89,.12),0 6px 16px 0 rgba(63,76,89,.24)!important;border-radius:12px;min-height:40px;width:100%;padding:8px 0;position:absolute;z-index:2}.checkbox-container [type=checkbox]{opacity:0;position:absolute}.checkbox-container [type=checkbox]+label{position:relative;padding-left:28px;cursor:pointer;display:inline-block;color:#556d85;letter-spacing:-.4px;font-weight:400;margin-bottom:0!important}.checkbox-container [type=checkbox]+label::before{content:"";position:absolute;width:20px;height:20px;border:2px solid #e6eaf0;border-radius:3px;left:0;top:0}.checkbox-container [type=checkbox]:checked+label::before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;background-image:url(/Icons/12/white/icon-check-white-12.svg);background-size:contain;background-repeat:no-repeat;background-position:center!important;background-size:12px;border:2px solid #00a7f1;opacity:1;background-color:#00a7f1}.checkbox-container li{padding:8px 14px;cursor:pointer;width:100%}.checkbox-container li:hover{background:#e6eaf0}.checkbox-container li:hover [type=checkbox]:not(:checked)+label::before{content:"";position:absolute;width:20px;height:20px;background:#fff;border:2px solid #00a7f1;border-radius:3px;left:0;top:0}.app-pills-blue{background:#00a7f1;border-radius:100px;color:#fff;display:inline-flex;align-items:center;justify-content:center;outline:0!important;font-size:13px;letter-spacing:-.3px;line-height:16px;font-weight:400;padding:5px 8px;height:26px;cursor:pointer}.app-pills-blue.icon-right img{margin-left:4px;cursor:pointer}.app-pills-blue:hover{background:#0099e0}.input-icon{position:relative}.input-icon>i{position:absolute;display:block;transform:translate(0,-50%);top:50%;pointer-events:none;width:25px;text-align:center;font-style:normal;font-size:14px;color:#bec4ce;font-weight:400}.input-icon>input[type=text],input[type=number]{padding-left:18px;padding-right:0}.img-thumbnail{border:2px solid #e6eaf0;border-radius:4px;padding:5px;width:auto;height:auto;max-width:250px;max-height:250px}.img-thumbnail:hover{border:2px solid #d3d6db}.gray-verticle-line{width:2px;height:12px;background:#b7bfc7;margin-top:4px}.row-inline{display:flex;gap:6px;align-items:start;margin-bottom:12px}.party-box{background:#fff;margin-top:24px;width:100%}.party-box .header{display:flex;justify-content:space-between}.party-box .box-body{display:flex;flex-direction:column}.party-box .box-row{margin-bottom:12px;display:inline-flex}.party-box .cell{width:50%;word-wrap:break-word}.password-requirements{background-color:#f6f9fc;border-radius:2px;color:#808ca1;margin-bottom:16px;padding:12px 12px 8px 12px}.password-requirements ul{padding-left:12px;margin:0}.password-requirements .valid-requirement{color:green}.password-requirements .invalid-requirement{color:red}.requirement-title{color:#556d85;font-size:13px;font-weight:700}.requirement{font-size:13px;font-weight:400;margin-bottom:4px;color:#556d85}.text-danger{font-size:13px!important}@media only screen and (max-width:576px){.footer-fields{width:100%!important}.party-box .box-row{display:block!important}.party-box .cell{width:100%}.form-dateTime{flex-wrap:wrap}}.icon-button{background:0 0;border:none;cursor:pointer;padding:4px;margin-right:4px;color:#555;font-size:20px}.icon-button:disabled{cursor:not-allowed;color:#ccc}.chipset{display:flex;flex-wrap:wrap;gap:6px}.chip{background-color:#e0e0e0;padding:.25rem .75rem;border-radius:16px;font-size:.85rem;cursor:pointer;user-select:none}.chip-selected{background-color:#00a7f1!important;color:#fff}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:999}.dialog{background:#fff;padding:1.5rem;border-radius:6px;width:450px;max-width:90%;box-shadow:0 4px 20px rgba(0,0,0,.25)}.dialog-actions{margin-top:1rem;display:flex;justify-content:flex-end;gap:.5rem}.warning-icon{color:#e53935;vertical-align:middle;margin-right:.3rem}.form-group{margin-bottom:1rem}.form-control{width:100%;padding:.4rem .5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.paginator{margin-top:1rem;display:flex;justify-content:center;align-items:center;gap:1rem}.paginator button{padding:.3rem .7rem;font-size:1rem;border-radius:4px;border:1px solid #ccc;cursor:pointer;background:#fff}.paginator button:disabled{cursor:not-allowed;opacity:.6}.material-icons{font-family:"Material Icons";font-style:normal;font-weight:400;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.search-container-admin{width:100%;display:flex;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:24px}.search-container-admin .search,.search-container-admin>div{flex:1 1 auto;max-width:300px}.filter-wrapper{position:relative}.filter-wrapper input{width:100%;padding-right:30px}.search-container-admin .search .clear-icon{margin-right:36px}.title{margin-bottom:20px}.loading{font-style:italic;padding:10px}.toast{padding:10px 15px;border-radius:4px;margin-bottom:10px;color:#fff;max-width:300px}.toast.success{background-color:#28a745}.toast.danger{background-color:#dc3545}.toolbar{margin-bottom:15px}.styled-table{width:100%;border-collapse:collapse}.styled-table td,.styled-table th{padding:10px;border:1px solid #ccc;text-align:left}.styled-table th{background-color:#f0f0f0}.btn{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;margin-right:5px}.btn.small{font-size:.85em;padding:4px 8px}.btn.primary{background-color:#007bff;color:#fff}.btn.danger{background-color:#dc3545;color:#fff}.btn:disabled{opacity:.6;cursor:not-allowed}.chip{display:inline-block;padding:4px 10px;margin:2px;background-color:#e0e0e0;border-radius:20px;font-size:.9em}.form-control{width:100%;padding:8px}.permissions-table{max-height:200px;overflow-y:auto;margin-top:15px}.round-button:disabled{cursor:not-allowed;opacity:.5}.icon-container{display:flex;width:max-content}.responsive-table{width:100%;border-collapse:collapse}.responsive-table td,.responsive-table th{padding:8px;border:1px solid #ccc;text-align:left;vertical-align:middle}@media (min-width:0px) and (max-width:768px){.search-container-admin{flex-direction:column;max-width:320px}.search-container-admin .search,.search-container-admin>div{width:100%;max-width:90%}.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table td,.responsive-table tr{display:block;width:100%}.responsive-table tr{margin-bottom:1rem;border:1px solid #ddd;border-radius:6px;padding:8px;background:#fafafa}.responsive-table td{border:none;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;padding:6px 10px}.responsive-table td::before{content:attr(data-label);font-weight:700;flex:1;text-align:left;margin-right:10px;color:#333}.responsive-table td:last-child{border-bottom:none}}.pie-chart-wrapper{position:relative;height:300px;width:100%}.chartjs-render-monitor{width:100%!important;height:300px!important}.chart-container{position:relative;width:100%;max-width:576px;margin:auto;font-family:Arial,sans-serif}.bar-chart-vertical{width:100%;max-width:450px;margin-bottom:16px}.chart-wrapper{display:grid;grid-template-columns:45px 1fr;grid-template-rows:300px auto;position:relative}.y-axis{grid-row:1;grid-column:1;display:flex;flex-direction:column;justify-content:space-between;font-size:12px;text-align:right;padding-right:5px}.chart-area{grid-row:1;grid-column:2;display:flex;align-items:flex-end;justify-content:space-around;border-left:2px solid #333;border-bottom:2px solid #333;height:300px;position:relative}.chart-area.single{justify-content:flex-start;padding-left:40px}.x-labels{grid-row:2;grid-column:2;display:flex;justify-content:space-around;margin-top:6px}.x-labels.single{justify-content:flex-start;padding-left:40px}.label{width:62px;text-align:center;font-size:12px;white-space:normal;word-wrap:break-word;word-break:break-word;line-height:1.2}.bar-col{display:flex;flex-direction:column;align-items:center;position:relative;height:100%;justify-content:flex-end}.bar{display:flex;flex-direction:column;justify-content:flex-end;width:50px;border-radius:4px;overflow:hidden;position:relative;margin:0 auto;transition:height .3s ease;background:#556d85}.bar-segment{flex-grow:1;display:flex;justify-content:center;align-items:center;font-size:11px;font-weight:700;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.5);min-height:2px}.segment-value{font-size:11px;font-weight:700;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.5);pointer-events:none}.bar-total{font-size:12px;font-weight:700;margin-bottom:3px}.report-labels{display:flex;flex-wrap:wrap;gap:6px}.report-label{color:#fff;padding:4px 8px;border-radius:8px;font-size:12px;letter-spacing:-.15px;font-weight:500;white-space:nowrap}.table-container{overflow-x:auto;background:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1);padding:10px}.custom-table{width:100%;border-collapse:collapse;min-width:600px;margin-bottom:12px}.custom-table td,.custom-table th{text-align:left;padding:12px 16px}.custom-table thead{background-color:#f3f4f6;color:#374151}.custom-table tbody tr{border-bottom:1px solid #e5e7eb}.custom-table tbody tr:hover{background-color:#f9fafb}.date-container{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:16px;max-width:358px}@media (max-width:600px){.custom-table table,.custom-table tbody,.custom-table td,.custom-table th,.custom-table thead,.custom-table tr{display:block}.custom-table{min-width:300px}.custom-table thead tr{position:absolute;top:-9999px;left:-9999px}.custom-table tr{border:1px solid #ccc}.custom-table td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%;white-space:normal;text-align:left}.custom-table td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:700}.custom-table td:before{content:attr(data-title)}}.right-panel{display:flex;flex-direction:column;min-width:350px;flex:1;background:0 0;border-radius:0;padding:0}.right-panel>div{margin:12px 0;background:#fff;border-radius:8px;padding:24px;flex:none!important}.right-panel>div:first-child{margin-top:0}.right-panel>div:last-child{margin-bottom:0}.report-share-logs{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 6px rgba(0,0,0,.05)}.report-share-logs .heading h2{margin-bottom:12px}.share-log{background-color:#fff;border-left:4px solid #e6eaf0;padding:12px;margin-bottom:12px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:transform .15s ease,box-shadow .15s ease}.share-log:hover{transform:translateY(-2px);box-shadow:0 3px 8px rgba(0,0,0,.08)}.share-log>.log-row:not(:last-child){margin-bottom:2px!important}.share-log>.log-row>:first-child{margin-right:4px}@media (max-width:1024px){.panel-wrapper{flex-wrap:wrap}.right-panel{flex:1 1 50%;min-width:50%}}.email-input-wrapper{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;border:2px solid #e6eaf0;border-radius:6px;padding:4px 6px;min-height:40px;width:100%;max-width:380px;transition:border-color 150ms ease;cursor:text;background-color:#fff;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c5c9cc transparent;flex-direction:row}.email-chip{order:1;display:inline-flex;align-items:center;font-size:13px;height:26px;border-radius:14px;padding:0 8px;background-color:#00a7f1;color:#fff;margin:2px;white-space:nowrap}.email-chip.invalid-email{background-color:#f8d7da;color:#842029;border:1px solid #f5c2c7}.remove-chip-icon{margin-left:6px;cursor:pointer}.email-input-wrapper>input{order:2;flex:1 1 auto;min-width:80px;border:none;outline:0;height:26px;font-size:14px;padding:0 4px;margin:2px 0;background:0 0;box-shadow:none!important}.email-input-wrapper:hover{border-color:#d3d6db}.email-input-wrapper:focus-within{border-color:#9aa5b1}.field-dropdown li.selected,.field-dropdown li:hover{background-color:#e6eaf0;color:#556d85}.email-input-wrapper::-webkit-scrollbar{height:6px;width:6px}.email-input-wrapper::-webkit-scrollbar-thumb{background:#c5c9cc;border-radius:3px}.quotation-header{margin-bottom:24px}.quotation-title-row{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:8px}.quotation-number{font-size:22px;font-weight:500;letter-spacing:-.4px;color:#556d85}.quotation-customer{font-size:15px;color:#808ca1;margin-top:4px}.quotation-info-grid{display:flex;flex-wrap:wrap;gap:0;background:#fff;border-radius:8px;border:1px solid #e6eaf0;margin-bottom:24px;overflow:hidden}.quotation-info-block{flex:1 1 160px;padding:16px 20px;border-right:1px solid #e6eaf0;border-bottom:1px solid #e6eaf0}.quotation-info-block:last-child{border-right:none}.quotation-info-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#808ca1;margin-bottom:6px}.quotation-info-value{font-size:14px;font-weight:500;color:#556d85;line-height:20px}.quotation-info-value.large{font-size:18px;font-weight:700;color:#0092d2}.section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#808ca1;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #e6eaf0}.quotation-lines-wrapper{background:#fff;border-radius:8px;border:1px solid #e6eaf0;overflow:hidden;margin-bottom:24px}.quotation-lines-header{padding:16px 20px 12px;border-bottom:1px solid #e6eaf0}.quotation-table{width:100%;border-collapse:collapse;font-size:13px}.quotation-table thead th{background:#f5f7fa;padding:10px 16px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#808ca1;border-bottom:1px solid #e6eaf0;white-space:nowrap}.quotation-table tbody td.text-right,.quotation-table thead th.text-right{text-align:right}.quotation-table tbody tr{border-bottom:1px solid #e6eaf0}.quotation-table tbody tr:last-child{border-bottom:none}.quotation-table tbody tr:hover{background:#f9fafb}.quotation-table tbody td{padding:12px 16px;color:#556d85;vertical-align:top}.quotation-table .article-number{font-family:monospace;font-size:12px;color:#808ca1}.quotation-table .article-desc{font-weight:500}.quotation-table .article-sub{font-size:12px;color:#808ca1;margin-top:2px}.quotation-totals{display:flex;justify-content:flex-end;margin-bottom:24px}.quotation-totals-box{background:#fff;border-radius:8px;border:1px solid #e6eaf0;overflow:hidden;min-width:300px}.totals-row{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;font-size:13px;color:#556d85;border-bottom:1px solid #e6eaf0}.totals-row:last-child{border-bottom:none}.totals-row .totals-label{color:#808ca1}.totals-row.totals-grand-total{background:#f5f7fa;font-size:15px;font-weight:700}.totals-row.totals-grand-total .totals-value{color:#0092d2;font-size:18px}.quotation-details-grid{display:flex;gap:24px;margin-bottom:24px;flex-wrap:wrap}.quotation-details-grid>.panel{flex:1 1 280px;margin:0}.panel .panel-body .detail-row{display:flex;margin-bottom:10px;font-size:13px;line-height:18px}.panel .panel-body .detail-row .detail-label{flex:0 0 140px;font-weight:500;color:#808ca1}.panel .panel-body .detail-row .detail-value{flex:1;color:#556d85}.quotation-status-bar{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}@media print{.button-container,.page-actions{display:none}}@media (max-width:900px){.quotation-info-block{flex:1 1 140px}.quotation-details-grid{flex-direction:column}.quotation-table tbody td:nth-child(4),.quotation-table thead th:nth-child(4){display:none}}@media (max-width:576px){.quotation-info-grid{flex-direction:column}.quotation-info-block{flex:none;width:100%;border-right:none;border-bottom:1px solid #e6eaf0;padding:0;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 16px}.quotation-info-block:last-child{border-bottom:none}.quotation-info-label{margin-bottom:0;flex:0 0 auto;white-space:nowrap}.quotation-info-value{text-align:right}.quotation-info-value.large{font-size:15px}.quotation-totals{justify-content:stretch}.quotation-totals-box{width:100%}.quotation-table thead{display:none}.quotation-table tbody tr{display:block;border:none;border-bottom:2px solid #e6eaf0;padding:12px 16px}.quotation-table tbody tr:last-child{border-bottom:none}.quotation-table tbody td{display:flex;justify-content:space-between;align-items:baseline;padding:4px 0;font-size:13px;border:none}.quotation-table tbody td::before{content:attr(data-label);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#808ca1;margin-right:12px;flex:0 0 110px}.quotation-table tbody td:nth-child(2)::before{display:none}.quotation-table tbody td:nth-child(2){padding-bottom:8px}.quotation-table tbody td.text-right{text-align:left}.quotation-table tbody td:nth-child(4){display:none}.quotation-title-row{flex-direction:column}.quotation-number{font-size:18px}.panel .panel-body .detail-row .detail-label{flex:0 0 120px}}@media (max-width:576px){.sm-container{display:none}.xs-container{display:flex;flex-direction:column;width:100%;height:100%}}
@font-face{font-family:crm-icons;src:url(crm-icons/fonts/crm-icons.eot?t7oryf);src:url(crm-icons/fonts/crm-icons.eot?t7oryf#iefix) format("embedded-opentype"),url(crm-icons/fonts/crm-icons.ttf?t7oryf) format("truetype"),url(crm-icons/fonts/crm-icons.woff?t7oryf) format("woff"),url(crm-icons/fonts/crm-icons.svg?t7oryf#crm-icons) format("svg");font-weight:400;font-style:normal;font-display:block}[class*=" crm-"],[class^=crm-]{font-family:crm-icons!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;font-size:large;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.crm-icon-info-white-16:before{content:"\e941";color:#fff}.crm-icon-arrowback-white-24:before{content:"\e93e";color:#fff}.crm-icon-cancel-white-24:before{content:"\e93f";color:#fff}.crm-icon-menu-white-24:before{content:"\e940";color:#fff}.crm-icon-upload-darkgrey-32:before{content:"\e900";color:#556d85}.crm-icon-alphabet-white-24:before{content:"\e901";color:#fff}.crm-icon-client-white-24:before{content:"\e902";color:#fff}.crm-icon-clock-white-24:before{content:"\e903";color:#fff}.crm-icon-date-white-24:before{content:"\e904";color:#fff}.crm-icon-frequency-white-24:before{content:"\e905";color:#fff}.crm-icon-home-white-24:before{content:"\e906";color:#fff}.crm-icon-prospect-white-24:before{content:"\e907";color:#fff}.crm-icon-recentorder-white-24:before{content:"\e908";color:#fff}.crm-icon-report-white-24:before{content:"\e909";color:#fff}.crm-icon-sales-white-24:before{content:"\e90a";color:#fff}.crm-icon-search-white-24:before{content:"\e90b";color:#fff}.crm-icon-account-darkgrey-24:before{content:"\e90c";color:#556d85}.crm-icon-client-darkgrey-24:before{content:"\e90d";color:#556d85}.crm-icon-clock-darkgrey-24:before{content:"\e90e";color:#556d85}.crm-icon-contact-darkgrey-24:before{content:"\e90f";color:#556d85}.crm-icon-date-darkgrey-24:before{content:"\e910";color:#556d85}.crm-icon-offer-darkgrey-24 .path1:before{content:"\e911";color:#556d85}.crm-icon-offer-darkgrey-24 .path2:before{content:"\e912";margin-left:-1em;color:#556d85}.crm-icon-offer-darkgrey-24 .path3:before{content:"\e913";margin-left:-1em;color:#556d85}.crm-icon-offer-darkgrey-24 .path4:before{content:"\e914";margin-left:-1em;color:#556d85}.crm-icon-offer-darkgrey-24 .path5:before{content:"\e915";margin-left:-1em;color:#fff}.crm-icon-offer-darkgrey-24 .path6:before{content:"\e916";margin-left:-1em;color:#fff}.crm-icon-report-darkgrey-24:before{content:"\e917";color:#556d85}.crm-icon-sales-darkgrey-24:before{content:"\e918";color:#556d85}.crm-icon-task-darkgrey-24:before{content:"\e919";color:#556d85}.crm-icon-arrowback-accent-24:before{content:"\e91a";color:#00a7f1}.crm-triangle-darkgrey:before{content:"\e91b";color:#556d85}.crm-icon-email-white-20:before{content:"\e91c";color:#fff}.crm-icon-location-white-20:before{content:"\e91d";color:#fff}.crm-icon-phone-white-20:before{content:"\e91e";color:#fff}.crm-icon-bell-grey-20:before{content:"\e91f";color:#b7bfc7}.crm-icon-logout-accent-20:before{content:"\e920";color:#00a7f1}.crm-icon-settings-accent-20:before{content:"\e921";color:#00a7f1}.crm-icon-plus-white-16:before{content:"\e922";color:#fff}.crm-icon-upload-white-16:before{content:"\e923";color:#fff}.crm-icon-date-grey-16:before{content:"\e924";color:#b7bfc7}.crm-icon-amount-darkgrey-16:before{content:"\e925";color:#556d85}.crm-icon-cancel-darkgrey-16:before{content:"\e926";color:#556d85}.crm-icon-check-darkgrey-16:before{content:"\e927";color:#556d85}.crm-icon-clock-darkgrey-16:before{content:"\e928";color:#556d85}.crm-icon-contact-darkgrey-16:before{content:"\e929";color:#556d85}.crm-icon-date-darkgrey-16:before{content:"\e92a";color:#556d85}.crm-icon-edit-darkgrey-16:before{content:"\e92b";color:#556d85}.crm-icon-forward-darkgrey-16:before{content:"\e92c";color:#556d85}.crm-icon-location-darkgrey-16:before{content:"\e92d";color:#556d85}.crm-icon-number-darkgrey-16:before{content:"\e92e";color:#556d85}.crm-icon-sales-darkgrey-16:before{content:"\e92f";color:#556d85}.crm-icon-trash-darkgrey-16:before{content:"\e930";color:#556d85}.crm-icon-arrowforward-accent-16:before{content:"\e931";color:#00a7f1}.crm-icon-arrowforward-white-12:before{content:"\e932";color:#fff}.crm-icon-plus-white-12:before{content:"\e933";color:#fff}.crm-icon-upload-white-12:before{content:"\e934";color:#fff}.crm-icon-arrowdown-grey-12:before{content:"\e935";color:#b7bfc7}.crm-icon-email-grey-12:before{content:"\e936";color:#b7bfc7}.crm-icon-location-grey-12:before{content:"\e937";color:#b7bfc7}.crm-icon-minus-grey-12:before{content:"\e938";color:#b7bfc7}.crm-icon-phone-grey-12:before{content:"\e939";color:#b7bfc7}.crm-icon-arrowdown-darkgrey-12:before{content:"\e93a";color:#556d85}.crm-icon-arrowback-accent-12:before{content:"\e93b";color:#00a7f1}.crm-icon-arrowforward-accent-12:before{content:"\e93c";color:#00a7f1}.crm-icon-plus-accent-12:before{content:"\e93d";color:#00a7f1}