.nb-woo-booking {
  .field-finance {
    padding: 15px;
    p {
      font-weight: bold;
      font-size: 18px;
      margin-top: 10px;
    }
    .custom-info {
      border-bottom: 1px solid darkgrey;
      padding: 10px 0;
      p {
        &:last-child {
          display: flex;
          flex-flow: column wrap;
          span {
            font-size: 16px;
            &:last-child {
              font-weight: normal;
              color: darkgrey;
            }
          }
        }
      }
    }
    .info-payment {
      width: 100%;
      border-bottom: 1px solid darkgrey;
      padding: 10px 0;
      .info-payment-item {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        span {
          font-size: 16px;
          color: darkgrey;
          display: inline-block;
          width: 50%;
          &:last-child {
            color: #000000;
          }
        }
      }
    }
    .info-appointment {
      width: 100%;
      padding: 10px 0;
      .info-appointment-item {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        span {
          font-size: 16px;
          color: darkgrey;
          display: inline-block;
          width: 50%;
          &:last-child {
            color: #000000;
          }
        }
      }
    }
    .payment-sum {
      background-color: #F2F3F5;
      width: 100%;
      padding: 10px 10px;
      .payment-sum-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        & + .payment-sum-item {
          margin-top: 10px;
        }
        &.total {
          span {
            color: #000000;
            font-size: 20px;
          }
        }
        span {
          width: 50%;
          text-align: right;
          font-size: 16px;
          color: darkgrey;
          &:last-child {
            color: #000000;
          }
        }
      }
    }
  }
}