/* CSS */
@font-face {
	font-family: "MetaPro";
	src: url(metaProFonts/MetaPro-Book.eot?#iefix) format("embedded-opentype"),
		 url(metaProFonts/MetaPro-Book.woff) format("woff"),
		 url(metaProFonts/MetaPro-Book.ttf) format("truetype"),
		 url(metaProFonts/MetaPro-Book.svg#MetaPro-Book) format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "MetaPro";
	src: url(metaProFonts/MetaPro-Bold.eot?#iefix) format("embedded-opentype"),
		 url(metaProFonts/MetaPro-Bold.woff) format("woff"),
		 url(metaProFonts/MetaPro-Bold.ttf) format("truetype"),
		 url(metaProFonts/MetaPro-Bold.svg#MetaPro-Bold) format("svg");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "MetaPro";
	src: url(metaProFonts/MetaPro-Black.eot?#iefix) format("embedded-opentype"),
		 url(metaProFonts/MetaPro-Black.woff) format("woff"),
		 url(metaProFonts/MetaPro-Black.ttf) format("truetype"),
		 url(metaProFonts/MetaPro-Black.svg#MetaPro-Bold) format("svg");
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: "Roboto";
	src: url(robotoFonts/Roboto-Medium.ttf) format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Roboto";
	src: url(robotoFonts/Roboto-MediumItalic.ttf) format("truetype");
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: "Roboto";
	src: url(robotoFonts/Roboto-Bold.ttf) format("truetype");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "Roboto";
	src: url(robotoFonts/Roboto-BoldItalic.ttf) format("truetype");
	font-weight: bold;
	font-style: italic;
}

html, body {
	height: auto !important;
	height: -webkit-fill-available;
}

body {

	overflow: hidden;
	font-family: "Roboto",Helvetica,Arial,sans-serif !important;
	font-size: 14px;
}


/* Navbar Header */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "MetaPro",Georgia,"Times New Roman",Times,serif;
	line-height: 1.1;
	font-weight: bold;
}

h1 {
	font-size: 34px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 20px;
	color: #6bbabf;
}

h4 {
	font-size: 15px;
	color: #6bbabf;
}

hr 	{
	height:2px;
	border-width:0;
	color:gray;
	background-color:lightgray;
}

a {
	color: #62bb46;
	text-decoration: underline;
}


.qv-object .qv-object-header {
    padding-bottom: 0px; 
	padding-left: 0px;
}



a:hover {
	color: #458d34;
}

ul.list-inline {
	margin-bottom: 0;
}

.section-inner {
    max-width:1270px;
    margin:0 20px;
	padding:0 10px;
	height: auto;
	min-height: 50px;
}

.navbar-header .media-left {
    padding-right: 1.25em;
}

.media-left, .media-right, .media-body {
    display: table-cell;
	vertical-align: top;
	white-space: nowrap;
}

#help-tab-link {
	color: #62bb46;
	text-decoration: none;
}

.navbar-header-section {
	display: table-header-group;
}

.navbar-header-section .logo {
	margin-left: 10px;
    height: 3.75em;
    width: auto;
}

.navbar-header-section .navbar-header {
    float: none;
    padding: .5em 0;
}

.navbar-header-section .media-middle {
	vertical-align: middle;
	padding-top: 5px;
}

.navbar-header-section .header-title {
    margin-bottom: 0;
	font-weight: 900;
	color: black;
}

.navbar-header-section .media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.navbar-header-section .header-subtitle {
    display: none;
}

@media screen and (min-width:1000px) {
    .navbar-header-section .section-inner {
        padding:0 0;
	}

	.navbar-header-section .logo {
		height: 5.625em;
	}

	.navbar-header-section .header-title {
		margin-bottom: .25em;
		font-size: 1.75em;
	}

	.navbar-header-section .header-subtitle {
			font-weight: normal;
			font-size : 20px;
			color: #777;
			display: block;
		}
}

	.navbar-header-section .header-subtitle {
			font-weight: normal;
			color: #777;
			display: block;
		}


@media (min-width: 992px) {
	.navbar-header-section .navbar-header {
		float: left;
	}
}

/* Navbar Main Part */

.navbar {
	margin-bottom: 0 !important;
	/*min-height: 36px !important;*/
	padding: 4px 20px;
	flex-direction: row-reverse;
}

.navbar-main-section {
    /*background-color: #a1d189;*/
	border-top: 0 none;
	border-bottom: .35714em solid #62bb46;
	margin-top: -40px;
}

.section.navbar-main-section .navbar-nav.pull-right {
	padding-top: 4px;
}

.navbar-brand {
	max-width: 345px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0;
	height: 36px; 
	font-family: "MetaPro",Georgia,"Times New Roman",Times,serif;
	font-weight: bold;
	color: #3c3c3b !important;
	font-size: 24px;
	padding-top: 7px;
	line-height: 1;
}

.navbar-main-section .navbar-nav > li > a {
	/*font-family: "MetaPro",Georgia,"Times New Roman",Times,serif;*/
    line-height: 2.25em;
	padding: 0 10px;
	cursor: pointer;
}

.navbar-main-section .dropdown-menu a {
	font-size: 14px;
	padding: 0.25rem 1rem;
	margin-top: 0;
	display: flex;
	align-items: center;
	text-decoration: none;
}

.navbar-main-section .dropdown-menu a.active,
.navbar-main-section .dropdown-menu a:active {
	background-color: #a3d1d4;
}

.navbar .nav-item:not(:last-child) {
	margin-right: 10px;
}

#qsellist {
	padding: 0;
}

#qsellist .card-header {
	padding: 0;
	background-color: #e6e7e8;
}

#qsellist .card-header .dropdown-item:focus:not(:hover) {
	background-color: transparent;
}

#qsellist .selection-values {
	flex: 1 0 auto;
}

