/* Basic Frame - Start */
/* group main layout */
	#loadingBar
	{
		display: none;
		position: absolute;
		left:0;
		top:70px;
		width:100%;
		height: 100%;
		z-index: 9999;
		background-color: white;
	}
	#kplIdTitleDiv
	{
		text-align: center;
		font-size: 20px;
		padding:15 0 15 0;
		margin:20 0 20 0;
		background-color: rgba(245,159,56,1);
		border-radius: 10px;
		color:white;
	}
	#kplFirstRow
	{
		width:100%;
		padding-bottom: 20px;		
	}
	#kplRelatedInfoDiv, #kplGraphDiv
	{
		width:100%;
		height: 450px;
		padding-bottom: 50px;
	}

/* group kplGraphDiv*/
	#barChartDiv
	{
		/*height: 100%;*/
	}
	#barChart, #donutDist
	{
		width:100%;
		height: 350px;
	}


/* group kplDisplayDivTable */
	#kplDisplayDivTable
	{
		padding-left: 20px;
		width:100%;
		margin:0 auto;
		table-layout: fixed;
	}
	#kplDisplayDivTable tr td
	{
		padding:0 0 10 0;
	}
	#kplDisplayDivTable tr td:nth-child(1)
	{
		width:100px;
		
	}
/* group kplSubTitleDiv */
	#kplSubTitleDiv
	{
		font-size: 18px;
		text-align: center;
		padding:10 0 10 0;
		margin:20 0 20 0;
		border-top: 3px solid rgba(245,159,56,0.5);
		border-bottom: 3px solid rgba(245,159,56,0.5);
	}
	#kplSubTitleDiv table 	{width:100%;}
	#kplSubTitleDiv table tr td
	{
		font-size: 18px;
		text-align: center;
	}
	#kplSubTitleDiv table tr td:nth-child(1)	{ width: 10%;}
	#kplSubTitleDiv table tr td:nth-child(2)	{ width: 80%; font-weight: bold;}
	#kplSubTitleDiv table tr td:nth-child(3)	{ width: 10%; height: 25px;}
	#kplSubTitleDiv table tr td:nth-child(3) svg	{ height: 25px; width: 25px;}

#relateInfoTableDiv, #kinaseListTableDiv
{
	margin-bottom: 100px;
	table-layout: fixed;
}
#relateInfoTable tr td
{
	white-space: nowrap;
	overflow: hidden;
}
#kinaseListTableDiv tr td
{
	text-align: center;
}

#relateInfoTable tr td:nth-child(1), #relateInfoTable tr td:nth-child(2), #relateInfoTable tr td:nth-child(3)
{
	cursor: pointer;
}
#kinaseListTable tr td:nth-child(4)
{
	cursor: pointer;
}