.example .inner-example {
  background-color: green; }

#articleModal .modal-header {
	display: block; /* Overrides flex setting in Bootstrap default */
}

.loading-spin {
	-webkit-animation: a 2.5s infinite cubic-bezier(0.77, 0, 0.175, 1); 
	animation: a 2.5s infinite cubic-bezier(0.77, 0, 0.175, 1); 
}

.demographic-chart-label {
	max-height: 2.3rem;
	overflow-y: hidden;
}

.other-metric-box {
	max-width: none;
}

ul.list-group.border-0 {
	box-shadow: none;
}

.progress.progress-transparent {
	background-color: #FFFFFF;
	box-shadow: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

/* Wider container for XXL screen sizes not defined by bootstrap */
@media (min-width: 1600px) {
	.container {
			max-width: 1400px;
	}
}

/* Loading states for dashboards */
.text-redacted {
	color: #d3d3d3 !important;
	background-color: #d3d3d3 !important;
}

.bar {
  background-color: #868e96; /* $gray */
}
.other-metric-box .bar {
  background-color: #F7F7F7; /* $light */
}

/* -------------------------------------------- */
/* "Loading" overlay when priority tabs are clicked */
/* -------------------------------------------- */

.priority-loading-overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #FFF;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 2;
	}
.priority-loading-spinner {
    position: absolute;
    top: 33%;
    left: 50%;
    margin: -28px 0 0 -25px;
		text-align: center;
	}


/* Line chart legend */

.chart-help-icon {
	position: absolute;
	right: 5px;
	background-color: rgba(255, 255, 255, .7);
}

.chart-legend-label {
	line-height: 0.85em;
}

.chart-legend-dashed {
  background-image: linear-gradient(to right, #999999 50%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 5px 2px;
  background-repeat: repeat-x;
  background-color: transparent;
}

.chart-legend-dotted {
  background-image: linear-gradient(to right, #7dacbe 66%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 10px 2px;
  background-repeat: repeat-x;
  background-color: transparent;
}

.chart-legend-solid {
  background-image: linear-gradient(to right, #1fa7d5 100%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 10px 3px;
  background-repeat: repeat-x;
  background-color: #bfdae5;
}

/* Loading animation in nav */

.loading-hide {
	display: none;
}
.loading-element {
	width: 100%;
	height: 5px;
	position: fixed;
	top: 50px;
	left: 0px;
}
.loading-animator {
	position: absolute;
	height: 5px;
	background-color: #fa851f;
}
.loading-animator.loading {
	animation-name: loading;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-out;
}

@keyframes loading {
	0% {left: 0%; width: 0%; }
	50% {left: 30%; width: 50%; }
	100% {left: 100%; width: 30%; }
}

/* --------------- */
/* Content tagging */
/* --------------- */

#tagging_table_filter {
	margin: 50px auto 20px;
	width: 500px;
	max-width: 100%;
	float: none;
	text-align: center;	
	}
#tagging_table_filter label {
	width: 100%;
	}
#tagging_table_filter input {
	width: 80%;
	}
#articlelist label {
	text-align: center;
	}
table#tagging_table {
	word-wrap:break-word;
	}
table#tagging_table td {
	vertical-align: middle;
	max-width: 250px !important;
	}

#articlelist a, #articlelist a:visited, #articlelist a:active {
	color: #FFF;
	}
.table-bordered td.primary-metric, .table-bordered th.primary-metric {
	border-left: 1px solid #999;
	}

/* Custom background color for autotagged rows */
.table>tbody>tr.autotagged>td, .table>tbody>tr.autotagged>th, .table>tbody>tr>td.autotagged, .table>tbody>tr>th.autotagged, .table>tfoot>tr.autotagged>td, .table>tfoot>tr.autotagged>th, .table>tfoot>tr>td.autotagged, .table>tfoot>tr>th.autotagged, .table>thead>tr.autotagged>td, .table>thead>tr.autotagged>th, .table>thead>tr>td.autotagged, .table>thead>tr>th.autotagged {
    background-color: #F1F8EF;
}
.table-hover>tbody>tr.autotagged:hover>td, .table-hover>tbody>tr.autotagged:hover>th, .table-hover>tbody>tr:hover>.autotagged, .table-hover>tbody>tr>td.autotagged:hover, .table-hover>tbody>tr>th.autotagged:hover {
	background-color:#E9F4E4;
}


