.receipt-popup {
  padding-bottom: 2%;
  background-image: url('/images/crumbled-paper.jpg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  filter: brightness(1.05);
}

.Vue-Toastification__container {
  z-index: 999999999999999 !important;
}

.green {
  /* Overwrite the green color to the cupa-navy */
  color: var(--cupa-navy) !important;
}

/* Media query to show on phone screens */
@media (max-width: 480px) {
  .paragraph {
    font-size: 16px !important;
    /* This will show the element on small screens */
  }

  .label {
    white-space: break-spaces !important;
  }

  .disappear-on-phone {
    display: none !important;
    /* This will hide the element on small screens */
  }

  .heading-5 {
    font-size: 16px !important;
    /* This will show the element on small screens */
  }

  .show-on-phone {
    display: block !important;
    /* This will show the element on small screens */
  }

  .heading-1 {
    line-height: 24px !important;
    /* This will show the element on small screens */

    font-size: 24px !important;
    /* This will show the element on small screens */
  }

  .small-paragraph {
    font-size: 14px !important;
    /* This will show the element on small screens */
  }

  .block {
    border-radius: 8px !important;
  }

}

/* Media query to show on phone screens */
@media (min-width: 480px) {
  .show-on-phone {
    display: none !important;
    /* This will show the element on small screens */
  }
}

@media (min-width: 940px) {
  .show-on-medium-screen {
    display: none;
  }
}

.show-on-phone {
  width: 100% !important;
}

/* Media query to hide on bigger then phone screens */
.button2 {
  max-height: 45px !important;
}

.button.unpressed {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2), -7px -4px 5px #fff !important;
}

.button.pressed {
  box-shadow: inset 0px 0px 0px 1px var(--white), inset 2px 2px 3px 3px #dedede !important;
}

.icon-button.pressed {
  box-shadow: inset 0px 0px 0px 1px var(--white), inset 2px 2px 3px 3px #dedede !important;
}

.scroll {
  overflow: scroll;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}

.scroll::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}