.alert--sm{padding:.75em 1.25em;font-size:.85em}.btn.disabled,.btn:disabled{color:rgba(0,0,0,.26);background-color:#e0e0e0}.btn-block-lg{padding:.35em 1em;padding-right:.7em;width:100%;font-size:1.25em;letter-spacing:1px;white-space:normal;border:2px solid transparent}@media (min-width:568px){.btn-block-lg{font-size:1.6em}}.is-loading{position:relative;color:transparent!important;pointer-events:none}.is-loading:after{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:1em;height:1em;border:2px solid #f3f3f3;border-radius:50%;border-right-color:transparent;border-top-color:transparent;-webkit-animation:spinAround .5s infinite linear;animation:spinAround .5s infinite linear}.smaller.is-loading{font-size:.5em}.large.is-loading:after{width:2em;height:2em;border-width:3px}.dark.is-loading:after{border-left-color:#555;border-bottom-color:#555}.d-block{display:block}.va-m{vertical-align:middle!important}.covert{visibility:hidden}.covert,.covert *{margin:0!important;padding:0!important;height:0;opacity:0}.covert *{z-index:-1!important}@-webkit-keyframes spinAround{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinAround{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.callout{padding:.7em 1em;margin:0;margin-bottom:1em;font-size:.9em;background:#fff;border:1px solid #eee;border-left-width:3px;border-radius:3px;text-align:left;cursor:default}.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;margin-bottom:5px;font-size:1.2em}.callout__content{color:#333}.callout__action{position:relative;top:-15px}.select2-container--default .select2-selection--single{height:44px;border:2px solid #ebebeb;background-color:#fcfcfc}.select2-container--default .select2-selection--single:focus{outline:0;border:2px solid #129fea;-webkit-box-shadow:0 0 0 0;box-shadow:0 0 0 0}.select2-container--default .select2-selection--single .select2-selection__rendered{padding-left:14px!important;font-size:15px;line-height:42px}.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-size:30%;background-position:center 75px;background-image:url("https://cdn.orderonline.id/img/orderonline-pattern.png")}.app-container.payment .app-footer,[v-cloak]{display:none}.hidden{display:none!important}.test-mode-container{padding:1em;text-align:center;color:#fff;background-color:#f68e56;position:-webkit-sticky;position:sticky;top:0;z-index:999}.test-mode-container .product-label{font-weight:700}.test-mode-container i{margin-right:10px;font-weight:700}.error,.error-select{color:#ef1f12!important;font-size:14px}.error-select{border:2px solid #ef1f12!important}.form-control{border:2px solid #ebebeb;background-color:#fcfcfc;font-size:15px;padding:.6em 1em}@media (min-width:768px){.form-control{font-size:15px}}.form-control:focus{outline:0;border:2px solid #129fea;-webkit-box-shadow:0 0 0 0;box-shadow:0 0 0 0}.form-control.error{border-color:#ef1f12!important}.form-control.is-loading:after{border-left-color:#333;border-bottom-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{border:0;background-color:#6acbd4;color:#fff;border-radius:0;cursor:pointer}.inline-item{display:inline-block}.app-wrapper{margin:0 auto;padding-top:1em;max-width:53em;min-height:100%}.app-wrapper-single{min-height:100%;max-width:43em;margin:0 auto}.app-header{text-align:center;font-size:.8em}@media (min-width:768px){.app-header{font-size:1em}}.app-header__logo{margin:auto;margin-bottom:1em;max-width:15em}.app-header__logo img{max-width:100%;height:auto}.app-header__title{margin-top:.5em;color:#000;color:#252525;font-size:2.2em;font-weight:700}.app-header__title:only-child{margin-bottom:2rem}.app-header__description{margin-bottom:2rem;color:#949494;font-size:1.2em}.app-header__image{margin:0 auto;padding-top:30px;padding-bottom:1em;max-width:400px;height:auto;text-align:center}.app-header__image img{max-width:100%;height:auto}.app-footer{padding:4em;text-align:center}@media (max-width:576px){.app-footer{margin-top:70px}}.app-footer .footer-title{color:#9a9d9e;font-style:italic;font-size:12px;font-weight:700;margin-bottom:.5em}.app-footer .footer-title img{width:140px;position:relative;top:-3px}.app-footer .footer-description{color:#252525;font-style:italic;margin-bottom:20px}.app-footer .footer-copyright{color:#babbbb;font-size:.7em}.videoWrapper{position:relative;margin-bottom:2em;padding-bottom:56.25%;height:0;background-color:#ddd}.videoWrapper .thumbnail,.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.videoWrapper .thumbnail{background:#111;border:1px solid #ddd;z-index:10}.videoWrapper .thumbnail:hover{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.5);box-shadow:0 1px 3px rgba(0,0,0,.5)}.videoWrapper .thumbnail img{display:block;margin:auto;max-height:100%}.videoWrapper .play-button{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;font-size:1em;opacity:.85}.videoWrapper:hover .play-button{opacity:1}.swiper-container{width:100%;height:auto}.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.swiper-slide a{cursor:-webkit-zoom-in;cursor:zoom-in}.swiper-slide img{width:100%;height:auto}.slick-item{cursor:default}.custom-control{cursor:pointer}.custom-control.large{padding-left:1.7em}.custom-control.white .custom-control-label:before{border:1px solid #888;border:1px solid rgba(0,0,0,.25);background-color:#fff}.custom-control-label{font-weight:500;cursor:pointer}.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{border:1px solid #888;background-color:#fff}.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{top:2px;width:1em;height:1em}.custom-checkbox .custom-control-label:before{border-radius:3px}.visible-md{display:block}@media (min-width:768px){.visible-md{display:none}}.card{padding:2em 1em;border:0;border-radius:3px;background-color:#fff;-webkit-box-shadow:0 0 .25em rgba(0,0,0,.3);box-shadow:0 0 .25em rgba(0,0,0,.3);overflow:hidden}@media (min-width:768px){.card{padding:2em}}.form-fluid{width:100%}.btn-light{background-color:#f1f1f1;border-width:1px;border-color:#ccc}.receipt-preview{max-width:150px;text-align:center}.receipt-preview img{max-width:100%;height:auto;border:2px solid #ebebeb}.receipt-preview .btn{margin-top:5px}.img-responsive{max-width:100%;height:auto}.payment-confirmation .app-wrapper{max-width:500px}.payment-confirmation .app-header{padding:1em}.payment-confirmation .app-header__title{font-size:1.5em}@media (max-width:767px){.payment-confirmation .app-header__title{font-size:1.5em}}.payment-confirmation .app-header__logo{margin-bottom:.5em}@media (max-width:767px){.payment-confirmation .card{padding:1em}}.payment-confirmation .form-control{padding-top:.5em;padding-bottom:.5em}.payment-instruction{display:none}.payment-instruction.active{display:block}.payment-instruction .btn{width:100%;max-width:225px}