#OM_main {
	overflow: auto;
}
.metrics_tabsBox {
	width: 100%;
	min-width: 800px;
}
.OM_tabs {
	width:100%;
	margin: 0;
	padding:0;
	list-style: none;
}
.OM_tabs .btn {
	color: #565656;
	text-align: center;
	list-style: none;
	background-color: #E7EAF1;
	margin: 0px 3px 0px 0px;
	padding: 0.5rem 1.25rem;
	cursor: pointer;
	border: none;
	min-width: 8rem;
}

.OM_tabs > button.on,
.OM_tabs .btn.on {
	color:#010103;
	background-color:#CFD2D7;
}

.metrics_tabsBox .tabcontent {
	width:100%;
	background-color:#CFD2D7;
}
.metrics_tabsBox .tabcontent table {
	width:100%;
	background-color:#FFFFFF;
}
.metrics_tabsBox .tabcontent table.customTbl {
    border-collapse: separate;
}
.metrics_tabsBox .tabcontent table.customTbl th, 
.metrics_tabsBox .tabcontent table.customTbl td {
    border-bottom: 1px solid white;
	border-left: 1px solid white;
	padding: 0.5rem 1.25rem;
	font-weight: 400;
	text-align: left;
	line-height: 1.2;
}
.metrics_tabsBox .tabcontent table.customTbl tr.hdr1 th,
.metrics_tabsBox .tabcontent table.customTbl tr.hdr1 th a:link,
.metrics_tabsBox .tabcontent table.customTbl tr.hdr1 th a:visited,
.metrics_tabsBox .tabcontent table.customTbl tr.hdr1 th a:hover {
	background-color:#DCD39A;
	color:#7E6F1C;
}
.metrics_tabsBox .tabcontent table.customTbl tr.hdr2 th,
.metrics_tabsBox .tabcontent table.customTbl tr.hdr2 th a:link,
.metrics_tabsBox .tabcontent table.customTbl tr.hdr2 th a:visited,
.metrics_tabsBox .tabcontent table.customTbl tr.hdr2 th a:hover {
	background-color:#406184;
	color:#FDFFFE;
}
.metrics_tabsBox .tabcontent table.customTbl tr.ftr td,
.metrics_tabsBox .tabcontent table.customTbl tr.ftr td a:link,
.metrics_tabsBox .tabcontent table.customTbl tr.ftr td a:visited,
.metrics_tabsBox .tabcontent table.customTbl tr.ftr td a:hover {
	background-color:#CFD2D7;
	font-weight: bold;
}
.metrics_tabsBox .tabcontent table.customTbl tr.ftr2 td,
.metrics_tabsBox .tabcontent table.customTbl tr.ftr2 td a:link,
.metrics_tabsBox .tabcontent table.customTbl tr.ftr2 td a:visited,
.metrics_tabsBox .tabcontent table.customTbl tr.ftr2 td a:hover {
	background-color:#CFD2D7;
	font-weight: bold;
	border: 2px solid #666666;
}
.metrics_tabsBox .tabcontent table.customTbl td,
.metrics_tabsBox .tabcontent table.customTbl td a:link,
.metrics_tabsBox .tabcontent table.customTbl td a:visited,
.metrics_tabsBox .tabcontent table.customTbl td a:hover {
	color:#294B6E;
}
.metrics_tabsBox .tabcontent table.customTbl tr.odd td {
	background-color:#D7ECFF;
}
.metrics_tabsBox .tabcontent table.customTbl tr.even td {
	background-color:#F0F9FE;
}

/** Firefox: Needs height: 100% in tr, th, and div
	to get border to stretch to 100% container height **/
.firefox .metrics_tabsBox .tabcontent table.customTbl tr.hdr2,
.firefox .metrics_tabsBox .tabcontent table.customTbl th.first {
	height: 100%;
}

@media (min-width: 576px) {
	.metrics_tabsBox .tabcontent table.customTbl th.first,
	.metrics_tabsBox .tabcontent table.customTbl td.first {
		border-left: 0px;
		position: sticky;
		left: 0;
		z-index: 2;
		padding: 0;
	}
	.metrics_tabsBox .tabcontent table.customTbl th.first .first__br,
	.metrics_tabsBox .tabcontent table.customTbl td.first .first__br {
		border-right: 1px solid #fff;
		padding: 0.5rem 1.25rem;
		height: 100%;
	}
	.metrics_tabsBox .tabcontent table.customTbl tr.hdr1 th.first .first__br {
		position: sticky;
		left: 0;
		border-right: unset;
		display: inline-block;
	}
	.metrics_tabsBox .tabcontent table.customTbl th.first ~ th:nth-of-type(2),
	.metrics_tabsBox .tabcontent table.customTbl td.first ~ td:nth-of-type(2) {
		border-left: unset !important;
	}
}