.jchartfx .AdditionalUI > a {
cursor: pointer;
}
.jchartfx .AdditionalUI .cfx-custom > a {
cursor: pointer;
}
.jchartfx_period-picker {
  width:100%;
  text-align: center;
  padding-top: 5px; }
  .jchartfx_period-picker[cfx-dock="bottom"] {
    bottom: 0;
    border-top-style: solid;}
  .jchartfx_period-picker[cfx-dock="top"] {
    top: 0;
    border-bottom: 2px solid #eee;  }
  .jchartfx_period-picker > a, .jchartfx_period-picker .cfx-custom > a 
  {
    margin: 0 5px;
    text-decoration: none;
    padding: 5px; 
  }
  @media (max-width: 530px) {
    .jchartfx_period-picker > a, .jchartfx_period-picker .cfx-custom > a 
    {
      margin: 0 3px;
      text-decoration: none;
      padding: 5px; 
    }
  }  
  @media (max-width: 470px) {
    .jchartfx_period-picker > a, .jchartfx_period-picker .cfx-custom > a 
    {
      margin: 0 1px;
      text-decoration: none;
      padding: 5px; 
    }
  }  
  @media (max-width: 425px) {
    .jchartfx_period-picker > a, .jchartfx_period-picker .cfx-custom > a 
    {
      margin: 0 0px;
      text-decoration: none;
      padding: 5px; 
    }
  }  
  @media (max-width: 400px) {
    .jchartfx_period-picker > a, .jchartfx_period-picker .cfx-custom > a 
    {
      margin: 0 0px;
      text-decoration: none;
      padding: 4px; 
    }
  }  
  @media (max-width: 370px) {
    .jchartfx_period-picker > a, .jchartfx_period-picker .cfx-custom > a 
    {
      margin: 0 0px;
      text-decoration: none;
      padding: 3px; 
    }
  }  
  @media (max-width: 350px) {
    .jchartfx_period-picker > a, .jchartfx_period-picker .cfx-custom > a 
    {
      margin: 0 0px;
      text-decoration: none;
      padding: 2px; 
    }
  }  
  @media (max-width: 330px) {
    .jchartfx_period-picker > a, .jchartfx_period-picker .cfx-custom > a 
    {
      margin: 0 0px;
      text-decoration: none;
      padding: 1px; 
    }
  }  
  @media (max-width: 295px) {
    .jchartfx_period-picker > a, .jchartfx_period-picker .cfx-custom > a 
    {
      margin: 0 0px;
      text-decoration: none;
      padding: 1px; 
    }
    .jchartfx_period-picker .cfx-custom svg {
      display: none;
    }  
  }  
    .jchartfx_period-picker > a:hover, .jchartfx_period-picker .cfx-custom > a:hover {
      text-decoration: underline; }
    .jchartfx_period-picker > a.cfx-active, .jchartfx_period-picker .cfx-custom > a.cfx-active {
      border-bottom: 4px solid;}
  .jchartfx_period-picker .cfx-month {
    border-radius: 3px 0 0 3px;
    border-right: 0 solid transparent; }
  .jchartfx_period-picker .cfx-year {
    border-radius: 0 3px 3px 0;
    border-left: 0 solid transparent;
    width: 50px; }
  .jchartfx_period-picker .cfx-month, .jchartfx_period-picker .cfx-day {
    width: 35px; }
  .jchartfx_period-picker .cfx-customdates input {
    border: 1px solid; 
    padding: 2px; }
  .jchartfx_period-picker .cfx-custom {
    display: inline-block;
    position: relative; }
    .jchartfx_period-picker .cfx-custom svg {
      vertical-align: text-bottom;
      margin-left: 3px; }
    .jchartfx_period-picker .cfx-custom.cfx-active {
      border-bottom: none; }
      .jchartfx_period-picker .cfx-custom.cfx-active .cfx-customdates {
        display: block;
        xborder-top: 4px solid;  }
  .jchartfx_period-picker .cfx-customdates {
    display: none;
    position: absolute;
    left: -115px;
    top: -85px;
    border: 1px solid;
    padding: 3px;
    width: 200px; }
    .jchartfx_period-picker .cfx-customdates ul {
      list-style: none;
      padding: 0; }
      .jchartfx_period-picker .cfx-customdates ul li {
        text-align: right;
        margin: 3px; }
        .jchartfx_period-picker .cfx-customdates ul li.cfx-button {
          margin-top: 6px; }
          .jchartfx_period-picker .cfx-customdates ul li.cfx-button span {
            border-radius: 3px;
            padding: 3px 8px;
            cursor: pointer; }