.main-body {
	margin-left: 40px;
	margin-right: 40px;
	font-family: 'Roboto', sans-serif;
	color: #282A36;
}

.title-bar {
	background: white;
	box-shadow: 0px 10px 15px 0px rgba(104,109,141,0.1);
	height: 48px;
	width: auto;
}

.info-panel {
	background: #F2F2F3;
	height: auto;
}

.main-grid {
	display: grid;
	grid-template-columns: 5% 90% 5%;
	gap: 0px;
	grid-auto-rows: minmax(100px, auto);
	/*background: yellow;*/
}
.main-grid-left {

}

.main-grid-center {
	
}

.main-grid-right {

}

.center-container {
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	/*bottom: 0;*/
	left: 0;
	box-shadow: 0px 0px 15px 0px rgba(104,109,141,0.1);
	width: min(720px, 90%);
}

.title-grid {
	display: grid;
	grid-template-columns: 50% 50%;
	gap: 0px;
	grid-auto-rows: minmax(100px, auto);
}
.title-grid-left {
	padding: 10px;
	padding-left: 40px;
	/*padding-top: 5px;*/
}
.title-grid-right {
	padding: 10px;
	padding-right: 40px;
	padding-top: 15px;
}

.info {
	z-index: 0;
}

.info-grid {
	display: grid;
	grid-template-columns: 85% 15%;
	gap: 0px;
	grid-auto-rows: minmax(100px, auto);
}

.info-signifier-grid {
	display: grid;
	grid-template-columns: 100%;
	gap: 0px;
	grid-template-rows: 50% 50%;
}

.info-signifier {
	margin-top: 10px;
	position: absolute;
	bottom:0;                         
    right:0; 
}

.content {
	padding: 20px 40px 20px 40px;
	min-height: 400px;
}

.content-body-title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}

.content-title {
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 2px;
}

.content-body {
	font-size: 14px;
	margin-bottom: 20px;
}

.content-footer {
	margin-top: 40px;
	margin-bottom: 40px;
	font-size: 14px;
}

.footer {
	background: #111217;
}

.footer-grid {
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
	gap: 0px;
	grid-auto-rows: minmax(100px, auto);
}

.footer-title {
	font-size: 10px;
	color: white;
	font-weight: bold;
}

.footer-body {
	font-size: 10px;
	color: white;
}

.primary-button {
  	border: #4B6CDC;
  	border-radius: 4px;
  	color: white;
  	padding: 8px 16px;
  	text-align: center;
  	text-decoration: none;
  	display: inline-block;
  	font-size: 14px;
  	font-weight: bold;
  	margin: 4px 2px;
  	cursor: pointer;
  	box-shadow: 0 0 0px #000000;
  	background: #4B6CDC;
}

.primary-button:hover {
  	box-shadow: 0 0 11px rgba(40,78,207,.3);
}

.primary-button:focus {
  	box-shadow: 0 0 11px rgba(40,78,207,.3);
  	border: #1F3DA2;
}

.primary-button:active {
  	box-shadow: 0 0 0px #000000;
  	border: #1F3DA2;
  	background: #1F3DA2;
}

.primary-button img.left-icon {
    width: 12px;
    height: 12px;
	margin-right: 12px;
}

blockquote {
	font-size: 14px;
  	width: auto;
  	font-family: Arial;
  	color: #282A36;
  	margin: 20px 0px 10px 0px;
  	padding: 1.0em 15px 0.85em 15px;
  	border: 1px solid #4B6CDC;
  	/*border-left:5px solid #4B6CDC;*/
  	line-height: 1.3;
  	position: relative;
  	background: #E5EBFF;
  	border-radius: 4px;
  	box-shadow: 0px 0px 15px 0px rgba(104,109,141,0.3);
}

/* default link */
a:link {
  color: #4B6CDC;
  text-decoration: none;
}

/* visited link 
changed to same as default -- as per DSM #680855*/
a {
	letter-spacing: 0;
	line-height: 16px;
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

a:visited {
  	color: #4B6CDC;
}

/* mouse over link */
a:hover {
  	color: #4B6CDC;
  	text-decoration: underline;
}

/* tab focus link */
a:focus {
  	color: #1F3DA2;
  	text-decoration: underline;
}

/* selected link */
a:active {
  	color: #4B6CDC;
}

table {
	/*border: 1px solid #ccc;*/
	/*border-collapse: collapse;*/
	color: #282A36;
	margin-left: 0;
  	padding: 20px 40px 20px 40px;
  	width: 100%;
  	table-layout: fixed;
}

table caption {
  	color: #282A36;
	font-family: Roboto;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 20px;
	text-align: left;
	margin-top: 40px;
	margin-left: 40px;
	/*margin-bottom: 10px;*/
}

table th {
  	padding-top: .625em;
  	text-align: left;
  	font-size: 14px;
  	font-weight: bold;
}

table td {
  	padding-bottom: .5em;
  	text-align: left;
}

table tr {
	font-size: 14px;
}

.content-table {
	padding: 0px;
	border-top: 1px solid #E4E5E6;
	border-collapse: collapse;
	table-layout: fixed;
}

.content-table-th {
	padding: 12px;
	width: 175px;
}

.content-table-tr {
	border-bottom: 1px solid #E4E5E6;
}

.content-table-td {
	vertical-align: center;
	padding: 12px;
	border-left: 1px solid #E4E5E6;
}

.footer-table {
	padding: 5px 40px 5px 40px;
}

@media screen and (max-width: 600px) {
	table {
		/*border: 0;*/
	}

	table caption {
		color: #282A36;
		font-family: Roboto;
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 0;
		line-height: 20px;
		text-align: left;
	}
  
	table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	table tr {
		/*border-bottom: 3px solid #ddd;*/
		display: block;
		margin-bottom: .625em;
		font-size: 14px;
	}
  
	table td {
		/*border-bottom: 1px solid #ddd;*/
		display: block;
		text-align: left;
	}
  
	table td::before {
		/*
		* aria-label has no advantage, it won't be read inside a table
		content: attr(aria-label);
		*/
		content: attr(data-label);
		float: left;
		font-weight: bold;
		margin-right: 12px;
		/*margin-top: 10px;*/
		/*text-transform: uppercase;*/
	}
  
	table td:last-child {
	    border-bottom: 0;
	}

	.footer-table {
		padding: 10px 40px 10px 40px;
	}

	.footer-title {
		font-size: 10px;
		color: white;
		font-weight: bold;
	}

	.footer-body {
		font-size: 10px;
		color: white;
		text-align: right;
	}

	.content-table {
		padding: 0px;
		border-top: 1px solid #E4E5E6;
		border-collapse: collapse;
		table-layout: fixed;
	}

	.content-table-th {
		padding: 12px;
		width: 175px;
	}

	.content-table-tr {
		/*border-bottom: 1px solid #E4E5E6;*/
	}

	.content-table-td {
		vertical-align: center;
		padding: 0px 12px 20px 12px;
		border-left: 0px solid #E4E5E6;
		text-align: left;
	}
}