.chart{
  &-wrapper{
    //display: inline-block;
    text-align: center;
    margin-bottom: $box-padding;
    svg{
      width: 100%;
    }
  }
  &-gauge{
    @extend %chart;
  }
  &-grid{
    text-align: center;
    .chart{
      &-wrapper{
        display: inline-block;
        width: 300px;
      }
    }
  }
}
.easy_query_chart {
  margin-bottom: $gap;
  .box &, .easy-content-page &{
    //margin-left: -$box-padding;
  }

  @include respond-to(min-sidebar-collapse){
    .tick{
      tspan + tspan{
        display: none;
      }
    }
  }
  .fake-responsive &{
    .tick{
      tspan + tspan{
        display: none;
      }
    }
  }

  svg {
    min-height: 300px;
  }

  .tick.zero line {
    opacity: 0;
  }
}
.c3{
  text{
    fill: rgba(darken($color-border, 10%),1);
  }
  //&-y{
  //  &grid{
  //    &:first-child{
  //      display: none;
  //    }
  //  }
  //}
  &-bar{
    stroke: mix($color-foreground,$color-background) !important;
    stroke-width: 3px !important;
  }
  &-axis{
    &-x{
      path,line,text{
        @include translateY($box-padding);
      }
      tspan{
        & + tspan{
          display: none;
        }
      }
    }
    &-y{
      path,line,text{
        @include translateX(-.5*$box-padding);
      }
      &-label{
        @include transform(translateX(-.5*$box-padding) rotate(-90deg) !important);
      }
    }
    line,path{
      stroke: rgba(darken($color-border, 10%),1) !important;
      opacity: .25;
    }
  }
  &-chart{
    &-texts{
      font-size: 1.25em;
    }
  }
  &-grid{
    opacity: .5;
  }

  &.is-rotated {
    .c3-axis {
      &-x {
        path, line, text {
          @include transform(unset);
        }
        &-label {
          display: none;
        }
      }
      &-y {
        path,line,text{
          @include transform(unset);
        }
        tspan{
          & + tspan{
            display: none;
          }
        }
      }
    }
  }

  &-bar,&-pie,&-line,&-text{
    //@for $i from 1 through length($palette) {
    //  &-#{$i - 1}{
    //    @include chart-scheme(nth($palette, $i));
    //  }
    //}
  }
}
.easy-chart{
  &-listing-links{
    @extend %calendar-listing-links;
  }
}