.entityPanelInner
{
  	background-color: #fff;
  	border-radius: 8px;
  	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.27);
  	height:100%;
  	border-top: 4px solid #bc795a;
}

.tnCPopup
{
  	background-color: #fff;
  	border-radius: 8px;
  	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.27);  
  	border-top: 4px solid #bc795a;
}

.entityPanelOuter
{
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 10px;
	padding-bottom: 14px;
	width: 100%;
	height: 100%;		
}

.termsBoxOuter
{
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	height: 100%;		
}

.entityPanelOuterNoBottomPadding
{
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 10px;
	width: 100%;
	height: 100%;
}

.entityTopBackGround
{
	 background-color: #f5f5f5;
	 border: solid 1px #CCCCCC;
	 font-family: Roboto;
  	font-size: 8px;
  	font-weight: bold;
  	font-stretch: normal;
  	font-style: normal;
  	line-height: 1.75;
  	letter-spacing: normal;
  	color: #000;
  	vertical-align: middle;
  	text-align: center;
}

.entityTopBackGroundNoAllignment
{
	 background-color: #f5f5f5;
	 border: solid 1px #CCCCCC;
	 font-family: Roboto;
  	font-size: 8px;
  	font-weight: bold;
  	font-stretch: normal;
  	font-style: normal;
  	line-height: 1.75;
  	letter-spacing: normal;
  	color: #000;  	
}

.entityTopBackGroundLeft
{
	 background-color: #f5f5f5;
	 border: solid 1px #CCCCCC;
	 font-family: Roboto;
  	font-size: 8px;
  	font-weight: bold;
  	font-stretch: normal;
  	font-style: normal;
  	line-height: 1.75;
  	letter-spacing: normal;
  	color: #000;
  	vertical-align: middle;
  	text-align: left;
  	padding-left: 5px;
  	padding-right: 5px;
}

.createButtonOrder
{
  border-radius: 2px;
  background-color: #ffdb95;
}
.createButtonOrderLeft
{
  font-family: Roboto;
  font-size: 10px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}

.createButtonOrderRight
{
	font-family: Roboto;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}

.selectEntityText
{
  margin: 7px 50px 7px 6px;
  opacity: 0.5;
  font-family: Roboto;
  font-size: 10px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #000;
}

.showOptions-icon {
	height: 16px;
	width: 16px;
	background-image: url('images/lowestDropDown.png');
	background-repeat: no-repeat;
	line-height: 16px;	
	cursor: pointer;	
	padding-bottom: 2px;
}

.showEntity-icon {
	height: 24px;
	width: 24px;
	background-color: #f5f5f5;
	background-image: url('images/showEntity.png');
	background-repeat: no-repeat;
	line-height: 24px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
/* 	 border: solid 1px #CCCCCC; */
}

.showCharges-icon {
	height: 24px;
	width: 24px;
	background-image: url('images/showEntity.png');
	background-repeat: no-repeat;
	background-position: center;
	line-height: 24px;
	vertical-align: middle;
	text-align: center;
}

.entityPopupPanel
{
 height: 180px;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
  background-color: #fff;
}

.lowestPriceOptionsPopupPanel
{
 height: 100px;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
  background-color: #fff;
  padding-top: 5px;
  padding-left:  2px;
  padding-right: 2px;
  padding-bottom: 5px;
}

.entitySearchIcon
{
	height: 26px;
	width: 26px;
	background-color: #efefef;;
	background-image: url('images/entirySearchIcon.png');
	background-repeat: no-repeat;
	line-height: 26px;
	vertical-align: middle;
	text-align: center;
	background-position: center;
}

.entitySearchTB{
  	background-color: #efefef;
    border: 0px solid #efefef;
  	height: 24px;
}



.entitySearchTBPlaceHolder::-webkit-input-placeholder {
	width: 100%;
	height: 100%;
	color: #808080;
	 margin: 5px 0 5px 3px;
  font-family: Roboto;
  font-size: 10px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
}

.entitySearchTBPlaceHolder:-moz-placeholder {
		width: 100%;
	height: 100%;
	color: #808080;
	 margin: 5px 0 5px 3px;
  font-family: Roboto;
  font-size: 10px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
}

.entitySearchTBPlaceHolder::-moz-placeholder {
	width: 100%;
	height: 100%;
	color: #808080;
	 margin: 5px 0 5px 3px;
  font-family: Roboto;
  font-size: 10px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
}

.entitySearchTBPlaceHolder:-ms-input-placeholder {
		width: 100%;
	height: 100%;
	color: #808080;
	 margin: 5px 0 5px 3px;
  font-family: Roboto;
  font-size: 10px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
}


