/** For SKU available or not **/
.mp-vendor-sales {display:flex}
.mp-vendor-total-remain,
.mp-vendor-total-paid,
.mp-vendor-total-sales {flex:1}

#skuavail, #skunotavail { height: 20px; padding-top: 5px; display: none; }
.total { font-size:18px; }
.mp-headings th { border:1px solid #dddddd; padding:2px; font-weight:bold; }
.mp-headings td { border:1px solid #dddddd; padding:2px; }
.showcase_attribute { width:160px; float:left; border:1px solid #dddddd; padding:5px; background-color:#ffffff; }
.mp-category.col-left { float: left; width: 30%; padding-left: 0; clear: left; }
.mp-category { width:150px; position:relative; float:left; padding:5px; overflow-x:auto; background-color:#ffffff; margin:10px 0 0 0; }
.mp-category ul { width:250px; }
.mp-category ul li ul, .mp-category ul li ul li ul, .mp-category ul li ul li ul li ul { padding-left:10px; }
.generalblock { border:1px solid #dddddd; }
.titlebg { background-color:#E26703; color:#ffffff; margin:0px; padding:0px 0px 0px 5px; border:1px solid #fff; cursor:pointer; }
.fieldbg { padding:0px 0px 10px 5px; margin:0px; }
.fieldbg input, .fieldbg textarea { width:98%; }
.request_table td, .request_table th { padding:3px; }
.request_table th { font-weight:bold; border-bottom:1px solid #dddddd; }
.request_table td { border-bottom:1px solid #dddddd; }
.request_table table { width:100%; }
.request_new { color:#ff0000; }
.clicktagtr { cursor:pointer; }
.cell-label input[type=text] { width: auto; max-width: 100px; }
.mp-input-date { }
.mp-addproduct.col-main { width: 70%; }
input[type=text].mp-input-date { float: left; margin-right: 7px; max-width: 150px; }
input.mp-input-date + img { float: left; cursor: pointer; margin-top: 8px; }
.mp-addproduct select { min-height: 30px; padding: 0 8px; border: 1px solid silver; background: #FFFFFF; font-size: 15px; }
/* Profile page */
.mp-vendor-description { }
button.mp-addprdbutton { margin-top: 7px; }
.mp-vendors li img, .mp-vendor-total-sales, .mp-vendor-total-paid, .mp-vendor-total-remain, .mp-vendor-total-sales:before, .mp-vendor-total-paid:before, .mp-vendor-total-remain:before { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.mp-vendors li { padding: 7px !important; margin: 0 20px 0 0; font-weight: bold; font-size: 17px; width: 17%; text-align: center; margin-bottom: 30px; float:left; }
.mp-vendors li img { border: 1px solid #eaeaea; box-shadow: 0 0 1px #ccc; min-width: 100%; height: 190px; margin-bottom: 10px; max-width: 100%; }
.mp-vendors li img:hover { border: 1px solid #3399CC; }
.mp-connectus { float: left; }
/*.main-vendor{ width:100%; }
.main-vendor .vendor-description{ float:left; width:79%;}*/

.mp-vendor-list { text-align: center; }
.mp-category.col-left div { overflow: visible; max-height: 500px; }
.mp-category.col-left li { white-space: nowrap; }
.block-title.mp-vendor-name { position: relative; padding: 5px 0 0; margin-bottom: 5px; border-top: none; text-align: center;}
.mp-vendor-total-sales, .mp-vendor-total-paid, .mp-vendor-total-remain { background: #39C; text-align: center; padding: 20px; color: #fff; font-size: 13px; margin: 2% 1%; line-height: 29px; font-weight: bold; border-radius: 3px; }

.mp-vendor-total-sales { margin-left:0; }
.mp-vendor-total-remain { margin-right:0; }

.mp-vendor-total-sales:before, .mp-vendor-total-paid:before, .mp-vendor-total-remain:before { content: ""; background: url(images/noteSign.png) no-repeat 5px 8px #fff; color: #39C; font-weight: bold; width: 30px; height: 30px; float: left; border-radius: 100%; font-size: 18px; line-height: 31px; }
.mp-vendor-total-sales:hover, .mp-vendor-total-paid:hover, .mp-vendor-total-remain:hover { background: rgb(245, 132, 78); }
.mp-vendor-total-sales:hover:before, .mp-vendor-total-paid:hover:before, .mp-vendor-total-remain:hover:before { background-position:5px -17px; }
.mp-product-vendor img{ float: left; display: inline-block; height: 87px;}
.mp-product-vendor span.v-name{float: left; font-weight: bold; vertical-align: middle; margin-left: 5px;}
.mp-product-image {float: right; }
.mp-product-image img{ width:75px; height:75px; }
.mp-product-image ul li {float: left; display: inline-block; clear: none !important; padding: 5px; border-radius: 3px; border: 1px solid #EADCDC; float: left; transition: all 0.1s; -webkit-transition: all 0.1s; margin-left: 5px;}
.mp-product-image ul li.last  {min-width: 87px; min-height: 87px;}
.mp-product-image ul li.last div  {text-align: center; font-size: 12px;}
.total-vendor-prds {font-size: 30px; font-weight: normal; font-family: Arial,Helvetica,sans-serif; padding-top: 0px; color: #0192b5; text-align: center; padding: 15px 0 0; line-height: 30px; float: left; width: 100%;}
.total-items { text-align:center;}
.product-view { clear:both; float:left;}

.mp-product-vendor-main { border: 1px solid #f4f4f4; padding: 10px; float: left; width: 100%; border-radius: 5px; margin-bottom: 20px; background: #f4f4f4;}

.mp-vendor-profile-left { background: #f4f4f4; }
.vendor-logo img { display: inline-block;}
.mp-allprod { padding:5px;}


.mp-connectus a.mp-facebook {background: url(../nbmpmarketplace/images/socialmedia.jpg) no-repeat -91px -19px; width: 36px; height: 36px; float: left;}
.mp-connectus a.mp-twitter {background: url(../nbmpmarketplace/images/socialmedia.jpg) no-repeat -159px -19px; width: 36px; height: 36px; float: left;}

ul.mp-connectus-main li{ display:inline-block;}
ul.mp-connectus-main li.last{ clear: both;display: inherit;}

.mp-vendor-profile-left .fieldset {padding:10px;}
.mp-vendor-profile-left .fieldset #info {text-align:center;}

.mp-vendor-profile-left .vendor-logo {text-align: center;}

button.button.mp-addprdbutton { padding: 7px 10px; }





/* For Responsive */
@media only screen and (max-width: 640px) {
.mp-table thead { display:none; }
.mp-table td:before { content: attr(data-th) ": "; font-weight: bold; width: auto; display: inline-block; color: #39C; float: left; padding-right: 5px; }
.mp-table td { display: block; float: left; clear: both; width: 100%; }
.mp-table tr { padding-bottom: 30px; float: left; width: 100%; }
.mp-table .mp-order-productname br { display:none; }
.mp-table .mp-order-productname span:after { content: ", "; font-weight: bold; width: auto; padding: 0 8px; display: inline-block; color: #39C; }
.mp-table td.mp-noproduct-data:before { display:none; }
.data-table span.nobr { clear: both; float: left; }
.mp-vendor-total-sales, .mp-vendor-total-paid, .mp-vendor-total-remain { width: 100%; }
.mp-vendors li { width: 29%; }
.mp-vendors li:nth-child(3n+3) { margin-right:0; }
} 

@media only screen and (max-width: 460px) {
.mp-vendors li { width: 44%; }
.mp-vendors li:nth-child(2n+2) { margin-right:0; }
.mp-vendors li:nth-child(3n+3) { margin: 0 20px 0 0; }

}

div.note {
float:left;
margin-bottom:13px;
}

#add_qty {width:66px;}
div.notes {float:right;  margin-top: -7px;}

.nbmp-lowinv-sku { min-width:200px;}
.nbmp-mostview-sku { min-width:300px;}
.nbmp-prod-action {   min-width: 110px;}

#contact-info {
  text-align: center;	
}

div.vendor-search-box {float: right;}

#contact-info span {
  background: url(images/phoneicon.png) no-repeat 0 0;
  font-size: 18px;
  color: #787878;
  padding-left: 29px;
}


#sub-category{
position: fixed;
  top: 45%;
  left: 50%;
  width: 120px;
  margin-left: 0px;
  padding: 15px 60px;
  background: #fff;
  border: 2px solid #3399CC;
  color: #3399CC;
  font-weight: bold;
  text-align: center;
  z-index: 20100;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; 
}
li.main-category{list-style-position:inside;width:230px !important;}
input.maincategory{	border:1px solid lightgrey; width:230px !important;background-color:whitesmoke;}
input.sub_category{	border:1px solid lightgrey;; width:230px !important;background-color:whitesmoke;}
input.subcategory{	border:1px solid lightgrey;; width:230px !important;background-color:whitesmoke;}
p.show-cat{padding-right:10px;}

#track_row_container .input-text {
  width: 100% ;
}

.shipbuttons{ float: right; margin-top: -26px; width: 100%;}
.shipbuttons1{ float: right; }

input[type=text].order-qty {
  width: 70px; 
}

.marketplace-vendor-vieworder .title-buttons { position: relative; text-align: right;}
.marketplace-vendor-vieworder .title-buttons  h1{ text-align: left;}
.marketplace-vendor-vieworder .title-buttons  a{ position: relative; top: -42px;}

.marketplace-vendor-viewshipments .title-buttons { position: relative; text-align: right;}
.marketplace-vendor-viewshipments .title-buttons  h1{ text-align: left;}
.marketplace-vendor-viewshipments .title-buttons  a{ position: relative; top: -42px;}

.print-all-shipment { float: right; margin-top: -30px;}

.marketplace-vendor-shipping .order-info-box .box-title{ width:100%;}
.create-ship-trac { clear:both;}

/* Zubair */
	.vendor-profile-forms {display: flex; flex-wrap: wrap; justify-content: left;}
	.vendor-profile 			{flex: 1;}
	.vendor-profile.vflex-2 	{flex: 2;}
	.vendor-profile.vflex-4 	{flex: 4;} 

	.display-flex			{display: flex; flex-wrap: wrap; justify-content: left;}
	.display-flex .flexd1 	{flex: 1; padding: 10px; border: 1px solid #ccc; margin-right: 7px;}
	.display-flex .flexd1:hover{border:2px solid #f26422;padding:9px;}
	.display-flex .flexd1 img {box-shadow: 0px 0px 13px 0px #ddd; border: 1px solid #fff;width: 200px;height: 200px;}