/*
================================================
FDA Datadashboard - Dashboard Pages CSS
================================================
*/

/*------------------------------------------------------------------------------------------------ */
/* Caveats Section on Dashboard Pages
-------------------------------------------------------------------------------------------------- */

.caveats {
    margin-top: -.5em;
}
.compactions .caveats, .imports .caveats, .imprefusals .caveats, .tpp .caveats, .imports-entry .caveats {
	margin-bottom: 2em;	
}

.caveats ul, .usa-alert-body ul {
	margin: 1em 0 0 0;
}

#show-hide-caveats {	
	margin-top: 0.5em;
	padding-left: 15px;	
	width: 200px;
}

#show-hide-caveats a {
	font-family: 'Muli Bold', Helvetica, Arial, sans-serif !important;
}

#show-hide-caveats span::before {	
   font-family: "FontAwesome";
   content: "\f068";
   display: inline-block;
   padding-right: 10px;
   vertical-align: middle;
   color: #23527c;
   font-size: 0.6em;
}
#show-hide-caveats a::before {	
	content: "Show less";
}
#show-hide-caveats.collapsed span::before {	
   content: "\f067";
}	
#show-hide-caveats.collapsed a::before {	
	content: "Show more";
}


/*------------------------------------------------------------------------------------------------ */
/* Alert Style from Digital.gov
-------------------------------------------------------------------------------------------------- */

.usa-alert {
    margin: 1.5em 0;
    display: inline-block;
}
.usa-alert.fser {
	margin-top: 3em;
}
.usa-alert-warning {
    background-color: #fff1d2;
    background-image: url(../img/icon-warning.svg);
}
.usa-alert {
    background-position: 2.75rem 1.75rem;
    background-repeat: no-repeat;
    background-size: 2.5rem;
    padding: 1.5rem 2rem 1.4rem 3rem;
    position: relative;
    width: 100%;
}

.usa-alert-warning::before {
    background-color: #fdb81e;
}
.usa-alert::before {
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 1rem;
}
.usa-alert-warning .usa-alert-body {
    padding-left: 4rem;
}

.usa-alert-body {
    display: table-cell;
    vertical-align: top;
}

.usa-alert-heading {
    margin-top: 0;
    margin-bottom: 0;
}

/*h3 {
    font-size: 2rem;
    font-weight: 700;
}

.usa-content p, {
    max-width: 66ch;
}*/

.usa-alert-text {
    font-family: "Muli Bold", "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	line-height: 1.5;
    margin-bottom: 0;
    margin-top: 0;
    color: #000;
}


@media (min-width: 62em) {
	.usa-alert {
	  background-position: 2.75rem .85rem;
	}		
}




