/* :begin file: chart10.css */

svg .lekton_chart,
svg .lekton_header,
svg .lekton_source {
  font-size: 180px;
}

/* HEADER STYLES */

.lekton_title_container {
  padding-bottom:10px;
}

.lekton_title {
  font-size: 270px;
  font-weight: normal;
}
  
.lekton_subheadline {
  font-size: 270px;
  font-weight: 400;
  }

.lekton_caption,
.lekton_subcaption {
  font-size: 210px;
  letter-spacing: 5px !important;
  font-weight: bold;
  }

/* text color */
.lekton_caption,
.lekton_subcaption,
.tick text,
.population_pyramid .legends,
.lekton_reference_area text {
  fill: black;
}

/* CHART STYLES FOR ALL CHARTS */

.selectable.non_hovering {
  opacity: 0.2;
  }
  
/* highlight */
/* solve multi-charts */

.choropleth .highlighted,
.generic_choropleth .highlighted,
.reg_district_choropleth .highlighted {
  stroke-width: 30 !important;
}

/*
.boundary_label.highlighted { 
  fill: rgb(255,90,100) !important;
}
*/

/* obsolete */
/*
.lekton_tooltip_content .highlighted {
  color: rgb(255,90,100) !important;
}
*/

/* axis styles */

.tick line {
  stroke: rgb(46,45,44);
  stroke-width: 10;
}
  
.axis--x path {
  display: none;
}

.grid .tick:not(.zero-tick) line ,
line.vv-missing-baseline,
line.separator {
  stroke-dasharray: 10 40;
}

.axis--x .tick text{
  font-size:180px;
}

.axis--y .tick text{
  font-size:180px;
}

.axis--y .domain {
  stroke: none; 
}

.axis--y.right text {
  display: none;
}

.lekton-axes line {
  stroke: #C6C6C6;
  stroke-width: 10;
}

/* reference area */
.lekton_reference_area rect {
  pointer-events: none;
  fill: white;
  fill-opacity: .50;
}

.lekton_reference_area text {
  font-size: 160px;
}

/* reference line */
.lekton_reference_line line {
  stroke: rgb(46,45,44); /* same as axes */
  stroke-opacity: .45;
  stroke-width: 20;
}

.lekton_reference_line text {
  fill: rgb(46,45,44);
  font-size: 160px;
}


/* boundary labels */
/* also cf highlight */

.boundary_label{
  /*
  fill: black;
  */
  font-size: 220px;
}


/* TODO set style inline */
.lekton_chart:not(.area):not(.stacked_column):not(.multilinechart) .boundary_label {
  fill: black;
}


/* CHART STYLES FOR SPECIFIC CHARTS */


/* population_pyramid */

.population_pyramid .bar {
  stroke-width: 10px;
}

.population_pyramid .bar.non_hovering {
  stroke-width: 0;
}

/* donut and pie */

.donut .first_line,
.pie .first_line {
  font-weight: bold;
}

.donut path,
.pie path {
  stroke-width: 6px; /* otherwise there are aliasing effects btw segments */
}

.donut text:not(.lekton_subcaption),
.pie text {
  font-size: 160px;
}

/* bar, line and multiline chart */

.bar,
.dot/*,
.layer[class*="col"] .bar:hover */ {
  transition: all 0.25s;
}

/*
.bar {
  fill: hsl(0,0%,47%);
}
*/

/* multiline color definitions */
/*
TODO set multi-chart styles inline
*/
.lekton_chart.multilinechart .bar {
  fill: hsl(0,0%,47%);
}

.lekton_chart.grouped_column .line,
.lekton_chart.grouped_column .dot,
.lekton_chart.stacked_column .line,
.lekton_chart.stacked_column .dot
{
  stroke: hsl(0,0%,47%);
}


/* line and multiline chart */

.line {
  /*
  stroke: #009EC9;
  stroke: hsl(0,0%,47%);
  */
  stroke-width: 30;
  fill: none;
}

.line:hover ~ .dot {
  stroke-width: 40;
  fill-opacity: 1;
}

.dot {
  fill: white;
  /*
  stroke: hsl(0,0%,47%);
  */
  stroke-width: 0;
  fill-opacity: 0;
}

.dot:hover,
.dot.unique,
.revealed .dot:last-child {
  stroke-width: 40;
  fill-opacity: 1;
}

/* barchart */

.barchart .axis--x .tick line,
.population_pyramid .axis--x .tick line {
  stroke: #ccc;
}

.barchart .axis--y .tick line,
.population_pyramid .axis--y .tick line {
  stroke: none;
}

.barchart .separator { 
  stroke: #999;
}

/* choropleth */

.legend text {
  text-anchor: start;
    font-size: 160px;
}