#qsellist .selection-actions {
	flex: 0 0 auto;
	color: #6bbabf;
	margin-left: 5px;
}

#qsellist .field-name {
	font-weight: bold;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
}

#qsellist .collapse,
#qsellist .collapsing,
#qsellist .collapse.show {
	max-height: 500px;
	overflow: auto;
}

#qsellist .list-group-item {
	padding: 0.25rem 1rem;
	font-size: 14px;
}

#qsellist .list-group-item.excluded {
	color: #bcbec0;
}

#CurrentSelections {
    position:relative; 
    top:0; 
    left:0; 
    width:100%; 
    height:38px;
}

.current-selections-placeholder {
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(84, 83, 82);
    color: rgba(255, 255, 255, 0.6);
}

.current-selections-placeholder span {
    display: none;
}

/* Main Content */

.page-content-main {
    margin: 0;
   	/*border-bottom: .35714em solid #62bb46;*/
    /*border-top: .35714em solid #62bb46;*/
}

main {
    background-color: #d0d2d3;
}
	
.page-content-padded {
	padding: 20px 15px;
}

.ecdc-mashup-wrapper .nav-tabs {
	border-bottom: none;
}

.ecdc-mashup-wrapper .nav-tabs > li {
	margin-bottom: 0;
}

.ecdc-mashup-wrapper .nav-tabs > li > a {
	background-color: #6bbabf;
	color: #3c3c3b;
	margin-right: 0;
	border-radius: 0 !important;
	border-bottom: none !important;
	font-family: "MetaPro",Georgia,"Times New Roman",Times,serif;
	font-weight: bold;
	-webkit-transition: background-color .4s linear;
	-ms-transition: background-color .4s linear;
	transition: background-color .4s linear;
	padding-top:5px;
	padding-bottom:5px;
	border: none;
	text-decoration: none;
}
	
.ecdc-mashup-wrapper .nav-tabs > li > a.active {
	background-color: #a3d1d4;
}
	
.ecdc-mashup-wrapper .nav-tabs > li > a:hover {
	background-color: #bededf;
}
	
.ecdc-mashup-wrapper .btn.qcmd > i {
	margin-right: 6px;
}

.page-content-main .dropdown-toggle {
	text-align: center;
} 

.page-content-main .dropdown-menu {
	text-align: center;
	margin-top: 0;
	background-color: #6bbabf;
	font-family: "MetaPro",Georgia,"Times New Roman",Times,serif;
	font-size: 14px;
    color: #3c3c3b;
	width: 100%;
} 

.page-content-main .dropdown-menu a {
	text-align: center;
	margin-top: 0;
    color: #333;
} 

.page-content-main .dropdown a {
	text-decoration: none;
	display: block;
} 

.page-content-main .dropdown-menu a:hover {
	text-decoration: none;
	background-color: #bededf;
}

