@import "custom/customizing/default/base-styles.css";

.dlb-statistic-title {
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  font-size: 1.5em;
  letter-spacing: 1px;
}

table {
  border-collapse: collapse;
  width: 100%;
  color: #333;
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  font-size: 1em;  
  border-radius: 0.2em;
  overflow: hidden;  
  margin: auto;
  margin-top: 0.5em;
}

table th {
  background-color: rgb(26,161,225);
  color: #fff;
  font-weight: bold;
  padding: 0.1em;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ccc;  
}

table tr:nth-child(odd) td {
  background-color: #f2f2f2;
}

table tr:hover td {
  background-color: #ffedcc;
}

table td {
  background-color: #fff;
  padding: 1px;
  border-bottom: 0px solid #ccc;
  font-weight: bold;
}

text:hover {font-weight: bold}
.sector-top {transition: all 0.2s}
.sector-top:hover {font-weight: bold; transform: translate(0px, -10px); fill-opacity: 0.5; z-index: 1}
.vbar g:hover {fill-opacity: 0.7}
.bar g:hover {fill-opacity: 0.7}
circle:hover {opacity: 0.5}