/*** History page ***/
#history, #module-applifortnoxconnect-invoicehistory {
  font-size: 16px;
  line-height: 25px;
}
#history #orders .orderheader, #history #invoices .orderheader, #module-applifortnoxconnect-invoicehistory #orders .orderheader, #module-applifortnoxconnect-invoicehistory #invoices .orderheader {
  padding: 0.5rem 1.5rem 0.5rem;
  border-radius: 0;
  margin: 0;
}
#history #orders .orderheader div, #history #invoices .orderheader div, #module-applifortnoxconnect-invoicehistory #orders .orderheader div, #module-applifortnoxconnect-invoicehistory #invoices .orderheader div {
  text-align: left;
  white-space: nowrap;
  color: #383838 !important;
}
@media (max-width: 991.99px) {
  #history #orders .orderheader div, #history #invoices .orderheader div, #module-applifortnoxconnect-invoicehistory #orders .orderheader div, #module-applifortnoxconnect-invoicehistory #invoices .orderheader div {
    text-align: center;
    font-size: small;
  }
}
@media (min-width: 991px) and (max-width: 1199.99px) {
  #history #orders .orderheader div, #history #invoices .orderheader div, #module-applifortnoxconnect-invoicehistory #orders .orderheader div, #module-applifortnoxconnect-invoicehistory #invoices .orderheader div {
    font-size: 13px;
  }
}
#history #orders .documents, #history #invoices .documents, #module-applifortnoxconnect-invoicehistory #orders .documents, #module-applifortnoxconnect-invoicehistory #invoices .documents {
  border-bottom: 1px solid #eee !important;
}
#history #orders .documents .accordion .ui-accordion-header, #history #invoices .documents .accordion .ui-accordion-header, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header {
  padding: 0.5rem 1.5rem 0.5rem;
  cursor: pointer;
  margin-bottom: 0;
  background: white;
  border-radius: 0;
  border-color: transparent;
  border-top: 1px solid #eee !important;
  color: #383838 !important;
}
#history #orders .documents .accordion .ui-accordion-header:last-child, #history #invoices .documents .accordion .ui-accordion-header:last-child, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header:last-child, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header:last-child {
  border-bottom: 1px solid #eee !important;
}
#history #orders .documents .accordion .ui-accordion-header.ui-accordion-header-active, #history #invoices .documents .accordion .ui-accordion-header.ui-accordion-header-active, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header.ui-accordion-header-active, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header.ui-accordion-header-active {
  background-color: #fafafa !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}
