@jingx/lottery-components-react-jsx 1.0.42 → 1.0.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -53,7 +53,7 @@ function styleInject(css, ref) {
53
53
  var css_248z$2 = "/*!\n * Bootstrap v4.6.2 (https://getbootstrap.com/)\n * Copyright 2011-2022 The Bootstrap Authors\n * Copyright 2011-2022 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */.spacx{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",\"Liberation Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace}.spacx *,.spacx ::after,.spacx ::before{box-sizing:border-box}.spacx{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.spacx article,.spacx aside,.spacx figcaption,.spacx figure,.spacx footer,.spacx header,.spacx hgroup,.spacx main,.spacx nav,.spacx section{display:block}.spacx{margin:0;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",\"Liberation Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}.spacx [tabindex=\"-1\"]:focus:not(:focus-visible){outline:0!important}.spacx hr{box-sizing:content-box;height:0;overflow:visible}.spacx h1,.spacx h2,.spacx h3,.spacx h4,.spacx h5,.spacx h6{margin-top:0;margin-bottom:.5rem}.spacx p{margin-top:0;margin-bottom:1rem}.spacx abbr[data-original-title],.spacx abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.spacx address{margin-bottom:1rem;font-style:normal;line-height:inherit}.spacx dl,.spacx ol,.spacx ul{margin-top:0;margin-bottom:1rem}.spacx ol ol,.spacx ol ul,.spacx ul ol,.spacx ul ul{margin-bottom:0}.spacx dt{font-weight:700}.spacx dd{margin-bottom:.5rem;margin-left:0}.spacx blockquote{margin:0 0 1rem}.spacx b,.spacx strong{font-weight:bolder}.spacx small{font-size:80%}.spacx sub,.spacx sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}.spacx sub{bottom:-.25em}.spacx sup{top:-.5em}.spacx a{color:#007bff;text-decoration:none;background-color:transparent}.spacx a:hover{color:#0056b3;text-decoration:underline}.spacx a:not([href]):not([class]){color:inherit;text-decoration:none}.spacx a:not([href]):not([class]):hover{color:inherit;text-decoration:none}.spacx code,.spacx kbd,.spacx pre,.spacx samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;font-size:1em}.spacx pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}.spacx figure{margin:0 0 1rem}.spacx img{vertical-align:middle;border-style:none}.spacx svg{overflow:hidden;vertical-align:middle}.spacx table{border-collapse:collapse}.spacx caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}.spacx th{text-align:inherit;text-align:-webkit-match-parent}.spacx label{display:inline-block;margin-bottom:.5rem}.spacx button{border-radius:0}.spacx button:focus:not(:focus-visible){outline:0}.spacx button,.spacx input,.spacx optgroup,.spacx select,.spacx textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}.spacx button,.spacx input{overflow:visible}.spacx button,.spacx select{text-transform:none}.spacx [role=button]{cursor:pointer}.spacx select{word-wrap:normal}.spacx [type=button],.spacx [type=reset],.spacx [type=submit],.spacx button{-webkit-appearance:button}.spacx [type=button]:not(:disabled),.spacx [type=reset]:not(:disabled),.spacx [type=submit]:not(:disabled),.spacx button:not(:disabled){cursor:pointer}.spacx [type=button]::-moz-focus-inner,.spacx [type=reset]::-moz-focus-inner,.spacx [type=submit]::-moz-focus-inner,.spacx button::-moz-focus-inner{padding:0;border-style:none}.spacx input[type=checkbox],.spacx input[type=radio]{box-sizing:border-box;padding:0}.spacx textarea{overflow:auto;resize:vertical}.spacx fieldset{min-width:0;padding:0;margin:0;border:0}.spacx legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}.spacx progress{vertical-align:baseline}.spacx [type=number]::-webkit-inner-spin-button,.spacx [type=number]::-webkit-outer-spin-button{height:auto}.spacx [type=search]{outline-offset:-2px;-webkit-appearance:none}.spacx [type=search]::-webkit-search-decoration{-webkit-appearance:none}.spacx ::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}.spacx output{display:inline-block}.spacx summary{display:list-item;cursor:pointer}.spacx template{display:none}.spacx [hidden]{display:none!important}.spacx .h1,.spacx .h2,.spacx .h3,.spacx .h4,.spacx .h5,.spacx .h6,.spacx h1,.spacx h2,.spacx h3,.spacx h4,.spacx h5,.spacx h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.spacx .h1,.spacx h1{font-size:2.5rem}.spacx .h2,.spacx h2{font-size:2rem}.spacx .h3,.spacx h3{font-size:1.75rem}.spacx .h4,.spacx h4{font-size:1.5rem}.spacx .h5,.spacx h5{font-size:1.25rem}.spacx .h6,.spacx h6{font-size:1rem}.spacx .lead{font-size:1.25rem;font-weight:300}.spacx .display-1{font-size:6rem;font-weight:300;line-height:1.2}.spacx .display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.spacx .display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.spacx .display-4{font-size:3.5rem;font-weight:300;line-height:1.2}.spacx hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.spacx .small,.spacx small{font-size:.875em;font-weight:400}.spacx .mark,.spacx mark{padding:.2em;background-color:#fcf8e3}.spacx .list-unstyled{padding-left:0;list-style:none}.spacx .list-inline{padding-left:0;list-style:none}.spacx .list-inline-item{display:inline-block}.spacx .list-inline-item:not(:last-child){margin-right:.5rem}.spacx .initialism{font-size:90%;text-transform:uppercase}.spacx .blockquote{margin-bottom:1rem;font-size:1.25rem}.spacx .blockquote-footer{display:block;font-size:.875em;color:#6c757d}.spacx .blockquote-footer::before{content:\"\\2014\\00A0\"}.spacx .img-fluid{max-width:100%;height:auto}.spacx .img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.spacx .figure{display:inline-block}.spacx .figure-img{margin-bottom:.5rem;line-height:1}.spacx .figure-caption{font-size:90%;color:#6c757d}.spacx code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}.spacx a>code{color:inherit}.spacx kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}.spacx kbd kbd{padding:0;font-size:100%;font-weight:700}.spacx pre{display:block;font-size:87.5%;color:#212529}.spacx pre code{font-size:inherit;color:inherit;word-break:normal}.spacx .pre-scrollable{max-height:340px;overflow-y:scroll}.spacx .container,.spacx .container-fluid,.spacx .container-lg,.spacx .container-md,.spacx .container-sm,.spacx .container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.spacx .container,.spacx .container-sm{max-width:540px}}@media (min-width:768px){.spacx .container,.spacx .container-md,.spacx .container-sm{max-width:720px}}@media (min-width:992px){.spacx .container,.spacx .container-lg,.spacx .container-md,.spacx .container-sm{max-width:960px}}@media (min-width:1200px){.spacx .container,.spacx .container-lg,.spacx .container-md,.spacx .container-sm,.spacx .container-xl{max-width:1140px}}.spacx .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.spacx .no-gutters{margin-right:0;margin-left:0}.spacx .no-gutters>.col,.spacx .no-gutters>[class*=col-]{padding-right:0;padding-left:0}.spacx .col,.spacx .col-1,.spacx .col-10,.spacx .col-11,.spacx .col-12,.spacx .col-2,.spacx .col-3,.spacx .col-4,.spacx .col-5,.spacx .col-6,.spacx .col-7,.spacx .col-8,.spacx .col-9,.spacx .col-auto,.spacx .col-lg,.spacx .col-lg-1,.spacx .col-lg-10,.spacx .col-lg-11,.spacx .col-lg-12,.spacx .col-lg-2,.spacx .col-lg-3,.spacx .col-lg-4,.spacx .col-lg-5,.spacx .col-lg-6,.spacx .col-lg-7,.spacx .col-lg-8,.spacx .col-lg-9,.spacx .col-lg-auto,.spacx .col-md,.spacx .col-md-1,.spacx .col-md-10,.spacx .col-md-11,.spacx .col-md-12,.spacx .col-md-2,.spacx .col-md-3,.spacx .col-md-4,.spacx .col-md-5,.spacx .col-md-6,.spacx .col-md-7,.spacx .col-md-8,.spacx .col-md-9,.spacx .col-md-auto,.spacx .col-sm,.spacx .col-sm-1,.spacx .col-sm-10,.spacx .col-sm-11,.spacx .col-sm-12,.spacx .col-sm-2,.spacx .col-sm-3,.spacx .col-sm-4,.spacx .col-sm-5,.spacx .col-sm-6,.spacx .col-sm-7,.spacx .col-sm-8,.spacx .col-sm-9,.spacx .col-sm-auto,.spacx .col-xl,.spacx .col-xl-1,.spacx .col-xl-10,.spacx .col-xl-11,.spacx .col-xl-12,.spacx .col-xl-2,.spacx .col-xl-3,.spacx .col-xl-4,.spacx .col-xl-5,.spacx .col-xl-6,.spacx .col-xl-7,.spacx .col-xl-8,.spacx .col-xl-9,.spacx .col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.spacx .col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.spacx .row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.spacx .row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.spacx .row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.spacx .row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.spacx .row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.spacx .row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.spacx .col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.spacx .col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.spacx .col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.spacx .col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.spacx .col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.spacx .col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.spacx .col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.spacx .col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.spacx .col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.spacx .col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.spacx .col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.spacx .col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.spacx .col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.spacx .order-first{-ms-flex-order:-1;order:-1}.spacx .order-last{-ms-flex-order:13;order:13}.spacx .order-0{-ms-flex-order:0;order:0}.spacx .order-1{-ms-flex-order:1;order:1}.spacx .order-2{-ms-flex-order:2;order:2}.spacx .order-3{-ms-flex-order:3;order:3}.spacx .order-4{-ms-flex-order:4;order:4}.spacx .order-5{-ms-flex-order:5;order:5}.spacx .order-6{-ms-flex-order:6;order:6}.spacx .order-7{-ms-flex-order:7;order:7}.spacx .order-8{-ms-flex-order:8;order:8}.spacx .order-9{-ms-flex-order:9;order:9}.spacx .order-10{-ms-flex-order:10;order:10}.spacx .order-11{-ms-flex-order:11;order:11}.spacx .order-12{-ms-flex-order:12;order:12}.spacx .offset-1{margin-left:8.333333%}.spacx .offset-2{margin-left:16.666667%}.spacx .offset-3{margin-left:25%}.spacx .offset-4{margin-left:33.333333%}.spacx .offset-5{margin-left:41.666667%}.spacx .offset-6{margin-left:50%}.spacx .offset-7{margin-left:58.333333%}.spacx .offset-8{margin-left:66.666667%}.spacx .offset-9{margin-left:75%}.spacx .offset-10{margin-left:83.333333%}.spacx .offset-11{margin-left:91.666667%}@media (min-width:576px){.spacx .col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.spacx .row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.spacx .row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.spacx .row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.spacx .row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.spacx .row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.spacx .row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.spacx .col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.spacx .col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.spacx .col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.spacx .col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.spacx .col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.spacx .col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.spacx .col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.spacx .col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.spacx .col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.spacx .col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.spacx .col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.spacx .col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.spacx .col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.spacx .order-sm-first{-ms-flex-order:-1;order:-1}.spacx .order-sm-last{-ms-flex-order:13;order:13}.spacx .order-sm-0{-ms-flex-order:0;order:0}.spacx .order-sm-1{-ms-flex-order:1;order:1}.spacx .order-sm-2{-ms-flex-order:2;order:2}.spacx .order-sm-3{-ms-flex-order:3;order:3}.spacx .order-sm-4{-ms-flex-order:4;order:4}.spacx .order-sm-5{-ms-flex-order:5;order:5}.spacx .order-sm-6{-ms-flex-order:6;order:6}.spacx .order-sm-7{-ms-flex-order:7;order:7}.spacx .order-sm-8{-ms-flex-order:8;order:8}.spacx .order-sm-9{-ms-flex-order:9;order:9}.spacx .order-sm-10{-ms-flex-order:10;order:10}.spacx .order-sm-11{-ms-flex-order:11;order:11}.spacx .order-sm-12{-ms-flex-order:12;order:12}.spacx .offset-sm-0{margin-left:0}.spacx .offset-sm-1{margin-left:8.333333%}.spacx .offset-sm-2{margin-left:16.666667%}.spacx .offset-sm-3{margin-left:25%}.spacx .offset-sm-4{margin-left:33.333333%}.spacx .offset-sm-5{margin-left:41.666667%}.spacx .offset-sm-6{margin-left:50%}.spacx .offset-sm-7{margin-left:58.333333%}.spacx .offset-sm-8{margin-left:66.666667%}.spacx .offset-sm-9{margin-left:75%}.spacx .offset-sm-10{margin-left:83.333333%}.spacx .offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.spacx .col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.spacx .row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.spacx .row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.spacx .row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.spacx .row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.spacx .row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.spacx .row-cols-md-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.spacx .col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.spacx .col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.spacx .col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.spacx .col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.spacx .col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.spacx .col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.spacx .col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.spacx .col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.spacx .col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.spacx .col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.spacx .col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.spacx .col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.spacx .col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.spacx .order-md-first{-ms-flex-order:-1;order:-1}.spacx .order-md-last{-ms-flex-order:13;order:13}.spacx .order-md-0{-ms-flex-order:0;order:0}.spacx .order-md-1{-ms-flex-order:1;order:1}.spacx .order-md-2{-ms-flex-order:2;order:2}.spacx .order-md-3{-ms-flex-order:3;order:3}.spacx .order-md-4{-ms-flex-order:4;order:4}.spacx .order-md-5{-ms-flex-order:5;order:5}.spacx .order-md-6{-ms-flex-order:6;order:6}.spacx .order-md-7{-ms-flex-order:7;order:7}.spacx .order-md-8{-ms-flex-order:8;order:8}.spacx .order-md-9{-ms-flex-order:9;order:9}.spacx .order-md-10{-ms-flex-order:10;order:10}.spacx .order-md-11{-ms-flex-order:11;order:11}.spacx .order-md-12{-ms-flex-order:12;order:12}.spacx .offset-md-0{margin-left:0}.spacx .offset-md-1{margin-left:8.333333%}.spacx .offset-md-2{margin-left:16.666667%}.spacx .offset-md-3{margin-left:25%}.spacx .offset-md-4{margin-left:33.333333%}.spacx .offset-md-5{margin-left:41.666667%}.spacx .offset-md-6{margin-left:50%}.spacx .offset-md-7{margin-left:58.333333%}.spacx .offset-md-8{margin-left:66.666667%}.spacx .offset-md-9{margin-left:75%}.spacx .offset-md-10{margin-left:83.333333%}.spacx .offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.spacx .col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.spacx .row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.spacx .row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.spacx .row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.spacx .row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.spacx .row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.spacx .row-cols-lg-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.spacx .col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.spacx .col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.spacx .col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.spacx .col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.spacx .col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.spacx .col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.spacx .col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.spacx .col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.spacx .col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.spacx .col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.spacx .col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.spacx .col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.spacx .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.spacx .order-lg-first{-ms-flex-order:-1;order:-1}.spacx .order-lg-last{-ms-flex-order:13;order:13}.spacx .order-lg-0{-ms-flex-order:0;order:0}.spacx .order-lg-1{-ms-flex-order:1;order:1}.spacx .order-lg-2{-ms-flex-order:2;order:2}.spacx .order-lg-3{-ms-flex-order:3;order:3}.spacx .order-lg-4{-ms-flex-order:4;order:4}.spacx .order-lg-5{-ms-flex-order:5;order:5}.spacx .order-lg-6{-ms-flex-order:6;order:6}.spacx .order-lg-7{-ms-flex-order:7;order:7}.spacx .order-lg-8{-ms-flex-order:8;order:8}.spacx .order-lg-9{-ms-flex-order:9;order:9}.spacx .order-lg-10{-ms-flex-order:10;order:10}.spacx .order-lg-11{-ms-flex-order:11;order:11}.spacx .order-lg-12{-ms-flex-order:12;order:12}.spacx .offset-lg-0{margin-left:0}.spacx .offset-lg-1{margin-left:8.333333%}.spacx .offset-lg-2{margin-left:16.666667%}.spacx .offset-lg-3{margin-left:25%}.spacx .offset-lg-4{margin-left:33.333333%}.spacx .offset-lg-5{margin-left:41.666667%}.spacx .offset-lg-6{margin-left:50%}.spacx .offset-lg-7{margin-left:58.333333%}.spacx .offset-lg-8{margin-left:66.666667%}.spacx .offset-lg-9{margin-left:75%}.spacx .offset-lg-10{margin-left:83.333333%}.spacx .offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.spacx .col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.spacx .row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.spacx .row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.spacx .row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.spacx .row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.spacx .row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.spacx .row-cols-xl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.spacx .col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.spacx .col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.spacx .col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.spacx .col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.spacx .col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.spacx .col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.spacx .col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.spacx .col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.spacx .col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.spacx .col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.spacx .col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.spacx .col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.spacx .col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.spacx .order-xl-first{-ms-flex-order:-1;order:-1}.spacx .order-xl-last{-ms-flex-order:13;order:13}.spacx .order-xl-0{-ms-flex-order:0;order:0}.spacx .order-xl-1{-ms-flex-order:1;order:1}.spacx .order-xl-2{-ms-flex-order:2;order:2}.spacx .order-xl-3{-ms-flex-order:3;order:3}.spacx .order-xl-4{-ms-flex-order:4;order:4}.spacx .order-xl-5{-ms-flex-order:5;order:5}.spacx .order-xl-6{-ms-flex-order:6;order:6}.spacx .order-xl-7{-ms-flex-order:7;order:7}.spacx .order-xl-8{-ms-flex-order:8;order:8}.spacx .order-xl-9{-ms-flex-order:9;order:9}.spacx .order-xl-10{-ms-flex-order:10;order:10}.spacx .order-xl-11{-ms-flex-order:11;order:11}.spacx .order-xl-12{-ms-flex-order:12;order:12}.spacx .offset-xl-0{margin-left:0}.spacx .offset-xl-1{margin-left:8.333333%}.spacx .offset-xl-2{margin-left:16.666667%}.spacx .offset-xl-3{margin-left:25%}.spacx .offset-xl-4{margin-left:33.333333%}.spacx .offset-xl-5{margin-left:41.666667%}.spacx .offset-xl-6{margin-left:50%}.spacx .offset-xl-7{margin-left:58.333333%}.spacx .offset-xl-8{margin-left:66.666667%}.spacx .offset-xl-9{margin-left:75%}.spacx .offset-xl-10{margin-left:83.333333%}.spacx .offset-xl-11{margin-left:91.666667%}}.spacx .table{width:100%;margin-bottom:1rem;color:#212529}.spacx .table td,.spacx .table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.spacx .table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.spacx .table tbody+tbody{border-top:2px solid #dee2e6}.spacx .table-sm td,.spacx .table-sm th{padding:.3rem}.spacx .table-bordered{border:1px solid #dee2e6}.spacx .table-bordered td,.spacx .table-bordered th{border:1px solid #dee2e6}.spacx .table-bordered thead td,.spacx .table-bordered thead th{border-bottom-width:2px}.spacx .table-borderless tbody+tbody,.spacx .table-borderless td,.spacx .table-borderless th,.spacx .table-borderless thead th{border:0}.spacx .table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.spacx .table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.spacx .table-primary,.spacx .table-primary>td,.spacx .table-primary>th{background-color:#b8daff}.spacx .table-primary tbody+tbody,.spacx .table-primary td,.spacx .table-primary th,.spacx .table-primary thead th{border-color:#7abaff}.spacx .table-hover .table-primary:hover{background-color:#9fcdff}.spacx .table-hover .table-primary:hover>td,.spacx .table-hover .table-primary:hover>th{background-color:#9fcdff}.spacx .table-secondary,.spacx .table-secondary>td,.spacx .table-secondary>th{background-color:#d6d8db}.spacx .table-secondary tbody+tbody,.spacx .table-secondary td,.spacx .table-secondary th,.spacx .table-secondary thead th{border-color:#b3b7bb}.spacx .table-hover .table-secondary:hover{background-color:#c8cbcf}.spacx .table-hover .table-secondary:hover>td,.spacx .table-hover .table-secondary:hover>th{background-color:#c8cbcf}.spacx .table-success,.spacx .table-success>td,.spacx .table-success>th{background-color:#c3e6cb}.spacx .table-success tbody+tbody,.spacx .table-success td,.spacx .table-success th,.spacx .table-success thead th{border-color:#8fd19e}.spacx .table-hover .table-success:hover{background-color:#b1dfbb}.spacx .table-hover .table-success:hover>td,.spacx .table-hover .table-success:hover>th{background-color:#b1dfbb}.spacx .table-info,.spacx .table-info>td,.spacx .table-info>th{background-color:#bee5eb}.spacx .table-info tbody+tbody,.spacx .table-info td,.spacx .table-info th,.spacx .table-info thead th{border-color:#86cfda}.spacx .table-hover .table-info:hover{background-color:#abdde5}.spacx .table-hover .table-info:hover>td,.spacx .table-hover .table-info:hover>th{background-color:#abdde5}.spacx .table-warning,.spacx .table-warning>td,.spacx .table-warning>th{background-color:#ffeeba}.spacx .table-warning tbody+tbody,.spacx .table-warning td,.spacx .table-warning th,.spacx .table-warning thead th{border-color:#ffdf7e}.spacx .table-hover .table-warning:hover{background-color:#ffe8a1}.spacx .table-hover .table-warning:hover>td,.spacx .table-hover .table-warning:hover>th{background-color:#ffe8a1}.spacx .table-danger,.spacx .table-danger>td,.spacx .table-danger>th{background-color:#f5c6cb}.spacx .table-danger tbody+tbody,.spacx .table-danger td,.spacx .table-danger th,.spacx .table-danger thead th{border-color:#ed969e}.spacx .table-hover .table-danger:hover{background-color:#f1b0b7}.spacx .table-hover .table-danger:hover>td,.spacx .table-hover .table-danger:hover>th{background-color:#f1b0b7}.spacx .table-light,.spacx .table-light>td,.spacx .table-light>th{background-color:#fdfdfe}.spacx .table-light tbody+tbody,.spacx .table-light td,.spacx .table-light th,.spacx .table-light thead th{border-color:#fbfcfc}.spacx .table-hover .table-light:hover{background-color:#ececf6}.spacx .table-hover .table-light:hover>td,.spacx .table-hover .table-light:hover>th{background-color:#ececf6}.spacx .table-dark,.spacx .table-dark>td,.spacx .table-dark>th{background-color:#c6c8ca}.spacx .table-dark tbody+tbody,.spacx .table-dark td,.spacx .table-dark th,.spacx .table-dark thead th{border-color:#95999c}.spacx .table-hover .table-dark:hover{background-color:#b9bbbe}.spacx .table-hover .table-dark:hover>td,.spacx .table-hover .table-dark:hover>th{background-color:#b9bbbe}.spacx .table-active,.spacx .table-active>td,.spacx .table-active>th{background-color:rgba(0,0,0,.075)}.spacx .table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.spacx .table-hover .table-active:hover>td,.spacx .table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.spacx .table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.spacx .table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.spacx .table-dark{color:#fff;background-color:#343a40}.spacx .table-dark td,.spacx .table-dark th,.spacx .table-dark thead th{border-color:#454d55}.spacx .table-dark.table-bordered{border:0}.spacx .table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.spacx .table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.spacx .table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.spacx .table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.spacx .table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.spacx .table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.spacx .table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.spacx .table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.spacx .table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.spacx .table-responsive-xl>.table-bordered{border:0}}.spacx .table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.spacx .table-responsive>.table-bordered{border:0}.spacx .form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.spacx .form-control{transition:none}}.spacx .form-control::-ms-expand{background-color:transparent;border:0}.spacx .form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.spacx .form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.spacx .form-control::-moz-placeholder{color:#6c757d;opacity:1}.spacx .form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.spacx .form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.spacx .form-control::placeholder{color:#6c757d;opacity:1}.spacx .form-control:disabled,.spacx .form-control[readonly]{background-color:#e9ecef;opacity:1}.spacx input[type=date].form-control,.spacx input[type=datetime-local].form-control,.spacx input[type=month].form-control,.spacx input[type=time].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}.spacx select.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.spacx select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.spacx .form-control-file,.spacx .form-control-range{display:block;width:100%}.spacx .col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.spacx .col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.spacx .col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.spacx .form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.spacx .form-control-plaintext.form-control-lg,.spacx .form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.spacx .form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.spacx .form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.spacx select.form-control[multiple],.spacx select.form-control[size]{height:auto}.spacx textarea.form-control{height:auto}.spacx .form-group{margin-bottom:1rem}.spacx .form-text{display:block;margin-top:.25rem}.spacx .form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.spacx .form-row>.col,.spacx .form-row>[class*=col-]{padding-right:5px;padding-left:5px}.spacx .form-check{position:relative;display:block;padding-left:1.25rem}.spacx .form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.spacx .form-check-input:disabled~.form-check-label,.spacx .form-check-input[disabled]~.form-check-label{color:#6c757d}.spacx .form-check-label{margin-bottom:0}.spacx .form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.spacx .form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.spacx .valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#28a745}.spacx .valid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.spacx .form-row>.col>.valid-tooltip,.spacx .form-row>[class*=col-]>.valid-tooltip{left:5px}.spacx .is-valid~.valid-feedback,.spacx .is-valid~.valid-tooltip,.spacx .was-validated :valid~.valid-feedback,.spacx .was-validated :valid~.valid-tooltip{display:block}.spacx .form-control.is-valid,.spacx .was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem)!important;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.spacx .form-control.is-valid:focus,.spacx .was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.spacx .was-validated select.form-control:valid,.spacx select.form-control.is-valid{padding-right:3rem!important;background-position:right 1.5rem center}.spacx .was-validated textarea.form-control:valid,.spacx textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.spacx .custom-select.is-valid,.spacx .was-validated .custom-select:valid{border-color:#28a745;padding-right:calc(.75em + 2.3125rem)!important;background:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\") right .75rem center/8px 10px no-repeat,#fff url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat}.spacx .custom-select.is-valid:focus,.spacx .was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.spacx .form-check-input.is-valid~.form-check-label,.spacx .was-validated .form-check-input:valid~.form-check-label{color:#28a745}.spacx .form-check-input.is-valid~.valid-feedback,.spacx .form-check-input.is-valid~.valid-tooltip,.spacx .was-validated .form-check-input:valid~.valid-feedback,.spacx .was-validated .form-check-input:valid~.valid-tooltip{display:block}.spacx .custom-control-input.is-valid~.custom-control-label,.spacx .was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.spacx .custom-control-input.is-valid~.custom-control-label::before,.spacx .was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.spacx .custom-control-input.is-valid:checked~.custom-control-label::before,.spacx .was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.spacx .custom-control-input.is-valid:focus~.custom-control-label::before,.spacx .was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.spacx .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.spacx .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.spacx .custom-file-input.is-valid~.custom-file-label,.spacx .was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.spacx .custom-file-input.is-valid:focus~.custom-file-label,.spacx .was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.spacx .invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}.spacx .invalid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.spacx .form-row>.col>.invalid-tooltip,.spacx .form-row>[class*=col-]>.invalid-tooltip{left:5px}.spacx .is-invalid~.invalid-feedback,.spacx .is-invalid~.invalid-tooltip,.spacx .was-validated :invalid~.invalid-feedback,.spacx .was-validated :invalid~.invalid-tooltip{display:block}.spacx .form-control.is-invalid,.spacx .was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem)!important;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e\");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.spacx .form-control.is-invalid:focus,.spacx .was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.spacx .was-validated select.form-control:invalid,.spacx select.form-control.is-invalid{padding-right:3rem!important;background-position:right 1.5rem center}.spacx .was-validated textarea.form-control:invalid,.spacx textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.spacx .custom-select.is-invalid,.spacx .was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc(.75em + 2.3125rem)!important;background:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\") right .75rem center/8px 10px no-repeat,#fff url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e\") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat}.spacx .custom-select.is-invalid:focus,.spacx .was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.spacx .form-check-input.is-invalid~.form-check-label,.spacx .was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.spacx .form-check-input.is-invalid~.invalid-feedback,.spacx .form-check-input.is-invalid~.invalid-tooltip,.spacx .was-validated .form-check-input:invalid~.invalid-feedback,.spacx .was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.spacx .custom-control-input.is-invalid~.custom-control-label,.spacx .was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.spacx .custom-control-input.is-invalid~.custom-control-label::before,.spacx .was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.spacx .custom-control-input.is-invalid:checked~.custom-control-label::before,.spacx .was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.spacx .custom-control-input.is-invalid:focus~.custom-control-label::before,.spacx .was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.spacx .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.spacx .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.spacx .custom-file-input.is-invalid~.custom-file-label,.spacx .was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.spacx .custom-file-input.is-invalid:focus~.custom-file-label,.spacx .was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.spacx .form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.spacx .form-inline .form-check{width:100%}@media (min-width:576px){.spacx .form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.spacx .form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.spacx .form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.spacx .form-inline .form-control-plaintext{display:inline-block}.spacx .form-inline .custom-select,.spacx .form-inline .input-group{width:auto}.spacx .form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.spacx .form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.spacx .form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.spacx .form-inline .custom-control-label{margin-bottom:0}}.spacx .btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.spacx .btn{transition:none}}.spacx .btn:hover{color:#212529;text-decoration:none}.spacx .btn.focus,.spacx .btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.spacx .btn.disabled,.spacx .btn:disabled{opacity:.65}.spacx .btn:not(:disabled):not(.disabled){cursor:pointer}.spacx a.btn.disabled,.spacx fieldset:disabled a.btn{pointer-events:none}.spacx .btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.spacx .btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.spacx .btn-primary.focus,.spacx .btn-primary:focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.spacx .btn-primary.disabled,.spacx .btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.spacx .btn-primary:not(:disabled):not(.disabled).active,.spacx .btn-primary:not(:disabled):not(.disabled):active,.spacx .show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.spacx .btn-primary:not(:disabled):not(.disabled).active:focus,.spacx .btn-primary:not(:disabled):not(.disabled):active:focus,.spacx .show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.spacx .btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.spacx .btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.spacx .btn-secondary.focus,.spacx .btn-secondary:focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.spacx .btn-secondary.disabled,.spacx .btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.spacx .btn-secondary:not(:disabled):not(.disabled).active,.spacx .btn-secondary:not(:disabled):not(.disabled):active,.spacx .show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.spacx .btn-secondary:not(:disabled):not(.disabled).active:focus,.spacx .btn-secondary:not(:disabled):not(.disabled):active:focus,.spacx .show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.spacx .btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.spacx .btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.spacx .btn-success.focus,.spacx .btn-success:focus{color:#fff;background-color:#218838;border-color:#1e7e34;box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.spacx .btn-success.disabled,.spacx .btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.spacx .btn-success:not(:disabled):not(.disabled).active,.spacx .btn-success:not(:disabled):not(.disabled):active,.spacx .show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.spacx .btn-success:not(:disabled):not(.disabled).active:focus,.spacx .btn-success:not(:disabled):not(.disabled):active:focus,.spacx .show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.spacx .btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.spacx .btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.spacx .btn-info.focus,.spacx .btn-info:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.spacx .btn-info.disabled,.spacx .btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.spacx .btn-info:not(:disabled):not(.disabled).active,.spacx .btn-info:not(:disabled):not(.disabled):active,.spacx .show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.spacx .btn-info:not(:disabled):not(.disabled).active:focus,.spacx .btn-info:not(:disabled):not(.disabled):active:focus,.spacx .show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.spacx .btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.spacx .btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.spacx .btn-warning.focus,.spacx .btn-warning:focus{color:#212529;background-color:#e0a800;border-color:#d39e00;box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.spacx .btn-warning.disabled,.spacx .btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.spacx .btn-warning:not(:disabled):not(.disabled).active,.spacx .btn-warning:not(:disabled):not(.disabled):active,.spacx .show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.spacx .btn-warning:not(:disabled):not(.disabled).active:focus,.spacx .btn-warning:not(:disabled):not(.disabled):active:focus,.spacx .show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.spacx .btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.spacx .btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.spacx .btn-danger.focus,.spacx .btn-danger:focus{color:#fff;background-color:#c82333;border-color:#bd2130;box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.spacx .btn-danger.disabled,.spacx .btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.spacx .btn-danger:not(:disabled):not(.disabled).active,.spacx .btn-danger:not(:disabled):not(.disabled):active,.spacx .show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.spacx .btn-danger:not(:disabled):not(.disabled).active:focus,.spacx .btn-danger:not(:disabled):not(.disabled):active:focus,.spacx .show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.spacx .btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.spacx .btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.spacx .btn-light.focus,.spacx .btn-light:focus{color:#212529;background-color:#e2e6ea;border-color:#dae0e5;box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.spacx .btn-light.disabled,.spacx .btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.spacx .btn-light:not(:disabled):not(.disabled).active,.spacx .btn-light:not(:disabled):not(.disabled):active,.spacx .show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.spacx .btn-light:not(:disabled):not(.disabled).active:focus,.spacx .btn-light:not(:disabled):not(.disabled):active:focus,.spacx .show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.spacx .btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.spacx .btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.spacx .btn-dark.focus,.spacx .btn-dark:focus{color:#fff;background-color:#23272b;border-color:#1d2124;box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.spacx .btn-dark.disabled,.spacx .btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.spacx .btn-dark:not(:disabled):not(.disabled).active,.spacx .btn-dark:not(:disabled):not(.disabled):active,.spacx .show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.spacx .btn-dark:not(:disabled):not(.disabled).active:focus,.spacx .btn-dark:not(:disabled):not(.disabled):active:focus,.spacx .show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.spacx .btn-outline-primary{color:#007bff;border-color:#007bff}.spacx .btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.spacx .btn-outline-primary.focus,.spacx .btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.spacx .btn-outline-primary.disabled,.spacx .btn-outline-primary:disabled{color:#007bff;background-color:transparent}.spacx .btn-outline-primary:not(:disabled):not(.disabled).active,.spacx .btn-outline-primary:not(:disabled):not(.disabled):active,.spacx .show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.spacx .btn-outline-primary:not(:disabled):not(.disabled).active:focus,.spacx .btn-outline-primary:not(:disabled):not(.disabled):active:focus,.spacx .show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.spacx .btn-outline-secondary{color:#6c757d;border-color:#6c757d}.spacx .btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.spacx .btn-outline-secondary.focus,.spacx .btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.spacx .btn-outline-secondary.disabled,.spacx .btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.spacx .btn-outline-secondary:not(:disabled):not(.disabled).active,.spacx .btn-outline-secondary:not(:disabled):not(.disabled):active,.spacx .show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.spacx .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.spacx .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.spacx .show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.spacx .btn-outline-success{color:#28a745;border-color:#28a745}.spacx .btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.spacx .btn-outline-success.focus,.spacx .btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.spacx .btn-outline-success.disabled,.spacx .btn-outline-success:disabled{color:#28a745;background-color:transparent}.spacx .btn-outline-success:not(:disabled):not(.disabled).active,.spacx .btn-outline-success:not(:disabled):not(.disabled):active,.spacx .show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.spacx .btn-outline-success:not(:disabled):not(.disabled).active:focus,.spacx .btn-outline-success:not(:disabled):not(.disabled):active:focus,.spacx .show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.spacx .btn-outline-info{color:#17a2b8;border-color:#17a2b8}.spacx .btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.spacx .btn-outline-info.focus,.spacx .btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.spacx .btn-outline-info.disabled,.spacx .btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.spacx .btn-outline-info:not(:disabled):not(.disabled).active,.spacx .btn-outline-info:not(:disabled):not(.disabled):active,.spacx .show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.spacx .btn-outline-info:not(:disabled):not(.disabled).active:focus,.spacx .btn-outline-info:not(:disabled):not(.disabled):active:focus,.spacx .show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.spacx .btn-outline-warning{color:#ffc107;border-color:#ffc107}.spacx .btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.spacx .btn-outline-warning.focus,.spacx .btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.spacx .btn-outline-warning.disabled,.spacx .btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.spacx .btn-outline-warning:not(:disabled):not(.disabled).active,.spacx .btn-outline-warning:not(:disabled):not(.disabled):active,.spacx .show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.spacx .btn-outline-warning:not(:disabled):not(.disabled).active:focus,.spacx .btn-outline-warning:not(:disabled):not(.disabled):active:focus,.spacx .show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.spacx .btn-outline-danger{color:#dc3545;border-color:#dc3545}.spacx .btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.spacx .btn-outline-danger.focus,.spacx .btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.spacx .btn-outline-danger.disabled,.spacx .btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.spacx .btn-outline-danger:not(:disabled):not(.disabled).active,.spacx .btn-outline-danger:not(:disabled):not(.disabled):active,.spacx .show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.spacx .btn-outline-danger:not(:disabled):not(.disabled).active:focus,.spacx .btn-outline-danger:not(:disabled):not(.disabled):active:focus,.spacx .show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.spacx .btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.spacx .btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.spacx .btn-outline-light.focus,.spacx .btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.spacx .btn-outline-light.disabled,.spacx .btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.spacx .btn-outline-light:not(:disabled):not(.disabled).active,.spacx .btn-outline-light:not(:disabled):not(.disabled):active,.spacx .show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.spacx .btn-outline-light:not(:disabled):not(.disabled).active:focus,.spacx .btn-outline-light:not(:disabled):not(.disabled):active:focus,.spacx .show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.spacx .btn-outline-dark{color:#343a40;border-color:#343a40}.spacx .btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.spacx .btn-outline-dark.focus,.spacx .btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.spacx .btn-outline-dark.disabled,.spacx .btn-outline-dark:disabled{color:#343a40;background-color:transparent}.spacx .btn-outline-dark:not(:disabled):not(.disabled).active,.spacx .btn-outline-dark:not(:disabled):not(.disabled):active,.spacx .show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.spacx .btn-outline-dark:not(:disabled):not(.disabled).active:focus,.spacx .btn-outline-dark:not(:disabled):not(.disabled):active:focus,.spacx .show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.spacx .btn-link{font-weight:400;color:#007bff;text-decoration:none}.spacx .btn-link:hover{color:#0056b3;text-decoration:underline}.spacx .btn-link.focus,.spacx .btn-link:focus{text-decoration:underline}.spacx .btn-link.disabled,.spacx .btn-link:disabled{color:#6c757d;pointer-events:none}.spacx .btn-group-lg>.btn,.spacx .btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.spacx .btn-group-sm>.btn,.spacx .btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.spacx .btn-block{display:block;width:100%}.spacx .btn-block+.btn-block{margin-top:.5rem}.spacx input[type=button].btn-block,.spacx input[type=reset].btn-block,.spacx input[type=submit].btn-block{width:100%}.spacx .fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.spacx .fade{transition:none}}.spacx .fade:not(.show){opacity:0}.spacx .collapse:not(.show){display:none}.spacx .collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.spacx .collapsing{transition:none}}.spacx .collapsing.width{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.spacx .collapsing.width{transition:none}}.spacx .dropdown,.spacx .dropleft,.spacx .dropright,.spacx .dropup{position:relative}.spacx .dropdown-toggle{white-space:nowrap}.spacx .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.spacx .dropdown-toggle:empty::after{margin-left:0}.spacx .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.spacx .dropdown-menu-left{right:auto;left:0}.spacx .dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.spacx .dropdown-menu-sm-left{right:auto;left:0}.spacx .dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.spacx .dropdown-menu-md-left{right:auto;left:0}.spacx .dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.spacx .dropdown-menu-lg-left{right:auto;left:0}.spacx .dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.spacx .dropdown-menu-xl-left{right:auto;left:0}.spacx .dropdown-menu-xl-right{right:0;left:auto}}.spacx .dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.spacx .dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.spacx .dropup .dropdown-toggle:empty::after{margin-left:0}.spacx .dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.spacx .dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.spacx .dropright .dropdown-toggle:empty::after{margin-left:0}.spacx .dropright .dropdown-toggle::after{vertical-align:0}.spacx .dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.spacx .dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:\"\"}.spacx .dropleft .dropdown-toggle::after{display:none}.spacx .dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:\"\";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.spacx .dropleft .dropdown-toggle:empty::after{margin-left:0}.spacx .dropleft .dropdown-toggle::before{vertical-align:0}.spacx .dropdown-menu[x-placement^=bottom],.spacx .dropdown-menu[x-placement^=left],.spacx .dropdown-menu[x-placement^=right],.spacx .dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.spacx .dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.spacx .dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.spacx .dropdown-item:focus,.spacx .dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#e9ecef}.spacx .dropdown-item.active,.spacx .dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.spacx .dropdown-item.disabled,.spacx .dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent}.spacx .dropdown-menu.show{display:block}.spacx .dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.spacx .dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.spacx .btn-group,.spacx .btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.spacx .btn-group-vertical>.btn,.spacx .btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.spacx .btn-group-vertical>.btn:hover,.spacx .btn-group>.btn:hover{z-index:1}.spacx .btn-group-vertical>.btn.active,.spacx .btn-group-vertical>.btn:active,.spacx .btn-group-vertical>.btn:focus,.spacx .btn-group>.btn.active,.spacx .btn-group>.btn:active,.spacx .btn-group>.btn:focus{z-index:1}.spacx .btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.spacx .btn-toolbar .input-group{width:auto}.spacx .btn-group>.btn-group:not(:first-child),.spacx .btn-group>.btn:not(:first-child){margin-left:-1px}.spacx .btn-group>.btn-group:not(:last-child)>.btn,.spacx .btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.spacx .btn-group>.btn-group:not(:first-child)>.btn,.spacx .btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.spacx .dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.spacx .dropdown-toggle-split::after,.spacx .dropright .dropdown-toggle-split::after,.spacx .dropup .dropdown-toggle-split::after{margin-left:0}.spacx .dropleft .dropdown-toggle-split::before{margin-right:0}.spacx .btn-group-sm>.btn+.dropdown-toggle-split,.spacx .btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.spacx .btn-group-lg>.btn+.dropdown-toggle-split,.spacx .btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.spacx .btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.spacx .btn-group-vertical>.btn,.spacx .btn-group-vertical>.btn-group{width:100%}.spacx .btn-group-vertical>.btn-group:not(:first-child),.spacx .btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.spacx .btn-group-vertical>.btn-group:not(:last-child)>.btn,.spacx .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.spacx .btn-group-vertical>.btn-group:not(:first-child)>.btn,.spacx .btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.spacx .btn-group-toggle>.btn,.spacx .btn-group-toggle>.btn-group>.btn{margin-bottom:0}.spacx .btn-group-toggle>.btn input[type=checkbox],.spacx .btn-group-toggle>.btn input[type=radio],.spacx .btn-group-toggle>.btn-group>.btn input[type=checkbox],.spacx .btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.spacx .input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.spacx .input-group>.custom-file,.spacx .input-group>.custom-select,.spacx .input-group>.form-control,.spacx .input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.spacx .input-group>.custom-file+.custom-file,.spacx .input-group>.custom-file+.custom-select,.spacx .input-group>.custom-file+.form-control,.spacx .input-group>.custom-select+.custom-file,.spacx .input-group>.custom-select+.custom-select,.spacx .input-group>.custom-select+.form-control,.spacx .input-group>.form-control+.custom-file,.spacx .input-group>.form-control+.custom-select,.spacx .input-group>.form-control+.form-control,.spacx .input-group>.form-control-plaintext+.custom-file,.spacx .input-group>.form-control-plaintext+.custom-select,.spacx .input-group>.form-control-plaintext+.form-control{margin-left:-1px}.spacx .input-group>.custom-file .custom-file-input:focus~.custom-file-label,.spacx .input-group>.custom-select:focus,.spacx .input-group>.form-control:focus{z-index:3}.spacx .input-group>.custom-file .custom-file-input:focus{z-index:4}.spacx .input-group>.custom-select:not(:first-child),.spacx .input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.spacx .input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.spacx .input-group>.custom-file:not(:last-child) .custom-file-label,.spacx .input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.spacx .input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.spacx .input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.spacx .input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.spacx .input-group:not(.has-validation)>.custom-select:not(:last-child),.spacx .input-group:not(.has-validation)>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.spacx .input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,.spacx .input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,.spacx .input-group.has-validation>.custom-select:nth-last-child(n+3),.spacx .input-group.has-validation>.form-control:nth-last-child(n+3){border-top-right-radius:0;border-bottom-right-radius:0}.spacx .input-group-append,.spacx .input-group-prepend{display:-ms-flexbox;display:flex}.spacx .input-group-append .btn,.spacx .input-group-prepend .btn{position:relative;z-index:2}.spacx .input-group-append .btn:focus,.spacx .input-group-prepend .btn:focus{z-index:3}.spacx .input-group-append .btn+.btn,.spacx .input-group-append .btn+.input-group-text,.spacx .input-group-append .input-group-text+.btn,.spacx .input-group-append .input-group-text+.input-group-text,.spacx .input-group-prepend .btn+.btn,.spacx .input-group-prepend .btn+.input-group-text,.spacx .input-group-prepend .input-group-text+.btn,.spacx .input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.spacx .input-group-prepend{margin-right:-1px}.spacx .input-group-append{margin-left:-1px}.spacx .input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.spacx .input-group-text input[type=checkbox],.spacx .input-group-text input[type=radio]{margin-top:0}.spacx .input-group-lg>.custom-select,.spacx .input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.spacx .input-group-lg>.custom-select,.spacx .input-group-lg>.form-control,.spacx .input-group-lg>.input-group-append>.btn,.spacx .input-group-lg>.input-group-append>.input-group-text,.spacx .input-group-lg>.input-group-prepend>.btn,.spacx .input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.spacx .input-group-sm>.custom-select,.spacx .input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.spacx .input-group-sm>.custom-select,.spacx .input-group-sm>.form-control,.spacx .input-group-sm>.input-group-append>.btn,.spacx .input-group-sm>.input-group-append>.input-group-text,.spacx .input-group-sm>.input-group-prepend>.btn,.spacx .input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.spacx .input-group-lg>.custom-select,.spacx .input-group-sm>.custom-select{padding-right:1.75rem}.spacx .input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,.spacx .input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,.spacx .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.spacx .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.spacx .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.spacx .input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.spacx .input-group>.input-group-prepend>.btn,.spacx .input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.spacx .input-group>.input-group-append>.btn,.spacx .input-group>.input-group-append>.input-group-text,.spacx .input-group>.input-group-prepend:first-child>.btn:not(:first-child),.spacx .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.spacx .input-group>.input-group-prepend:not(:first-child)>.btn,.spacx .input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.spacx .custom-control{position:relative;z-index:1;display:block;min-height:1.5rem;padding-left:1.5rem;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}.spacx .custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.spacx .custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}.spacx .custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.spacx .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.spacx .custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.spacx .custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.spacx .custom-control-input:disabled~.custom-control-label,.spacx .custom-control-input[disabled]~.custom-control-label{color:#6c757d}.spacx .custom-control-input:disabled~.custom-control-label::before,.spacx .custom-control-input[disabled]~.custom-control-label::before{background-color:#e9ecef}.spacx .custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.spacx .custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:\"\";background-color:#fff;border:1px solid #adb5bd}.spacx .custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:\"\";background:50%/50% 50% no-repeat}.spacx .custom-checkbox .custom-control-label::before{border-radius:.25rem}.spacx .custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e\")}.spacx .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.spacx .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e\")}.spacx .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.spacx .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.spacx .custom-radio .custom-control-label::before{border-radius:50%}.spacx .custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e\")}.spacx .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.spacx .custom-switch{padding-left:2.25rem}.spacx .custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.spacx .custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media (prefers-reduced-motion:reduce){.spacx .custom-switch .custom-control-label::after{transition:none}}.spacx .custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.spacx .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.spacx .custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\") right .75rem center/8px 10px no-repeat;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.spacx .custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.spacx .custom-select:focus::-ms-value{color:#495057;background-color:#fff}.spacx .custom-select[multiple],.spacx .custom-select[size]:not([size=\"1\"]){height:auto;padding-right:.75rem;background-image:none}.spacx .custom-select:disabled{color:#6c757d;background-color:#e9ecef}.spacx .custom-select::-ms-expand{display:none}.spacx .custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.spacx .custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.spacx .custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.spacx .custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.spacx .custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;overflow:hidden;opacity:0}.spacx .custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.spacx .custom-file-input:disabled~.custom-file-label,.spacx .custom-file-input[disabled]~.custom-file-label{background-color:#e9ecef}.spacx .custom-file-input:lang(en)~.custom-file-label::after{content:\"Browse\"}.spacx .custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.spacx .custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.spacx .custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:\"Browse\";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.spacx .custom-range{width:100%;height:1.4rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.spacx .custom-range:focus{outline:0}.spacx .custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.spacx .custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.spacx .custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.spacx .custom-range::-moz-focus-outer{border:0}.spacx .custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.spacx .custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.spacx .custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.spacx .custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.spacx .custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.spacx .custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.spacx .custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.spacx .custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.spacx .custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.spacx .custom-range::-ms-thumb{-ms-transition:none;transition:none}}.spacx .custom-range::-ms-thumb:active{background-color:#b3d7ff}.spacx .custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.spacx .custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.spacx .custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.spacx .custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.spacx .custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.spacx .custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.spacx .custom-range:disabled::-moz-range-track{cursor:default}.spacx .custom-range:disabled::-ms-thumb{background-color:#adb5bd}.spacx .custom-control-label::before,.spacx .custom-file-label,.spacx .custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.spacx .custom-control-label::before,.spacx .custom-file-label,.spacx .custom-select{transition:none}}.spacx .nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.spacx .nav-link{display:block;padding:.5rem 1rem}.spacx .nav-link:focus,.spacx .nav-link:hover{text-decoration:none}.spacx .nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.spacx .nav-tabs{border-bottom:1px solid #dee2e6}.spacx .nav-tabs .nav-link{margin-bottom:-1px;background-color:transparent;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.spacx .nav-tabs .nav-link:focus,.spacx .nav-tabs .nav-link:hover{isolation:isolate;border-color:#e9ecef #e9ecef #dee2e6}.spacx .nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.spacx .nav-tabs .nav-item.show .nav-link,.spacx .nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.spacx .nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.spacx .nav-pills .nav-link{background:0 0;border:0;border-radius:.25rem}.spacx .nav-pills .nav-link.active,.spacx .nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.spacx .nav-fill .nav-item,.spacx .nav-fill>.nav-link{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.spacx .nav-justified .nav-item,.spacx .nav-justified>.nav-link{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.spacx .tab-content>.tab-pane{display:none}.spacx .tab-content>.active{display:block}.spacx .navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.spacx .navbar .container,.spacx .navbar .container-fluid,.spacx .navbar .container-lg,.spacx .navbar .container-md,.spacx .navbar .container-sm,.spacx .navbar .container-xl{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.spacx .navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.spacx .navbar-brand:focus,.spacx .navbar-brand:hover{text-decoration:none}.spacx .navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.spacx .navbar-nav .nav-link{padding-right:0;padding-left:0}.spacx .navbar-nav .dropdown-menu{position:static;float:none}.spacx .navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.spacx .navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.spacx .navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.spacx .navbar-toggler:focus,.spacx .navbar-toggler:hover{text-decoration:none}.spacx .navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:\"\";background:50%/100% 100% no-repeat}.spacx .navbar-nav-scroll{max-height:75vh;overflow-y:auto}@media (max-width:575.98px){.spacx .navbar-expand-sm>.container,.spacx .navbar-expand-sm>.container-fluid,.spacx .navbar-expand-sm>.container-lg,.spacx .navbar-expand-sm>.container-md,.spacx .navbar-expand-sm>.container-sm,.spacx .navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}}@media (min-width:576px){.spacx .navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.spacx .navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.spacx .navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.spacx .navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.spacx .navbar-expand-sm>.container,.spacx .navbar-expand-sm>.container-fluid,.spacx .navbar-expand-sm>.container-lg,.spacx .navbar-expand-sm>.container-md,.spacx .navbar-expand-sm>.container-sm,.spacx .navbar-expand-sm>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.spacx .navbar-expand-sm .navbar-nav-scroll{overflow:visible}.spacx .navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.spacx .navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.spacx .navbar-expand-md>.container,.spacx .navbar-expand-md>.container-fluid,.spacx .navbar-expand-md>.container-lg,.spacx .navbar-expand-md>.container-md,.spacx .navbar-expand-md>.container-sm,.spacx .navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}@media (min-width:768px){.spacx .navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.spacx .navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.spacx .navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.spacx .navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.spacx .navbar-expand-md>.container,.spacx .navbar-expand-md>.container-fluid,.spacx .navbar-expand-md>.container-lg,.spacx .navbar-expand-md>.container-md,.spacx .navbar-expand-md>.container-sm,.spacx .navbar-expand-md>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.spacx .navbar-expand-md .navbar-nav-scroll{overflow:visible}.spacx .navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.spacx .navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.spacx .navbar-expand-lg>.container,.spacx .navbar-expand-lg>.container-fluid,.spacx .navbar-expand-lg>.container-lg,.spacx .navbar-expand-lg>.container-md,.spacx .navbar-expand-lg>.container-sm,.spacx .navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}}@media (min-width:992px){.spacx .navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.spacx .navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.spacx .navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.spacx .navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.spacx .navbar-expand-lg>.container,.spacx .navbar-expand-lg>.container-fluid,.spacx .navbar-expand-lg>.container-lg,.spacx .navbar-expand-lg>.container-md,.spacx .navbar-expand-lg>.container-sm,.spacx .navbar-expand-lg>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.spacx .navbar-expand-lg .navbar-nav-scroll{overflow:visible}.spacx .navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.spacx .navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.spacx .navbar-expand-xl>.container,.spacx .navbar-expand-xl>.container-fluid,.spacx .navbar-expand-xl>.container-lg,.spacx .navbar-expand-xl>.container-md,.spacx .navbar-expand-xl>.container-sm,.spacx .navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}}@media (min-width:1200px){.spacx .navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.spacx .navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.spacx .navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.spacx .navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.spacx .navbar-expand-xl>.container,.spacx .navbar-expand-xl>.container-fluid,.spacx .navbar-expand-xl>.container-lg,.spacx .navbar-expand-xl>.container-md,.spacx .navbar-expand-xl>.container-sm,.spacx .navbar-expand-xl>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.spacx .navbar-expand-xl .navbar-nav-scroll{overflow:visible}.spacx .navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.spacx .navbar-expand-xl .navbar-toggler{display:none}}.spacx .navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.spacx .navbar-expand>.container,.spacx .navbar-expand>.container-fluid,.spacx .navbar-expand>.container-lg,.spacx .navbar-expand>.container-md,.spacx .navbar-expand>.container-sm,.spacx .navbar-expand>.container-xl{padding-right:0;padding-left:0}.spacx .navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.spacx .navbar-expand .navbar-nav .dropdown-menu{position:absolute}.spacx .navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.spacx .navbar-expand>.container,.spacx .navbar-expand>.container-fluid,.spacx .navbar-expand>.container-lg,.spacx .navbar-expand>.container-md,.spacx .navbar-expand>.container-sm,.spacx .navbar-expand>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.spacx .navbar-expand .navbar-nav-scroll{overflow:visible}.spacx .navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.spacx .navbar-expand .navbar-toggler{display:none}.spacx .navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.spacx .navbar-light .navbar-brand:focus,.spacx .navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.spacx .navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.spacx .navbar-light .navbar-nav .nav-link:focus,.spacx .navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.spacx .navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.spacx .navbar-light .navbar-nav .active>.nav-link,.spacx .navbar-light .navbar-nav .nav-link.active,.spacx .navbar-light .navbar-nav .nav-link.show,.spacx .navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.spacx .navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.spacx .navbar-light .navbar-toggler-icon{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\")}.spacx .navbar-light .navbar-text{color:rgba(0,0,0,.5)}.spacx .navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.spacx .navbar-light .navbar-text a:focus,.spacx .navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.spacx .navbar-dark .navbar-brand{color:#fff}.spacx .navbar-dark .navbar-brand:focus,.spacx .navbar-dark .navbar-brand:hover{color:#fff}.spacx .navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.spacx .navbar-dark .navbar-nav .nav-link:focus,.spacx .navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.spacx .navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.spacx .navbar-dark .navbar-nav .active>.nav-link,.spacx .navbar-dark .navbar-nav .nav-link.active,.spacx .navbar-dark .navbar-nav .nav-link.show,.spacx .navbar-dark .navbar-nav .show>.nav-link{color:#fff}.spacx .navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.spacx .navbar-dark .navbar-toggler-icon{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\")}.spacx .navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.spacx .navbar-dark .navbar-text a{color:#fff}.spacx .navbar-dark .navbar-text a:focus,.spacx .navbar-dark .navbar-text a:hover{color:#fff}.spacx .card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.spacx .card>hr{margin-right:0;margin-left:0}.spacx .card>.list-group{border-top:inherit;border-bottom:inherit}.spacx .card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.spacx .card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.spacx .card>.card-header+.list-group,.spacx .card>.list-group+.card-footer{border-top:0}.spacx .card-body{-ms-flex:1 1 auto;flex:1 1 auto;min-height:1px;padding:1.25rem}.spacx .card-title{margin-bottom:.75rem}.spacx .card-subtitle{margin-top:-.375rem;margin-bottom:0}.spacx .card-text:last-child{margin-bottom:0}.spacx .card-link:hover{text-decoration:none}.spacx .card-link+.card-link{margin-left:1.25rem}.spacx .card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.spacx .card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.spacx .card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.spacx .card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.spacx .card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.spacx .card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.spacx .card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem;border-radius:calc(.25rem - 1px)}.spacx .card-img,.spacx .card-img-bottom,.spacx .card-img-top{-ms-flex-negative:0;flex-shrink:0;width:100%}.spacx .card-img,.spacx .card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.spacx .card-img,.spacx .card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.spacx .card-deck .card{margin-bottom:15px}@media (min-width:576px){.spacx .card-deck{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.spacx .card-deck .card{-ms-flex:1 0 0%;flex:1 0 0%;margin-right:15px;margin-bottom:0;margin-left:15px}}.spacx .card-group>.card{margin-bottom:15px}@media (min-width:576px){.spacx .card-group{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.spacx .card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.spacx .card-group>.card+.card{margin-left:0;border-left:0}.spacx .card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.spacx .card-group>.card:not(:last-child) .card-header,.spacx .card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.spacx .card-group>.card:not(:last-child) .card-footer,.spacx .card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.spacx .card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.spacx .card-group>.card:not(:first-child) .card-header,.spacx .card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.spacx .card-group>.card:not(:first-child) .card-footer,.spacx .card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.spacx .card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.spacx .card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.spacx .card-columns .card{display:inline-block;width:100%}}.spacx .accordion{overflow-anchor:none}.spacx .accordion>.card{overflow:hidden}.spacx .accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.spacx .accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.spacx .accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.spacx .breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.spacx .breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.spacx .breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:\"/\"}.spacx .breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.spacx .breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.spacx .breadcrumb-item.active{color:#6c757d}.spacx .pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.spacx .page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.spacx .page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.spacx .page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.spacx .page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.spacx .page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.spacx .page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.spacx .page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.spacx .pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.spacx .pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.spacx .pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.spacx .pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.spacx .pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.spacx .pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.spacx .badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.spacx .badge{transition:none}}.spacx a.badge:focus,.spacx a.badge:hover{text-decoration:none}.spacx .badge:empty{display:none}.spacx .btn .badge{position:relative;top:-1px}.spacx .badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.spacx .badge-primary{color:#fff;background-color:#007bff}.spacx a.badge-primary:focus,.spacx a.badge-primary:hover{color:#fff;background-color:#0062cc}.spacx a.badge-primary.focus,.spacx a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.spacx .badge-secondary{color:#fff;background-color:#6c757d}.spacx a.badge-secondary:focus,.spacx a.badge-secondary:hover{color:#fff;background-color:#545b62}.spacx a.badge-secondary.focus,.spacx a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.spacx .badge-success{color:#fff;background-color:#28a745}.spacx a.badge-success:focus,.spacx a.badge-success:hover{color:#fff;background-color:#1e7e34}.spacx a.badge-success.focus,.spacx a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.spacx .badge-info{color:#fff;background-color:#17a2b8}.spacx a.badge-info:focus,.spacx a.badge-info:hover{color:#fff;background-color:#117a8b}.spacx a.badge-info.focus,.spacx a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.spacx .badge-warning{color:#212529;background-color:#ffc107}.spacx a.badge-warning:focus,.spacx a.badge-warning:hover{color:#212529;background-color:#d39e00}.spacx a.badge-warning.focus,.spacx a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.spacx .badge-danger{color:#fff;background-color:#dc3545}.spacx a.badge-danger:focus,.spacx a.badge-danger:hover{color:#fff;background-color:#bd2130}.spacx a.badge-danger.focus,.spacx a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.spacx .badge-light{color:#212529;background-color:#f8f9fa}.spacx a.badge-light:focus,.spacx a.badge-light:hover{color:#212529;background-color:#dae0e5}.spacx a.badge-light.focus,.spacx a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.spacx .badge-dark{color:#fff;background-color:#343a40}.spacx a.badge-dark:focus,.spacx a.badge-dark:hover{color:#fff;background-color:#1d2124}.spacx a.badge-dark.focus,.spacx a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.spacx .jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.spacx .jumbotron{padding:4rem 2rem}}.spacx .jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.spacx .alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.spacx .alert-heading{color:inherit}.spacx .alert-link{font-weight:700}.spacx .alert-dismissible{padding-right:4rem}.spacx .alert-dismissible .close{position:absolute;top:0;right:0;z-index:2;padding:.75rem 1.25rem;color:inherit}.spacx .alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.spacx .alert-primary hr{border-top-color:#9fcdff}.spacx .alert-primary .alert-link{color:#002752}.spacx .alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.spacx .alert-secondary hr{border-top-color:#c8cbcf}.spacx .alert-secondary .alert-link{color:#202326}.spacx .alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.spacx .alert-success hr{border-top-color:#b1dfbb}.spacx .alert-success .alert-link{color:#0b2e13}.spacx .alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.spacx .alert-info hr{border-top-color:#abdde5}.spacx .alert-info .alert-link{color:#062c33}.spacx .alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.spacx .alert-warning hr{border-top-color:#ffe8a1}.spacx .alert-warning .alert-link{color:#533f03}.spacx .alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.spacx .alert-danger hr{border-top-color:#f1b0b7}.spacx .alert-danger .alert-link{color:#491217}.spacx .alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.spacx .alert-light hr{border-top-color:#ececf6}.spacx .alert-light .alert-link{color:#686868}.spacx .alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.spacx .alert-dark hr{border-top-color:#b9bbbe}.spacx .alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.spacx .progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;line-height:0;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.spacx .progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.spacx .progress-bar{transition:none}}.spacx .progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.spacx .progress-bar-animated{-webkit-animation:1s linear infinite progress-bar-stripes;animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.spacx .progress-bar-animated{-webkit-animation:none;animation:none}}.spacx .media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.spacx .media-body{-ms-flex:1;flex:1}.spacx .list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.spacx .list-group-item-action{width:100%;color:#495057;text-align:inherit}.spacx .list-group-item-action:focus,.spacx .list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.spacx .list-group-item-action:active{color:#212529;background-color:#e9ecef}.spacx .list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.spacx .list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.spacx .list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.spacx .list-group-item.disabled,.spacx .list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.spacx .list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.spacx .list-group-item+.list-group-item{border-top-width:0}.spacx .list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.spacx .list-group-horizontal{-ms-flex-direction:row;flex-direction:row}.spacx .list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.spacx .list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.spacx .list-group-horizontal>.list-group-item.active{margin-top:0}.spacx .list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.spacx .list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.spacx .list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}.spacx .list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.spacx .list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.spacx .list-group-horizontal-sm>.list-group-item.active{margin-top:0}.spacx .list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.spacx .list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.spacx .list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}.spacx .list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.spacx .list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.spacx .list-group-horizontal-md>.list-group-item.active{margin-top:0}.spacx .list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.spacx .list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.spacx .list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}.spacx .list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.spacx .list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.spacx .list-group-horizontal-lg>.list-group-item.active{margin-top:0}.spacx .list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.spacx .list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.spacx .list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}.spacx .list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.spacx .list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.spacx .list-group-horizontal-xl>.list-group-item.active{margin-top:0}.spacx .list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.spacx .list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.spacx .list-group-flush{border-radius:0}.spacx .list-group-flush>.list-group-item{border-width:0 0 1px}.spacx .list-group-flush>.list-group-item:last-child{border-bottom-width:0}.spacx .list-group-item-primary{color:#004085;background-color:#b8daff}.spacx .list-group-item-primary.list-group-item-action:focus,.spacx .list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.spacx .list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.spacx .list-group-item-secondary{color:#383d41;background-color:#d6d8db}.spacx .list-group-item-secondary.list-group-item-action:focus,.spacx .list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.spacx .list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.spacx .list-group-item-success{color:#155724;background-color:#c3e6cb}.spacx .list-group-item-success.list-group-item-action:focus,.spacx .list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.spacx .list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.spacx .list-group-item-info{color:#0c5460;background-color:#bee5eb}.spacx .list-group-item-info.list-group-item-action:focus,.spacx .list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.spacx .list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.spacx .list-group-item-warning{color:#856404;background-color:#ffeeba}.spacx .list-group-item-warning.list-group-item-action:focus,.spacx .list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.spacx .list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.spacx .list-group-item-danger{color:#721c24;background-color:#f5c6cb}.spacx .list-group-item-danger.list-group-item-action:focus,.spacx .list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.spacx .list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.spacx .list-group-item-light{color:#818182;background-color:#fdfdfe}.spacx .list-group-item-light.list-group-item-action:focus,.spacx .list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.spacx .list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.spacx .list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.spacx .list-group-item-dark.list-group-item-action:focus,.spacx .list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.spacx .list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.spacx .close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.spacx .close:hover{color:#000;text-decoration:none}.spacx .close:not(:disabled):not(.disabled):focus,.spacx .close:not(:disabled):not(.disabled):hover{opacity:.75}.spacx button.close{padding:0;background-color:transparent;border:0}.spacx a.close.disabled{pointer-events:none}.spacx .toast{-ms-flex-preferred-size:350px;flex-basis:350px;max-width:350px;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);opacity:0;border-radius:.25rem}.spacx .toast:not(:last-child){margin-bottom:.75rem}.spacx .toast.showing{opacity:1}.spacx .toast.show{display:block;opacity:1}.spacx .toast.hide{display:none}.spacx .toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.spacx .toast-body{padding:.75rem}.spacx .modal-open{overflow:hidden}.spacx .modal-open .modal{overflow-x:hidden;overflow-y:auto}.spacx .modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.spacx .modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.spacx .modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.spacx .modal.fade .modal-dialog{transition:none}}.spacx .modal.show .modal-dialog{-webkit-transform:none;transform:none}.spacx .modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}.spacx .modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.spacx .modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.spacx .modal-dialog-scrollable .modal-footer,.spacx .modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.spacx .modal-dialog-scrollable .modal-body{overflow-y:auto}.spacx .modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.spacx .modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:-webkit-min-content;height:-moz-min-content;height:min-content;content:\"\"}.spacx .modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.spacx .modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.spacx .modal-dialog-centered.modal-dialog-scrollable::before{content:none}.spacx .modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.spacx .modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.spacx .modal-backdrop.fade{opacity:0}.spacx .modal-backdrop.show{opacity:.5}.spacx .modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.spacx .modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.spacx .modal-title{margin-bottom:0;line-height:1.5}.spacx .modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.spacx .modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.spacx .modal-footer>*{margin:.25rem}.spacx .modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.spacx .modal-dialog{max-width:500px;margin:1.75rem auto}.spacx .modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.spacx .modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.spacx .modal-dialog-centered{min-height:calc(100% - 3.5rem)}.spacx .modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:-webkit-min-content;height:-moz-min-content;height:min-content}.spacx .modal-sm{max-width:300px}}@media (min-width:992px){.spacx .modal-lg,.spacx .modal-xl{max-width:800px}}@media (min-width:1200px){.spacx .modal-xl{max-width:1140px}}.spacx .tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",\"Liberation Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.spacx .tooltip.show{opacity:.9}.spacx .tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.spacx .tooltip .arrow::before{position:absolute;content:\"\";border-color:transparent;border-style:solid}.spacx .bs-tooltip-auto[x-placement^=top],.spacx .bs-tooltip-top{padding:.4rem 0}.spacx .bs-tooltip-auto[x-placement^=top] .arrow,.spacx .bs-tooltip-top .arrow{bottom:0}.spacx .bs-tooltip-auto[x-placement^=top] .arrow::before,.spacx .bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.spacx .bs-tooltip-auto[x-placement^=right],.spacx .bs-tooltip-right{padding:0 .4rem}.spacx .bs-tooltip-auto[x-placement^=right] .arrow,.spacx .bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.spacx .bs-tooltip-auto[x-placement^=right] .arrow::before,.spacx .bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.spacx .bs-tooltip-auto[x-placement^=bottom],.spacx .bs-tooltip-bottom{padding:.4rem 0}.spacx .bs-tooltip-auto[x-placement^=bottom] .arrow,.spacx .bs-tooltip-bottom .arrow{top:0}.spacx .bs-tooltip-auto[x-placement^=bottom] .arrow::before,.spacx .bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.spacx .bs-tooltip-auto[x-placement^=left],.spacx .bs-tooltip-left{padding:0 .4rem}.spacx .bs-tooltip-auto[x-placement^=left] .arrow,.spacx .bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.spacx .bs-tooltip-auto[x-placement^=left] .arrow::before,.spacx .bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.spacx .tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.spacx .popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",\"Liberation Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.spacx .popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.spacx .popover .arrow::after,.spacx .popover .arrow::before{position:absolute;display:block;content:\"\";border-color:transparent;border-style:solid}.spacx .bs-popover-auto[x-placement^=top],.spacx .bs-popover-top{margin-bottom:.5rem}.spacx .bs-popover-auto[x-placement^=top]>.arrow,.spacx .bs-popover-top>.arrow{bottom:calc(-.5rem - 1px)}.spacx .bs-popover-auto[x-placement^=top]>.arrow::before,.spacx .bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.spacx .bs-popover-auto[x-placement^=top]>.arrow::after,.spacx .bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.spacx .bs-popover-auto[x-placement^=right],.spacx .bs-popover-right{margin-left:.5rem}.spacx .bs-popover-auto[x-placement^=right]>.arrow,.spacx .bs-popover-right>.arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.spacx .bs-popover-auto[x-placement^=right]>.arrow::before,.spacx .bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.spacx .bs-popover-auto[x-placement^=right]>.arrow::after,.spacx .bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.spacx .bs-popover-auto[x-placement^=bottom],.spacx .bs-popover-bottom{margin-top:.5rem}.spacx .bs-popover-auto[x-placement^=bottom]>.arrow,.spacx .bs-popover-bottom>.arrow{top:calc(-.5rem - 1px)}.spacx .bs-popover-auto[x-placement^=bottom]>.arrow::before,.spacx .bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.spacx .bs-popover-auto[x-placement^=bottom]>.arrow::after,.spacx .bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.spacx .bs-popover-auto[x-placement^=bottom] .popover-header::before,.spacx .bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:\"\";border-bottom:1px solid #f7f7f7}.spacx .bs-popover-auto[x-placement^=left],.spacx .bs-popover-left{margin-right:.5rem}.spacx .bs-popover-auto[x-placement^=left]>.arrow,.spacx .bs-popover-left>.arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.spacx .bs-popover-auto[x-placement^=left]>.arrow::before,.spacx .bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.spacx .bs-popover-auto[x-placement^=left]>.arrow::after,.spacx .bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.spacx .popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.spacx .popover-header:empty{display:none}.spacx .popover-body{padding:.5rem .75rem;color:#212529}.spacx .carousel{position:relative}.spacx .carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.spacx .carousel-inner{position:relative;width:100%;overflow:hidden}.spacx .carousel-inner::after{display:block;clear:both;content:\"\"}.spacx .carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.spacx .carousel-item{transition:none}}.spacx .carousel-item-next,.spacx .carousel-item-prev,.spacx .carousel-item.active{display:block}.spacx .active.carousel-item-right,.spacx .carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.spacx .active.carousel-item-left,.spacx .carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.spacx .carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.spacx .carousel-fade .carousel-item-next.carousel-item-left,.spacx .carousel-fade .carousel-item-prev.carousel-item-right,.spacx .carousel-fade .carousel-item.active{z-index:1;opacity:1}.spacx .carousel-fade .active.carousel-item-left,.spacx .carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.spacx .carousel-fade .active.carousel-item-left,.spacx .carousel-fade .active.carousel-item-right{transition:none}}.spacx .carousel-control-next,.spacx .carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.spacx .carousel-control-next,.spacx .carousel-control-prev{transition:none}}.spacx .carousel-control-next:focus,.spacx .carousel-control-next:hover,.spacx .carousel-control-prev:focus,.spacx .carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.spacx .carousel-control-prev{left:0}.spacx .carousel-control-next{right:0}.spacx .carousel-control-next-icon,.spacx .carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:50%/100% 100% no-repeat}.spacx .carousel-control-prev-icon{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e\")}.spacx .carousel-control-next-icon{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e\")}.spacx .carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.spacx .carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.spacx .carousel-indicators li{transition:none}}.spacx .carousel-indicators .active{opacity:1}.spacx .carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spacx .spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentcolor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}.spacx .spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}.spacx .spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;background-color:currentcolor;border-radius:50%;opacity:0;-webkit-animation:.75s linear infinite spinner-grow;animation:.75s linear infinite spinner-grow}.spacx .spinner-grow-sm{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.spacx .spinner-border,.spacx .spinner-grow{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.spacx .align-baseline{vertical-align:baseline!important}.spacx .align-top{vertical-align:top!important}.spacx .align-middle{vertical-align:middle!important}.spacx .align-bottom{vertical-align:bottom!important}.spacx .align-text-bottom{vertical-align:text-bottom!important}.spacx .align-text-top{vertical-align:text-top!important}.spacx .bg-primary{background-color:#007bff!important}.spacx a.bg-primary:focus,.spacx a.bg-primary:hover,.spacx button.bg-primary:focus,.spacx button.bg-primary:hover{background-color:#0062cc!important}.spacx .bg-secondary{background-color:#6c757d!important}.spacx a.bg-secondary:focus,.spacx a.bg-secondary:hover,.spacx button.bg-secondary:focus,.spacx button.bg-secondary:hover{background-color:#545b62!important}.spacx .bg-success{background-color:#28a745!important}.spacx a.bg-success:focus,.spacx a.bg-success:hover,.spacx button.bg-success:focus,.spacx button.bg-success:hover{background-color:#1e7e34!important}.spacx .bg-info{background-color:#17a2b8!important}.spacx a.bg-info:focus,.spacx a.bg-info:hover,.spacx button.bg-info:focus,.spacx button.bg-info:hover{background-color:#117a8b!important}.spacx .bg-warning{background-color:#ffc107!important}.spacx a.bg-warning:focus,.spacx a.bg-warning:hover,.spacx button.bg-warning:focus,.spacx button.bg-warning:hover{background-color:#d39e00!important}.spacx .bg-danger{background-color:#dc3545!important}.spacx a.bg-danger:focus,.spacx a.bg-danger:hover,.spacx button.bg-danger:focus,.spacx button.bg-danger:hover{background-color:#bd2130!important}.spacx .bg-light{background-color:#f8f9fa!important}.spacx a.bg-light:focus,.spacx a.bg-light:hover,.spacx button.bg-light:focus,.spacx button.bg-light:hover{background-color:#dae0e5!important}.spacx .bg-dark{background-color:#343a40!important}.spacx a.bg-dark:focus,.spacx a.bg-dark:hover,.spacx button.bg-dark:focus,.spacx button.bg-dark:hover{background-color:#1d2124!important}.spacx .bg-white{background-color:#fff!important}.spacx .bg-transparent{background-color:transparent!important}.spacx .border{border:1px solid #dee2e6!important}.spacx .border-top{border-top:1px solid #dee2e6!important}.spacx .border-right{border-right:1px solid #dee2e6!important}.spacx .border-bottom{border-bottom:1px solid #dee2e6!important}.spacx .border-left{border-left:1px solid #dee2e6!important}.spacx .border-0{border:0!important}.spacx .border-top-0{border-top:0!important}.spacx .border-right-0{border-right:0!important}.spacx .border-bottom-0{border-bottom:0!important}.spacx .border-left-0{border-left:0!important}.spacx .border-primary{border-color:#007bff!important}.spacx .border-secondary{border-color:#6c757d!important}.spacx .border-success{border-color:#28a745!important}.spacx .border-info{border-color:#17a2b8!important}.spacx .border-warning{border-color:#ffc107!important}.spacx .border-danger{border-color:#dc3545!important}.spacx .border-light{border-color:#f8f9fa!important}.spacx .border-dark{border-color:#343a40!important}.spacx .border-white{border-color:#fff!important}.spacx .rounded-sm{border-radius:.2rem!important}.spacx .rounded{border-radius:.25rem!important}.spacx .rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.spacx .rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.spacx .rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.spacx .rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.spacx .rounded-lg{border-radius:.3rem!important}.spacx .rounded-circle{border-radius:50%!important}.spacx .rounded-pill{border-radius:50rem!important}.spacx .rounded-0{border-radius:0!important}.spacx .clearfix::after{display:block;clear:both;content:\"\"}.spacx .d-none{display:none!important}.spacx .d-inline{display:inline!important}.spacx .d-inline-block{display:inline-block!important}.spacx .d-block{display:block!important}.spacx .d-table{display:table!important}.spacx .d-table-row{display:table-row!important}.spacx .d-table-cell{display:table-cell!important}.spacx .d-flex{display:-ms-flexbox!important;display:flex!important}.spacx .d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.spacx .d-sm-none{display:none!important}.spacx .d-sm-inline{display:inline!important}.spacx .d-sm-inline-block{display:inline-block!important}.spacx .d-sm-block{display:block!important}.spacx .d-sm-table{display:table!important}.spacx .d-sm-table-row{display:table-row!important}.spacx .d-sm-table-cell{display:table-cell!important}.spacx .d-sm-flex{display:-ms-flexbox!important;display:flex!important}.spacx .d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.spacx .d-md-none{display:none!important}.spacx .d-md-inline{display:inline!important}.spacx .d-md-inline-block{display:inline-block!important}.spacx .d-md-block{display:block!important}.spacx .d-md-table{display:table!important}.spacx .d-md-table-row{display:table-row!important}.spacx .d-md-table-cell{display:table-cell!important}.spacx .d-md-flex{display:-ms-flexbox!important;display:flex!important}.spacx .d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.spacx .d-lg-none{display:none!important}.spacx .d-lg-inline{display:inline!important}.spacx .d-lg-inline-block{display:inline-block!important}.spacx .d-lg-block{display:block!important}.spacx .d-lg-table{display:table!important}.spacx .d-lg-table-row{display:table-row!important}.spacx .d-lg-table-cell{display:table-cell!important}.spacx .d-lg-flex{display:-ms-flexbox!important;display:flex!important}.spacx .d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.spacx .d-xl-none{display:none!important}.spacx .d-xl-inline{display:inline!important}.spacx .d-xl-inline-block{display:inline-block!important}.spacx .d-xl-block{display:block!important}.spacx .d-xl-table{display:table!important}.spacx .d-xl-table-row{display:table-row!important}.spacx .d-xl-table-cell{display:table-cell!important}.spacx .d-xl-flex{display:-ms-flexbox!important;display:flex!important}.spacx .d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.spacx .d-print-none{display:none!important}.spacx .d-print-inline{display:inline!important}.spacx .d-print-inline-block{display:inline-block!important}.spacx .d-print-block{display:block!important}.spacx .d-print-table{display:table!important}.spacx .d-print-table-row{display:table-row!important}.spacx .d-print-table-cell{display:table-cell!important}.spacx .d-print-flex{display:-ms-flexbox!important;display:flex!important}.spacx .d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.spacx .embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.spacx .embed-responsive::before{display:block;content:\"\"}.spacx .embed-responsive .embed-responsive-item,.spacx .embed-responsive embed,.spacx .embed-responsive iframe,.spacx .embed-responsive object,.spacx .embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.spacx .embed-responsive-21by9::before{padding-top:42.857143%}.spacx .embed-responsive-16by9::before{padding-top:56.25%}.spacx .embed-responsive-4by3::before{padding-top:75%}.spacx .embed-responsive-1by1::before{padding-top:100%}.spacx .flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.spacx .flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.spacx .flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.spacx .flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.spacx .flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.spacx .flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.spacx .flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.spacx .flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.spacx .flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.spacx .flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.spacx .flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.spacx .flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.spacx .justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.spacx .justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.spacx .justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.spacx .justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.spacx .justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.spacx .align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.spacx .align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.spacx .align-items-center{-ms-flex-align:center!important;align-items:center!important}.spacx .align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.spacx .align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.spacx .align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.spacx .align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.spacx .align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.spacx .align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.spacx .align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.spacx .align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.spacx .align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.spacx .align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.spacx .align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.spacx .align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.spacx .align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.spacx .align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.spacx .flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.spacx .flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.spacx .flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.spacx .flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.spacx .flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.spacx .flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.spacx .flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.spacx .flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.spacx .flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.spacx .flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.spacx .flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.spacx .flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.spacx .justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.spacx .justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.spacx .justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.spacx .justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.spacx .justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.spacx .align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.spacx .align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.spacx .align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.spacx .align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.spacx .align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.spacx .align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.spacx .align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.spacx .align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.spacx .align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.spacx .align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.spacx .align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.spacx .align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.spacx .align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.spacx .align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.spacx .align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.spacx .align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.spacx .align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.spacx .flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.spacx .flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.spacx .flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.spacx .flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.spacx .flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.spacx .flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.spacx .flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.spacx .flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.spacx .flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.spacx .flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.spacx .flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.spacx .flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.spacx .justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.spacx .justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.spacx .justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.spacx .justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.spacx .justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.spacx .align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.spacx .align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.spacx .align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.spacx .align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.spacx .align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.spacx .align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.spacx .align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.spacx .align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.spacx .align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.spacx .align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.spacx .align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.spacx .align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.spacx .align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.spacx .align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.spacx .align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.spacx .align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.spacx .align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.spacx .flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.spacx .flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.spacx .flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.spacx .flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.spacx .flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.spacx .flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.spacx .flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.spacx .flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.spacx .flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.spacx .flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.spacx .flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.spacx .flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.spacx .justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.spacx .justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.spacx .justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.spacx .justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.spacx .justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.spacx .align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.spacx .align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.spacx .align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.spacx .align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.spacx .align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.spacx .align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.spacx .align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.spacx .align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.spacx .align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.spacx .align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.spacx .align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.spacx .align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.spacx .align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.spacx .align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.spacx .align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.spacx .align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.spacx .align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.spacx .flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.spacx .flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.spacx .flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.spacx .flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.spacx .flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.spacx .flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.spacx .flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.spacx .flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.spacx .flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.spacx .flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.spacx .flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.spacx .flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.spacx .justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.spacx .justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.spacx .justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.spacx .justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.spacx .justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.spacx .align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.spacx .align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.spacx .align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.spacx .align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.spacx .align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.spacx .align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.spacx .align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.spacx .align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.spacx .align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.spacx .align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.spacx .align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.spacx .align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.spacx .align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.spacx .align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.spacx .align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.spacx .align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.spacx .align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.spacx .float-left{float:left!important}.spacx .float-right{float:right!important}.spacx .float-none{float:none!important}@media (min-width:576px){.spacx .float-sm-left{float:left!important}.spacx .float-sm-right{float:right!important}.spacx .float-sm-none{float:none!important}}@media (min-width:768px){.spacx .float-md-left{float:left!important}.spacx .float-md-right{float:right!important}.spacx .float-md-none{float:none!important}}@media (min-width:992px){.spacx .float-lg-left{float:left!important}.spacx .float-lg-right{float:right!important}.spacx .float-lg-none{float:none!important}}@media (min-width:1200px){.spacx .float-xl-left{float:left!important}.spacx .float-xl-right{float:right!important}.spacx .float-xl-none{float:none!important}}.spacx .user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.spacx .user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.spacx .user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.spacx .overflow-auto{overflow:auto!important}.spacx .overflow-hidden{overflow:hidden!important}.spacx .position-static{position:static!important}.spacx .position-relative{position:relative!important}.spacx .position-absolute{position:absolute!important}.spacx .position-fixed{position:fixed!important}.spacx .position-sticky{position:-webkit-sticky!important;position:sticky!important}.spacx .fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.spacx .fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.spacx .sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.spacx .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spacx .sr-only-focusable:active,.spacx .sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.spacx .shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.spacx .shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.spacx .shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.spacx .shadow-none{box-shadow:none!important}.spacx .w-25{width:25%!important}.spacx .w-50{width:50%!important}.spacx .w-75{width:75%!important}.spacx .w-100{width:100%!important}.spacx .w-auto{width:auto!important}.spacx .h-25{height:25%!important}.spacx .h-50{height:50%!important}.spacx .h-75{height:75%!important}.spacx .h-100{height:100%!important}.spacx .h-auto{height:auto!important}.spacx .mw-100{max-width:100%!important}.spacx .mh-100{max-height:100%!important}.spacx .min-vw-100{min-width:100vw!important}.spacx .min-vh-100{min-height:100vh!important}.spacx .vw-100{width:100vw!important}.spacx .vh-100{height:100vh!important}.spacx .m-0{margin:0!important}.spacx .mt-0,.spacx .my-0{margin-top:0!important}.spacx .mr-0,.spacx .mx-0{margin-right:0!important}.spacx .mb-0,.spacx .my-0{margin-bottom:0!important}.spacx .ml-0,.spacx .mx-0{margin-left:0!important}.spacx .m-1{margin:.25rem!important}.spacx .mt-1,.spacx .my-1{margin-top:.25rem!important}.spacx .mr-1,.spacx .mx-1{margin-right:.25rem!important}.spacx .mb-1,.spacx .my-1{margin-bottom:.25rem!important}.spacx .ml-1,.spacx .mx-1{margin-left:.25rem!important}.spacx .m-2{margin:.5rem!important}.spacx .mt-2,.spacx .my-2{margin-top:.5rem!important}.spacx .mr-2,.spacx .mx-2{margin-right:.5rem!important}.spacx .mb-2,.spacx .my-2{margin-bottom:.5rem!important}.spacx .ml-2,.spacx .mx-2{margin-left:.5rem!important}.spacx .m-3{margin:1rem!important}.spacx .mt-3,.spacx .my-3{margin-top:1rem!important}.spacx .mr-3,.spacx .mx-3{margin-right:1rem!important}.spacx .mb-3,.spacx .my-3{margin-bottom:1rem!important}.spacx .ml-3,.spacx .mx-3{margin-left:1rem!important}.spacx .m-4{margin:1.5rem!important}.spacx .mt-4,.spacx .my-4{margin-top:1.5rem!important}.spacx .mr-4,.spacx .mx-4{margin-right:1.5rem!important}.spacx .mb-4,.spacx .my-4{margin-bottom:1.5rem!important}.spacx .ml-4,.spacx .mx-4{margin-left:1.5rem!important}.spacx .m-5{margin:3rem!important}.spacx .mt-5,.spacx .my-5{margin-top:3rem!important}.spacx .mr-5,.spacx .mx-5{margin-right:3rem!important}.spacx .mb-5,.spacx .my-5{margin-bottom:3rem!important}.spacx .ml-5,.spacx .mx-5{margin-left:3rem!important}.spacx .p-0{padding:0!important}.spacx .pt-0,.spacx .py-0{padding-top:0!important}.spacx .pr-0,.spacx .px-0{padding-right:0!important}.spacx .pb-0,.spacx .py-0{padding-bottom:0!important}.spacx .pl-0,.spacx .px-0{padding-left:0!important}.spacx .p-1{padding:.25rem!important}.spacx .pt-1,.spacx .py-1{padding-top:.25rem!important}.spacx .pr-1,.spacx .px-1{padding-right:.25rem!important}.spacx .pb-1,.spacx .py-1{padding-bottom:.25rem!important}.spacx .pl-1,.spacx .px-1{padding-left:.25rem!important}.spacx .p-2{padding:.5rem!important}.spacx .pt-2,.spacx .py-2{padding-top:.5rem!important}.spacx .pr-2,.spacx .px-2{padding-right:.5rem!important}.spacx .pb-2,.spacx .py-2{padding-bottom:.5rem!important}.spacx .pl-2,.spacx .px-2{padding-left:.5rem!important}.spacx .p-3{padding:1rem!important}.spacx .pt-3,.spacx .py-3{padding-top:1rem!important}.spacx .pr-3,.spacx .px-3{padding-right:1rem!important}.spacx .pb-3,.spacx .py-3{padding-bottom:1rem!important}.spacx .pl-3,.spacx .px-3{padding-left:1rem!important}.spacx .p-4{padding:1.5rem!important}.spacx .pt-4,.spacx .py-4{padding-top:1.5rem!important}.spacx .pr-4,.spacx .px-4{padding-right:1.5rem!important}.spacx .pb-4,.spacx .py-4{padding-bottom:1.5rem!important}.spacx .pl-4,.spacx .px-4{padding-left:1.5rem!important}.spacx .p-5{padding:3rem!important}.spacx .pt-5,.spacx .py-5{padding-top:3rem!important}.spacx .pr-5,.spacx .px-5{padding-right:3rem!important}.spacx .pb-5,.spacx .py-5{padding-bottom:3rem!important}.spacx .pl-5,.spacx .px-5{padding-left:3rem!important}.spacx .m-n1{margin:-.25rem!important}.spacx .mt-n1,.spacx .my-n1{margin-top:-.25rem!important}.spacx .mr-n1,.spacx .mx-n1{margin-right:-.25rem!important}.spacx .mb-n1,.spacx .my-n1{margin-bottom:-.25rem!important}.spacx .ml-n1,.spacx .mx-n1{margin-left:-.25rem!important}.spacx .m-n2{margin:-.5rem!important}.spacx .mt-n2,.spacx .my-n2{margin-top:-.5rem!important}.spacx .mr-n2,.spacx .mx-n2{margin-right:-.5rem!important}.spacx .mb-n2,.spacx .my-n2{margin-bottom:-.5rem!important}.spacx .ml-n2,.spacx .mx-n2{margin-left:-.5rem!important}.spacx .m-n3{margin:-1rem!important}.spacx .mt-n3,.spacx .my-n3{margin-top:-1rem!important}.spacx .mr-n3,.spacx .mx-n3{margin-right:-1rem!important}.spacx .mb-n3,.spacx .my-n3{margin-bottom:-1rem!important}.spacx .ml-n3,.spacx .mx-n3{margin-left:-1rem!important}.spacx .m-n4{margin:-1.5rem!important}.spacx .mt-n4,.spacx .my-n4{margin-top:-1.5rem!important}.spacx .mr-n4,.spacx .mx-n4{margin-right:-1.5rem!important}.spacx .mb-n4,.spacx .my-n4{margin-bottom:-1.5rem!important}.spacx .ml-n4,.spacx .mx-n4{margin-left:-1.5rem!important}.spacx .m-n5{margin:-3rem!important}.spacx .mt-n5,.spacx .my-n5{margin-top:-3rem!important}.spacx .mr-n5,.spacx .mx-n5{margin-right:-3rem!important}.spacx .mb-n5,.spacx .my-n5{margin-bottom:-3rem!important}.spacx .ml-n5,.spacx .mx-n5{margin-left:-3rem!important}.spacx .m-auto{margin:auto!important}.spacx .mt-auto,.spacx .my-auto{margin-top:auto!important}.spacx .mr-auto,.spacx .mx-auto{margin-right:auto!important}.spacx .mb-auto,.spacx .my-auto{margin-bottom:auto!important}.spacx .ml-auto,.spacx .mx-auto{margin-left:auto!important}@media (min-width:576px){.spacx .m-sm-0{margin:0!important}.spacx .mt-sm-0,.spacx .my-sm-0{margin-top:0!important}.spacx .mr-sm-0,.spacx .mx-sm-0{margin-right:0!important}.spacx .mb-sm-0,.spacx .my-sm-0{margin-bottom:0!important}.spacx .ml-sm-0,.spacx .mx-sm-0{margin-left:0!important}.spacx .m-sm-1{margin:.25rem!important}.spacx .mt-sm-1,.spacx .my-sm-1{margin-top:.25rem!important}.spacx .mr-sm-1,.spacx .mx-sm-1{margin-right:.25rem!important}.spacx .mb-sm-1,.spacx .my-sm-1{margin-bottom:.25rem!important}.spacx .ml-sm-1,.spacx .mx-sm-1{margin-left:.25rem!important}.spacx .m-sm-2{margin:.5rem!important}.spacx .mt-sm-2,.spacx .my-sm-2{margin-top:.5rem!important}.spacx .mr-sm-2,.spacx .mx-sm-2{margin-right:.5rem!important}.spacx .mb-sm-2,.spacx .my-sm-2{margin-bottom:.5rem!important}.spacx .ml-sm-2,.spacx .mx-sm-2{margin-left:.5rem!important}.spacx .m-sm-3{margin:1rem!important}.spacx .mt-sm-3,.spacx .my-sm-3{margin-top:1rem!important}.spacx .mr-sm-3,.spacx .mx-sm-3{margin-right:1rem!important}.spacx .mb-sm-3,.spacx .my-sm-3{margin-bottom:1rem!important}.spacx .ml-sm-3,.spacx .mx-sm-3{margin-left:1rem!important}.spacx .m-sm-4{margin:1.5rem!important}.spacx .mt-sm-4,.spacx .my-sm-4{margin-top:1.5rem!important}.spacx .mr-sm-4,.spacx .mx-sm-4{margin-right:1.5rem!important}.spacx .mb-sm-4,.spacx .my-sm-4{margin-bottom:1.5rem!important}.spacx .ml-sm-4,.spacx .mx-sm-4{margin-left:1.5rem!important}.spacx .m-sm-5{margin:3rem!important}.spacx .mt-sm-5,.spacx .my-sm-5{margin-top:3rem!important}.spacx .mr-sm-5,.spacx .mx-sm-5{margin-right:3rem!important}.spacx .mb-sm-5,.spacx .my-sm-5{margin-bottom:3rem!important}.spacx .ml-sm-5,.spacx .mx-sm-5{margin-left:3rem!important}.spacx .p-sm-0{padding:0!important}.spacx .pt-sm-0,.spacx .py-sm-0{padding-top:0!important}.spacx .pr-sm-0,.spacx .px-sm-0{padding-right:0!important}.spacx .pb-sm-0,.spacx .py-sm-0{padding-bottom:0!important}.spacx .pl-sm-0,.spacx .px-sm-0{padding-left:0!important}.spacx .p-sm-1{padding:.25rem!important}.spacx .pt-sm-1,.spacx .py-sm-1{padding-top:.25rem!important}.spacx .pr-sm-1,.spacx .px-sm-1{padding-right:.25rem!important}.spacx .pb-sm-1,.spacx .py-sm-1{padding-bottom:.25rem!important}.spacx .pl-sm-1,.spacx .px-sm-1{padding-left:.25rem!important}.spacx .p-sm-2{padding:.5rem!important}.spacx .pt-sm-2,.spacx .py-sm-2{padding-top:.5rem!important}.spacx .pr-sm-2,.spacx .px-sm-2{padding-right:.5rem!important}.spacx .pb-sm-2,.spacx .py-sm-2{padding-bottom:.5rem!important}.spacx .pl-sm-2,.spacx .px-sm-2{padding-left:.5rem!important}.spacx .p-sm-3{padding:1rem!important}.spacx .pt-sm-3,.spacx .py-sm-3{padding-top:1rem!important}.spacx .pr-sm-3,.spacx .px-sm-3{padding-right:1rem!important}.spacx .pb-sm-3,.spacx .py-sm-3{padding-bottom:1rem!important}.spacx .pl-sm-3,.spacx .px-sm-3{padding-left:1rem!important}.spacx .p-sm-4{padding:1.5rem!important}.spacx .pt-sm-4,.spacx .py-sm-4{padding-top:1.5rem!important}.spacx .pr-sm-4,.spacx .px-sm-4{padding-right:1.5rem!important}.spacx .pb-sm-4,.spacx .py-sm-4{padding-bottom:1.5rem!important}.spacx .pl-sm-4,.spacx .px-sm-4{padding-left:1.5rem!important}.spacx .p-sm-5{padding:3rem!important}.spacx .pt-sm-5,.spacx .py-sm-5{padding-top:3rem!important}.spacx .pr-sm-5,.spacx .px-sm-5{padding-right:3rem!important}.spacx .pb-sm-5,.spacx .py-sm-5{padding-bottom:3rem!important}.spacx .pl-sm-5,.spacx .px-sm-5{padding-left:3rem!important}.spacx .m-sm-n1{margin:-.25rem!important}.spacx .mt-sm-n1,.spacx .my-sm-n1{margin-top:-.25rem!important}.spacx .mr-sm-n1,.spacx .mx-sm-n1{margin-right:-.25rem!important}.spacx .mb-sm-n1,.spacx .my-sm-n1{margin-bottom:-.25rem!important}.spacx .ml-sm-n1,.spacx .mx-sm-n1{margin-left:-.25rem!important}.spacx .m-sm-n2{margin:-.5rem!important}.spacx .mt-sm-n2,.spacx .my-sm-n2{margin-top:-.5rem!important}.spacx .mr-sm-n2,.spacx .mx-sm-n2{margin-right:-.5rem!important}.spacx .mb-sm-n2,.spacx .my-sm-n2{margin-bottom:-.5rem!important}.spacx .ml-sm-n2,.spacx .mx-sm-n2{margin-left:-.5rem!important}.spacx .m-sm-n3{margin:-1rem!important}.spacx .mt-sm-n3,.spacx .my-sm-n3{margin-top:-1rem!important}.spacx .mr-sm-n3,.spacx .mx-sm-n3{margin-right:-1rem!important}.spacx .mb-sm-n3,.spacx .my-sm-n3{margin-bottom:-1rem!important}.spacx .ml-sm-n3,.spacx .mx-sm-n3{margin-left:-1rem!important}.spacx .m-sm-n4{margin:-1.5rem!important}.spacx .mt-sm-n4,.spacx .my-sm-n4{margin-top:-1.5rem!important}.spacx .mr-sm-n4,.spacx .mx-sm-n4{margin-right:-1.5rem!important}.spacx .mb-sm-n4,.spacx .my-sm-n4{margin-bottom:-1.5rem!important}.spacx .ml-sm-n4,.spacx .mx-sm-n4{margin-left:-1.5rem!important}.spacx .m-sm-n5{margin:-3rem!important}.spacx .mt-sm-n5,.spacx .my-sm-n5{margin-top:-3rem!important}.spacx .mr-sm-n5,.spacx .mx-sm-n5{margin-right:-3rem!important}.spacx .mb-sm-n5,.spacx .my-sm-n5{margin-bottom:-3rem!important}.spacx .ml-sm-n5,.spacx .mx-sm-n5{margin-left:-3rem!important}.spacx .m-sm-auto{margin:auto!important}.spacx .mt-sm-auto,.spacx .my-sm-auto{margin-top:auto!important}.spacx .mr-sm-auto,.spacx .mx-sm-auto{margin-right:auto!important}.spacx .mb-sm-auto,.spacx .my-sm-auto{margin-bottom:auto!important}.spacx .ml-sm-auto,.spacx .mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.spacx .m-md-0{margin:0!important}.spacx .mt-md-0,.spacx .my-md-0{margin-top:0!important}.spacx .mr-md-0,.spacx .mx-md-0{margin-right:0!important}.spacx .mb-md-0,.spacx .my-md-0{margin-bottom:0!important}.spacx .ml-md-0,.spacx .mx-md-0{margin-left:0!important}.spacx .m-md-1{margin:.25rem!important}.spacx .mt-md-1,.spacx .my-md-1{margin-top:.25rem!important}.spacx .mr-md-1,.spacx .mx-md-1{margin-right:.25rem!important}.spacx .mb-md-1,.spacx .my-md-1{margin-bottom:.25rem!important}.spacx .ml-md-1,.spacx .mx-md-1{margin-left:.25rem!important}.spacx .m-md-2{margin:.5rem!important}.spacx .mt-md-2,.spacx .my-md-2{margin-top:.5rem!important}.spacx .mr-md-2,.spacx .mx-md-2{margin-right:.5rem!important}.spacx .mb-md-2,.spacx .my-md-2{margin-bottom:.5rem!important}.spacx .ml-md-2,.spacx .mx-md-2{margin-left:.5rem!important}.spacx .m-md-3{margin:1rem!important}.spacx .mt-md-3,.spacx .my-md-3{margin-top:1rem!important}.spacx .mr-md-3,.spacx .mx-md-3{margin-right:1rem!important}.spacx .mb-md-3,.spacx .my-md-3{margin-bottom:1rem!important}.spacx .ml-md-3,.spacx .mx-md-3{margin-left:1rem!important}.spacx .m-md-4{margin:1.5rem!important}.spacx .mt-md-4,.spacx .my-md-4{margin-top:1.5rem!important}.spacx .mr-md-4,.spacx .mx-md-4{margin-right:1.5rem!important}.spacx .mb-md-4,.spacx .my-md-4{margin-bottom:1.5rem!important}.spacx .ml-md-4,.spacx .mx-md-4{margin-left:1.5rem!important}.spacx .m-md-5{margin:3rem!important}.spacx .mt-md-5,.spacx .my-md-5{margin-top:3rem!important}.spacx .mr-md-5,.spacx .mx-md-5{margin-right:3rem!important}.spacx .mb-md-5,.spacx .my-md-5{margin-bottom:3rem!important}.spacx .ml-md-5,.spacx .mx-md-5{margin-left:3rem!important}.spacx .p-md-0{padding:0!important}.spacx .pt-md-0,.spacx .py-md-0{padding-top:0!important}.spacx .pr-md-0,.spacx .px-md-0{padding-right:0!important}.spacx .pb-md-0,.spacx .py-md-0{padding-bottom:0!important}.spacx .pl-md-0,.spacx .px-md-0{padding-left:0!important}.spacx .p-md-1{padding:.25rem!important}.spacx .pt-md-1,.spacx .py-md-1{padding-top:.25rem!important}.spacx .pr-md-1,.spacx .px-md-1{padding-right:.25rem!important}.spacx .pb-md-1,.spacx .py-md-1{padding-bottom:.25rem!important}.spacx .pl-md-1,.spacx .px-md-1{padding-left:.25rem!important}.spacx .p-md-2{padding:.5rem!important}.spacx .pt-md-2,.spacx .py-md-2{padding-top:.5rem!important}.spacx .pr-md-2,.spacx .px-md-2{padding-right:.5rem!important}.spacx .pb-md-2,.spacx .py-md-2{padding-bottom:.5rem!important}.spacx .pl-md-2,.spacx .px-md-2{padding-left:.5rem!important}.spacx .p-md-3{padding:1rem!important}.spacx .pt-md-3,.spacx .py-md-3{padding-top:1rem!important}.spacx .pr-md-3,.spacx .px-md-3{padding-right:1rem!important}.spacx .pb-md-3,.spacx .py-md-3{padding-bottom:1rem!important}.spacx .pl-md-3,.spacx .px-md-3{padding-left:1rem!important}.spacx .p-md-4{padding:1.5rem!important}.spacx .pt-md-4,.spacx .py-md-4{padding-top:1.5rem!important}.spacx .pr-md-4,.spacx .px-md-4{padding-right:1.5rem!important}.spacx .pb-md-4,.spacx .py-md-4{padding-bottom:1.5rem!important}.spacx .pl-md-4,.spacx .px-md-4{padding-left:1.5rem!important}.spacx .p-md-5{padding:3rem!important}.spacx .pt-md-5,.spacx .py-md-5{padding-top:3rem!important}.spacx .pr-md-5,.spacx .px-md-5{padding-right:3rem!important}.spacx .pb-md-5,.spacx .py-md-5{padding-bottom:3rem!important}.spacx .pl-md-5,.spacx .px-md-5{padding-left:3rem!important}.spacx .m-md-n1{margin:-.25rem!important}.spacx .mt-md-n1,.spacx .my-md-n1{margin-top:-.25rem!important}.spacx .mr-md-n1,.spacx .mx-md-n1{margin-right:-.25rem!important}.spacx .mb-md-n1,.spacx .my-md-n1{margin-bottom:-.25rem!important}.spacx .ml-md-n1,.spacx .mx-md-n1{margin-left:-.25rem!important}.spacx .m-md-n2{margin:-.5rem!important}.spacx .mt-md-n2,.spacx .my-md-n2{margin-top:-.5rem!important}.spacx .mr-md-n2,.spacx .mx-md-n2{margin-right:-.5rem!important}.spacx .mb-md-n2,.spacx .my-md-n2{margin-bottom:-.5rem!important}.spacx .ml-md-n2,.spacx .mx-md-n2{margin-left:-.5rem!important}.spacx .m-md-n3{margin:-1rem!important}.spacx .mt-md-n3,.spacx .my-md-n3{margin-top:-1rem!important}.spacx .mr-md-n3,.spacx .mx-md-n3{margin-right:-1rem!important}.spacx .mb-md-n3,.spacx .my-md-n3{margin-bottom:-1rem!important}.spacx .ml-md-n3,.spacx .mx-md-n3{margin-left:-1rem!important}.spacx .m-md-n4{margin:-1.5rem!important}.spacx .mt-md-n4,.spacx .my-md-n4{margin-top:-1.5rem!important}.spacx .mr-md-n4,.spacx .mx-md-n4{margin-right:-1.5rem!important}.spacx .mb-md-n4,.spacx .my-md-n4{margin-bottom:-1.5rem!important}.spacx .ml-md-n4,.spacx .mx-md-n4{margin-left:-1.5rem!important}.spacx .m-md-n5{margin:-3rem!important}.spacx .mt-md-n5,.spacx .my-md-n5{margin-top:-3rem!important}.spacx .mr-md-n5,.spacx .mx-md-n5{margin-right:-3rem!important}.spacx .mb-md-n5,.spacx .my-md-n5{margin-bottom:-3rem!important}.spacx .ml-md-n5,.spacx .mx-md-n5{margin-left:-3rem!important}.spacx .m-md-auto{margin:auto!important}.spacx .mt-md-auto,.spacx .my-md-auto{margin-top:auto!important}.spacx .mr-md-auto,.spacx .mx-md-auto{margin-right:auto!important}.spacx .mb-md-auto,.spacx .my-md-auto{margin-bottom:auto!important}.spacx .ml-md-auto,.spacx .mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.spacx .m-lg-0{margin:0!important}.spacx .mt-lg-0,.spacx .my-lg-0{margin-top:0!important}.spacx .mr-lg-0,.spacx .mx-lg-0{margin-right:0!important}.spacx .mb-lg-0,.spacx .my-lg-0{margin-bottom:0!important}.spacx .ml-lg-0,.spacx .mx-lg-0{margin-left:0!important}.spacx .m-lg-1{margin:.25rem!important}.spacx .mt-lg-1,.spacx .my-lg-1{margin-top:.25rem!important}.spacx .mr-lg-1,.spacx .mx-lg-1{margin-right:.25rem!important}.spacx .mb-lg-1,.spacx .my-lg-1{margin-bottom:.25rem!important}.spacx .ml-lg-1,.spacx .mx-lg-1{margin-left:.25rem!important}.spacx .m-lg-2{margin:.5rem!important}.spacx .mt-lg-2,.spacx .my-lg-2{margin-top:.5rem!important}.spacx .mr-lg-2,.spacx .mx-lg-2{margin-right:.5rem!important}.spacx .mb-lg-2,.spacx .my-lg-2{margin-bottom:.5rem!important}.spacx .ml-lg-2,.spacx .mx-lg-2{margin-left:.5rem!important}.spacx .m-lg-3{margin:1rem!important}.spacx .mt-lg-3,.spacx .my-lg-3{margin-top:1rem!important}.spacx .mr-lg-3,.spacx .mx-lg-3{margin-right:1rem!important}.spacx .mb-lg-3,.spacx .my-lg-3{margin-bottom:1rem!important}.spacx .ml-lg-3,.spacx .mx-lg-3{margin-left:1rem!important}.spacx .m-lg-4{margin:1.5rem!important}.spacx .mt-lg-4,.spacx .my-lg-4{margin-top:1.5rem!important}.spacx .mr-lg-4,.spacx .mx-lg-4{margin-right:1.5rem!important}.spacx .mb-lg-4,.spacx .my-lg-4{margin-bottom:1.5rem!important}.spacx .ml-lg-4,.spacx .mx-lg-4{margin-left:1.5rem!important}.spacx .m-lg-5{margin:3rem!important}.spacx .mt-lg-5,.spacx .my-lg-5{margin-top:3rem!important}.spacx .mr-lg-5,.spacx .mx-lg-5{margin-right:3rem!important}.spacx .mb-lg-5,.spacx .my-lg-5{margin-bottom:3rem!important}.spacx .ml-lg-5,.spacx .mx-lg-5{margin-left:3rem!important}.spacx .p-lg-0{padding:0!important}.spacx .pt-lg-0,.spacx .py-lg-0{padding-top:0!important}.spacx .pr-lg-0,.spacx .px-lg-0{padding-right:0!important}.spacx .pb-lg-0,.spacx .py-lg-0{padding-bottom:0!important}.spacx .pl-lg-0,.spacx .px-lg-0{padding-left:0!important}.spacx .p-lg-1{padding:.25rem!important}.spacx .pt-lg-1,.spacx .py-lg-1{padding-top:.25rem!important}.spacx .pr-lg-1,.spacx .px-lg-1{padding-right:.25rem!important}.spacx .pb-lg-1,.spacx .py-lg-1{padding-bottom:.25rem!important}.spacx .pl-lg-1,.spacx .px-lg-1{padding-left:.25rem!important}.spacx .p-lg-2{padding:.5rem!important}.spacx .pt-lg-2,.spacx .py-lg-2{padding-top:.5rem!important}.spacx .pr-lg-2,.spacx .px-lg-2{padding-right:.5rem!important}.spacx .pb-lg-2,.spacx .py-lg-2{padding-bottom:.5rem!important}.spacx .pl-lg-2,.spacx .px-lg-2{padding-left:.5rem!important}.spacx .p-lg-3{padding:1rem!important}.spacx .pt-lg-3,.spacx .py-lg-3{padding-top:1rem!important}.spacx .pr-lg-3,.spacx .px-lg-3{padding-right:1rem!important}.spacx .pb-lg-3,.spacx .py-lg-3{padding-bottom:1rem!important}.spacx .pl-lg-3,.spacx .px-lg-3{padding-left:1rem!important}.spacx .p-lg-4{padding:1.5rem!important}.spacx .pt-lg-4,.spacx .py-lg-4{padding-top:1.5rem!important}.spacx .pr-lg-4,.spacx .px-lg-4{padding-right:1.5rem!important}.spacx .pb-lg-4,.spacx .py-lg-4{padding-bottom:1.5rem!important}.spacx .pl-lg-4,.spacx .px-lg-4{padding-left:1.5rem!important}.spacx .p-lg-5{padding:3rem!important}.spacx .pt-lg-5,.spacx .py-lg-5{padding-top:3rem!important}.spacx .pr-lg-5,.spacx .px-lg-5{padding-right:3rem!important}.spacx .pb-lg-5,.spacx .py-lg-5{padding-bottom:3rem!important}.spacx .pl-lg-5,.spacx .px-lg-5{padding-left:3rem!important}.spacx .m-lg-n1{margin:-.25rem!important}.spacx .mt-lg-n1,.spacx .my-lg-n1{margin-top:-.25rem!important}.spacx .mr-lg-n1,.spacx .mx-lg-n1{margin-right:-.25rem!important}.spacx .mb-lg-n1,.spacx .my-lg-n1{margin-bottom:-.25rem!important}.spacx .ml-lg-n1,.spacx .mx-lg-n1{margin-left:-.25rem!important}.spacx .m-lg-n2{margin:-.5rem!important}.spacx .mt-lg-n2,.spacx .my-lg-n2{margin-top:-.5rem!important}.spacx .mr-lg-n2,.spacx .mx-lg-n2{margin-right:-.5rem!important}.spacx .mb-lg-n2,.spacx .my-lg-n2{margin-bottom:-.5rem!important}.spacx .ml-lg-n2,.spacx .mx-lg-n2{margin-left:-.5rem!important}.spacx .m-lg-n3{margin:-1rem!important}.spacx .mt-lg-n3,.spacx .my-lg-n3{margin-top:-1rem!important}.spacx .mr-lg-n3,.spacx .mx-lg-n3{margin-right:-1rem!important}.spacx .mb-lg-n3,.spacx .my-lg-n3{margin-bottom:-1rem!important}.spacx .ml-lg-n3,.spacx .mx-lg-n3{margin-left:-1rem!important}.spacx .m-lg-n4{margin:-1.5rem!important}.spacx .mt-lg-n4,.spacx .my-lg-n4{margin-top:-1.5rem!important}.spacx .mr-lg-n4,.spacx .mx-lg-n4{margin-right:-1.5rem!important}.spacx .mb-lg-n4,.spacx .my-lg-n4{margin-bottom:-1.5rem!important}.spacx .ml-lg-n4,.spacx .mx-lg-n4{margin-left:-1.5rem!important}.spacx .m-lg-n5{margin:-3rem!important}.spacx .mt-lg-n5,.spacx .my-lg-n5{margin-top:-3rem!important}.spacx .mr-lg-n5,.spacx .mx-lg-n5{margin-right:-3rem!important}.spacx .mb-lg-n5,.spacx .my-lg-n5{margin-bottom:-3rem!important}.spacx .ml-lg-n5,.spacx .mx-lg-n5{margin-left:-3rem!important}.spacx .m-lg-auto{margin:auto!important}.spacx .mt-lg-auto,.spacx .my-lg-auto{margin-top:auto!important}.spacx .mr-lg-auto,.spacx .mx-lg-auto{margin-right:auto!important}.spacx .mb-lg-auto,.spacx .my-lg-auto{margin-bottom:auto!important}.spacx .ml-lg-auto,.spacx .mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.spacx .m-xl-0{margin:0!important}.spacx .mt-xl-0,.spacx .my-xl-0{margin-top:0!important}.spacx .mr-xl-0,.spacx .mx-xl-0{margin-right:0!important}.spacx .mb-xl-0,.spacx .my-xl-0{margin-bottom:0!important}.spacx .ml-xl-0,.spacx .mx-xl-0{margin-left:0!important}.spacx .m-xl-1{margin:.25rem!important}.spacx .mt-xl-1,.spacx .my-xl-1{margin-top:.25rem!important}.spacx .mr-xl-1,.spacx .mx-xl-1{margin-right:.25rem!important}.spacx .mb-xl-1,.spacx .my-xl-1{margin-bottom:.25rem!important}.spacx .ml-xl-1,.spacx .mx-xl-1{margin-left:.25rem!important}.spacx .m-xl-2{margin:.5rem!important}.spacx .mt-xl-2,.spacx .my-xl-2{margin-top:.5rem!important}.spacx .mr-xl-2,.spacx .mx-xl-2{margin-right:.5rem!important}.spacx .mb-xl-2,.spacx .my-xl-2{margin-bottom:.5rem!important}.spacx .ml-xl-2,.spacx .mx-xl-2{margin-left:.5rem!important}.spacx .m-xl-3{margin:1rem!important}.spacx .mt-xl-3,.spacx .my-xl-3{margin-top:1rem!important}.spacx .mr-xl-3,.spacx .mx-xl-3{margin-right:1rem!important}.spacx .mb-xl-3,.spacx .my-xl-3{margin-bottom:1rem!important}.spacx .ml-xl-3,.spacx .mx-xl-3{margin-left:1rem!important}.spacx .m-xl-4{margin:1.5rem!important}.spacx .mt-xl-4,.spacx .my-xl-4{margin-top:1.5rem!important}.spacx .mr-xl-4,.spacx .mx-xl-4{margin-right:1.5rem!important}.spacx .mb-xl-4,.spacx .my-xl-4{margin-bottom:1.5rem!important}.spacx .ml-xl-4,.spacx .mx-xl-4{margin-left:1.5rem!important}.spacx .m-xl-5{margin:3rem!important}.spacx .mt-xl-5,.spacx .my-xl-5{margin-top:3rem!important}.spacx .mr-xl-5,.spacx .mx-xl-5{margin-right:3rem!important}.spacx .mb-xl-5,.spacx .my-xl-5{margin-bottom:3rem!important}.spacx .ml-xl-5,.spacx .mx-xl-5{margin-left:3rem!important}.spacx .p-xl-0{padding:0!important}.spacx .pt-xl-0,.spacx .py-xl-0{padding-top:0!important}.spacx .pr-xl-0,.spacx .px-xl-0{padding-right:0!important}.spacx .pb-xl-0,.spacx .py-xl-0{padding-bottom:0!important}.spacx .pl-xl-0,.spacx .px-xl-0{padding-left:0!important}.spacx .p-xl-1{padding:.25rem!important}.spacx .pt-xl-1,.spacx .py-xl-1{padding-top:.25rem!important}.spacx .pr-xl-1,.spacx .px-xl-1{padding-right:.25rem!important}.spacx .pb-xl-1,.spacx .py-xl-1{padding-bottom:.25rem!important}.spacx .pl-xl-1,.spacx .px-xl-1{padding-left:.25rem!important}.spacx .p-xl-2{padding:.5rem!important}.spacx .pt-xl-2,.spacx .py-xl-2{padding-top:.5rem!important}.spacx .pr-xl-2,.spacx .px-xl-2{padding-right:.5rem!important}.spacx .pb-xl-2,.spacx .py-xl-2{padding-bottom:.5rem!important}.spacx .pl-xl-2,.spacx .px-xl-2{padding-left:.5rem!important}.spacx .p-xl-3{padding:1rem!important}.spacx .pt-xl-3,.spacx .py-xl-3{padding-top:1rem!important}.spacx .pr-xl-3,.spacx .px-xl-3{padding-right:1rem!important}.spacx .pb-xl-3,.spacx .py-xl-3{padding-bottom:1rem!important}.spacx .pl-xl-3,.spacx .px-xl-3{padding-left:1rem!important}.spacx .p-xl-4{padding:1.5rem!important}.spacx .pt-xl-4,.spacx .py-xl-4{padding-top:1.5rem!important}.spacx .pr-xl-4,.spacx .px-xl-4{padding-right:1.5rem!important}.spacx .pb-xl-4,.spacx .py-xl-4{padding-bottom:1.5rem!important}.spacx .pl-xl-4,.spacx .px-xl-4{padding-left:1.5rem!important}.spacx .p-xl-5{padding:3rem!important}.spacx .pt-xl-5,.spacx .py-xl-5{padding-top:3rem!important}.spacx .pr-xl-5,.spacx .px-xl-5{padding-right:3rem!important}.spacx .pb-xl-5,.spacx .py-xl-5{padding-bottom:3rem!important}.spacx .pl-xl-5,.spacx .px-xl-5{padding-left:3rem!important}.spacx .m-xl-n1{margin:-.25rem!important}.spacx .mt-xl-n1,.spacx .my-xl-n1{margin-top:-.25rem!important}.spacx .mr-xl-n1,.spacx .mx-xl-n1{margin-right:-.25rem!important}.spacx .mb-xl-n1,.spacx .my-xl-n1{margin-bottom:-.25rem!important}.spacx .ml-xl-n1,.spacx .mx-xl-n1{margin-left:-.25rem!important}.spacx .m-xl-n2{margin:-.5rem!important}.spacx .mt-xl-n2,.spacx .my-xl-n2{margin-top:-.5rem!important}.spacx .mr-xl-n2,.spacx .mx-xl-n2{margin-right:-.5rem!important}.spacx .mb-xl-n2,.spacx .my-xl-n2{margin-bottom:-.5rem!important}.spacx .ml-xl-n2,.spacx .mx-xl-n2{margin-left:-.5rem!important}.spacx .m-xl-n3{margin:-1rem!important}.spacx .mt-xl-n3,.spacx .my-xl-n3{margin-top:-1rem!important}.spacx .mr-xl-n3,.spacx .mx-xl-n3{margin-right:-1rem!important}.spacx .mb-xl-n3,.spacx .my-xl-n3{margin-bottom:-1rem!important}.spacx .ml-xl-n3,.spacx .mx-xl-n3{margin-left:-1rem!important}.spacx .m-xl-n4{margin:-1.5rem!important}.spacx .mt-xl-n4,.spacx .my-xl-n4{margin-top:-1.5rem!important}.spacx .mr-xl-n4,.spacx .mx-xl-n4{margin-right:-1.5rem!important}.spacx .mb-xl-n4,.spacx .my-xl-n4{margin-bottom:-1.5rem!important}.spacx .ml-xl-n4,.spacx .mx-xl-n4{margin-left:-1.5rem!important}.spacx .m-xl-n5{margin:-3rem!important}.spacx .mt-xl-n5,.spacx .my-xl-n5{margin-top:-3rem!important}.spacx .mr-xl-n5,.spacx .mx-xl-n5{margin-right:-3rem!important}.spacx .mb-xl-n5,.spacx .my-xl-n5{margin-bottom:-3rem!important}.spacx .ml-xl-n5,.spacx .mx-xl-n5{margin-left:-3rem!important}.spacx .m-xl-auto{margin:auto!important}.spacx .mt-xl-auto,.spacx .my-xl-auto{margin-top:auto!important}.spacx .mr-xl-auto,.spacx .mx-xl-auto{margin-right:auto!important}.spacx .mb-xl-auto,.spacx .my-xl-auto{margin-bottom:auto!important}.spacx .ml-xl-auto,.spacx .mx-xl-auto{margin-left:auto!important}}.spacx .stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:\"\";background-color:rgba(0,0,0,0)}.spacx .text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace!important}.spacx .text-justify{text-align:justify!important}.spacx .text-wrap{white-space:normal!important}.spacx .text-nowrap{white-space:nowrap!important}.spacx .text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spacx .text-left{text-align:left!important}.spacx .text-right{text-align:right!important}.spacx .text-center{text-align:center!important}@media (min-width:576px){.spacx .text-sm-left{text-align:left!important}.spacx .text-sm-right{text-align:right!important}.spacx .text-sm-center{text-align:center!important}}@media (min-width:768px){.spacx .text-md-left{text-align:left!important}.spacx .text-md-right{text-align:right!important}.spacx .text-md-center{text-align:center!important}}@media (min-width:992px){.spacx .text-lg-left{text-align:left!important}.spacx .text-lg-right{text-align:right!important}.spacx .text-lg-center{text-align:center!important}}@media (min-width:1200px){.spacx .text-xl-left{text-align:left!important}.spacx .text-xl-right{text-align:right!important}.spacx .text-xl-center{text-align:center!important}}.spacx .text-lowercase{text-transform:lowercase!important}.spacx .text-uppercase{text-transform:uppercase!important}.spacx .text-capitalize{text-transform:capitalize!important}.spacx .font-weight-light{font-weight:300!important}.spacx .font-weight-lighter{font-weight:lighter!important}.spacx .font-weight-normal{font-weight:400!important}.spacx .font-weight-bold{font-weight:700!important}.spacx .font-weight-bolder{font-weight:bolder!important}.spacx .font-italic{font-style:italic!important}.spacx .text-white{color:#fff!important}.spacx .text-primary{color:#007bff!important}.spacx a.text-primary:focus,.spacx a.text-primary:hover{color:#0056b3!important}.spacx .text-secondary{color:#6c757d!important}.spacx a.text-secondary:focus,.spacx a.text-secondary:hover{color:#494f54!important}.spacx .text-success{color:#28a745!important}.spacx a.text-success:focus,.spacx a.text-success:hover{color:#19692c!important}.spacx .text-info{color:#17a2b8!important}.spacx a.text-info:focus,.spacx a.text-info:hover{color:#0f6674!important}.spacx .text-warning{color:#ffc107!important}.spacx a.text-warning:focus,.spacx a.text-warning:hover{color:#ba8b00!important}.spacx .text-danger{color:#dc3545!important}.spacx a.text-danger:focus,.spacx a.text-danger:hover{color:#a71d2a!important}.spacx .text-light{color:#f8f9fa!important}.spacx a.text-light:focus,.spacx a.text-light:hover{color:#cbd3da!important}.spacx .text-dark{color:#343a40!important}.spacx a.text-dark:focus,.spacx a.text-dark:hover{color:#121416!important}.spacx .text-body{color:#212529!important}.spacx .text-muted{color:#6c757d!important}.spacx .text-black-50{color:rgba(0,0,0,.5)!important}.spacx .text-white-50{color:rgba(255,255,255,.5)!important}.spacx .text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.spacx .text-decoration-none{text-decoration:none!important}.spacx .text-break{word-break:break-word!important;word-wrap:break-word!important}.spacx .text-reset{color:inherit!important}.spacx .visible{visibility:visible!important}.spacx .invisible{visibility:hidden!important}@media print{.spacx *,.spacx ::after,.spacx ::before{text-shadow:none!important;box-shadow:none!important}.spacx a:not(.btn){text-decoration:underline}.spacx abbr[title]::after{content:\" (\" attr(title) \")\"}.spacx pre{white-space:pre-wrap!important}.spacx blockquote,.spacx pre{border:1px solid #adb5bd;page-break-inside:avoid}.spacx img,.spacx tr{page-break-inside:avoid}.spacx h2,.spacx h3,.spacx p{orphans:3;widows:3}.spacx h2,.spacx h3{page-break-after:avoid}@page{size:a3}.spacx{min-width:992px!important}.spacx .container{min-width:992px!important}.spacx .navbar{display:none}.spacx .badge{border:1px solid #000}.spacx .table{border-collapse:collapse!important}.spacx .table td,.spacx .table th{background-color:#fff!important}.spacx .table-bordered td,.spacx .table-bordered th{border:1px solid #dee2e6!important}.spacx .table-dark{color:inherit}.spacx .table-dark tbody+tbody,.spacx .table-dark td,.spacx .table-dark th,.spacx .table-dark thead th{border-color:#dee2e6}.spacx .table .thead-dark th{color:inherit;border-color:#dee2e6}}";
54
54
  styleInject(css_248z$2);
55
55
 
56
- var css_248z$1 = "@import url(\"https://fonts.googleapis.com/css?family=Hanuman\");\n@import url(\"https://fonts.googleapis.com/css2?family=Bokor&family=Moul&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Koulen&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Bayon&display=swap\");\n.spacx .main-table {\n border-collapse: separate;\n border-spacing: 10px;\n border: 1px solid lightgray;\n border-radius: 5px;\n width: 100%;\n}\n\n.spacx .big-table {\n border-collapse: separate;\n border-spacing: 20px;\n border: 1px solid lightgray;\n border-radius: 5px;\n width: 100%;\n}\n\n.spacx .big-table td table td {\n padding: 30px;\n}\n\n.spacx .header {\n font-size: 24px;\n padding: 0;\n margin: 0;\n}\n\n.spacx .header-big {\n font-size: 38px;\n}\n\n.spacx .header-wrapper {\n width: 95%;\n align-content: center;\n text-align: center;\n}\n\n.spacx .input-result {\n /*width: 50px;*/\n height: 60px;\n font-size: 32px !important;\n border-radius: 10px;\n text-align: center;\n}\n\n.spacx .input-result-special {\n /*width: 50px;*/\n height: 80px;\n font-size: 16px;\n border-radius: 10px;\n text-align: center;\n}\n\n.spacx .input-result-big {\n /*width: 130px;*/\n height: 100px;\n font-size: 48px;\n width: 50%;\n border-radius: 20px;\n text-align: center;\n}\n\n.spacx .td-reward {\n width: 30%;\n align-content: center;\n align-items: center;\n}\n\n.spacx .label-padding {\n margin-left: 10px;\n margin-right: 10px;\n}\n\n.spacx .switch-padding {\n margin-right: 20px;\n margin-bottom: 5px;\n}\n\n.spacx .container-shift {\n width: 100%;\n /*height: 60px;*/\n text-align: center;\n vertical-align: central;\n}\n\n.spacx .lo-table {\n padding: 5px;\n border-radius: 5px;\n width: 100%;\n height: auto;\n border: 1px solid lightgray;\n display: flex;\n flex-wrap: wrap;\n}\n\n.spacx .row-lo {\n width: 25%;\n /*padding: 10px;*/\n}\n\n.spacx .row-post {\n width: 33.33%;\n padding: 5px;\n}\n\n.spacx .big-table-6d {\n border-collapse: separate;\n border: 1px solid lightgray;\n border-radius: 5px;\n}\n\n.spacx .switch-margin {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n}\n\n.spacx .section-title {\n overflow: scroll;\n overflow-x: scroll;\n overflow-y: hidden\n}\n\n.spacx .animate-slide-up {\n animation: slide-up 500ms ease-out;\n}\n\n@keyframes slide-up {\n 0% {\n opacity: 0;\n transform: translateY(70%);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.spacx .react-switch-checkbox {\n height: 0;\n width: 0;\n visibility: hidden;\n}\n\n.spacx .react-switch-label {\n /*display: flex;*/\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n width: 40px;\n height: 18px;\n background: gray;\n border-radius: 100px;\n position: relative;\n margin-bottom: 0;\n transition: background-color .2s;\n align-self: center;\n}\n\n.spacx .react-switch-label .react-switch-button {\n content: '';\n position: absolute;\n top: 2px;\n left: 2px;\n width: 14px;\n height: 14px;\n border-radius: 45px;\n transition: 0.2s;\n background: #fff;\n box-shadow: 0 0 2px 0 rgba(10, 10, 10, 0.29);\n}\n\n.spacx .react-switch-checkbox:checked+.react-switch-label .react-switch-button {\n left: calc(100% - 2px);\n transform: translateX(-100%);\n}\n\n.spacx .react-switch-label:active .react-switch-button {\n width: 50px;\n}\n\n.spacx .div-border-login {\n margin: 11px;\n border-style: solid;\n border-color: #fff;\n border-radius: 5px;\n /*box-shadow: 1px 2px 5px 2px #001D24;*/\n}\n\n.spacx .login-text {\n font-family: Arial, serif;\n font-size: 20px;\n}\n\n.spacx .input-size {\n font-size: 25px;\n font-weight: bold;\n color: black;\n}\n\n.spacx .input-font {\n font-size: 35px;\n font-weight: bold;\n color: black;\n}\n\n.spacx .login-text {\n font-family: Arial, serif;\n font-size: 20px;\n}\n\n.spacx div.absolute {\n position: absolute;\n bottom: 0;\n right: 0;\n margin-right: 0;\n padding-right: 0;\n}\n\n.spacx .animate-slide-left {\n animation: slide-left 500ms ease-out;\n}\n\n@keyframes slide-left {\n 0% {\n opacity: 0;\n transform: translateX(30%);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n.spacx .bet-item {\n margin-top: 0;\n margin-bottom: 0.2rem;\n}\n\n.spacx .dotted {\n border-top: 2px dashed black;\n color: transparent;\n padding: 0;\n margin: 0;\n}\n\n.spacx .ticket-border-top {\n border-top: 2px solid black;\n color: transparent;\n padding: 0;\n margin: 0;\n}\n\n.spacx .transfer-ticket-checkbox {\n width: 22px;\n height: 22px;\n cursor: pointer;\n}\n\n.spacx .protest-ticket-checkbox-approved {\n appearance: none;\n -webkit-appearance: none;\n border: 1px solid #28a745;\n border-radius: 3px;\n background-color: #28a745;\n background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.5 6.5 11.5 12.5 4.5'/%3E%3C/svg%3E\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: 16px 16px;\n cursor: not-allowed;\n opacity: 1;\n}\n\n.spacx .protest-ticket-checkbox-approved:disabled {\n background-color: #28a745;\n border-color: #28a745;\n opacity: 1;\n}\n\n.spacx .transfer-ticket-send-icon {\n width: 22px;\n height: 22px;\n border-radius: 50%;\n border: 1px solid #78b6d0;\n background: #d6f1ff;\n color: #0a6d91;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.spacx .protest-ticket-icon {\n width: 22px;\n height: 22px;\n border-radius: 50%;\n border: 1px solid #efd783;\n background: #fff4d1;\n color: #f0ad4e;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n}\n\n.spacx .transfer-ticket-item-send {\n background-color: #fff4d1;\n border-left: 3px solid #f0ad4e;\n border-radius: 4px;\n padding-left: 4px;\n}\n\n.spacx .print80 {\n width: 80mm;\n padding: 5px;\n}\n\n.spacx .print-tb {\n width: 405px;\n}\n\n.spacx .print-tb-58-1 {\n font-family: \"Hanuman\", \"Mada\", sans-serif !important;\n width: 260px;\n}\n\n.spacx .black-c {\n color: black;\n}\n\n.spacx .print-tb-58 td {\n border-bottom: 2px dashed black;\n color: black;\n text-align: center;\n}\n\n.spacx .print-tb-80 {\n border: 1px solid grey;\n /*width: 405px;*/\n}\n\n.spacx .print-tb-80 td {\n border-bottom: 2px dashed black;\n /*width: 405px;*/\n}\n\n.spacx .print-tb-80 tr td {\n text-align: center;\n color: black;\n font-weight: bold;\n font-size: 20px;\n align-content: center;\n}\n\n.spacx .print-tb tr td {\n font-weight: bold;\n color: black;\n text-align: left;\n font-size: 17px;\n align-content: center;\n}\n\n.spacx .role-name {\n text-transform: uppercase;\n}\n\n.spacx .table-overview td {\n padding: 4px;\n}\n\n.spacx .back-logo {\n width: 26%;\n}\n\n.spacx .header-big-a {\n font-size: 24px;\n}\n\n.spacx .print-tb-80-6d {\n border: 1px solid grey;\n}\n\n.spacx .print-tb-80-6d tr td {\n text-align: center;\n color: black;\n font-weight: bold;\n font-size: 20px;\n align-content: center;\n}\n\n.spacx .form-betting .form-control {\n padding: 5px 5px !important;\n height: 40px;\n border-radius: 5px;\n text-align: start;\n}\n\n.spacx .ml-hr {\n margin-left: 2px;\n padding: 0;\n}\n\n.spacx .ml-hr-ticket {\n margin-left: 5px;\n padding: 0;\n}\n\n.spacx .hr-vert {\n border: none;\n border-left: 1px solid black;\n height: 28px;\n text-align: right;\n padding-right: 10px;\n}\n\n.spacx .hr-vert.current-bet {\n border: none;\n border-left: 1px solid black;\n height: 28px;\n text-align: right;\n padding-right: 8px !important;\n}\n\n.spacx .hr-right {\n border-right: 1px solid black;\n height: 22px;\n text-align: right;\n}\n\n.spacx .hr-right-ticket {\n border-right: 1px solid black;\n height: 25px;\n text-align: right;\n}\n\n.spacx .mar-l-1 {\n margin-left: 10px;\n}\n\n.spacx .mar-l-2 {\n margin-left: 20px;\n}\n\n.spacx .mr-x {\n margin-right: 10px;\n}\n\n.spacx .mr-xd {\n margin-right: 15px;\n}\n\n.spacx .mar-l-3 {\n margin-left: 30px;\n}\n\n.spacx .mar-l-4 {\n margin-left: 40px;\n}\n\n.spacx .h-col-1 {\n height: 20px;\n}\n\n.spacx .h-col-2 {\n height: 40px;\n}\n\n.spacx .h-col-3 {\n height: 60px;\n}\n\n.spacx .h-col-4 {\n height: 80px;\n}\n\n.spacx .h-col-5 {\n height: 100px;\n}\n\n.spacx .h-col-6 {\n height: 125px;\n}\n\n.spacx .h-col-7 {\n height: 150px;\n}\n\n.spacx .h-col-8 {\n height: 165px;\n}\n\n.spacx .h-col-9 {\n height: 185px;\n}\n\n.spacx .h-col-10 {\n height: 205px;\n}\n\n.spacx .h-58-1 {\n height: 22px;\n}\n\n.spacx .h-58-2 {\n height: 48px;\n}\n\n.spacx .h-58-3 {\n height: 74px;\n}\n\n.spacx .h-58-4 {\n height: 100px;\n}\n\n.spacx .h-58-5 {\n height: 127px;\n}\n\n.spacx .h-58-6 {\n height: 152px;\n}\n\n.spacx .h-58-7 {\n height: 178px;\n}\n\n.spacx .h-58-8 {\n height: 204px;\n}\n\n.spacx .h-58-9 {\n height: 232px;\n}\n\n.spacx .h-58-10 {\n height: 256px;\n}\n\n.spacx .f-bold {\n font-weight: bold;\n}\n\n.spacx .p-total {\n padding-right: 12px;\n padding-left: 0;\n}\n\n.spacx .border-total {\n border-bottom: 1px solid red;\n}\n\n.spacx .border-ticket {\n border-bottom: 2px solid black;\n}\n\n.spacx .border-ticket-print {\n border-bottom: 1px solid black;\n margin-top: 3px;\n}\n\n.spacx .color-menu {\n color: #454545;\n font-weight: 500;\n}\n\n.spacx .color-icon {\n color: #1a9aef;\n font-weight: 500;\n}\n\n.spacx .w-bet {\n width: 270px;\n}\n\n.spacx .w-30 {\n width: 30% !important;\n}\n\n.spacx .w-40 {\n width: 40% !important;\n}\n\n.spacx .w-60 {\n width: 60% !important;\n}\n\n.spacx .w-bet-6d {\n width: 200px;\n margin-right: 10px;\n}\n\n.spacx .w-right {\n width: 470px;\n}\n\n.spacx .w-right-6d {\n width: 300px;\n}\n\n.spacx .pl-board {\n /*padding-left: 20px;*/\n /*padding-right: 5px;*/\n}\n\n.spacx .w-bet-card {\n margin-bottom: 3px;\n width: 150px;\n margin-left: 25px;\n padding: 0;\n}\n\n.spacx .w-bet-six-d {\n margin-bottom: 3px;\n width: 150px;\n margin-left: 50px;\n padding: 0;\n}\n\n.spacx .w-bet-item {\n margin-bottom: 3px;\n width: 150px;\n padding: 0;\n}\n\n.spacx .betting-mobile .w-bet-item {\n width: auto !important;\n}\n\n.spacx .w-bet-card-ticket {\n margin-bottom: 3px;\n width: 100%;\n margin-left: 0;\n padding: 0;\n}\n\n.spacx .w-left-side {\n width: 156px;\n /*background-color: rebeccapurple;*/\n}\n\n.spacx .w-right-side {\n width: 75px;\n text-align: end;\n /*background-color: red;*/\n}\n\n.spacx .font-12 {\n font-weight: bold;\n font-size: 12px;\n}\n\n.spacx .mb-bet-1 {\n margin-bottom: -4px;\n}\n\n.spacx .mb-bet-2 {\n margin-bottom: -5px;\n}\n\n.spacx .mb-bet-3 {\n margin-bottom: -6px;\n}\n\n.spacx .w-total {\n margin-left: 5px;\n}\n\n.spacx .expanded {\n height: calc(100% - 35px);\n}\n\n.spacx .expanded-ticket {\n height: calc(100% - 65px);\n}\n\n.spacx .bg-total {\n background-color: mediumseagreen;\n}\n\n.spacx .border-left-matrix {\n border-left: 1px solid black;\n}\n\n.spacx .border-right-matrix {\n border-right: 1px solid black;\n}\n\n.spacx .lane-style {\n width: 176px;\n overflow: hidden;\n}\n\n.spacx .w-type {\n width: 30px;\n}\n\n.spacx .w-total-bottom {\n width: 15%;\n}\n\n.spacx .bg-light-red {\n background-color: #FDDAD8 !important;\n}\n\n.spacx .text-black {\n color: black !important;\n}\n\n.spacx .bg-white-red {\n background-color: #FEECEC;\n}\n\n.spacx .bg-light-green {\n background-color: #EBFEED;\n}\n\n.spacx .bg-grey {\n background-color: #f1f1f1;\n}\n\n@media print {\n .spacx .page-break {\n page-break-before: always;\n }\n}\n\n.spacx .w-card {\n width: 155px !important;\n}\n\n.spacx .pnotify-center {\n right: calc(50% - 150px) !important;\n}\n\n.spacx .react-datepicker-wrapper,\n.spacx .react-datepicker__input-container {\n display: block !important;\n}\n\n.spacx .mar-card {\n margin-right: 10px !important;\n}\n\n.spacx .table td,\n.spacx .table th {\n padding: 0.6rem 0.5rem;\n}\n\n.spacx .betting-h {\n max-height: 300px;\n overflow: scroll;\n}\n\n.spacx .win-animate {\n background: orangered;\n animation-duration: 500ms;\n border-radius: 50%;\n text-align: center;\n color: white;\n height: 18px;\n width: 18px;\n}\n\n@keyframes backgroundColorPalette {\n 0% {\n background: orangered;\n }\n 100% {\n background: #ff9b85;\n }\n}\n\n.spacx .pl-pr {\n padding-left: 5px;\n padding-right: 5px;\n padding-top: 5px;\n}\n\n.spacx .button-betting {\n width: 25px;\n height: 25px;\n}\n\n.spacx .h-btn {\n height: 38px;\n}\n\n.spacx .add-page {\n height: 20px;\n}\n\n.spacx .remove-page {\n height: 10px;\n}\n\n.spacx .bg-win {\n background-color: yellow;\n}\n\n.spacx .mt-page-1 {\n margin-top: 2px;\n}\n\n.spacx .table-item {\n max-height: 400px;\n overflow: scroll;\n margin-bottom: 20px;\n}\n\n.spacx .font-weight-badge {\n font-weight: 400;\n padding-right: 0.6rem;\n padding-left: 0.6rem;\n text-align: center;\n border-radius: 0.25rem !important;\n}\n\n.spacx .c-print {\n margin-top: 0.65rem;\n margin-bottom: 0;\n padding-left: 1.5rem\n}\n\n.spacx .c-export {\n margin: 0.65rem 0 0;\n padding-left: 1.5rem\n}\n\n.spacx .empty-logo {\n width: 15%;\n margin-top: 200px;\n padding-bottom: 200px;\n}\n\n.spacx .empty-logo-tr {\n width: 15%;\n margin-top: 180px !important;\n padding-bottom: 180px !important;\n}\n\n.spacx .h-img {\n height: inherit;\n width: inherit;\n}\n\n.spacx .custom-control {\n z-index: 0;\n}\n\n.spacx .f-t {\n font-size: 14px;\n}\n\n.spacx .delete-card {\n padding: 0;\n margin: 0;\n border: none;\n float: right;\n color: orangered;\n background-color: transparent;\n position: absolute;\n z-index: 1;\n right: 50px;\n /*top: 5px;*/\n}\n\n.spacx .file-input {\n position: relative;\n z-index: 2;\n width: 50%;\n margin: 0;\n overflow: hidden;\n border-radius: 3px;\n /*opacity: 0;*/\n background-color: #eff3f6;\n}\n\n.spacx .settlement-file {\n position: relative;\n display: inline-block;\n width: 50%;\n height: calc(1.5em + 0.75rem + 2px);\n margin-bottom: 0;\n}\n\n.spacx .s-date {\n width: 197px !important;\n}\n\n.spacx .h-check {\n height: 54px;\n}\n\n.spacx .m-date {\n margin-top: 19px;\n}\n\n.spacx .w-date {\n width: 200px\n}\n\n.spacx .m-date-text {\n margin-top: 40px;\n margin-left: 70px;\n}\n\n.spacx .bg-c-grey {\n background-color: #f1f1f1;\n}\n\n.spacx .f-print {\n font-size: 20px;\n}\n\n.spacx .mt-input {\n margin-top: 20px;\n}\n\n@media print {\n @page {\n size: landscape;\n }\n}\n\n.spacx .giai8 {\n height: 80px;\n}\n\n.spacx .giai7 {\n height: 40px;\n}\n\n.spacx .giai6 {\n height: 166px;\n}\n\n.spacx .giai5 {\n height: 30px;\n}\n\n.spacx .giai4 {\n height: 230px;\n}\n\n.spacx .giai3 {\n height: 30px;\n}\n\n.spacx .giai2 {\n height: 70px;\n}\n\n.spacx .giai1 {\n height: 35px;\n}\n\n.spacx .giaidb {\n height: 100px;\n}\n\n.spacx .bkqmiennam {\n border: 1px solid #9E9E9E;\n border-right: 0;\n border-bottom: 0\n}\n\n.spacx .bkqmiennam .leftcl .thu,\n.spacx .bkqmiennam .leftcl td {\n border: 1px solid #9E9E9E;\n border-top: 0;\n border-left: 0;\n vertical-align: middle;\n text-align: center;\n font-size: 18px;\n font-weight: bold;\n color: black;\n}\n\n.spacx .tb-night td {\n border: 1px solid #9E9E9E;\n border-top: 0;\n border-left: 0;\n vertical-align: middle;\n text-align: center;\n line-height: 20px;\n font-size: 16px;\n font-weight: bold;\n}\n\n\n/* .leftcl td {\n line-height: 70px !important;\n} */\n\n.spacx .giai6 div input {\n height: 55px;\n line-height: 22px;\n margin: 0;\n}\n\n.spacx .bkqmiennam .rightcl td {\n border: 1px solid #999;\n border-top: 0;\n border-left: 0;\n text-align: center;\n line-height: 26px;\n font-size: 20px;\n font-weight: 900;\n color: black;\n}\n\n.spacx .bkqmiennam .rightcl .giai8 {\n font-size: 26px;\n font-weight: 900;\n color: maroon;\n}\n\n.spacx .giai8 input {\n font-size: 38px;\n font-weight: 900;\n color: maroon;\n height: 79px;\n line-height: 38px;\n}\n\n.spacx .giaidb input {\n font-size: 38px;\n font-weight: 900;\n color: maroon;\n height: 99px;\n line-height: 38px;\n}\n\n.spacx .bkqmiennam .rightcl .giaidb {\n font-size: 38px;\n font-weight: 900;\n color: maroon;\n line-height: 38px;\n}\n\n.spacx .input-res {\n border: none;\n border-radius: unset;\n background-color: transparent;\n padding: 0 !important;\n text-align: center;\n color: black;\n font-size: 18px;\n font-weight: 900;\n font-family: Arial;\n line-height: 20px;\n}\n\n.spacx .input-border {\n border: 1px solid grey !important;\n}\n\n\n/* VN2 night */\n\n.spacx .night8 {\n line-height: 79px;\n}\n\n.spacx .night7 {\n line-height: 55px !important;\n}\n\n.spacx .night6 {\n line-height: 55px !important;\n}\n\n.spacx .night5 {\n line-height: 110px !important;\n}\n\n.spacx .night4 {\n line-height: 110px !important;\n}\n\n.spacx .night3 {\n line-height: 110px !important;\n}\n\n.spacx .night2 {\n line-height: 55px !important;\n}\n\n.spacx .night1 {\n line-height: 99px !important;\n}\n\n\n/* VN2 Day */\n\n.spacx .rday8 {\n line-height: 79px;\n}\n\n.spacx .rday7 {\n line-height: 55px !important;\n}\n\n.spacx .rday6 {\n line-height: 165px !important;\n}\n\n.spacx .rday5 {\n line-height: 54px !important;\n}\n\n.spacx .rday4 {\n line-height: 385px !important;\n}\n\n.spacx .rday3 {\n line-height: 55px !important;\n}\n\n.spacx .rday2 {\n line-height: 109px !important;\n}\n\n.spacx .rday1 {\n line-height: 55px !important;\n}\n\n.spacx .rdaydb {\n line-height: 50px !important;\n}\n\n.spacx .vn2-province {\n color: blue !important;\n font-family: Arial, Helvetica, sans-serif;\n font-weight: 800;\n}\n\n\n/* Result leap */\n\n.spacx .set-result-title {\n font-weight: 900;\n font-family: Arial !important;\n}\n\n.spacx .set-result-date {\n font-weight: 900;\n text-align: center;\n}\n\n.spacx .leap-lo input {\n font-size: 24px;\n font-weight: 900;\n line-height: 50px;\n color: black;\n font-family: Arial !important;\n}\n\n.spacx .leap-big-table {\n border-collapse: separate;\n border-spacing: 20px;\n border: 1px solid lightgray;\n border-radius: 5px;\n width: 100%;\n}\n\n.spacx .leap-big-table td table td {\n padding: 30px;\n}\n\n.spacx .leap-big-table input,\n.spacx .leap-big-table p {\n font-size: 50px;\n font-weight: 900;\n line-height: 50px;\n color: blue;\n font-family: Arial !important;\n}\n\n.spacx .leap-big-table p {\n color: red !important;\n}\n\n.spacx .leap-spec-post input,\n.spacx .leap-spec-post p {\n font-size: 32px;\n font-weight: 900;\n line-height: 32px;\n color: blue;\n font-family: Arial !important;\n}\n\n.spacx .leap-spec-post p {\n color: red !important;\n margin-top: 15px;\n}\n\n.spacx .ml-6d {\n margin-left: 54px !important;\n}\n\n.spacx .gen-icon {\n text-align: center;\n position: absolute;\n right: 5%;\n top: calc(100% / 2 - 10px);\n}\n\n.spacx .tb-result {\n border: 1px solid gray;\n}\n\n.spacx .w-td-kh {\n width: 100px !important;\n}\n\n.spacx .tb-result td {\n border: 1px solid gray;\n font-size: 18px;\n font-family: Arial;\n color: black;\n font-weight: bold;\n width: 200px;\n text-align: center;\n line-height: 20px;\n}\n\n.spacx #tb-result td {\n border: 1px solid gray;\n font-size: 18px;\n font-family: Arial;\n color: black;\n font-weight: bold;\n padding: 5px 26px;\n text-align: center;\n line-height: 20px;\n}\n\n.spacx .con-tb-result {\n width: 400px;\n}\n\n.spacx .text-box {\n padding: 10px;\n font-size: 18px;\n font-family: Arial, Helvetica, sans-serif;\n font-weight: 900;\n}\n\n@page {\n size: auto !important;\n}\n\n.spacx .f-font {\n font-weight: 700 !important;\n}\n\n.spacx #print-head.report-th-with-bet,\n.spacx #print-head.report-th-with-reward {\n width: 12% !important;\n color: black !important;\n background-color: #FFFFFF !important;\n border: 1px solid !important;\n text-align: center !important;\n}\n\n.spacx #print-head.report-th-with-bet-vn,\n.spacx #print-head.report-th-with-reward-vn {\n width: 24% !important;\n color: black !important;\n background-color: #FFFFFF !important;\n border: 1px solid !important;\n text-align: center !important;\n}\n\n.spacx .border-print {\n border: 1px solid;\n color: black;\n text-align: center;\n}\n\n.spacx .border-print-footer {\n border: 1px solid;\n color: black;\n text-align: right;\n text-transform: uppercase !important;\n}\n\n.spacx .table-overview td {\n border: 1px solid gray;\n}\n\n.spacx .table-overview {\n margin-top: 5px;\n}\n\n.spacx .f-nav {\n border-bottom: 1px solid gray !important;\n font-size: 14px !important;\n}\n\n.spacx .ul-nav {\n border-top: 1px solid gray !important;\n margin-top: 10px;\n}\n\n.spacx .w-series {\n width: 19%;\n margin-right: 10px;\n margin-bottom: 10px;\n}\n\n.spacx .tb-row-sale {\n width: 7%;\n background-color: #e3ffe1 !important;\n}\n\n.spacx .tb-row-reward {\n width: 7%;\n background-color: #ffe1e1 !important;\n}\n\n.spacx #settlement .table-bordered thead td,\n.spacx .table-bordered thead th {\n border-bottom-width: 0 !important;\n}\n\n.spacx #settlement .table tbody+tbody {\n border-top: 0 !important;\n}\n\n.spacx .input-set {\n border: none;\n height: 40px;\n border-radius: unset;\n background-color: transparent;\n padding: 0 !important;\n text-align: center;\n color: black;\n}\n\n.spacx .bg-tb {\n background-color: #F1F5F7;\n padding: 30px;\n}\n\n.spacx #print .bg-tb,\n.spacx #print .tb-grand {\n background-color: #FFFFFF !important;\n}\n\n.spacx #print .bg-tb {\n padding: 10px 30px;\n}\n\n.spacx .bg-tb div {\n color: #2B4C9A;\n font-size: 20px;\n font-weight: 900;\n}\n\n.spacx .bg-tb td,\n.spacx .bg-tb th {\n border-right: 1px solid gray;\n color: #2B4C9A;\n font-size: 17px;\n}\n\n.spacx .bg-tb .border-bottom {\n border-top: 1px solid gray !important;\n border-bottom-color: gray !important;\n border-top-color: gray !important;\n}\n\n.spacx .tb-grand td,\n.spacx .tb-grand th {\n color: #2B4C9A;\n font-size: 21px;\n}\n\n.spacx .tb-grand {\n background-color: #F1F5F7;\n padding: 30px;\n}\n\n.spacx .bg-tb .border-left {\n border-left: 1px solid gray !important;\n}\n\n.spacx .f-print-58 {\n font-size: 30px;\n}\n\n.spacx .mt-head {\n margin-top: 12px !important;\n}\n\n.spacx #daily-report-wrap .table td,\n.spacx #daily-report-wrap .table th {\n border: 1px solid black !important;\n padding: 5px 20px !important;\n}\n\n.spacx #sale-report-wrap .table td,\n.spacx #sale-report-wrap .table th {\n /*border: 1px solid black !important;*/\n padding: 5px 15px !important;\n}\n\n.spacx #sale-report-wrap table {\n width: auto !important;\n}\n\n.spacx .scroll-vn {\n width: auto !important;\n min-width: 800px !important;\n /*height: 100%;*/\n overflow: scroll;\n direction: ltr !important;\n /* <-- the trick */\n min-height: 500px !important;\n}\n\n.spacx .red-h {\n background-color: #FCE4D6 !important;\n}\n\n.spacx .red-d-h {\n background-color: #F8C19C !important;\n}\n\n.spacx .blue-h {\n background-color: #01B0F0 !important;\n}\n\n.spacx .blue-l-h {\n background-color: #DCEBF7 !important;\n}\n\n.spacx .green-l-h {\n background-color: #E1EFDA;\n}\n\n.spacx .bg-highlight {\n background-color: lightgreen !important;\n}\n\n.spacx .vio-l-h {\n color: #7030A0 !important;\n}\n\n.spacx .blue-vio-h {\n background-color: #0070C0 !important;\n}\n\n.spacx .t-blue {\n color: #0000ff !important;\n}\n\n.spacx .t-blue-vio {\n color: #0070C0 !important;\n}\n\n.spacx .yell-l-h {\n background-color: #FFF2CC;\n}\n\n.spacx .gray-l {\n background-color: #D7F2F2 !important;\n}\n\n.spacx .b-gray-l {\n background-color: #EDEDED !important;\n}\n\n.spacx .t-left {\n text-align: left !important;\n}\n\n.spacx .t-right {\n text-align: right !important;\n}\n\n.spacx .b-0 {\n border: 0 !important;\n border-bottom: 1px solid white !important;\n}\n\n.spacx .b-vio-t {\n border-top: 3px solid #556DE7 !important;\n}\n\n.spacx .b-vio-b {\n border-bottom: 6px solid #556DE7 !important;\n}\n\n.spacx .b-red-t {\n border-top: 3px solid red !important;\n}\n\n.spacx .b-red-b {\n border-bottom: 6px solid red !important;\n}\n\n.spacx .red-l {\n background-color: #FEC7CD !important;\n}\n\n.spacx .yell-l {\n background-color: #FFEA9C;\n}\n\n.spacx .t-red-s {\n color: #9C0107 !important;\n}\n\n.spacx .t-yell-s {\n color: #9C5700 !important;\n}\n\n.spacx #wrap-tb table td,\n.spacx #wrap-tb table th {\n /*border: 1px black solid !important;*/\n padding: 5px !important;\n}\n\n.spacx .bg-black {\n background-color: grey !important;\n}\n\n.spacx .no-border {\n border: 0 !important;\n}\n\n.spacx .f-mid-print {\n font-size: 28px !important;\n letter-spacing: -1px !important;\n}\n\n.spacx .f-22 {\n font-size: 22px !important;\n}\n\n.spacx .f-23 {\n font-size: 23px !important;\n}\n\n.spacx .f-30 {\n font-size: 30px !important;\n}\n\n.spacx .f-33 {\n font-size: 33px !important;\n}\n\n.spacx .f-35 {\n font-size: 35px !important;\n}\n\n.spacx .f-40 {\n font-size: 40px !important;\n}\n\n.spacx .f-28 {\n font-size: 28px !important;\n}\n\n.spacx .f-20 {\n font-size: 20px !important;\n}\n\n.spacx .f-22 {\n font-size: 22px !important;\n}\n\n.spacx .f-24 {\n font-size: 24px !important;\n}\n\n.spacx .f-45 {\n font-size: 45px !important;\n}\n\n.spacx .f-50 {\n font-size: 50px !important;\n}\n\n.spacx .w-print-58 {\n width: 35% !important;\n}\n\n.spacx .b-dash-r {\n border-right: 2px dashed black;\n}\n\n.spacx .f-25 {\n font-size: 25px !important;\n}\n\n.spacx .f-26 {\n font-size: 26px !important;\n}\n\n.spacx .ticket-logo {\n font-size: 26px !important;\n color: black !important;\n font-weight: 600;\n}\n\n.spacx .sc-betting {\n overflow: scroll !important;\n max-height: 630px !important;\n}\n\n.spacx .betting-mobile .sc-betting {\n max-height: 230px !important;\n}\n\n.spacx .f-15 {\n font-size: 15px !important;\n}\n\n.spacx .font-Hanuman {\n font-family: \"Hanuman\", \"Mada\", sans-serif !important;\n}\n\n.spacx .ff-arial {\n font-family: \"Arial\" !important;\n}\n\n.spacx .wrapper {\n position: relative;\n overflow: auto;\n white-space: nowrap;\n}\n\n.spacx .box {\n min-width: 2000px;\n height: 100%;\n overflow: scroll !important;\n direction: ltr !important;\n /* <-- the trick */\n}\n\n.spacx .box::before {\n content: '';\n display: block;\n width: 100%;\n height: 1px;\n}\n\n.spacx .hide-scroll {\n overflow: hidden !important;\n}\n\n.spacx .mar-range {\n margin-left: 14px !important;\n}\n\n.spacx .ff-p-head {\n font-family: \"Bokor\", cursive;\n}\n\n.spacx .ff-p-sub-head {\n font-family: 'Moul', cursive;\n}\n\n.spacx #print-t-58 .badge-danger {\n background-color: black !important;\n}\n\n.spacx #print-t-58 .text-danger {\n color: black !important;\n}\n\n.spacx #print-t-58 .font-weight-bold {\n font-weight: 500 !important;\n}\n\n\n/*#print-t-58 .bg-win {*/\n\n\n/* background-color: transparent !important;*/\n\n\n/*}*/\n\n.spacx #print-t-58 .win-animate {\n line-height: 20px !important;\n}\n\n.spacx .f-koulen {\n font-family: 'Koulen', cursive !important;\n}\n\n.spacx .f-arial {\n font-family: \"Arial Black\", serif;\n}\n\n.spacx .f-34 {\n font-size: 34px !important;\n}\n\n.spacx .f-36 {\n font-size: 36px !important;\n}\n\n.spacx .f-38 {\n font-size: 38px !important;\n}\n\n.spacx .f-68 {\n font-size: 68px !important;\n}\n\n.spacx .f-58 {\n font-size: 58px !important;\n}\n\n.spacx .f-65 {\n font-size: 65px !important;\n}\n\n.spacx .f-70 {\n font-size: 70px !important;\n}\n\n.spacx .f-72 {\n font-size: 72px !important;\n}\n\n.spacx .f-170 {\n font-size: 170px !important;\n}\n\n.spacx .b-solid-1 {\n border: 1px solid black !important;\n}\n\n.spacx .bb-solid-1 {\n border-bottom: 1px solid black !important;\n}\n\n.spacx .br-solid-1 {\n border-bottom: 1px solid black !important;\n border-right: 1px solid black !important;\n}\n\n.spacx .f-times-new-roman {\n font-family: \"Times New Roman\", 'Moul', cursive;\n}\n\n.spacx .text-rotate-180 {\n writing-mode: vertical-lr;\n transform: rotate(180deg);\n}\n\n.spacx .ml-sim {\n margin-left: 5px;\n padding: 0;\n}\n\n.spacx .bg-lottery-head {\n background-color: #f6ccb3 !important;\n}\n\n.spacx .w-summary {\n width: 35vw;\n}\n\n.spacx .none-event {\n pointer-events: none !important;\n}\n\n@media only screen and (max-width: 990px) {\n .spacx .pcoded-navbar.theme-horizontal~.pcoded-main-container {\n margin-top: 55px !important;\n }\n .spacx .pcoded-header {\n min-height: 55px !important;\n }\n .spacx .pcoded-header .m-header {\n height: 55px !important;\n }\n}\n\n.spacx .f-17 {\n font-size: 17px !important;\n}\n\n.spacx .w-55 {\n width: 55% !important;\n}\n\n.spacx .border-top-ticket {\n border-top: 2px solid black;\n color: transparent;\n padding: 0;\n margin: 0;\n}\n\n.spacx .text-c-blue {\n color: #2196f3;\n}\n\n.spacx .f-32 {\n font-size: 32px;\n}\n\n.spacx .cur-pointer {\n cursor: pointer;\n}\n\n.spacx .text-c-red {\n color: #f44336;\n}\n\n.spacx .w-fit {\n width: fit-content;\n}\n\n.spacx .scroll-modal {\n overflow-y: scroll !important;\n}\n\n.spacx .protest-ticket-scroll {\n max-height: calc(100vh - 320px);\n overflow-y: auto;\n}\n\n.spacx .btn-confirm {\n background-color: #2196f3;\n color: #fff;\n border: none;\n box-shadow: none;\n border-radius: 5px;\n font-weight: 600;\n font-size: 14px;\n padding: 10px 24px;\n margin: 0;\n cursor: pointer;\n}\n\n.spacx .btn-cancel {\n color: #555;\n background-color: #efefef;\n border: none;\n box-shadow: none;\n border-radius: 5px;\n font-weight: 600;\n font-size: 14px;\n padding: 10px 24px;\n margin: 0;\n cursor: pointer;\n}\n\n.spacx .custom-label {\n font-size: 14px;\n color: #686c71;\n display: inline-block;\n margin-bottom: 0.5rem;\n}\n\n.spacx .btn-secondary {\n color: #fff;\n background-color: #748892;\n border-color: #6c808a;\n}\n\n.spacx .btn-primary {\n color: #fff;\n background-color: #2196f3;\n border-color: #128ff2;\n}\n\n\n/*Dropdown*/\n\n.spacx button.dropdown-item {\n display: block;\n width: 100%;\n padding: 0.4rem 1.5rem;\n clear: both;\n font-weight: 400;\n text-align: inherit;\n white-space: nowrap;\n background-color: transparent;\n border: 0;\n font-size: 14px;\n color: #686c71;\n}\n\n.spacx .dropdown-item:hover {\n background: rgba(33, 150, 243, 0.1);\n color: #686c71;\n}\n\n.spacx .drop-label {\n font-size: 14px;\n color: #686c71;\n display: inline-block;\n}\n\n.spacx .btn-modal-c {\n padding: 10px 20px;\n border-radius: 0.25rem;\n font-size: 14px;\n}\n\n.spacx .modal-title {\n font-size: 16px !important;\n}\n\n.spacx .drop-header {\n text-align: center !important;\n background: #2196f3;\n color: white;\n font-weight: 600;\n font-size: 15px;\n border: 1px solid #2196f3;\n}\n";
56
+ var css_248z$1 = "@import url(\"https://fonts.googleapis.com/css?family=Hanuman\");\n@import url(\"https://fonts.googleapis.com/css2?family=Bokor&family=Moul&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Koulen&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Bayon&display=swap\");\n.spacx .main-table {\n border-collapse: separate;\n border-spacing: 10px;\n border: 1px solid lightgray;\n border-radius: 5px;\n width: 100%;\n}\n\n.spacx .big-table {\n border-collapse: separate;\n border-spacing: 20px;\n border: 1px solid lightgray;\n border-radius: 5px;\n width: 100%;\n}\n\n.spacx .big-table td table td {\n padding: 30px;\n}\n\n.spacx .header {\n font-size: 24px;\n padding: 0;\n margin: 0;\n}\n\n.spacx .header-big {\n font-size: 38px;\n}\n\n.spacx .header-wrapper {\n width: 95%;\n align-content: center;\n text-align: center;\n}\n\n.spacx .input-result {\n /*width: 50px;*/\n height: 60px;\n font-size: 32px !important;\n border-radius: 10px;\n text-align: center;\n}\n\n.spacx .input-result-special {\n /*width: 50px;*/\n height: 80px;\n font-size: 16px;\n border-radius: 10px;\n text-align: center;\n}\n\n.spacx .input-result-big {\n /*width: 130px;*/\n height: 100px;\n font-size: 48px;\n width: 50%;\n border-radius: 20px;\n text-align: center;\n}\n\n.spacx .td-reward {\n width: 30%;\n align-content: center;\n align-items: center;\n}\n\n.spacx .label-padding {\n margin-left: 10px;\n margin-right: 10px;\n}\n\n.spacx .switch-padding {\n margin-right: 20px;\n margin-bottom: 5px;\n}\n\n.spacx .container-shift {\n width: 100%;\n /*height: 60px;*/\n text-align: center;\n vertical-align: central;\n}\n\n.spacx .lo-table {\n padding: 5px;\n border-radius: 5px;\n width: 100%;\n height: auto;\n border: 1px solid lightgray;\n display: flex;\n flex-wrap: wrap;\n}\n\n.spacx .row-lo {\n width: 25%;\n /*padding: 10px;*/\n}\n\n.spacx .row-post {\n width: 33.33%;\n padding: 5px;\n}\n\n.spacx .big-table-6d {\n border-collapse: separate;\n border: 1px solid lightgray;\n border-radius: 5px;\n}\n\n.spacx .switch-margin {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n}\n\n.spacx .section-title {\n overflow: scroll;\n overflow-x: scroll;\n overflow-y: hidden\n}\n\n.spacx .animate-slide-up {\n animation: slide-up 500ms ease-out;\n}\n\n@keyframes slide-up {\n 0% {\n opacity: 0;\n transform: translateY(70%);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.spacx .react-switch-checkbox {\n height: 0;\n width: 0;\n visibility: hidden;\n}\n\n.spacx .react-switch-label {\n /*display: flex;*/\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n width: 40px;\n height: 18px;\n background: gray;\n border-radius: 100px;\n position: relative;\n margin-bottom: 0;\n transition: background-color .2s;\n align-self: center;\n}\n\n.spacx .react-switch-label .react-switch-button {\n content: '';\n position: absolute;\n top: 2px;\n left: 2px;\n width: 14px;\n height: 14px;\n border-radius: 45px;\n transition: 0.2s;\n background: #fff;\n box-shadow: 0 0 2px 0 rgba(10, 10, 10, 0.29);\n}\n\n.spacx .react-switch-checkbox:checked+.react-switch-label .react-switch-button {\n left: calc(100% - 2px);\n transform: translateX(-100%);\n}\n\n.spacx .react-switch-label:active .react-switch-button {\n width: 50px;\n}\n\n.spacx .div-border-login {\n margin: 11px;\n border-style: solid;\n border-color: #fff;\n border-radius: 5px;\n /*box-shadow: 1px 2px 5px 2px #001D24;*/\n}\n\n.spacx .login-text {\n font-family: Arial, serif;\n font-size: 20px;\n}\n\n.spacx .input-size {\n font-size: 25px;\n font-weight: bold;\n color: black;\n}\n\n.spacx .input-font {\n font-size: 35px;\n font-weight: bold;\n color: black;\n}\n\n.spacx .login-text {\n font-family: Arial, serif;\n font-size: 20px;\n}\n\n.spacx div.absolute {\n position: absolute;\n bottom: 0;\n right: 0;\n margin-right: 0;\n padding-right: 0;\n}\n\n.spacx .animate-slide-left {\n animation: slide-left 500ms ease-out;\n}\n\n@keyframes slide-left {\n 0% {\n opacity: 0;\n transform: translateX(30%);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n.spacx .bet-item {\n margin-top: 0;\n margin-bottom: 0.2rem;\n}\n\n.spacx .dotted {\n border-top: 2px dashed black;\n color: transparent;\n padding: 0;\n margin: 0;\n}\n\n.spacx .ticket-border-top {\n border-top: 2px solid black;\n color: transparent;\n padding: 0;\n margin: 0;\n}\n\n.spacx .transfer-ticket-checkbox {\n width: 22px;\n height: 22px;\n cursor: pointer;\n}\n\n.spacx .protest-ticket-checkbox-approved {\n appearance: none;\n -webkit-appearance: none;\n border: 1px solid #28a745;\n border-radius: 3px;\n background-color: #28a745;\n background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.5 6.5 11.5 12.5 4.5'/%3E%3C/svg%3E\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: 16px 16px;\n cursor: not-allowed;\n opacity: 1;\n}\n\n.spacx .protest-ticket-checkbox-approved:disabled {\n background-color: #28a745;\n border-color: #28a745;\n opacity: 1;\n}\n\n.spacx .transfer-ticket-send-icon {\n width: 22px;\n height: 22px;\n border-radius: 50%;\n border: 1px solid #78b6d0;\n background: #d6f1ff;\n color: #0a6d91;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.spacx .protest-ticket-icon {\n width: 22px;\n height: 22px;\n border-radius: 50%;\n border: 1px solid #efd783;\n background: #fff4d1;\n color: #f0ad4e;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n}\n\n.spacx .transfer-ticket-item-send {\n background-color: #fff4d1;\n border-left: 3px solid #f0ad4e;\n border-radius: 4px;\n padding-left: 4px;\n}\n\n.spacx .print80 {\n width: 80mm;\n padding: 5px;\n}\n\n.spacx .print-tb {\n width: 405px;\n}\n\n.spacx .print-tb-58-1 {\n font-family: \"Hanuman\", \"Mada\", sans-serif !important;\n width: 260px;\n}\n\n.spacx .black-c {\n color: black;\n}\n\n.spacx .print-tb-58 td {\n border-bottom: 2px dashed black;\n color: black;\n text-align: center;\n}\n\n.spacx .print-tb-80 {\n border: 1px solid grey;\n /*width: 405px;*/\n}\n\n.spacx .print-tb-80 td {\n border-bottom: 2px dashed black;\n /*width: 405px;*/\n}\n\n.spacx .print-tb-80 tr td {\n text-align: center;\n color: black;\n font-weight: bold;\n font-size: 20px;\n align-content: center;\n}\n\n.spacx .print-tb tr td {\n font-weight: bold;\n color: black;\n text-align: left;\n font-size: 17px;\n align-content: center;\n}\n\n.spacx .role-name {\n text-transform: uppercase;\n}\n\n.spacx .table-overview td {\n padding: 4px;\n}\n\n.spacx .back-logo {\n width: 26%;\n}\n\n.spacx .header-big-a {\n font-size: 24px;\n}\n\n.spacx .print-tb-80-6d {\n border: 1px solid grey;\n}\n\n.spacx .print-tb-80-6d tr td {\n text-align: center;\n color: black;\n font-weight: bold;\n font-size: 20px;\n align-content: center;\n}\n\n.spacx .form-betting .form-control {\n padding: 5px 5px !important;\n height: 40px;\n border-radius: 5px;\n text-align: start;\n}\n\n.spacx .ml-hr {\n margin-left: 2px;\n padding: 0;\n}\n\n.spacx .ml-hr-ticket {\n margin-left: 5px;\n padding: 0;\n}\n\n.spacx .hr-vert {\n border: none;\n border-left: 1px solid black;\n height: 28px;\n text-align: right;\n padding-right: 10px;\n}\n\n.spacx .hr-vert.current-bet {\n border: none;\n border-left: 1px solid black;\n height: 28px;\n text-align: right;\n padding-right: 8px !important;\n}\n\n.spacx .hr-right {\n border-right: 1px solid black;\n height: 22px;\n text-align: right;\n}\n\n.spacx .hr-right-ticket {\n border-right: 1px solid black;\n height: 25px;\n text-align: right;\n}\n\n.spacx .mar-l-1 {\n margin-left: 10px;\n}\n\n.spacx .mar-l-2 {\n margin-left: 20px;\n}\n\n.spacx .mr-x {\n margin-right: 10px;\n}\n\n.spacx .mr-xd {\n margin-right: 15px;\n}\n\n.spacx .mar-l-3 {\n margin-left: 30px;\n}\n\n.spacx .mar-l-4 {\n margin-left: 40px;\n}\n\n.spacx .h-col-1 {\n height: 20px;\n}\n\n.spacx .h-col-2 {\n height: 40px;\n}\n\n.spacx .h-col-3 {\n height: 60px;\n}\n\n.spacx .h-col-4 {\n height: 80px;\n}\n\n.spacx .h-col-5 {\n height: 100px;\n}\n\n.spacx .h-col-6 {\n height: 125px;\n}\n\n.spacx .h-col-7 {\n height: 150px;\n}\n\n.spacx .h-col-8 {\n height: 165px;\n}\n\n.spacx .h-col-9 {\n height: 185px;\n}\n\n.spacx .h-col-10 {\n height: 205px;\n}\n\n.spacx .h-58-1 {\n height: 22px;\n}\n\n.spacx .h-58-2 {\n height: 48px;\n}\n\n.spacx .h-58-3 {\n height: 74px;\n}\n\n.spacx .h-58-4 {\n height: 100px;\n}\n\n.spacx .h-58-5 {\n height: 127px;\n}\n\n.spacx .h-58-6 {\n height: 152px;\n}\n\n.spacx .h-58-7 {\n height: 178px;\n}\n\n.spacx .h-58-8 {\n height: 204px;\n}\n\n.spacx .h-58-9 {\n height: 232px;\n}\n\n.spacx .h-58-10 {\n height: 256px;\n}\n\n.spacx .f-bold {\n font-weight: bold;\n}\n\n.spacx .p-total {\n padding-right: 12px;\n padding-left: 0;\n}\n\n.spacx .border-total {\n border-bottom: 1px solid red;\n}\n\n.spacx .border-ticket {\n border-bottom: 2px solid black;\n}\n\n.spacx .border-ticket-print {\n border-bottom: 1px solid black;\n margin-top: 3px;\n}\n\n.spacx .color-menu {\n color: #454545;\n font-weight: 500;\n}\n\n.spacx .color-icon {\n color: #1a9aef;\n font-weight: 500;\n}\n\n.spacx .w-bet {\n width: 270px;\n}\n\n.spacx .w-30 {\n width: 30% !important;\n}\n\n.spacx .w-40 {\n width: 40% !important;\n}\n\n.spacx .w-60 {\n width: 60% !important;\n}\n\n.spacx .w-bet-6d {\n width: 200px;\n margin-right: 10px;\n}\n\n.spacx .w-right {\n width: 470px;\n}\n\n.spacx .w-right-6d {\n width: 300px;\n}\n\n.spacx .pl-board {\n /*padding-left: 20px;*/\n /*padding-right: 5px;*/\n}\n\n.spacx .w-bet-card {\n margin-bottom: 3px;\n width: 150px;\n margin-left: 25px;\n padding: 0;\n}\n\n.spacx .w-bet-six-d {\n margin-bottom: 3px;\n width: 150px;\n margin-left: 50px;\n padding: 0;\n}\n\n.spacx .w-bet-item {\n margin-bottom: 3px;\n width: 150px;\n padding: 0;\n}\n\n.spacx .betting-mobile .w-bet-item {\n width: auto !important;\n}\n\n.spacx .w-bet-card-ticket {\n margin-bottom: 3px;\n width: 100%;\n margin-left: 0;\n padding: 0;\n}\n\n.spacx .w-left-side {\n width: 156px;\n /*background-color: rebeccapurple;*/\n}\n\n.spacx .w-right-side {\n width: 75px;\n text-align: end;\n /*background-color: red;*/\n}\n\n.spacx .font-12 {\n font-weight: bold;\n font-size: 12px;\n}\n\n.spacx .mb-bet-1 {\n margin-bottom: -4px;\n}\n\n.spacx .mb-bet-2 {\n margin-bottom: -5px;\n}\n\n.spacx .mb-bet-3 {\n margin-bottom: -6px;\n}\n\n.spacx .w-total {\n margin-left: 5px;\n}\n\n.spacx .expanded {\n height: calc(100% - 35px);\n}\n\n.spacx .expanded-ticket {\n height: calc(100% - 65px);\n}\n\n.spacx .bg-total {\n background-color: mediumseagreen;\n}\n\n.spacx .border-left-matrix {\n border-left: 1px solid black;\n}\n\n.spacx .border-right-matrix {\n border-right: 1px solid black;\n}\n\n.spacx .lane-style {\n width: 176px;\n overflow: hidden;\n}\n\n.spacx .w-type {\n width: 30px;\n}\n\n.spacx .w-total-bottom {\n width: 15%;\n}\n\n.spacx .bg-light-red {\n background-color: #FDDAD8 !important;\n}\n\n.spacx .text-black {\n color: black !important;\n}\n\n.spacx .bg-white-red {\n background-color: #FEECEC;\n}\n\n.spacx .bg-light-green {\n background-color: #EBFEED;\n}\n\n.spacx .bg-grey {\n background-color: #f1f1f1;\n}\n\n@media print {\n .spacx .page-break {\n page-break-before: always;\n }\n}\n\n.spacx .w-card {\n width: 155px !important;\n}\n\n.spacx .pnotify-center {\n right: calc(50% - 150px) !important;\n}\n\n.spacx .react-datepicker-wrapper,\n.spacx .react-datepicker__input-container {\n display: block !important;\n}\n\n.spacx .mar-card {\n margin-right: 10px !important;\n}\n\n.spacx .table td,\n.spacx .table th {\n padding: 0.6rem 0.5rem;\n}\n\n.spacx .betting-h {\n max-height: 300px;\n overflow: scroll;\n}\n\n.spacx .win-animate {\n background: orangered;\n animation-duration: 500ms;\n border-radius: 50%;\n text-align: center;\n color: white;\n height: 18px;\n width: 18px;\n}\n\n@keyframes backgroundColorPalette {\n 0% {\n background: orangered;\n }\n 100% {\n background: #ff9b85;\n }\n}\n\n.spacx .pl-pr {\n padding-left: 5px;\n padding-right: 5px;\n padding-top: 5px;\n}\n\n.spacx .button-betting {\n width: 25px;\n height: 25px;\n}\n\n.spacx .h-btn {\n height: 38px;\n}\n\n.spacx .add-page {\n height: 20px;\n}\n\n.spacx .remove-page {\n height: 10px;\n}\n\n.spacx .bg-win {\n background-color: yellow;\n}\n\n.spacx .mt-page-1 {\n margin-top: 2px;\n}\n\n.spacx .table-item {\n max-height: 400px;\n overflow: scroll;\n margin-bottom: 20px;\n}\n\n.spacx .font-weight-badge {\n font-weight: 400;\n padding-right: 0.6rem;\n padding-left: 0.6rem;\n text-align: center;\n border-radius: 0.25rem !important;\n}\n\n.spacx .c-print {\n margin-top: 0.65rem;\n margin-bottom: 0;\n padding-left: 1.5rem\n}\n\n.spacx .c-export {\n margin: 0.65rem 0 0;\n padding-left: 1.5rem\n}\n\n.spacx .empty-logo {\n width: 15%;\n margin-top: 200px;\n padding-bottom: 200px;\n}\n\n.spacx .empty-logo-tr {\n width: 15%;\n margin-top: 180px !important;\n padding-bottom: 180px !important;\n}\n\n.spacx .h-img {\n height: inherit;\n width: inherit;\n}\n\n.spacx .custom-control {\n z-index: 0;\n}\n\n.spacx .f-t {\n font-size: 14px;\n}\n\n.spacx .delete-card {\n padding: 0;\n margin: 0;\n border: none;\n float: right;\n color: orangered;\n background-color: transparent;\n position: absolute;\n z-index: 1;\n right: 50px;\n /*top: 5px;*/\n}\n\n.spacx .file-input {\n position: relative;\n z-index: 2;\n width: 50%;\n margin: 0;\n overflow: hidden;\n border-radius: 3px;\n /*opacity: 0;*/\n background-color: #eff3f6;\n}\n\n.spacx .settlement-file {\n position: relative;\n display: inline-block;\n width: 50%;\n height: calc(1.5em + 0.75rem + 2px);\n margin-bottom: 0;\n}\n\n.spacx .s-date {\n width: 197px !important;\n}\n\n.spacx .h-check {\n height: 54px;\n}\n\n.spacx .m-date {\n margin-top: 19px;\n}\n\n.spacx .w-date {\n width: 200px\n}\n\n.spacx .m-date-text {\n margin-top: 40px;\n margin-left: 70px;\n}\n\n.spacx .bg-c-grey {\n background-color: #f1f1f1;\n}\n\n.spacx .f-print {\n font-size: 20px;\n}\n\n.spacx .mt-input {\n margin-top: 20px;\n}\n\n@media print {\n @page {\n size: landscape;\n }\n}\n\n.spacx .giai8 {\n height: 80px;\n}\n\n.spacx .giai7 {\n height: 40px;\n}\n\n.spacx .giai6 {\n height: 166px;\n}\n\n.spacx .giai5 {\n height: 30px;\n}\n\n.spacx .giai4 {\n height: 230px;\n}\n\n.spacx .giai3 {\n height: 30px;\n}\n\n.spacx .giai2 {\n height: 70px;\n}\n\n.spacx .giai1 {\n height: 35px;\n}\n\n.spacx .giaidb {\n height: 100px;\n}\n\n.spacx .bkqmiennam {\n border: 1px solid #9E9E9E;\n border-right: 0;\n border-bottom: 0\n}\n\n.spacx .bkqmiennam .leftcl .thu,\n.spacx .bkqmiennam .leftcl td {\n border: 1px solid #9E9E9E;\n border-top: 0;\n border-left: 0;\n vertical-align: middle;\n text-align: center;\n font-size: 18px;\n font-weight: bold;\n color: black;\n}\n\n.spacx .tb-night td {\n border: 1px solid #9E9E9E;\n border-top: 0;\n border-left: 0;\n vertical-align: middle;\n text-align: center;\n line-height: 20px;\n font-size: 16px;\n font-weight: bold;\n}\n\n\n/* .leftcl td {\n line-height: 70px !important;\n} */\n\n.spacx .giai6 div input {\n height: 55px;\n line-height: 22px;\n margin: 0;\n}\n\n.spacx .bkqmiennam .rightcl td {\n border: 1px solid #999;\n border-top: 0;\n border-left: 0;\n text-align: center;\n line-height: 26px;\n font-size: 20px;\n font-weight: 900;\n color: black;\n}\n\n.spacx .bkqmiennam .rightcl .giai8 {\n font-size: 26px;\n font-weight: 900;\n color: maroon;\n}\n\n.spacx .giai8 input {\n font-size: 38px;\n font-weight: 900;\n color: maroon;\n height: 79px;\n line-height: 38px;\n}\n\n.spacx .giaidb input {\n font-size: 38px;\n font-weight: 900;\n color: maroon;\n height: 99px;\n line-height: 38px;\n}\n\n.spacx .bkqmiennam .rightcl .giaidb {\n font-size: 38px;\n font-weight: 900;\n color: maroon;\n line-height: 38px;\n}\n\n.spacx .input-res {\n border: none;\n border-radius: unset;\n background-color: transparent;\n padding: 0 !important;\n text-align: center;\n color: black;\n font-size: 18px;\n font-weight: 900;\n font-family: Arial;\n line-height: 20px;\n}\n\n.spacx .input-border {\n border: 1px solid grey !important;\n}\n\n\n/* VN2 night */\n\n.spacx .night8 {\n line-height: 79px;\n}\n\n.spacx .night7 {\n line-height: 55px !important;\n}\n\n.spacx .night6 {\n line-height: 55px !important;\n}\n\n.spacx .night5 {\n line-height: 110px !important;\n}\n\n.spacx .night4 {\n line-height: 110px !important;\n}\n\n.spacx .night3 {\n line-height: 110px !important;\n}\n\n.spacx .night2 {\n line-height: 55px !important;\n}\n\n.spacx .night1 {\n line-height: 99px !important;\n}\n\n\n/* VN2 Day */\n\n.spacx .rday8 {\n line-height: 79px;\n}\n\n.spacx .rday7 {\n line-height: 55px !important;\n}\n\n.spacx .rday6 {\n line-height: 165px !important;\n}\n\n.spacx .rday5 {\n line-height: 54px !important;\n}\n\n.spacx .rday4 {\n line-height: 385px !important;\n}\n\n.spacx .rday3 {\n line-height: 55px !important;\n}\n\n.spacx .rday2 {\n line-height: 109px !important;\n}\n\n.spacx .rday1 {\n line-height: 55px !important;\n}\n\n.spacx .rdaydb {\n line-height: 50px !important;\n}\n\n.spacx .vn2-province {\n color: blue !important;\n font-family: Arial, Helvetica, sans-serif;\n font-weight: 800;\n}\n\n\n/* Result leap */\n\n.spacx .set-result-title {\n font-weight: 900;\n font-family: Arial !important;\n}\n\n.spacx .set-result-date {\n font-weight: 900;\n text-align: center;\n}\n\n.spacx .leap-lo input {\n font-size: 24px;\n font-weight: 900;\n line-height: 50px;\n color: black;\n font-family: Arial !important;\n}\n\n.spacx .leap-big-table {\n border-collapse: separate;\n border-spacing: 20px;\n border: 1px solid lightgray;\n border-radius: 5px;\n width: 100%;\n}\n\n.spacx .leap-big-table td table td {\n padding: 30px;\n}\n\n.spacx .leap-big-table input,\n.spacx .leap-big-table p {\n font-size: 50px;\n font-weight: 900;\n line-height: 50px;\n color: blue;\n font-family: Arial !important;\n}\n\n.spacx .leap-big-table p {\n color: red !important;\n}\n\n.spacx .leap-spec-post input,\n.spacx .leap-spec-post p {\n font-size: 32px;\n font-weight: 900;\n line-height: 32px;\n color: blue;\n font-family: Arial !important;\n}\n\n.spacx .leap-spec-post p {\n color: red !important;\n margin-top: 15px;\n}\n\n.spacx .ml-6d {\n margin-left: 54px !important;\n}\n\n.spacx .gen-icon {\n text-align: center;\n position: absolute;\n right: 5%;\n top: calc(100% / 2 - 10px);\n}\n\n.spacx .tb-result {\n border: 1px solid gray;\n}\n\n.spacx .w-td-kh {\n width: 100px !important;\n}\n\n.spacx .tb-result td {\n border: 1px solid gray;\n font-size: 18px;\n font-family: Arial;\n color: black;\n font-weight: bold;\n width: 200px;\n text-align: center;\n line-height: 20px;\n}\n\n.spacx #tb-result td {\n border: 1px solid gray;\n font-size: 18px;\n font-family: Arial;\n color: black;\n font-weight: bold;\n padding: 5px 26px;\n text-align: center;\n line-height: 20px;\n}\n\n.spacx .con-tb-result {\n width: 400px;\n}\n\n.spacx .text-box {\n padding: 10px;\n font-size: 18px;\n font-family: Arial, Helvetica, sans-serif;\n font-weight: 900;\n}\n\n@page {\n size: auto !important;\n}\n\n.spacx .f-font {\n font-weight: 700 !important;\n}\n\n.spacx #print-head.report-th-with-bet,\n.spacx #print-head.report-th-with-reward {\n width: 12% !important;\n color: black !important;\n background-color: #FFFFFF !important;\n border: 1px solid !important;\n text-align: center !important;\n}\n\n.spacx #print-head.report-th-with-bet-vn,\n.spacx #print-head.report-th-with-reward-vn {\n width: 24% !important;\n color: black !important;\n background-color: #FFFFFF !important;\n border: 1px solid !important;\n text-align: center !important;\n}\n\n.spacx .border-print {\n border: 1px solid;\n color: black;\n text-align: center;\n}\n\n.spacx .border-print-footer {\n border: 1px solid;\n color: black;\n text-align: right;\n text-transform: uppercase !important;\n}\n\n.spacx .table-overview td {\n border: 1px solid gray;\n}\n\n.spacx .table-overview {\n margin-top: 5px;\n}\n\n.spacx .f-nav {\n border-bottom: 1px solid gray !important;\n font-size: 14px !important;\n}\n\n.spacx .ul-nav {\n border-top: 1px solid gray !important;\n margin-top: 10px;\n}\n\n.spacx .w-series {\n width: 19%;\n margin-right: 10px;\n margin-bottom: 10px;\n}\n\n.spacx .tb-row-sale {\n width: 7%;\n background-color: #e3ffe1 !important;\n}\n\n.spacx .tb-row-reward {\n width: 7%;\n background-color: #ffe1e1 !important;\n}\n\n.spacx #settlement .table-bordered thead td,\n.spacx .table-bordered thead th {\n border-bottom-width: 0 !important;\n}\n\n.spacx #settlement .table tbody+tbody {\n border-top: 0 !important;\n}\n\n.spacx .input-set {\n border: none;\n height: 40px;\n border-radius: unset;\n background-color: transparent;\n padding: 0 !important;\n text-align: center;\n color: black;\n}\n\n.spacx .bg-tb {\n background-color: #F1F5F7;\n padding: 30px;\n}\n\n.spacx #print .bg-tb,\n.spacx #print .tb-grand {\n background-color: #FFFFFF !important;\n}\n\n.spacx #print .bg-tb {\n padding: 10px 30px;\n}\n\n.spacx .bg-tb div {\n color: #2B4C9A;\n font-size: 20px;\n font-weight: 900;\n}\n\n.spacx .bg-tb td,\n.spacx .bg-tb th {\n border-right: 1px solid gray;\n color: #2B4C9A;\n font-size: 17px;\n}\n\n.spacx .bg-tb .border-bottom {\n border-top: 1px solid gray !important;\n border-bottom-color: gray !important;\n border-top-color: gray !important;\n}\n\n.spacx .tb-grand td,\n.spacx .tb-grand th {\n color: #2B4C9A;\n font-size: 21px;\n}\n\n.spacx .tb-grand {\n background-color: #F1F5F7;\n padding: 30px;\n}\n\n.spacx .bg-tb .border-left {\n border-left: 1px solid gray !important;\n}\n\n.spacx .f-print-58 {\n font-size: 30px;\n}\n\n.spacx .mt-head {\n margin-top: 12px !important;\n}\n\n.spacx #daily-report-wrap .table td,\n.spacx #daily-report-wrap .table th {\n border: 1px solid black !important;\n padding: 5px 20px !important;\n}\n\n.spacx #sale-report-wrap .table td,\n.spacx #sale-report-wrap .table th {\n /*border: 1px solid black !important;*/\n padding: 5px 15px !important;\n}\n\n.spacx #sale-report-wrap table {\n width: auto !important;\n}\n\n.spacx .scroll-vn {\n width: auto !important;\n min-width: 800px !important;\n /*height: 100%;*/\n overflow: scroll;\n direction: ltr !important;\n /* <-- the trick */\n min-height: 500px !important;\n}\n\n.spacx .red-h {\n background-color: #FCE4D6 !important;\n}\n\n.spacx .red-d-h {\n background-color: #F8C19C !important;\n}\n\n.spacx .blue-h {\n background-color: #01B0F0 !important;\n}\n\n.spacx .blue-l-h {\n background-color: #DCEBF7 !important;\n}\n\n.spacx .green-l-h {\n background-color: #E1EFDA;\n}\n\n.spacx .bg-highlight {\n background-color: lightgreen !important;\n}\n\n.spacx .vio-l-h {\n color: #7030A0 !important;\n}\n\n.spacx .blue-vio-h {\n background-color: #0070C0 !important;\n}\n\n.spacx .t-blue {\n color: #0000ff !important;\n}\n\n.spacx .t-blue-vio {\n color: #0070C0 !important;\n}\n\n.spacx .yell-l-h {\n background-color: #FFF2CC;\n}\n\n.spacx .gray-l {\n background-color: #D7F2F2 !important;\n}\n\n.spacx .b-gray-l {\n background-color: #EDEDED !important;\n}\n\n.spacx .t-left {\n text-align: left !important;\n}\n\n.spacx .t-right {\n text-align: right !important;\n}\n\n.spacx .b-0 {\n border: 0 !important;\n border-bottom: 1px solid white !important;\n}\n\n.spacx .b-vio-t {\n border-top: 3px solid #556DE7 !important;\n}\n\n.spacx .b-vio-b {\n border-bottom: 6px solid #556DE7 !important;\n}\n\n.spacx .b-red-t {\n border-top: 3px solid red !important;\n}\n\n.spacx .b-red-b {\n border-bottom: 6px solid red !important;\n}\n\n.spacx .red-l {\n background-color: #FEC7CD !important;\n}\n\n.spacx .yell-l {\n background-color: #FFEA9C;\n}\n\n.spacx .t-red-s {\n color: #9C0107 !important;\n}\n\n.spacx .t-yell-s {\n color: #9C5700 !important;\n}\n\n.spacx #wrap-tb table td,\n.spacx #wrap-tb table th {\n /*border: 1px black solid !important;*/\n padding: 5px !important;\n}\n\n.spacx .bg-black {\n background-color: grey !important;\n}\n\n.spacx .no-border {\n border: 0 !important;\n}\n\n.spacx .f-mid-print {\n font-size: 28px !important;\n letter-spacing: -1px !important;\n}\n\n.spacx .f-22 {\n font-size: 22px !important;\n}\n\n.spacx .f-23 {\n font-size: 23px !important;\n}\n\n.spacx .f-30 {\n font-size: 30px !important;\n}\n\n.spacx .f-33 {\n font-size: 33px !important;\n}\n\n.spacx .f-35 {\n font-size: 35px !important;\n}\n\n.spacx .f-40 {\n font-size: 40px !important;\n}\n\n.spacx .f-28 {\n font-size: 28px !important;\n}\n\n.spacx .f-20 {\n font-size: 20px !important;\n}\n\n.spacx .f-22 {\n font-size: 22px !important;\n}\n\n.spacx .f-24 {\n font-size: 24px !important;\n}\n\n.spacx .f-45 {\n font-size: 45px !important;\n}\n\n.spacx .f-50 {\n font-size: 50px !important;\n}\n\n.spacx .w-print-58 {\n width: 35% !important;\n}\n\n.spacx .b-dash-r {\n border-right: 2px dashed black;\n}\n\n.spacx .f-25 {\n font-size: 25px !important;\n}\n\n.spacx .f-26 {\n font-size: 26px !important;\n}\n\n.spacx .ticket-logo {\n font-size: 26px !important;\n color: black !important;\n font-weight: 600;\n}\n\n.spacx .sc-betting {\n overflow: scroll !important;\n max-height: 630px !important;\n}\n\n.spacx .betting-mobile .sc-betting {\n max-height: 230px !important;\n}\n\n.spacx .f-15 {\n font-size: 15px !important;\n}\n\n.spacx .font-Hanuman {\n font-family: \"Hanuman\", \"Mada\", sans-serif !important;\n}\n\n.spacx .ff-arial {\n font-family: \"Arial\" !important;\n}\n\n.spacx .wrapper {\n position: relative;\n overflow: auto;\n white-space: nowrap;\n}\n\n.spacx .box {\n min-width: 2000px;\n height: 100%;\n overflow: scroll !important;\n direction: ltr !important;\n /* <-- the trick */\n}\n\n.spacx .box::before {\n content: '';\n display: block;\n width: 100%;\n height: 1px;\n}\n\n.spacx .hide-scroll {\n overflow: hidden !important;\n}\n\n.spacx .mar-range {\n margin-left: 14px !important;\n}\n\n.spacx .ff-p-head {\n font-family: \"Bokor\", cursive;\n}\n\n.spacx .ff-p-sub-head {\n font-family: 'Moul', cursive;\n}\n\n.spacx #print-t-58 .badge-danger {\n background-color: black !important;\n}\n\n.spacx #print-t-58 .text-danger {\n color: black !important;\n}\n\n.spacx #print-t-58 .font-weight-bold {\n font-weight: 500 !important;\n}\n\n\n/*#print-t-58 .bg-win {*/\n\n\n/* background-color: transparent !important;*/\n\n\n/*}*/\n\n.spacx #print-t-58 .win-animate {\n line-height: 20px !important;\n}\n\n.spacx .f-koulen {\n font-family: 'Koulen', cursive !important;\n}\n\n.spacx .f-arial {\n font-family: \"Arial Black\", serif;\n}\n\n.spacx .f-34 {\n font-size: 34px !important;\n}\n\n.spacx .f-36 {\n font-size: 36px !important;\n}\n\n.spacx .f-38 {\n font-size: 38px !important;\n}\n\n.spacx .f-68 {\n font-size: 68px !important;\n}\n\n.spacx .f-58 {\n font-size: 58px !important;\n}\n\n.spacx .f-65 {\n font-size: 65px !important;\n}\n\n.spacx .f-70 {\n font-size: 70px !important;\n}\n\n.spacx .f-72 {\n font-size: 72px !important;\n}\n\n.spacx .f-170 {\n font-size: 170px !important;\n}\n\n.spacx .b-solid-1 {\n border: 1px solid black !important;\n}\n\n.spacx .bb-solid-1 {\n border-bottom: 1px solid black !important;\n}\n\n.spacx .br-solid-1 {\n border-bottom: 1px solid black !important;\n border-right: 1px solid black !important;\n}\n\n.spacx .f-times-new-roman {\n font-family: \"Times New Roman\", 'Moul', cursive;\n}\n\n.spacx .text-rotate-180 {\n writing-mode: vertical-lr;\n transform: rotate(180deg);\n}\n\n.spacx .ml-sim {\n margin-left: 5px;\n padding: 0;\n}\n\n.spacx .bg-lottery-head {\n background-color: #f6ccb3 !important;\n}\n\n.spacx .w-summary {\n width: 35vw;\n}\n\n.spacx .none-event {\n pointer-events: none !important;\n}\n\n@media only screen and (max-width: 990px) {\n .spacx .pcoded-navbar.theme-horizontal~.pcoded-main-container {\n margin-top: 55px !important;\n }\n .spacx .pcoded-header {\n min-height: 55px !important;\n }\n .spacx .pcoded-header .m-header {\n height: 55px !important;\n }\n}\n\n.spacx .f-17 {\n font-size: 17px !important;\n}\n\n.spacx .w-55 {\n width: 55% !important;\n}\n\n.spacx .border-top-ticket {\n border-top: 2px solid black;\n color: transparent;\n padding: 0;\n margin: 0;\n}\n\n.spacx .text-c-blue {\n color: #2196f3;\n}\n\n.spacx .f-32 {\n font-size: 32px;\n}\n\n.spacx .cur-pointer {\n cursor: pointer;\n}\n\n.spacx .text-c-red {\n color: #f44336;\n}\n\n.spacx .w-fit {\n width: fit-content;\n}\n\n.spacx .scroll-modal {\n overflow-y: scroll !important;\n}\n\n.spacx .protest-ticket-scroll {\n max-height: calc(100vh - 320px);\n overflow-y: auto;\n}\n\n.spacx .transfer-ticket-scroll {\n max-height: calc(100vh - 320px);\n overflow-y: auto;\n}\n\n.spacx .transfer-modal-footer {\n justify-content: space-between;\n}\n\n.spacx .btn-confirm {\n background-color: #2196f3;\n color: #fff;\n border: none;\n box-shadow: none;\n border-radius: 5px;\n font-weight: 600;\n font-size: 14px;\n padding: 10px 24px;\n margin: 0;\n cursor: pointer;\n}\n\n.spacx .btn-cancel {\n color: #555;\n background-color: #efefef;\n border: none;\n box-shadow: none;\n border-radius: 5px;\n font-weight: 600;\n font-size: 14px;\n padding: 10px 24px;\n margin: 0;\n cursor: pointer;\n}\n\n.spacx .custom-label {\n font-size: 14px;\n color: #686c71;\n display: inline-block;\n margin-bottom: 0.5rem;\n}\n\n.spacx .btn-secondary {\n color: #fff;\n background-color: #748892;\n border-color: #6c808a;\n}\n\n.spacx .btn-primary {\n color: #fff;\n background-color: #2196f3;\n border-color: #128ff2;\n}\n\n\n/*Dropdown*/\n\n.spacx button.dropdown-item {\n display: block;\n width: 100%;\n padding: 0.4rem 1.5rem;\n clear: both;\n font-weight: 400;\n text-align: inherit;\n white-space: nowrap;\n background-color: transparent;\n border: 0;\n font-size: 14px;\n color: #686c71;\n}\n\n.spacx .dropdown-item:hover {\n background: rgba(33, 150, 243, 0.1);\n color: #686c71;\n}\n\n.spacx .drop-label {\n font-size: 14px;\n color: #686c71;\n display: inline-block;\n}\n\n.spacx .btn-modal-c {\n padding: 10px 20px;\n border-radius: 0.25rem;\n font-size: 14px;\n}\n\n.spacx .modal-title {\n font-size: 16px !important;\n}\n\n.spacx .drop-header {\n text-align: center !important;\n background: #2196f3;\n color: white;\n font-weight: 600;\n font-size: 15px;\n border: 1px solid #2196f3;\n}\n";
57
57
  styleInject(css_248z$1);
58
58
 
59
59
  let PNotify,posTimer,onDocumentLoaded=()=>{PNotify.defaultStack.context=document.body,window.addEventListener("resize",()=>{posTimer&&clearTimeout(posTimer),posTimer=setTimeout(()=>{PNotify.positionAll();},10);});},createStackOverlay=t=>{const e=document.createElement("div");e.classList.add("ui-pnotify-modal-overlay"),t.context!==document.body&&(e.style.height=t.context.scrollHeight+"px",e.style.width=t.context.scrollWidth+"px"),e.addEventListener("click",()=>{t.overlayClose&&PNotify.closeStack(t);}),t.overlay=e;},insertStackOverlay=t=>{t.overlay.parentNode!==t.context&&(t.overlay=t.context.insertBefore(t.overlay,t.context.firstChild));},removeStackOverlay=t=>{t.overlay.parentNode&&t.overlay.parentNode.removeChild(t.overlay);};const getDefaultArgs=(t,e)=>("object"!=typeof t&&(t={text:t}),e&&(t.type=e),{target:document.body,data:t});function _styles({styling:t}){return "object"==typeof t?t:PNotify.styling[t]}function _icons({icons:t}){return "object"==typeof t?t:PNotify.icons[t]}function _widthStyle({width:t}){return "string"==typeof t?"width: "+t+";":""}function _minHeightStyle({minHeight:t}){return "string"==typeof t?"min-height: "+t+";":""}function data$2(){const t=Object.assign({_state:"initializing",_timer:null,_animTimer:null,_animating:false,_animatingClass:"",_moveClass:"",_timerHide:false,_moduleClasses:[],_moduleIsNoticeOpen:false,_modules:{},_modulesPrependContainer:PNotify.modulesPrependContainer,_modulesAppendContainer:PNotify.modulesAppendContainer},PNotify.defaults);return t.modules=Object.assign({},PNotify.defaults.modules),t}var methods$2={runModules(t){if("init"===t){for(let t in PNotify.modules)if(PNotify.modules.hasOwnProperty(t)&&"function"==typeof PNotify.modules[t].init){const e=PNotify.modules[t].init(this);this.initModule(e);}}else {const{_modules:e}=this.get();for(let i in e){if(!e.hasOwnProperty(i))continue;const n=Object.assign({_notice:this,_options:this.get()},this.get().modules[i]);e[i].set(n),"function"==typeof e[i][t]&&e[i][t]();}}},initModule(t){const{modules:e}=this.get();e.hasOwnProperty(t.constructor.key)||(e[t.constructor.key]={});const i=Object.assign({_notice:this,_options:this.get()},e[t.constructor.key]);t.initModule(i);const{_modules:n}=this.get();n[t.constructor.key]=t;},update(t){const e=this.get().hide,i=this.get().icon;this.set(t),this.runModules("update"),this.get().hide?e||this.queueClose():this.cancelClose(),this.queuePosition();const{icon:n}=this.get();return n!==i&&(true===n&&"fontawesome5"===this.get().icons||"string"==typeof n&&n.match(/(^| )fa[srlb]($| )/))&&(this.set({icon:false}),this.set({icon:n})),this},open(){const{_state:t,hide:e}=this.get();if("opening"===t)return;if("open"===t)return void(e&&this.queueClose());this.set({_state:"opening",_animatingClass:"ui-pnotify-initial-hidden"}),this.runModules("beforeOpen");let{stack:i}=this.get();if(!this.refs.elem.parentNode||i&&i.context&&i.context!==this.refs.elem.parentNode)if(i&&i.context)i.context.appendChild(this.refs.elem);else {if(!document.body)throw new Error("No context to open this notice in.");document.body.appendChild(this.refs.elem);}return setTimeout(()=>{i&&(i.animation=false,PNotify.positionAll(),i.animation=true),this.animateIn(()=>{this.get().hide&&this.queueClose(),this.set({_state:"open"}),this.runModules("afterOpen");});},0),this},remove(t){return this.close(t)},close(t){const{_state:e}=this.get();if("closing"===e||"closed"===e)return;this.set({_state:"closing",_timerHide:!!t}),this.runModules("beforeClose");const{_timer:i}=this.get();return i&&clearTimeout&&(clearTimeout(i),this.set({_timer:null})),this.animateOut(()=>{if(this.set({_state:"closed"}),this.runModules("afterClose"),this.queuePosition(),this.get().remove&&this.refs.elem.parentNode.removeChild(this.refs.elem),this.runModules("beforeDestroy"),this.get().destroy&&null!==PNotify.notices){const t=PNotify.notices.indexOf(this);-1!==t&&PNotify.notices.splice(t,1);}this.runModules("afterDestroy");}),this},animateIn(t){this.set({_animating:"in"});const e=()=>{this.refs.elem.removeEventListener("transitionend",e);const{_animTimer:i,_animating:n,_moduleIsNoticeOpen:o}=this.get();if(i&&clearTimeout(i),"in"!==n)return;let s=o;if(!s){const t=this.refs.elem.getBoundingClientRect();for(let e in t)if(t[e]>0){s=true;break}}s?(t&&t.call(),this.set({_animating:false})):this.set({_animTimer:setTimeout(e,40)});};"fade"===this.get().animation?(this.refs.elem.addEventListener("transitionend",e),this.set({_animatingClass:"ui-pnotify-in"}),this.refs.elem.style.opacity,this.set({_animatingClass:"ui-pnotify-in ui-pnotify-fade-in"}),this.set({_animTimer:setTimeout(e,650)})):(this.set({_animatingClass:"ui-pnotify-in"}),e());},animateOut(t){this.set({_animating:"out"});const e=()=>{this.refs.elem.removeEventListener("transitionend",e);const{_animTimer:i,_animating:n,_moduleIsNoticeOpen:o}=this.get();if(i&&clearTimeout(i),"out"!==n)return;let s=o;if(!s){const t=this.refs.elem.getBoundingClientRect();for(let e in t)if(t[e]>0){s=true;break}}if(this.refs.elem.style.opacity&&"0"!==this.refs.elem.style.opacity&&s)this.set({_animTimer:setTimeout(e,40)});else {this.set({_animatingClass:""});const{stack:e}=this.get();if(e&&e.overlay){let t=false;for(let i=0;i<PNotify.notices.length;i++){const n=PNotify.notices[i];if(n!==this&&n.get().stack===e&&"closed"!==n.get()._state){t=true;break}}t||removeStackOverlay(e);}t&&t.call(),this.set({_animating:false});}};"fade"===this.get().animation?(this.refs.elem.addEventListener("transitionend",e),this.set({_animatingClass:"ui-pnotify-in"}),this.set({_animTimer:setTimeout(e,650)})):(this.set({_animatingClass:""}),e());},position(){let{stack:t}=this.get(),e=this.refs.elem;if(!t)return;if(t.context||(t.context=document.body),"number"!=typeof t.nextpos1&&(t.nextpos1=t.firstpos1),"number"!=typeof t.nextpos2&&(t.nextpos2=t.firstpos2),"number"!=typeof t.addpos2&&(t.addpos2=0),!e.classList.contains("ui-pnotify-in")&&!e.classList.contains("ui-pnotify-initial-hidden"))return this;t.modal&&(t.overlay||createStackOverlay(t),insertStackOverlay(t)),e.getBoundingClientRect(),t.animation&&this.set({_moveClass:"ui-pnotify-move"});let i,n=t.context===document.body?window.innerHeight:t.context.scrollHeight,o=t.context===document.body?window.innerWidth:t.context.scrollWidth;if(t.dir1){let s;switch(i={down:"top",up:"bottom",left:"right",right:"left"}[t.dir1],t.dir1){case "down":s=e.offsetTop;break;case "up":s=n-e.scrollHeight-e.offsetTop;break;case "left":s=o-e.scrollWidth-e.offsetLeft;break;case "right":s=e.offsetLeft;} void 0===t.firstpos1&&(t.firstpos1=s,t.nextpos1=t.firstpos1);}if(t.dir1&&t.dir2){let i,s={down:"top",up:"bottom",left:"right",right:"left"}[t.dir2];switch(t.dir2){case "down":i=e.offsetTop;break;case "up":i=n-e.scrollHeight-e.offsetTop;break;case "left":i=o-e.scrollWidth-e.offsetLeft;break;case "right":i=e.offsetLeft;} void 0===t.firstpos2&&(t.firstpos2=i,t.nextpos2=t.firstpos2);const r=t.nextpos1+e.offsetHeight+(void 0===t.spacing1?25:t.spacing1),a=t.nextpos1+e.offsetWidth+(void 0===t.spacing1?25:t.spacing1);switch((("down"===t.dir1||"up"===t.dir1)&&r>n||("left"===t.dir1||"right"===t.dir1)&&a>o)&&(t.nextpos1=t.firstpos1,t.nextpos2+=t.addpos2+(void 0===t.spacing2?25:t.spacing2),t.addpos2=0),"number"==typeof t.nextpos2&&(e.style[s]=t.nextpos2+"px",t.animation||e.style[s]),t.dir2){case "down":case "up":e.offsetHeight+(parseFloat(e.style.marginTop,10)||0)+(parseFloat(e.style.marginBottom,10)||0)>t.addpos2&&(t.addpos2=e.offsetHeight);break;case "left":case "right":e.offsetWidth+(parseFloat(e.style.marginLeft,10)||0)+(parseFloat(e.style.marginRight,10)||0)>t.addpos2&&(t.addpos2=e.offsetWidth);}}else if(t.dir1){let i,o;switch(t.dir1){case "down":case "up":o=["left","right"],i=t.context.scrollWidth/2-e.offsetWidth/2;break;case "left":case "right":o=["top","bottom"],i=n/2-e.offsetHeight/2;}e.style[o[0]]=i+"px",e.style[o[1]]="auto",t.animation||e.style[o[0]];}if(t.dir1)switch("number"==typeof t.nextpos1&&(e.style[i]=t.nextpos1+"px",t.animation||e.style[i]),t.dir1){case "down":case "up":t.nextpos1+=e.offsetHeight+(void 0===t.spacing1?25:t.spacing1);break;case "left":case "right":t.nextpos1+=e.offsetWidth+(void 0===t.spacing1?25:t.spacing1);}else {let i=o/2-e.offsetWidth/2,s=n/2-e.offsetHeight/2;e.style.left=i+"px",e.style.top=s+"px",t.animation||e.style.left;}return this},queuePosition(t){return posTimer&&clearTimeout(posTimer),t||(t=10),posTimer=setTimeout(()=>{PNotify.positionAll();},t),this},cancelRemove(){return this.cancelClose()},cancelClose(){const{_timer:t,_animTimer:e,_state:i,animation:n}=this.get();return t&&clearTimeout(t),e&&clearTimeout(e),"closing"===i&&this.set({_state:"open",_animating:false,_animatingClass:"fade"===n?"ui-pnotify-in ui-pnotify-fade-in":"ui-pnotify-in"}),this},queueRemove(){return this.queueClose()},queueClose(){return this.cancelClose(),this.set({_timer:setTimeout(()=>this.close(true),isNaN(this.get().delay)?0:this.get().delay)}),this},addModuleClass(...t){const{_moduleClasses:e}=this.get();for(let i=0;i<t.length;i++){let n=t[i];-1===e.indexOf(n)&&e.push(n);}this.set({_moduleClasses:e});},removeModuleClass(...t){const{_moduleClasses:e}=this.get();for(let i=0;i<t.length;i++){let n=t[i];const o=e.indexOf(n);-1!==o&&e.splice(o,1);}this.set({_moduleClasses:e});},hasModuleClass(...t){const{_moduleClasses:e}=this.get();for(let i=0;i<t.length;i++){let n=t[i];if(-1===e.indexOf(n))return false}return true}};function oncreate$2(){this.on("mouseenter",t=>{if(this.get().mouseReset&&"out"===this.get()._animating){if(!this.get()._timerHide)return;this.cancelClose();}this.get().hide&&this.get().mouseReset&&this.cancelClose();}),this.on("mouseleave",t=>{this.get().hide&&this.get().mouseReset&&"out"!==this.get()._animating&&this.queueClose(),PNotify.positionAll();});let{stack:t}=this.get();t&&"top"===t.push?PNotify.notices.splice(0,0,this):PNotify.notices.push(this),this.runModules("init"),this.set({_state:"closed"}),this.get().autoDisplay&&this.open();}function setup$3(t){(PNotify=t).VERSION="4.0.1",PNotify.defaultStack={dir1:"down",dir2:"left",firstpos1:25,firstpos2:25,spacing1:36,spacing2:36,push:"bottom",context:window&&document.body},PNotify.defaults={title:false,titleTrusted:false,text:false,textTrusted:false,styling:"brighttheme",icons:"brighttheme",addClass:"",cornerClass:"",autoDisplay:true,width:"360px",minHeight:"16px",type:"notice",icon:true,animation:"fade",animateSpeed:"normal",shadow:true,hide:true,delay:8e3,mouseReset:true,remove:true,destroy:true,stack:PNotify.defaultStack,modules:{}},PNotify.notices=[],PNotify.modules={},PNotify.modulesPrependContainer=[],PNotify.modulesAppendContainer=[],PNotify.alert=(t=>new PNotify(getDefaultArgs(t))),PNotify.notice=(t=>new PNotify(getDefaultArgs(t,"notice"))),PNotify.info=(t=>new PNotify(getDefaultArgs(t,"info"))),PNotify.success=(t=>new PNotify(getDefaultArgs(t,"success"))),PNotify.error=(t=>new PNotify(getDefaultArgs(t,"error"))),PNotify.removeAll=(()=>{PNotify.closeAll();}),PNotify.closeAll=(()=>{for(let t=0;t<PNotify.notices.length;t++)PNotify.notices[t].close&&PNotify.notices[t].close(false);}),PNotify.removeStack=(t=>{PNotify.closeStack(t);}),PNotify.closeStack=(t=>{if(false!==t)for(let e=0;e<PNotify.notices.length;e++)PNotify.notices[e].close&&PNotify.notices[e].get().stack===t&&PNotify.notices[e].close(false);}),PNotify.positionAll=(()=>{if(posTimer&&clearTimeout(posTimer),posTimer=null,PNotify.notices.length>0){for(let t=0;t<PNotify.notices.length;t++){let e=PNotify.notices[t],{stack:i}=e.get();i&&(i.overlay&&removeStackOverlay(i),i.nextpos1=i.firstpos1,i.nextpos2=i.firstpos2,i.addpos2=0);}for(let t=0;t<PNotify.notices.length;t++)PNotify.notices[t].position();}else delete PNotify.defaultStack.nextpos1,delete PNotify.defaultStack.nextpos2;}),PNotify.styling={brighttheme:{container:"brighttheme",notice:"brighttheme-notice",info:"brighttheme-info",success:"brighttheme-success",error:"brighttheme-error"},bootstrap3:{container:"alert",notice:"alert-warning",info:"alert-info",success:"alert-success",error:"alert-danger",icon:"ui-pnotify-icon-bs3"},bootstrap4:{container:"alert",notice:"alert-warning",info:"alert-info",success:"alert-success",error:"alert-danger",icon:"ui-pnotify-icon-bs4",title:"ui-pnotify-title-bs4"}},PNotify.icons={brighttheme:{notice:"brighttheme-icon-notice",info:"brighttheme-icon-info",success:"brighttheme-icon-success",error:"brighttheme-icon-error"},bootstrap3:{notice:"glyphicon glyphicon-exclamation-sign",info:"glyphicon glyphicon-info-sign",success:"glyphicon glyphicon-ok-sign",error:"glyphicon glyphicon-warning-sign"},fontawesome4:{notice:"fa fa-exclamation-circle",info:"fa fa-info-circle",success:"fa fa-check-circle",error:"fa fa-exclamation-triangle"},fontawesome5:{notice:"fas fa-exclamation-circle",info:"fas fa-info-circle",success:"fas fa-check-circle",error:"fas fa-exclamation-triangle"}},window&&document.body?onDocumentLoaded():document.addEventListener("DOMContentLoaded",onDocumentLoaded);}function add_css$2(){var t=createElement$2("style");t.id="svelte-1eldsjg-style",t.textContent='body > .ui-pnotify{position:fixed;z-index:100040}body > .ui-pnotify.ui-pnotify-modal{z-index:100042}.ui-pnotify{position:absolute;height:auto;z-index:1;display:none}.ui-pnotify.ui-pnotify-modal{z-index:3}.ui-pnotify.ui-pnotify-in{display:block}.ui-pnotify.ui-pnotify-initial-hidden{display:block;visibility:hidden}.ui-pnotify.ui-pnotify-move{transition:left .5s ease, top .5s ease, right .5s ease, bottom .5s ease}.ui-pnotify.ui-pnotify-fade-slow{transition:opacity .4s linear;opacity:0}.ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move{transition:opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease}.ui-pnotify.ui-pnotify-fade-normal{transition:opacity .25s linear;opacity:0}.ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move{transition:opacity .25s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease}.ui-pnotify.ui-pnotify-fade-fast{transition:opacity .1s linear;opacity:0}.ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move{transition:opacity .1s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease}.ui-pnotify.ui-pnotify-fade-in{opacity:1}.ui-pnotify .ui-pnotify-shadow{-webkit-box-shadow:0px 6px 28px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 6px 28px 0px rgba(0,0,0,0.1);box-shadow:0px 6px 28px 0px rgba(0,0,0,0.1)}.ui-pnotify-container{background-position:0 0;padding:.8em;height:100%;margin:0}.ui-pnotify-container:after{content:" ";visibility:hidden;display:block;height:0;clear:both}.ui-pnotify-container.ui-pnotify-sharp{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui-pnotify-title{display:block;white-space:pre-line;margin-bottom:.4em;margin-top:0}.ui-pnotify.ui-pnotify-with-icon .ui-pnotify-title,.ui-pnotify.ui-pnotify-with-icon .ui-pnotify-text{margin-left:24px}[dir=rtl] .ui-pnotify.ui-pnotify-with-icon .ui-pnotify-title,[dir=rtl] .ui-pnotify.ui-pnotify-with-icon .ui-pnotify-text{margin-right:24px;margin-left:0}.ui-pnotify-title-bs4{font-size:1.2rem}.ui-pnotify-text{display:block;white-space:pre-line}.ui-pnotify-icon,.ui-pnotify-icon span{display:block;float:left}[dir=rtl] .ui-pnotify-icon,[dir=rtl] .ui-pnotify-icon span{float:right}.ui-pnotify-icon-bs3 > span{position:relative;top:2px}.ui-pnotify-icon-bs4 > span{position:relative;top:4px}.ui-pnotify-modal-overlay{background-color:rgba(0, 0, 0, .4);top:0;left:0;position:absolute;height:100%;width:100%;z-index:2}body > .ui-pnotify-modal-overlay{position:fixed;z-index:100041}',append$3(document.head,t);}function get_each1_context(t,e,i){const n=Object.create(t);return n.module=e[i],n}function get_each0_context(t,e,i){const n=Object.create(t);return n.module=e[i],n}function create_main_fragment$3(t,e){var i,n,o,s,r,a,c,l,f,d=[],u=blankObject$3(),h=[],m=blankObject$3(),p=e._modulesPrependContainer;const y=t=>t.module.key;for(var _=0;_<p.length;_+=1){let i=get_each0_context(e,p,_),n=y(i);d[_]=u[n]=create_each_block_1(t,n,i);}var g=false!==e.icon&&create_if_block_4(t,e),b=false!==e.title&&create_if_block_2$1(t,e),v=false!==e.text&&create_if_block$2(t,e),x=e._modulesAppendContainer;const N=t=>t.module.key;for(_=0;_<x.length;_+=1){let i=get_each1_context(e,x,_),n=N(i);h[_]=m[n]=create_each_block$1(t,n,i);}function k(e){t.fire("mouseover",e);}function C(e){t.fire("mouseout",e);}function w(e){t.fire("mouseenter",e);}function P(e){t.fire("mouseleave",e);}function T(e){t.fire("mousemove",e);}function L(e){t.fire("mousedown",e);}function S(e){t.fire("mouseup",e);}function O(e){t.fire("click",e);}function A(e){t.fire("dblclick",e);}function H(e){t.fire("focus",e);}function E(e){t.fire("blur",e);}function j(e){t.fire("touchstart",e);}function M(e){t.fire("touchmove",e);}function D(e){t.fire("touchend",e);}function B(e){t.fire("touchcancel",e);}return {c(){for(i=createElement$2("div"),n=createElement$2("div"),_=0;_<d.length;_+=1)d[_].c();for(o=createText$2("\n "),g&&g.c(),s=createText$2("\n "),b&&b.c(),r=createText$2("\n "),v&&v.c(),a=createText$2("\n "),_=0;_<h.length;_+=1)h[_].c();n.className=c="\n ui-pnotify-container\n "+(e._styles.container?e._styles.container:"")+"\n "+(e._styles[e.type]?e._styles[e.type]:"")+"\n "+e.cornerClass+"\n "+(e.shadow?"ui-pnotify-shadow":"")+"\n ",n.style.cssText=l=e._widthStyle+" "+e._minHeightStyle,setAttribute$2(n,"role","alert"),addListener$2(i,"mouseover",k),addListener$2(i,"mouseout",C),addListener$2(i,"mouseenter",w),addListener$2(i,"mouseleave",P),addListener$2(i,"mousemove",T),addListener$2(i,"mousedown",L),addListener$2(i,"mouseup",S),addListener$2(i,"click",O),addListener$2(i,"dblclick",A),addListener$2(i,"focus",H),addListener$2(i,"blur",E),addListener$2(i,"touchstart",j),addListener$2(i,"touchmove",M),addListener$2(i,"touchend",D),addListener$2(i,"touchcancel",B),i.className=f="\n ui-pnotify\n "+(false!==e.icon?"ui-pnotify-with-icon":"")+"\n "+(e._styles.element?e._styles.element:"")+"\n "+e.addClass+"\n "+e._animatingClass+"\n "+e._moveClass+"\n "+("fade"===e.animation?"ui-pnotify-fade-"+e.animateSpeed:"")+"\n "+(e.stack&&e.stack.modal?"ui-pnotify-modal":"")+"\n "+e._moduleClasses.join(" ")+"\n ",setAttribute$2(i,"aria-live","assertive"),setAttribute$2(i,"role","alertdialog"),setAttribute$2(i,"ui-pnotify",true);},m(e,c){for(insert$2(e,i,c),append$3(i,n),_=0;_<d.length;_+=1)d[_].m(n,null);for(append$3(n,o),g&&g.m(n,null),append$3(n,s),b&&b.m(n,null),append$3(n,r),v&&v.m(n,null),append$3(n,a),_=0;_<h.length;_+=1)h[_].m(n,null);t.refs.container=n,t.refs.elem=i;},p(e,p){const _=p._modulesPrependContainer;d=updateKeyedEach(d,t,e,y,1,p,_,u,n,destroyBlock,create_each_block_1,"m",o,get_each0_context),false!==p.icon?g?g.p(e,p):((g=create_if_block_4(t,p)).c(),g.m(n,s)):g&&(g.d(1),g=null),false!==p.title?b?b.p(e,p):((b=create_if_block_2$1(t,p)).c(),b.m(n,r)):b&&(b.d(1),b=null),false!==p.text?v?v.p(e,p):((v=create_if_block$2(t,p)).c(),v.m(n,a)):v&&(v.d(1),v=null);const x=p._modulesAppendContainer;h=updateKeyedEach(h,t,e,N,1,p,x,m,n,destroyBlock,create_each_block$1,"m",null,get_each1_context),(e._styles||e.type||e.cornerClass||e.shadow)&&c!==(c="\n ui-pnotify-container\n "+(p._styles.container?p._styles.container:"")+"\n "+(p._styles[p.type]?p._styles[p.type]:"")+"\n "+p.cornerClass+"\n "+(p.shadow?"ui-pnotify-shadow":"")+"\n ")&&(n.className=c),(e._widthStyle||e._minHeightStyle)&&l!==(l=p._widthStyle+" "+p._minHeightStyle)&&(n.style.cssText=l),(e.icon||e._styles||e.addClass||e._animatingClass||e._moveClass||e.animation||e.animateSpeed||e.stack||e._moduleClasses)&&f!==(f="\n ui-pnotify\n "+(false!==p.icon?"ui-pnotify-with-icon":"")+"\n "+(p._styles.element?p._styles.element:"")+"\n "+p.addClass+"\n "+p._animatingClass+"\n "+p._moveClass+"\n "+("fade"===p.animation?"ui-pnotify-fade-"+p.animateSpeed:"")+"\n "+(p.stack&&p.stack.modal?"ui-pnotify-modal":"")+"\n "+p._moduleClasses.join(" ")+"\n ")&&(i.className=f);},d(e){for(e&&detachNode$2(i),_=0;_<d.length;_+=1)d[_].d();for(g&&g.d(),b&&b.d(),v&&v.d(),_=0;_<h.length;_+=1)h[_].d();t.refs.container===n&&(t.refs.container=null),removeListener$2(i,"mouseover",k),removeListener$2(i,"mouseout",C),removeListener$2(i,"mouseenter",w),removeListener$2(i,"mouseleave",P),removeListener$2(i,"mousemove",T),removeListener$2(i,"mousedown",L),removeListener$2(i,"mouseup",S),removeListener$2(i,"click",O),removeListener$2(i,"dblclick",A),removeListener$2(i,"focus",H),removeListener$2(i,"blur",E),removeListener$2(i,"touchstart",j),removeListener$2(i,"touchmove",M),removeListener$2(i,"touchend",D),removeListener$2(i,"touchcancel",B),t.refs.elem===i&&(t.refs.elem=null);}}}function create_each_block_1(t,e,i){var n,o,s=i.module;function r(e){return {root:t.root,store:t.store}}if(s)var a=new s(r());function c(e){t.initModule(e.module);}return a&&a.on("init",c),{key:e,first:null,c(){n=createComment$2(),a&&a._fragment.c(),o=createComment$2(),this.first=n;},m(t,e){insert$2(t,n,e),a&&a._mount(t,e),insert$2(t,o,e);},p(t,e){s!==(s=e.module)&&(a&&a.destroy(),s?((a=new s(r()))._fragment.c(),a._mount(o.parentNode,o),a.on("init",c)):a=null);},d(t){t&&(detachNode$2(n),detachNode$2(o)),a&&a.destroy(t);}}}function create_if_block_4(t,e){var i,n,o,s;return {c(){i=createElement$2("div"),(n=createElement$2("span")).className=o=true===e.icon?e._icons[e.type]?e._icons[e.type]:"":e.icon,i.className=s="ui-pnotify-icon "+(e._styles.icon?e._styles.icon:"");},m(e,o){insert$2(e,i,o),append$3(i,n),t.refs.iconContainer=i;},p(t,e){(t.icon||t._icons||t.type)&&o!==(o=true===e.icon?e._icons[e.type]?e._icons[e.type]:"":e.icon)&&(n.className=o),t._styles&&s!==(s="ui-pnotify-icon "+(e._styles.icon?e._styles.icon:""))&&(i.className=s);},d(e){e&&detachNode$2(i),t.refs.iconContainer===i&&(t.refs.iconContainer=null);}}}function create_if_block_2$1(t,e){var i,n;function o(t){return t.titleTrusted?create_if_block_3$1:create_else_block_1$1}var s=o(e),r=s(t,e);return {c(){i=createElement$2("h4"),r.c(),i.className=n="ui-pnotify-title "+(e._styles.title?e._styles.title:"");},m(e,n){insert$2(e,i,n),r.m(i,null),t.refs.titleContainer=i;},p(e,a){s===(s=o(a))&&r?r.p(e,a):(r.d(1),(r=s(t,a)).c(),r.m(i,null)),e._styles&&n!==(n="ui-pnotify-title "+(a._styles.title?a._styles.title:""))&&(i.className=n);},d(e){e&&detachNode$2(i),r.d(),t.refs.titleContainer===i&&(t.refs.titleContainer=null);}}}function create_else_block_1$1(t,e){var i;return {c(){i=createText$2(e.title);},m(t,e){insert$2(t,i,e);},p(t,e){t.title&&setData$1(i,e.title);},d(t){t&&detachNode$2(i);}}}function create_if_block_3$1(t,e){var i,n;return {c(){i=createElement$2("noscript"),n=createElement$2("noscript");},m(t,o){insert$2(t,i,o),i.insertAdjacentHTML("afterend",e.title),insert$2(t,n,o);},p(t,e){t.title&&(detachBetween$1(i,n),i.insertAdjacentHTML("afterend",e.title));},d(t){t&&(detachBetween$1(i,n),detachNode$2(i),detachNode$2(n));}}}function create_if_block$2(t,e){var i,n;function o(t){return t.textTrusted?create_if_block_1$2:create_else_block$1}var s=o(e),r=s(t,e);return {c(){i=createElement$2("div"),r.c(),i.className=n="ui-pnotify-text "+(e._styles.text?e._styles.text:""),setAttribute$2(i,"role","alert");},m(e,n){insert$2(e,i,n),r.m(i,null),t.refs.textContainer=i;},p(e,a){s===(s=o(a))&&r?r.p(e,a):(r.d(1),(r=s(t,a)).c(),r.m(i,null)),e._styles&&n!==(n="ui-pnotify-text "+(a._styles.text?a._styles.text:""))&&(i.className=n);},d(e){e&&detachNode$2(i),r.d(),t.refs.textContainer===i&&(t.refs.textContainer=null);}}}function create_else_block$1(t,e){var i;return {c(){i=createText$2(e.text);},m(t,e){insert$2(t,i,e);},p(t,e){t.text&&setData$1(i,e.text);},d(t){t&&detachNode$2(i);}}}function create_if_block_1$2(t,e){var i,n;return {c(){i=createElement$2("noscript"),n=createElement$2("noscript");},m(t,o){insert$2(t,i,o),i.insertAdjacentHTML("afterend",e.text),insert$2(t,n,o);},p(t,e){t.text&&(detachBetween$1(i,n),i.insertAdjacentHTML("afterend",e.text));},d(t){t&&(detachBetween$1(i,n),detachNode$2(i),detachNode$2(n));}}}function create_each_block$1(t,e,i){var n,o,s=i.module;function r(e){return {root:t.root,store:t.store}}if(s)var a=new s(r());function c(e){t.initModule(e.module);}return a&&a.on("init",c),{key:e,first:null,c(){n=createComment$2(),a&&a._fragment.c(),o=createComment$2(),this.first=n;},m(t,e){insert$2(t,n,e),a&&a._mount(t,e),insert$2(t,o,e);},p(t,e){s!==(s=e.module)&&(a&&a.destroy(),s?((a=new s(r()))._fragment.c(),a._mount(o.parentNode,o),a.on("init",c)):a=null);},d(t){t&&(detachNode$2(n),detachNode$2(o)),a&&a.destroy(t);}}}function PNotify_1(t){init$3(this,t),this.refs={},this._state=assign$4(data$2(),t.data),this._recompute({styling:1,icons:1,width:1,minHeight:1},this._state),this._intro=true,document.getElementById("svelte-1eldsjg-style")||add_css$2(),this._fragment=create_main_fragment$3(this,this._state),this.root._oncreate.push(()=>{oncreate$2.call(this),this.fire("update",{changed:assignTrue$2({},this._state),current:this._state});}),t.target&&(this._fragment.c(),this._mount(t.target,t.anchor),flush$3(this));}function createElement$2(t){return document.createElement(t)}function append$3(t,e){t.appendChild(e);}function blankObject$3(){return Object.create(null)}function createText$2(t){return document.createTextNode(t)}function setAttribute$2(t,e,i){null==i?t.removeAttribute(e):t.setAttribute(e,i);}function addListener$2(t,e,i,n){t.addEventListener(e,i,n);}function insert$2(t,e,i){t.insertBefore(e,i);}function updateKeyedEach(t,e,i,n,o,s,r,a,c,l,f,d,u,h){for(var m=t.length,p=r.length,y=m,_={};y--;)_[t[y].key]=y;var g=[],b={},v={};for(y=p;y--;){var x=h(s,r,y),N=n(x),k=a[N];k?k.p(i,x):(k=f(e,N,x)).c(),g[y]=b[N]=k,N in _&&(v[N]=Math.abs(y-_[N]));}var C={},w={};function P(t){t[d](c,u),a[t.key]=t,u=t.first,p--;}for(;m&&p;){var T=g[p-1],L=t[m-1],S=T.key,O=L.key;T===L?(u=T.first,m--,p--):b[O]?!a[S]||C[S]?P(T):w[O]?m--:v[S]>v[O]?(w[S]=true,P(T)):(C[O]=true,m--):(l(L,a),m--);}for(;m--;){b[(L=t[m]).key]||l(L,a);}for(;p;)P(g[p-1]);return g}function destroyBlock(t,e){t.d(1),e[t.key]=null;}function detachNode$2(t){t.parentNode.removeChild(t);}function removeListener$2(t,e,i,n){t.removeEventListener(e,i,n);}function createComment$2(){return document.createComment("")}function setData$1(t,e){t.data=""+e;}function detachBetween$1(t,e){for(;t.nextSibling&&t.nextSibling!==e;)t.parentNode.removeChild(t.nextSibling);}function init$3(t,e){t._handlers=blankObject$3(),t._slots=blankObject$3(),t._bind=e._bind,t._staged={},t.options=e,t.root=e.root||t,t.store=e.store||t.root.store,e.root||(t._beforecreate=[],t._oncreate=[],t._aftercreate=[]);}function assign$4(t,e){for(var i in e)t[i]=e[i];return t}function assignTrue$2(t,e){for(var i in e)t[i]=1;return t}function flush$3(t){t._lock=true,callAll$3(t._beforecreate),callAll$3(t._oncreate),callAll$3(t._aftercreate),t._lock=false;}function destroy$4(t){this.destroy=noop$9,this.fire("destroy"),this.set=noop$9,this._fragment.d(false!==t),this._fragment=null,this._state={};}function get$4(){return this._state}function fire$3(t,e){var i=t in this._handlers&&this._handlers[t].slice();if(i)for(var n=0;n<i.length;n+=1){var o=i[n];if(!o.__calling)try{o.__calling=!0,o.call(this,e);}finally{o.__calling=false;}}}function on$3(t,e){var i=this._handlers[t]||(this._handlers[t]=[]);return i.push(e),{cancel:function(){var t=i.indexOf(e);~t&&i.splice(t,1);}}}function set$3(t){this._set(assign$4({},t)),this.root._lock||flush$3(this.root);}function _set$3(t){var e=this._state,i={},n=false;for(var o in t=assign$4(this._staged,t),this._staged={},t)this._differs(t[o],e[o])&&(i[o]=n=true);n&&(this._state=assign$4(assign$4({},e),t),this._recompute(i,this._state),this._bind&&this._bind(i,this._state),this._fragment&&(this.fire("state",{changed:i,current:this._state,previous:e}),this._fragment.p(i,this._state),this.fire("update",{changed:i,current:this._state,previous:e})));}function _stage$3(t){assign$4(this._staged,t);}function _mount$3(t,e){this._fragment[this._fragment.i?"i":"m"](t,e||null);}function _differs$3(t,e){return t!=t?e==e:t!==e||t&&"object"==typeof t||"function"==typeof t}function callAll$3(t){for(;t&&t.length;)t.shift()();}function noop$9(){}assign$4(PNotify_1.prototype,{destroy:destroy$4,get:get$4,fire:fire$3,on:on$3,set:set$3,_set:_set$3,_stage:_stage$3,_mount:_mount$3,_differs:_differs$3}),assign$4(PNotify_1.prototype,methods$2),PNotify_1.prototype._recompute=function(t,e){t.styling&&this._differs(e._styles,e._styles=_styles(e))&&(t._styles=true),t.icons&&this._differs(e._icons,e._icons=_icons(e))&&(t._icons=true),t.width&&this._differs(e._widthStyle,e._widthStyle=_widthStyle(e))&&(t._widthStyle=true),t.minHeight&&this._differs(e._minHeightStyle,e._minHeightStyle=_minHeightStyle(e))&&(t._minHeightStyle=true);},setup$3(PNotify_1);
@@ -3499,11 +3499,11 @@ var regexp_prototype_flags = flagsBound;
3499
3499
 
3500
3500
  var callBound = callBound$3;
3501
3501
 
3502
- var getDay = callBound('Date.prototype.getDay');
3502
+ var getDay$1 = callBound('Date.prototype.getDay');
3503
3503
  /** @type {import('.')} */
3504
3504
  var tryDateObject = function tryDateGetDayCall(value) {
3505
3505
  try {
3506
- getDay(value);
3506
+ getDay$1(value);
3507
3507
  return true;
3508
3508
  } catch (e) {
3509
3509
  return false;
@@ -30849,25 +30849,25 @@ const clickRemarkBtn = (id) => {
30849
30849
  }
30850
30850
  };
30851
30851
 
30852
- var __defProp$a = Object.defineProperty;
30853
- var __defProps$3 = Object.defineProperties;
30854
- var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
30855
- var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
30856
- var __hasOwnProp$c = Object.prototype.hasOwnProperty;
30857
- var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
30858
- var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
30859
- var __spreadValues$a = (a, b) => {
30852
+ var __defProp$l = Object.defineProperty;
30853
+ var __defProps$b = Object.defineProperties;
30854
+ var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
30855
+ var __getOwnPropSymbols$n = Object.getOwnPropertySymbols;
30856
+ var __hasOwnProp$n = Object.prototype.hasOwnProperty;
30857
+ var __propIsEnum$n = Object.prototype.propertyIsEnumerable;
30858
+ var __defNormalProp$l = (obj, key, value) => key in obj ? __defProp$l(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
30859
+ var __spreadValues$l = (a, b) => {
30860
30860
  for (var prop in b || (b = {}))
30861
- if (__hasOwnProp$c.call(b, prop))
30862
- __defNormalProp$a(a, prop, b[prop]);
30863
- if (__getOwnPropSymbols$c)
30864
- for (var prop of __getOwnPropSymbols$c(b)) {
30865
- if (__propIsEnum$c.call(b, prop))
30866
- __defNormalProp$a(a, prop, b[prop]);
30861
+ if (__hasOwnProp$n.call(b, prop))
30862
+ __defNormalProp$l(a, prop, b[prop]);
30863
+ if (__getOwnPropSymbols$n)
30864
+ for (var prop of __getOwnPropSymbols$n(b)) {
30865
+ if (__propIsEnum$n.call(b, prop))
30866
+ __defNormalProp$l(a, prop, b[prop]);
30867
30867
  }
30868
30868
  return a;
30869
30869
  };
30870
- var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
30870
+ var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
30871
30871
  const KPPostCode = {
30872
30872
  A: "\u179B\u17E1",
30873
30873
  F: "\u179B\u17E2",
@@ -30926,7 +30926,32 @@ const lotteryLabel = {
30926
30926
  HOSO: "\u1786\u17D2\u1793\u17C4\u178F HOSO",
30927
30927
  KP: "\u1780\u17C6\u1796\u178F KP"
30928
30928
  };
30929
- const lotteryLabelVN = __spreadProps$3(__spreadValues$a({}, lotteryLabel), {
30929
+ const lotteryLabelKH = {
30930
+ LEAP: "\u179B\u17B6\u1797",
30931
+ VN2: "\u1798\u17A0\u17B6\u1791\u17C1\u1796",
30932
+ VN1: "\u1798\u17A0\u17B6\u1788\u17D2\u1793\u17C7",
30933
+ TN: "\u1791\u17B7\u1789\u1788\u17D2\u1793\u17C7",
30934
+ SC: "\u179F\u1794\u17D2\u1794\u17B6\u1799\u1788\u17D2\u1793\u17C7",
30935
+ KH: "\u1781\u17D2\u1798\u17C2\u179A",
30936
+ TH: "\u1790\u17C3",
30937
+ KP: "\u1780\u17C6\u1796\u178F"
30938
+ };
30939
+ const widthLength = (value) => {
30940
+ var _a;
30941
+ if (!value) return "100px";
30942
+ if (value.toString().length < 7) return "100px";
30943
+ return `${((_a = value == null ? void 0 : value.toString()) == null ? void 0 : _a.length) + 8}ch`;
30944
+ };
30945
+ const getMemberName = (username) => {
30946
+ if (username) return username == null ? void 0 : username.slice(-4);
30947
+ return "N/A";
30948
+ };
30949
+ const formatUsd = (value) => {
30950
+ if (value.toString().indexOf(".") !== -1) return value.toFixed(2);
30951
+ return value;
30952
+ };
30953
+ const lotteryReportLabel = (type) => `\u1786\u17D2\u1793\u17C4\u178F${lotteryLabelKH[type]} (${lotteryLabel[type]})`;
30954
+ const lotteryLabelVN = __spreadProps$b(__spreadValues$l({}, lotteryLabel), {
30930
30955
  VN1: "\u1786\u17D2\u1793\u17C4\u178F\u1799\u17BD\u1793",
30931
30956
  TN: "\u1786\u17D2\u1793\u17C4\u178F\u1799\u17BD\u1793",
30932
30957
  KH: "\u1786\u17D2\u1793\u17C4\u178F\u1781\u17D2\u1798\u17C2\u179A"
@@ -31450,30 +31475,30 @@ const TicketPrintBody = (props) => {
31450
31475
  });
31451
31476
  };
31452
31477
 
31453
- var __defProp$9 = Object.defineProperty;
31454
- var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
31455
- var __hasOwnProp$b = Object.prototype.hasOwnProperty;
31456
- var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
31457
- var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
31458
- var __spreadValues$9 = (a, b) => {
31478
+ var __defProp$k = Object.defineProperty;
31479
+ var __getOwnPropSymbols$m = Object.getOwnPropertySymbols;
31480
+ var __hasOwnProp$m = Object.prototype.hasOwnProperty;
31481
+ var __propIsEnum$m = Object.prototype.propertyIsEnumerable;
31482
+ var __defNormalProp$k = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
31483
+ var __spreadValues$k = (a, b) => {
31459
31484
  for (var prop in b || (b = {}))
31460
- if (__hasOwnProp$b.call(b, prop))
31461
- __defNormalProp$9(a, prop, b[prop]);
31462
- if (__getOwnPropSymbols$b)
31463
- for (var prop of __getOwnPropSymbols$b(b)) {
31464
- if (__propIsEnum$b.call(b, prop))
31465
- __defNormalProp$9(a, prop, b[prop]);
31485
+ if (__hasOwnProp$m.call(b, prop))
31486
+ __defNormalProp$k(a, prop, b[prop]);
31487
+ if (__getOwnPropSymbols$m)
31488
+ for (var prop of __getOwnPropSymbols$m(b)) {
31489
+ if (__propIsEnum$m.call(b, prop))
31490
+ __defNormalProp$k(a, prop, b[prop]);
31466
31491
  }
31467
31492
  return a;
31468
31493
  };
31469
31494
  var __objRest$7 = (source, exclude) => {
31470
31495
  var target = {};
31471
31496
  for (var prop in source)
31472
- if (__hasOwnProp$b.call(source, prop) && exclude.indexOf(prop) < 0)
31497
+ if (__hasOwnProp$m.call(source, prop) && exclude.indexOf(prop) < 0)
31473
31498
  target[prop] = source[prop];
31474
- if (source != null && __getOwnPropSymbols$b)
31475
- for (var prop of __getOwnPropSymbols$b(source)) {
31476
- if (exclude.indexOf(prop) < 0 && __propIsEnum$b.call(source, prop))
31499
+ if (source != null && __getOwnPropSymbols$m)
31500
+ for (var prop of __getOwnPropSymbols$m(source)) {
31501
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$m.call(source, prop))
31477
31502
  target[prop] = source[prop];
31478
31503
  }
31479
31504
  return target;
@@ -31497,7 +31522,7 @@ const PrintTicket58 = (props) => {
31497
31522
  ),
31498
31523
  /* @__PURE__ */ jsxRuntime.jsx(
31499
31524
  TicketPrintBody,
31500
- __spreadValues$9({
31525
+ __spreadValues$k({
31501
31526
  is58: true,
31502
31527
  item,
31503
31528
  bodyClass,
@@ -37213,10 +37238,15 @@ const getTimeFull_AM_PM = (date) => {
37213
37238
  const getDateHourKey = (date) => {
37214
37239
  return moment(date).format("DD-MM-YYYY hh:mm");
37215
37240
  };
37241
+ const getDate = (date) => {
37242
+ return moment(date).format("DD-MM-YYYY");
37243
+ };
37216
37244
  const getTime = (date) => {
37217
37245
  return moment(date).format("hh:mm A");
37218
37246
  };
37219
37247
  const getHH = (date) => Number(moment(date).format("h"));
37248
+ const getDateF = (date) => moment(date).format("DD/MM/YYYY");
37249
+ const getDay = (date) => moment(date).format("dddd");
37220
37250
 
37221
37251
  const RenderTitle = ({ lotteryType, className = "", logo, isVN, drawAt }) => {
37222
37252
  let title = lotteryLabel[lotteryType];
@@ -37325,6 +37355,10 @@ const Ticket = ({ object, lotteryType, plusCount = 1, hideWaterAmount = false, E
37325
37355
  ] }) }) });
37326
37356
  };
37327
37357
 
37358
+ const getTransferItemId = (group, groupIndex, item, itemIndex) => {
37359
+ var _a, _b, _c;
37360
+ return (_c = (_a = item == null ? void 0 : item.itemId) != null ? _a : item == null ? void 0 : item.id) != null ? _c : `${(_b = group == null ? void 0 : group.posts) != null ? _b : groupIndex}-${itemIndex}`;
37361
+ };
37328
37362
  const TransferTicket = ({
37329
37363
  object,
37330
37364
  lotteryType,
@@ -37341,9 +37375,8 @@ const TransferTicket = ({
37341
37375
  (group, groupIndex) => {
37342
37376
  var _a2;
37343
37377
  return ((_a2 = group == null ? void 0 : group.items) != null ? _a2 : []).map((item, itemIndex) => {
37344
- var _a3, _b;
37345
37378
  if (item == null ? void 0 : item.isSend) return null;
37346
- return (_b = (_a3 = item == null ? void 0 : item.itemId) != null ? _a3 : item == null ? void 0 : item.id) != null ? _b : `${groupIndex}-${itemIndex}`;
37379
+ return getTransferItemId(group, groupIndex, item, itemIndex);
37347
37380
  });
37348
37381
  }
37349
37382
  );
@@ -37549,17 +37582,17 @@ var lib = {exports: {}};
37549
37582
 
37550
37583
  var libExports = lib.exports;
37551
37584
 
37552
- var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
37553
- var __hasOwnProp$a = Object.prototype.hasOwnProperty;
37554
- var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
37585
+ var __getOwnPropSymbols$l = Object.getOwnPropertySymbols;
37586
+ var __hasOwnProp$l = Object.prototype.hasOwnProperty;
37587
+ var __propIsEnum$l = Object.prototype.propertyIsEnumerable;
37555
37588
  var __objRest$6 = (source, exclude) => {
37556
37589
  var target = {};
37557
37590
  for (var prop in source)
37558
- if (__hasOwnProp$a.call(source, prop) && exclude.indexOf(prop) < 0)
37591
+ if (__hasOwnProp$l.call(source, prop) && exclude.indexOf(prop) < 0)
37559
37592
  target[prop] = source[prop];
37560
- if (source != null && __getOwnPropSymbols$a)
37561
- for (var prop of __getOwnPropSymbols$a(source)) {
37562
- if (exclude.indexOf(prop) < 0 && __propIsEnum$a.call(source, prop))
37593
+ if (source != null && __getOwnPropSymbols$l)
37594
+ for (var prop of __getOwnPropSymbols$l(source)) {
37595
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$l.call(source, prop))
37563
37596
  target[prop] = source[prop];
37564
37597
  }
37565
37598
  return target;
@@ -37603,33 +37636,33 @@ const BasePrinter = (_a) => {
37603
37636
  ] });
37604
37637
  };
37605
37638
 
37606
- var __defProp$8 = Object.defineProperty;
37607
- var __defProps$2 = Object.defineProperties;
37608
- var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
37609
- var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
37610
- var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
37611
- var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
37612
- var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
37613
- var __spreadValues$8 = (a, b) => {
37639
+ var __defProp$j = Object.defineProperty;
37640
+ var __defProps$a = Object.defineProperties;
37641
+ var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
37642
+ var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
37643
+ var __hasOwnProp$k = Object.prototype.hasOwnProperty;
37644
+ var __propIsEnum$k = Object.prototype.propertyIsEnumerable;
37645
+ var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
37646
+ var __spreadValues$j = (a, b) => {
37614
37647
  for (var prop in b || (b = {}))
37615
- if (__hasOwnProp$9.call(b, prop))
37616
- __defNormalProp$8(a, prop, b[prop]);
37617
- if (__getOwnPropSymbols$9)
37618
- for (var prop of __getOwnPropSymbols$9(b)) {
37619
- if (__propIsEnum$9.call(b, prop))
37620
- __defNormalProp$8(a, prop, b[prop]);
37648
+ if (__hasOwnProp$k.call(b, prop))
37649
+ __defNormalProp$j(a, prop, b[prop]);
37650
+ if (__getOwnPropSymbols$k)
37651
+ for (var prop of __getOwnPropSymbols$k(b)) {
37652
+ if (__propIsEnum$k.call(b, prop))
37653
+ __defNormalProp$j(a, prop, b[prop]);
37621
37654
  }
37622
37655
  return a;
37623
37656
  };
37624
- var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
37657
+ var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
37625
37658
  var __objRest$5 = (source, exclude) => {
37626
37659
  var target = {};
37627
37660
  for (var prop in source)
37628
- if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
37661
+ if (__hasOwnProp$k.call(source, prop) && exclude.indexOf(prop) < 0)
37629
37662
  target[prop] = source[prop];
37630
- if (source != null && __getOwnPropSymbols$9)
37631
- for (var prop of __getOwnPropSymbols$9(source)) {
37632
- if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
37663
+ if (source != null && __getOwnPropSymbols$k)
37664
+ for (var prop of __getOwnPropSymbols$k(source)) {
37665
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$k.call(source, prop))
37633
37666
  target[prop] = source[prop];
37634
37667
  }
37635
37668
  return target;
@@ -37638,8 +37671,8 @@ const Printer = (_a) => {
37638
37671
  var _b = _a, { children } = _b, props = __objRest$5(_b, ["children"]);
37639
37672
  return /* @__PURE__ */ jsxRuntime.jsx(
37640
37673
  BasePrinter,
37641
- __spreadProps$2(__spreadValues$8({
37642
- component: /* @__PURE__ */ jsxRuntime.jsx(Ticket, __spreadValues$8({}, props))
37674
+ __spreadProps$a(__spreadValues$j({
37675
+ component: /* @__PURE__ */ jsxRuntime.jsx(Ticket, __spreadValues$j({}, props))
37643
37676
  }, props), {
37644
37677
  children: children != null ? children : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "btn btn-primary", children: /* @__PURE__ */ jsxRuntime.jsxs(
37645
37678
  "svg",
@@ -45508,12 +45541,12 @@ var html2canvas$1 = {exports: {}};
45508
45541
  var html2canvasExports = html2canvas$1.exports;
45509
45542
  var html2canvas = /*@__PURE__*/getDefaultExportFromCjs(html2canvasExports);
45510
45543
 
45511
- const getCanvasScale = () => {
45544
+ const getCanvasScale$1 = () => {
45512
45545
  const deviceScale = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
45513
45546
  return Math.max(deviceScale, 5);
45514
45547
  };
45515
45548
  const getCanvasOptions = (node, useCORS = true) => ({
45516
- scale: getCanvasScale(),
45549
+ scale: getCanvasScale$1(),
45517
45550
  useCORS,
45518
45551
  backgroundColor: "#ffffff",
45519
45552
  logging: false,
@@ -45528,7 +45561,7 @@ const exportToImage = async (reportRef, actionButtonsRef, lotteryType, ticketNum
45528
45561
  const originalVisibility = actionButtonsRef.current.style.visibility;
45529
45562
  try {
45530
45563
  actionButtonsRef.current.style.visibility = "hidden";
45531
- await waitForFontsAndImages(reportRef.current);
45564
+ await waitForFontsAndImages$1(reportRef.current);
45532
45565
  const canvas = await html2canvas(
45533
45566
  reportRef.current,
45534
45567
  getCanvasOptions(reportRef.current, true)
@@ -45552,9 +45585,9 @@ const copyImageToClipboard = async (reportRef, actionButtonsRef, lotteryType, ti
45552
45585
  const originalVisibility = btn == null ? void 0 : btn.style.visibility;
45553
45586
  try {
45554
45587
  if (btn) btn.style.visibility = "hidden";
45555
- await waitForFontsAndImages(node);
45588
+ await waitForFontsAndImages$1(node);
45556
45589
  const canvas = await html2canvas(node, getCanvasOptions(node));
45557
- const blob = await canvasToBlob(canvas);
45590
+ const blob = await canvasToBlob$1(canvas);
45558
45591
  if (!blob) throw new Error("Clipboard blob unavailable");
45559
45592
  if (!((_a = navigator.clipboard) == null ? void 0 : _a.write)) {
45560
45593
  throw new Error("Clipboard API unavailable");
@@ -45567,7 +45600,7 @@ const copyImageToClipboard = async (reportRef, actionButtonsRef, lotteryType, ti
45567
45600
  if (btn) btn.style.visibility = originalVisibility;
45568
45601
  }
45569
45602
  };
45570
- const waitForFontsAndImages = async (root) => {
45603
+ const waitForFontsAndImages$1 = async (root) => {
45571
45604
  var _a, _b;
45572
45605
  const fontsReady = (_b = (_a = document.fonts) == null ? void 0 : _a.ready) != null ? _b : Promise.resolve();
45573
45606
  const imgs = Array.from(root.querySelectorAll("img"));
@@ -45582,7 +45615,7 @@ const waitForFontsAndImages = async (root) => {
45582
45615
  await Promise.all([fontsReady, ...imgReady]);
45583
45616
  await new Promise((r) => requestAnimationFrame(() => requestAnimationFrame(r)));
45584
45617
  };
45585
- const canvasToBlob = (canvas) => new Promise((resolve) => {
45618
+ const canvasToBlob$1 = (canvas) => new Promise((resolve) => {
45586
45619
  if (canvas.toBlob) {
45587
45620
  canvas.toBlob((b) => resolve(b), "image/png", 1);
45588
45621
  } else {
@@ -45598,9 +45631,9 @@ const exportToImageShare = async (reportRef, actionButtonsRef, lotteryType, tick
45598
45631
  const originalVisibility = btn == null ? void 0 : btn.style.visibility;
45599
45632
  try {
45600
45633
  if (btn) btn.style.visibility = "hidden";
45601
- await waitForFontsAndImages(node);
45634
+ await waitForFontsAndImages$1(node);
45602
45635
  const canvas = await html2canvas(node, getCanvasOptions(node));
45603
- const blob = await canvasToBlob(canvas);
45636
+ const blob = await canvasToBlob$1(canvas);
45604
45637
  if (!blob) return;
45605
45638
  const fileName = `${lotteryType}-#${ticketNumber}.png`;
45606
45639
  const file = new File([blob], fileName, { type: "image/png" });
@@ -45628,19 +45661,19 @@ const exportToImageShare = async (reportRef, actionButtonsRef, lotteryType, tick
45628
45661
  }
45629
45662
  };
45630
45663
 
45631
- var __defProp$7 = Object.defineProperty;
45632
- var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
45633
- var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
45634
- var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
45635
- var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
45636
- var __spreadValues$7 = (a, b) => {
45664
+ var __defProp$i = Object.defineProperty;
45665
+ var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
45666
+ var __hasOwnProp$j = Object.prototype.hasOwnProperty;
45667
+ var __propIsEnum$j = Object.prototype.propertyIsEnumerable;
45668
+ var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
45669
+ var __spreadValues$i = (a, b) => {
45637
45670
  for (var prop in b || (b = {}))
45638
- if (__hasOwnProp$8.call(b, prop))
45639
- __defNormalProp$7(a, prop, b[prop]);
45640
- if (__getOwnPropSymbols$8)
45641
- for (var prop of __getOwnPropSymbols$8(b)) {
45642
- if (__propIsEnum$8.call(b, prop))
45643
- __defNormalProp$7(a, prop, b[prop]);
45671
+ if (__hasOwnProp$j.call(b, prop))
45672
+ __defNormalProp$i(a, prop, b[prop]);
45673
+ if (__getOwnPropSymbols$j)
45674
+ for (var prop of __getOwnPropSymbols$j(b)) {
45675
+ if (__propIsEnum$j.call(b, prop))
45676
+ __defNormalProp$i(a, prop, b[prop]);
45644
45677
  }
45645
45678
  return a;
45646
45679
  };
@@ -45665,7 +45698,7 @@ const TicketModalWrapper = (props) => {
45665
45698
  await onAfterPrint();
45666
45699
  };
45667
45700
  return /* @__PURE__ */ jsxRuntime.jsx("table", { ref: reportRef, className: "mb-3", children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
45668
- /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: contentRef, className: "px-3 pt-3 bg-white", children: /* @__PURE__ */ jsxRuntime.jsx(Ticket, __spreadValues$7({ plusCount: 1 }, props)) }) }) }),
45701
+ /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: contentRef, className: "px-3 pt-3 bg-white", children: /* @__PURE__ */ jsxRuntime.jsx(Ticket, __spreadValues$i({ plusCount: 1 }, props)) }) }) }),
45669
45702
  /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 3, className: "text-center border-bottom-0", children: /* @__PURE__ */ jsxRuntime.jsxs(
45670
45703
  "div",
45671
45704
  {
@@ -45732,30 +45765,30 @@ const TicketModalWrapper = (props) => {
45732
45765
  ] }) });
45733
45766
  };
45734
45767
 
45735
- var __defProp$6 = Object.defineProperty;
45736
- var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
45737
- var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
45738
- var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
45739
- var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
45740
- var __spreadValues$6 = (a, b) => {
45768
+ var __defProp$h = Object.defineProperty;
45769
+ var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
45770
+ var __hasOwnProp$i = Object.prototype.hasOwnProperty;
45771
+ var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
45772
+ var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
45773
+ var __spreadValues$h = (a, b) => {
45741
45774
  for (var prop in b || (b = {}))
45742
- if (__hasOwnProp$7.call(b, prop))
45743
- __defNormalProp$6(a, prop, b[prop]);
45744
- if (__getOwnPropSymbols$7)
45745
- for (var prop of __getOwnPropSymbols$7(b)) {
45746
- if (__propIsEnum$7.call(b, prop))
45747
- __defNormalProp$6(a, prop, b[prop]);
45775
+ if (__hasOwnProp$i.call(b, prop))
45776
+ __defNormalProp$h(a, prop, b[prop]);
45777
+ if (__getOwnPropSymbols$i)
45778
+ for (var prop of __getOwnPropSymbols$i(b)) {
45779
+ if (__propIsEnum$i.call(b, prop))
45780
+ __defNormalProp$h(a, prop, b[prop]);
45748
45781
  }
45749
45782
  return a;
45750
45783
  };
45751
45784
  var __objRest$4 = (source, exclude) => {
45752
45785
  var target = {};
45753
45786
  for (var prop in source)
45754
- if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
45787
+ if (__hasOwnProp$i.call(source, prop) && exclude.indexOf(prop) < 0)
45755
45788
  target[prop] = source[prop];
45756
- if (source != null && __getOwnPropSymbols$7)
45757
- for (var prop of __getOwnPropSymbols$7(source)) {
45758
- if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
45789
+ if (source != null && __getOwnPropSymbols$i)
45790
+ for (var prop of __getOwnPropSymbols$i(source)) {
45791
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$i.call(source, prop))
45759
45792
  target[prop] = source[prop];
45760
45793
  }
45761
45794
  return target;
@@ -45773,7 +45806,7 @@ function TicketModal(_a) {
45773
45806
  modalClassName: "modal scroll-modal",
45774
45807
  contentClassName: "",
45775
45808
  style: { width: 380 },
45776
- children: /* @__PURE__ */ jsxRuntime.jsx(ModalBody, { className: "d-inline-flex justify-content-center p-0", children: /* @__PURE__ */ jsxRuntime.jsx(TicketModalWrapper, __spreadValues$6({ object }, props)) })
45809
+ children: /* @__PURE__ */ jsxRuntime.jsx(ModalBody, { className: "d-inline-flex justify-content-center p-0", children: /* @__PURE__ */ jsxRuntime.jsx(TicketModalWrapper, __spreadValues$h({ object }, props)) })
45777
45810
  }
45778
45811
  ) });
45779
45812
  }
@@ -45899,26 +45932,26 @@ const PostTable = React.memo(({ data = [], fallbackTwo = "", fallbackThree = "",
45899
45932
  return /* @__PURE__ */ jsxRuntime.jsx(ResultTable, { data, columns, cellRenderer: renderCell });
45900
45933
  });
45901
45934
 
45902
- var __defProp$5 = Object.defineProperty;
45903
- var __defProps$1 = Object.defineProperties;
45904
- var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
45905
- var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
45906
- var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
45907
- var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
45908
- var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
45909
- var __spreadValues$5 = (a, b) => {
45935
+ var __defProp$g = Object.defineProperty;
45936
+ var __defProps$9 = Object.defineProperties;
45937
+ var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
45938
+ var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
45939
+ var __hasOwnProp$h = Object.prototype.hasOwnProperty;
45940
+ var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
45941
+ var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
45942
+ var __spreadValues$g = (a, b) => {
45910
45943
  for (var prop in b || (b = {}))
45911
- if (__hasOwnProp$6.call(b, prop))
45912
- __defNormalProp$5(a, prop, b[prop]);
45913
- if (__getOwnPropSymbols$6)
45914
- for (var prop of __getOwnPropSymbols$6(b)) {
45915
- if (__propIsEnum$6.call(b, prop))
45916
- __defNormalProp$5(a, prop, b[prop]);
45944
+ if (__hasOwnProp$h.call(b, prop))
45945
+ __defNormalProp$g(a, prop, b[prop]);
45946
+ if (__getOwnPropSymbols$h)
45947
+ for (var prop of __getOwnPropSymbols$h(b)) {
45948
+ if (__propIsEnum$h.call(b, prop))
45949
+ __defNormalProp$g(a, prop, b[prop]);
45917
45950
  }
45918
45951
  return a;
45919
45952
  };
45920
- var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
45921
- const loCellStyle = __spreadProps$1(__spreadValues$5({}, baseCellStyle), {
45953
+ var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
45954
+ const loCellStyle = __spreadProps$9(__spreadValues$g({}, baseCellStyle), {
45922
45955
  width: "200px"
45923
45956
  });
45924
45957
  const LoTable = React.memo(({ LO = [], columnsCount = 3, showHeader = false }) => {
@@ -45930,7 +45963,7 @@ const LoTable = React.memo(({ LO = [], columnsCount = 3, showHeader = false }) =
45930
45963
  "th",
45931
45964
  {
45932
45965
  className: "text-black text-center bg-light-red",
45933
- style: __spreadProps$1(__spreadValues$5({}, loCellStyle), { fontSize: "16px" }),
45966
+ style: __spreadProps$9(__spreadValues$g({}, loCellStyle), { fontSize: "16px" }),
45934
45967
  children: KPLO[col.columnNumber]
45935
45968
  },
45936
45969
  idx
@@ -57774,36 +57807,38 @@ const DeleteApi = (isSystem) => isSystem ? "api/v1.0.0/cancel-ticket" : "api/v1.
57774
57807
  const RemarkApi = "api/v1.0.0/order/remark";
57775
57808
  const PaidApi = "api/v1.0.0/order/paid";
57776
57809
  const PayoutApi = "api/v1.0.0/order/payout";
57777
-
57778
- var __defProp$4 = Object.defineProperty;
57779
- var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
57780
- var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
57781
- var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
57782
- var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
57783
- var __spreadValues$4 = (a, b) => {
57810
+ const TransferUserOptionApi = "api/v1.0.0/user-connect/option";
57811
+ const TransferNumberApi = "api/v1.0.0/transfer-number";
57812
+
57813
+ var __defProp$f = Object.defineProperty;
57814
+ var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
57815
+ var __hasOwnProp$g = Object.prototype.hasOwnProperty;
57816
+ var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
57817
+ var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
57818
+ var __spreadValues$f = (a, b) => {
57784
57819
  for (var prop in b || (b = {}))
57785
- if (__hasOwnProp$5.call(b, prop))
57786
- __defNormalProp$4(a, prop, b[prop]);
57787
- if (__getOwnPropSymbols$5)
57788
- for (var prop of __getOwnPropSymbols$5(b)) {
57789
- if (__propIsEnum$5.call(b, prop))
57790
- __defNormalProp$4(a, prop, b[prop]);
57820
+ if (__hasOwnProp$g.call(b, prop))
57821
+ __defNormalProp$f(a, prop, b[prop]);
57822
+ if (__getOwnPropSymbols$g)
57823
+ for (var prop of __getOwnPropSymbols$g(b)) {
57824
+ if (__propIsEnum$g.call(b, prop))
57825
+ __defNormalProp$f(a, prop, b[prop]);
57791
57826
  }
57792
57827
  return a;
57793
57828
  };
57794
57829
  var __objRest$3 = (source, exclude) => {
57795
57830
  var target = {};
57796
57831
  for (var prop in source)
57797
- if (__hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0)
57832
+ if (__hasOwnProp$g.call(source, prop) && exclude.indexOf(prop) < 0)
57798
57833
  target[prop] = source[prop];
57799
- if (source != null && __getOwnPropSymbols$5)
57800
- for (var prop of __getOwnPropSymbols$5(source)) {
57801
- if (exclude.indexOf(prop) < 0 && __propIsEnum$5.call(source, prop))
57834
+ if (source != null && __getOwnPropSymbols$g)
57835
+ for (var prop of __getOwnPropSymbols$g(source)) {
57836
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$g.call(source, prop))
57802
57837
  target[prop] = source[prop];
57803
57838
  }
57804
57839
  return target;
57805
57840
  };
57806
- const DEFAULT_API_BASE_URL$3 = "https://api-web.dev.lottery.aazz168.com/";
57841
+ const DEFAULT_API_BASE_URL$5 = "https://api-web.dev.lottery.aazz168.com/";
57807
57842
  function DeleteModal(_a) {
57808
57843
  var _b = _a, {
57809
57844
  ticket,
@@ -57835,7 +57870,7 @@ function DeleteModal(_a) {
57835
57870
  const [isLoading, setIsLoading] = React.useState(false);
57836
57871
  const [isSubmitting, setIsSubmitting] = React.useState(false);
57837
57872
  const token = accessToken || localStorage.getItem("accessToken") || sessionStorage.getItem("accessToken");
57838
- const headers = __spreadValues$4({
57873
+ const headers = __spreadValues$f({
57839
57874
  "Content-Type": "application/json",
57840
57875
  "Accept": "application/json",
57841
57876
  "X-DeviceType": "WEB"
@@ -57848,7 +57883,7 @@ function DeleteModal(_a) {
57848
57883
  try {
57849
57884
  setIsLoading(true);
57850
57885
  const res = await axios$1.get(
57851
- `${Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$3}${RemoveReasonApi}`,
57886
+ `${Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$5}${RemoveReasonApi}`,
57852
57887
  {
57853
57888
  headers
57854
57889
  }
@@ -57898,7 +57933,7 @@ function DeleteModal(_a) {
57898
57933
  id: ticket == null ? void 0 : ticket.ticketNumber,
57899
57934
  drawCode: ticket == null ? void 0 : ticket.drawCode
57900
57935
  };
57901
- const url = `${Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$3}${DeleteApi(isSystem)}`;
57936
+ const url = `${Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$5}${DeleteApi(isSystem)}`;
57902
57937
  const res = isSystem ? await axios$1.post(url, payloadSystem, { headers }) : await axios$1.delete(url, {
57903
57938
  headers,
57904
57939
  data: payload
@@ -57993,19 +58028,19 @@ DeleteModal.propTypes = {
57993
58028
  accessToken: PropTypes$2.string.isRequired
57994
58029
  };
57995
58030
 
57996
- var __defProp$3 = Object.defineProperty;
57997
- var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
57998
- var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
57999
- var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
58000
- var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
58001
- var __spreadValues$3 = (a, b) => {
58031
+ var __defProp$e = Object.defineProperty;
58032
+ var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
58033
+ var __hasOwnProp$f = Object.prototype.hasOwnProperty;
58034
+ var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
58035
+ var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
58036
+ var __spreadValues$e = (a, b) => {
58002
58037
  for (var prop in b || (b = {}))
58003
- if (__hasOwnProp$4.call(b, prop))
58004
- __defNormalProp$3(a, prop, b[prop]);
58005
- if (__getOwnPropSymbols$4)
58006
- for (var prop of __getOwnPropSymbols$4(b)) {
58007
- if (__propIsEnum$4.call(b, prop))
58008
- __defNormalProp$3(a, prop, b[prop]);
58038
+ if (__hasOwnProp$f.call(b, prop))
58039
+ __defNormalProp$e(a, prop, b[prop]);
58040
+ if (__getOwnPropSymbols$f)
58041
+ for (var prop of __getOwnPropSymbols$f(b)) {
58042
+ if (__propIsEnum$f.call(b, prop))
58043
+ __defNormalProp$e(a, prop, b[prop]);
58009
58044
  }
58010
58045
  return a;
58011
58046
  };
@@ -58040,7 +58075,7 @@ function DeleteTicketButton(props) {
58040
58075
  type: "button",
58041
58076
  onClick: handleOpen,
58042
58077
  className: `border-0 p-2 rounded mb-1 ${className}`.trim(),
58043
- style: __spreadValues$3({
58078
+ style: __spreadValues$e({
58044
58079
  backgroundColor: "#dc3545",
58045
58080
  boxShadow: "none"
58046
58081
  }, style),
@@ -58087,23 +58122,23 @@ DeleteTicketButton.propTypes = {
58087
58122
  style: PropTypes$2.object
58088
58123
  };
58089
58124
 
58090
- var __defProp$2 = Object.defineProperty;
58091
- var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
58092
- var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
58093
- var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
58094
- var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
58095
- var __spreadValues$2 = (a, b) => {
58125
+ var __defProp$d = Object.defineProperty;
58126
+ var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
58127
+ var __hasOwnProp$e = Object.prototype.hasOwnProperty;
58128
+ var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
58129
+ var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
58130
+ var __spreadValues$d = (a, b) => {
58096
58131
  for (var prop in b || (b = {}))
58097
- if (__hasOwnProp$3.call(b, prop))
58098
- __defNormalProp$2(a, prop, b[prop]);
58099
- if (__getOwnPropSymbols$3)
58100
- for (var prop of __getOwnPropSymbols$3(b)) {
58101
- if (__propIsEnum$3.call(b, prop))
58102
- __defNormalProp$2(a, prop, b[prop]);
58132
+ if (__hasOwnProp$e.call(b, prop))
58133
+ __defNormalProp$d(a, prop, b[prop]);
58134
+ if (__getOwnPropSymbols$e)
58135
+ for (var prop of __getOwnPropSymbols$e(b)) {
58136
+ if (__propIsEnum$e.call(b, prop))
58137
+ __defNormalProp$d(a, prop, b[prop]);
58103
58138
  }
58104
58139
  return a;
58105
58140
  };
58106
- const DEFAULT_API_BASE_URL$2 = "https://api-web.dev.lottery.aazz168.com/";
58141
+ const DEFAULT_API_BASE_URL$4 = "https://api-web.dev.lottery.aazz168.com/";
58107
58142
  const ProtestModal = ({
58108
58143
  isOpen,
58109
58144
  onClose,
@@ -58127,7 +58162,7 @@ const ProtestModal = ({
58127
58162
  const [isSubmitting, setIsSubmitting] = React.useState(false);
58128
58163
  const activeLotteryType = lotteryType || (ticket == null ? void 0 : ticket.lotteryType);
58129
58164
  const token = accessToken || localStorage.getItem("accessToken") || sessionStorage.getItem("accessToken");
58130
- const headers = __spreadValues$2({
58165
+ const headers = __spreadValues$d({
58131
58166
  "Content-Type": "application/json",
58132
58167
  "Accept": "application/json",
58133
58168
  "X-DeviceType": "WEB"
@@ -58143,7 +58178,7 @@ const ProtestModal = ({
58143
58178
  try {
58144
58179
  setIsLoading(true);
58145
58180
  const res = await axios$1.get(
58146
- `${Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$2}${RemoveReasonApi}`,
58181
+ `${Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$4}${RemoveReasonApi}`,
58147
58182
  {
58148
58183
  params: { type: "protest" },
58149
58184
  headers
@@ -58224,7 +58259,7 @@ const ProtestModal = ({
58224
58259
  };
58225
58260
  const requestPayload = isSystem ? payloadSystem : payload;
58226
58261
  const res = await axios$1.post(
58227
- `${Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$2}${ProtestApi(isSystem)}`,
58262
+ `${Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$4}${ProtestApi(isSystem)}`,
58228
58263
  requestPayload,
58229
58264
  { headers }
58230
58265
  );
@@ -58387,30 +58422,505 @@ ProtestButton.propTypes = {
58387
58422
  accessToken: PropTypes$2.string.isRequired
58388
58423
  };
58389
58424
 
58390
- var __defProp$1 = Object.defineProperty;
58391
- var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
58392
- var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
58393
- var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
58394
- var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
58395
- var __spreadValues$1 = (a, b) => {
58425
+ var __defProp$c = Object.defineProperty;
58426
+ var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
58427
+ var __hasOwnProp$d = Object.prototype.hasOwnProperty;
58428
+ var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
58429
+ var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
58430
+ var __spreadValues$c = (a, b) => {
58396
58431
  for (var prop in b || (b = {}))
58397
- if (__hasOwnProp$2.call(b, prop))
58398
- __defNormalProp$1(a, prop, b[prop]);
58399
- if (__getOwnPropSymbols$2)
58400
- for (var prop of __getOwnPropSymbols$2(b)) {
58401
- if (__propIsEnum$2.call(b, prop))
58402
- __defNormalProp$1(a, prop, b[prop]);
58432
+ if (__hasOwnProp$d.call(b, prop))
58433
+ __defNormalProp$c(a, prop, b[prop]);
58434
+ if (__getOwnPropSymbols$d)
58435
+ for (var prop of __getOwnPropSymbols$d(b)) {
58436
+ if (__propIsEnum$d.call(b, prop))
58437
+ __defNormalProp$c(a, prop, b[prop]);
58438
+ }
58439
+ return a;
58440
+ };
58441
+ const DEFAULT_API_BASE_URL$3 = "https://api-web.dev.lottery.aazz168.com/";
58442
+ const TransferDeleteModal = ({
58443
+ container,
58444
+ isOpen,
58445
+ onClose,
58446
+ ticket,
58447
+ lotteryType,
58448
+ Env = {},
58449
+ accessToken,
58450
+ isSubmitting: externalSubmitting = false,
58451
+ onSuccess,
58452
+ onSuccessDelete,
58453
+ onError
58454
+ }) => {
58455
+ const [options, setOptions] = React.useState([]);
58456
+ const [selectedReason, setSelectedReason] = React.useState(null);
58457
+ const [isLoading, setIsLoading] = React.useState(false);
58458
+ const [isSubmitting, setIsSubmitting] = React.useState(false);
58459
+ const activeLotteryType = lotteryType || (ticket == null ? void 0 : ticket.lotteryType);
58460
+ const ticketNumber = ticket == null ? void 0 : ticket.ticketNumber;
58461
+ const apiBaseUrl = Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$3;
58462
+ const token = accessToken || localStorage.getItem("accessToken") || sessionStorage.getItem("accessToken");
58463
+ const headers = React.useMemo(() => __spreadValues$c({
58464
+ "Content-Type": "application/json",
58465
+ "Accept": "application/json",
58466
+ "X-DeviceType": "WEB"
58467
+ }, token ? { Authorization: `Bearer ${token}` } : {}), [token]);
58468
+ React.useEffect(() => {
58469
+ setSelectedReason(null);
58470
+ if (!isOpen || !ticket) return void 0;
58471
+ let isActive = true;
58472
+ const fetchReasons = async () => {
58473
+ var _a, _b, _c;
58474
+ try {
58475
+ setIsLoading(true);
58476
+ const res = await axios$1.get(`${apiBaseUrl}${RemoveReasonApi}`, {
58477
+ headers
58478
+ });
58479
+ if (!isActive) return;
58480
+ const list = ((_a = res.data) == null ? void 0 : _a.data) || [];
58481
+ setOptions(list.map((item) => ({
58482
+ label: item,
58483
+ value: item
58484
+ })));
58485
+ } catch (err) {
58486
+ if (!isActive) return;
58487
+ PNotify_1.alert({
58488
+ text: ((_c = (_b = err.response) == null ? void 0 : _b.data) == null ? void 0 : _c.message) || err.message || "Failed to load delete reasons.",
58489
+ type: "error"
58490
+ });
58491
+ } finally {
58492
+ if (isActive) setIsLoading(false);
58493
+ }
58494
+ };
58495
+ fetchReasons();
58496
+ return () => {
58497
+ isActive = false;
58498
+ };
58499
+ }, [apiBaseUrl, headers, isOpen, ticket]);
58500
+ const handleConfirm = async () => {
58501
+ var _a, _b, _c;
58502
+ if (!selectedReason) {
58503
+ PNotify_1.alert({
58504
+ text: "\u179F\u17BC\u1798\u1787\u17D2\u179A\u17BE\u179F\u179A\u17BE\u179F\u1798\u17BC\u179B\u17A0\u17C1\u178F\u17BB\u179B\u17BB\u1794",
58505
+ type: "error"
58506
+ });
58507
+ return;
58508
+ }
58509
+ if (!activeLotteryType || !ticketNumber) {
58510
+ PNotify_1.alert({
58511
+ text: "Missing lottery type or ticket number.",
58512
+ type: "error"
58513
+ });
58514
+ return;
58515
+ }
58516
+ try {
58517
+ setIsSubmitting(true);
58518
+ const payload = {
58519
+ lotteryType: activeLotteryType,
58520
+ ticketNumber,
58521
+ message: selectedReason.value
58522
+ };
58523
+ const res = await axios$1.delete(`${apiBaseUrl}${TransferNumberApi}`, {
58524
+ headers,
58525
+ data: payload
58526
+ });
58527
+ if (typeof onSuccess === "function") {
58528
+ onSuccess(res.data, payload);
58529
+ }
58530
+ if (typeof onSuccessDelete === "function") {
58531
+ onSuccessDelete(res.data, payload);
58532
+ }
58533
+ PNotify_1.alert({
58534
+ text: ((_a = res.data) == null ? void 0 : _a.message) || "\u179B\u17BB\u1794\u1780\u17B6\u179A\u1795\u17D2\u1791\u17C1\u179A\u1787\u17C4\u1782\u1787\u17D0\u1799 !",
58535
+ type: "success"
58536
+ });
58537
+ onClose == null ? void 0 : onClose();
58538
+ } catch (err) {
58539
+ const message = ((_c = (_b = err.response) == null ? void 0 : _b.data) == null ? void 0 : _c.message) || err.message || "\u179B\u17BB\u1794\u1780\u17B6\u179A\u1795\u17D2\u1791\u17C1\u179A\u1794\u179A\u17B6\u1787\u17D0\u1799 !";
58540
+ PNotify_1.alert({
58541
+ text: message,
58542
+ type: "error"
58543
+ });
58544
+ if (typeof onError === "function") {
58545
+ onError(err);
58546
+ }
58547
+ } finally {
58548
+ setIsSubmitting(false);
58549
+ }
58550
+ };
58551
+ if (!ticket) return null;
58552
+ return /* @__PURE__ */ jsxRuntime.jsx(
58553
+ Modal,
58554
+ {
58555
+ isOpen,
58556
+ toggle: onClose,
58557
+ container,
58558
+ backdropClassName: "modal-backdrop",
58559
+ modalClassName: "modal scroll-modal",
58560
+ contentClassName: "",
58561
+ style: { width: 380 },
58562
+ children: /* @__PURE__ */ jsxRuntime.jsx(ModalBody, { className: "d-inline-flex justify-content-center p-0 font-Hanuman", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-75", children: [
58563
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsx(
58564
+ FeatherIcon,
58565
+ {
58566
+ icon: "alert-circle",
58567
+ className: "text-warning px-1",
58568
+ style: { width: 110, height: 110, marginTop: 20, marginBottom: 0 }
58569
+ }
58570
+ ) }),
58571
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "f-25 text-center mb-0", style: { color: "#000000a6" }, children: "\u178F\u17BE\u17A2\u17D2\u1793\u1780\u1794\u17D2\u179A\u17B6\u1780\u178A\u17AC\u17A2\u178F\u17CB?" }),
58572
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "f-14 text-center mb-2 text-danger", children: [
58573
+ "\u179B\u17BB\u1794\u1780\u17B6\u179A\u1795\u17D2\u1791\u17C1\u179A #",
58574
+ ticketNumber
58575
+ ] }),
58576
+ /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
58577
+ StateManagedSelect$1,
58578
+ {
58579
+ options,
58580
+ value: selectedReason,
58581
+ isLoading,
58582
+ isDisabled: isLoading || isSubmitting || externalSubmitting,
58583
+ onChange: setSelectedReason,
58584
+ placeholder: "\u1798\u17BC\u179B\u17A0\u17C1\u178F\u17BB \u179B\u17BB\u1794..."
58585
+ }
58586
+ ) }),
58587
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "my-3 d-flex justify-content-center", children: [
58588
+ /* @__PURE__ */ jsxRuntime.jsx(
58589
+ "button",
58590
+ {
58591
+ type: "button",
58592
+ className: "btn-cancel",
58593
+ onClick: onClose,
58594
+ disabled: isSubmitting || externalSubmitting,
58595
+ children: "\u1791\u17C1"
58596
+ }
58597
+ ),
58598
+ /* @__PURE__ */ jsxRuntime.jsx(
58599
+ "button",
58600
+ {
58601
+ type: "button",
58602
+ className: "btn-confirm ml-3",
58603
+ onClick: handleConfirm,
58604
+ disabled: isLoading || isSubmitting || externalSubmitting,
58605
+ children: "\u1794\u17B6\u1791/\u1785\u17B6\u179F\u17CE"
58606
+ }
58607
+ )
58608
+ ] })
58609
+ ] }) })
58610
+ }
58611
+ );
58612
+ };
58613
+ TransferDeleteModal.propTypes = {
58614
+ container: PropTypes$2.object,
58615
+ isOpen: PropTypes$2.bool.isRequired,
58616
+ onClose: PropTypes$2.func.isRequired,
58617
+ ticket: PropTypes$2.object,
58618
+ lotteryType: PropTypes$2.string,
58619
+ Env: PropTypes$2.object,
58620
+ accessToken: PropTypes$2.string,
58621
+ isSubmitting: PropTypes$2.bool,
58622
+ onSuccess: PropTypes$2.func,
58623
+ onSuccessDelete: PropTypes$2.func,
58624
+ onError: PropTypes$2.func
58625
+ };
58626
+
58627
+ var __defProp$b = Object.defineProperty;
58628
+ var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
58629
+ var __hasOwnProp$c = Object.prototype.hasOwnProperty;
58630
+ var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
58631
+ var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
58632
+ var __spreadValues$b = (a, b) => {
58633
+ for (var prop in b || (b = {}))
58634
+ if (__hasOwnProp$c.call(b, prop))
58635
+ __defNormalProp$b(a, prop, b[prop]);
58636
+ if (__getOwnPropSymbols$c)
58637
+ for (var prop of __getOwnPropSymbols$c(b)) {
58638
+ if (__propIsEnum$c.call(b, prop))
58639
+ __defNormalProp$b(a, prop, b[prop]);
58640
+ }
58641
+ return a;
58642
+ };
58643
+ const DEFAULT_API_BASE_URL$2 = "https://api-web.dev.lottery.aazz168.com/";
58644
+ const mapTransferOptions = (data) => {
58645
+ const list = Array.isArray(data) ? data : (data == null ? void 0 : data.users) || (data == null ? void 0 : data.options) || (data == null ? void 0 : data.list) || [];
58646
+ return list.map((item) => {
58647
+ var _a, _b, _c, _d, _e, _f;
58648
+ if (typeof item === "string") {
58649
+ return { label: item, value: item };
58650
+ }
58651
+ const value = (_f = (_e = (_d = (_c = (_b = (_a = item == null ? void 0 : item.toUsername) != null ? _a : item == null ? void 0 : item.username) != null ? _b : item == null ? void 0 : item.userName) != null ? _c : item == null ? void 0 : item.name) != null ? _d : item == null ? void 0 : item.code) != null ? _e : item == null ? void 0 : item.value) != null ? _f : "";
58652
+ return { label: value, value };
58653
+ }).filter((option) => option.value);
58654
+ };
58655
+ const TransferModal = ({
58656
+ isOpen,
58657
+ onClose,
58658
+ ticket,
58659
+ lotteryType,
58660
+ onSuccess,
58661
+ onSuccessTransfer,
58662
+ onSuccessDelete,
58663
+ onError,
58664
+ onChange,
58665
+ logo,
58666
+ isVN,
58667
+ Env = {},
58668
+ accessToken,
58669
+ isSubmitting: externalSubmitting = false
58670
+ }) => {
58671
+ const [options, setOptions] = React.useState([]);
58672
+ const [selectedUser, setSelectedUser] = React.useState(null);
58673
+ const [selectedTransferIds, setSelectedTransferIds] = React.useState([]);
58674
+ const [isLoading, setIsLoading] = React.useState(false);
58675
+ const [isSubmitting, setIsSubmitting] = React.useState(false);
58676
+ const [isDeleteOpen, setIsDeleteOpen] = React.useState(false);
58677
+ const activeLotteryType = lotteryType || (ticket == null ? void 0 : ticket.lotteryType);
58678
+ const ticketNumber = ticket == null ? void 0 : ticket.ticketNumber;
58679
+ const canDeleteTransfer = (ticket == null ? void 0 : ticket.isHasSend) === true;
58680
+ const token = accessToken || localStorage.getItem("accessToken") || sessionStorage.getItem("accessToken");
58681
+ const headers = React.useMemo(() => __spreadValues$b({
58682
+ "Content-Type": "application/json",
58683
+ "Accept": "application/json",
58684
+ "X-DeviceType": "WEB"
58685
+ }, token ? { Authorization: `Bearer ${token}` } : {}), [token]);
58686
+ React.useEffect(() => {
58687
+ setOptions([]);
58688
+ setSelectedUser(null);
58689
+ setSelectedTransferIds([]);
58690
+ setIsDeleteOpen(false);
58691
+ if (!isOpen || !activeLotteryType || !ticketNumber) return void 0;
58692
+ let isActive = true;
58693
+ const fetchOptions = async () => {
58694
+ var _a, _b, _c, _d, _e, _f;
58695
+ try {
58696
+ setIsLoading(true);
58697
+ const res = await axios$1.get(
58698
+ `${Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$2}${TransferUserOptionApi}`,
58699
+ {
58700
+ params: {
58701
+ lotteryType: activeLotteryType,
58702
+ ticketNumber
58703
+ },
58704
+ headers
58705
+ }
58706
+ );
58707
+ if (!isActive) return;
58708
+ const data = (_c = (_b = (_a = res.data) == null ? void 0 : _a.data) != null ? _b : res.data) != null ? _c : [];
58709
+ const transferOptions = mapTransferOptions(data);
58710
+ setOptions(transferOptions);
58711
+ setSelectedUser((_d = transferOptions[0]) != null ? _d : null);
58712
+ } catch (err) {
58713
+ if (!isActive) return;
58714
+ PNotify_1.alert({
58715
+ text: ((_f = (_e = err.response) == null ? void 0 : _e.data) == null ? void 0 : _f.message) || err.message || "Failed to load transfer options.",
58716
+ type: "error"
58717
+ });
58718
+ } finally {
58719
+ if (isActive) setIsLoading(false);
58720
+ }
58721
+ };
58722
+ fetchOptions();
58723
+ return () => {
58724
+ isActive = false;
58725
+ };
58726
+ }, [Env.REACT_APP_API_BASE_URL, activeLotteryType, headers, isOpen, ticketNumber]);
58727
+ const handleSelectedIdsChange = React.useCallback((ids) => {
58728
+ setSelectedTransferIds(ids);
58729
+ }, []);
58730
+ const handleUserChange = (option) => {
58731
+ setSelectedUser(option);
58732
+ if (typeof onChange === "function") {
58733
+ onChange(option);
58734
+ }
58735
+ };
58736
+ const handleSubmit = React.useCallback(async () => {
58737
+ var _a, _b, _c, _d;
58738
+ if (!activeLotteryType || !ticketNumber) {
58739
+ PNotify_1.alert({
58740
+ text: "Missing lottery type or ticket number.",
58741
+ type: "error"
58742
+ });
58743
+ return;
58744
+ }
58745
+ if (selectedTransferIds.length === 0) {
58746
+ PNotify_1.alert({
58747
+ text: "Please select items to transfer.",
58748
+ type: "error"
58749
+ });
58750
+ return;
58751
+ }
58752
+ try {
58753
+ setIsSubmitting(true);
58754
+ const payload = {
58755
+ lotteryType: activeLotteryType,
58756
+ ticketNumber,
58757
+ orderItemsIds: selectedTransferIds,
58758
+ toUsername: (_a = selectedUser == null ? void 0 : selectedUser.value) != null ? _a : ""
58759
+ };
58760
+ const res = await axios$1.post(
58761
+ `${Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$2}${TransferNumberApi}`,
58762
+ payload,
58763
+ { headers }
58764
+ );
58765
+ if (typeof onSuccess === "function") {
58766
+ onSuccess(res.data, payload);
58767
+ }
58768
+ if (typeof onSuccessTransfer === "function") {
58769
+ onSuccessTransfer(res.data, payload);
58770
+ }
58771
+ PNotify_1.alert({
58772
+ text: ((_b = res.data) == null ? void 0 : _b.message) || "Transfer successful.",
58773
+ type: "success"
58774
+ });
58775
+ onClose == null ? void 0 : onClose();
58776
+ } catch (err) {
58777
+ const message = ((_d = (_c = err.response) == null ? void 0 : _c.data) == null ? void 0 : _d.message) || err.message || "Transfer failed.";
58778
+ PNotify_1.alert({
58779
+ text: message,
58780
+ type: "error"
58781
+ });
58782
+ if (typeof onError === "function") {
58783
+ onError(err);
58784
+ }
58785
+ } finally {
58786
+ setIsSubmitting(false);
58787
+ }
58788
+ }, [Env.REACT_APP_API_BASE_URL, activeLotteryType, headers, onClose, onError, onSuccess, onSuccessTransfer, selectedTransferIds, selectedUser, ticketNumber]);
58789
+ if (!ticket) return null;
58790
+ return /* @__PURE__ */ jsxRuntime.jsx(ScopeHost, { children: (container) => container && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
58791
+ /* @__PURE__ */ jsxRuntime.jsxs(
58792
+ Modal,
58793
+ {
58794
+ isOpen,
58795
+ toggle: onClose,
58796
+ container,
58797
+ size: "md",
58798
+ centered: true,
58799
+ className: "font-Hanuman",
58800
+ children: [
58801
+ /* @__PURE__ */ jsxRuntime.jsx(ModalHeader, { toggle: onClose, children: "\u179F\u17B6\u1784\u179F\u17C6\u1794\u17BB\u178F\u17D2\u179A" }),
58802
+ /* @__PURE__ */ jsxRuntime.jsxs(ModalBody, { children: [
58803
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3", children: [
58804
+ /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "f-bold custom-label", children: "\u179F\u17B6\u1784\u1791\u17C5\u1780\u17B6\u1793\u17CB" }),
58805
+ /* @__PURE__ */ jsxRuntime.jsx(
58806
+ StateManagedSelect$1,
58807
+ {
58808
+ options,
58809
+ value: selectedUser,
58810
+ isLoading,
58811
+ isDisabled: isLoading || isSubmitting || externalSubmitting,
58812
+ onChange: handleUserChange,
58813
+ placeholder: "Select user..."
58814
+ }
58815
+ )
58816
+ ] }),
58817
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "d-flex justify-content-center transfer-ticket-scroll", children: /* @__PURE__ */ jsxRuntime.jsx(
58818
+ TransferTicket,
58819
+ {
58820
+ object: ticket,
58821
+ lotteryType: activeLotteryType,
58822
+ logo,
58823
+ isVN,
58824
+ onSelectedIdsChange: handleSelectedIdsChange
58825
+ }
58826
+ ) })
58827
+ ] }),
58828
+ /* @__PURE__ */ jsxRuntime.jsxs(ModalFooter, { className: "transfer-modal-footer", children: [
58829
+ /* @__PURE__ */ jsxRuntime.jsx("div", { children: canDeleteTransfer && /* @__PURE__ */ jsxRuntime.jsx(
58830
+ Button,
58831
+ {
58832
+ className: "btn-modal-c",
58833
+ color: "danger",
58834
+ onClick: () => setIsDeleteOpen(true),
58835
+ disabled: isLoading || isSubmitting || externalSubmitting,
58836
+ children: "\u179B\u17BB\u1794\u179F\u17B6\u1784"
58837
+ }
58838
+ ) }),
58839
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
58840
+ /* @__PURE__ */ jsxRuntime.jsx(
58841
+ Button,
58842
+ {
58843
+ className: "btn-modal-c",
58844
+ color: "secondary",
58845
+ onClick: onClose,
58846
+ disabled: isSubmitting || externalSubmitting,
58847
+ children: "\u1794\u17C4\u17C7\u1794\u1784\u17CB"
58848
+ }
58849
+ ),
58850
+ /* @__PURE__ */ jsxRuntime.jsx(
58851
+ Button,
58852
+ {
58853
+ className: "btn-modal-c ml-2",
58854
+ color: "primary",
58855
+ onClick: handleSubmit,
58856
+ disabled: isLoading || isSubmitting || externalSubmitting,
58857
+ children: "\u178A\u17B6\u1780\u17CB\u179F\u17D2\u1793\u17BE"
58858
+ }
58859
+ )
58860
+ ] })
58861
+ ] })
58862
+ ]
58863
+ }
58864
+ ),
58865
+ /* @__PURE__ */ jsxRuntime.jsx(
58866
+ TransferDeleteModal,
58867
+ {
58868
+ container,
58869
+ isOpen: isDeleteOpen,
58870
+ onClose: () => setIsDeleteOpen(false),
58871
+ ticket,
58872
+ lotteryType: activeLotteryType,
58873
+ Env,
58874
+ accessToken,
58875
+ isSubmitting: externalSubmitting,
58876
+ onSuccess,
58877
+ onSuccessDelete,
58878
+ onError
58879
+ }
58880
+ )
58881
+ ] }) });
58882
+ };
58883
+ TransferModal.propTypes = {
58884
+ isOpen: PropTypes$2.bool.isRequired,
58885
+ onClose: PropTypes$2.func.isRequired,
58886
+ ticket: PropTypes$2.object,
58887
+ lotteryType: PropTypes$2.string,
58888
+ onSuccess: PropTypes$2.func,
58889
+ onSuccessTransfer: PropTypes$2.func,
58890
+ onSuccessDelete: PropTypes$2.func,
58891
+ onError: PropTypes$2.func,
58892
+ onChange: PropTypes$2.func,
58893
+ logo: PropTypes$2.string,
58894
+ isVN: PropTypes$2.bool,
58895
+ Env: PropTypes$2.object,
58896
+ accessToken: PropTypes$2.string,
58897
+ isSubmitting: PropTypes$2.bool
58898
+ };
58899
+
58900
+ var __defProp$a = Object.defineProperty;
58901
+ var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
58902
+ var __hasOwnProp$b = Object.prototype.hasOwnProperty;
58903
+ var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
58904
+ var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
58905
+ var __spreadValues$a = (a, b) => {
58906
+ for (var prop in b || (b = {}))
58907
+ if (__hasOwnProp$b.call(b, prop))
58908
+ __defNormalProp$a(a, prop, b[prop]);
58909
+ if (__getOwnPropSymbols$b)
58910
+ for (var prop of __getOwnPropSymbols$b(b)) {
58911
+ if (__propIsEnum$b.call(b, prop))
58912
+ __defNormalProp$a(a, prop, b[prop]);
58403
58913
  }
58404
58914
  return a;
58405
58915
  };
58406
58916
  var __objRest$2 = (source, exclude) => {
58407
58917
  var target = {};
58408
58918
  for (var prop in source)
58409
- if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
58919
+ if (__hasOwnProp$b.call(source, prop) && exclude.indexOf(prop) < 0)
58410
58920
  target[prop] = source[prop];
58411
- if (source != null && __getOwnPropSymbols$2)
58412
- for (var prop of __getOwnPropSymbols$2(source)) {
58413
- if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
58921
+ if (source != null && __getOwnPropSymbols$b)
58922
+ for (var prop of __getOwnPropSymbols$b(source)) {
58923
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$b.call(source, prop))
58414
58924
  target[prop] = source[prop];
58415
58925
  }
58416
58926
  return target;
@@ -58446,7 +58956,7 @@ function RemarkModal(_a) {
58446
58956
  setRemark((_a2 = ticket == null ? void 0 : ticket.remark) != null ? _a2 : "");
58447
58957
  }, [ticket]);
58448
58958
  const token = accessToken || localStorage.getItem("accessToken") || sessionStorage.getItem("accessToken");
58449
- const headers = __spreadValues$1({
58959
+ const headers = __spreadValues$a({
58450
58960
  "Content-Type": "application/json",
58451
58961
  "Accept": "application/json",
58452
58962
  "X-DeviceType": "WEB"
@@ -58554,17 +59064,17 @@ RemarkModal.propTypes = {
58554
59064
  accessToken: PropTypes$2.string.isRequired
58555
59065
  };
58556
59066
 
58557
- var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
58558
- var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
58559
- var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
59067
+ var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
59068
+ var __hasOwnProp$a = Object.prototype.hasOwnProperty;
59069
+ var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
58560
59070
  var __objRest$1 = (source, exclude) => {
58561
59071
  var target = {};
58562
59072
  for (var prop in source)
58563
- if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
59073
+ if (__hasOwnProp$a.call(source, prop) && exclude.indexOf(prop) < 0)
58564
59074
  target[prop] = source[prop];
58565
- if (source != null && __getOwnPropSymbols$1)
58566
- for (var prop of __getOwnPropSymbols$1(source)) {
58567
- if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
59075
+ if (source != null && __getOwnPropSymbols$a)
59076
+ for (var prop of __getOwnPropSymbols$a(source)) {
59077
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$a.call(source, prop))
58568
59078
  target[prop] = source[prop];
58569
59079
  }
58570
59080
  return target;
@@ -58605,33 +59115,33 @@ function RemarkModalShowOnly(_a) {
58605
59115
  ) });
58606
59116
  }
58607
59117
 
58608
- var __defProp = Object.defineProperty;
58609
- var __defProps = Object.defineProperties;
58610
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
58611
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
58612
- var __hasOwnProp = Object.prototype.hasOwnProperty;
58613
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
58614
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
58615
- var __spreadValues = (a, b) => {
59118
+ var __defProp$9 = Object.defineProperty;
59119
+ var __defProps$8 = Object.defineProperties;
59120
+ var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
59121
+ var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
59122
+ var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
59123
+ var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
59124
+ var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
59125
+ var __spreadValues$9 = (a, b) => {
58616
59126
  for (var prop in b || (b = {}))
58617
- if (__hasOwnProp.call(b, prop))
58618
- __defNormalProp(a, prop, b[prop]);
58619
- if (__getOwnPropSymbols)
58620
- for (var prop of __getOwnPropSymbols(b)) {
58621
- if (__propIsEnum.call(b, prop))
58622
- __defNormalProp(a, prop, b[prop]);
59127
+ if (__hasOwnProp$9.call(b, prop))
59128
+ __defNormalProp$9(a, prop, b[prop]);
59129
+ if (__getOwnPropSymbols$9)
59130
+ for (var prop of __getOwnPropSymbols$9(b)) {
59131
+ if (__propIsEnum$9.call(b, prop))
59132
+ __defNormalProp$9(a, prop, b[prop]);
58623
59133
  }
58624
59134
  return a;
58625
59135
  };
58626
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
59136
+ var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
58627
59137
  var __objRest = (source, exclude) => {
58628
59138
  var target = {};
58629
59139
  for (var prop in source)
58630
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
59140
+ if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
58631
59141
  target[prop] = source[prop];
58632
- if (source != null && __getOwnPropSymbols)
58633
- for (var prop of __getOwnPropSymbols(source)) {
58634
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
59142
+ if (source != null && __getOwnPropSymbols$9)
59143
+ for (var prop of __getOwnPropSymbols$9(source)) {
59144
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
58635
59145
  target[prop] = source[prop];
58636
59146
  }
58637
59147
  return target;
@@ -58695,7 +59205,7 @@ function MoreMenu(_a) {
58695
59205
  setIsPayout(Boolean(ticket == null ? void 0 : ticket.isPayout));
58696
59206
  }, [ticket]);
58697
59207
  const token = accessToken || localStorage.getItem("accessToken") || sessionStorage.getItem("accessToken");
58698
- const headers = __spreadValues({
59208
+ const headers = __spreadValues$9({
58699
59209
  "Content-Type": "application/json",
58700
59210
  "Accept": "application/json",
58701
59211
  "X-DeviceType": "WEB"
@@ -58801,23 +59311,23 @@ function MoreMenu(_a) {
58801
59311
  children: resolvedButton || defaultToggleContent
58802
59312
  };
58803
59313
  }
58804
- const customProps = __spreadValues({}, resolvedButton.props);
59314
+ const customProps = __spreadValues$9({}, resolvedButton.props);
58805
59315
  const customChildren = customProps.children;
58806
59316
  delete customProps.children;
58807
59317
  if (resolvedButton.type !== DropdownToggle) {
58808
59318
  customProps.tag = customProps.tag || resolvedButton.type;
58809
59319
  }
58810
59320
  return {
58811
- props: __spreadValues(__spreadValues({}, toggleProps), customProps),
59321
+ props: __spreadValues$9(__spreadValues$9({}, toggleProps), customProps),
58812
59322
  children: customChildren || defaultToggleContent
58813
59323
  };
58814
59324
  };
58815
59325
  const renderDropdownToggle = () => {
58816
59326
  const resolvedToggle = resolveDropdownButton();
58817
- return /* @__PURE__ */ jsxRuntime.jsx(DropdownToggle, __spreadProps(__spreadValues({}, resolvedToggle.props), { children: resolvedToggle.children }));
59327
+ return /* @__PURE__ */ jsxRuntime.jsx(DropdownToggle, __spreadProps$8(__spreadValues$9({}, resolvedToggle.props), { children: resolvedToggle.children }));
58818
59328
  };
58819
59329
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
58820
- /* @__PURE__ */ jsxRuntime.jsx(ScopeHost, { children: (container) => container && /* @__PURE__ */ jsxRuntime.jsxs(UncontrolledDropdown, __spreadProps(__spreadValues({ className: "drp-user font-Hanuman" }, props), { children: [
59330
+ /* @__PURE__ */ jsxRuntime.jsx(ScopeHost, { children: (container) => container && /* @__PURE__ */ jsxRuntime.jsxs(UncontrolledDropdown, __spreadProps$8(__spreadValues$9({ className: "drp-user font-Hanuman" }, props), { children: [
58821
59331
  renderDropdownToggle(),
58822
59332
  /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { className: "profile-notification pt-0", children: [
58823
59333
  /* @__PURE__ */ jsxRuntime.jsxs(DropdownItem, { header: true, className: "drop-header", children: [
@@ -58941,11 +59451,2074 @@ MoreMenu.propTypes = {
58941
59451
  ])
58942
59452
  };
58943
59453
 
59454
+ var __defProp$8 = Object.defineProperty;
59455
+ var __defProps$7 = Object.defineProperties;
59456
+ var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
59457
+ var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
59458
+ var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
59459
+ var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
59460
+ var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
59461
+ var __spreadValues$8 = (a, b) => {
59462
+ for (var prop in b || (b = {}))
59463
+ if (__hasOwnProp$8.call(b, prop))
59464
+ __defNormalProp$8(a, prop, b[prop]);
59465
+ if (__getOwnPropSymbols$8)
59466
+ for (var prop of __getOwnPropSymbols$8(b)) {
59467
+ if (__propIsEnum$8.call(b, prop))
59468
+ __defNormalProp$8(a, prop, b[prop]);
59469
+ }
59470
+ return a;
59471
+ };
59472
+ var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
59473
+ const RenderThWidth = ({ value, currency, id, colSpan = 1, className = "" }) => /* @__PURE__ */ jsxRuntime.jsx(
59474
+ "th",
59475
+ {
59476
+ colSpan,
59477
+ style: {
59478
+ minWidth: widthLength(value),
59479
+ border: "1px solid black"
59480
+ },
59481
+ className: `text-center ${value < 0 ? "text-danger" : ""} ${id ? "text-dark" : ""} ` + className,
59482
+ children: id ? value : moneyFormatter(value, currency)
59483
+ }
59484
+ );
59485
+ const TH = ({ children, colSpan = 1, className, border = true }) => /* @__PURE__ */ jsxRuntime.jsx("th", { style: {
59486
+ border: !border ? "0" : "1px solid black"
59487
+ }, colSpan, className: "text-center " + className, children });
59488
+ const THF = ({ children, colSpan = 1, className, style }) => /* @__PURE__ */ jsxRuntime.jsx(
59489
+ "th",
59490
+ {
59491
+ colSpan,
59492
+ style,
59493
+ className: "text-center b-0 " + className,
59494
+ children
59495
+ }
59496
+ );
59497
+ const THB = ({ children, colSpan = 1, className, style }) => /* @__PURE__ */ jsxRuntime.jsx(
59498
+ "th",
59499
+ {
59500
+ colSpan,
59501
+ style: __spreadProps$7(__spreadValues$8({}, style), {
59502
+ border: "1px solid lightgray"
59503
+ }),
59504
+ className: "text-center " + className,
59505
+ children
59506
+ }
59507
+ );
59508
+ const RenderThWidthB = ({ value, currency, id, colSpan = 1, className = "", style }) => /* @__PURE__ */ jsxRuntime.jsx(
59509
+ "th",
59510
+ {
59511
+ colSpan,
59512
+ style: __spreadProps$7(__spreadValues$8({}, style), {
59513
+ border: "1px solid lightgray",
59514
+ width: widthLength(value)
59515
+ }),
59516
+ className: `text-center ${value < 0 ? "text-danger" : ""} ` + className,
59517
+ children: id ? value : moneyFormatter(value, currency)
59518
+ }
59519
+ );
59520
+ const RenderThWidthF = ({ value, currency, id, colSpan = 1, className = "", style }) => /* @__PURE__ */ jsxRuntime.jsx(
59521
+ "th",
59522
+ {
59523
+ colSpan,
59524
+ style: __spreadProps$7(__spreadValues$8({}, style), {
59525
+ width: widthLength(value)
59526
+ }),
59527
+ className: `text-center b-0 ${value < 0 ? "text-danger" : ""} ` + className,
59528
+ children: id ? value : moneyFormatter(value, currency)
59529
+ }
59530
+ );
59531
+
59532
+ let MainTableRow$2 = class MainTableRow extends React.Component {
59533
+ render() {
59534
+ const {
59535
+ object: {
59536
+ drawAt,
59537
+ bet1DUsd = 0,
59538
+ bet2DUsd = 0,
59539
+ bet3DUsd = 0,
59540
+ bet4DUsd = 0,
59541
+ bet1DKhr = 0,
59542
+ bet2DKhr = 0,
59543
+ bet3DKhr = 0,
59544
+ bet4DKhr = 0,
59545
+ win1DKhr = 0,
59546
+ win1DUsd = 0,
59547
+ win2DKhr = 0,
59548
+ win2DUsd = 0,
59549
+ win3DKhr = 0,
59550
+ win3DUsd = 0,
59551
+ win4DKhr = 0,
59552
+ win4DUsd = 0
59553
+ },
59554
+ id,
59555
+ total,
59556
+ isMix,
59557
+ isShow,
59558
+ mergeKhr,
59559
+ mergeUsd,
59560
+ isShowUsd,
59561
+ item: {
59562
+ isShow1DKhr,
59563
+ isShow4DKhr,
59564
+ isShow1DUsd,
59565
+ isShow4DUsd
59566
+ }
59567
+ } = this.props;
59568
+ return /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "animate-slide-up", children: [
59569
+ /* @__PURE__ */ jsxRuntime.jsx(
59570
+ TH,
59571
+ {
59572
+ colSpan: 2,
59573
+ className: `text-center t-blue-vio ${!total ? "t-left" : ""}`,
59574
+ children: total ? total : getTime(drawAt)
59575
+ }
59576
+ ),
59577
+ isShow(isShow1DKhr) && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { id, value: bet1DKhr, currency: "KHR" }),
59578
+ !isMix && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { id, value: bet2DKhr, currency: "KHR" }),
59579
+ !isMix && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { id, value: bet3DKhr, currency: "KHR" }),
59580
+ isShow(isShow4DKhr) && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { id, value: bet4DKhr, currency: "KHR" }),
59581
+ isShow(isShow1DUsd) && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h", id, value: bet1DUsd, currency: "USD" }),
59582
+ !isMix && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h", id, value: bet2DUsd, currency: "USD" }),
59583
+ !isMix && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h", id, value: bet3DUsd, currency: "USD" }),
59584
+ isShow(isShow4DUsd) && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h", id, value: bet4DUsd, currency: "USD" }),
59585
+ isMix && /* @__PURE__ */ jsxRuntime.jsx(
59586
+ RenderThWidth,
59587
+ {
59588
+ colSpan: mergeKhr,
59589
+ id,
59590
+ value: bet1DKhr + bet2DKhr + bet3DKhr + bet4DKhr,
59591
+ currency: "KHR"
59592
+ }
59593
+ ),
59594
+ isMix && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(
59595
+ RenderThWidth,
59596
+ {
59597
+ className: "green-l-h",
59598
+ colSpan: mergeUsd,
59599
+ id,
59600
+ value: formatUsd(bet1DUsd + bet2DUsd + bet3DUsd + bet4DUsd),
59601
+ currency: "USD"
59602
+ }
59603
+ ),
59604
+ isShow1DKhr && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "t-blue", id, value: win1DKhr, currency: "KHR" }),
59605
+ /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "t-blue", id, value: win2DKhr, currency: "KHR" }),
59606
+ /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "t-blue", id, value: win3DKhr, currency: "KHR" }),
59607
+ isShow4DKhr && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "t-blue", id, value: win4DKhr, currency: "KHR" }),
59608
+ isShow1DUsd && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h t-blue", id, value: win1DUsd, currency: "USD" }),
59609
+ isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h t-blue", id, value: win2DUsd, currency: "USD" }),
59610
+ isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h t-blue", id, value: win3DUsd, currency: "USD" }),
59611
+ isShow4DUsd && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h t-blue", id, value: win4DUsd, currency: "USD" })
59612
+ ] });
59613
+ }
59614
+ };
59615
+
59616
+ const MIX_DAILY_LABELS = {
59617
+ "labels:mix_daily_report.bet": "\u179B\u17BB\u1799\u179B\u1780\u17CB",
59618
+ "labels:mix_daily_report.reward": "\u179B\u17BB\u1799\u1788\u17D2\u1793\u17C7",
59619
+ "labels:mix_daily_report.shift": "\u1798\u17C9\u17C4\u1784",
59620
+ "labels:mix_daily_report.one_d": "1D",
59621
+ "labels:mix_daily_report.two_d": "2D",
59622
+ "labels:mix_daily_report.three_d": "3D",
59623
+ "labels:mix_daily_report.four_d": "4D",
59624
+ "labels:mix_daily_report.five_d": "5D"
59625
+ };
59626
+ const getMixDailyTranslator = (t) => (key) => {
59627
+ if (typeof t === "function") return t(key);
59628
+ return MIX_DAILY_LABELS[key] || key;
59629
+ };
59630
+ const getOptionalDigitLength = (...flags) => flags.filter(Boolean).length;
59631
+ const getReportClassName = (filter) => (filter == null ? void 0 : filter.lotteryType) === "ALL" ? "page-break" : "";
59632
+ const renderReportTitleRows = ({
59633
+ preTitle,
59634
+ lotteryType,
59635
+ nickname,
59636
+ username,
59637
+ date,
59638
+ titleColSpan,
59639
+ usernameColSpan,
59640
+ dateColSpan,
59641
+ dayColSpan,
59642
+ isSend
59643
+ }) => /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: ` ${isSend ? "bg-red-l2" : "yell-l-h"} text-center`, children: [
59644
+ /* @__PURE__ */ jsxRuntime.jsx(TH, { colSpan: 2, children: nickname }),
59645
+ /* @__PURE__ */ jsxRuntime.jsx(TH, { colSpan: usernameColSpan, className: "font-weight-bold", children: getMemberName(username) }),
59646
+ /* @__PURE__ */ jsxRuntime.jsx(TH, { colSpan: dateColSpan, className: "font-weight-bold", children: getDateF(date) }),
59647
+ /* @__PURE__ */ jsxRuntime.jsx(TH, { colSpan: dayColSpan, children: getDay(date) })
59648
+ ] }) });
59649
+ const renderReportSectionHeaderRow = ({ lotteryType, sections }) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "blue-h", children: [
59650
+ /* @__PURE__ */ jsxRuntime.jsx(TH, { colSpan: 2, children: lotteryReportLabel(lotteryType) }),
59651
+ sections.map((section) => section.isVisible !== false && /* @__PURE__ */ jsxRuntime.jsx(TH, { colSpan: section.colSpan, children: section.label }, section.key))
59652
+ ] });
59653
+ const renderReportColumnHeaderRow = (columns) => /* @__PURE__ */ jsxRuntime.jsx("tr", { children: columns.map((column) => column.isVisible !== false && /* @__PURE__ */ jsxRuntime.jsx(TH, { colSpan: column.colSpan, className: column.className, children: column.label }, column.key)) });
59654
+
59655
+ var __defProp$7 = Object.defineProperty;
59656
+ var __defProps$6 = Object.defineProperties;
59657
+ var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
59658
+ var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
59659
+ var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
59660
+ var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
59661
+ var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
59662
+ var __spreadValues$7 = (a, b) => {
59663
+ for (var prop in b || (b = {}))
59664
+ if (__hasOwnProp$7.call(b, prop))
59665
+ __defNormalProp$7(a, prop, b[prop]);
59666
+ if (__getOwnPropSymbols$7)
59667
+ for (var prop of __getOwnPropSymbols$7(b)) {
59668
+ if (__propIsEnum$7.call(b, prop))
59669
+ __defNormalProp$7(a, prop, b[prop]);
59670
+ }
59671
+ return a;
59672
+ };
59673
+ var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
59674
+ const buildCommissionRows = (rows) => rows.map((row) => __spreadProps$6(__spreadValues$7({}, row), {
59675
+ rate: `x ${row.comRate}%`,
59676
+ khrValue: row.betAmountKhr,
59677
+ khrResult: row.comAmountKhr,
59678
+ usdValue: row.betAmountUsd,
59679
+ usdResult: row.comAmountUsd
59680
+ }));
59681
+ const buildRewardRows = (rows) => rows.map((row) => __spreadProps$6(__spreadValues$7({}, row), {
59682
+ khrValue: row.winAmountKhr,
59683
+ rate: row.rebateRateKhr,
59684
+ khrResult: row.rewardAmountKhr,
59685
+ usdValue: row.winAmountUsd,
59686
+ usdRate: row.rebateRateUsd,
59687
+ usdResult: row.rewardAmountUsd
59688
+ }));
59689
+ const renderCalculationRows = ({
59690
+ rows,
59691
+ id,
59692
+ isShowUsd,
59693
+ layout,
59694
+ valueClassName,
59695
+ resultClassName,
59696
+ usdResultClassName,
59697
+ rateClassName = "vio-l-h"
59698
+ }) => rows.map((row) => row.isVisible !== false && /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: renderCalculationRow(__spreadProps$6(__spreadValues$7({}, row), {
59699
+ id,
59700
+ isShowUsd,
59701
+ layout: row.layout || layout,
59702
+ valueClassName: row.valueClassName || valueClassName,
59703
+ resultClassName: row.resultClassName || resultClassName,
59704
+ usdResultClassName: row.usdResultClassName || usdResultClassName || row.resultClassName || resultClassName,
59705
+ rateClassName
59706
+ })) }, row.label));
59707
+ const renderSummaryBandRow = ({
59708
+ isShowUsd,
59709
+ khrColSpan,
59710
+ usdColSpan,
59711
+ khrLabel = "\u179F\u179A\u17BB\u1794\u179B\u17BB\u1799\u1780\u17B6\u178F\u17CB\u1791\u17B9\u1780\n(\u179A\u17C0\u179B)",
59712
+ usdLabel = "\u179F\u179A\u17BB\u1794\u179B\u17BB\u1799\u1780\u17B6\u178F\u17CB\u1791\u17B9\u1780\n(\u178A\u17BB\u179B\u17D2\u179B\u17B6\u179A)"
59713
+ }) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "animate-slide-up b-vio-t", children: [
59714
+ /* @__PURE__ */ jsxRuntime.jsx(THF, { className: "blue-l-h", colSpan: khrColSpan, children: khrLabel }),
59715
+ isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(THF, { colSpan: usdColSpan, className: "green-l-h text-left", children: usdLabel })
59716
+ ] });
59717
+ const renderWinLoseRow = ({
59718
+ id,
59719
+ isShowUsd,
59720
+ winLoseKhr,
59721
+ winLoseUsd,
59722
+ khrLabel = "\u179F\u17BB\u17B8\u1781\u17B6\u178F\u1794\u17D2\u179A\u1785\u17B6\u17C6\u1790\u17D2\u1784\u17C3",
59723
+ usdLabel = "\u179F\u17BB\u17B8\u1781\u17B6\u178F\u1794\u17D2\u179A\u1785\u17B6\u17C6\u1790\u17D2\u1784\u17C3",
59724
+ khrAfterValue = [],
59725
+ usdAfterValue = [],
59726
+ borderClassName = "b-vio-b"
59727
+ }) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: `animate-slide-up ${borderClassName}`, children: [
59728
+ /* @__PURE__ */ jsxRuntime.jsx(THF, { className: "t-right", children: khrLabel }),
59729
+ /* @__PURE__ */ jsxRuntime.jsx(RenderThWidthF, { id, value: winLoseKhr, currency: "KHR" }),
59730
+ khrAfterValue.map(renderSpacer),
59731
+ isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(THF, { className: "t-right", children: usdLabel }),
59732
+ isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidthF, { id, value: winLoseUsd, currency: "USD" }),
59733
+ isShowUsd && usdAfterValue.map(renderSpacer)
59734
+ ] });
59735
+ const renderSpacer = ({ colSpan } = {}, key) => /* @__PURE__ */ jsxRuntime.jsx(THF, { colSpan }, key);
59736
+ const renderCalculationRow = ({
59737
+ className = "animate-slide-up",
59738
+ id,
59739
+ label,
59740
+ khrValue,
59741
+ rate,
59742
+ khrResult,
59743
+ usdValue,
59744
+ usdRate,
59745
+ usdResult,
59746
+ isShowUsd,
59747
+ layout,
59748
+ valueClassName,
59749
+ resultClassName,
59750
+ usdResultClassName,
59751
+ rateClassName
59752
+ }) => {
59753
+ var _a, _b, _c, _d;
59754
+ return /* @__PURE__ */ jsxRuntime.jsxs("tr", { className, children: [
59755
+ /* @__PURE__ */ jsxRuntime.jsx(THF, { className: "t-right", children: label }),
59756
+ /* @__PURE__ */ jsxRuntime.jsx(RenderThWidthF, { className: valueClassName, id, value: khrValue, currency: "KHR" }),
59757
+ (_a = layout.khrBeforeRate) == null ? void 0 : _a.map(renderSpacer),
59758
+ /* @__PURE__ */ jsxRuntime.jsx(THF, { className: rateClassName, children: rate }),
59759
+ /* @__PURE__ */ jsxRuntime.jsx(RenderThWidthF, { className: resultClassName, id, value: khrResult, currency: "KHR" }),
59760
+ (_b = layout.khrAfterResult) == null ? void 0 : _b.map(renderSpacer),
59761
+ isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(THF, { className: "t-right", children: label }),
59762
+ isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidthF, { className: valueClassName, id, value: usdValue, currency: "USD" }),
59763
+ isShowUsd && ((_c = layout.usdBeforeRate) == null ? void 0 : _c.map(renderSpacer)),
59764
+ isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(THF, { className: rateClassName, children: usdRate || rate }),
59765
+ isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidthF, { className: usdResultClassName, id, value: usdResult, currency: "USD" }),
59766
+ isShowUsd && ((_d = layout.usdAfterResult) == null ? void 0 : _d.map(renderSpacer))
59767
+ ] });
59768
+ };
59769
+
59770
+ var __defProp$6 = Object.defineProperty;
59771
+ var __defProps$5 = Object.defineProperties;
59772
+ var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
59773
+ var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
59774
+ var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
59775
+ var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
59776
+ var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
59777
+ var __spreadValues$6 = (a, b) => {
59778
+ for (var prop in b || (b = {}))
59779
+ if (__hasOwnProp$6.call(b, prop))
59780
+ __defNormalProp$6(a, prop, b[prop]);
59781
+ if (__getOwnPropSymbols$6)
59782
+ for (var prop of __getOwnPropSymbols$6(b)) {
59783
+ if (__propIsEnum$6.call(b, prop))
59784
+ __defNormalProp$6(a, prop, b[prop]);
59785
+ }
59786
+ return a;
59787
+ };
59788
+ var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
59789
+ const getVnSectionColSpan = (show1D, show4D) => getOptionalDigitLength(show1D, show4D) + 2;
59790
+ const renderSectionHeaderRow$2 = ({
59791
+ t,
59792
+ lotteryType,
59793
+ isShowUsd,
59794
+ isShow1DKhr,
59795
+ isShow4DKhr,
59796
+ isShow1DUsd,
59797
+ isShow4DUsd
59798
+ }) => {
59799
+ const khrColSpan = getVnSectionColSpan(isShow1DKhr, isShow4DKhr);
59800
+ const usdColSpan = getVnSectionColSpan(isShow1DUsd, isShow4DUsd);
59801
+ return renderReportSectionHeaderRow({
59802
+ lotteryType,
59803
+ sections: [
59804
+ { key: "bet-khr", colSpan: khrColSpan, label: `${t("labels:mix_daily_report.bet")}(KHR)` },
59805
+ { key: "bet-usd", isVisible: isShowUsd, colSpan: usdColSpan, label: `${t("labels:mix_daily_report.bet")}(USD)` },
59806
+ { key: "reward-khr", colSpan: khrColSpan, label: `${t("labels:mix_daily_report.reward")}(KHR)` },
59807
+ { key: "reward-usd", isVisible: isShowUsd, colSpan: usdColSpan, label: `${t("labels:mix_daily_report.reward")}(USD)` }
59808
+ ]
59809
+ });
59810
+ };
59811
+ const renderColumnHeaderRow$2 = ({
59812
+ t,
59813
+ isMix,
59814
+ isShowUsd,
59815
+ isShow1DKhr,
59816
+ isShow4DKhr,
59817
+ isShow1DUsd,
59818
+ isShow4DUsd,
59819
+ mergeKhr,
59820
+ mergeUsd
59821
+ }) => renderReportColumnHeaderRow([
59822
+ { key: "shift", colSpan: 2, className: "text-center", label: t("labels:mix_daily_report.shift") },
59823
+ { key: "bet-1d-khr", isVisible: !isMix && isShow1DKhr, className: "text-center blue-l-h", label: t("labels:mix_daily_report.one_d") },
59824
+ { key: "bet-2d-khr", isVisible: !isMix, className: "text-center blue-l-h", label: t("labels:mix_daily_report.two_d") },
59825
+ { key: "bet-3d-khr", isVisible: !isMix, className: "text-center blue-l-h", label: t("labels:mix_daily_report.three_d") },
59826
+ { key: "bet-4d-khr", isVisible: !isMix && isShow4DKhr, className: "text-center blue-l-h", label: t("labels:mix_daily_report.four_d") },
59827
+ { key: "mix-khr", isVisible: isMix, colSpan: mergeKhr, className: "text-center blue-l-h", label: "\u179A\u17C0\u179B" },
59828
+ { key: "mix-usd", isVisible: isMix && isShowUsd, colSpan: mergeUsd, className: "text-center green-l-h", label: "\u178A\u17BB\u179B\u17D2\u179B\u17B6\u179A" },
59829
+ { key: "bet-1d-usd", isVisible: !isMix && isShow1DUsd && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.one_d") },
59830
+ { key: "bet-2d-usd", isVisible: !isMix && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.two_d") },
59831
+ { key: "bet-3d-usd", isVisible: !isMix && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.three_d") },
59832
+ { key: "bet-4d-usd", isVisible: !isMix && isShow4DUsd && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.four_d") },
59833
+ { key: "reward-1d-khr", isVisible: isShow1DKhr, className: "text-center blue-l-h", label: t("labels:mix_daily_report.one_d") },
59834
+ { key: "reward-2d-khr", className: "text-center blue-l-h", label: t("labels:mix_daily_report.two_d") },
59835
+ { key: "reward-3d-khr", className: "text-center blue-l-h", label: t("labels:mix_daily_report.three_d") },
59836
+ { key: "reward-4d-khr", isVisible: isShow4DKhr, className: "text-center blue-l-h", label: t("labels:mix_daily_report.four_d") },
59837
+ { key: "reward-1d-usd", isVisible: isShow1DUsd && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.one_d") },
59838
+ { key: "reward-2d-usd", isVisible: isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.two_d") },
59839
+ { key: "reward-3d-usd", isVisible: isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.three_d") },
59840
+ { key: "reward-4d-usd", isVisible: isShow4DUsd && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.four_d") }
59841
+ ]);
59842
+ const getSummaryRowLayout = ({ isShowUsd, getAllLength, mergeKhr }) => ({
59843
+ khrAfterResult: [{ colSpan: isShowUsd ? getAllLength + 2 : mergeKhr + 6 }],
59844
+ usdAfterResult: getAllLength > 0 ? [{ colSpan: getAllLength }] : []
59845
+ });
59846
+ const getCommissionRows$2 = ({
59847
+ isMix,
59848
+ isShow1DKhr,
59849
+ isShow1DUsd,
59850
+ isShow4DKhr,
59851
+ isShow4DUsd,
59852
+ bet1DKhr,
59853
+ bet2DKhr,
59854
+ bet3DKhr,
59855
+ bet4DKhr,
59856
+ bet1DUsd,
59857
+ bet2DUsd,
59858
+ bet3DUsd,
59859
+ bet4DUsd,
59860
+ com1D,
59861
+ com2D,
59862
+ com3D,
59863
+ com4D,
59864
+ com1DKhr,
59865
+ com2DKhr,
59866
+ com3DKhr,
59867
+ com4DKhr,
59868
+ com1DUsd,
59869
+ com2DUsd,
59870
+ com3DUsd,
59871
+ com4DUsd
59872
+ }) => [
59873
+ ...buildCommissionRows([
59874
+ {
59875
+ isVisible: !isMix && (isShow1DKhr || isShow1DUsd),
59876
+ label: "1 \u179B\u17C1\u1781",
59877
+ betAmountKhr: bet1DKhr,
59878
+ comRate: com1D,
59879
+ comAmountKhr: com1DKhr,
59880
+ betAmountUsd: bet1DUsd,
59881
+ comAmountUsd: com1DUsd,
59882
+ className: "animate-slide-u"
59883
+ },
59884
+ {
59885
+ isVisible: !isMix,
59886
+ label: "2 \u179B\u17C1\u1781",
59887
+ betAmountKhr: bet2DKhr,
59888
+ comRate: com2D,
59889
+ comAmountKhr: com2DKhr,
59890
+ betAmountUsd: bet2DUsd,
59891
+ comAmountUsd: com2DUsd,
59892
+ className: "animate-slide-u"
59893
+ },
59894
+ {
59895
+ isVisible: !isMix,
59896
+ label: "3 \u179B\u17C1\u1781",
59897
+ betAmountKhr: bet3DKhr,
59898
+ comRate: com3D,
59899
+ comAmountKhr: com3DKhr,
59900
+ betAmountUsd: bet3DUsd,
59901
+ comAmountUsd: com3DUsd
59902
+ },
59903
+ {
59904
+ isVisible: !isMix && (isShow4DKhr || isShow4DUsd),
59905
+ label: "4 \u179B\u17C1\u1781",
59906
+ betAmountKhr: bet4DKhr,
59907
+ comRate: com4D,
59908
+ comAmountKhr: com4DKhr,
59909
+ betAmountUsd: bet4DUsd,
59910
+ comAmountUsd: com4DUsd
59911
+ }
59912
+ ]),
59913
+ {
59914
+ isVisible: isMix,
59915
+ label: "\u179B\u17BB\u1799\u179B\u1780\u17CB",
59916
+ khrValue: bet1DKhr + bet2DKhr + bet3DKhr + bet4DKhr,
59917
+ rate: `x ${bet1DKhr > 0 ? `${com1D}/` : ""}${com2D}/${com3D}${bet4DKhr > 0 ? `/${com4D}` : ""}`,
59918
+ khrResult: com1DKhr + com2DKhr + com3DKhr + com4DKhr,
59919
+ usdValue: formatUsd(bet1DUsd + bet2DUsd + bet3DUsd + bet4DUsd),
59920
+ usdRate: `x ${bet1DUsd > 0 ? `${com1D}/` : ""}${com2D}/${com3D}${bet4DUsd > 0 ? `/${com4D}` : ""}`,
59921
+ usdResult: formatUsd(com1DUsd + com2DUsd + com3DUsd + com4DUsd),
59922
+ usdResultClassName: "blue-l-h"
59923
+ }
59924
+ ];
59925
+ const getRewardRows$2 = ({
59926
+ isShow1DKhr,
59927
+ isShow1DUsd,
59928
+ isShow4DKhr,
59929
+ isShow4DUsd,
59930
+ win1DKhr,
59931
+ win2DKhr,
59932
+ win3DKhr,
59933
+ win4DKhr,
59934
+ win1DUsd,
59935
+ win2DUsd,
59936
+ win3DUsd,
59937
+ win4DUsd,
59938
+ reward1DKhr,
59939
+ reward2DKhr,
59940
+ reward3DKhr,
59941
+ reward4DKhr,
59942
+ reward1DUsd,
59943
+ reward2DUsd,
59944
+ reward3DUsd,
59945
+ reward4DUsd,
59946
+ rebateRate1D,
59947
+ rebateRate2D,
59948
+ rebateRate3D,
59949
+ rebateRate4D
59950
+ }) => buildRewardRows([
59951
+ {
59952
+ isVisible: isShow1DKhr || isShow1DUsd,
59953
+ label: "\u178F\u17D2\u179A\u17BC\u179C 1 \u179B\u17C1\u1781",
59954
+ winAmountKhr: win1DKhr,
59955
+ rebateRateKhr: rebateRate1D,
59956
+ rewardAmountKhr: reward1DKhr,
59957
+ winAmountUsd: win1DUsd,
59958
+ rebateRateUsd: rebateRate1D,
59959
+ rewardAmountUsd: reward1DUsd
59960
+ },
59961
+ {
59962
+ label: "\u178F\u17D2\u179A\u17BC\u179C 2 \u179B\u17C1\u1781",
59963
+ winAmountKhr: win2DKhr,
59964
+ rebateRateKhr: rebateRate2D,
59965
+ rewardAmountKhr: reward2DKhr,
59966
+ winAmountUsd: win2DUsd,
59967
+ rebateRateUsd: rebateRate2D,
59968
+ rewardAmountUsd: reward2DUsd
59969
+ },
59970
+ {
59971
+ label: "\u178F\u17D2\u179A\u17BC\u179C 3 \u179B\u17C1\u1781",
59972
+ winAmountKhr: win3DKhr,
59973
+ rebateRateKhr: rebateRate3D,
59974
+ rewardAmountKhr: reward3DKhr,
59975
+ winAmountUsd: win3DUsd,
59976
+ rebateRateUsd: rebateRate3D,
59977
+ rewardAmountUsd: reward3DUsd
59978
+ },
59979
+ {
59980
+ isVisible: isShow4DKhr || isShow4DUsd,
59981
+ label: "\u178F\u17D2\u179A\u17BC\u179C 4 \u179B\u17C1\u1781",
59982
+ winAmountKhr: win4DKhr,
59983
+ rebateRateKhr: rebateRate4D,
59984
+ rewardAmountKhr: reward4DKhr,
59985
+ winAmountUsd: win4DUsd,
59986
+ rebateRateUsd: rebateRate4D,
59987
+ rewardAmountUsd: reward4DUsd,
59988
+ className: "animate-slide-up b-vio-b"
59989
+ }
59990
+ ]);
59991
+ const MainVn = (props) => {
59992
+ const {
59993
+ t,
59994
+ item: {
59995
+ date,
59996
+ isShow1DKhr,
59997
+ isShow4DKhr,
59998
+ isShow1DUsd,
59999
+ isShow4DUsd,
60000
+ isShowUsd,
60001
+ items,
60002
+ username,
60003
+ nickname,
60004
+ summary: {
60005
+ com1DUsd = 0,
60006
+ com2DUsd = 0,
60007
+ com3DUsd = 0,
60008
+ com4DUsd = 0,
60009
+ com1DKhr = 0,
60010
+ com2DKhr = 0,
60011
+ com3DKhr = 0,
60012
+ com4DKhr = 0,
60013
+ bet1DUsd = 0,
60014
+ bet2DUsd = 0,
60015
+ bet3DUsd = 0,
60016
+ bet4DUsd = 0,
60017
+ bet1DKhr = 0,
60018
+ bet2DKhr = 0,
60019
+ bet3DKhr = 0,
60020
+ bet4DKhr = 0,
60021
+ reward1DKhr = 0,
60022
+ reward1DUsd = 0,
60023
+ reward2DKhr = 0,
60024
+ reward2DUsd = 0,
60025
+ reward3DUsd = 0,
60026
+ reward3DKhr = 0,
60027
+ reward4DUsd = 0,
60028
+ reward4DKhr = 0,
60029
+ win1DKhr = 0,
60030
+ win1DUsd = 0,
60031
+ win2DKhr = 0,
60032
+ win2DUsd = 0,
60033
+ win3DKhr = 0,
60034
+ win3DUsd = 0,
60035
+ win4DKhr = 0,
60036
+ win4DUsd = 0,
60037
+ winLoseKhr = 0,
60038
+ winLoseUsd = 0
60039
+ },
60040
+ hasLottery: {
60041
+ rebateRate1D = 0,
60042
+ rebateRate2D = 0,
60043
+ rebateRate3D = 0,
60044
+ rebateRate4D = 0,
60045
+ com1D = 0,
60046
+ com2D = 0,
60047
+ com3D = 0,
60048
+ com4D = 0
60049
+ } = {}
60050
+ },
60051
+ type,
60052
+ id,
60053
+ isMix,
60054
+ mixDailyReport,
60055
+ filter: directFilter,
60056
+ preTitle
60057
+ } = props;
60058
+ const filter = directFilter || (mixDailyReport == null ? void 0 : mixDailyReport.filter) || {};
60059
+ const translate = getMixDailyTranslator(t);
60060
+ const className = getReportClassName(filter);
60061
+ const getAllLength = getOptionalDigitLength(isShow1DKhr, isShow1DUsd, isShow4DKhr, isShow4DUsd);
60062
+ const getKHRLength = getOptionalDigitLength(isShow1DKhr, isShow4DKhr);
60063
+ const getUSDLength = getOptionalDigitLength(isShow1DUsd, isShow4DUsd);
60064
+ const mergeAll = getAllLength + 4;
60065
+ const mergeKhr = getKHRLength + 2;
60066
+ const mergeUsd = getUSDLength + 2;
60067
+ const summaryRowLayout = getSummaryRowLayout({ isShowUsd, getAllLength, mergeKhr });
60068
+ const commissionRows = getCommissionRows$2({
60069
+ isMix,
60070
+ isShow1DKhr,
60071
+ isShow1DUsd,
60072
+ isShow4DKhr,
60073
+ isShow4DUsd,
60074
+ bet1DKhr,
60075
+ bet2DKhr,
60076
+ bet3DKhr,
60077
+ bet4DKhr,
60078
+ bet1DUsd,
60079
+ bet2DUsd,
60080
+ bet3DUsd,
60081
+ bet4DUsd,
60082
+ com1D,
60083
+ com2D,
60084
+ com3D,
60085
+ com4D,
60086
+ com1DKhr,
60087
+ com2DKhr,
60088
+ com3DKhr,
60089
+ com4DKhr,
60090
+ com1DUsd,
60091
+ com2DUsd,
60092
+ com3DUsd,
60093
+ com4DUsd
60094
+ });
60095
+ const rewardRows = getRewardRows$2({
60096
+ isShow1DKhr,
60097
+ isShow1DUsd,
60098
+ isShow4DKhr,
60099
+ isShow4DUsd,
60100
+ win1DKhr,
60101
+ win2DKhr,
60102
+ win3DKhr,
60103
+ win4DKhr,
60104
+ win1DUsd,
60105
+ win2DUsd,
60106
+ win3DUsd,
60107
+ win4DUsd,
60108
+ reward1DKhr,
60109
+ reward2DKhr,
60110
+ reward3DKhr,
60111
+ reward4DKhr,
60112
+ reward1DUsd,
60113
+ reward2DUsd,
60114
+ reward3DUsd,
60115
+ reward4DUsd,
60116
+ rebateRate1D,
60117
+ rebateRate2D,
60118
+ rebateRate3D,
60119
+ rebateRate4D
60120
+ });
60121
+ const isShow = (value) => !isMix && value;
60122
+ const titleColSpan = isShowUsd ? 2 + mergeAll + mergeKhr + mergeUsd : 2 + mergeKhr * 2;
60123
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { id: "wrap-tb", className: "mb-3 mr-3", children: /* @__PURE__ */ jsxRuntime.jsx("table", { id, className: `table table-hover table-striped ${className}`, children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { className: "pb-5", children: [
60124
+ renderReportTitleRows({
60125
+ preTitle,
60126
+ lotteryType: type,
60127
+ nickname,
60128
+ username,
60129
+ date,
60130
+ titleColSpan,
60131
+ usernameColSpan: isShowUsd ? mergeAll : mergeKhr,
60132
+ dateColSpan: isShowUsd ? mergeKhr : mergeKhr - 1,
60133
+ dayColSpan: isShowUsd ? mergeUsd : 1,
60134
+ isSend: filter == null ? void 0 : filter.isSend
60135
+ }),
60136
+ renderSectionHeaderRow$2({
60137
+ t: translate,
60138
+ lotteryType: type,
60139
+ isShowUsd,
60140
+ isShow1DKhr,
60141
+ isShow4DKhr,
60142
+ isShow1DUsd,
60143
+ isShow4DUsd
60144
+ }),
60145
+ renderColumnHeaderRow$2({
60146
+ t: translate,
60147
+ isMix,
60148
+ isShowUsd,
60149
+ isShow1DKhr,
60150
+ isShow4DKhr,
60151
+ isShow1DUsd,
60152
+ isShow4DUsd,
60153
+ mergeKhr,
60154
+ mergeUsd
60155
+ }),
60156
+ items && items.map((object, i) => /* @__PURE__ */ React.createElement(
60157
+ MainTableRow$2,
60158
+ __spreadProps$5(__spreadValues$6({
60159
+ isShowUsd,
60160
+ mergeKhr,
60161
+ mergeUsd,
60162
+ isShow
60163
+ }, props), {
60164
+ key: i,
60165
+ index: i + 1,
60166
+ item: props.item,
60167
+ object
60168
+ })
60169
+ )),
60170
+ /* @__PURE__ */ jsxRuntime.jsx(
60171
+ MainTableRow$2,
60172
+ __spreadProps$5(__spreadValues$6({
60173
+ isShowUsd,
60174
+ mergeKhr,
60175
+ mergeUsd,
60176
+ isShow
60177
+ }, props), {
60178
+ total: "\u179F\u179A\u17BB\u1794",
60179
+ item: props.item,
60180
+ object: __spreadValues$6({}, props.item.summary)
60181
+ })
60182
+ ),
60183
+ /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx(THF, { colSpan: 10 }) }),
60184
+ renderSummaryBandRow({
60185
+ isShowUsd,
60186
+ khrColSpan: isShowUsd ? mergeAll : mergeKhr + 6,
60187
+ usdColSpan: getAllLength + 6
60188
+ }),
60189
+ renderCalculationRows({
60190
+ rows: commissionRows,
60191
+ id,
60192
+ isShowUsd,
60193
+ layout: summaryRowLayout,
60194
+ resultClassName: "blue-l-h",
60195
+ usdResultClassName: "green-l-h"
60196
+ }),
60197
+ renderCalculationRows({
60198
+ rows: rewardRows,
60199
+ id,
60200
+ isShowUsd,
60201
+ layout: summaryRowLayout,
60202
+ valueClassName: "t-blue",
60203
+ resultClassName: "t-blue b-gray-l"
60204
+ }),
60205
+ renderWinLoseRow({
60206
+ id,
60207
+ isShowUsd,
60208
+ winLoseKhr,
60209
+ winLoseUsd,
60210
+ khrAfterValue: [{ colSpan: isShowUsd ? getAllLength + 4 : mergeKhr + 8 }],
60211
+ usdAfterValue: [{ colSpan: 7 }]
60212
+ })
60213
+ ] }) }) });
60214
+ };
60215
+
60216
+ let MainTableRow$1 = class MainTableRow extends React.Component {
60217
+ render() {
60218
+ const {
60219
+ object: {
60220
+ drawAt,
60221
+ bet2DUsd = 0,
60222
+ bet3DUsd = 0,
60223
+ bet2DKhr = 0,
60224
+ bet3DKhr = 0,
60225
+ win2DKhr = 0,
60226
+ win2DUsd = 0,
60227
+ win3DKhr = 0,
60228
+ win3DUsd = 0,
60229
+ win4DKhr = 0,
60230
+ win4DUsd = 0,
60231
+ bet4DKhr = 0,
60232
+ bet4DUsd = 0
60233
+ },
60234
+ id,
60235
+ total,
60236
+ isMix,
60237
+ isShowUsd
60238
+ } = this.props;
60239
+ return /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "animate-slide-up", children: [
60240
+ /* @__PURE__ */ jsxRuntime.jsx(
60241
+ TH,
60242
+ {
60243
+ colSpan: 2,
60244
+ className: `text-center t-blue-vio ${!total ? "t-left" : ""}`,
60245
+ children: total ? total : getTime(drawAt)
60246
+ }
60247
+ ),
60248
+ !isMix && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { id, value: bet2DKhr, currency: "KHR" }),
60249
+ !isMix && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { id, value: bet3DKhr, currency: "KHR" }),
60250
+ !isMix && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { id, value: bet4DKhr, currency: "KHR" }),
60251
+ !isMix && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h", id, value: bet2DUsd, currency: "USD" }),
60252
+ !isMix && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h", id, value: bet3DUsd, currency: "USD" }),
60253
+ !isMix && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h", id, value: bet4DUsd, currency: "USD" }),
60254
+ isMix && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { colSpan: 2, id, value: bet2DKhr + bet3DKhr + bet4DKhr, currency: "KHR" }),
60255
+ isMix && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h", colSpan: 2, id, value: formatUsd(bet3DUsd + bet2DUsd + bet4DUsd), currency: "USD" }),
60256
+ /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "t-blue", id, value: win2DKhr, currency: "KHR" }),
60257
+ /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "t-blue", id, value: win3DKhr, currency: "KHR" }),
60258
+ /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "t-blue", id, value: win4DKhr, currency: "KHR" }),
60259
+ isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h t-blue", id, value: win2DUsd, currency: "USD" }),
60260
+ isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h t-blue", id, value: win3DUsd, currency: "USD" }),
60261
+ isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h t-blue", id, value: win4DUsd, currency: "USD" })
60262
+ ] });
60263
+ }
60264
+ };
60265
+
60266
+ var __defProp$5 = Object.defineProperty;
60267
+ var __defProps$4 = Object.defineProperties;
60268
+ var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
60269
+ var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
60270
+ var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
60271
+ var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
60272
+ var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
60273
+ var __spreadValues$5 = (a, b) => {
60274
+ for (var prop in b || (b = {}))
60275
+ if (__hasOwnProp$5.call(b, prop))
60276
+ __defNormalProp$5(a, prop, b[prop]);
60277
+ if (__getOwnPropSymbols$5)
60278
+ for (var prop of __getOwnPropSymbols$5(b)) {
60279
+ if (__propIsEnum$5.call(b, prop))
60280
+ __defNormalProp$5(a, prop, b[prop]);
60281
+ }
60282
+ return a;
60283
+ };
60284
+ var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
60285
+ const renderSectionHeaderRow$1 = ({ t, lotteryType, isMix, isShowUsd }) => renderReportSectionHeaderRow({
60286
+ lotteryType,
60287
+ sections: [
60288
+ { key: "bet-khr", colSpan: isMix ? 2 : 3, label: `${t("labels:mix_daily_report.bet")}(KHR)` },
60289
+ { key: "bet-usd", isVisible: isShowUsd, colSpan: isMix ? 2 : 3, label: `${t("labels:mix_daily_report.bet")}(USD)` },
60290
+ { key: "reward-khr", colSpan: 3, label: `${t("labels:mix_daily_report.reward")}(KHR)` },
60291
+ { key: "reward-usd", isVisible: isShowUsd, colSpan: 3, label: `${t("labels:mix_daily_report.reward")}(USD)` }
60292
+ ]
60293
+ });
60294
+ const renderColumnHeaderRow$1 = ({ t, isMix, isShowUsd }) => renderReportColumnHeaderRow([
60295
+ { key: "shift", colSpan: 2, className: "text-center", label: t("labels:mix_daily_report.shift") },
60296
+ { key: "bet-2d-khr", isVisible: !isMix, className: "text-center blue-l-h", label: t("labels:mix_daily_report.two_d") },
60297
+ { key: "bet-3d-khr", isVisible: !isMix, className: "text-center blue-l-h", label: t("labels:mix_daily_report.three_d") },
60298
+ { key: "bet-4d-khr", isVisible: !isMix, className: "text-center blue-l-h", label: t("labels:mix_daily_report.four_d") },
60299
+ { key: "mix-khr", isVisible: isMix, colSpan: 2, className: "text-center blue-l-h", label: "\u179A\u17C0\u179B" },
60300
+ { key: "mix-usd", isVisible: isMix && isShowUsd, colSpan: 2, className: "text-center green-l-h", label: "\u178A\u17BB\u179B\u17D2\u179B\u17B6\u179A" },
60301
+ { key: "bet-2d-usd", isVisible: !isMix && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.two_d") },
60302
+ { key: "bet-3d-usd", isVisible: !isMix && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.three_d") },
60303
+ { key: "bet-4d-usd", isVisible: !isMix && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.four_d") },
60304
+ { key: "reward-2d-khr", className: "text-center blue-l-h", label: t("labels:mix_daily_report.two_d") },
60305
+ { key: "reward-3d-khr", className: "text-center blue-l-h", label: t("labels:mix_daily_report.three_d") },
60306
+ { key: "reward-4d-khr", className: "text-center blue-l-h", label: t("labels:mix_daily_report.four_d") },
60307
+ { key: "reward-2d-usd", isVisible: isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.two_d") },
60308
+ { key: "reward-3d-usd", isVisible: isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.three_d") },
60309
+ { key: "reward-4d-usd", isVisible: isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.four_d") }
60310
+ ]);
60311
+ const getCommissionRowLayout$1 = ({ isShowUsd }) => ({
60312
+ khrAfterResult: [{ colSpan: isShowUsd ? 3 : 4 }],
60313
+ usdAfterResult: [{}, {}, {}]
60314
+ });
60315
+ const getMixCommissionRowLayout$1 = ({ isShowUsd }) => ({
60316
+ khrAfterResult: [{ colSpan: isShowUsd ? 2 : 3 }],
60317
+ usdAfterResult: [{}, {}]
60318
+ });
60319
+ const getRewardRowLayout$1 = ({ isMix, isShowUsd }) => ({
60320
+ khrAfterResult: [
60321
+ { colSpan: isShowUsd ? 2 : 3 },
60322
+ ...!isMix ? [{}] : []
60323
+ ],
60324
+ usdAfterResult: [
60325
+ {},
60326
+ {},
60327
+ ...!isMix ? [{}] : []
60328
+ ]
60329
+ });
60330
+ const getWinLoseLayout$1 = ({ isMix, isShowUsd }) => ({
60331
+ khrAfterValue: [
60332
+ { colSpan: isShowUsd ? 4 : 5 },
60333
+ ...!isMix ? [{}] : []
60334
+ ],
60335
+ usdAfterValue: [
60336
+ { colSpan: 4 },
60337
+ ...!isMix ? [{}] : []
60338
+ ]
60339
+ });
60340
+ const getCommissionRows$1 = ({
60341
+ isMix,
60342
+ isShowUsd,
60343
+ bet2DKhr,
60344
+ bet3DKhr,
60345
+ bet4DKhr,
60346
+ bet2DUsd,
60347
+ bet3DUsd,
60348
+ bet4DUsd,
60349
+ com2D,
60350
+ com3D,
60351
+ com4D,
60352
+ com2DKhr,
60353
+ com3DKhr,
60354
+ com4DKhr,
60355
+ com2DUsd,
60356
+ com3DUsd,
60357
+ com4DUsd
60358
+ }) => [
60359
+ ...buildCommissionRows([
60360
+ {
60361
+ isVisible: !isMix,
60362
+ label: "2 \u179B\u17C1\u1781",
60363
+ betAmountKhr: bet2DKhr,
60364
+ comRate: com2D,
60365
+ comAmountKhr: com2DKhr,
60366
+ betAmountUsd: bet2DUsd,
60367
+ comAmountUsd: com2DUsd,
60368
+ className: "animate-slide-u"
60369
+ },
60370
+ {
60371
+ isVisible: !isMix,
60372
+ label: "3 \u179B\u17C1\u1781",
60373
+ betAmountKhr: bet3DKhr,
60374
+ comRate: com3D,
60375
+ comAmountKhr: com3DKhr,
60376
+ betAmountUsd: bet3DUsd,
60377
+ comAmountUsd: com3DUsd
60378
+ },
60379
+ {
60380
+ isVisible: !isMix,
60381
+ label: "4 \u179B\u17C1\u1781",
60382
+ betAmountKhr: bet4DKhr,
60383
+ comRate: com4D,
60384
+ comAmountKhr: com4DKhr,
60385
+ betAmountUsd: bet4DUsd,
60386
+ comAmountUsd: com4DUsd
60387
+ }
60388
+ ]),
60389
+ {
60390
+ isVisible: isMix,
60391
+ label: "\u179B\u17BB\u1799\u179B\u1780\u17CB",
60392
+ khrValue: bet2DKhr + bet3DKhr + bet4DKhr,
60393
+ rate: `x ${com2D}/${com3D}/${com4D}`,
60394
+ khrResult: com2DKhr + com3DKhr + com4DKhr,
60395
+ usdValue: formatUsd(bet2DUsd + bet3DUsd + bet4DUsd),
60396
+ usdResult: formatUsd(com2DUsd + com3DUsd + com4DUsd),
60397
+ usdResultClassName: "blue-l-h",
60398
+ layout: getMixCommissionRowLayout$1({ isShowUsd })
60399
+ }
60400
+ ];
60401
+ const getRewardRows$1 = ({
60402
+ win2DKhr,
60403
+ win3DKhr,
60404
+ win4DKhr,
60405
+ win2DUsd,
60406
+ win3DUsd,
60407
+ win4DUsd,
60408
+ reward2DKhr,
60409
+ reward3DKhr,
60410
+ reward4DKhr,
60411
+ reward2DUsd,
60412
+ reward3DUsd,
60413
+ reward4DUsd,
60414
+ rebateRate2D,
60415
+ rebateRate3D,
60416
+ rebateRate4D
60417
+ }) => buildRewardRows([
60418
+ {
60419
+ label: "\u178F\u17D2\u179A\u17BC\u179C 2 \u179B\u17C1\u1781",
60420
+ winAmountKhr: win2DKhr,
60421
+ rebateRateKhr: rebateRate2D,
60422
+ rewardAmountKhr: reward2DKhr,
60423
+ winAmountUsd: win2DUsd,
60424
+ rebateRateUsd: rebateRate2D,
60425
+ rewardAmountUsd: reward2DUsd
60426
+ },
60427
+ {
60428
+ label: "\u178F\u17D2\u179A\u17BC\u179C 3 \u179B\u17C1\u1781",
60429
+ winAmountKhr: win3DKhr,
60430
+ rebateRateKhr: rebateRate3D,
60431
+ rewardAmountKhr: reward3DKhr,
60432
+ winAmountUsd: win3DUsd,
60433
+ rebateRateUsd: rebateRate3D,
60434
+ rewardAmountUsd: reward3DUsd
60435
+ },
60436
+ {
60437
+ label: "\u178F\u17D2\u179A\u17BC\u179C 4 \u179B\u17C1\u1781",
60438
+ winAmountKhr: win4DKhr,
60439
+ rebateRateKhr: rebateRate4D,
60440
+ rewardAmountKhr: reward4DKhr,
60441
+ winAmountUsd: win4DUsd,
60442
+ rebateRateUsd: rebateRate4D,
60443
+ rewardAmountUsd: reward4DUsd
60444
+ }
60445
+ ]);
60446
+ const MainLeap = (props) => {
60447
+ const {
60448
+ t,
60449
+ item: {
60450
+ date,
60451
+ items,
60452
+ username,
60453
+ nickname,
60454
+ summary: {
60455
+ com2DUsd = 0,
60456
+ com3DUsd = 0,
60457
+ com4DUsd = 0,
60458
+ com2DKhr = 0,
60459
+ com3DKhr = 0,
60460
+ com4DKhr = 0,
60461
+ bet2DUsd = 0,
60462
+ bet3DUsd = 0,
60463
+ bet4DUsd = 0,
60464
+ bet2DKhr = 0,
60465
+ bet3DKhr = 0,
60466
+ bet4DKhr = 0,
60467
+ reward2DKhr = 0,
60468
+ reward2DUsd = 0,
60469
+ reward3DUsd = 0,
60470
+ reward3DKhr = 0,
60471
+ reward4DKhr = 0,
60472
+ reward4DUsd = 0,
60473
+ win2DKhr = 0,
60474
+ win2DUsd = 0,
60475
+ win3DKhr = 0,
60476
+ win4DKhr = 0,
60477
+ win3DUsd = 0,
60478
+ win4DUsd = 0,
60479
+ winLoseKhr = 0,
60480
+ winLoseUsd = 0
60481
+ },
60482
+ hasLottery: {
60483
+ rebateRate2D = 0,
60484
+ rebateRate3D = 0,
60485
+ rebateRate4D = 0,
60486
+ com2D = 0,
60487
+ com3D = 0,
60488
+ com4D = 0
60489
+ } = {},
60490
+ isShowUsd
60491
+ },
60492
+ id,
60493
+ isMix,
60494
+ type,
60495
+ mixDailyReport,
60496
+ filter: directFilter,
60497
+ preTitle
60498
+ } = props;
60499
+ const filter = directFilter || (mixDailyReport == null ? void 0 : mixDailyReport.filter) || {};
60500
+ const translate = getMixDailyTranslator(t);
60501
+ const className = getReportClassName(filter);
60502
+ const commissionRows = getCommissionRows$1({
60503
+ isMix,
60504
+ isShowUsd,
60505
+ bet2DKhr,
60506
+ bet3DKhr,
60507
+ bet4DKhr,
60508
+ bet2DUsd,
60509
+ bet3DUsd,
60510
+ bet4DUsd,
60511
+ com2D,
60512
+ com3D,
60513
+ com4D,
60514
+ com2DKhr,
60515
+ com3DKhr,
60516
+ com4DKhr,
60517
+ com2DUsd,
60518
+ com3DUsd,
60519
+ com4DUsd
60520
+ });
60521
+ const rewardRows = getRewardRows$1({
60522
+ win2DKhr,
60523
+ win3DKhr,
60524
+ win4DKhr,
60525
+ win2DUsd,
60526
+ win3DUsd,
60527
+ win4DUsd,
60528
+ reward2DKhr,
60529
+ reward3DKhr,
60530
+ reward4DKhr,
60531
+ reward2DUsd,
60532
+ reward3DUsd,
60533
+ reward4DUsd,
60534
+ rebateRate2D,
60535
+ rebateRate3D,
60536
+ rebateRate4D
60537
+ });
60538
+ const rewardRowLayout = getRewardRowLayout$1({ isMix, isShowUsd });
60539
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { id: "wrap-tb", className: "mb-3 mr-3", children: /* @__PURE__ */ jsxRuntime.jsx("table", { id, className: `table table-hover table-striped ${className}`, children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { className: "pb-5", children: [
60540
+ renderReportTitleRows({
60541
+ preTitle,
60542
+ lotteryType: type,
60543
+ nickname,
60544
+ username,
60545
+ date,
60546
+ titleColSpan: isShowUsd ? isMix ? 12 : 14 : isMix ? 7 : 8,
60547
+ usernameColSpan: isShowUsd ? 5 : isMix ? 2 : 3,
60548
+ dateColSpan: isShowUsd ? 3 : 2,
60549
+ dayColSpan: isShowUsd ? isMix ? 2 : 4 : 1,
60550
+ isSend: filter == null ? void 0 : filter.isSend
60551
+ }),
60552
+ renderSectionHeaderRow$1({ t: translate, lotteryType: type, isMix, isShowUsd }),
60553
+ renderColumnHeaderRow$1({ t: translate, isMix, isShowUsd }),
60554
+ items && items.map((object, i) => /* @__PURE__ */ React.createElement(
60555
+ MainTableRow$1,
60556
+ __spreadProps$4(__spreadValues$5({
60557
+ isShowUsd
60558
+ }, props), {
60559
+ key: i,
60560
+ index: i + 1,
60561
+ object
60562
+ })
60563
+ )),
60564
+ /* @__PURE__ */ jsxRuntime.jsx(
60565
+ MainTableRow$1,
60566
+ __spreadProps$4(__spreadValues$5({}, props), {
60567
+ isShowUsd,
60568
+ total: "\u179F\u179A\u17BB\u1794",
60569
+ object: __spreadValues$5({}, props.item.summary)
60570
+ })
60571
+ ),
60572
+ /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx(THF, { colSpan: 10 }) }),
60573
+ renderSummaryBandRow({
60574
+ isShowUsd,
60575
+ khrColSpan: isShowUsd ? isMix ? 6 : 7 : 8,
60576
+ usdColSpan: isMix ? 6 : 7
60577
+ }),
60578
+ renderCalculationRows({
60579
+ rows: commissionRows,
60580
+ id,
60581
+ isShowUsd,
60582
+ layout: getCommissionRowLayout$1({ isShowUsd }),
60583
+ resultClassName: "blue-l-h",
60584
+ usdResultClassName: "green-l-h"
60585
+ }),
60586
+ renderCalculationRows({
60587
+ rows: rewardRows,
60588
+ id,
60589
+ isShowUsd,
60590
+ layout: rewardRowLayout,
60591
+ valueClassName: "t-blue",
60592
+ resultClassName: "t-blue b-gray-l"
60593
+ }),
60594
+ renderWinLoseRow(__spreadValues$5({
60595
+ id,
60596
+ isShowUsd,
60597
+ winLoseKhr,
60598
+ winLoseUsd
60599
+ }, getWinLoseLayout$1({ isMix, isShowUsd })))
60600
+ ] }) }) });
60601
+ };
60602
+
60603
+ class MainTableRow extends React.Component {
60604
+ render() {
60605
+ const {
60606
+ object: {
60607
+ drawAt,
60608
+ bet2DUsd = 0,
60609
+ bet3DUsd = 0,
60610
+ bet2DKhr = 0,
60611
+ bet3DKhr = 0,
60612
+ win2DKhr = 0,
60613
+ win2DUsd = 0,
60614
+ win3DKhr = 0,
60615
+ win3DUsd = 0,
60616
+ win4DKhr = 0,
60617
+ win4DUsd = 0,
60618
+ bet4DKhr = 0,
60619
+ bet4DUsd = 0,
60620
+ win5DKhr = 0,
60621
+ win5DUsd = 0,
60622
+ bet5DKhr = 0,
60623
+ bet5DUsd = 0
60624
+ },
60625
+ id,
60626
+ total,
60627
+ isMix,
60628
+ isShowUsd,
60629
+ isShow4DUsd,
60630
+ isShow4DKhr,
60631
+ isShow5DUsd,
60632
+ isShow5DKhr
60633
+ } = this.props;
60634
+ return /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "animate-slide-up", children: [
60635
+ /* @__PURE__ */ jsxRuntime.jsx(
60636
+ TH,
60637
+ {
60638
+ colSpan: 2,
60639
+ className: `text-center t-blue-vio ${!total ? "t-left" : ""}`,
60640
+ children: total ? total : getTime(drawAt)
60641
+ }
60642
+ ),
60643
+ !isMix && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { id, value: bet2DKhr, currency: "KHR" }),
60644
+ !isMix && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { id, value: bet3DKhr, currency: "KHR" }),
60645
+ !isMix && isShow4DKhr && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { id, value: bet4DKhr, currency: "KHR" }),
60646
+ !isMix && isShow5DKhr && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { id, value: bet5DKhr, currency: "KHR" }),
60647
+ !isMix && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h", id, value: bet2DUsd, currency: "USD" }),
60648
+ !isMix && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h", id, value: bet3DUsd, currency: "USD" }),
60649
+ !isMix && isShowUsd && isShow4DUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h", id, value: bet4DUsd, currency: "USD" }),
60650
+ !isMix && isShowUsd && isShow5DUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h", id, value: bet5DUsd, currency: "USD" }),
60651
+ isMix && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { colSpan: 2, id, value: bet2DKhr + bet3DKhr + bet4DKhr + bet5DKhr, currency: "KHR" }),
60652
+ isMix && isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h", colSpan: 2, id, value: formatUsd(bet3DUsd + bet2DUsd + bet4DUsd + bet5DUsd), currency: "USD" }),
60653
+ /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "t-blue", id, value: win2DKhr, currency: "KHR" }),
60654
+ /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "t-blue", id, value: win3DKhr, currency: "KHR" }),
60655
+ isShow4DKhr && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "t-blue", id, value: win4DKhr, currency: "KHR" }),
60656
+ isShow5DKhr && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "t-blue", id, value: win5DKhr, currency: "KHR" }),
60657
+ isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h t-blue", id, value: win2DUsd, currency: "USD" }),
60658
+ isShowUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h t-blue", id, value: win3DUsd, currency: "USD" }),
60659
+ isShowUsd && isShow4DUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h t-blue", id, value: win4DUsd, currency: "USD" }),
60660
+ isShowUsd && isShow5DUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidth, { className: "green-l-h t-blue", id, value: win5DUsd, currency: "USD" })
60661
+ ] });
60662
+ }
60663
+ }
60664
+
60665
+ var __defProp$4 = Object.defineProperty;
60666
+ var __defProps$3 = Object.defineProperties;
60667
+ var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
60668
+ var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
60669
+ var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
60670
+ var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
60671
+ var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
60672
+ var __spreadValues$4 = (a, b) => {
60673
+ for (var prop in b || (b = {}))
60674
+ if (__hasOwnProp$4.call(b, prop))
60675
+ __defNormalProp$4(a, prop, b[prop]);
60676
+ if (__getOwnPropSymbols$4)
60677
+ for (var prop of __getOwnPropSymbols$4(b)) {
60678
+ if (__propIsEnum$4.call(b, prop))
60679
+ __defNormalProp$4(a, prop, b[prop]);
60680
+ }
60681
+ return a;
60682
+ };
60683
+ var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
60684
+ const renderSectionHeaderRow = ({ t, lotteryType, isMix, isShowUsd, getKHRLength, getUSDLength }) => renderReportSectionHeaderRow({
60685
+ lotteryType,
60686
+ sections: [
60687
+ { key: "bet-khr", colSpan: isMix ? 2 : getKHRLength + 2, label: `${t("labels:mix_daily_report.bet")}(KHR)` },
60688
+ { key: "bet-usd", isVisible: isShowUsd, colSpan: isMix ? 2 : getUSDLength + 2, label: `${t("labels:mix_daily_report.bet")}(USD)` },
60689
+ { key: "reward-khr", colSpan: getKHRLength + 2, label: `${t("labels:mix_daily_report.reward")}(KHR)` },
60690
+ { key: "reward-usd", isVisible: isShowUsd, colSpan: getUSDLength + 2, label: `${t("labels:mix_daily_report.reward")}(USD)` }
60691
+ ]
60692
+ });
60693
+ const renderColumnHeaderRow = ({
60694
+ t,
60695
+ isMix,
60696
+ isShowUsd,
60697
+ isShow4DUsd,
60698
+ isShow4DKhr,
60699
+ isShow5DUsd,
60700
+ isShow5DKhr
60701
+ }) => renderReportColumnHeaderRow([
60702
+ { key: "shift", colSpan: 2, className: "text-center", label: t("labels:mix_daily_report.shift") },
60703
+ { key: "bet-2d-khr", isVisible: !isMix, className: "text-center blue-l-h", label: t("labels:mix_daily_report.two_d") },
60704
+ { key: "bet-3d-khr", isVisible: !isMix, className: "text-center blue-l-h", label: t("labels:mix_daily_report.three_d") },
60705
+ { key: "bet-4d-khr", isVisible: !isMix && isShow4DKhr, className: "text-center blue-l-h", label: t("labels:mix_daily_report.four_d") },
60706
+ { key: "bet-5d-khr", isVisible: !isMix && isShow5DKhr, className: "text-center blue-l-h", label: t("labels:mix_daily_report.five_d") },
60707
+ { key: "mix-khr", isVisible: isMix, colSpan: 2, className: "text-center blue-l-h", label: "\u179A\u17C0\u179B" },
60708
+ { key: "mix-usd", isVisible: isMix && isShowUsd, colSpan: 2, className: "text-center green-l-h", label: "\u178A\u17BB\u179B\u17D2\u179B\u17B6\u179A" },
60709
+ { key: "bet-2d-usd", isVisible: !isMix && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.two_d") },
60710
+ { key: "bet-3d-usd", isVisible: !isMix && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.three_d") },
60711
+ { key: "bet-4d-usd", isVisible: !isMix && isShowUsd && isShow4DUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.four_d") },
60712
+ { key: "bet-5d-usd", isVisible: !isMix && isShowUsd && isShow5DUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.five_d") },
60713
+ { key: "reward-2d-khr", className: "text-center blue-l-h", label: t("labels:mix_daily_report.two_d") },
60714
+ { key: "reward-3d-khr", className: "text-center blue-l-h", label: t("labels:mix_daily_report.three_d") },
60715
+ { key: "reward-4d-khr", isVisible: isShow4DKhr, className: "text-center blue-l-h", label: t("labels:mix_daily_report.four_d") },
60716
+ { key: "reward-5d-khr", isVisible: isShow5DKhr, className: "text-center blue-l-h", label: t("labels:mix_daily_report.five_d") },
60717
+ { key: "reward-2d-usd", isVisible: isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.two_d") },
60718
+ { key: "reward-3d-usd", isVisible: isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.three_d") },
60719
+ { key: "reward-4d-usd", isVisible: isShowUsd && isShow4DUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.four_d") },
60720
+ { key: "reward-5d-usd", isVisible: isShowUsd && isShow5DUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.five_d") }
60721
+ ]);
60722
+ const getCommissionRowLayout = ({ isShowUsd, getAllLength, getKHRLength }) => ({
60723
+ khrAfterResult: [{ colSpan: isShowUsd ? getAllLength + 2 : getKHRLength * 2 + 2 }],
60724
+ usdAfterResult: getAllLength > 0 ? [{ colSpan: getAllLength }] : []
60725
+ });
60726
+ const getMixCommissionRowLayout = ({ isShowUsd, getAllLength }) => ({
60727
+ khrAfterResult: [{ colSpan: isShowUsd ? 2 : 3 }],
60728
+ usdAfterResult: getAllLength > 0 ? [{ colSpan: getAllLength }] : []
60729
+ });
60730
+ const getRewardRowLayout = ({ isMix, isShowUsd, getAllLength, getKHRLength }) => ({
60731
+ khrAfterResult: [{
60732
+ colSpan: isMix ? isShowUsd ? 2 : getKHRLength + 3 : isShowUsd ? getAllLength + 2 : getKHRLength * 2 + 2
60733
+ }],
60734
+ usdAfterResult: getAllLength > 0 ? [{ colSpan: getAllLength }] : []
60735
+ });
60736
+ const getWinLoseLayout = ({ isMix, isShowUsd, getAllLength, getKHRLength }) => ({
60737
+ khrAfterValue: [{
60738
+ colSpan: isMix ? isShowUsd ? 4 : getKHRLength + 5 : isShowUsd ? getAllLength + 4 : getKHRLength * 2 + 4
60739
+ }],
60740
+ usdAfterValue: [{ colSpan: getAllLength + 2 }]
60741
+ });
60742
+ const getCommissionRows = ({
60743
+ isMix,
60744
+ isShow4DKhr,
60745
+ isShow4DUsd,
60746
+ isShow5DKhr,
60747
+ isShow5DUsd,
60748
+ isShowUsd,
60749
+ getAllLength,
60750
+ bet2DKhr,
60751
+ bet3DKhr,
60752
+ bet4DKhr,
60753
+ bet5DKhr,
60754
+ bet2DUsd,
60755
+ bet3DUsd,
60756
+ bet4DUsd,
60757
+ bet5DUsd,
60758
+ com2D,
60759
+ com3D,
60760
+ com4D,
60761
+ com5D,
60762
+ com2DKhr,
60763
+ com3DKhr,
60764
+ com4DKhr,
60765
+ com5DKhr,
60766
+ com2DUsd,
60767
+ com3DUsd,
60768
+ com4DUsd,
60769
+ com5DUsd
60770
+ }) => [
60771
+ ...buildCommissionRows([
60772
+ {
60773
+ isVisible: !isMix,
60774
+ label: "2 \u179B\u17C1\u1781",
60775
+ betAmountKhr: bet2DKhr,
60776
+ comRate: com2D,
60777
+ comAmountKhr: com2DKhr,
60778
+ betAmountUsd: bet2DUsd,
60779
+ comAmountUsd: com2DUsd,
60780
+ className: "animate-slide-u"
60781
+ },
60782
+ {
60783
+ isVisible: !isMix,
60784
+ label: "3 \u179B\u17C1\u1781",
60785
+ betAmountKhr: bet3DKhr,
60786
+ comRate: com3D,
60787
+ comAmountKhr: com3DKhr,
60788
+ betAmountUsd: bet3DUsd,
60789
+ comAmountUsd: com3DUsd
60790
+ },
60791
+ {
60792
+ isVisible: !isMix && (isShow4DKhr || isShow4DUsd),
60793
+ label: "4 \u179B\u17C1\u1781",
60794
+ betAmountKhr: bet4DKhr,
60795
+ comRate: com4D,
60796
+ comAmountKhr: com4DKhr,
60797
+ betAmountUsd: bet4DUsd,
60798
+ comAmountUsd: com4DUsd
60799
+ },
60800
+ {
60801
+ isVisible: !isMix && (isShow5DKhr || isShow5DUsd),
60802
+ label: "5 \u179B\u17C1\u1781",
60803
+ betAmountKhr: bet5DKhr,
60804
+ comRate: com5D,
60805
+ comAmountKhr: com5DKhr,
60806
+ betAmountUsd: bet5DUsd,
60807
+ comAmountUsd: com5DUsd
60808
+ }
60809
+ ]),
60810
+ {
60811
+ isVisible: isMix,
60812
+ label: "\u179B\u17BB\u1799\u179B\u1780\u17CB",
60813
+ khrValue: bet2DKhr + bet3DKhr + bet4DKhr + bet5DKhr,
60814
+ rate: `x ${com2D}/${com3D}${isShow4DKhr ? `/${com4D}` : ""}${isShow5DKhr ? `/${com5D}` : ""}`,
60815
+ khrResult: com2DKhr + com3DKhr + com4DKhr + com5DKhr,
60816
+ usdValue: formatUsd(bet2DUsd + bet3DUsd + bet4DUsd + bet5DUsd),
60817
+ usdRate: `x ${com2D}/${com3D}${isShow4DUsd ? `/${com4D}` : ""}${isShow5DUsd ? `/${com5D}` : ""}`,
60818
+ usdResult: formatUsd(com2DUsd + com3DUsd + com4DUsd + com5DUsd),
60819
+ usdResultClassName: "blue-l-h",
60820
+ layout: getMixCommissionRowLayout({ isShowUsd, getAllLength })
60821
+ }
60822
+ ];
60823
+ const getRewardRows = ({
60824
+ isShow4DKhr,
60825
+ isShow4DUsd,
60826
+ isShow5DKhr,
60827
+ isShow5DUsd,
60828
+ win2DKhr,
60829
+ win3DKhr,
60830
+ win4DKhr,
60831
+ win5DKhr,
60832
+ win2DUsd,
60833
+ win3DUsd,
60834
+ win4DUsd,
60835
+ win5DUsd,
60836
+ reward2DKhr,
60837
+ reward3DKhr,
60838
+ reward4DKhr,
60839
+ reward5DKhr,
60840
+ reward2DUsd,
60841
+ reward3DUsd,
60842
+ reward4DUsd,
60843
+ reward5DUsd,
60844
+ rebateRate2D,
60845
+ rebateRate3D,
60846
+ rebateRate4D,
60847
+ rebateRate5D
60848
+ }) => buildRewardRows([
60849
+ {
60850
+ label: "\u178F\u17D2\u179A\u17BC\u179C 2 \u179B\u17C1\u1781",
60851
+ winAmountKhr: win2DKhr,
60852
+ rebateRateKhr: rebateRate2D,
60853
+ rewardAmountKhr: reward2DKhr,
60854
+ winAmountUsd: win2DUsd,
60855
+ rebateRateUsd: rebateRate2D,
60856
+ rewardAmountUsd: reward2DUsd
60857
+ },
60858
+ {
60859
+ label: "\u178F\u17D2\u179A\u17BC\u179C 3 \u179B\u17C1\u1781",
60860
+ winAmountKhr: win3DKhr,
60861
+ rebateRateKhr: rebateRate3D,
60862
+ rewardAmountKhr: reward3DKhr,
60863
+ winAmountUsd: win3DUsd,
60864
+ rebateRateUsd: rebateRate3D,
60865
+ rewardAmountUsd: reward3DUsd
60866
+ },
60867
+ {
60868
+ isVisible: isShow4DKhr || isShow4DUsd,
60869
+ label: "\u178F\u17D2\u179A\u17BC\u179C 4 \u179B\u17C1\u1781",
60870
+ winAmountKhr: win4DKhr,
60871
+ rebateRateKhr: rebateRate4D,
60872
+ rewardAmountKhr: reward4DKhr,
60873
+ winAmountUsd: win4DUsd,
60874
+ rebateRateUsd: rebateRate4D,
60875
+ rewardAmountUsd: reward4DUsd
60876
+ },
60877
+ {
60878
+ isVisible: isShow5DKhr || isShow5DUsd,
60879
+ label: "\u178F\u17D2\u179A\u17BC\u179C 5 \u179B\u17C1\u1781",
60880
+ winAmountKhr: win5DKhr,
60881
+ rebateRateKhr: rebateRate5D,
60882
+ rewardAmountKhr: reward5DKhr,
60883
+ winAmountUsd: win5DUsd,
60884
+ rebateRateUsd: rebateRate5D,
60885
+ rewardAmountUsd: reward5DUsd
60886
+ }
60887
+ ]);
60888
+ const MainSC = (props) => {
60889
+ const {
60890
+ t,
60891
+ item: {
60892
+ date,
60893
+ items,
60894
+ username,
60895
+ nickname,
60896
+ summary: {
60897
+ com2DUsd = 0,
60898
+ com3DUsd = 0,
60899
+ com4DUsd = 0,
60900
+ com5DUsd = 0,
60901
+ com2DKhr = 0,
60902
+ com3DKhr = 0,
60903
+ com4DKhr = 0,
60904
+ com5DKhr = 0,
60905
+ bet2DUsd = 0,
60906
+ bet3DUsd = 0,
60907
+ bet4DUsd = 0,
60908
+ bet5DUsd = 0,
60909
+ bet2DKhr = 0,
60910
+ bet3DKhr = 0,
60911
+ bet4DKhr = 0,
60912
+ bet5DKhr = 0,
60913
+ reward2DKhr = 0,
60914
+ reward2DUsd = 0,
60915
+ reward3DUsd = 0,
60916
+ reward3DKhr = 0,
60917
+ reward4DKhr = 0,
60918
+ reward4DUsd = 0,
60919
+ reward5DKhr = 0,
60920
+ reward5DUsd = 0,
60921
+ win2DKhr = 0,
60922
+ win2DUsd = 0,
60923
+ win3DKhr = 0,
60924
+ win4DKhr = 0,
60925
+ win5DKhr = 0,
60926
+ win3DUsd = 0,
60927
+ win4DUsd = 0,
60928
+ win5DUsd = 0,
60929
+ winLoseKhr = 0,
60930
+ winLoseUsd = 0
60931
+ },
60932
+ hasLottery: {
60933
+ rebateRate2D = 0,
60934
+ rebateRate3D = 0,
60935
+ rebateRate4D = 0,
60936
+ rebateRate5D = 0,
60937
+ com2D = 0,
60938
+ com3D = 0,
60939
+ com4D = 0,
60940
+ com5D = 0
60941
+ } = {},
60942
+ isShowUsd,
60943
+ isShow4DUsd,
60944
+ isShow4DKhr,
60945
+ isShow5DUsd,
60946
+ isShow5DKhr
60947
+ },
60948
+ id,
60949
+ isMix,
60950
+ type,
60951
+ mixDailyReport,
60952
+ filter: directFilter,
60953
+ preTitle
60954
+ } = props;
60955
+ const filter = directFilter || (mixDailyReport == null ? void 0 : mixDailyReport.filter) || {};
60956
+ const translate = getMixDailyTranslator(t);
60957
+ const className = getReportClassName(filter);
60958
+ const getAllLength = getOptionalDigitLength(isShow4DUsd, isShow4DKhr, isShow5DKhr, isShow5DUsd);
60959
+ const getAllLength2 = getAllLength * 2;
60960
+ const getKHRLength = getOptionalDigitLength(isShow4DKhr, isShow5DKhr);
60961
+ const getUSDLength = getOptionalDigitLength(isShow4DUsd, isShow5DUsd);
60962
+ const commissionRows = getCommissionRows({
60963
+ isMix,
60964
+ isShow4DKhr,
60965
+ isShow4DUsd,
60966
+ isShow5DKhr,
60967
+ isShow5DUsd,
60968
+ isShowUsd,
60969
+ getAllLength,
60970
+ bet2DKhr,
60971
+ bet3DKhr,
60972
+ bet4DKhr,
60973
+ bet5DKhr,
60974
+ bet2DUsd,
60975
+ bet3DUsd,
60976
+ bet4DUsd,
60977
+ bet5DUsd,
60978
+ com2D,
60979
+ com3D,
60980
+ com4D,
60981
+ com5D,
60982
+ com2DKhr,
60983
+ com3DKhr,
60984
+ com4DKhr,
60985
+ com5DKhr,
60986
+ com2DUsd,
60987
+ com3DUsd,
60988
+ com4DUsd,
60989
+ com5DUsd
60990
+ });
60991
+ const rewardRows = getRewardRows({
60992
+ isShow4DKhr,
60993
+ isShow4DUsd,
60994
+ isShow5DKhr,
60995
+ isShow5DUsd,
60996
+ win2DKhr,
60997
+ win3DKhr,
60998
+ win4DKhr,
60999
+ win5DKhr,
61000
+ win2DUsd,
61001
+ win3DUsd,
61002
+ win4DUsd,
61003
+ win5DUsd,
61004
+ reward2DKhr,
61005
+ reward3DKhr,
61006
+ reward4DKhr,
61007
+ reward5DKhr,
61008
+ reward2DUsd,
61009
+ reward3DUsd,
61010
+ reward4DUsd,
61011
+ reward5DUsd,
61012
+ rebateRate2D,
61013
+ rebateRate3D,
61014
+ rebateRate4D,
61015
+ rebateRate5D
61016
+ });
61017
+ const commissionRowLayout = getCommissionRowLayout({ isShowUsd, getAllLength, getKHRLength });
61018
+ const rewardRowLayout = getRewardRowLayout({ isMix, isShowUsd, getAllLength, getKHRLength });
61019
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { id: "wrap-tb", className: "mb-3 mr-3", children: /* @__PURE__ */ jsxRuntime.jsx("table", { id, className: `table table-hover table-striped ${className}`, children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { className: "pb-5", children: [
61020
+ renderReportTitleRows({
61021
+ preTitle,
61022
+ lotteryType: type,
61023
+ nickname,
61024
+ username,
61025
+ date,
61026
+ titleColSpan: isShowUsd ? isMix ? getAllLength + 10 : getAllLength2 + 10 : isMix ? getKHRLength + 6 : getKHRLength * 2 + 6,
61027
+ usernameColSpan: isShowUsd ? isMix ? 4 : getAllLength + 4 : isMix ? 2 : getKHRLength + 2,
61028
+ dateColSpan: isShowUsd ? getKHRLength + 2 : getKHRLength + 1,
61029
+ dayColSpan: isShowUsd ? getUSDLength + 2 : 1,
61030
+ isSend: filter == null ? void 0 : filter.isSend
61031
+ }),
61032
+ renderSectionHeaderRow({ t: translate, lotteryType: type, isMix, isShowUsd, getKHRLength, getUSDLength }),
61033
+ renderColumnHeaderRow({
61034
+ t: translate,
61035
+ isMix,
61036
+ isShowUsd,
61037
+ isShow4DUsd,
61038
+ isShow4DKhr,
61039
+ isShow5DUsd,
61040
+ isShow5DKhr
61041
+ }),
61042
+ items && items.map((object, i) => /* @__PURE__ */ React.createElement(
61043
+ MainTableRow,
61044
+ __spreadProps$3(__spreadValues$4({
61045
+ isShowUsd,
61046
+ isShow4DUsd,
61047
+ isShow4DKhr,
61048
+ isShow5DUsd,
61049
+ isShow5DKhr
61050
+ }, props), {
61051
+ key: i,
61052
+ index: i + 1,
61053
+ object
61054
+ })
61055
+ )),
61056
+ /* @__PURE__ */ jsxRuntime.jsx(
61057
+ MainTableRow,
61058
+ __spreadProps$3(__spreadValues$4({}, props), {
61059
+ isShowUsd,
61060
+ isShow4DUsd,
61061
+ isShow4DKhr,
61062
+ isShow5DUsd,
61063
+ isShow5DKhr,
61064
+ total: "\u179F\u179A\u17BB\u1794",
61065
+ object: __spreadValues$4({}, props.item.summary)
61066
+ })
61067
+ ),
61068
+ /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx(THF, { className: "none-event" }) }),
61069
+ renderSummaryBandRow({
61070
+ isShowUsd,
61071
+ khrColSpan: isShowUsd ? isMix ? 6 : getAllLength + 6 : getKHRLength * 2 + 8,
61072
+ usdColSpan: getAllLength + 4
61073
+ }),
61074
+ renderCalculationRows({
61075
+ rows: commissionRows,
61076
+ id,
61077
+ isShowUsd,
61078
+ layout: commissionRowLayout,
61079
+ resultClassName: "blue-l-h",
61080
+ usdResultClassName: "green-l-h"
61081
+ }),
61082
+ renderCalculationRows({
61083
+ rows: rewardRows,
61084
+ id,
61085
+ isShowUsd,
61086
+ layout: rewardRowLayout,
61087
+ valueClassName: "t-blue",
61088
+ resultClassName: "t-blue b-gray-l"
61089
+ }),
61090
+ renderWinLoseRow(__spreadValues$4({
61091
+ id,
61092
+ isShowUsd,
61093
+ winLoseKhr,
61094
+ winLoseUsd
61095
+ }, getWinLoseLayout({ isMix, isShowUsd, getAllLength, getKHRLength })))
61096
+ ] }) }) });
61097
+ };
61098
+
61099
+ var __defProp$3 = Object.defineProperty;
61100
+ var __defProps$2 = Object.defineProperties;
61101
+ var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
61102
+ var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
61103
+ var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
61104
+ var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
61105
+ var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
61106
+ var __spreadValues$3 = (a, b) => {
61107
+ for (var prop in b || (b = {}))
61108
+ if (__hasOwnProp$3.call(b, prop))
61109
+ __defNormalProp$3(a, prop, b[prop]);
61110
+ if (__getOwnPropSymbols$3)
61111
+ for (var prop of __getOwnPropSymbols$3(b)) {
61112
+ if (__propIsEnum$3.call(b, prop))
61113
+ __defNormalProp$3(a, prop, b[prop]);
61114
+ }
61115
+ return a;
61116
+ };
61117
+ var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
61118
+ var __publicField = (obj, key, value) => __defNormalProp$3(obj, key + "" , value);
61119
+ class MainTable extends React.Component {
61120
+ constructor() {
61121
+ super(...arguments);
61122
+ __publicField(this, "renderLottery", (data) => {
61123
+ const type = data.lotteryType;
61124
+ const { isMix, filter } = this.props;
61125
+ const preTitle = (filter == null ? void 0 : filter.isSend) ? "\u179F\u17B6\u1784" : "";
61126
+ if (data) {
61127
+ switch (type) {
61128
+ case lType.LEAP:
61129
+ return /* @__PURE__ */ jsxRuntime.jsx(
61130
+ MainLeap,
61131
+ __spreadProps$2(__spreadValues$3({}, this.props), {
61132
+ preTitle,
61133
+ lotteryType: type,
61134
+ type,
61135
+ isMix,
61136
+ item: data
61137
+ })
61138
+ );
61139
+ case lType.SC:
61140
+ return /* @__PURE__ */ jsxRuntime.jsx(
61141
+ MainSC,
61142
+ __spreadProps$2(__spreadValues$3({}, this.props), {
61143
+ preTitle,
61144
+ lotteryType: type,
61145
+ type,
61146
+ isMix,
61147
+ item: data
61148
+ })
61149
+ );
61150
+ default:
61151
+ return /* @__PURE__ */ jsxRuntime.jsx(
61152
+ MainVn,
61153
+ __spreadProps$2(__spreadValues$3({}, this.props), {
61154
+ preTitle,
61155
+ lotteryType: type,
61156
+ type,
61157
+ isMix,
61158
+ item: data
61159
+ })
61160
+ );
61161
+ }
61162
+ }
61163
+ });
61164
+ }
61165
+ render() {
61166
+ const { data } = this.props;
61167
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { children: data && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white d-inline-flex ml-3 mt-3", children: this.renderLottery(data) }) });
61168
+ }
61169
+ }
61170
+
61171
+ const IMAGE_EXPORT_IGNORE_CLASS = "image-export-ignore";
61172
+ const getCanvasScale = () => {
61173
+ const deviceScale = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
61174
+ return Math.max(deviceScale, 3);
61175
+ };
61176
+ const waitForFontsAndImages = async (root) => {
61177
+ var _a, _b;
61178
+ const fontsReady = (_b = (_a = document.fonts) == null ? void 0 : _a.ready) != null ? _b : Promise.resolve();
61179
+ const imgs = Array.from(root.querySelectorAll("img"));
61180
+ const imgReady = imgs.map((img) => {
61181
+ if (img.crossOrigin == null) img.crossOrigin = "anonymous";
61182
+ if (img.complete) return Promise.resolve();
61183
+ return new Promise((resolve) => {
61184
+ img.addEventListener("load", resolve, { once: true });
61185
+ img.addEventListener("error", resolve, { once: true });
61186
+ });
61187
+ });
61188
+ await Promise.all([fontsReady, ...imgReady]);
61189
+ await new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(resolve)));
61190
+ };
61191
+ const setIgnoredVisibility = (root, visibility) => {
61192
+ const previousStyles = Array.from(root.querySelectorAll(`.${IMAGE_EXPORT_IGNORE_CLASS}`)).map((node) => ({
61193
+ node,
61194
+ visibility: node.style.visibility
61195
+ }));
61196
+ previousStyles.forEach(({ node }) => {
61197
+ node.style.visibility = visibility;
61198
+ });
61199
+ return () => {
61200
+ previousStyles.forEach(({ node, visibility: previousVisibility }) => {
61201
+ node.style.visibility = previousVisibility;
61202
+ });
61203
+ };
61204
+ };
61205
+ const canvasToBlob = (canvas) => new Promise((resolve) => {
61206
+ if (canvas.toBlob) {
61207
+ canvas.toBlob(resolve, "image/png", 1);
61208
+ return;
61209
+ }
61210
+ fetch(canvas.toDataURL("image/png", 1)).then((response) => response.blob()).then(resolve);
61211
+ });
61212
+ const renderElementToBlob = async (element) => {
61213
+ if (!element) throw new Error("Element not found");
61214
+ const restoreIgnoredVisibility = setIgnoredVisibility(element, "hidden");
61215
+ try {
61216
+ await waitForFontsAndImages(element);
61217
+ const canvas = await html2canvas(element, {
61218
+ scale: getCanvasScale(),
61219
+ useCORS: true,
61220
+ backgroundColor: "#ffffff",
61221
+ logging: false,
61222
+ removeContainer: true,
61223
+ width: element.scrollWidth,
61224
+ height: element.scrollHeight,
61225
+ windowWidth: element.scrollWidth,
61226
+ windowHeight: element.scrollHeight
61227
+ });
61228
+ return canvasToBlob(canvas);
61229
+ } finally {
61230
+ restoreIgnoredVisibility();
61231
+ }
61232
+ };
61233
+ const saveElementAsImage = async (element, fileName = "report.png") => {
61234
+ const blob = await renderElementToBlob(element);
61235
+ if (!blob) throw new Error("Image export unavailable");
61236
+ const url = URL.createObjectURL(blob);
61237
+ const link = document.createElement("a");
61238
+ link.href = url;
61239
+ link.download = fileName;
61240
+ link.click();
61241
+ setTimeout(() => URL.revokeObjectURL(url), 1500);
61242
+ };
61243
+ const copyElementImageToClipboard = async (element) => {
61244
+ var _a;
61245
+ if (!((_a = navigator.clipboard) == null ? void 0 : _a.write) || typeof ClipboardItem === "undefined") {
61246
+ throw new Error("Clipboard image copy is not supported");
61247
+ }
61248
+ const blob = await renderElementToBlob(element);
61249
+ if (!blob) throw new Error("Clipboard image unavailable");
61250
+ await navigator.clipboard.write([
61251
+ new ClipboardItem({ "image/png": blob })
61252
+ ]);
61253
+ };
61254
+
61255
+ const getSummaryImageFileName = (prefix, filter) => {
61256
+ var _a;
61257
+ const user = ((_a = filter == null ? void 0 : filter.user) == null ? void 0 : _a.label) || "all";
61258
+ const date = getDate(filter == null ? void 0 : filter.filterByDate) || "date";
61259
+ return `${prefix}-${user}-${date}`.replace(/[^\w.-]+/g, "-") + ".png";
61260
+ };
61261
+ const notifySuccess = (text) => {
61262
+ PNotify_1.removeAll();
61263
+ PNotify_1.success({ text });
61264
+ };
61265
+ const notifyError = (text) => {
61266
+ PNotify_1.removeAll();
61267
+ PNotify_1.error({ text });
61268
+ };
61269
+ const SummaryImageActions = ({ children, fileName }) => {
61270
+ const exportRef = React.useRef(null);
61271
+ const [isLoading, setIsLoading] = React.useState(false);
61272
+ const handleSaveImage = async () => {
61273
+ setIsLoading(true);
61274
+ try {
61275
+ await saveElementAsImage(exportRef.current, fileName);
61276
+ notifySuccess("Saved image");
61277
+ } catch (error) {
61278
+ notifyError(error.message || "Cannot save image");
61279
+ } finally {
61280
+ setIsLoading(false);
61281
+ }
61282
+ };
61283
+ const handleCopyImage = async () => {
61284
+ setIsLoading(true);
61285
+ try {
61286
+ await copyElementImageToClipboard(exportRef.current);
61287
+ notifySuccess("Copied image");
61288
+ } catch (error) {
61289
+ notifyError(error.message || "Cannot copy image");
61290
+ } finally {
61291
+ setIsLoading(false);
61292
+ }
61293
+ };
61294
+ const actions = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${IMAGE_EXPORT_IGNORE_CLASS} d-flex`, style: {
61295
+ position: "absolute",
61296
+ right: 8,
61297
+ top: "50%",
61298
+ transform: "translateY(-50%)"
61299
+ }, children: [
61300
+ /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", title: "Save Image", className: "btn btn-sm btn-primary mr-1", disabled: isLoading, onClick: handleSaveImage, children: /* @__PURE__ */ jsxRuntime.jsx("i", { className: "feather icon-download mr-0" }) }),
61301
+ /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", title: "Copy Image", className: "btn btn-sm btn-info", disabled: isLoading, onClick: handleCopyImage, children: /* @__PURE__ */ jsxRuntime.jsx("i", { className: "feather icon-copy mr-0" }) })
61302
+ ] });
61303
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 d-inline-block", ref: exportRef, children: typeof children === "function" ? children(actions) : /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
61304
+ children,
61305
+ actions
61306
+ ] }) });
61307
+ };
61308
+
61309
+ const SummaryRow = ({ id, label, khr, usd, showUsd, className = "", labelClassName = "text-center" }) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "animate-slide-up", children: [
61310
+ /* @__PURE__ */ jsxRuntime.jsx(THB, { colSpan: 4, className: labelClassName, children: label }),
61311
+ /* @__PURE__ */ jsxRuntime.jsx(RenderThWidthB, { colSpan: showUsd ? 3 : 6, className: `${className} t-right`, id, value: khr, currency: "KHR" }),
61312
+ showUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidthB, { colSpan: 3, className: `${className} t-right`, id, value: usd, currency: "USD" })
61313
+ ] });
61314
+ const getSummaryUser = ({ data, filter }) => {
61315
+ var _a, _b, _c;
61316
+ const firstItem = ((_a = data == null ? void 0 : data.items) == null ? void 0 : _a[0]) || {};
61317
+ return {
61318
+ label: ((_b = filter == null ? void 0 : filter.user) == null ? void 0 : _b.label) || firstItem.nickname || "N/A",
61319
+ nickname: ((_c = filter == null ? void 0 : filter.user) == null ? void 0 : _c.nickname) || getMemberName(firstItem.username),
61320
+ date: (filter == null ? void 0 : filter.filterByDate) || firstItem.date
61321
+ };
61322
+ };
61323
+ const WinLoseSummary = ({ data, id, filter, showUsd }) => {
61324
+ const {
61325
+ summary: {
61326
+ winLoseKhr = 0,
61327
+ winLoseUsd = 0,
61328
+ shareAmountKhr = 0,
61329
+ shareAmountUsd = 0,
61330
+ oldUsd = 0,
61331
+ oldKhr = 0,
61332
+ giveUsd = 0,
61333
+ giveKhr = 0,
61334
+ borrowUsd = 0,
61335
+ borrowKhr = 0,
61336
+ totalUsd = 0,
61337
+ totalKhr = 0,
61338
+ protestKhr = 0,
61339
+ protestUsd = 0
61340
+ } = {},
61341
+ winLoses = []
61342
+ } = data || {};
61343
+ const user = getSummaryUser({ data, filter });
61344
+ const totalStyle = { borderBottom: "2px solid black", borderTop: "2px solid black" };
61345
+ const summaryValueKhr = (filter == null ? void 0 : filter.isSend) ? winLoseKhr : shareAmountKhr;
61346
+ const summaryValueUsd = (filter == null ? void 0 : filter.isSend) ? winLoseUsd : shareAmountUsd;
61347
+ return /* @__PURE__ */ jsxRuntime.jsx(SummaryImageActions, { fileName: getSummaryImageFileName("win-lose-summary", filter), children: (actions) => /* @__PURE__ */ jsxRuntime.jsx(
61348
+ "table",
61349
+ {
61350
+ id: id ? `${id}-win-lose-summary` : void 0,
61351
+ className: "table table-hover table-bordered table-collapse mb-0",
61352
+ style: { width: "auto", minWidth: 720 },
61353
+ children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { className: "pb-5", children: [
61354
+ /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "animate-slide-up", children: /* @__PURE__ */ jsxRuntime.jsxs(THB, { className: (filter == null ? void 0 : filter.isSend) ? "red-d-h" : "blue-ld-h f-15", colSpan: 10, style: { position: "relative" }, children: [
61355
+ "\u179F\u17BB\u17B8\u1781\u17B6\u178F\u1794\u17D2\u179A\u1785\u17B6\u17C6\u1790\u17D2\u1784\u17C3",
61356
+ actions
61357
+ ] }) }),
61358
+ /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "animate-slide-up", children: [
61359
+ /* @__PURE__ */ jsxRuntime.jsx(THB, { colSpan: 4, children: user.label }),
61360
+ /* @__PURE__ */ jsxRuntime.jsx(THB, { colSpan: 3, children: user.nickname }),
61361
+ /* @__PURE__ */ jsxRuntime.jsx(THB, { colSpan: 3, children: getDate(user.date) })
61362
+ ] }),
61363
+ /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "animate-slide-up", children: [
61364
+ /* @__PURE__ */ jsxRuntime.jsx(THB, { className: "blue-l-h", colSpan: 4, children: "\u1794\u17D2\u179A\u1797\u17C1\u1791\u1786\u17D2\u1793\u17C4\u178F" }),
61365
+ /* @__PURE__ */ jsxRuntime.jsx(THB, { className: "blue-l-h", colSpan: showUsd ? 3 : 6, children: "(\u179A\u17C0\u179B)" }),
61366
+ showUsd && /* @__PURE__ */ jsxRuntime.jsx(THB, { colSpan: 3, className: "green-l-h text-left", children: "(\u178A\u17BB\u179B\u17D2\u179B\u17B6\u179A)" })
61367
+ ] }),
61368
+ winLoses.map(({ winLoseKhr: winLoseKhr2, winLoseUsd: winLoseUsd2, lotteryType }, index) => {
61369
+ const lotteryName = lotteryLabelKH[lotteryType] || lotteryType;
61370
+ const lotteryCode = lotteryLabel[lotteryType] || lotteryType;
61371
+ return /* @__PURE__ */ jsxRuntime.jsx(
61372
+ SummaryRow,
61373
+ {
61374
+ id,
61375
+ label: `\u1786\u17D2\u1793\u17C4\u178F${lotteryName} (${lotteryCode})`,
61376
+ khr: winLoseKhr2,
61377
+ usd: winLoseUsd2,
61378
+ showUsd,
61379
+ labelClassName: "t-left"
61380
+ },
61381
+ `${lotteryType}-${index}`
61382
+ );
61383
+ }),
61384
+ /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "animate-slide-up b-vio-b2", children: [
61385
+ /* @__PURE__ */ jsxRuntime.jsx(THB, { colSpan: 4, className: "t-left f-bold blue-l-h", children: "\u179F\u179A\u17BB\u1794\u179F\u17BB\u17B8\u1781\u17B6\u178F\u1794\u17D2\u179A\u1785\u17B6\u17C6\u1790\u17D2\u1784\u17C3" }),
61386
+ /* @__PURE__ */ jsxRuntime.jsx(RenderThWidthB, { className: "t-right f-bold blue-l-h", colSpan: showUsd ? 3 : 6, id, value: summaryValueKhr, currency: "KHR" }),
61387
+ showUsd && /* @__PURE__ */ jsxRuntime.jsx(RenderThWidthB, { colSpan: 3, className: "t-right f-bold green-l-h", id, value: summaryValueUsd, currency: "USD" })
61388
+ ] }),
61389
+ /* @__PURE__ */ jsxRuntime.jsx(SummaryRow, { id, label: "\u1794\u1789\u17D2\u1787\u17B8\u1785\u17B6\u179F\u17CB", khr: oldKhr, usd: oldUsd, showUsd }),
61390
+ /* @__PURE__ */ jsxRuntime.jsx(SummaryRow, { id, label: "\u179B\u17BB\u1799\u179F\u1784", khr: giveKhr, usd: giveUsd, showUsd }),
61391
+ /* @__PURE__ */ jsxRuntime.jsx(SummaryRow, { id, label: "\u179B\u17BB\u1799\u1781\u17D2\u1785\u17B8", khr: borrowKhr, usd: borrowUsd, showUsd }),
61392
+ /* @__PURE__ */ jsxRuntime.jsx(SummaryRow, { id, label: "\u179B\u17BB\u1799\u178F\u179C\u17C9\u17B6", khr: protestKhr, usd: protestUsd, showUsd }),
61393
+ /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "animate-slide-up", children: [
61394
+ /* @__PURE__ */ jsxRuntime.jsx(THB, { colSpan: 4, style: totalStyle, className: "t-center blue-l-h", children: "\u179F\u179A\u17BB\u1794\u1791\u17B6\u17C6\u1784\u17A2\u179F\u17CB" }),
61395
+ /* @__PURE__ */ jsxRuntime.jsx(
61396
+ RenderThWidthB,
61397
+ {
61398
+ colSpan: showUsd ? 3 : 6,
61399
+ style: totalStyle,
61400
+ className: "blue-l-h t-right",
61401
+ id,
61402
+ value: totalKhr,
61403
+ currency: "KHR"
61404
+ }
61405
+ ),
61406
+ showUsd && /* @__PURE__ */ jsxRuntime.jsx(
61407
+ RenderThWidthB,
61408
+ {
61409
+ colSpan: 3,
61410
+ style: totalStyle,
61411
+ className: "green-l-h t-right",
61412
+ id,
61413
+ value: totalUsd,
61414
+ currency: "USD"
61415
+ }
61416
+ )
61417
+ ] })
61418
+ ] })
61419
+ }
61420
+ ) });
61421
+ };
61422
+
61423
+ var __defProp$2 = Object.defineProperty;
61424
+ var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
61425
+ var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
61426
+ var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
61427
+ var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
61428
+ var __spreadValues$2 = (a, b) => {
61429
+ for (var prop in b || (b = {}))
61430
+ if (__hasOwnProp$2.call(b, prop))
61431
+ __defNormalProp$2(a, prop, b[prop]);
61432
+ if (__getOwnPropSymbols$2)
61433
+ for (var prop of __getOwnPropSymbols$2(b)) {
61434
+ if (__propIsEnum$2.call(b, prop))
61435
+ __defNormalProp$2(a, prop, b[prop]);
61436
+ }
61437
+ return a;
61438
+ };
61439
+ class Summary extends React.Component {
61440
+ render() {
61441
+ var _a;
61442
+ const {
61443
+ data,
61444
+ filter
61445
+ } = this.props;
61446
+ const showUsd = (data == null ? void 0 : data.isShowUsd) || ((_a = data == null ? void 0 : data.summary) == null ? void 0 : _a.isShowUsd);
61447
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { id: "mix-daily-report", className: "d-inline-block mb-3 mr-3 pb-5 pl-3", children: /* @__PURE__ */ jsxRuntime.jsx(WinLoseSummary, __spreadValues$2({ data, filter, showUsd }, this.props)) });
61448
+ }
61449
+ }
61450
+
61451
+ var __defProp$1 = Object.defineProperty;
61452
+ var __defProps$1 = Object.defineProperties;
61453
+ var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
61454
+ var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
61455
+ var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
61456
+ var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
61457
+ var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
61458
+ var __spreadValues$1 = (a, b) => {
61459
+ for (var prop in b || (b = {}))
61460
+ if (__hasOwnProp$1.call(b, prop))
61461
+ __defNormalProp$1(a, prop, b[prop]);
61462
+ if (__getOwnPropSymbols$1)
61463
+ for (var prop of __getOwnPropSymbols$1(b)) {
61464
+ if (__propIsEnum$1.call(b, prop))
61465
+ __defNormalProp$1(a, prop, b[prop]);
61466
+ }
61467
+ return a;
61468
+ };
61469
+ var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
61470
+ class MainTableWrap extends React.Component {
61471
+ render() {
61472
+ var _a;
61473
+ const { data, isMix } = this.props;
61474
+ return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
61475
+ (_a = data == null ? void 0 : data.items) == null ? void 0 : _a.map((obj, i) => /* @__PURE__ */ React.createElement(MainTable, __spreadProps$1(__spreadValues$1({}, this.props), { key: i, data: obj, isMix }))),
61476
+ data && /* @__PURE__ */ jsxRuntime.jsx(Summary, __spreadValues$1({ data }, this.props))
61477
+ ] });
61478
+ }
61479
+ }
61480
+
61481
+ var __defProp = Object.defineProperty;
61482
+ var __defProps = Object.defineProperties;
61483
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
61484
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
61485
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
61486
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
61487
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
61488
+ var __spreadValues = (a, b) => {
61489
+ for (var prop in b || (b = {}))
61490
+ if (__hasOwnProp.call(b, prop))
61491
+ __defNormalProp(a, prop, b[prop]);
61492
+ if (__getOwnPropSymbols)
61493
+ for (var prop of __getOwnPropSymbols(b)) {
61494
+ if (__propIsEnum.call(b, prop))
61495
+ __defNormalProp(a, prop, b[prop]);
61496
+ }
61497
+ return a;
61498
+ };
61499
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
61500
+ class MainTableWrapExcel extends React.Component {
61501
+ render() {
61502
+ var _a;
61503
+ const { data, id } = this.props;
61504
+ return /* @__PURE__ */ jsxRuntime.jsx("table", { id, children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
61505
+ (_a = data == null ? void 0 : data.items) == null ? void 0 : _a.map((obj, i) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
61506
+ /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx(MainTable, __spreadProps(__spreadValues({}, this.props), { data: obj })) }) }),
61507
+ /* @__PURE__ */ jsxRuntime.jsx("tr", {}),
61508
+ /* @__PURE__ */ jsxRuntime.jsx("tr", {})
61509
+ ] }, i)),
61510
+ /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { children: data && /* @__PURE__ */ jsxRuntime.jsx(Summary, __spreadValues({ data }, this.props)) }) })
61511
+ ] }) });
61512
+ }
61513
+ }
61514
+
58944
61515
  exports.DeleteModal = DeleteModal;
58945
61516
  exports.DeleteTicketButton = DeleteTicketButton;
58946
61517
  exports.DropdownMenu = MoreMenu;
58947
61518
  exports.KPLO = KPLO;
58948
61519
  exports.KPPostCode = KPPostCode;
61520
+ exports.MixDailyReport = MainTableWrap;
61521
+ exports.MixDailyReportExcel = MainTableWrapExcel;
58949
61522
  exports.Printer = Printer;
58950
61523
  exports.ProtestButton = ProtestButton;
58951
61524
  exports.ProtestModal = ProtestModal;
@@ -58959,16 +61532,22 @@ exports.SaryPrintAll = SaryPrintAll;
58959
61532
  exports.THLabel = THLabel;
58960
61533
  exports.Ticket = Ticket;
58961
61534
  exports.TicketModal = TicketModal;
61535
+ exports.TransferModal = TransferModal;
58962
61536
  exports.TransferTicket = TransferTicket;
58963
61537
  exports.clickRemarkBtn = clickRemarkBtn;
61538
+ exports.formatUsd = formatUsd;
61539
+ exports.getMemberName = getMemberName;
58964
61540
  exports.getS3ImgPrint = getS3ImgPrint;
58965
61541
  exports.getStoredIsRemark = getStoredIsRemark;
58966
61542
  exports.isVNType = isVNType;
58967
61543
  exports.lType = lType;
58968
61544
  exports.lotteryLabel = lotteryLabel;
61545
+ exports.lotteryLabelKH = lotteryLabelKH;
58969
61546
  exports.lotteryLabelOnline = lotteryLabelOnline;
58970
61547
  exports.lotteryLabelVN = lotteryLabelVN;
61548
+ exports.lotteryReportLabel = lotteryReportLabel;
58971
61549
  exports.mapBetTitle = mapBetTitle;
58972
61550
  exports.mapLabels = mapLabels;
58973
61551
  exports.mapStrPost = mapStrPost;
61552
+ exports.widthLength = widthLength;
58974
61553
  //# sourceMappingURL=index.cjs.js.map