/* =========================================================== */
/* ProductListItem(with history and cart) styles */
:root{
    --product_img_width: 84px;
    --product_img_height: 84px;
    --product_img_box_width: 88px;
    --product_img_box_height: 88px;
}
.showTypeChangeButton{
    background-color: white;
    border: solid gray 1px;
    border-radius: .25rem;
    padding-bottom: 0.2em;
}
.productListItemImg .itemDetail{
	width: 100%;
	margin: auto 0 auto 8px;
}
.productListItemImg .itemImage{
	padding: 6px;
	text-align: center;
}
.productListItemImg .itemImage button{
	font-size: small;
}
.productListItemImg .itemImage .imageBox{
	min-width: var(--product_img_box_width);
	min-height: var(--product_img_box_height);
	max-width: var(--product_img_box_width);
	max-height: var(--product_img_box_height);
	border: 2px solid #FF4F50;
}
.productListItemImg .itemImage .imageBox img{
    min-width: var(--product_img_width);
	min-height: var(--product_img_height);
	max-width: var(--product_img_width);
	max-height: var(--product_img_height);
}
.productListItemImg .itemDetail .itemHeader{
	font-size: large;
	padding: 4px;
	margin: 6px 0 0 0;
}
.productListItemImg .itemDetail .itemUnit{
	display: flex;
}
.productListItemImg .itemDetail .itemUnit .frozenSelector{
	min-width: 120px;
	font-size: small;
}
.productListItemImg .itemDetail .inputArea{
	font-size: small;
	max-width: 35em;
}
.productListItemImg .itemDetail .inputArea button{
	min-width: 142px;
	margin: 6px 4px 0 4px;
}
/*==========================================================*/
/*No show image product list item*/
.productListItemSmall .itemIcon{
    padding: 1em 0.5em 0 0;
}
.productListItemSmall .itemDetail{
	width: 100%;
}
.productListItemSmall .itemDetail .itemHeader{
	font-size: large;
	padding: 4px;
	margin: 6px 0 0 0;
}
.productListItemSmall .itemDetail .inputArea button{
	min-width: 142px;
	margin: 6px 4px 0 4px;
}
.productListItemSmall .inputArea{
	font-size: small;
    max-width: 35em;
    margin: auto 0.25em auto auto;
}