@charset "utf-8";
/* Import Themes Colour */
@import "themes-pink.css";

/* CSS Document */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
html,body,input,select{font-family:"Nunito",sans-serif;font-size:18px;line-height:1.5}html{overflow-x:hidden; margin:0; height: 100%;}
* { text-decoration: none; font-family:"Nunito",sans-serif;}

/* Based Style */
.clearfix::after { content: ""; clear: both; display: table; }
.clearfix {float:none; clear:both;}
.clearborder {border-bottom:none;}
.frontwrapper {width:1366px; margin:0 auto;}
.frontwrapperbg {width:100%}

/* Front Top NavBar */
.frontmenu {margin:0 auto; width:1366px; height: 133px;}
.frontmenu .left {width:100px; float: left; padding-left:120px;}
.frontmenu .right {width:1100px;float:right; padding-right:50px;}
.frontmenu .topnav ul {margin:0; padding: 0; float:right;}
.frontmenu .topnav li {margin:0; padding: 0; list-style: none; float: right;}
.frontmenu .topnav a {margin:44px 30px 0 0; display: block; font-family:"Nunito"; font-weight: bold; font-size: 20px;}
.frontmenu .topnav a.login {color:white; padding:5px 30px; border-radius: 25px; margin-top: 38px;}
.fronttoplogo {margin:35px 0px 70px;}
.frontmenu .topnav .usericon {width:50px; height: 50px; border-radius: 25px; display: block; bordeR:1px solid white; float:right; margin:-15px 0 0 10px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.dropdown-menu { display: none; position: absolute; min-width: 234px; z-index: 100; padding-top:40px;}
.dropdown:hover .dropdown-menu { display: block;}
.dropdown .dropdown-menu .dropdown-bg {min-width: 234px; display:block; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);} 
.dropdown .dropdown-menu .dropdown-bg img {vertical-align: middle;}
.dropdown .dropdown-menu .dropdown-bg a {padding:10px; margin:0px; display: block;}

/* Front Intro */
.intro {width:100%;}
.introbgback {width:100%; height: 150px; margin-top:200px; z-index: 1;}
.introwrapper {width:1366px; margin:0 auto; z-index: 2;}
.intro h1, h2 {text-align: center;} .intro h2 {font-weight:300; margin:0; padding:0}
.introimg1 {width:400px; float:left; margin-left:150px;}
.introimg2 {width:600px; padding:0 50px; float:left; margin:0;}
.introtext {width: 500px; float: left; margin-left: 50px;}

/* Front Icon */
.fronticon {color: white;}
.fronticon ul {padding: 25px 0; margin:0 auto; text-align: center; }
.fronticon li {list-style: none; margin: 0; padding:25px 50px; width: 330px; float: left; margin:0 50px;}
.fronticon img {text-align: center;}

/* Front Fitur */
.frontfitur {}

