*{box-sizing:border-box;margin:0;padding:0}html{background-color:#c0c2c4;height:-webkit-fill-available;margin:0;scroll-behavior:smooth}body,html{height:100vh;max-height:100vh}body{display:flex;flex-flow:column;flex-direction:column;font-family:Helvetica Neue,Helvetica,Segoe UI,Arial,sans-serif;font-size:13px;height:-webkit-fill-available;justify-content:space-between;margin:0 auto}.ant-drawer-close{position:absolute;right:0;top:20px}.suspense-fallback{flex-grow:1;flex:1 1;position:relative}.header-nav{align-items:center;background-color:#333;display:flex;flex-flow:row;flex-wrap:nowrap;height:100%;white-space:nowrap}.header-nav ul{align-self:center;display:flex;flex-flow:row;height:99%;list-style:none;margin:0}.header-nav ul li:first-child{border-right:2px solid #595959;margin:0;padding-left:10px;padding-right:10px}.header-nav ul>li{color:#fff;font-weight:500;padding:25px 20px;position:relative;text-transform:uppercase}.site-logo{display:flex;flex-flow:column;height:100%;justify-content:center}.site-logo-img{max-height:60px;max-width:130px;object-fit:contain}.dropdown:hover,.header-nav ul li:not(:first-child):hover{background:linear-gradient(180deg,#209cff,#1e69a6);cursor:pointer}.active-header-nav{background-image:linear-gradient(180deg,#209cff,#1e69a6);font-weight:600}.header-nav .dropdown-menu{background-color:#fff;border-radius:.25rem;box-shadow:0 2px 10px 0 #0000004d;color:#333;display:flex;flex-flow:column;left:0;opacity:0;padding:.75rem;pointer-events:none;position:absolute;top:98%;transform:translateY(-10px);transition:opacity .15s ease-in-out,transform .15s ease-in-out;width:calc(100% + 5rem);z-index:9999999}.header-nav .dropdown:hover>.dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.header-nav .dropdown .dropdown-menu .dropdown-link{color:#333;padding:.5rem;text-decoration:none}.header-nav .dropdown .dropdown-menu .dropdown-link:hover{background-color:#f5f5f5}.header-nav .active-menu{background-color:#f5f5f5;font-weight:600!important}#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex:1 1;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,sans-serif;height:100%}.show-scroll-bar{-ms-overflow-style:auto}.login-canvas{background-image:url(/static/media/backg.0426c657248bb8119178.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";display:flex;height:100%}.login-brand{display:flex;flex:1 1;justify-content:center}.login-brand-logo{height:auto;margin-bottom:15px;max-width:400px}.login-panel{display:flex;flex:1 1;flex-flow:column;justify-content:center}.login-footer{--tw-text-opacity:1;bottom:0;color:rgb(255 255 255/var(--tw-text-opacity));font-size:1.25rem;line-height:1.75rem;padding:1.25rem;position:absolute;width:100%}.login-content{background-color:#fff;border-radius:.375rem;display:flex;flex-flow:column;height:auto;margin:0;max-width:520px;padding:2.5rem}.login-form-button{width:100%}.over-view-content{background-color:#f9f9f9;flex:1 1;overflow-x:hidden;overflow-y:auto}.overview-inventory-tile{border:1px solid #e7e8ee;box-shadow:0 2px 6px 0 #00000008;display:flex;flex-flow:column;height:130px;justify-content:space-between;padding:10px;width:100%}.overview-inventory-tile:hover{box-shadow:0 4px 12px 0 #0000001a;transition:box-shadow .2s ease-in-out}.overview-inventory-tile-title{color:#8c8c8c;font-weight:700;text-transform:uppercase}.overview-inventory-tile-body{display:flex;flex-flow:row;justify-content:space-between}.overview-inventory-tile-body-left{display:flex;flex-flow:column;height:72px;justify-content:space-between}.overview-inventory-tile-body-right{display:flex;flex-flow:column;height:72px;justify-content:end}.overview-inventory-tile-volume{color:#262626;font-size:1.7em;font-weight:bolder}.overview-chart{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-left:20px;margin-right:20px;padding:0}.overview-chart-card{height:350px}.gauge-location-selected{display:flex;flex-flow:column;flex-grow:1;gap:20px;justify-content:start;overflow-x:hidden;overflow-y:auto}.gauge-no-location-selected{align-items:center;display:flex;flex:1 1;flex-flow:column;justify-content:center}.gauge-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:10px}.gauge-tank-table{table-layout:fixed;width:100%}.gauge-tank-table>tbody>tr>td{padding-left:.1rem;padding-right:.1rem}.gauge-tank-table>tbody>tr:hover{background-color:#f5f5f5;text-decoration:underline}.gauge-tile-title-link{color:#000}.gauge-tile-title-link:hover{color:blue;font-weight:bolder;text-decoration:underline}.gauge-tank-detail-tr{border-bottom:1px solid #f0f0f0;height:30px}.gauge-tank-detail-tr:hover{background-color:#f5f5f5}.gauge-tank-detail-tr-value-td{text-align:right}.gauge-warning-animation{color:red}.gauge-delivery-animation,.gauge-warning-animation{animation:blink-animation 1s steps(5,start) infinite;-webkit-animation:blink-animation 1s steps(5,start) infinite;font-size:20px;font-weight:bolder}.gauge-delivery-animation{color:#209cff}.gauge-warning-animation-stack{animation:blink-animation 1s steps(5,start) infinite;-webkit-animation:blink-animation 1s steps(5,start) infinite;color:red;font-size:2rem;font-weight:bolder;left:60px;position:absolute;top:90px;z-index:10}@keyframes blink-animation{to{visibility:hidden}}.transaction-content{background-color:#f9f9f9;display:flex;flex:1 1;flex-direction:column;position:relative}.transaction-card{background-color:#fff;border:2px solid #f0f0f0;border-radius:5px;display:flex;flex:none;flex-direction:column;justify-content:space-between;margin:10px}.transaction-card-title{flex:none}.transaction-table-summary-cell{display:flex;flex-flow:row;flex-wrap:wrap;gap:5px;justify-content:start;overflow:scroll}.transaction-table-summary-cell::-webkit-scrollbar{display:none}.customers-content{background-color:#f9f9f9;display:flex;flex:1 1;flex-direction:column;position:relative}.customers-card{background-color:#fff;border:2px solid #f0f0f0;border-radius:5px;display:flex;flex:none;flex-direction:column;justify-content:space-between;margin:10px}.customers-card-title{flex:none}.totalizer-card{background-color:#fff;border:2px solid #f0f0f0;border-radius:5px;display:flex;flex:1 1;flex-direction:column;margin:10px;overflow-x:hidden;overflow-y:hidden;position:relative}.totalizer-card-title{display:flex;flex:none;flex-flow:row;justify-content:space-between}.table-wrap{flex:1 1;margin:0 12px;overflow-x:hidden;overflow-y:auto}.admin-profile-table-wrap,.admin-table-wrap{position:relative}.admin-product-table-wrap,.admin-profile-table-wrap,.admin-table-wrap{display:flex;flex:1 1;flex-flow:column;overflow-x:hidden;overflow-y:auto}.admin-product-table-wrap{margin-left:5px}.customer-pagination,.transaction-pagination{align-items:center;display:flex;flex:none;height:48px;justify-content:end;padding-right:10px}.admin-over-view-content{background-color:#f9f9f9;display:flex;flex:1 1;flex-flow:column;flex-wrap:nowrap;overflow-x:hidden;overflow-y:auto;padding:5px 10px 0}.admin-profile-content{background-color:#f9f9f9;display:flex;flex:1 1;flex-direction:row;justify-content:flex-start;overflow:hidden;padding:10px px}.admin-profile-navigation{overflow:hidden;padding:5px 10px 0;width:250px}.admin-profile-navigation ol{margin-top:8px;padding-left:10px}.admin-profile-navigation li{list-style-type:none;margin-bottom:10px}.admin-profile-navigation li a:hover{text-decoration:underline}.admin-profile-main{display:flex;flex:1 1;flex-direction:column;flex-grow:1}.metre-overview{grid-column-gap:20px;grid-row-gap:20px;column-gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin:15px;row-gap:20px}.transaction-overview{margin:20px}.transaction-management-content{display:flex;flex-direction:column;margin:10px;max-height:100%}.transaction-detail-row:hover{background-color:#e6f4ff}.card-nav{background-color:#fff;display:flex;flex-flow:column;overflow-x:hidden;overflow-y:auto;padding:20px 20px 0;width:250px}.card-nav-navigation{overflow:hidden;padding-left:10px;padding-right:30px;padding-top:5px;width:250px}.card-nav-navigation ol{margin-top:8px;padding-left:10px}.card-nav-navigation li{text-wrap:nowrap;list-style-position:inside;list-style-type:none;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis}.card-nav-navigation li a:hover{text-decoration:underline}.card-pagination{align-items:center;display:flex;flex:none;height:48px;justify-content:end;padding-right:10px}.totalizer-content-layout{display:flex;flex:1 1;flex-flow:column;overflow:hidden}.totalizer-nav{background-color:#fff;overflow:hidden;padding:20px 20px 0;width:250px}.totalizer-main-content{grid-gap:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));overflow-x:hidden;overflow-y:scroll}.totalizer-main-content,.totalizer-main-content-no-metre{flex:1 1;flex-grow:1;gap:10px;justify-content:center;padding:10px}.totalizer-main-content-no-metre{display:flex;flex-flow:row;overflow-x:auto;overflow-y:hidden}.totalizer-main-content-empty{align-items:center;display:flex;flex:1 1;flex-flow:column;justify-content:center}.totalizer-card-grid{grid-column-gap:.5em;grid-row-gap:.5em;-ms-overflow-style:none;column-gap:.5em;display:grid;grid-template-columns:1fr;overflow-x:hidden;overflow-y:auto;row-gap:.5em;scrollbar-width:none}.totalizer-card-grid::-webkit-scrollbar{display:none;width:0!important}.totalizer-tile-container{background-color:#fff;border:1px solid #f0f0f0;border-radius:10px;box-shadow:0 4px 12px 0 #00000008;display:flex;flex-direction:column;flex-grow:1;gap:1px;justify-content:flex-start;padding:10px}.totalizer-tile-item-list{margin-top:5px;overflow:hidden}.totalizer-row:hover{background-color:#fafafa}.custom-logics-overview{grid-column-gap:20px;grid-row-gap:20px;column-gap:20px;display:grid;grid-template-columns:1fr;margin:20px;row-gap:20px}.custom-logics-card{background-color:#fff;border:2px solid #f0f0f0;border-radius:5px;display:flex;flex:1 1;flex-direction:column;margin:10px;overflow-x:hidden;overflow-y:hidden;position:relative}.custom-logics-title{display:flex;flex:none;flex-flow:row;justify-content:space-between}.custom-logics-content-layout{display:flex;flex-flow:column;overflow:hidden}.custom-logics-main-content{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr 1fr 1fr;overflow-x:hidden;overflow-y:auto;padding:15px}.custom-logics-main-content-empty{display:flex;flex:1 1;flex-flow:column;justify-content:center}.custom-logics-tile-body{grid-row-gap:20px;grid-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;row-gap:20px}.custom-logics-tile-statistics{border:1px solid #f0f0f0;border-radius:5px;box-shadow:0 1px 2px #0000001a;height:150;max-height:100px;min-height:100px;min-width:200px;padding:10px}.custom-logics-no-metre-data{display:flex;flex-flow:column;justify-content:center;text-align:center}.card-main-content{display:flex;flex:1 1;flex-flow:column}.card-table-toolbar{background-color:#e2e3e3;padding:5px}.card-content-wrap,.card-table-toolbar{display:flex;justify-content:space-between}.card-content-wrap{flex:1 1;flex-flow:column;margin-left:5px;margin-right:5px;overflow:hidden}.card-table-wrap{flex:1 1;overflow-x:hidden;overflow-y:auto}.footer{align-items:center;background-color:#353f3c;display:flex;height:40px;justify-content:center;text-align:center}.layout{display:flex;flex:1 1;flex-direction:column;height:100%}.main-nav{background-color:#353f3c;height:66px;justify-content:flex-start}.main-nav,.nav-profile{align-items:center;display:flex}.nav-profile{flex-grow:1;height:100%;justify-content:flex-end;padding-right:30px}.admin-metre-toolbar{background-color:#e2e3e3;display:flex;gap:5px;justify-content:space-between;padding:5px}.admin-customer-toolbar,.admin-transaction-toolbar{background-color:#e2e3e3;display:flex;flex:none;flex-direction:row;gap:5px;justify-content:space-between;padding:5px}.admin-products-content-layout{-ms-overflow-style:none;display:flex;flex:1 1;flex-flow:row;margin-left:7px;margin-right:7px;overflow-x:hidden;overflow-y:hidden;scrollbar-width:none}.admin-products-content-layout::-webkit-scrollbar{display:none;width:0!important}.admin-product-content-nav{background-color:#fff;overflow:hidden;padding:5px 10px 0;width:250px}.button-section,.search-section{display:flex;flex-direction:column;justify-content:center}.disabled-record{color:#bfbfbf}.loader-over-lay{position:fixed}.loader-over-lay,.loader-over-lay-relative{align-items:center;background:#ffffffbf;bottom:0;display:flex;flex-flow:column;justify-content:center;left:0;right:0;top:0;z-index:99999}.loader-over-lay-relative{height:"100%";position:absolute;width:"100%"}.layout-404{align-items:center;display:flex;flex-flow:column;justify-content:center}.middle-404{height:356px;max-height:356px;width:100%}.title-404{background-color:#fff;flex:1 1;flex-flow:column;height:309px;max-height:309px;text-align:center}.footer-404,.title-404{align-items:center;display:flex;justify-content:center;width:100%}.footer-404{flex-flow:column;height:47px}.ditto-grid{grid-gap:10px;display:grid;flex:1 1;gap:10px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:center;overflow-x:hidden;overflow-y:auto;padding:10px}.ditto-no-location-selected{align-items:center;flex:1 1}.ditto-display,.ditto-no-location-selected{display:flex;flex-flow:column;justify-content:center}.ditto-display{background-color:#fff;border:1px solid #d9d9d9;border-radius:10px;height:320px;overflow:hidden;padding:10px}.ditto-display-gray{filter:grayscale(1)}.ditto-display:hover{box-shadow:0 2px 10px #0000004d;transition:box-shadow .2s ease-in-out}.ditto-display-title{align-items:center;border-bottom:1px solid #d9d9d9;display:flex;flex-flow:row;font-weight:500;height:30px;justify-content:space-between;text-overflow:ellipsis}.ditto-display-modal-body{zoom:1.3}.ditto-display-body,.ditto-display-modal-body{display:flex;flex:1 1;flex-flow:column;justify-content:center;overflow:hidden}.ditto-display-body{zoom:82%}.bay-monitor-no-location-selected{align-items:center;display:flex;flex:1 1;flex-flow:column;justify-content:center}.bay-monitor-grid{grid-gap:10px 10px;display:grid;flex:1 1;gap:10px 10px;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));padding:10px}.bay-tile{border:1px solid #d3d3d3;border-radius:5px;flex-flow:column;height:190px;min-width:300px;position:relative}.bay-tile,.bay-tile-header{display:flex;overflow:hidden}.bay-tile-header{text-wrap:nowrap;background-color:#e6f4ff;border-bottom:1px solid #d3d3d3;flex-flow:row;font-size:1em;font-weight:500;height:2.5em;justify-content:space-between;line-height:2.5em;padding-left:10px;padding-right:10px;text-overflow:ellipsis}.bay-tile-body{display:flex;flex-flow:column;flex-grow:1;height:60px;justify-content:start}.bay-status-row{display:flex;flex-flow:row;height:50px}.bay-status-spacer{height:50px;width:10px}.bay-status{border:1px solid grey;flex-grow:1;font-size:1.6em;height:40px;line-height:40px;margin-bottom:5px;margin-top:10px;text-align:center}.bay-tile-info{grid-column-gap:0;grid-row-gap:0;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);margin:10px}.bay-tile-info-cell{text-wrap:nowrap;font-size:.9em;height:2em;line-height:2em;overflow:hidden;text-overflow:ellipsis}.bay-tile-footer{text-wrap:nowrap;-ms-overflow-style:none;align-items:center;background-color:#f5f5f5;border-top:1px solid #d3d3d3;color:#8c8c8c;display:flex;flex-wrap:nowrap;flex-flow:row;font-size:.8em;gap:3px;justify-content:start;min-height:30px;overflow-x:auto;overflow-y:hidden;padding:5px;scrollbar-width:none;text-align:right}.bay-tile-footer::-webkit-scrollbar{display:none}@media only screen and (max-width:992px){.login-canvas{flex-flow:column;justify-content:center}.login-brand,.login-brand-logo{display:none}.login-panel{align-items:center;flex:1 1;justify-content:center}.login-content{min-width:350px}.login-footer{--tw-text-opacity:1;bottom:0;color:rgb(255 255 255/var(--tw-text-opacity));font-size:.75rem;line-height:1.75rem;padding:1.25rem;position:absolute;text-align:center;width:100%}}.ditto-keyboard-key{width:40px}.ditto-keyboard-func-key{width:60px}@media only screen and (max-width:980px){.layout{margin-inline:auto;min-width:980px;width:980px}.metre-overview{grid-template-columns:1fr 1fr 1fr}.off-rack-load-customer-dropdown{display:none}}@media only screen and (min-width:980px){.layout{margin-inline:auto;min-width:980px;width:980px}.metre-overview{grid-template-columns:1fr 1fr 1fr}.off-rack-load-customer-dropdown{display:none}}@media only screen and (min-width:1200px){.layout{margin-inline:auto;width:1200px}.metre-overview{grid-template-columns:1fr 1fr 1fr}.off-rack-load-customer-dropdown{display:block;width:200px}}@media only screen and (min-width:1475px){.layout{margin-inline:auto;width:1475px}.metre-overview{grid-template-columns:1fr 1fr 1fr 1fr}.off-rack-load-customer-dropdown{display:block;width:250px}}body,html{height:100%;width:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif;line-height:1.15}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{font-weight:500;margin-bottom:.5em;margin-top:0}p{margin-bottom:1em;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dl,ol,ul{margin-bottom:1em;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-bottom:1em;margin-top:0;overflow:auto}figure{margin:0 0 1em}img{border-style:none;vertical-align:middle}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;padding-bottom:.3em;padding-top:.75em;text-align:left}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5em;line-height:inherit;margin-bottom:.5em;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{background-color:#feffe6;padding:.2em}iframe#webpack-dev-server-client-overlay{display:none!important}
/*# sourceMappingURL=main.749b1baf.css.map*/