@import '~cosmoUiVariables';

.consolidationCardContainer {
    background: #fff;
    box-shadow: 0 2px 1px rgba(0,0,0,0.05);
    margin-bottom: 2px;
    flex-wrap: wrap;
    &:hover {
      background: #f9f9f9;
    }
  }

  .consolidationCardContainerOpen {
    background: #F8F8F8;
  }

  .consolidationCardContainerActive{
    background: $color-blue-100;
    &:hover {
      background: $color-blue-100;
    }
  }

  .consolidationCardInfo {
    padding: 14px 10px;
  }

  .consolidationCardJobs {
    background: #F8F8F8;
    padding: 10px;
    flex-wrap: wrap;
  }

  .consolidationCardJobsActive {
    background: $color-blue-100;
  }

  .consolidationCardJob {
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    margin: 7px 0;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.05);
    &:hover {
      box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
    }
  }

  .toggle {
    flex-basis: 3%;
  }

  .frequency {
    flex-basis: 9%;
    padding-left: 2%;
    text-align: center;
  }

  .jobCount {
    flex-basis: 9%;
  }

  .jobRef {
    flex-basis: 33%;
  }

  .itemCount {
    flex-basis: 8%;
  }

  .postCode {
    width: 16%;
  }

  .deliveryWindow,
  .collectionWindow {
    flex-basis: 23%;
  }


  .deliveryWindowCard {
    flex-basis: 24%;
  }

  .count {
    color: #fff;
    background: #666;
    border-radius: 15px;
    font-size: 11px;
    display: inline-block;
    padding: 3px 12px;
  }

  .countOpen {
    background: $color-blue-500;
  }