.alert--sm{font-size:.85em;padding:.75em 1.25em}.btn.disabled,.btn:disabled{background-color:#e0e0e0;color:rgba(0,0,0,.26)}.btn-block-lg{border:2px solid transparent;font-size:1.25em;letter-spacing:1px;padding:.35em .7em .35em 1em;white-space:normal;width:100%}@media (min-width:568px){.btn-block-lg{font-size:1.6em}}.is-loading{color:transparent!important;pointer-events:none;position:relative}.is-loading:after{animation:spinAround .5s linear infinite;border-color:transparent transparent #f3f3f3 #f3f3f3;border-radius:50%;border-style:solid;border-width:2px;bottom:0;content:"";display:block;height:1em;left:0;margin:auto;position:absolute;right:0;top:0;width:1em}.smaller.is-loading{font-size:.5em}.large.is-loading:after{border-width:3px;height:2em;width:2em}.dark.is-loading:after{border-bottom-color:#555;border-left-color:#555}.d-block{display:block}.va-m{vertical-align:middle!important}.covert{visibility:hidden}.covert,.covert *{height:0;margin:0!important;opacity:0;padding:0!important}.covert *{z-index:-1!important}@keyframes spinAround{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.callout{background:#fff;border:1px solid #eee;border-left-width:3px;border-radius:3px;cursor:default;font-size:.9em;margin:0 0 1em;padding:.7em 1em;text-align:left}.callout--info{border-left-color:#11b3ff}.callout--success{border-left-color:#3cb878}.callout--success .callout__title{color:#3cb878}.callout--warning{border-left-color:#f7941d}.callout--warning .callout__title{color:#f7941d}.callout--danger{border-left-color:#ed1c24}.callout--danger .callout__title{color:#ed1c24}.callout__title{color:#11b3ff;font-size:1.2em;margin-bottom:5px}.callout__content{color:#333}.callout__action{position:relative;top:-15px}.select2-container--default .select2-selection--single{background-color:#fcfcfc;border:2px solid #ebebeb;height:44px}.select2-container--default .select2-selection--single:focus{border:2px solid #129fea;box-shadow:0 0 0 0;outline:0}.select2-container--default .select2-selection--single .select2-selection__rendered{font-size:15px;line-height:42px;padding-left:14px!important}.select2-container--default .select2-selection--single .select2-selection__arrow{height:42px;right:10px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#757575}.select2-results__option{font-size:14px;margin:0;padding:.75em 1em}.select2-results__option__price{color:#555;font-size:12px}.select2-container--default .select2-results__option--highlighted[aria-selected] .select2-results__option__price{color:#fff!important}.input-select-disabled .select2-container--default .select2-selection--single{background-color:#fff!important;cursor:progress}.form-control.error~.select2-container--default .select2-selection--multiple,.form-control.error~.select2-container--default .select2-selection--single{border-color:#ef1f12}body,html{font-family:Roboto,sans-serif}::-webkit-input-placeholder{color:#757575}::-moz-placeholder{color:#757575}:-ms-input-placeholder{color:#757575}:-moz-placeholder{color:#757575}.app-container.grey{background-color:#eef1f3}.app-container.black{background-color:#222629}.app-container.brown{background-color:#dad6ce}.app-container.blue{background-color:#edf3f3}.app-container.green{background-color:#edfdeb}.app-container.payment{background-image:url(https://cdn.orderonline.id/img/orderonline-pattern.png);background-position:center 75px;background-size:30%}.app-container.payment .app-footer,[v-cloak]{display:none}.hidden{display:none!important}.test-mode-container{background-color:#f68e56;color:#fff;padding:1em;position:sticky;text-align:center;top:0;z-index:999}.test-mode-container .product-label{font-weight:700}.test-mode-container i{font-weight:700;margin-right:10px}.error,.error-select{color:#ef1f12!important;font-size:14px}.error-select{border:2px solid #ef1f12!important}.form-control{background-color:#fcfcfc;border:2px solid #ebebeb;font-size:15px;padding:.6em 1em}@media (min-width:768px){.form-control{font-size:15px}}.form-control:focus{border:2px solid #129fea;box-shadow:0 0 0 0;outline:0}.form-control.error{border-color:#ef1f12!important}.form-control.is-loading:after{border-bottom-color:#333;border-left-color:#333}.form-control::-webkit-input-placeholder{color:#757575}.form-control::-ms-input-placeholder{color:#757575}.form-control::-moz-placeholder{color:#757575}.input-group-text{background-color:#6acbd4;border:0;border-radius:0;color:#fff;cursor:pointer}.inline-item{display:inline-block}.app-wrapper{margin:0 auto;max-width:53em;min-height:100%;padding-top:1em}.app-wrapper-single{margin:0 auto;max-width:43em;min-height:100%}.app-header{font-size:.8em;text-align:center}@media (min-width:768px){.app-header{font-size:1em}}.app-header__logo{margin:auto auto 1em;max-width:15em}.app-header__logo img{height:auto;max-width:100%}.app-header__title{color:#000;color:#252525;font-size:2.2em;font-weight:700;margin-top:.5em}.app-header__title:only-child{margin-bottom:2rem}.app-header__description{color:#949494;font-size:1.2em;margin-bottom:2rem}.app-header__image{height:auto;margin:0 auto;max-width:400px;padding-bottom:1em;padding-top:30px;text-align:center}.app-header__image img{height:auto;max-width:100%}.app-footer{padding:4em;text-align:center}@media (max-width:576px){.app-footer{margin-top:70px}}.app-footer .footer-title{color:#9a9d9e;font-size:12px;font-style:italic;font-weight:700;margin-bottom:.5em}.app-footer .footer-title img{position:relative;top:-3px;width:140px}.app-footer .footer-description{color:#252525;font-style:italic;margin-bottom:20px}.app-footer .footer-copyright{color:#babbbb;font-size:.7em}.videoWrapper{background-color:#ddd;height:0;margin-bottom:2em;padding-bottom:56.25%;position:relative}.videoWrapper .thumbnail,.videoWrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}.videoWrapper .thumbnail{background:#111;border:1px solid #ddd;z-index:10}.videoWrapper .thumbnail:hover{box-shadow:0 1px 3px rgba(0,0,0,.5)}.videoWrapper .thumbnail img{display:block;margin:auto;max-height:100%}.videoWrapper .play-button{bottom:0;font-size:1em;left:0;margin:auto;opacity:.85;position:absolute;right:0;top:0}.videoWrapper:hover .play-button{opacity:1}.swiper-container{height:auto;width:100%}.swiper-slide{align-items:center;background:#fff;display:flex;font-size:18px;justify-content:center;text-align:center}.swiper-slide a{cursor:zoom-in}.swiper-slide img{height:auto;width:100%}.slick-item{cursor:default}.custom-control{cursor:pointer}.custom-control.large{padding-left:1.7em}.custom-control.white .custom-control-label:before{background-color:#fff;border:1px solid #888;border:1px solid rgba(0,0,0,.25)}.custom-control-label{cursor:pointer;font-weight:500}.custom-checkbox.large .custom-control-label:after,.custom-checkbox.large .custom-control-label:before{font-size:20px}.custom-checkbox .custom-control-input:checked~.custom-control-label:before{background-color:#3cb878}.custom-checkbox.inverse .custom-control-label:before{background-color:#fff;border:1px solid #888}.custom-checkbox.inverse .custom-control-input:checked~.custom-control-label:before{background-color:#fff}.custom-checkbox.inverse .custom-control-input:checked~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='%233cb878' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/></svg>")}.custom-checkbox .custom-control-label:after,.custom-checkbox .custom-control-label:before{height:1em;top:2px;width:1em}.custom-checkbox .custom-control-label:before{border-radius:3px}.visible-md{display:block}@media (min-width:768px){.visible-md{display:none}}.card{background-color:#fff;border:0;border-radius:3px;box-shadow:0 0 .25em rgba(0,0,0,.3);overflow:hidden;padding:2em 1em}@media (min-width:768px){.card{padding:2em}}.form-fluid{width:100%}.btn-light{background-color:#f1f1f1;border-color:#ccc;border-width:1px}.receipt-preview{max-width:150px;text-align:center}.receipt-preview img{border:2px solid #ebebeb;height:auto;max-width:100%}.receipt-preview .btn{margin-top:5px}.img-responsive{height:auto;max-width:100%}.orderonline-embed-form input[type=number]::-webkit-inner-spin-button,.orderonline-embed-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.orderonline-embed-form .form-group label{font-weight:500}.orderonline-embed-form .submit-loader .is-loading{font-size:1.25rem;margin-left:1rem}.ooef-payment-options{background-color:#fcfcfc;border:2px solid #ebebeb;border-radius:3px}.ooef-payment-option{border-bottom:2px solid #ebebeb;display:block!important;margin-bottom:0!important}.ooef-payment-option.selected .ooef-payment-channel-desc{display:block}.ooef-payment-option:last-child{border-bottom:0}.ooef-payment-option .custom-control{margin:0;padding:.75em}.ooef-payment-option .custom-control-label{padding-left:1.5em;position:relative;width:100%}.ooef-payment-option .custom-control-label:after,.ooef-payment-option .custom-control-label:before{bottom:0;left:0;margin:auto;top:0}.ooef-payment-option .custom-control-label img{margin-right:5px;max-width:50px;vertical-align:middle}.ooef-payment-option .custom-control-label span{vertical-align:middle}.oo-captcha-container{margin-bottom:1.5em}.oo-lightbox-wrapper{display:none}.oo-stock-info{background:rgba(208,236,241,.35);border-color:rgba(208,236,241,.3)!important;border-width:2px}.oo-variation-stock{color:#8a8a8a;display:block;font-size:.85em;margin-top:5px}.oo-combination{text-align:center}.input-number-controls{min-width:115px}.input-number-controls .btn{background:#f1f1f1;border-color:#ccc;border-width:1px;height:44px;width:34px}.input-number-controls .btn:not(.disabled):hover{background:#e4e4e4}.input-number-controls .qty-minus{border-right-width:0}.input-number-controls .qty-plus{border-left-width:0}.input-number-controls .input{border-bottom-width:1px;border-color:#ccc;border-top-width:1px;max-width:48px;padding-left:5px;padding-right:5px;width:48px}.input-number-controls .input:not(.error):focus{border-color:#129fea}.oo-shipping-error{margin-top:-2rem}.yt-play-button{background:red;border-radius:50%/10%;color:#fff;font-size:2em;height:3em;margin:20px auto;padding:0;position:relative;text-align:center;text-indent:.1em;transition:all .15s ease-out;width:4em}.yt-play-button:hover{background:#f33}.yt-play-button:before{background:inherit;border-radius:5%/50%;bottom:9%;content:"";left:-5%;position:absolute;right:-5%;top:9%}.yt-play-button:after{border-color:transparent transparent transparent #fff;border-style:solid;border-width:1em 0 1em 1.732em;content:" ";font-size:.75em;height:0;margin:-1em 0 0 -.75em;position:absolute;top:50%;width:0}.featherlight{background:rgba(0,0,0,.3)}.featherlight .featherlight-content{border-bottom-width:20px;border-radius:3px;padding:20px 20px 0}.featherlight .featherlight-close-icon{font-size:1.2em;line-height:30px;width:30px}.featherlight.maxwidth .featherlight-content{max-width:500px}.featherlight.video-embed{padding-left:15px;padding-right:15px}.featherlight.video-embed .featherlight-content{border-bottom-width:0;border-radius:0;max-width:700px;overflow:hidden;padding:0;width:100%}.featherlight.video-embed .featherlight-content:before{content:"";display:block;padding-top:56.25%}.featherlight.video-embed .featherlight-content:after{animation:spinAround .5s linear infinite;border-color:transparent transparent #555 #555;border-radius:50%;border-style:solid;border-width:2px;bottom:0;content:"";display:block;height:2em;left:0;margin:auto;position:absolute!important;right:0;top:0;width:2em;z-index:1}.featherlight.video-embed .featherlight-content iframe{bottom:0;height:100%;left:0;margin:auto;position:absolute;right:0;top:0;width:100%;z-index:2}.shipment-trackings{border:1px solid #ebebeb;border-radius:5px;padding:1em}.shipment-history{border-bottom:1px dashed #ebebeb;padding:.5em;position:relative}.shipment-history:only-child{padding:0}.shipment-history:first-child:before{display:none}.shipment-history:last-child{border-bottom:0}.shipment-history:last-child:after{display:none}.shipment-history.active .shipment-history-icon,.shipment-history.active:after,.shipment-history.active:before{background-color:#3cb878;color:#fff}.shipment-history.warning .shipment-history-icon,.shipment-history.warning:after,.shipment-history.warning:before{background-color:#ffc107;color:#fff}.shipment-history.danger .shipment-history-icon,.shipment-history.danger:after,.shipment-history.danger:before{background-color:#ee3037;color:#fff}.shipment-history-icon{background-color:#ddd;border-radius:50%;cursor:default;font-size:20px!important;padding:.45rem;position:relative;z-index:1}.shipment-history-notes{font-size:.9em}.bump-image{margin-bottom:.7em;max-width:100%}.ooef-payment-channels img{border:1px solid #ddd;border-radius:4px;overflow:hidden}.ooef-payment-channel-desc{background:#fff;border-top:2px solid #ebebeb;display:none;font-weight:400!important;padding:1em}.product-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10%;flex:none;height:85px;margin-bottom:5px;margin-right:10px;margin-top:5px;transition:transform .3s ease-in;width:85px}.product-image:hover{transform:scale(.95)}.summary-quantity-container{display:flex;justify-content:flex-end}.w-auto{width:auto!important}.thanks-total-price{color:#51ae7d;display:inline-block;font-size:2em;font-weight:700;line-height:2.2}.thanks-total-price .unique{color:#f7ad00;display:inline-block;position:relative}.thanks-total-price .unique:after{border-bottom:5px solid #fcc84d;border-left:5px solid transparent;border-right:5px solid transparent;bottom:0;content:"";height:0;left:0;margin:auto;position:absolute;right:0;width:0}.unique-desc{background-color:#fcc84d;border-radius:3px;display:inline-block;font-size:.9em;padding:.5em 1em}.bank-accounts{margin:30px auto auto;max-width:700px}.bank-account{border:1px dashed #a9a9a9;margin-left:-1px;margin-top:-1px;min-width:50%;padding:1.5em;text-align:center}.bank-account:only-child{margin-left:auto;margin-right:auto}.bank-brand{height:auto;margin:0 auto 1em;width:120px}.bank-brand img{width:100%}.bank-account_number{margin-bottom:8px}.bank-account_name,.bank-account_number{color:#555;font-size:1em}.bank-account_name .bank-account_name-value{font-weight:700}.btn-copy{background-color:transparent!important;border:1px solid #555!important;margin:.7em 0;padding:.5em 1em}.btn-copy:hover{background-color:#555!important;color:#fff}.btn-copy.copied .icon-copy{display:none}.btn-copy.copied .icon-done{display:inline-block}.btn-copy span{margin-right:.3em}.btn-copy .icon-done{display:none}.copy-field{height:0;visibility:hidden;width:0}.order-details{margin:0 auto;padding:0 .5em;width:100%}.order-details-id{font-size:1.5em}.order-details-date{font-size:.9em}.order-items{margin-bottom:2em;margin-top:1.5em}.order-item{border-bottom:1px solid #ddd;padding:.7em 0}.order-item-total{border-bottom:2px solid;border-top:2px solid;margin-top:-1px}.order-payments{margin-bottom:1em}.order-payments-banks{margin-bottom:1.5em}.invoice-status,.order-status{text-transform:uppercase}.invoice-status{border:3px solid #e5e5e5;color:#777;display:inline-block;font-weight:700;padding:.2em .5em}.invoice-status.pending{border-color:#f8dda7;color:#94660c}.invoice-status.processing .invoice-status.unpaid{border-color:#c8d7e1;color:#2e4453}.invoice-status.completed,.invoice-status.paid{border-color:#c6e1c6;color:#5b841b}.invoice-status.unpaid{background-color:#efefef}