#articleModal {
	top: 2%;
	}
#articleModal .panel-body, #articleModal .panel-heading {
	padding: 5px;
	}

.solo-selection {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dashed #D3D3D3;
	}


/* ----------------- */
/* Site logo and nav */
/* ----------------- */

.navbar-brand {
	margin-top: -4px; /* offset to match the 4px border-bottom on other nav links */
	}

.navbar-brand img {
    max-width: 190px;
    max-height: 39px;
    width: auto;
    height: auto;
	}

.logo-modifier-text {
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 15px;
}

.dropdown-menu h5 {
	text-transform: uppercase;
	padding-left: 5px;
	font-size: 0.9em;
	color: #999;
	font-weight: bold;
	}

.dropdown-help-text {
	color: #868e96; /* text-muted */
	font-size: 80%;
	display: block;
}

/* ----------------------- */
/* Google categories sidebar */
/* ----------------------- */

.categories-sidebar .nav>li>a {
	display: block;
	padding: 2px 20px;
	font-size: 13px;
	font-weight: 500;
	color: #767676;
}
.categories-sidebar .nav>.active>a {
	padding-left: 18px;
	font-weight: 700;
	color: #ff7d00;
	background-color: transparent;
	border-left: 2px solid #ff7d00;
}

.categories-list .checkbox.section-level-1 {
	margin-top: 3em;
}
.categories-list .checkbox.section-level-2 {
	margin-top: 2em;
}

.categories-list .checkbox {
	border: 1px solid #d3d3d3;
	border-radius: 5px;
	display: block;
	min-width: 300px;
}
.categories-list .checkbox label {
	padding: 10px;
	display: block;			
}

.categories-list .checkbox.used {
	background-color: #fcf8e3;				
}
.categories-list .checkbox.selected {
	background-color: #dff0d8;
}
.categories-list .checkbox.used.selected {
	border: 2px solid #EDA79A;
}
			
.categories-list .checkbox input {
	display: none;
}

.categories-list .select-all {
	display: none;
}
.categories-list .checkbox:hover .select-all {
	display: inline; 
}



/* ----------------------- */
/* General utility classes */
/* ----------------------- */

.clear {
	clear:both;
	height:0px;
	}
a.no-color {
	color: #333 !important;
	text-decoration: none !important;
	}

/* ----------------------------------- */
/* Basic scaffolding and global styles */
/* ----------------------------------- */

h4 .label {
	vertical-align: middle;
	}

.lcontent {
	width: 600px;
	height:600px;
	padding:10px;
	}

/* Overrides JqueryUI css rule */
input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input {
	font-size: inherit;
}

/* Keep above */


/*
.modal-body {
	height:auto !important;
	max-height: 580px;
	overflow-y: scroll !important;
	}

.modal-body input[type="text"] {
	width: 98%;
	cursor: text;
	background-color: #FFF;
	}

.modal-body .btn {
	margin-left: 0px;
	margin-right: .3em;
	}
*/

.info-message {
	margin: 20px auto; 
	max-width: 600px;
	color: #555;
	}
.info-message li {
	line-height: 20px;
	}

.introjs-tooltip li {
	line-height: 1.3em;
	margin-bottom: 1em;
	}

i.circle-icon {
	background-color: #333;
	border-radius: 50%;
	color: #fff;
	font-size: 0.6em;
	padding: 0.4em;
	vertical-align: middle;
	}


a.chevron-collapse .fa-chevron-right {
	display: none;
	}
a.chevron-collapse .fa-chevron-down {
	display: inline-block;
	}
a.chevron-collapse.collapsed .fa-chevron-right {
	display: inline-block;
	}
a.chevron-collapse.collapsed .fa-chevron-down {
	display: none;
	}

.btn.btn-wrap {
	white-space: normal;
}

/* ------------------ */
/* Sticky report meta */
/* ------------------ */

