.sk-circle{margin:100px auto;width:40px;height:40px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.main-wrapper{height:60vh;margin:10px}.info-wrapper{margin-top:15px}.map-details{text-align:center;font-size:1.2em}.map-details span{font-weight:700}.search-input{font-size:1.2em;width:80%}.google-map{width:100%;height:60vh}.wrapper-input{position:relative;align-items:center;justify-content:center;width:100%;padding:20px;text-align:center}.wrapper-marker{position:absolute;width:38px;height:37px;background-image:url(https://icon-library.com/images/pin-icon-png/pin-icon-png-8.jpg);background-size:contain;background-repeat:no-repeat;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:grab}.pac-containe{z-index:1050!important}.custom-modal{max-width:40%!important;width:80%}.fuel-limit-boxes-cnt{display:flex;flex-wrap:wrap}.fuel-limit-box-header{display:flex;justify-content:space-between}.fuel-limit-box{display:flex;flex-direction:column;max-width:32%;margin-right:1.3%}.tire-details-container{display:flex;flex-wrap:wrap}.tire-detail{flex-grow:1;margin-right:10px;margin-bottom:10px}.tireside{padding:.5em;margin-bottom:.7em;background:#63c2de;color:#fff}.containerBox{display:flex;width:100%;justify-content:space-around;flex-wrap:wrap}.title-table{font-weight:400}.depot-code-input-wrapper,.depot-name-input-wrapper{display:flex;margin-bottom:1rem}#depot-code,#depot-name{width:64.5%}.depot-code-label,.depot-name-label{flex-grow:1;margin-bottom:0;padding-top:7px}.error-msg{color:#f86c6b;font-size:80%;margin-left:35.5%;margin-bottom:.4rem}.error-highlight{border-color:#f86c6b}.tooltip-container{position:relative;display:inline-block;cursor:pointer}.tooltip-text{visibility:hidden;width:auto;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px 10px;position:absolute;z-index:1;bottom:50%;left:120%;transform:translateY(50%);white-space:nowrap}.tooltip-container:hover .tooltip-text{visibility:visible}.width-city{width:100%;box-sizing:border-box}.three-box-layout{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}.three-box-layout .info-box{flex:1 1 calc(33.333% - 16px);box-sizing:border-box}@media (max-width:1100px){.three-box-layout .info-box{flex:1 1 100%}}.fuelStatementLink{color:#20a8d8}.fuelStatementLink,.gasStationStatementLink{text-decoration:none;background:none;border:none;padding:0;margin:0;font:inherit;font-weight:700;cursor:pointer;transition:color .25s ease-in-out}.gasStationStatementLink{color:#71b663}.fuelStatementLink:hover{color:#126988;text-decoration:none}.gasStationStatementLink:hover{color:#277018;text-decoration:none}.fuelStatementLink:focus,.gasStationStatementLink:focus{outline:none;box-shadow:0 2px 0 0 currentColor}.reconciliationUploadForm{background-color:#f9f9f9;padding:30px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);max-width:600px;margin:0 auto}.formGroup{position:relative}.tooltipContainer{position:relative;display:inline-block}.tooltipText{visibility:hidden;width:120px;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s}.tooltipContainer:hover .tooltipText{visibility:visible;opacity:1}.alert .close{position:absolute;top:10px;right:15px}.duplicateYes{color:red;font-weight:700}.statusMatched{color:green;font-weight:700}.statusUnmatched{color:orange}.statusDiscrepancy{color:red;font-weight:700}.rowEven{background-color:#f9f9f9}.rowOdd{background-color:#fff}td.statusMatched{color:green;font-weight:700}.rowDuplicate{background-color:red}.discrepancyReason{color:red;font-weight:700;background-color:#ffe6e6;padding:5px;border-radius:3px}.noDiscrepancy{color:green;font-weight:700}.summary-total-dollar{font-weight:700;color:#30982e}.summary-dllr-cnt,.summary-lps-cnt{width:100%;display:flex}.summary-dllr-label,.summary-lps-label{width:85%}.summary-dllr-value,.summary-lps-value{width:15%}.summary-total-lps{font-weight:700;color:#1581a7}b{width:10%}.fo-report-table,.fo-report-table-td,.fo-report-table-th{border:1px solid #a4b7c1;padding:.3rem}.fo-report-table{border:1px solid #a4b7c1;border-collapse:collapse;width:100%;font-size:10px}.fo-report-table-th{color:#3e515b;background-color:#c2cfd6;padding:.3rem}.fo-report-sub-header{text-align:center;color:#678898}.box-header{display:flex}.box-icn{font-size:22px;color:#536c79;font-weight:700;margin-left:12px;cursor:pointer}.box-icn:hover{color:#4c7b94}.eq-part-name{margin:0;flex-grow:1}.part-boxes-container{display:flex;flex-wrap:wrap;border-top:1px solid #d9d9d9;margin-top:1rem}.part-box-container{width:49%;height:350px;border:1px solid #d9d9d9;margin-top:45px;margin-right:auto}.row-container{display:flex}.trash-btn{cursor:pointer}.trash-btn-disabled{cursor:pointer;color:#d9d9d9}.trash-btn:hover{color:red}.row-spacing{margin-top:-16px}.trash-btn{text-align:center}.row-margin{margin-bottom:1rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#536c79;border-radius:10px}.image-container{width:100%;height:700px;display:flex;justify-content:center;align-items:center}.imageMap{cursor:pointer}.size-select{margin-top:20px;margin-left:100px;margin-right:100px;text-align:center}.depot-code-input-wrapper,.depot-name-input-wrapper{display:flex;margin-bottom:1rem}#depot-code,#depot-name{width:64.5%}.depot-code-label,.depot-name-label{flex-grow:1;margin-bottom:0;padding-top:7px}.error-msg{color:#f86c6b;font-size:80%;margin-left:35.5%;margin-bottom:.4rem}.error-highlight{border-color:#f86c6b}.custom-datatable .p-datatable-scrollable-body{overflow-x:auto}.frozen-column{left:0;background-color:#c2cfd6}.frozen-column,.frozen-column-right{position:sticky;z-index:1;width:1em!important}.frozen-column-right{right:0;background-color:#efefef}.others-column{width:2em!important}.ui-multiselect{position:sticky!important;left:1em!important;z-index:100!important;padding-left:2px}.header-buttons{width:15%;float:right}.add-container-btn{color:#fff;background-color:#4dbd74;border-color:#4dbd74;padding:.375rem .75rem;font-size:.875rem;font-weight:400;text-align:center;border:1px solid transparent;margin-bottom:3%}.custom-modal-size.modal-lg{max-width:1000px!important}.card-header-style{background-color:#536c79!important;height:57px;color:#fff}.custom-invalid-feedback{color:#dc3545;display:block;margin-top:.25rem;font-size:85%}.is-invalid,.Select.is-invalid>.Select-control{border-color:red!important}.accordion{border:1px solid rgba(0,0,0,.1);border-radius:2px}.accordion__item+.accordion__item{border-top:1px solid rgba(0,0,0,.1)}.accordion__button{background-color:#f0f3f5;color:#444;cursor:pointer;padding:18px;width:100%;text-align:left;border:none}.accordion__button:hover{background-color:#c8d1d4}.accordion__button:before{display:inline-block;content:"";height:10px;width:10px;margin-right:12px;border-bottom:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(-45deg)}.accordion__button[aria-expanded=true]:before,.accordion__button[aria-selected=true]:before{transform:rotate(45deg)}[hidden]{display:none}.accordion__panel{padding:20px;animation:fadein .35s ease-in}@keyframes fadein{0%{opacity:0}to{opacity:1}}.box-header-gate{float:right!important}.col-form-label{padding-top:0!important;padding-bottom:0!important}div.box-header-gate .form-group{margin-bottom:0!important}.info-truck{border:1px solid #a7a2a2;display:flex}.sigContainer,.sigContainerRigth{border:1px solid #d3cece;float:left;width:50%;box-shadow:0 2px 5px 4px #d3cece85}.signature{border-top:1px solid #000;text-align:center}.sigPad{width:100%;height:100%}.sigImage{background-size:200px 50px;width:200px;height:50px;background-color:#fff}.align-right{float:right}.align-left{float:left}.box{display:flex;flex-direction:row;justify-content:space-between}.file-uploader-nostyle{display:flex;flex-direction:column;align-items:center;padding:0;margin:0}@media screen and (max-width:800px){.info-truck{border:1px solid #a7a2a2;display:flex;flex-direction:column;margin-bottom:4%}.sigContainer{width:100%;margin-bottom:10%}.sigContainerRigth{width:100%;text-align:center}.signCanvas{margin:0 auto;width:100%!important}}@media screen and (min-width:1200px){.info-truck{padding:2%;border:1px solid #a7a2a2;display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:1.5%}.sigContainer{width:45%;margin-right:5%}.sigContainerRigth{margin-left:5%;width:45%;text-align:center}.signCanvas{margin:0 auto;width:100%!important}}.main-container{display:flex;justify-content:space-around}.cols-7{margin-right:7%;margin-left:28.5%}.cols-6{margin-right:7%;margin-left:7%}.counter-container{display:flex;justify-content:center}.counter-input{border-radius:4px;margin:0 8px;width:30%;text-align:center;padding:.375rem .75rem;font-size:.875rem;line-height:1.5;color:#3e515b;background-color:#fff;background-clip:padding-box;border:1px solid #c2cfd6;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.button{padding:0 24px;border-radius:8px;width:20%;background-color:#d9d9d9;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .15s ease-in-out,box-shadow .15s ease-in-out}.button:hover{background-color:#cac8c8}.switch{position:relative;display:inline-block;width:52px;height:28px}.switch-container{display:flex;justify-content:center;align-items:center}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;border:1px solid #ccc}.slider,.slider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.slider:before{content:"";height:20px;width:20px;left:4px;bottom:4px;top:2px;background-color:#ccc}input:checked+.slider{border:1px solid #20a8d8}input:focus+.slider{box-shadow:0 0 1px #20a8d8}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(22px);background-color:#20a8d8}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.img-icon{width:22px;padding-left:8px}.client-label{padding-right:10px}.depot-container{margin-bottom:20px}.depot-link{color:#007bff;text-decoration:none}.equipment-header{background-color:#f8f9fa;font-weight:700}.item-container{margin-bottom:15px}.item-title{font-weight:700;margin-bottom:10px}.services-table td,.services-table th{vertical-align:middle;text-align:center}.selected-service{background-color:#f0f8ff}.total-amount{text-align:right;font-weight:700;color:green;margin-top:10px}.summary-footer{background-color:#edf9ed!important;padding:10px;display:flex;flex-direction:column;gap:5px}.summary{text-align:right;color:#000}.summary-total{font-weight:700;color:#30982e}.delete-button{margin-top:10px}.depot-list-container{display:flex;flex-direction:column;gap:20px;padding:10px}.custom-growl{z-index:9999!important}