a{
	text-decoration: none;
}
a.button{
	margin:5px;
}
div.vendorItemsWishlistCount{
  display: block;
  text-align: right;
  /*font: 700 20px/37px 'Lato';*/
}
div.vendorItemsWishlistCount a{
  /*display: inline-block;
  margin-right: 20px;
  text-decoration: none;
  color: #666;
  border: 2px solid #666;
  padding: 0 5px;
  margin-top: 10px;
  margin-bottom:10px;
  text-transform: uppercase;*/

}
/*div.vendorItemsWishlistCount a:hover{
	color:#fff;
  border: 2px solid #fff;
  background-color:#666;

}*/

.table{
	width: 100%;
  	margin: 0 auto;
}
.table thead tr th{
	background-color:#666666;
	color:#fff;
	vertical-align: middle;
}
.table tbody tr td{
	vertical-align: middle;
}
/*table.items tr th,table.items tr td{
	padding:10px;
	font-weight:bold;
}*/
/*table.items tr:nth-child(even){
	background-color:#ebebeb;
}*/
.table tr td.material span{
	display:block;
}


div.subnav{
  text-align: center;
  margin: 10px;
  color: #666;
  height: 20px;
  display: inline-block;
  float: left;
}
div.subnav a{
	float:left;
	text-decoration: none;
 	font: 700 15px/15px 'Lato';
 	color:#666;
}
div.subnav1{
  text-align: center;
  color: #666;
  display: block;
 
}

/*
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th{
	background:none;
}
div.outer{
	min-height:200px;
	position: relative;
	padding-top:50px;
	border-top:1px solid #000;
}
div.outer div.loading{
	left: 50%;
	top: 10%;
	width: 100px;
	padding: 10px;
	position:absolute;
	margin-left: -50px;
	text-align: center;
	background-color: white;
	border: 2px solid black;
}
div.inner{
	height:100%;
	overflow-y:auto;
	border-top:1px solid #000;
}
div.inner table thead tr td {
	font-size:13px;
	font-weight:bold;
	padding:0 6px;
	line-height:0;
	text-transform: uppercase;
}
div.inner table thead tr td span{
	top: 17px;
	line-height: 18px;
	cursor: pointer;
	display: block;
	position: absolute;
}
div.inner table thead tr td:hover{
	background-color:#ebebeb;
}
div.inner table tbody tr{
	-webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
div.inner table tbody tr td{
	padding:2px;
	vertical-align: middle;
	width:8%;
}
div.inner table tbody tr td span.factoryName{
	display:inline-block;
	min-width:150px;
}
div.inner table tbody tr td img{
	width:140px;
}*/

table.productDetailTbl tr td img{
	max-width:400px;
	max-height:200px;
}
table.productDetailTbl tr td div.comments{
	display:block;
	height:200px;
	width:100%;
	overflow-y:scroll;
}
table.productDetailTbl tr td textarea{
	width:100%;
}
table.productDetailTbl tr td textarea.newSampleProductionComments{
	max-width:450px;
}
form input.ng-invalid.ng-touched {
	border:1px solid #FA787E;
}
div.commentsDisplayBox{
	height:200px;
	overflow-y:scroll;
	margin:10px;
}






@media (min-width: 768px){
.modal-dialog {
   width: auto;
   }
}


div.allitems div.items{
	display:block;

}
div.allitems div.items div.item{
	display:inline-block;
	width:20%;
	  margin: 10px 0 10px 10px;
}
div.allitems div.items div.item img{
	max-width:100%;
	width:auto;
	max-height:100%;

}
div.allitems div.items div.item div.material{
	display:block;
}
div.allitems div.items div.item div.material span{
	display:block;