.collapseEntity-icon {
	height: 24px;
	width: 24px;
	background-color: #efefef;
	background-image: url('images/collapseEntity-icon.png');
	background-repeat: no-repeat;
	line-height: 24px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	border: solid 1px #efefef;
}

.entityIconBlue
{
  width: 20px;
  height: 20px;
  background-color: #70d8f2;
  font-family: Roboto;
  font-size: 10px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 20px;
  letter-spacing: normal;
  color: #000;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.vendorIconOrange
{
  width: 20px;
  height: 20px;
  background-color: #f2ab70;
  font-family: Roboto;
  font-size: 10px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 20px;
  letter-spacing: normal;
  color: #000;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.entityNameLabel
{
  font-family: Roboto;
  font-size: 10px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000;
}


.entityNameLabelHover
{
  font-family: Roboto;
  font-size: 10px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #528ECC;
  text-decoration: underline;
}

 
 
  

.entityStateNameLabel
{  
  font-family: Roboto;
  font-size: 8px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #888;
  padding-left: 2px;
}

.entityStateNameLabelHover
{  
  font-family: Roboto;
  font-size: 8px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  padding-left: 2px;
  color: #528ECC;
  text-decoration: underline;
}
.entityRow:hover{
	cursor: pointer;
	background-color: #f2f2f2;
}

.lowestOptionsRow{
	height: 15px;
	padding: 4px 4px 4px 4px;
}

.lowestOptionsRow:hover{
	cursor: pointer;
	background-color: #f2f2f2;
	height: 15px;
	padding: 4px 4px 4px 4px;
}

.close_circle {
	height: 16px;
	width: 16px;
	background-image: url('images/close_circle.png');
	background-repeat: no-repeat;
	background-size: 16px 16px;
	line-height: 16px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}

.delete_PO_New {
	height: 18px;
	width: 18px;
	background-image: url('images/delete_PO_New.png');
	background-repeat: no-repeat;
	background-size: 18px 18px;
	line-height: 18px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}


.topPanel
{
	border: solid 1px #e4e4e4;
}
.createPOHeader
{
  height: 100%;
  font-family: Roboto;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 40px;
  letter-spacing: normal;
  color: #000;
  vertical-align: middle;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}

.tableAddPartsCell
{
	border: solid 1px #e4e4e4;
	padding: 1px 1px 1px 1px;
}

.selectButton
{
  width: 135px;
  height: 32px;
  border-radius: 4px;
  background-color: #FFDB95;
  cursor: pointer;
  
}

.createPOButton
{
  height: 38px;
  background-color: #ffc34f;

  
}

.backButton
{
  height: 38px;
  background-color: #ffd400;

  
}
.rejectPOButton
{
  height: 38px;
  background-color: #FFE1A7;
}


.exportPDFButton
{
  height: 38px;
  border: solid 1px #979797;
}

.chargesButton
{
  width: 140px;
  height: 32px;
  border-radius: 4px;
  background-color: #cdebff;
  cursor: pointer;
  
}

.taxesButton
{
  width: 120px;
  height: 32px;
  border-radius: 4px;
  background-color: #ecedb2;
  cursor: pointer;
  
}

.selectButtonText
{
  height: 32px;
  line-height: 32px;
  font-family: Roboto;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  vertical-align: middle;
  text-align: center;
  letter-spacing: normal;
  color: #000;
}


.createPOButtonText
{
	
  height: 16px;
  line-height: 16px;
  font-family: Roboto;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  vertical-align: middle;
  text-align: center;
  letter-spacing: normal;
  color: #000;
}

.cart-icon {
	height: 32px;
	width: 20px;
	background-image: url('images/cart.png');
	background-repeat: no-repeat;
	background-position: center;
	line-height: 32px;
	background-size: 20px 20px;
	vertical-align: middle;
	text-align: center;
	margin-right: 10px;
}



input[type="checkbox"].css-checkboxOtherCharges {
	-webkit-appearance: initial;
	appearance: initial;
	border: 2px solid #969696;
	width: 18px;
	height: 18px;
	position: relative;
	top: 2px;
	outline: 0;
}

input[type="checkbox"].css-checkboxOtherCharges:checked {
	-webkit-appearance: initial;
	appearance: initial;
	border: 2px solid #969696;
	width: 18px;
	height: 18px;
	position: relative;
	outline: 0;
	background-color:#ffc34f;
}


input[type="checkbox"].css-checkboxOtherCharges:checked:after {
	content: "";
	display: block;
	position: absolute;
	left: 3px;
    bottom: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	outline: 0;
}

input[type="checkbox"].css-checkboxOtherCharges:focus {
	outline: 0;
}

input[type="checkbox"].css-checkboxOtherCharges:disabled {
	opacity: 0.2;
}
.otherChargesPopup
{
  width: 166px;
  border-radius: 4px;
  box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.24), 0 0 16px 0 rgba(0, 0, 0, 0.18);
  background-color: #fafafa;
}

.otherChargesRow
{
	height: 28px;
	border-bottom: 1px solid #dfdfdf;
	font-family: Roboto;
  	font-size: 10px;
  	font-weight: bold;
  	font-stretch: normal;
  	font-style: normal;
  	line-height: 1.4;
  	letter-spacing: normal;
  	color: rgba(0, 0, 0, 0.87);
  	padding-left: 5px;
}

.otherChargesRowSelected
{
	background-color: #f4f4f4;
}
.otherChargesHeader
{
	height: 23px;
	border-bottom: 1px solid #dfdfdf;
}

.otherChargesHeaderText
{
  font-family: Roboto;
  font-size: 8px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.87);
}


