/*! ========================================================= * Now UI Kit PRO React - v1.0.0 ========================================================= * Product Page: https://www.creative-tim.com/product/now-ui-kit-pro-react * Copyright 2019 Creative Tim (http://www.creative-tim.com) * Coded by Creative Tim ========================================================= * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. */ @import url(https://fonts.googleapis.com/css?family=Oswald:300,400,500,700&display=swap); /*! ========================================================= * Material Kit React v1.8.0 based on Material Kit Free - v2.0.2 (Bootstrap 4.0.0 Final Edition) ========================================================= * Product Page: https://www.creative-tim.com/product/material-kit-react * Copyright 2019 Creative Tim (https://www.creative-tim.com) * Licensed under MIT (https://github.com/creativetimofficial/material-kit-react/blob/master/LICENSE.md) * Coded by Creative Tim ========================================================= * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. */html *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:300;line-height:1.5em}h1,h2,h3,h4,h5,h6{color:inherit}h1,h2,h3{margin-top:20px}h1,h2,h3,h4,h5,h6{margin-bottom:10px}h4,h5,h6{margin-top:10px}h1{font-size:3.3125rem;line-height:1.15em}h2{font-size:2.25rem;line-height:1.5em}h3{font-size:1.5625rem;line-height:1.4em}h4{font-size:1.125rem;line-height:1.5em}h5{font-size:1.0625rem;line-height:1.55em}h6{font-size:.75rem;text-transform:uppercase;font-weight:500}p{font-size:14px;margin:0 0 10px}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}body{background-color:#e5e5e5;color:#3c4858;margin:0;font-size:1rem;text-align:left}legend{border-bottom:0}*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}:focus{outline:0}a{color:#9c27b0;background-color:transparent}a,a:focus,a:hover{text-decoration:none}a:focus,a:hover{color:#89229b}label{font-size:14px;line-height:1.42857;color:#aaa}label,small{font-weight:400}small{font-size:75%;color:#777}img{vertical-align:middle;border-style:none}form{margin-bottom:1.125rem}.modal-bottom{top:unset!important;left:0!important;width:100%!important;bottom:0!important;height:65vh;outline:none}.modal-bottom .modal-bottom-body{border-top-left-radius:10px;border-top-right-radius:10px}.modal-bottom .modal-bottom-body,.modal-bottom .modal-bottom-body-transaction{position:relative;overflow-y:hidden;padding:0;width:100%;height:100%;background-color:#fff}.modal-bottom.modal-tall{height:80vh}.modal-bottom.modal-short{height:40vh}.modal-bottom.keyboard{height:75vh}.modal-bottom.modal-contact{height:45vh}.modal-bottom-body,.modal-bottom-body-transaction{overflow:hidden}.modal-bottom-body-transaction .modal-bottom-content,.modal-bottom-body .modal-bottom-content{padding:0}.modal-bottom-body-transaction .modal-bottom-title,.modal-bottom-body .modal-bottom-title{margin-top:24px;background-color:#fff}.modal-bottom-body-transaction .modal-bottom-title-content,.modal-bottom-body .modal-bottom-title-content{width:100%;padding-left:19px;padding-right:19px;margin-bottom:12px;font-size:14px;color:#3a3a3a;font-weight:700;display:flex;justify-content:space-between;align-items:center}/*! nouislider - 14.0.2 - 6/28/2019 */.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;touch-action:none;-ms-user-select:none;user-select:none;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:2px;margin:15px 0}.noUi-horizontal .noUi-handle{box-sizing:border-box;width:14px;height:14px;left:-10px;top:-6px;cursor:pointer;border-radius:100%;transition:all .2s ease-out;border:1px solid #9c27b0;background:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:15px;height:15px;left:0;top:-7px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-4px;left:auto}.noUi-target{background-color:#c8c8c8}.noUi-connects,.noUi-target{border-radius:3px}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border-radius:3px;background:#fff;cursor:default;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}[disabled] .noUi-connect{background:#b8b8b8}[disabled].noUi-handle,[disabled] .noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-large,.noUi-marker-sub{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{transform:translateY(-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{transform:translateY(50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{transform:translate(-50%);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{transform:translateY(-50%);top:50%;right:120%}.noUi-target .noUi-handle{border:1px solid #333}.noUi-target.slider-primary.noUi-connect,.noUi-target.slider-primary .noUi-connect{background-color:#9c27b0}.noUi-target.slider-primary .noUi-handle{border-color:#9c27b0}.noUi-target.slider-info.noUi-connect,.noUi-target.slider-info .noUi-connect{background-color:#00bcd4}.noUi-target.slider-info .noUi-handle{border-color:#00bcd4}.noUi-target.slider-success.noUi-connect,.noUi-target.slider-success .noUi-connect{background-color:#4caf50}.noUi-target.slider-success .noUi-handle{border-color:#4caf50}.noUi-target.slider-warning.noUi-connect,.noUi-target.slider-warning .noUi-connect{background-color:#ff9800}.noUi-target.slider-warning .noUi-handle{border-color:#ff9800}.noUi-target.slider-danger.noUi-connect,.noUi-target.slider-danger .noUi-connect{background-color:#f44336}.noUi-target.slider-danger .noUi-handle{border-color:#f44336}.noUi-target.slider-rose.noUi-connect,.noUi-target.slider-rose .noUi-connect{background-color:#e91e63}.noUi-target.slider-rose .noUi-handle{border-color:#e91e63}/*! * https://github.com/YouCanBookMe/react-datetime */.rdt{position:relative}.rdt .rdtPicker{transition:all .15s linear;margin-top:-20px;visibility:hidden;display:block;opacity:0}.rdt.rdtOpen .rdtPicker{opacity:1;visibility:visible;margin-top:0}.rdt input.form-control{border:0;background-size:0 2px,100% 1px;background-repeat:no-repeat;background-position:bottom,50% calc(100% - 1px);background-color:transparent;transition:background 0s ease-out;float:none;border-radius:0;height:36px;padding:7px 0;font-size:14px;font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:400;line-height:1.42857;display:block;width:100%;color:#555}.rdt input.form-control,.rdt input.form-control:focus{background-image:linear-gradient(#9c27b0,#9c27b0),linear-gradient(#d2d2d2,#d2d2d2);box-shadow:none}.rdt input.form-control:focus{outline:none;background-size:100% 2px,100% 1px;transition-duration:.3s}.rdtPicker{display:none;position:absolute;width:260px;padding:4px;margin-top:1px;z-index:99999!important;background:#fff;border-radius:.125rem;box-shadow:0 10px 50px 0 rgba(0,0,0,.2);-webkit-background-clip:padding-box;background-clip:padding-box;min-width:160px}.rdtPicker:before{width:0;height:0;vertical-align:middle;right:auto;color:#fff;border-bottom:.4em solid}.rdtPicker:after,.rdtPicker:before{display:inline-block;position:absolute;content:"";top:-5px;left:10px;border-right:.4em solid transparent;border-left:.4em solid transparent}.rdtPicker:after{border-bottom:.4em solid #fff}.rdtPicker{display:block;top:40px}.rdtStatic .rdtPicker{box-shadow:none;position:static}.rdtPicker .rdtTimeToggle{text-align:center;padding:5px;border-radius:4px}.rdtPicker table{width:100%;margin:0;border-color:#fff!important;border-collapse:collapse}.rdtPicker td,.rdtPicker th{text-align:center;padding:1px}.rdtPicker td{cursor:pointer}.rdtDay{height:30px;line-height:33px;width:30px;text-align:center;padding:0;border-radius:50%}.rdtDay.rdtActive,.rdtDay.rdtActive:hover,.rdtDay.rdtToday.rdtActive{background-color:#9c27b0!important;color:#fff;box-shadow:0 5px 20px 0 rgba(0,0,0,.2),0 13px 24px -11px rgba(156,39,176,.6)}.rdtDays tr .dow{border-bottom:1px solid #e3e3e3;text-align:center;font-size:12px;text-transform:uppercase;font-weight:inherit;padding-bottom:5px;padding-top:10px}.rdtDays tr .rdtNew,.rdtDays tr .rdtOld{color:#bdbdbd}.rdtPicker .rdtTimeToggle:hover,.rdtPicker td.rdtDay:hover,.rdtPicker td.rdtHour:hover,.rdtPicker td.rdtMinute:hover,.rdtPicker td.rdtSecond:hover{background:#eee;cursor:pointer}.rdtPicker td.rdtToday{position:relative}.rdtPicker td.rdtActive.rdtToday:before{border-bottom-color:#fff}.rdtPicker td.rdtDisabled,.rdtPicker td.rdtDisabled:hover{background:none;color:#999;cursor:not-allowed}.rdtPicker td span.rdtOld{color:#999}.rdtPicker td span.rdtDisabled,.rdtPicker td span.rdtDisabled:hover{background:none;color:#999;cursor:not-allowed}.rdtPicker .dow{width:14.2857%;border-bottom:none}.rdtPicker th.rdtSwitch{width:50px;padding:5px;border-radius:4px}.rdtPicker th.rdtNext,.rdtPicker th.rdtPrev{font-size:21px;vertical-align:top;border-radius:50%;line-height:33px}.rdtPicker .dow,.rdtPicker .rdtTimeToggle,.rdtPicker th.rdtNext,.rdtPicker th.rdtPrev,.rdtPicker th.rdtSwitch{color:#9c27b0}.rdtNext span,.rdtPrev span{display:block;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.rdtPicker th.rdtDisabled,.rdtPicker th.rdtDisabled:hover{background:none;color:#999;cursor:not-allowed}.rdtPicker thead tr:first-child th{cursor:pointer}.rdtPicker thead tr:first-child th:hover{background:#eee}.rdtPicker button{border:none;background:none;cursor:pointer}.rdtPicker button:hover{background-color:#eee}.rdtPicker thead button{width:100%;height:100%}td.rdtMonth,td.rdtYear{height:50px;width:25%;cursor:pointer}td.rdtMonth:hover,td.rdtYear:hover{background:#eee}.rdtCounters{display:inline-block}.rdtCounters>div{float:left;width:40px;font-weight:inherit;margin:3px;border-radius:50%}.rdtCounters .rdtCounterSeparator{width:0;border:1px solid transparent}.rdtCounter{height:100px;width:40px}.rdtCounter .rdtCount{padding:7px;height:40px;border:1px solid transparent}.rdtCounters .rdtCounter:last-child .rdtCount{color:#9c27b0;border-radius:50%;border:1px solid #9c27b0}.rdtCounterSeparator{padding:7px;line-height:100px}.rdtCounter .rdtBtn{line-height:40px;cursor:pointer;display:block;border-radius:50%;color:#eee;transition:all 60ms ease-in;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.rdtCounter .rdtBtn:hover{background:#eee;color:#797979}.rdtCounter .rdtCount{font-size:inherit;line-height:25px}.rdtMilli{vertical-align:middle;padding-left:8px;width:48px}.rdtMilli input{width:100%;font-size:inherit;margin-top:37px}.rdtMonths,.rdtYears{padding-bottom:10px}.rdtMonths .rdtMonth,.rdtMonths .rdtYear,.rdtYears .rdtMonth,.rdtYears .rdtYear{display:inline-block;width:56px;height:56px;line-height:56px;margin:3px;cursor:pointer;border-radius:50%;text-align:center}.rdtMonths .rdtMonth.rdtActive,.rdtMonths .rdtYear.rdtActive,.rdtYears .rdtMonth.rdtActive,.rdtYears .rdtYear.rdtActive{background-color:#9c27b0!important;color:#fff}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}@media (min-width:768px){.slick-slider .slick-caption{display:block!important}}.slick-slider .slick-caption{padding-bottom:45px;position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;color:#fff;text-align:center;z-index:3;display:none}.slick-slider .slick-slide>div:first-child{position:relative}.slick-slider .slick-icons{position:relative;top:5px}.slick-slider .slick-image{width:100%!important;display:inline-flex!important}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}button.slick-arrow.slick-next,button.slick-arrow.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;height:100%;padding:0;transform:translateY(-50%);cursor:pointer;border:none;color:transparent;outline:none;background:transparent;width:15%;z-index:2;opacity:.5}.slick-prev{left:0}.slick-prev:before{content:"\f053";font-weight:600;font-family:Font Awesome\ 5 Free;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-feature-settings:normal;font-variant:normal;text-rendering:auto;line-height:1;color:#fff;font-size:30px;width:100%}.slick-next{right:0}.slick-next:before{content:"\f054";font-weight:600;font-family:Font Awesome\ 5 Free;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-feature-settings:normal;font-variant:normal;text-rendering:auto;line-height:1;color:#fff;font-size:30px;width:100%}.slick-list{z-index:1}.slick-dots{margin-top:0;margin-bottom:1rem;position:absolute;bottom:5px;width:100%;padding:0;list-style:none;text-align:center;z-index:3}.slick-dots li,.slick-dots li button{width:20px;height:20px;cursor:pointer}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:before{position:absolute;top:0;left:0;width:10px;height:10px;content:"\2022";text-align:center;opacity:1;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);border-radius:2px;transition:all .3s linear}.slick-dots li.slick-active button:before{width:15px;height:15px;box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);top:-3px}.incoming_override{height:100%!important;font-family:nimbus-sans-tw01con,sans-serif;max-width:1200px;margin:auto}.incoming_override .container{background-color:#fff;border-color:#000;width:100%;min-height:300px;position:relative;z-index:3;padding:0 15px;margin:0}.incoming_override .box{text-align:left;min-height:30px}.incoming_override .container h4{font-weight:600;color:#000;font-size:20px;display:inline-block;position:relative;font-family:"Oswald",sans-serif}.incoming_override .subtitle{color:grey;width:100%;margin:10px 0 0;font-size:12px;font-family:"Oswald",sans-serif;text-transform:uppercase}.blue{color:#3d80e3!important}.green{color:#1fa66f!important}.incoming_override .textBoxEnabled,.incomingModal .textBoxEnabled{border:1px solid grey;border-radius:5px;padding-top:0;background-color:#fff}.incomingModal .datePicker{padding:7px 0 8px}select.textBoxEnabled{padding:0 10px;height:42px;min-width:30%;font-size:12pt}.incoming_override .textBoxDisabled{border:1px solid #2ed18f;padding-top:0;background-color:#e6fff3}.incoming_override .textInput{padding:5px 10px}.incoming_override .text-input-enabled{border:1px solid #2ed18f;padding-top:0;background-color:#fff}.incoming_override .incomingTable,.incomingModal .incomingTable{width:100%;border-spacing:0;border:thin solid #d3d3d3}.incoming_override .incomingTable,.incomingModal .modal-head{background-color:#3d80e3}.incoming_override .incomingTable thead tr td,.incomingModal .incomingTable thead tr td{color:#fff;padding:8px 15px;margin:0;border-spacing:0;-webkit-border-horizontal-spacing:0;-webkit-border-vertical-spacing:0}.incoming_override .tablePage tbody tr td,.incomingModal .tablePage tbody tr td{background-color:#fff;border-bottom:none!important}.incomingModal .incomingTable tbody tr td tr td{padding:0!important}.incomingModal .incomingTable tbody tr td thead{background-color:#fff!important}.incomingModal .incomingTable .rdtPicker:after,.incomingModal .incomingTable .rdtPicker:before{right:10px;left:auto}.incomingModal .incomingTable .rdt .rdtPicker{right:0}.incoming_override .tablePage tbody tr td[rowspan],.incomingModal .incomingTable tbody tr td[rowspan]{vertical-align:top}.incoming_override .tablePage tbody .odd td,.incomingModal .incomingTable tbody .odd td{background-color:#ebebeb}.incomingModal .incomingTable thead{background-color:#b6c1cd!important}.incomingModal .incomingTable{font-size:12pt}.incomingModal .incomingTable tbody tr,.incomingModal .incomingTable tbody tr td{height:40px!important}.incomingModal .incomingTable .noMargin{margin:0!important;padding:0!important}.incomingModal .modal-head{color:#fff;padding-top:12px;padding-bottom:12px}.incomingModal .modal-head .makeStyles-modalCloseButton-8{margin-top:0;color:#fff}.incomingModal .MuiDialog-paperWidthSm{min-width:900px;width:80%;height:80%;max-width:90%!important}.incomingModal .rdt{max-width:200px}.incomingModal .exp{width:200px!important}.incoming_override .note{background-color:#fffbdb;border:1px solid #e9db89;padding:10px}.tablerows:nth-child(2n) td{background-color:#f7f7f7!important}.incoming_override .modal-head{color:#fff!important;background-color:#3d80e3!important}.incomingTableModal div[type]{margin-bottom:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.incomingTableModal label{display:none!important}.incomingTableModal .tablePage{overflow-x:unset!important}.incomingTableModal .incomingDatePicker tr,.incomingTableModal .incomingDatePicker tr td{margin:0!important;padding:0!important}.incomingTableModal .incomingDatePicker div{width:auto!important;min-width:240px}.incomingTableModal .incomingDatePicker thead th{background-color:#f1f1f1!important;color:#000!important;padding:5px!important}.incomingTableModal .incomingDatePicker thead tr{margin:3px!important;padding:3px!important}.sub-head{margin:30px 0!important}.defaultModal .detail-title{color:#8a8a8a;font-size:10pt;text-transform:uppercase}.defaultModal .detail-subtitle{color:#000;font-size:12pt;text-transform:uppercase}.spacing-top{margin-top:20px!important}.fileInput{opacity:0;position:absolute;z-index:9;width:100%}.fileInput,.fileInputBox{min-height:200px!important}.fileInputBox{border-radius:5px;border:thin solid #d3d3d3;background:transparent}.fileInputBox .fileInputLabel{position:absolute;right:0;left:0;text-align:center;top:calc(50% - 10px);z-index:4}.fileInputBox .fileInputLabel span{background:#fff;padding:5px 10px;border-radius:5px}.fileInputBox .fileInputImage{position:absolute!important;object-fit:cover;display:block;height:85%;width:80%!important;z-index:3;right:0;top:30px;left:20px}.pesanan_override .makeStyles-flex-5{display:none}.defaultModalStyle .upload-flex{display:flex}.input-text{height:39px;border-radius:5px;border:1px solid #a9a9a9}.input-text,.select-option{width:180px;padding:10px 20px 10px 10px}.select-option{border-radius:5px}.bold{font-weight:700}.divider{display:block;border-bottom:1px solid #dadade;margin-bottom:20px}.inputUpload{margin:20px 0}.cont-header-filter{display:flex;justify-content:space-between}.cont-create-order{margin-top:10px}.cont-header{height:80px;display:flex;justify-content:space-between}.cont-inner-header{display:flex}.title-page{font-family:sans-serif;margin-right:15px}.total{color:#3d80e3}.cont-list-info{display:flex;justify-content:space-between}.list-info{color:#a0a09f}.bandage,.list-info{display:flex;margin-right:10px}.bandage{background-color:#20ce88;justify-content:center;align-items:center;font-weight:600;color:#fff;width:25px;height:25px;border-radius:2px;font-size:17px;padding:10px}.status-table{display:unset;padding:4px 6px}.clickable{color:#c1c1c7;background-color:#fff;box-shadow:inset 0 0 0 2px #c1c1c7;cursor:pointer}.clickable:hover{background-color:#20ce88;color:#fff;box-shadow:none;border-radius:2px}.cont-body{display:block}.cont-outer-filter,.cont-outer-recap{display:flex;margin-bottom:15px!important}.cont-filter{display:block;margin-right:10px}.title-filter{color:#91969c}.status-recap{color:#1fa66f}.cont-search{margin-top:18px}.view-recap{background-color:#e6fff3;font-size:14px;padding:7px 10px;width:180px;border:1px solid #2ed18f}.cont-notes{border:1px solid #e9db89;background-color:#fffbdb;max-width:806px;padding:5px}.title-notes{margin-bottom:7px}.text-notes{font-size:13px}.modal{border-radius:6px}.modalHeader{border-bottom:"none";padding:24px 24px 0;min-height:16.43px}.modalTitle{margin:0;line-height:1.42857143}.modalCloseButton{color:#999;margin-top:-12px;-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0;font-size:inherit;opacity:.9;text-shadow:none;font-weight:700;line-height:1;float:right}.modalClose{width:16px;height:16px}.modalBody{padding:24px 24px 16px;position:relative}.modalFooter{text-align:right;padding:0 15px 15px;margin:0}.modalFooterCenter{margin-left:auto;margin-right:auto}.listAction{margin:0;padding:0}.listAction li{list-style:none;width:35px;height:35px;display:inline-block;text-align:center;margin-right:5px}.listAction li:hover a{background:#54cf88;border:2px solid #54cf88;color:#fff}.listAction li a{color:#9e9e9e;display:block;border-radius:10px;border:2px solid #9e9e9e;height:100%;width:100%;line-height:2.5}.filterLabel{padding:0 5px;display:flex;flex-direction:column}.MuiBackdrop-root{width:calc(100% - 17px)}.defaultModal{overflow:scroll}.defaultModal .ContentTambahPesanan{margin:30px}.defaultModal .ContentTambahPesanan .group-input{text-align:right}.defaultModal .ContentTambahPesanan .group-input button{margin-top:30px;border:none;margin-right:10px;cursor:pointer}.defaultModal .ContentTambahPesanan .group-input button:hover{opacity:.6}.defaultModal .ContentTambahPesanan .group-input button:last-child{margin-right:0}.defaultModal .ContentTambahPesanan .group-input .btn-cancel{background:#f8403e;color:#fff;padding:7px 35px;border-radius:5px}.defaultModal .ContentTambahPesanan .group-input .btn-simpan{background:#54cf88;color:#fff;padding:7px 35px;border-radius:5px}.defaultModal .ContentDetailPesanan{margin:20px 15px}.defaultModal .ContentDetailPesanan .cont-header-modal{display:flex;justify-content:space-between;margin-bottom:40px}.defaultModal .ContentDetailPesanan .cont-header-modal .inner-header-modal{display:flex}.defaultModal .ContentDetailPesanan .cont-header-modal .inner-header-modal .label-1{padding:10px;display:block;background-color:#e6fff3;border:1px solid #b8ebc8;font-style:italic;margin-right:10px}.defaultModal .ContentDetailPesanan .cont-header-modal .inner-header-modal .label-2{padding:10px;display:block;background-color:#fff0f0;border:1px solid #f4c0af;font-style:italic}.defaultModal .ContentDetailPesanan .cont-header-modal .inner-button-modal .button-modal{width:130px;background-color:#3d80e3;padding:10px;margin-right:10px}.defaultModal .ContentDetailPesanan .cont-header-modal .inner-button-modal .button-modal:last-child{margin-right:0}.defaultModal .ContentDetailPesanan .cont-body-modal{display:flex;margin-bottom:20px}.defaultModal .ContentDetailPesanan .cont-body-modal .body-detail-left{display:block;width:calc(43% - 2px);border-right:2px solid #ececef;margin-right:20px}.defaultModal .ContentDetailPesanan .cont-body-modal .body-detail-left label{font-size:14px;width:130px}.defaultModal .ContentDetailPesanan .cont-body-modal .body-detail-right{display:block;width:calc(57% - 20px)}.defaultModal .ContentDetailPesanan .cont-body-modal .body-detail-right label{font-size:14px;width:130px}.defaultModal .ContentDetailPesanan .cont-note-modal .inner-note-modal{margin-bottom:20px;padding:15px;background-color:#f7f7f7}.defaultModal .ContentDetailPesanan .group-input{text-align:right}.defaultModal .ContentDetailPesanan .group-input button{margin-top:30px;border:none;margin-right:10px;cursor:pointer}.defaultModal .ContentDetailPesanan .group-input button:hover{opacity:.6}.defaultModal .ContentDetailPesanan .group-input button:last-child{margin-right:0}.defaultModal .ContentDetailPesanan .group-input .btn-cancel{background:#f8403e;color:#fff;padding:7px 35px;border-radius:5px}.defaultModal .ContentDetailPesanan .group-input .btn-simpan{background:#54cf88;color:#fff;padding:7px 35px;border-radius:5px}.wrapperTable>div{display:flex}.wrapperTable header{margin-bottom:20px;background-color:transparent;padding:0;border-radius:0;border:none}.wrapperTable header span{font-size:18px}.wrapperTable .reportTable{width:100%;border-collapse:collapse;margin-bottom:20px}.wrapperTable .reportTable td,.wrapperTable .reportTable th{border:1px solid #ddd;color:#606060;padding:15px}.wrapperTable .reportTable th{font-weight:400;background-color:#b6c1cd;color:#fff}.wrapperTable .space-table:before{content:"";display:block;height:10px}.tablePage tbody tr:nth-child(2n){background-color:#f7f7f7}.detailPesanan{margin-bottom:50px;overflow:auto}.detailPesanan .multiline{word-wrap:break-word!important}.detailPesanan .notes{background:#f7f7f7;border:1px solid #d3d3d3;margin-right:10px;border-radius:3px;padding:5px 10px}.detailPesanan .notes .title{font-weight:400;font-size:11pt;font-style:italic}.detailPesanan .notes.success{background:#e6fff3;border:1px solid #b8ebc8}.detailPesanan .notes.danger{background:#fff0f0;border:1px solid #f4c0af}.detailPesanan .footerButton,.detailPesanan .headerButton{border:none;color:#fff;border-radius:5px;background:#3e80e3;text-align:center;width:calc(100% - 20px);margin-left:20px;font-size:14px;font-weight:300;height:100%;cursor:pointer}.detailPesanan .footerButton{max-height:40px;margin:10px 0;width:100%}.detailPesanan .headerButton.success{background:#2ed18f}.detailPesanan .headerButton.danger{background:#ff4040}.detailPesanan .fullHeight{height:100%}.detailPesanan .fullWidth{width:100%}.detailPesanan .items .rdt_TableHeadRow,.detailPesanan .items .tablePage .defaultTable thead th,.tablePage .defaultTable thead .detailPesanan .items th{background-color:#b6c1cd}.detailPesanan .items .rdt_TableBody .rdt_TableRow:nth-child(2n){background-color:#f7f7f7}.detailPesanan span.tableRight{text-align:right;width:100%}.detailPesanan .summary{border:1px solid #d3d3d3;margin:20px 0;padding:10px 0}.detailPesanan .summary hr{margin-right:20px}.detailPesanan .summary .grandTotal span,.detailPesanan .summary .title.grandTotal label{color:#2ed18f!important}.detailPesanan .summary div.values{width:calc(100% - 10px);text-align:right;margin:8px 5px;line-height:12pt;padding-right:19px;font-weight:500;font-size:14pt!important}.detailPesanan .summary div.title{width:100%;text-align:left;line-height:12pt;margin:8px 5px}.detailPesanan .summary div.title label{color:#000!important;font-size:11pt;font-weight:300}.detailPesanan input[disabled]{background:#e9e9e9;cursor:not-allowed}.detailPesanan .tableItems{overflow-x:auto}.detailPesanan .noverflowY{overflow-y:hidden}.detailPesanan .group-promo{width:400px}.detailPesanan .group-promo .cont-promo{display:flex;justify-content:center}.detailPesanan .group-promo .cont-promo .inputText{margin-right:20px}.sticky-button{position:fixed;bottom:0;left:0;width:100%;background:#f7f7f7;height:65px;padding:15px 10px}.without-scroll{overflow:hidden}.without-scroll .detailRetur{margin-bottom:50px;overflow-x:scroll}.tablePage .defaultTable thead .without-scroll .detailRetur .items th,.without-scroll .detailRetur .items .rdt_TableHeadRow,.without-scroll .detailRetur .items .tablePage .defaultTable thead th{background-color:#3e80e3}.without-scroll .detailRetur .items .rdt_TableBody .rdt_TableRow:nth-child(2n){background-color:#f7f7f7}.order_items table td:not(:first-child),.order_items table th:not(:first-child){min-width:130px;max-width:100%}.order_items table td:first-child,.order_items table th:first-child{min-width:200px;max-width:100%}.order_items table td.action,.order_items table th.action{min-width:300px}.box__container{padding-top:.9em;box-sizing:border-box;width:100%;height:640px;overflow:hidden}.box__container .box{margin:0 auto;width:100%;border:1px solid #1f1e1e;border-radius:3px}.box__container .box__product{max-height:425px;margin-bottom:1em;overflow-y:auto;display:flex;flex-direction:column;border:none;border-bottom:1px solid #000}.box__container .box__product .box__product--item{margin:2px 0 6px;padding:6px;border:1px solid #1f1e1e;border-radius:3px;width:100%;min-height:300px}.box__container .box--item{margin-bottom:4px;font-size:12px}.box__container .box--item span{font-size:12px}.box__container .item-title{font-weight:700;font-size:11.5px}.box__container .box__info{height:145px;display:flex;flex-direction:column;justify-content:center;padding-left:22px}.box__container .inputText{margin:0!important}.box__container input[disabled]{background:#e9e9e9!important}.box__container .MuiGrid-container{margin-bottom:5px}.box__container--promo{background-color:grey;scrollbar-width:none;width:100%;height:200px;overflow-y:auto;align-items:center!important}.box__container--promo::-webkit-scrollbar{display:none}.box__container--promo .box--promo{background-color:#fff;padding:4px;margin:4px auto;width:97%;max-height:80px;min-height:80px}.box__container--promo .box--promo img{width:50px;height:72px}.box__container--promo .box--promo .MuiGrid-item{display:flex;flex-direction:column;align-items:flex-start}.box__container--promo .box--promo .MuiGrid-item p,.box__container--promo .box--promo .MuiGrid-item span{font-size:10px}.box__container--promo .box--promo .box--promo-bottom{width:100%;display:flex;justify-content:space-between}.box__container--promo .box--promo .box--promo-bottom .MuiButtonBase-root{padding:0!important;height:21px;margin-top:-2px}input[disabled]{background:#e9e9e9;cursor:not-allowed}.modal-price-tiering{display:flex;flex-direction:column;align-items:center}.modal-price-tiering.mobile{width:100%;height:51vh;overflow-y:auto}.modal-price-tiering.mobile .table-price-tiering{margin-bottom:14px;border:none}.modal-price-tiering.mobile .table-price-tiering .table-price-tiering__head tr{background-color:#3e80e3}.modal-price-tiering.mobile .table-price-tiering .table-price-tiering__head th{font-weight:400;font-size:13px;min-width:100px;text-align:center;color:#fff;padding:6px 0}.modal-price-tiering.mobile .table-price-tiering .table-price-tiering__body tr{background-color:#f5f6f8;text-align:center}.modal-price-tiering.mobile .table-price-tiering .table-price-tiering__body td:not(:first-child){padding-top:12px}.table-price-tiering{margin-bottom:14px;border:none}.table-price-tiering .table-price-tiering__head tr{background-color:#3e80e3}.table-price-tiering .table-price-tiering__head th{font-weight:400;font-size:14px;min-width:120px;text-align:center;color:#fff;padding:6px 0}.table-price-tiering .table-price-tiering__body tr{background-color:#f5f6f8;text-align:center}.table-price-tiering .table-price-tiering__body td:not(:first-child){padding-top:12px}.btn__info{margin:8px 0;border-radius:10px;border:1px solid #d9d9d9;background-color:#fff;display:flex;justify-content:center;align-items:center;width:100%;padding:8px 0;font-family:Roboto;font-size:13px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#406ae2}.btn__info .btn__info_typography{padding-left:8px}.mainMenu{width:100%}.mainMenu .containerMenu{display:block;box-shadow:none}.mainMenu .containerMenu>div{max-width:95vw;padding:0}.mainMenu .containerMenu .MuiListItem-root:hover a{background-color:transparent}.mainMenu .containerMenu .MuiButtonBase-root{text-transform:none;font-size:13px;font-weight:400}.mainMenu .containerMenu .MuiButtonBase-root:hover{background:transparent;color:#ffee58}.mainMenu .containerMenu .MuiListItem-gutters a{color:#fff}.mainMenu .containerMenu .MuiListItem-gutters a:hover{color:#ffee58}.mainMenu .containerMenu .MuiListItem-gutters>div>div:last-child>div{background-color:#9e9e9e!important;margin-top:10px;border-radius:0}.mainMenu .containerMenu .MuiListItem-gutters>div>div:last-child>div ul li a{color:#fff}.mainMenu .containerMenu .MuiListItem-gutters>div>div:last-child>div ul li a:hover{color:#ffee58}body{background-color:#fff;font-size:14px;font-weight:400}*,body{font-family:"Oswald",sans-serif}a,button,div,p,span{font-size:14px;font-weight:400}.mainContent{max-width:95vw;margin:0 auto;padding-top:70px}.small-font{font-size:14px}.medium-font{font-size:18px}.large-font{font-size:22px}.text-color-red{color:red}.d-flex{display:flex}.align-items-center{align-items:center}.nopadding{padding:0!important}.no-margin{margin:0!important}.defaultTextarea{width:100%;border:1px solid #dadade;padding:8px}.no-margin-top{margin-top:0!important}.no-margin-bottom{margin-bottom:0!important}.small-padding{padding:0 5px!important}.align-center{text-align:center!important}.align-left{text-align:left!important}.align-right{text-align:right!important}.displayBlock{display:block!important}.displayInline{display:inline-block!important}.listDataDefault{margin:0;padding:0;display:block}.listDataDefault li{list-style:none;color:#5f5e5d}.ds-flex{display:flex!important}.ds-block{display:block!important}.ds-none{display:none!important}.ds-inline-block{display:inline-block!important}.ds-inline-flex{display:inline-flex!important}.warningInfo{background:red}.containerImage{margin:5px;border:3px solid #3e80e3;border-radius:50%;width:60px;overflow:hidden;display:block;height:60px;padding:0}.tablePage{margin-top:10px}.tablePage .defaultTable thead th,.tablePage .rdt_TableHeadRow{background:#3e80e3;font-weight:400}.tablePage .rdt_TableCol_Sortable{color:#fff}.tablePage .rdt_TableCol:last-child{display:block;text-align:center}.tablePage .paddingInput{transform:translateY(8px);line-height:2}.tablePage .paddingText{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateY(5px);line-height:2;margin-bottom:9px}.tablePage .blockTable{display:block;width:100%}.tablePage .blockTable .bottomSpace{padding-bottom:20px}.tablePage .blockTable .fixExpandColumn{height:21px}.tablePage .blockTable .expandColumnTotal{padding-top:10px;padding-bottom:10px;border-top:1px solid #dadade}.tablePage .blockTable .expandColumnTotalLast{padding-top:10px;padding-bottom:10px;border-top:none}.tablePage .defaultTable tbody tr td.string,.tablePage .defaultTable thead th.string,.tablePage .stringTable{max-width:200px;overflow:hidden}.tablePage .defaultTable tbody tr td.numeric,.tablePage .defaultTable thead th.numeric,.tablePage .numericTable{text-align:right}.tablePage .actionTable,.tablePage .defaultTable tbody tr td.action,.tablePage .defaultTable thead th.action{text-align:center}.tablePage .defaultTable tbody tr td.editable,.tablePage .editableTable{width:20%;padding-left:10px;overflow:visible}.tablePage .defaultTable{overflow:auto;border-collapse:collapse;width:100%;border-left:1px solid #dadade;border-right:1px solid #dadade}.tablePage .defaultTable thead th{color:#fff;padding:12px 15px}.tablePage .defaultTable tbody{overflow-y:hidden}.tablePage .defaultTable tbody tr{margin-top:20px}.tablePage .defaultTable tbody tr td{color:#000;padding:12px 15px;border-bottom:1px solid #dadade;min-width:25px;white-space:nowrap;text-overflow:ellipsis}.tablePage .defaultTable tbody tr td.numeric.harga-jual{color:#2ed18f}.noBorder{border:none!important}.hideOverflow{overflow:hidden!important}.pagination{display:flex;margin-top:20px;justify-content:flex-end}.subTableRow{width:100%}.subTableRow .rowSubItem{min-height:35px;line-height:2.5}.subTableRow .bottomLineRow{border-bottom:1px solid #dadade}.default-checkbox{display:flex}.default-checkbox label input{opacity:0}.default-checkbox label{position:relative;padding-left:.95em;cursor:pointer;color:#6a5e5e}.default-checkbox label:before{content:"";position:absolute;left:0;top:0;width:1.25em;height:1.25em;border:2px solid #54cf88;background:#fff;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.default-checkbox label:after{content:"\2713\0020";position:absolute;top:.15em;left:.22em;font-size:1.3em;line-height:.8;color:#09ad7e;transition:all .2s;opacity:0;transform:scale(0)}.default-checkbox label.checked:after{opacity:1;transform:scale(1)}.default-checkbox:disabled label:before{box-shadow:none;border-color:#54cf88;background-color:#fff}.default-checkbox:disabled label,.default-checkbox:disabled label:after{color:#000}.default-checkbox:checked:focus label:before{border:2px solid #54cf88}@media screen and (max-width:600px){.pagination-responsive{text-align:center!important;align-content:center!important}.pagination-responsive.page{zoom:.8}.pagination-responsive.page ul{float:none!important}}label:hover:before{border:2px solid #54cf88!important}.activeButtonItem{background:#54cf88!important;border-radius:5px!important;padding:2px 0!important;max-height:25px;text-transform:unset!important}.rangePicker{width:508px}.singlePicker{width:250px}.labelDatePicker{font-size:11px;margin-top:5px;margin-bottom:0;text-align:center}.DateTimePicker{position:absolute;background:#fff;z-index:2;border:1px solid #dadade}.DateTimePicker .DayPicker-Month{width:225px}.DateTimePicker .btn-group-input{display:flex;justify-content:flex-end;margin:5px}.DateTimePicker .btn-group-input button{border:none;background:#6a5e5e;color:#fff;margin-right:5px;padding:2px 15px;cursor:pointer}.DateTimePicker .btn-group-input button:hover{opacity:.8}.DateTimePicker .btn-group-input button:first-child{background:#54cf88}.DateTimePicker .btn-group-input button:last-child{background:#91969c;margin-right:0}.inline-picker{position:absolute;z-index:2;padding:20px;background:#fff;border:1px solid #dadade}@media (max-width:425px){.inputText{margin-top:10px}}.inputText label{display:block;font-weight:400;font-size:11px;text-align:left;text-transform:uppercase;color:#9e9e9e;margin-bottom:2px}.inputText input[type=date],.inputText input[type=number],.inputText input[type=password],.inputText input[type=text],.inputText input[type=textarea],.inputText textarea{padding:16px 10px;height:48px;border-radius:2px;border:1px solid #dadade;outline:none;background-color:#fff;font-size:14px;color:#363333;display:inline-block;width:100%}.inputText input[type=date]::-webkit-input-placeholder,.inputText input[type=number]::-webkit-input-placeholder,.inputText input[type=password]::-webkit-input-placeholder,.inputText input[type=text]::-webkit-input-placeholder,.inputText input[type=textarea]::-webkit-input-placeholder,.inputText textarea::-webkit-input-placeholder{opacity:.8}.inputText input[type=date]:-ms-input-placeholder,.inputText input[type=number]:-ms-input-placeholder,.inputText input[type=password]:-ms-input-placeholder,.inputText input[type=text]:-ms-input-placeholder,.inputText input[type=textarea]:-ms-input-placeholder,.inputText textarea:-ms-input-placeholder{opacity:.8}.inputText input[type=date]::-ms-input-placeholder,.inputText input[type=number]::-ms-input-placeholder,.inputText input[type=password]::-ms-input-placeholder,.inputText input[type=text]::-ms-input-placeholder,.inputText input[type=textarea]::-ms-input-placeholder,.inputText textarea::-ms-input-placeholder{opacity:.8}.inputText input[type=date]::placeholder,.inputText input[type=number]::placeholder,.inputText input[type=password]::placeholder,.inputText input[type=text]::placeholder,.inputText input[type=textarea]::placeholder,.inputText textarea::placeholder{opacity:.8}.inputText textarea{height:unset!important}.inputType_default label{color:#9e9e9e}.inputType_default input{border:1px solid #dadade;outline:none;color:#363333;background-color:#fff}.inputType_default input::-webkit-input-placeholder{opacity:.8}.inputType_default input:-ms-input-placeholder{opacity:.8}.inputType_default input::-ms-input-placeholder{opacity:.8}.inputType_default input::placeholder{opacity:.8}.inputType_green label{color:#2ed18f}.inputType_green input{border:1px solid #2ed18f;background-color:#e5fcf3;color:#2ed18f}.inputType_green input::-webkit-input-placeholder{opacity:.8}.inputType_green input:-ms-input-placeholder{opacity:.8}.inputType_green input::-ms-input-placeholder{opacity:.8}.inputType_green input::placeholder{opacity:.8}.defaultModalStyle .bodyModal p.confirmText{font-size:22px;margin:15px 0;text-align:center}.defaultModalStyle .footerModal{margin-top:50px}.loadingButtonDefault{position:relative;top:3px;margin-right:5px}.groupButtonListStatus{display:flex;flex:1 1}.groupButtonListStatus a,.groupButtonListStatus button{background:#fff;border-radius:3px;border:2px solid #c1c1c7;color:#c1c1c7;margin-right:4px;padding:2px 8px;cursor:pointer}.groupButtonListStatus a:hover,.groupButtonListStatus button:hover{background:#2ed18f;color:#fff;border-color:#2ed18f}.groupButtonListStatus a:last-child,.groupButtonListStatus button:last-child{margin-right:0}.groupButtonListStatus a.activeItem,.groupButtonListStatus button.activeItem{background:#54cf88;color:#fff;border-color:#54cf88}.groupButtonListStatus a.disabledItem,.groupButtonListStatus button.disabledItem{background:#c1c1c7!important;color:#fff;border-color:#c1c1c7}.disabledItem2{background:#e9e9e9!important;color:#fff;border-color:#e9e9e9}.optionList a,.optionList button{color:#fff;border:none;padding:3px 7px;line-height:1.3;flex-grow:1}.optionList a:first-child,.optionList button:first-child{background:#54cf88}.optionList a:last-child,.optionList button:last-child{background:#f8403e}.optionList a:hover,.optionList button:hover{opacity:.7}.btn-danger-input{background:#f44336!important;box-shadow:0 3px #fd8c84!important}.btn-danger-input,.btn-success-input{border:none!important;border-radius:3px!important}.btn-success-input{background:#54cf88!important;box-shadow:0 3px #afecc9}.dropzoneContent{display:flex;flex-wrap:wrap;align-content:flex-start}.dropzoneContent>div{border:1px solid #5580e9;box-shadow:0 0 5px #5580e9;background-color:#ddd;border-radius:3px;cursor:pointer;box-sizing:border-box;width:200px;height:110px;margin:0 5px;display:flex;justify-content:center;align-items:center}.dropzoneContent>div p{margin:0;font-weight:700;color:#82a2ef}.dropzoneContent>div :hover p{color:#5580e9}.dropzonePreview{margin:0 5px 10px;position:relative}.dropzonePreview button{position:absolute;z-index:2;right:1px;top:-5px;background:#f44336;color:#fff;border:none;padding:4px 10px;cursor:pointer}.dropzonePreview figure{width:200px;height:110px;border:1px solid #5580e9;box-shadow:0 0 5px #5580e9;background-color:#2a2a2a;border-radius:3px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;margin:0 0 10px}.dropzonePreview figure img{width:100%}.dropzonePreview figure figcaption{margin-top:10px}.textUpload{text-align:center;padding:0 10px;font-weight:700;color:#5580e9}.group-default{margin:12px 0}.group-default .filterOption{padding:0}.group-block *{display:block;width:100%;text-align:left;margin-bottom:5px}.group-block :last-child{margin-bottom:0}.filterOption{padding:0 5px;display:flex;flex-direction:column}@media (max-width:425px){.filterOption{margin-top:10px}}.filterOption label{display:block;font-weight:400;font-size:11px;text-align:left;text-transform:uppercase;color:#9e9e9e;margin-bottom:2px}.filterOption .group-select-input{border-radius:5px;border:1px solid #ddd;background-color:#fefefe;display:flex;justify-content:space-between;position:relative}.filterOption .group-select-input>div{width:100%;padding:6px 10px;font-size:13px}.filterOption .group-select-input>div:before{content:none!important}.MuiMenu-list{padding:8px!important}.MuiMenu-list option{cursor:pointer}.no-left-padding .MuiListItem-gutters{padding-left:0}.modalOverride .MuiDialogTitle-root{background-color:#3e80e3;color:#fff}.hide{display:none}.react-autosuggest__container{position:relative;width:100%}.react-autosuggest__input{width:240px;height:30px;padding:10px 20px 10px 40px;font-family:Helvetica,sans-serif;font-weight:300;font-size:16px;border:1px solid #aaa;border-radius:4px}.react-autosuggest__input--open{border-bottom-left-radius:0;border-bottom-right-radius:0}.react-autosuggest__suggestions-container{display:none}.react-autosuggest__suggestions-container--open{position:absolute;top:-15px;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;z-index:2}.react-autosuggest__suggestions-container--open,.react-autosuggest__suggestions-list{display:block;width:300px;font-family:Helvetica,sans-serif;font-weight:300;font-size:16px}.react-autosuggest__suggestions-list{padding:0;list-style-type:none;overflow-y:auto;max-height:200px;z-index:9999999;position:fixed;border:1px solid #aaa;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.react-autosuggest__suggestion{cursor:pointer;padding:10px 20px}.react-autosuggest__suggestion--highlighted{background-color:#ddd}.inputContainer{position:relative}.simpleFormContainerGrid{margin:15px 0 0!important}iframe{border:none}.additional-input-button{display:block;position:absolute;top:18px;right:24px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.list-failed_items{list-style-type:none}.list-failed_items li:before{content:"-";padding-right:8px}@media screen and (max-width:769px){.btn--block{display:block!important;width:100%;margin-bottom:5px!important}}.text--wrap{white-space:pre-wrap!important;word-break:break-all!important}.snackbar--error .MuiSnackbarContent-root{background-color:#dc143c}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#3f51b5;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:first-child{left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}input[type=text]:disabled{background:#e9e9e9;cursor:not-allowed}button:disabled,button[disabled]{background:#e9e9e9!important}.v1-close-info{display:flex;justify-content:space-around;align-items:center;padding:10px;background:#9fc5f8;margin-top:10px;grid-gap:.5em;gap:.5em}.v1-close-info-icon{transform:scale(2.5);margin-left:10px}.v1-close-info-label{margin-bottom:0!important;margin-left:10px;font-size:3vmin;color:#000}.headerPage{margin-top:30px;margin-bottom:30px}.headerPage .titlePage{font-size:20px;margin:0;text-transform:uppercase;font-weight:700}.headerPage .subTitlePage{font-size:13px;color:#9e9e9e;font-weight:400;margin-left:10px}.headerPage .otherInfo{text-align:right}.headerPage .infoList{margin:0;padding:0}.headerPage .infoList li{display:inline-block;list-style:none;margin-right:20px;font-size:13px}.headerPage .infoList li:last-child{margin-right:0}.headerPage .infoList li span{background-color:#54cf88;display:inline-block;color:#fff;width:25px;height:25px;font-size:12px;font-weight:400;border-radius:5px;text-align:center;margin-right:3px}.tableOutGoingGoods{width:99.9%!important}.tableOutGoingGoods tbody>tr.newLine td{padding:5px 12px!important}.tableOutGoingGoods tbody>tr.BorderRow>td:first-child{border-left:1px solid #dadade}.tableOutGoingGoods tbody>tr.BorderRow>td:last-child{border-right:1px solid #dadade}.tableOutGoingGoods button.activeItem{background-color:#20ce88}.buttonPrintOG{border:0;background:#91969c;color:#fff;line-height:3;padding:0 12px;border-radius:5px;margin-top:18px;cursor:pointer;max-width:170px}.buttonPrintOG:hover{opacity:.6}@media (max-width:425px){.buttonPrintOG{margin-bottom:15px;margin-top:0;display:block;width:100%}}.ContentSuratJalan{margin:30px}.ContentSuratJalan .group-input{text-align:right}.ContentSuratJalan .group-input button{margin-top:30px;border:none;margin-right:10px;cursor:pointer}.ContentSuratJalan .group-input button:hover{opacity:.6}.ContentSuratJalan .group-input button:last-child{margin-right:0}.ContentSuratJalan .group-input .btn-cancel{background:#f8403e;color:#fff;padding:7px 35px;border-radius:5px}.ContentSuratJalan .group-input .btn-simpan{background:#54cf88;color:#fff;padding:7px 35px;border-radius:5px}.DetailContent{margin:0 auto;padding:0 150px;position:relative}.DetailContent table{width:100%;border-collapse:collapse}.DetailContent table thead tr td{background:#f2f2f2;padding:8px;border-bottom:none!important}.DetailContent table tbody tr td{background:#fff;border-bottom:none!important;padding:8px}.DetailContent table tfoot tr td{border-top:1px solid #dadade;color:#3d80e3;padding:8px}@media print{.mainContent{padding:0!important}}.searchPage input{margin-top:16px}.formSuratJalan.deliveryOrder *{font-family:"Arial"!important;color:#000!important;-webkit-font-smoothing:unset!important;-webkit-tap-highlight-color:unset!important}.formSuratJalan.deliveryOrder .header>div:last-child>div:before{content:"";position:absolute;width:15px;height:100%;left:0;top:0;background:#ffbb03}.formSuratJalan{margin:20px auto;max-width:1200px}.formSuratJalan *{font-family:"Arial"!important;color:#000!important;-webkit-font-smoothing:unset!important;-webkit-tap-highlight-color:unset!important}.formSuratJalan .group-action a,.formSuratJalan .group-action button{color:#fff!important;border:none}.formSuratJalan .group-action button{padding:9px 15px!important}@media print{.formSuratJalan{-webkit-print-color-adjust:exact!important}.formSuratJalan .group-action{display:none!important}}.formSuratJalan .group-action{text-align:right;display:block;margin-bottom:20px}.formSuratJalan .group-action a,.formSuratJalan .group-action button{background:#5580e9;padding:7px 15px;font-size:14px;text-transform:uppercase;color:#fff;display:inline-block;margin-right:7px;transition:all .1s ease 0s;letter-spacing:1.5px;border-bottom:4px solid #3e6fe6}.formSuratJalan .group-action a:hover,.formSuratJalan .group-action button:hover{background:#e91e63;border-bottom-color:#e91e63}.formSuratJalan .group-action a:last-child,.formSuratJalan .group-action button:last-child{margin-right:0}.formSuratJalan .header p{margin:0}.formSuratJalan .header>div:first-child>p:last-child{font-size:12px}.formSuratJalan .header>div:last-child{text-align:right}.formSuratJalan .header>div:last-child p{text-transform:uppercase;margin-top:3px}.formSuratJalan .header>div:last-child>div{border:2px solid #000;padding:5px 10px;text-align:right;position:relative;width:auto;display:inline-block}.formSuratJalan .header>div:last-child>div h1{font-size:20px;font-weight:700;letter-spacing:3px;padding-left:10px;margin:0}.formSuratJalan .header>div:last-child>div:before{content:"";position:absolute;width:15px;height:100%;left:0;top:0;background:#f8403e}.formSuratJalan .header.copy>div:last-child>div:before{background:#a9a9a9!important}.formSuratJalan table.summary{margin-top:20px;width:100%}.formSuratJalan table.summary .discountShow,.formSuratJalan table.summary .grandTotalShow,.formSuratJalan table.summary .potonganPointShow,.formSuratJalan table.summary .subTotalShow{text-decoration:line-through}.formSuratJalan table.summary tr td:first-child{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:13px;font-weight:700}.formSuratJalan table.summary tr td:last-child{border:2px solid #000;font-weight:400;padding:3px 5px;text-align:right}.formSuratJalan .group-name{min-height:60px}.formSuratJalan .group-name h4{font-weight:400;font-size:13px;margin:0;font-weight:700}.formSuratJalan .group-name p{font-size:13px;overflow:hidden}.formSuratJalan .tableProduk{margin-top:10px;border-collapse:collapse;width:100%}.formSuratJalan .tableProduk thead tr td{border:2px solid #000;font-size:12px;padding:3px 8px;font-weight:700}.formSuratJalan .tableProduk tbody tr td{border-bottom:1px solid #000;font-size:12px;padding:5px 8px}.formSuratJalan .tableProduk tbody tr td .quantityBeforeShow{text-decoration:line-through;display:inline-block;width:10px}.formSuratJalan .tableProduk tbody tr td .quantityAfterShow{margin-left:100px;width:10px;display:inline-block;text-align:center}.formSuratJalan .tableProduk tbody tr.row_reward_items td{border:none}.formSuratJalan .tableProduk tbody tr.row_reward_items td.reward_items_text *{font-size:12px}.formSuratJalan .tableProduk tbody tr.row_reward_items:last-child{border-bottom-style:double}.formSuratJalan .tableProduk tbody tr.row_reward_items .row_reward_items_banner{padding:0}.formSuratJalan .tableProduk tbody tr.row_reward_items .reward_items_ribbon{width:130px;padding:3px;background-color:#000;color:#fff!important;font-size:12px;font-weight:700;text-align:center;text-transform:uppercase;border-radius:0 0 8px 8px}.formSuratJalan .remark{margin-top:10px}.formSuratJalan .remark h4{padding-top:10px;font-size:13px;font-weight:700;text-transform:uppercase;margin-bottom:0}.formSuratJalan .remark p{margin:0;font-size:12px}.formSuratJalan .remark ul{margin:0}.formSuratJalan .remark ul li{margin-left:-20px}.formSuratJalan hr{border-top:double}.formSuratJalan .assign{margin-top:20px}.formSuratJalan .assign table{width:100%;border-collapse:collapse}.formSuratJalan .assign table tbody tr td{border:1px solid #000;height:100px;padding:5px 10px;vertical-align:top;width:33.33%}.formSuratJalan .assign table tbody tr td h4{margin:0;font-weight:700;font-size:13px;vertical-align:top}.formSuratJalan .note{font-size:12px;margin-top:5px}.formSuratJalan .company-information{border:1px solid #ccc4c4;border-radius:10px;display:flex;justify-content:center;line-height:.8}.formSuratJalan .company-information .company-information-detail{padding:10px;min-width:450px;text-align:center}.formSuratJalan .company-information .company-information-detail .email-and-phone{display:flex;justify-content:space-around}.nomargin-top{margin-top:0!important}.superButton{border:none;background:#91969c;color:#fff;padding:7px 35px;border-radius:5px}.superButton:hover{background:#c1c1c7}@media (max-width:425px){.superButton{line-height:1.3}}.superButton a.activeItem{background:#54cf88;color:#fff}.primary{background:#54cf88}.danger{background:#f8403e}.default{background:#91969c}.DayPicker.dayPickerOverride{position:relative}.DayPicker.dayPickerOverride .DayPicker-wrapper{position:absolute;top:-17px;left:3px;z-index:9999;background-color:#fff;border:3px solid #f7f7f7;border-radius:5px}.MuiSnackbar-root.relative{position:relative;bottom:0;left:0}.MuiSnackbarContent-root.relative{background-color:transparent!important;width:100%;text-align:left;margin-bottom:40px;justify-content:left;box-shadow:none;border-radius:7.5px;border:1px solid #ff4040;margin-top:40px}.MuiSnackbarContent-root.relative .error-notif ul{list-style:none;padding-left:0}.MuiSnackbarContent-root.relative .error-notif ul li:first-child{font-weight:700}.MuiSnackbarContent-root.relative .MuiSnackbarContent-message{color:#ff4040}.MuiSnackbarContent-root.relative .MuiSnackbarContent-message:before{content:"ERROR VALIDATION";display:block;position:absolute;bottom:30px;left:10px;width:auto;font-size:19px;border-bottom:none;background:#fff;padding:0 10px}.MuiSnackbarContent-root.relative .MuiSnackbarContent-action,.MuiSnackbarContent-root.relative .MuiSvgIcon-root{display:none}.tabSuperCenter{background:#bcd7ff}.tabSuperCenter .Mui-selected{background:#3e80e3;color:#fff!important}.tabSuperCenter .MuiTabs-indicator{background:#053e90;height:3px}.tabSuperCenter .MuiTabs-flexContainer{justify:space-between}.tabSuperCenter button{min-width:100px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tableDetailSuperCenter .rdt_TableCol:last-child{text-align:left!important;padding-right:0!important}.tableDetailSuperCenter .rdt_TableCell:last-child{padding-right:0!important}.tableDetailSuperCenter .rdt_TableCell .warning-stock{color:#fff}.rowInputGroup{display:flex;justify-content:space-between}.rowInputGroup>div{margin-right:5px}.rowInputGroup>div input{max-width:100%;padding:5px 7px;border:1px solid #dadade;font-size:13px;border-radius:3px}.rowInputGroup>div:last-child{margin-right:0}.mainContainerLogin{width:100%;height:100vh;background-size:cover;display:flex;align-items:center;flex-direction:column}@media (max-width:425px){.mainContainerLogin{display:block;overflow:hidden}}.mainContainerLogin .mainLoginPage{width:400px;max-width:100%;height:auto;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;box-sizing:border-box;background-color:rgba(0,0,0,.05);padding:50px;border-radius:5px;margin:80px auto}@media (max-width:425px){.mainContainerLogin .mainLoginPage{padding:15px}}.mainContainerLogin .mainLoginPage .headerLogin{margin:0!important;padding:0!important}.mainContainerLogin .mainLoginPage .headerLogin h2{margin:0!important;color:#fff;font-size:2rem;font-weight:500}.mainContainerLogin .mainLoginPage .footerLogin{text-align:right}.mainContainerLogin .mainLoginPage .footerLogin button{background:#5580e9;color:#fff!important;padding:10px 20px;margin:30px 0;border-bottom:4px solid #3e6fe6}.mainContainerLogin .mainLoginPage .footerLogin button:hover{background:#e95580;border-bottom:4px solid #ff7eaa}.mainContainerLogin .mainLoginPage .bodyLogin span,.mainContainerLogin .mainLoginPage .bodyLogin svg{color:#b3b3b3}.mainContainerLogin .mainLoginPage .bodyLogin>div{margin-bottom:0!important}.mainContainerLogin .mainLoginPage .bodyLogin>div label{color:#fff!important;font-size:16px}.mainContainerLogin .mainLoginPage .bodyLogin>div>div{background:#fff;padding:7px 10px;border-radius:5px}.mainContainerLogin .mainLoginPage .bodyLogin>div>div label{color:#fff!important}.mainContainerLogin .mainLoginPage .bodyLogin>div>div input{border-color:transparent!important}.mainContainerLogin .mainLoginPage .bodyLogin>div>div:after,.mainContainerLogin .mainLoginPage .bodyLogin>div>div:before{content:none!important}.manage-menu .layout{padding:15px}.manage-menu .custom-button{background:#3e80e3!important}.manage-menu .footerButton,.manage-menu .headerButton{border:none;color:#fff;border-radius:5px;background:#3e80e3;text-align:center;width:calc(100% - 20px);margin-left:20px;font-size:14px;font-weight:300;height:100%;cursor:pointer}.manage-menu .footerButton{max-height:40px;margin:10px 0;width:100%}.manage-menu .headerButton.success{background:#2ed18f}.manage-menu .headerButton.danger{background:#ff4040}.manage-menu .fullHeight{height:100%}.manage-menu .fullWidth{width:100%}.manage-menu .draggable-list{margin-bottom:20px}.manage-menu .draggable-list .nestable-item-name{border-radius:6px;padding:5px 10px;line-height:10pt;background:#f7f7f7;border:thin solid #dadade;z-index:9}.manage-menu .draggable-list .menuContent{display:flex}.manage-menu .draggable-list .menuContent span{flex:1 1;display:flex;align-items:center}.manage-menu .draggable-list .menuContent .menuButton{margin:0;padding:3px 5px!important;min-width:auto!important;min-height:auto!important}.manage-menu .draggable-list .menuContent .menuIcon{height:20px;width:20px}.manage-menu .draggable-list .nestable-item-name:hover{background:#dadade}.tableRole.manage-menu{margin-bottom:100px!important}.tableIncoming .MuiListItem-root.MuiListItem-gutters{min-height:100px;align-items:normal;padding-left:0;padding-bottom:0}.tableIncoming .MuiListItem-root.MuiListItem-gutters:not(.first-product){padding-top:0}.tableIncoming .longtext{font-size:12px}.tableIncoming .shorttext{font-size:14px}.noOverflow{overflow-x:visible!important}.noOverflow .DayPicker.dayPickerOverride .DayPicker-wrapper{right:1px;left:-230px;top:21px}.react-autosuggest__container--open .react-autosuggest__suggestions-container{position:relative;width:100%;background-color:#fff}.react-autosuggest__suggestions-list{padding-left:0;border:1px solid #dedede;position:absolute;width:100%;background-color:#fff;max-height:300px;overflow:auto}.react-autosuggest__suggestion{list-style-type:none;padding:5px 5px 5px 10px}.react-autosuggest__suggestion:hover{background-color:#ddd}.react-autosuggest__input{width:100%;height:25px;padding:7.5px;border-radius:2px;background-color:#fefefe;font-size:14px;color:rgba(0,0,0,.64)}.react-autosuggest__input--focused{outline:none;border:"1px solid #5580E9";box-shadow:none;background-color:#fafafa}