#sticky {
}
#sticky.stick {
    position: fixed;
    top: 50px;
    left: 0px;
    z-index: 1000;
    background-color: #fff;
    border-bottom: 1px solid #333;
    width: 100%;
    padding: 12px 0px 3px 0px;
    text-align: left;
}
#sticky.stick #sticky_wrapper {
	text-align: center;
}
#sticky.stick p {
	display: inline-block;
	margin-right: 20px;
}
#sticky.stick .progress {
	height: 10px;
}
#sticky.stick .sticky-hide {
	display: none;
}
@media (max-width: 980px) {
	#sticky.stick {
		top: 0px;
	}
}
@media (max-width: 768px) {
	#sticky.stick {
		display: none;
	}
}



/* ------------------ */
/* Author page styles */
/* ------------------ */

#author_type_headings {
	display: block;
}
.author-type-column {
	border-left: 1px dashed #999;
	max-width: none;
}
.author-type-column:nth-of-type(1) {
	border-left: none;
}
.author-type-heading {
	text-align: center;
}
.author-container {
	padding: 30px;
}
.author-widget {
	margin-bottom: 5px;
	display: block;
	width: 100%;
	border: 1px solid #d3d3d3;
	border-radius: 4px;
	background-color: #FFFAF6;
}
.author-widget:hover {
	background-color: #FFF6ED;
}
.author-widget a {
	display: block;
	padding: 7px 10px;
	color: #666;
}

#unknown_authors_wrapper {
	margin-top: 2em;
}
table#unknown_authors {
	font-size: 14px;
	table-layout:fixed;
	background-color:white;
	word-wrap:break-word;
	}
table#unknown_authors td {
	vertical-align: middle;
	}
table#unknown_authors tr.odd {
	background-color: inherit;
	}
table#unknown_authors tr.odd td.sorting_1, table#tagging_table tr.even td.sorting_1 {
	background-color: inherit;
	}
#unknown_authors a, #unknown_authors a:visited, #unknown_authors a:active {
	color: #FFF;
	}


/* -------------- */
/* Custom Reports */
/* -------------- */

a#report_settings_toggle {
	width: 450px; 
	max-width: 100%;
	white-space: normal;
	display: block; 
	margin: -2px auto; 
	border-top-left-radius: 0; 
	border-top-right-radius: 0;
	}
.report-section-header-row {
	border-top: 1px solid #d3d3d3;
}
.report-section-header-wrapper {
	padding-top: 1em;
	padding-bottom: 1em;
}
.report-section-header {
	text-align: center;
	clear: left;
}
.report-section-header small {
	line-height: 1.2em;
	margin: 0.2em 0 1em;
	display: inline-block;
}
div.report-title-wrapper {
	text-align: center;
	max-width: 750px;
	margin: 0px auto;
	}
div.report-title-wrapper.fixed {
	position: fixed;
	top: 40px;
	left: 0px;
	background-color: #FFF;
	right: 0px;
	margin: 0;
	max-width: none;
	z-index: 1;
	border-bottom: 1px solid #D3D3D3;
	}
div.report-title-wrapper.fixed h2 {
	font-size: 18px;
	line-height: 2em;
	margin-top: 0px;
	margin-bottom: 0px;
	}
div.report-title-wrapper.fixed p {
	display: none;
	font-size: 12px;
	margin-bottom: 0px;
	}
div.report-title-wrapper.fixed p:nth-of-type(2):before {
	content: "|";
	margin-left: 10px;
	margin-right: 10px;
	}

.data-container .progress {
	margin: 5px auto;
	width: 300px;
	max-width: 100%;
	height: 16px;
}

/* .dataTable a, .dataTable a:visited, .dataTable a:active {
	color: #4D62B8;
	} */

.dataTable {
	font-size: 16px;
	}

.row.report-buttons {
	margin-top: 30px;
	}
.anchor, a[name] {
	padding-top: 40px;
	margin-top: -40px;
	display: inline-block;
	}
.modal h4, #reportquery h4 {
	padding-top: 0;
	}

img.shareicon {
	height: 1.3em;
	padding-left: 0.1em;
	padding-bottom: 0.1em;
	}
h4 a.btn, h3 a.btn, h2 a.btn {
    opacity: 0.66;
    filter: alpha(opacity=66);
	}
h4 a.btn:hover, h4 a.btn:active, h3 a.btn:hover, h3 a.btn:active, h2 a.btn:hover, h2 a.btn:active {
    opacity: 1;
    filter: alpha(opacity=100);
	}

