.batch-block {
  border: 1px solid gainsboro;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-bottom: 1rem;

  .batch-header {
    display: flex;
    justify-content: space-between;
    background-color: #F0F0F0; 
    padding: .5rem;
    margin-bottom: 1rem;
    .batch-title {
      font-size: .875rem;
      font-weight: 550;
    }
  }

  .batch-table {
    display: flex;
    padding: 1rem;

    .batch-stats {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      margin-right: 1rem;

      .batch-columns {
        display: flex;
        justify-content: space-around;
        div {
          margin-right: 1.5rem;
          text-align: center;
          border-bottom: 1px solid #E0E0E0;
          flex-grow: 1;
          &.is-batch {
            width: 25%;
          }
          &.is-available {
            width: 33%;
          }
          &.dates-column {
            margin-left: 1rem;
          }
        }
      }

      .batch-data {
        display: flex;
        justify-content: space-around;
        margin-top: .5rem;
        div, small {
          margin-right: 1.5rem;
          flex-grow: 1;
          &.is-batch {
            width: 25%;
          }
          &.is-available {
            width: 33%;
          }
          &.dates-data {
            margin-left: 1rem;
          }

          &.payments-data {
            display: flex;
            flex-direction: column;
            .payments-data-row {
              display: flex;
              justify-content: space-between;

              .payment-data-right {
                display: flex;
                justify-content: flex-end;
              }
            }
          }

          &.amount-data {
            display: flex;
            flex-direction: column;
            text-align: right;
          }

          &.total-payments-data {
            text-align: right;
          }
          &.total-amount-data {
            text-align: right;
          }
          &.status-data {
            .status-desc {
              margin-left: 20px;
            }
          }
        }
      }
    }

    .batch-actions {
      display: flex;
      flex-direction: column;
    }
  }

  .batch-footer {
    background-color: #F0F0F0;
    padding: .5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

}