.page-content-main .dropdown-menu a.active {
	background-color: #a3d1d4;
}

.page-content-main .dropdown-toggle::after {
	transition: transform 0.15s linear; 
}

.page-content-main .show.dropdown .dropdown-toggle::after {
	transform: translateY(3px);
}

#content-tabs {
	display: block;
}

.page-content-main .dropdown {
	text-align: center;
}

@media (min-width:768px) {
	#content-tabs {
		display: flex;
	}

	#content-tabs li {
		display: flex;
		flex: 1;
		-ms-flex: 1; /* IE 10 */
	}

	#content-tabs li.nav-item:not(:last-child),
	#content-tabs li.dropdown:not(:last-child) {
		margin-right: 20px;
	}

	#content-tabs li.nav-item:not(:first-child),
	#content-tabs li.dropdown:not(:first-child) {
		margin-left: 10px;
	}

	#content-tabs li a {
		flex: 1;
		-ms-flex: 1; /* IE 10 */
	}
}

.tab-content {
	padding-top: 15px;
}

.info-text {
	display: none;
}

.page-content-main .card {
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 0;
    word-wrap: normal;
}

.page-content-main .card .card-header {
	background-color: #e6e7e8;
	padding-top: 0;
	padding-bottom: 0;
	border: none;
	border-top: solid 20px #fff;
	border-radius: 0;
}

.page-content-main .card .card-body {
	background-color: #fff;
	display: flex;
	flex: 1;
}

div.qvobject, div.qvplaceholder {
	position: relative;
	padding: 0;
	height: 100%;
}


div.card.fullscreen,
div.qvobject.fullscreen {
	background-color: white;
	position: fixed;
	top: 97px;
	left: 0;
	height: calc(100% - 97px) !important;
	width: 100% !important;
	z-index: 3;
	border: 30px solid #d0d2d3;
	margin: 0;
	/*overflow: auto;*/
}




#itemHolder div.card.fullscreen,
#itemHolder div.qvobject.fullscreen {
	top: 0;
	height: 100% !important;
}

div.card-effects,
div.hover-effects {
	position: absolute;
	z-index: 2;
	text-align: center;
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

div.hover-effects {
	visibility: hidden;
	right: -15px;
}

#itemHolder div.fullscreen div.hover-effects {
	right: -11px;
	top: 25px;
}

div.card-effects {
	right: -15px;
	top: -15px;
}

div.row div.card:hover div.hover-effects {
	visibility: visible;
}

div.card-effects.fullscreen,
div.hover-effects.fullscreen {
	visibility: visible;
	position: fixed;
    right: 19px;
    top: 115px;
	z-index: 100;
}

#itemHolder div.card-effects.fullscreen,
#itemHolder div.hover-effects.fullscreen {
    right: 20px;
    top: 20px;
}

div.card-effects div,
div.hover-effects div:not(.effect-group) {
	display: inline-block;
	padding-top: 7px;
	margin: 2px;
	min-width: 32px;
	height: 32px;
	border-radius: 16px;
	background-color: #6bbabf;
	cursor: pointer;
}

div.hover-effects div.text {
	padding: 6px;
	width: 80px;
}

div.hover-effects div.toggle-actions[aria-expanded=true] {
	background-color: #fff;
	color: #6bbabf;
	border: 1px solid #6bbabf;
}

div.card-effects div:hover,
div.hover-effects div:hover:not(.effect-group) {
	background-color: #bededf;
}

div.card-effects div.hidden,
div.hover-effects div.hidden {
	display: none;
}

#data-export-loading-spinner,
#export-loading-spinner {
	margin: auto;
}

#data-export-loading-spinner.hidden,
#export-loading-spinner.hidden {
	display: none;
}

#download-link {
	margin-bottom: 10px;
	text-align: center;
}

.ecdc-mashup-wrapper .qv-chart-tooltip-content table {
	background-color: none
}

/* style the data download button */
.data-download-button {
	width: 32px;
	margin-top: 1px;
	margin-right: 20px;
}

.data-download-button button {
	width: 32px;
    height: 32px;
    padding: 3px 6px;
    border-radius: 16px;
}

/* style for Text and Image objects */
div.qvobject.text-and-image {
	height: auto;
}

div.qvobject.text-and-image .qv-object-content,
div.qvplaceholder.text-and-image .qv-object-content {
	position: relative;
}

