/*********************************************************************/
/*			RESPONSIVE DIV BASED TABLES								 */
/*********************************************************************/

.div-table {
	display: table;
	width: 100%;
	border: 1px solid #eee; 
	border-top:1px dotted #eee;
	border-spacing: 0;	
	background: #ffffff;
	font-size: 14px;
	font-family: "Expert Sans Regular", "Trebuchet MS", Arial, Verdana,
		sans-serif;
	margin-top: 0px !important;	
}

.div-table-row , .div-table-row-noChild{
	vertical-align: top;
	display: table-row;
	width: 100%;
	cursor: pointer;	
}

.div-table-row-header {
	vertical-align: top;
	display: table-row;
	width: 100%;
}

.div-table-row:hover , .div-table-row:active, .div-table-row-noChild:hover, .div-table-row-noChild:active {
	background-color: #ecf7fc !important;
}

.highlightColor {	
	background-color: #ecf7fc !important;
}
.divRowBackground1 {
	background: #ffffff;
}

.divRowBackground2 {
	background: #f8f8f8;
}
.div-table-col {
	float: left;
	display: table-column;
	padding:17px;
	width: 18%;
	padding-left: 20px;
	line-height: 1;
	word-wrap: normal;
}

.expandableDiv {
	background-color: #ecf7fc !important;
	display: table-column;
  	width: 100%;
  	float: left;
}
.expandableDiv > .wrapper {
	display:inline-block;
	padding:0px 17px;
  	border-top: 1px solid #dee7ec;
	width:100%;
	min-height: 80px;
}

.expandableDiv > .wrapper > .actionButtons {
	width:100%;
	text-align: right;
}

.div-table-col-header {
	float: left;
	padding: 10px 15px;
	text-transform: uppercase;
	font-size: 1.4rem;
	font-size: 14px;
	
	vertical-align: top;
	width: 18%;
	color: #00395d;
  	text-transform: none !important;
}
.headerBottomBorder {
	background: #ffffff;
	border-bottom: 2px solid #00395d;	
	display: inherit;
}

@media screen and (max-width: 660px) {
	.div-table-col-header {
		width: 33.33%;
	}
	.div-table-col {
		width: 33.33%;
	}
	.header{
		display: flex;
	   	-webkit-flex-wrap: wrap;
	  	flex-wrap: wrap;	
	}
}