.list-item{display:inline-block}.list-item-title{font-size:18px;line-height:20px}.barge-icon,.vessel-icon{background-color:"var(--primary-500)";display:flex;align-items:center;justify-content:center}.truck-icon:after{content:"T"}.truck-icon2{width:30px;height:30px;border-radius:50%;font-size:14pt;background-color:#070707;color:var(--qad-yellow);align-items:center;justify-content:center;display:inline-flex}.searchDropdown{height:"42px";border:"1px solid #D8DFE6"}.searchDropdown .ms-Dropdown-title{height:42px;line-height:42px;border-color:var(--grey-200)}.searchDropdown .ms-Dropdown-caretDownWrapper{line-height:42px;height:42px}input::-webkit-input-placeholder{color:#b8b8b8!important}input:-ms-input-placeholder{color:#b8b8b8!important}input::-ms-input-placeholder{color:#b8b8b8!important}input::placeholder{color:#b8b8b8!important}.eta-row{max-width:250px;display:flex}.eta-row,.eta-section{flex-direction:row;align-items:center;justify-content:space-between}.eta-section{min-width:100px}.eta-section2{flex-direction:row;align-items:center;justify-content:space-between;min-width:70px}.eta-section-icon{margin-right:10px}.find-eta-btn{width:30px;padding:0!important;height:30px;min-width:30px!important;max-width:30px!important;border-radius:4px;background-color:#f5f5f5!important;border:1px solid #e5e5e5!important}.modal-inputs{width:100%;display:flex;flex-direction:row;margin-bottom:10px;justify-content:space-between}#txt-eta-date,#txt-eta-time{width:50%}.eta-lookup-content{display:flex;align-items:center;flex-direction:column}.eta-lookup-content>.vessel-circle{width:104px;height:104px;margin-top:24px;margin-bottom:24px;position:relative}.eta-lookup-content>.vessel-circle>.progress{position:absolute;width:104px;height:104px!important;float:left;line-height:150px;background:transparent!important;box-shadow:none;position:relative}.progress:after{content:"";width:100%;border-radius:50%;border:6px solid #fff;left:0}.progress:after,.progress>span{height:100%;position:absolute;top:0}.progress>span{width:50%;overflow:hidden;z-index:1}.progress .progress-left{left:0;background-color:transparent}.progress .progress-bar{width:100%;height:100%;background:none;border-width:3px;border-style:solid;position:absolute;top:0}.progress .progress-left .progress-bar{left:100%;border-top-right-radius:80px;border-bottom-right-radius:80px;border-left:0;transform-origin:center left}.progress .progress-right{right:0;background-color:transparent}.progress .progress-right .progress-bar{left:-100%;border-top-left-radius:80px;border-bottom-left-radius:80px;border-right:0;transform-origin:center right;-webkit-animation:loading-1 1.8s linear forwards;animation:loading-1 1.8s linear forwards}.progress .icon{position:absolute;top:5px;left:5px;width:98px;height:98px;border-radius:50px;display:flex;align-items:center;justify-content:center}.eta-lookup-content>.vessel-circle>.progress.green .progress-bar{border-color:#15803d}.eta-lookup-content>.vessel-circle>.progress.red .progress-bar{border-color:#b91c1c}.eta-lookup-content>.vessel-circle>.progress.green .progress-left .progress-bar,.eta-lookup-content>.vessel-circle>.progress.red .progress-left .progress-bar{-webkit-animation:loading-2 1.5s linear 1.8s forwards;animation:loading-2 1.5s linear 1.8s forwards}@-webkit-keyframes loading-1{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}@keyframes loading-1{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}@-webkit-keyframes loading-2{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}@keyframes loading-2{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}.wrapper h1{font-size:32px;font-weight:700;line-height:48px;color:var(--secondary-700);margin:0}.wrapper span{font-size:14px;font-weight:400;line-height:22px;color:var(--grey-800)}.wrapper span.data-right{align-self:center}.wrapper span.data-right .announcement{height:48px;margin-left:10px;align-self:center;border-radius:8px;width:48px!important;min-width:48px!important}.wrapper span.data-right.data-date{align-self:center;font-weight:700;color:var(--grey-400)}.wrapper span .data-right.data-date svg{margin-right:4px}.flex{display:flex}.flex-row{flex-direction:row}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.graph-item{margin-top:16px;width:32%;border-top:4px solid #fec40d;background:var(--white-000);padding:15px 5px}.graph-item h3{font-size:14px;line-height:22px;text-align:center}.graph-item h2,.graph-item h3{font-weight:700;color:var(--grey-800)}.graph-item h2{font-size:32px;line-height:56px;display:flex;align-items:center;justify-content:center}.graph-item h2 span{display:inline-block;font-size:12px;font-weight:400;color:var(--grey-800);margin-left:2px;width:19%;line-height:1}.modality{margin-top:32px}.modality .label{background:#fec40d;display:flex;padding:8px 40px;justify-content:center;align-items:center;font-size:20px;font-style:normal;font-weight:700;line-height:28px}.bar-chart{margin-top:24px}.chart-heading{background:#fec40d;display:flex;padding:8px 40px;justify-content:center;align-items:center;font-size:16px;font-style:normal;font-weight:700;line-height:24px}.chart-wrapper{background:var(--white-000)}.bar-chart .apexcharts-menu-icon{display:none}.dashboard-card{margin-top:16px;width:32%;background:var(--white-000);border-radius:8px;padding:16px;box-shadow:0 1px 4px 0 rgba(0,0,0,.09019607843137255)}.dashboard-card .card-header{display:flex;flex-direction:row}.dashboard-card .card-header .titles{display:flex;flex-direction:column;justify-content:center}.dashboard-card .card-header .titles h5{font-weight:500}.dashboard-card .card-header .titles h6{font-size:12px;color:#737373;margin-bottom:0}.dashboard-card .card-header .icon{height:56px;width:56px;margin-right:10px;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}.dashboard-card .bars{display:flex;flex-direction:row;margin:10px 0;grid-gap:8px;gap:8px;justify-content:space-between}.dashboard-card .bars .bar{height:8px;border-radius:2px}.dashboard-card .data{display:flex;flex-direction:column}.dashboard-card .data .data-point{display:flex;flex-direction:row;align-items:center;margin-bottom:10px;justify-content:space-between}.dashboard-card .data .data-point span{display:flex;flex-direction:row;align-items:center;margin-bottom:0}.dashboard-card .data .data-point span p{font-size:14px;color:#737373;align-items:center;margin-bottom:0}.dashboard-card .data .data-point p{font-size:14px;font-weight:500;color:#404040;align-items:center;margin-bottom:0}.dashboard-card .data .data-point .icon{width:20px;height:20px;padding:2px;margin-right:10px;border-radius:50px;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.dashboard-announcement{margin-top:16px;width:32%;background-color:#e0f2fe;border-radius:8px;padding:16px;box-shadow:0 1px 4px 0 rgba(0,0,0,.09019607843137255)}.dashboard-announcement h6{color:#1e40af}.dashboard-announcement p{color:#1e293b}.visualization-card{width:100%;background:var(--white-000);border-radius:8px;padding:16px;box-shadow:0 1px 4px 0 rgba(0,0,0,.09019607843137255)}.visualization-card h3{color:#1f2937;font-weight:600;font-size:18px;margin-bottom:0}.visualization-card .header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}@media(max-width:950px){.visualization-card .header{display:flex;align-items:flex-start;flex-direction:column!important}}.visualization-card .tabs{display:flex;flex-direction:row;align-items:center;grid-gap:10px;gap:10px}.visualization-card .tabs .tab{flex-direction:row;border-radius:8px;color:#334155!important;border:1px solid #e2e8f0!important}.visualization-card .tabs .active-tab,.visualization-card .tabs .tab{height:40px;display:flex;align-items:center;justify-content:center;padding:0 12px;background-color:#fff!important}.visualization-card .tabs .active-tab{border-radius:8px;color:#262626!important;border:1px solid #262626!important}.ongoing-orders-card{width:100%;background:var(--white-000);border-radius:8px;padding:16px;box-shadow:0 1px 4px 0 rgba(0,0,0,.09019607843137255)}.ongoing-orders-card h3{color:#1f2937;font-weight:600;font-size:18px;margin-bottom:0}.ongoing-orders-card .header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}@media(max-width:950px){.ongoing-orders-card .header{display:flex;align-items:flex-start;flex-direction:column!important}}.ongoing-orders-card .tabs{display:flex;flex-direction:row;align-items:center;grid-gap:10px;gap:10px}.ongoing-orders-card .tabs .tab{border-radius:8px;color:#334155!important;border:1px solid #e2e8f0!important}.ongoing-orders-card .tabs .active-tab,.ongoing-orders-card .tabs .tab{height:40px;display:flex;align-items:center;justify-content:center;padding:0 12px;background-color:#fff!important}.ongoing-orders-card .tabs .active-tab{border-radius:8px;color:#262626!important;border:1px solid #262626!important}.ongoing-orders-card .searchbar{border-radius:4px;max-width:200px}.ongoing-orders-card .list{padding:10px 0}.order-list-item{display:flex;flex-direction:row;justify-content:space-between;padding:4px 0;border-bottom:1px dashed #e5e5e5}.order-list-item .left .name{font-size:14px;color:#404040;font-weight:600;margin-bottom:0}.order-list-item .left .order-num{font-size:14px;color:#737373;font-weight:400;margin-bottom:0}.order-list-item .right{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.order-list-item .right .name{color:#525252;font-weight:500;margin-bottom:0}.order-list-item .right .arrow{margin-left:50px;cursor:pointer}.nomination-page{padding:24px;background:var(--grey-050);height:100%;overflow:scroll}.nomination-page .header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.nomination-page .btn,.nomination-page .btn-dark{height:48px;min-width:48px;border-radius:4px}.nomination-page .btn-dark{border-color:#262626!important}.nomination-page .header .left{grid-gap:10px;gap:10px;display:flex;flex-direction:row}.nomination-page .header .left h2{font-size:20px;font-weight:600;color:#262626;margin-bottom:0;vertical-align:middle;line-height:48px}.nomination-page .card-row,.nomination-page .header .right{display:flex;flex-direction:row;align-items:center;grid-gap:10px;gap:10px}.nomination-page .card-row{margin-top:24px}.nomination-page .card-row .card{width:100%;padding:16px;min-height:360px;border-radius:8px;background-color:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,.09019607843137255)}.nomination-page .card-row .card .header .mini-btn{height:32px;width:32px!important;min-width:32px!important;padding:0;border-radius:4px;background-color:#cbd5e1!important}.nomination-page .card-row .card .header .mini-primary-btn{height:32px;border-radius:4px;color:#fff;border:1px solid #009fdf!important;background-color:#009fdf!important}.nomination-page .card-row .card img{margin-top:10px;margin-bottom:10px;max-height:240px!important}.nomination-page .card-row .card .warning{height:32px;padding:4px 8px;color:#dc2626;width:-webkit-max-content;width:-moz-max-content;width:max-content;border-radius:4px;align-items:center;background-color:rgba(211,47,47,.2)!important}.nomination-page .card-row .card .detail{display:flex;margin-top:10px;flex-direction:row;border-bottom:1px dashed #cbd5e1}.nomination-page .card-row .card .title{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:0}.nomination-page .card-row .card .detail .key{width:90px;font-size:14px;font-weight:400;min-width:90px;color:#1e293b;margin-right:5px}.nomination-page .card-row .card .detail .val{font-size:14px;font-weight:600;color:#1e293b}.nomination-page .card-row .card .detail .yellow{background-color:#f59e0b}.nomination-page .card-row .card .detail .green,.nomination-page .card-row .card .detail .yellow{height:24px;display:flex;color:#fff;font-size:12px;line-height:12px;font-weight:700;padding:4px 8px 4px 4px;border-radius:50px;flex-direction:row}.nomination-page .card-row .card .detail .green{background-color:#65a30d}.nomination-page .card-row .card .measurement{display:flex;margin-top:10px;flex-direction:column}.nomination-page .card-row .card .labels{display:flex;flex-direction:row;justify-content:space-between}.nomination-page .card-row .card .labels .label{font-size:14px;font-weight:600;color:#1e293b}.nomination-page .card-row .card .labels .val{font-size:12px;font-weight:400;color:#525252}.line-status{display:flex;justify-content:space-between;background:#fff;padding:6px 24px}.line-status-item{display:inline-block;color:#12427d;min-width:54px;text-align:center;padding:0;position:relative}.line-status-item i{color:#fff;line-height:20px;font-size:24px;margin-top:9px}.list-status-item-text{font-size:13px;font-weight:500;position:absolute;bottom:-18px;left:-24px;right:-24px}.line-status-item>div{display:block;width:42px;height:42px;margin:auto;border-radius:24px;border:3px solid #12427d;background-color:#12427d}.line-status-item>div>div{background-color:#12427d;width:100%;height:100%;border-radius:21px;border:none}.line-status-item.selected>div{padding:3px;background-color:transparent}.line-status-item.selected i{margin-top:6px}.line-status-item.active div div span{line-height:12px}.connector-line.active,.line-status-item.active div{border-color:#00aeef}.line-status-item.active div div{background-color:#00aeef}.line-status-item.active .list-status-item-text{color:#00aeef}.active~.line-status-item>div{border-color:#b8b8b8;background-color:transparent}.active~.line-status-item>div>div{background-color:transparent}.active~.line-status-item>span{color:#b8b8b8}.step-connector{position:relative;top:22px;flex:1 1;display:block;z-index:9;height:4px;background-color:#b8b8b8}.connector-line{display:block;border-color:#12427d;border-style:solid;border-width:2px 0}.active~div .connector-line{border-color:#b7b7b7}.btn-menu-status{display:flex;background:"white";grid-gap:8px;gap:8px}.btn-menu-wrapper{flex:1 1;display:flex;flex-direction:column}.btn-menu-status .btn-status{flex:1 1;padding:12px 16px;background:#fff;font-weight:700;font-size:14px;line-height:22px;border-radius:2px}.btn-menu-status .selected{color:var(--primary-500)}.btn-menu-status .disabled{color:#b8b8b8}.upload-panel .div-container .div-preview{background:rgba(27,26,25,.4)}.div-preview .empty-preview{background:#1b1a19}.div-preview .empty-preview span{color:#fff}.div-upload .file-list,.div-upload .file-list-wrapper{height:calc(100% - 109px)}.div-upload h1{color:var(--secondary-700)}.div-upload .upload .dropzone{border:3px dashed #009fdf;background-color:#fec40d}.vessel-type{padding:12px 16px}.details h3{color:var(--secondary-700)}.sidebar{height:100%;width:244px;background:#fff;box-sizing:border-box;transition:width .2s;padding:32px 0}.sidebar,.sidebar>div{position:relative;display:flex}.sidebar>div{width:100%;top:0;right:0;bottom:0;left:0;flex-direction:column;padding-bottom:12px;grid-gap:.1em;gap:.1em}.sidebar-item{display:block;padding:12px 8px;color:#000;grid-gap:1em;gap:1em;border-radius:.35em;align-self:center;width:185px;display:flex;align-items:center}.sidebar-item>span{display:block;padding-top:3px}.sidebar-selected{color:#fff!important;background-color:var(--primary-700);text-decoration:none}.sidebar-selected>svg{-webkit-filter:invert(88%) sepia(30%) saturate(3987%) hue-rotate(349deg) brightness(101%) contrast(101%);filter:invert(88%) sepia(30%) saturate(3987%) hue-rotate(349deg) brightness(101%) contrast(101%)}.logo-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:39px}.sidebar-item:hover{color:#fff!important;background-color:var(--primary-700);text-decoration:none}.sidebar-item:hover>svg{-webkit-filter:invert(88%) sepia(30%) saturate(3987%) hue-rotate(349deg) brightness(101%) contrast(101%);filter:invert(88%) sepia(30%) saturate(3987%) hue-rotate(349deg) brightness(101%) contrast(101%)}.list-item-container{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.15);border-radius:2px}.list-item{padding:15px;display:table;width:100%;cursor:pointer}.list-item:hover{background-color:#fafafa}.list-item-row{display:table-row}.list-item>div>div{display:table-cell;vertical-align:middle}.list-item-title{font-style:normal;font-weight:700;font-size:14px;line-height:22px;align-items:center;letter-spacing:.0015em;color:var(--secondary-700);display:inline-block;margin-left:10px}.list-item-subtitle{font-style:normal;font-weight:400;font-size:16px;line-height:20px;align-items:center;letter-spacing:.005em;color:#4c4c4c}.list-item-subtitle2{font-style:normal;font-weight:500;line-height:23px;letter-spacing:.0015em;color:#4c4c4c}.list-item-collapse>div:nth-child(2){display:none}.barge-icon,.vessel-icon{width:28px;height:28px;border-radius:50%;padding:1px;font-size:14px;font-weight:500;background-color:var(--primary-500);color:var(--qad-yellow);text-align:center;display:inline-block}.vessel-icon:after{content:"V";margin-top:2px;display:block}.barge-icon:after{content:"B";margin-top:2px;display:block}.list-item-badge{height:30px;background:#eee;border-radius:15px;display:inline-block;padding:0 10px;line-height:30px;text-align:center;margin:0 30px 0 6px;color:#4c4c4c;border:1px solid #e2e6e8}.table-container{margin-left:65px}.table-container table{color:#4c4c4c}table.table thead th{border-top:none;border-bottom:1px solid #4c4c4c;font-weight:500}.table-container a.btn{margin-right:38px}.list-progress{display:inline-block;width:195px}.ms-ProgressIndicator-itemName{font-size:small;line-height:12px}@media all{.page-break{display:none}}@media print{body,html{height:auto!important;overflow:visible!important;overflow:initial!important;-webkit-print-color-adjust:exact}}@media print{.page-break{margin-top:1rem;display:block;page-break-before:auto}}@page{size:auto;margin:20mm}.tbl-report{width:100%;table-layout:fixed}.tbl-report td{border:1px solid #e2e6e8;padding-left:10px;line-height:35px;word-wrap:break-word;vertical-align:top}.report-header-blue{background-color:#000;color:#fff;font-weight:700}.report-header-gray{background-color:#eee;font-weight:700}.tbl-report-border{width:100%;table-layout:fixed}.tbl-report-border td{padding-left:10px;line-height:35px;word-wrap:break-word;border:1px solid #e2e6e8;vertical-align:top}@media print{@page{size:letter}.pagebreak{page-break-after:always}}.menu-layout-2 .btn-menu{text-transform:capitalize;border-radius:2px}.upload-panel .ms-Panel-main{background:linear-gradient(90deg,transparent 63%,#fff 0)}.upload-panel .ms-Panel-content{padding:0!important}.upload-panel .div-container .div-preview{background:#eef0f8}.upload-panel .ms-Panel-contentInner{margin-top:-80px}.upload-panel .ms-Overlay{background:transparent}.upload-panel .ms-Panel-commands{width:100%}.upload-panel .ms-Panel-navigation{width:42%;text-align:right;display:flex;justify-content:flex-end;align-items:flex-end;flex-direction:row;margin-right:0;margin-left:auto;padding-bottom:12px}.upload-panel .ms-Panel-closeButton{background-color:#f2f4f6;width:48px;height:48px;z-index:9}.upload-panel .ms-Panel-closeButton span i{color:#000}.upload-panel .ms-Panel-content,.upload-panel .ms-Panel-scrollableContent{height:100%}.selected-file-wrapper{text-align:center}.selected-file{color:#000;font-weight:700}.div-container{display:flex;height:100%}.div-preview{width:63%}.div-preview,.div-preview .empty-preview{display:flex;flex-direction:column;justify-content:center;align-items:center}.div-preview .empty-preview{border-radius:4px;opacity:.8;width:349px;padding:24px 16px;background:#fff}.div-preview .empty-preview span{color:#7c7777;font-size:16px;font-style:normal;font-weight:500;padding-top:16px}.div-upload{width:37%;display:flex;flex-flow:column;justify-content:space-between;height:100%;min-height:100%;position:relative}.div-upload .div-details,.div-upload .upload-details{height:calc(100% - 109px)}.div-upload .file-list-wrapper{height:calc(100% - 95px);overflow-y:auto}.div-upload .file-attachment-list-wrapper{height:calc(87% - 95px);overflow-y:auto}.div-upload .file-list{height:calc(100% - 95px);overflow-y:auto;padding-bottom:35px}.div-upload h1{padding-top:30px;border-bottom:1px solid #e2e6e8;padding-bottom:25px;margin:0;padding-left:16px;color:#00447e;font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.08px}.div-upload .upload{padding:12px 16px;border-top:1px solid #e2e6e8;width:100%;background:#fff;z-index:1}.div-upload .upload .dropzone{text-align:center;padding:16px;border:3px dashed #fec40d;background-color:#f2f4f6;cursor:pointer;color:#4c4c4c;border-radius:4px}.div-upload .upload .upload-file-text{display:flex;justify-content:center;align-items:center}.div-upload .upload .upload-file-text p{padding-left:12px;text-align:left;margin:0}.div-upload .upload .upload-file-text p span{color:#fec40d;text-decoration:underline;font-size:16px;font-style:normal;font-weight:500}.vessel-type{padding:16px;grid-gap:8px;gap:8px;align-self:stretch;border-bottom:1px solid #e2e6e8;margin-bottom:8px}.upload-actions,.vessel-type{display:flex;align-items:center}.upload-actions{width:100%;padding:12px 16px;justify-content:space-between}.upload-actions-ctas{display:flex;grid-gap:8px;gap:8px;align-items:center}.upload-actions-ctas span{display:flex;padding:12px;justify-content:flex-end;align-items:center;border-radius:2px;border:1px solid #d8dfe6;background:#f2f4f6;cursor:pointer}.upload-actions-ctas span.disabled{cursor:not-allowed}.details h3{color:#fec40d;font-weight:700;line-height:24px;margin:0}.details h3,.details span{font-size:14px;font-style:normal}.details span{font-weight:400;color:#4c4c4c}.vessel-type .icon{width:48px!important;height:48px!important;display:flex;align-items:center;justify-content:center}.file-list{margin:0;padding:0 16px;list-style:none;position:relative}.file-list li{position:relative;display:flex;flex-direction:row;align-items:flex-start;grid-gap:8px;gap:8px;flex:1 0;align-self:stretch;border-radius:4px;border:2px solid #e2e6e8;width:100%;justify-content:space-between;padding:16px;margin-bottom:8px}.file-list li.active,.file-list li:hover{cursor:pointer;border:2px solid #009fdf;background:rgba(0,159,223,.05)}.file-list li .file-details{display:flex}.file-list li .file-cta{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.file-list li .file-cta span{display:block}.file-list li .file-details .file-name{display:flex;flex-direction:column;padding-left:8px}.file-list li .file-details h3{font-size:16px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.04px;margin:0}.file-list li .file-details span{font-size:14px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.035px}.progressbarWrapper{height:4px;max-width:93.5%;display:block;margin:auto;background:#d9d9d9;box-shadow:inset 0 -1px 1px hsla(0,0%,100%,.3);position:absolute;bottom:12px;width:100%;left:23px}.file-list li.progressitem{padding-bottom:20px}.file-list li.progressitem .file-details{margin-bottom:2px}.upload-progressbar{display:block;height:100%;width:0;background-color:#4caf50;background-image:linear-gradient(center bottom,#2bc253 37%,#54f054 69%);position:relative;overflow:hidden;font-size:15px;text-align:center;color:#fff;transition:all .7s ease}.upload-progressbar.cancelled{background-color:red}.completed{color:#4caf50;text-align:right;font-size:14px;font-style:normal;font-weight:400;line-height:24px}.completed.cancelled{color:red}.div-button-icon{display:flex;grid-gap:.5rem;gap:.5rem}.send-button{background-color:#fec40d;color:#f6f6f6}.cancel-button,.send-button{padding:8px 36px;border:none;border-radius:2;height:"96px";width:"48px"}.cancel-button{background-color:#f2f4f6;color:#080808}.preview-filename{padding:16px;display:flex;flex-direction:row;justify-content:space-between;width:100%;background:#fff;border-right:1px solid #e2e6e8;border-bottom:1px solid #e2e6e8}.preview-filename button{padding:12px 16px;border-radius:4px;border:1px solid #e2e6e8;background:#f2f4f6}.preview-filename .file-details{display:flex;align-items:center}.preview-filename .file-details h3{font-size:16px;padding-left:16px}.div-preview iframe{padding:16px 24px;border-top:0}.email-sent{display:flex;flex-direction:column;align-items:center;padding:42px}.email-sent img{max-width:240px;width:100%}.email-sent h2{margin-top:42px;font-size:24px;font-weight:500}.email-sent h2,.email-sent p{font-style:normal;text-align:center}.email-sent p{margin-top:16px;font-size:16px;font-weight:400}.tank-list{padding:10px 20px;display:flex;grid-gap:20px;gap:20px;flex-wrap:wrap}.tank-item{border:1px solid #e2e8f0!important;border-radius:8px}.tank-item:hover{background:#e2e8f0!important}.item-header{font-weight:700;font-size:16px}.item-status{color:#f57c00}.item-sub-details{font-weight:600;font-size:14px}.item-sub-details-suffix{font-size:14px}.text-slate-600{color:#475569}.text-slate-500{color:#64748b}.settings-button{background:#e2e8f0;border:1px solid #cbd5e1!important}a{color:inherit!important}a:hover{text-decoration:none!important}.section{padding:20px;display:flex;flex-direction:column;grid-gap:25px;gap:25px}.details-header,.header-section{display:flex;justify-content:space-between}.header-section{grid-gap:15px;gap:15px;align-items:center}.details-header button{background:#cbd5e1}.details-header span{font-weight:700;font-size:24px}.details-tank-section{background:#f8fafc;border:1px solid #e2e8f0}.details-tank-section-pfd-btn{background:#64748b;color:#fff;border-color:#64748b;border-radius:4px;padding:5px 12px;font-weight:700}.details-flow-direction{grid-gap:10px;gap:10px;font-size:14px}.details-flow-direction,.details-flow-status{display:flex;justify-content:center;align-items:center}.details-flow-status{grid-gap:5px;gap:5px;background:#009fdf;color:#fff;padding:2px 10px;border-radius:4px}.details-trend-up{background:#cbd5e1;border-radius:4px;padding:0 5px}.details-tank-icons{grid-gap:5px;gap:5px}.details-leak-detect{background:rgba(211,47,47,.2);color:#d32f2f}.details-idle,.details-leak-detect{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 8px;grid-gap:4px;gap:4px;border-radius:4px;font-size:12px;font-weight:600}.details-idle{background:#cbd5e1;background:#f57c00;color:#fff}.details-tools{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:5px;gap:5px}.text-sm{font-size:12px}.text-base{font-size:14px}.details-tools-status{color:#fff;border-radius:4px;font-size:10px;padding:5px 7px;font-weight:600}.details-tools-open{background:#4caf50}.details-tools-closed{background:#f0990d}.details-tools-active{background:#00447e}.details-tools-inactive{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.gap{grid-gap:5px;gap:5px}.section-header{font-weight:600;font-size:16px}.details-table{margin-top:1rem!important;width:100%}.details-table td{border-bottom:1px solid #e2e8f0;padding:5px 0}.details-table td.label{color:#334155;font-size:14px;width:35%}.details-table td.value{color:#1e293b;font-size:14px;font-weight:600}.value-tank-status{display:flex;justify-content:center;align-items:center;grid-gap:5px;gap:5px;color:#fff;font-size:14px;font-weight:600;padding:2px 8px;border-radius:12px;background:#009fdf}.value-tank-available{font-size:14px;font-weight:400}.measure-icon{background:#f1f5f9;height:3rem;width:3rem;display:flex;justify-content:center;align-items:center}.flex-1{flex:1 1}.measure-diamond{position:absolute;margin-top:6px;width:10px;height:10px;background-color:#fff;transform:translateY(-50%) rotate(45deg);z-index:1;border:1px solid #009fdf}.measure-triangle{position:absolute;margin-top:5px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #000}.measure-bar-label{font-weight:400;font-size:12px;color:#475569}.w-full{width:100%}.h-full{height:100%}.btn-light.disabled,.btn-light:disabled{color:#94a3b8!important;background-color:#e2e8f0!important;border-color:#cbd5e1!important;cursor:not-allowed!important}.interval-select{height:40px;padding-left:10px}.select-value{display:flex;flex-direction:row;height:24px;padding:2px 8px;border-radius:50px;margin-left:5px;margin-right:5px;background-color:#e5e5e5}.select-icon{font-size:14px;margin-left:10px;margin-right:5px}.disclaimer{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:5px 0}.DateInput__small{width:105px!important}.DateRangePickerInput_calendarIcon{padding:0!important;margin:0 5px 0 10px!important}.CalendarDay__selected,.CalendarDay__selected:active,.CalendarDay__selected:hover{background:#1864b9!important;border:1px double #1864b9!important;color:#fff!important}.CalendarDay__selected_span{background:#66b1e2!important;border:1px double #66b1e2!important;color:#fff!important}.tab{border-radius:8px;color:#334155!important;border:1px solid #e2e8f0!important}.active-tab,.tab{height:40px;display:flex;align-items:center;justify-content:center;padding:0 12px;background-color:#fff!important}.active-tab{border-radius:8px;color:#262626!important;border:1px solid #262626!important}.wrapper{padding:24px;background:var(--grey-050);height:100%;overflow:scroll}.tabs{grid-gap:8px;gap:8px;display:flex;flex-direction:row}.tabs .active-tab{border-color:#000!important}.table-wrapper{padding:24px;margin-top:24px;border-radius:8px;background-color:#fff}.table-wrapper .table-header{display:flex;justify-content:space-between;flex-direction:row;margin-bottom:24px}.table-wrapper .filter-btn{padding:0;width:40px;max-width:40px}.table-wrapper .filter-btn,.table-wrapper .table-header .searchbar{height:40px;border-radius:8px}.table-wrapper .table-header .searchbar .iconContainer-400{color:#000}.invoice-list-item{display:flex;flex-direction:row;justify-content:space-between;padding:4px 0;border-bottom:1px dashed #e5e5e5;margin-bottom:10px}.invoice-list-item .left .name{font-size:14px;color:#404040;font-weight:600;margin-bottom:0}.invoice-list-item .left .order-num{font-size:14px;color:#737373;font-weight:400;margin-bottom:0}.invoice-list-item .right{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.invoice-list-item .right .right-data{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.invoice-list-item .right .right-data .value{font-size:14px;color:#404040;font-weight:600;margin-bottom:0}.invoice-list-item .right .right-data .due{font-size:14px;color:#737373;font-weight:400;margin-bottom:0}.invoice-list-item .right .arrow{margin-left:30px;cursor:pointer}.details-page{padding:24px;background:var(--grey-050);height:100%;overflow:scroll}.details-page .header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.details-page .btn,.details-page .btn-dark{height:48px;min-width:48px;border-radius:4px}.details-page .btn-dark{border-color:#262626!important}.details-page .header .left{grid-gap:10px;gap:10px;display:flex;flex-direction:row}.details-page .header .left h2{font-size:20px;font-weight:600;color:#262626;margin-bottom:0;vertical-align:middle;line-height:48px}.details-page .header .right{display:flex;flex-direction:row;align-items:center;grid-gap:10px;gap:10px}.details-card{padding:24px;margin-top:24px;min-height:calc(100% - 64px);border-radius:8px;background-color:#fff;position:relative}.details-header{border-bottom:1px solid #e5e5e5}.details-header .left-group{display:flex;flex-direction:row}.details-header .left-group .icon{width:56px;height:56px;display:flex;border-radius:4px;margin-right:15px;align-items:center;justify-content:center;background-color:#f5f5f5}.details-header h3{font-size:24px;font-weight:500}.details-header p{color:#737373}.details-tabs{grid-gap:8px;gap:8px;display:flex;padding-top:10px;flex-direction:row;padding-bottom:10px;border-bottom:1px solid #e5e5e5}.details-tabs .tab{flex-direction:row;border-radius:8px;color:#334155!important;border:1px solid #e2e8f0!important}.details-tabs .active-tab,.details-tabs .tab{height:40px;min-width:200px;display:flex;align-items:center;justify-content:center;padding:0 12px;background-color:#fff!important}.details-tabs .active-tab{border-radius:8px;color:#262626!important;border:1px solid #262626!important}.details-basic{display:grid;grid-template-columns:auto auto;grid-row-gap:30px;row-gap:30px;margin-top:30px;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px}.details-basic .details-section .detail-title{font-size:18px;font-weight:600;color:#404040}.details-basic .details-section .subdetails{display:flex;flex-direction:row}.details-basic .details-section .subdetails .subdetail-title{min-width:200px;font-size:14px;font-weight:600;color:#404040}.details-basic .details-section .subdetails .subdetail-value{font-size:14px;color:#404040}.details-long{display:flex;margin-top:30px;flex-direction:column;height:100%}.details-long .details-section{margin-bottom:20px;border-bottom:1px dashed #d4d4d4}.details-long .details-section .detail-description{font-size:16px;font-weight:400;color:#737373}.details-long .details-section .detail-title{font-size:18px;font-weight:600;color:#404040}.details-long .details-section .detail-bullet{font-size:14px;font-weight:400;color:#525252}.details-long .details-section .subdetails{display:flex;flex-direction:row}.details-long .details-section .subdetails .subdetail-title{min-width:200px;font-size:14px;font-weight:600;color:#404040}.details-long .details-section .subdetails .subdetail-value{font-size:14px;color:#404040}.charges{padding:20px}.charges .table-header{padding:12px 16px;background-color:#f5f5f5;display:grid;grid-template-columns:40% 20% 20% 20%;grid-row-gap:10px;row-gap:10px}.charges .table-header .title{font-size:14px;text-align:end;font-weight:600;color:#475569;margin-bottom:0}.charges .table-row{display:grid;grid-row-gap:10px;row-gap:10px;padding:12px 16px;border-bottom:1px solid #e5e5e5;grid-template-columns:40% 20% 20% 20%}.charges .table-row .value{font-size:14px;text-align:end;color:#475569;margin-bottom:0}.charges .total-row{display:grid;grid-row-gap:10px;row-gap:10px;padding:12px 16px;grid-template-columns:60% 20% 20%}.charges .total-row .value{font-size:14px;text-align:end;color:#475569;margin-bottom:0}.charges .total-row .total{font-size:14px;font-weight:700;text-align:end;color:#0f172a;margin-bottom:0}.invoices{padding:20px}.invoices .table-header{padding:12px 16px;background-color:#f5f5f5;display:grid;grid-template-columns:10% 30% 20% 20% 20%;grid-row-gap:10px;row-gap:10px}.invoices .table-header .title{font-size:14px;text-align:end;font-weight:600;color:#475569;margin-bottom:0}.invoices .table-row{display:grid;grid-row-gap:10px;row-gap:10px;padding:12px 16px;border-bottom:1px solid #e5e5e5;grid-template-columns:10% 30% 20% 20% 20%}.invoices .table-row .value{font-size:14px;text-align:end;color:#475569;margin-bottom:0}.invoices .total-row{display:grid;grid-row-gap:10px;row-gap:10px;padding:12px 16px;grid-template-columns:60% 20% 20%}.invoices .total-row .value{font-size:14px;text-align:end;color:#475569;margin-bottom:0}.invoices .total-row .total{font-size:14px;font-weight:700;text-align:end;color:#0f172a;margin-bottom:0}.StatementOF{padding:20px}.StatementOF .table-header{padding:12px 16px;background-color:#f5f5f5;display:grid;grid-template-columns:25% 25% 25% 25%;grid-row-gap:10px;row-gap:10px}.StatementOF .table-header .title{font-size:14px;font-weight:600;color:#475569;margin-bottom:0}.StatementOF .table-row{display:grid;grid-row-gap:10px;row-gap:10px;padding:12px 16px;border-bottom:1px solid #e5e5e5;grid-template-columns:25% 25% 25% 25%}.StatementOF .table-row .value{font-size:14px;color:#475569;margin-bottom:0}:root{--feedback-green:#65bd7b;--feedback-red:#f84439;--feedback-yellow:#f89839;--white-000:#fff;--black-000:#000;--grey-050:#f3f6f7;--grey-100:#e0e6e8;--grey-200:#c7d0d2;--grey-300:#acb6b6;--grey-400:#8f9999;--grey-500:#747c7c;--grey-600:#575d5d;--grey-700:#353b3b;--grey-800:#202323;--grey-900:#141515;--primary-050:#e5f5ff;--primary-100:#cbeaff;--primary-200:#88ceff;--primary-300:#c69a0f;--primary-400:#2e93d8;--primary-500:#fec40d;--primary-600:#11669f;--primary-700:#262626;--primary-800:#0e4469;--primary-900:#093350;--secondary-050:#ecf9ff;--secondary-100:#bfe6f8;--secondary-200:#85caea;--secondary-300:#66b0d3;--secondary-400:#4a96bb;--secondary-500:#317b9e;--secondary-600:#1c6385;--secondary-700:#262626;--secondary-800:#103a4f;--secondary-900:#0a2c3d;--qad-bg:#070707;--qad-yellow:#fec40d;--qad-yellow-hover:#a4986f}body{background-color:#eef0f8!important;overflow-y:hidden}.left-pane{top:0;bottom:0;width:244px}.left-pane,.top-pane{display:flex;position:absolute}.top-pane{left:95px;right:0;height:90px}.main-pane{left:244px;top:44px;padding:12px 0 0}.App,.main-pane{position:absolute;right:0;bottom:0}.App{left:0;overflow:hidden}.App,nav.nav-header{display:flex;top:0;background-color:#fff}nav.nav-header{padding:5px 24px;vertical-align:middle;position:fixed;right:0;left:auto;z-index:10;height:56px;align-items:center;justify-content:space-between;text-transform:uppercase}nav h1{font-style:normal;font-weight:700;font-size:18px;line-height:23px;letter-spacing:.09px;color:var(--secondary-700);margin:0;display:inline-block}.line-card{margin:15px 0;padding-left:54px;border-radius:16px!important}.line-header{margin-bottom:16px}.line-header-title{font-size:16pt;font-weight:600}.line-header-title-right{font-size:16pt;color:#616161}.line-header-subtitle{color:#616161}.line-card .table thead th{border-color:#fff!important;font-weight:400;color:#616161}.line-card .table tbody td{font-weight:400;color:#000}.nav-active{color:#12427d!important;font-weight:500}.list-icon{margin:8px 0 0 -54px;position:absolute}.spinner-grow{height:"64px";width:"64px";background-color:#12427d}button .spinner-border{height:16px;width:16px}dl{font-weight:300;font-size:13px;color:#606060;text-transform:uppercase;margin-bottom:2px!important}dd,dl{line-height:1}dd{margin-bottom:16px!important;min-height:16px;word-break:break-all}.pane-card{border-radius:16px!important;overflow:scroll;height:100%}.list-group-item{padding:10px!important;text-align:center!important}.list-group-item svg{margin-left:2px;display:inline-block}.list-group-item.active{background-color:#009fdf!important;border-color:#009fdf!important}.activities-pane{box-sizing:border-box;border-radius:2px;overflow:auto;max-height:100%}.activities-pane::-webkit-scrollbar,.custom-scroll::-webkit-scrollbar,.modal-bg::-webkit-scrollbar{width:5px}.activities-pane::-webkit-scrollbar-track,.custom-scroll::-webkit-scrollbar-track,.modal-bg::-webkit-scrollbar-track{background:#f1f1f1}.activities-pane::-webkit-scrollbar-thumb,.custom-scroll::-webkit-scrollbar-thumb,.modal-bg::-webkit-scrollbar-thumb{background:#b8b8b8}.activities-pane::-webkit-scrollbar-thumb:hover,.custom-scroll::-webkit-scrollbar-thumb:hover,.modal-bg::-webkit-scrollbar-thumb:hover{background:#4c4c4c}.activity-header-row{display:table-row}.activity-header-cell{display:table-cell}.action-button-group{border-bottom:1px solid #c4c4c4;padding-top:12px}.action-button-group:first-child{padding-top:0}.action-button-group:last-child{border-bottom:none}.action-button-group hr{height:1px;margin:0 0 12px;padding:0}.act-time-icon{width:10px;height:10px;border-radius:5px;background-color:#4caf50;display:inline-block}.action-button{width:100%;min-height:132px;vertical-align:top;background:#fafafa;box-shadow:0 1px 2px rgba(0,0,0,.15);text-align:left;overflow:auto;position:relative;margin-bottom:12px}.action-button.status-0:hover,.action-button.status-1:hover,.action-button.status-2:hover,.action-button.status-5:hover{background-color:#b7b7b7}.action-button.status-0:active,.action-button.status-1:active,.action-button.status-2:active,.action-button.status-5:active{background-color:#eee;box-shadow:0 1px 10px rgba(0,0,0,.15)}.action-button.status-00 .action-desc{color:#b8b8b8}.action-input-val{margin:0 0 40px;padding:4px 12px;font-size:13px}.action-input-val span{line-height:16px!important;color:#7c7777}.action-input-val b{display:block;font-size:14px;margin-bottom:6px}.action-button span{display:block;font-weight:400;line-height:23px}.action-button time{font-size:12px;margin-left:4px}.action-button span.action-desc{font-style:normal;font-weight:700;font-size:14px;color:var(--grey-800);padding:8px 12px 0;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-transform:capitalize}.action-footer{position:absolute;left:0;right:0;bottom:0;padding:0 12px 8px}.action-button-submit{height:52px;width:100%;font-weight:700}.action-user{position:absolute;left:0;right:0;bottom:40px;padding:0 12px;font-style:normal;font-size:14px}.action-user-image{display:inline-block;padding-right:5px;width:30px}.display--3,.status-0 .display--1,.status-0 .display--2,.status-1 .display--0,.status-1 .display--2,.status-2 .action-buttons button,.status-5 .display--0,.status-5 .display--1{display:none}.action-header{padding:0 12px;color:#fff}.action-header.status-00{background:var(--grey-100)}.action-header.status-0{background:var(--primary-300)}.action-header.status-1{background:#1890ff}.action-header.status-2{background:var(--feedback-green)}.action-header.status-3{background:#1b1a19}.action-header.status-5{background:#f0990d}.action-header.status-00 .action-header-title{color:var(--grey-400)!important}.action-header-title{line-height:22px!important}.action-header-icon,.action-header-title{font-size:14px!important;font-weight:700!important;display:inline!important}.action-header-icon{float:right}.vconnector{position:absolute;height:11px;width:0;border:1px solid #b8b8b8;display:flex;top:17px;left:16px}.activity-status-icon{width:32px;height:32px;border-radius:16px;position:absolute;right:12px;bottom:18px}.activity-status-icon i{width:32px;line-height:32px;font-size:16px;text-align:center;color:#fff;vertical-align:middle}.activity-status-icon i[data-icon-name=TriangleSolidRight12]{width:26px;margin-left:4px;font-size:10px}.status-2 .activity-status-icon{background-color:#388e3c}.status-1 .activity-status-icon{background-color:#ff9b05}.status-0 .activity-status-icon{background-color:#00447e}.heading{margin:0 0 16px}.heading .title{font-weight:500;font-size:20px;letter-spacing:.0015em;padding-left:14px;margin-left:14px;border-left:1px solid #c4c4c4}.heading span:last-child{float:right}dt{display:block;font-weight:400!important;color:#7c7777;font-size:14px}dd,dt{font-style:normal;line-height:20px}dd{display:inline-flex;color:#000;font-weight:500;font-size:16px}.heading dt{letter-spacing:.0125em}.heading dd{font-size:18px;letter-spacing:.0015em;color:#002c51}.btn-menu-group{display:flex;grid-gap:16px;gap:16px;text-transform:capitalize}.btn-menu-group.child{grid-gap:8px;gap:8px}.btn-menu-inline{display:inline-block}div.btn-menu{text-align:center;border-radius:4px!important}div.btn-menu,div.btn-menu-v2{flex:1 1;font-size:14px;font-weight:400;color:var(--grey-800);background-color:var(--grey-050);padding:9px 10px;cursor:pointer;text-transform:capitalize}div.btn-menu-v2{text-align:left;display:flex;align-items:center;grid-gap:10px;gap:10px}.btn-menu-group.child div.btn-menu{border-radius:0;font-weight:700;padding:10px 8px}div.btn-menu .ms-Persona{display:block;float:right}div.btn-menu:active{background-color:var(--grey-050)}a.btn-menu{border-radius:4px;padding:8px 16px;font-style:normal;font-weight:500;font-size:20px;line-height:20px;letter-spacing:.0015em;color:#4c4c4c;margin-left:12px;background-color:#e2e6e8}a.btn-menu:hover{text-decoration:none;background-color:#fafafa;color:#4c4c4c}a.btn-menu-selected{background-color:#fafafa!important;color:#00aeef!important}.btn-menu-selected{color:#fff!important;font-weight:700!important}.btn-menu-selected,.btn-menu-selected-v2{background-color:var(--primary-500)!important;border-color:var(--primary-500)!important}.btn-menu-selected-v2{color:#000!important}.btn-menu-group.child .btn-menu-disabled{background-color:var(--grey-050)!important;color:var(--grey-800)!important}.btn-menu-disabled{background-color:#eee!important;color:#b8b8b8!important;cursor:default!important}.btn-menu .ms-Persona-coin span{font-size:16px}.btn-menu-selected .ms-Persona-coin span{color:#00aeef}.nom-card{background:#fff;border:1px solid #b8b8b8;box-sizing:border-box;border-radius:2px;cursor:pointer;width:100%;margin-bottom:12px}.nom-card:active,.nom-card:hover{background-color:#fafafa}.nom-card:active{border:1px solid #12427d}.nom-card-header{padding:3px 6px;font-weight:500;font-size:13px;color:#fff}.nom-card-header.status-2{background-color:#388e3c}.nom-card-header.status-1{background-color:#ff9b05}.nom-card-header.status-0{background-color:#00447e}.nom-card-body{padding:4px 3px 8px;line-height:1}.nom-card-body dd{font-weight:300;font-size:12px;align-items:center;letter-spacing:.0025em;padding:2px 5px 0 0;width:40%;margin-bottom:0!important}.nom-card-body dd,.nom-card-body dt{font-style:normal;color:#4c4c4c;display:inline-block;white-space:nowrap;overflow:hidden}.nom-card-body dt{font-weight:700;font-size:13px;letter-spacing:.0015em;padding:2px 2px 0;width:60%;text-overflow:ellipsis}.tbl-detail,.tbl-detail-head{width:100%;box-sizing:border-box;border-radius:2px}.tbl-detail-head{border-left:3px solid #12427d!important}.tbl-detail-head td,.tbl-detail td{border:1px solid var(--grey-200);padding:8px;margin:0;vertical-align:top}.tbl-detail-head tr td:first-child{white-space:nowrap;width:1px}.tbl-detail dt{color:var(--grey-400);font-size:14px}.tbl-detail dd{color:var(--grey-800);font-weight:700;font-size:14px}.tbl-detail td{width:20%}.tbl-detail tr:nth-child(2n+0){border:1px solid #fff}.tbl-detail.services dd,.tbl-detail.services dt{text-align:center;display:block}.tbl-detail.services dd span{display:block;margin-top:10px;cursor:pointer}.tbl-detail.services dd span:hover{text-decoration:underline}.modal-bg{position:fixed;left:0;top:0;right:0;bottom:0;z-index:99;background:rgba(0,0,0,.15);overflow:auto}.modal-rejection{background:#fff;border:.5px solid #c4c4c4;width:750px;margin:70px auto;vertical-align:middle;padding:25px;text-align:center}.modal-rejection .header{padding:12px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1.25px solid #d8dfe6}.modal-rejection .content{padding:12px 0}.modal-rejection .content h3{color:#4c4c4c;text-align:left;font-size:20px;font-weight:400;line-height:25px;letter-spacing:.05px;margin-bottom:15px}.modal-rejection .input-wrapper{text-align:left;margin-top:20px}.modal-rejection .input-wrapper label{color:#4c4c4c;font-size:16px;font-weight:500;margin-bottom:0}.modal-rejection .input-wrapper input{font-size:17.5px!important;font-style:normal!important;font-weight:400!important;color:#4c4c4c!important}.modal-rejection .upload-wrapper .webcam-wrapper{position:relative}.modal-rejection .upload-wrapper .webcam-wrapper:before{display:block;content:"";width:18px;height:20px;position:absolute;top:40px;left:60px;border-top:4px solid #fff;border-left:4px solid #fff}.modal-rejection .upload-wrapper .webcam-wrapper:after{display:block;content:"";width:18px;height:20px;position:absolute;top:40px;right:60px;border-top:4px solid #fff;border-right:4px solid #fff}.modal-rejection .upload-wrapper .webcam-wrapper .border_bottom:after{display:block;content:"";width:18px;height:20px;position:absolute;bottom:40px;right:60px;border-bottom:4px solid #fff;border-right:4px solid #fff}.modal-rejection .upload-wrapper .webcam-wrapper .border_bottom:before{display:block;content:"";width:18px;height:20px;position:absolute;bottom:40px;left:60px;border-bottom:4px solid #fff;border-left:4px solid #fff}.modal-rejection .upload-wrapper{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column;justify-self:center;background:rgba(242,244,246,.25);margin:20px 0 30px}.modal-rejection.page,.modal-rejection.page .upload-wrapper{margin:0}.modal-rejection .upload-wrapper .webcam-wrapper,.modal-rejection .upload-wrapper video{width:100%}.modal-rejection .upload-wrapper .webcam-wrapper .webcam-btn{z-index:1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:transparent;border:0}.modal-rejection .upload-wrapper .webcam-wrapper .btn-cancel{position:absolute;right:-10px;top:30px;transform:translate(-50%,-50%);width:40px;height:40px;border:1px solid #d8dfe6;background:#f2f4f6;border-radius:4px;z-index:1}.modal-rejection .upload-wrapper.has-error:before{border-color:red}.modal-rejection .upload-wrapper:before{content:"";position:absolute;border:10px dashed #d8dfe6;top:-8px;bottom:-8px;left:-8px;right:-8px}.error-upload{margin-top:-20px!important;margin-bottom:20px!important}.error-upload.page{margin-top:16px!important}.modal-rejection .upload-wrapper .upload-inner{padding:36px 0}.modal-rejection .upload-wrapper .upload-inner p{font-size:20px;font-style:normal;font-weight:400;line-height:20px;margin:20px auto}.modal-rejection .upload-wrapper .upload-inner p.separator{color:#b8b8b8;font-size:20px;font-style:normal;font-weight:400;line-height:20px}.modal-rejection .upload-wrapper .upload-inner button{height:44px;width:200px;font-size:16px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.219px}.modal-rejection .upload-wrapper .upload-inner button.ms-Button--primary{background:#009fdf;color:#fff!important}.modal-rejection .upload-wrapper img{width:100%}.modal-rejection .btn-close{width:40px;height:40px;border:1px solid #d8dfe6;background:#f2f4f6;border-radius:4px}.modal-rejection .footer{display:flex;justify-content:space-between;align-items:center}.modal-rejection .footer button.ms-Button{height:51px;max-width:217px;font-size:16px}.modal-rejection .images-wrapper{width:100%;height:100%}.modal-rejection .images-wrapper button{position:absolute;right:10px;top:10px}.modal-right.verify-information{width:55%!important}@media only screen and (max-width:1200px){.modal-right.verify-information{margin-right:2%}.progress-item{padding-left:0!important;display:flex;align-items:center;justify-content:center}}.modal-right{background:#fff;border:.5px solid #c4c4c4;width:520px;vertical-align:middle;padding:35px;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-right .btn-close{float:right;background-color:transparent;border:none;display:block}.modal-right .title{font-style:normal;font-weight:400;font-size:24px;line-height:28px;color:#12427d;display:block;text-transform:capitalize}.modal-right .field{margin:0 0 24px}.modal-right dt{font-weight:500;font-size:14px;line-height:16px;letter-spacing:.001em}.modal-right dd,.modal-right dt{font-style:normal;color:#4c4c4c;display:block}.modal-right dd{font-weight:400;font-size:16px;line-height:19px;align-items:center;letter-spacing:.0015em}.modal-right .header{text-align:left;font-weight:400;font-size:24px;line-height:28px;color:#12427d}.modal-right .body{text-align:left;padding:20px 0}.modal-right .footer{text-align:left}.action-buttons button.btn-def,button.btn-def{border-radius:4px!important;padding:8px 30px!important;height:40px!important;border:1px solid var(--grey-200)}button.btn-prim{border-radius:4px!important;padding:8px 30px!important;height:40px!important;background:var(--primary-500)!important}.action-buttons button{padding:10px;margin:5px;width:100%;background:#f6f6f6;border:1px solid #e2e6e8;box-sizing:border-box;font-style:normal;font-weight:700;font-size:14px;line-height:22px;color:#4c4c4c;height:55px;text-align:left}.action-buttons button:hover{background-color:#eee}.action-buttons button:active{background-color:#c4c4c4}.action-buttons button:focus{outline:none}.action-buttons button div,.action-buttons button i{margin:auto}.btn-option{text-align:left;background-color:#fff!important;color:#000!important;border:1px solid #000!important;padding:5px 11px!important}.option-grid{background:#fff;border:1px solid #e2e6e8;box-sizing:border-box;padding:0 12px;margin:8px 0;width:100%;min-height:90px}.option-grid.selected{background-color:#00aeef;color:#fff}div.popover-body .btn-group{width:100%}div.popover-body .dropdown-toggle:after{position:absolute;right:14px;top:19px}a.dropdown-item{cursor:pointer}.popover-body{padding:18px 32px!important}.popover-body button{color:#fff;background-color:#066;margin:4px 0 0;padding:6px 12px;border-radius:18px;border:none;display:block;width:100%}.popover-body input{max-width:180px}.popover-body button:hover{background-color:#65b8b8}.popover-body button:disabled{background-color:#616161}.popover-body>dl:first-child{margin-top:0}.popover-body>dd:first-child{margin-bottom:16px}.popover-body dl{margin-top:16px}.popover-body ul.error-detail{list-style:none;padding-left:0}.popover-body ul.error-detail li{text-transform:capitalize}.has-error input.form-control,input.has-error{border-color:#a94442}.no-activity{text-align:center;color:#b8b8b8;margin-top:64px;font-size:14px}.no-activity p{margin-top:12px}.unread{font-weight:700}.input-value-options{width:180px}.form-control.delay-reason-other{margin-top:4px}.form-control{margin-top:6px;text-align:left;font-size:22px!important;font-weight:700!important}.sof-card{border:1px solid #e2e6e8;width:100%}.sof-card-header{background:#f2f4f6;border-bottom:1px solid #e2e6e8;width:100%;padding:8px 16px;color:#12427d;font-style:normal;font-weight:700;font-size:16px;display:flex;justify-content:space-between}.sof-card-body{padding:8px}.sof-card-btn,.sof-card-nomination{display:inline-block}.sof-card-btn{color:#4c4c4c;font-weight:400;font-style:normal;font-size:16px;text-align:right;cursor:pointer}.headerButton:active{background-color:#eee}.signOutHeader{padding:8px 16px;color:#00aeef;font-style:normal;font-weight:400;font-size:16px;border-bottom:1px solid #00aeef;width:150px}.Toastify__toast{border-radius:0!important}.Toastify__toast--error{background-color:#d32f2f!important}.Toastify__toast--info{background-color:#fec40d!important}.ms-DatePicker-goToday{right:13px}.ms-DatePicker .ms-TextField-field span{color:#b8b8c8}.serviceItem{width:calc(50% - 12px);height:96px;display:flex;background:var(--grey-050);box-shadow:0 1px 2px rgba(0,0,0,.15);border-radius:4px;align-items:center;justify-content:start;flex-wrap:wrap;padding:16px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;color:#4c4c4c;text-decoration:none}.serviceItem:hover{text-decoration:none;color:#00447e}@media (max-width:1000px){.serviceItem{width:calc(50% - 12px)}}.dialog-revert span.msg:not(.ms-Dialog-actionsRight){font-weight:500;display:block;margin-bottom:10px}.dialog-revert .ms-Dialog-subText{margin-bottom:10px!important}.view-btn{width:40px;height:40px;border-radius:5px;border:1px solid #e2e6e8;background-color:#fafafa;display:flex;align-items:center;justify-content:center;cursor:pointer}.view-btn:hover{background-color:#eee;text-decoration:none}.error-txt{color:red;margin:0}.rejection-header{display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding:8px;border:1px solid #d8dfe6;margin-top:8px}.rejection-header span{background:#d32f2f;padding:8px;margin-right:8px}.rejection-header span.repair{background:#3398db!important;color:#fff;width:54px;height:54px;display:flex;align-items:center;justify-content:center;font-size:30px}.rejection-header .heading-txt{display:flex;justify-content:space-between;flex-direction:column;padding:4px 0}.rejection-header .heading-txt h3.repair{color:#3398db}.rejection-header h3{font-size:16px;font-style:normal;font-weight:700;color:#d32f2f;margin:0}.rejection-header p{font-size:14px;font-style:normal;font-weight:400;margin:0}.rejection-header .flex-col{display:flex}.rejection-header .forward{background:transparent;cursor:pointer}.verify-reject h3{font-size:16px;font-style:normal;font-weight:700;line-height:20px;color:#d32f2f;margin-bottom:0;margin-left:5px}.rejection .tbl-detail-head td,.rejection.tbl-detail td{padding:8px!important}.rejection.tbl-detail dd{margin-bottom:0!important;position:relative;width:100%}.rejection.tbl-detail dd button{position:absolute;right:8px;top:-20px;width:32px;height:32px;padding:8px}.rejection.tbl-detail td.on-edit{border:0}.rejection.tbl-detail td.on-edit button{bottom:0;top:auto}.rejection-btn-row{display:flex;justify-content:space-between;margin-top:16px}.rejection-btn-row button{width:49%;height:45px;padding:10px!important;font-weight:500}.rejection-btn-row button.ms-Button--primary.verify{background:#00aeef!important;border-color:#00aeef!important}.rejection-btn-row button.ms-Button--primary{background:#d32f2f;border:1px solid #d32f2f;font-size:13px}.rejection-btn-row button svg{margin-right:5px}.rejection-btn-row button.ms-Button--default{background:#f2f4f6;border:0;font-size:13px}.files-grid{display:inline-flex;flex-wrap:wrap;grid-gap:12px;gap:12px;margin-top:16px;width:100%}.files-grid .rejected-imgs{width:32%;min-width:32%;position:relative}.files-grid .rejected-imgs button{position:absolute;right:10px;top:10px;width:30px;height:30px}.files-grid .rejected-imgs img{width:100%}.rejection-details-wrapper{max-height:100%;overflow:auto;padding:0 0 200px;scrollbar-width:thin}.rejection-page-wrapper{max-height:100%;overflow:auto;padding:16px 16px 200px;scrollbar-width:thin}.rejection-details-wrapper::-webkit-scrollbar,.rejection-page-wrapper::-webkit-scrollbar{width:5px;background:#b8b8b8}.rej-nomination-reason.error,.rejection-page-wrapper.error .upload-wrapper:before,.rep-nomination-reason.error{border-color:red}.rej-nomination-reason{width:89%}.rej-nomination-reason,.rep-nomination-reason{margin-top:5px;border:1px solid #e2e6e8;padding:10px;border-radius:2px}.rep-nomination-reason{width:100%}#btn-show-rejection svg{height:15px;width:16px}#btn-show-rejection svg path{fill:#ff9b05}input[data-class=input-err]{border:1px solid #c0392b}.validate-text-err{position:absolute;bottom:-15px;color:#fff;font-size:10px;width:100%;background:#c0392b;text-indent:5px}.activity-step-v2:active,.activity-step-v2:hover{background:#ececec}.ms-Button--primary{background:var(--primary-700)!important;border-color:var(--primary-700)!important;color:#fff!important}.ms-Button--primary:disabled{background:#f3f6f7!important;border-color:#f3f6f7!important;color:grey!important}.ms-Button--default{background:#f3f6f7!important;border:1px solid #c7d0d2!important;color:#000!important}.ms-Button--default:disabled{color:#fff!important;border:none!important}.modalFullscreen .modal-dialog{max-width:100%;width:100%;margin:0}.modalFullscreen .modal-content{height:100vh}.modalFullscreen .modal-body{padding:0;background-color:#fafafa}.qr-scanner-validation{max-width:476px}.qr-scanner-validation h3{font-weight:600;text-align:center;color:#b91c1c}.qr-scanner-success h3{font-weight:600;text-align:center;color:#27272a}.qr-scanner-validation p{color:#404040;text-align:center}.qr-scanner-verification{max-width:520px;box-shadow:0 1px 4px 0 rgba(0,0,0,.09019607843137255);border-radius:8px;padding:24px;background:#fff}.qr-scanner-verification .header h5{font-weight:600}.qr-scanner-verification table tr{border-bottom:1px dashed #737373}.qr-scanner-verification table td{padding-right:30px;padding-bottom:10px;padding-top:10px}.qr-scanner-verification table .title{font-weight:400;color:#737373}.qr-scanner-verification table .value{font-weight:500}.qr-scan-frame section,.qr-scan-frame section video{height:336px!important;width:336px!important}.qr-scan-frame section video{object-fit:cover;border-radius:8px}.container-order{background-color:#f4f6f7;height:100%;font-size:16px;font-weight:500;padding:0 12px 12px;overflow:scroll}.header-container{padding:0 12px;background-color:transparent}.order-name-space{font-size:28px;padding:0 0 0 12px;font-weight:600}.order-header-buttons-box{display:flex;align-items:center;grid-gap:10px;gap:10px;height:50px;padding:0 12px 0 0}.order-header-buttons-box button{display:flex;width:96px;align-items:center;justify-content:center;height:inherit;border-radius:8px;font-size:16px}.content-container{display:flex;flex-direction:column;height:90%;background-color:#fff;border-radius:8px}.toolbar-header{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:24px}.search-bar-box{display:flex;border-style:none;grid-gap:10px;gap:10px;flex-grow:10}.filter-bar-box{display:flex;align-items:center;justify-content:center;width:200px;border:1px solid #d3d3d3;border-radius:8px;height:45px;padding:0 5px}.filter-bar-box p{font-size:16px;font-weight:400;margin:0;flex-grow:1}.filter-button-box{height:40px;width:40px;border:1px solid #d3d3d3;border-radius:8px}.listing-container{display:flex;flex-direction:column;height:100%;width:100%;padding:0 24px;overflow-y:auto}.listing-table{width:100%}.listing-table td{padding:10px 0;border:none;border-bottom:1px dashed #ddd;overflow:hidden}.listing-detail-container{display:flex;align-items:center;justify-content:space-between;width:100%}.name-subname{display:flex;flex-direction:column}.listing-detail-box{display:flex;align-items:center;grid-gap:25px;gap:25px}.listing-box{display:flex;align-items:center;grid-gap:5px;gap:5px}.listing-box:first-child,.listing-box:nth-child(2),.listing-box:nth-child(3){width:220px}.listing-box p{margin:0}.buttonLink{display:flex;border:none;background-color:transparent;justify-content:center;align-self:center}.header-container{display:flex;flex-direction:row;align-items:center;padding:24px 0;grid-gap:24px;gap:24px;width:100%;height:10%;background-color:#f5f5f5;justify-content:space-between;margin:0}.header-container p{font-size:24px;margin:0}.header-product-detail{display:flex;align-items:center;justify-content:space-between;height:10%}.button-header-container,.details-container,.header-product-detail,.services-container{background-color:#fff}.left-header-product-detail{display:flex;align-items:center;flex-grow:1;width:50%;grid-gap:10px;gap:10px;padding:20px}.left-header-product-detail>:first-child{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.left-header-product-detail div{flex-grow:1}.left-header-product-detail div p:first-of-type{font-weight:700;font-size:24px}.left-header-product-detail div p:nth-of-type(2){color:#888;font-size:16px}.left-header-product-detail p{margin:0}.right-header-product-detail{display:flex;align-items:center;justify-content:space-between;width:70%;grid-gap:20px;gap:20px}.header-product-box{justify-content:center;width:200px}.header-product-box,.services-box{display:flex;align-items:center;grid-gap:5px;gap:5px}.header-product-box p,.services-box p{display:flex;margin:0}.button-header-container{display:flex;align-items:center;height:72px;grid-gap:10px;gap:10px;border:solid #d3d3d3;border-width:1px 0;padding:24px}.button-header-container button{width:128px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:8px;font-size:14px;height:40px}.button-header-container span{flex-grow:1}.button-active{border:1px solid #000;color:#000}.button-inactive{border:1px solid #d3d3d3;color:#000;color:initial}.details-left-container{display:flex}.details-right-container{padding:30px 0 0}.kpi-information .kpi-table-title,.order-information .order-table-title,.support-information .support-table-title{font-size:18px;font-weight:700;margin-bottom:10px}.kpi-information,.order-information,.support-information{display:flex;flex-direction:column;grid-gap:10px;gap:10px;padding:26px;width:50%}.kpi-table-row,.order-table-row,.support-table-row{display:flex;padding:4px 0}.kpi-table-row span:first-child,.order-table-row span:first-child,.support-table-row span:first-child{font-weight:700;width:200px}.kpi-table-row span:last-child,.order-table-row span:last-child,.support-table-row span:last-child{color:#555;flex-grow:1;word-wrap:break-word}.services-container{display:flex;width:100%;padding:0 24px}.services-left-container{flex-grow:1}.services-left-container table{width:100%;padding:26px}.services-detail-box{display:flex;grid-gap:60px;gap:60px}.services-left-container .table-head{font-size:24px;display:flex;align-items:center;height:100px}.services-left-container .table-row{border-left-width:0;border-bottom:1px dashed #d3d3d3;border-right-width:0;border-top-width:1px;height:60px}.services-detail-container{display:flex;align-items:center;justify-content:space-between;height:10%}.auxilary-page{padding:24px;background:var(--grey-050);height:100%;overflow:scroll}.auxilary-page .header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.auxilary-page .btn,.auxilary-page .btn-dark{height:48px;min-width:48px;border-radius:4px}.auxilary-page .btn-dark{border-color:#262626!important}.auxilary-page .header .left{grid-gap:10px;gap:10px;display:flex;flex-direction:row}.auxilary-page .header .left h2{font-size:20px;font-weight:600;color:#262626;margin-bottom:0;vertical-align:middle;line-height:48px}.auxilary-page .card-row,.auxilary-page .header .right{display:flex;flex-direction:row;align-items:center;grid-gap:10px;gap:10px}.auxilary-page .card-row{margin-top:24px}.auxilary-page .card-row .card{width:100%;padding:16px;min-height:360px;border-radius:8px;background-color:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,.09019607843137255)}.auxilary-page .card-row .card .header .mini-btn{height:32px;width:32px!important;min-width:32px!important;padding:0;border-radius:4px;background-color:#cbd5e1!important}.auxilary-page .card-row .card .header .mini-primary-btn{height:32px;border-radius:4px;color:#fff;border:1px solid #009fdf!important;background-color:#009fdf!important}.auxilary-page .card-row .card img{margin-top:10px;margin-bottom:10px;max-height:240px!important}.auxilary-page .card-row .card .warning{height:32px;padding:4px 8px;color:#dc2626;width:-webkit-max-content;width:-moz-max-content;width:max-content;border-radius:4px;align-items:center;background-color:rgba(211,47,47,.2)!important}.auxilary-page .card-row .card .detail{display:flex;margin-top:10px;flex-direction:row;border-bottom:1px dashed #cbd5e1}.auxilary-page .card-row .card .title{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:0}.auxilary-page .card-row .card .detail .key{width:90px;font-size:14px;font-weight:400;min-width:90px;color:#1e293b;margin-right:5px}.auxilary-page .card-row .card .detail .val{font-size:14px;font-weight:600;color:#1e293b}.auxilary-page .card-row .card .detail .yellow{background-color:#f59e0b}.auxilary-page .card-row .card .detail .green,.auxilary-page .card-row .card .detail .yellow{height:24px;display:flex;color:#fff;font-size:12px;line-height:12px;font-weight:700;padding:4px 8px 4px 4px;border-radius:50px;flex-direction:row}.auxilary-page .card-row .card .detail .green{background-color:#65a30d}.auxilary-page .card-row .card .measurement{display:flex;margin-top:10px;flex-direction:column}.auxilary-page .card-row .card .labels{display:flex;flex-direction:row;justify-content:space-between}.auxilary-page .card-row .card .labels .label{font-size:14px;font-weight:600;color:#1e293b}.auxilary-page .card-row .card .labels .val{font-size:12px;font-weight:400;color:#525252}body{margin:0;font-family:"Inter",sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
/*# sourceMappingURL=main.1589d224.chunk.css.map */