@charset "utf-8";
/* CSS Document */
.pbox {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    width: 140px;
    height: 190px;
    float:left;
    padding:4px;
    margin:4px;
    text-align:center;
    line-height:1.8em;
    position: relative;
}
.pbox input[type="button"] {
    padding-top:3px;
    padding-bottom:3px;
}
.pbox input[type="number"] {
    width: 60px;
    padding:2px;
}
.pbox p{
    margin: 4px 0;
    white-space:nowrap;
    overflow:hidden;
    font-weight:bold;
}
.pbox input {
    margin: 6px 0;
	border: 1px solid #009ada;
}
.cnt {
    color: #1862D4;
    font-weight:bold;
    font-size:90%;
    font-family: arial;
}
.pboxl {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    width: 190px;
    height: 260px;
    float:left;
    padding:4px;
    margin:6px;
    text-align:center;
    line-height:1.4em;
    position: relative;
}
.pboxl p{
	margin: 4px 0 0 0;
	padding: 0 4px;
	display: inline-block;
	word-wrap: break-word;
	overflow: hidden;
	height: 3.6em; /* (Number of lines you want visible) * (line-height) */
	line-height: 1.2em;
	text-align:center;
	font-weight:bold;
}
.pboxl input[type="button"] {
    padding-top:3px;
    padding-bottom:3px;
}
.pboxl input[type="number"] {
    width: 60px;
    padding:2px;
}
.pboxl input {
    margin: 6px 0;
	border: 1px solid #009ada;
}
p.imgl{
		
		text-align:center;
		height:109px;
	}
@media only screen and (max-width:467px){
	.pboxl {
		border: 1px solid #e0e0e0;
		border-radius: 6px;
		width:98%;
		height: 240px;
		float:left;
		padding:4px;
		margin:6px;
		text-align:center;
		line-height:1.2em;
		position: relative;
	}
	.pboxl p{
		margin: 0;
		padding: 0 4px;
		display: inline-block;
		word-wrap: break-word;
		overflow: hidden;
		height: 3.4em; /* (Number of lines you want visible) * (line-height) */
		line-height: 1.2em;
		text-align:center;
		font-weight:bold;
	}
	p.imgl{
		margin: 0;
		padding: 0 4px;
		width:100%;
		clear:both;
		text-align:center;
		height:109px;
	}
	
}
div.data {
    color: #1862D4;
    font-weight:bold;
    font-size:90%;
	width:100%;
	padding:0;margin:0;	
}
/* The ribbons */
.ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#F70505 0%, #8F0808 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #8F0808;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #8F0808;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
#listView,#gridView {
	padding:2px 4px;
}
.blu_btm_bdr {
	border-bottom:1px solid #086FA6;
}
#product_body_lister table {
	width:100%;
}
#product_body_lister th {
	text-align: center;
	background-color: #79B22D;
	color:#fff;
}
#product_body_lister td {
	border-bottom:1px solid #F5F5F5;
	border-right:1px solid #F5F5F5;
	padding:2px;
	text-align:left;
}
 #product_list_table  input[type="number"] {
	vertical-align: bottom; 
    width: 60px;
    padding:2px;
	margin:0;
}
#product_body_sales th {
	text-align: center;
	background-color: #0A6A9F;
	color:#fff;
	padding:4px;
}
#product_body_sales td {
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:2px;
	text-align:left;
}
 #product_body_sales  input[type="number"] {
	vertical-align: bottom; 
    width: 60px;
    padding:2px;
	margin:0;
}
@media only screen and (max-width: 991px){
	#product_body_sales td {
		font-size:9px;	
	}
	#product_body_sales input[type="number"] {
    	width: 50px;
	}
}