.buttonChargesApply
{
	width: 44px;
  	height: 15px;
  	border-radius: 2px;
  	background-color: #ffc34f;
  	line-height: 15px;
  	text-align: center;
  	vertical-align: middle;	
  	font-family: Roboto;
  	font-size: 8px;
  	font-weight: bold;
  	font-stretch: normal;
  	font-style: normal;
  	letter-spacing: normal;
  	color: rgba(0, 0, 0, 0.87);
  	cursor: pointer;
  	align-items: center;
  	align-content: center;
  	justify-content: center;
}


.ancReset 
{
  opacity: 0.7;
  font-family: Roboto;
  font-size: 8px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
  text-decoration: underline;
}


.ancReset:link
{
  opacity: 0.7;
  font-family: Roboto;
  font-size: 8px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.87);
  text-decoration: underline;
}

.ancReset:visited
{
  opacity: 0.7;
  font-family: Roboto;
  font-size: 8px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.87);
  text-decoration: underline;
}

.ancReset:hover
{
  opacity: 0.7;
  font-family: Roboto;
  font-size: 8px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.87);
  text-decoration: underline;
}

.ancReset:active
{
  opacity: 0.7;
  font-family: Roboto;
  font-size: 8px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.87);
  text-decoration: underline;
}

.poHeaderTable
{
	background-color: #b57456;
}

.poTile
{
  border-radius: 8px;
  border: solid 1px #f0f0f0;
  margin-top: 4px;
  margin-bottom: 4px;
}

.poTileCellRightBorder
{
  background: #F7F7F7;
  border-right: solid 0.5px rgba(0, 0, 0, 0.22);
  padding-left: 5px;
  padding-top: 5px;
  padding-right: 2px;
  padding-bottom: 2px;
}



.poTileCellRightBorderNoLeftPadding
{
  background: #F7F7F7;
  border-right: solid 0.5px rgba(0, 0, 0, 0.22);
  padding-top: 5px;
  padding-right: 2px;
  padding-bottom: 2px;
}

.poTileCellNoBorder
{
  background: #F7F7F7;
  padding-left: 5px;
  padding-top: 5px;
  padding-right: 2px;
  padding-bottom: 2px;
}
.poTileCellNoBorderInsight
{
  background-color: #848484;
}

.poTileCellNoBorderInsightOld
{
  background-color: #848484;
  padding-left: 5px;
  padding-top: 5px;
  padding-right: 2px;
  padding-bottom: 2px;
  border:1px solid red;
}


.poTileCellNoBorderNoLeftPadding
{
  background: #F7F7F7;
  padding-top: 5px;
  padding-right: 2px;
  padding-bottom: 2px;
}


.poTileTextBold
{
  font-family: Roboto;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #000;
}

.poTileTextBoldSmall
{
  font-family: Roboto;
  font-size: 10px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #000;
}
.poTileText
{
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000;
}


.poTileTextCategory
{
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #7a6600;
}

.poTileTextSmall
{
  font-family: Roboto;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000;
}

.poTileTextSmallFolder
{
  font-family: Roboto;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #7a6600;
}
.poTileTextLink
{
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #528ECC;
  cursor: pointer;
}

.poTileTextLinkLocation
{
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;  
  letter-spacing: normal;
  color: #528ECC;
  cursor: pointer;
}

