.dataTableVizInsight {
  th.orderBy {
    cursor:pointer;
  }
}

.insightsDataTable {

  .controls {
    max-width: 500px;
    padding: 10px 0 0 0;

    .widget & {
      padding: 12px 12px 0;
    }

    > div {
      padding: 10px 0 0;
    }
  }

  th.orderBy {
    width: 20%;
  }

  th.orderBy.active {
    font-weight:bold;
  }

  .title {
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    width: inherit;
    display: block;
  }

  tr:not(.subDataTableContainer) { // required to overwrite the color set in main.less
    .grown {
      color: green;
    }

    .notGrown {
      color: red;
    }
  }

  .isMoverAndShaker {
    font-weight:bold;
  }
}
