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

.table-card {
  padding: 15px 15px 15px 0;
  min-height: 90px;

  &: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;
    }
  }

  ::ng-deep sm-experiment-status-icon-label {
    width: 80px;
  }
}

.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;
  }
}

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