.flexbox {
	width: 100%;
	height: auto;
	margin: auto;
	padding: 0px;
}

.bannerbox {
	width: 80%;
	height: auto;
	margin: 3% auto;
	padding: auto;
}

.framebox {
	width: 85%;
	height: auto;
	padding: 0%;
	margin: auto;
}

.headerbox {
	width: 34%;
	height: auto;
	padding: 2%;
	margin: 0px;
}

.contentbox {
	width: 60%;
	height: 100%;
	margin: 11% 0% 0% 0%;
}

.nospacing {
	margin: 0px;
	padding: 0px;
}

.topspace {
	float: left;
	margin-top: 2%;
}

.leftbox {
	float: left;
	text-align: right;
}

.rightbox {
	float: right;
	text-align: left;
}

.report {
	margin: auto;
	padding: auto;
}

.frameboxreport {
	width: 100%;
	height: auto;
	background-color: #EEEEEE;
	float: left;
	padding: 0%;
}

.frameboxreport:hover {
	background-color: #009AED;
}

.headerboxreport {
	width: 24%;
	height: auto;
	padding: 2%;
	margin: 0px;
}

.contentboxreport {
	width: 68%;
	height: auto;
	padding: 0% 2%;
	margin: 0px;
	background-color: #FFFFFF;
}

.nospacing {
	margin: 0px;
	padding: 0px;
}

.topspace {
	float: left;
	margin-top: 7%;
}

.leftbox {
	float: left;
	text-align: right;
}

.rightbox {
	float: right;
	text-align: left;
}

.nodecoration {
	text-decoration: none;
	color: #000;
}

.container-iframe {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.responsive-previewimg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}