div.qvobject.text-and-image .qv-inner-object,
div.qvplaceholder.text-and-image .qv-inner-object {
    padding: 20px;
}

/* styling for side-by-side Filter panes */
div.qvobject.filter-pane,
div.qvplaceholder.filter-pane {
	height: 35px;
	margin-top: 0;
}

div.qvobject.filter-pane-lg,
div.qvplaceholder.filter-pane-lg {
	height: 45px;
	margin-top: 0;
}

div.qvobject.filter-pane .qv-filterpane .qv-filterpane-column {
	flex: 1 1 auto;
	margin: 0;
	display: flex;
}

div.qvobject.filter-pane .qv-filterpane .qv-filterpane-collapsed {
	flex: 1 1 auto;
	margin: 0;
	min-width: 0;
	cursor: default;
}

div.qvobject.filter-pane .qv-collapsed-listbox {
	width: fit-content;
}

/* styling for filter buttons */

.filter-button {
    width: 90px;
    padding: 3px;
    /* margin-top: -1px; */
}

@media screen and (max-width:576px) {
	div.qvobject.filter-pane {
		height: auto;
	}

	div.qvobject.filter-pane .qv-object-content {
		position: relative;
	}
}

/* set object heights */
.height-full {
	display: flex;                      /* new; nested flex container */
    flex: 1;
}


div.height-full-100 {
	display: flex;                      /* new; nested flex container */
    flex: 1;
	height: calc(100% - 0px);
}


div.height-20 {
	height: 20px;
}

div.height-25 {
	height: 25px;
}


div.height-50 {
	height: 50px;
}
div.height-80 {
	height: 80px;
}

div.height-100 {
	height: 100px;
}

div.height-150 {
	height: 165px;
}

div.height-190 {
	height: 190px;
}

div.height-200 {
	height: 200px;
}

div.height-225 {
	height: 225px;
}

div.height-250 {
	height: 250px;
}

div.height-300 {
	height: 300px;
}
div.height-320 {
	height: 320px;
}

div.height-335 {
	height: 335px;
}


div.height-350 {
	height: 350px;
}

div.height-400 {
	height: 400px;
}

div.height-410 {
	height: 410px;
}

div.height-420 {
	height: 420px;
}


div.height-450 {
	height: 435px;
}

div.height-500 {
	height: 500px;
}

div.height-600 {
	height: 600px;
}

div.height-620 {
/*	display: flex;
    flex-direction: column;*/
	height: 620px;
}

div.height-640 {
	height: 640px;
}

div.height-660 {
	height: 660px;
}

div.height-700 {
	height: 700px;
}

div.height-750 {
	height: 750px;
}
div.height-800 {
	height: 800px;
}


/* carousel styling */

.carousel-item {
	display:none;
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    flex:none;
	display: block;
}

.page-content-main .carousel-inner {
	overflow: visible;
}


.page-content-main .carousel-inner div.hover-effects {
	right: -35px;
}

.page-content-main div.fullscreen .carousel-inner div.hover-effects {
	right: -32px;
	top: 5px;
}

.page-content-main .carousel-indicators {
	margin-bottom: 0;
	bottom: -20px;
	z-index:2;
}

.page-content-main .carousel-indicators li {
	background-color: #6bbabf;
}

.page-content-main .carousel-control-next {
	width: 20px;
	right: -20px;
}

.page-content-main .carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%236bbabf' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.page-content-main .carousel-control-prev {
	width: 20px;
	left: -20px;
}

.page-content-main .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%236bbabf' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

/* custom bootstrap styling */
.text-covid-primary {
	color: #62bb46 !important;
}

a.text-covid-primary:hover, a.text-covid-primary:focus {
	color: #458d34 !important;
}

.btn-covid-primary {
	color: #fff;
	background-color: #62bb46;
	border-color: #62bb46;
}

.btn-covid-primary:hover {
	color: #fff;
	background-color: #83c565;
	border-color: #62bb46;
}

.btn-covid-primary:focus, .btn-covid-primary.focus {
	color: #fff;
	background-color: #83c565;
	border-color: #458d34;
	box-shadow: 0 0 0 0.2rem #ddedd3;
}

.btn-covid-primary.disabled, .btn-covid-primary:disabled {
	color: #fff;
	background-color: #62bb46;
	border-color: #62bb46;
}

