.reportViewContainer {
  margin-top: -30px;

  .row {
    padding: 0 !important;
  }

  .header {
    font-weight: initial;

    .viewName {
      font-weight: bold;
    }

    .action {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-align: baseline;
      -ms-flex-align: baseline;
      align-items: baseline;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;

      .timeFilter {
        margin: 0 10px;
      }

      .timeValue {
        font-size: 12px;
        margin: 0 10px;
      }

      .dropdown .menu {
        left: -15px;
      }
    }

    &:not(.edit) {
      .filter {
        margin: 10px 0;
      }
    }

    &.edit {
      .row {
        padding: 10px 0 !important;
      }

      .viewName {
        label {
          margin: 0 5px;
        }
      }
    }
  }

  .addChartButton {
    margin: 10px 15px;
  }

  .chartsContainer {
    padding: 10px 0;
    margin: 0 -7px;
  }
}

.report-name{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.report-details{
   // padding: 0px !important;
    .icon{
      cursor: pointer;
      color:#4e92e5;
    }
}
.report-container {
  // padding-left: 10px !important;
  // padding-right: 10px !important;
}
.date-display{
  color: #4e92e5;
  // display: inline;
  &.align{
    margin-right: 40%;
  }
}
.dim-filters{
  margin-top: 0px !important;
}
.report-form{
  padding-bottom: 0px !important;
}
.loading-text{
  text-align: center;
  font-style: italic;
}
.ui.grid.chart-area {
    margin-top: 0;
    .row.chart-area-row{
      padding-top: 0;
    }
}

.ui.modal > .chart-selection-modal-body{
  min-height: calc(70vh) !important;
}


.report-data-status{
  text-align: right;
  padding: 24px;
  font-size: 12px;
  font-family: open-sans;
  line-height: 16px;
  color: #707070;

  #view-more-option{
    padding-left: 15px;
    color: #009fda;
    cursor: pointer;
  }
}
