.parent-form-voucher-search.search-mode .right-action {
  display: none !important;
}
.parent-form-voucher-search.search-mode .search-action {
  display: block !important;
}

.voucher-detail .main-image {
  height: 400px;
  width: 100%;
}
.voucher-detail .main-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.voucher-detail .voucher-detail-item .title {
  width: 114px;
}

.barcode-popup-img {
  max-width: 270px;
  object-position: center;
  object-fit: contain;
}

.barcode-scaner {
  position: relative;
  margin-left: auto;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  display: flex;
}
.barcode-scaner video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.barcode-scaner .scan-region-highlight {
  left: unset !important;
  top: unset !important;
  border-radius: 15px;
  outline: rgba(0, 0, 0, 0.25) solid 50vmax;
  max-width: calc(100vw - 100px);
  max-height: calc(100vw - 100px);
}
@media screen and (min-width: 668px) {
  .barcode-scaner .scan-region-highlight {
    max-width: 500px !important;
    max-height: 500px !important;
  }
}
.barcode-scaner .scan-region-highlight-svg {
  stroke: var(--primary) !important;
}
.barcode-scaner .code-outline-highlight {
  stroke: rgba(255, 255, 255, 0.5) !important;
  stroke-width: 15 !important;
  stroke-dasharray: none !important;
}

.wrapper-voucher-detail {
  background-image: url(/assets/images/bg-voucher.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top;
}
.wrapper-voucher-detail .voucher-start {
  width: 50%;
  height: 20px;
  position: relative;
  overflow: hidden;
  display: block;
  box-sizing: unset !important;
}
.wrapper-voucher-detail .voucher-start::before {
  content: "";
  display: block;
  /* Scale */
  width: 20px;
  height: 0;
  box-sizing: unset !important;
  padding-bottom: 20px;
  /* Position */
  position: absolute;
  bottom: 10px; /* Move hole to the bottom */
  left: 0px;
  z-index: 2;
  transform: translate(-50%, 50%); /* Adjust the transformation */
  /* Border */
  border: solid 40000px white;
  border-radius: 50%;
}
.wrapper-voucher-detail .voucher-end {
  width: 50%;
  height: 20px;
  position: relative;
  overflow: hidden;
  display: block;
  box-sizing: unset !important;
}
.wrapper-voucher-detail .voucher-end::before {
  content: "";
  display: block;
  /* Scale */
  width: 20px;
  height: 0;
  box-sizing: unset !important;
  padding-bottom: 20px;
  /* Position */
  position: absolute;
  bottom: 10px; /* Move hole to the bottom */
  right: 0px;
  z-index: 2;
  transform: translate(50%, 50%); /* Adjust the transformation */
  /* Border */
  border: solid 40000px white;
  border-radius: 50%;
}