:root{--basic-width:480px;--basic-height:100px;--footer-height:60px;--header-height:60px;--primary:var(--v-primary-base);--primaryHover:var(--v-primary-darken1);--primaryTransparent:var(--v-primaryTransparent-base);--secondary:#37393a;--warning:#fed9b7;--success:#7fb069;--info:#a4def9;--error:#e85555;--sidebar-width:50%;--main-content-width:50%}*{box-sizing:border-box;scroll-behavior:smooth}.judul-laporan{font-weight:700;font-size:24px;text-transform:uppercase;margin-bottom:16px;text-align:center}::-webkit-scrollbar{width:7px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}.notext{color:transparent!important;-webkit-text-decoration-color:transparent!important;text-decoration-color:transparent!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:.75rem!important}.px-1{padding:0 .25rem!important}.px-2{padding:0 .5rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.pt-1,.py-1{padding-top:.25rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pt-3,.py-3{padding-top:.75rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pb-3,.py-3{padding-bottom:.75rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mt-3,.my-3{margin-top:.75rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.mb-3,.my-3{margin-bottom:.75rem!important}.w-7p{width:7%}.w-10p{width:10%}.w-11p{width:11%}.w-15p{width:15%}.w-20p{width:20%}.w-30p{width:30%}.w-35p{width:35%}.w-40p{width:40%}.w-50p{width:50%}.w-60p{width:60%}.w-70p{width:70%}.w-80p{width:80%}.w-90p{width:90%}.w-100p{width:100%}.bg-hijau-milo-muda{background-color:#09a037!important;color:#fff!important}button.btn-biru-tua{background-color:#349bdb}button.btn-biru-muda{background-color:#22a7f0}button.btn-biru-muda,button.btn-biru-tua{color:#fff}button.btn-pucat{background-color:hsla(0,0%,82.7%,.5)}button.btn-orange{background-color:#ff5010}.overflow-auto{overflow:auto}img.img-product{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:50% 50%;object-position:50% 50%}.v-file-input input[type=file]{z-index:-20!important}body{font-size:16px;color:#4a4a4a;background-color:#f7f7f7;-webkit-font-smoothing:antialiased;margin:0}.v-application,body{font-family:Source Sans Pro,Helvetica Neue,Arial,sans-serif!important}.v-dialog .v-card__actions:not(.dialog-khusus),.v-dialog .v-card__text:not(.dialog-khusus),.v-dialog .v-card__title:not(.dialog-khusus){max-width:480px;width:100%;margin:auto}.datatable-khusus .v-data-footer__select{display:none!important}.v-application .info,.v-application .warning{color:#000!important}.tabel-barang-beli>.v-data-table__wrapper>table>thead>tr:last-child>th{white-space:nowrap}button,input{overflow:visible}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}input[type=text]{font-family:Source Sans Pro,Helvetica Neue,Arial,sans-serif!important;color:#4a4a4a;font-size:1rem}input::-moz-placeholder,input::-ms-input-placeholder,input::-webkit-input-placeholder{color:hsla(0,0%,82.7%,.5);font-family:Source Sans Pro,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:700}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group-append,.input-group-prepend{display:flex}.input-group-append{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child),.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.badge-success{color:#fff;background-color:#28a745}.badge-warning{color:#212529;background-color:#ffc107}.badge-danger{color:#fff;background-color:#dc3545}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.d-none{display:none!important}.text-nowrap{white-space:nowrap}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-block{display:block;width:100%}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.15rem .45rem;font-size:15px;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn:focus,.btn:hover{text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}.btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active{background-image:none}.text-success{color:#28a745!important}.text-danger{color:#dc3545!important}.text-warning{color:#ffc107!important}.font-20p{font-size:20px}.text-capitalize{text-transform:capitalize!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.border{border:1px solid #dee2e6!important}.rounded{border-radius:.25rem!important}.position-relative{position:relative!important}.float-right{float:right!important}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125);color:#000}.list-group-item.disabled,.list-group-item:disabled{color:rgba(108,117,125,.75);background-color:#fff}.list-group-item:focus,.list-group-item:hover{z-index:1;text-decoration:none}.list-group-item-action:not(.disabled):not(:disabled):focus,.list-group-item-action:not(.disabled):not(:disabled):hover{color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}.grayscale{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.stok-kosong-deskripsi{top:-185px;left:22%;z-index:200;font-size:30px;padding:6px 12px;border-radius:10px;width:250px;transform:rotate(-35deg)}.stok-kosong-deskripsi,.stok-kosong-produk{position:relative;white-space:nowrap;text-transform:uppercase;font-weight:700;color:#fff;background-color:rgba(0,0,0,.5);text-align:center}.stok-kosong-produk{border-radius:5px;z-index:20}:focus{outline:none}div.flex{display:flex;flex-direction:row}div.flex-col{display:flex;flex-direction:column}.justify-content-center{justify-content:center}.justify-space-between{justify-content:space-between}.ml-auto,.mx-auto{margin-left:auto}.mr-auto,.mx-auto{margin-right:auto}.h-100p{height:100%}.height-inherit{height:inherit}.h-50p{height:50%}.lh1{line-height:1}.hrg-awal{text-decoration:line-through;-webkit-text-decoration-style:3px solid red;text-decoration-style:3px solid red;color:red}.hrg-diskon{font-weight:700;color:red;font-size:26px}.list-group:first-child,.list-group:not(:first-child):not(:last-child){margin-bottom:7.5px}.list-group:last-child,.list-group:not(:first-child):not(:last-child){margin-top:7.5px}.list-group li:not(.disabled){cursor:pointer}.list-group li.disabled{cursor:not-allowed}.font-weight-bold{font-weight:700!important}.align-items-center{align-items:center!important}.bg-white{background-color:#fff}button{background-color:transparent;border:0 solid transparent;text-align:center;padding:0;cursor:pointer}div#check-out-modal div.modal-body{max-height:200px;overflow-y:scroll;padding:.3rem .55rem}div#check-out-modal div.modal-dialog-centered{top:-45px}div#check-out-modal div.modal-body::-webkit-scrollbar{width:5px}div.overflow-auto::-webkit-scrollbar{height:0}div#check-out-modal div.modal-body::-webkit-scrollbar-track,div.overflow-auto::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}div#check-out-modal div.modal-body::-webkit-scrollbar-thumb,div.overflow-auto::-webkit-scrollbar-thumb{background-color:#a9a9a9;outline:1px solid #708090}div#check-out-modal div.modal-body::-webkit-scrollbar-thumb,div#check-out-modal div.modal-body::-webkit-scrollbar-track,div.overflow-auto::-webkit-scrollbar-thumb,div.overflow-auto::-webkit-scrollbar-track{border-radius:10px}i.mdi-heart,i.mdi-heart-outline{color:red!important}.f-1{flex:1}.f-2{flex:2}.f-3{flex:3}.f-4{flex:4}.f-5{flex:5}.f-6{flex:6}.f-7{flex:7}.f-8{flex:8}.f-9{flex:9}.f-10{flex:10}.flex-wrap{flex-wrap:wrap!important}.d-block{display:block!important}div.garis-pembatas-bawah{border-bottom:1px solid hsla(0,0%,53.3%,.2);height:1px;margin:5px 0}div.garis-pembatas-kanan{border-right:1px solid hsla(0,0%,53.3%,.5);height:100%;width:1px;margin:0 5px}header.header-page{position:fixed;width:100%;height:var(--header-height);top:0;left:0;z-index:201;background-color:var(--primary)}header.header-page>div{max-width:480px;width:100%}header.header-page div.logo-area{width:51px;height:var(--header-height);padding:12px 5px 12px 10px}header.header-page div.logo-area img.logo-samping-search{width:100%;height:auto;border-radius:100%}main.content-page{background-color:hsla(0,0%,82.7%,.05);position:relative;top:var(--header-height);max-width:480px;width:100%;min-height:calc(100vh - var(--header-height));margin:0 auto;padding-bottom:calc(var(--footer-height) + 80px);border:1px solid #fff;margin-top:50px}main.content-page div.login-form{height:calc(100vh - var(--header-height) - var(--footer-height) - 2px);display:flex;position:relative;z-index:100;align-items:center;justify-content:center}main.content-page div.login-form>div{width:80%;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px hsla(0,0%,53.3%,.2)}main.content-page div.login-form div.title-page{font-size:24px;text-transform:uppercase}main.content-page div.login-form div.link{padding-top:.25rem}main.content-page div.login-form div.link a{color:#228640;cursor:pointer;text-decoration:underline}main.content-page div.slide-area{color:#fff;text-transform:uppercase;text-align:center;align-items:center;position:relative}@media only screen and (min-width:481px){main.content-page div.slide-area{height:185px}}@media only screen and (max-width:480px){main.content-page div.slide-area{height:38.46154vw}}main.content-page div.slide-area img{width:100%!important;-o-object-fit:contain;object-fit:contain;-o-object-position:50% 50%;object-position:50% 50%}main.content-page div.slide-area span.urutan-gambar{position:absolute;z-index:200;bottom:5px;left:5px;font-size:12px;border:1px solid #e8e8e8;border-radius:100%;background-color:hsla(0,0%,100%,.85);color:#000;padding:0 4.55px}main.content-page div.slide-area .next,main.content-page div.slide-area .prev{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);padding:50px 10px;color:#000;text-shadow:0 0 1px #888;background-color:transparent;font-weight:700;font-size:18px;transition:.3s;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}main.content-page div.slide-area .next{border-radius:0 5px 5px 0;right:0}main.content-page div.slide-area .prev{border-radius:5px 0 0 5px;left:0}main.content-page div.slide-area .next:hover,main.content-page div.slide-area .prev:hover{background-color:rgba(255,0,0,.35)}main.content-page div.list-category>button:first-child,main.content-page div.list-category>button:last-child{padding:20px 6px}main.content-page div.list-category div.kategori{min-width:80px;max-width:80px}main.content-page div.list-category div.kategori:first-child,main.content-page div.list-category div.kategori:not(:first-child):not(:last-child){margin-right:5px}main.content-page div.list-category div.kategori:last-child,main.content-page div.list-category div.kategori:not(:first-child):not(:last-child){margin-left:5px}main.content-page div.list-category div.kategori>div{border-radius:100%;cursor:pointer;transition:.3s;height:100%}main.content-page div.list-category div.kategori div.icon-kategori{padding:6.9px 0 0;background-color:transparent;position:relative;z-index:2;height:59px}main.content-page div.list-category div.kategori div.icon-kategori img{border:1px solid hsla(0,0%,53.3%,.25);width:50px;height:50px;-o-object-fit:contain;object-fit:contain;-o-object-position:50% 50%;object-position:50% 50%;border-radius:5px;padding:5px}main.content-page div.list-category div.kategori div.nama-kategori{font-size:13px;color:#000;white-space:pre-wrap;text-align:center;line-height:1;height:28px;margin-top:0}main.content-page div.list-category,main.content-page div.produk-overflow{position:relative}main.content-page div.list-category div.flex,main.content-page div.produk-overflow div.flex{width:100%}main.content-page div.list-category div.panah,main.content-page div.produk-overflow div.panah{position:absolute;height:calc(100% - 14px);background-color:hsla(0,0%,53.3%,.25);color:rgba(0,0,0,.25);margin:7px;display:flex;align-items:center;z-index:11;cursor:pointer;transition:.3s}@media only screen and (max-width:767px){main.content-page div.panah{display:none!important}}main.content-page div.list-category div.panah.panah-kiri,main.content-page div.produk-overflow div.panah.panah-kiri{left:-7px;border-radius:5px 0 0 5px}main.content-page div.list-category div.panah.panah-kanan,main.content-page div.produk-overflow div.panah.panah-kanan{right:-7px;border-radius:0 5px 5px 0}main.content-page div.list-category div.panah:hover,main.content-page div.produk-overflow div.panah:hover{background-color:red}main.content-page div.list-category div.panah:hover>i,main.content-page div.produk-overflow div.panah:hover>i{color:#fff!important}main.content-page div.list-category div.panah>i,main.content-page div.produk-overflow div.panah>i{font-size:22px!important}main.content-page div.produk-overflow div.w-produk{min-width:145.5px;max-width:145.5px;padding:7px}main.content-page div.produk-wrap{margin:0 -7px}main.content-page div.produk-wrap div.w-produk{width:33.33333%;padding:7px}main.content-page div.produk-overflow div.w-produk>div,main.content-page div.produk-wrap div.w-produk>div{border-radius:5px;box-shadow:0 1px 0 rgba(17,17,26,.05),0 0 3px rgba(17,17,26,.1);background:#fff}main.content-page div.produk-overflow div.w-produk div.h-product-fix,main.content-page div.produk-wrap div.w-produk div.h-product-fix{width:100%;height:130px;background-color:transparent;text-align:center;position:relative}main.content-page div.produk-overflow div.w-produk div.gambar-product,main.content-page div.produk-wrap div.w-produk div.gambar-product{width:100%;height:100%;border-radius:5px 5px 0 0}main.content-page div.produk-overflow div.w-produk div.nama-product,main.content-page div.produk-wrap div.w-produk div.nama-product{height:60px;font-size:18px;font-weight:700;line-height:1.4;padding:5px 0;width:100%;background-color:#fff;color:#000;text-align:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}main.content-page div.produk-overflow .stok-kosong-produk{left:3px;top:-68px;font-size:16px;padding:2px 4px;width:123px;transform:rotate(-25deg)}main.content-page div.produk-wrap .stok-kosong-produk{left:50%;top:-70px;font-size:17px;padding:6px 12px;width:130px;transform:translateX(-50%) rotate(-30deg)}main.content-page div.nama-product div.truncate{overflow:hidden;text-overflow:ellipsis}main.content-page div.produk-overflow div.w-produk div.banded-promo,main.content-page div.produk-wrap div.w-produk div.banded-promo{width:85px;height:85px;overflow:hidden;position:absolute;top:-6px;left:-6px}main.content-page div.produk-overflow div.w-produk div.banded-promo:after,main.content-page div.produk-overflow div.w-produk div.banded-promo:before,main.content-page div.produk-wrap div.w-produk div.banded-promo:after,main.content-page div.produk-wrap div.w-produk div.banded-promo:before{position:absolute;z-index:-1;content:"";display:block;border:5px solid #000;border-top-color:transparent;border-left-color:transparent}main.content-page div.produk-overflow div.w-produk div.banded-promo span,main.content-page div.produk-wrap div.w-produk div.banded-promo span{color:#fff;font-weight:bolder;position:absolute;display:block;padding:5px 0;width:150px;background-color:#ff5010;box-shadow:0 3px 3px rgba(0,0,0,.3);text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center;z-index:10;right:-22px;top:12px;transform:rotate(-45deg)}main.content-page div.produk-overflow div.w-produk div.banded-promo:before,main.content-page div.produk-wrap div.w-produk div.banded-promo:before{top:0;right:0}main.content-page div.produk-overflow div.w-produk div.banded-promo:after,main.content-page div.produk-wrap div.w-produk div.banded-promo:after{bottom:0;left:0}main.content-page div.produk-overflow div.w-produk button.add-to-cart,main.content-page div.produk-overflow div.w-produk button.set-as-fav,main.content-page div.produk-wrap div.w-produk button.add-to-cart,main.content-page div.produk-wrap div.w-produk button.set-as-fav{position:absolute;right:5px;display:flex;justify-content:center;align-items:center;width:35px;height:35px;background-color:hsla(0,0%,82.7%,.5);border-radius:100%;transition:.3s}main.content-page div.produk-overflow div.w-produk button.add-to-cart,main.content-page div.produk-overflow div.w-produk button.set-as-fav,main.content-page div.produk-wrap div.w-produk button.add-to-cart,main.content-page div.produk-wrap div.w-produk button.set-as-fav{top:5px}main.content-page div.produk-overflow div.w-produk button.add-to-cart:hover,main.content-page div.produk-overflow div.w-produk button.set-as-fav:hover,main.content-page div.produk-wrap div.w-produk button.add-to-cart:hover,main.content-page div.produk-wrap div.w-produk button.set-as-fav:hover{background-color:hsla(0,0%,82.7%,.95)}main.content-page div.produk-overflow div.w-produk div.harga-product,main.content-page div.produk-overflow div.w-produk div.harga-product-full,main.content-page div.produk-wrap div.w-produk div.harga-product,main.content-page div.produk-wrap div.w-produk div.harga-product-full{color:#5d5757;border-radius:0 0 4.15px 4.15px}main.content-page div.produk-overflow div.w-produk div.harga-product-full,main.content-page div.produk-wrap div.w-produk div.harga-product-full,main.content-page div.produk-wrap div.w-produk div.product-catatan-btn{padding:2px 6px;font-size:18px}main.content-page div.produk-overflow div.w-produk div.harga-product div:first-child,main.content-page div.produk-overflow div.w-produk div.harga-product div:last-child,main.content-page div.produk-wrap div.w-produk div.harga-product div:first-child,main.content-page div.produk-wrap div.w-produk div.harga-product div:last-child{width:calc(100% + .1px);text-align:center;cursor:pointer}main.content-page div.produk-overflow div.w-produk div.harga-product div:first-child,main.content-page div.produk-wrap div.w-produk div.harga-product div:first-child{text-decoration:line-through;-webkit-text-decoration-color:#fff;text-decoration-color:#fff;font-size:12px;margin-bottom:-4px;min-height:15px}main.content-page div.produk-overflow div.w-produk div.harga-product div:last-child,main.content-page div.produk-wrap div.w-produk div.harga-product div:last-child{border-radius:0 0 4.15px 4.15px;padding:0 8px 4px;margin-bottom:-.1px;font-weight:700}main.content-page div.produk-overflow>button:first-child,main.content-page div.produk-overflow>button:last-child,main.content-page div.produk-wrap>button:first-child,main.content-page div.produk-wrap>button:last-child{padding:6px;height:inherit}main.content-page div.item-belanja>div:not(.lanjutkan-belanja):first-child,main.content-page div.item-belanja>div:not(.lanjutkan-belanja):not(:first-child):not(:last-child){margin-bottom:7.5px}main.content-page div.item-belanja>div:not(.lanjutkan-belanja):last-child,main.content-page div.item-belanja>div:not(.lanjutkan-belanja):not(:first-child):not(:last-child){margin-top:7.5px}main.content-page div.item-belanja>div:not(.lanjutkan-belanja) img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;border-radius:.25rem 0 0 .25rem}main.content-page div.item-belanja button.cancel-button:not(.btn-lanjutkan-belanja),main.content-page div.item-belanja button.fav-button:not(.btn-lanjutkan-belanja){margin-right:6px;font-size:16px;color:#b34a1d;width:30px;height:30px;background-color:hsla(0,0%,82.7%,.75);border-radius:100%}main.content-page div.item-belanja>div:not(.lanjutkan-belanja) div.name-tag{min-width:179px;line-height:1.1;font-weight:700}main.content-page div.item-belanja>div:not(.lanjutkan-belanja),main.content-page div.riwayat-belanja>div{border:1px solid #ced4da;box-shadow:0 0 3px 1px hsla(0,0%,53.3%,.1);background-color:#fff}main.content-page div.mt-31px,main.content-page div.riwayat-belanja{margin-top:31px}main.content-page div.riwayat-belanja>div{cursor:pointer}main.content-page div.informasi-pembayaran{border:3px dotted hsla(0,0%,53.3%,.75);padding:.5rem;font-weight:700;text-transform:uppercase;margin-bottom:7px;text-align:center;display:flex;flex-direction:column;height:200px;justify-content:center}main.content-page div.tab-history{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;background-color:#fff;padding:0 5px;position:fixed;width:100%;max-width:478px;z-index:2}main.content-page div.tab-history div.tab-item{white-space:nowrap;padding:5px;text-align:center;text-transform:uppercase;letter-spacing:1px;font-size:13px;color:rgba(0,0,0,.5);transition:.3s;height:31px;cursor:pointer}main.content-page div.tab-history div.active{background-color:var(--primary);border-bottom:2px solid #000;font-weight:700;color:#fff}main.content-page div.produk-overflow .v-skeleton-loader__image{height:130px}main.content-page div.produk-overflow .v-skeleton-loader__card-heading{height:48px}main.content-page div.produk-overflow .v-skeleton-loader__text{height:29px}main.content-page div.item-belanja>div:not(.lanjutkan-belanja) div.w-115px{width:115px}main.content-page div.item-belanja>div>div:last-child{width:calc(100% - 115px)}main.content-page div.qty-tag button.btn-qty{font-size:12px;padding:4px 8px;border:1px solid #ced4da;color:#fff}main.content-page div.qty-tag input.form-control{padding:.15rem .35rem;width:45px;flex:none;border-radius:0}main.content-page div.qty-tag div.input-group-prepend button.btn-qty{border-radius:5px 0 0 5px;background-color:#d3d3d3;color:#ff0a32}main.content-page div.qty-tag div.input-group-append button.btn-qty{border-radius:0 5px 5px 0;background-color:var(--primary)}main.content-page div.count-area{position:fixed;max-width:480px;width:100%;height:70px;bottom:var(--footer-height);left:50%;transform:translateX(-50%);background-color:var(--primary);color:#fff;font-size:18px;z-index:201}main.content-page div.count-area.checkout-btn{bottom:0!important}main.content-page div.count-area button{color:var(--primary);font-weight:700}div.font-small{font-size:12px}main.content-page div.area-foto-profil{width:78px;height:78px}main.content-page div img.foto-profil{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;border-radius:.25rem}main.content-page div.list-address-area div.address-box{border:1px solid hsla(0,0%,53.3%,.5);border-radius:5px;padding:15px;background-color:#fff;box-shadow:0 2px 6px #888;position:relative}main.content-page div.list-address-area div.address-box:not(:last-child){margin-bottom:7.5px}main.content-page div.list-address-area div.address-box div.jalan{width:calc(100% - 30px);height:45px;line-height:1;word-wrap:normal;margin-bottom:5px}main.content-page div.list-address-area div.address-box span.icon-alamat{position:absolute;top:10px;right:10px}main.content-page div.list-address-area div.address-box span.icon-selected{position:absolute;right:10px;bottom:10px}main.content-page div.add-address-button-area{position:fixed;max-width:478px;width:100%;bottom:60px;height:55px;background-color:#fff;border-top:1px dashed #000}main.content-page div.riwayat-belanja>div:not(:first-child):not(:last-child){margin-bottom:14px}main.content-page div.riwayat-belanja>div:last-child,main.content-page div.riwayat-belanja>div:not(:first-child):not(:last-child){margin-top:14px}main.content-page div.deskripsi-area>div.da-img{height:300px}main.content-page div.deskripsi-area>div.da-nama{font-size:20px;font-weight:700;padding:5px 0}main.content-page div.deskripsi-area>div.da-desc,main.content-page div.deskripsi-area>div.da-qty{padding:5px 0}main.content-page div.check-out-area>div.check-out-tab div:first-child{margin-right:7.5px}main.content-page div.check-out-area>div.check-out-tab div:last-child{margin-left:7.5px}main.content-page div.check-out-area>div.check-out-tab div{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:rgba(0,0,0,.25);font-weight:400;font-size:16px;padding:6px 12px 6px 10px;border:1px solid #dedede;border-radius:25px;display:flex;align-items:center;cursor:pointer}main.content-page div.check-out-area>div.check-out-tab div.active{color:#fff;font-weight:700;background-color:var(--primary);border-radius:25px;box-shadow:0 2px 4px rgba(78,78,78,.1);border:none}main.content-page div.total-price-area{height:70px;background-image:linear-gradient(0deg,#51a510,#09a037);font-size:18px;color:#fff;font-weight:700}main.content-page div.count-area button#check-out,main.content-page div.count-area button#goto-payment,main.content-page div.count-area button#paid{border-radius:30px;padding:8px 16px;font-size:20px}main.content-page div.count-area button+button{margin-top:0}main.content-page div.delivery-addr div.flex{margin-left:5px}main.content-page div.delivery-addr div.w-delivery{min-width:220px;max-width:220px}main.content-page div.delivery-addr div.add-addr-area,main.content-page div.delivery-addr div.w-delivery{padding:2px 5px 10px}main.content-page div.delivery-addr div.add-addr-area{padding-left:0;margin-left:-10px}main.content-page div.delivery-addr div.btn-add-addr{padding:4px}main.content-page div.delivery-addr div.w-delivery>div{padding:6px 12px;position:relative}main.content-page div.delivery-addr div.w-delivery>div div.jalan{height:calc(100% - 48px)}main.content-page div.delivery-addr div.w-delivery>div div.daerah,main.content-page div.delivery-addr div.w-delivery>div div.jalan{line-height:1.2;font-size:14px}main.content-page div.delivery-addr div.w-delivery>div button.opsi{position:absolute;right:2.5px;top:.5px;color:#101010;background-color:#fff}main.content-page div.delivery-addr div.w-delivery>div span.tertanda{position:absolute;right:2.5px;bottom:2.5px;color:#00f;background-color:#fff}main.content-page div.delivery-addr div.btn-add-addr,main.content-page div.delivery-addr div.w-delivery>div{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #888;height:120px;cursor:pointer}main.content-page div.order-summary{background-color:#fff;box-shadow:0 2px 4px hsla(0,0%,53.3%,.2);border-radius:10px;padding:.5rem}main.content-page div.order-summary>div:first-child{font-weight:700}main.content-page div.method-area>div:nth-child(2)>div{position:relative;cursor:pointer}main.content-page div.method-area input[type=radio].method-payment-radio{position:absolute;cursor:pointer;right:15px;top:15px}main.content-page div.keterangan-bayar{font-weight:700;line-height:1;color:#000;font-size:13px;border-radius:5px;padding:6px 12px;background-color:#ffc107}main.content-page div.box-pembelian,main.content-page div.box-pengiriman{border:1px solid hsla(0,0%,53.3%,.25);border-radius:5px;box-shadow:0 1px 4px hsla(0,0%,53.3%,.1);background-color:#fff}main.content-page div.box-pembelian>div:not([class*=garis-pembatas-]),main.content-page div.box-pengiriman>div{padding:5px 10px}main.content-page div.box-pengiriman div.box-pengiriman-title{border-bottom:1px solid hsla(0,0%,53.3%,.5);font-weight:700}main.content-page div.box-pengiriman div.box-pengiriman-data{margin-top:-1px}main.content-page div.box-pengiriman div.box-pengiriman-data div.alamat{line-height:1.1;padding:5px 0}main.content-page div.detil-harga-title{font-weight:700;font-size:16px;margin-bottom:3px;color:#404040}main.content-page div.diskon{color:#ff5f17!important}main.content-page div.daftar-barang-pemisah:not(:last-child){border-bottom:1px solid hsla(0,0%,53.3%,.2);margin-top:-1px}main.content-page div.tinggi-nama-produk{height:40px;line-height:1}main.content-page div.daftar-barang-pemisah div.harga-produk,main.content-page div.daftar-barang-pemisah div.tinggi-nama-produk{padding:0 5px}main.content-page div.daftar-barang-pemisah div.harga-produk{line-height:1}main.content-page div.daftar-barang-pemisah img{width:100%;height:62px;-o-object-fit:contain;object-fit:contain;-o-object-position:0 50%;object-position:0 50%}main.content-page div.kotak-kategori-pilihan{border:1px solid rgba(0,0,0,.3);border-radius:7px;box-shadow:0 2px 6px hsla(0,0%,53.3%,.75);padding:6px 12px;display:flex;flex-direction:row;background-color:#fff;align-items:center}main.content-page div.kotak-kategori-pilihan img{margin-bottom:-5px}footer.navigation{position:fixed;max-width:480px;width:100%;height:var(--footer-height);bottom:0;left:50%;transform:translateX(-50%);margin:0 auto;display:flex;flex-direction:row;justify-content:center;background-color:#fff;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);z-index:201}footer.navigation button.nav-link{text-align:center;width:75px;padding-top:10px;cursor:pointer}footer.navigation button.nav-link a{text-decoration:none}footer.navigation button.nav-link i{font-size:30px;width:100%}footer.navigation button.nav-link span{font-size:10px;position:relative;z-index:10001;top:-7px}footer.navigation a span{color:#636363}footer.navigation a.active-page i{color:var(--primary)!important}footer.navigation a:not(.active-page):not(.btn-whatsapp) i{color:#bbb!important}footer.navigation a.active-page span{color:var(--primary)}.v-dialog.margin-khusus.v-dialog--active.v-dialog--persistent{margin:10px!important}.v-btn:not(.v-btn--outlined).warning{color:#000!important}.screen-container{position:relative;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:480px;margin:auto;border-left:1px solid #eee;border-right:1px solid #eee}.product-jumlah{margin-top:2rem;display:flex;align-items:center}.product-jumlah input{width:3rem;border-bottom:1px solid #c3c3c3;margin:0 .5rem;text-align:center}.product-jumlah .product-jumlah-qty-btn{display:flex;justify-content:center;align-items:center;padding:.5rem;border-radius:50%;background:var(--primary)}.product-jumlah .product-jumlah-qty-btn[disabled]{background:#bbb!important}.total-jumlah{margin-left:.75rem}.card-product-jumlah{justify-content:center;margin:1rem 0 1rem!important;padding:0 6px;height:35px}.product-jumlah.card-product-jumlah>button.product-jumlah-qty-btn:hover{background:var(--primaryHover)}.product-card-wrapper{padding:.7rem 1rem}.produk-tambah-btn{color:var(--primary);font-weight:700;border:1px solid var(--primary);border-radius:5px;padding:.25rem .75rem;width:100%;transition:.3s;transition-property:color,border-color}.produk-tambah-btn:hover{background:var(--v-primaryTransparent-base)}.produk-tambah-btn:disabled{border-color:#bbb!important;background:#f4f4f4!important;color:#9b9b9b!important}.riwayat-status{font-weight:700!important}.riwayat-status.pending{color:#ff9800!important;background:rgba(255,152,0,.2)!important}.riwayat-status.finish{color:green!important;background:rgba(0,255,0,.2)!important}.riwayat-status.void{color:red!important;background:rgba(255,0,0,.2)!important}.v-input__append-inner{margin-top:0!important;margin-right:-10px!important}.history-content-page{margin-top:0!important}.card-product-jumlah .v-skeleton-loader__button{width:100%!important}.nama-product.loading{height:45px!important}.loading-table .v-skeleton-loader__button{height:70px!important;width:70px!important}@media screen and (max-width:480px){main.content-page div.produk-overflow div.w-produk div.harga-product-full,main.content-page div.produk-overflow div.w-produk div.nama-product,main.content-page div.produk-wrap div.w-produk div.harga-product-full,main.content-page div.produk-wrap div.w-produk div.nama-product{font-size:16px}.product-jumlah input{width:2rem!important}.product-card-wrapper{padding:.7rem!important}}@media screen and (max-width:800px){main.content-page div.produk-wrap div.w-produk{width:50%}}