/**
 * Deckers variables
 *
 * These variables extend the base MFRA configuration and apply to ALL Deckers
 * sites. If a variable needs overridden for a single site it should be placed
 * in that site's _variables.scss file.
 */
/**
 * Site style configuration
 *
 * Change these values to configure different brand sites to have different
 * fonts, colors, spacing, etc...
 */
:root {
  --tile-height: 512px;
  --header-height: 40px; }

/**
 * Deckers variables
 *
 * These variables extend the base MFRA configuration and apply to ALL Deckers
 * sites. If a variable needs overridden for a single site it should be placed
 * in that site's _variables.scss file.
 */
/**
 * Site style configuration
 *
 * Change these values to configure different brand sites to have different
 * fonts, colors, spacing, etc...
 */
:root {
  --tile-height: 512px;
  --header-height: 40px; }

/* https://github.com/pierreburel/sass-rem */
/* stylelint-disable property-no-vendor-prefix, value-no-vendor-prefix */
/* stylelint-enable */
body {
  background-color: #f9f9f9; }

.form-check-input {
  margin-left: 0; }

.form-check-label {
  padding-left: 1.25rem; }

.progress {
  overflow: visible; }
  .progress-bar {
    position: relative; }
  .progress-bar-label {
    color: #000;
    position: absolute;
    right: -2px;
    top: 1.75rem;
    padding-right: 0.75rem; }
  .progress-bar-dot::before {
    content: "";
    background: inherit;
    display: block;
    width: 1px;
    height: 2rem;
    position: absolute;
    top: -1.5rem;
    right: 1px; }
  .progress-bar-dot::after {
    content: "";
    background: inherit;
    border-radius: 5px;
    display: block;
    height: 10px;
    position: absolute;
    right: -3px;
    bottom: 0.25rem;
    width: 10px; }

.account-information-card .card-body {
  padding: 0; }

.accordion-header {
  cursor: pointer;
  font-weight: 500;
  padding: 1rem 1.25rem; }
  .accordion-header .fa.collapse,
  .accordion-header .far.collapse {
    display: none; }
  .accordion-header.collapsed .fa.collapse,
  .accordion-header.collapsed .far.collapse {
    display: inline-block; }
  .accordion-header.collapsed .fa.expand,
  .accordion-header.collapsed .far.expand {
    display: none; }
  .accordion-header:not(:first-child) {
    border-top: 1px solid #ececec; }

.confirmation-delete-modal a {
  text-decoration: underline; }

.accordion-content {
  padding: 0 1.25rem 1rem; }
  .accordion-content a {
    font-weight: 400;
    text-decoration: none; }
    .accordion-content a:hover {
      text-decoration: underline; }
  .accordion-content ul {
    margin: 0; }

.card .list-unstyled a {
  text-decoration: none; }
  .card .list-unstyled a:hover {
    text-decoration: underline; }

.breadcrumb {
  padding-left: 0; }

.more-tracking-toggle-trigger {
  display: block;
  padding: 7px 0; }

.summary-details.order-email {
  word-break: break-word; }

.returns-center .breadcrumb {
  border-bottom: 1px solid #ececec; }

.returns-center-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0; }

.returns-center-content .card-header h4 {
  text-transform: inherit !important; }

.returns-center-content .btn:not(.dropdown-toggle) {
  text-transform: inherit; }

.collectplus-label .return-information,
.dpdnl-label .return-information {
  border-left: none; }

.collectplus-label .return-label-footer,
.dpdnl-label .return-label-footer {
  display: none; }

.dpd-label .return-information::before {
  content: "\2702";
  /* scissor icon */
  position: absolute;
  left: 1%;
  top: 405px;
  font-size: 2.81rem;
  color: #ececec; }

@media (min-width: 768px) {
  .dpd-label .return-information::before {
    content: "\2702";
    /* scissor icon */
    position: absolute;
    left: 1%;
    top: 485px;
    font-size: 2.81rem;
    color: #ececec; } }

@media (min-width: 1200px) {
  .dpd-label .return-information::before {
    content: normal; } }

@media print {
  .dpd-label .return-information::before {
    content: normal; } }

@media (min-width: 1200px) {
  .returns-center-label .return-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0;
    grid-row-gap: 0; } }

.returns-center-label .return-wrapper .return-label {
  padding-bottom: 1.88rem;
  border-bottom: 2px dashed #ececec; }
  @media (min-width: 1200px) {
    .returns-center-label .return-wrapper .return-label {
      padding-bottom: 0;
      border-bottom: none; } }

@media (min-width: 1200px) {
  .returns-center-label .return-wrapper .return-information {
    border-left: 2px dashed #ececec;
    padding-left: 0.625rem; }
    .returns-center-label .return-wrapper .return-information::after {
      content: "\2702";
      /* scissor icon */
      position: absolute;
      margin-left: -2.06rem;
      margin-top: -1.25rem;
      font-size: 2.81rem;
      color: #ececec;
      transform: rotate(270deg); } }

.returns-label-image {
  max-width: 280px;
  display: block;
  margin: auto; }

.btn-exchange.track:hover .fa-track {
  background: url(../images/track-alt.svg) no-repeat; }

.barcode {
  width: 100%;
  max-width: 250px; }

.scalable .ups.return-label {
  display: flex;
  justify-content: center;
  min-height: 500px; }
  @media (max-width: 1199.98px) {
    .scalable .ups.return-label::after {
      content: "\2702";
      /* scissor icon */
      position: absolute;
      top: 485px;
      /* using % instead results in inconsistent positioning on really small screens */
      left: 1%;
      font-size: 2.81rem;
      color: #ececec; } }

.scalable .ups .returns-label-image {
  scale: 1.8;
  top: 14%;
  position: absolute;
  transform: rotate(90deg);
  padding-top: 1rem; }
  @media (min-width: 1200px) {
    .scalable .ups .returns-label-image {
      scale: 2.1;
      top: 35%;
      margin-right: 1.25rem; } }

.scalable .dpd.return-label {
  min-height: 420px;
  display: flex;
  justify-content: center; }
  @media (min-width: 768px) {
    .scalable .dpd.return-label {
      min-height: 500px; } }

.scalable .dpd .html-label {
  scale: 0.37;
  top: -15%;
  position: absolute; }
  @media (min-width: 576px) {
    .scalable .dpd .html-label {
      scale: 0.45; } }
  @media (min-width: 768px) {
    .scalable .dpd .html-label {
      scale: 0.55;
      top: -12%; } }
  @media (min-width: 1200px) {
    .scalable .dpd .html-label {
      left: -18%; } }

.scalable .dpd .placeholder-label {
  display: none; }

.non-scalable.dpd-label .dpd {
  max-width: 100%; }
  @media (max-width: 1199.98px) {
    .non-scalable.dpd-label .dpd {
      max-width: 50%; }
      .non-scalable.dpd-label .dpd .html-label {
        display: none; } }

.non-scalable.dpd-label .return-label-footer {
  display: none; }
  @media (max-width: 1199.98px) {
    .non-scalable.dpd-label .return-label-footer {
      display: block; } }

.non-scalable.dpd-label .placeholder-label {
  display: none; }
  @media (max-width: 1199.98px) {
    .non-scalable.dpd-label .placeholder-label {
      display: block; } }

.exchange-warning {
  color: #a60000;
  background-color: #f2dedf;
  padding: 0.625rem;
  margin: 0 0 1.25rem 1.25rem; }

@media print {
  @page {
    margin: 0.625rem;
    size: A4; }
  html,
  body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0; }
  body > * {
    display: none !important; }
  .returns-center-label {
    line-height: 1rem;
    border: none !important;
    margin: 0;
    width: 100% !important;
    padding: 0 !important;
    display: block; }
    .returns-center-label .row {
      display: block !important;
      overflow: visible; }
    .returns-center-label .col-6 {
      flex: inherit !important;
      max-width: 100%; }
    .returns-center-label .returns-center-col {
      width: 100% !important; }
    .returns-center-label .returns-center-col + .returns-center-col {
      position: relative;
      top: 50px;
      border-left: none;
      transform: rotate(0deg) !important; }
    .returns-center-label .ups.returns-center-col:first-child {
      border-bottom: none; }
    .returns-center-label .returns-center-col:first-child {
      padding-bottom: 1.88rem;
      border-bottom: 2px dashed #ececec; }
      .returns-center-label .returns-center-col:first-child::after {
        content: normal; }
      .returns-center-label .returns-center-col:first-child.dpd::after {
        content: normal; }
      .returns-center-label .returns-center-col:first-child.dpd {
        padding-bottom: 0;
        border-bottom: 0; }
    .returns-center-label .return-information {
      page-break-before: always;
      page-break-inside: avoid;
      font-size: 1.2rem; }
    .returns-center-label .return-label-footer,
    .returns-center-label .returns-center-col:nth-child(4)::before {
      display: none !important; }
    .returns-center-label.returns-center-nolabel {
      position: relative;
      top: 0;
      left: 30%;
      border: 2px dashed #ececec;
      width: auto !important; }
      .returns-center-label.returns-center-nolabel::after {
        transform: rotate(-90deg);
        content: "\2702";
        /* scissor icon */
        position: absolute;
        left: calc(100% - 1.25rem);
        top: 45%;
        font-size: 2.81rem;
        color: #ececec; }
  .btn {
    display: none; }
  .return-nextsteps {
    page-break-after: always; }
  .returns-label-image {
    margin-top: 0;
    width: 100%;
    max-width: 500px;
    page-break-before: always;
    page-break-inside: avoid; }
  .ups-label.scalable .return-label::after {
    content: normal; }
  .ups-label.scalable .returns-label-image {
    scale: 2.5;
    top: 25%;
    left: 40%;
    transform: rotate(90deg); }
  .ups-label.scalable .return-information {
    scale: 1.5;
    left: 50%;
    margin-top: 50%; }
  .barcode {
    max-width: 450px; }
  .dpd .html-label {
    display: block; }
  .dpd .placeholder-label {
    display: none; }
  .dpd #labels {
    line-height: normal; }
  .scalable .dpd .html-label {
    position: absolute;
    scale: 1.6;
    top: 15%;
    left: 21%; }
  .scalable.dpd-label .return-information {
    scale: 1.5;
    margin-top: 30%;
    padding-left: 30%; }
  [lang="us"] .ups-label.scalable .returns-label-image {
    scale: 1.7;
    top: 25%;
    left: 15%;
    transform: rotate(90deg); }
  [lang="us"] .ups-label.scalable .return-information {
    scale: 1.5;
    left: 40%;
    margin-top: 50%; } }

.qrcode-container {
  width: 70%;
  margin: 1rem auto; }


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