html body{background-color:#f4f5f8}.modal-header .close,input{outline:none}.btn.btn-primary{background-color:#1b55e3;border-color:#1b55e3}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}.spinner{-webkit-animation:App-spinner 1s linear infinite;animation:App-spinner 1s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes App-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.StateEmpty{text-align:center}.StateEmpty-NoDataLabel{color:#999;font-weight:700}.Login{background-color:#fff;width:350px;margin:50px auto;padding:20px;border:1px solid #c9c9c9;border-radius:5px;box-shadow:0 0 10px 0 #c8c9cc}.Login .Loader{text-align:center;padding-top:20px}.Login .Loader-Info{margin-top:15px;margin-bottom:20px}.Login-Header{text-align:center;padding-top:50px;padding-bottom:0;color:#007bff}.Login-Header a{color:#007bff;text-decoration:none;background-color:transparent;background:#fff;padding:2px 5px;border:1px solid #d7d7d7;border-radius:5px;font-weight:700}.Login-Title{margin-bottom:0}.Login .btn{width:100%}.List-Product{padding:0}.List-HeadProduct.row{background-color:#fff;border-radius:5px;margin:0 0 20px;padding:10px 20px;align-items:center}.List-HeadProduct.row h3{margin:0}.List-HeadProduct.row .Title-Category{padding-left:0}.List-HeadProduct.row .Icon-Search{font-size:23px;padding:0;text-align:center;color:#1b55e3}.List-HeadProduct.row .Search-Form{padding-right:0;display:flex;align-items:center}.List-HeadProduct.row .Search-Form .form-control{border:2px solid #1b55e3;border-radius:50px;padding:0 .75rem;height:50px}.List-HeadProduct.row .Barcode-Scan{padding:0 0 0 12px;height:50px;width:50px}.List-HeadProduct.row .Barcode-Scan .btn{border-radius:50px;height:100%}.AreaProduct>div:first-child{overflow-y:hidden!important;overflow-x:hidden!important}.AreaProduct>div>div>div:nth-child(2){display:none}.ProductGrid.row{margin-bottom:0}.ProductItem{margin-bottom:20px}.ProductItem:nth-last-child(-n+3){margin-bottom:0}.ProductItem.col-md-4 .Product-Item-Content h4{font-size:14px}.ProductItem.col-md-3 .Product-Item-Content h4,.ProductItem.col-md-4 .Product-Item-Content span{font-size:16px}.ProductItem.col-md-3 .Product-Item-Content span{font-size:14px}.ProductItem .Product-Item{cursor:pointer;border-radius:7px;height:215px;overflow:hidden;position:relative}.ProductItem .Product-Item-Content{padding:0;position:absolute;bottom:0;width:100%}.ProductItem .Product-Item-Content h4{background-color:#fff;font-weight:600;padding:5px 10px;margin:0;border-radius:0 7px 0 0;position:relative}.ProductItem .Product-Item-Content span{background-color:#1b55e3;color:#fff;padding:5px 10px;font-weight:600;display:flex}.ProductItem .Product-Item:hover{box-shadow:0 0 10px 0 #c8c9cc}.ProductItem .Product-Item i{display:none;position:absolute;font-size:22px;top:0;right:5px;color:#1b55e3}.ProductItem .Product-Item:hover i{display:block}.ProductItem .Product-Item .img-fluid{height:100%;object-fit:cover;width:100%}.modal-header{background-color:#1b55e3;color:#fff}.modal-header .close,.modal-header .close:not(:disabled):not(.disabled):hover{color:#fff;opacity:1}.modal-body .ProductItem:nth-child(3n){padding-right:15px}.modal-body .ProductItem:first-child,.modal-body .ProductItem:nth-child(3n+4){padding-left:15px}.modal-body .ProductItem:nth-child(3n+2){padding:0 15px}.coin.row{margin:0}.coin.row .CashInput{padding:0 10px 0 0}.coin.row .CashInput:first-child{padding-left:0}.titleMoney{font-size:16px;margin-bottom:5px}.CashInput .btn{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:10px}.CashInput svg{margin-right:10px}.CartContainer-Item-Qty{width:50px}.CartContainer .OrderOption .row{margin:0}.CartContainer .OrderOption .OrderOption-Item{cursor:pointer;border:1px solid transparent;border-radius:5px;background-color:transparent;color:#1b55e3;text-align:center;display:flex;justify-content:center;align-items:center;padding:5px;flex-wrap:wrap}.CartContainer .OrderOption .OrderOption-Item:hover{border:1px solid #1b55e3;background-color:#1b55e3;color:#fff;box-shadow:0 0 3px 0 #1b55e3}.CartContainer .OrderOption .OrderOption-Item span{font-size:20px;width:100%}.CartContainer .CartTitle{background-color:#1b55e3;border-radius:5px 5px 0 0;color:#fff;text-align:left;padding:20px;font-size:18px;font-weight:600;position:relative}.CartContainer .CartTitle .OrderDate{font-size:12px;display:block;font-weight:400}.CartContainer .CartTitle .BtnMember{background-color:#fff;border-radius:50px;color:#1b55e3;cursor:pointer;position:absolute;top:30px;right:20px;display:flex;align-items:center;padding:10px;font-weight:400;font-size:14px;height:40px}.CartContainer .CartTitle .BtnMember:hover{background-color:#f4f5f8;box-shadow:0 0 10px 0 #c8c9cc}.CartContainer .CartTitle .BtnMember-Button{display:flex}.CartContainer .CartTitle .ChooseLogo{font-size:18px;display:flex;margin-right:7px;border-radius:50%;background:#1b55e3;color:#fff;width:20px;height:20px;align-items:center;justify-content:center}.CartContainer .OrderDetails{background-color:#fff;padding:5px 0 15px;min-height:250px;border-radius:0 0 5px 5px}.CartContainer .OrderDetails .empty{font-size:20px;text-align:center}.CartContainer .OrderDetails .empty .CartNoData{color:#999;font-weight:700}.CartContainer .OrderDetails hr{border-top:2px solid #1b55e3;margin:0 0 1rem}.CartContainer .OrderDetails .OrderDetail-Item{list-style:none;padding:0;margin-bottom:0}.CartContainer .OrderDetails .OrderDetail-Item li{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.1);padding-top:7px;padding-bottom:5px}.CartContainer .OrderDetails .OrderDetail-Item li:first-child{padding-top:5px}.CartContainer .OrderDetails .OrderDetail-Item li:last-child{border-bottom:none;padding-bottom:7px}.CartContainer .OrderDetails .form-label{display:block}.CartContainer .OrderDetails .MinusQty,.CartContainer .OrderDetails .plusQty{cursor:pointer;color:#1b55e3;font-size:18px}.CartContainer .OrderDetails .Input-Qty{border-radius:5px;border:1px solid #1b55e3;margin:0 5px;width:45px;text-align:center}.CartContainer .OrderDetails .Input-Qty:focus{border:1px solid #1b55e3}.CartContainer .OrderDetails .CartDiskon{align-items:center;margin:10px 0 10px 50px}.CartContainer .OrderDetails .CartDiskon.active{display:flex}.CartContainer .OrderDetails .CartDiskon label{margin:0 10px 0 0}.CartContainer .OrderDetails .Cart-Item-Title-Price{padding:0 10px}.CartContainer .OrderDetails .CartPrice{font-size:12px}.CartContainer .OrderDetails .Cart-Item-Subtotals{color:#1b55e3;font-size:14px;max-width:100px;font-weight:600;width:100%;text-align:left;padding:0}.CartContainer .OrderDetails .Cart-Item-Subtotals.MultiPrice{max-width:190px}.CartContainer .OrderDetails .Cart-Item-Subtotals.MultiPrice select{font-size:14px;padding:5px 2px;margin:5px 0}.CartContainer .OrderDetails .Cart-Item-Remove{margin:0}.CartContainer .OrderDetails .Cart-Item-Remove .btn{display:flex;align-items:center;justify-content:center;margin-left:10px;height:30px;width:30px;background-color:transparent;padding:5px;border-radius:50%;color:#c82333}.CartContainer .OrderDetails .Cart-Item-Remove .btn:focus{box-shadow:none}.CartContainer .OrderDetails .Cart-Discount,.CartContainer .OrderDetails .Cart-Grand-Total,.CartContainer .OrderDetails .Cart-Sub-Total{margin-bottom:5px;padding:0 10px}.CartContainer .OrderDetails .Cart-Discount span,.CartContainer .OrderDetails .Cart-Grand-Total span,.CartContainer .OrderDetails .Cart-Sub-Total span{float:right;font-weight:600}.CartContainer .OrderDetails .Cart-Sub-Total{margin-top:10px}.CartContainer .OrderDetails .Cart-Discount span,.CartContainer .OrderDetails .Cart-Discount svg{color:#c82333}.CartContainer .OrderDetails .CartName{max-width:200px}.CartContainer .OrderDetails .Cart-Discount{display:flex;align-items:center;justify-content:space-between;padding:5px 0 0}.CartContainer .OrderDetails .Cart-Discount .descDiscount{display:flex;align-items:center;color:#c82333}.CartContainer .OrderDetails .Cart-Discount svg{cursor:pointer;margin-right:10px}.CartContainer .OrderDetails .Cart-Grand-Total span{font-weight:600;font-size:18px}.CartContainer .OrderDetails .Cart-Grand-Button-Payment{margin-top:5px;padding:0}.CartContainer .OrderDetails .Cart-Grand-Button-Payment .btn{font-size:13px;width:100%;padding:5px 10px}.CartContainer .OrderDetails .Cart-Grand-Button-Payment .btn .nominal{display:flex;justify-content:center;font-size:18px;font-weight:700}.CartContainer .OrderDetails .discPercentDrop,.CartContainer .OrderDetails .NameCols,.CartContainer .OrderDetails .qtyCols{display:flex;flex-wrap:wrap;align-items:center}.CartContainer .OrderDetails .Cart-Item-Qty{display:flex;align-items:center}.CartContainer .OrderDetails .qtyCols{margin-right:15px}.CartContainer .OrderDetails .discPercentDrop{background-color:transparent;border:1px solid #1b55e3;color:#1b55e3;border-radius:50%;padding:5px;width:30px;height:30px;display:flex;justify-content:center;font-size:14px;margin-left:15px;cursor:pointer}.CartContainer .OrderDetails .discPercentDrop.active,.CartContainer .OrderDetails .discPercentDrop:hover{background-color:#1b55e3;color:#fff;border-color:#1b55e3}.CartContainer .OrderDetails .summaryRow{margin:0;padding:0 10px}.CartContainer .OrderDetails .Cart-Payment{margin-top:5px;padding:0 5px 0 0}.CartContainer .OrderDetails .Cart-Payment-Btn-Up{height:100%}.CartContainer .OrderDetails .discountBtnClick{padding:0 10px;height:40px;display:flex;align-items:center;justify-content:space-between;border:1px solid #f4f5f8;border-radius:5px;cursor:pointer;background-color:#f4f5f8;color:#000}.CartContainer .OrderDetails .discountBtnClick.active{border:1px solid #1b55e3;color:#fff;background-color:#1b55e3}.CartContainer .OrderDetails .discountBtnClick span{font-size:16px;font-weight:400}.CartContainer .OrderDetails .discountBtnClick .discInputs{margin:0;background:transparent;font-weight:700;text-align:right;width:120px;border:none;border-bottom:2px solid #ccc;border-radius:0;padding:0;height:25px}.CartContainer .OrderDetails .discountBtnClick.active .discInputs{color:#fff;border-bottom:2px solid #fff}.CartContainer .OrderDetails .BtnPayment{background-color:#f4f5f8;border-radius:5px;cursor:pointer;display:flex;justify-content:center;padding:10px 0;height:100%}.CartContainer .OrderDetails .BtnPayment:hover{background-color:#c8c9cc}.CartContainer .OrderDetails .BtnPayment .payDesc{display:flex;align-items:center;font-size:18px}.CartContainer .OrderDetails .BtnPayment span{font-size:18px;display:flex;margin:0 10px 0 0}.CartContainer .OrderDetails .BtnPayment .ChooseLogo{width:30px}.PaymentModal .PaymentContainer .PaymentItems{padding:10px 5px}.PaymentModal .PaymentContainer .PaymentItem{border:1px solid transparent;cursor:pointer;align-items:center;justify-content:center;display:flex;flex-wrap:wrap;padding:15px 0}.PaymentModal .PaymentContainer .PaymentItem:hover{border-radius:5px;border:1px solid transparent;box-shadow:0 0 10px 0 #c8c9cc}.PaymentModal .PaymentContainer .PaymentItem img{width:50px}.PaymentModal .PaymentContainer .PaymentItem.bri img,.PaymentModal .PaymentContainer .PaymentItem.linkaja img{width:30px}.PaymentModal .PaymentContainer .PaymentItem .row{width:100%;margin:0}.PaymentModal .PaymentContainer .PaymentItem svg{font-size:30px;margin:0 auto}.PaymentModal .PaymentContainer img{display:block;margin:0 auto;width:100%}.PaymentModal .PaymentContainer .LogoName{font-weight:600;text-align:left;display:flex;align-items:center}.PaymentModal .PaymentContainer label{margin:0;cursor:pointer;width:100%}.PaymentModal .PaymentContainer .RadioPayment{padding:0;display:flex;align-items:center;justify-content:center}.PaymentModal .PaymentContainer .RadioPayment input{position:relative;cursor:pointer;margin-left:0;margin-top:0}.PaymentModal .PaymentContainer .RadioPaymentLabel{padding:0}.PaymentModal .PaymentContainer .Logo{display:flex;align-items:center}.modal-backdrop.CancelOrderBackdrop{z-index:1050}.modal-backdrop.CancelOrderBackdrop.show{opacity:.8}.MembersModal .MemberContainer .MemberItems{padding:10px 5px}.MembersModal .MemberContainer .MemberItem{border:1px solid transparent;cursor:pointer;align-items:center;justify-content:center;display:flex;flex-wrap:wrap;padding:15px 0}.MembersModal .MemberContainer .MemberItem:hover{border-radius:5px;border:1px solid transparent;box-shadow:0 0 10px 0 #c8c9cc}.MembersModal .MemberContainer .MemberItem .row{width:100%;margin:0}.MembersModal .MemberContainer label{margin:0;cursor:pointer;width:100%}.MembersModal .MemberContainer .RadioMember{padding:0;display:flex;align-items:center;justify-content:center}.MembersModal .MemberContainer .RadioMember input{position:relative;cursor:pointer;margin-left:0;margin-top:0}.MembersModal .MemberContainer .RadioMemberLabel,.MembersModal.PlaceOrder .MemberItems,.MembersModal.PlaceOrder .PlaceOrderContainer{padding:0}.MembersModal.PlaceOrder .form-label{margin-bottom:5px}.MembersModal.PlaceOrder .kembalian{display:flex;align-items:center;flex-wrap:wrap;flex-flow:column}.MembersModal.PlaceOrder .kembalian span{color:#1b55e3;float:right;font-size:30px;font-weight:600}.MembersModal.PlaceOrder .payButton{margin-top:15px;padding:0}.MembersModal.PlaceOrder .payButton .btn{padding:10px}.MembersModal.PlaceOrder .payButton .PlaceOrderBtn{width:48%;float:left;display:flex;justify-content:center;align-items:center}.MembersModal.PlaceOrder .payButton .PlaceOrderBtn svg{font-size:20px;margin-right:7px}.MembersModal.PlaceOrder .payButton .Cancel{float:right}.MembersModal.CancelOrder .modal-content{height:100%;text-align:center}.MembersModal.CancelOrder .iconCancel{display:flex;height:200px;font-size:100px;color:#1b55e3;justify-content:center;align-items:center}.MembersModal.CancelOrder .Button{display:flex;justify-content:space-between}.MembersModal.CancelOrder .btn{width:48%}.strukContainer{display:none}@media print{html body{background-color:#fff}.modal,.Transaction{display:none!important}.strukContainer{display:block;width:300px}.strukContainer .strukHeader{text-align:center}.strukContainer .strukHeadDesc{font-size:16px}.strukContainer .strukLogo{display:flex;justify-content:center;align-items:center}.strukContainer .strukLogo img{height:70px;margin-bottom:10px}.strukContainer .strukLogoTitle{font-size:16px}.strukContainer .strukBody{border-bottom:2px dashed #000}.strukContainer .strukBody .cashier{font-size:16px}.strukContainer .strukBody .cashier span{float:right}.strukContainer .strukBody .BodyTop{border-top:2px dashed #000;border-bottom:2px dashed #000;display:flex;justify-content:space-between;padding:5px 0}.strukContainer .strukBody .date{text-align:center}.strukContainer .strukBody .Items-top,.strukContainer .strukBody .ItemsBottom{display:flex;justify-content:space-between}.strukContainer .strukBody .ItemsBottom .qty{text-align:center;width:30px}.strukContainer .strukBody .Items-discount{display:flex;flex-wrap:wrap;justify-content:flex-end}.strukContainer .strukBody .Items-discount span{margin-left:10px}.strukContainer .strukBody .BodyItems{padding:5px 0}.strukContainer .strukBody .bodyBottom{float:right;padding:10px 0;width:250px}.strukContainer .strukBody .bodyBottom div{display:flex;justify-content:space-between}.strukContainer .strukBody .grandtotal{border-top:1px dashed #000;padding:10px 0 0}.strukContainer .strukFooter{border-top:2px dashed #000;display:inline-block;padding-top:10px;text-align:center}.strukContainer .copyright{font-size:12px;margin-top:10px;text-align:center}}.HistoryModal .modal-body ul{list-style:none;padding:0;margin-bottom:0}.HistoryModal .modal-body .listHistory{border-bottom:1px solid #1b55e3;padding:10px 12px 10px 10px;display:flex;flex-wrap:wrap;cursor:pointer}.HistoryModal .modal-body .listHistory:last-child{margin-bottom:0;border-bottom:none}.HistoryModal .modal-body .listHistory.active{background-color:#1b55e3;color:#fff}.HistoryModal .modal-body .bodyHistory,.HistoryModal .modal-body .headHistoryList{display:flex;flex-wrap:wrap}.HistoryModal .modal-body .bodyHistory,.HistoryModal .modal-body .headHistoryList{flex:0 0 50%}.HistoryModal .modal-body .orderDate,.HistoryModal .modal-body .orderList{font-weight:700;display:flex;align-items:center;font-size:12px}.HistoryModal .modal-body .orderDate svg,.HistoryModal .modal-body .orderList svg{padding-right:10px;font-size:25px}.HistoryModal .modal-body .productDetail{list-style:disc outside none;list-style:initial;padding:0 15px 0 20px}.HistoryModal .modal-body .productDetail .ProductNameSku,.HistoryModal .modal-body .productDetail .Qty{display:flex}.HistoryModal .modal-body .productDetail .Qty span{margin-left:auto;font-weight:700}.HistoryModal .modal-body .productDetail .Disc{color:#c82333;font-weight:700}.HistoryModal .modal-body .priceHistory{margin-left:auto}.HistoryModal .modal-body .priceHistory span{display:block;font-size:18px;font-weight:700;text-align:right}.HistoryModal .modal-body .TableProduct{font-size:14px}.HistoryModal .modal-body .DetailTransaction h5{font-weight:700}.HistoryModal .modal-body .DetailTransaction .CalcTotal .Cash,.HistoryModal .modal-body .DetailTransaction .CalcTotal .Discount,.HistoryModal .modal-body .DetailTransaction .CalcTotal .Grandtotal,.HistoryModal .modal-body .DetailTransaction .CalcTotal .MoneyChanges,.HistoryModal .modal-body .DetailTransaction .CalcTotal .Subtotal,.HistoryModal .modal-body .DetailTransaction .CalcTotal .Tax{display:flex;flex-wrap:wrap}.HistoryModal .modal-body .DetailTransaction .CalcTotal .Discount span{color:#c82333}.HistoryModal .modal-body .DetailTransaction .CalcTotal .Cash span,.HistoryModal .modal-body .DetailTransaction .CalcTotal .Grandtotal span,.HistoryModal .modal-body .DetailTransaction .CalcTotal .MoneyChanges span{font-size:20px}.HistoryModal .modal-body .DetailTransaction .CalcTotal span{font-weight:700;margin-left:auto}.HistoryModal .modal-body .DetailTransaction .CalcTotal .Cash{margin-top:15px}.navbar{background-color:#1b55e3}.navbar.navbar-dark .navbar-nav .nav-link{color:#fff}.navbar .navbar-brand{position:relative}.navbar .navbar-brand pre{font-size:9px;color:#fff;position:absolute;bottom:0;right:0;margin:0}.navbar .navbar-nav{width:47%;flex:0 0 47%}.navbar .dropdown-toggle.nav-link{display:flex;align-items:center;justify-content:center}.navbar .dropdown-toggle.nav-link svg{margin-right:10px;margin-top:-5px;font-size:20px}.navbar .OrderOption-Item{font-size:14px;color:#fff;cursor:pointer;align-items:center;display:flex}.navbar .OrderOption-Item span{margin-right:10px}.Transaction-Body{margin-top:15px;padding:10px}.Transaction-Body-Categories{padding:0;list-style:none;margin-bottom:0}.Transaction-Body-Categories-Item{background-color:#fff;border-radius:5px;padding:10px;cursor:pointer;text-align:center;margin-bottom:15px}.Transaction-Body-Categories-Item:last-child{margin-bottom:0}.Transaction-Body-Categories-Item .img-category{height:30px;width:30px;display:flex;justify-content:center;align-items:center;margin:0 auto}.Transaction-Body-Categories-Item .img-category img{width:100%}.Transaction-Body-Categories-Item .img-category svg{font-size:35px}.Transaction-Body-Item-Active{background-color:#1b55e3;color:#fff}@media (min-width:768px){.Transaction-Body{margin-top:15px;padding:10px}.Transaction-Body-Left-Categories.col-md-2{flex:0 0 15%;max-width:15%;max-height:90vh}.Transaction-Body-Left-Products.col-md-10{flex:0 0 85%;max-width:85%}.Transaction-Body-Categories-Item{font-size:14px}}body{margin:0;font-family:"Montserrat";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"Montserrat";src:local("Montserrat"),url(/static/media/Montserrat-Regular.ee653992.ttf)}@font-face{font-family:"Montserrat";font-weight:900;src:local("Montserrat"),url(/static/media/Montserrat-Bold.ade91f47.ttf)}
/*# sourceMappingURL=main.f36dc3b4.chunk.css.map */