*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.inset-0{top:0px;right:0px;bottom:0px;left:0px}.z-10{z-index:10}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.mt-3{margin-top:.75rem}.mb-4{margin-bottom:1rem}.flex{display:flex}.table{display:table}.table-cell{display:table-cell}.grid{display:grid}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-screen{width:100vw}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-pre{white-space:pre}.rounded-2xl{border-radius:1rem}.border{border-width:1px}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-opacity-25{--tw-bg-opacity: .25}.p-6{padding:1.5rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-6{line-height:1.5rem}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-200{transition-duration:.2s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{border-radius:0}html,body{height:100vh;width:100vw;margin:0;padding:0;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}body{letter-spacing:.1em}a{color:#1782ff;text-decoration:none}a:hover{color:#1782ff}.page{height:88vh;padding:20px}.page .page-header{height:84px;display:flex;align-items:center}.capitalize{text-transform:capitalize}.text-gray{color:#00000061}.text-link-color{color:#1782ff}.text-success{color:#49c100}.text-danger{color:#e33237}.text-bold{font-weight:700}.grid-row{cursor:pointer;transition:background-color .2s ease-in-out;border-radius:4px}.grid-row.checked,.grid-row:hover{background-color:#fcca464d}h1{font-size:2rem;font-weight:700;margin-bottom:8px}.mobile-menu-toggle{display:none;position:fixed;top:16px;left:16px;z-index:1001;background:#FCCA46;border:2px solid black;border-radius:4px;padding:8px;cursor:pointer;flex-direction:column;gap:4px;width:40px;height:40px;justify-content:center;align-items:center}.mobile-menu-toggle span{display:block;width:24px;height:3px;background-color:#000;border-radius:2px;transition:all .3s ease}@media (max-width: 768px){.mobile-menu-toggle{display:flex}}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999}.left-sidebar{display:flex;position:fixed;top:0;flex-direction:column;background:#FCCA46;width:var(--left-sidebar-width);height:100vh;font-weight:600;z-index:1000;transition:transform .3s ease}.left-sidebar .treads{margin-bottom:55px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.left-sidebar .mobile-menu-close{display:none;background:none;border:none;font-size:32px;cursor:pointer;color:#000;padding:0;width:32px;height:32px;align-items:center;justify-content:center;line-height:1}.left-sidebar li{display:flex;gap:16px;align-items:center;padding-left:33px;height:65px}.left-sidebar li.active{background-color:#fff}.left-sidebar li.credits{position:relative}.left-sidebar li.credits:after{content:"1";position:absolute;top:15px;right:80px;display:flex;justify-content:center;align-items:center;width:18px;height:18px;border-radius:50%;background-color:red;color:#fff;font-size:10px;font-weight:700}.left-sidebar .bottom-links{display:flex;padding:33px;flex-direction:column;gap:50px;margin-top:auto}.left-sidebar a{color:#000}@media (max-width: 768px){.left-sidebar{width:280px;transform:translate(-100%);box-shadow:2px 0 8px #0003}.left-sidebar.mobile-open{transform:translate(0)}.left-sidebar .treads{margin-bottom:20px;padding:16px}.left-sidebar .mobile-menu-close{display:flex}}.dialog .dialog-wrapper{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh}.dialog .dialog-wrapper.wide .dialog-panel{width:90vw;height:90vh;max-width:1200px;max-height:800px}.dialog .dialog-panel{display:grid;grid-template-rows:100px 1fr 80px}.dialog .dialog-footer{display:flex;justify-content:flex-end;align-items:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{display:inline-block;border:2px solid currentColor;border-right:none;border-bottom:none;width:26px;height:26px;border-radius:50%;animation:spin 1s linear infinite}.button{border:none;letter-spacing:1.25px;font-weight:600;background-color:#fcca46;padding:10px;border-radius:4px;cursor:pointer}.button:active{transform:scale(.95)}.button svg,.button use{width:16px;height:16px;outline:currentColor;fill:currentColor}.button.danger{background-color:#e33237;color:#fff}.button.gray{background-color:#dadada}.button.login-button{background-color:#6200ee;color:#fff}.button.privacy-policy,.button.privacy-policy:hover{color:#000;text-decoration:none}.button.icon{display:flex;flex-basis:content;align-items:center;gap:10px}.button.wide{width:100%}.button .spinner{margin-left:8px}.button-group{display:flex;align-items:center}.button-group button{background-color:#fff;outline:none;border:none;border-right:1px solid rgba(0,0,0,.5);color:#1782ff;padding:0 10px}.button-group button:first-of-type{text-align:left;justify-content:flex-start;padding-left:0}.button-group button:last-of-type{border-right:none}button:disabled{opacity:.5;cursor:not-allowed}.page-footer{--padding:2vw;position:fixed;display:flex;width:calc(100vw - var(--left-sidebar-width));height:84px;bottom:0px;align-items:center;padding-left:var(--padding);padding-right:var(--padding);box-sizing:border-box;border-top:1px solid #dadada;background-color:#fff}.page-footer .page-footer__content{width:100%;display:flex;align-items:center;margin:auto}.page-footer .page-footer__content-left-logo{display:flex;gap:16px;align-items:center;height:44px}.page-footer .page-footer__content-left-logo img{height:44px}.page-footer .page-footer__content-right{margin-left:auto;display:flex;align-items:center;gap:16px}@media (max-width: 768px){.page-footer{position:fixed;left:0;right:0;width:100%;max-width:100vw;height:auto;min-height:84px;padding:16px;flex-direction:column;box-sizing:border-box;overflow-x:hidden}.page-footer .page-footer__content{flex-direction:column;gap:16px;align-items:flex-start}.page-footer .page-footer__content-right{margin-left:0;width:100%;flex-direction:column;align-items:stretch;gap:12px}.page-footer .page-footer__content-right button,.page-footer .page-footer__content-right a.button{width:100%;text-align:center!important}.page-footer .page-footer__content-right .privacy-policy{text-align:center!important;display:flex!important;justify-content:center!important;align-items:center!important}}@media (max-width: 340px){.page-footer .page-footer__content-left-logo{display:none}}.page-footer.relative{position:absolute;width:inherit}textarea{border-style:solid;border-width:2px;border-color:#000;border-radius:5px;padding:10px}.key-layout{--left-sidebar-width: 230px;position:fixed;top:0}.key-layout .layout-content{position:relative;box-sizing:border-box;margin-left:230px;width:calc(100vw - 230px);max-width:calc(100vw - 230px);overflow-y:auto}.dashboard-card{display:flex;flex-direction:column;border:1px solid #dadada;border-radius:4px;width:529px;margin-right:20px;margin-bottom:20px;height:157px;padding:20px}.dashboard-card.wide{width:100%}.dashboard-card .dashboard-card__content{margin-top:auto}.dashboard-card .dashboard-card-insert-collection{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:auto}.dashboard-card .dashboard-card-insert{display:flex;flex-direction:column;gap:8px}.dashboard-card .dashboard-card-insert.kpi .dashboard-card-insert__title{font-size:14px;margin-bottom:10px}.dashboard-card .dashboard-card-insert.kpi .dashboard-card-insert__content{font-weight:700;font-size:20px}.spinner-container{position:absolute;left:47%;top:50%}.no-data{position:absolute;left:45%;top:50%;font-weight:700;border:1px solid;padding:8px;border-radius:18px}.dashboard-content{padding:0 20px}.dashboard-content .header{display:flex}.dashboard-content .header .select-range-container{display:flex;margin-left:auto;margin-right:0;border:2px solid #D3D3D3;padding:7px;border-radius:5px;width:25%}.dashboard-content .header .select-range-container label{color:#d3d3d3;width:40%}.dashboard-content .header .select-range-container select{margin-top:-1%;width:60%}.dashboard-content table{width:100%;text-align:center}.dashboard-content table thead th{padding:10px;border-top:2px solid #D3D3D3;border-bottom:2px solid #D3D3D3}.dashboard-content table tbody tr td,.dashboard-content table tbody tr th{padding:10px}.dashboard-content table tbody .tr{border-top:2px solid #D3D3D3}.dashboard-content table tbody .overdue{color:red;font-weight:700}.grid-wrapper{width:100%}.grid-wrapper .grid-body{display:grid}.grid-wrapper .grid-row,.grid-wrapper .grid-header{padding-bottom:20px;display:grid;grid-template-rows:32px;align-items:center}.grid-wrapper .grid-cell{overflow:hidden;text-overflow:ellipsis}.grid-wrapper .grid-header{font-weight:700}.grid-wrapper .grid-footer{margin-top:12px}.grid-wrapper .grid-footer .nav-button{margin:0 12px;font-weight:700}.grid-wrapper .no-records-notice{margin-top:12px;font-family:monospace}.grid-wrapper .load-more-button{color:#00f;text-decoration:underline}@media (max-width: 768px){.grid-wrapper .grid-cell{white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content;padding:0 8px}.grid-wrapper .grid-header .grid-cell,.grid-wrapper .grid-row .grid-cell{font-size:.875rem}}.fleet-accounts-page .fleet-list{height:calc(100vh - 256px);overflow-y:auto}.menu-dropdown{position:relative}.menu-dropdown .menu-dropdown__button{display:flex;gap:4px;align-items:center;background-color:#fff;outline:none;border:1px solid #dadada;padding:6px;border-radius:4px}.menu-dropdown .menu-items{position:absolute;width:100%;background-color:#fff;border:1px solid #dadada;margin-top:4px;border-radius:4px;box-shadow:0 0 10px #dadada4d}.menu-dropdown .menu-item{display:block;border-radius:4px;cursor:pointer}.menu-dropdown .menu-item:hover{background-color:#fcca46}.menu-dropdown .menu-item button{display:block;padding:4px;margin-top:4px;width:100%;text-align:left}.filters{display:flex;gap:25px}.search-box{display:flex;gap:16px;border:1px solid #dadada;border-radius:4px;width:350px;padding:6px;outline:none;font-size:15px}.search-box input[type=text]{width:300px;padding-right:50px}.search-box input:focus{outline:none}.search-box input[type=submit]{margin-left:-50px;cursor:pointer;background:#FCCA46;font-weight:600;width:60px;border:1px solid #dadada;border-radius:5px;padding:5px;-webkit-appearance:none}.cell{font-size:14px}h5{color:red;padding:10px 0}.admin-invoices-page .invoices-list{height:calc(100vh - 250px);overflow:auto;width:100%}.tabs_ui .tabs-list{margin-bottom:24px;border-bottom:1px solid rgba(0,0,0,.1)}.tabs_ui .tabs-list-item{background-color:#fff;color:#1782ff;border:none;outline:none;padding:4px 8px;text-align:center}.tabs_ui .tabs-list-item[tabindex="0"]{color:#333;border-bottom:2px solid #E33237}.fleet-detail-page .page-body{display:grid;grid-template-columns:400px 1fr;height:1000px;max-height:100vh;overflow:hidden;overflow-y:auto}.fleet-detail-page .tab-section{border-radius:4px;padding:20px;margin:20px 20px 140px;border:1px solid #ebebeb}.fleet-detail-page .list-button{text-align:left}.fleet-detail-page .overview-details{display:flex;gap:44px;flex-direction:column}.fleet-detail-page .overview-details h2{font-size:12px;text-transform:uppercase;border-bottom:1px solid #dadada;padding-bottom:4px;margin-bottom:4px}.fleet-detail-page .overview-details .address{margin-top:40px;display:flex;flex-direction:column;gap:14px;line-height:16px}.fleet-detail-page .overview-details .record-info{display:flex;flex-direction:column;gap:14px}.fleet-detail-page .overview-details .record-info .record-item{display:flex}.fleet-detail-page .overview-details .record-info .record-item-value{margin-left:auto}.fleet-detail-page .fleet-details{display:flex;flex-direction:column;gap:24px}.fleet-detail-page .fleet-details .header-section{display:flex}.fleet-detail-page .fleet-details .header-section button{margin-left:auto;text-transform:none}.fleet-detail-page .fleet-details .info-section{display:flex;flex-wrap:wrap;width:100%;gap:14px}.fleet-detail-page .fleet-details .info-section .list-section{flex:1}.fleet-detail-page .fleet-details .info-section .data-section{margin-left:auto;flex:1;max-width:400px}.fleet-detail-page .fleet-details .info-section .vehicle-info{display:flex;margin-bottom:14px}.fleet-detail-page .fleet-details .info-section .vehicle-info-value{margin-left:auto}.admin-payments-page .payments-list{height:calc(100vh - 250px);overflow-y:auto;width:100%}.load-more-button{color:#00f;text-decoration:underline}.text-input{border:1px solid #dadada;border-radius:4px;width:100%;padding:15px;outline:none}.admin-users-page .page-body{height:calc(100vh - 250px);overflow-y:auto}.admin-users-page .page-action-buttons{margin-bottom:20px}.create-newuser-modal .dialog-panel{overflow-y:auto}.create-newuser-modal .create-newuser-form{display:flex;flex-direction:column;gap:8px;max-width:400px}.create-newuser-modal .create-newuser-form label{display:inline-block;margin-top:24px;margin-bottom:8px}.pill-element{--pad: 8px;background-color:#dadada;padding:var(--pad) calc(var(--pad) * 2);font-weight:600;border-radius:calc(var(--pad) * 2);text-transform:uppercase;font-size:.75rem}.page-content{display:flex;gap:20px;width:100%}.page-content .invoice-details-header{display:flex;width:100%;margin-bottom:32px}.page-content .invoice-details-header .display-information{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:70%}.page-content .invoice-details-header .action-buttons{margin-left:auto;margin-right:0;display:grid;grid-template-columns:100px 32px;gap:1px}.invoice-body{display:flex;gap:3px;line-height:20px}.invoice-body .left-box{border:solid 3px grey;border-radius:5px;padding:10px;width:70%}.invoice-body .left-box .row{display:flex;gap:20px;margin-bottom:10px}.invoice-body .left-box .row .value{float:right}.invoice-body .left-box .row .outer-table{flex:1;width:auto;min-width:0;border:1px solid black;border-collapse:collapse;margin:0}.invoice-body .left-box .row .outer-table .outer-thead{border:1px solid black}.invoice-body .left-box .row .outer-table tbody tr:last-child td{padding-bottom:5px}.invoice-body .left-box .row .outer-table .inner-table{margin:0;width:100%}.invoice-body .left-box .row .outer-table .inner-table th,.invoice-body .left-box .row .outer-table .inner-table td{padding:3px 5px}.invoice-body .left-box .row .outer-table .inner-table.services-inner-table th:nth-child(1){width:60%;text-align:left}.invoice-body .left-box .row .outer-table .inner-table.services-inner-table th:nth-child(2){width:15%;text-align:center}.invoice-body .left-box .row .outer-table .inner-table.services-inner-table th:nth-child(3){width:25%;text-align:right}.invoice-body .left-box .row .outer-table .inner-table.services-inner-table td:nth-child(1){text-align:left}.invoice-body .left-box .row .outer-table .inner-table.services-inner-table td:nth-child(2){text-align:center}.invoice-body .left-box .row .outer-table .inner-table.services-inner-table td:nth-child(3){text-align:right}.invoice-body .left-box .row .inner-history-table{border-style:hidden}.invoice-body .left-box .row .inner-history-table .inner-history-th{border:1px solid black}.invoice-body .left-box .row .inner-history-table .inner-history-td{border:1px solid black;padding:5px}.invoice-body .left-box .row .payment-table{border:1px solid black;flex:1;width:auto;min-width:0;margin:0}.invoice-body .left-box .row .payment-table td{padding:3px 5px;border:1px solid black}.invoice-body .left-box .row .payment-table tbody tr:last-child td{padding-bottom:5px}.invoice-body .left-box .row .comments-table{border:1px solid black;flex:1;width:auto;min-width:0;margin:0}.invoice-body .left-box .row .comments-table th,.invoice-body .left-box .row .comments-table td{border:1px solid black;padding:3px 5px}.invoice-body .left-box .row .comments-table tbody tr:last-child td{padding-bottom:5px}.invoice-body .left-box .row .inner-td{padding:5px}.invoice-body .left-box .row span{display:flex;gap:50px}.invoice-body .left-box .payment-receipt{border:0px outset grey;padding:15px;zoom:80%;max-width:100%;box-sizing:border-box;-webkit-box-shadow:1px 1px 15px rgba(0,0,0,.6);-moz-box-shadow:1px 1px 15px rgb(0,0,1)}.invoice-body .left-box .payment-receipt #invoice{width:100%;overflow-x:auto;overflow-y:visible}.invoice-body .right-box{border:solid 3px grey;border-radius:5px;padding:10px;width:30%;height:30%}.invoice-body .right-box .header{margin-bottom:20px}.invoice-body .right-box .row{display:flex;gap:20px;margin-bottom:10px}.invoice-body .right-box .pay{text-align:center;width:100%;border-radius:3px;padding:5px;font-size:14px;font-weight:600;line-height:16px;color:#fff;background-color:#e33237;margin-top:25px;margin-bottom:15px}.page-content{display:flex;gap:20px;width:100%}.page-content .payment-details-header{display:flex;width:100%;margin-bottom:32px}.page-content .payment-details-header .display-information{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:70%}.page-content .payment-details-header .action-buttons{margin-left:auto;margin-right:0;display:grid;grid-template-columns:100px 32px;gap:1px}.page-body{display:flex;gap:3px;line-height:20px}.page-body .left-box{border:solid 3px grey;border-radius:5px;padding:10px;width:20%;height:30%}.page-body .left-box .header{margin-bottom:20px}.page-body .left-box .row{display:flex;gap:2px;margin-bottom:10px}.page-body .left-box .amount{text-align:center;width:100%;border:solid 2px green;border-radius:3px;padding:5px;font-size:20px;font-weight:700;color:green;margin-top:25px;margin-bottom:15px}.page-body .right-box{border:solid 3px grey;border-radius:5px;padding:10px;width:80%}.page-body .right-box .row{display:flex;gap:50px;margin-bottom:20px}.page-body .right-box .row .value{float:right}.page-body .right-box .row .outer-table{width:100%;border:1px solid black;border-collapse:collapse}.page-body .right-box .row .outer-table .outer-thead{border:1px solid black}.page-body .right-box .row .inner-history-table{border-style:hidden}.page-body .right-box .row .inner-history-table .inner-history-th{border:1px solid black}.page-body .right-box .row .inner-history-table .inner-history-td{border:1px solid black;padding:5px}.page-body .right-box .row .payment-table{border:1px solid black;width:50%}.page-body .right-box .row .payment-table td{padding:5px;border:1px solid black}.page-body .right-box .row .comments-table{border:1px solid black;width:50%}.page-body .right-box .row .comments-table th,.page-body .right-box .row .comments-table td{border:1px solid black;padding:5px}.page-body .right-box .row .inner-td{padding:5px}.page-body .right-box .row span{display:flex;gap:50px}.page-body .right-box .payment-receipt{border:0px outset grey;padding:15px;zoom:80%;-webkit-box-shadow:1px 1px 15px rgba(0,0,0,.6);-moz-box-shadow:1px 1px 15px rgb(0,0,1)}.payment-method{display:flex;gap:5px;padding-bottom:10px}.payment-method .option{padding-right:10px}.payment-method .option .check-container{display:inline}.payment-method .option .check-container .option-button{height:18px;width:18px;border:2px solid black;border-radius:50%}.card-form{display:flex;flex-direction:column}.select-container{border:2px solid #D3D3D3;padding:7px;border-radius:5px;width:100%}.select-container label{color:#9e9d9d;width:40%}.select-container select{margin-top:-1%;width:40%}.content{display:flex;gap:50px;line-height:17px}.content .left-box{width:80%}.content .left-box .payment-summary{border:2px solid grey;padding:15px;border-radius:5px;display:flex;gap:50px}.content .left-box .payment-summary strong{font-size:20px}.content .left-box .invoice{background:rgba(233,233,233,.35);border:1 px #fff;border-radius:5px;padding:10px;margin-bottom:20px}.content .left-box .invoice .header,.content .left-box .invoice .body{display:flex;gap:50px}.content .left-box .invoice .body .outstanding{margin:auto 0 0 auto}.content .left-box .invoice .body .outstanding input{width:95px;height:25px;border:1px solid rgba(0,0,0,.15);background:#fff;padding:5px}.content .left-box .invoice .body .outstanding input::checked{background-color:#00f}.content .left-box label span{font-size:10px;font-weight:700}.content .left-box .total{margin-left:auto;margin-right:0}.content .right-box{width:20%}.content .right-box .pay{text-align:center;width:100%;border-radius:3px;padding:5px;font-size:14px;font-weight:600;line-height:16px;color:#fff;background-color:#e33237;margin-top:18px;margin-bottom:15px}.details .header{display:flex;gap:50px}.details .header .right{text-align:right;margin-left:auto}.details table{width:100%}.details table td{padding:10px 0}.details table td label{padding-right:10px}.details table td label input{vertical-align:middle}.details table .action{color:#1782ff}.details .submit{background-color:#e33237;color:#fff;border-radius:4px;padding:5px 15px;font-size:13px;font-weight:500}.details .paid{display:flex;gap:50px;border:solid 2px grey;padding:5px;border-radius:4px}.details .paid .left{font-size:13px;display:flex;gap:10px}.details .paid .right{margin-left:auto}.invite-customers-page .page-header{color:#a9a9a9;width:75%;margin:auto}.invite-customers-page .form-header{font-weight:700;color:#000}.invite-customers-page .modal-body{border:1px solid #dadada;width:75%;margin:auto;padding:16px}.invite-customers-page .page-action-buttons{margin-bottom:20px}.new-customer-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:40px 20px;position:relative}.success-snackbar{position:fixed;top:20px;left:50%;transform:translate(-50%);margin-left:115px;background-color:#ffb74d;color:#333;padding:10px 20px;border-radius:4px;box-shadow:0 2px 8px #00000026;display:flex;align-items:center;gap:12px;z-index:1000;height:auto;min-height:40px;max-height:60px;width:-moz-fit-content;width:fit-content;max-width:500px;box-sizing:border-box;animation:snackbarSlideDown .3s ease-out}.success-snackbar .snackbar-message{font-size:14px;font-weight:500;color:#333;margin:0;padding:0;line-height:1.4;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:400px}.success-snackbar .snackbar-close{flex:0 0 auto;background:none;border:none;color:#333;font-size:20px;line-height:1;cursor:pointer;padding:0;margin:0;width:20px;height:20px;min-width:20px;min-height:20px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.success-snackbar .snackbar-close:hover{opacity:.7}@keyframes snackbarSlideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.new-customer-header{margin-bottom:24px;width:100%;max-width:600px}.new-customer-header .back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;color:#007bff;text-decoration:none;font-size:14px;transition:color .2s}.new-customer-header .back-link .caret-icon{width:6px;height:10px;flex-shrink:0}.new-customer-header .back-link:hover{color:#0056b3;text-decoration:underline}.new-customer-header h2{font-weight:700;color:#333;margin:0;font-size:20px}.new-customer-container{width:100%;max-width:600px;background:white;border:1px solid #dadada;border-radius:4px;padding:24px}.new-customer-form .form-row{display:flex;align-items:center;margin-bottom:16px}.new-customer-form .form-row .form-label{min-width:140px;color:#333;font-size:14px;margin-right:16px;text-align:left}.new-customer-form .form-row .form-input-wrapper{flex:1}.new-customer-form .form-row .form-input-wrapper .input-wrapper{margin:0}.new-customer-form .form-row .form-input-wrapper .input-wrapper label{display:none}.new-customer-form .form-row .form-input-wrapper .input-wrapper .text-input{width:100%;padding:8px 12px;border:1px solid #dadada;border-radius:4px;font-size:14px}.new-customer-form .form-row .form-input-wrapper .input-wrapper .text-input:focus{outline:none;border-color:#ffc107}.new-customer-form .form-messages{margin-top:16px;margin-bottom:16px}.new-customer-form .form-messages .error-message{color:#dc3545;font-size:14px;margin:0;white-space:pre-line}.new-customer-form .form-messages .success-message{color:#28a745;font-size:14px;margin:0}.new-customer-form .form-actions{display:flex;justify-content:flex-end;margin-top:24px}.new-customer-form .form-actions .save-button{background-color:#dc3545;color:#fff;border:none;padding:10px 24px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.new-customer-form .form-actions .save-button:hover:not(:disabled){background-color:#c82333}.new-customer-form .form-actions .save-button:disabled{opacity:.6;cursor:not-allowed}.retail-customers-page .page-header{margin-bottom:20px}.retail-customers-page .page-header h1{font-weight:700;color:#333;margin:0;font-size:18px}.retail-customers-page .grid-header{font-size:12px}.retail-customers-page .grid-cell{font-size:13px}.retail-customers-page .page-action-bar{display:flex;align-items:center;gap:16px;margin-bottom:20px}.retail-customers-page .page-action-bar .search-box{flex:1;position:relative;display:flex;align-items:center;border:none}.retail-customers-page .page-action-bar .search-box img{position:absolute;left:12px;width:16px;height:16px;pointer-events:none;z-index:1}.retail-customers-page .page-action-bar .search-box input{width:100%;padding:10px 12px 10px 40px;border:1px solid #dadada;border-radius:4px;font-size:14px;background:white}.retail-customers-page .page-action-bar .search-box input:focus{outline:none;border-color:#ffc107}.retail-customers-page .page-action-bar .new-customer-button{background-color:#dc3545;color:#fff;border:none;padding:10px 20px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color .2s}.retail-customers-page .page-action-bar .new-customer-button:hover:not(:disabled){background-color:#c82333}.retail-customers-page .page-action-bar .new-customer-button:disabled{opacity:.6;cursor:not-allowed}.retail-customers-page .page-body .spinner-container{display:flex;justify-content:center;align-items:center;min-height:200px}.retail-customer-detail-page .page-header{margin-bottom:20px}.retail-customer-detail-page .page-header .back-link{display:inline-flex;align-items:center;gap:8px;color:#007bff;text-decoration:none;font-size:14px;transition:color .2s}.retail-customer-detail-page .page-header .back-link .caret-icon{width:6px;height:10px;flex-shrink:0}.retail-customer-detail-page .page-header .back-link:hover{color:#0056b3;text-decoration:underline}.retail-customer-detail-page .page-body{display:grid;grid-template-columns:400px 1fr;height:1000px;max-height:100vh;overflow:hidden;overflow-y:auto}.retail-customer-detail-page .tab-section{border-radius:4px;padding:20px;margin:20px 20px 140px;border:1px solid #ebebeb}.retail-customer-detail-page .tab-section .overview-tab-loader{display:flex;justify-content:center;align-items:center;min-height:200px;width:100%;margin:60px auto 0}.retail-customer-detail-page .tab-section .customer-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #ebebeb}.retail-customer-detail-page .tab-section .customer-header .customer-name{font-size:17px;color:#666;font-weight:400}.retail-customer-detail-page .list-button{text-align:left}.retail-customer-detail-page .list-button .customer-name-text{display:inline;white-space:nowrap;font-size:15px}.retail-customer-detail-page .data-section .search-box{display:flex;align-items:center;border:1px solid #dadada;border-radius:4px;padding:8px 12px;margin-top:20px;margin-bottom:0;position:relative}.retail-customer-detail-page .data-section .search-box img{width:16px;height:16px;margin-right:8px;opacity:.6}.retail-customer-detail-page .data-section .search-box input{border:none;outline:none;flex-grow:1;font-size:14px}.retail-customer-detail-page .data-section .search-box input:focus{outline:none}.retail-customer-detail-page .data-section .grid-wrapper,.retail-customer-detail-page .data-section .grid-body{margin-top:0;padding-top:0}.retail-customer-detail-page .data-section .grid-row{padding-bottom:4px!important;padding-top:4px!important}.retail-customer-detail-page .data-section .grid-row:first-child{padding-top:4px!important;margin-top:0!important}.retail-customer-detail-page .overview-details{display:flex;gap:0;flex-direction:column}.retail-customer-detail-page .overview-details .customer-actions{display:flex;justify-content:flex-end;gap:12px;margin-bottom:16px}.retail-customer-detail-page .overview-details .customer-actions .edit-button,.retail-customer-detail-page .overview-details .customer-actions .delete-button{padding:4px 12px;border:none;background:transparent;cursor:pointer;font-size:14px;text-decoration:none}.retail-customer-detail-page .overview-details .customer-actions .edit-button{color:#0056b3}.retail-customer-detail-page .overview-details .customer-actions .edit-button:hover:not(:disabled){text-decoration:underline}.retail-customer-detail-page .overview-details .customer-actions .delete-button{color:#dc3545}.retail-customer-detail-page .overview-details .customer-actions .delete-button:hover:not(:disabled){text-decoration:underline}.retail-customer-detail-page .overview-details .customer-actions button:disabled{opacity:.6;cursor:not-allowed}.retail-customer-detail-page .overview-details .address{margin-top:0;display:flex;flex-direction:column;gap:14px;line-height:16px}.retail-customer-detail-page .overview-details .address .detail-label{font-weight:500;color:#333;font-size:14px;margin-bottom:8px}.retail-customer-detail-page .overview-details .address .detail-value{color:#3c3c3c;font-size:13px}.retail-customer-detail-page .retail-vehicles-details{display:flex;flex-direction:column;gap:16px}.retail-customer-detail-page .retail-vehicles-details .grid-header,.retail-customer-detail-page .retail-vehicles-details .grid-cell{font-size:12px}.retail-customer-detail-page .retail-vehicles-details .header-section{display:flex;justify-content:flex-start;align-items:center;margin-bottom:16px;gap:16px}.retail-customer-detail-page .retail-vehicles-details .header-section .search-box{display:flex;align-items:center;border:1px solid #dadada;border-radius:4px;padding:8px 12px;flex:1;max-width:400px;position:relative}.retail-customer-detail-page .retail-vehicles-details .header-section .search-box img{width:16px;height:16px;margin-right:8px;opacity:.6}.retail-customer-detail-page .retail-vehicles-details .header-section .search-box input{border:none;outline:none;flex-grow:1;font-size:14px}.retail-customer-detail-page .retail-vehicles-details .header-section .search-box input:focus{outline:none}.retail-customer-detail-page .retail-vehicles-details .header-section button{margin-left:0;text-transform:none}.retail-customer-detail-page .retail-vehicles-details .vehicles-list{width:100%;display:flex;flex-direction:column}.retail-customer-detail-page .retail-vehicles-details .vehicles-list .vehicles-tab-loader{display:flex;justify-content:center;align-items:center;min-height:200px;width:100%;margin:0 auto}.retail-customer-detail-page .retail-vehicles-details .list-button{text-align:left;padding:8px 12px;width:100%;border:none;background:transparent;cursor:pointer;transition:background-color .2s;line-height:1.3}.retail-customer-detail-page .retail-vehicles-details .list-button:hover{background-color:#f5f5f5}.retail-customer-detail-page .retail-vehicles-details .list-button .text-link-color{color:#007bff;font-size:13px;display:block;margin-top:2px}.invoices-details{overflow-y:auto;max-height:calc(100vh - 300px)}.invoices-details .grid-header{font-size:14px}.filters{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.filters button.danger.assign-button{margin-left:0;text-transform:none;padding:6px 16px;font-size:13px}.search-box{display:flex;gap:16px;border:1px solid #dadada;border-radius:4px;width:350px;padding:6px;outline:none;font-size:15px}.search-box input[type=text]{width:300px;padding-right:50px}.search-box input:focus{outline:none}.search-box input[type=submit]{margin-left:-50px;cursor:pointer;background:#FCCA46;font-weight:600;width:60px;border:1px solid #dadada;border-radius:5px;padding:5px;-webkit-appearance:none}.cell{font-size:14px}h5{color:red;padding:10px 0}.invoices-tab-loader{display:flex;justify-content:center;align-items:center;min-height:200px;width:100%;margin:0 auto}.assign-invoices-page .page-header{margin-bottom:20px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.assign-invoices-page .page-header .back-link{display:inline-flex;align-items:center;gap:8px;color:#007bff;text-decoration:none;font-size:14px;transition:color .2s;margin-bottom:4px}.assign-invoices-page .page-header .back-link .caret-icon{width:6px;height:10px;flex-shrink:0}.assign-invoices-page .page-header .back-link:hover{color:#0056b3;text-decoration:underline}.assign-invoices-page .page-header .customer-summary{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:400px}.assign-invoices-page .page-header .customer-summary .customer-name{font-size:20px;font-weight:500;color:#333;font-style:italic}.assign-invoices-page .page-header .customer-summary .customer-name .first-name,.assign-invoices-page .page-header .customer-summary .customer-name .last-name{font-style:italic}.assign-invoices-page .page-header .customer-summary .details-link{color:#007bff;text-decoration:none;font-size:14px}.assign-invoices-page .page-header .customer-summary .details-link:hover{color:#0056b3;text-decoration:underline}.assign-invoices-page .page-body{display:grid;grid-template-columns:350px 1fr;gap:20px;min-height:calc(100vh - 200px)}.assign-invoices-page .page-body .left-section{display:flex;flex-direction:column;gap:16px;position:relative;width:100%;max-width:350px}.assign-invoices-page .page-body .left-section .search-by-license-plate-toggle{display:inline-flex;align-items:center;gap:6px;font-size:14px}.assign-invoices-page .page-body .left-section .search-box{display:flex;align-items:center;border:1px solid #dadada;border-radius:4px;padding:8px 12px;position:relative}.assign-invoices-page .page-body .left-section .search-box img{width:16px;height:16px;margin-right:8px;opacity:.6}.assign-invoices-page .page-body .left-section .search-box input{border:none;outline:none;flex-grow:1;font-size:14px}.assign-invoices-page .page-body .left-section .search-box input:focus{outline:none}.assign-invoices-page .page-body .left-section .spinner-container{display:flex!important;justify-content:center;align-items:center;min-height:300px;width:100%;margin-top:20px;flex:1;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);padding:40px 0;z-index:100;visibility:visible!important;opacity:1!important;background-color:#fffffff2}.assign-invoices-page .page-body .left-section .invoice-list-item{padding:8px 0}.assign-invoices-page .page-body .left-section .invoice-list-item .invoice-number{font-size:14px;color:#007bff;font-weight:500;margin-bottom:4px}.assign-invoices-page .page-body .left-section .invoice-list-item .invoice-date{font-size:12px;color:#000}.assign-invoices-page .page-body input[type=checkbox]{accent-color:#000;cursor:pointer}.assign-invoices-page .page-body .right-section{border:1px solid #ebebeb;border-radius:4px;padding:20px;overflow-y:auto;max-height:calc(100vh - 100px);display:flex;flex-direction:column;position:relative}.assign-invoices-page .page-body .right-section .empty-state{display:flex;align-items:center;justify-content:center;height:100%;min-height:400px;color:#666;font-size:14px;text-align:center}.assign-invoices-page .page-body .right-section .spinner-container-centered{display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex:1;min-height:400px;position:relative}.assign-invoices-page .page-body .right-section .multiple-selection{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #ebebeb}.assign-invoices-page .page-body .right-section .multiple-selection .selection-message{font-size:16px;color:#333;font-weight:500}.assign-invoices-page .page-body .right-section .multiple-selection .assign-button{padding:10px 24px;font-size:14px;font-weight:600}.assign-invoices-page .page-body .right-section .multiple-selection .assign-button.yellow{background-color:#ffc107;color:#333}.assign-invoices-page .page-body .right-section .multiple-selection .assign-button.yellow:hover{background-color:#ffb300}.assign-invoices-page .page-body .right-section .single-invoice-view{display:flex;flex-direction:column;gap:16px;position:relative;min-height:400px;flex:1}.assign-invoices-page .page-body .right-section .single-invoice-view .invoice-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.assign-invoices-page .page-body .right-section .single-invoice-view .invoice-actions .invoice-info{display:flex;flex-direction:column;gap:4px}.assign-invoices-page .page-body .right-section .single-invoice-view .invoice-actions .invoice-info .invoice-number-display{font-size:16px;font-weight:600;color:#333}.assign-invoices-page .page-body .right-section .single-invoice-view .invoice-actions .invoice-info .invoice-date-display{font-size:14px;color:#000}.assign-invoices-page .page-body .right-section .single-invoice-view .invoice-actions .assign-button{padding:8px 20px;font-size:14px;font-weight:600}.assign-invoices-page .page-body .right-section .single-invoice-view .invoice-actions .assign-button.yellow{background-color:#ffc107;color:#333}.assign-invoices-page .page-body .right-section .single-invoice-view .invoice-actions .assign-button.yellow:hover{background-color:#ffb300}.assign-invoices-page .page-body .right-section .single-invoice-view .invoice-actions .assigned-button-group{display:flex;align-items:center;gap:0}.assign-invoices-page .page-body .right-section .single-invoice-view .invoice-actions .assigned-button-group .assigned-status-button{padding:8px 20px;font-size:14px;font-weight:600;background:white;border:1px solid #ffc107;color:#000!important;border-radius:4px 0 0 4px;cursor:default;border-right:none}.assign-invoices-page .page-body .right-section .single-invoice-view .invoice-actions .assigned-button-group .menu-dropdown .menu-dropdown__button{padding:8px;border-radius:0 4px 4px 0;border:1px solid #ffc107;background:#ffc107;min-width:auto;width:auto;display:flex;align-items:center;justify-content:center}.assign-invoices-page .page-body .right-section .single-invoice-view .invoice-actions .assigned-button-group .menu-dropdown .menu-dropdown__button .dropdown-chevron-only{display:none}.assign-invoices-page .page-body .right-section .single-invoice-view .invoice-actions .assigned-button-group .menu-dropdown .menu-dropdown__button img{width:12px;height:12px;margin:0;filter:brightness(0)}.assign-invoices-page .page-body .right-section .single-invoice-view .invoice-actions .assigned-button-group .menu-dropdown .menu-dropdown__button:hover{background:#ffb300}.assign-invoices-page .page-body .right-section .single-invoice-view .invoice-actions .assigned-button-group .menu-dropdown .menu-dropdown__button:hover img{filter:brightness(0)}.assign-invoices-page .page-body .right-section .single-invoice-view .invoice-actions .assigned-button-group .menu-dropdown .menu-items{right:0;left:auto;width:auto;min-width:120px}.assign-invoices-page .page-body .right-section .single-invoice-view .invoice-actions .assigned-button-group .menu-dropdown .menu-items .menu-item{padding:8px 16px}.assign-invoices-page .page-body .right-section .single-invoice-view .invoice-actions .assigned-button-group .menu-dropdown .menu-items .menu-item .unassign-option-button{background:none;border:none;padding:0;width:100%;text-align:left;cursor:pointer;font-size:14px;color:#333}.assign-invoices-page .page-body .right-section .single-invoice-view .invoice-actions .assigned-button-group .menu-dropdown .menu-items .menu-item .unassign-option-button:hover{color:#dc3545}.assign-invoices-page .page-body .right-section .single-invoice-view .invoice-actions .unassign-button{padding:8px 20px;font-size:14px;font-weight:600;background:transparent;border:1px solid #dc3545;color:#dc3545;border-radius:4px;cursor:pointer;transition:all .2s}.assign-invoices-page .page-body .right-section .single-invoice-view .invoice-actions .unassign-button:hover{background:#dc3545;color:#fff}.assign-invoices-page .page-body .right-section .single-invoice-view .spinner-container-centered{display:flex;justify-content:center;align-items:center;width:100%;flex:1;min-height:400px;margin-top:0;position:relative}.assign-invoices-page .page-body .right-section .single-invoice-view .invoice-preview-container{overflow-y:auto;max-height:calc(100vh - 400px);max-width:100%;box-sizing:border-box}.assign-invoices-page .page-body .right-section .single-invoice-view .invoice-preview-container #invoice-preview.payment-receipt{border:0px outset grey;padding:15px;zoom:80%;max-width:100%;box-sizing:border-box;-webkit-box-shadow:1px 1px 15px rgba(0,0,0,.6);-moz-box-shadow:1px 1px 15px rgb(0,0,1)}.assign-invoices-page .page-body .right-section .single-invoice-view .invoice-preview-container #invoice-preview.payment-receipt .invoice-html{width:100%;overflow-x:auto;overflow-y:visible}.success-snackbar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);margin-left:115px;background-color:#ffb74d;color:#333;padding:10px 20px;border-radius:4px;box-shadow:0 2px 8px #00000026;display:flex;align-items:center;gap:12px;z-index:1000;height:auto;min-height:40px;max-height:60px;width:-moz-fit-content;width:fit-content;max-width:800px;box-sizing:border-box;animation:slideUp .3s ease-out}.success-snackbar .snackbar-message{font-size:14px;font-weight:500;color:#333;margin:0;padding:0;line-height:1.4;flex:0 1 auto;overflow:visible;white-space:normal;word-wrap:break-word;max-width:750px}.success-snackbar .snackbar-close{flex:0 0 auto;background:none;border:none;color:#333;font-size:20px;line-height:1;cursor:pointer;padding:0;margin:0;width:20px;height:20px;min-width:20px;min-height:20px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.success-snackbar .snackbar-close:hover{opacity:.7}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.confirmation-message{font-size:16px;color:#333;padding:0}.assign-invoices-page .dialog-panel{padding:8px 12px!important;grid-template-rows:auto auto auto!important}.assign-invoices-page .dialog-panel .dialog-title{margin-bottom:0!important;margin-top:0!important;font-size:14px!important;padding-bottom:0!important;line-height:1.3!important}.assign-invoices-page .dialog-panel .dialog-body.mt-2{margin-top:4px!important;padding:0!important}.assign-invoices-page .dialog-panel .dialog-footer.mt-4{margin-top:4px!important;padding-top:0!important}.assign-invoices-page .dialog-panel .confirmation-message{font-size:13px!important;line-height:1.4!important;margin:0!important;padding:0!important}.page-content{display:flex;gap:20px;width:100%}.page-content .invoice-details-header{display:flex;width:100%;margin-bottom:32px}.page-content .invoice-details-header .display-information{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:70%}.page-content .invoice-details-header .action-buttons{margin-left:auto;margin-right:0;display:grid;grid-template-columns:100px 32px;gap:1px}.invoice-body{display:flex;gap:3px;line-height:20px}.invoice-body .left-box{border:solid 3px grey;border-radius:5px;padding:10px;width:70%}.invoice-body .left-box .row{display:flex;gap:20px;margin-bottom:10px}.invoice-body .left-box .row .value{float:right}.invoice-body .left-box .row .outer-table{flex:1;width:auto;min-width:0;border:1px solid black;border-collapse:collapse;margin:0}.invoice-body .left-box .row .outer-table .outer-thead{border:1px solid black}.invoice-body .left-box .row .outer-table tbody tr:last-child td{padding-bottom:5px}.invoice-body .left-box .row .outer-table .inner-table{margin:0;width:100%}.invoice-body .left-box .row .outer-table .inner-table th,.invoice-body .left-box .row .outer-table .inner-table td{padding:3px 5px}.invoice-body .left-box .row .outer-table .inner-table.services-inner-table th:nth-child(1){width:60%;text-align:left}.invoice-body .left-box .row .outer-table .inner-table.services-inner-table th:nth-child(2){width:15%;text-align:center}.invoice-body .left-box .row .outer-table .inner-table.services-inner-table th:nth-child(3){width:25%;text-align:right}.invoice-body .left-box .row .outer-table .inner-table.services-inner-table td:nth-child(1){text-align:left}.invoice-body .left-box .row .outer-table .inner-table.services-inner-table td:nth-child(2){text-align:center}.invoice-body .left-box .row .outer-table .inner-table.services-inner-table td:nth-child(3){text-align:right}.invoice-body .left-box .row .inner-history-table{border-style:hidden}.invoice-body .left-box .row .inner-history-table .inner-history-th{border:1px solid black}.invoice-body .left-box .row .inner-history-table .inner-history-td{border:1px solid black;padding:5px}.invoice-body .left-box .row .payment-table{border:1px solid black;flex:1;width:auto;min-width:0;margin:0}.invoice-body .left-box .row .payment-table td{padding:3px 5px;border:1px solid black}.invoice-body .left-box .row .payment-table tbody tr:last-child td{padding-bottom:5px}.invoice-body .left-box .row .comments-table{border:1px solid black;flex:1;width:auto;min-width:0;margin:0}.invoice-body .left-box .row .comments-table th,.invoice-body .left-box .row .comments-table td{border:1px solid black;padding:3px 5px}.invoice-body .left-box .row .comments-table tbody tr:last-child td{padding-bottom:5px}.invoice-body .left-box .row .inner-td{padding:5px}.invoice-body .left-box .row span{display:flex;gap:50px}.invoice-body .left-box .payment-receipt{border:0px outset grey;padding:15px;zoom:80%;max-width:100%;box-sizing:border-box;-webkit-box-shadow:1px 1px 15px rgba(0,0,0,.6);-moz-box-shadow:1px 1px 15px rgb(0,0,1)}.invoice-body .left-box .payment-receipt #invoice{width:100%;overflow-x:auto;overflow-y:visible}.invoice-body .right-box{border:solid 3px grey;border-radius:5px;padding:10px;width:30%;height:30%}.invoice-body .right-box .header{margin-bottom:20px}.invoice-body .right-box .row{display:flex;gap:20px;margin-bottom:10px}.invoice-body .right-box .pay{text-align:center;width:100%;border-radius:3px;padding:5px;font-size:14px;font-weight:600;line-height:16px;color:#fff;background-color:#e33237;margin-top:25px;margin-bottom:15px}.invoice-preview-container .row{display:flex;gap:20px;margin-bottom:10px}.invoice-preview-container .row .outer-table{flex:1;width:auto;min-width:0;border:1px solid black;border-collapse:collapse}.invoice-preview-container .row .outer-table tbody tr:last-child td{padding-bottom:5px}.invoice-preview-container .row .outer-table .inner-table{width:100%}.invoice-preview-container .row .outer-table .inner-table.services-inner-table th:nth-child(1){width:60%;text-align:left}.invoice-preview-container .row .outer-table .inner-table.services-inner-table th:nth-child(2){width:15%;text-align:center}.invoice-preview-container .row .outer-table .inner-table.services-inner-table th:nth-child(3){width:25%;text-align:right}.invoice-preview-container .row .outer-table .inner-table.services-inner-table td:nth-child(1){text-align:left}.invoice-preview-container .row .outer-table .inner-table.services-inner-table td:nth-child(2){text-align:center}.invoice-preview-container .row .outer-table .inner-table.services-inner-table td:nth-child(3){text-align:right}.invoice-preview-container .row .comments-table,.invoice-preview-container .row .payment-table{flex:1;width:auto;min-width:0}.invoice-preview-container .row .comments-table tbody tr:last-child td,.invoice-preview-container .row .payment-table tbody tr:last-child td{padding-bottom:5px}.page-content{display:flex;gap:20px;width:100%}.page-content .invoice-details-header{display:flex;width:100%;margin-bottom:32px}.page-content .invoice-details-header .display-information{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:70%}.page-content .invoice-details-header .action-buttons{margin-left:auto;margin-right:0;display:grid;grid-template-columns:100px 32px;gap:1px}.invoice-body{display:flex;gap:3px;line-height:20px}.invoice-body .left-box{border:solid 3px grey;border-radius:5px;padding:10px;width:70%}.invoice-body .left-box .row{display:flex;gap:20px;margin-bottom:10px}.invoice-body .left-box .row .value{float:right}.invoice-body .left-box .row .outer-table{flex:1;width:auto;min-width:0;border:1px solid black;border-collapse:collapse;margin:0}.invoice-body .left-box .row .outer-table .outer-thead{border:1px solid black}.invoice-body .left-box .row .outer-table tbody tr:last-child td{padding-bottom:5px}.invoice-body .left-box .row .outer-table .inner-table{margin:0;width:100%}.invoice-body .left-box .row .outer-table .inner-table th,.invoice-body .left-box .row .outer-table .inner-table td{padding:3px 5px}.invoice-body .left-box .row .outer-table .inner-table.services-inner-table th:nth-child(1){width:60%;text-align:left}.invoice-body .left-box .row .outer-table .inner-table.services-inner-table th:nth-child(2){width:15%;text-align:center}.invoice-body .left-box .row .outer-table .inner-table.services-inner-table th:nth-child(3){width:25%;text-align:right}.invoice-body .left-box .row .outer-table .inner-table.services-inner-table td:nth-child(1){text-align:left}.invoice-body .left-box .row .outer-table .inner-table.services-inner-table td:nth-child(2){text-align:center}.invoice-body .left-box .row .outer-table .inner-table.services-inner-table td:nth-child(3){text-align:right}.invoice-body .left-box .row .inner-history-table{border-style:hidden}.invoice-body .left-box .row .inner-history-table .inner-history-th{border:1px solid black}.invoice-body .left-box .row .inner-history-table .inner-history-td{border:1px solid black;padding:5px}.invoice-body .left-box .row .payment-table{border:1px solid black;flex:1;width:auto;min-width:0;margin:0}.invoice-body .left-box .row .payment-table td{padding:3px 5px;border:1px solid black}.invoice-body .left-box .row .payment-table tbody tr:last-child td{padding-bottom:5px}.invoice-body .left-box .row .comments-table{border:1px solid black;flex:1;width:auto;min-width:0;margin:0}.invoice-body .left-box .row .comments-table th,.invoice-body .left-box .row .comments-table td{border:1px solid black;padding:3px 5px}.invoice-body .left-box .row .comments-table tbody tr:last-child td{padding-bottom:5px}.invoice-body .left-box .row .inner-td{padding:5px}.invoice-body .left-box .row span{display:flex;gap:50px}.invoice-body .left-box .payment-receipt{border:0px outset grey;padding:15px;zoom:80%;max-width:100%;box-sizing:border-box;-webkit-box-shadow:1px 1px 15px rgba(0,0,0,.6);-moz-box-shadow:1px 1px 15px rgb(0,0,1)}.invoice-body .left-box .payment-receipt #invoice{width:100%;overflow-x:auto;overflow-y:visible}.invoice-body .right-box{border:solid 3px grey;border-radius:5px;padding:10px;width:30%;height:30%}.invoice-body .right-box .header{margin-bottom:20px}.invoice-body .right-box .row{display:flex;gap:20px;margin-bottom:10px}.invoice-body .right-box .pay{text-align:center;width:100%;border-radius:3px;padding:5px;font-size:14px;font-weight:600;line-height:16px;color:#fff;background-color:#e33237;margin-top:25px;margin-bottom:15px}.admin-invoice-loader{display:flex;justify-content:center;align-items:center;min-height:400px;width:100%;margin:0 auto}.customer-dashboard-page h1{height:81px;padding:20px}.customer-dashboard-page .currency-tag{display:inline-block;font-weight:700;font-size:1.5rem;margin-bottom:8px}.customer-dashboard-page .data-summary{padding:20px}.customer-invoices-page{padding:20px;margin-bottom:256px}.customer-invoices-page .page-header{margin-bottom:48px}.customer-invoices-page .available-credits{padding:10px;border:2px solid #FCCA46;border-radius:20px;margin-bottom:20px}.customer-invoices-page .page-action-buttons{display:flex;gap:16px}.customer-invoices-page .page-action-buttons .search-box{display:flex;gap:16px;border:1px solid #dadada;border-radius:4px;width:230px;padding:6px;outline:none}.customer-invoices-page .page-action-buttons .search-box input{width:200px}.customer-invoices-page .page-action-buttons .search-box input:focus{outline:none}.customer-invoices-page .date-range-text{padding-top:15px}.customer-invoices-page .data-table{padding-top:12px;margin-bottom:256px;overflow-x:hidden;overflow-y:auto;height:calc(100vh - 268px)}.customer-invoices-page .data-table .text-warning{color:#fcca46}.statement-page-content .display-information{font:Avenir Next LT Pro;font-weight:700;font-style:italic;font-size:24px;line-height:28.8px;color:#666;margin-bottom:32px}.statement-page-content .statement-header{display:flex;width:100%;margin-bottom:32px}.statement-page-content .statement-header .date-range-container{border:solid 2px grey;border-radius:3px;padding:10px;cursor:pointer}.statement-page-content .statement-header .date-range-container p{font:Roboto;font-weight:500;font-size:14px;line-height:16px;letter-spacing:1.25px;color:#00000061}.statement-page-content .statement-header .action-buttons{margin-left:auto;margin-right:0;display:grid;grid-template-columns:100px 32px;gap:1px}.page-body{font:Avenir Next LT Pro;font-size:18px;font-color:#000000;display:flex;gap:20px;line-height:20px}.page-body .left-box{border:solid 3px grey;border-radius:5px;padding:10px;width:25%;height:40%}.page-body .left-box .header{margin-bottom:20px}.page-body .left-box .header p{font-weight:700;font-style:italic;line-height:21.6px}.page-body .left-box .row{display:flex;gap:2px;margin-bottom:10px}.page-body .left-box .row .key .fleet-code{font-weight:500}.page-body .left-box .row .key .customer-name{font-weight:600;line-height:21.6px}.page-body .left-box .row .value{margin-left:auto}.page-body .left-box .row .value p{font-weight:500;line-height:21.6px;color:#1782ff}.page-body .left-box .row .pay{text-align:center;width:100%;border-radius:3px;padding:5px;font-size:14px;font-weight:600;line-height:16px;color:#fff;background-color:#e33237;margin-top:25px;margin-bottom:15px}.page-body .right-box{border:solid 3px grey;border-radius:5px;padding:10px;width:75%}.page-body .right-box th,.page-body .right-box td{padding:6px}.page-body .right-box .inner-table{text-align:center;width:100%}.reset-password-page{display:flex;align-items:center;justify-content:center}.reset-password-page .display-box{display:flex;flex-direction:column;gap:8px;width:100%;min-width:360px;max-width:420px;margin:auto}.reset-password-page .display-box form{display:flex;flex-direction:column;gap:8px}.mobile-menu-toggle{display:none;position:fixed;top:16px;left:16px;z-index:1001;background:#FCCA46;border:2px solid black;border-radius:4px;padding:8px;cursor:pointer;flex-direction:column;gap:4px;width:40px;height:40px;justify-content:center;align-items:center}.mobile-menu-toggle span{display:block;width:24px;height:3px;background-color:#000;border-radius:2px;transition:all .3s ease}@media (max-width: 768px){.mobile-menu-toggle{display:flex}}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999}@media (max-width: 768px){.mobile-menu-overlay{display:block}}.left-sidebar{display:flex;position:fixed;top:0;flex-direction:column;background:#FCCA46;width:var(--left-sidebar-width);height:100vh;font-weight:600;z-index:1000;transition:transform .3s ease}.left-sidebar .treads{margin-bottom:55px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.left-sidebar .mobile-menu-close{display:none;background:none;border:none;font-size:32px;cursor:pointer;color:#000;padding:0;width:32px;height:32px;align-items:center;justify-content:center;line-height:1}.left-sidebar li{display:flex;gap:16px;align-items:center;padding-left:33px;height:65px}.left-sidebar li.active{background-color:#fff}.left-sidebar li.credits{position:relative}.left-sidebar li.credits:after{content:"1";position:absolute;top:15px;right:80px;display:flex;justify-content:center;align-items:center;width:18px;height:18px;border-radius:50%;background-color:red;color:#fff;font-size:10px;font-weight:700}.left-sidebar .bottom-links{display:flex;padding:33px;flex-direction:column;gap:50px;margin-top:auto}.left-sidebar a{color:#000}@media (max-width: 768px){.left-sidebar{width:280px;transform:translate(-100%);box-shadow:2px 0 8px #0003}.left-sidebar.mobile-open{transform:translate(0)}.left-sidebar .treads{margin-bottom:20px;padding:16px}.left-sidebar .treads img{max-width:220px;height:auto}.left-sidebar .mobile-menu-close{display:flex;position:absolute;top:16px;right:16px;z-index:1002}}.key-layout{--left-sidebar-width: 230px;position:fixed;top:0;left:0;width:100vw;height:100vh}.key-layout .layout-content{position:relative;box-sizing:border-box;margin-left:230px;width:calc(100vw - 230px);max-width:calc(100vw - 230px);overflow-y:auto;overflow-x:hidden;height:100vh}@media (max-width: 768px){.key-layout{--left-sidebar-width: 0px}.key-layout .layout-content{margin-left:0;width:100vw;max-width:100vw;padding-top:72px;overflow-x:hidden!important;height:100vh;scrollbar-width:none;-ms-overflow-style:none}.key-layout .layout-content::-webkit-scrollbar{display:none}.key-layout .layout-content__body{padding-bottom:calc(var(--retail-footer-height, 180px) + 24px)!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-x:hidden!important}.key-layout .layout-content__body>*{max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-x:hidden!important}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:600px 100%;animation:shimmer 1.4s infinite linear;border-radius:4px}.skeleton-title{height:28px;width:55%;margin-bottom:8px}.skeleton-action{height:36px;width:180px;border-radius:4px}.skeleton-table{padding-top:12px}.skeleton-header-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:10px 12px;border-bottom:1px solid #e5e7eb;margin-bottom:4px}.skeleton-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:12px;border-bottom:1px solid #f3f4f6}.skeleton-cell{height:16px;border-radius:4px}.skeleton-cell--header{height:14px;width:70%}.skeleton-cell--link{width:80%}.retail-invoices-page{padding:20px;margin-bottom:256px}.retail-invoices-page .invoices-mobile-cards{display:none}.retail-invoices-page .page-header{margin-bottom:48px}.retail-invoices-page .page-header h1{font-size:1.45rem}.retail-invoices-page .available-credits{padding:10px;border:2px solid #FCCA46;border-radius:20px;margin-bottom:20px}.retail-invoices-page .page-action-buttons{display:flex;gap:16px;flex-wrap:wrap}.retail-invoices-page .page-action-buttons .search-box{display:flex;gap:16px;border:1px solid #dadada;border-radius:4px;width:230px;padding:6px;outline:none}.retail-invoices-page .page-action-buttons .search-box input{width:200px}.retail-invoices-page .page-action-buttons .search-box input:focus{outline:none}.retail-invoices-page .date-range-text{padding-top:15px}.retail-invoices-page .data-table{padding-top:12px;margin-bottom:256px;overflow-x:hidden;overflow-y:auto;height:calc(100vh - 268px)}.retail-invoices-page .data-table .text-warning{color:#fcca46}.retail-invoices-page .invoice-card{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background:#fff;border:1px solid rgba(252,202,70,.6);border-radius:8px;text-decoration:none;color:inherit;box-sizing:border-box}.retail-invoices-page .invoice-card:hover,.retail-invoices-page .invoice-card:focus{text-decoration:none;color:inherit}.retail-invoices-page .invoice-card__left{display:flex;flex-direction:column;gap:4px}.retail-invoices-page .invoice-card__number{font-weight:700;color:#1782ff;font-size:1rem}.retail-invoices-page .invoice-card__due-label,.retail-invoices-page .invoice-card__balance-label,.retail-invoices-page .invoice-card__due-date,.retail-invoices-page .invoice-card__balance{font-size:.875rem;color:#333}.retail-invoices-page .invoice-card__right{display:flex;flex-direction:column;gap:4px;text-align:right}.retail-invoices-page .invoice-card__amount{font-weight:700;font-size:1rem;color:#333}@media (max-width: 768px){.retail-invoices-page{padding:16px;margin-bottom:200px}.retail-invoices-page .page-header{margin-bottom:24px}.retail-invoices-page .page-header h1{font-size:1.2rem}.retail-invoices-page .page-action-buttons{flex-direction:column;gap:12px;align-items:stretch!important}.retail-invoices-page .page-action-buttons .search-box{width:100%}.retail-invoices-page .page-action-buttons .search-box input{width:100%;flex:1}.retail-invoices-page .page-action-buttons .menu-dropdown{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important}.retail-invoices-page .page-action-buttons .menu-dropdown .menu-dropdown__button{width:100%!important;justify-content:center!important;text-align:center!important;padding:10px!important}.retail-invoices-page .page-action-buttons .menu-dropdown .menu-items{width:100%!important;left:0!important;right:0!important}.retail-invoices-page .invoices-mobile-cards{display:flex;flex-direction:column;gap:12px;padding-top:12px;margin-bottom:200px;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 200px)}.retail-invoices-page .data-table{display:none;margin-bottom:200px;height:calc(100vh - 200px);overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.retail-invoices-page .data-table .grid-wrapper{min-width:600px;width:-moz-max-content;width:max-content}.retail-invoices-page .data-table .grid-wrapper .grid-header,.retail-invoices-page .data-table .grid-wrapper .grid-row{min-width:600px}}.page .invoice-body .right-box{display:block!important;visibility:visible!important;opacity:1!important}.page .invoice-body .right-box .row{display:flex!important;visibility:visible!important;opacity:1!important;background-color:transparent!important;background:none!important;background-image:none!important}.page .invoice-body .right-box .row .key,.page .invoice-body .right-box .row .value{visibility:visible!important;opacity:1!important;background-color:transparent!important;background:none!important;background-image:none!important;color:#000!important;font-size:inherit!important}.page .invoice-body .right-box .row .key strong,.page .invoice-body .right-box .row .value strong{display:inline!important;visibility:visible!important;opacity:1!important;color:#000!important;font-weight:700!important;font-size:inherit!important}.page .invoice-body .right-box .row .key span,.page .invoice-body .right-box .row .key>*,.page .invoice-body .right-box .row .value span,.page .invoice-body .right-box .row .value>*{display:inline!important;visibility:visible!important;opacity:1!important;color:#000!important;font-size:inherit!important}.page .invoice-body .left-box .payment-receipt .guarantee-privacy-text{text-align:left!important;margin:8px 0!important;padding:0!important;width:100%!important;max-width:100%!important;word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;line-height:1.4!important;display:block!important;clear:both!important;box-sizing:border-box!important}.page .invoice-body .left-box .payment-receipt#invoice .container_12{display:block!important}@media (max-width: 768px){.page-content{flex-direction:column;gap:16px;padding:8px}.page-content .invoice-details-header{flex-direction:column;gap:12px;margin-bottom:16px}.page-content .invoice-details-header .display-information{width:100%}.page-content .invoice-details-header .action-buttons{margin-left:0;margin-right:0;width:100%;grid-template-columns:1fr auto;gap:8px}.invoice-body{flex-direction:column;gap:16px;padding-bottom:100px}.invoice-body .left-box{width:100%;padding:8px;order:0;margin-top:0!important;padding-top:8px!important}.invoice-body .left-box .row{flex-direction:column;gap:12px}.invoice-body .left-box .row .outer-table,.invoice-body .left-box .row .payment-table,.invoice-body .left-box .row .comments-table{width:100%}.invoice-body .left-box .payment-receipt{zoom:100%;padding:8px}.invoice-body .left-box .payment-receipt.hide-blob-on-mobile .container_12{display:none!important}.invoice-body .left-box .payment-receipt #invoice{overflow-x:auto;overflow-y:visible;display:flex;flex-direction:column;gap:16px}.invoice-body .left-box .payment-receipt #invoice .container_12{display:none!important}.invoice-body .left-box .payment-receipt #invoice>div:first-child{display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important}.invoice-body .left-box .payment-receipt #invoice>div:first-child .invoice-logo-section{order:1!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:-moz-fit-content!important;width:fit-content!important;text-align:center!important}.invoice-body .left-box .payment-receipt #invoice>div:first-child>p:first-of-type{order:2!important;margin:0!important;text-align:center!important}.invoice-body .left-box .payment-receipt #invoice>div:first-child>p:last-of-type{order:3!important;margin:0!important;text-align:center!important}.invoice-body .left-box .payment-receipt #invoice img[alt="oil changers logo"]{max-width:85%!important;width:auto!important;height:auto!important;display:block!important;margin:0 auto!important;transform:translate(-4px)!important}.invoice-body .left-box .payment-receipt #invoice>table:nth-of-type(1){display:block!important;width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;margin-bottom:12px!important;max-width:100%!important}.invoice-body .left-box .payment-receipt #invoice>table:nth-of-type(1) thead,.invoice-body .left-box .payment-receipt #invoice>table:nth-of-type(1) tbody{display:table!important;width:100%!important;min-width:-moz-max-content!important;min-width:max-content!important;table-layout:auto!important}.invoice-body .left-box .payment-receipt #invoice>table:nth-of-type(1) tr{display:table-row!important}.invoice-body .left-box .payment-receipt #invoice>table:nth-of-type(1) th,.invoice-body .left-box .payment-receipt #invoice>table:nth-of-type(1) td{display:table-cell!important;padding:8px 4px!important;font-size:.75rem!important;white-space:nowrap!important;word-wrap:normal!important;overflow:visible!important}.invoice-body .left-box .payment-receipt #invoice .customer-vehicle-mobile{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;gap:12px!important;box-sizing:border-box!important;text-align:center!important;align-items:center!important}.invoice-body .left-box .payment-receipt #invoice .customer-vehicle-mobile .customer-vehicle-item{display:block!important;width:100%!important;text-align:center!important;font-size:.875rem!important;margin:0!important;padding:0!important;line-height:1.5!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.invoice-body .left-box .payment-receipt #invoice .customer-vehicle-mobile .customer-vehicle-item strong{font-weight:700!important;color:#333!important}.invoice-body .left-box .payment-receipt #invoice .opening-times-mobile{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;gap:12px!important;box-sizing:border-box!important;text-align:center!important;align-items:center!important}.invoice-body .left-box .payment-receipt #invoice .opening-times-mobile .opening-times-item{display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:8px!important;text-align:center!important;width:100%!important;padding:8px 0!important}.invoice-body .left-box .payment-receipt #invoice .opening-times-mobile .opening-times-item .opening-times-label{font-weight:700!important;color:#333!important;margin:0!important;padding:0!important;text-align:center!important}.invoice-body .left-box .payment-receipt #invoice .opening-times-mobile .opening-times-item .opening-times-value{margin:0!important;padding:0!important;text-align:center!important}.invoice-body .left-box .payment-receipt #invoice .guarantee-privacy-text{text-align:left!important;margin:8px 0!important;padding:0!important;width:100%!important;max-width:100%!important;word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;line-height:1.4!important;display:block!important;clear:both!important}.invoice-body .right-box{width:100%;order:1;padding:12px 12px 50px;margin-top:0!important}.invoice-body .right-box .row{flex-direction:column;gap:8px;margin-bottom:12px}.invoice-body .right-box .row .key,.invoice-body .right-box .row .value{width:100%;text-align:left}.invoice-body .right-box .header{margin-bottom:16px}}.rdrCalendarWrapper{box-sizing:border-box;background:#ffffff;display:inline-flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateDisplay{display:flex;justify-content:space-between}.rdrDateDisplayItem{flex:1 1;width:0;text-align:center;color:inherit}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:flex;justify-content:space-between}.rdrMonthAndYearPickers{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:flex;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{flex-basis:calc(100% / 7);box-sizing:inherit;text-align:center}.rdrDays{display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{position:absolute;font-size:1.6em;line-height:1.6em;top:0;right:.25em;color:red}.rdrDay{box-sizing:inherit;width:calc(100% / 7);position:relative;font:inherit;cursor:pointer}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align: auto){.rdrDay{flex-basis:14.285%!important}}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge,.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{pointer-events:none}.rdrDateRangePickerWrapper{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrStaticRanges{display:flex;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{border-radius:4px;background-color:#fff;box-shadow:0 1px 2px #23394236;border:1px solid transparent}.rdrDateDisplayItem input{cursor:pointer;height:2.5em;line-height:2.5em;border:0px;background:transparent;width:100%;color:#849095}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:10px 30px 10px 10px;border-radius:4px;outline:0;color:#3e484f;background:url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;background-position:right 8px center;cursor:pointer;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{display:block;width:24px;height:24px;margin:0 .833em;padding:0;border:0;border-radius:5px;background:#EFF2F7}.rdrNextPrevButton:hover{background:#E1E7F0}.rdrNextPrevButton i{display:block;width:0;height:0;padding:0;text-align:center;border-style:solid;margin:auto;transform:translate(-3px)}.rdrPprevButton i{border-width:4px 6px 4px 4px;border-color:transparent rgb(52,73,94) transparent transparent;transform:translate(-3px)}.rdrNextButton i{margin:0 0 0 7px;border-width:4px 4px 4px 6px;border-color:transparent transparent transparent rgb(52,73,94);transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{font-weight:400;line-height:2.667em;color:#849095}.rdrDay{background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;padding:0;line-height:3em;height:3em;text-align:center;color:#1d2429}.rdrDay:focus{outline:0}.rdrDayNumber{outline:0;font-weight:300;position:absolute;left:0;right:0;top:0;bottom:0;top:5px;bottom:5px;display:flex;align-items:center;justify-content:center}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:18px;height:2px;border-radius:2px;background:#3d91ff}.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span{color:#ffffffd9}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge{background:currentColor;position:absolute;top:5px;left:0;right:0;bottom:5px}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrEndEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview{border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;border-left-width:1px;left:0px}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;border-right-width:1px;right:0px}.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{background:rgba(255,255,255,.09);position:absolute;top:3px;left:0px;right:0px;bottom:3px;pointer-events:none;border:0px solid currentColor;z-index:1}.rdrDayStartPreview{border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;left:0px}.rdrDayInPreview{border-top-width:1px;border-bottom-width:1px}.rdrDayEndPreview{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;right:0px}.rdrDefinedRangesWrapper{font-size:12px;width:226px;border-right:solid 1px #eff2f7;background:#fff}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{border:0;cursor:pointer;display:block;outline:0;border-bottom:1px solid #eff2f7;padding:0;background:#fff}.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;outline:0;line-height:18px;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{width:30px;height:30px;line-height:30px;border-radius:4px;text-align:center;border:solid 1px rgb(222,231,235);margin-right:10px;color:#6c767a}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;outline:0;color:#333}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{content:"";border:1px solid currentColor;border-radius:1.333em;position:absolute;top:-2px;bottom:-2px;left:0px;right:0px;background:transparent}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrStartEdge,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayEndPreview{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrStartEdge,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayEndPreview{filter:grayscale(100%) opacity(60%)}.rdrMonthName{text-align:left;font-weight:600;color:#849095;padding:.833em}