.contentPanelWrapper {
	width: 100%;
	border: 1px solid rgba(0,0,0, 0.4);
	height:100%;
}

.contentPanelHeader{	
	color: white;
	display: inline-block;
	width: 100%;
	height: 30px;
	display: flex;
}

.contentPanelHeader div{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	vertical-align: top;
}

.contentPanelCollapseBox{
	background: #222222; 
	width: 30px; 
	display: inline-block; 
	text-align: center;
	height: 29px !important;
}

.contentPanelItemTitle{
	margin-left: 10px;
	font-weight: bold;
	font-size: 15px;
}

/* 
	Need to strip borders (or they're visually wrong) on the edges
	div:not([class]) is in there because sometimes asp seems to want to generate extra <div> wrapping content, no idea why (it's happening in employeedetails).
*/
.fixTables > table > tr,
.fixTables > table > tr > th,
.fixTables > div:not([class]) > table > tr > th{
	border-right: 0px;
}

.fixTables > table,
.fixTables > div:not([class]) > table{
	border: 0;
	width: calc(100% + 2px);
}