/*------------------------------------------------------------------------------------------------ */
/* Mashups Section
-------------------------------------------------------------------------------------------------- */
div.qvobject, div.qvplaceholder {
	padding: 20px 10px 5px 10px;
	height: 425px;
}
.imports #QV05 {
    height: 890px;
}
.inspections #QV03.qvobject {
    height: 550px;
}
.graph_container {
	border: 2px #ccc solid;
	float: left;
	margin: 2em 0;
	width: 100%;
	background: linear-gradient(#eee, #fff 12%);
}
.graph_container.with_kpi {
	margin: 5em 0 2em 0;	
}
.graphbox { 
	margin: 2em 0;
}
.graphbox h4, .graphbox p { 
	text-align:center;
	margin-bottom: 0.2em; 
}
.graphbox p.footnote {
	text-align: left;
	font-size: 0.8em;	
}

.datatable-container {
	margin-bottom: 2em;
	clear: both;
}
.datatable-container h4 {
	margin: 0.25em 0;
}
.datatable-container .table-content {
	padding-top: 1em;
}
.datatable-container div {
	padding: 0;
}
span.icon-download::before {
	font-family: "FontAwesome";
	content: "\f019";
	display: inline-block;
	padding-right: 5px;
	vertical-align: middle;
    font-size: 1em;
    margin-top: -3px; 
}
.datatable-container .record-count  {
	/*height: 2em;*/
	margin: 0.5em 0;
	font-size: 0.9em;
}
.datatable-container p {
	font-size: 1em;
}
.datatable-container .inspections-help {
	margin-left: 0.5em;
	border-bottom: none !important;
}
.datatable-container h4 a.inspections-help span {
	font-size: 0.8rem;
	font-weight: normal !important;
	font-family:'Muli SemiBold', Helvetica, Arial,sans-serif !important;
}
.datatable-container .inspections-help::before {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: transform .25s linear;
	-webkit-transition: -webkit-transform .25s linear;
}
.datatable-container .inspections-help::before { content: "\f059"; }
.datatable-container .datatable-links {
	margin-top: 0;
	text-align: right;
	float: right;
	width: max-content;
	display: flex; 
}

.inspections .export-datatable .dropdown-content { width: 255px; }

/***** from global ***/
.datatable-citations .external-links, .datatable-citations  .export-datatable {
	width: max-content;
	/*float: right;*/
}
.datatable-citations .external-links, .imprefusals .datatable-container .external-links { padding-right: 1em; display: inline-block; }
.datatable-citations  .export-datatable, .imprefusals .datatable-container .export-datatable { display: inline-block; }


@media (max-width: 768px) {
	.datatable-container .datatable-links .btn {
		margin-top: 0.75em;
	}
	.datatable-container .datatable-links {
		margin-top: 0.75em;
		float: left;
        display: block;
        width: 100%;;
	}
	.datatable-citations .external-links, .datatable-citations  .export-datatable, .imprefusals .datatable-container .external-links, .imprefusals .datatable-container .external-links, .imprefusals .datatable-container .export-datatable {
		float: none !important;
		clear: both;
		display: block;
		left: 0;
		text-align: left;
	}

	.datatable-container .datatable-links.datatable-citations, .imprefusals .datatable-container .datatable-links {
		height: 4.75em !important;
	}
	.graph_container {
		background: linear-gradient(#eee, #fff 6%);
	}
}

/**** IE11 adjust download dropdown alignments ****/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .datatable-container .datatable-links {
        width: auto;
        display: block; 
    }
    .datatable-citations  .export-datatable, .imprefusals .datatable-container .export-datatable { 
        display: block; 
        float:right;
    }
    .datatable-citations .external-links, .imprefusals .datatable-container .external-links, export-datatable { 
        display: block; 
        float:left;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and (max-width: 768px) {
    .datatable-container .datatable-links {
        width: auto;
        display: block; 
    }
    .datatable-citations  .export-datatable, .imprefusals .datatable-container .export-datatable { 
        display: block; 
        float:right;
    }
    .datatable-citations .external-links, .imprefusals .datatable-container .external-links { 
        display: block; 
        float:left;
    }
    
}



/** KPIs **/
.kpibox { 
	display: flex;
	background-color: #FFF;
	margin: -1.75em auto 0 auto; 
	border: 1px #ccc solid; 
	text-align:center; 
	font-size:1.5em;
}
.kpicontainer { width: 100%; }
.kpi .title {
	font-size: 0.6em;	
}
.kpi .value, .kpibox h4 {
	font-size: 1em;	
}
.kpi2 { 
	width: 80%; 
	max-width: 500px; 
}
.kpi3 { 
	width: 90%; 
	max-width: 700px; 
}

.kpi4 { 
	width: 70%; 
	max-width: 1000px; 
}
.kpi5 { 
	width: 90%; 
	max-width: 1200px; 
}
.kpi8 { 
	width: 90%; 
	max-width: 1350px; 
}
.kpistring {
	height: 100%;
	display:flex;
}
.kpistring > div {
	padding: 0;	
}				  
.kpistack2 .kpistring {
	height: 100%;
	display:block;	
}					   
.kpi {
	padding: 0.5em;	
	display: flex;
  	flex-direction: column;
  	justify-content: center;
	height:100% !important;
}
.kpi h4 {
	vertical-align: middle;
}
.kpitotals {
	background-color:#69777a; 
	color: #fff;	
	font-weight:bold; 	
}
.kpibox-in { 
	background-color: #FFF;
	text-align:center; 
	font-size:1.5em;
}
.kpibox-in .row {
	display:flex;
}
.kpibox-in .kpi {
	padding: 4px !important;
	margin: 1px;
	height: auto !important;
	padding: 2px;
	border: 1px solid #ccc;
	height: 4em !important;
}
/* .kpibox-in .kpi .inner {
} */
.kpibox-in .kpi .inner .title, .kpibox-in .kpi .inner .value  {
	vertical-align: middle;
}
.kpibox-in .kpi .inner .value  {
	color: #4a7bad;
}

.kpibox-in .kpitop {
	/*background-color:#69777a;*/
	background-color: #656d6f;
	color: #fff;	
	font-weight: bold;	
	border: none;
	border-left: 1px #fff solid;
	border-right: 1px #fff solid; 	
}			 
.kpiplus .value::before {
		content: "+";
		vertical-align: middle;
		display: inline-block;
		position: absolute;
		left: -5%;
}
	.kpibox-in .kpi.message {
		width: 99% !important;
		margin: 0.5%;
		height: 2em !important;	
	}

@media (max-width: 1200px) {
	/*.kpistack .kpi { margin-top: 0.75em; }*/
	.kpifirst .value::before {
		display:none;
	}
	.kpistring {
		display:block;
		height: auto;
	}
	.kpistack .kpi, .kpistack2 .kpi, .kpistack2 .kpistring {
		height:auto !important;
	}
}

@media (max-width: 991px) {
	.kpi { height: auto !important; }
	.kpiplus .value::before {
		display:none;
	}
}

@media (max-width: 768px) {
	.kpibox-in .row {
		display: block;
	}
	.kpibox-in .kpi {
		width: 49% !important;
		margin: 0.5%;	
	}
	.kpibox-in .kpi.message {
		height: 3em !important;	
	}
	.kpistack2 .kpistring .kpi { height:4em !important; }
}
/** Qlik elements **/
.datatable-container .qv-st {
	 border: 1px #ccc solid;
 }
.datatable-container .dash-qv-detail-object {
	clear: both;
	height: 412px;	
}
.datatable-container .qv-object-header {
	display: none; 
}
.datatable-container .record-count * {
	font-size: 1em;
	font-family: 'Muli SemiBold', Helvetica, Arial, sans-serif !important;
	text-align:left !important;
	padding-left: 0px;
}


.btn-default {
	color: #337ab7;
	border-color: #337ab7;	
}

/*------------------------------------------------------------------------------------------------ */
/*  Section Pop Up
-------------------------------------------------------------------------------------------------- */

/*** Help Pop Up Window Style ***/
button.basic_close::after, button.basic_print_close::after, button.basic_download_close::after {
    content: "\f00d";
}
a::after, button::after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
}
button.basic_close {
	border: 1px solid #7e7e7e;
	font-weight: normal;
	color: #e0e0e0;
	font-size: 1em;
}

.popup_wrapper h4 {
	margin-top: 2.175em;
}

.popup_wrapper p, .popup_wrapper ol, .popup_wrapper ul {
	font-size: .875em;
}

.popup_wrapper ol, .popup_wrapper ul {
    margin: 1em 0 .5em 2em;
}

/*** Style for pop-up window on Inspections Dashboard ***/

.popup_wrapper #basic_download h4 {
	font-family: 'Roboto Semi Bold',Helvetica, Arial, sans-serif !important;
    margin-right: 3.25em;
    margin-top: .5em;
    font-size: 16px;
}

/*** Remove dotted line underneath Help button and Clear/Reset link ***/
a.deSelectLink, a.help-icon { border-bottom: 0 none !important; }

/*** text-align right ***/
.align-right { text-align: right; }

/*** Remove padding left and right from Bootstrap .pull-left and .pull-right ***/
.pull-left { margin: 0; }
.pull-right { margin: 0; }


/*------------------------------------------------------------------------------------------------ */
/*  Remove white spacing when Sticky Nav is at the top of the Browser
-------------------------------------------------------------------------------------------------- */

/*#stickynav.sticky + div {
	display: none;
}*/


/*------------------------------------------------------------------------------------------------ */
/*  Map Object
-------------------------------------------------------------------------------------------------- */

.graphbox .import_map p { 
	text-align:left;
}
.map_container { border: 1px solid #ccc; background-color: #fff; }
.map_container div.qvobject { border: none !important; background-color: #fff; }
.map_container div.qvobject.map_object { height: 560px !important; }
	
.wrapper-qlikandlegend {
  /*border: 1px solid #ccc; 
  padding: 30px 10px 10px 10px;*/
  background-color: #fff;
}

/*** Change bullet color of list item by replacing it with CSS ***/


.wrapper-qlikandlegend .maplegend {
  padding: 0;
  width: 100%;
  margin: 0 auto .5em; /*** Making legend dots and texts align center ***/
}

.maplegend {
  font-family: 'QlikView Sans', sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.2em;
  display: inline-block;	
  padding: 48px 10px 0 0;
}

.maplegend legend {
  font-weight: bold !important;
  vertical-align: middle;
  font-size: .95em;
  border-bottom: 0 none;
  margin-bottom: 0;
}	

.maplegend ul li {
  /* set color of list item text */
  list-style: none;
  position: relative;
  font-size: .90em;
}
	
/*** color of bullet or square ***/
.maplegend ul li:nth-child(1)::before { color: #dddddd; }
.maplegend ul li:nth-child(2)::before { color: #e6a533; }
.maplegend ul li:nth-child(3)::before { color: #91a13a; }
.maplegend ul li:nth-child(4)::before { color: #319746; }
.maplegend ul li:nth-child(5)::before { color: #217e3f; }
.maplegend ul li:nth-child(6)::before { color: #46558c; }

.maplegend ul li::before {
  content: "\f0c8";
  /* Unicode of character to precede the list item */

  font-size: 1.15em;  
  /* em or %*/
 
  padding-right: 1.1225em; 
  /* use em*/

  position: relative;
  top: .1em; 
  /* use em or % */
  
  display: inline-block;
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: 400;
  line-height: .90em;
  margin: -.75em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear; 
}
	
.qv-object .qv-object-title .qv-object-title-text.disclaimer {display: none;}	
	
@media (max-width: 62em) {
	.maplegend {
		padding: 0 1em 1em 0;
		text-align: center !important; /*** Added to make the Legend text align center ***/
	}
			
	.maplegend ul {
		margin: .125em auto .5em;
		display: table;
		text-align: center;
	}
		
	.maplegend ul li {
		/* set color of list item text */
		display: inline-block;
		position: relative;
		float: none !important; /*** Added to make the Legend text align center ***/
		margin-left: 2.5em;
		margin-top: 0;
	}
}

@media (min-width: 30em) {
	.wrapper-qlikandlegend .maplegend legend {
		text-align: center;
	}	
	.wrapper-qlikandlegend .maplegend ul {
		display: table;
	}	
	.wrapper-qlikandlegend .maplegend ul li {
		/* set color of list item text */
		display: inline-block;
		margin-left: 2.5em;
		margin-top: 0;
		float: none !important; /*** Making legend dots and texts align center ***/  
	}
}

@media (min-width: 48em) {	
	.maplegend ul {
		margin: .5em auto .5em;
	}
}

@media (min-width: 62em) {
	.map_container .maplegend ul {
		padding-left: 1em;
	}
}

@media (min-width: 48em) and (max-width: 62em) {	
	.maplegend ul {
		display: table;
	}
}

/*------------------------------------------------------------------------------------------------ */
/*  Import Refusals - Import Offices Map
-------------------------------------------------------------------------------------------------- */
.import_map { 
	padding: 20px;
	font-size: 0.9em;
}


/*------------------------------------------------------------------------------------------------ */
/*  Complaince Actions - Notes About the Data dropdown
-------------------------------------------------------------------------------------------------- */
.notesdata {
	font-size:0.9em; 
}
.notesdata h4 {
	text-align:left; 
	font-size:1.2em;
}
#show-hide-notes span::before {
    font-family: "FontAwesome";
    content: "\f068";
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
    color: #23527c;
    font-size: 0.6em;
}
#show-hide-notes.collapsed span::before {
	content: "\f067";
}


/*------------------------------------------------------------------------------------------------ */
/*  Recalls dashboard page - Splitting Products and Events
-------------------------------------------------------------------------------------------------- */

.recalls #mashup_container { margin-top: 10px; }
.recalls a.collapseLink { width: 100%; }
.recalls a.collapseLink:focus, a.collapseLink:hover { outline: none; color: #337ab7; }
.recalls .collapseLink h3:before {
	margin-right: 1em;
	font-family: 'FontAwesome';
	font-size: 1.5em;
}
.recalls .collapseLink[aria-expanded="true"] h3:before { 
	content: "\f106";
}
.recalls .collapseLink[aria-expanded="false"] h3:before { 
	content: "\f107";
}
/* .recalls a.collapseLink h3 {  } */
.recalls a.collapseLink.collapsed h3 { margin-bottom: 40px; border-bottom: 2px solid #ccc; padding-bottom: 8px; }
.recalls .graph_container.collapse { margin: 0 0 20px; }

.recall-section { clear:both; }
/*.recalls .stickyActive #graphs2, .recalls .stickyActive #tables { display:block; top: -40px !important; border:none; } */
.recalls #graphs1, .recalls #graphs2 { display: block; height: 1px; width:100%; border-bottom:none !important; }


/*------------------------------------------------------------------------------------------------ */
/*  Firm Profile page
-------------------------------------------------------------------------------------------------- */
.firmprofile #anchorbar { margin-bottom: 2em; }
.firmprofile .withkpi { margin-top: 4em; }
.firmprofile .nobg { background: none; padding: 1em; }
.firmprofile.nobg .usa-alert-warning { background-position: 2.5em center; }
.nobg ul { margin-top: 0; }
.firmprofile h3 { font-size: 1.75em; margin: 0; }
/*
#tables::before {
  content:"";
  display:block;
  height:50px;  fixed header height
  margin:-50px 0 0;  negative fixed header height 
}
*/
/*
#graphs::before {
  content:"";
  display:block;
  height:50px;  fixed header height
  margin:-50px 0 0;  negative fixed header height 
}
*/

/*------------------------------------------------------------------------------------------------ */
/*  Export graphs to PNG, PDF, CSV
-------------------------------------------------------------------------------------------------- */
.desktop div.qvobject, .desktop div.qvplaceholder {
    margin-top: -30px;
}
.graph_container .qv-object header { padding: 0; }
.graph_container .qv-object header.qv-object-header, .graph_container header .ng-hide:not(.ng-hide-animate) {
      display: block !important;
      margin-bottom: 3em;
}
.firmprofile .graph_container .qv-object header.qv-object-header, .firmprofile .graph_container header .ng-hide:not(.ng-hide-animate) {
	display:none !important;
}
.graph_container div.qvobject, .graph_container div.qvplaceholder {
    padding: 0px 10px 5px 10px;
    height: 425px;
}
.firmprofile div.qvobject, .firmprofile div.qvplaceholder {
    padding: 20px 10px 5px;
    height: 350px;
}
.graph_container .qvobject h1, .graph_container .qvobject h1 .qv-object-title-text { 
    font-family: 'Roboto Bold',Helvetica, Arial, sans-serif !important;
    font-size: 18px !important;
    color: #333 !important;
    text-align: center !important;
    font-weight: normal !important;
}
.graph_container .qv-object .qv-object-title .qv-object-title-text {
    margin: 0px auto;
}
#QVMap .qv-object-title .qv-object-title-text, .inspections #QV04 .qv-object-title .qv-object-title-text, #QVRRefusedMap .qv-object-title .qv-object-title-text {
    display: none;
  }
.qv-object-map header.qv-object-header {
	margin-bottom: 0 !important;
	display: none !important;
	height: 1px;
}
.inspections #QV04, #QVRRefusedMap {
	margin-top: 0;
}
.graph_container .qvobject h2 { 
    font-family: 'Roboto Bold',Helvetica, Arial, sans-serif !important;
	font-size: 18px !important;
    /* font-size: 14px !important; */
    color: #333 !important;
    /* margin: 0; */
    text-align: center !important;
    /* margin-top: -5px; */
}
.graph_container .qvobject h3 { 
    font-family: 'Muli SemiBold', Helvetica, Arial, sans-serif !important; 
    font-size: 14px !important;
    color: #333 !important;
    margin: 0;
    text-align: center !important;
    margin-top: -5px;
}
.dropbtn {
    position: relative;
    z-index: 10;
    border-color: #adadad !important;
    color: #444 !important;
    opacity: 0.7;
    /*top: -15px;*/
    left:5px;
}
.dropbtn:hover { opacity: 1; }

.inspections #QV04 {
	margin: 10px 0 30px;
	height: 625px;
	padding-left: 0;
}
.mobile-device .inspections #QV04 {
	height: 500px;
}
@media (min-width: 1200px) {	
	.inspections #QV04 { padding-left: 100px; }
}
.inspections #QV04 article {
	border: 1px solid #ccc;
}

/****** Imports Entry Dashboard ONLY ******/
.imports-entry .pivot-table { margin-top: 2em; }
.imports-entry .pivot-title { margin: 2em 0 0 0;}
.imports-entry h3.pivot-title { text-align:center; margin:-.85em 0 .5em;}
.imports-entry .dataviews-label { text-align: left; margin-bottom:0.5em; padding:0.25em 0 0 10px; font-size: 0.95em; }
.imports-entry .group-topic, .imports-entry .group-dispo { padding: 0 10px; }
.imports-entry .group-topic .btn { width: 11em; border: 1px solid #3b6041; margin: 0 10px 10px 0; }
.imports-entry .group-dispo { text-align: left; }
.imports-entry .group-dispo .btn { border: 1px solid #1e517a;  margin: 0 10px 10px 0; }
.imports-entry .group-topic .btn-selected { background-color:#3b6041; color: #fff;}
.imports-entry .group-dispo .btn-selected { background-color:#1e517a; color:#fff;}
/*.imports-entry .buttonKPI .btn + .btn { margin-left: 0.25em; }*/

.imports-entry .kpi-box { 
    border: 1px #ccc solid; 
    margin-top: 0; 
    margin-bottom:20px; 
    padding: 0.5em;
    display: block;
}
.imports-entry .kpi-box .kpi { margin: 0; }
.imports-entry .pivot-table th, .imports-entry .pivot-table .qv-st-header-wrapper {
    color: #3d3d3d !important;
    background-color: #fff;
}
.imports-entry #QV05-entry { margin-top: 0; padding: 0; }
.imports-entry #QV05-entry article.qv-object { border: 1px solid #ddd; }
.imports-entry #QV05-entry .qv-object-header { margin: 0; display: none !important; }
.imports-entry .export-datatable { float: left !important; }
.imports-entry #download4 {clear: both; float:left; font-size: 14px; position:relative; margin: 1em 0 0.5em 0;  }
.imports-entry .fy-indicator { margin: 1em 0; font-size: 0.9em;}
.imports-entry .datatable-container .record-count { height: 2em; }
.imports-entry .datatable-container .table-content { padding-top: 0; }

@media (min-width:768px) {
    .imports-entry .group-dispo { text-align: right; padding: 0 15px;}
    .imports-entry #download3 { margin-top: 0; } 
}
@media (min-width:992px) {
    .imports-entry #QV05-entry { padding: 0px 10px 5px 10px; }
    .imports-entry .export-datatable { float: right !important;}
    .imports-entry .dataviews-label { text-align: right; padding-top:0.75em;}
    .imports-entry .group-topic .btn, .imports-entry .group-dispo .btn { margin:0.5em 0; }
    .imports-entry #download4 { float: right; clear:both; top: -2.75em; margin: 0 0 -2em 0;   } 
    .imports-entry .kpi-box { margin-top: 22px; }
    .imports-entry .kpi-box .kpi { margin: 1.36em 0; padding:1em 0; }
}

/*** KPI (hidden) button ojects ***/
.imports-entry .buttonQlik { width:1px; z-index: -1; position:relative; top: 25px; left: 25px; height: 1em; }
.imports-entry .buttonQlik .kpi-button {height:60px; width:270px;}

.imports-entry .buttonQlik  .sn-kpi-measure-wrapper, .imports-entry .buttonQlik .kpi-button .qv-object header.qv-object-header, .imports-entry .buttonQlik  .kpi-button header .ng-hide:not(.ng-hide-animate) {
    display: none !important;
    margin-bottom: 0 !important;
}
/****** /Imports Entry Dashboard ONLY ******/


/**** Icons ****/
.icon-graph::before {
    font-family: "FontAwesome";
    content: "\f080"; 
    font-size: 2em;
    color: #f4a52e;
}
.icon-table::before {
    font-family: "FontAwesome";
    content: "\f0ce"; 
    font-size: 2em;
    color: #f4a52e;
}
.icon-exclamation-sign::before {
    font-family: "FontAwesome";
    content: "\f06a"; 
    font-size: 1.2em;
}
/**** /Icons ****/


/*** Back to top in sticky nav **/
#db-back-to-top1 { display:none; }
.sticky #db-back-to-top1 { display:block; }
#db-back-to-top1 a { border:none; text-decoration: none; color: #013EAA; }
#db-back-to-top1 a .backToTopIcon {
    position: relative;
    top: 2px;
    left: 0;
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
    font-size: 1.5em;
    margin: 0 0.25em;
}
#db-back-to-top1 a .backToTopIcon::before {
    font-family: 'FontAwesome';
    content: "\f139";
    color: #FD8915;
}


@media (min-width: 768px) {	
    #anchorbar #db-back-to-top1 {
        visibility: visible;
        -webkit-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }

    #anchorbar.sticky #db-back-to-top1 {
        visibility: visible;
        position: absolute;	
        display: block;
        z-index: 1000;
        /* opacity: 0.7; */
        float: left;
        top: 5px;
        left: 10px;
    }
    #anchorbar.sticky #db-back-to-top1:hover { opacity: 1; }
}

@media (max-width: 1100px) {

    #anchorbar #db-back-to-top1 {
        display:none; 
    }
}
@media (max-width: 1150px) {

    .recalls #anchorbar #db-back-to-top1 {
        display:none; 
    }
}

/*** Hide filtered download links when table is empty ***/
.filtered .filtered-data.no-data { display:none !important; }