.poTileTextLink:hover
{
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #528ECC;
  cursor: pointer;
  text-decoration: underline;
}

.poTileTextGross
{
  font-family: Roboto;
  font-size: 14px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #000;
}

.grossTotal {
  font-family: Roboto;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.9;
  letter-spacing: normal;
  color: #000;
}



.poTileTextBoxTop
{
  width: 75%;
  height: 16px; 
  border-radius: 4px;
  border: solid 1px #000;  
  color: #303030;
  font-size: 12px;
  font-weight: bold;
  font-family: 'Roboto' !important;
  padding-left: 3px;
  padding-right: 3px;
  opacity: 0.6;  
}



.poTileTextBoxSmall
{
  height: 20px;
  width: 55px;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  border: solid 1px #d9d9d9;
  background-color: #fff;
}



.poTileTextBoxSmallLeftBorder
{
  height: 20px;
  width: 40px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  border: solid 1px #d9d9d9;
  background-color: #fff;
}
.info_po {
	height: 16px;
	width: 16px;
	background-image: url('images/info_po.png');
	background-repeat: no-repeat;
	background-position: center;
	line-height: 16px;
	background-size: 16px 16px;
	vertical-align: middle;
	text-align: center;
	padding-left: 4px;
	cursor: pointer;
}

.info_po:hover {
	
	box-shadow: 0px 0px 1px 1px #9c7070;
	transition-duration: 0.4s;
	border-radius: 10px;
}


.info_po_blank {
	height: 16px;
	width: 16px;
	line-height: 16px;
	background-size: 16px 16px;
	vertical-align: middle;
	text-align: center;
	padding-left: 4px;
}

.info_po_small {
	height: 12px;
	width: 12px;
	background-image: url('images/info_po.png');
	background-repeat: no-repeat;
	background-position: center;
	line-height: 12px;
	background-size: 12px 12px;
	vertical-align: middle;
	text-align: center;
	padding-left: 4px;
	cursor: pointer;
}

.info_po_small:hover {
	
	box-shadow: 0px 0px 1px 1px #9c7070;
	transition-duration: 0.4s;
	border-radius: 10px;
}


.info_po_small_noPointer {
	height: 12px;
	width: 12px;
	background-image: url('images/info_po.png');
	background-repeat: no-repeat;
	background-position: center;
	line-height: 12px;
	background-size: 12px 12px;
	vertical-align: middle;
	text-align: center;
	padding-left: 4px;
	opacity: 0.3
}




.info_po_stock {
	height: 16px;
	width: 16px;
	background-image: url('images/info_po.png');
	background-repeat: no-repeat;
	background-position: center;
	line-height: 16px;
	background-size: 16px 16px;
	vertical-align: middle;
	text-align: center;
	padding-left: 4px;
	margin-right: 4px;
	cursor: pointer;
}

.info_po_stock_noPointer {
	height: 16px;
	width: 16px;
	background-image: url('images/info_po.png');
	background-repeat: no-repeat;
	background-position: center;
	line-height: 16px;
	background-size: 16px 16px;
	vertical-align: middle;
	text-align: center;
	padding-left: 4px;
	margin-right: 4px;
	opacity: 0.3
}

.totalDiscount
{
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border: solid 1px #d9d9d9;
  background-color: #d8dad9;
  padding-left: 4px;
  padding-right: 4px
}

.bottomPanel
{
	box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.24);
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.21), rgba(252, 252, 252, 0.87) 24%, #f7f7f7 99%);
}

.poBasicTable
{
	border-left: 2px solid #FFE1CD;
	margin-bottom: 2px;
	margin-top: 4px;
}

.poChargesTable
{
	border-left: 2px solid #CDEBFF;
	margin-bottom: 2px;
}

.poTaxesTable
{
	border-left: 2px solid #ECEDB2;
	margin-bottom: 2px;
}
.poGrossTable
{
	margin-bottom: 2px;
}

.ratesTableCellBorder
{
	background-color: #fff;
	padding-left: 5px;
	border-right: solid 0.5px rgba(0, 0, 0, 0.22);
}

.ratesTableCellNoBorder
{
	background-color: #fff;
	padding-left: 5px;
}

.bottomTableBasicTopCell
{
  height: 16px;
  padding-left: 5px;
  line-height: 16px;
  vertical-align: middle;
  background-color: #ffe1cd;
  font-family: Roboto;
  font-size: 8px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000;
  border-right: solid 1px #C5C5C5;

}

