#be_material_order_overview{
	display: flex;
	width: 100%;
	justify-content: stretch;
	align-items: stretch;
}

#be_material_order_overview .col{
	display: block;
	width: 100%;
	padding: 20px;
}

#be_material_order_overview .col h2{
	text-align: center;
	font-size: 1.452em;
	margin-bottom: 20px;
	padding-right: 26px;
}

#be_material_order_overview .col p.no-content{
	display: block;
	border-top: 1px solid #eee;
	color:#8e8e8e;
	padding-top: 10px;
	text-align: center;

}
#be_material_order_overview .col:first-child{
	border-right: 1px solid #cacaca;
}

#be_material_order_overview .col:nth-child(2){
	padding-left: 20px;
}
#be_material_order_overview .col ul{
	display: block;
}
#be_material_order_overview .col table,
#be_material_order_overview .col ul{
	width: 100%;
	border: 1px solid #eee;
}

#be_material_order_overview .col table th,
#be_material_order_overview .col table td{
	padding: 5px 10px;
}

#be_material_order_overview .col ul li{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 5px;
}

#be_material_order_overview .col .actions{
	display: flex;
	margin-left: auto;
	justify-content: end;
}

#be_material_order_overview .col .actions button{
	border:none;
	background-color:transparent;
}

#be_material_order_overview .col table thead tr,
#be_material_order_overview .col table tbody tr:nth-child(even),
#be_material_order_overview .col ul li:nth-child(even){
	background-color: #f2f2f2;
}

#be_material_order_overview .col table tbody tr:hover,
#be_material_order_overview .col ul li:hover {
	background-color: #ddd;
}

/* CSS */
/* vv Crucial, this will disable the default styling */
/* #be_material_order_overview .col table meter { -webkit-appearance: none; -moz-appearance: none; appearance:none; }  */

#be_material_order_overview .col table meter::-webkit-meter-bar { /* Color of background  */
    background: #efefef;;
}
/* #be_material_order_overview .col table meter::-webkit-meter-bar { Color of background
    background: #ffb900;
} */
#be_material_order_overview .col table meter::-webkit-meter-optimum-value { /* Color within low-high range */
	background: red;
}
#be_material_order_overview .col table meter::-webkit-meter-suboptimum-value { /* Color outside low-high range */
	background:#ffb900;
}
#be_material_order_overview .col table meter::-webkit-meter-even-less-good-value { /* Color outside low-high range */
	background: green;
}