.btn-covid-primary:not(:disabled):not(.disabled):active, .btn-covid-primary:not(:disabled):not(.disabled).active,
.show > .btn-covid-primary.dropdown-toggle {
	color: #fff;
	background-color: #458d34;
	border-color: #458d34;
}

.btn-covid-primary:not(:disabled):not(.disabled):active:focus, .btn-covid-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-covid-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem #ddedd3;
}

.btn-outline-covid-primary {
	color: #62bb46;
	border-color: #62bb46;
}

.btn-outline-covid-primary:hover {
	color: #fff;
	background-color: #62bb46;
	border-color: #62bb46;
}

.btn-outline-covid-primary:focus, .btn-outline-covid-primary.focus {
	box-shadow: 0 0 0 0.2rem #ddedd3;
}

.btn-outline-covid-primary.disabled, .btn-outline-covid-primary:disabled {
	color: #fff;
	background-color: #bfdead;
}

.btn-outline-covid-primary:not(:disabled):not(.disabled):active, .btn-outline-covid-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-covid-primary.dropdown-toggle {
	color: #fff;
	background-color: #62bb46;
	border-color: #62bb46;
}

.btn-outline-covid-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-covid-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-covid-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem #ddedd3;
}

.text-covid-secondary {
	color: #6bbabf !important;
}

a.text-covid-secondary:hover, a.text-covid-secondary:focus {
	color: #478184 !important;
}

.btn-covid-secondary {
	color: #3c3c3b;
	background-color: #a3d1d4;
	border-color: #a3d1d4;
}

.btn-covid-secondary:hover {
	color: #3c3c3b;
	background-color: #bededf;
	border-color: #a3d1d4;
}

.btn-covid-secondary:focus, .btn-covid-secondary.focus {
	color: #3c3c3b;
	background-color: #bededf;
	border-color: #6bbabf;
	box-shadow: 0 0 0 0.2rem #dbecec;
}

.btn-covid-secondary.disabled, .btn-covid-secondary:disabled {
	color: #3c3c3b;
	background-color: #a3d1d4;
	border-color: #a3d1d4;
}

.btn-covid-secondary:not(:disabled):not(.disabled):active, .btn-covid-secondary:not(:disabled):not(.disabled).active,
.show > .btn-covid-secondary.dropdown-toggle {
	color: #3c3c3b;
	background-color: #6bbabf;
	border-color: #6bbabf;
}

.btn-covid-secondary:not(:disabled):not(.disabled):active:focus, .btn-covid-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-covid-secondary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem #dbecec;
}

.qs-container .qsc-item-wrapper{
	border:none;
}
.qs-container .qsc-item-wrapper .qsc-item {
    width: 100%;
    height: 100%;
    position: absolute;
	border:none;
    /* border: 2px solid transparent; */
}

.qv-object .qv-object-title .qv-object-title-text {
     white-space: normal; 
}

/* Page Footer */
	
.page-footer {
	background-color:#4d4d4d;
}

.page-footer .section-inner {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	min-height: 35px;
}

.page-footer .page-legal {
	/*font-size: 16px;*/
	line-height: 20px;
}

.page-footer .list-inline > li > a {
	color:#ffffff;
}

.page-footer .copyright-disclaimer {
	color:#777777;
	padding:10px 0;
}

/* Bootstrap modals */
a.qcmd {
	font-size: 0.8em;
	cursor: pointer;
}

.qcmd.btn {
	font-size: 1em;
	cursor: pointer;
}

.qcmd.form-control {
	font-size: 1em;
}

.form-group.hidden {
	display: none;
}

.form-group.row {
	margin-bottom: 0.5rem;
}

#info-popup-content {
	overflow: auto;
}

/* Error popup */
#popup {
	background-color: #7f8c8d;
	color: #FFFFFF;
	position: fixed;
	padding: 10px;
	margin: 10px;
	bottom: 0;
	right: 0;
	display: none;
	border-radius: 5px;
}

@media print {
     body, h1, h2, h3, ol, ul, div {    
        width: auto;
        height: auto;
        float: none;
        overflow: visible;
        overflow-y: visible;
        position: static;
     }
}

/* Eliminate area layer title legend on map */
div.legend-object div:not(.picasso-chart) {
	display:none;
}

.legend-object  {
    border-top:0px !important;
	padding-bottom:0!important; 
	padding-top:0!important;
}

.idevio-map-canvas {
	height:100%
}

