/* =========================================================== */
/* ProductListItem(with history and cart) styles */
.productListItem .itemDetail{
	width: 100%;
	margin: auto 0 auto 8px;
}
.productListItem .itemImage{
	padding: 6px;
	text-align: center;
}
.productListItem .itemImage button{
	font-size: small;
}
.productListItem .itemImage .imageBox{
	min-width: 108px;
	min-height: 108px;
	max-width: 108px;
	max-height: 108px;
	border: 2px solid #FF4F50;
}
.productListItem .itemDetail .itemHeader{
	font-size: large;
	padding: 4px;
}
.productListItem .itemDetail .itemUnit{
	display: flex;
}
.productListItem .itemDetail .itemUnit .frozenSelector{
	min-width: 120px;
	font-size: small;
}
.productListItem .itemDetail .inputArea{
	font-size: small;
	text-align: center;
	max-width: 35em;
}
.productListItem .itemDetail .inputArea table td{
	padding: 2px;
}
.productListItem .itemQuantityBox{
    max-width: 108px;
    min-width: 108px;
}
.productListItem .historyQuantityBox{
    max-width: 151px;
    min-width: 151px;
}
.productListItem .itemDetail .inputArea .noteArea{
	width: 100%;
	text-align: left;
	font-size: small;
}
.productListItem .itemDetail .inputArea .quantity{
    max-width: 108px;
    min-width: 108px;
	text-align: right;
}
.productListItem .itemDetail .inputArea button{
	min-width: 142px;
	margin: 6px 4px 0 4px;
}
.productListItem .deleteArea{
	background-color: lightblue;
	min-width: 150px;
}
.productListItem .deleteArea .deleteCheck{
	margin: 15px 0 0;
	font-size: medium;
}
.itemFrozen{

}
.historyNoteArea{
	text-align: left;
	width: 100%;
}
.historyItemQuantity{
	text-align: right;
	min-width: 4em;
}

.selector{
	border: 1px solid #ced4da;
	border-radius: .25rem;
}
.textBox{
	width: 100%;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	font-size: small;
}