@import "../../../shared/ui-components/styles/variables";

table.admin-table {
  width: 100%;
  margin-top: 10px;
}

thead {
  font-size: 12px;
  color: $blue-400;
  border-bottom: solid 1px;

  th {
    font-weight: 500;
    text-transform: uppercase;
    padding-left: 2px;
    padding-bottom: 2px;
    &:nth-child(1) {
      width: 300px;
    }
    &:nth-child(2) {
      width: 200px;
    }
    &:nth-child(3) {
      width: 120px;
    }
    &:last-of-type {
     width: 64px;
    }

  }
}

tbody {
  tr {
    border-bottom: solid 1px $blue-500;

    td {
      color: $blue-250;
      padding: 8px 0 8px 5px;

      &:last-of-type {
        text-align: center;
      }
    }

  }
}

.delete-button {
  display: flex;
  align-items: center;
  color: $light-grey-blue;
}