/*Front Kontak */
.frontkontak {padding:20px 0; text-align: center; }
.frontkontak img {vertical-align:middle}
.frontkontak input, textarea {padding:10px 20px; border-radius: 20px; border:1px solid #999999; color:#959595; font-size:18px; font-family:"Nunito"; margin:15px 20px;}
.frontkontak button {background: #1F80AA; color:white; padding:10px 60px; border-radius: 25px; border: none; font-size:20px; font-family:"Nunito"; margin:15px 20px; font-weight: bold; cursor: pointer}
.frontkontak button:hover {background:#29ABE2; }

/*Buttom Nav */
.buttomnav {float:none; clear: both;}
.buttomnav a{font-size: 18px; line-height:2;}
.buttomnav ul {padding: 0; margin:0}
.buttomnav li {list-style: none; margin: 0 0 0 77px; padding:25px; width: 350px; float: left;}

/*Copyright */
.copyright {width:100%; margin:0 auto; padding:20px 0; color: white; font-size:18px; font-weight: 300; text-align: center; bottom:0;}
.copyright img {vertical-align:middle;}

/*Login*/
.backlogin {height: 450px; width:510px; line-height: 3; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; color:white; z-index: 2; background: #29ABE2; padding:5px;}
.backlogin a {float: right; color:white;}
.backlogin a:hover {text-decoration: underline;}
.backlogin input, textarea {padding:10px 20px; border-radius: 20px; border:1px solid #999999; color:#959595; font-size:18px; font-family:"Nunito"; margin:15px 0x;}
.backlogin button {background: #1F80AA; color:white; padding:10px 60px; border-radius: 25px; border: none; font-size:20px; font-family:"Nunito"; margin:15px 20px; font-weight: bold; border:1px solid white; cursor: pointer}
.backlogin button:hover {color:#29ABE2; border:1px solid #29ABE2;}
.backlogincopyright {position: absolute; z-index: 1; bottom:0;}

/* Wrapper */
.wrapper {width:1366px; height: 100%; margin:0 auto; display: table; padding:0;}
.wrapperleft {width:341px; display: table-cell; vertical-align: top; font-size: 18px; }
.wrapperright {display: table-cell; vertical-align: top;}
.wrapperleft ul {margin:0px; padding:0px}
.wrapperleft li {list-style:none; margin:10px 0px; padding:0px;}
.wrapperleft a {text-decoration: none; color:white; width: 100%; display: block; font-weight: normal;}
.swrapperleft {width:186px; height: 220px; display: table-cell; vertical-align: top; font-size: 18px; text-align: center;}
.swrapperright {width:1180px;display: table-cell; vertical-align: top; padding-top:20px; float:right;}
.wrapperline {border-bottom:1px solid grey; padding-bottom: 20px;}
.wrapperline2 {border-bottom:1px solid grey;}
.wrapperfull {width:100%; text-align: center;}

/*Left Section */
.lefttop {width:341px; padding:20px 58px; text-align: center; margin:0 auto;}
.leftlogo {margin-bottom: 20px;}
.lefttoko {width:161px; height: 161px; border-radius: 81px; margin:0 auto;}
.slefttoko {width:110px; height: 110px; border-radius: 55px; margin:0 auto; font-size:16px; background-size: cover; }
.blefttoko {width:200px; height: 200px; border-radius: 100px; margin:0 auto; background-size: cover; }
.sleftnama {color:grey; font-size: 16px; font-weight: bold; padding:10px 0 20px 0;}
.leftnama {color:white; font-size: 24px; font-weight: bold; padding:10px 0 20px 0; border-bottom: 1px solid white;}
.lefttopmenu {text-align: left; margin:10px 0; vertical-align: middle;}
.leftbottommenu {margin:10px 0; text-align: left;}
.leftbottom {width:341px; padding:20px 58px; }
.leftnumber {float:right; border-radius: 15px; width:30px; height: 30px; background-color: white; font-size: 12px; text-align: center; padding-top:6px; margin-top:6px;}
.leftlogout {padding:20px 0; border-top:1px solid white; font-weight: bold;}
.leftlogout img {vertical-align: middle;}

/*Right Section */
.rightgreeting {width:1025px; padding:20px 50px;}
.rightgreeting .kategori {font-size: 32px; font-weight: bold;}
.righticonuser {float:right; }
.righticonuser a {padding-left:35px; height: 30px; text-decoration: none; font-size: 20px; font-weight: bold; margin:0;}
.rightbigbanner {width:1025px; height: 386px;}
.iconcategory {width:1025px; padding:10px 50px; margin:0; background:#F2F2F2; }
.iconcategory ul, .neworder ul {margin:0px; padding:0px}
.iconcategory li {list-style:none; padding:0px; text-align: center; float:left; width:82px; margin:10px; }
.iconcategory a {text-decoration: none; font-size:14px; font-weight: bold; color:#4D4D4D; display: block; height: 133px;}
.iconcategory a:hover {background:#ffffff; border-radius:20px;}
.detailwrapper {width:890px; margin:20px auto;}

/*Right Section - List Order*/
.listorder {width:890px; margin:20px auto;}
.listorder h1 {font-size:24px; font-weight:bold; margin:20px 0 20px 0;}
.listorder ul {margin:0; padding:0;}
.listorder li {list-style:none; border-radius:20px; padding:10px; margin:0 0 20px 0; background:#F2F2F2; width:100%; }
.listorder .detail {float:left;}
.listorder .submits {float:right; text-align: center; width:150px;}
.listorder .submits button {color:white; padding:5px 30px; border:none; border-radius: 20px; font-size:14px; font-family:"Nunito"; font-weight: bold; margin-top:25px; cursor: pointer}
.listorder .submits button:hover {color:white; cursor: pointer}
.listorder .code, .listorder .user {font-weight: bold; font-size:18px;}
.listorder .date, .listorder .clock {padding-left:15px; padding-top:2px; font-size:15px; margin-left:10px;}
.listorder .user, .listorder .price {padding-left:25px; padding-top:2px; }

/* Right Order Status */
.status {float:left; width:80px; font-weight: bold;  margin-top:15px; text-align: center; margin-right:20px;}
.red {color:#C1272D;}
.black {color:#4D4D4D;}
.orange {color:#F7931E;}
.green {color:#8CC63F;}


/*Right Section - List Kategori and Produk*/
.listkat {padding:0 50px; margin:20px auto;}
.listkat .box2 .judul, .form-style .judul {font-size:24px; font-weight:bold; margin:20px 0 20px 0;}
.listkat .box2 a {float:right; color:white; padding:5px 20px; border:none; border-radius: 20px; font-size:18px; font-family:"Nunito"; font-weight: bold;}
.listkat .tambah img {margin-right:10px;}
.listkat .katdrop {}
.listkat .cari {}
.listkat ul {margin:0; padding:0;}
.listkat li {list-style:none;}
.listkat .box { border-radius:20px; padding:15px; margin:0 0 15px 40px; background:#F2F2F2; width:880px;}
.listkat .boxfull { border-radius:20px; padding:10px; margin:0 0 15px 0px; background:#F2F2F2; width:880px;}
.listkat .box:hover, .listkat .boxfull:hover  {background:#E5E5E5; border-radius:25px;}
.listkat .child {margin-left:50px;}
.listkat .status {float:left; width:80px; font-weight: bold; text-align: center; margin-right:20px; }
.listkat .red {color:#C1272D;}
.listkat .green {color:#8CC63F;}
.listkat .detailpro, .listkat .detailpro2 {float:left; color:#4D4D4D; font-size:18px;}
.listkat .detailpro2 {min-width:700px; }
.listkatform .input-check input:checked {border:1px solid grey; padding:5px;}
.listkat .price, .listkat .stock, .listkat .item, .listkat .totalprice, .listkat .buyer, .listkat .buydate, .listkat .buytime {padding-left:25px; padding-top:0px; }
.listkat .buydate, .listkat .buytime {margin-left:25px;}
.listkat .item, .listkat .buyer {float:left;}
.listkat .buyitem {font-size:20px; font-weight:bold;}
.listkat .totalprice, .listkat .buydate, .listkat .buytime {float:right;}
.listkat .detail {float:left; padding-top:15px; font-weight:bold;}
.listkat .submits {float:right; text-align: center; width:150px;}
.listkat .submits button {color:white; padding:5px 30px; border:none; border-radius: 20px; font-size:14px; font-family:"Nunito"; font-weight: bold; margin-top:10px; cursor: pointer}
.listkat .submits button:hover, .listkat .tambah a:hover {color:white; cursor: pointer}
.listkat .detailpro .buyer {clear: both; float: none;}
.container { display: block;   position: relative;   padding-left: 35px;   margin-bottom: 12px;   cursor: pointer;   font-size: 22px;  -webkit-user-select: none;
  -moz-user-select: none;  -ms-user-select: none;  user-select: none; }
.container input {  position: absolute;  opacity: 0;  cursor: pointer;}
.checkmark {  position: absolute;  top: 22px;  left: 0;  height: 25px;  width: 25px;  background-color: #fff; box-shadow: 0 0 5px grey}
.container:hover input ~ .checkmark {  background-color: #ccc;}
.checkmark:after {  content: "";  position: absolute;  display: none;}
.container input:checked ~ .checkmark:after {  display: block;}
.container .checkmark:after {  left: 9px;  top: 5px;  width: 8px;  height: 12px;  border: solid white;  border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}
.buttonkat {margin:10px 0; padding-top:20px; border-top:1px solid #9B9B9B; float:none; clear: both;}
.buttonkat .submitkat, .buttonkat .deletekat {margin-right:30px;}
.deletekat a, .submitkat a, .submitpro a, .submithis a, .printhis a {color:white; padding:6px 21px 9px 21px; border:none; border-radius: 20px; font-size:18px; font-family:"Nunito"; font-weight: bold;}
.deletekat a {background:#C1272D;}
.deletekat a:hover {background:#800002; }
.submitpro {float:right; margin-top:30px;}
.submithis, .printhis {float:right; margin:20px 20px 0 0;}

/*Right Section -  List Produk dropdown*/
.listkatform, .listkatformmode {border-bottom:1px solid #7D7D7D; padding:20px 0; margin-bottom: 20px;}
.listkatform .katdrop, .listkatformmode .katdrop {float:left;}
.listkatform .cari, .listkatformmode .cari {float:right;}
.listkatform .periode {margin-top:10px;}
.listkatform label, .listkatformmode label {display:block; margin:0;}
.listkatform label > span, .listkatformmode label > span  { font-weight: bold; float: left; padding-top: 5px; padding-right: 10px; min-width:60px;}
.listkatform span.required { color:red; }
.listkatform .input-field, .listkatform .periode .input-field  {width: 300px; padding:7px 10px; border-radius: 20px; border:1px solid grey;}
.listkatformmode .input-field  {width: 260px; padding:7px 10px; border-radius: 20px; border:1px solid grey;}
.listkatform .periode .submitkat {float:right;}
.listkatform .periode .input-field {width:300px; background:url(../assests/1x/icon-calender-gray.png) 270px 10px no-repeat;}
.listkatform select { -webkit-appearance: none;  -moz-appearance: none;  -ms-appearance: none;  appearance: none;  outline: 0;  box-shadow: none; !important; border-radius: 20px; border:1px solid grey; color:white;}
.listkatformmode select { -webkit-appearance: none;  -moz-appearance: none;  -ms-appearance: none;  appearance: none;  outline: 0;  box-shadow: none; !important; border-radius: 20px; border:1px solid grey; color:white;}
.listkatformmode .rekapmode {float:right; margin-left:10px;}
.listkatformmode .rekapmode a.mode1, .listkatformmode .rekapmode a.mode2, .listkatformmode .rekapmode a.mode1off, .listkatformmode .rekapmode a.mode2off {width:43px; height: 43px; display:block; margin-right:10px; float:left;}

/*Right Section - Rekap Mode Seller Mode*/
.listkat .box .photo, .listkat .boxfull .photo,
.rekapmode1 .boxfull .photo {width:100px; height:100px; margin:0px 15px; float:left; border:1px solid grey; display: block;}
.rekapmode1 .boxfull .detailpro {margin:10px;}
.rekapmode2 .boxfull {width:250px; height: 300px; float:left; margin:0 27px 30px 27px; padding:0;}
.rekapmode2 .boxfull .photo {width:250px; height: 100px; border-radius: 20px 20px 0 0;}
.rekapmode2 .boxfull .detailpro {margin:10px; height: 110px;}
.rekapmode2 .submits .submitpro {margin:10px 80px 0 0;}
.rekapdetail .drop span a{width:30px; height 30px; display: block; background: url(../assests/1x/arrow-down-blue.png) no-repeat center; float:right;}
.rekapdetail .closed span a{width:30px; height 30px; display: block; background: url(../assests/1x/arrow-top-blue.png) no-repeat center; float:right;}
.rekapdetail .judul {float:none; border-bottom:1px solid #E0E0E0;}

/*Right Section - Rekap Mode Buyer Mode*/
.listkatform2 .cari {float:left; margin-bottom: 20px;}
.listkatform2 label {display:block; margin:0;}
.listkatform2 label > span { font-weight: bold; float: left; padding-top: 5px; padding-right: 10px; min-width:60px;}
.listkatform2 .input-field, .listkatform2 .periode .input-field  {width: 300px; padding:7px 10px; border-radius: 20px; border:1px solid grey;}
.listkatform2 .periode {float:left;}
.listkatform2 .submitkat {float:left; margin:5px 0 0 20px;}
.listkatform2 .periode .input-field {width:300px; background:url(../assests/1x/icon-calender-gray.png) 270px 10px no-repeat;}
.listkatform2 select { -webkit-appearance: none;  -moz-appearance: none;  -ms-appearance: none;  appearance: none;  outline: 0;  box-shadow: none; !important; border-radius: 20px; border:1px solid grey; color:white;}


/*Right Section - Form*/
.form-style {font-size:18px; font-weight: bold;}
.form-style label {display:block; margin:0 0 20px 0;}
.form-style label > span { width: 200px; float: left; padding-top: 5px; padding-right: 5px; }
.form-style span.required { color:red; }
.input-field, .input-fieldharga, .input-fieldberat, .input-fieldqty, .input-fieldwarna, .input-fieldqty, .input-fieldgambar{padding:5px 10px; border-radius: 15px; border:1px solid grey; margin-left:10px;}
.form-style select { -webkit-appearance: none;  -moz-appearance: none;  -ms-appearance: none;  appearance: none;  outline: 0;  box-shadow: none; !important; border-radius: 20px; border:1px solid grey; color:white;}
.form-style .input-check input {margin:13px 10px 0 10px; border:1px solid grey;}
.input-check input:checked {border:1px solid grey; padding:5px; }
.input-field  {width: 500px; }
.input-fieldwarna {width:175px;}
.input-fieldharga, .input-fieldberat {width:200px;}
.input-fieldqty {width:50px;}
.boxqty {float:left;}
.notegambar {margin-left:220px; margin-top:-10px;}
.form-style textarea, form-style input {font-size:16px; color:grey;}
.form-style b {float:right; font-weight: normal;}
.form-style .akses {margin-left:10px; font-weight: normal;}
.form-style .akses td {padding: 5px;}
.form-style .akses tr {border-radius:15px; display:block; margin-bottom: 10px; background:#F2F2F2;}
.form-style .akses tr:hover {background:#cccccc;}
.form-style .akses .col1 {width:150px; padding-left:10px;}
.form-style .akses .col2 {width:100px;}

/* Buyer Data*/
.form-style .buyerdata { border-radius:20px; padding:10px; background:#F2F2F2; font-weight: normal;margin-top:20px;}
.form-style .buyerdata table {margin:10px;  padding:0;}
.form-style .buyerdata td {margin-bottom: 5px; padding:5px;}
.form-style .buyerdata .row1 {width:200px;}
.form-style .buyerdata .row2 {width:400px;}
.form-style .buyerdata .row3 {width:200px; text-align:right;}
.form-style .buyerdata .rowborder td {border-top:1px solid grey;}
.form-style .buyername, .form-style .buyerphone, .form-style .buyeradd, .form-style .buyernote, .form-style .buyerblank {padding-left:25px; margin-bottom:15px;}
.ongkir .buyername, .ongkir .buyerphone {padding-left:25px; margin-bottom:5px;}
.ongkir .buyergroup {padding-left:40px; margin-bottom:15px; font-weight: bold;}

/* Ongkir */
.ongkir .col1, .ongkir .col2, .ongkir .col3, .ongkir .col4, .ongkir .col5 {padding:5px; display: block; float:left; font-size:14px;} 
.ongkir .col1 {width:150px;}
.ongkir .col2 {width:130px;}
.ongkir .col3 {width:85px; text-align: center;}
.ongkir .col4 {width:100px;}
.ongkir .col5 {width:550px;}
.ongkirjudul {margin:25px 0 -10px 56px}

/* Paging */
.paging {border-top:1px solid grey; margin-top:20px; padding-top:20px; text-align:right; font-size: 14px;}
.pagingnumber, .pagingbutton {margin:0 5px; padding:3px 0 0 0; width:30px; height:30px; border-radius: 20px; display:inline-block; text-align: center; }
.pagingbutton { font-stretch: extra-condensed;}
.paging .select {font-weight: bold;}
.paging .deletekat {float:left;}

/* Pengaturan */
.pengaturan .photoprofil .photoganti {width:161px; height: 161px; border-radius: 81px; margin:0 auto; float:left; border:1px solid grey;}
.pengaturan .photoprofil .photobutton {margin:60px 0 0 30px; float:left;}
.pengaturan .pilihtema img {vertical-align: middle; margin:0 10px;}

/* Color */
.bggrey1 {background-color: #f2f2f2}
.bggrey2 {background-color: #E6E6E6}
.bgblue1 {background: #29ABE2;}
.bgblue2 {background: #1F80AA;}
.fontgrey1 {color:#666666;}
.fontblue1 {color:#29ABE2;}
.front-blue a {color:#66AAD7; }
.front-blue a.selected, .front-blue a:hover {color:#29ABE2;}

/* Popup */
.modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0;visibility: hidden; transform: scale(1.1); transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s; }
.modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding:0; width: 800px; border-radius: 25px; }
.close-button { float: right; width: 1.5rem; line-height: 1.5rem; text-align: center; cursor: pointer; border-radius: 0.25rem; background-color: lightgray; margin:10px;}
.close-button:hover { background-color: darkgray; }
.show-modal {opacity: 1; visibility: visible; transform: scale(1.0); transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s; }
.popup h1 {text-align: center; font-size:24px;}
.popup .slides {width:100%; height: 250px; background:lightgray;}
.popup .submitkat {margin-left:25px;}
.popup .datapesanan {margin:20px;}
.popup .popupbutton {margin:0 5px; padding:1px 0 0 0; width:30px; height:30px; border-radius: 20px; display:inline-block; text-align: center; }
.popup table {font-weight: normal; margin-top:-5px; margin-left:10px;}
.popup .col1 {width:240px;}
.popup .input-fieldqty {width:80px;}
.popup .col2, .popup .col3 {width:80px;}
.popup .col4 {width:120px;}
.popup .judulpesanan {font-size:12px; margin-left:215px;}
.popup .judulpesanan span {margin-left:203px;}
.popup .databarang {padding:20px; border-bottom: 1px solid grey;}
.popup .databarang span {width:165px; display: block; float:left;}
.popup .databarang b {margin-left : 10px;}
.popup .kode, .popup .price, .popup .stock {padding-left:25px; padding-top:0px; margin-bottom: 10px; float:none; clear:both;}


/* Front Menu */
.masterwrapper {margin:0 auto; width:1366px; background:white;}
.frontmenu .topnav a{color:white; }
.fronticoncategory {padding:10px 50px; margin:0; background:#F2F2F2; display: block;}
.fronticoncategory ul, .neworder ul {margin:0px; padding:0px}
.fronticoncategory li {list-style:none; padding:5px; text-align: center; float:left; width:100px; margin:10px 20px; }
.fronticoncategory a {text-decoration: none; font-size:14px; font-weight: bold; color:#4D4D4D; display: block; height: 133px;}
.fronticoncategory a:hover {background:#ffffff; border-radius:20px;}
.frontproduct {width:100%; display: block;}
.frontproduct ul {margin: 20px 0 0 35px; padding:0;}
.frontproduct li {list-style:none; margin:0px; padding:0;}
.frontproduct .rekapmode2 .boxfull {width:250px; height: 300px; float:left; margin:0 35px 20px 35px; padding:0; background:#E6E6E6; border-radius: 20px; border:1px solid white;}
.frontproduct .rekapmode2 .boxfull:hover {border:1px solid grey;}
.frontproduct .rekapmode2 .boxfull .photo {width:248px; height: 100px; border-radius: 20px 20px 0 0;}
.frontproduct .rekapmode2 .boxfull .detailpro {margin:10px; height: 110px;}
.frontproduct .rekapmode2 .submits .submitpro {margin:10px 80px 0 0;}
.fronttoko {padding-top:30px;}
.fronttoko .leftnama {color:gray; font-size: 24px; font-weight: bold; padding:10px 0 20px 0; border:none;}
.frontproduct .fronttitle h1 {font-size:24px; font-weight:bold; margin:20px 70px; border-bottom: none;}
.frontproduct .rekapmode2 .boxfull .price, .frontproduct .rekapmode2 .boxfull .stock {padding-left:25px; padding-top:2px; }

/* Toko Detail */
.tokodetail table {width:900px; margin:20px auto;}
.tokodetail td {padding:10px; vertical-align:top; line-height:2;}
.tokodetail .judul {font-weight:bold; width:200px;}
.swrapperright .listkat .box2 h4 {font-size:24px; font-weight:bold; margin-bottom:20px;}