/* fiscal range  */
.fiscal-range {
  margin-top: 4px;
  &:first-child { margin-top: 0; }
  .fiscal-range__year { //  for fiscal-range multiple fiscal year
    margin-top: 26px;
    &:first-child { margin-top: 0; }
  }
  .fiscal-range__title-bar { // For fiscal-range inside title bar or remove code
    max-width: 1268px;
    h2 {
      padding: 5px 0 0 0;
      float: left;
    }
    height: 30px;
    position: relative;
    .fiscal-action {
      background: color("white");
      height: 30px;
      padding: 0 0 0 5px;
      .btn {
        margin: 0 5px 0 0 !important;
        padding: 0;
        background: color("white") !important;
        @include border-radius(0);
      }
    }
  }
  .fiscal-range__row {
    position: relative;
    &.is-add-title {
      display: -ms-grid;
      display: grid;
      -ms-grid-template-columns: 160px auto;
      grid-template-columns: 160px auto;
      grid-column-gap: 1px;
    }
  }
  .fiscal-range__group {
    @include flexbox();
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -4px 0 0;
  }
  .fiscal-range__cell {
    width: 164px;
    padding: 3px 10px;
    margin: 0 1px 1px 0;
    height: 26px;
    text-align: center;
    background-color: color('polo-blue');
    cursor: pointer;
    &.fiscal-range__tilte {
      width: 160px;
      text-align: center;
    }
    &.active { background-color: color('pattens-blue-2'); }
  }
  .fiscal-range__cell--action {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    height: 26px;
    padding: 0;
    a {
      margin: 0 2px;
      display: block;
    }
  }
  /* fiscal range start view */
  &.fiscal-range-start {
    .fiscal-range__row {
      margin-top: 6px;
      &:first-child { margin-top: 0; }
    }
    .fiscal-range__column {
      width: 195px;
      margin: 0 4px 0 0;
    }
    .fiscal-range__cell {
      width: 100%;
      @include flexbox();
      margin: 0 0 4px 0;
      background-color: color('white-smoke');
      text-align: left;
      &.fiscal-range__tilte {
        text-align: center;
        justify-content: center;
        background-color: color('pattens-blue-2');
      }
    }
    .is-action {
      position: relative;
      padding-right: 64px;
      .fiscal-range__cell--action { @include flexbox(); }
    }
    .is-ellipsis {
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      @media (max-width: 1200px) {
        .fiscal-range__column { width: calc(16.66% - 4px); }
      }
      .fiscal-range__cell {
        display: block;
        @include text-with-ellipsis();
      }
    }
  }
}