.bottomTableChargesTopCell
{
  height: 16px;
  padding-left: 5px;
  line-height: 16px;
  vertical-align: middle;
  background-color: #cdebff;
  font-family: Roboto;
  font-size: 8px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000;
  border-right: solid 1px #C5C5C5;
}

.bottomTableTaxesTopCell
{
  height: 16px;
  padding-left: 5px;
  line-height: 16px;
  vertical-align: middle;
  background-color: #ecedb2;
  font-family: Roboto;
  font-size: 8px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000;
  border-right: solid 1px #C5C5C5;
}

.bottomTableSubHeading
{
  opacity: 0.5;
  font-family: Roboto;
  font-size: 8px;
  font-weight: 500;
  font-stretch: bold;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.87);
  padding-left: 5px;
  border-right: solid 1px #C5C5C5;
}

.bottomTableContent
{
  font-family: Roboto;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000;
  padding-left: 5px;
  border-right: solid 1px #C5C5C5;
}

.bottomTableContentNoBorder
{
  font-family: Roboto;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000;
  padding-left: 5px;
  padding-right: 5px;
}

.topTableSubHeading
{
  opacity: 0.9;
  font-family: Roboto;
  font-size: 8px;
  font-weight: 500;
  font-stretch: bold;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.87);
  padding-left: 8px;
  
}

.HSNTitle
{
  width: 40px;
  opacity: 0.5;
  font-family: Roboto;
  font-size: 10px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000;
  height: 16px;
  line-height: 16px;
  vertical-align: middle;
  text-align: center;
  border: solid 1px #d9d9d9;
  padding-right: 2px;
}

.poTileTextBoxHSN
{
  width: 125px;
  height: 16px;
  border: solid 1px #000;
  background-color: #fff;
  border-radius: 4px;
  border: solid 1px #000;
  margin-left: 2px;
}

.poTileTextBoxTnC
{
  width: 100px;
  height: 16px;
  opacity: 0.8;
  border-radius: 4px;
  border: solid 1px #000;
   margin-left: 2px;
}

.poTileTextBoxDescriptionOuter
{
  height: 16px;
  width: 125px;
  border-radius: 4px;
  border: solid 1px #000;
  opacity: 0.8;
}

.poTileTextBoxDescription
{
  height: 120px;
  width: 182px;
  border-radius: 4px;
  border: solid 1px #000;
  background-color: #fff;
}

.textBoxPlaceHolder
{
  opacity: 0.8;
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  padding-left: 5px;
}

.stockPanel
{
  height: 41px;
  border-radius: 2px;
  border: solid 0.5px #e0e0e0;
  background-color: #fff;  
}

.stockPanelBorderTop
{
	border-top: solid 0.5px #e0e0e0;
}
.lastPricePanel
{
  border-radius: 6px;
  background-color: #F8F8F8;
  height: 100%;
  width: 100%;
}



.lastPriceDropDownPanel
{
  border: solid 0.5px #e0e0e0; 
  border-radius: 4px; 
  cursor: pointer;
}

.fTableStock
{
	border-top: solid 0.5px #e0e0e0;
	padding-left: 5px;
	padding-right: 5px;
}


.fTableStockNoPaddingNoBorder
{
	padding-left: 12px;
	padding-right: 5px;
}


.fTableStockNoPaddingBorderTop
{
	border-top: solid 1px #848484;
	padding-left: 12px;
	padding-right: 5px;
}

.fTableStockNoPaddingBorderTopLeft
{
	border-top: solid 1px #848484;
	border-left: solid 1px #848484;
	padding-right: 5px;
	padding-left: 12px;
}

.fTablePurchaseHistoryCell
{
	border: solid 0.5px #e0e0e0;
	padding-left: 5px;
	padding-right: 5px;
}


.stockHeader
{
  font-family: 'Oxygen', sans-serif;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #464646;
  padding-left: 12px;  
  padding-right: 5px;
}

.stockHeaderLink
{
  font-family: 'Oxygen', sans-serif;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #464646;
  padding-left: 12px;  
  padding-right: 5px;
  cursor: pointer;
  color: #528ECC;
}


.poTileSubTextInsights
{
  
  font-family: 'Oxygen', sans-serif;
  font-size: 10px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
 color: #707070;
}

.poTileTextSmallInsights
{
   font-family: 'Oxygen', sans-serif;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000;
}

.amount_label_purchasehistoryInsights {
	/* font-size: 11px; */
	font-weight: bold;
	 font-family: 'Oxygen', sans-serif;
	 width: max-content;
	 color: #707070;
}

.poTileSubText
{
  opacity: 0.6;
  font-family: Roboto;
  font-size: 10px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000;
}

