@import '../../../styles/colors';

.table {
  margin: 0 5vw 1vw;
  max-width: 90vw;

  &TopPagination {
    margin-bottom: 0.5vw;
  }
}

.projectTable {
  margin: initial;

  td {
    vertical-align: text-top;

    /* stylelint-disable */
    > span.material-icons {
      font-size: inherit;
      vertical-align: bottom;
    }
    /* stylelint-enable */
  }

  &Row {
    border-left: 1px solid $grey10;

    &:nth-of-type(1) {
      border-top: 3px solid $grey20;
    }

    &:nth-of-type(odd) {
      background-color: $grey10;
    }

    &:nth-of-type(even) {
      background-color: $white;
    }
  }

  &ActionButton {
    padding: 0;

    &Disabled > * > svg {
      color: $grey35;
    }

    &:hover {
      background: none;
    }
  }

  &Cell {
    &Action {
      padding: 0 16px 0 0;
      text-align: center;
      width: 3rem;
    }
  }

  &Toolbar {
    margin-left: 0;
    margin-right: 0;
  }

  &Pagination {
    margin: 0;
  }
}