.qv-object-map .sbHorizontal>.sidebar>.legend {
    border-left-width: 0px;
}

.qv-object-map .sbHorizontal>.sidebar{
    max-height: 80px !important
}

.transparent-select{
	border: 0;
}


/* Style straight tables for notes URL*/
.tr-url-header  {
    background-color: #83c565 !important;
    color: #FFF
}

.tr-url:nth-child(odd) {
	background-color: #a3d1d4;
	
}

.tr-url:nth-child(even) {
	background-color: #dbecec;
}

.td-url, .td-url-bold {
	padding-left: 10px;
	padding-right: 10px;
	padding-top:5px;
	padding-bottom:5px
}
.td-url-bold {
	font-weight : bold;
}

.th-url{
 	padding: 10px 0px 10px 10px;
 	color: #FFF !important;
}
.table-url, .th-url, .tr-url, .td-url {
	border: 2px solid white;
}

.a-url{
	color:#565656
}

.qv-chart-tooltip-content table {
 color: white! important;
 font-size: 14px;
}

.modal-content{
	width:800px;
}

/* disable lasso and radial selection in map */
.lui-icon--lasso{
	display:none
}

.lui-icon--radial-select{
	display:none
}

#btn-back-covid19 {
    position: absolute;
    right: 18px;
    background-color: #62bb46;
    border: none;
	text-decoration: none;
}

#btn-mobile {
	/*
	position: absolute;
    right: 595px;
	*/
    background-color: #ccc;
    border: none;
	text-decoration: none;
}

#btn-report {
    position: absolute;
    right: 383px;
    background-color:  #a3d1d4;
    border: none;
	text-decoration: none;
}

#btn-report-who {
    position: absolute;
    right: 168px;
    background-color:  #a3d1d4;
    border: none;
	text-decoration: none;
}

#btn-opendata {
    position: absolute;
    right: 568px;
    background-color:  #a3d1d4;
    border: none;
	text-decoration: none;
}

/* KPI tooltip */
.tooltip-kpi {
  position: relative;
  display: inline-block;
}

.tooltip-kpi .tooltiptext {
  visibility: hidden;
  width: 400px;
  font-family: "Roboto",Helvetica,Arial,sans-serif !important;
  background-color: #6c757d;
  color: #fff;
  text-align: center;
  font-style: italic;
  font-weight: lighter;
  font-size: 14px;
  border-radius: 6px;
  padding: 10px ;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 3;
  top: 100%;
  left: 20%;
  margin-left: -60px;
}

.tooltip-kpi:hover .tooltiptext {
  visibility: visible;
}

.tooltip-kpi .tooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #6c757d transparent;
}

.subcontent-outer-45, .subcontent-45{
    float: left;
	height: 45%;
}

.subcontent-outer-50, .subcontent-50{
    float: left;
	height: 48%;
}
.subcontent-outer-60, .subcontent-60{
    float: left;
	height: 60%;
}

.subcontent-outer-65, .subcontent-65{
    float: left;
	height: 70%;
}

.subcontent-outer-75, .subcontent-75{
    float: left;
	height: 75%;
}

.subcontent-outer-95, .subcontent-95{
    float: left;
	height: 95%;
}


/*
#TAB1-MAIN-CARD-RIGHT .qv-inner-object .qv-viz  {
	height: 100%;
}*/

#TAB2-RIGHT-CARD1 .qv-st  {
	height: 88%;
}


/* to have the first line of disclaimer onbly, if toogle the full disclaimer text is displayed*/
.one-line-disclaimer {
    height: 1.5em;
    padding: 2px;
	padding-top: 0px;
	padding-right: 0px;
    overflow: hidden;
    margin-left: 15px; 
    margin-right: 15px   
}
/* break url to avoid overflow */
a{  word-break: break-all;}

/* qlik animator --> make page unresponsive !!!
#qlik-animator-value-YBqrJ {
	font-size: 14px !important;
}*/

.sn-kpi .sn-kpi-value-wrapper {
    align-items: center;
    font-size: 16px;
    font-weight: bold;
}

