@import "../../styles/variables";

.table-card {
  display: grid;
  grid-template-columns: auto auto 1fr;
  padding: 15px 15px 15px 0;
  min-height: 90px;

  &.two-columns {
    grid-template-columns: auto 1fr;
  }

  &:hover {
    background-color: $blue-650;
  }

  &.checked:not(.selected) {
    background-color: $blue-500;
    &:hover, &.contexted {
      background-color: $blue-550;
    }
  }

  &.selected {
    background-color: $blue-400;

    &:hover {
      background-color: $blue-480;
    }
  }
}

.content-row {
  padding: 2px;
  color: $cloudy-blue-two;

  .name {
    flex: 1;
    font-weight: bold;
    color: $blue-50;
    min-width: 0;
  }
}

.columns-container {
  min-width: 0;

  .name-container {
    min-width: 0;
    display: flex;
    margin-right: 12px;
  }
}

::ng-deep sm-model-tags .tag {
  margin-left: 0px !important;
  margin-right: 5px;
}
