#qrScanner{
    width: 100%;
}
#qrScanner video{
    width: 100% !important;
}

#qrScannerModal .wrap{
    width: 100%;
}
#qrScannerModal .modal-dialog {
    max-width: 860px;
    width: calc(100% - 40px);
}
#qrScannerModal .wrap {
    background: #EDEEF0;
    position: relative;
    padding: 70px 30px 30px 30px !important;
}
.Validation .phase2:not(.ng-hide){
    display: block!important;
}
.Redeemed{
    display:block!important;
}
.Redeemed .Table .cell:nth-child(1):after{
    display: none;
}
.Redeemed .Filter ul.items > li:nth-child(2){
    width:268px;
}
.Redeemed .Filter ul.items > li:nth-child(3){
    width:268px;
}
.selectItem .item input{
    padding-right:0px;
}
.pagination{
    text-align: center;
    margin-top: 30px;
}
.pagination li{
    display: inline-block;
    padding: 20px;
    font-weight: 900;
    cursor: pointer;
}
.pagination li.selected{
    background-color: #EA3C46;
    color: #fff;
}
#wrapper {
    padding-bottom: 50px !important;
}
.redBtn:disabled{
    opacity: 0.6;
    cursor: no-drop;
}
input[type="date"]:not(.has-value):before{
    color: #000;
    content: attr(placeholder);
}
.noResults{
    margin-top: 50px;
    text-align: center;
    font-size: 20px;
    font-weight: 900;
}
.download-btn{
    text-align: right;
    margin: auto;
    max-width: 1460px;
    width: 100%;
    margin-bottom: 30px;
    font-weight: 900;
    color: #EA3C46;
    text-decoration: underline;
    font-size: 20px;
    cursor: pointer;
}
.pinDiv{
    flex-direction: column;
    align-items: flex-start;
}
.redemption-details-btn{
    position: absolute;
    right: 20px;
    cursor: pointer;
}
.boldValue{
    font-weight: 900;
}
.redemption-details-holder{
    padding:20px;
}
.redemption-details-holder .table td{
    text-align: center;
}
.redemption-details-holder .redemptions-table{
    margin-top:30px;
}

