#main-layout{--vaadin-app-layout-touch-optimized: false !important}vaadin-scroller[slot=drawer]{padding:var(--lumo-space-s)}[slot=drawer]:is(header,footer){display:flex;align-items:center;gap:var(--lumo-space-s);padding:var(--lumo-space-s) var(--lumo-space-m);min-height:var(--lumo-size-xl);box-sizing:border-box}[slot=drawer]:is(header,footer):is(:empty){display:none}.user-menu{width:60px;margin-right:var(--lumo-space-xs);min-width:60px}.user-avatar{cursor:pointer}.user-avatar::part(abbr){font-size:2.8rem}.user-menu vaadin-menu-bar-button{cursor:pointer}.user-menu vaadin-menu-bar-button::part(suffix){font-size:var(--lumo-font-size-xxl);color:#000}.user-big-icon{cursor:pointer;border:.12rem solid black;border-radius:50%;color:#000}vaadin-text-area:hover:not(focused):not(read-only)::part(input-field){background-color:var(--lumo-shade-5pct)}vaadin-confirm-dialog-overlay::part(overlay){padding-top:var(--lumo-space-m)}.edit-dialog::part(content){padding:0}.edit-dialog::part(footer){justify-content:start}.edit-dialog::part(overlay){border-radius:var(--lumo-border-radius-m)}.form-title{border-radius:var(--lumo-border-radius-m) var(--lumo-border-radius-m) 0 0;min-height:37px}.draggable-grid::part(grid-draggable-cell){cursor:move}vaadin-grid::part(header-cell){display:flex;align-items:center}vaadin-grid.checkbox-no-padding>vaadin-checkbox{padding-top:0}vaadin-grid-sorter{display:flex;align-items:center;justify-content:start;width:fit-content}vaadin-grid-sorter::part(content){width:fit-content}.draggable-grid::part(drag-disabled-row-cell){cursor:default!important}.draggable-grid vaadin-grid-cell-content{cursor:inherit!important}.commission-vehicle-overview-grid .vehicle-registration-number,.cargo-overview-grid .cargo-number{padding:var(--lumo-space-s) var(--lumo-space-m) var(--lumo-space-s) var(--lumo-space-m);background-color:#87cefa61;font-size:12pt;font-weight:700}.commission-vehicle-overview-grid vaadin-grid-cell-content:has(.vehicle-registration-number),.cargo-overview-grid vaadin-grid-cell-content:has(.cargo-form){padding:0}.commission-vehicle-overview-grid::part(selected-row-cell),.cargo-overview-grid::part(selected-row-cell){background-image:none}.commission-vehicle-overview-grid::part(align-top),.commission-vehicle-preview-grid::part(align-top){display:flex;align-items:start}.commission-vehicle-preview-grid::part(empty-state){display:flex;justify-content:center}.commission-vehicle-preview-grid::part(cell){background-color:transparent}.commission-vehicle-preview-grid{margin-top:5px}.commission-vehicle-overview-grid::part(first-column-cell){display:flex;align-items:center}.global-save-button.bg-warning{background-color:var(--lumo-warning-color)}.global-save-button{border-radius:50%;background-color:var(--lumo-primary-color);color:#fff;padding:var(--lumo-space-m);position:fixed;bottom:20px;right:30px;width:50px;height:50px;font-size:15pt;transition:all .3s ease-in-out;z-index:4}.global-save-button:hover{width:53px;height:53px;transform:translateY(-2px) translate(-2px);box-shadow:0 4px 5px #ffffff69}.icon-in-grid.icon-m{min-height:var(--lumo-icon-size-m);min-width:var(--lumo-icon-size-m)}.icon-in-grid.icon-l{min-height:var(--lumo-icon-size-l);min-width:var(--lumo-icon-size-l)}.icon-in-grid.icon-s{min-height:var(--lumo-icon-size-s);min-width:var(--lumo-icon-size-s)}vaadin-tab.documents-tab-large-selection:before{width:var(--lumo-size-xl)}.anchor-button:hover{text-decoration:none}vaadin-checkbox::part(checkbox){align-items:center}vaadin-checkbox{--vaadin-checkbox-label-font-size: var(--lumo-font-size-s);--vaadin-checkbox-size: 19px;height:32px;padding-top:6px}vaadin-details.summary-width-fit-content>vaadin-details-summary{width:fit-content}vaadin-grid.commission-overview-grid::part(initial){background-color:#f4f5f7}vaadin-grid.commission-overview-grid::part(accepted){background-color:#fff2cc}vaadin-grid.commission-overview-grid::part(in-progress){background-color:#cdedff}vaadin-grid.commission-overview-grid::part(finished){background-color:#eaffcc}vaadin-grid.commission-overview-grid::part(canceled){background-color:#fcc}vaadin-grid.notes-overview-grid::part(yellow){background-color:#fff2cc}vaadin-grid.notes-overview-grid::part(green){background-color:#eaffcc}vaadin-grid.notes-overview-grid::part(red){background-color:#fcc}vaadin-grid.notes-overview-grid::part(header-cell){font-weight:700;background-color:var(--columbia-blue-color)}vaadin-grid.notes-overview-grid::part(row){max-height:400px}.note-card{margin:var(--lumo-space-s);display:flex;flex-direction:column;box-shadow:2px 2px 5px gray;word-break:normal;text-wrap:normal;white-space:normal;overflow-wrap:break-word}.note-card .note-card-title-container{padding:var(--lumo-space-m)}.note-card-body{display:flex;max-height:210px;background-color:var(--light-cyan-color)}.note-card-body>*{flex-basis:50%}.note-card-body vaadin-virtual-list{max-height:210px;height:auto;padding:var(--lumo-space-m)}.note-card-body vaadin-virtual-list:has(div){border-left:1px solid black}.note-card-body .note-comment-container{border:1px solid gray;font-size:var(--lumo-font-size-m);margin-bottom:var(--lumo-space-xs)}.note-card-body .note-comment-container .note-comment-title{border-bottom:1px solid gray;background:#fff}.note-card-body .note-comment-container .note-comment{font-weight:400}.note-card .note-card-description-container{max-height:210px;overflow-y:auto;padding:var(--lumo-space-m);white-space:pre-wrap}.note-card .note-card-description-container vaadin-icon{min-width:18px}.notes-overview-files-layout{min-height:20px;max-height:95px;height:unset;margin:var(--lumo-space-s)}.note-comment-title{justify-content:space-between;padding-left:var(--lumo-space-s);padding-right:var(--lumo-space-s);border-bottom:2px solid black}.note-comment-title span{font-style:italic;color:gray;font-size:var(--lumo-font-size-xs)}.note-comment-container{flex-direction:column}.note-comment{padding:var(--lumo-space-s);font-weight:700}.contact-source{padding:var(--lumo-space-s);font-weight:700;font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color);background-color:#fff}.statistic-container{gap:var(--lumo-space-m);flex-wrap:wrap}.statistic-tile{flex-direction:column;border-radius:var(--lumo-border-radius-m);border:1px solid darkgray;padding:var(--lumo-space-m);align-items:center;justify-content:start;gap:var(--lumo-space-m);min-height:130px;min-width:150px;width:150px}.statistic-tile .title{min-height:37px;text-align:center}.statistic-tile .value{text-align:center;align-self:center;font-size:var(--lumo-font-size-s)}:root{--warning-color: #F4B000;--background-blue: #197CA7;--bittersweet-color: rgba(254, 101, 79, .51);--maize-color: #F7EE7F;--seagreen-color: #018E42;--special-black-color: #030301;--violet-blue-color: #454E9E;--columbia-blue-color: #B8D4E3;--lavender-blush-color: #FDECEF;--light-cyan-color: #DAF5FF;--mini-pink-color: #FFDDE2}iframe#webpack-dev-server-client-overlay{display:none!important}html{--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-color: var(--lumo-contrast-20pct);--vaadin-input-field-hover-highlight: var(--lumo-contrast-50pct);--vaadin-input-field-background: var(--lumo-base-color);--lumo-font-size: 1rem;--lumo-font-size-xxxl: 1.75rem;--lumo-font-size-xxl: 1.375rem;--lumo-font-size-xl: 1.125rem;--lumo-font-size-l: 1rem;--lumo-font-size-m: .875rem;--lumo-font-size-s: .8125rem;--lumo-font-size-xs: .75rem;--lumo-font-size-xxs: .6875rem;--lumo-line-height-m: 1.4;--lumo-line-height-s: 1.2;--lumo-line-height-xs: 1.1;--lumo-size-xl: 3rem;--lumo-size-l: 2.5rem;--lumo-size-m: 2rem;--lumo-size-s: 1.75rem;--lumo-size-xs: 1.5rem;--lumo-space-xl: 1.875rem;--lumo-space-l: 1.25rem;--lumo-space-m: .625rem;--lumo-space-s: .3125rem;--lumo-space-xs: .1875rem;--lumo-success-text-color: #0BAA40;--lumo-success-color: #0BAA40;--lumo-success-color-50pct: rgba(11, 170, 64, .5);--lumo-success-color-10pct: rgba(11, 170, 64, .1)}*{box-sizing:border-box!important}vaadin-side-nav-item>vaadin-icon{color:inherit}vaadin-side-nav-item[slot=children]::part(link){padding-left:var(--lumo-space-xl);font-size:var(--lumo-font-size-s)}.text-white{color:#fff}.text-lime{color:#0f0!important}.text-deepskyblue{color:#00bfff!important}.text-red{color:red!important}.text-black{color:#000!important}.text-coral{color:coral!important}.text-green{color:#32cd32!important}.text-cornflowerblue{color:#6495ed}.text-lightseagreen{color:#20b2aa}.text-grey{color:gray}.gap-none{gap:0}.height-fit-content{height:fit-content}.height-half{height:50%}.width-fit-content{height:fit-content}.background-warning{background-color:var(--warning-color)}.background-blue{background-color:var(--background-blue)}.background-lightskyblue{background-color:#87cefa}.background-cornflowerblue{background-color:#6495ed}.background-coral{background-color:coral}.background-black{background-color:#000}.background-lightseagreen{background-color:#20b2aa}.background-white{background-color:#fff}.background-bittersweet{background-color:var(--bittersweet-color)}.background-maize{background-color:var(--maize-color)}.background-seagreen{background-color:var(--seagreen-color)}.background-special-black{background-color:var(--special-black-color)}.background-violet-blue{background-color:var(--violet-blue-color)}.background-columbia-blue{background-color:var(--columbia-blue-color)}.background-gray{background-color:#8080805c}.background-orange{background-color:orange}.background-light-red{background-color:#ff000021}.background-dark-red{background-color:#ff0000a1}.background-purple{background-color:#9370db}vaadin-grid::part(black-list){background-color:var(--lumo-error-color-10pct)}vaadin-grid.clients-overview-grid::part(black-list){background-color:#00000091;color:#fff}a.client-link.black-list{color:orange}vaadin-grid.clients-overview-grid::part(black-list) ::slotted(vaadin-grid-cell-content) *{color:red}vaadin-grid::part(text-red){color:red!important}vaadin-grid::part(background-red){background-color:#ff000052}.cursor-pointer,.custom-icon-button{cursor:pointer}.copy-button-on-hover-container .copy-button{visibility:hidden;position:relative;cursor:pointer}.copy-button-on-hover-container:hover .copy-button{visibility:visible}.border-white{border-color:#fff}.commission-details::part(content){padding:0}.commission-details>vaadin-details-summary{height:41px;background-color:#87cefa;padding:var(--lumo-space-s) var(--lumo-space-m);color:#000;font-size:var(--lumo-font-size-l);border-radius:var(--lumo-border-radius-m) var(--lumo-border-radius-m) 0 0}.commission-details>vaadin-details-summary::part(content){padding:0;position:relative;width:100%}.commission-actions-menu-bar{flex-grow:1;min-width:10px;--lumo-disabled-text-color: white}.commission-actions-menu-bar vaadin-menu-bar-button{background-color:var(--lumo-success-color)}.commission-actions-menu-bar a{text-decoration:unset}.cargo-details-layout{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:calc(4 * var(--lumo-space-m));padding:0 var(--lumo-space-m)}#contractors-preview-layout{row-gap:var(--lumo-space-s)}.header-preview-layout,.contractors-preview-layout{width:100%;display:grid;grid-template-columns:1fr 1fr;padding:0 calc(var(--lumo-space-s) + var(--lumo-space-m));grid-column-gap:calc(2 * var(--lumo-space-s))}.header-preview-layout h6,.contractors-preview-layout h6{padding-left:var(--lumo-space-m)}.header-preview-layout>* vaadin-vertical-layout,.contractors-preview-layout>* vaadin-vertical-layout{row-gap:0}.contractor-form{display:flex;flex-direction:column;align-self:stretch}.commission-section-content{padding:var(--lumo-space-m) var(--lumo-space-l) var(--lumo-space-l) var(--lumo-space-l)}.dispatch-and-confirmation-section{display:grid;gap:var(--lumo-space-m);grid-template-columns:1fr 1fr;grid-template-rows:1fr}.contractor-form vaadin-form-layout{height:100%}@media (max-width: 1398px){.header-preview-layout,.contractors-preview-layout,.cargo-details-layout{grid-template-columns:1fr}.dispatch-and-confirmation-section{grid-template-columns:1fr;grid-template-rows:2fr}}div.history-list>ol ol{margin-bottom:10px;margin-top:10px}div.history-list>ol ol li{font-weight:400}div.history-list>ol li{font-weight:700}vaadin-upload-file.start-buttons-disabled::part(start-button){visibility:hidden}vaadin-upload.start-buttons-disabled vaadin-upload-file::part(start-button){visibility:hidden}.ordered-list{padding-left:15px;margin:0}
