.serieschart-series-footer {
  padding-bottom: 12px;
  width: 92%;
  margin: auto; }
  .serieschart-series-footer .series-metric-group {
    display: inline-block;
    border-bottom: 1px solid #bbb;
    padding: 3px 0 0;
    margin: 2px 8px 0 0; }
    .serieschart-series-footer .series-metric-group span.series-group-metric-name {
      font-size: 0.9em;
      padding: 0 8px; }
    .serieschart-series-footer .series-metric-group .footer-serie-container {
      display: inline-block;
      padding: 2px;
      margin: 0 8px 0 0; }
      .serieschart-series-footer .series-metric-group .footer-serie-container span.serie-square {
        width: 12px;
        height: 12px;
        cursor: pointer;
        display: block;
        float: left;
        margin-top: 2px; }
        .serieschart-series-footer .series-metric-group .footer-serie-container span.serie-square.is-hidden {
          opacity: 0.5; }
        .serieschart-series-footer .series-metric-group .footer-serie-container span.serie-square:hover {
          outline: 1px solid var(--dark-bg); }
      .serieschart-series-footer .series-metric-group .footer-serie-container i.serie-square {
        cursor: pointer; }
        .serieschart-series-footer .series-metric-group .footer-serie-container i.serie-square:hover {
          outline: 1px solid var(--dark-bg); }
        .serieschart-series-footer .series-metric-group .footer-serie-container i.serie-square.is-hidden {
          opacity: 0.5; }
      .serieschart-series-footer .series-metric-group .footer-serie-container span.footer-serie {
        padding: 0 0 0 5px;
        cursor: pointer;
        font-size: 13px;
        color: #333; }
        .serieschart-series-footer .series-metric-group .footer-serie-container span.footer-serie.is-hidden {
          opacity: 0.5; }
  .serieschart-series-footer .show-all-btn-container {
    display: block;
    padding: 8px;
    margin: 2px auto;
    max-width: 105px;
    height: 50px;
    position: absolute;
    bottom: -8px;
    right: 4px; }
    .serieschart-series-footer .show-all-btn-container span.show-all-btn {
      display: block;
      background: #4b8ee3;
      padding: 4px 12px 1px;
      border: 1px solid #4b8ee3;
      font-size: 1.35em;
      cursor: pointer;
      color: #fff; }
      .serieschart-series-footer .show-all-btn-container span.show-all-btn:hover {
        background: #ddd; }
      .serieschart-series-footer .show-all-btn-container span.show-all-btn i {
        font-size: 11px;
        padding-right: 8px; }

.heatchart-series-footer {
  padding-bottom: 12px; }
  .heatchart-series-footer .footer-serie-container {
    display: inline-block;
    padding: 4px;
    margin: 2px;
    background: #fff;
    border: 1px solid #ddd;
    margin: 0 1px 0 0;
    cursor: pointer; }
    .heatchart-series-footer .footer-serie-container.is-visible {
      background: #4c8ee3; }
    .heatchart-series-footer .footer-serie-container span.footer-serie {
      padding: 0 2px;
      font-size: 1.35em;
      color: #fff; }
      .heatchart-series-footer .footer-serie-container span.footer-serie.is-hidden {
        color: #aaa;
        font-weight: normal; }

.multistack-footer-switches {
  padding-top: 12px; }

.footer-switch {
  display: inline-block;
  font-size: 1.3em;
  padding: 4px 20px;
  background: #eee;
  cursor: pointer;
  margin: 2px; }
  .footer-switch:hover {
    background: #5a87a9;
    color: #fff; }
  .footer-switch.selected {
    background: #5a87a9;
    color: #fff; }

.scatterplot .series-metric-group {
  padding: 4px 0 24px;
  border-bottom: none; }