input[type="checkbox"] {
    position: absolute;
    left: -10000px;
}
#textAreaToggle0 + label {
    display: block;
	font-style:italic;
    font-weight:bold;
    text-decoration:underline;
	   position:absolute;
    right:40px
}
#textAreaToggle1 + label {
    display: block;
	font-style:italic;
    font-weight:bold;
    text-decoration:underline;
	   position:absolute;
    right:40px
}
#textAreaToggle2 + label {
    display: block;
	font-style:italic;
    font-weight:bold;
    text-decoration:underline;
	   position:absolute;
    right:40px
}
#textAreaToggle3 + label {
    display: block;
	font-style:italic;
    font-weight:bold;
    text-decoration:underline;
	   position:absolute;
    right:40px
}
#textAreaToggle5 + label {
    display: block;
	font-style:italic;
    font-weight:bold;
    text-decoration:underline;
	   position:absolute;
    right:40px
}
#textAreaToggle0 + label::before {content: 'Read more... ';}
#textAreaToggle0:checked + label::before { content: 'Read less... ';}
#textAreaToggle1 + label::before {content: 'Read more... ';}
#textAreaToggle1:checked + label::before { content: 'Read less... ';}
#textAreaToggle2 + label::before {content: 'Read more... ';}
#textAreaToggle2:checked + label::before { content: 'Read less... ';}
#textAreaToggle3 + label::before {content: 'Read more... ';}
#textAreaToggle3:checked + label::before { content: 'Read less... ';}
#textAreaToggle5 + label::before {content: 'Read more... ';}
#textAreaToggle5:checked + label::before { content: 'Read less... ';}

.qv-object-text-image .qv-media-tool-html.responsive-text.bp-2, .qv-object-text-image .qv-media-tool-html.responsive-text.bp-2 [size="1"], .qv-object-text-image .qv-media-tool-html.responsive-text.bp-2 [size="2"], .qv-object-text-image .qv-media-tool-html.responsive-text.bp-2 [size="3"] {
    font-size: 16px;
    overflow:hidden;
    padding:0;
}

.lui-radiobutton .lui-radiobutton__input:checked+.lui-radiobutton__radio-wrap .lui-radiobutton__radio {
    background: #28a745;
    border-color: transparent;
}

.sfssearchIcon {
	display:none
}

.btn-info {
	background-color : #f2f2f2 !important;
	color:  #595959 !important;
	font-weight: bold;
	border-color : gray
}

.btn-green {
	background-color : #62bb46 !important;
	color: #FFF ! important;
}

.btn:focus {
  outline: none;
  box-shadow: none;
}

.kpi-label-dist, kpi-label-admin {
 overflow:hidden;
}

/* pivot key figures */
.qv-pt .cell .top-meta-headers {
    text-align: left;
    min-height: 1.23076923em;
    font-size: 13px;
    display: none;
}

.qv-pt .cell.header.top {
    word-break: normal;
    word-wrap: normal;
    -webkit-word-break: normal;
    -webkit-word-wrap: normal;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    text-align: center;
}

.qv-pt .cell .left-meta-headers, .qv-pt .cell .top-meta-headers {
    overflow: hidden;
    padding: 5px 2.5px;
    box-sizing: border-box;
    white-space: normal;
    display: none;
}
.cell.ng-scope.null-value {
	background-color:#f2f2f2; 
	color: rgba(0,0,0,0); 
	font-size:0px;
}

#TAB0-COUNTRY-SUMMARY .qv-pt .cell.left-meta:after {
  content: "Country";
  padding-left: 15px;
  font-weight :bold;
  padding-bottom : 5px;
  color: #FFF
}

#TAB0-SUMMARY .qv-pt .cell.left-meta:after {
  content: "Indicators";
  padding-left: 15px;
  font-weight :bold
}




.qv-pt .cell.left-meta.empty.bottom-meta, .qv-pt .cell.top.empty.bottom-meta {
    background-color: #62BB46;
    color: white;
    /* text-align: center; */
    padding-bottom:5px;
}

#TAB0-SUMMARY th.cell.ng-scope.header.empty.left-meta.meta  {
    display: none;
}

.qv-pt .cell.header.top .value {
	margin-top:5px;
	margin-bottom:5px;
}

.qv-pt .cell.left-meta .value{
	font-size:5px
}


#btn-summary {
    font-size: 14px;
    height: 30px;
    padding-top: 3px;
}


/* ribbon */

.box {
  width: 200px; height: 300px;
  position: relative;
  border: 1px solid #BBB;
  background: #EEE;
}
.ribbon {
  position: absolute;
  left: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 15px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#F70505 0%, #8F0808 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #8F0808;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #8F0808;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}