.globalvalue { /*text-align: left;*/
	color: #9E937D;
	padding: 0px;
	margin-right: 0px;
	margin-left: 150px;
	margin-top: 10px;
	margin-bottom: 5px;
	/*text-indent: 5px;*/
}

span.session-stored-notice {margin-left:-1em;color:#5d9ce4;font-sie:0.85em;font-weight: bold;}

div#indicator-values {
	margin-bottom:2em;
}
#addValueButton, .rmValue {line-height:2.6em}
#addValueButton span, .rmValue span {display:none}
#addValueButton i, .rmValue i {font-size:1.5em;margin-left:1em;}
#addValueButton i {color:#5FB75F}
.rmValue i {color:#FC7B7B}

#export-data {
	float:right;
	padding:0.5em 1em;
	margin:1em 0 2em 0;
	cursor: pointer;
}
#export-data i { margin-right:.8em; }
#export-data:hover { text-decoration:none ! important; }

/* necessary for multi-values export - do not remove */
#indicator-values-clone {
	position: absolute;
	top:-4000px;
}
.chart-container {
	margin: 0 auto 1em auto;
	position: relative;
	text-align: center;
	width:80%;
}
.copy-url-block {border-top:1px solid #eaeaea;;border-bottom:1px solid #eaeaea;margin-bottom:2.5em;}
.copy-url-block span.param {color:#d2a211;}
.copy-url-block .notice {font-size:0.8em;color:#777;}
.copy-chart-url {}

.graph {
	display:inline;
}

a.download-chart {
	display: none;
	position: absolute;
	left:5%;
	top:1.2em;
	opacity:0.8;
}

a.download-chart span {display: none; }

p.indicator-multivalue {
	border-bottom:1px solid #B1C5DB;
	padding:0 1em 0 2em;
}
p.value-total {
	font-weight:bold;
}

div.indicator-trend-values {
	font-size:0.9em;
	color:#848484;
	font-weight: bold;
	float:left;
}
div.indicator-trend-values span.rate-label {color:#848484;}
div.indicator-trend-values span.rate-value {color:#4FA0E2;}

/** qualitative table style */
div.qualitative-viz {margin:3em auto; }
table.qualitative-table {margin:2em auto;width:100%; border:1px solid #fff;}
table.qualitative-table tbody { background-color: transparent;}
table td.qualitative-header {text-align:center; border:1px solid #fff;}
table td.qualitative-value {text-align:center;line-height: 100px; border:1px solid #fff;opacity:0.7;color:#fff;}
table td.qualitative-value:hover {opacity:0.9}

div.qualitative-legend {text-align:right;width:100%;margin:0 0 3em 0;font-size:0.9em;}
div.qualitative-legend span.legend-block {width:30px;height:18px;display:inline-block;border:1px solid #F2F2F2;opacity:0.7;}
div.qualitative-legend span.legend-block:hover {opacity:0.9}
div.qualitative-legend span.legend-label {margin-right:2em;display:inline-block;}


.dashboard-indicator-label, .dashboard-indicator-tendency  {
	display:inline-block;
}

.indicator-boolean span.boolean-mask ~ span.unit, .indicator-qualitative span.boolean-mask ~ span.unit {display:none;}
.indicator-boolean span.boolean-mask, .indicator-qualitative span.boolean-mask {font-size:1.4em !important;}
span.boolean-true {}
span.boolean-false {}

/** datavisualisation type */
.dashboard-indicator-gauge {
	float: left;
	padding: 0px;
	text-indent: 0px;
	margin-left: 3px;
	margin-top: 0px;
	margin-right: 0px;
}

.dashboard-indicator-raw, .dashboard-indicator-sparkline {
	display:inline-block;
	padding: 0px;
	width:117px;
	text-align: center;
	position: relative;
}

.dashboard-indicator-raw .unit {
	display: block;
	color:#AFAFAF;
	font-size: 0.85em;
}

.dashboard-indicator-raw span.value, .dashboard-indicator-sparkline span.value,
.dashboard-indicator-raw span.no-value, .dashboard-indicator-sparkline span.no-value {
	font-size:1.9em;
	line-height:0.0em;
	color: #3A91A5;
	font-weight: bold;
}

.dashboard-indicator-gauge .cursor {
	position: relative;
	margin-top: -6px;
}

.dashboard-indicator-gauge .value {
	font-size: 10px;
	color: #9E937D;
	margin: 0px;
	padding: 0px;
	text-indent: -5px;
	margin-left: 3px;
	margin-right: 3px;
}

.dashboard-indicator-gauge .indicator-no-data {}
.dashboard-indicator-gauge .indicator-no-cursor {}

div.indicator-info-container {
	position: relative;
}
/**
div.indicator-info:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 15px;
		left: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; 
    border-right:10px solid #F2F6F9;   
}

div.indicator-info {
	display: none;
	position: absolute;
	top: -15px;
	left: 120px;
	width: 200px;
	padding:1em;
	border: 1px solid #ccc;
	background-color: #F2F6F9;
	color: #666;
	text-align: left;
	-moz-box-shadow: 5px 5px 5px #888;
  -webkit-box-shadow: 5px 5px 5px #888;
  box-shadow: 5px 5px 5px #888;
  z-index: 99;
}*/

div.indicator-info {
	display: none;
	position: absolute;
	top: -41px;
	left: 120px;
	width: 300px;
	padding:0 1em;
	position: absolute;
	background: #F2F6F9;
	border: 2px solid #ccd4d4;
	text-align: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/**
	-moz-box-shadow: 1px 1px 8px #777;
	-webkit-box-shadow: 1px 1px 8px #777;
	box-shadow: 1px 1px 8px #777;
	*/
  z-index: 99;
  font-size: 0.85em;
}
div.indicator-info:after, div.indicator-info:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

div.indicator-info:after {
	border-color: rgba(242, 246, 249, 0);
	border-right-color: #F2F6F9;
	border-width: 10px;
	margin-top: -10px;
}
div.indicator-info:before {
	border-color: rgba(204, 212, 212, 0);
	border-right-color: #ccd4d4;
	border-width: 13px;
	margin-top: -13px;
}

div.indicator-info p {
	margin:0;
	padding:.2em 0;
	border-bottom: 1px dotted #ccc;
}
div.indicator-info p:last-child {border-bottom: none; }

div.indicator-last-date {display:none;}
div.indicator-last-date {color:#ccc;font-size:0.8em;width:100%;text-align:center;margin:0 auto;}
div.indicator-last-date::before {
  content: "[";
}
div.indicator-last-date::after {
  content: "]";
}

.nolink {
	color: #60778E;
	text-decoration: none;
}


.li2 {
	padding:.6em 3px;
	text-indent: 3px;
	border-bottom:1px solid #e4e4e4;
}


/*table*/
table {
	border: none;
	font-size: 11px;
	color: #5F7B96;
}

h2.info {
	font-family: Arial, Helvetica, sans-serif;
	float: none;
}

#content .brendstep {
	display: block;
}

.valuecomment {
	margin-left: 2em;
	position:relative;
}

.valuecomment div.cont {
	padding:1em;
	margin:0 0 0 1em;
	display: none;
	position: absolute;
	left:-340px;
	top:0;
	color:white;
	background-color: #000;
	opacity:.7;
	width:300px;
	font-size: 11px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.not-attached a.indic-name {
	background: url(../images/indic-not-attached.png) transparent no-repeat right 3px;
	padding-right:1.5em;
}

td.rate {
	font-size:0.95em;
	color:#777;
}

#select-indicators {
	margin:1em 0;
	padding:0.1em 1em 1em 1em;
	
	background-color: #F4F4F4;
}

#select-indicators p {
	border-bottom: 1px solid white;
}

#display_sdi li, #display_scale li {
	border-bottom:1px solid #EFEFEF;
}

.dashboard-filter a {
	margin:0.5em 1em;
	padding:0.8em;
	background-color: #9CC2CB;
	color:white ! important;
	font-weight:bold;
	text-decoration: none ! important;
	display: block;
	min-width:45%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.dashboard-filter a i {
	margin-right:1em;
}

#by-finalities a {
	background-color: #9CC2CB;
}
#by-finalities a:hover {
	background-color: #B5D1D8;
}
#by-finalities a.selected {
	background-color: #85A6AD;
}

#by-association a {
	background-color: #A77A94;
}
#by-association a:hover {
	background-color: #B995A9;
}
#by-association a.selected {
	background-color: #936A81;
}


#main-chart-container {
	width:100%;
	height:650px;
	margin:3em auto;
	text-align: center;
}

#main-chart-container .highcharts-xaxis {color:blue;}

#pie-chart-container {
	width:100%;
}
	
#pie-chart {
	width:100%;
	height:500px;
	margin:0 auto;
}

@media only screen and (max-width: 959px) {
	#main-chart-container { height:500px;}
	#pie-chart { height:400px;}
}
@media only screen and (max-width: 600px) {
	#main-chart-container { height:400px;}
	#pie-chart { height:300px;}
}