/***** bootstrap table css ******/
.table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
  }
  
  .table th,
  .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
  }
  
  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
  }
  
  .table tbody + tbody {
    border-top: 2px solid #dee2e6;
  }
  
  .table .table {
    background-color: #fff;
  }
  
  .table-sm th,
  .table-sm td {
    padding: 0.3rem;
  }
  
  .table-bordered {
    border: 1px solid #dee2e6;
  }
  
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6;
  }
  
  .table-bordered thead th,
  .table-bordered thead td {
    border-bottom-width: 2px;
  }
  
  .table-borderless th,
  .table-borderless td,
  .table-borderless thead th,
  .table-borderless tbody + tbody {
    border: 0;
  }
  
  .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
  }
  
  .table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.075);
  }
  
  .table-primary,
  .table-primary > th,
  .table-primary > td {
    background-color: #b8daff;
  }
  
  .table-hover .table-primary:hover {
    background-color: #9fcdff;
  }
  
  .table-hover .table-primary:hover > td,
  .table-hover .table-primary:hover > th {
    background-color: #9fcdff;
  }
  
  .table-secondary,
  .table-secondary > th,
  .table-secondary > td {
    background-color: #d6d8db;
  }
  
  .table-hover .table-secondary:hover {
    background-color: #c8cbcf;
  }
  
  .table-hover .table-secondary:hover > td,
  .table-hover .table-secondary:hover > th {
    background-color: #c8cbcf;
  }
  
  .table-success,
  .table-success > th,
  .table-success > td {
    background-color: #c3e6cb;
  }
  
  .table-hover .table-success:hover {
    background-color: #b1dfbb;
  }
  
  .table-hover .table-success:hover > td,
  .table-hover .table-success:hover > th {
    background-color: #b1dfbb;
  }
  
  .table-info,
  .table-info > th,
  .table-info > td {
    background-color: #bee5eb;
  }
  
  .table-hover .table-info:hover {
    background-color: #abdde5;
  }
  
  .table-hover .table-info:hover > td,
  .table-hover .table-info:hover > th {
    background-color: #abdde5;
  }
  
  .table-warning,
  .table-warning > th,
  .table-warning > td {
    background-color: #ffeeba;
  }
  
  .table-hover .table-warning:hover {
    background-color: #ffe8a1;
  }
  
  .table-hover .table-warning:hover > td,
  .table-hover .table-warning:hover > th {
    background-color: #ffe8a1;
  }
  
  .table-danger,
  .table-danger > th,
  .table-danger > td {
    background-color: #f5c6cb;
  }
  
  .table-hover .table-danger:hover {
    background-color: #f1b0b7;
  }
  
  .table-hover .table-danger:hover > td,
  .table-hover .table-danger:hover > th {
    background-color: #f1b0b7;
  }
  
  .table-light,
  .table-light > th,
  .table-light > td {
    background-color: #fdfdfe;
  }
  
  .table-hover .table-light:hover {
    background-color: #ececf6;
  }
  
  .table-hover .table-light:hover > td,
  .table-hover .table-light:hover > th {
    background-color: #ececf6;
  }
  
  .table-dark,
  .table-dark > th,
  .table-dark > td {
    background-color: #c6c8ca;
  }
  
  .table-hover .table-dark:hover {
    background-color: #b9bbbe;
  }
  
  .table-hover .table-dark:hover > td,
  .table-hover .table-dark:hover > th {
    background-color: #b9bbbe;
  }
  
  .table-active,
  .table-active > th,
  .table-active > td {
    background-color: rgba(0, 0, 0, 0.075);
  }
  
  .table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
  }
  
  .table-hover .table-active:hover > td,
  .table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, 0.075);
  }
  
  .table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e;
  }
  
  .table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
  }
  
  .table-dark {
    color: #fff;
    background-color: #212529;
  }
  
  .table-dark th,
  .table-dark td,
  .table-dark thead th {
    border-color: #32383e;
  }
  
  .table-dark.table-bordered {
    border: 0;
  }
  
  .table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
  }
  
  .table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.075);
  }
  
  @media (max-width: 575.98px) {
    .table-responsive-sm {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive-sm > .table-bordered {
      border: 0;
    }
  }
  
  @media (max-width: 767.98px) {
    .table-responsive-md {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive-md > .table-bordered {
      border: 0;
    }
  }
  
  @media (max-width: 991.98px) {
    .table-responsive-lg {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive-lg > .table-bordered {
      border: 0;
    }
  }
  
  @media (max-width: 1199.98px) {
    .table-responsive-xl {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive-xl > .table-bordered {
      border: 0;
    }
  }
  
  .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  
  .table-responsive > .table-bordered {
    border: 0;
  }
  /*# sourceMappingURL=custom.css.map */
/***** end bootstrap table css *****/

@media (min-width: 768px){
    .desktopHide {
        display: none!important;
      }
      .Redeemed .Table .cell{
        width: 16.66%;
    }
    }
@media (max-width: 767px){
    .modal:not(.countryPop):not(.datePop)  {
    width: 100%!important;
    min-height: 100%!important;
    height: 100%;
}
.modal:not(.countryPop):not(.datePop) .modal-dialog {
    width: 100%!important;
    margin: auto!important;
    background: none;
    pointer-events: visible;
    min-height: 100%!important;
    height: 100%;
}
.modal:not(.countryPop):not(.addToCartPop):not(.datePop) .modal-content {
    position: static;
    margin: auto!important;
    min-height: 100%;
    flex-direction: row!important;
}
.mobileHide {
    display: none!important;
  }
  .redemption-details-btn {
    position: absolute;
    right: 90px;
    cursor: pointer;
}
}
@media (min-width: 576px){
    .redeemedVoucherDetailsModal .modal-dialog{
        width: calc(100% - 50px);
        max-width: 100%;
        background-color: #fff;
    }
}