.slide-panel {
	width: 100%;
	max-width:450px;
	height:550px;
	max-height: 100%;
	background:#FFF;
	position:fixed!important;
	right:-491px;
	top: 150px;
	z-index: 1!important;
	padding: 0px 20px 20px 20px;
	border: 1px solid #aaa;

	}
.slider-arrow {
	padding:15px;
	width:10px;
	background:#FFF;
	font:400 12px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	position:fixed!important;
	z-index: 1!important;	
	right:-1px;
	top: 150px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	}
.recent-queries {
	width: 360px;
	max-width: 100%;
	margin: 0px auto;
	text-align: left;
	margin-top: 50px;
	}
.recent-queries h4 {
	padding-left: 12px;
	padding-top: 10px;
	}
.recent-queries li > a:hover {
	background-color: transparent;
	}

.metric-row {
	border: 1px solid #999;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 5px; 
	/* Firefox 1-3.6 */
	-moz-border-radius: 5px; 
	border-radius: 5px;
	padding-top: 11px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	}

.metric-row-total {
	background-color: #fafafa;
	}
.metric-row-mobile {
	background-color: #E8E2F7;
	}
.metric-row-tablet {
	background-color: #DEF1F5;
	}
.metric-row-local {
	background-color: #FFFBE7;
	}
.metric-row-social {
	background-color: #FFF3E7;
	}
.metric-row-advanced {
	background-color: #E3E7F4;
	}

.metric-label {
	display: inline-block;
	margin-right: 1em;
	margin-left: 1em;
	}

/* Report table formatting */

div.table-message {
	font-size: 1.1em;
	margin-bottom: 30px;
	}
div.table-message p {
	line-height: 1.3em;
	}

.table.metric-table>tbody>tr>td {
	padding: 5px;
	}
.table.metric-table>tbody>tr>td span{
	font-size: 16px;
	}
.dataTable tr.tag-row td i {
	font-size: 0.8em;
	font-weight: normal;
	color: #666;
	padding-left: 2px;
	}


div.chart-bar {
	height: 22px;
	display: inline-block;
	margin: 0 5px 0px 0px;
	padding: 0 3px 0px 3px;
	width: auto;
	text-align: right;
	color: #F5F5F5;
	font-weight: 300;
	}

tr.tag-row div.chart-bar-active {
	background-color: #666CB6;
	/* min-width is set programmatically in the code */
	}
tr.tag-row div.chart-bar-inactive {
	background-color: #8F94D3;
	}
tr.tag-row div.chart-bar-compare.chart-bar-active {
	background-color: #578BA9;
	}
tr.tag-row div.chart-bar-compare.chart-bar-inactive {
	background-color: #83B0CB;
	}

tr.tag-row.untagged-row div.chart-bar-active {
	background-color: #999;
	}
tr.tag-row.untagged-row div.chart-bar-inactive {
	background-color: #D3D3D3;
	}
tr.tag-row.untagged-row div.chart-bar-compare.chart-bar-active {
	background-color: #999;
	}
tr.tag-row.untagged-row div.chart-bar-compare.chart-bar-inactive {
	background-color: #D3D3D3;
	}

tr.total-row div.chart-bar-active {
	background-color: #666;
	}
tr.total-row div.chart-bar-inactive {
	background-color: #999;
	}
tr.total-row div.chart-bar-compare.chart-bar-active {
	background-color: #666;
	}
tr.total-row div.chart-bar-compare.chart-bar-inactive {
	background-color: #999;
	}

.chart-column-logo {
	text-align: center;
    display: block;
    margin-top: 0.5em;
    color: #666;
	}





/* ---------------------------- */
/* Select2 style customizations */
/* ---------------------------- */

.select2-container .select2-choice {
	/* height: 500px; */
	}
.select2-results {
	max-height: 450px;
	}
.select2-container .select2-search-field,
.select2-container .select2-input {
  width: 100% !important;
	}




/* Practice-tagging page */
#tagging_results {
	margin-top: 20px;
	}

#tagging_results thead th {
	text-align: left;
	}

#tagging_results thead th i {
	display: block;
	text-align: center;
	}
		
.practice-tagging-title-wrapper li {
	line-height: 1.3em;
	margin-bottom: 1em;
	}

.practice-tagging-article-wrapper {
	margin: 50px auto 30px;
	border: 1px solid #d9d9d9;
	}

