/* Wrapper: */

div.hdv_PriceRow
{
}
div.hdv_PriceRow.hdv_isSubTotal
{
	font-weight: bold;
}


/* Row layout: */

div.hdv_PriceRow>div.hdv_label,
div.hdv_PriceRow>div.hdv_priceElems>div.hdv_label
{
	float: left;
	width: 80%;
	box-sizing: border-box;
	padding-right: 10px;
}

div.hdv_PriceRow>div.hdv_price,
div.hdv_PriceRow>div.hdv_priceElems>div.hdv_priceElem
{
	float: right;
	width: 20%;
	box-sizing: border-box;
	text-align: right;
}
@media only screen and ( max-width: 1140px )
{
	div.hdv_PriceRow>div.hdv_label,
	div.hdv_PriceRow>div.hdv_priceElems>div.hdv_label
	{
		width: 70%;
	}
	div.hdv_PriceRow>div.hdv_price,
	div.hdv_PriceRow>div.hdv_priceElems>div.hdv_priceElem
	{
		width: 30%;
	}
}


/* Label <div>: */

div.hdv_PriceRow>div.hdv_label
{
	position: relative; /* For popup <div> with 'position: absolute'. */
}

div.hdv_PriceRow>div.hdv_label>a.hdv_info
{
	margin-left: 10px;
	display: inline-block;
	height: 1em;
	width: 1em;
	background-image: url( ../../images/info.png );
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	vertical-align: baseline;
}

div.hdv_PriceRow>div.hdv_label>div.hdv_infoPopup
{
	position: absolute;
	z-index: 1; /* To be on top of next html elements. */
	left: 10px;
	right: 10px;
	top: calc( 100% + 5px );
	padding: 10px;
	background: #cb731c;
	color: white;
	font-weight: normal; /* Undo bold for ancestor div.hdv_priceRow. */
	box-shadow: 0 0 10px #dddddd;
	display: none;
}
div.hdv_PriceRow>div.hdv_label>div.hdv_infoPopup.hdv_openOnHover,
div.hdv_PriceRow>div.hdv_label>div.hdv_infoPopup.hdv_openOnClick
{
	display: block;
}


/* Price <div>: */

div.hdv_PriceRow>div.hdv_price
{
}

div.hdv_PriceRow.hdv_isSumOfTheAbove>div.hdv_price
{
	border-top: 1px solid black;
}