@import "../../../assets/scss/variables";

.list-row {
  display: flex;
  position: relative;
  min-height: 50px;
  align-items: center;
  padding: 0 20px;
  margin-bottom: 10px;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #D9D9D9;
  background-color: white;

  &::after {
    content: "";
    width: 8px;
    height: 23px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: $main-color;
  }

  &.pending:after {
    background-color: $status-pending;
  }

  &.warning:after {
    background-color: $status-warning;
  }

  &.completed:after {
    background-color: $status-completed;
  }

  &.inactive:after {
    background-color: $status-inactive;
  }

  &.success:after {
    background-color: $status-success;
  }
  &.error:after {
    background-color: $status-error;
  }


}