.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.see-pie-chart {color: #E98E4E ! important;text-decoration: none ! important;margin-left:1em;} a.see-pie-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 { 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;} .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; } .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-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::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; } .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;} }