#history #orders .documents .accordion .ui-accordion-header.canceled div.row div, #history #invoices .documents .accordion .ui-accordion-header.canceled div.row div, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header.canceled div.row div, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header.canceled div.row div {
  color: darkgrey !important;
}
#history #orders .documents .accordion .ui-accordion-header button, #history #invoices .documents .accordion .ui-accordion-header button, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header button, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header button {
  cursor: pointer;
  color: white;
  background-color: #2742B2 !important;
  padding-top: 0;
  padding-bottom: 0;
}
#history #orders .documents .accordion .ui-accordion-header button:hover, #history #invoices .documents .accordion .ui-accordion-header button:hover, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header button:hover, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header button:hover {
  color: yellow;
}
#history #orders .documents .accordion .ui-accordion-header div div div:not(.payment), #history #invoices .documents .accordion .ui-accordion-header div div div:not(.payment), #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header div div div:not(.payment), #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header div div div:not(.payment) {
  margin-top: 4px;
}
#history #orders .documents .accordion .ui-accordion-header div div div img, #history #orders .documents .accordion .ui-accordion-header div div div svg, #history #invoices .documents .accordion .ui-accordion-header div div div img, #history #invoices .documents .accordion .ui-accordion-header div div div svg, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header div div div img, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header div div div svg, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header div div div img, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header div div div svg {
  width: 20px;
}
#history #orders .documents .accordion .ui-accordion-header div div div .status-icon .icon, #history #invoices .documents .accordion .ui-accordion-header div div div .status-icon .icon, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header div div div .status-icon .icon, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header div div div .status-icon .icon {
  --bg: white;
  width: 24px;
  height: 24px;
}
#history #orders .documents .accordion .ui-accordion-header div div div .status-icon .icon .bg, #history #invoices .documents .accordion .ui-accordion-header div div div .status-icon .icon .bg, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header div div div .status-icon .icon .bg, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header div div div .status-icon .icon .bg {
  fill: var(--bg);
}
#history #orders .documents .accordion .ui-accordion-header div div div .status-icon .icon .line, #history #invoices .documents .accordion .ui-accordion-header div div div .status-icon .icon .line, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header div div div .status-icon .icon .line, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header div div div .status-icon .icon .line {
  fill: none;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#history #orders .documents .accordion .ui-accordion-header div div div.status-canceled .status-icon .icon .line, #history #invoices .documents .accordion .ui-accordion-header div div div.status-canceled .status-icon .icon .line, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header div div div.status-canceled .status-icon .icon .line, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header div div div.status-canceled .status-icon .icon .line {
  stroke: darkgrey !important;
}
#history #orders .documents .accordion .ui-accordion-header div div div.status-created .status-icon .icon, #history #invoices .documents .accordion .ui-accordion-header div div div.status-created .status-icon .icon, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header div div div.status-created .status-icon .icon, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header div div div.status-created .status-icon .icon {
  --accent: coral !important;
  --stroke: coral !important;
}
#history #orders .documents .accordion .ui-accordion-header div div div.status-created .status-icon .icon .accent, #history #invoices .documents .accordion .ui-accordion-header div div div.status-created .status-icon .icon .accent, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header div div div.status-created .status-icon .icon .accent, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header div div div.status-created .status-icon .icon .accent {
  fill: var(--stroke);
}
#history #orders .documents .accordion .ui-accordion-header div div div.status-created .status-icon .icon .shape, #history #invoices .documents .accordion .ui-accordion-header div div div.status-created .status-icon .icon .shape, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header div div div.status-created .status-icon .icon .shape, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header div div div.status-created .status-icon .icon .shape {
  fill: var(--stroke);
}
#history #orders .documents .accordion .ui-accordion-header div div div.status-registration .status-icon .icon .line, #history #invoices .documents .accordion .ui-accordion-header div div div.status-registration .status-icon .icon .line, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header div div div.status-registration .status-icon .icon .line, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header div div div.status-registration .status-icon .icon .line {
  stroke: coral !important;
}
#history #orders .documents .accordion .ui-accordion-header div div div.status-reservation .status-icon .icon .line, #history #orders .documents .accordion .ui-accordion-header div div div.status-not-paid .status-icon .icon .line, #history #invoices .documents .accordion .ui-accordion-header div div div.status-reservation .status-icon .icon .line, #history #invoices .documents .accordion .ui-accordion-header div div div.status-not-paid .status-icon .icon .line, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header div div div.status-reservation .status-icon .icon .line, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header div div div.status-not-paid .status-icon .icon .line, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header div div div.status-reservation .status-icon .icon .line, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header div div div.status-not-paid .status-icon .icon .line {
  stroke: #fcbf4a !important;
}
#history #orders .documents .accordion .ui-accordion-header div div div.status-delivery .status-icon .icon .line, #history #orders .documents .accordion .ui-accordion-header div div div.status-sent .status-icon .icon .line, #history #invoices .documents .accordion .ui-accordion-header div div div.status-delivery .status-icon .icon .line, #history #invoices .documents .accordion .ui-accordion-header div div div.status-sent .status-icon .icon .line, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header div div div.status-delivery .status-icon .icon .line, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header div div div.status-sent .status-icon .icon .line, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header div div div.status-delivery .status-icon .icon .line, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header div div div.status-sent .status-icon .icon .line {
  stroke: #2742B2 !important;
}
#history #orders .documents .accordion .ui-accordion-header div div div.status-delivery .status-icon .icon .shape, #history #orders .documents .accordion .ui-accordion-header div div div.status-sent .status-icon .icon .shape, #history #invoices .documents .accordion .ui-accordion-header div div div.status-delivery .status-icon .icon .shape, #history #invoices .documents .accordion .ui-accordion-header div div div.status-sent .status-icon .icon .shape, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header div div div.status-delivery .status-icon .icon .shape, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header div div div.status-sent .status-icon .icon .shape, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header div div div.status-delivery .status-icon .icon .shape, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header div div div.status-sent .status-icon .icon .shape {
  fill: #2742B2 !important;
}
#history #orders .documents .accordion .ui-accordion-header div div div.status-partially-paid .status-icon .icon .line, #history #invoices .documents .accordion .ui-accordion-header div div div.status-partially-paid .status-icon .icon .line, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header div div div.status-partially-paid .status-icon .icon .line, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header div div div.status-partially-paid .status-icon .icon .line {
  stroke: #fcbf4a !important;
}
#history #orders .documents .accordion .ui-accordion-header div div div.status-ready, #history #orders .documents .accordion .ui-accordion-header div div div.status-paid, #history #invoices .documents .accordion .ui-accordion-header div div div.status-ready, #history #invoices .documents .accordion .ui-accordion-header div div div.status-paid, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header div div div.status-ready, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header div div div.status-paid, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header div div div.status-ready, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header div div div.status-paid {
  /* Example theme change */
}
#history #orders .documents .accordion .ui-accordion-header div div div.status-ready .status-icon .icon .line, #history #orders .documents .accordion .ui-accordion-header div div div.status-paid .status-icon .icon .line, #history #invoices .documents .accordion .ui-accordion-header div div div.status-ready .status-icon .icon .line, #history #invoices .documents .accordion .ui-accordion-header div div div.status-paid .status-icon .icon .line, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header div div div.status-ready .status-icon .icon .line, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header div div div.status-paid .status-icon .icon .line, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header div div div.status-ready .status-icon .icon .line, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header div div div.status-paid .status-icon .icon .line {
  stroke: #23a455 !important;
}
#history #orders .documents .accordion .ui-accordion-header .ui-accordion-header-icon, #history #invoices .documents .accordion .ui-accordion-header .ui-accordion-header-icon, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header .ui-accordion-header-icon, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header .ui-accordion-header-icon {
  display: none;
}
#history #orders .documents .accordion .ui-accordion-header:after, #history #invoices .documents .accordion .ui-accordion-header:after, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header:after, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header:after {
  font-family: FontAwesome, serif !important;
  position: absolute;
  top: 14px;
  right: 8px;
  content: "\f077" !important;
  font-size: 10px;
  transition: transform 1s;
  transform: rotate(180deg);
}
@media (max-width: 1023.98px) {
  #history #orders .documents .accordion .ui-accordion-header:after, #history #invoices .documents .accordion .ui-accordion-header:after, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header:after, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header:after {
    font-size: small;
  }
}
#history #orders .documents .accordion .ui-accordion-header.ui-state-active:after, #history #invoices .documents .accordion .ui-accordion-header.ui-state-active:after, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-header.ui-state-active:after, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-header.ui-state-active:after {
  transform: rotate(0deg);
}
#history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active, #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active {
  background: #fafafa !important;
}
#history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active div.row, #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active div.row, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active div.row, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active div.row {
  padding-top: 0.7rem;
}
#history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active div.row > div, #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active div.row > div, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active div.row > div, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active div.row > div {
  font-size: 14px;
  line-height: 21px;
}
#history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails, #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails {
  position: relative;
}
#history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails div.row, #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails div.row, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails div.row, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails div.row {
  padding-top: 0.7rem;
}
#history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails div.row.order-addresses, #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails div.row.order-addresses, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails div.row.order-addresses, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails div.row.order-addresses {
  border-bottom: 1px solid #eee !important;
  padding-bottom: 0.5rem;
}
#history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails div.row div:nth-child(odd), #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails div.row div:nth-child(odd), #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails div.row div:nth-child(odd), #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails div.row div:nth-child(odd) {
  font-weight: bold;
}
#history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails a.download-button, #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails a.download-button, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails a.download-button, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails a.download-button {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #2742B2 !important;
  color: white;
}
#history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails a.download-button:hover, #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails a.download-button:hover, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails a.download-button:hover, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails a.download-button:hover {
  color: yellow;
}
@media (max-width: 767.98px) {
  #history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails > .row > div, #history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > .row > div, #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails > .row > div, #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > .row > div, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails > .row > div, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > .row > div, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .orderdetails > .row > div, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > .row > div {
    width: 100%;
    text-align: left !important;
  }
}
#history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products, #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products {
  background: white;
  margin: 0.75rem -1rem 0;
  border: 1rem solid white;
  border-top-width: 0.5rem;
  border-bottom-width: 0.5rem;
}
#history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row, #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row {
  border-bottom: 1px solid #eeeeee;
  padding: 0.5rem 0;
  min-height: 50px;
  vertical-align: center;
}
#history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row.productsheader div, #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row.productsheader div, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row.productsheader div, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row.productsheader div {
  font-weight: bold;
}
#history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row.productsheader div:nth-child(4), #history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row.productsheader div:nth-child(5), #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row.productsheader div:nth-child(4), #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row.productsheader div:nth-child(5), #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row.productsheader div:nth-child(4), #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row.productsheader div:nth-child(5), #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row.productsheader div:nth-child(4), #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row.productsheader div:nth-child(5) {
  text-align: right;
}
#history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div:first-child img, #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div:first-child img, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div:first-child img, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div:first-child img {
  margin-top: 5px;
  height: 50px;
}
#history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div.row-quantity, #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div.row-quantity, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div.row-quantity, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div.row-quantity {
  text-align: center;
}
#history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div.row-price, #history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div.row-total, #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div.row-price, #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div.row-total, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div.row-price, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div.row-total, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div.row-price, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div.row-total {
  text-align: right;
}
#history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div.row-price, #history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div.row-total, #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div.row-price, #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div.row-total, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div.row-price, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div.row-total, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div.row-price, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div.row-total {
  text-align: right;
}
@media (max-width: 767.98px) {
  #history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div.col2, #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div.col2, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div.col2, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products > div.row > div.col2 {
    font-size: small;
  }
}
#history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row, #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row {
  padding-top: 0.3rem;
}
#history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row:first-child, #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row:first-child, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row:first-child, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row:first-child {
  padding-top: 0.7rem;
}
#history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row:first-child div:nth-child(2), #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row:first-child div:nth-child(2), #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row:first-child div:nth-child(2), #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row:first-child div:nth-child(2) {
  font-weight: bold;
}
#history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row:first-child div:nth-child(3), #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row:first-child div:nth-child(3), #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row:first-child div:nth-child(3), #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row:first-child div:nth-child(3) {
  font-weight: normal;
}
#history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row div:first-child, #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row div:first-child, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row div:first-child, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row div:first-child {
  font-weight: bold;
}
#history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row div:last-child, #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row div:last-child, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row div:last-child, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row div:last-child {
  text-align: right;
}
#history #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row div.col-sm-offset-8, #history #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row div.col-sm-offset-8, #module-applifortnoxconnect-invoicehistory #orders .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row div.col-sm-offset-8, #module-applifortnoxconnect-invoicehistory #invoices .documents .accordion .ui-accordion-content.ui-accordion-content-active .products .payment div.row div.col-sm-offset-8 {
  margin-left: 66.6666666667%;
}
#history #orders .pagination-container, #history #invoices .pagination-container, #module-applifortnoxconnect-invoicehistory #orders .pagination-container, #module-applifortnoxconnect-invoicehistory #invoices .pagination-container {
  display: flex;
}
#history #orders .pagination-container .pagination, #history #invoices .pagination-container .pagination, #module-applifortnoxconnect-invoicehistory #orders .pagination-container .pagination, #module-applifortnoxconnect-invoicehistory #invoices .pagination-container .pagination {
  margin: 0 auto;
}

/*# sourceMappingURL=customer.css.map */