.document-html-view.document .header {
  display: flex;
  margin-bottom: 20px;
  gap: 20px;
  padding: 0 .5rem;
  justify-content: space-between;
}

.document-html-view.document .header .logo {
  max-width: 200px;
}

.document-html-view.document .header .logo img {
  display: block;
  height: auto;
  max-width: 100%;
}

.document-html-view.document .header .document-information p.orderInformation {
  margin-bottom: 0;
  font-weight: bold;
}

.document-html-view.document .header .document-information p.orderInformation span {
  font-weight: normal;
}

.document-html-view.document .document-data {
  display: flex;
  margin-bottom: 20px;
  gap: 20px;
  font-size: 12px;
  padding: 0 .5rem;
  justify-content: space-between;
}

.document-html-view.document .document-data>* {
  flex: 1 0 auto;
  max-width: 33%;
}

.document-html-view.document .document-data p {
  margin-bottom: 0;
}

.document-html-view.document .document-data .customerInformationTitle {
  font-weight: bold;
  margin-bottom: 10px;
}

.document-html-view.document .headquarter-information p {
  margin-bottom: 0;
}

.document-html-view.document .headquarter-information .nameHeadquarterInformation {
  font-weight: bold;
  margin-bottom: 10px;
}

.document-html-view.document .orderProductImage {
  float: left;
  margin-right: 10px;
  width: 50px;
}

.document-html-view.document .orderProductInfo {
  width: calc(100% - 60px);
  float: left;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.document-html-view.document .orderProductName {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.document-html-view.document .orderProductName a {
  color: inherit;
}

.document-html-view.document .orderProductInfo :where(.orderOptions, .orderProductDiscounts) {
  color: var(--bs-gray-600)
}

.document-html-view.document table.order>*>tr>td:last-child,
.document-html-view.document table.orderDisclosure>*>tr>td:last-child {
  text-align: right;
}

.document-html-view.document table.order tbody tr td.orderProductAlerts {
  padding: 0px;
  text-align: left;
}

.document-html-view.document table.order tbody tr td.orderProductAlerts div.alert {
  border-radius: 0px;
  margin: 0px;
}

.document-html-view.document table.orderDisclosure {
  width: 100%;
  margin-bottom: 10px;
}

.document-html-view.document table.order>thead>tr>td:not(:first-child):not(:last-child),
.document-html-view.document table.order>tbody>tr>td:not(:first-child):not(:last-child) {
  text-align: center;
}

.document-html-view.document table.order,
.document-html-view.document table.orderDisclosure {
  font-size: 12px;
}

.document-html-view.document table.order>tfoot>tr>td,
.document-html-view.document table.order>tbody>tr>td {
  vertical-align: middle;
}

/* bundles */
.document-html-view.document span.orderBundleProductImage,
.document-html-view.document span.orderBundleImage {
  margin-right: .75rem;
  max-width: 50px;
  display: block;
  float: left;
}

.document-html-view.document .orderBundleName {
  font-weight: 500;
  display: block;
}

.document-html-view.document .orderBundleImageBtn {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.25rem;
  min-height: 50px;
  padding: 0;
  border: 0;
  background-color: transparent;
}

.document-html-view.document img.orderBundleImage {
  width: 100%;
}

.document-html-view.document .orderBundleInfo {
  float: left;
  width: calc(100% - 1.5rem - 50px);
}

.document-html-view.document .orderBundleProductInfo {
  width: calc(100% - 1.5rem - 50px);
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.document-html-view.document .orderBundleItem {
  display: flex;
  width: 100%;
  padding-top: 1rem;
}

.document-html-view.document .orderViewBundle {
  color: var(--tb-primary-500);
  border: 0;
  background-color: transparent;
  padding: 0.5rem;
  margin-left: -0.5rem;
  font-size: 11px;
  gap: 0.25rem;
  display: flex;
  align-items: center;
}

.document-html-view.document .orderViewBundle .icon {
  width: 0.75rem;
  height: 0.75rem;
  transition: transform 150ms ease-in-out;
  transform: rotate(180deg);
}

.document-html-view.document .orderViewBundle.collapsed .icon {
  transform: rotate(0deg);
}

@media(max-width: 449px) {
  .document-html-view .document-data {
    flex-direction: column;
  }
}

@media(max-width: 767px) {

  .document-html-view .header,
  .document-html-view .document-data {
    flex-wrap: wrap;
  }

  .document-html-view .header {
    flex-direction: column;
    align-items: flex-start;
  }

  .document-html-view .header {
    margin-bottom: 15px;
  }

  .document-html-view section.document-data p,
  .document-html-view .header .document-information p {
    text-align: left;
  }

  .document-html-view section.document-data>div {
    margin-bottom: 10px;
  }

  .document-html-view.document .orderProductImage {
    float: none;
  }

  .document-html-view.document .orderProductInfo,
  .document-html-view.document .orderBundleProductInfo {
    float: none;
    width: 100%;
    margin-top: 10px;
  }
}