.btn-group{display:flex;gap:1rem}.btn-group-menu{display:flex;justify-content:space-between;padding:0 1rem}.flex-right{justify-content:flex-end}.input-group-line-wbutton .btn{background-color:var(--zColor1);border:.1rem solid var(--zColor2);border-radius:.25rem;box-shadow:0 0 .9rem var(--shadow);color:var(--zColor3);cursor:pointer;font-family:OpenSansBold,Tahoma,Geneva,Verdana,sans-serif;font-size:1.3125rem;min-width:2rem;padding:.8rem 1.2rem}.btn{background-color:var(--secondary);color:var(--text);font-size:1rem;min-width:7rem;padding:.3rem 1.2rem}.btn,.btnmenu{border:.1rem solid var(--border);border-radius:.25rem;cursor:pointer}.btnmenu{background-color:var(--additional2);color:var(--secondary);font-size:.8rem;font-weight:300;letter-spacing:.15rem;max-height:3rem;min-width:3rem;padding:.6rem}.btnmenu span{color:var(--text)}.btnmenu:disabled{color:var(--placeholder)}.clsenabled{background-color:var(--zColor1);color:var(--zColor3)}.clsdisabled{background-color:var(--shadow);border:none;color:var(--inversed)}.clsenabled:hover{background-color:var(--zColor2)}@media (min-width:320px) and (max-width:480px){.btn-group-menu{gap:.15rem}.btnmenu{font-size:.8rem;min-width:1rem;padding:.6rem}}@media (max-width:320px){.btn-group-menu{gap:.11rem}.btnmenu{font-size:.5rem;min-width:1rem;padding:.3rem}}.input-group{display:flex;flex-direction:column}.input-group-line-wbutton{align-items:center;display:flex;flex-direction:row;gap:.3rem}.input-group-line-wbutton input{background-color:var(--inputbg);border:1px solid var(--border);border-radius:.25rem;box-shadow:0 0 .9rem var(--shadow);color:var(--zColor3);flex:1 1;font-family:OpenSansRegular,Tahoma,Geneva,Verdana,sans-serif;font-size:1.3125rem;margin-top:1rem;padding:.8rem 1.2rem}label{margin-bottom:.1rem}input,label{color:var(--text);font-size:.8rem;font-weight:300}input{background-color:var(--input);border:1px solid var(--border);border-radius:.25rem;margin-bottom:1rem;padding:.6rem 1rem}input:focus{border:1px solid var(--secondary);outline:none}select{background-color:var(--input);border:1px solid var(--border);border-radius:.25rem;color:var(--text);font-size:.8rem;font-weight:300;margin-bottom:1rem;min-height:2.25rem;padding:.45rem 1rem!important}select option{padding-left:1rem}.muted{color:var(--placeholder)}.persistCheck{align-items:flex-start;display:flex;font-size:.8rem;justify-content:flex-start}.persistCheck label{font-weight:300;margin:0}[type=checkbox]{background-color:var(--input);height:1.2rem;margin:0 5px 2px 2px;width:1.2rem}.segment{background-color:var(--additional1);border:1px solid var(--border);border-radius:.25rem;height:auto;min-height:2rem;padding:1.5rem}.segment .title{border-top-left-radius:.25rem;border-top-right-radius:1.25rem;color:var(--additional1);font-family:OpenSansBold,Tahoma,Geneva,Verdana,sans-serif;font-size:1.5rem;padding-bottom:.8rem;text-shadow:0 0 .9rem var(--shadow)}.segment .line{border-top:1px solid var(--border);width:100%}.column-2{flex-direction:column;width:100%}.column-2,.row-2{align-items:center;display:flex;gap:1rem}.row-2{flex-direction:row}.segment .footer{color:var(--zColor1);font-family:OpenSansBold,Tahoma,Geneva,Verdana,sans-serif;font-size:.7rem;padding-top:1rem}.frm,.img{width:100%}.flex-center{justify-content:center}.segmentbox{background-color:var(--zColor5);border:1px solid var(--border);border-radius:.35rem;box-shadow:0 0 .9rem var(--shadow);height:auto;min-height:2rem;padding:0 0 .8rem;width:100%}.segmentbox .title{align-items:center;background-color:var(--segmenthead);border-top-left-radius:.35rem;border-top-right-radius:.35rem;color:var(--secondary);display:flex;font-family:OpenSansBold,Tahoma,Geneva,Verdana,sans-serif;font-size:1.4rem;height:2.2rem;justify-content:center;padding:.5rem 1.2rem}.segmentbox .line{border-top:1px solid var(--secondary);width:100%}.segmentbox .body{min-height:1rem;padding:.4rem}.segmentbox .frmlogin{display:flex;justify-content:center;margin-bottom:1rem;margin-top:1.5rem}.segmentbox .frmlogin form{width:60%}.segmentbox .footer{color:var(--placeholder);display:flex;font-size:.5rem;justify-content:flex-end;padding-right:.4rem;padding-top:.4rem}.segmentbox .footer .col{font-size:.9rem;font-weight:700;padding:.8rem .5rem 0}.segmentbox .title .titlesegment{align-items:center;display:flex;justify-content:space-between}.segmentbox .title .frm-group .input-group label{font-size:.6rem}.segmentbox .title .frm-group .input-group input{font-size:.75rem;padding:.3rem .6rem}@media (min-width:481px) and (max-width:769px){.column-2{flex-direction:column;gap:0}}@media (min-width:320px) and (max-width:480px){.column-2{flex-direction:column}}@media (max-width:319px){.column-2{flex-direction:column}.segment{height:auto;min-height:1.5rem;padding:.5rem;width:100%}}img{width:100%}.img-w-80 img{display:block;margin:auto;width:80%}.img-w-75 img{display:block;margin:auto;width:75%}.img-w-50 img{display:block;margin:auto;width:50%}.errHandler{margin-bottom:1rem}.errmsg{background-color:var(--warning);border-radius:.25rem;box-shadow:0 0 .9rem var(--shadow);font-family:OpenSansBold,Tahoma,Geneva,Verdana,sans-serif;padding:.8rem}.errmsg,.instructions{border:1px solid var(--border);color:var(--light)}.instructions{background-color:var(--zColor2);border-radius:.25rem;display:block;font-size:.6rem;line-height:1rem;margin:0;padding:.4rem .4rem .4rem 1rem}label{position:relative}.hide{display:none}.valid{color:var(--success)}.invalid,.valid{display:inline-block;margin-left:.5rem;position:absolute}.invalid{color:var(--warning)}.offscreen{display:none}.btnbadge{position:relative}.badge{border-radius:.2rem;font-size:.7rem;min-height:1rem;min-width:1rem;padding:.1rem;position:absolute;right:-.8rem;top:-.75rem}@font-face{font-display:swap;font-family:OpenSans;font-style:normal;font-weight:400;src:url(/static/media/OpenSans-Regular.57cd57a648021fa1c396.ttf) format("truetype")}@font-face{font-display:swap;font-family:OpenSans;font-style:normal;font-weight:700;src:url(/static/media/OpenSans-Bold.a0fe34bea92d4e1a84d6.ttf) format("truetype")}@font-face{font-display:swap;font-family:OpenSans;font-style:italic;font-weight:300;src:url(/static/media/OpenSans-LightItalic.59e442f7e942b549510f.ttf) format("truetype")}@font-face{font-display:swap;font-family:OpenSans;font-style:normal;font-weight:300;src:url(/static/media/OpenSans-Light.8ed223d62df9e1a6a838.ttf) format("truetype")}:root{--primary:#383c4a;--secondary:#e16e1e;--success:#248744;--warning:#c5423a;--danger:#f7e108;--additional1:#2e323e;--additional2:#292d39;--border:#454a57;--shadow:#454a57;--text:#fff;--placeholder:#a5aab4;--header:var(--additional1);--footer:var(--additional1);--input:var(--additional2);--title:var(--secondary);--button:var(--secondary);--segmenthead:var(--additional1)}body,html{background-color:#383c4a;background-color:var(--primary);color:#fff;color:var(--text);font-family:OpenSans,Tahoma,Geneva,Verdana,sans-serif;font-size:1.3125rem;font-weight:300}h1,h2,h3,h4,h5,h6{color:#e16e1e;color:var(--title);font-size:2.125rem;font-weight:400;text-shadow:0 0 .9rem #454a57;text-shadow:0 0 .9rem var(--shadow)}.caption{font-size:1rem;font-weight:400}.small{color:#454a57;color:var(--shadow);font-size:.7rem;font-weight:400}.text-right{text-align:right}.text-center{text-align:center}.mt-5p{margin-top:8%}.bg-primary{background-color:#292d39;background-color:var(--additional2);color:#fff;color:var(--text)}.bg-positif{background-color:#248744!important;background-color:var(--success)!important}.bg-negatif,.bg-positif{color:#fff!important;color:var(--text)!important}.bg-negatif{background-color:#c5423a!important;background-color:var(--warning)!important}.bg-disabled{background-color:#454a57;background-color:var(--border);color:#a5aab4;color:var(--placeholder)}.text-positif{color:#248744;color:var(--success)}.text-negatif{color:#c5423a;color:var(--warning)}.text-primary{color:#fff;color:var(--text)}.pl{padding-left:.5rem}@media (min-width:770px){body,html{font-size:85%}}@media (min-width:481px) and (max-width:769px){body,html{font-size:90%}}@media (min-width:320px) and (max-width:480px){body,html{font-size:88%}}.Container{display:flex;flex-direction:column;gap:1rem;height:90vh;margin:auto;max-width:40rem;width:100%}.containerCafe,.containerKas{margin:auto;max-width:600px!important;min-height:90vh;width:90vw}.h197vzie7-0-0-beta-22{background-color:var(--secondary)}.loadingController{height:100vh}.loadingController,.loadingControllerList{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%;z-index:9999}.loadingControllerList{height:19rem}.loadingController .inner,.loadingControllerList .inner{align-items:center;display:flex;flex-direction:column}.loadingController .inner .icon,.loadingControllerList .inner .icon{font-size:3rem}.spinner{-webkit-animation:spin 4s linear infinite;animation:spin 4s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.m-tables{overflow-x:auto}.tables{border-spacing:0;width:100%}.tables>thead>tr>th{background-color:var(--secondary);border-bottom:1px solid var(--border);font-size:1rem;font-weight:300;height:3rem;padding-left:.5rem}.tables tr{height:1.5rem}.tables thead,tbody tr{display:table;font-size:.8rem;font-weight:300;table-layout:fixed;width:100%}.tables tbody{display:block;font-weight:600;max-height:12rem;min-height:10rem;overflow:auto;scrollbar-width:thin}.tables tbody tr{padding:.5rem 0}.tables tbody tr:nth-child(odd){background:var(--additional1)}.tables tbody tr td:first-child,.tables thead tr th:first-child{padding-left:.8rem;width:2.5rem}.tables tbody tr td:last-child,.tables thead th:last-child{padding-right:.5rem}.tables .numeric{text-align:right}.tables .string{text-align:left}.tables .date{text-align:center}.listOrderanBody{max-height:15rem;min-height:15rem;overflow:auto;scrollbar-width:thin}.listOrderanContainer:nth-child(odd){background-color:#ddd}.listOrderanContainer,.listOrderanContainerHeader{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.35rem .5rem}.listOrderanContainerHeader{background-color:var(--primary);border-bottom:.15rem solid var(--zColor6);color:var(--zColor5);padding:.25rem}.listOrderanContainerHeader .nama{display:flex;flex:2 1;font-size:1rem;justify-content:flex-start}.listOrderanContainerHeader .harga,.listOrderanContainerHeader .qty,.listOrderanContainerHeader .subttl{display:flex;flex:1 1;font-size:1rem;justify-content:flex-end}.listOrderanContainer .nama{display:flex;flex:2 1;font-size:.8rem;font-weight:600;justify-content:flex-start;line-height:1.25rem;text-align:left}.listOrderanContainer .harga,.listOrderanContainer .qty,.listOrderanContainer .subttl{display:flex;flex:1 1;font-size:.8rem;font-weight:600;justify-content:flex-end}.listOrderanContainerfooter{align-items:center;background-color:var(--secondary);border-bottom:.15rem solid var(--zColor6);border-top:.15rem solid var(--zColor6);color:var(--zColor5);display:flex;font-size:1rem;justify-content:space-between;padding:.2rem .3rem}.listOrderanContainerfooter .item{padding-left:.5rem}.listItemPelanggan{display:block;height:70vh;overflow:auto;scrollbar-width:thin}.infopelanggan{display:flex;justify-content:space-between;min-height:5rem}.infopelanggan:nth-child(odd){background:#ddd}.infopelanggan:nth-child(odd) .info-pelanggan-left{color:var(--zColor5)}.infopelanggan:nth-child(odd) .piutang .piutang-limit,.infopelanggan:nth-child(odd) .piutang .piutang-saldo{border-right:1px solid var(--zColor5)}.infopelanggan .info-pelanggan-left{align-items:center;color:var(--border);display:flex;flex:0 1;font-size:2.5rem;justify-items:center;padding:1rem}.infopelanggan .info-pelanggan-center{align-self:flex-start;flex:3 1;padding:.5rem}.infopelanggan .info-pelanggan-center .piutang{display:flex;gap:.3rem}.infopelanggan .info-pelanggan-center .nama{font-size:1rem;font-weight:700;margin-bottom:.3rem}.infopelanggan .info-pelanggan-center .wilayah{margin-bottom:.3rem}.infopelanggan .info-pelanggan-center .piutang span{padding-right:.2rem}.infopelanggan .piutang .piutang-limit,.infopelanggan .piutang .piutang-saldo,.infopelanggan .piutang .piutang-top{border-right:1px solid var(--border);display:flex;flex:1 1;flex-direction:column;font-weight:600;padding-right:.5rem}.infopelanggan .piutang{justify-content:flex-start}.infopelanggan .piutang .piutang-top{display:flex;flex-direction:column;font-weight:600}.piutang-limit-warning{margin-top:.3rem;padding:.3rem .8rem}.infopelanggan .info-pelanggan-right{align-items:center;display:flex;justify-content:center;padding:.5rem}.infopelanggan .info-pelanggan-right .linkSettings{display:flex;gap:.4rem}.listbody{max-height:15rem;min-height:3rem;overflow:auto;scrollbar-width:thin}.infoproduk{align-items:center;display:flex;font-weight:600;justify-content:space-between}.infoproduk:nth-child(odd){background-color:var(--border)}.infoproduk:nth-child(odd) .info-produk-left{color:var(--zColor5)}.infoproduk .info-produk-left{flex:0 1;font-size:1.8rem;padding:1rem}.infoproduk .info-produk-center{display:flex;flex:2 1;flex-direction:column;justify-items:flex-start}.infoproduk .info-produk-right{display:flex;flex:0 1;justify-content:flex-start;min-width:9rem;padding-right:.5rem}.errHandle,.infoproduk .info-produk-center .nama{font-size:1rem}.errHandle{background-color:var(--zColor1);color:var(--zColor5);padding:.5rem}.flex-group{display:flex;gap:.15rem;min-width:12rem}.frm-group .input-group select{font-size:.8rem;height:1.75rem;max-width:10rem;padding:.1rem}.frminputjh{align-items:center;display:flex;flex-direction:column;gap:.3rem}.frm-group .btnrefresh{color:var(--zColor1);font-size:.8rem;height:1.7rem;margin-top:.78rem;padding:0 .4rem}.infoproduk .info-produk-center .infoprodukdetail{display:flex;font-size:.6rem;gap:.3rem;padding-bottom:.3rem;padding-top:.3rem}.infoproduk .info-produk-center .infoOrder .infoprodukdetailttnt{background-color:#faebd7;display:flex;font-size:.6rem;gap:1rem;padding-bottom:.3rem;padding-top:.3rem}.flex-row{flex-direction:row!important;gap:.2rem}.infoproduk .info-produk-left .no{flex:1 1;font-size:1rem!important;font-weight:700;padding-top:.4rem}.bodyTTNT{max-height:13.5rem;overflow-y:auto;scrollbar-width:thin}.ttntfooters{border-top:2px double var(--border);display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:.5rem}.fakturInfo .nama,.flex-row .nama{flex:2 1;font-size:1rem!important;font-weight:600}.flex-row .tgl{flex:1 1;font-size:.7rem;font-weight:600}.flex-row .fakturInfo .infotglfaktur .tgl{border-right:1px solid var(--zColor1);flex:1 1;font-size:.75rem;font-weight:600;min-width:4rem}.flex-row .fakturInfo .infotglfaktur .faktur{flex:1 1;font-size:.75rem;font-weight:600;padding-left:.5rem}.fakturInfo{flex:2 1;flex-direction:column;justify-content:space-around}.fakturInfo,.fakturInfo .infotglfaktur{display:flex}.flex-row .total{align-items:center;display:flex;flex:1 1;font-size:.75rem;font-weight:600;justify-content:flex-end}.titlettntbgprimary{background-color:var(--primary)!important;color:var(--zColor5);font-weight:600;height:2rem}.titlettnt{align-items:center!important;font-size:1rem;justify-content:center!important;padding:.5rem!important}.titlettnt .info-produk-left{padding:0 .8rem .5rem .55rem!important}.titlettnt .info-produk-center{flex:2 1!important;flex-direction:row!important;gap:.2rem}.titlettnt .info-produk-right{display:flex;flex:0 1;justify-content:center;min-width:5rem;padding-right:.5rem}.titlettnt .icon{font-size:1rem!important;padding:0!important}.info-produk-right .linkSettings .btnaction{width:100%}.infoproduk .info-produk-center .infoprodukdetail .brand,.infoproduk .info-produk-center .infoprodukdetail .qty{background-color:var(--zColor1);border-radius:.3rem;color:var(--zColor5);padding:.1rem .3rem}.infoproduk .info-produk-center .infoprodukdetail .qty{font-size:1rem}.infoproduk .info-produk-center .infoprodukdetail .hrgjualorder{background-color:var(--primary);border-radius:.3rem;color:var(--zColor5);font-size:1rem;padding:.1rem .3rem}.infoproduk .info-produk-center .subttl{background-color:var(--zColor1);color:var(--zColor5);display:flex;height:100%;margin-top:.3rem}.infoproduk .info-produk-center .asterik,.infoproduk .info-produk-center .subttl{border-radius:.3rem;font-size:1rem;padding:.1rem .3rem}.infoproduk .info-produk-center .infoprodukdetail .kelompok{background-color:var(--secondary);border-radius:.3rem;color:var(--zColor5);padding:.1rem .3rem}.infoproduk .info-produk-center .infoprodukdetail span{padding-left:0}.checkIcon{color:var(--zColor1);font-size:1.5rem}.infoOrder{display:flex;justify-content:flex-start}.infoproduk .info-produk-right .linkSettings{display:flex;flex:1 1;gap:.3rem}.infoproduk .info-produk-right select{font-size:.8rem;width:4.8rem}.infoproduk .info-produk-right input{font-size:.8rem;padding:.2rem .2rem .2rem .5rem;width:4rem}.produkorder{align-items:center;display:flex;justify-content:flex-start;padding:.5rem 0}.produkorder:nth-child(odd){background-color:var(--border)}.produkorder:nth-child(odd) .info-produk-left{color:var(--zColor5)}.produkorder .info-produk-left{align-items:center;display:flex;flex:0 1;font-size:2.5rem;justify-content:center;padding:0 1rem}.produkorder .info-produk-center{flex:2 1}.produkorder .info-produk-center .infoOrder .infoprodukdetail{display:flex}.produkorder .info-produk-center .asterik{border-radius:.3rem;font-size:.9rem;padding:0 .3rem .1rem}.produkorder .info-produk-center .nama{font-size:1rem}.produkorder .info-produk-center .infoprodukdetail .qty{color:var(--zColor1);font-size:.9rem;font-weight:700}.produkorder .info-produk-center .infoprodukdetail .hrgjualorder{color:var(--secondary);font-size:.9rem;font-weight:700;padding:0 .3rem .1rem}.produkorder .info-produk-center .subttl{color:var(--warning);display:flex;font-size:.9rem;font-weight:700;height:100%;padding:0 .3rem .1rem}.produkorder .info-produk-right{display:flex;flex:1 1;font-size:.6rem;gap:.3rem;max-width:8rem;padding-bottom:.3rem;padding-top:.3rem}.produkorder .info-produk-right .linkSettings{align-items:center;display:flex;gap:.2rem;justify-content:center;width:100%}.produkorder .info-produk-right .linkSettings .frminputjh .qty{display:flex;font-size:1rem;justify-content:center;padding:0;width:2rem}.produkorder .info-produk-right .linkSettings button{height:2rem;width:2rem}.harga{display:flex;gap:.5rem}.hargajual{font-size:.9rem}.hargajual span{font-size:.8rem;font-weight:600}.infoproduk:nth-child(odd) .vdivider{border-right:1px solid var(--zColor5);padding-right:.3rem}.infoproduk .vdivider{border-right:1px solid var(--border);padding-right:.3rem}.harga span{color:var(--primary);font-weight:600;padding-left:.3rem}.infoproduk .info-produk-center{padding:.5rem .5rem .5rem 0}.produkorder .info-produk-right{padding:1rem}.y-group{display:flex;gap:.1rem}.input-group span{padding:.1rem .25rem 0 0}.switch label{align-items:center;display:flex;font-size:.5rem}@media (min-width:320px) and (max-width:480px){.frm-group .input-group select{font-size:1rem;max-width:12rem}.checkIcon{font-size:2rem!important}.frm-group .input-group input{font-size:1rem!important;width:90%}.produkorder .info-produk-center{padding:.5rem}.produkorder .info-produk-center .nama{font-size:1rem;font-weight:600}.produkorder .info-produk-left{font-size:2rem;padding:0 .5rem}.flex-group .input-group,.flex-group .y-group{padding-top:.15rem}.flex-group .input-group label,.flex-group .y-group .input-group label{font-size:.75rem!important}.y-group{padding-top:.5rem}.flex-group .input-group{max-height:3rem}.flex-group .input-group span{margin-bottom:-.3rem}.flex-group{flex-direction:column;gap:0!important;max-width:5rem;padding-right:.5rem!important}.frm-group .btnrefresh{height:1.7rem;width:1.7rem}.m-tables .tables tr td{font-size:.7rem}.y-group{margin-top:.2rem}.y-group .btnrefresh{margin-top:1.1rem}.f-group{width:10rem}}.aligncenter{height:100%;justify-content:center}.aligncenter,.containeLogin{align-items:center;display:flex}.containeLogin{height:90vh;margin:auto;max-width:600px}.headercontainer{align-items:center;border-bottom:1px solid var(--secondary);display:flex;justify-content:space-between}.headercontainer .welcome span{color:var(--secondary);font-weight:600}.headercontainer .welcome{color:var(--text);font-size:.9rem;font-weight:300;height:2rem;letter-spacing:.05rem;margin-top:1rem;text-align:center}.List .titlekas{background-color:var(--secondary);color:var(--text);font-size:1.4rem;font-weight:600;padding-bottom:1rem;padding-top:1rem;text-align:center}@layer rdg.Cell{.c1wupbe7-0-0-beta-22{-webkit-border-end:1px solid var(--rdg-border-color);-webkit-border-after:1px solid var(--rdg-border-color);background-color:inherit;border-block-end:1px solid var(--rdg-border-color);border-inline-end:1px solid var(--rdg-border-color);contain:style;grid-row-start:var(--rdg-grid-row-start);outline:none;overflow:hidden;overflow:clip;padding-block:0;padding-inline:8px;position:relative;text-overflow:ellipsis;white-space:nowrap}.c1wupbe7-0-0-beta-22[aria-selected=true]{outline:2px solid var(--rdg-selection-color);outline-offset:-2px}.cd0kgiy7-0-0-beta-22{position:-webkit-sticky;position:sticky;z-index:1}.c1730fa47-0-0-beta-22{box-shadow:calc(2px*var(--rdg-sign)) 0 5px -2px hsla(0,0%,53%,.3)}}@layer rdg{@layer Defaults,
      FocusSink,
      CheckboxInput,
      CheckboxIcon,
      CheckboxLabel,
      Cell,
      HeaderCell,
      SummaryCell,
      EditCell,
      Row,
      HeaderRow,
      SummaryRow,
      GroupedRow,
      Root;@layer Defaults{.r104f42s7-0-0-beta-22 *,.r104f42s7-0-0-beta-22 :after,.r104f42s7-0-0-beta-22 :before{box-sizing:inherit}}@layer Root{.r104f42s7-0-0-beta-22{--rdg-color:#000;--rdg-border-color:#ddd;--rdg-summary-border-color:#aaa;--rdg-background-color:#fff;--rdg-header-background-color:#f9f9f9;--rdg-row-hover-background-color:#f5f5f5;--rdg-row-selected-background-color:#dbecfa;--rdg-row-selected-hover-background-color:#c9e3f8;--rdg-checkbox-color:#005194;--rdg-checkbox-focus-color:#61b8ff;--rdg-checkbox-disabled-border-color:#ccc;--rdg-checkbox-disabled-background-color:#ddd;--rdg-selection-color:#66afe9;--rdg-font-size:14px;background-color:var(--rdg-background-color);block-size:350px;border:1px solid var(--rdg-border-color);box-sizing:border-box;color:var(--rdg-color);color-scheme:light dark;color-scheme:var(--rdg-color-scheme,light dark);contain:strict;content-visibility:auto;display:grid;font-size:var(--rdg-font-size);overflow:auto}.r104f42s7-0-0-beta-22:before{content:"";grid-column:1/-1;grid-row:1/-1}.r104f42s7-0-0-beta-22.rdg-dark{--rdg-color-scheme:dark;--rdg-color:#ddd;--rdg-border-color:#444;--rdg-summary-border-color:#555;--rdg-background-color:#212121;--rdg-header-background-color:#1b1b1b;--rdg-row-hover-background-color:#171717;--rdg-row-selected-background-color:#1a73bc;--rdg-row-selected-hover-background-color:#1768ab;--rdg-checkbox-color:#94cfff;--rdg-checkbox-focus-color:#c7e6ff;--rdg-checkbox-disabled-border-color:#000;--rdg-checkbox-disabled-background-color:#333}.r104f42s7-0-0-beta-22.rdg-light{--rdg-color-scheme:light}@media (prefers-color-scheme:dark){.r104f42s7-0-0-beta-22:not(.rdg-light){--rdg-color:#ddd;--rdg-border-color:#444;--rdg-summary-border-color:#555;--rdg-background-color:#212121;--rdg-header-background-color:#1b1b1b;--rdg-row-hover-background-color:#171717;--rdg-row-selected-background-color:#1a73bc;--rdg-row-selected-hover-background-color:#1768ab;--rdg-checkbox-color:#94cfff;--rdg-checkbox-focus-color:#c7e6ff;--rdg-checkbox-disabled-border-color:#000;--rdg-checkbox-disabled-background-color:#333}}}}@layer rdg.Root{.v7ly7s7-0-0-beta-22{-webkit-user-select:none;user-select:none}.v7ly7s7-0-0-beta-22 .r1otpg647-0-0-beta-22{cursor:move}}@layer rdg.FocusSink{.fc4f4zb7-0-0-beta-22{grid-column:1/-1;pointer-events:none;z-index:3}}@layer rdg.Row{.r1otpg647-0-0-beta-22{background-color:var(--rdg-background-color);display:contents;line-height:var(--rdg-row-height)}.r1otpg647-0-0-beta-22:hover{background-color:var(--rdg-row-hover-background-color)}.r1otpg647-0-0-beta-22[aria-selected=true]{background-color:var(--rdg-row-selected-background-color)}.r1otpg647-0-0-beta-22[aria-selected=true]:hover{background-color:var(--rdg-row-selected-hover-background-color)}}@layer rdg.FocusSink{.rel5gk27-0-0-beta-22{outline:2px solid var(--rdg-selection-color);outline-offset:-2px}.r1qymf1z7-0-0-beta-22:before{-webkit-border-start:2px solid var(--rdg-selection-color);border-inline-start:2px solid var(--rdg-selection-color);content:"";display:inline-block;height:100%;inset-inline-start:0;position:-webkit-sticky;position:sticky}}@layer rdg.CheckboxLabel{.c8rwwhf7-0-0-beta-22{-webkit-margin-end:1px;align-items:center;cursor:pointer;display:flex;inset:0;justify-content:center;margin-inline-end:1px;position:absolute}}@layer rdg.CheckboxInput{.c1rb4brs7-0-0-beta-22{all:unset}}@layer rdg.CheckboxIcon{.c1bvvwcc7-0-0-beta-22{background-color:var(--rdg-background-color);block-size:20px;border:2px solid var(--rdg-border-color);content:"";inline-size:20px}.c1rb4brs7-0-0-beta-22:checked+.c1bvvwcc7-0-0-beta-22{background-color:var(--rdg-checkbox-color);outline:4px solid var(--rdg-background-color);outline-offset:-6px}.c1rb4brs7-0-0-beta-22:focus+.c1bvvwcc7-0-0-beta-22{border-color:var(--rdg-checkbox-focus-color)}}@layer rdg.CheckboxLabel{.c1yg790j7-0-0-beta-22{cursor:default}.c1yg790j7-0-0-beta-22 .c1bvvwcc7-0-0-beta-22{background-color:var(--rdg-checkbox-disabled-background-color);border-color:var(--rdg-checkbox-disabled-border-color)}}@layer rdg.GroupCellContent{.gb8l2vs7-0-0-beta-22{outline:none}}@layer rdg.GroupCellCaret{.c1ggynjl7-0-0-beta-22{-webkit-margin-start:4px;stroke:currentColor;stroke-width:1.5px;fill:transparent;margin-inline-start:4px;vertical-align:middle}.c1ggynjl7-0-0-beta-22>path{transition:d .1s}}@layer rdg.MeasuringCell{.m1l09lto7-0-0-beta-22{contain:strict;grid-row:1;visibility:hidden}}@layer rdg.SortableHeaderCell{.h1e8ezgp7-0-0-beta-22{cursor:pointer;display:flex}.h1e8ezgp7-0-0-beta-22:focus{outline:none}}@layer rdg.SortableHeaderCellName{.h1rrblhe7-0-0-beta-22{flex-grow:1;overflow:hidden;overflow:clip;text-overflow:ellipsis}}@layer rdg.HeaderCell{.celq7o97-0-0-beta-22{touch-action:none}.celq7o97-0-0-beta-22:after{content:"";cursor:col-resize;inline-size:10px;inset-block-end:0;inset-block-start:0;inset-inline-end:0;position:absolute}}@layer rdg.HeaderRow{.h197vzie7-0-0-beta-22{background-color:var(--rdg-header-background-color);display:contents;font-weight:700;line-height:var(--rdg-header-row-height)}.h197vzie7-0-0-beta-22>.c1wupbe7-0-0-beta-22{inset-block-start:0;position:-webkit-sticky;position:sticky;z-index:1}.h197vzie7-0-0-beta-22>.cd0kgiy7-0-0-beta-22{z-index:2}}@layer rdg.Cell{.c1bmg16t7-0-0-beta-22,.ccpfvsn7-0-0-beta-22{background-color:#ccf}.c1bmg16t7-0-0-beta-22.ccpfvsn7-0-0-beta-22{background-color:#99f}}@layer rdg.GroupedRow{.gyxx7e97-0-0-beta-22:not([aria-selected=true]){background-color:var(--rdg-header-background-color)}.gyxx7e97-0-0-beta-22>.c1wupbe7-0-0-beta-22:not(:last-child):not(.c1730fa47-0-0-beta-22){-webkit-border-end:none;border-inline-end:none}}@layer rdg.SummaryCell{.s1n3hxke7-0-0-beta-22{inset-block-end:var(--rdg-summary-row-bottom);inset-block-start:var(--rdg-summary-row-top)}}@layer rdg.SummaryRow{.snfqesz7-0-0-beta-22{line-height:var(--rdg-summary-row-height)}.snfqesz7-0-0-beta-22>.c1wupbe7-0-0-beta-22{position:-webkit-sticky;position:sticky}.t1jijrjz7-0-0-beta-22>.c1wupbe7-0-0-beta-22{z-index:1}.t1jijrjz7-0-0-beta-22>.cd0kgiy7-0-0-beta-22{z-index:2}.t14bmecc7-0-0-beta-22>.c1wupbe7-0-0-beta-22{-webkit-border-after:2px solid var(--rdg-summary-border-color);border-block-end:2px solid var(--rdg-summary-border-color)}.b1odhhml7-0-0-beta-22>.c1wupbe7-0-0-beta-22{-webkit-border-before:2px solid var(--rdg-summary-border-color);border-block-start:2px solid var(--rdg-summary-border-color)}}@layer rdg.EditCell{.c1tngyp17-0-0-beta-22{padding:0}}@layer rdg.DragHandle{.cadd3bp7-0-0-beta-22{background-color:var(--rdg-selection-color);block-size:8px;cursor:move;inline-size:8px;inset-block-end:0;inset-inline-end:0;position:absolute}.cadd3bp7-0-0-beta-22:hover{background-color:var(--rdg-background-color);block-size:16px;border:2px solid var(--rdg-selection-color);inline-size:16px}}@layer rdg.SortIcon{.a1mygwml7-0-0-beta-22{fill:currentColor}.a1mygwml7-0-0-beta-22>path{transition:d .1s}}@layer rdg.TextEditor{.tlmcuo07-0-0-beta-22{-webkit-appearance:none;appearance:none;background-color:var(--rdg-background-color);block-size:100%;border:2px solid #ccc;box-sizing:border-box;color:var(--rdg-color);font-family:inherit;font-size:var(--rdg-font-size);inline-size:100%;padding-block:0;padding-inline:6px;vertical-align:top}.tlmcuo07-0-0-beta-22:focus{border-color:var(--rdg-selection-color);outline:none}.tlmcuo07-0-0-beta-22::-webkit-input-placeholder{color:#999;opacity:1}.tlmcuo07-0-0-beta-22::placeholder{color:#999;opacity:1}}.groupOmset,.groupOmset .dsflex{align-items:center;display:flex;gap:1rem}.icons{font-size:.9rem;height:20px;padding-top:5px;text-align:center;width:20px}.tblInfoCafe{border:none;width:100%}.tblInfoCafe tr td{font-size:1rem;padding:.3rem}.bodyDashboard .bodyMenu{flex-wrap:wrap}.ListTitleDashboardCafe{display:flex}.boxSettings{font-Size:1.5rem;font-Weight:600;color:salmon;display:flex;gap:.3rem;margin-bottom:1rem;margin-top:1rem}.omset span{color:var(--secondary);font-size:1.5rem;font-weight:600}@media (max-width:480px){.bgroup{display:flex;flex-direction:column;gap:.3rem}.boxSettings{flex-wrap:wrap;font-size:1rem;gap:.3rem}}.segmentKas{margin-top:.5rem}.frmkas{margin-top:1rem}.frmkas .frm-group{display:flex;flex-wrap:wrap;gap:.5rem}.frmkas .frm-group .input-group{flex:1 1;max-width:10rem}.bodyKas .bodyMenu{display:flex;justify-content:space-between}@media (min-width:320px) and (max-width:480px){.frmkas .frm-group{flex-direction:column}.frmkas .frm-group .input{width:85vw!important}}.containerDashboard{height:100%}.bodyDashboard{display:flex;flex-direction:column;gap:1rem;margin:1rem}.bodyMenu{display:flex;gap:.3rem}.bodyDashboard .List{margin-top:1rem}.bodyDashboard .List table{margin:auto;max-width:100%}.thead{font-weight:600}.List .title{font-size:1.4rem}.List .subtitle,.List .title{background-color:var(--secondary);color:var(--text);font-weight:300;padding-bottom:.2rem;padding-top:.2rem;text-align:center}.List .subtitle{font-size:.9rem}.laporanKasbtnGroup{align-items:center;display:flex;gap:.5rem;justify-items:center}.laporanKasbtnGroup .btnmenu{height:1.5rem;margin-top:.5rem;min-width:1.5rem!important;width:1.5rem!important}@media (min-width:320px) and (max-width:480px){.bodyDashboard{margin-left:.1rem;margin-right:.1rem;margin-top:1rem}.bodyDashboard .List table{max-width:100%}}.segmentProfilJual{margin-top:.5rem}.frmProfilJual{margin-top:1rem}.frmProfilJual .frm-group{display:flex;flex-wrap:wrap;gap:.5rem}.frmProfilJual .frm-group .input-group{flex:1 1;max-width:10rem}.bodyProfilJual .bodyMenu{display:flex;justify-content:space-between}@media (min-width:320px) and (max-width:480px){.frmProfilJual .frm-group{flex-direction:column}.frmProfilJual .frm-group .input{width:85vw!important}}.segmentMenu{margin-top:.5rem}.frmMenu{margin-top:1rem}.frmMenu .frm-group{display:flex;flex-wrap:wrap;gap:.5rem}.flex-2{width:88vw!important}.frmMenu .frm-group .input-group{flex:1 1;max-width:10rem}.bodyCafeMenu .bodyMenu{display:flex;justify-content:space-between}@media (min-width:320px) and (max-width:480px){.frmMenu .frm-group{flex-direction:column;flex-wrap:wrap}.frmMenu .frm-group .input{width:90%}}.segmentDashboard{margin-top:.5rem}.segmentDashboard .bodyDashboard .tables tbody{max-height:75vh!important}.bodyDashboardCafe .tables tbody tr td{font-size:.7rem}.segmentDashboard .bodyDashboard .tables .tblfooter{background-color:var(--additional1);display:flex;justify-content:space-between;padding:.8rem}.frmorder{margin-top:1rem}.frmorder .frm-group{display:flex;flex-wrap:wrap;gap:.5rem}.frmorder .frm-groupOrder{display:flex;flex-direction:row;gap:.5rem}.frmorder .frm-groupOrder .profil{flex:1 1}.frmorder .frm-groupOrder .customer{flex:2 1 100%}.frmorder .frm-group .input-group{flex:1 1;max-width:10rem}.bodyDashboard .bodyMenu{display:flex;justify-content:space-between}.frm-group-menu{display:flex;gap:.2rem;margin-bottom:.5rem}.groupMenu{background-color:var(--additional1);height:12rem;padding-bottom:1rem;width:15%}.groupMenu .RowMenu{height:15rem;overflow:auto;padding:.2rem}.groupMenu .groupMenuJudul{background-color:var(--secondary);padding:.5rem;text-align:center}.groupMenu .RowMenu .colMenu{align-items:center;border:1px solid var(--border);cursor:pointer;display:flex;flex-direction:column;margin-bottom:.5rem;padding:.5rem .3rem .3rem}.groupMenu .RowMenu .colMenu span{font-size:.7rem;-webkit-user-select:none;user-select:none}.MenuList{background-color:var(--additional1);height:12rem;padding-bottom:1rem;width:85%}.MenuList .MenuListJudul{background-color:var(--secondary);padding:.5rem;text-align:center}.segmentfooterwtable{display:flex;justify-content:flex-end}.segmentfooterwtable table tbody tr td{font-size:.9rem;font-weight:600}.segmentfooterwtable table tbody tr:last-child{background-color:var(--secondary);color:var(--text);font-weight:600}.segmentfooterwtable table tbody tr:nth-last-child(n+2){background-color:var(--border)}.segmentfooterwtable table tbody tr:nth-last-child(n+3){background-color:var(--additional2)}.segmentfooterwtable table tbody tr:nth-last-child(n+4){background-color:var(--border)}.segmentfooterwtable table tbody tr:nth-last-child(5){background-color:var(--additional2)}.segmentfooterwtable table tbody tr:nth-last-child(6){background-color:var(--border)}.segmentfooterwtable table tbody tr:nth-last-child(7){background-color:var(--additional2)}.swal2-modal{background-color:var(--additional2)!important;color:var(--text)}.MenuList .RowListMenu{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.15rem;height:10.2rem;justify-content:flex-start;min-height:4rem;overflow:auto;padding-left:.3rem;padding-right:.3rem;padding-top:.3rem;scrollbar-width:thin}.MenuList .RowListMenu .colListMenu{align-items:center;background-color:var(--additional2);border:1px solid var(--border);cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;padding:.6rem .3rem;width:20%}.MenuList .RowListMenu .colListMenu span{font-size:.6rem;margin-top:.3rem;text-align:center;-webkit-user-select:none;user-select:none}.setRight{justify-content:flex-end}.hline{border-bottom:1px solid var(--border);margin-bottom:.3rem;margin-top:.5rem;width:100%}.printArea{background-color:#fff;color:#000;font-size:.7rem;font-weight:400;margin-left:auto;margin-right:auto;margin-top:1rem;padding:.5rem;width:40%}.printArea .logo{font-size:2.5rem;margin:auto;text-align:center;width:100px}.printArea .logo img{height:100%;width:auto}.printArea .hline{border:solid #000!important;border-width:2px 0 0 2px!important}.printArea .hlinehead{border:solid #000!important;border-width:3px 0 0 3px!important}.printArea .footer{padding-bottom:.5rem;text-align:center}.printArea .header{display:flex;justify-content:space-between;padding-bottom:.7rem;padding-top:.2rem}.printArea .nama{font-size:1rem;font-weight:600;text-align:center}.printArea .telp{font-size:.7rem;font-weight:700;text-align:center}.printArea .printbody .itemorder{display:flex;flex-direction:column}.printArea .printbody .itemorder .itemdetail{display:flex;justify-content:space-between}.printArea .printbody .itemorderHead{display:flex;flex-direction:column;padding-top:.3rem}.printArea .printbody .itemorderHead .itemdetailHead{display:flex;font-size:.8rem;font-weight:600;justify-content:space-between}.printArea .printbody .printsubttl{align-items:flex-end;display:flex;flex-direction:column}.printArea .printbody .printsubttl .group{display:flex;font-weight:700;justify-content:space-between;width:100%}.printArea .printbody .printsubttl .group .labels{flex:1 1 40%}.printArea .printbody .printsubttl .group .separator{flex:1 1 15%}.printArea .printbody .printsubttl .group .value{flex:1 1 45%;text-align:right}.printArea .footer{font-size:.8rem;font-weight:700}.printArea .header .headerkiri .konsumen{font-weight:700!important}@media (min-width:320px) and (max-width:480px){.segmentfooterwtable table tbody tr td{font-size:1rem}}.segmentSetup{margin-top:.5rem}.frmSetup{margin-top:1rem}.frmSetup .frm-group{display:flex;flex-wrap:wrap;gap:.5rem}.frmSetup .frm-group .input-group{flex:1 1;max-width:10rem}.bodySetup .bodyMenu{display:flex;justify-content:space-between}@media (min-width:320px) and (max-width:480px){.frmSetup .frm-group{flex-direction:column}.frmSetup .frm-group .input{width:85vw!important}}.segmentLaporanCafe{margin-top:.5rem}.frmLaporanCafe{margin-top:1rem}.frmLaporanCafe .btn-group{align-items:center;display:flex}.frmLaporanCafe .frm-group{display:flex;flex-wrap:wrap;gap:.5rem}.w-100{max-width:100%!important;width:100%}.frmLaporanCafe .frm-group .input-group{flex:1 1;max-width:10rem}.bodyLaporanCafe .bodyMenu{display:flex;justify-content:space-between}.lap_group{display:flex;gap:1.5rem}.lap_group .input-group .input{max-width:90%!important;min-width:90%!important}.lap_group .input-group .select{max-width:110%!important;min-width:110%!important}.ListData{margin-top:1rem}@media (min-width:320px) and (max-width:480px){.frmLaporanCafe .frm-group{flex-direction:column}.frmLaporanCafe .frm-group .input{min-width:50vw;width:80vw!important}}