/* Styles for "Joomla Extensions - Choropleth Map" (/joomla-extensions/choropleth-map), moved out of the page content. Edit here, not in the page. */
.db-c-j84 #page-wrap{
	margin: 50px;
}
.db-c-j84 p{
	margin: 20px 0; 
}
.db-c-j84 table{ 
		width: 100%; 
		border-collapse: collapse; 
	}
.db-c-j84 tr:nth-of-type(odd){ 
		background: #eee; 
	}
.db-c-j84 th{ 
		background: #3399cc; 
		font-size: 2em;
		color: white; 
		font-weight: bold; 
	}
.db-c-j84 td, .db-c-j84 th{ 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: right; 
	}
.db-c-j84 *{ 
	margin: 0; 
	padding: 0; 
	}
@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px){.db-c-j84 table, .db-c-j84 thead, .db-c-j84 tbody, .db-c-j84 th, .db-c-j84 td, .db-c-j84 tr{ 
			display: block; 
		}
.db-c-j84 thead tr{ 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
.db-c-j84 tr{ border: 1px solid #ccc; }
.db-c-j84 td{ 
			
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
.db-c-j84 td:before{ 
			
			position: absolute;
			
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			text-align:left;
		}
.db-c-j84 td:nth-of-type(2):before{ content: "Personal"; font-weight:bold;}
.db-c-j84 td:nth-of-type(3):before{ content: "Standard"; font-weight:bold;}
.db-c-j84 td:nth-of-type(4):before{ content: "Enterprise"; font-weight:bold;}}