/*
Theme Name: Lapakinstan Theme (Mobile)
Description: Wordpress Themes untuk Toko Online Anda.
Author: Wikie
Author URI: http://www.facebook.com/lapakinstan
Theme URI: http://www.lapakinstan.com/
Version: 2.7.1
Tags: light, white
*/
body{font-family:'Roboto',sans-serif;font-size:1rem;font-weight:400;color:#333;background-color:#f6f6f6}
.container{max-width:600px;margin:auto;padding:0}
input{border:1px solid #ddd;padding:4px;width:80%;float:right}
button{font-size:12px!important}
a{color:#696969}
a:hover{color:#333;text-decoration:none}
.form-control{height:30px;padding:4px 10px;font-size:12px}
.btn{padding:4px 12px}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:#ddd;box-shadow:none;outline:0 none}
.header-smart{border-bottom:1px solid rgba(0,0,0,0.09);position:fixed;width:100%;background:#FBFBFB;z-index:1000}
.body-content{padding-top: 90px;}
.body-content > .alert{display:none;max-width:600px;margin:0 auto;margin-top:71px;margin-bottom:-81px}
.container.header-up{padding:7px;background:#FBFBFB}
.under-header{position:absolute;right:0;left:0;padding:3px;background:#FFF;border-left:0;border-right:0}
.header-smart ul {list-style: none; margin: 0 auto;width: 100%;padding: 0;text-align: center;font-size: 12px;margin-bottom: -13px;}
.header-smart ul li {text-align: left;padding: 0;display: inline-block;width: 40%;}
.under-header h1{float:left;padding:0;margin:0;margin-right:15px;margin-top:6px}
.under-header h1 img{width:120px}
.under-header .input-group{margin:5px}
.carousel-control{width:10%;font-size:16px}
.stylish-input-group .input-group-addon{background:#fff!important;padding:0 5px}
.stylish-input-group .form-control{border-right:0;box-shadow:0 0 0;border-color:#ccc}
.stylish-input-group button{border:0;background:transparent}
.box.smart_pdbox {border: 1px solid rgba(0,0,0,0.09);float: left;box-sizing: border-box;width: 50%;margin-left: -1px;margin-bottom: -1px;display: flex;flex-direction: column;text-align: left;padding: 10px;background: #fff;}
.categorys {padding: 10px 0px 10px 3px;width: 100%;}
.smart_pdbox .smart_pdimg img{position:absolute;max-width:100%}
.smart_pdbox .smart_pdtitle{padding:10px;font-size:13px}
.smart_pdtitle a {color: #333;font-weight: bold;}
.smart_pdbox .buble{background: #F76565;color: #fff;position: absolute;margin-top: -86px;padding: 10px;height: 49px;width: 52px;z-index: 99;border-radius: 25px !important;}
.smart_pdbox .buble p{margin:0;font-weight:700;font-size:11px}
.smart_pdbox .smart_pdimg{order:-1;position:relative;overflow:hidden}
.smart_pdbox .review_rating{display:none}
.smart_pdbox p.smart_dtprice{margin-left:10px;margin-top:9px;font-size:16px;color:#F76565;font-weight:700;float:left}
.smart_pdbox ul.list_sm{list-style:none;margin:0;padding:0 5px;margin-top:-18px}
.smart_pdbox ul.list_sm li{float:left;padding:0 3px;border:1px dashed #ddd;margin:2px;color:#9A9A9A}
.smart_pdbox span.kd{border-top:1px solid rgba(0,0,0,0.09);margin-top:5px;padding:5px;color:#9A9A9A;text-align:center;display:block}
.smart_pdbox .smart_actionbtn{display:none}
.hdline{font-size:13px;border:1px solid rgba(0,0,0,0.09);padding:9px 10px;margin-top:10px;color:#F76565;background:#fff}
.hdline p{margin:0;padding:1px;float:right;font-size:11px;font-style:italic}
.container.footer-b{border:1px solid rgba(0,0,0,0.09);padding:10px;background:#fff;font-size:12px}
.footer-b ul{list-style:none;margin:0;padding:0}
.footer-b ul li{float:left;width:50%;text-align:center}
.smart_pdbox p.smart_dtpripro{margin-right:10px!important;padding-bottom:5px;text-decoration:line-through;color:#9d9d9d;float:left}
.single p.smart_dtpripro{margin-right:10px!important;padding-bottom:5px;text-decoration:line-through;color:#9d9d9d;float:left}
.single p.smart_dtprice{margin-left:10px;margin-top:-4px!important;font-size:17px;color:#F76565;font-weight:700;float:left}
.single h1{font-size:17px;margin:10px 0;padding:0}
.singledetailbox{background:#fff;padding:10px;margin-top:10px;border-top:1px solid #E4E4E4;border-bottom:1px solid #E4E4E4;margin-bottom:10px}
.sg_detail{margin-top:-15px}
.sg_code{padding:10px 10px 5px 0;border-bottom:1px solid #ddd;font-size:12px;width:100%}
.sg_stock{padding:10px;border:1px solid #ddd;float:right;font-size:12px;margin-top:-28px;background:#fff}
.sg_detail ul{list-style:none;margin:0;padding:0}
.sg_detail ul li{float:left;border:1px dashed;padding:5px 10px;margin-right:10px;margin-bottom:10px}
.clear{clear:both}
li.menuz i {font-size: 17px;}
.smart_pdbox .dettn p,.single .dettn p{margin:0;padding:0!important}
.smart_pdbox .dettn,.single .dettn{height:30px;padding:0 10px}
.smart_pdtitle{-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:17px;max-height:29px}
.stylish-input-group .form-control{border-color:rgba(0,0,0,0.09)}
.input-group-addon{border:1px solid rgba(0,0,0,0.09)}
.welcometxt p{margin:0}
.welcometxt{padding:10px;font-size:12px;background:#FFF;border:1px solid #E8E8E8;border-top:0}
.pagination.sow{margin:0;padding:10px;width:100%;border:1px solid #ddd}
.single .carousel-inner .item img{width:100%}
.single .carousel-control.left,.single .carousel-control.right{background-image:none}
.single .carousel-control{text-shadow:0 2px 6px rgba(0,0,0,0.6)}
.container.single{margin-top:5px}
.buybox-smarttoko{width:100%;margin:0 auto;position:fixed;bottom:0;z-index:99}
.categorys.searchpg{margin-top:40px}
.nys{max-width:600px;margin:0 auto;background:#fff;margin-bottom:-8px}
.buybox-smarttoko .insmart-box{width:100%}
ul.insmart-box{list-style:none;margin:0;padding:0;height:54px}
ul.insmart-box li{float:left;width:50%;padding:14px 0}
ul.insmart-box li a{color:#fff;font-size:13px}
ul.insmart-box li.qleft{background:#36D6CF;text-align:center;padding:0px;}
ul.insmart-box li.qright{background:#e1334e;text-align:center}
ul.insmart-box li.qleft a{width:100%}
ul.insmart-box li.qleft .in2 button{padding:14px 0;background:none;border:0;font-size:13px}
ul.insmart-box li.qleft div{width:100%;float:left}
ul.insmart-box li.qleft .in1{background:#0dc152;padding:14px 0}
ul.insmart-box li.qleft .in2{background:#E41621;padding:14px 0}
.not-f-ada{padding:10px;margin-bottom:21px;border:1px solid #B81414;background:#FFEAEA;font-weight:700;color:#850000}
.not-f-tidak{padding:10px;margin-bottom:21px;border:1px solid #14B842;background:#EAFFEA;font-weight:700;color:#008510}
.produk_opsi{padding:10px 0!important;margin-top:-10px;margin-bottom:25px;border:1px dashed rgba(0,0,0,0.09);border-left:0;border-right:0}
.opsimobile select{display:block;width:100%;padding:5px;font-size:12px;border:1px solid #ddd}
.opsimobile .produk_opsi{font-size:12px;color:#868686;padding:5px 0}
div#comments_template input,div#comments_template textarea{width:100%;padding:5px;font-size:12px;border:1px solid #E8E8E8}
div#comments_template p.comment_ratings label{float:left}
div#comments_template p.btncm{float:right}
.singledetailbox{font-size:12px;color:#6F6F6F}
.pagination{margin:0}
.pagination.sow{margin:0;padding-top:4px;padding-bottom:0;max-width:580px;border:1px solid #E8E8E8;background:#fff;text-align:center}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#E41621;border-color:#AB1018}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#E41621}
.pagination>li>a,.pagination>li>span{color:#555;border:none}
main#main,.logindregist,.smartcustomerpge,.smart_cart,.box-checkout,.finish-crt,.smart_contents{margin:0 auto;max-width:600px;background:#fff;padding:10px;border:1px solid #E8E8E8;margin-bottom:10px;font-size:12px}
.finish-crt img{width:100%}
.ord_id{border: 2px solid #7C73B9;width: 100%;padding:5px;font-size:14px;font-weight:700;text-align:center;background:#CAD3FF;margin: 10px 0;}
.finish-crt h3{margin:0;font-size:15px;font-weight:700;margin-bottom:15px;border-bottom:1px solid #ddd;padding-bottom:5px}
main#main input.input,.logindregist input.input{display:block;width:100%;padding:8px;font-size:12px;border:1px solid #E8E8E8}
.main-column label{font-size:12px;color:#828282}
.titboxpro{font-size:13px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #ddd}
.register-reg{border:1px solid #E8E8E8;margin-bottom:10px;border-left:0;border-right:0;padding:10px 0}
p.login-submit input{padding:5px 10px;font-size:12px;background:#DF4447;border:1px solid #FF202C;color:#fff}
.alert{display: none;padding:8px 35px 8px 14px;margin-bottom:20px;text-shadow:0 1px 0 rgba(255,255,255,.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.alert,.alert h4{color:#c09853}
.alert h4{margin:0}
button.cart-empty-button {background: #e25500;}
.alert .close{position:relative;top:-2px;right:-21px;line-height:20px}
.popover,.tooltip,.tooltip-arrow{position:absolute}
.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#468847}
.alert-success h4{color:#468847}
.alert-danger,.alert-error{background-color:#f2dede;border-color:#eed3d7;color:#b94a48}
.alert-danger h4,.alert-error h4{color:#b94a48}
.alert-info,.alert-info h4{color:#3a87ad}
.alert-info{background-color:#d9edf7;border-color:#bce8f1}
.alert-block{padding-top:14px;padding-bottom:14px}
.alert-block>p,.alert-block>ul{margin-bottom:0}
.alert-block p+p{margin-top:5px}
@media (max-width: 685px) {
.smart_cart table,.smart_cart thead,.smart_cart tbody,.smart_cart th,.smart_cart td,.smart_cart tr{display:block}
.smart_cart thead tr{position:absolute;top:-9999px;left:-9999px}
.smart_cart tr{border:1px solid #ddd;margin-bottom:10px}
.smart_cart td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%}
.smart_cart td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap}
.smart_cart .titletable{display:none}
.smart_cart td:nth-of-type(1):before{content:"Produk"}
.smart_cart td:nth-of-type(2):before{content:"Item"}
.smart_cart td:nth-of-type(3):before{content:"Harga"}
.smart_cart td:nth-of-type(4):before{content:"Kuantitas"}
.smart_cart td:nth-of-type(5):before{content:"Subtotal"}
.smart_cart #checkoutCart td:nth-of-type(1):before{content:"Produk"}
.smart_cart #checkoutCart td:nth-of-type(2):before{content:"Qty"}
.smart_cart #checkoutCart td:nth-of-type(3):before{content:"Harga"}
.smart_cart tr.kirim td:nth-of-type(2):before{content:""}
.smart_cart tr.box td:before{display:none}
.produk-ordered table tr td:before{content:attr(data-title) ": ";font-weight:700;position:relative;top:0}
.smart_cart .btn-group{margin-left:0}
.cartSummary{width:100%;float:right}
.smart_cart .input-append{margin-top:18px}
.smart_cart .cart_pdpri{margin-top:20px}
.smart_cart .cart_pdtitle{margin-top:20px}
.smart_cart #right{text-align:left}
.kuponz{float:none}
.input-append .smrt-kupon{width:100%}
.cart_pdto{margin-top:20px}
.smart_cart .btn-group button{font-size:11px!important}
.smart_cart td:nth-of-type(1):before,.smart_cart td:nth-of-type(2):before,.smart_cart td:nth-of-type(3):before,.smart_cart td:nth-of-type(5):before,#checkoutCart td:nth-of-type(1):before,#checkoutCart td:nth-of-type(2):before{content:""}
}
.h1,h1{font-size:16px;margin:0;margin-bottom:10px;color:#6B6B6B}
.bubcrt.cart-count{font-size: 11px;border:1px solid #FF7C7C;padding:0 5px;background:#DC4B50;color:#fff;border-radius:20px!important}
.btn-group.zx{float:right}
.cart_hd{float:left;margin-bottom:10px}
span.cart_pdcod{font-size:10px}
span.cart_pdqu{display:block;font-size:10px;font-style:italic}
span.cart_pdpro{font-size:10px;display:block;text-decoration:line-through}
button.smrt-clear-btn.btn{background:url(images/close-16.png) no-repeat;width:16px;height:17px;margin-left:3px;border:none}
.smrt-qty-count{width:30%;border:1px solid #ddd;padding:3px}
span.cart_pdcat{border-left:1px solid #838383;padding-left:5px;font-style:italic}
.btn{background:#FAFAFA;border:1px solid #ddd}
.btn-info{background:#E41621;}
.btn-inverse{background:#2AC898;border:1px solid #0E976D;color:#fff!important}
.box-inside h2,.box-checkout h2{font-size:16px;border-bottom:1px solid #ddd;padding-bottom:10px;margin:0;margin-bottom:10px}
.addbeli{background-color: #dc4b50; border: 0;width: 68%;}
.ui-formRow .ui-inputText{display:block;width:100%}
.ui-formRow select{width:100%;padding:5px;border:1px solid #ddd}
.opsidaf{border:1px dashed #ddd;padding:10px;margin-bottom:10px}
.opsidaf .bxbutnreg{width:50%;float:left}
.ui-formRow label{margin-top:10px;font-style:normal!important;font-size:12px;color:#6B6A6A}
p.requiredInfo.mvm{margin-top:10px;color:#A60505}
.box-checkout.late{margin-top:10px}
.opsipdcrt{font-size:11px;border-bottom:1px dashed #ddd}
.lfloat{float:left;margin-right:10px}
.smart_cart > .smart_cart{margin:0;padding:0;border:0}
span.cart_pdto{font-size:13px;font-weight:700}
.alcart{clear:both;width:100%;text-align:center}
.alcart .kosong{font-size:14px;border-bottom:1px solid #ddd;padding:15px}
.fsingleproduct{margin-bottom:55px}
.twitter-share-button{margin-bottom:-5px}
.sqdla{margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #E8E8E8}
.sqdla .sqdetail{float:left;font-weight:700;font-size:13px}
.sqdetail.sqlast{text-align:right;font-size:11px;font-weight:400;font-size:11px;margin-top:8px;float:none}
.singledetailbox h3{font-size:15px;font-weight:700}
.in-slide{padding:30px;background:url(images/symphony.png)}
.in-slide .slide_img{float:left;margin-right:10px}
.in-slide h2{font-size:15px;font-weight:700}
.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(198,198,198,0.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(198,198,198,0.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(198,198,198,0.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(198,198,198,0.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);background-repeat:repeat-x}
.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(198,198,198,0.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(198,198,198,0.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(198,198,198,0.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(198,198,198,0.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);background-repeat:repeat-x}
.grosiran .groshd{font-size:12px;font-weight:700;line-height:3em}
.grosiran ul li{border:1px solid #9A9A9A}
.grosiran ul li .mimax_gr{border-bottom:1px dotted #B3B3B3;margin-bottom:2px;padding-bottom:2px}
.grosiran ul li .prc_gr{font-weight:700}
.orderdiv{border:1px solid #F4CCA5;padding:10px;color:#876B6B;background:#FFFBF3;margin-bottom:10px}
.orderdiv p{font-size:15px;font-weight:700;margin:0}
.grosiran ul li:hover{border-color:#E41621}
.dfimgproduct{width:282px;height:282px}
.opsidaf .bxbutnreg:nth-of-type(3){display:none}
.box-checkout.ongkircek{margin-top:10px}
.waitting{width:180px;padding:8px 10px;background:#fff url(images/18-1.gif) center left no-repeat;position:absolute;margin-top:7px;margin-left:8px}
div#ongkir .tarif{padding:5px;font-weight:700}
.single-blog .sqdetail h2{margin:0;font-size:17px;font-weight:700}
.singledetailbox img.size-full{width:100%;height:auto}
.singledetailbox iframe,.singledetailbox object,.singledetailbox embed{top:0;left:0;width:100%}
.singledetailbox .alignleft{float:left;margin:0 10px 0 0}
.singledetailbox .alignright{float:right;margin:0 0 0 10px}
.panel-body h2{margin:0;padding:0 0 5px;font-size:15px}
.popauthor{font-size:11px;color:#A6A3A3}
.popthumb{float:left;margin-right:10px}
.popthumb img{max-width:100px}
.poptitle{border-bottom:1px dashed #DCD3D3;margin-bottom:10px}
.headcatalog .btn-print{float:right;margin-top:-32px;font-size:12px}
.categorys.catalogs.categoris h1{border-bottom:1px solid #ddd;padding:10px 0}
#checkoutGrandTotal table{width:100%}
tfoot.cartSummary {border: 1px solid #ddd;font-size: 12px;min-width: 204px;border-bottom: 3px solid #ddd;}
.visible-phone{display:none}
.rght{text-align:right}
.ui-formRow textarea{width:100%}
.ac-container{margin:10px auto 30px;text-align:left}
.ac-container label{padding:5px 20px;position:relative;z-index:20;display:block;height:40px;cursor:pointer;color:#777;text-shadow:1px 1px 1px rgba(255,255,255,0.8);line-height:33px;font-size:16px;background:#fff;box-shadow:0 0 0 1px rgba(155,155,155,0.3),1px 0 0 0 rgba(255,255,255,0.9) inset,0 2px 2px rgba(0,0,0,0.1)}
.ac-container label:hover{background:#fff}
.ac-container input:checked + label,.ac-container input:checked + label:hover{color:#3d7489;text-shadow:0 1px 1px rgba(255,255,255,0.6);box-shadow:0 0 0 1px rgba(155,155,155,0.3),0 2px 2px rgba(0,0,0,0.1)}
.ac-container label:hover:after,.ac-container input:checked + label:hover:after{content:'';position:absolute;width:24px;height:24px;right:13px;top:7px;background:transparent url(../images/arrow_down.png) no-repeat center center}
.ac-container input:checked + label:hover:after{background-image:url(../images/arrow_up.png)}
.ac-container input{float:left;position:absolute;z-index:3989;margin-left:10px;margin-top:14px;cursor:pointer;width:50px}
.ac-container article{background:rgba(255,255,255,0.5);margin-top:-1px;overflow:hidden;height:0;position:relative;z-index:10;-webkit-transition:height .3s ease-in-out,box-shadow .6s linear;-moz-transition:height .3s ease-in-out,box-shadow .6s linear;-o-transition:height .3s ease-in-out,box-shadow .6s linear;-ms-transition:height .3s ease-in-out,box-shadow .6s linear;transition:height .3s ease-in-out,box-shadow .6s linear}
.ac-container article p{color:#777;line-height:17px;font-size:12px;padding:0 20px;font-weight:700;text-shadow:1px 1px 1px rgba(255,255,255,0.8);padding-bottom:10px;border-bottom:1px solid #eee}
.ac-container .bkn{display:block;background-image:url(images/bank-chk.png);background-repeat:no-repeat;margin-top:-4px}
.ac-container input:checked ~ article{-webkit-transition:height .5s ease-in-out,box-shadow .1s linear;-moz-transition:height .5s ease-in-out,box-shadow .1s linear;-o-transition:height .5s ease-in-out,box-shadow .1s linear;-ms-transition:height .5s ease-in-out,box-shadow .1s linear;transition:height .5s ease-in-out,box-shadow .1s linear;box-shadow:0 0 0 1px rgba(155,155,155,0.3)}
.ac-container input:checked ~ article.ac-small{height:100%;background:#EEE}
.ac-container .kece{font-size:11px;border-bottom:1px solid #eee;padding:5px 20px;background:#DDD;margin:0}
span.titrad{margin-left:30px;font-size:14px}
.termsand{border:1px solid #ddd;padding:0 10px;margin-top:-20px;margin-bottom:10px}
.address_wrapper{width:98%;border:1px solid #ddd;padding:10px;background:#fff;margin:0 5px;text-align:left;margin-bottom:10px;float:left}
.address_wrapper:hover{border:1px solid #0F6CB2}
.radio_check{position:absolute}
.address_wrapper input{width:auto}
.address_info{margin-left:25px}
div#ongkir .checkbox{background:#fff;padding:3px;text-align:center}
div#ongkir .checkbox input{margin-right:5px}
.cartSummary td{padding:5px;font-weight:700;display:inline-block}
.cartItems tr td{padding:10px 5px}
.termsand label{width:90%;margin-left:5px}
table.ui-datepicker-calendar td:before{display:none}
.ui-datepicker td{border:0;padding:1px;width:25px;float:left}
form#contactForm input,form#contactForm select,form#contactForm textarea{width:100%!important;padding:5px}
form#contactForm table td{padding:5px}
form#contactForm table td:before{display:none}
.info-toko .kontak-hd .kontak .cnt2 p{margin:0;padding:0}
.info-toko{padding:10px;text-align: center;}
.info-toko .kontak-hd .kontak {float: left;width: 100%;color: #fff;font-size: 12px;padding: 5px;border-radius: 5px;margin: 3px 0;border: 1px solid;}
.menu-menu-container .aecat{list-style:none;padding:0;margin:0;width:50%;float:left}
.menu-menu-container .aecat li{padding:1px 0}
.menu-menu-container .aecat li a{width:296px;margin:0;border:1px solid #f7f7f7;border-left:3px solid #FE8392;padding:9px;display:block;font-size:13px;background:#fff}
.menu-menu-container{margin-top:10px}
@media (max-width: 500px) {
.smart_pdbox ul.list_sm{height:37px}
ul.insmart-box li.qleft .in1 i,ul.insmart-box li.qleft .in2 i{font-size:18px}
.dfimgproduct{width:233px;height:233px}
.cart_hd{float:none;margin-bottom:10px;width:100%;padding:10px}
.dfimgproduct{width:200px;height:200px}
}
@media (max-width: 342px) {.smart_pdbox ul.list_sm {margin-top: -5px;}}
.ck_txt.preorder{background:#FFEE83;border:1px dashed #CAB110;padding:10px 15px;color:#696969;font-weight:700;margin-top:10px;margin-bottom:15px}
.ckstok.spreorder{background:url(../../img/challenge-16.png) no-repeat;width:16px;height:16px;float:left;margin-right:5px}
.ntfnd{margin-top:35px;text-align:center;padding:35px 0;margin-left:-10px}
.ntfnd h2{margin:0}
.singledetailbox .categories{list-style:none;font-size:14px;font-weight:700}
.singledetailbox .categories li{border-bottom:1px solid #E8E8E8;padding:5px}
.singledetailbox .categories ul{list-style:none;margin:0;padding:0;font-size:13px;font-weight:400}
.singledetailbox .categories ul ul.children{padding-left:15px;border-top:1px solid #E8E8E8;margin:5px 0;border-left:2px solid #E8E8E8}
.menu-header-menu-container{position:fixed;top:0;height:100%;width:26rem;overflow-y:auto;bottom:0;z-index:16000003;transform:translate3d(0px,0px,0px);left:0;transition:left .15s linear;background:#0F0F0F;padding:10px}
.menu-header ul.menu{list-style:none;margin:0;padding:0}
.menu-header ul.menu li .menu_dropdown{padding:0;margin:0;display:none;list-style:none}
.menu-header ul.menu li{padding:10px;font-size:14px}
.menu-header ul.menu li a{color:#ccc}
ul.menu_dropdown .sub-menu{list-style:none;padding:0;margin:0}
.graybox{backface-visibility:hidden;position:fixed;min-height:100%;width:100%;top:0;left:0;cursor:pointer;z-index:16000002;display:block;animation:cd-fade-in .3s;background:rgba(0,0,0,0.498039)}
li.menuz {margin-top: -10px;width:35px !important;position: relative;text-align: left;margin-bottom: -39px;padding: 10px 3px !important;}
.redwarnkurir{border:2px solid red;background:#ffcece;margin-top:10px;padding:10px;color:#963030;font-weight:700;display:none}
.tarif > div.rwtarif{float:left;font-weight:400;background:#fdfdfd;padding:10px;border-bottom:1px solid #ddd;height:50px;overflow:hidden}
.tarif>div.rwtarif:nth-child(2n-1),.tarif>div.rwtarif:nth-child(3n){width:60%}
.tarif>div.rwtarif:nth-child(2n){width:40%}
.tarif.mshead div{font-weight:700;height:39px;background:#f3f5f7}
.tarif.mshead{height:38px}
.rwtarif > p{padding:0;margin:0;font-size:10px;color:#909090}
.updialog{border-bottom:1px solid #464444;color:#ABABAB;font-size:13px;padding-bottom:10px}
ul.menu_dropdown h4{font-size:15px;font-weight:700}
.fooside{border-top:1px solid #464444;color:#727272;padding:5px;margin-top:10px}
body.modal-open{overflow:hidden}
div#ongkir select{padding:5px}
button#cekongkir{margin-top:10px}
table.ui-datepicker-calendar thead tr th{display:inline}
.ordermob .btn {max-width: 130px;width: 100%;padding: 5px;font-weight: bold;}
.list-blog {list-style: none;margin: 0;padding: 0;margin-top: 20px;}
.bloglists .popauthor {display: block;font-size: 10px;width: 100%;font-style: italic;margin-bottom: 5px;}
ul.list-blog h2 {font-size: 16px;font-weight: bold;border-bottom: 1px solid #ddd;padding-bottom: 10px;}
.bloglists .list-blog .col-10-12 {width: 100%;}
.bloglists h2 {font-size: 16px;font-weight: bold;margin: 0px;margin-bottom: -10px;}
.bloglists {padding: 5px;margin-bottom: 10px;}
.bloglists .list-blog h2 {margin: 0px;font-size: 14px;padding-bottom: 3px;}
.bloglists li {border: 1px solid #ddd;padding: 5px;background: #fff;}
ul.share-buttons{list-style: none;padding: 0;}
ul.share-buttons li{display: inline;}
ul.share-buttons .sr-only {position: absolute;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);padding: 0;border: 0;height: 1px;width: 1px;overflow: hidden;}
.ordermob {margin-bottom: 10px; text-align:center;}
.ordermob .m-sms {background: #dead1e;color: #fff;border-color: #9a7a1b;margin: 5px;}
.ordermob .m-whatsapp {background: #0eaf4e;color: #fff;border-color: #0d8e41;margin: 5px;}
.ordermob .m-line {background: #1bbb11;color: #fff;border-color: #15940d;margin: 5px;}
.ordermob .m-bbm {background: #404040;color: #fff;border-color: #171616;margin: 5px;}
.usrpnel ul{list-style:none;padding:0}
.usrpnel ul li{float:left;border:1px solid #ddd;padding:5px 10px;}
.usrpnel .button a{color:#fff}
.header-up .logo img {width: 130px;}
.rekwid{padding:10px;border:2px dashed #ddd;margin-bottom:10px}
.jumwd{font-size:15px;font-weight:700}
.usrpnel li a{color:#fff}
.watjsmartotko{bottom: -22px;position: fixed;float: right;max-width: 270px;right: 30px;z-index: 999999;}
.insidewatj{width: 270px;}
.watjsmartotko > div > .panel{border-radius: 5px 5px 0 0;}
.icon_minim{padding:2px 10px;}
.msg_container_base{background: #ffffff;margin: 0;padding: 0 10px 10px;max-height:300px;overflow-x:hidden;overflow-y: scroll !important;}
span#minim_chat_window {color: #fff;}
.insidewatj .panel-default {border-color: #0dc152;}
.top-bar {background: #666;color: white;padding: 10px;position: relative;overflow: hidden;}
.msg_receive{padding-left:0;margin-left:0;}
.msg_sent{padding-bottom:20px !important;margin-right:0;}
.watjmessages {border-radius: 2px;max-width: 100%;}
.watjmessages > p {font-size: 13px;margin: 0 0 0.2rem 0;}
.watjmessages > time {font-size: 11px;color: #0dc152;}
.msg_container {padding: 10px;overflow: hidden;display: flex;}
.watjavatar {position: relative;width: 95px;margin-right: -7px;}
.base_sent {justify-content: flex-end;align-items: flex-end;}
.msg_sent > time{float: right;}
.msg_container_base::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
.msg_container_base::-webkit-scrollbar{width: 12px;background-color: #F5F5F5;}
.msg_container_base::-webkit-scrollbar-thumb{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #555;}
.btn-group.dropup{position:fixed;left:0px;bottom:0;}
.watjhsow{float: right;margin-top: -20px;}
.insidewatj .panel-default > .top-bar {background: #0dc152 !important;color: #fff;}
.watjicon {margin-right: 7px;margin-top: -2px;float: left;width: 20px;height: 20px;background: url(../../img/whatsapp-24.png) no-repeat;}
.insidewatj .watjavatar > img {width: 100%;border-radius: 60px;border: 2px solid #fff;}
.base_receive {border-bottom: 1px solid #efefef;}
.base_receive:hover {background: #fbfbfb;cursor: pointer;}
.watjbanner img {max-width: 250px;}
.watjbanner {text-align: center;}
.watjbanner > a {position: absolute;right: 0;top: 0;color: #c5c5c5;}
@media handheld, only screen and (max-width: 425px){
.insidewatj{width:76px;}
.watjbanner,.watjtitle{display:none;}}
.insidewatj-lite{width:270px !important;}
.watjtitle-lite{display:block !important;}
.watjpesan {padding: 10px;font-size: 12px;background: #0dc15217;color: #212121;margin: 10px;text-align: center;}
.watjmessages > time.watjoffline {color: #989898;}
.panel-body.msg_container_base a {text-decoration: none;color: #6d6d6d;}
.watjleft{float: left;left: 30px;}
.watjdsgn2{margin-bottom: 15px;}
.watjdsgn2 .panel-default{border-radius: 30px 30px 0 0;border: 0;background: none;box-shadow: none;}
.watjdsgn2  .panel-heading{border-radius: 30px;}
.form-content{border:1px solid #ddd;padding:10px;margin-top:10px;width:100%;float:none}
img.attachment-slider{margin:0 auto;width:100%}
.info-toko a{color: #ffffff;font-size: 16px;}
.singledetailbox img {max-width: 100%;height: auto;}
.header-smart ul li i {font-size: 16px;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.ldstatus {margin: 10px 0;padding: 7px;text-align: center;font-size: 14px;background: none;font-weight: bold;}
.alignleft { float: left; }
.sg_share {margin-top: 5px;}
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
body.landingpge main#main {max-width: 100%;width: 100%;background: none;border: none;margin: 0;padding: 0;font-size: 100%;}
#toTop {z-index: 999;}
.comment_ratings label{float:left;margin-right:-10px;margin-top:-2px}
#comments_template .meta-com{display:block;width:430px;border-bottom:1px dotted #DDD;margin-top:-5px;margin-bottom:5px}
.children .meta-com{width:393px!important}
.commentlist .review_rating{margin:7px 0}
#comments_template ul li{list-style:none}
.commentlist{padding:0}
.commentlist li{border:1px dotted #DDD;margin-bottom:10px;padding:10px}
.commentlist .reply{float:right}
.comment-author{float:left;margin-right:10px}
.btncm{float:right;margin-top:-7px}
#comments_template{border-top:1px dotted #DDD}
.review_rating{margin:12px;display:block;background:url(images/stars.png) no-repeat;height:14px;width:84px;text-indent:-9999px}
.strs-0_0{background-position:0 0!important}
.strs-0_5{background-position:0 -20px!important}

.strs-1_0{background-position:0 -39px!important}
.strs-1_5{background-position:0 -57px!important}
.strs-2_0{background-position:0 -77px!important}
.strs-2_5{background-position:0 -96px!important}
.strs-3_0{background-position:0 -115px!important}
.strs-3_5{background-position:0 -134px!important}
.strs-4_0{background-position:0 -154px!important}
.strs-4_5{background-position:0 -174px!important}
.strs-5_0{background-position:0 -193px!important}
.container.catmobs {
    padding: 15px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-top: none;
}
.container.catmobs .col-xs-3 img {
    max-width: 48px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}
.container.catmobs .col-xs-3 {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}
.container.catmobs .listcatmobs {
    font-size: 16px;
    margin-bottom: 15px;
}
.container.catmobs .col-xs-3 i {
    font-size: 12px;
    font-style: normal;
}
#smt_x_notify{background:rgba(255, 255, 255, 0.89);border:0;border-bottom: 2px solid #ff984c;border-radius:5px;bottom:20px;display:none;left:20px;padding:0;position:fixed;text-align:left;width:auto;z-index:99999;-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.26);-moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.26);box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.26);margin-right:20px;margin-bottom: 28px;}
#smt_x_notify img{max-height:60px;max-width:60px;margin-left:8px;padding:5px;}
#smt_x_notify p{color:#000;float:left;font-size:13px;margin:0;width:auto;padding:5px;line-height:20px}
#smt_x_notify p a{color:#000;display:block;font-size:15px;font-weight:700}
#smt_x_notify p a:hover{color:#000}
#smt_x_notify p small{display:block;font-size:10px}
.smart_cart .btn-group.zx {margin-bottom: 10px;}
.fancybox-inner .alert {display: block;}
.filtso {margin-right: 10px;}
.smart_bank{padding:9px;border-bottom:1px solid #F4F4F4;margin-bottom: 10px;}
.smart_bank .bank{display:block;background-image:url(images/bank.png);background-repeat:no-repeat;margin:0 auto}
.bca{background-position:-0 -0;width:170px;height:37px}
.mega{background-position:-170px -0;width:170px;height:37px}
.mandiri{background-position:-0 -37px;width:170px;height:37px}
.cimb{background-position:-170px -37px;width:170px;height:37px}
.bri{background-position:-0 -74px;width:170px;height:37px}
.permata{background-position:-170px -74px;width:170px;height:37px}
.bni{background-position:-0 -111px;width:170px;height:37px}
.muamalat{background-position:-170px -113px;width:170px;height:37px}
.danamon{background-position:-0 -153px;width:170px;height:37px}
.bank_detail{text-align:center}
.smartcustomerpge .form-content {overflow-y: auto;_overflow: auto;}
.latestprod .pagination.sow {display: none;}
.ldstatus .sow {
    font-size: 11px;
}