.practice-tagging-article-wrapper h3, .practice-tagging-article-wrapper p {
	max-width: 75%;
	margin: 10px auto;
	line-height: 1.3em;
	}

.practice-tagging-article-wrapper .btn-group {
	padding: 12px 20%;
	display: block;
	}

/* ------------------ */
/* Indexes setup page */
/* ------------------ */

.panel-dotted {
	border-color: #ddd;
	border-style: dashed;
}

.index-breakdown {
	margin-bottom: 3px;
}

input.index-custom-name {
	font-size: 1em;
	text-align: right;
	border: 0px;
	width: 55%;
	min-width: 270px;
}

.breakdown-bar {
	height: 16px;
	font-size: 10px;
	min-width: 20px;
	padding-right: 2px;
	color: #FFF;
	text-align: right;
}

.breakdown-bar-all {
	background-color: #F28217;		
}
.breakdown-bar-local {
	background-color: #C21276;		
}
.breakdown-bar-loyal {
	background-color: #87139F;	
}
.breakdown-bar-mobile {
	background-color: #262CA8;		
}
.breakdown-bar-tablet {
	background-color: #51AC05;		
}

.breakdown-bar-reach {
	background-color: #F25817;		
}
.breakdown-bar-time {
	background-color: #0E938E;		
}
.breakdown-bar-social {
	background-color: #223CA5;		
}

.breakdown-bar-other {
	background-color: #999;		
}

/* ---------------------- */
/* Autotagging setup page */
/* ---------------------- */

.model-score {
	text-align: center;
	font-size: 1.3em;
	line-height: 1.1em;
}
.model-score-number {
	
}
.model-score-label {
	color: #999;
	margin-top: 0.5em; 
	display: block;
	font-size: 0.6em;
}

#article_list h4 {
	min-height: 4.4em;
	max-height: 4.4em;
	overflow-y: hidden;
}

@media (max-width: 991px) {
	#model_info {
		position: relative !important;
		width: 100% !important;
	}
}

/* User settings page */
#property_permissions_table, #organization_permissions_table {
	min-width: 690px;
}

#property_permissions_table .form-control-sm, #organization_permissions_table .form-control-sm {
	height: calc(3rem + 2px);
    padding: 5px!important;
    white-space: normal;		
}

/* ----------------------------- */
/* Resource cards */
/* ----------------------------- */

/* Overrides default blue background hover for the dropdown menu under the question-mark icon on resource cards. Replaces with very light off-white for subtle contrast with gray or red text */
.resource-card-body .dropdown-menu.show .dropdown-item:hover {
	background-color: #f7f7f7;
}

/* Positions the dropdown menu under the question-mark icon on resource cards. Position is moved leftward to it stays on wholly within the card boundaries and not in the right margin */
.resource-card-body .dropdown-menu.show {
	transform: translate3d(-125px, 25px, 0px) !important
}

/* ----------------------------- */
/* Source audit dashboards       */
/* ----------------------------- */

.source-category-breakdown-chart td {
	padding-bottom: 1rem;
	padding-top: 1rem;
}

.table-scroll-body thead {
	display: block;
}

.table-scroll-body tr {
	display: block;
	width: 100%;
}

.table-arrow-cell {
	width: 35px;
}

.table-scroll-body tbody {
	display: block;
	overflow: auto;
	max-height: 200px;
	width: 100%;  
}

.source-list-item-complete .source-status-icon:before {
	content: "\f058"; /* .fa-check-circle */
	color: "#27ae60!important"; /* text-success */
}
.source-list-item-email-complete:not(.source-list-item-complete) .source-status-icon:before {
	content: "\f0e0"; /* .fa-envelope */
	color: "#27ae60!important"; /* text-success */
}
.source-list-item-partial:not(.source-list-item-email-complete) .source-status-icon:before {
	content: "\f111"; /* .fa-circle */
	color: "#fcbd29!important"; /* text-warning */
}
.source-list-item-incomplete:not(.source-list-item-email-complete) .source-status-icon:before {
	content: "\f111"; /* .fa-circle */
	visibility: hidden;
	color: "#fff!important"; /* text-white */
}


/* ----------------------------- */
/* Responsive Design alterations */
/* ----------------------------- */

