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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}[data-testid=filterReset-button]{display:none!important}.style_warning__1mfGc{background:#ef4c4d;color:#fff;display:inline-grid;width:20px;height:20px;place-items:center;border-radius:50%;margin-left:4px}@font-face{font-family:"opensans";src:url(../../static/media/OpenSans-Light.1bf71be1.ttf) format(truetype);font-weight:300;font-style:normal}@font-face{font-family:"opensans";src:url(../../static/media/OpenSans-LightItalic.6943fb6f.ttf);font-weight:300;font-style:italic}@font-face{font-family:"opensans";src:url(../../static/media/OpenSans-Regular.629a55a7.ttf);font-weight:400;font-style:normal}@font-face{font-family:"opensans";src:url(../../static/media/OpenSans-Italic.c7dcce08.ttf);font-weight:400;font-style:italic}@font-face{font-family:"opensans";src:url(../../static/media/OpenSans-SemiBold.33f225b8.ttf);font-style:normal;font-weight:600}@font-face{font-family:"opensans";src:url(../../static/media/OpenSans-SemiboldItalic.73f7301a.ttf);font-style:italic;font-weight:600}@font-face{font-family:"opensans";src:url(../../static/media/OpenSans-Bold.50145685.ttf);font-style:normal;font-weight:700}@font-face{font-family:"opensans";src:url(../../static/media/OpenSans-BoldItalic.78b08a68.ttf);font-style:italic;font-weight:700}@font-face{font-family:"opensans";src:url(../../static/media/OpenSans-ExtraBold.8bac22ed.ttf);font-style:normal;font-weight:800}@font-face{font-family:"opensans";src:url(../../static/media/OpenSans-ExtraBoldItalic.73d6bb0d.ttf);font-style:italic;font-weight:800}*{outline:none;padding:0;font-family:"opensans";outline:0;color:inherit;font-size:inherit;margin:0;text-decoration:none}html{scroll-behavior:smooth}.container{width:90%;margin:0 auto}h6{font-size:13px;font-weight:700}.form{width:100%}.form .input-container{margin-bottom:20px}.form .input-container.error .input{border-bottom-color:#e3342f}.form .input-container.error .hint{color:#999;font:600 12px opensans}.form .input-container textarea{color:red}.form .input-container .input{width:100%;height:44px;border-radius:3px;box-sizing:border-box;padding:0 10px;border:1px solid #ddd;color:#333;font-size:12px;font-weight:400}.form .input-container .input[readonly]{background:#f4f4f4;cursor:not-allowed}.form .input-container .input[type=file]{border:0;padding:0}.form .input-container .hint{display:block;margin-top:5px;margin-left:2px;font-size:11.5px;color:#aaa;font-family:opensans}.form .input-container label{display:block;margin-bottom:5px;text-transform:capitalize;color:#777;font:600 13px opensans}.btn{border-radius:3px;cursor:pointer}.btn i{margin-right:5px}.btn.black{color:#fff;background:#000}.btn.blue{color:#fff;background:#3367d6}.btn.grey{background:#eee;color:#333}.btn.block{width:100%}.btn.line{background:transparent;color:#555;border:1px solid #bbb}.btn.lg{padding:17px 34px;font-size:14px;font-weight:600}.btn.md{padding:13px 35px;font-size:11px;font:700 13px opensans}.btn.md.narrow{padding:13px 25px}.hide{display:none}.mb-30{margin-bottom:30px!important}.mt-32{margin-top:32px}.mt-16{margin-top:16px}.mt--16{margin-top:-16px}.notif{margin-bottom:30px;padding:15px 20px;border-radius:3px;color:#fff;font-size:14px}.notif.success{background:#38c172}.notif.error{background:#e3342f}.notif b{text-transform:capitalize}.text-center{text-align:center}.login-page{display:grid;grid-template-columns:1fr 370px;width:100vw;height:100vh;overflow:hidden}.login-page .col-left{position:relative;background:#000;width:100%;height:100%;overflow:hidden}.login-page .col-left .caption{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;color:#fff}.login-page .col-left .caption h1{text-transform:uppercase;letter-spacing:5px;font-size:14px;font-weight:700;margin-bottom:40px;display:grid;grid-template-columns:60px 1fr;-moz-column-gap:20px;grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;align-items:center}.login-page .col-left .caption hr{border:0;border-bottom:2px solid #fff;width:100%}.login-page .col-left .caption p{font-size:40px;margin-bottom:40px;line-height:60px}.login-page .col-left img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.7;z-index:1}.login-page .col-right{display:grid;align-items:center}.login-page .col-right>div{margin-top:-15%}.login-page .col-right>div .logo{width:75px;display:block;margin:0 auto 24px}.login-page .col-right>div form{display:block;margin:0 auto;width:75%}.login-page .col-right>div form .form-title{font-size:16px;text-align:center;margin-bottom:40px}.login-page .col-right>div form .forgot-password{color:#3367d6;font-weight:700;text-align:center;margin-top:24px;display:inline-block;font-size:13px}.login-page .col-right>div form button{margin-top:32px}.errMsg{color:#e3342f;font-size:12px;font-weight:400;margin-top:4px}form hr{grid-column:1/-1;border:0;border-bottom:1px solid #eee}form .field-container{margin-bottom:24px}form .field-container.buttons{text-align:right}form .field-container.buttons button{margin-left:8px}form .field-container.col-full{grid-column:1/-1}form .field-container.datepicker .MuiFormControl-marginNormal{width:100%}form .field-container.datepicker input[type=text]{border-radius:0;border:0}form .field-container.col-1 input{grid-column:span 1}form .field-container.col-2 input{grid-column:span 2}form .field-container.col-3 input{grid-column:span 3}form .field-container.col-4 input{grid-column:span 4}form .field-container.col-5 input{grid-column:span 5}form .field-container.col-6 input{grid-column:span 6}form .field-container.col-7 input{grid-column:span 7}form .field-container.col-8 input{grid-column:span 8}form .field-container.col-9 input{grid-column:span 9}form .field-container.col-10 input{grid-column:span 10}form .field-container.col-11 input{grid-column:span 11}form .field-container.col-12 input{grid-column:span 12}form .field-container label{display:block!important;font-weight:600;text-transform:capitalize;color:#777;display:inline-block;margin-bottom:6px;font-size:13px}form .field-container input[type=email],form .field-container input[type=password],form .field-container input[type=text],form .field-container select{border:1px solid #ddd;height:44px;font-weight:400;font-size:13px;padding:8px 12px;box-sizing:border-box;border-radius:3px;color:#555;display:block;width:100%}form .field-container input[type=file]{height:44px;font-weight:400;font-size:13px;display:block;box-sizing:border-box;border-radius:3px;color:#555;border:0;padding:2px 0 0}form .field-container .errMsg{color:#e3342f;font-size:12px;font-weight:400;margin-top:4px}form .field-container textarea{height:44px;height:100px}form .field-container-edc select,form .field-container textarea{border:1px solid #ddd;font-weight:400;font-size:13px;display:block;padding:8px 12px;box-sizing:border-box;border-radius:3px;color:#555;width:100%}form .field-container-edc select{height:44px}form .fields-group-container{margin-bottom:16px;margin-top:40px}form .fields-group-container .bordered{border:1px solid #eee;grid-column:1/-1;padding:30px 30px 15px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));-moz-column-gap:16px;grid-column-gap:16px;-webkit-column-gap:16px;column-gap:16px;background:#fcfcfc;border-radius:3px;margin-bottom:16px}form .fields-group-container.address-information{grid-template-columns:repeat(4,1fr)}form .fields-group-container.address-information .field-container:nth-child(2){grid-column:span 2}form .fields-group-container .field-group-title{font-size:14px;color:#333;font-weight:600;margin-bottom:24px;grid-column:1/-1;text-transform:capitalize}form .fields-group-container .field-group-title span{display:block;color:#aaa;font-size:12.3px;font-weight:400;margin-top:4px;margin-bottom:0}form .fields-group-container.buttons{display:block;text-align:right;border-top:1px solid #eee;padding-top:24px}form .fields-group-container.buttons button{margin-left:16px}form .fields-group-container.buttons .field-group-title{display:none}form.form-branch>div{display:grid;-moz-column-gap:40px;grid-column-gap:40px;-webkit-column-gap:40px;column-gap:40px}form.form-branch>div.general-information{grid-template-columns:.7fr 1fr .7fr}form.form-branch>div.address-information{grid-template-columns:repeat(4,1fr)}form.form-branch>div.address-information .field-container:nth-child(2){grid-column:span 2}form.form-branch>div.contact-information{grid-template-columns:repeat(3,1fr)}form.form-profile>div{display:grid;-moz-column-gap:40px;grid-column-gap:40px;-webkit-column-gap:40px;column-gap:40px}form.form-profile>div.general-information{grid-template-columns:repeat(4,1fr)}form.form-profile>div.general-information .field-container:nth-child(2){grid-column:span 2}form.form-profile>div.address-information{grid-template-columns:repeat(4,1fr)}form.form-profile>div.address-information .field-container:nth-child(2){grid-column:span 2}form.form-profile>div.contact-information{grid-template-columns:repeat(3,1fr)}form.form-member{display:grid;-moz-column-gap:56px;grid-column-gap:56px;-webkit-column-gap:56px;column-gap:56px;align-items:start}form.form-member .fields-group-container{-moz-column-gap:40px;grid-column-gap:40px;-webkit-column-gap:40px;column-gap:40px;display:grid;grid-template-columns:repeat(12,1fr)}form.form-member .fields-group-container .field-container{grid-column:span 3}form.form-member .fields-group-container .field-container.span-1{grid-column:span 1}form.form-member .fields-group-container .field-container.span-2{grid-column:span 2}form.form-member .fields-group-container .field-container.span-3{grid-column:span 3}form.form-member .fields-group-container .field-container.span-4{grid-column:span 4}form.form-member .fields-group-container .field-container.span-5{grid-column:span 5}form.form-member .fields-group-container .field-container.span-6{grid-column:span 6}form.form-member .fields-group-container .field-container.span-7{grid-column:span 7}form.form-member .fields-group-container .field-container.span-8{grid-column:span 8}form.form-member .fields-group-container .field-container.span-9{grid-column:span 9}form.form-member .fields-group-container .field-container.span-10{grid-column:span 10}form.form-member .fields-group-container .field-container.span-11{grid-column:span 11}form.form-member .fields-group-container .field-container.span-12{grid-column:span 12}form.form-member .fields-group-container.buttons{display:block;margin-top:24px;grid-column:1/-1}form.form-contact{display:grid;grid-template-columns:1fr .5fr;align-items:start;-moz-column-gap:80px;grid-column-gap:80px;-webkit-column-gap:80px;column-gap:80px}form.form-contact .top{grid-column:1/-1}form.form-contact .top .fields-group-container.contact-type .field-container{display:inline-block!important;margin-right:40px}form.form-contact .kanan{background:#fafafa;padding:24px}form.form-contact .kiri .fields-group-container{-moz-column-gap:40px;grid-column-gap:40px;-webkit-column-gap:40px;column-gap:40px;display:grid;grid-template-columns:repeat(12,1fr)}form.form-contact .kiri .fields-group-container .field-container{grid-column:span 3}form.form-contact .kiri .fields-group-container .field-container.span-1{grid-column:span 1}form.form-contact .kiri .fields-group-container .field-container.span-2{grid-column:span 2}form.form-contact .kiri .fields-group-container .field-container.span-3{grid-column:span 3}form.form-contact .kiri .fields-group-container .field-container.span-4{grid-column:span 4}form.form-contact .kiri .fields-group-container .field-container.span-5{grid-column:span 5}form.form-contact .kiri .fields-group-container .field-container.span-6{grid-column:span 6}form.form-contact .kiri .fields-group-container .field-container.span-7{grid-column:span 7}form.form-contact .kiri .fields-group-container .field-container.span-8{grid-column:span 8}form.form-contact .kiri .fields-group-container .field-container.span-9{grid-column:span 9}form.form-contact .kiri .fields-group-container .field-container.span-10{grid-column:span 10}form.form-contact .kiri .fields-group-container .field-container.span-11{grid-column:span 11}form.form-contact .kiri .fields-group-container .field-container.span-12{grid-column:span 12}form.form-contact .kiri .fields-group-container.buttons{display:block;margin-top:24px;grid-column:1/-1}form.form-contact .fields-group-container.buttons{grid-column:span 2;margin-top:40px}form.form-color input[name=code],form.form-unit input[name=code]{text-transform:uppercase}form.reject{display:grid;grid-template-columns:1fr .5fr;-moz-column-gap:60px;grid-column-gap:60px;-webkit-column-gap:60px;column-gap:60px}form.reject>div p{grid-column:1/-1}form.reject>div:first-child{align-content:start;width:90%;display:grid;-moz-column-gap:24px;grid-column-gap:24px;-webkit-column-gap:24px;column-gap:24px;grid-template-columns:1fr .7fr}form.reject>div:first-child .span-textarea{grid-column:1/-1}.alert{padding:12px 16px;border-radius:3px;margin-bottom:16px}.alert p{font-size:13px;color:#fff;line-height:22px}.alert p b{text-transform:capitalize}.alert.success{background:#38c172}.alert.error{background:#e3342f}.alert.info,.alert.warning{background:#f78300}.btn{transition:all .3s;display:inline-block;border:0;font-weight:600;font-size:13px;border-radius:200px}.btn:hover{transition:all 1s}.btn.no-label svg{margin:0}.btn.btn-text{background:transparent;padding:0;font-size:13px;font-weight:600;width:auto;justify-self:start}.btn.btn-text:hover{background:transparent!important}.btn.btn-text.btn-green{color:#4dc0b5;background:transparent}.btn.btn-text.btn-blue{color:#3367d6;background:transparent}.btn.btn-blue,.btn.btn-lightblue{background:#b3c7ee;color:#fff}.btn.btn-darkblue{background:#3367d6;color:#fff!important}.btn.btn-darkblue:hover{background:#2451b2}.btn.btn-rect{height:42px;padding:0 24px;border-radius:3px}.btn.btn-subbtn{border-radius:3px;height:42px;width:42px;align-self:center}.btn.btn-subbtn svg{margin:0!important}.btn.btn-sub{border-radius:3px;height:42px;width:42px;margin-bottom:24px;align-self:end}.btn.btn-sub svg{margin:0 0 0 -6px!important}.btn.btn-orange{background:#f78300;color:#fff}.btn.btn-orange:hover{background:#e87b00}.btn.btn-tile{background:#4dc0b5;color:#fff}.btn.btn-tile:hover{background:#39a197}.btn.btn-green{background:#4dc0b5;color:#fff}.btn.btn-green:hover{background:#39a197}.btn.btn-red{background:#e3342f;color:#fff}.btn.btn-red:hover{background:#c51f1a}.btn.btn-grey{color:#555;background:#f4f4f4}.btn.btn-block{display:block;width:100%}.btn.btn-lg{height:52px;font-size:13px}.btn.btn-md{font-size:12px;box-sizing:border-box;padding:0 28px;height:42px}.btn.btn-md.btn-wide{padding:0 56px}.btn.btn-secondary{background:#1c768f;display:inline-block;border-radius:200px;color:#fff;border:0;height:52px;padding:0 24px;font-weight:600;font-size:14px}.btn.btn-secondary:hover{background:#18647a}.btn svg{margin-right:8px}.adminarea{background:#f8f8f8;padding-top:100px}.adminarea .topbar{background:#fff;padding:12px 0;box-shadow:0 0 16px rgba(0,0,0,.1);position:fixed;width:100%;top:0;left:0;z-index:100}.adminarea .topbar .container,.adminarea .topbar .container .logo{display:grid;grid-template-columns:auto 1fr}.adminarea .topbar .container .logo{align-items:center;grid-column-gap:8px;font-weight:900;font-size:16px;letter-spacing:3px;text-transform:uppercase}.adminarea .topbar .container .logo img{width:40px}.adminarea .topbar .container .menus{justify-self:end;align-self:center;grid-auto-flow:column;display:grid;grid-column-gap:24px}.adminarea .topbar .container .menus a{align-self:center}.adminarea .topbar .container .menus a.menu img{width:18px}.adminarea .topbar .container .menus a:hover{color:#f78300}.adminarea .topbar .container .menus a.avatar{display:grid;grid-template-columns:28px 1fr;grid-column-gap:4px;align-items:center}.adminarea .topbar .container .menus a.avatar:hover span{color:#f78300}.adminarea .topbar .container .menus a.avatar span{font-size:13px;font-weight:600}.adminarea .topbar .container .menus a.avatar .img{width:28px;height:28px;overflow:hidden;border-radius:50%;box-shadow:0 0 0 4px #ddd}.adminarea .topbar .container .menus a.avatar .img img{width:100%;height:100%;object-fit:cover}.adminarea .topbar .container .menus a.avatar svg{font-size:26px;color:#ddd}.adminarea .sidebar{position:fixed;left:0;background:#fff;width:70px;z-index:99;height:100%;top:0;border-right:1px solid #eee;padding-top:8%;box-sizing:border-box}.adminarea .sidebar a{display:block;padding:8px 0;text-align:center;margin:12px 0}.adminarea .sidebar a.active{background:#f78300}.adminarea .sidebar a.active span{color:#fff}.adminarea .sidebar a img{width:30px;display:inline-block}.adminarea .sidebar a span{font-size:9px;color:#999;display:block;font-weight:600;text-transform:capitalize;margin:0 auto}.adminarea .page{min-height:100vh;padding-bottom:80px;width:calc(95vw - 110px);box-sizing:border-box;margin-left:110px}.adminarea .page .page-header{margin-bottom:16px;padding:0 16px;display:grid;grid-template-columns:1fr auto}.adminarea .page .page-header .page-title h3{font-size:22px;color:#f78300;text-transform:capitalize}.adminarea .page .page-header .page-title h3 span{color:#aaa;font-size:12px;font-weight:400;text-transform:lowercase}.adminarea .page .page-header .page-breadcrumb{display:grid;grid-auto-flow:column;grid-column-gap:12px;align-items:center}.adminarea .page .page-header .page-breadcrumb p{font-size:13px;color:#777}.adminarea .page .page-header .page-breadcrumb p.active{color:#f78300}.adminarea .page .page-header .page-breadcrumb svg{width:5px;color:#333}.adminarea .page .page-content{background:#fff;padding-top:16px;border-radius:10px;box-shadow:0 3px 15px rgba(0,0,0,.1)}.adminarea .page .page-content .tab .tab-nav{border-bottom:1px solid #eee}.adminarea .page .page-content .tab .tab-nav a{display:inline-block;padding:28px;font-size:13.3px;font-weight:600;color:#ccc;margin-bottom:-1px}.adminarea .page .page-content .tab .tab-nav a.active{color:#333;border-bottom:1px solid #f78300}.adminarea .page .page-content .tab .tab-content .tab-content-item{padding:28px;display:none}.adminarea .page .page-content .tab .tab-content .tab-content-item.active{display:block}.module{padding:0 8px;min-height:300px}.module .module-header{display:grid;grid-template-columns:1fr auto;margin-bottom:24px;border-bottom:1px solid #f4f4f4;padding-bottom:24px;align-items:center}.module .module-header>div{margin-top:16px}.module .module-header>div:last-child{display:grid;-moz-column-gap:8px;grid-column-gap:8px;-webkit-column-gap:8px;column-gap:8px;grid-auto-flow:column}.module .module-header button{padding:0 16px;border-radius:3px;margin-left:8px;text-transform:capitalize}.module .module-header h3{color:#333;font-size:17px;margin-bottom:4px;text-transform:capitalize}.module .module-header p{font-size:13px;color:#999}.profile{display:grid;grid-template-columns:200px 1fr;-moz-column-gap:80px;grid-column-gap:80px;-webkit-column-gap:80px;column-gap:80px;align-content:start;margin:30px auto 60px}.profile .img{padding:10px;border-radius:1px;position:relative;height:200px;width:200px;box-sizing:border-box}.profile .img p{position:absolute;z-index:5;font-size:12px;font-weight:600;background:rgba(0,0,0,.2);bottom:-30px;padding:6px 10px;text-align:center;color:#fff;cursor:pointer;width:calc(100% + 20px);margin:0;box-sizing:border-box}.profile .img img{position:absolute;width:inherit;z-index:4;height:inherit;outline:1px solid #ddd;padding:10px;object-fit:contain}.profile .desc{padding-top:20px}.profile .desc h1{font-size:24px;text-transform:capitalize;margin-bottom:10px;color:#333}.profile .desc p.address{color:#777;margin-bottom:20px;font-size:15px}.profile .desc p.other span{display:block;color:#555;margin-top:5px;margin-right:30px;font-size:13px;font-weight:600}.label{display:inline-block;padding:2px 12px;border-radius:88px;text-transform:capitalize;font-weight:600;font-size:12px}.label.success{background:#01d1c3}.label.danger{background:#ef4c4d;color:#fff}.label.primary{background:#6684f2;color:#fff}.label.success{background:#2ecc71;color:#fff}.label.warning{background:#ffab00;color:#fff}.label.grey{background:#ccc;color:#555}.label.invoiced{background:#2196f3;color:#fff}.label.delivered{background:#81c784;color:#fff}.label.received{background:#4caf50;color:#fff}.label.rect{border-radius:3px}.label.draft{border:1px solid #ddd}.loading-table{text-align:center;color:#777;margin:80px auto;background:#f4f4f4;padding:15px 50px;border-radius:3px;font-size:13px;width:60%;font-weight:600}.loading-content{display:grid;place-items:center;height:250px;align-content:center}.loading-content svg{font-size:26px;margin-bottom:24px;color:#333}.loading-content p{font-size:13px;color:#555;font-weight:600}.loading-inline{display:grid;grid-template-columns:auto 1fr;font-size:15px;align-items:center;-moz-column-gap:8px;grid-column-gap:8px;-webkit-column-gap:8px;column-gap:8px;margin-bottom:16px}.loading-inline svg{color:#333}.loading-inline p{color:#555;font-weight:500}.detail.branch,.detail.member{grid-template-columns:1fr 1fr}.detail.branch,.detail.member,.detail .row{display:grid;-moz-column-gap:40px;grid-column-gap:40px;-webkit-column-gap:40px;column-gap:40px}.detail .row{grid-template-columns:minmax(-webkit-max-content,.5fr) 1fr;grid-template-columns:minmax(max-content,.5fr) 1fr;border-bottom:1px solid #eee;padding-bottom:8px;margin-bottom:16px;font-size:13px}.detail .row .key{font-weight:600;color:#333;padding-left:16px}.detail .row .val{color:#777;line-height:22px}.detail .row .val a:hover{color:#f78300}.detail.product{display:grid;grid-template-columns:auto auto;-moz-column-gap:80px;grid-column-gap:80px;-webkit-column-gap:80px;column-gap:80px;margin-top:40px}.detail.product .row{display:grid;border-bottom:1px dotted #eee}.detail.product .row .key{font-weight:600;color:#333;padding-left:16px}.detail.product .row .val{color:#999}.detail.product .row .val:before{content:" : ";display:inline-block;width:40px}.detail.style-2{margin:52px 0 0;grid-template-columns:repeat(5,minmax(100px,200px))}.detail.style-2 .col{display:inline-block;margin-right:80px;margin-bottom:40px;max-width:200px;vertical-align:top}.detail.style-2 .col span.key{margin-bottom:8px;display:block;font-size:11px;text-transform:uppercase;font-weight:700;color:#21495e}.detail.style-2 .col span.val{font-size:13px;line-height:22px;display:block;color:#777;overflow-wrap:break-word}.detail.variant .col.variant_value{max-width:100%}.detail.variant .col.variant_value span.variant-value{background:#fff;margin-right:6px;border:1px solid #ddd;color:#555;font-size:11px;font-weight:600;padding:2px 12px;margin-bottom:0}.detail.contact{display:grid;-moz-column-gap:50px;grid-column-gap:50px;-webkit-column-gap:50px;column-gap:50px}.detail.contact .col{margin-right:0}.tablenodata{margin:60px 0;display:grid;place-items:center;align-content:center;height:200px;text-align:center}.tablenodata img{width:60px;opacity:.2;margin-bottom:16px}.tablenodata p{color:#555;font-weight:600;font-size:13px}.td-email:hover{color:#f78300}.page-not-found{border:2px dashed #ddd;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:60px}.page-not-found h1{margin-top:24px;font-weight:600;font-size:13px;text-align:center;line-height:22px;color:#777}.page-not-found h1 span{display:block;font-weight:800}.page-not-found img{width:100px;margin:0 auto;display:block;opacity:.2}.table-usercategory{border-spacing:0;border-collapse:separate;margin-bottom:32px}.table-usercategory thead tr{margin-bottom:16px}.table-usercategory thead tr th{font-size:13px;background:#eee;padding:16px 0}.table-usercategory thead tr th:first-child,.table-usercategory thead tr th:nth-child(2){text-align:left;padding-left:16px}.table-usercategory tbody tr:first-child td{padding-top:16px}.table-usercategory tbody tr td{border-bottom:1px solid #eee;text-align:center;font-size:13px}.table-usercategory tbody tr td:first-child{text-align:left;color:#555;padding-left:16px;font-weight:600}.table-usercategory tbody tr td:nth-child(2){text-align:left;padding-left:16px;color:#777}.table-usercategory tbody tr td .field-container{display:inline-block;margin-bottom:0}.table-usercategory tbody tr td .field-container label{margin:0;display:inline-block}.table-usercategory tbody tr td .field-container label>span{transform:scale(.9)}.table{border-top-right-radius:3px;border-top-left-radius:3px;overflow:hidden;border-spacing:0;border-collapse:separate}.table,.table.table-brand-extra-form{width:100%}.table.table-brand-extra-form tr td:first-child{width:50px}.table.table-brand-extra-form tr td:nth-child(4){color:#555;font-size:16px;margin-right:8px;cursor:pointer}.table.table-brand-extra-form tr td.no-data-yet{text-align:center;padding:16px 0}.table thead tr th{text-align:left;font-size:13px;background:#e4efff;font-weight:600;border:1px solid #e4efff;padding:8px 12px}.table tbody tr td{padding:8px 12px;font-size:13px;color:#555;border:1px solid #eee;border-top:0;border-right:0}.table tbody tr td:last-child{border-right:1px solid #eee}.extra-form{border-top:1px dashed #eee;padding-top:24px;display:inline-block}.form-product-extra{display:grid;grid-template-columns:300px 300px;-moz-column-gap:40px;grid-column-gap:40px;-webkit-column-gap:40px;column-gap:40px}.detail-page{padding-bottom:24px}.detail-page table{margin:16px 0}.detail-page .detail-note{font-size:13px;color:#777}.table-form{border-collapse:separate;border-spacing:0}.table-form thead tr th{padding:8px 16px;background:#e4efff;font-size:13px;color:#555;text-align:left}.table-form tbody tr:nth-child(2n) td{background:#fafafa}.table-form tbody tr td{border-bottom:1px solid #eee;padding:8px 16px;font-size:13px;color:#777}.table th{background:#e4efff;font-size:13px;padding:8px 0;margin-top:8px}.table .table-detail{border-collapse:collapse;margin-bottom:80px;margin-top:16px}.table .table-detail th{background:#e4efff;font-size:13px;padding-left:24px!important;padding-right:24px!important;padding-top:12px;padding-bottom:12px}.table .table-detail th:first-child{width:50px;padding-right:0!important}.table .table-detail td{padding-left:24px!important}.table.wide td{min-width:130px;white-space:nowrap}.table.wide-2 td{min-width:90px;white-space:nowrap}.table.table-detail td .penerimaan_qty_received{border:1px solid #ddd;height:44px;font-weight:400;font-size:13px;display:block;padding:8px 12px;box-sizing:border-box;border-radius:3px;color:#555;height:32px;width:80px}.table.table-detail.style-2{border-radius:0}.table.table-detail.style-2 thead th{background:#21495e;color:#fff;padding:12px 16px;border-color:#21495e}.table.table-detail.style-2 thead th.width-as-content{white-space:nowrap}.table.table-detail.style-2 tbody tr td{border:0;padding:14px 16px;border-bottom:1px solid #ddd}.table.table-detail.style-2 tbody tr td:nth-child(2n){background:#fafafa}.table.table-detail.style-2 tbody tr td.highlight{font-weight:600;color:#21495e}.table.table-detail.style-2 tbody tr td.v-top{vertical-align:top}.table.table-detail.style-2 tbody tr td.width-as-content{white-space:nowrap;width:1%}.table.table-detail.style-2 tbody tr td:last-child{border-right:1px solid #ddd}.table.table-detail.style-2 tbody tr td:first-child{border-left:1px solid #ddd}.table.table-detail.style-2 tbody tr td p.total-inline{font-size:16px}.table.table-detail.style-2 tbody tr td p.total-inline span{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.table.table-detail.style-2 tbody tr td input{border:1px solid #ddd;height:44px;font-weight:400;font-size:13px;display:block;padding:8px 12px;box-sizing:border-box;border-radius:3px;color:#555;width:100%}.table.table-detail.style-2 tbody tr:hover td{border-bottom:1px solid #ccc}.table.table-detail.style-2 tbody tr.total td{padding:16px 16px 8px;background:#fff;font-size:13px;color:#21495e;font-weight:700}.table.table-detail.style-2 tbody tr.total td.note{vertical-align:top;color:#777;border-left:1px solid #ddd!important;font-weight:500;border-right:1px solid #ddd}.table.table-detail.style-2 tbody tr.total td.note b{display:block;margin-bottom:8px;color:#21495e}.table.table-detail.style-2 tbody tr.total td.note p{margin-bottom:4px}.table.table-detail.style-2 tbody tr.total td:first-child{border-left:0}.table.table-detail.style-2 tbody tr.total td:last-child{border-right:1px solid #ddd}.table.table-edc tbody tr td input{border:1px solid #ddd;height:44px;font-weight:400;font-size:13px;display:block;padding:8px 12px;box-sizing:border-box;border-radius:3px;color:#555;width:100%}.container-grey{padding:32px 32px 16px}.container-grey,.something2{border:1px solid #eee;background:#fafafa;border-radius:3px}.something2{grid-column:1/-1;padding:24px 24px 8px;margin-top:8px}.something2 p{display:grid;margin-bottom:8px;grid-template-columns:150px auto;font-size:13px}.something2 p span:first-child{font-weight:600;color:#333}.something2 p span:nth-child(2){color:#777}.something2 .subform-reject{display:grid;margin-top:32px;-moz-column-gap:40px;grid-column-gap:40px;-webkit-column-gap:40px;column-gap:40px;grid-template-columns:200px 200px .7fr 50px}.something2 .subform-reject .field-container{grid-column:span 1!important}.something3{display:grid;margin-left:-35px;align-content:start;grid-row-gap:3px;row-gap:3px}.something3 button{display:block;height:42px;width:50px;text-align:center;border-radius:3px}.something3 button svg{margin:0}.something3 label{display:block}.button-form-reject{display:block;border-top:1px solid #eee;margin-bottom:24px;padding-top:16px;text-align:right}.button-form-reject button{margin-left:16px}.button-form{display:block;border-top:1px solid #eee;margin-bottom:24px;padding-top:16px;text-align:right}.button-form button{margin-left:16px}.split-button-container{grid-column:1/-1;margin-bottom:32px;justify-self:start}span.variant-value{display:inline-grid;background:#f78300;border-radius:3px;color:#fff;place-items:center;padding:0 4px;text-transform:capitalize;margin-right:4px}.field-container.inputbutton>div{display:grid;align-items:end;grid-template-columns:1fr 50px}.field-container.inputbutton>div input{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.field-container.inputbutton>div button{width:100%;height:42px;color:#fff;border-radius:0;border-top-right-radius:3px;border-bottom-right-radius:3px;border:1px solid #01d1c3!important;background:#01d1c3}.status-text{text-transform:capitalize}.status-text:before{content:" ";display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle;margin-bottom:3px;margin-right:4px}.status-text.draft{color:inherit}.status-text.draft:before{background:#ddd}.status-text.active,.status-text.checked,.status-text.confirmed,.status-text.done,.status-text.paid{color:inherit}.status-text.active:before,.status-text.checked:before,.status-text.confirmed:before,.status-text.done:before,.status-text.paid:before{background:#4dc0b5}.status-text.inactive{color:inherit}.status-text.inactive:before{background:#e3342f}.status-text.open{color:inherit}.status-text.open:before{background:#3367d6}.status-text.waiting{color:inherit}.status-text.waiting:before{background:#f78300}.form-search-product{border:1px solid #eee;padding:32px 32px 16px;border-radius:3px;background:#fafafa;margin-bottom:40px}.form-search-product p.auto-text{font-size:14px;grid-row-gap:8px;row-gap:8px;display:grid;color:#999;grid-template-columns:200px 20px auto}.form-search-product p.auto-text .title{font-weight:600;color:#777;font-size:13px}.form-search-product .form{margin-top:28px;display:grid;border-top:1px dashed #ddd;padding-top:24px;-moz-column-gap:24px;grid-column-gap:24px;-webkit-column-gap:24px;column-gap:24px;grid-template-columns:200px 150px 150px 200px 52px}.form-search-product .form button{align-self:center;background:#01d1c3;color:#fff}.form-search-product .form button svg{margin:0 0 0 -4px!important;font-size:16px}.form-search-product .form-delivery{margin-top:28px;display:grid;border-top:1px dashed #ddd;padding-top:24px;-moz-column-gap:24px;-webkit-column-gap:24px;grid-column-gap:24px;column-gap:24px;grid-template-columns:200px 150px 150px 200px 150px}.form-search-product .form-delivery button{align-self:center;background:#01d1c3;color:#fff}.form-search-product .form-delivery button svg{margin:0 0 0 -4px!important;font-size:16px}.table-form-2{border-spacing:0;border-collapse:separate;font-size:13.3px;margin-top:16px;border-bottom:1px solid #eee;margin-bottom:32px;width:100%}.table-form-2.category-stockopname th:last-child{text-align:right;width:100px}.table-form-2.category-stockopname tr td:last-child{text-align:right;padding-right:60px}.table-form-2 td.action,.table-form-2 th.action{text-align:right;padding-right:16px}.table-form-2 td.action svg:hover,.table-form-2 th.action svg:hover{cursor:pointer;color:#e3342f}.table-form-2 thead th{background:#21495e;color:#fff;font-weight:600;padding:14px 60px 14px 16px;text-align:left}.table-form-2.no-padding thead th{padding-right:16px}.table-form-2 tbody tr td{border-bottom:1px solid #eee;padding:16px 16px 14px;color:#777}.table-form-2 tbody tr td.code{color:#21495e;font-weight:700}.table-form-2 tbody tr td.td-button{background:#eee!important;padding:12px 16px;text-align-last:left}.table-form-2 tbody tr td.td-button button{background:#fff;border:0;padding:12px 24px;border-radius:3px;font-weight:700;color:#555;font-size:13px;cursor:pointer;box-shadow:0 3px 3px #ddd}.table-form-2 tbody tr td.td-button button:hover{color:#777;background:#fefefe;box-shadow:0 3px 3px #ccc}.table-form-2 tbody tr:nth-child(2n) td{background:#fafafa}.input-on-table-row{border:1px solid #ddd;font-weight:400;font-size:13px;display:block;padding:8px 12px;box-sizing:border-box;border-radius:3px;color:#555;height:32px;width:80px}.modal,.modal-sales,.modal-stockopname{padding:20px 20px 35px;overflow:hidden}.modal-sales .button-container,.modal-stockopname .button-container,.modal .button-container{text-align:center}.modal-sales .button-container button,.modal-stockopname .button-container button,.modal .button-container button{display:inline-block;color:#fff;margin:0 8px;background:#3367d6;padding:12px 38px;border-radius:3px;font-size:13px}.modal-sales .button-container button:last-child,.modal-stockopname .button-container button:last-child,.modal .button-container button:last-child{color:#fff;background:#f78300}.modal-sales .button-container button:disabled,.modal-stockopname .button-container button:disabled,.modal .button-container button:disabled{cursor:not-allowed}.modal-sales p,.modal-stockopname p,.modal p{display:grid;align-items:end;font-weight:600;font-size:20px;text-align:center;margin-bottom:40px;color:#333}.modal-sales .modal-title,.modal-stockopname .modal-title,.modal .modal-title{background:#eee;font-weight:700;color:#333;padding:18px 40px;margin:-24px -24px 0;font-size:14px;text-transform:uppercase;border-top-left-radius:3px;border-top-right-radius:3px;display:grid;grid-template-columns:1fr auto}.modal-sales .modal-title p,.modal-stockopname .modal-title p,.modal .modal-title p{margin-bottom:0;text-align:left;font-size:14px;font-weight:700}.modal-sales .modal-title svg,.modal-stockopname .modal-title svg,.modal .modal-title svg{cursor:pointer}.modal-sales .detail.style-2,.modal-stockopname .detail.style-2,.modal .detail.style-2{margin:24px 0 0}.modal-sales .table-product,.modal-stockopname .table-product,.modal .table-product{max-height:400px;min-height:250px;margin:20px 0;position:relative}.modal-sales .table-product th,.modal-stockopname .table-product th,.modal .table-product th{top:0;position:-webkit-sticky;position:sticky;z-index:5}.modal-sales .table-product tbody tr td,.modal-stockopname .table-product tbody tr td,.modal .table-product tbody tr td{z-index:4}.modal-sales .total,.modal-stockopname .total,.modal .total{font-size:13px;margin-bottom:0;display:block;text-align:left;font-weight:600;color:#333;margin-top:24px}.modal-sales .total span,.modal-stockopname .total span,.modal .total span{display:inline-block;margin-right:24px}.table-container{width:100%;overflow:auto}.form-layout-1 .fields-group-container{-moz-column-gap:40px;grid-column-gap:40px;-webkit-column-gap:40px;column-gap:40px;display:grid;grid-template-columns:1fr 1fr 1fr;width:75%}.form-layout-1 .fields-group-container:not(first-child){margin-top:16px}.form-layout-1 .form-button{padding:32px 0 24px;border-top:1px dashed #eee}.form-layout-1 .form-button button{margin-right:16px;border-radius:3px;text-transform:uppercase;font-weight:700;font-size:13px!important;height:48px!important}.form-layout-1 .form-button button[type=button]{color:#555}.form-layout-1 .form-button button.btn-orange{color:#fff}.form-layout-1 .field-container .MuiInput-formControl,.form-layout-1 .field-container .MuiInput-formControl:after,.form-layout-1 .field-container .MuiInput-formControl:before,.form-layout-1 .field-container .MuiInput-root,.form-layout-1 .field-container .MuiInput-root:after,.form-layout-1 .field-container .MuiInput-root:before,.form-layout-1 .field-container .MuiInput-underline,.form-layout-1 .field-container .MuiInput-underline:after,.form-layout-1 .field-container .MuiInput-underline:before,.form-layout-1 .field-container .MuiInputBase-adornedEnd,.form-layout-1 .field-container .MuiInputBase-adornedEnd:after,.form-layout-1 .field-container .MuiInputBase-adornedEnd:before,.form-layout-1 .field-container .MuiInputBase-formControl,.form-layout-1 .field-container .MuiInputBase-formControl:after,.form-layout-1 .field-container .MuiInputBase-formControl:before,.form-layout-1 .field-container .MuiInputBase-root,.form-layout-1 .field-container .MuiInputBase-root:after,.form-layout-1 .field-container .MuiInputBase-root:before{border:0!important}.form-layout-1 .field-container>button{margin-top:22px}.form-layout-1 .field-container span.note{font-size:12px;color:#777;line-height:16px;display:block;margin-top:6px}.form-layout-1 .field-container.textarea{grid-column:span 2}.form-layout-1 .field-container textarea{height:72px}.form-layout-1 .field-container.span-2{grid-column:1/3}.form-layout-1 .field-container.span-3{grid-column:1/4}.form-layout-1 .field-container .input-number{width:100%}.sales-header{font-size:14px;text-transform:uppercase;border-radius:3px}.sales-header .sales-item{border:1px solid #eee;min-width:130px;display:inline-block;border-radius:5px;padding:20px;margin-right:10px;background:#fafafa}.sales-header .sales-item p:first-child{font-size:10px;color:#aaa;font-weight:700;margin-bottom:4px}.sales-header .sales-item p:nth-child(2){font-weight:700;font-size:18px;color:#333}.td-address{width:250px;white-space:break-spaces}.td-variant span{display:inline-block;margin-right:4px;margin-bottom:4px;border:1px solid #ddd;border-radius:3px;font-size:11px;background:#fff;font-weight:600;padding:5px 10px}.page-detail .detail{margin:52px 0 0;grid-template-columns:repeat(4,minmax(201px,300px));display:grid}.scroll{overflow:auto}.scroll-x{width:100%}.scroll-x,.scroll-x:hover,.table-product{overflow-x:auto}.table-product{width:100%;margin-bottom:16px}.table-product.style-2{max-height:unset;overflow-x:auto}.table-product.variant{width:70%;min-width:auto}.table-product.variant thead th{width:auto!important}.table-product.variant tbody tr td{width:auto;min-width:auto}.table-product table{min-width:100%;width:auto;border-spacing:0;border-collapse:separate;margin-bottom:24px;border-bottom:1px solid #ddd;border-radius:3px}.table-product table thead th{font-size:12px;text-transform:uppercase;padding:12px 16px;font-weight:600;background:#21495e;border-left:1px solid #285871;color:#fff;text-align:left;white-space:nowrap;width:1%}.table-product table thead th.right{text-align:right!important}.table-product table tbody tr td{padding:12px 16px;font-size:13px;vertical-align:middle;border-left:1px solid #ddd;color:#777;box-sizing:border-box;min-width:100px}.table-product table tbody tr td:last-child{border-right:1px solid #ddd}.table-product table tbody tr td.td-1 .field-container{width:200px}.table-product table tbody tr td.width-130{min-width:130px}.table-product table tbody tr td.width-120{min-width:120px}.table-product table tbody tr td.width-250{min-width:250px}.table-product table tbody tr td.width-160{min-width:160px}.table-product table tbody tr td.width-200{min-width:200px}.table-product table tbody tr td.qtyInput{white-space:nowrap}.table-product table tbody tr td.qtyInput .field-container{display:inline-block;margin-right:8px}.table-product table tbody tr td.qtyInput input{width:60px!important}.table-product table tbody tr td.width-as-content{white-space:nowrap}.table-product table tbody tr td.highlight{background:#fafafa;font-weight:600;color:#21495e;text-transform:capitalize}.table-product table tbody tr td input{width:100%;box-sizing:border-box;border:1px solid #ddd;padding:4px 8px;border-radius:3px;height:44px;color:#777}.table-product table tbody tr td .field-container{margin-bottom:0}.table-product table tbody tr td.code .field-container,.table-product table tbody tr td.product_name .field-container,.table-product table tbody tr td.product_name input{width:200px}.table-product table tbody tr td.qty.input{width:80px}.table-product table tbody tr td.qty input{width:50px;margin-right:8px}.table-product table tbody tr td.btn-action{vertical-align:middle;width:1px;text-align:right;white-space:nowrap}.table-product table tbody tr td.btn-action svg{cursor:pointer}.table-product table tbody tr td.btn-action svg:hover{color:#333}.table-product table tbody tr td.btn-action div{display:inline-grid;grid-template-columns:auto auto}.table-product table tbody tr td.btn-action button{width:30px;height:30px;border-radius:3px;display:inline-grid;margin:0 8px 0 0;cursor:pointer;place-items:center}.table-product table tbody tr td.btn-action button svg{margin:0!important;padding:0!important}.table-product table tbody tr td.uom_id{width:130px}.table-product table tbody tr td.uom_id .field-container{width:100%}.table-product table tbody tr td.text-red{color:#e3342f}.table-product table tbody tr td.text-center,.table-product table tbody tr td.text-center input{text-align:center}.table-product table tbody tr td.right,.table-product table tbody tr td.text-right{text-align:right}.table-product table tbody tr td button.btn-tableproduct{width:30px;height:30px;border-radius:3px}.table-product table tbody tr td button svg{margin:0!important}.table-product table tbody tr:last-child td{border-bottom:0}.table-product table tfoot tr.note-total td{border-left:1px solid #ddd;padding:8px 16px;border-top:1px solid #ddd;font-weight:700;font-size:13px;color:#333;vertical-align:top}.table-product table tfoot tr.note-total td:last-child{border-right:1px solid #ddd}.table-product table tfoot tr.note-total td.width-as-content{white-space:nowrap;width:1%}.table-product table tfoot tr.note-total td>b{display:inline-block;margin-top:8px;margin-bottom:8px}.table-product table tfoot tr.note-total td p{text-align:left;margin-bottom:8px;font-size:13px;color:#777;display:block}.table-product table tfoot tr.note-total td p.note{font-weight:500}.table-product table tfoot tr.note-total td p.payment-summary span{display:inline-block;margin-right:40px}.table-product table tfoot tr.note-total td p.payment-summary span b{color:#4dc0b5}.table-product .total-container{display:inline-grid;grid-template-columns:auto auto auto;border:1px solid #ddd;padding:20px 30px;grid-auto-flow:column;-moz-column-gap:40px;grid-column-gap:40px;-webkit-column-gap:40px;column-gap:40px;margin-bottom:24px}.table-product .total-container p{border-left:1px solid #ddd;font-weight:700;padding-left:20px}.table-product .total-container p:first-child{border:0;padding-left:0}.table-product .total-container p span:nth-child(2){font-size:15px;font-weight:700;color:#333;padding-bottom:8px}.table-product .total-container p span:first-child{display:block;color:#777;font-size:11px;padding-bottom:4px;font-weight:800;text-transform:uppercase}.table-product .header{display:grid;grid-template-columns:1fr 1fr}.table-product .header p{font-weight:600;color:#333;font-size:13px;text-align:left;margin-bottom:24px;margin-top:16px}.table-product .header p:last-child{text-align:right}.table-product-no-max-height-and-overflow{width:100%;margin-bottom:16px}.table-product-no-max-height-and-overflow table{min-width:100%;width:auto;border-spacing:0;border-collapse:separate;margin-bottom:24px;border-bottom:1px solid #ddd}.table-product-no-max-height-and-overflow table thead th{font-size:13px;padding:12px 8px;font-weight:600;background:#21495e;border:1px solid #21495e;color:#fff;text-align:left;white-space:nowrap;width:1%}.table-product-no-max-height-and-overflow table thead th.right{text-align:right!important}.table-product-no-max-height-and-overflow table tbody tr td{padding:12px 8px;font-size:13px;vertical-align:middle;border-left:1px solid #ddd;color:#777;box-sizing:border-box}.table-product-no-max-height-and-overflow table tbody tr td:last-child{border-right:1px solid #ddd}.table-product-no-max-height-and-overflow table tbody tr td input{width:100%;box-sizing:border-box;border:1px solid #ddd;padding:4px 8px;border-radius:3px;height:44px;color:#777}.table-product-no-max-height-and-overflow table tbody tr td .field-container{margin-bottom:0}.table-product-no-max-height-and-overflow table tbody tr td.product_name input{width:200px}.table-product-no-max-height-and-overflow table tbody tr td.code,.table-product-no-max-height-and-overflow table tbody tr td.product_name{width:100px}.table-product-no-max-height-and-overflow table tbody tr td.code .field-container,.table-product-no-max-height-and-overflow table tbody tr td.product_name .field-container{width:200px}.table-product-no-max-height-and-overflow table tbody tr td.qty.input,.table-product-no-max-height-and-overflow table tbody tr td.qty input{width:80px}.table-product-no-max-height-and-overflow table tbody tr td.btn-action{vertical-align:middle;width:1px;text-align:right;white-space:nowrap}.table-product-no-max-height-and-overflow table tbody tr td.btn-action diV{display:inline-grid;grid-template-columns:auto auto}.table-product-no-max-height-and-overflow table tbody tr td.btn-action button{width:30px;height:30px;border-radius:3px;display:inline-grid;margin:0 8px 0 0;cursor:pointer;place-items:center}.table-product-no-max-height-and-overflow table tbody tr td.btn-action button svg{margin:0!important;padding:0!important}.table-product-no-max-height-and-overflow table tbody tr td.uom_id{width:130px}.table-product-no-max-height-and-overflow table tbody tr td.uom_id .field-container{width:100%}.table-product-no-max-height-and-overflow table tbody tr td.right{text-align:right}.table-product-no-max-height-and-overflow .total-container{display:inline-grid;grid-template-columns:minmax(auto,1fr) 160px;grid-template-rows:auto auto;grid-auto-flow:column;border:1px solid #ddd;border-left:0;border-bottom:0;margin-bottom:24px}.table-product-no-max-height-and-overflow .total-container p{border-bottom:1px solid #ddd;padding:8px 8px 4px;font-weight:700}.table-product-no-max-height-and-overflow .total-container p:nth-child(odd){color:#21495e;font-size:12px;padding-right:80px;background:#fafafa;font-weight:800;text-transform:uppercase;border-left:1px solid #ddd}.table-product-no-max-height-and-overflow .total-container p:nth-child(2n){font-size:13.5px;color:#333;padding-bottom:8px;padding-top:12px}.table-product-no-max-height-and-overflow .total-container p:nth-child(2n):not(:first-child){border-left:1px solid #ddd}.label-as-baloon{position:relative}.label-as-baloon label{position:absolute;left:4px;font-weight:900;font-size:10px}.label-as-baloon input{text-align:center}hr{border:0;border-bottom:1px solid #eee}.cur-pointer{cursor:pointer}.hidden{display:none}.h-auto{height:auto!important}.mh-auto{max-height:unset!important}.qtyValue{display:flex;justify-content:center;background:#ccc;color:#555;margin-bottom:4px;font-weight:600;font-size:11px;width:60px;border-radius:3px;padding:2px}.mr-5{margin-right:5px}.mr-3{margin-right:3px}.w-60{font-size:12px;font-weight:600;text-transform:capitalize}.w-60 .field-container{display:inline-block;margin-right:10px}.w-60 input{height:30px!important;width:80px!important}.mw-70{min-width:70px}.mw-50{min-width:50px}.mw-100{min-width:100px}.mr-4{margin-right:4px}.ml-10{margin-left:10px}.mb-4{margin-bottom:4px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}.mb-80{margin-bottom:80px}.mr-10{margin-right:10px}.mt-0{margin-top:0!important}.mt-16{margin-top:16px!important}.mt-50{margin-top:50px}.mt-30{margin-top:30px}.br-0{border-right:0!important}.pb-0{padding-bottom:0!important}.grid-span-3{grid-column:span 3}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-capitalize{text-transform:capitalize!important}.text-red{color:#e3342f}.input-number{border:1px solid #ddd;height:44px;font-weight:400;font-size:13px;display:block;padding:8px 12px;box-sizing:border-box;border-radius:3px;color:#555}.MUIDataTableSelectCell-headerCell-146 .MuiCheckbox-root-163{color:#fff!important}.MuiButtonBase-root{font-family:"opensans"!important;font-size:13px!important;font-weight:500}.react-select-pw__input,.react-select-pw__input input{height:100%}.react-datepicker-wrapper{width:100%}.custom-react-select__input input{height:auto}.input-chips__control{border:1px solid #ddd!important}.input-chips__control .input-chips__value-container{padding:0 8px}al .select-option{width:100%}.daterange-container{position:relative;height:42px}.daterange-container .input{height:100%;padding:0 12px;border-radius:3px;border:1px solid #ddd;width:100%;box-sizing:border-box;position:absolute}.daterange-container .daterange-el{box-shadow:0 0 5px rgba(0,0,0,.1);position:absolute;bottom:calc(100% + 8px);left:0}.button-cover{margin-top:15px}.button-style-2{height:44px;padding:0 16px;border-radius:3px;text-transform:capitalize}.ext-print{display:none}div[class^=MuiGrid-root-]>label{width:180px;margin-bottom:10px!important}.asdasd{font-weight:600;margin-bottom:10px;color:#555;font-size:14px;display:block;margin-top:40px;border-top:1px dashed #ddd;padding-top:40px}.asdasd span{color:#aaa;font-size:13px;font-weight:500;margin-top:5px;display:block}.report-summary-box .item{display:inline-block;border:1px solid #ddd;padding:15px 10px;display:inline-grid;place-items:center;width:130px;margin-right:10px;margin-top:20px;height:40px;border-radius:12px}.report-summary-box .item.teal{border:1px solid #4dc0b5;background:#4dc0b5}.report-summary-box .item.teal p span{color:#fff!important}.report-summary-box .item:hover p span:last-child{color:#4dc0b5;transition:all .3s}.report-summary-box .item p span:first-child{display:block;text-transform:uppercase;font-weight:600;font-size:10px;margin-bottom:2px;color:#999}.report-summary-box .item p span:last-child{font-weight:700;transition:all .3s;color:#555;font-size:14px}.report-summary-pill{margin-top:30px;margin-bottom:30px;border-radius:3px}.report-summary-pill p{display:inline-block;background:#eee;padding:5px 20px;border-radius:111px;margin-right:10px}.report-summary-pill p:before{width:8px;height:8px;border-radius:50%;margin-right:5px;background:#6574cd;display:inline-block;content:" "}.report-summary-pill p span{font-weight:800;font-size:13px;color:#333}.report-summary-pill p span:first-child{color:#555;display:inline-block;font-size:12px;font-weight:600;margin-right:5px}.initial-branch{cursor:pointer;text-transform:uppercase}.table-menu{display:grid;align-items:end;margin-top:24px;grid-template-columns:1fr auto;margin-bottom:8px}.table-menu button{background:transparent;font-size:11px;background:#f4f4f4;width:130px;border:1px solid transparent;border-bottom-color:#ddd;padding:5px 0;cursor:pointer;text-transform:uppercase;color:#777;font-weight:600;margin-right:8px;border-radius:5px}.table-menu button:hover{color:#333;border:1px solid #f4f4f4;border-bottom-color:#ddd;background:#fafafa}.table-menu .note{font-size:12px;color:#777;font-style:italic;font-weight:600}.table-sticky{position:relative;max-height:360px;overflow:auto}.table-sticky.more-height{max-height:555px}.table-sticky table{overflow:unset;margin-top:0;margin-bottom:0}.table-sticky th{position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:1}.table-sticky .sticky-variant-row-1 td,.table-sticky .sticky-variant-row-1 th{position:-webkit-sticky!important;position:sticky!important;top:33px!important}.table-sticky .sticky-variant-row-1 td{background:#fff}.table-sticky .sticky-variant-row-2 td,.table-sticky .sticky-variant-row-2 th{position:-webkit-sticky!important;position:sticky!important;top:66px!important}.table-sticky .sticky-variant-row-2 td{background:#fff}.table-sticky .sticky-variant-row-3 td,.table-sticky .sticky-variant-row-3 th{position:-webkit-sticky!important;position:sticky!important;top:99px!important}.table-sticky .sticky-variant-row-3 td{background:#fff}.table-sticky .sticky-variant-row-4 td,.table-sticky .sticky-variant-row-4 th{position:-webkit-sticky!important;position:sticky!important;top:132px!important}.table-sticky .sticky-variant-row-4 td{background:#fff}.table-sticky .sticky-variant-row-5 td,.table-sticky .sticky-variant-row-5 th{position:-webkit-sticky!important;position:sticky!important;top:165px!important}.table-sticky .sticky-variant-row-5 td{background:#fff}.table-sticky .sticky-variant-row-6 td,.table-sticky .sticky-variant-row-6 th{position:-webkit-sticky!important;position:sticky!important;top:198px!important}.table-sticky .sticky-variant-row-6 td{background:#fff}.table-sticky .sticky-variant-row-7 td,.table-sticky .sticky-variant-row-7 th{position:-webkit-sticky!important;position:sticky!important;top:231px!important}.table-sticky .sticky-variant-row-7 td{background:#fff}.table-sticky .sticky-variant-row-8 td,.table-sticky .sticky-variant-row-8 th{position:-webkit-sticky!important;position:sticky!important;top:264px!important}.table-sticky .sticky-variant-row-8 td{background:#fff}.table-sticky .sticky-variant-row-9 td,.table-sticky .sticky-variant-row-9 th{position:-webkit-sticky!important;position:sticky!important;top:297px!important}.table-sticky .sticky-variant-row-9 td{background:#fff}.table-sticky .sticky-variant-row-10 td,.table-sticky .sticky-variant-row-10 th{position:-webkit-sticky!important;position:sticky!important;top:330px!important}.table-sticky .sticky-variant-row-10 td{background:#fff}.table-sticky .is-sticky-row td{position:-webkit-sticky!important;position:sticky!important;top:0!important}.table-report{border-spacing:0;border-collapse:separate;margin-top:20px;border-radius:3px;overflow:hidden;width:100%;margin-bottom:40px}.table-report thead th{background:#21495e;color:#fff;text-align:left;text-transform:uppercase;font-size:12px;font-weight:700;padding:8px 12px}.table-report thead th.sortable>div{display:inline-grid;align-items:center;justify-content:start;grid-template-columns:auto 15px}.table-report thead th.sortable.desc .arrow-asc{border-top-color:hsla(0,0%,100%,.6)}.table-report thead th.sortable.asc .arrow-desc{border-bottom-color:hsla(0,0%,100%,.6)}.table-report thead th .sort{display:inline-block;position:relative;display:inline-grid;margin-left:4px;width:15px;height:15px}.table-report thead th .sort>div{width:0;height:0;position:absolute;border:5px solid transparent}.table-report thead th .sort .arrow-asc{border-top:5px solid hsla(0,0%,100%,.3);bottom:-4px}.table-report thead th .sort .arrow-desc{top:-3px;border-bottom:5px solid hsla(0,0%,100%,.3)}.table-report thead th.th-text-right{text-align:right}.table-report thead th.th-text-center{text-align:center}.table-report thead th.th-darker{background:#1e4356}.table-report tbody tr:hover td{border-bottom:1px solid #eee;background:#fafafa}.table-report tbody tr.highlight:hover td{background:#f2f2f2!important;border-color:#ddd!important}.table-report tbody tr.highlight td{background:#f4f4f4;text-transform:capitalize;font-weight:700;font-size:12px;color:#21495e;padding:8px 12px;border-color:#e3e3e3!important}.table-report tbody tr.highlight td.td-darker{background:#ddd}.table-report tbody tr.highlight.tr-darker td{background:#ececec}.table-report tbody tr.highlight.tr-darker:hover td{background:#e8e8e8!important}.table-report tbody tr td{font-size:12px;color:#777;padding:10px 12px 8px;border:0;border-bottom:1px solid #eee}.table-report tbody tr td.td-200{min-width:200px}.table-report tbody tr td.td-70{min-width:70px}.table-report tbody tr td.td-index{white-space:nowrap;width:1%;min-width:40px}.table-report tbody tr td.td-highlight{font-weight:700;color:#333}.table-report tbody tr td.td-text-right{text-align:right}.table-report tbody tr td.td-text-center{text-align:center}.table-report tbody tr td.td-currency{white-space:nowrap;width:1%}.table-report tbody tr td.td-width-as-content{width:0;white-space:nowrap}.table-report tbody tr td.td-darker{background:#f4f4f4}.table-report tbody tr td.tdsort.sortable>div{display:inline-grid;align-items:center;justify-content:start;grid-template-columns:auto 15px}.table-report tbody tr td.tdsort.sortable.desc .arrow-asc{border-top-color:#bbb}.table-report tbody tr td.tdsort.sortable.asc .arrow-desc{border-bottom-color:#bbb}.table-report tbody tr td .sort{display:inline-block;position:relative;display:inline-grid;margin-left:4px;width:15px;height:15px}.table-report tbody tr td .sort>div{width:0;height:0;position:absolute;border:5px solid transparent}.table-report tbody tr td .sort .arrow-asc{border-top:5px solid #ccc;bottom:-4px}.table-report tbody tr td .sort .arrow-desc{top:-3px;border-bottom:5px solid #ccc}.table-report.pos-product-general td.sortable>div{display:inline-grid;align-items:center;justify-content:start;grid-template-columns:auto 15px}.table-report.pos-product-general td.sortable.desc .arrow-asc{border-top-color:#bbb}.table-report.pos-product-general td.sortable.asc .arrow-desc{border-bottom-color:#bbb}.table-report.pos-product-general td .sort{display:inline-block;position:relative;display:inline-grid;margin-left:4px;width:15px;height:15px}.table-report.pos-product-general td .sort>div{width:0;height:0;position:absolute;border:5px solid transparent}.table-report.pos-product-general td .sort .arrow-asc{border-top:5px solid #ddd;bottom:-4px}.table-report.pos-product-general td .sort .arrow-desc{top:-3px;border-bottom:5px solid #ddd}.table-report.pos-product-general td.aa{background:#eee;min-width:40px;text-align:center;border-bottom:1px solid #ddd}.table-report.pos-product-general td.bb{min-width:40px;border-bottom:1px solid #ddd;background:#f4f4f4;text-align:center}.table-report.inventory-by-cust .trigger-show-detail:hover,.table-report.inventory-mutation .trigger-show-detail:hover,.table-report.inventory-stock-1-1 .trigger-show-detail:hover,.table-report.inventory-stock .trigger-show-detail:hover,.table-report.inventory-stockopname .trigger-show-detail:hover{color:#f78300;cursor:pointer}.table-report.inventory-by-cust .cell-main td,.table-report.inventory-mutation .cell-main td,.table-report.inventory-stock-1-1 .cell-main td,.table-report.inventory-stock .cell-main td,.table-report.inventory-stockopname .cell-main td{padding-top:15px;padding-bottom:15px}.table-report.inventory-by-cust th,.table-report.inventory-mutation th,.table-report.inventory-stock-1-1 th,.table-report.inventory-stockopname th,.table-report.inventory-stock th{border-bottom:1px solid hsla(0,0%,100%,.2);border-right:1px solid hsla(0,0%,100%,.2)}.table-report.inventory-by-cust tr.detail-heading td,.table-report.inventory-mutation tr.detail-heading td,.table-report.inventory-stock-1-1 tr.detail-heading td,.table-report.inventory-stockopname tr.detail-heading td,.table-report.inventory-stock tr.detail-heading td{background:#eee;font-weight:600;text-transform:capitalize;border-bottom:1px solid #ddd}.table-report.inventory-by-cust tr.detail-body td,.table-report.inventory-mutation tr.detail-body td,.table-report.inventory-stock-1-1 tr.detail-body td,.table-report.inventory-stockopname tr.detail-body td,.table-report.inventory-stock tr.detail-body td{background:#fafafa;border-color:#ddd}.table-report.inventory-by-cust tr.hide,.table-report.inventory-mutation tr.hide,.table-report.inventory-stock-1-1 tr.hide,.table-report.inventory-stockopname tr.hide,.table-report.inventory-stock tr.hide{display:none}.table-report.inventory-by-cust tr td,.table-report.inventory-mutation tr td,.table-report.inventory-stock-1-1 tr td,.table-report.inventory-stockopname tr td,.table-report.inventory-stock tr td{border-left:1px solid #ddd}.table-report.inventory-by-cust tr td .info-icon,.table-report.inventory-mutation tr td .info-icon,.table-report.inventory-stock-1-1 tr td .info-icon,.table-report.inventory-stockopname tr td .info-icon,.table-report.inventory-stock tr td .info-icon{font-size:13px;line-height:0}.table-report.inventory-by-cust tr td:last-child,.table-report.inventory-mutation tr td:last-child,.table-report.inventory-stock-1-1 tr td:last-child,.table-report.inventory-stockopname tr td:last-child,.table-report.inventory-stock tr td:last-child{border-right:1px solid #ddd}.cell-tc{text-align:center!important}.cell-no-highlight{font-weight:400!important}.cell-capitalize{text-transform:capitalize}.cell-tr{text-align:right!important}.cell-highlight{font-weight:700;color:#333}.cell-currency{min-width:150px}.cell-currency,.cell-width-as-content{white-space:nowrap;width:1%}.cell-vat{vertical-align:top}.cell-min-width-200{min-width:200px}.cell-min-width-30{min-width:30px}.cell-min-width-150{min-width:150px}.cell-min-width-100{min-width:100px}.cell-bg-d{background:#ddd!important;border-bottom-color:#ccc!important}.report-pos h5{color:#21495e;text-transform:capitalize;font-size:13px}.report-pos h5 svg{margin-bottom:-5px}.kop-surat-component{display:none}.print-notif .alert p{display:inline!important;margin-bottom:10px!important;align-items:end!important;font-weight:300!important;font-size:13px!important;color:#fff!important}.image-on-detail-pos label{margin-bottom:10px;display:block;font-size:11px;text-transform:uppercase;font-weight:700;color:#21495e}.image-on-detail-pos img{cursor:pointer}.proof-image-box{padding:10px;border-radius:1px;height:300px;width:250px;box-sizing:border-box}.proof-image-box .change-proof-image{cursor:pointer;background:rgba(0,0,0,.2);margin-top:-45px;text-align:center;z-index:9999;position:relative;width:250px;height:30px;color:#fff;padding-top:5px;padding-bottom:5px}.fileUploader .fileContainer{background:#fff;box-shadow:none!important;position:relative;border-radius:10px;padding:0!important;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:10px auto;transition:all .3s ease-in}@page{margin-right:2%;margin-left:2%}@media print{body,html{-webkit-print-color-adjust:exact!important;height:100vh;margin:0!important;padding:0!important;overflow:hidden}.print-mt-80:first-child{margin-top:80px}.print-mt-120{margin-top:120px}.print-mt-220:first-child{margin-top:220px}.detail-page{padding-bottom:0!important}.key,.val{font-size:15px!important}.table-container{overflow:visible}.table-container table{width:100%!important}.table-container table tr td,.table-container table tr th{width:auto!important;min-width:0!important;padding:3px 1px!important;text-align:center!important}.table-container table tr .note{width:auto!important;min-width:0!important;padding:3px 1px!important;text-align:start!important}.table-detail tbody,.table-detail td,.table-detail thead,.table-detail tr,.table-detail tr .note{border:1px solid #ddd!important}.module{padding-left:20px!important;padding-right:20px!important}.module .module-header{display:none!important}.asdasd{border-top:none!important}.kop-surat-component{margin-top:-40px;padding-left:20px;padding-right:20px;display:block;margin-bottom:-30px}.kop-surat-component .kop-surat{margin-top:30px;display:flex;width:100%}.kop-surat-component .kop-surat .kop-surat-image{display:flex;justify-content:flex-start}.kop-surat-component .kop-surat .kop-surat-image .logo img{border:1px #ddd;width:150px;height:105px;display:grid}.kop-surat-component .kop-surat .kop-surat-information{margin-left:15px;margin-top:0;width:100%;position:relative;text-align:left;display:flex;justify-content:flex-start}.kop-surat-component .kop-surat .kop-surat-information div{font-family:"Trebuchet MS"!important}.kop-surat-component .kop-surat .kop-surat-information .company-name{letter-spacing:1px;margin-top:5px;font-size:20px;font-weight:700}.kop-surat-component .kop-surat .kop-surat-information .company-address,.kop-surat-component .kop-surat .kop-surat-information .company-email,.kop-surat-component .kop-surat .kop-surat-information .company-phone,.kop-surat-component .kop-surat .kop-surat-information .company-website{font-size:14px;letter-spacing:1px;font-weight:300;padding-top:1px}.kop-surat-component .line-header{height:10px;width:100%;border-bottom:1px solid #ddd;margin-bottom:10px}.kop-surat-component .line-header-non-title{height:10px;width:100%;border-bottom:1px solid #ddd;margin-bottom:-60px}.kop-surat-component .title{font-size:20px;font-weight:700;color:#21495e!important}.kop-surat-component .nomor{font-size:15px;font-weight:300;color:#777!important}table{overflow:hidden;width:100%!important}.react-easy-print-print{width:100%!important;position:absolute;display:block;left:0;top:0;font-size:11px;overflow:visible}.ext-print{display:block}div[class^=MUIDataTableFilterList-root-]{display:none}.label{font-size:12px}.label.danger,.label.delivered,.label.grey,.label.invoiced,.label.primary,.label.received,.label.success,.label.warning{background:transparent!important;color:#555!important}.status,.type{display:none!important}.col{margin-right:40px!important;margin-bottom:20px!important}.spacer-20{height:20px}.spacer-30{height:30px}.spacer-60{margin-top:70px}.qtyValue{background:transparent!important;color:#555!important}.total-inline{font-size:12px!important}.sales-header{display:none}.brand-comission td,.brand-comission th,.brand td,.brand th,.category td,.category th,.mutation td,.mutation th,.promotion td,.promotion th,.stock-product td,.stock-product th{min-width:10px!important}.scroll-x{width:auto;overflow-x:unset}.print-invoice{margin-top:15px!important}.print-report .scroll-x{overflow-x:hidden}.report-summary-box .item{margin-right:8px;padding:8px 16px;width:auto}.report-summary-box .item p span:first-child{font-size:8px}.report-summary-box .item p span:last-child{font-size:9px}.report-summary-pill .mt-16{margin-bottom:16px!important;margin-top:8px!important}.table-report thead th{font-size:8px;padding:6px 4px}.table-report thead th .sort{display:none}.table-report thead th.sortable>div{grid-template-columns:auto}.table-report tbody tr.highlight td{font-size:8px;padding:6px 4px}.table-report tbody tr td{font-size:8px!important;color:#333;padding:6px 4px}.table-report tbody tr td.sortable .sort{display:none}.table-report.pos-product-general td.sortable>div{grid-template-columns:auto}.table-report.pos-product-general td.aa,.table-report.pos-product-general td.bb{min-width:20px}.mw-100{min-width:70px}}@media only screen and (max-width:1600px){.inventory-stock-1-1 tr td,.pos-product-general tr td{background:#fff}.inventory-stock-1-1 .sticky-variant-row-1 td,.inventory-stock-1-1 .sticky-variant-row-1 th,.pos-product-general .sticky-variant-row-1 td,.pos-product-general .sticky-variant-row-1 th{position:-webkit-sticky!important;position:sticky!important;top:33px!important}.inventory-stock-1-1 .sticky-variant-row-2 td,.inventory-stock-1-1 .sticky-variant-row-2 th,.pos-product-general .sticky-variant-row-2 td,.pos-product-general .sticky-variant-row-2 th{position:-webkit-sticky!important;position:sticky!important;top:81px!important}.inventory-stock-1-1 .sticky-variant-row-3 td,.inventory-stock-1-1 .sticky-variant-row-3 th,.pos-product-general .sticky-variant-row-3 td,.pos-product-general .sticky-variant-row-3 th{position:-webkit-sticky!important;position:sticky!important;top:130px!important}.inventory-stock-1-1 .sticky-variant-row-4 td,.inventory-stock-1-1 .sticky-variant-row-4 th,.pos-product-general .sticky-variant-row-4 td,.pos-product-general .sticky-variant-row-4 th{position:-webkit-sticky!important;position:sticky!important;top:180px!important}.inventory-stock-1-1 .sticky-variant-row-5 td,.inventory-stock-1-1 .sticky-variant-row-5 th,.pos-product-general .sticky-variant-row-5 td,.pos-product-general .sticky-variant-row-5 th{position:-webkit-sticky!important;position:sticky!important;top:231px!important}}@media only screen and (min-width:1601px){.inventory-stock-1-1 tr td,.pos-product-general tr td{background:#fff}.inventory-stock-1-1 .sticky-variant-row-1 td,.inventory-stock-1-1 .sticky-variant-row-1 th,.pos-product-general .sticky-variant-row-1 td,.pos-product-general .sticky-variant-row-1 th{position:-webkit-sticky!important;position:sticky!important;top:34px!important}.inventory-stock-1-1 .sticky-variant-row-2 td,.inventory-stock-1-1 .sticky-variant-row-2 th,.pos-product-general .sticky-variant-row-2 td,.pos-product-general .sticky-variant-row-2 th{position:-webkit-sticky!important;position:sticky!important;top:85px!important}.inventory-stock-1-1 .sticky-variant-row-3 td,.inventory-stock-1-1 .sticky-variant-row-3 th,.pos-product-general .sticky-variant-row-3 td,.pos-product-general .sticky-variant-row-3 th{position:-webkit-sticky!important;position:sticky!important;top:136px!important}.inventory-stock-1-1 .sticky-variant-row-4 td,.inventory-stock-1-1 .sticky-variant-row-4 th,.pos-product-general .sticky-variant-row-4 td,.pos-product-general .sticky-variant-row-4 th{position:-webkit-sticky!important;position:sticky!important;top:187px!important}.inventory-stock-1-1 .sticky-variant-row-5 td,.inventory-stock-1-1 .sticky-variant-row-5 th,.pos-product-general .sticky-variant-row-5 td,.pos-product-general .sticky-variant-row-5 th{position:-webkit-sticky!important;position:sticky!important;top:238px!important}}.row-red td{color:red!important}.swal2-container{z-index:10000!important}.bg-red{background:red!important}
/*# sourceMappingURL=main.89ac5df6.chunk.css.map */