/* *********** Dropdown Table START*********************************************************************************/


body .ddTableContainer ul, body .ddTableContainer li {padding:0; margin:0; list-style-type:none; }


a.ddTableMenuBtn {
	display:block;
	background-color:#aaa;
	padding:14px;
	font-weight:bold;
	position:relative;
	color:#fff;
}

.ddTableMenuBtn:after{
	content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAjElEQVQ4T+2T0Q2AMAgF39vAERzBERzBUR3FERzBDTA1jcFIS9v0T/tJ4ErgIDo/dubhq0ARGQCMJLeWmYrIBOAguV8zjIEVwFILVbXzDWyFWo08tlzTaSr3pU0JNJdjepgr8D5Mim0VerCwi+ylaEDUyTXBPT0FDUxXKxeolEKJo0XAmuv5gTXTsnNPEtxUFcbIND4AAAAASUVORK5CYII=);
	position:absolute;
	top: 34%;
    right: 15px;
	transform-origin:center center;
	background-size:contain;
	width:20px;
	height:20px;
	transition-property:transform;
	transition-duration: 0.8s;
	
}

.ddTableMenuBtn.active:after{
	transform: rotate(180deg);
}

.ddTableMenuList ul li{
	display:block;
	background-color:#eee;
	font-weight:bold;
}


.ddTableMenuList ul li a{ padding:14px; display:block; color:#444;}
.ddTableMenuList ul li a:hover{ background-color:#fff; color:#000;}

/* *********** Dropdown Table END **********************************************************************************/













/* *********** twoCol Table for Mobile View START*******************************************************************/
/* Force table to not be like tables anymore */


table.twoMobTable {
	float:left;
	}
table.twoMobTable, 
.twoMobTable th, 
	.twoMobTable tbody, 
	.twoMobTable td, 
	.twoMobTable tr { 
	display: block;
	width:auto !important;
	height:auto !important;
	}
	.twoMobTable tr td{width:100% !important;}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.twoMobTable tr th { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.twoMobTable tr { /*border: 1px solid #ccc;*/ }
	.twoMobTable tr td:first-child { font-weight:bold; }
 
	.twoMobTable td { 
	/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		float:left;
		width:100%;
		white-space: normal;
	}


	.twoMobTable .rightTD, .twoMobTable .leftTH { 
		float:left;
		margin-bottom:1px;
		text-align:left;
	}
	.twoMobTable .rightTD img, .twoMobTable .leftTH img { 
		margin:0;
	}
	.twoMobTable .leftTH { 
		width:40%;
		font-weight:bold;
		padding-right:5px;
	}
	.twoMobTable .rightTD { 
		width:60%;
		padding-left:5px;
	}
 
	.twoMobTable td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}

/* *********** twoCol Table for Mobile View END **********************************************************************/