.invoice {
  padding: 2rem;
}

.invoice .invoice-header {
  display: flex;
  justify-content: space-between;
}

.invoice .invoice-company .logo-image {
  width: 150px;
  margin-bottom: 0.5rem;
}

.invoice .invoice-company div {
  margin-bottom: 0.5rem;
}

.invoice .invoice-company .company-name {
  font-weight: 700;
  font-size: 1.5rem;
}

.invoice .invoice-title {
  font-size: 2rem;
  margin-bottom: 2rem;
  text-align: right;
}

.invoice .invoice-details {
  width: 18rem;
  display: flex;
  flex-wrap: wrap;
}

.invoice .invoice-details>div {
  width: 50%;
  margin-bottom: 0.5rem;
}

.invoice .invoice-details .invoice-label {
  text-align: left;
  font-weight: 700;
}

.invoice .invoice-details .invoice-value {
  text-align: right;
}

.invoice .invoice-to {
  margin-top: 1.5rem;
  padding-top: 2rem;
  border-top: 1px solid #E0E0E0;
}

.invoice .invoice-to .bill-to {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.invoice .invoice-to .invoice-to-info div {
  margin-bottom: 0.5rem;
}

.invoice .invoice-items {
  margin-top: 1rem;
  padding-top: 1rem;
}

.invoice .invoice-items table {
  width: 100%;
  border-collapse: collapse;
}

.invoice .invoice-items table tr {
  border-bottom: 1px solid #E0E0E0;
}

.invoice .invoice-items table th {
  font-weight: 700;
}

.invoice .invoice-items table th,
.invoice .invoice-items table td {
  padding: 1rem;
  text-align: right;
}

.invoice .invoice-items table th:first-child,
.invoice .invoice-items table td:first-child {
  text-align: left;
}

.invoice .invoice-summary {
  display: flex;
  justify-content: space-between;
  margin-top: 2.0rem;
  padding-top: 2.0rem;
}

.invoice .invoice-summary .invoice-value {
  font-weight: 700;
}

@media print {
  body * {
    visibility: hidden;
  }

  #invoice-content * {
    visibility: visible;
  }

  #invoice-content {
    position: absolute;
    left: 0;
    top: 0;
  }

  #invoice-content .card {
    box-shadow: none;
  }

  #invoice-content .card.invoice-table {
    margin-bottom: 10px;
    background-color: transparent;
  }
}

@page {
  size: auto;
  size: A4;
  margin: 0mm;
}

.p-mr-2 {
  margin-right: 0.5rem !important;
}