.legend text.diagonal {
  text-anchor: start;
}

.generic_choropleth path:not(.vv-choropleth-boundary)
{
  stroke: #9a9a9a;
  stroke-width: 5px;
}

.choropleth path, 
.reg_district_choropleth path,
{
  stroke: #9a9a9a;
  stroke-width: 10px;
}

.legend .tick.displayed
{
  stroke: #9a9a9a;
  stroke-width: 10px;
}

/* scatterplot */

.regression-line line {
  stroke: #333;
  stroke-width: 10px;
}

/* time_series */

.time_series .line:hover ~ .dot {
  stroke-width: 40;
  fill-opacity: 1;
}

/* treemap */

.treemap .leaf text {
  fill: white;
}

.treemap .leaf .reverse text {
  fill: black;
}

.treemap .leaf text.key {
  font-size: 160px;
  font-weight: 900;
}

.treemap .leaf text.value {
  font-size: 150px;
  font-weight: 100;
}

/* chart type table */

.lekton_chart.table {
  display: inline-block;
}
.lekton_chart.table table {
  font-size: 11px;
  border-collapse:collapse;
  padding:0px;
  background-color: rgb(243, 241, 239);
  border:10px solid rgb(243, 241, 239);
}

.lekton_chart.table thead tr:last-child {
  /* TODO replace
  background-image: url("../img/graypixel.png");
  */
  background-repeat:repeat-x !important;
  background-position: 0% 90%;
}


.lekton_chart.table tbody td,
.lekton_chart.table tbody th {
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: dotted 1px rgb(46,45,44) !important;
  border-bottom: dotted 1px rgb(46,45,44) !important;
  padding: 2px 4px 0 4px;
}



.lekton_chart.table .lekton_title,
.lekton_chart.table .lekton_subheadline {
  font-size: 17px;
}

.lekton_chart.table .lekton_title {
  font-family: 'Wiener Melange Extra Bold Office Regular'
}

.lekton_chart.table .lekton_subheadline {
  font-family: 'Wiener Melange Office Regular';
  font-weight: 400
}

.lekton_chart.table thead {
  text-align:left;
  min-height: 108;
} 

.lekton_chart.table .lekton_group_header,
.lekton_chart.table .sortable_table_column {
  padding: 0 4px;
  text-align:right;
  letter-spacing: 0.05em;
}
.lekton_chart.table .lekton_group_header {
  border-left: 1px solid #ccc;
}


.lekton_chart.table tbody {
  text-align: right;
  min-height: 581;
}

.lekton_chart.table .lekton_source_url, 
.lekton_chart.table .lekton_credits {
  color: black;
  font-size: 11px;
}


.lekton_chart.table tfoot {
  text-align: right !important;
  min-height:  51;
  background-repeat: no-repeat;
  letter-spacing: 0.05em;
  background-position: 15px 50%;
  background-size: 50px;
}
.lekton_chart.table tfoot td {
  padding-top:10px;
}
.lekton_chart.table .lekton_source_url {
  padding-right: 5px;
}

.lekton_chart.table td.highlighted {
  font-weight: bold;
  /* color:rgb(255, 90, 100); */ /*morgenrot*/
}

.lekton_chart.table .sortable_table_column {
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center left;
  background-padding-right: 21px;
}
.viennaviz_html_footer {
  padding:10px 5px 5px 10px;
  background-color: #fff;
}

.viennaviz_html_footer svg:last-child {
  float:right;
}

/* FOOTER */
/* footer source */

.lekton_source text {
  font-size: 160px; 
  fill: black;
}
  
/* does not work in new coordinates anymore */
/*
.lekton_source:hover,
.lekton_source:focus,
.lekton_source:active,
.lekton_source:visited {
  text-decoration:underline;
  text-decoration-thickness: 1%;
}
*/

.lekton_credits {
  font-weight: bold;
}


/* TOOLTIPPS */


.lekton_tooltip_content {
  padding:5px 0 5px 0;
}

.lekton_tooltip_content a,
.lekton_tooltip_content a:link,
.lekton_tooltip_content a:visited,
.lekton_tooltip_content a:hover,
.lekton_tooltip_content a:active {
  color: inherit;
  text-decoration: inherit;
  font-weight: inherit;
}

.lekton_tooltip_content ul,
.lekton_tooltip_content ul li {
  padding:0;
  margin:0;
  list-style-type:none;
  margin-top:2px;
}

.lekton_tooltip_content ul li.download {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24'%3E%3Cpath d='M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z' fill='%23a1a0a0' /%3E%3C/svg%3E");  
  background-repeat: no-repeat;
  background-position-y: 2px;
  padding:0 0 0 20px;
}
.lekton_tooltip_content .key {
  font-weight: bold;
}

/* :end file: chart10.css */