.main {
  
  .toggle {
    margin-left: auto;
  }
  .state {
    display: inline-block;
    padding: 0 8px;
    border-radius: 10px;
    background-color: #777777;
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 700;
    &.active {background-color: #28A814;}
    &.suspended,&.cancelled {background-color: #D9235F;}
  }
}

.details{
  margin-top: 15px;
}

.main .name,.details{
  margin-right: 24px;
  >div{
    display: flex;
    margin-bottom: 5px;
    >div:first-child{
      flex-shrink: 0;
      width: 160px;
      color: var(--second);
    }
  }
}

.block {
  margin-bottom: 16px;
  &:last-child {margin-bottom: 0}
  &.row {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}