/*
@media (max-width: 1024px) {
	.modal-body {
		max-height: 500px !important;
		}
	}
*/

/*
@media (max-width: 979px) {            
	.anchor, a[name] {
		padding-top: 0px;
		margin-top: 0px;
		}
	body {
		padding-left: 0px!important;
		padding-right: 0px!important;
		}
	.container {
		padding-left: 20px;
		padding-right: 20px;
		}
	.index-chart {
		width: 100%;
		}
	}
*/

/*
@media(min-width:768px) and (max-width:979px){
	.container {
		width: 95%!important;
		padding-top: 0px;
		}
	}

@media(max-width:768px) {
	.metric-row-label {
		margin-left: 20px;
		}
	.row.report-buttons {
		margin-left: 0px;
		}
	.index-chart .fa-2x, .index-chart .fa-3x {
		font-size: 1.5em;
		}
	.index-chart .highcharts-xaxis-labels text {
		display: none;
		}

	}
*/
@media(max-width:800px){
	#tagging_table .mobile-hide {
		display: none;
		visibility: hidden;
		}
	}
@media(max-width:595px){
	.mobile-hide {
		display: none;
		visibility: hidden;
		}
	.container {
		padding-left:20px;
		padding-right:20px;
		}
	.navbar .brand {
		margin-left: 5px!important;
		}
	#reportquery .btn {
		clear: both;
		float: left;
		margin-left: 0px;
		margin-bottom: 10px;
		}

	.slide-panel {
		left: 0px;
		top: 100%;
		width: 100%;
		max-width: 100%;
		height: 100%;
		}				
	.slider-arrow {
		border: 0;
		top: auto;						
		}
	.slider-arrow.showarrow {
		top: -39px;	
		position: relative;	
		width: 100%;				
		}
	.slider-arrow.hidearrow {
		top: 25px;
		right: -15px;
		position: relative;
		}

	#articleModal .modal-body {
		max-height: 235px!important;
		}            	
	#articleModal {
		width: 95%;
		}
	.article-data-wrapper {
		float:left;
		width:100%;
		}
	.article-data-left, .article-data-right, .meta-tags-left, .meta-tags-center, .meta-tags-right  {
		width:90%;
		margin-left: 0px;
		}
	.meta-tags-right select {
		height: 50px!important;
		}

	}
	
@media print {
	body {
		margin-top: 0px;	
	}
	p, span, li {
		font-size: 12px;
	}
	.navbar, hr, .admintools, #reportquery, #report_settings_toggle, .report-alert, .btn-icon, .report-title-wrapper .btn, .report-title-wrapper small {
		display: none !important;
	}

	/* in case the page is scrolled down and our sticky is activated */
	#sticky.stick {
		display: block !important;
		position: relative!important;
		top: 0px !important;
		border-bottom: none;
		text-align: center !important;
	}
	#sticky.stick p {
    display: block;
    margin-right: 0px;
	}

	.report-title-wrapper h2 {
		margin-top: 75px;
	}
	.report-title-wrapper h2::before {
		content:url('../img/mfn_logo_437x50.png');
		display: block;
		position: relative; /*or absolute*/
		left:0px;
		top:-30px;
	}	
	.table-message {
		width: 66%;
		margin-left: auto!important;
		margin-right: auto!important;
		float: none;
	}
	.data-table-wrapper {
		page-break-inside: avoid;
		/*page-break-after: always;*/ 
	}
	.data-container {
		height: auto !important;
	}
	.dataTable {
    font-size: 12px;
	}
	.table.metric-table>tbody>tr>td span {
    font-size: 12px;
	}
	.table.metric-table>tbody>tr>td {
			padding: 3px;
	}
	.pad-top-4 {
    margin-top: 0 !important;
	}
	.data-table-wrapper .pad-top-4 {
    margin-top: 0 !important;
	}
	.report-table {
		width: 100%;
		display: inline-table;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
	}
	.chart-bar {
		border: 1px solid #666;
		padding-top: 1px;
		padding-bottom: 1px;
		height: 14px;
	}
	a[href]:after {
    content: none !important;
  }
  .footer.footer--dark .footer-logo-web {
    display: none !important;
  }
  .footer.footer--dark .footer-logo-print {
    display: inline-block !important;
  }

}