#current-sel {
  color: rgb(127, 100, 155);
  font-size: 0.85em;
  text-align: right;
  font-style: italic;
  padding: 0 1.8em;
}

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

#chart-percent-switch {}
#chart-percent-switch label {}
.percent-label {font-size:0.85em;color:#ccc;}

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

div#indicator-values {
	margin-bottom:2em;
}

.indicator-analysis {
	padding: 0.1em 3em;
	border-bottom: 2px solid #78cdf4;
	border-top: 2px solid #78cdf4;
	margin: 0 1em 3em 1em;
	color: #3b7691;
	font-weight: bold;
}
.indicator-analysis p {display:block}
.indicator-analysis p:before {
	font-weight:normal;
	font-size: 1.2em;
	content:"\f201 ";
	font-family:fontAwesome;
	padding-right:0.8em;
}

div#indicator-values label.autowidth {
line-height: 3.7em;
}
#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.see-detail-chart {color: #E98E4E ! important;text-decoration: none ! important;margin-left:1em;}
a.see-detail-chart:hover {color: #EA9A62 !important}

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

p.indicator-multivalue {
	border-bottom:1px solid #B1C5DB;
	padding:0 1em 0 2em;
}
p.value-total, p.value-mean {
	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;}

td.graphic-values {width:300px;}

.dashboard-indicator-gauge, .indicator-qualitative div.dashboard-indicator-raw {line-height: 2.5em;}

div.gauge {
	background: rgb(255,144,0);
	background: linear-gradient(110deg, rgba(255,144,0,1) 0%, rgba(217,201,0,1) 50%, rgba(192,240,0,1) 100%);
	/*
	background: linear-gradient(110deg, rgba(255,117,0,1) 0%, rgba(207,217,0,1) 50%, rgba(128,240,0,1) 100%);
	background: linear-gradient(90deg, rgba(214,67,158,1) 0%, rgba(168,100,230,1) 50%, rgba(166,173,238,1) 100%); */
	width:150px;
	height:10px;
	text-align:center;
	/*border:1px solid #fff;*/
	margin:1em auto 0 auto;
	border-radius:3px;
}

div.g-no-fit {background: linear-gradient(0deg, rgba(255,181,181,1) 0%, rgba(198,86,86,1) 100%); background: #ffb6b6; }
div.g-no-value {background: linear-gradient(0deg, rgba(213,213,213,1) 0%, rgba(195,195,195,1) 100%); background: #e6e6e6;}

.dashboard-indicator-raw, .dashboard-indicator-sparkline, .dashboard-indicator-gauge {
	display:inline-block;
	padding: 0px;
	width:180px;
	text-align: center;
	position: relative;
	min-height:2em;
}

.dashboard-indicator-tendency  {
	display:inline-block;
	margin:0 0.5em;
}

.dashboard-indicator-raw.multiple-none .infobox.value { color:#ff7b7b;font-size:0.8em;}


.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, .dashboard-indicator-sparkline, .dashboard-indicator-gauge {
	display:inline-block;
	padding: 0px;
	width:180px;
	text-align: center;
	position: relative;
	min-height:2em;
}

.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-raw span.no-data, .dashboard-indicator-sparkline span.no-data {
	color: #ff4c4c ! important;
	opacity:0.6;
	font-size:1em ! important;
	text-transform: uppercase;
}

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

.dashboard-indicator-gauge .threshold {
  background: #888;
  text-align:center;
  height: 14px;
  width: 1px;
  position:relative;
  left:50%;
  top:-2px;
}

.dashboard-indicator-gauge .circle {
top: -18px;
background: #444;
border: 2px solid #444;
border-radius: 3px;
height: 18px;
width: 0.3em;
position: relative;
}

.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;
	top: -45px;
	left: 190px;
	width: 300px;
	padding:0 1em;
	position: absolute;
	background: #ffffff;
	border: 2px solid #ccd4d4;
	text-align: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height:1.7em;
  z-index: 99;
  font-size: 0.8em;
}
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(255, 255, 255, 0);
	border-right-color: #ffffff;
	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::before {
  content: "[";
}
div.indicator-last-date::after {
  content: "]";
}
*/

.indicator-last-date {text-align: center;margin:0 auto;color:#ccc;font-size:0.8em;display: inline-block;border:1px solid #ddd;border-radius:5px;padding:0.2em 0.4em;transition: background linear 200ms;}
.indicator-last-date:hover {border:1px solid #444;background-color:#444;color:white;cursor: help;}

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


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

.tab-content {background: #FCFCFC ;}

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

table.table_dashboard {font-size: 0.9em;margin-bottom:5em;}

.table_dashboard tbody td {
    padding: 1em 0.5em 1em 1em;
    background-color: white;
    border-bottom: 1px solid #DEDEED;
    /*border-bottom: 1px solid #ffffff;*/
}
h2.info {
	font-family: Arial, Helvetica, sans-serif;
	float: none;
}

#content .brendstep {
	display: block;
}

.valuecomment {
	margin-left: 2em;
	position:relative;
}
.analysis {
	margin-left: 1em;
	display: inline-block;
	color:#0087ff;
}


.valuecomment div.cont {
	padding:1em;
	margin:0 0 0 1em;
	display: none;
	position: absolute;
	left:-310px;
	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:1em auto 2em 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;
}


i.api-plugged  {padding-left:0.2em;}
i.api-plugged.active  {color:#25d291;}
i.api-plugged.inactive {color:#88a5ff;opacity:0.5}

.button.small {margin:1em 0.7em !important;font-size:0.85em;}

@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;}
}

div.grid-indicator {
	border:2px solid #fff;
	border:2px solid #efefef;
	text-align: center;
	display:inline;
	transition: all 0.3s ease-in-out;
	border-radius:6px;
	/*box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.12);*/
}

div.grid-indicator:hover {border:2px solid #33a2aa;/*background-color:var(--soft-background);*/}

div.grid-indicator div.indicator-info {
	top:-4.5em;
	left: 240px;
	width:100%;
	background: #fff;
	z-index: 9999;
}

tr.indicator div.indicator-level {font-size:0.8em;color:#e69731;opacity:0.5;transition: opacity 1s ease-in-out;}
tr.indicator div.indicator-level:hover {opacity:1}

div.grid-indicator .indicator-last-date, div.grid-indicator .dashboard-indicator-tendency {display:inline ! important;}

div.grid-indicator .dashboard-indicator-raw, div.grid-indicator .dashboard-indicator-sparkline, div.grid-indicator .dashboard-indicator-gauge {width:100%;}

div.grid-indicator .indicator-level {color:#e69731;font-size:0.8em;font-weight:bold;opacity:0.3;transition: opacity 1s ease-in-out;/*display:none;*/}
div.grid-indicator .indicator-level:hover {font-size:0.8em;opacity:1}
div.grid-indicator .indicator-name-cont {display:block;}
div.grid-indicator .indicator-name {font-weight:bold;font-size: 1.1em;margin:0.5em 0;color:#4d5360}
div.grid-indicator .indicator-name:hover {text-decoration: none; color:#3559a6;}
div.grid-indicator a.ico-add {display: none;margin:0 0.2em;}
div.grid-indicator:hover .indicator-name-cont > a.ico-add { display:inline-block ! important;}

div.grid-indicator a.ico-add i.fa {color:#66a2ff;}
/*div.grid-indicator a.ico-add i.fa:hover {opacity:1;}*/
div.grid-indicator a.ico-add span {display: none}
div.grid-indicator .dashboard-indicator-raw span.value, div.grid-indicator  .dashboard-indicator-raw span.no-value { color:#555555;line-height:1.3em;}

.indicator-switcher-container {

	/*border-bottom: 2px solid #94ced2;
	border-radius: 0.3em;
	background-color: #efefef;*/
	width: fit-content;
	padding: 0.2em 0.5em;
}
.indicator-switcher-container label {margin:0 0.5em;}
.indicator-switcher-container span {margin-top:0.7em}

.toggle_title a#aff-copy-url:hover {
	text-decoration: none !important;
	color: #33A2AA !important;
	border: 1px solid #33A2AA;
}
.toggle_title a#aff-copy-url {
	background-color: transparent;
	background-image:none;
	padding: 0.5em;
	color: #bbb !important;
	border: 1px solid #ccc;
	font-variant: small-caps;
	border-radius: 0.1em;
	font-size: 0.85em;
	text-align: center;
}

/** Multiple entries modal */
#multiple-entry-container {padding:0.5em 1em;}
#multiple-entry-container .selected-scale-cont { color:#0b5093;font-style: italic; }

a#multiple-entry::before {
	content: "\f0ce";
	font-family: FontAwesome;
	text-decoration: none;
	padding: 0 0.5em 0 0;
	font-size:1.2em;
}
td.t-id { width: 30px;font-size: 0.9em;color:#ccc;text-align:right}
td.t-value { max-width: 50px}
td.t-nodata { max-width: 20px}
td.t-threshold { max-width: 50px;}
td.t-date { max-width: 50px}
td.t-comment { max-width: auto;}

.f-error {border: 2px solid red;}

.mapping-fields span {
	border: 1px solid #897ce1;
	border-radius: 0.7em;
	padding:0.2em 0.8em;
	margin:0.2em 0;
	display: inline-block;
	font-size: 0.9em;
	color: #897ce1;
}

.indic-input-instruction {
	color:#3030bd;
	font-size: 0.9em;
	text-align: center;
	border: 1px solid #7b7bf4;
	border-radius: 0.7em;
	padding:0 1em;
	margin-bottom:1em;
}

.modification-history {display: inline;}