.poTileSubTextFontSize
{
  font-size: 10px;
}

.orderPopupFooterHeading
{
  font-family: Roboto;
  font-size: 8px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #3e3e3e;
}

.orderPopupSubHeading {
	letter-spacing: 0.27px;
	color: #3E3E3E;
	opacity: 1;
	font-family: Roboto !important;
	font-size: 9px;
	font-weight: bold;
}

.orderPopupSubHeadingPadding {
	letter-spacing: 0.27px;
	color: #3E3E3E;
	opacity: 1;
	font-family: Roboto !important;
	font-size: 9px;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
}

.reset_purchase {
	height: 16px;
	width: 16px;
	background-image: url('images/reset_purchase.png');
	background-repeat: no-repeat;
	background-size: 16px 16px;
	line-height: 16px;
	vertical-align: middle;
	text-align: center;
}

.reset_purchase_text {
  margin-left: 2px;
  margin-right: 2px;
  font-family: Roboto;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  text-decoration: underline;
}

.reset_purchase_table {
	cursor: pointer;
	margin-right: 10px;
}

.apply_purchase
{
	width: 54px;
  	height: 19px;
	border-radius: 2px;
  	background-color: #ffc34f;
	line-height: 19px;
  	text-align: center;
  	vertical-align: middle;
	font-family: Roboto;
  	font-size: 14px;
  	font-weight: bold;
	font-stretch: normal;
  	font-style: normal;
  	letter-spacing: normal;
	color: #000;	
  	cursor: pointer;
  	align-items: center;
  	align-content: center;
  	justify-content: center;

}

.cancel_purchase
{
	width: 60px;
  	height: 19px;
	border-radius: 2px;
  	background-color: #ffc34f;
	line-height: 19px;
  	text-align: center;
  	vertical-align: middle;
	font-family: Roboto;
  	font-size: 14px;
  	font-weight: bold;
	font-stretch: normal;
  	font-style: normal;
  	letter-spacing: normal;
	color: #000;	
  	cursor: pointer;
  	align-items: center;
  	align-content: center;
  	justify-content: center;
}

.allocate_popup {
	width: 500px;
	/*  height: 220px; */
	border-radius: 2px;
	box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.3), 0 0 24px 0
		rgba(0, 0, 0, 0.22);
	border-style: solid;
	border-width: 0.5px;
	border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, 0.8),
		rgba(255, 255, 255, 0.4) 5%, rgba(255, 255, 255, 0) 20%,
		rgba(255, 255, 255, 0));
	border-image-slice: 1;
	background-image: linear-gradient(to bottom, #ffffff, #ffffff),
		linear-gradient(to bottom, rgba(255, 255, 255, 0.8),
		rgba(255, 255, 255, 0.4) 5%, rgba(255, 255, 255, 0) 20%,
		rgba(255, 255, 255, 0));
	background-origin: border-box;
	background-clip: content-box, border-box;
}

.taxes_popup {
	/*  height: 220px; */
	border-radius: 2px;
	box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.3), 0 0 24px 0
		rgba(0, 0, 0, 0.22);
	border-style: solid;
	border-width: 0.5px;
	border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, 0.8),
		rgba(255, 255, 255, 0.4) 5%, rgba(255, 255, 255, 0) 20%,
		rgba(255, 255, 255, 0));
	border-image-slice: 1;
	background-image: linear-gradient(to bottom, #ffffff, #ffffff),
		linear-gradient(to bottom, rgba(255, 255, 255, 0.8),
		rgba(255, 255, 255, 0.4) 5%, rgba(255, 255, 255, 0) 20%,
		rgba(255, 255, 255, 0));
	background-origin: border-box;
	background-clip: content-box, border-box;
}

