*{font-family:Poppins;font-size:small}.confirm-button{cursor:pointer;font-size:12px;padding:14px}.confirm-dialog::part(header){padding:0}.confirm-dialog::part(message){font-size:larger!important;margin-top:10px}.dialog-header-container{color:#fff!important;font-size:large;font-weight:600;padding:10px}.dialog-icon::part(icon),.dialog-icon{height:10px;width:10px}.dialog-layout{margin:0;padding:4px;width:100%}.dialog-message-container{font-size:13px}.login-header-text{color:#fff;font-size:40px;margin:20px 0 -60px}.login-layout{align-items:center;background-color:#d7e8ff;box-sizing:border-box;justify-content:center;margin:auto}.save-button{color:#fff!important}.side-bar-layout{padding-bottom:-100px;background-color:transparent}:root{--custom-shadow:box-shadow}html{--lumo-primary-color-10pct: rgb(51 0 95 / .11);--lumo-primary-color-50pct: rgb(51 0 95 / .5);--lumo-primary-color: #33005f}vaadin-vertical-layout{background-color:var(--backgroundColor);padding:var(--lumo-space-xs)}vaadin-scroller[slot=drawer]{padding:var(--lumo-space-s)}vaadin-side-nav-item vaadin-icon{padding:0;font-size:12px;color:var(--siteColor2)}.circle-badge{color:red;background-color:#fff;padding:5px;border-radius:10px}.nav-icon{width:17px;height:17px}.picture-icon{margin-right:5px}[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}vaadin-side-nav-item{font-size:13px;font-family:Poppins;color:var(--siteColor1)}.sidebar-header-text{color:var(--siteColor2)}vaadin-side-nav-item[current]::part(content),vaadin-side-nav-item[current]::part(link){background-color:var(--lumo-primary-color-10pct);color:var(--siteColor1)}vaadin-side-nav-item:hover::part(link){color:orange}vaadin-app-layout::part(drawer){width:250px}.main-layout-footer{background-color:#fff;justify-content:flex-start;width:100%}.footer-text{color:var(--siteColor1);margin-right:20px}.footer-menu-bar vaadin-menu-bar-button{font-side:12px;padding:0 5px}.footer-menu-bar vaadin-menu-bar-button:hover{cursor:pointer;transition:.3s ease}.footer-menu-bar{width:100%}.side-nav-item::part(label){color:#383838;border-radius:3px}.side-nav-item::part(toggle-button){color:#bebebe}.nav-header-layout{padding:10px;box-sizing:border-box;align-items:center;justify-content:space-between}.notification-box{position:relative;margin-right:20px;border-radius:100%;padding:9px;font-size:smaller}.notification-box:hover{background-color:#dbdbdb;transition:.3s;cursor:pointer}.counter-label{top:3px;color:red;position:absolute;margin-left:-5px}:root{--siteColor1: #33005f;--siteColor2: #fdc800;--backgroundColor: #EFF4FF;--backColor: #f1f2f7;--site-heade-color: #78869b}.homepage-layout{background-color:var(--backgroundColor);padding:0;height:unset;margin:0}.site-logo{width:70px}.app-logo{width:120px}.site-logo:hover{transition:.3s ease;opacity:80%}.login-form h1{font-size:30px;color:var(--siteColor1);margin:auto}.login-form{max-width:350px;margin:auto;padding:10px}.input-style::part(input-field){border-radius:8px;padding:7px}.error-div-indicator{background-color:#f8e6e6;color:#8b0000;width:100%;padding:14px;box-sizing:border-box;border-radius:10px;text-align:center;align-items:center;margin:10px auto}.default-button-style{background:var(--siteColor2);color:var(--siteColor1);padding:20px;font-weight:600;cursor:pointer}.flex-header-container{background-color:var(--siteColor1);width:100%;padding:0 20px;align-items:center;justify-content:space-between}.menu-bar{width:100%}.nav-link{background-color:transparent;font-size:small}.login-link a,.register-link a{color:#33005f}.register-link{background-color:var(--siteColor2)}.login-link{background-color:#fff}.dashboard-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;overflow-y:auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.dashboard-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.dashboard-view .preview-container{display:contents}.dashboard-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.dashboard-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.dashboard-view[dragging] .layout:not([style*="gap:"]){gap:8px}.dashboard-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.dashboard-view .cover-overlay{position:absolute;border-radius:1px}.dashboard-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.dashboard-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.dashboard-view .overlays,.dashboard-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.dashboard-view:not([dragging]) .drop-zones{pointer-events:none}.dashboard-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.dashboard-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.dashboard-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.dashboard-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.drop-zone[empty-layout]{z-index:-1}.dashboard-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.dashboard-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.dashboard-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.dashboard-view[readonly] .drop-zones,.dashboard-view[readonly] .overlays,.dashboard-view[inline-editing] .drop-zones,.dashboard-view[inline-editing] .overlays{display:none}.dashboard-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.dashboard-view[dragging] vaadin-form-layout{padding:8px}.dashboard-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.dashboard-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.card-container{border-left:4px solid var(--site-heade-color);height:60px;padding:25px 10px;display:flex;gap:15px;border-radius:5px;align-items:center;justify-content:space-between;background-color:#fff}.card-icon{width:30px;background-color:#eeee;border-radius:50%;padding:10px}.card-label{font-size:14px;color:var(--site-heade-color)}.card-data-counter{font-size:40px;color:var(--siteColor2)}.card-page-container{padding:20px;display:grid;grid-template-columns:repeat(4,1fr);box-sizing:border-box;align-items:normal}.card-container:hover{background-color:#f1f1f1;cursor:pointer;border-left:4px solid var(--siteColor1);transition:all .3s;scale:1.01}@media screen and (max-width:760px){.card-page-container{grid-template-columns:repeat(1,1fr);gap:10px;box-sizing:border-box}}.checkout-form-view aside{top:calc(var(--lumo-space-xl) + var(--_vaadin-app-layout-navbar-offset-size))}@media (min-width: 1024px){.checkout-form-view main{grid-template-columns:auto 324px}}.homepage-container{box-sizing:border-box;background-color:var(--backColor);padding:0}.hero-container{background-color:#805423;opacity:95%;background-size:cover;background-image:url(https://thumbs.dreamstime.com/b/banner-parcels-delivery-company-generative-ai-293641270.jpg);margin:50px 0;height:400px;padding:60px 0;background-blend-mode:darken;align-items:center}.hero-item{font-family:poppins;padding:5px;margin:0}.welcome-text{font-weight:300;color:#fff;font-size:40px}.joint-text-container{flex-wrap:wrap;text-align:center;justify-content:center}.delivery-text,.just-text{font-size:100px;font-weight:800}.just-text{color:var(--siteColor2)}.delivery-text{color:var(--siteColor1)}.slogan-text{font-style:italic;margin-top:-10px;color:#fff}.tracker-button{background-color:var(--siteColor2);color:var(--siteColor1);font-weight:600;font-size:small;border-radius:5px;padding:20px;margin:20px 0}.tracker-button:hover{opacity:.8;transition:.3s;cursor:pointer}.section-container{width:100%;border-radius:5px;padding:25px 10px;align-items:center;box-sizing:border-box;background-color:#fff}.section-title{text-align:center;font-family:poppins;font-size:28px;color:var(--siteColor1)}.service-div{margin:20px 10px;background-color:#fff;border-radius:10px;border:1px solid #eee}.service-div h5{color:#055690;margin:20px 20px 0}.service-div p{color:#626262;margin:20px;text-align:justify}.services-form-layout{display:grid;grid-template-columns:repeat(3,1fr)}.contact-section-container{background-color:var(--siteColor1);box-sizing:border-box;margin:60px 0}.contact-section-container h2{color:var(--siteColor2);margin-top:20px}.contact-section-container div{box-sizing:border-box;background-color:#fff;padding:20px;margin-bottom:10px;border-radius:5px}.contact-section-formlayout{box-sizing:border-box;padding:10px}.contact-info-section span{font-size:smaller;display:block;color:#4f0094;font-weight:600}.contact-info-section p{font-size:small}.contact-info-section span:nth-child(3){margin-top:20px}.send-button{background-color:var(--siteColor1);color:var(--siteColor2);padding:20px;margin-top:15px}.contact-send-button:hover{transition:.3s;scale:1.01;cursor:pointer;transition:.3s ease-in}.footer-container{box-sizing:border-box;background-color:var(--siteColor1);padding:10px 0;align-items:center;justify-content:flex-start}.footer-container .footer-logo{width:90px}.footer-container .footer-text{font-size:14px;font-style:italic;color:var(--siteColor2)}@media screen and (max-width: 768px){.welcome-text{font-size:24px}.delivery-text,.just-text{font-size:45px}.services-form-layout{display:block}}:root{--font: "Poppins"}.package-page-layout{background-color:var(--backgroundColor)}.package-page-form-layout{background-color:#fff;box-sizing:border-box;padding:20px;max-width:99%}.package-page-header-container{text-align:center;margin-top:70px;box-sizing:border-box;padding:50px 5px;background-color:#fff;width:100%}.package-tracker-section{align-items:center}.package-page-hero-text{font-weight:100;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans;font-size:35px;color:var(--siteColor1)}.sender-form-layout,.receiver-form-layout{background-color:transparent;border:1px solid #ddd;border-radius:10px;padding:10px;box-sizing:border-box}.item-label::part(label){font-size:9px;font-family:var(--font);margin-top:-5px}.item-label::part(input-field){font-size:14px;font-family:var(--font);padding:5px}.package-price-field{width:90%}.package-price-field::part(label){color:#000;font-weight:700}.package-price-field::part(input-field){background-color:#fff;height:50px;color:#de0000;font-size:23px;font-weight:800}.sender-header-text{color:var(--siteColor1);font-size:18px;font-weight:700;margin-bottom:-10px;width:100%;background-color:#f2f7fd;padding:20px 0;text-align:center;border:5px}.payment-method-selector,.package-tracker-view-h5-1{margin-top:10px}.price-container{margin-top:5px}.dis-and-weight-container{margin-top:10px;display:flex;gap:10px;box-sizing:border-box;align-items:baseline;justify-content:stretch}.upload-button{min-width:100%;margin:10px auto;box-sizing:border-box}.sender-distance{padding:20px;color:#fff;background-color:var(--siteColor1);top:15px}.weight-field,.distance-field{width:100%}.icons{width:15px;margin-right:5px}.div-inner-section{width:100%;margin-bottom:-10px;background-color:#edf8ff;text-align:center;justify-content:center;padding:10px 0;border-radius:5px}.place-order-button{font-size:small;height:40px}.package-tracker-section{align-content:center;font-size:small;width:100%}.dialog-header-title{margin-left:5px;font-size:large;font-weight:600;color:#555}.package-tracker-dialog::part(header){background-color:#eef9ff;font-family:Poppins}.dialog-vertical-layout{align-items:self-end;flex-direction:row;padding:10px;border-radius:5px;margin-top:5px}.search-field{width:100%}.search-field::part(input-field){background-color:#fff;border:1px solid rgb(135,135,135);padding:8px;font-size:14px}.search-field::part(label){font-size:12px}.search-field[focused]::part(label){color:red}.track-button{background-color:red;color:#fff;font-size:12px;padding:5px 40px;height:50px}.track-button:hover{background-color:#a10808;transition:.3s ease-in-out;cursor:pointer}.dialog-content-container{padding:10px;border:1px solid #e3e3e3;border-radius:5px;margin-top:10px;box-sizing:border-box}.item-container{width:100%;border:1px solid rgb(222,222,222);border-radius:5px;margin:10px;box-sizing:border-box;padding:10px;display:flex;align-items:center;justify-content:space-between;background-color:#3fd34b}.package-summary-div{border-radius:5px;display:grid;width:100%;grid-template-columns:auto 1fr;background-color:#f7faff}.label{color:#565555;padding:2px 15px}.variable-label{font-weight:600;color:#000}.item-disable{opacity:.2;background-color:#ddd;color:#eee}.cancelled-text{color:#c00000;background-color:#fccdcd;text-align:center;content:"Cancelled";border-radius:5px;padding:20px}.item-status{font-size:14px;font-family:var(--font);color:#fff;font-weight:500}.item-container img{width:20px;background-color:#fff;border-radius:50%;padding:10px}.rating-view-header-section{box-sizing:border-box;padding:15px;color:var(--site-heade-color);background-color:#fff}.rating-view-header-section h3{font-size:23px;padding:10px 0;color:var(--siteColor1)}.rating-vertical-layout{border:1px solid #ddd;padding:10px;border-radius:10px;margin:90px auto 10px;max-width:800px}.rate-search-btn{align-self:baseline;align-items:baseline}.rating-form-layout{align-items:baseline;justify-content:center;background-color:#fff;padding:15px;border-radius:10px}.rating-layout h2,.rating-form-layout h2{font-size:21px;color:var(--site-heade-color);margin-bottom:5px}.rating-layout{background-color:#fff;margin:10px auto;padding:15px;border-radius:10px}.rider-rating-card-div{padding:5px 10px;border-radius:5px;box-sizing:border-box;color:var(--site-heade-color);margin:5px;background-color:#f1f1f1;font-weight:500;width:100%}.rider-rating-card-div p{margin:0}.rider-rating-card-div h3{color:var(--siteColor1);margin:5px 0;padding:0}.rating-status-indicator{padding:15px;box-sizing:border-box;background-color:#e5ffe5;color:#2f9d2c;font-weight:700;text-align:center;width:100%;border-radius:5px}.stars-count-div{background-color:#000;padding:10px;border-radius:5px;text-align:center;font-size:24px}@media screen and (max-width: 760px){.package-tracker-dialog{width:100%}.rating-vertical-layout{max-width:800px}.rating-view-header-section span{text-wrap:wrap;width:400px}.dis-and-weight-container{flex-direction:column}}.header-layout{margin:-10px 0;padding:30px;width:100%;background-color:#e2efff}.header-title-text{font-family:var(--font);color:var(--siteColor1);font-weight:600;font-size:18px}.section-layout{text-align:center;border-radius:5px}.form-section{display:grid;grid-template-columns:300px 300px;padding:10px;column-gap:10px;margin:auto;border:1px solid rgb(232,232,232);background-color:#fff;box-sizing:border-box}.form-section .tracker-button,.business-name-field{grid-column-start:1;grid-column-end:-1}.logo-section{margin:auto;padding:0}.form-section .item-label{width:100%}.registration-flex-layout{box-sizing:border-box;padding:10px;margin:40px auto 10px}.form-section vaadin-combo-box{grid-column-start:1;grid-column-end:-1}.form-section vaadin-combo-box::part(input-field){border:1px solid #ddd;background-color:#fff;padding:8px}.logo-image{height:370px}@media screen and (max-width:760px){.registration-flex-layout{flex-direction:column}.logo-section{visibility:hidden}.form-section{height:100%;width:100%;display:flex;flex-direction:column}.header-layout{text-align:center}.header-title-text{font-size:18px}}.page-view{background-color:var(--backgroundColor);font-family:var(--font)}.customer-inner-page-container{background-color:#fff;border-radius:5px;padding:20px;border:1px solid #ddd;box-shadow:2px 2px 6px 1px #38383819;box-sizing:border-box}.customer-table-filter-field{margin-top:-10px}.customer-table-filter-field::part(input-field){font-size:small}.customers-table::part(header-cell){min-height:50px;color:var(--site-heade-color);background-color:#eee}.customers-table::part(body-cell){font-size:15px}.customers-table::part(even-row){background-color:#c2c1c0}.customer-header-container{margin:-2rem auto;height:min-content}.customer-header-container h5{color:var(--site-heade-color);font-size:20px}.customer-grid-container{margin:0;background-color:transparent}.add-customer-button{font-size:small}.edit-button{font-size:smaller;background-color:#e4ffe9;color:#0c8b07;cursor:pointer}.profile-inner-container{background-color:#fff;height:100vh;border-radius:5px;border:1px solid #eee}.profile-header-container{background-color:#fff;border-radius:3px;display:flex;align-items:center;justify-content:space-between;padding:20px 10px}.profile-item-container{width:100%;box-sizing:border-box;padding:10px;background-color:#f4fbff;border-radius:5px}.profile-pwd-container{width:100%}.profile-pwd-container vaadin-password-field{width:100%;margin-bottom:-10px}.check-box{font-size:small;font-weight:600;width:100%}.check-box::part(label){color:red}.profile-pwd-container{display:flex;width:100%;gap:5px;box-sizing:border-box}.profile-form-layout vaadin-text-area{height:130px}.profile-buttonsContainer{background-color:#f7f7f7;border-radius:5px;margin-top:10px;padding:0 10px;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box;gap:5px}.profile-buttonsContainer vaadin-button{font-size:small;padding:0 10px;cursor:pointer}.input-field{width:100%}.input-field::part(input-field){padding:8px}.view-customer-container{border:1px solid #ccc;background-color:#fff;border-radius:5px;margin-bottom:5px;height:100%}.add-customer-form-layout{display:grid;grid-template-columns:repeat(2,1fr);padding:0 50px}.view-customer-header{font-size:16px;font-weight:700}.view-customer-header-div{box-sizing:border-box;width:100%;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ccc}.input-fields::part(input-field){padding:5px}.input-fields::part(label){font-size:small}.input-fields{margin:-5px 0}.add-customer-form-layout .description-field{grid-column-start:1;grid-column-end:3}.add-customer-form-layout .type-selector{grid-column:1/ -1}.description-field::part(input-field){overflow:hidden!important;text-wrap:wrap}.save-customer-button{padding:20px!important;grid-column:1 /-1}@media screen and (max-width:760px){.profile-pwd-container{display:flex;flex-wrap:wrap;flex-direction:column}.profile-form-layout{column-span:1}.add-customer-form-layout{padding:0;display:flex;flex-direction:column;gap:10px};.customer-scroller{padding:5px;overflow:auto}}.header-layout{padding:10px;border-radius:5px;border-bottom:1px solid #ddd;background-color:transparent}.driver-table-layout{background-color:#fff;border-radius:5px;box-sizing:border-box}.driver-table{margin-top:10px}.driver-button{font-size:small;padding:20px}.driver-table-layout vaadin-text-field{width:100%;margin-bottom:-10px}.image-and-form-container{border-radius:5px;background-color:#fff;box-shadow:1px 1px .5px .5px #b3b3b386;padding:20px;box-sizing:border-box;gap:10px}.driver-image-container{border:1px solid #cbc8c8;padding:5px;border-radius:5px}.driver-image{border-radius:5px;padding:7px;border:1px dotted #d7d7d7}.add-driver-header-container{padding:0 10px}.container h6,.container span{color:#18085a;font-size:15px;border-bottom:1px solid #707070;padding:10px 0}.driver-image-container{width:30%;text-align:center}.driver-image-container img{width:110px}.add-driver-form{box-sizing:border-box}.add-driver-button-container{border-top:1px solid #ccc;margin-top:5px;display:flex;align-items:center;justify-content:flex-end;padding:2px 5px}.add-driver-button-container button{padding:-10px}.driver-text-container span{font-size:10px;margin-bottom:-10px;font-style:italic}.add-driver-button{font-size:small;padding:20px}.driver-image{margin-top:20px}.rating-list-title{background-color:#f0f6ff;text-align:center;border-radius:10px 10px 0 0;padding:10px;margin-bottom:5px;color:#707070}.rating-list-div{border:1px solid #ccc;border-radius:5px;width:80%;margin-bottom:15px}.rate-value-label{font-size:24px;padding:10px 0;background-color:#000;width:100%;border-radius:5px;color:#f3ca00;text-align:center}.rating-textarea{margin-top:10px}.rating-div{height:100%;padding:0;margin:0}.rating-form-layout{box-sizing:border-box;align-items:center}.header-2{font-size:20px;padding-bottom:8px;color:#707070;border-bottom:1px solid #eee}@media screen and (max-width:760px){.image-and-form-container{flex-direction:column;width:100%;gap:10px;align-items:stretch}.driver-image-container{width:100%}.driver-image-container img{width:100px}}.staff-inner-page-container{background-color:#fff;border-radius:10px;box-sizing:border-box;box-shadow:var(--custom-shadow)}.staff-header-container{display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:#fff;border-bottom:1px solid rgb(200,200,200);margin-bottom:-10px}.staff-header-container h6{font-size:15px}.staff-dialog-box::part(header){background-color:#f0f0f0;padding:5px}.staff-dialog-box::part(footer){padding:0 25px}.staff-dialog-close-button{font-size:10px;padding:10px}.staff-dialog-close-button:hover{background-color:#ddd;transition:.3s;border-radius:50%;cursor:pointer}.staff-form-layout{border:1px solid gainsboro;border-radius:5px;margin-top:10px;padding:10px}.staff-dialog-header-container{width:100%;padding:10px;align-items:center;justify-content:space-between}.staff-menu-bar{display:flex;align-items:center;width:100%;box-sizing:border-box}.staff-submit-button{font-size:smaller;padding:10px;margin-right:10px}.cancel-button:hover{cursor:pointer}.create-order-parent-layout{height:100%;padding:20px;box-sizing:border-box}.create-order-page-header-container{box-sizing:border-box;padding:15px}.order-form-scroller{width:100%;overflow:scroll;padding:10px;height:100vh;background-color:#fff;border-radius:5px;box-sizing:border-box}.form-layout-container{background-color:transparent;padding:10px}.form-layout-container .header-text{border-radius:10px;color:#7a82a2}.package-type-selector::part(input-field){background-color:var(--lumo-primary-color-10pct);color:var(--siteColor1);text-transform:uppercase}.package-type-selector::part(label){color:red}.maplink{background-color:var(--siteColor1);border-radius:5px;padding:5px;color:#fff;text-align:center;font-size:small;align-self:first baseline}.maplink a{color:#fff;text-decoration:none}.payment-method-selector{border-radius:2px;padding:5px}.payment-method-selector::part(input-field){background-color:#fff;border:1px solid #ddd}.save-order-button{font-size:small;margin:0;padding:18px;background-color:var(--siteColor2);color:var(--siteColor1);font-weight:600}.save-order-button:hover{background-color:var(--siteColor2);opacity:.8}.cost-label{font-size:larger;font-weight:600;border:1px solid #ccc;color:#060606;width:100%;padding:10px;box-sizing:border-box;border-radius:5px}.price-label{font-size:small}.price-container{display:flex;flex-direction:column;align-items:flex-start;width:100%;grid-column:span 2}.header-text{background-color:#f2f7fd;width:100%;text-align:center;padding:15px 0;font-size:16px;font-weight:700;color:var(--siteColor1)}.create-order-form-layout{border:1px solid #c9c9c9;border-radius:5px}.item-div-container{display:grid;grid-template-columns:repeat(2,1fr);width:100%;gap:10px}.package-description{grid-column:span 2}.cost-label,.payment-method-selector{grid-column:span 3}.notice-paragraph{background-color:#ffefef!important;padding:10px!important;color:#8b0000;font-size:smaller;border-radius:10px}.item-box{display:grid!important;grid-template-columns:repeat(3,1fr);width:100%;gap:10px;display:block}.location-button{margin-top:25px;padding:20px 0}.orders-header-container{background-color:#fff;display:flex;justify-content:flex-start;flex-direction:column;margin:5px auto;padding:10px 20px;box-sizing:border-box;border-radius:5px}.filter-and-limit-container{display:flex;align-items:last baseline;gap:10px;width:100%}.delivery-div-container h6{background-color:#f5f5f5;padding:10px 0;border-radius:2px;color:#000}.code-field{margin-top:10px;width:100%}.code-field::part(input-field){padding:8px}.delivery-div-container{box-sizing:border-box}.confirm-delivery-btn{padding:15px 0}.deliver-btn{background-color:#00900a!important;font-size:11px}.filter-field{width:500px}.view-route-button{color:var(--siteColor1);font-weight:600;margin:auto!important;font-size:11px!important}.dispatch-button{background-color:var(--siteColor1);color:#fff;border-radius:10px;margin:auto!important;font-size:11px!important}.button{cursor:pointer;margin:2px 0;color:#fff}.cancel-button{color:red!important}.view-button{color:var(--siteColor1)}.order-status{width:100%}.filter-field::part(input-field){background-color:#fff;border:1px solid gray;padding:4px;font-size:small}.limit-selector{width:80px}.limit-selector::part(input-field){background-color:#fff;border:1px solid gray}.orders-header-text,.staff-header-text,.driver-header-text,.profile-header-text,.create-order-page-header-text{font-size:20px;color:var(--site-heade-color);padding:10px}.table-grid::part(header-cell),.driver-table::part(header-cell),.staff-data-grid::part(header-cell){background-color:#eee;color:var(--site-heade-color);font-size:13px;text-align:center}.header-container{background-color:#fff;box-sizing:border-box;padding:15px;color:var(--site-heade-color);width:100%;border-radius:5px}.header-container>*{font-size:20px;color:var(--site-heade-color)}.page-view{box-sizing:border-box}.page-container{background-color:#fff;border-radius:5px;box-sizing:border-box;min-width:max-content;padding:10px}.assigned-orders-table{height:100%}.invoice-header-layout{background-color:#fff;width:100%;box-sizing:border-box;padding:0 20px;align-items:center;justify-content:space-between;border-radius:5px;border:1px solid #eee}.invoice-header-layout .header-text{color:var(--site-heade-color);background-color:transparent;text-align:left}.button-container{display:flex;gap:10px;align-items:center;justify-content:space-between}.generate-invoice-button{padding:15px;color:var(--siteColor1);background-color:var(--siteColor2)}.generate-invoice-button:hover{background-color:var(--siteColor2);opacity:.8}.order-details-body{background-color:#fff;box-sizing:border-box;height:100vh}.package-container{display:grid;grid-template-columns:repeat(2,1fr)}.order-details-body .parcel-inner-div{border:1px solid rgb(230,230,230);margin:5px;font-weight:500;padding:10px;border-radius:5px;box-sizing:border-box;font-size:small;color:#00678f}.parcel-inner-div h6{color:var(--site-heade-color)}.parcel-info-section{width:100%;padding:10px;box-sizing:border-box}.content-header{padding:15px;font-size:large;color:#78869b}.delivery-cost-container,.order-container{display:flex;grid-column:span 2;align-items:center;justify-content:space-between;gap:10px;background-color:var(--siteColor2);margin-top:15px}.delivery-code-field{background-color:transparent;width:98%;grid-column:span 2;margin:10px auto}.delivery-code-field::part(input-field){color:#00678f;padding:10px;text-align:center}.delivery-cost-container h5,.order-container h6{color:#fff}.order-container span,.delivery-cost-container h4{font-size:16px;font-weight:600;color:var(--siteColor1)}.customer-info-section{display:grid;grid-template-columns:repeat(2,1fr)}.package-image-stream{width:80px;border-radius:10px;margin:10px 0;cursor:pointer}.dialog-image{width:unset;border-radius:20px;border:4px solid #ddd}.package-image-stream:hover{opacity:.3}.desc-div{grid-column:span 2}.dialog-content{border:1px solid #ccc;border-radius:5px;background-color:transparent;padding:10px;box-sizing:border-box}.delivery-dialog-div{border-bottom:1px solid #e5e5e5;padding-bottom:5px}.dialog-header-title{font-size:large;margin-bottom:10px;color:var(--siteColor1)}.delivery-date-selector::part(input-field),.delivery-man-selector::part(input-field){padding:5px}.vertical-page-layout{background-color:#fff;padding:20px;border-radius:5px;border:1px solid #cbcbcb;width:100%}.vertical-page-layout h4{color:var(--site-heade-color);font-size:20px}.notification-scroller{background-color:#fff;padding:20px;box-sizing:border-box}.item-list{border:1px solid #dedede;border-radius:5px;padding:20px 10px;margin:10px 0}.item-list:hover{background-color:#f0f5ff;transition:.3s ease-out;cursor:pointer;border-radius:10px;border-left:10px solid rgb(165,165,165)!important}.unread{background-color:#fdd!important}.img-avatar{padding:5px;font-size:14px;align-items:center;justify-content:center;text-align:center;border-radius:50%;color:#a8a8a8}.title-date-container{display:flex;gap:10px;align-items:baseline}.message-container{text-wrap:wrap;box-sizing:border-box;border-bottom:1px solid #c2c2c2;padding-bottom:10px;margin:5px}.message-container .date-time-value{color:#8b0000}.message-content-box{color:var(--title-color);padding:10px;box-sizing:border-box}.notification-body-container{box-sizing:border-box;display:grid;grid-template-columns:3% 85% 10%;align-items:center;justify-content:center;gap:10px;margin:20px}.dialog-layout{border-radius:5px;padding:10px}.dialog-layout div{border-bottom:1px solid gray!important}.rate-value-item{width:100%}.rate-value-item::part(input-field){padding:5px}.comments-area{width:100%;padding:10px 0}.package-image{width:50px;margin:8px;gap:10px}@media only screen and (max-width: 760px){.create-order-selectors-layout{display:flex;flex-direction:column}.create-order-selectors-layout *{width:100%}.package-description,.payment-method-selector,.cost-label{grid-column:span 1}.item-div-container,.item-box{grid-template-columns:auto}.package-container,.customer-info-section{display:block;margin-bottom:10px}.notification-body-container{grid-template-columns:auto}}@media screen and (max-width: 870px){.create-order-selectors-layout{display:flex;flex-direction:column}.create-order-selectors-layout *{width:100%}}.invoice-settings-layout{background-color:#fff;display:grid;grid-template-columns:repeat(2,1fr);padding:20px}.invoice-header-layout h5{color:var(--site-heade-color);font-size:20px}.form-text-field{width:100%;margin-bottom:-10px}.form-text-field::part(input-field){height:45px}.logo-container{display:flex;margin-top:20px}.invoice-logo{width:120px;height:90px;padding:10px;border:1px solid #ddd;border-radius:5px}@media screen and (max-width:760px){.invoice-settings-layout{display:block}.form-text-field{width:100%;margin-bottom:10px}}