@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
.dropzone{position:relative}.dropzone .dz-preview{margin:.5em;width:120px}.dropzone .dz-preview .dz-progress{border:1px solid #aaa;display:block;height:15px}.dropzone .dz-preview .dz-progress .dz-upload{background:green;display:block;height:100%}.dropzone .dz-preview .dz-error-message{color:red}.dropzone .dz-preview.dz-error .dz-error-mark,.dropzone .dz-preview.dz-error .dz-error-message,.dropzone .dz-preview.dz-success .dz-success-mark{display:block}.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{display:none;height:58px;left:30px;top:30px;width:54px}@keyframes passing-through{0%{opacity:0;transform:translateY(40px)}30%,70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{background:#fff;border:2px solid rgba(0,0,0,.3);min-height:150px;padding:20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{margin:2em 0;text-align:center}.dropzone .dz-preview{display:inline-block;margin:16px;min-height:100px;position:relative;vertical-align:top}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview.dz-file-preview .dz-image{background:#999;background:linear-gradient(180deg,#eee,#ddd);border-radius:20px}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity .2s linear}.dropzone .dz-preview .dz-remove{border:none;cursor:pointer;display:block;font-size:14px;text-align:center}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{color:rgba(0,0,0,.9);font-size:13px;left:0;line-height:150%;max-width:100%;min-width:100%;opacity:0;padding:2em 1em;position:absolute;text-align:center;top:0;z-index:20}.dropzone .dz-preview .dz-details .dz-size{font-size:16px;margin-bottom:1em}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{background-color:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,78%,.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:hsla(0,0%,100%,.4);border-radius:3px;padding:0 .4em}.dropzone .dz-preview:hover .dz-image img{filter:blur(8px);transform:scale(1.05)}.dropzone .dz-preview .dz-image{border-radius:20px;display:block;height:120px;overflow:hidden;position:relative;width:120px;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{animation:passing-through 3s cubic-bezier(.77,0,.175,1)}.dropzone .dz-preview.dz-error .dz-error-mark{animation:slide-in 3s cubic-bezier(.77,0,.175,1);opacity:1}.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{display:block;left:50%;margin-left:-27px;margin-top:-27px;opacity:0;pointer-events:none;position:absolute;top:50%;z-index:500}.dropzone .dz-preview .dz-error-mark svg,.dropzone .dz-preview .dz-success-mark svg{display:block;height:54px;width:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity .4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{background:hsla(0,0%,100%,.9);border-radius:8px;height:16px;left:50%;margin-left:-40px;margin-top:-8px;opacity:1;overflow:hidden;pointer-events:none;position:absolute;top:50%;-webkit-transform:scale(1);width:80px;z-index:1000}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(180deg,#666,#444);bottom:0;left:0;position:absolute;top:0;transition:width .3s ease-in-out;width:0}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{background:#be2626;background:linear-gradient(180deg,#be2626,#a92222);border-radius:8px;color:#fff;display:block;display:none;font-size:13px;left:-10px;opacity:0;padding:.5em 1.2em;pointer-events:none;position:absolute;top:130px;transition:opacity .3s ease;width:140px;z-index:1000}.dropzone .dz-preview .dz-error-message:after{border-bottom:6px solid #be2626;border-left:6px solid transparent;border-right:6px solid transparent;content:"";height:0;left:64px;position:absolute;top:-6px;width:0}a{text-decoration:none}.bg_half_transparent{background:rgba(0,0,0,.7)}.wask_loader{border:0;bottom:0;left:0;padding:150px 0;position:fixed;top:0;width:100%;z-index:501}.wask_loader>div.v-spinner>div{margin:0 auto}.permissions_container{padding:10px}.fade-enter-active,.fade-leave-active{transition-duration:.25s;transition-property:opacity}.fade-enter-active{transition-delay:.25s}.fade-enter,.fade-leave-active{opacity:0}.breadcrumbs li a{color:#fff;text-decoration:none}.wask_td_action{min-width:150px}#admin .snack{z-index:500!important}#interactive.viewport video{display:block;max-height:100%;max-width:100%;position:static}#interactive.viewport canvas{display:inline-block;max-height:100%;max-width:100%}.business-unit-info{text-align:center}.product-box{border-radius:.2rem;box-shadow:1px;box-shadow:0 1px 3px 0 #cdcdcd,0 0 0 1px #f1f1f1!important;-webkit-box-shadow:0 1px 3px 0 #cdcdcd,0 0 0 1px #f1f1f1!important;margin-bottom:5px;padding:10px}.img-fluid{height:auto;margin-top:15px;max-width:100%}.imgctlg{margin:0 auto;width:100%}.elipsiss2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.loading{bottom:0;height:2em;left:0;margin:auto;overflow:show;position:fixed;right:0;top:0;width:2em;z-index:999}.text-small{font-size:11px!important}.text-tiny{font-size:10px!important}.loading:before{background:radial-gradient(rgba(0,0,0,.8),rgba(0,0,0,.8));background:-webkit-radial-gradient(rgba(0,0,0,.8),rgba(0,0,0,.8));content:"";display:block;height:100%;left:0;position:fixed;top:0;width:100%}.loading:not(:required){background-color:transparent;border:0;color:transparent;font:0/0 a;text-shadow:none}.loading:not(:required):after{animation:spinner .15s linear infinite;border-radius:.5em;box-shadow:1.5em 0 0 0 hsla(0,0%,100%,.75),1.1em 1.1em 0 0 hsla(0,0%,100%,.75),0 1.5em 0 0 hsla(0,0%,100%,.75),-1.1em 1.1em 0 0 hsla(0,0%,100%,.75),-1.5em 0 0 0 hsla(0,0%,100%,.75),-1.1em -1.1em 0 0 hsla(0,0%,100%,.75),0 -1.5em 0 0 hsla(0,0%,100%,.75),1.1em -1.1em 0 0 hsla(0,0%,100%,.75);content:"";display:block;font-size:10px;height:1em;margin-top:-.5em;width:1em}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.badge{background-color:#ec1d1d;border-radius:50%;color:#fff;font-size:13px!important;padding:10px;position:absolute;right:-10px;top:-10px}.theme--light.application{background:#fff!important}.fs-45{font-size:45px!important}.bg-white{background-color:#fff!important}.bg-eraspace{background-color:#11074e!important}.border-radius{border-radius:15px!important}.color-white{color:#fff!important}.color-green{color:#28a745!important}.color-red{color:#ec1d1d!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.user-line{font-size:30px;height:50px;margin:0 20px}.bg-pickup{background-color:#00adef!important}.bg-eraexpress{background-color:#0072bb!important}.bg-bayartoko{background-color:#044380!important}.bg-belanjatoko{background-color:#2e3094!important}.bg-daftarbelanja{border:1px solid #2e3094;color:#2e3094}.bg-returnjual{background-color:#d75928!important}.bg-report{background-color:#400303!important}.br-10{border-radius:10px!important}.mw-100{min-width:100px!important}.new-badge{position:absolute!important;right:19px;top:25px!important}.fix-nav{position:fixed!important;top:0;width:100%;z-index:9999}.inputtext-cart{border-bottom:1px solid beige;text-align:center;width:50px!important}.btn-success{background-color:#11074e!important;color:#fff!important}.btn-secondary,.btn-success{border-color:#11074e!important}.btn-secondary{background-color:#fff!important;color:#11074e!important}.btn-secondary:hover{background-color:#d3d3d3!important}.btn-cancel{background-color:#fff!important;border-color:#ec1d1d!important;color:#ec1d1d!important}.btn-cancel:hover{background-color:#e48585!important;color:#fff!important}.btn-pickup{background-color:#fff!important;border-color:#28a745!important;color:#28a745!important}.btn-pickup:hover{background-color:#e48585!important;color:#fff!important}.grayscale{background-color:#848d95!important}.bg-cekpromo{background-color:#2a9d8f!important}.radio-custom{display:inline-block;padding:0;width:100%}.radio-custom .form-check-label{border:1px solid #f1f1f1;cursor:pointer;display:block;margin-bottom:10px;margin-left:0;padding:10px}.radio-custom .form-check-label:hover{border:1px solid #11074e;color:#f1f1f1 #11074e}.radio-custom .form-check-label p{margin-bottom:0!important}.radio-custom input{float:right;visibility:hidden}.radio-custom input[type=radio]:checked~.form-check-label{border:1px solid #11074e!important;color:#f1f1f1 #11074e;font-weight:700}.radio-custom input[type=radio]:checked~.form-check-label:before{display:inline-block}@media screen and (min-width:320px) and (max-width:767px){.card{background-color:#fcfcfc;font-size:12px}.hidden-xs{display:none!important}h3{font-size:1.2rem!important}h5{font-size:1rem!important}#viewmodal{font-size:12px}#hasilload .card{padding-left:5px;padding-right:5px}.btn,.v-btn{border-radius:.2rem!important;font-size:.875rem!important;line-height:1.5!important;padding:.25rem .5rem!important}.v-btn{height:30px!important}.nav li>a{padding:5px 10px!important}}