.error_purchase {
	text-align: left;
	letter-spacing: 0.3px;
	color: red;
	opacity: 0.8;
	font-family: Roboto;
	font-size: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.error_purchase_big {
	text-align: left;
	letter-spacing: 0.3px;
	color: red;
	opacity: 0.8;
	font-family: Roboto;
	font-size: 10px;
	padding: 4px 4px 4px 4px;
}
  
.editTax {
	height: 14px;
	width: 14px;
	background-image: url('images/editTax.png');
	background-repeat: no-repeat;
	background-size: 14px 14px;
	line-height: 14px;
	vertical-align: middle;
	text-align: center;
	background-position: center;
	cursor: pointer;
}


.discRateOtherRed
{
	color: #FF0404;
}


.discRateOtherGreen
{
	color: #00B050;
}


.discRateOtherOrange
{
	color: #FFC000;
}


.poHeaderForSubTable {
  font-family: Roboto;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #fff;
  padding-left: 10px;
  background-color: #9b9090;   
}
.poHeaderSmall {
  font-family: Roboto;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #fff;
  padding-left: 10px;
  background-color: #9b9090;   
}

.poHeaderBackground {
  background-color: #9b9090;   
}

.poHeaderSmallNoPadding {
  font-family: Roboto;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #fff;  
  background-color: #9b9090;   
}

.poHeaderInsight {
  font-family: Roboto;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 100%;
  letter-spacing: normal;
  color: #403013;
  padding-left: 10px;
  background-color: #ffc34f;   
}

.poHeaderInsightBackground
{
  background-color: #ffc34f; 
}

.poInsightBackground
{
  background-color: #848484;  
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
}

.poHeaderBig {
  font-family: Roboto;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  color: #fff;
  padding-left: 10px;
  background-color: #b57456;
}

.poHeaderBorder {
  border-right: solid 0.5px #fff;
}

.poHeaderBorderPadding {
  border-right: solid 0.5px #fff;
  padding-left: 10px;
}

.poHeaderBorderBottom {
  border-bottom: solid 0.5px #fff;
}


.poLeft {
	height: 30px;
	width: 30px;
	background-image: url('images/poleft.png');
	background-repeat: no-repeat;
	background-size: 30px 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}

.poRight {
	height: 30px;
	width: 30px;
	background-image: url('images/poright.png');
	background-repeat: no-repeat;
	background-size: 30px 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}

.poLeftDisabled {
	height: 30px;
	width: 30px;
	background-image: url('images/poleft.png');
	background-repeat: no-repeat;
	background-size: 30px 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
	cursor: auto;
	opacity: 0.2;
}

.poRightDisabled {
	height: 30px;
	width: 30px;
	background-image: url('images/poright.png');
	background-repeat: no-repeat;
	background-size: 30px 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
	cursor: auto;
	opacity: 0.2;
}
.qtyCopy{
	height: 14px;
	width: 12px;
	background-image: url('images/qtycopy.png');
	background-repeat: no-repeat;
	background-size: 12px 14px;
	line-height: 14px;
	vertical-align: middle;
	text-align: center;
}

.qtyCopyHeader{
	height: 12px;
	width: 12px;
	background-image: url('images/qtycopyHeader.png');
	background-repeat: no-repeat;
	background-size: 12px 12px;
	line-height: 12px;
	vertical-align: middle;
	text-align: center;
}

.qtyCopyText {
  font-family: Roboto;
  font-size: 8px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #bc795a;
}


.cancelOrder{
	height: 24px;
	width: 24px;
	background-image: url('images/cancelOrder.png');
	background-repeat: no-repeat;
	background-size: 24px 24px;
	line-height: 24px;
	vertical-align: middle;
	text-align: center;
	margin-right: 8px; 
}


.approveOrder{
	height: 22px;
	width: 20px;
	background-image: url('images/approveOrder.png');
	background-repeat: no-repeat;
	background-size: 20px 22px;
	line-height: 22px;
	vertical-align: middle;
	text-align: center;
	margin-right: 8px;
}

.backButtonImage{
	height: 22px;
	width: 20px;
	background-image: url('images/backButton.png');
	background-repeat: no-repeat;
	background-size: 20px 22px;
	line-height: 22px;
	vertical-align: middle;
	text-align: center;
	margin-right: 8px;
}

.editOrder{
	height: 22px;
	width: 22px;
	background-image: url('images/editOrder.png');
	background-repeat: no-repeat;
	background-size: 22px 22px;
	line-height: 22px;
	vertical-align: middle;
	text-align: center;
	margin-right: 8px;
}

.editTC{
	height: 12px;
	width: 12px;
	background-image: url('images/editOrder.png');
	background-repeat: no-repeat;
	background-size: 12px 12px;
	line-height: 12px;
	vertical-align: middle;
	text-align: center;	
}

.pdfExport{
	height: 24px;
	width: 24px;
	background-image: url('images/pdfExport.png');
	background-repeat: no-repeat;
	background-size: 24px 24px;
	line-height: 24px;
	vertical-align: middle;
	text-align: center;
	margin-right: 8px;
}



.saveOrder {
	background-image: url(images/saveIcon.png);
	background-repeat: no-repeat;
	background-size: 22px 22px;
	background-position: center;
	height: 22px;
	width: 22px;
	line-height:  22px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
	margin-right: 8px;
}

.cancelSaveOrder {
	background-image: url(images/revertIcon.png);
	background-repeat: no-repeat;
	background-size: 22px 22px;
	background-position: center;
	height: 22px;
	width: 22px;
	line-height:  22px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
	margin-right: 8px;
}
.grossBorder{
	border-top: 1px solid;
	padding-top: 5px;
}

.completePoTileTextBoxSmall
{
  height: 20px;
  width: 70px;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  border: solid 1px #d9d9d9;
  background-color: #fff;
}

.completeTextBoxPlaceHolder
{
  opacity: 0.8;
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
 	color: #1b1b1b;
  padding-left: 5px;
}

.createPOPopupBackground
{
	background-color: #4e4e4e;
	width: 382px;
}

.createPOPopupBorder
{
  border-bottom: solid 1px #333;
}

.createPOPopupClose {
	height: 22px;
	width: 22px;
	background-image: url('images/createOrderPopupClose.png');
	background-repeat: no-repeat;
	background-size: 22px 22px;
	line-height: 22px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}
.createPOPopupCureentOrder
{
	width: 100%;
  	height: 30px;
  	background-color: #ffc34f;
  	padding-left: 8px;
  	padding-right: 8px;
}

.createPOPopupCureentOrderText
{
  font-family: Roboto;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}

.poPopupTitlePanel
{
	height: 24px;
	width: 100%;
	padding-left: 8px;
	padding-right: 8px;
	background-color: #707070;
}

.poPopupTitlePanelBackground
{
	background-color: #707070;
}

.poPopupTitleText
{
  font-family: Roboto;
  font-size: 10px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
.createPOPopupHeader{
  font-family: Roboto;
  font-size: 8px;
  font-weight: bold;
  color: #fff;
}

.createPOPopupValue{
  font-family: Roboto;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}

.createPOPopupLowest
{
	width: 156px;
  	height: 100%;
  	background-color: #131313;
}

.createPOPopupLowestWide
{
	width: 225px;
  	height: 100%;
  	background-color: #131313;
}

.createPOPopupLowestText
{
  font-family: Roboto;
  font-size: 10px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;  
  color: #FFFFFF;
  letter-spacing: 0.48px;
}

.createPOPopupLowestSubText
{
  font-family: Roboto;
  font-size: 9px; 
  font-stretch: normal;
  font-style: normal;
  line-height: normal;  
  color: #FFFFFF;
  letter-spacing: 0.4px;
}

.createPOPopupPanelGreen
{
	background-color: #37A61C;
	height: 18px;
	padding-left: 4px;
	padding-right: 4px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	border-radius: 8px;
	margin-left: 4px;
}

.createPOPopupPanelRed
{
	background-color: #E40606;
	height: 15px;
	padding-left: 4px;
	padding-right: 4px;
	line-height: 15px;
	text-align: center;
	vertical-align: middle;
	border-radius: 6px;
	margin-left: 4px;
}

.popupDropDownPanel
{
  width: 59px;
  height: 18px;
  border: solid 1px #707070;
  border-radius: 3px; 
  cursor: pointer;
  background-color: #858383; 
  font-family: Roboto;
  font-size: 8px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  margin-left: 12px;
}


.popupDropDownText
{
 
  font-family: 'Oxygen', sans-serif;
  font-size: 8px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #ffffff;
}
.showOptions-icon-big {
	height: 8px;
	width: 8px;
	background-image: url('images/createPopupDownWhite.png');
	background-repeat: no-repeat;
	line-height: 8px;	
	cursor: pointer;				
	background-position: center;	
}


.allTaxes {
	height: 18px;
	width: 14px;
	background-image: url('images/alltaxes.png');
	background-repeat: no-repeat;
	background-position: center;
	line-height: 18px;
	background-size:  cover;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;		
}

.poHeader{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;	
}



.poTitleText
{
	color: #7a6600;;
	font-family: Roboto;
	height: 18px;
	font-size: 18px;
	line-height: 18px;
	padding-left: 15px;
	padding-right: 15px;
}


.poTitleTextSmall
{
	color: #7a6600;;
	font-family: Roboto;
	height: 11px;
	font-size: 11px;
	line-height: 11px;
	padding-left: 15px;
	padding-right: 15px;
}

.goodToGo {	
	height: 12px;
	width: 12px;
	background-image: url("images/completed.png");
	background-repeat: no-repeat;
	background-size: 13px 13px;
	background-position: bottom;
	background-color: white;
	border-radius: 100%;
    border-spacing: 0px;
    padding-bottom: 0px;
}