/*  
Theme Name: Simple_ (Smart Toko)
Theme URI: https://www.lapakinstan.com
Description: <a href="http://www.lapakinstan.com/">Theme Toko Online</a>.
Version: 2.0
Author: Wikie
Author URI: http://www.lapakinstan.com
*/  
body{padding-bottom: 20px;background:#f5f5f5;}
h1 {line-height: 0.7em;margin: 0;}
h1.logo-smart img {max-width: 100%;max-height: 50px;}
h1.logo-smart {padding: 0;margin: 0;}
.simp-container{margin: 0 auto;max-width: 989px;background-color: #FFFFFF;padding: 15px;border-bottom: 3px solid #ddd;}
.row.content-pdk {margin: 0px;}
span.sg_title {font-size: 22px;display: block;margin-bottom: 5px;}
span.sg_meta {clear: both;font-size: 13px;font-weight: 400;}
.header,.marketing,.footer {padding-right: 15px;padding-left: 15px;}
.header {  padding: 7px;border-bottom: 1px solid #19b4e2;}
.header h3 {margin-top: 0;margin-bottom: 0;line-height: 40px;}
.footer {padding-top: 19px;color: #777;border-top: 1px solid #e5e5e5;}
@media (min-width: 768px) {.container {max-width: 730px;}}
.container-narrow > hr {margin: 30px 0;}
.jumbotron {text-align: center;border-bottom: 1px solid #e5e5e5;}
.jumbotron .btn {padding: 14px 24px;font-size: 21px;}
.marketing {margin: 40px 0;}
.marketing p + h4 {margin-top: 28px;}
@media screen and (max-width: 425px) {.sg_button .btn{width: 100%;}}
@media screen and (min-width: 768px) {.header,.marketing,.footer {padding-right: 0;padding-left: 0;}.jumbotron {border-bottom: 0;}}
p{font-size: 14px;margin-top: 5px;}
.smart_dtprice {font-size: 16px;margin: 0 auto;color: #FF5722;font-weight: bold;margin-top: -5px;}
.smart_dtpripro {margin: 0;font-size: 12px;text-decoration: line-through;color: #717171;}
.thumbnail{opacity:0.90;-webkit-transition: all 0.5s; transition: all 0.5s;}
.thumbnail:hover {opacity: 1.00;border-color: #d7d7d7 !important;box-shadow: 0 3px 16px 0 rgba(0,0,0,.11);}
.line{margin-bottom: 5px;}
@media screen and (max-width: 770px) {.rightz{float:left;width: 100%;}}
span.thumbnail {border: 1px solid #f6f6f6 !important;border-radius: 0px !important;padding: 10px;}
.container h4{margin-top:70px; margin-bottom:30px;}
button {margin-top: 6px;}
.rightz {float: right;border-bottom: 2px solid #0a5971;}
.btn-info {color: #fff;background-color: #19b4e2;border-color: #19b4e2;font-size:13px;font-weight:600;}
.navbar{border-radius:0;}
div.carousel {margin-bottom: 20px;}
.scrhe button {margin-top: 0px;}
.scrhe .btn-info {font-size: 14px;}
.input-group.scrhe {margin: 5px;}
.carousel-control.left, .carousel-control.right {background-image: none}
.wrp-menus .navbar {position: relative;min-height: 30px;margin-bottom: 20px;border: 1px solid transparent;border-image-source: initial;border-image-slice: initial;border-image-width: initial;border-image-outset: initial;border-image-repeat: initial;}
.wrp-menus .navbar-inverse {background-color: #19b4e2;}  
.wrp-menus .navbar-nav>li>a {padding-top: 10px!important;padding-bottom: 10px!important;line-height: 20px;}
.wrp-menus .navbar-inverse .navbar-nav>.open>a {background: #146b85;color: #ffffff !important;}  
.wrp-menus .navbar-inverse .navbar-nav>li>a {color: #FFFFFF;font-size: 14px;text-transform: uppercase;}
.wrp-menus .navbar-inverse .navbar-nav>li>a:hover {color: #ffffff;}
.wrp-menus .navbar-inverse .navbar-nav>li:hover {background: #146b85;}
.wrp-menus .mega-dropdown {position: static !important;}
.wrp-menus .mega-dropdown-menu {padding: 15px 0px;width: 100%;box-shadow: none;-webkit-box-shadow: none;}
.wrp-menus .mega-dropdown-menu > li > ul {padding: 0;margin: 0;}
.wrp-menus .mega-dropdown-menu > li > ul > li {list-style: none;}
.wrp-menus .mega-dropdown-menu > li > ul > li > a {display: block;color: #222;padding: 3px 5px;}
.wrp-menus .mega-dropdown-menu > li ul > li > a:hover,
.wrp-menus .mega-dropdown-menu > li ul > li > a:focus {text-decoration: none;}
.wrp-menus .mega-dropdown-menu .dropdown-header {font-size: 14px;color: #ff3546;padding: 5px 60px 5px 5px;line-height: 30px;}
.wrp-menus .carousel-control {width: 30px;height: 30px;top: -35px;}
.wrp-menus .left.carousel-control {right: 30px;left: inherit;}
.wrp-menus .carousel-control .glyphicon-chevron-left, 
.wrp-menus .carousel-control .glyphicon-chevron-right {font-size: 12px;background-color: #fff;line-height: 30px;text-shadow: none;color: #333;border: 1px solid #ddd;}
.content-pdk .thumbnail{min-height: 345px;max-height: 375px;}
.content-pdk .thumbnail .img-produk {width: 100%;height: 195px;display: flex;flex-direction: column;justify-content: center;}
.content-pdk .thumbnail .img-produk img {margin-bottom: 5px;width: auto;max-height: 195px;}
.content-pdk .thumbnail .smart_pdtitle {height: 60px;font-weight: bold;margin-top: 5px;overflow: hidden;}
.cart_hd h1 {font-size: 18px;color: #555;font-weight: normal;border-bottom: 1px solid #eee;padding-bottom: 10px;margin-bottom: 15px;}
div#topbox .titboxpro {font-size: 17px;font-weight: bold;border-bottom: 1px solid #dbdbdb;margin-bottom: 15px;padding: 0 0 10px 0;max-width: 100%;color: #3a3a3a;background: #fafafa;padding: 5px 10px;}
.linkbxright {float: right;font-size: 12px;margin-top: 5px;}
.navbar-nav .open .dropdown-menu {background-color: #fff;}
.row.content-pdk .col-xs-6.col-sm-3 {padding-left: 0;padding-right: 0;}
.sg_share .twitter-share-button {margin-bottom: -5px;}
.sg_ratting {margin: 5px 0;padding-top: 10px;}
ul.list_sm.ale {list-style: none;font-size: 13px;}
ul.list_sm.ale li:before {content:"\e013";font-family: 'Glyphicons Halflings';font-size: 9px;float: left;margin-top: 4px;margin-left: -17px;color: #46a218;}
span.sg_hrg {display: block;font-size: 16px;}
span.sg_price {font-size: 26px;font-weight: bold;display: block;color: #5a5a5a;}
.cnt-code {font-size: 13px;margin: 10px 0;border: 1px solid #eee;padding: 5px;border-bottom: 3px solid #ddd;}
.cnt-code .col-xs-6 {padding: 0;}
.sg_stock {font-weight: bold;color: #4CAF50;}
.sg_stock .stlimited {color: #FF9800;}
.sg_stock .stout {color: #F44336;}
.produk_opsi {padding: 10px 0;max-width: 350px;}
.btn-large {padding: 10px 16px;font-size: 18px;line-height: 1.3333333;border-radius: 6px;}
.sg_button .btn {padding: 12px 25px;}
.orderdiv {display: none;}
.order-optional a.btn {width: 100%;text-align: left;font-weight: bold;}
.order-optional {max-width: 400px;    margin: 30px 0 0 0;}
.order-optional .col-xs-6 {padding: 3px;}
.bt-orderline-16, .bt-orderbbm-16, .bt-ordertele-16, .bt-orderphone-16, .bt-ordersend-16, .bt-orderwhatsapp-16{ display: inline-block; background: url('images/soci-smart.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
.bt-orderline-16 { background-position: -0px -0px; width: 16px; height: 16px; }
.bt-orderbbm-16 { background-position: -16px -0px; width: 16px; height: 16px; }
.bt-ordertele-16 { background-position: -0px -16px; width: 16px; height: 16px; }
.bt-orderphone-16 { background-position: -16px -16px; width: 16px; height: 16px; }
.bt-ordersend-16 { background-position: -0px -32px; width: 16px; height: 16px; }
.bt-orderwhatsapp-16 { background-position: -16px -32px; width: 16px; height: 16px; }
.order-optional a.btn div {margin-bottom: -3px;margin-right: 7px;}
.bt-sms {background-color: #e8d206;border-color: #d5c20d;}
.bt-wa {background-color: #26d367;border-color: #1fbc5a;}
.bt-bbm {background-color: #494949;border-color: #262525;}
.bt-line {background-color: #44b654;border-color: #2f933d;}
.bt-tele {background-color: #50c1f2;border-color: #33acdf;}
.bt-tlp {    background-color: #607D8B;border-color: #566e79;}
.order-optional .row {margin: 0px;}
.order-optional .title-opt {font-weight: bold;border-bottom: 1px solid #ddd;margin-bottom: 5px;padding-bottom: 5px;color: #585858;}
.preorder {background: #fffdbe;max-width: 201px;padding: 5px;border: 1px dashed #eac021;text-align: center;font-size: 13px;font-weight: bold;margin-bottom: 10px;}
div#breadcrumb {margin-bottom: 20px;font-size: 13px;border: 1px solid #e1e1e1;padding: 5px 10px;margin-top: -1px;}
.smart_mess { margin-bottom: 20px;padding-bottom: 10px;margin-top: 20px;}
.btn {border-radius: 3px;}
.tab-content {padding-top: 10px;}
.content p {font-size: 14px !important;}
.produk_opsi select {width: 100%;padding: 5px;border-color: #cfcccc;}
ul.nav.nav-tabs {font-weight: bold;font-size: 15px;}
.nav>li>a {padding: 10px 10px;}
.singlepdk .item img{max-height: 435px;margin: 0 auto;}
.momenu{    display: none;background: #19b4e2;margin-left: -15px;margin-top: -15px;padding: 5px 10px;position: fixed;width: 100%;z-index: 99999;}
.momenu img{width:25px}
.momenu .searchlittle{float:right}
.momenu .cartlittle{float:left}
.shbag {background: url("images/smartbag.png") no-repeat;width: 32px;height: 32px;float: left;margin-top: -8px;}
@media handheld, only screen and (max-width: 774px){.header.clearfix {margin-top: 50px;text-align: center;}
.shbag {background: url(images/smartbag-w.png) no-repeat;width: 26px;height: 26px;margin-top: -2px;}
.smrtfull {width: 100%;}
.momenu {display: block;height: 49px;}
.wrp-menus {position: fixed;top: 5px;left: 0;z-index: 100000;width: 100%;}
ul#menu-header-menu {margin-top: 41px;}
.shopbag {position: fixed;z-index: 99999;top: 0;right: 0;background: rgba(0, 0, 0, 0.14);}}
#menu-trigger{display:none}
.menu{width:100%;position:relative;margin:0;padding:0;list-style:none;line-height:1em;overflow:visible;zoom:1;display:block;float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background: #19b4e2;}
.menu > li{text-align:left;float:left;position:static;display:inline-block;-webkit-transition:background .5s ease;-moz-transition:background .5s ease;-o-transition:background .5s ease;-ms-transition:background .5s ease;transition:background .5s ease}
.menu > li.right{float:right;background:#525252}
.menu > li:hover, .menu > li.active {background: #3876a4;}
.menu > li:hover a, .menu > li.active a {color: #fff;}
.menu > li.noactive{background:none}
.menu > li > a{display:block;font-size:14px;color:#fff;padding:12px 20px;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.menu .menu_dropdown{width:auto;position:absolute;margin:0 auto;background:#FAFAFA;color:#212121;left:-9999em;z-index:999998;padding:20px 0;border:1px solid #CCC;border-top:none;opacity:0;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-transition:opacity .5s .2s ease;-moz-transition:opacity .5s .2s ease;-o-transition:opacity .5s .2s ease;-ms-transition:opacity .5s .2s ease;transition:opacity .5s .2s ease}
.menu li:hover .menu_dropdown{left:auto;opacity:1}
.menu li:hover .menu_dropdown_right{right:0}
.menu li:hover .menu_dropdown a {color: #333;}
.menu .menu_dropdown > li{font-size:12px;line-height:21px;padding:0;margin:0 0 18px;list-style:none;display:inline;float:left;position:relative;margin:0 20px;width:auto}
.menu .menu_dropdown > li ul a{color:#888;text-decoration:none;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-o-transition:color .2s ease;-ms-transition:color .2s ease;transition:color .2s ease}
.menu .menu_dropdown > li ul a:hover{color:#222}
.menu .list_heading{color:#333;margin:0 0 5px;font-weight:700;font-size:14px}
.menu .clear{clear:both;width:100%;height:18px}
.menu .menu_dropdown .sub-menu{padding:0;list-style:none}
.caret{border-top:4px solid #ffffff;margin-left:5px}
.non-drop{float:none!important;display:block!important}
@media only screen and (max-width: 774px) {
.menu > li{width:100%}
.menu > li.right{float:left}
.menu > li > a{padding:14px}
.menu li .menu_dropdown{width:100%;border:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;height: 125px;overflow: scroll;}
.menu .clear{clear:none;height:0}}
@media only screen and (max-width: 480px) {
.menu .menu_dropdown > li{width:100%;display:block;margin-bottom:18px}}
@media screen and (max-width: 774px) {
#menu-wrap{position:relative}
#menu-wrap *{box-sizing:border-box}
#menu-trigger{display:block;height:40px;position: absolute;z-index: 9999;line-height:40px;cursor:pointer;padding:0 0 0 42px;color:#fafafa;font-weight:700;background:url(../../img/round-menus-n.png) no-repeat left;background-origin:padding-box}
.menu{display:none}}
.no-transition{transition:none;opacity:1;visibility:visible;display:none}
#menu li:hover > .no-transition{display:block}
.shopbag {text-align: center;padding: 10px;}
.shopbag ul {margin: 0;padding: 0;font-size: 0;list-style: none;display: inline-block;}
.shopbag ul li {font-size: 11px;display: inline-block;padding: 0px 10px;}
.bubcrt {border: 1px solid #ddd;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;position: absolute;padding: 1px 7px;color: #fff;background-color: #f67e0a;margin-left: -9px;margin-top: 10px;font-size: 14px;}
.clear {clear: both;}
.not-f-tidak {padding: 10px;margin-bottom: 21px;border: 1px solid #14B842;background: #EAFFEA;font-weight: 700;color: #008510;}
.zx {float: right;margin-top: 0;margin-bottom: 10px;}
.smart_cart .zx .btn {font-size: 14px;}
.smrt-qty-count {width: 39px;padding: 5px;}
button.smrt-clear-btn {background: url(images/close.png) no-repeat;padding: 12px;margin-left: 5px;}
#right {text-align: right;}
.cart_pdtitle {font-weight: 700;display: block;color: #555;font-size: 12px;}
.cart_pdpri {font-size: 16px;font-weight: 700;color: #555;display: block;}
.cart_pdqu {font-size: 12px;}
.cart_pdcat {display: block;font-size: 12px;color: #999;}
.cart_pdcod {display: block;font-size: 12px;}
div#kuponz .smrt-kupon-btn {font-size: 13px;margin-top: -3px;}
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter,div.aligncenter {display: block;margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.alignright {float: right;margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.cart_pdto {display: block;color: #333;font-weight: 700;font-size: 16px;}
.aui {margin-bottom: 10px;}
.aui button {font-size: 14px;}
.box-shad {background: #fff;border: 1px solid #f2f2f2 !important;border-bottom: 3px solid #f1f1f1 !important;}
.box-checkout {width: 58%;float: left;border: 1px solid #eee;padding: 15px;margin-right: 10px;margin-bottom: 10px;margin-top: 20px;}
.late {margin-right: 0!important;border: 2px solid #3876a4;width: 389px;}
.pulwidth {width: 100%;padding: 3px;}
.box-checkout h2 {margin: 0;padding-bottom: 10px;border-bottom: 1px solid #eee;font-size: 18px;font-weight: normal;margin-bottom: 3px;}
.box-checkout fieldset {border: 0;margin: 0;padding: 0;}
.box-checkout .ui-formRow {padding-top: 10px;}
.ui-formRow label {position: relative;width: 29%;float: left;}
.ui-formRow .collection {margin-left: 30%;}
.box-checkout input {width: 100%;padding: 6px;border: 1px solid #eee;}
.box-checkout select {padding: 6px;border: 1px solid #eee;}
.box-checkout textarea {width: 100%;border: 1px solid #eee;}
p.submit_lbc .btn-lbc {width: 100%;font-size: 16px;margin-top: 10px;background: #19b4e2;border: 1px solid #1997bc;color: #fff;padding: 8px;font-weight: bold;}
.waitting {width: 180px;padding: 9px 10px;background: #fff url('images/18-1.gif') center left no-repeat;position: absolute;margin-top: 7px;margin-left: 8px;}
.ac-container article p img{display:block}
.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}
.titrad {margin-left: 28px;font-weight: 700;}
.termsand {margin-bottom: 10px;}
.termsand input {width: auto;float: left;}
.termsand label {font-size: 12px;font-weight: normal;margin-left: 22px;margin-top: -15px;}
.sumcart {margin-top: 10px;border-top: 1px solid #eee;}
table#checkoutCart {border: 1px solid #f4f4f4;box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);width: 100%;}
.rght{text-align:right}
.ui-bggrey{background:#F4F4F4}
.cart-txt{font-size:12px}
.ui-borderBottom{background:#fff}
.cartSummary{background:#fff;    border-top: 1px dashed #ddd;}
.sumcart{margin-top:10px;border-top:1px solid #eee}
.txtgray{color:#999}
.grandtotal{background:#F4F4F4}
.txtblod{font-weight:700}
.ac-container input:checked ~ article.ac-medium{height:180px;background:#EEE}
.ac-container input:checked ~ article.ac-large{height:230px;background:#EEE}
.sub-ui{float:right;margin-top:15px;border-top:1px solid #eee;padding-top:10px;width:100%}
.sub-ui button{float:right}
.notify{padding:10px;border:1px solid red;margin-bottom:10px;background:#FFF2F2}
.notify p{border:1px solid red;padding:5px;background:#FFD9D9}
.visible-phone {display: none!important;}
table#checkoutCart td, th {padding: 10px !important;}
.logindregist {margin-top: 20px !important;}
span.lioss {font-size: 11px;color: #989898;}
form#loginform {margin: 0 auto;border: 1px solid #ddd;padding: 0 11px;border-bottom: 2px solid #D8D6D6;text-align: left;}
form#loginform .input {width: 100%;padding: 10px;}
p.login-submit .button {font-size: 14px;background: #19b4e2;border: 1px solid #19b4e2;color: #fff;font-weight: bold;padding: 7px 20px;}
.alert {display: none;}
.alert, .alert h4 {color: #c09853;}
.alert {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;}
div#topbox {margin-top: 24px;}
.box-checkout.ongkircek {width: 100%;}
#ongkir {font-weight: 700;font-size: 13px;}
.pgs {padding: 1px;border: 5px solid #f7f7f7;margin-top: 10px;}
.smart_content img {max-width: 100%;height: auto;}
.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;}
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: -20px;}
.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: 30px;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;}
.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:78px;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;margin-top: 0;}
.rwtarif > p{padding:0;margin:0;font-size:10px;color:#909090}
.maybe {font-size: 14px;font-weight: bold;border-top: 2px dashed #f7f7f7;padding-top: 10px;margin-bottom: 10px;}
.resultresi {padding: 10px;}
.resultresi ul {list-style: none;padding: 0;margin: 0;}
.resultresi ul li {border-top: 1px solid #ddd;padding: 5px;}
.usrpnel ul li {margin: 5px;}
.usrpnel ul {margin: 0;padding: 0;margin-bottom: 20px;}
.usrpnel ul li a {color: #fff;}
.smartcustomerpge h1 {font-size: 21px;}
.form-content {border: 1px solid #ddd;padding: 10px;margin-top: 10px;width: 100%;float: none;}
.smartcustomerpge .form-content {overflow-y: auto;_overflow: auto;}
.address_wrapper{max-width:272px;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 #3876a4}
.radio_check{position:absolute}
.address_wrapper input{width:auto}
.address_info{margin-left:25px}
.bxbutndropship {padding: 5px;border: 1px solid #ddd;color: #999;}
.inputbox {width: 19px!important;}
.opsidaf {padding: 10px 0;border: 1px solid #ccc;margin-top: 11px;background: #f0f1f3;border-bottom: 2px solid #C4C7CA;text-align: center;}
.opsidaf .bxbutnreg {border: 1px solid #ddd;padding: 5px;float: left;width: 44%;background: #fff;margin: 0 5px;}
.pagination.sow {width: 100%;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: #19b4e2;border-color: #19b4e2;}
.cat_desc {border: 1px solid #ddd;padding: 10px;margin-top: 13px;margin-bottom: 20px;}
.row.content-pdk h1 {font-size: 24px;}
.filtso select {font-weight: bold;}
.list-blog {list-style: none;margin: 0;padding: 0;margin-top: 20px;}
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;}
.blog_content {line-height: 1.5em;}
.content.liblog h1 {font-size: 16px;}
.content.liblog {width: 100%;}
.content.liblog .list-blog .popthumb {float: left;margin-right: 15px;}
span.meta-dt {font-size: 12px;font-style: italic;}
ul.list-blog img{width:100%}
.content.liblog .list-blog .popthumb {float: left;margin-right: 15px;}
.list-blog h2 {display: block;font-size: 16px;margin-bottom: 5px;}
.list-blog .popauthor {color: #999;font-size: 12px;font-style: italic;}
.list-blog li {margin-bottom: 25px;background: #fff;padding: 10px;box-shadow: 0 1px 3px -1px rgba(0,0,0,.4);}
.smart_bank{padding:9px;border-bottom:1px solid #F4F4F4}
.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}
.ord_id {border: 1px solid #777;width: 140px;padding: 10px;text-align: center;font-weight: 700;font-size: 18px;background: #333;color: #fff;margin: 0 auto;}
.fns {float: left;padding: 5px;margin: 4px;border: 1px solid #eee;}
.finish-crt {text-align: center;}
.smart_ftbox h3 {font-size: 16px;border-bottom: solid 1px rgba(255,255,255,0.1);padding-bottom: 11px;position: relative;color: #434242;margin: 0;margin-bottom: 5px;}
.smart_ftbox {float: left;width: 24.7%;padding: 10px;}
.smart_ftbox ul {list-style: none;padding: 0;margin: 0;}
.smart_ftbox ul li {padding: 5px 0;font-size: 13px;}
.smart_footer {border-top: 2px solid #ddd;padding-top: 15px;}
@media (max-width: 685px) {
    .finish-crt .fns {
    width: 100%;
}
.ui-formRow .collection {margin-left: 0;}
.ui-formRow label {width: 100%;}
.collection .waitting {margin-top: 32px;}
.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%!important;}
.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"}
#checkoutCart td:nth-of-type(1):before{content:"Produk"}
#checkoutCart td:nth-of-type(2):before{content:"Qty"}
#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%;}
.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:370px}
.cart_pdto{margin-top:20px}
.smart_cart .btn-group button{font-size:11px!important}
div#kuponz {margin-left: -137px;height: 100px;font-size: 16px;font-weight: bold;margin-bottom: unset;}
div#kuponz input { width: 60%;margin-top: 10px;}
div#kuponz .smrt-kupon-btn {font-size: 13px; margin-top: -3px;}
span.cart_pdto {    margin-left: -136px;
    text-align: center;}
}
#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;}
#smt_x_notify img{max-height:60px;width:auto;border-radius: 40px;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}
.lapak{background-image:url(images/lapakslink.png);background-repeat:no-repeat;display:block;margin:0 auto}
.sprite-logo-bukalapak{width:189px;height:42px;background-position:-5px -5px}
.sprite-logo-tokopedia{width:189px;height:42px;background-position:-5px -57px}
.sprite-logo-lamido{width:189px;height:42px;background-position:-5px -109px}
.sprite-logo-kaskus{width:189px;height:42px;background-position:-204px -5px}
.lapak-lite{background-image:url(images/lapakslink-lite.png);background-repeat:no-repeat;display:block}
.sprite-logo-bukalapak-lite{width:166px;height:42px;background-position:-5px -0}
.sprite-logo-tokopedia-lite{width:166px;height:42px;background-position:-5px -48px}
.sprite-logo-lamido-lite{width:166px;height:42px;background-position:-5px -93px}
.sprite-logo-kaskus-lite{width:166px;height:42px;background-position:-180px -0}
.welcometxt p {font-size: 16px;}
.welcometxt {border: 1px solid #ececec;    padding: 10px;}
.subcribe_wdgt {border: 1px solid #f0f0f0;margin-bottom: 25px;padding: 20px;background: #f8f8f8;margin-left: 0;margin-right: 0;}
.subcr_txt {text-align: right;}
.ats_txt {font-size: 20px;font-weight: bold;}
.bwh_txt {margin-top: -7px;font-style: italic;}
.subcribe_wdgt input {padding: 7px 25px;border: 1px solid#ddd;}
.subcribe_wdgt button {padding: 7px 22px;margin: 4px;}
.subcribe_wdgt .sg_share {float: right;margin-top: -28px;}
.textwidget .fb-page {display: none;}
@media handheld, only screen and (max-width: 774px){.smart_ftbox {width: 100%}.box-checkout {width: 100%;}}
.bxbutnreg .btn {width: 100%;overflow: hidden;}
#checkoutCart td:nth-of-type(2):before{display: none;}
.catalogs .btn-print {float: right; margin-top: -15px;}
.catalogs h1 {font-size: 18px;margin: 20px 0;line-height: 1em;}
.ctnbt p {padding: 10px 0;font-size: 15px;}
.welcometxt img,.finish-crt img {max-width: 100%;height: auto;}
.filtso {margin-top: 15px;}
#printcat {margin-top: 50px;}
.cart_pdpro {margin-right: 10px!important;padding-bottom: 5px;text-decoration: line-through;color: #9d9d9d;}
.thumbnail .buble {background-color: rgba(226, 25, 25, 0.72);background-repeat: no-repeat;width: 55px;height: 40px;overflow: hidden;padding: 8px 5px;position: absolute;font-weight: bold;z-index: 704;margin-top: -205px;margin-left: 0;color: #fff;font-size: 10px;line-height: 0.8em;cursor: pointer;font-style: italic;}
.thumbnail .buble p {margin: 3px 0;}
.buble.bblimit {background: rgba(0, 0, 0, 0.61);}
.buble.bbhot {background: rgba(255, 108, 0, 0.78);}
.alcart .kosong {font-weight: bold;font-size: 20px;color: #5a5a5a;}
.alcart {text-align: center;padding: 15px;}
.widget_pd_smarttoko {border: 1px solid #e8e8e8;padding: 10px;margin: 10px;border-bottom: 3px solid #efeaea;}
.widget_pd_smarttoko img {width: auto;max-height: 100%;height: 140px;}
.widget_pd_smarttoko .col-sm-4 {text-align: center;}
.widget_pd_smarttoko .title_x {font-weight: bold;}
.widget_pd_smarttoko .deskripsi_x {font-size: 12px;line-height: 1.4em;}
.orderprint .entry-header a {float: right;}
@media handheld, only screen and (max-width: 425px){#smt_x_notify{bottom:64px !important;}}
button.btn-wishlist {padding: 2px 5px !important;font-size: 12px;color: #757575;}
button.btn-dewishlist {padding: 2px 5px !important;font-size: 12px;color: #ffffff;}
ul.list-blog h2 {padding: 0;margin: 0;}
ul.list-blog p {font-size: 13px;}
tr.tjdiskonkupon {font-size: 13px;color: #00ab42;}