*,: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: }.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}.flex{display:flex}.table{display:table}.table-cell{display:table-cell}.grid{display:grid}.h-screen{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))}.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}.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-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity))}.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}.left-sidebar{display:flex;position:fixed;top:0;flex-direction:column;background:#FCCA46;width:var(--left-sidebar-width);height:100vh;font-weight:600}.left-sidebar .treads{margin-bottom:55px}.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}.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: 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}.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:50px;margin-bottom:20px}.invoice-body .left-box .row .value{float:right}.invoice-body .left-box .row .outer-table{width:100%;border:1px solid black;border-collapse:collapse}.invoice-body .left-box .row .outer-table .outer-thead{border:1px solid black}.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;width:50%}.invoice-body .left-box .row .payment-table td{padding:5px;border:1px solid black}.invoice-body .left-box .row .comments-table{border:1px solid black;width:50%}.invoice-body .left-box .row .comments-table th,.invoice-body .left-box .row .comments-table td{border:1px solid black;padding: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%;-webkit-box-shadow:1px 1px 15px rgba(0,0,0,.6);-moz-box-shadow:1px 1px 15px rgb(0,0,1)}.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}.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}.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}