body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f1f2f4}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.flex{display:flex}.flex-auto{flex:auto}.tags{border-radius:10px;font-size:10px;font-weight:500;display:inline-block;width:64px;height:22px;text-align:center;line-height:22px;box-sizing:border-box}.ant-modal-mask{background-color:rgba(0,0,0,.35)!important}.searchDiv{display:flex;width:100%;flex-wrap:wrap;justify-content:space-between;align-items:center;align-self:center;color:#fd9215;font-size:1.5ch}.searchDiv .searchInputDiv{flex:1 1;margin:0 5px;align-items:center;align-self:center}.searchDiv .addBtnDiv{position:absolute;right:5px!important;display:flex;justify-content:flex-end;flex:1 1;align-items:center;align-self:center}.actionBtnDiv{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.content{margin:1% 4%;height:68vh}#sidebar{background:#007e8e;position:fixed;left:0;top:0;bottom:0;width:70px;z-index:1000}@media only screen and (max-width:576px){#sidebar{width:50px}}#sidebar .sidebar-section{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:0;cursor:pointer;height:50px;width:100%}#sidebar .sidebar-section:hover{background-color:#0499ac;opacity:.5}#sidebar .sidebar-section i{width:100%;color:#fff;margin-top:10px}#sidebar .sidebar-section div{font-size:8px;font-weight:400;text-align:center;color:#fff}.active-link .sidebar-section{background-color:#0499ac!important}#seaoil-admin-logo{height:60px;background-color:#09d8e0}#seaoil-admin-logo,#seaoil-admin-logo .loq-logo{display:flex;justify-content:center;align-items:center}#seaoil-admin-logo .loq-logo{width:70px;height:70px;padding:12px;border-radius:50px}#header{position:fixed;text-transform:capitalize;top:0;left:0;right:0;height:60px;background:#fff;box-shadow:0 0 5px 0 #8a8989;z-index:999}.container{flex-wrap:wrap;background-repeat:no-repeat;background-size:100%;color:#000;height:60px}.container,.head-title{display:flex;position:relative}.head-title{flex:1 0 45%;padding:0 0 0 40px;right:auto;left:70px;color:#007e8e;align-items:center;font-size:25px;font-weight:500}@media only screen and (max-width:576px){.head-title{left:50px}}.head-title span{font-size:1rem;padding-right:10px}.head-title .title{display:flex;font-size:1rem;border-bottom:.05em double #faad14;padding:0 10px;color:#faad14;margin-bottom:50px;text-transform:capitalize}.nav-right{display:flex;flex:1 0 400px;align-items:center;justify-content:flex-end;right:0;padding-right:15px;font-size:16px}.nav-right>span,.nav-right i{padding:6px}.nav-right .user-profile-icon{padding:30px}.ant-dropdown{width:150px!important;box-shadow:0 12px 8px 0 rgba(52,56,75,.08);border:1px solid #e4e5ec;border-radius:20px!important;line-height:2.5!important;size:16px!important}.ant-dropdown ul{border-radius:20px!important;padding-top:15px;padding-bottom:15px}.ant-dropdown ul :hover{background-color:#f0f2f7!important}.loginUserInfoStyle{display:flex;flex-wrap:wrap;justify-content:flex-end}.infoItemStyle{flex:1 0 100%;text-align:right;font-size:x-small}.accessItemStyle{flex:1 0 100%;text-align:right;font-size:xx-small;color:#007e8e}.ant-notification{width:464px!important}.seaoil-notification{border-radius:5px;box-shadow:0 12px 8px 0 rgba(52,56,75,.18)}.seaoil-notification .ant-notification-notice-icon{top:0;bottom:0;right:-10px;width:94px;display:inline-block}.seaoil-notification .ant-notification-notice-icon i{font-size:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.seaoil-notification .ant-notification-notice-message{margin-left:94px;font-size:18px;color:#fff}.seaoil-notification .ant-notification-notice-description{margin-left:94px;font-size:12px;font-weight:300;color:#fff}.seaoil-notification .ant-notification-close-icon{color:#fff}.seaoil-notification.success{background:#026572}.seaoil-notification.success .ant-notification-notice-icon{background:#007e8e}.seaoil-notification.danger{background:#fd9215}.seaoil-notification.danger .ant-notification-notice-icon{background:#f58d16}.seaoil-notification.warning{background:#f8e71c}.seaoil-notification.warning .ant-notification-notice-icon{background:#decd18}.seaoil-notification.warning .ant-notification-close-icon,.seaoil-notification.warning .ant-notification-notice-description,.seaoil-notification.warning .ant-notification-notice-icon i,.seaoil-notification.warning .ant-notification-notice-message{color:#34384b}.seaoil-notification.information{background:#3b88f5}.seaoil-notification.information .ant-notification-notice-icon{background:#3172cc}.main_container{position:relative;margin-left:70px}@media only screen and (max-width:576px){.main_container{margin-left:50px}}.main_container .body_container{margin-top:60px;box-sizing:border-box}.fade-appear,.fade-enter{opacity:0;z-index:1}.fade-appear-active,.fade-enter.fade-enter-active{opacity:1;transition:opacity .3s linear .15s}.fade-exit{opacity:1}.fade-exit.fade-exit-active{opacity:0;transition:opacity .15s linear}.loaderDiv{z-index:1999;position:fixed;background:hsla(0,0%,100%,.5);top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}#seaoil-btn .ant-btn{min-width:136px;height:44px;border:none;border-radius:4px;transition:all .3s ease-in}#seaoil-btn .ant-btn i,#seaoil-btn .ant-btn span{line-height:44px;color:#fff}#seaoil-btn .ant-btn:hover{transform:scale(1.05)}#seaoil-btn .small{height:34px}#seaoil-btn .small i,#seaoil-btn .small span{line-height:34px}#seaoil-btn .default{height:44px}#seaoil-btn .default i,#seaoil-btn .default span{line-height:44px}#seaoil-btn .large{height:54px}#seaoil-btn .large i,#seaoil-btn .large span{line-height:54px}#seaoil-btn .blue{background:#2e4491}#seaoil-btn .blue:hover{background:#263878}#seaoil-btn .orange{background:#f78134}#seaoil-btn .orange:hover{background:#de752f}#seaoil-btn .cyan{background:#0f9aaf}#seaoil-btn .cyan:hover{background:#0e8496}#seaoil-btn .green{background:#00aa59}#seaoil-btn .green:hover{background:#00914b}#seaoil-btn .grey{background:#e4e5ec}#seaoil-btn .grey:hover{background:#a8a9b4}#seaoil-btn .secondary{background-color:#fff}#seaoil-btn .secondary i,#seaoil-btn .secondary span{color:inherit}#seaoil-btn .secondary.blue{border:2px solid #2e4491}#seaoil-btn .secondary.blue span{color:#2e4491;line-height:40px}#seaoil-btn .secondary.blue i{color:#2e4491}#seaoil-btn .secondary.blue:hover{background:#2e4491}#seaoil-btn .secondary.blue:hover i,#seaoil-btn .secondary.blue:hover span{color:#fff}#seaoil-btn .secondary.orange{border:2px solid #f78134}#seaoil-btn .secondary.orange span{color:#f78134;line-height:40px}#seaoil-btn .secondary.orange i{color:#f78134}#seaoil-btn .secondary.orange:hover{background:#f78134}#seaoil-btn .secondary.orange:hover i,#seaoil-btn .secondary.orange:hover span{color:#fff}#seaoil-btn .secondary.cyan{border:2px solid #0f9aaf}#seaoil-btn .secondary.cyan span{color:#0f9aaf;line-height:40px}#seaoil-btn .secondary.cyan i{color:#0f9aaf}#seaoil-btn .secondary.cyan:hover{background:#0f9aaf}#seaoil-btn .secondary.cyan:hover i,#seaoil-btn .secondary.cyan:hover span{color:#fff}#seaoil-btn .secondary.green{border:2px solid #00aa59}#seaoil-btn .secondary.green span{color:#00aa59;line-height:40px}#seaoil-btn .secondary.green i{color:#00aa59}#seaoil-btn .secondary.green:hover{background:#00aa59}#seaoil-btn .secondary.green:hover i,#seaoil-btn .secondary.green:hover span{color:#fff}#seaoil-btn .secondary.grey{border:2px solid #e4e5ec}#seaoil-btn .secondary.grey i,#seaoil-btn .secondary.grey span{color:#e4e5ec}#seaoil-btn .secondary.grey:hover{background:#e4e5ec}#seaoil-btn .secondary.grey:hover i,#seaoil-btn .secondary.grey:hover span{color:#fff}#seaoil-btn .tertiary{height:32px;border-radius:20px;box-shadow:0 10px 10px 0 rgba(0,0,0,.3)}#seaoil-btn .tertiary i,#seaoil-btn .tertiary span{line-height:32px}#seaoil-btn .tertiary.blue{background:#343a5c}#seaoil-btn .tertiary.blue:hover,#seaoil-btn .tertiary.orange{background:#f78134}#seaoil-divider{background:rgba(52,56,75,.08)}#seaoil-page-back-button{border-top:1px solid #cbeaee;border-bottom:1px solid #cbeaee;padding-left:24px;opacity:1;background:#fff 0 0 no-repeat padding-box}#seaoil-page-back-button .pointer{display:inline-block;cursor:pointer;transition:all .3s ease-in}#seaoil-page-back-button .pointer:hover{transform:scale(1.05)}#seaoil-page-back-button .pointer i,#seaoil-page-back-button .pointer span{color:#007e8e!important;font-size:12px;font-weight:500;line-height:32px;padding-left:12px}#seaoil_steps{padding-top:8px}#seaoil_steps .ant-steps-item-icon{background-color:#e7f6f7!important;border-color:#e7f6f7!important}#seaoil_steps .ant-steps-item-icon .ant-steps-icon{color:#007e8e!important;font-weight:500!important}#seaoil_steps .ant-progress{margin-top:4px;margin-bottom:8px;line-height:.1!important;display:block!important;background-color:#fff}#seaoil_steps .ant-progress .ant-progress-bg{border-radius:0 0 0 0!important;height:10px!important;background-color:#0499ac;background-image:repeating-linear-gradient(130deg,transparent,transparent 11px,#007e8e 0,#007e8e 22px)}#seaoil_steps .ant-steps-finish-icon{color:#007e8e!important;font-style:bold!important}#seaoil_steps .ant-steps-item:before{height:0}#seaoil_steps .ant-steps-item-title{font-size:14px;font-weight:500}#seaoil_steps .ant-progress-bg,#seaoil_steps .ant-progress-inner,#seaoil_steps .ant-progress-success-bg{border-radius:0}#seaoil_steps .ant-steps-item-content{max-width:240px}.titleDiv{display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 40px;color:#fd9215;font-size:2.4ch;font-weight:600}.dbCss{position:relative;background:#dce9ea;padding:30px;height:100vw;width:100%}.dbCss .searchDiv{position:fixed;top:50px;z-index:2;background:#fff;display:flex;width:95%;height:90px;left:64px;flex-wrap:wrap;justify-content:space-between;align-items:center;align-self:center;color:#fd9215;font-size:1.5ch}.dbCss .searchDiv .searchInputDiv{flex:1 1;margin:0 5px;align-items:center;align-self:center}.dbCss .searchDiv .addBtnDiv{position:absolute;right:2%!important;display:flex;justify-content:flex-end;flex:1 1;align-items:center;align-self:center}.dbCss .stepStyle{position:relative;background:#dce9ea}.dbCss .stepStyle .stepersDiv{z-index:1;position:fixed;padding:20px 0;top:150px;width:90%;height:70px;background:#dce9ea}.dbCss .stepStyle .steperStyle{font-size:8px;padding:0 10%;height:40px;line-height:40px;background:#fff;border-radius:10px 10px 0 0}.dbCss .stepStyle .progressDiv{position:relative;overflow:hidden;height:10px;line-height:10px}.dbCss .stepStyle .progressDiv .ant-progress{position:absolute}.dbCss .stepStyle .progressDiv .ant-progress-inner,.dbCss .stepStyle .progressDiv .ant-progress-outer{display:inline!important}.dbCss .stepStyle .stepsContent{position:absolute;top:109px;left:0;width:100%;height:90vh;background:#fff}.dbCss .stepStyle .stepsAction{z-index:1;border-top:2px solid #dce9ea;position:fixed;bottom:15px;width:90%;height:63px;line-height:63px;background:#fff}.listDiv{border:1px sold}.listDiv .ant-table-thead tr th span{font-size:10px!important;text-align:left;line-height:auto}.displayDiv{width:100%;border:"1px solid red";position:absolute;top:90px;left:0}.circle{width:20px;height:20px;border-radius:50%;font-size:8px;color:#fff;line-height:20px;text-align:center;background:#b5d9e7}.backArrow{width:100%;color:#000;padding:0 0 0 20px;margin-top:-40px}.backArrow span{cursor:pointer}.inputClass{font-size:12px;height:30px;padding:5px 0 5px 10px}.actionBtnDiv{font-size:8px}.nexPageDiv{position:relative;display:flex;justify-content:flex-start;top:-40px;width:80%;padding:0 20px}.tableClass{width:100%}.tableClass .ant-table-thead th{font-size:6px;color:red}.listDiv .ant-table-expand-icon-th,.listDiv .ant-table-row-expand-icon-cell{width:2px}.component-container{background-color:#fff!important}.history-section{margin:40px}.history-section .value-text{color:#02464e;font-size:16px}.history-section .capitalize{text-transform:capitalize}.history-section .keep-right{text-align:right}.history-section .keep-right .download-report{cursor:pointer}.history-section .keep-right .download-report .download-report-text{font-size:13px;text-decoration:underline;color:#1492a2}.history-section .key-text{color:#1492a2;font-size:14px}.history-section .indent-row{margin:25px 40px 50px}.history-section .ant-collapse{background-color:#fff!important;border:0!important}.history-section .ant-collapse .ant-collapse-header{padding:20px 60px!important}.history-section .ant-collapse .ant-collapse-item{margin-bottom:10px!important;border-radius:10px!important}.history-section .list-collapsable-item{margin-top:70px}.history-section .anticon-calendar{color:#02464e!important}.history-section .ant-calendar-picker-input,.history-section .ant-collapse>.ant-collapse-item{border:1px solid #cfe9eb!important}.history-section .ant-collapse-content{border-radius:0 0 10px 10px!important}.history-section .ant-collapse-content>.ant-collapse-content-box{padding:0!important}.history-section .ant-table-thead .ant-table-column-title{color:#1492a2!important}.history-section .ant-table-tbody>tr{color:#02464e!important}.history-section .ant-table-tbody>tr>td:last-child,.history-section .ant-table-thead:first-child>tr:last-child>th:last-child{padding-right:0}.history-section .ant-table-content>.ant-table-body{margin:initial}.history-section .ant-table-tbody>tr>td:first-child,.history-section .ant-table-thead>tr>th:first-child{padding-left:60px!important}.main-container .component-container{background:#dce9ea 0 0 no-repeat padding-box;padding:40px;min-height:100vh;font-weight:500!important}.main-container .component-container .transaction-section{border-radius:20px!important}.main-container .component-container .transaction-section .step-header{position:relative;height:70px;box-shadow:0 2px 6px 0 rgba(52,56,75,.08);border:1px solid #e4e5ec;border-radius:20px 20px 0 0;background-color:#fff}.main-container .component-container .transaction-section .step-header .three-steps{grid-template-columns:1fr 1fr 1fr;display:grid;width:100%}.main-container .component-container .transaction-section .step-header .three-steps span{display:inline-block;text-align:center}.main-container .component-container .transaction-section .step-header .three-steps .step-number-badge{display:inline-block;width:25px;height:25px;border-radius:50px;background-color:#e4e5ec;font-weight:450;text-align:center;color:#a8a9b4}.main-container .component-container .transaction-section .step-header .three-steps .active-step-badge{background-color:#fef200!important;color:#007e8e}.main-container .component-container .transaction-section .transaction-body{border-radius:0 0 20px 20px;border:1px solid #e4e5ec;background-color:#fff}.main-container .component-container .transaction-section .transaction-body .button-actions,.main-container .component-container .transaction-section .transaction-body .station-details{margin:40px 70px 110px 120px}.main-container .component-container .transaction-section .transaction-body .price-build-up .price-build-up-form{padding:40px 0;color:#1492a2;height:500px!important;overflow-x:scroll}.main-container .component-container .transaction-section .transaction-body .price-build-up .price-build-up-form .form-content .table-group .table-label{text-align:left;letter-spacing:0;color:#02464e;opacity:1}.main-container .component-container .transaction-section .transaction-body .price-build-up .price-build-up-form .form-content .table-group .depot-location{margin-bottom:15px!important}.main-container .component-container .transaction-section .transaction-body .price-build-up .price-build-up-form .form-content .table-group .ant-input-number-handler-wrap{display:none!important}.main-container .component-container .transaction-section .transaction-body .price-build-up .price-build-up-form .form-content .effective-date-error-msg{padding-right:40px}.main-container .component-container .transaction-section .transaction-body .price-build-up .price-build-up-form .header-table-form{background-color:#e7f6f7;align-items:center;height:57px}.main-container .component-container .transaction-section .transaction-body .price-build-up .price-build-up-form .body-table-form{align-items:center;height:57px}.main-container .component-container .transaction-section .transaction-body .price-build-up .price-build-up-form .body-table-form .freight-cost-input{width:120px!important}.main-container .component-container .transaction-section .transaction-body .price-build-up .price-build-up-form .col-2-increase{width:10%!important}.main-container .component-container .transaction-section .transaction-body .price-build-up .price-build-up-buttons{border-top:1px solid #e4e5ec;position:relative;width:100%;padding:20px 120px}.main-container .component-container .transaction-section .transaction-body .price-build-up-confirmation{margin-top:90px;margin-bottom:140px;color:#02464e}.main-container .component-container .transaction-section .transaction-body .content-text{margin-top:7px;height:21px;font-size:16px;font-weight:500;line-height:1.5}.main-container .component-container .transaction-section .transaction-body .content-text-required{font-style:Italic;letter-spacing:0;opacity:1;color:#02464e}.main-container .component-container .transaction-section .transaction-body .divider-transaction{position:relative;margin:10px 10px 10px auto}.main-container .component-container .transaction-section .transaction-body .confirmation-details-button,.main-container .component-container .transaction-section .transaction-body .station-details-button{grid-template-columns:1fr 1fr;display:grid;margin-top:20px;margin-bottom:20px}.main-container .component-container .transaction-section .transaction-body .back-navi,.main-container .component-container .transaction-section .transaction-body .confirmation-create-new{margin-right:20px}.main-container .component-container .transaction-section .transaction-body .back-navi .ant-btn,.main-container .component-container .transaction-section .transaction-body .confirmation-create-new .ant-btn{width:150px;height:60px;border-radius:4px;border:2px solid #007e8e;background-color:#fff;color:#007e8e}.main-container .component-container .transaction-section .transaction-body .confirmation-back-list .ant-btn,.main-container .component-container .transaction-section .transaction-body .proceed-navi .ant-btn{width:150px;height:60px;border-radius:4px;background-color:#007e8e;color:#fff}.main-container .component-container .transaction-section .transaction-body .confirmation-back-list .ant-btn,.main-container .component-container .transaction-section .transaction-body .confirmation-create-new .ant-btn{width:260px!important}.main-container .component-container .transaction-section .transaction-body .content-row-dtls{width:100%}.main-container .component-container .transaction-section .transaction-body .content-row-dtls .station-id{text-transform:uppercase;width:105px}.main-container .component-container .transaction-section .transaction-body .content-row-dtls .station-name{text-transform:uppercase;width:370px}.main-container .component-container .transaction-section .transaction-body .content-row-dtls .rbd-assignee{text-transform:uppercase;width:250px}.main-container .component-container .transaction-section .transaction-body .content-row-dtls .pb-sub-dtl{text-transform:uppercase;width:140px}.main-container .component-container .transaction-section .transaction-body .content-row-dtls .pb-area{text-transform:uppercase;width:210px}.main-container .component-container .transaction-section .transaction-body .content-row-dtls .customer-id{text-transform:uppercase;width:105px}.main-container .component-container .transaction-section .transaction-body .content-row-dtls .customer-name{text-transform:uppercase;width:470px}.main-container .component-container .transaction-section .transaction-body .text-pull-right{text-align:right!important}.main-container .component-container .transaction-section .transaction-body .pull-push-1{padding-right:120px!important;padding-left:120px!important}.main-container .component-container .transaction-section .transaction-body .error-feedback{color:red;font-size:10px}.main-container .component-container .transaction-section .transaction-body .time-date-picker{width:100px;height:30px}.main-container .component-container .transaction-section .transaction-body .time-date-picker i{color:#1492a2}.main-container .component-container .transaction-section .transaction-body .time-date-picker input{border:0;font-size:14px;height:30px!important;background:transparent}.main-container .component-container .transaction-section .transaction-details{margin:50px auto}.main-container .component-container .transaction-section .ant-select{background:#fff 0 0 no-repeat padding-box;border:1px solid #cbeaee;border-radius:4px}.main-container .component-container .transaction-section .ant-form-item-label>label{color:#1492a2!important}.main-container .component-container .transaction-section .ant-input,.main-container .component-container .transaction-section .ant-select-selection{height:48px!important}.main-container .component-container .transaction-section .ant-select-selection__rendered{line-height:45px!important}.main-container .component-container .transaction-section .ant-form-item-required:before{content:""!important}.main-container .component-container .transaction-section .ant-form-item-required:after{display:inline-block;margin-right:4px;color:#f5222d;font-weight:700;font-size:14px;font-family:SimSun,sans-serif;line-height:1;content:"*"}.main-container .component-container .transaction-section .ant-radio-wrapper{color:#86a5a8!important}.main-container .component-container .transaction-section .ant-radio-wrapper-checked{color:#02464e!important}.dropdownStyle{text-transform:uppercase}.divWrappher{width:95%;color:#73979b;margin:10px 3%}.divWrappher .depotInputdiv{width:99%}.divWrappher .depotInputdiv .ant-select-selection{color:#73979b}.divWrappher input{color:#73979b!important}.disabledStyle input{background:violet}.pricingDetailsDiv{position:relative;display:flex;flex-wrap:wrap;border:1px solid;margin:10px 50px 100px;border-radius:20px}.pricingDetailsDiv input,.pricingDetailsDiv select{color:#73979b!important}.spi-date-style{float:right;margin-right:50px;font-size:11px;flex:1 0 10%;color:#007e8e}.spi-date-style,.stationDetailDiv{display:flex;align-items:center;justify-content:center}.stationDetailDiv{flex-wrap:wrap;padding:20px;flex:1 0 50%}.topTitleDiv{padding:20px 0;flex:1 0 100%}.topContentDiv{flex:1 0 70%}.bodyContent{flex:1 0 100%}.dateContentDiv{font-size:11px;flex:1 0 10%;justify-content:center;color:#007e8e}.dateContentDiv,.titleLinkDiv{display:flex;align-items:center}.titleLinkDiv{justify-content:space-between}.topLink{padding:30px;display:flex;width:100%;justify-content:flex-end}.columnHeadDiv{background:#e7f6f7;margin:0 0 10px;padding:5px 3px 3px;color:#007e8e;flex-wrap:wrap;width:100%;align-items:flex-start;text-transform:uppercase}.columnHeadDiv,.headItemDiv{display:flex;justify-content:flex-start}.headItemDiv{padding:0 5px;text-transform:capitalize;font-size:11px;font-weight:600;margin:0 5px}.fieldsStyle{width:100%;display:flex;justify-content:flex-start}.fieldColStyle{margin:0 5px;text-transform:uppercase;width:15%;font-size:8px}.columnFieldDiv{color:#007e8e;display:flex;flex-wrap:wrap;width:100%;height:40px;justify-content:flex-start;align-items:center}.inputFieldDiv{margin:4px 5px;text-transform:capitalize;width:15%;font-size:8px}.inputFieldDiv .ant-select-selection{color:#73979b}.leftSideRemark{width:10%}.priceMatchResposibilityDiv{display:flex;flex:1 0 50%}.priceMatchResposibilityTitle{margin:0 20px;color:#007e8e}.radioDiv{color:#007e8e;text-transform:capitalize}.arrow{margin:5px;cursor:pointer}.updateDiv{position:fixed;bottom:25px;right:50px;width:350px;display:flex;justify-content:flex-end;align-items:center;padding:10px;border:1px solid grey;border-radius:30px 0 0 30px;background:#fff;box-shadow:0 10px 10px 0 rgba(0,0,0,.3)}.time-date-picker{width:100px;height:30px}.time-date-picker i{color:#1492a2}.time-date-picker input{border:0;font-size:10px;height:30px!important;background:transparent}.updateType{width:100%;text-transform:capitalize;font-size:18px;font-weight:500;color:#fd9215}.newStyle,.updateType{display:flex;justify-content:center;align-items:center}.newStyle{border-radius:10px;background:#1897d7;padding:0 1x 0 1px;color:#fff}.spi-margin-date{border:1px solid red;display:flex}.required{font-style:italic;padding:0 2px}.labelStyle{margin-top:8px;color:#007e8e}.spanBtn{margin:0 3px;color:#007e8e;opacity:.5;width:15px;height:15px;cursor:pointer}input{font-size:small}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.btndiv{width:100%;display:flex;flex-wrap:wrap;justify-content:center}.btndiv button{width:125px;margin:5px;height:40px;font-size:small}.ant-switch-inner{display:block;margin-right:6px;margin-left:24px;font-size:12px;color:#119147}.activeStyle{background-color:#d8ede1}.activeStyle span{color:#119147}.activeStyle:after{background-color:#119147;top:2px;width:10px;height:10px}.inActiveStyle:after{background-color:red;top:2px;width:10px;height:10px}span .inActiveStyle{background:#e8ddde;border-radius:10px;text-align:center;font-size:x-small}span .inActiveStyle span{color:#e63e3e}.value-style{color:#000;padding:2px 6px;font-weight:400;font-style:italic;border-bottom:.1ch solid grey;border-radius:5px}.mainDiv{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.typeDiv{flex:1 0 100%}.subDiv{border:1px solid rgba(78,181,191,.25882352941176473);border-radius:10px;width:100%;margin-top:2%}.subDetail{border:none;border-radius:10px;width:60%;margin-top:2%}.still1{position:absolute;left:.5%;margin-top:4%;width:49%;transition:all 1s}@media only screen and (max-width:1000px){.still1{left:.5%;position:relative;width:100%}}.still2{margin-top:4%;position:absolute;left:50.5%;width:49%;transition:all 1s}@media only screen and (max-width:1000px){.still2{left:.5%;position:relative;width:100%}}.still3{margin-top:4%;position:absolute;left:100%;width:49%;transition:all 1s}@media only screen and (max-width:1000px){.still3{left:.5%;position:relative;width:100%}}.slide1{left:-80%!important}@media only screen and (max-width:1000px){.slide1{left:.5%;position:relative;width:100%}}.slide2{left:.5%!important}@media only screen and (max-width:1000px){.slide2{left:.5%;position:relative;width:100%}}.slide3{left:50%!important}@media only screen and (max-width:1000px){.slide3{left:.5%!important;position:relative;width:100%}}.slideRight{position:absolute;opacity:0}.updateBtnStyle{transition:all 1s;position:absolute;right:0;top:10%;display:flex;justify-content:flex-end;align-items:flex-start;flex:1 0 100%}.adjusterStyle{display:flex;justify-content:flex-start;align-items:center;flex:1 0 100%}.selections{padding:0 10px}.alignLeft{justify-content:flex-start}.alignLeft,.alignRight{display:flex;flex-wrap:wrap}.alignRight{justify-content:flex-end}.bold{font-weight:700}.italic{font-style:italic}.margin-l-r{margin:0 15px}.ppwRowHead{transition:all 1s;height:80px;margin:10px 0}.ppwRowHead,.upper{background:#e7f6f7;align-self:center;line-height:50px;color:#22909e;text-align:center;align-items:centercs}.upper{height:40px;margin:10px 0 -10px}.upperLabel{width:100%;height:20px;line-height:20px;text-align:left;padding-left:8px}.upperLabel .txt{font-weight:600;height:15px;line-height:15px;padding:0 auto;margin:0 0 -5px}.upperLabel .date{height:20px;padding:0 0 15px;margin:-5px 0 5px;font-size:9px}.prev{color:#fff;background:#22909e}.subDetailDiv{color:#22909e;background:#f5f5f5;border:none}.ppwRow{height:40px;align-self:center;line-height:40px;text-align:center;align-items:centercs;border-bottom:.1em solid #e7f6f7}.left{padding:0 20px!important;text-align:left}.right{text-align:right}.center{text-align:center}.small{font-size:small}.xsmall{font-size:x-small}.xxsmall{font-size:xx-small}.increaseStyle{color:#119147;text-transform:capitalize}.rollbackStyle{color:#e63e3e;text-transform:capitalize}.btnContainer{margin:20px 0 0;border-top:1px solid rgba(78,181,191,.25882352941176473);width:100%;display:flex;justify-content:flex-end!important}.noneStyle{text-transform:capitalize}.inputStyle{height:25px}.datePickerStyle{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;font-size:small;border:1px solid transparent}.datePickerStyle input{height:20px;font-size:12px;line-height:20px}.UpdateDatePickerStyle{width:100px}.UpdateDatePickerStyle i{color:#fff}.UpdateDatePickerStyle input{border:1px solid transparent;font-size:8px;height:20px;background:transparent;color:#fff;margin:-5px 0 0}.warn input{border:1px solid red;color:red}.ant-message-notice-content{border-radius:10px;background:#e7f6f7}.txt-btn{position:relative;cursor:pointer;height:20px;line-height:20px;padding:0 5px;border-radius:5px;bottom:1px;right:0;z-index:2}.txt-btn:hover{color:#000}.wppTitleStyle{border-bottom:1px solid;border-top:1px solid;height:30px;line-height:30px}.subMenuDiv{display:flex;height:49px;width:100%;justify-content:flex-start;background-color:#fff;border-top:.5px solid #e6e6e6;box-shadow:0 2px 2px 0 #bcc7c9;margin:0 0 2px}.menuItemDiv{height:40px;display:flex;justify-content:space-around;align-items:center;align-self:center}.ant-layout{background:#fff!important}.ant-table-thead{background:#e7f6f7!important}.ant-table-thead .ant-table-column-title{color:#000!important;font-size:small!important;text-transform:capitalize}.ant-table-tr-td{background:#f5f6fa!important;font-size:xx-small!important;color:green!important}.ant-form-item{margin-bottom:0!important}.ant-modal-content{border-radius:20px!important}.ant-modal-header{border-radius:15px 15px 0 0!important}.ant-menu-horizontal{line-height:40px!important;border-bottom:none!important}.filtersDiv{position:relative;color:#007e8e;display:flex;width:99%;flex-wrap:wrap;justify-content:flex-start;align-items:center;padding-bottom:5px}.dateContainer{width:18%}.dateContainer,.selectContainer{font-size:x-small;display:flex;flex-wrap:wrap;justify-content:flex-start}.selectContainer{width:20%}.dateLabelStyle{flex:1 0 100%}.selectStyle{font-size:x-small;border:1px solid transparent;min-width:150px;max-width:97%}.rangePickerStyle{width:200px}.rangePickerStyle input{font-size:x-small}.detailasBtn{color:#007e8e;cursor:pointer}.detailasBtn:hover{color:#fff;text-decoration:underline}.clearDiv{position:absolute;cursor:pointer;height:20px;font-size:8px;line-height:20px;padding:0 5px;border-radius:5px;border:1px solid #017d8e;bottom:4px;right:0}.clearDiv:hover{border:1px solid #017d8e;color:#017d8e}.colstyle{border:1px solid}.maintenanceDiv{background:#fff;display:flex;flex-wrap:wrap;width:100%;justify-content:center;font-size:small}.depotInputdiv{margin:auto;width:90%}.depotInputdiv,.depotInputdiv .loginFormDiv{display:flex;justify-content:flex-start;flex-wrap:wrap}.depotInputdiv .loginFormDiv{margin:0 auto;align-items:flex-start;width:100%}.depotInputdiv input{font-size:"small"}.depotInputdiv .inputDiv{width:100%;text-align:left;font-size:small}.depotInputdiv .fullWitdth{flex-wrap:wrap;flex:1 0 100%;margin:5px;display:flex;justify-content:flex-start;align-items:center}.depotInputdiv .fullWitdth .btnDiv{width:100%;text-align:left;width:0 auto;font-size:small}.depotInputdiv .halfWidth{flex:0 0 50%;margin:0 3px}.depotInputdiv .halfWidth div{font-size:small}.depotInputdiv .quarterWidth{flex:0 0 32%;margin:0 3px}.depotInputdiv .quarterWidth div{font-size:small}.depotInputdiv .lessQuarterWidth{flex:0 0 24%;margin:0 2px}.depotInputdiv .lessQuarterWidth div{font-size:small}.depotInputdiv .threeQuarterWidth{flex:0 0 65%;margin:0 3px}.depotInputdiv .threeQuarterWidth div{font-size:small}.ant-modal-confirm-btns .ant-btn{float:left;margin-left:10px}.tableDiv{display:flex;justify-content:center;width:95%;margin:10px 0}.headTitleDiv{margin-top:2px;display:flex;width:100%;flex-wrap:wrap;justify-content:flex-start}.searchDiv{margin:10px 5px}.capitalize{text-transform:uppercase}.warning{background:#f5b868}.activeStyle{background:#d8ede1;color:#119147}.activeStyle,.inActiveStyle{border-radius:10px;text-align:center;font-size:x-small}.inActiveStyle{background:#e8ddde;color:#e63e3e}.ant-table-body{margin:0!important}#maintenance-container{height:100vh;padding:54px;overflow:hidden}#maintenance-container .text-center{text-align:center}#maintenance-container h1{color:#2e4491;text-decoration:none;font-size:36px}#maintenance-container svg{width:1100px;height:700px}@media (max-width:1600px){#maintenance-container svg{width:700px;height:450px}}@media (max-width:900px){#maintenance-container svg{width:500px;height:600px}}@media (max-width:600px){#maintenance-container svg{width:300px;height:400px}}@media (max-width:400px){#maintenance-container svg{width:220px;height:250px}}@media (max-width:300px){#maintenance-container svg{width:200px;height:250px}}.bg-image{position:fixed;width:100%;height:100vh;background:url(/assets/80995343_790011501460704_2679091567205023744_n.png) no-repeat bottom fixed;background-size:cover}.bg-image,.bg-image .textlogo{display:flex;justify-content:center}.bg-image .textlogo{flex-wrap:wrap;align-items:unset;height:50%}.bg-image .textlogo .logoStyle{display:flex;align-items:flex-end;justify-content:center;flex:1 0 100%}.bg-image .textlogo .textStyle{display:flex;align-items:flex-start;justify-content:center;flex:1 0 100%;color:#017e8e;font-size:50px;font-weight:500}.login_background{display:flex;justify-content:center;align-items:center;padding:0;margin:0;top:0;left:0;width:100%;height:100vh;background-image:url(/assets/prcbldup_bg.svg);background-size:cover;background-attachment:fixed}.login_background .login_main_container{position:relative;border:1px solid red;margin:auto;width:50%;padding:10px}.login_background .login_main_container .login_body_container{margin-top:120px;object-fit:contain;position:relative;box-shadow:0 2px 6px 0 rgba(69,73,91,.08)}.login_background .login_main_container .login_body_container .left-panel-form{background-image:linear-gradient(180deg,#fff,rgba(238,176,29,0)),url(/assets/payment_bg.png);background-size:100% 40%;background-repeat:no-repeat;background-position:50%;width:500px;height:688px;border-radius:20px;box-shadow:20px 20px 10px 0 rgba(52,56,75,.08);background-color:#fff;display:inline-block;right:0;z-index:1}.login_background .login_main_container .login_body_container .left-panel-form .seaoil-logo-container{position:relative;margin:100px 120px 50px}.login_background .login_main_container .login_body_container .left-panel-form .seaoil-logo-container .seaoil-logo{display:block;margin-left:auto;margin-right:auto;width:105px;height:105px}.login_background .login_main_container .login_body_container .left-panel-form .login-error-message{color:red;margin-bottom:0!important;margin-left:90px;margin-right:90px}.login_background .login_main_container .login_body_container .left-panel-form .reset-password-message{color:#34384b;margin-bottom:0!important;margin-left:90px;margin-right:90px;padding-bottom:20px}.login_background .login_main_container .login_body_container .left-panel-form .submitted-reset-password-message{color:#2e4491;margin-bottom:0!important;line-height:1.5!important}.login_background .login_main_container .login_body_container .left-panel-form .reset-password-error-message{color:red;margin-bottom:0!important;line-height:1.5!important}.login_background .login_main_container .login_body_container .left-panel-form .ant-form{margin-top:10px;margin-left:90px;margin-right:90px}.login_background .login_main_container .login_body_container .left-panel-form .ant-form label{width:73px;height:21px;font-size:16px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;text-align:left;color:#a8a9b4}.login_background .login_main_container .login_body_container .left-panel-form .ant-form label:after{content:"*"!important;color:red!important}.login_background .login_main_container .login_body_container .left-panel-form .ant-form input{height:42px}.login_background .login_main_container .login_body_container .left-panel-form .ant-form .ant-input:focus{border-color:#2e4491!important;box-shadow:0 0 0 1px rgba(76,168,255,.753)!important}.login_background .login_main_container .login_body_container .left-panel-form .ant-form .ant-input:hover{border-color:#2e4491!important}.login_background .login_main_container .login_body_container .left-panel-form .ant-form .ant-btn-primary{margin-top:20px;width:100%;height:42px;border-radius:4px;background-color:#2e4491}.login_background .login_main_container .login_body_container .left-panel-form .ant-form .back-to-login-container,.login_background .login_main_container .login_body_container .left-panel-form .ant-form .forgot-password-container{text-align:center}.login_background .login_main_container .login_body_container .left-panel-form .ant-form .back-to-login-container .back-to-login-link,.login_background .login_main_container .login_body_container .left-panel-form .ant-form .back-to-login-container .forgot-password-link,.login_background .login_main_container .login_body_container .left-panel-form .ant-form .forgot-password-container .back-to-login-link,.login_background .login_main_container .login_body_container .left-panel-form .ant-form .forgot-password-container .forgot-password-link{color:#2e4491!important;text-decoration:underline}.login_background .login_main_container .login_body_container .left-panel-form .ant-form .back-to-login-container .forgot-password-link:hover,.login_background .login_main_container .login_body_container .left-panel-form .ant-form .forgot-password-container .forgot-password-link:hover{box-shadow:0 0 0 1px #2e4491!important}.login_background .login_main_container .login_body_container .right-panel-info{position:relative;display:inline-block;background-image:linear-gradient(180deg,rgba(254,242,0,.8),rgba(238,176,29,.8)),url(/assets/login/login_display@x3.png);background-size:110% 110%;width:800px;height:688px;border-radius:20px;left:-30px;top:30px}.login_background .login_main_container .login_body_container .right-panel-info .text-info{padding-top:270px}.login_background .login_main_container .login_body_container .right-panel-info .text-info .seaoil-info-head{position:relative;width:186px;height:74px;font-size:56px;font-weight:500;font-style:normal;font-stretch:normal;line-height:1.11;letter-spacing:normal;color:#34384b;text-align:center}.login_background .login_main_container .login_body_container .right-panel-info .text-info .seaoil-info-body{position:relative;width:474px;height:45px;font-size:16px;font-weight:300;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;text-align:center;color:#34384b;margin-top:70px}.login_background .login_main_container .ant-btn-primary:disabled{color:#fff}.sign-in-div{margin:10px;padding:10px 0;width:90%;color:#007e8e;border-radius:10px}.sign-in-div .loginLabelStyle{width:90%;font-size:1.7vw;text-align:left}.sign-in-div .loginSubLabelStyle{width:90%;margin-bottom:30px;font-size:small}.loginImageDiv{width:75vh;height:75vh;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;object-fit:contain;border-radius:20px;box-shadow:0 0 10px 0 rgba(1,71,74,.2);background-image:url(/assets/login-mage-166@2x.png);background-position:50%;background-size:110% 110%}.loginImageDiv .title{flex:1 0 100%;font-size:30px;font-weight:500;line-height:1.18}.loginImageDiv .note,.loginImageDiv .title{font-family:Roboto;font-style:normal;font-stretch:normal;letter-spacing:normal;text-align:center;color:#fff}.loginImageDiv .note{font-size:12px;font-weight:300;line-height:1.19}.loginFormDiv{display:flex;justify-content:center;align-items:center;margin-left:-80px;width:58vh;height:70vh;background:#fff;border-radius:10px;box-shadow:0 0 0 grey}.firebaseui-card-content{display:flex;justify-content:flex-start;font-size:x-small;padding:0!important}.firebaseui-card-content form{padding:0!important;text-align:left;width:100%;margin-top:0}.firebaseui-card-content form ul li{display:flex;justify-content:flex-start;margin-left:0!important}.firebaseui-container{background:rgba(0,0,0,.05);margin-bottom:15px;min-height:150px;padding-top:10px;border-radius:20px;box-shadow:none}.firebaseui-container.firebaseui-id-page-callback,.firebaseui-container.firebaseui-page-provider-sign-in{background:transparent;box-shadow:none;min-height:0;margin-bottom:0;padding-top:0}.firebaseui-container.firebaseui-id-page-callback{margin-top:40px;height:84px}.firebaseui-card-header{display:none}.firebaseui-subtitle,.firebaseui-text{color:hsla(0,0%,100%,.87)}.firebaseui-form-actions .mdl-button--raised.mdl-button--colored.firebaseui-button{background:rgba(0,0,0,.1)}.firebaseui-id-dismiss-info-bar{display:block}.firebaseui-info-bar{border:0;border-radius:10px;left:5%;right:5%;top:10%;bottom:10%}.firebaseui-idp-icon-wrapper{border:1px solid orange;background:#fff;padding:10px}.firebaseui-idp-text{background:orange;width:100%}.firebaseui-idp-google>.firebaseui-idp-text{color:#fff!important}.firebaseui-idp-button{margin:0!important;padding:0!important}
/*# sourceMappingURL=main.9495bab2.chunk.css.map */