@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.esm.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as jsx$1, jsxs, Fragment } from 'react/jsx-runtime';
2
2
  import * as React from 'react';
3
- import React__default, { forwardRef, Component, useRef, useState, useEffect, useLayoutEffect, useMemo, memo, useCallback, useContext, createContext as createContext$1, Fragment as Fragment$1, isValidElement } from 'react';
3
+ import React__default, { forwardRef, Component, useRef, useState, useEffect, useLayoutEffect, useMemo, memo, useCallback, useContext, createContext as createContext$1, Fragment as Fragment$1, isValidElement, createElement as createElement$3 } from 'react';
4
4
  import ReactDOM, { createPortal } from 'react-dom';
5
5
 
6
6
  function styleInject(css, ref) {
@@ -33,7 +33,7 @@ function styleInject(css, ref) {
33
33
  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}}";
34
34
  styleInject(css_248z$2);
35
35
 
36
- 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";
36
+ 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";
37
37
  styleInject(css_248z$1);
38
38
 
39
39
  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);
@@ -3479,11 +3479,11 @@ var regexp_prototype_flags = flagsBound;
3479
3479
 
3480
3480
  var callBound = callBound$3;
3481
3481
 
3482
- var getDay = callBound('Date.prototype.getDay');
3482
+ var getDay$1 = callBound('Date.prototype.getDay');
3483
3483
  /** @type {import('.')} */
3484
3484
  var tryDateObject = function tryDateGetDayCall(value) {
3485
3485
  try {
3486
- getDay(value);
3486
+ getDay$1(value);
3487
3487
  return true;
3488
3488
  } catch (e) {
3489
3489
  return false;
@@ -30829,25 +30829,25 @@ const clickRemarkBtn = (id) => {
30829
30829
  }
30830
30830
  };
30831
30831
 
30832
- var __defProp$a = Object.defineProperty;
30833
- var __defProps$3 = Object.defineProperties;
30834
- var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
30835
- var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
30836
- var __hasOwnProp$c = Object.prototype.hasOwnProperty;
30837
- var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
30838
- var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
30839
- var __spreadValues$a = (a, b) => {
30832
+ var __defProp$l = Object.defineProperty;
30833
+ var __defProps$b = Object.defineProperties;
30834
+ var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
30835
+ var __getOwnPropSymbols$n = Object.getOwnPropertySymbols;
30836
+ var __hasOwnProp$n = Object.prototype.hasOwnProperty;
30837
+ var __propIsEnum$n = Object.prototype.propertyIsEnumerable;
30838
+ var __defNormalProp$l = (obj, key, value) => key in obj ? __defProp$l(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
30839
+ var __spreadValues$l = (a, b) => {
30840
30840
  for (var prop in b || (b = {}))
30841
- if (__hasOwnProp$c.call(b, prop))
30842
- __defNormalProp$a(a, prop, b[prop]);
30843
- if (__getOwnPropSymbols$c)
30844
- for (var prop of __getOwnPropSymbols$c(b)) {
30845
- if (__propIsEnum$c.call(b, prop))
30846
- __defNormalProp$a(a, prop, b[prop]);
30841
+ if (__hasOwnProp$n.call(b, prop))
30842
+ __defNormalProp$l(a, prop, b[prop]);
30843
+ if (__getOwnPropSymbols$n)
30844
+ for (var prop of __getOwnPropSymbols$n(b)) {
30845
+ if (__propIsEnum$n.call(b, prop))
30846
+ __defNormalProp$l(a, prop, b[prop]);
30847
30847
  }
30848
30848
  return a;
30849
30849
  };
30850
- var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
30850
+ var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
30851
30851
  const KPPostCode = {
30852
30852
  A: "\u179B\u17E1",
30853
30853
  F: "\u179B\u17E2",
@@ -30906,7 +30906,32 @@ const lotteryLabel = {
30906
30906
  HOSO: "\u1786\u17D2\u1793\u17C4\u178F HOSO",
30907
30907
  KP: "\u1780\u17C6\u1796\u178F KP"
30908
30908
  };
30909
- const lotteryLabelVN = __spreadProps$3(__spreadValues$a({}, lotteryLabel), {
30909
+ const lotteryLabelKH = {
30910
+ LEAP: "\u179B\u17B6\u1797",
30911
+ VN2: "\u1798\u17A0\u17B6\u1791\u17C1\u1796",
30912
+ VN1: "\u1798\u17A0\u17B6\u1788\u17D2\u1793\u17C7",
30913
+ TN: "\u1791\u17B7\u1789\u1788\u17D2\u1793\u17C7",
30914
+ SC: "\u179F\u1794\u17D2\u1794\u17B6\u1799\u1788\u17D2\u1793\u17C7",
30915
+ KH: "\u1781\u17D2\u1798\u17C2\u179A",
30916
+ TH: "\u1790\u17C3",
30917
+ KP: "\u1780\u17C6\u1796\u178F"
30918
+ };
30919
+ const widthLength = (value) => {
30920
+ var _a;
30921
+ if (!value) return "100px";
30922
+ if (value.toString().length < 7) return "100px";
30923
+ return `${((_a = value == null ? void 0 : value.toString()) == null ? void 0 : _a.length) + 8}ch`;
30924
+ };
30925
+ const getMemberName = (username) => {
30926
+ if (username) return username == null ? void 0 : username.slice(-4);
30927
+ return "N/A";
30928
+ };
30929
+ const formatUsd = (value) => {
30930
+ if (value.toString().indexOf(".") !== -1) return value.toFixed(2);
30931
+ return value;
30932
+ };
30933
+ const lotteryReportLabel = (type) => `\u1786\u17D2\u1793\u17C4\u178F${lotteryLabelKH[type]} (${lotteryLabel[type]})`;
30934
+ const lotteryLabelVN = __spreadProps$b(__spreadValues$l({}, lotteryLabel), {
30910
30935
  VN1: "\u1786\u17D2\u1793\u17C4\u178F\u1799\u17BD\u1793",
30911
30936
  TN: "\u1786\u17D2\u1793\u17C4\u178F\u1799\u17BD\u1793",
30912
30937
  KH: "\u1786\u17D2\u1793\u17C4\u178F\u1781\u17D2\u1798\u17C2\u179A"
@@ -31430,30 +31455,30 @@ const TicketPrintBody = (props) => {
31430
31455
  });
31431
31456
  };
31432
31457
 
31433
- var __defProp$9 = Object.defineProperty;
31434
- var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
31435
- var __hasOwnProp$b = Object.prototype.hasOwnProperty;
31436
- var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
31437
- var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
31438
- var __spreadValues$9 = (a, b) => {
31458
+ var __defProp$k = Object.defineProperty;
31459
+ var __getOwnPropSymbols$m = Object.getOwnPropertySymbols;
31460
+ var __hasOwnProp$m = Object.prototype.hasOwnProperty;
31461
+ var __propIsEnum$m = Object.prototype.propertyIsEnumerable;
31462
+ var __defNormalProp$k = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
31463
+ var __spreadValues$k = (a, b) => {
31439
31464
  for (var prop in b || (b = {}))
31440
- if (__hasOwnProp$b.call(b, prop))
31441
- __defNormalProp$9(a, prop, b[prop]);
31442
- if (__getOwnPropSymbols$b)
31443
- for (var prop of __getOwnPropSymbols$b(b)) {
31444
- if (__propIsEnum$b.call(b, prop))
31445
- __defNormalProp$9(a, prop, b[prop]);
31465
+ if (__hasOwnProp$m.call(b, prop))
31466
+ __defNormalProp$k(a, prop, b[prop]);
31467
+ if (__getOwnPropSymbols$m)
31468
+ for (var prop of __getOwnPropSymbols$m(b)) {
31469
+ if (__propIsEnum$m.call(b, prop))
31470
+ __defNormalProp$k(a, prop, b[prop]);
31446
31471
  }
31447
31472
  return a;
31448
31473
  };
31449
31474
  var __objRest$7 = (source, exclude) => {
31450
31475
  var target = {};
31451
31476
  for (var prop in source)
31452
- if (__hasOwnProp$b.call(source, prop) && exclude.indexOf(prop) < 0)
31477
+ if (__hasOwnProp$m.call(source, prop) && exclude.indexOf(prop) < 0)
31453
31478
  target[prop] = source[prop];
31454
- if (source != null && __getOwnPropSymbols$b)
31455
- for (var prop of __getOwnPropSymbols$b(source)) {
31456
- if (exclude.indexOf(prop) < 0 && __propIsEnum$b.call(source, prop))
31479
+ if (source != null && __getOwnPropSymbols$m)
31480
+ for (var prop of __getOwnPropSymbols$m(source)) {
31481
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$m.call(source, prop))
31457
31482
  target[prop] = source[prop];
31458
31483
  }
31459
31484
  return target;
@@ -31477,7 +31502,7 @@ const PrintTicket58 = (props) => {
31477
31502
  ),
31478
31503
  /* @__PURE__ */ jsx$1(
31479
31504
  TicketPrintBody,
31480
- __spreadValues$9({
31505
+ __spreadValues$k({
31481
31506
  is58: true,
31482
31507
  item,
31483
31508
  bodyClass,
@@ -37193,10 +37218,15 @@ const getTimeFull_AM_PM = (date) => {
37193
37218
  const getDateHourKey = (date) => {
37194
37219
  return moment(date).format("DD-MM-YYYY hh:mm");
37195
37220
  };
37221
+ const getDate = (date) => {
37222
+ return moment(date).format("DD-MM-YYYY");
37223
+ };
37196
37224
  const getTime = (date) => {
37197
37225
  return moment(date).format("hh:mm A");
37198
37226
  };
37199
37227
  const getHH = (date) => Number(moment(date).format("h"));
37228
+ const getDateF = (date) => moment(date).format("DD/MM/YYYY");
37229
+ const getDay = (date) => moment(date).format("dddd");
37200
37230
 
37201
37231
  const RenderTitle = ({ lotteryType, className = "", logo, isVN, drawAt }) => {
37202
37232
  let title = lotteryLabel[lotteryType];
@@ -37305,6 +37335,10 @@ const Ticket = ({ object, lotteryType, plusCount = 1, hideWaterAmount = false, E
37305
37335
  ] }) }) });
37306
37336
  };
37307
37337
 
37338
+ const getTransferItemId = (group, groupIndex, item, itemIndex) => {
37339
+ var _a, _b, _c;
37340
+ 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}`;
37341
+ };
37308
37342
  const TransferTicket = ({
37309
37343
  object,
37310
37344
  lotteryType,
@@ -37321,9 +37355,8 @@ const TransferTicket = ({
37321
37355
  (group, groupIndex) => {
37322
37356
  var _a2;
37323
37357
  return ((_a2 = group == null ? void 0 : group.items) != null ? _a2 : []).map((item, itemIndex) => {
37324
- var _a3, _b;
37325
37358
  if (item == null ? void 0 : item.isSend) return null;
37326
- return (_b = (_a3 = item == null ? void 0 : item.itemId) != null ? _a3 : item == null ? void 0 : item.id) != null ? _b : `${groupIndex}-${itemIndex}`;
37359
+ return getTransferItemId(group, groupIndex, item, itemIndex);
37327
37360
  });
37328
37361
  }
37329
37362
  );
@@ -37529,17 +37562,17 @@ var lib = {exports: {}};
37529
37562
 
37530
37563
  var libExports = lib.exports;
37531
37564
 
37532
- var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
37533
- var __hasOwnProp$a = Object.prototype.hasOwnProperty;
37534
- var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
37565
+ var __getOwnPropSymbols$l = Object.getOwnPropertySymbols;
37566
+ var __hasOwnProp$l = Object.prototype.hasOwnProperty;
37567
+ var __propIsEnum$l = Object.prototype.propertyIsEnumerable;
37535
37568
  var __objRest$6 = (source, exclude) => {
37536
37569
  var target = {};
37537
37570
  for (var prop in source)
37538
- if (__hasOwnProp$a.call(source, prop) && exclude.indexOf(prop) < 0)
37571
+ if (__hasOwnProp$l.call(source, prop) && exclude.indexOf(prop) < 0)
37539
37572
  target[prop] = source[prop];
37540
- if (source != null && __getOwnPropSymbols$a)
37541
- for (var prop of __getOwnPropSymbols$a(source)) {
37542
- if (exclude.indexOf(prop) < 0 && __propIsEnum$a.call(source, prop))
37573
+ if (source != null && __getOwnPropSymbols$l)
37574
+ for (var prop of __getOwnPropSymbols$l(source)) {
37575
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$l.call(source, prop))
37543
37576
  target[prop] = source[prop];
37544
37577
  }
37545
37578
  return target;
@@ -37583,33 +37616,33 @@ const BasePrinter = (_a) => {
37583
37616
  ] });
37584
37617
  };
37585
37618
 
37586
- var __defProp$8 = Object.defineProperty;
37587
- var __defProps$2 = Object.defineProperties;
37588
- var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
37589
- var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
37590
- var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
37591
- var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
37592
- var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
37593
- var __spreadValues$8 = (a, b) => {
37619
+ var __defProp$j = Object.defineProperty;
37620
+ var __defProps$a = Object.defineProperties;
37621
+ var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
37622
+ var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
37623
+ var __hasOwnProp$k = Object.prototype.hasOwnProperty;
37624
+ var __propIsEnum$k = Object.prototype.propertyIsEnumerable;
37625
+ var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
37626
+ var __spreadValues$j = (a, b) => {
37594
37627
  for (var prop in b || (b = {}))
37595
- if (__hasOwnProp$9.call(b, prop))
37596
- __defNormalProp$8(a, prop, b[prop]);
37597
- if (__getOwnPropSymbols$9)
37598
- for (var prop of __getOwnPropSymbols$9(b)) {
37599
- if (__propIsEnum$9.call(b, prop))
37600
- __defNormalProp$8(a, prop, b[prop]);
37628
+ if (__hasOwnProp$k.call(b, prop))
37629
+ __defNormalProp$j(a, prop, b[prop]);
37630
+ if (__getOwnPropSymbols$k)
37631
+ for (var prop of __getOwnPropSymbols$k(b)) {
37632
+ if (__propIsEnum$k.call(b, prop))
37633
+ __defNormalProp$j(a, prop, b[prop]);
37601
37634
  }
37602
37635
  return a;
37603
37636
  };
37604
- var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
37637
+ var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
37605
37638
  var __objRest$5 = (source, exclude) => {
37606
37639
  var target = {};
37607
37640
  for (var prop in source)
37608
- if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
37641
+ if (__hasOwnProp$k.call(source, prop) && exclude.indexOf(prop) < 0)
37609
37642
  target[prop] = source[prop];
37610
- if (source != null && __getOwnPropSymbols$9)
37611
- for (var prop of __getOwnPropSymbols$9(source)) {
37612
- if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
37643
+ if (source != null && __getOwnPropSymbols$k)
37644
+ for (var prop of __getOwnPropSymbols$k(source)) {
37645
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$k.call(source, prop))
37613
37646
  target[prop] = source[prop];
37614
37647
  }
37615
37648
  return target;
@@ -37618,8 +37651,8 @@ const Printer = (_a) => {
37618
37651
  var _b = _a, { children } = _b, props = __objRest$5(_b, ["children"]);
37619
37652
  return /* @__PURE__ */ jsx$1(
37620
37653
  BasePrinter,
37621
- __spreadProps$2(__spreadValues$8({
37622
- component: /* @__PURE__ */ jsx$1(Ticket, __spreadValues$8({}, props))
37654
+ __spreadProps$a(__spreadValues$j({
37655
+ component: /* @__PURE__ */ jsx$1(Ticket, __spreadValues$j({}, props))
37623
37656
  }, props), {
37624
37657
  children: children != null ? children : /* @__PURE__ */ jsx$1("div", { className: "btn btn-primary", children: /* @__PURE__ */ jsxs(
37625
37658
  "svg",
@@ -45488,12 +45521,12 @@ var html2canvas$1 = {exports: {}};
45488
45521
  var html2canvasExports = html2canvas$1.exports;
45489
45522
  var html2canvas = /*@__PURE__*/getDefaultExportFromCjs(html2canvasExports);
45490
45523
 
45491
- const getCanvasScale = () => {
45524
+ const getCanvasScale$1 = () => {
45492
45525
  const deviceScale = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
45493
45526
  return Math.max(deviceScale, 5);
45494
45527
  };
45495
45528
  const getCanvasOptions = (node, useCORS = true) => ({
45496
- scale: getCanvasScale(),
45529
+ scale: getCanvasScale$1(),
45497
45530
  useCORS,
45498
45531
  backgroundColor: "#ffffff",
45499
45532
  logging: false,
@@ -45508,7 +45541,7 @@ const exportToImage = async (reportRef, actionButtonsRef, lotteryType, ticketNum
45508
45541
  const originalVisibility = actionButtonsRef.current.style.visibility;
45509
45542
  try {
45510
45543
  actionButtonsRef.current.style.visibility = "hidden";
45511
- await waitForFontsAndImages(reportRef.current);
45544
+ await waitForFontsAndImages$1(reportRef.current);
45512
45545
  const canvas = await html2canvas(
45513
45546
  reportRef.current,
45514
45547
  getCanvasOptions(reportRef.current, true)
@@ -45532,9 +45565,9 @@ const copyImageToClipboard = async (reportRef, actionButtonsRef, lotteryType, ti
45532
45565
  const originalVisibility = btn == null ? void 0 : btn.style.visibility;
45533
45566
  try {
45534
45567
  if (btn) btn.style.visibility = "hidden";
45535
- await waitForFontsAndImages(node);
45568
+ await waitForFontsAndImages$1(node);
45536
45569
  const canvas = await html2canvas(node, getCanvasOptions(node));
45537
- const blob = await canvasToBlob(canvas);
45570
+ const blob = await canvasToBlob$1(canvas);
45538
45571
  if (!blob) throw new Error("Clipboard blob unavailable");
45539
45572
  if (!((_a = navigator.clipboard) == null ? void 0 : _a.write)) {
45540
45573
  throw new Error("Clipboard API unavailable");
@@ -45547,7 +45580,7 @@ const copyImageToClipboard = async (reportRef, actionButtonsRef, lotteryType, ti
45547
45580
  if (btn) btn.style.visibility = originalVisibility;
45548
45581
  }
45549
45582
  };
45550
- const waitForFontsAndImages = async (root) => {
45583
+ const waitForFontsAndImages$1 = async (root) => {
45551
45584
  var _a, _b;
45552
45585
  const fontsReady = (_b = (_a = document.fonts) == null ? void 0 : _a.ready) != null ? _b : Promise.resolve();
45553
45586
  const imgs = Array.from(root.querySelectorAll("img"));
@@ -45562,7 +45595,7 @@ const waitForFontsAndImages = async (root) => {
45562
45595
  await Promise.all([fontsReady, ...imgReady]);
45563
45596
  await new Promise((r) => requestAnimationFrame(() => requestAnimationFrame(r)));
45564
45597
  };
45565
- const canvasToBlob = (canvas) => new Promise((resolve) => {
45598
+ const canvasToBlob$1 = (canvas) => new Promise((resolve) => {
45566
45599
  if (canvas.toBlob) {
45567
45600
  canvas.toBlob((b) => resolve(b), "image/png", 1);
45568
45601
  } else {
@@ -45578,9 +45611,9 @@ const exportToImageShare = async (reportRef, actionButtonsRef, lotteryType, tick
45578
45611
  const originalVisibility = btn == null ? void 0 : btn.style.visibility;
45579
45612
  try {
45580
45613
  if (btn) btn.style.visibility = "hidden";
45581
- await waitForFontsAndImages(node);
45614
+ await waitForFontsAndImages$1(node);
45582
45615
  const canvas = await html2canvas(node, getCanvasOptions(node));
45583
- const blob = await canvasToBlob(canvas);
45616
+ const blob = await canvasToBlob$1(canvas);
45584
45617
  if (!blob) return;
45585
45618
  const fileName = `${lotteryType}-#${ticketNumber}.png`;
45586
45619
  const file = new File([blob], fileName, { type: "image/png" });
@@ -45608,19 +45641,19 @@ const exportToImageShare = async (reportRef, actionButtonsRef, lotteryType, tick
45608
45641
  }
45609
45642
  };
45610
45643
 
45611
- var __defProp$7 = Object.defineProperty;
45612
- var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
45613
- var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
45614
- var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
45615
- var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
45616
- var __spreadValues$7 = (a, b) => {
45644
+ var __defProp$i = Object.defineProperty;
45645
+ var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
45646
+ var __hasOwnProp$j = Object.prototype.hasOwnProperty;
45647
+ var __propIsEnum$j = Object.prototype.propertyIsEnumerable;
45648
+ var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
45649
+ var __spreadValues$i = (a, b) => {
45617
45650
  for (var prop in b || (b = {}))
45618
- if (__hasOwnProp$8.call(b, prop))
45619
- __defNormalProp$7(a, prop, b[prop]);
45620
- if (__getOwnPropSymbols$8)
45621
- for (var prop of __getOwnPropSymbols$8(b)) {
45622
- if (__propIsEnum$8.call(b, prop))
45623
- __defNormalProp$7(a, prop, b[prop]);
45651
+ if (__hasOwnProp$j.call(b, prop))
45652
+ __defNormalProp$i(a, prop, b[prop]);
45653
+ if (__getOwnPropSymbols$j)
45654
+ for (var prop of __getOwnPropSymbols$j(b)) {
45655
+ if (__propIsEnum$j.call(b, prop))
45656
+ __defNormalProp$i(a, prop, b[prop]);
45624
45657
  }
45625
45658
  return a;
45626
45659
  };
@@ -45645,7 +45678,7 @@ const TicketModalWrapper = (props) => {
45645
45678
  await onAfterPrint();
45646
45679
  };
45647
45680
  return /* @__PURE__ */ jsx$1("table", { ref: reportRef, className: "mb-3", children: /* @__PURE__ */ jsxs("tbody", { children: [
45648
- /* @__PURE__ */ jsx$1("tr", { children: /* @__PURE__ */ jsx$1("td", { children: /* @__PURE__ */ jsx$1("div", { ref: contentRef, className: "px-3 pt-3 bg-white", children: /* @__PURE__ */ jsx$1(Ticket, __spreadValues$7({ plusCount: 1 }, props)) }) }) }),
45681
+ /* @__PURE__ */ jsx$1("tr", { children: /* @__PURE__ */ jsx$1("td", { children: /* @__PURE__ */ jsx$1("div", { ref: contentRef, className: "px-3 pt-3 bg-white", children: /* @__PURE__ */ jsx$1(Ticket, __spreadValues$i({ plusCount: 1 }, props)) }) }) }),
45649
45682
  /* @__PURE__ */ jsx$1("tr", { children: /* @__PURE__ */ jsx$1("td", { colSpan: 3, className: "text-center border-bottom-0", children: /* @__PURE__ */ jsxs(
45650
45683
  "div",
45651
45684
  {
@@ -45712,30 +45745,30 @@ const TicketModalWrapper = (props) => {
45712
45745
  ] }) });
45713
45746
  };
45714
45747
 
45715
- var __defProp$6 = Object.defineProperty;
45716
- var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
45717
- var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
45718
- var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
45719
- var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
45720
- var __spreadValues$6 = (a, b) => {
45748
+ var __defProp$h = Object.defineProperty;
45749
+ var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
45750
+ var __hasOwnProp$i = Object.prototype.hasOwnProperty;
45751
+ var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
45752
+ var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
45753
+ var __spreadValues$h = (a, b) => {
45721
45754
  for (var prop in b || (b = {}))
45722
- if (__hasOwnProp$7.call(b, prop))
45723
- __defNormalProp$6(a, prop, b[prop]);
45724
- if (__getOwnPropSymbols$7)
45725
- for (var prop of __getOwnPropSymbols$7(b)) {
45726
- if (__propIsEnum$7.call(b, prop))
45727
- __defNormalProp$6(a, prop, b[prop]);
45755
+ if (__hasOwnProp$i.call(b, prop))
45756
+ __defNormalProp$h(a, prop, b[prop]);
45757
+ if (__getOwnPropSymbols$i)
45758
+ for (var prop of __getOwnPropSymbols$i(b)) {
45759
+ if (__propIsEnum$i.call(b, prop))
45760
+ __defNormalProp$h(a, prop, b[prop]);
45728
45761
  }
45729
45762
  return a;
45730
45763
  };
45731
45764
  var __objRest$4 = (source, exclude) => {
45732
45765
  var target = {};
45733
45766
  for (var prop in source)
45734
- if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
45767
+ if (__hasOwnProp$i.call(source, prop) && exclude.indexOf(prop) < 0)
45735
45768
  target[prop] = source[prop];
45736
- if (source != null && __getOwnPropSymbols$7)
45737
- for (var prop of __getOwnPropSymbols$7(source)) {
45738
- if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
45769
+ if (source != null && __getOwnPropSymbols$i)
45770
+ for (var prop of __getOwnPropSymbols$i(source)) {
45771
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$i.call(source, prop))
45739
45772
  target[prop] = source[prop];
45740
45773
  }
45741
45774
  return target;
@@ -45753,7 +45786,7 @@ function TicketModal(_a) {
45753
45786
  modalClassName: "modal scroll-modal",
45754
45787
  contentClassName: "",
45755
45788
  style: { width: 380 },
45756
- children: /* @__PURE__ */ jsx$1(ModalBody, { className: "d-inline-flex justify-content-center p-0", children: /* @__PURE__ */ jsx$1(TicketModalWrapper, __spreadValues$6({ object }, props)) })
45789
+ children: /* @__PURE__ */ jsx$1(ModalBody, { className: "d-inline-flex justify-content-center p-0", children: /* @__PURE__ */ jsx$1(TicketModalWrapper, __spreadValues$h({ object }, props)) })
45757
45790
  }
45758
45791
  ) });
45759
45792
  }
@@ -45879,26 +45912,26 @@ const PostTable = memo(({ data = [], fallbackTwo = "", fallbackThree = "", usePo
45879
45912
  return /* @__PURE__ */ jsx$1(ResultTable, { data, columns, cellRenderer: renderCell });
45880
45913
  });
45881
45914
 
45882
- var __defProp$5 = Object.defineProperty;
45883
- var __defProps$1 = Object.defineProperties;
45884
- var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
45885
- var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
45886
- var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
45887
- var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
45888
- var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
45889
- var __spreadValues$5 = (a, b) => {
45915
+ var __defProp$g = Object.defineProperty;
45916
+ var __defProps$9 = Object.defineProperties;
45917
+ var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
45918
+ var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
45919
+ var __hasOwnProp$h = Object.prototype.hasOwnProperty;
45920
+ var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
45921
+ var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
45922
+ var __spreadValues$g = (a, b) => {
45890
45923
  for (var prop in b || (b = {}))
45891
- if (__hasOwnProp$6.call(b, prop))
45892
- __defNormalProp$5(a, prop, b[prop]);
45893
- if (__getOwnPropSymbols$6)
45894
- for (var prop of __getOwnPropSymbols$6(b)) {
45895
- if (__propIsEnum$6.call(b, prop))
45896
- __defNormalProp$5(a, prop, b[prop]);
45924
+ if (__hasOwnProp$h.call(b, prop))
45925
+ __defNormalProp$g(a, prop, b[prop]);
45926
+ if (__getOwnPropSymbols$h)
45927
+ for (var prop of __getOwnPropSymbols$h(b)) {
45928
+ if (__propIsEnum$h.call(b, prop))
45929
+ __defNormalProp$g(a, prop, b[prop]);
45897
45930
  }
45898
45931
  return a;
45899
45932
  };
45900
- var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
45901
- const loCellStyle = __spreadProps$1(__spreadValues$5({}, baseCellStyle), {
45933
+ var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
45934
+ const loCellStyle = __spreadProps$9(__spreadValues$g({}, baseCellStyle), {
45902
45935
  width: "200px"
45903
45936
  });
45904
45937
  const LoTable = memo(({ LO = [], columnsCount = 3, showHeader = false }) => {
@@ -45910,7 +45943,7 @@ const LoTable = memo(({ LO = [], columnsCount = 3, showHeader = false }) => {
45910
45943
  "th",
45911
45944
  {
45912
45945
  className: "text-black text-center bg-light-red",
45913
- style: __spreadProps$1(__spreadValues$5({}, loCellStyle), { fontSize: "16px" }),
45946
+ style: __spreadProps$9(__spreadValues$g({}, loCellStyle), { fontSize: "16px" }),
45914
45947
  children: KPLO[col.columnNumber]
45915
45948
  },
45916
45949
  idx
@@ -57754,36 +57787,38 @@ const DeleteApi = (isSystem) => isSystem ? "api/v1.0.0/cancel-ticket" : "api/v1.
57754
57787
  const RemarkApi = "api/v1.0.0/order/remark";
57755
57788
  const PaidApi = "api/v1.0.0/order/paid";
57756
57789
  const PayoutApi = "api/v1.0.0/order/payout";
57757
-
57758
- var __defProp$4 = Object.defineProperty;
57759
- var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
57760
- var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
57761
- var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
57762
- var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
57763
- var __spreadValues$4 = (a, b) => {
57790
+ const TransferUserOptionApi = "api/v1.0.0/user-connect/option";
57791
+ const TransferNumberApi = "api/v1.0.0/transfer-number";
57792
+
57793
+ var __defProp$f = Object.defineProperty;
57794
+ var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
57795
+ var __hasOwnProp$g = Object.prototype.hasOwnProperty;
57796
+ var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
57797
+ var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
57798
+ var __spreadValues$f = (a, b) => {
57764
57799
  for (var prop in b || (b = {}))
57765
- if (__hasOwnProp$5.call(b, prop))
57766
- __defNormalProp$4(a, prop, b[prop]);
57767
- if (__getOwnPropSymbols$5)
57768
- for (var prop of __getOwnPropSymbols$5(b)) {
57769
- if (__propIsEnum$5.call(b, prop))
57770
- __defNormalProp$4(a, prop, b[prop]);
57800
+ if (__hasOwnProp$g.call(b, prop))
57801
+ __defNormalProp$f(a, prop, b[prop]);
57802
+ if (__getOwnPropSymbols$g)
57803
+ for (var prop of __getOwnPropSymbols$g(b)) {
57804
+ if (__propIsEnum$g.call(b, prop))
57805
+ __defNormalProp$f(a, prop, b[prop]);
57771
57806
  }
57772
57807
  return a;
57773
57808
  };
57774
57809
  var __objRest$3 = (source, exclude) => {
57775
57810
  var target = {};
57776
57811
  for (var prop in source)
57777
- if (__hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0)
57812
+ if (__hasOwnProp$g.call(source, prop) && exclude.indexOf(prop) < 0)
57778
57813
  target[prop] = source[prop];
57779
- if (source != null && __getOwnPropSymbols$5)
57780
- for (var prop of __getOwnPropSymbols$5(source)) {
57781
- if (exclude.indexOf(prop) < 0 && __propIsEnum$5.call(source, prop))
57814
+ if (source != null && __getOwnPropSymbols$g)
57815
+ for (var prop of __getOwnPropSymbols$g(source)) {
57816
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$g.call(source, prop))
57782
57817
  target[prop] = source[prop];
57783
57818
  }
57784
57819
  return target;
57785
57820
  };
57786
- const DEFAULT_API_BASE_URL$3 = "https://api-web.dev.lottery.aazz168.com/";
57821
+ const DEFAULT_API_BASE_URL$5 = "https://api-web.dev.lottery.aazz168.com/";
57787
57822
  function DeleteModal(_a) {
57788
57823
  var _b = _a, {
57789
57824
  ticket,
@@ -57815,7 +57850,7 @@ function DeleteModal(_a) {
57815
57850
  const [isLoading, setIsLoading] = useState(false);
57816
57851
  const [isSubmitting, setIsSubmitting] = useState(false);
57817
57852
  const token = accessToken || localStorage.getItem("accessToken") || sessionStorage.getItem("accessToken");
57818
- const headers = __spreadValues$4({
57853
+ const headers = __spreadValues$f({
57819
57854
  "Content-Type": "application/json",
57820
57855
  "Accept": "application/json",
57821
57856
  "X-DeviceType": "WEB"
@@ -57828,7 +57863,7 @@ function DeleteModal(_a) {
57828
57863
  try {
57829
57864
  setIsLoading(true);
57830
57865
  const res = await axios.get(
57831
- `${Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$3}${RemoveReasonApi}`,
57866
+ `${Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$5}${RemoveReasonApi}`,
57832
57867
  {
57833
57868
  headers
57834
57869
  }
@@ -57878,7 +57913,7 @@ function DeleteModal(_a) {
57878
57913
  id: ticket == null ? void 0 : ticket.ticketNumber,
57879
57914
  drawCode: ticket == null ? void 0 : ticket.drawCode
57880
57915
  };
57881
- const url = `${Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$3}${DeleteApi(isSystem)}`;
57916
+ const url = `${Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$5}${DeleteApi(isSystem)}`;
57882
57917
  const res = isSystem ? await axios.post(url, payloadSystem, { headers }) : await axios.delete(url, {
57883
57918
  headers,
57884
57919
  data: payload
@@ -57973,19 +58008,19 @@ DeleteModal.propTypes = {
57973
58008
  accessToken: PropTypes$2.string.isRequired
57974
58009
  };
57975
58010
 
57976
- var __defProp$3 = Object.defineProperty;
57977
- var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
57978
- var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
57979
- var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
57980
- var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
57981
- var __spreadValues$3 = (a, b) => {
58011
+ var __defProp$e = Object.defineProperty;
58012
+ var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
58013
+ var __hasOwnProp$f = Object.prototype.hasOwnProperty;
58014
+ var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
58015
+ var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
58016
+ var __spreadValues$e = (a, b) => {
57982
58017
  for (var prop in b || (b = {}))
57983
- if (__hasOwnProp$4.call(b, prop))
57984
- __defNormalProp$3(a, prop, b[prop]);
57985
- if (__getOwnPropSymbols$4)
57986
- for (var prop of __getOwnPropSymbols$4(b)) {
57987
- if (__propIsEnum$4.call(b, prop))
57988
- __defNormalProp$3(a, prop, b[prop]);
58018
+ if (__hasOwnProp$f.call(b, prop))
58019
+ __defNormalProp$e(a, prop, b[prop]);
58020
+ if (__getOwnPropSymbols$f)
58021
+ for (var prop of __getOwnPropSymbols$f(b)) {
58022
+ if (__propIsEnum$f.call(b, prop))
58023
+ __defNormalProp$e(a, prop, b[prop]);
57989
58024
  }
57990
58025
  return a;
57991
58026
  };
@@ -58020,7 +58055,7 @@ function DeleteTicketButton(props) {
58020
58055
  type: "button",
58021
58056
  onClick: handleOpen,
58022
58057
  className: `border-0 p-2 rounded mb-1 ${className}`.trim(),
58023
- style: __spreadValues$3({
58058
+ style: __spreadValues$e({
58024
58059
  backgroundColor: "#dc3545",
58025
58060
  boxShadow: "none"
58026
58061
  }, style),
@@ -58067,23 +58102,23 @@ DeleteTicketButton.propTypes = {
58067
58102
  style: PropTypes$2.object
58068
58103
  };
58069
58104
 
58070
- var __defProp$2 = Object.defineProperty;
58071
- var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
58072
- var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
58073
- var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
58074
- var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
58075
- var __spreadValues$2 = (a, b) => {
58105
+ var __defProp$d = Object.defineProperty;
58106
+ var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
58107
+ var __hasOwnProp$e = Object.prototype.hasOwnProperty;
58108
+ var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
58109
+ var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
58110
+ var __spreadValues$d = (a, b) => {
58076
58111
  for (var prop in b || (b = {}))
58077
- if (__hasOwnProp$3.call(b, prop))
58078
- __defNormalProp$2(a, prop, b[prop]);
58079
- if (__getOwnPropSymbols$3)
58080
- for (var prop of __getOwnPropSymbols$3(b)) {
58081
- if (__propIsEnum$3.call(b, prop))
58082
- __defNormalProp$2(a, prop, b[prop]);
58112
+ if (__hasOwnProp$e.call(b, prop))
58113
+ __defNormalProp$d(a, prop, b[prop]);
58114
+ if (__getOwnPropSymbols$e)
58115
+ for (var prop of __getOwnPropSymbols$e(b)) {
58116
+ if (__propIsEnum$e.call(b, prop))
58117
+ __defNormalProp$d(a, prop, b[prop]);
58083
58118
  }
58084
58119
  return a;
58085
58120
  };
58086
- const DEFAULT_API_BASE_URL$2 = "https://api-web.dev.lottery.aazz168.com/";
58121
+ const DEFAULT_API_BASE_URL$4 = "https://api-web.dev.lottery.aazz168.com/";
58087
58122
  const ProtestModal = ({
58088
58123
  isOpen,
58089
58124
  onClose,
@@ -58107,7 +58142,7 @@ const ProtestModal = ({
58107
58142
  const [isSubmitting, setIsSubmitting] = useState(false);
58108
58143
  const activeLotteryType = lotteryType || (ticket == null ? void 0 : ticket.lotteryType);
58109
58144
  const token = accessToken || localStorage.getItem("accessToken") || sessionStorage.getItem("accessToken");
58110
- const headers = __spreadValues$2({
58145
+ const headers = __spreadValues$d({
58111
58146
  "Content-Type": "application/json",
58112
58147
  "Accept": "application/json",
58113
58148
  "X-DeviceType": "WEB"
@@ -58123,7 +58158,7 @@ const ProtestModal = ({
58123
58158
  try {
58124
58159
  setIsLoading(true);
58125
58160
  const res = await axios.get(
58126
- `${Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$2}${RemoveReasonApi}`,
58161
+ `${Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$4}${RemoveReasonApi}`,
58127
58162
  {
58128
58163
  params: { type: "protest" },
58129
58164
  headers
@@ -58204,7 +58239,7 @@ const ProtestModal = ({
58204
58239
  };
58205
58240
  const requestPayload = isSystem ? payloadSystem : payload;
58206
58241
  const res = await axios.post(
58207
- `${Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$2}${ProtestApi(isSystem)}`,
58242
+ `${Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$4}${ProtestApi(isSystem)}`,
58208
58243
  requestPayload,
58209
58244
  { headers }
58210
58245
  );
@@ -58367,30 +58402,505 @@ ProtestButton.propTypes = {
58367
58402
  accessToken: PropTypes$2.string.isRequired
58368
58403
  };
58369
58404
 
58370
- var __defProp$1 = Object.defineProperty;
58371
- var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
58372
- var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
58373
- var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
58374
- var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
58375
- var __spreadValues$1 = (a, b) => {
58405
+ var __defProp$c = Object.defineProperty;
58406
+ var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
58407
+ var __hasOwnProp$d = Object.prototype.hasOwnProperty;
58408
+ var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
58409
+ var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
58410
+ var __spreadValues$c = (a, b) => {
58376
58411
  for (var prop in b || (b = {}))
58377
- if (__hasOwnProp$2.call(b, prop))
58378
- __defNormalProp$1(a, prop, b[prop]);
58379
- if (__getOwnPropSymbols$2)
58380
- for (var prop of __getOwnPropSymbols$2(b)) {
58381
- if (__propIsEnum$2.call(b, prop))
58382
- __defNormalProp$1(a, prop, b[prop]);
58412
+ if (__hasOwnProp$d.call(b, prop))
58413
+ __defNormalProp$c(a, prop, b[prop]);
58414
+ if (__getOwnPropSymbols$d)
58415
+ for (var prop of __getOwnPropSymbols$d(b)) {
58416
+ if (__propIsEnum$d.call(b, prop))
58417
+ __defNormalProp$c(a, prop, b[prop]);
58418
+ }
58419
+ return a;
58420
+ };
58421
+ const DEFAULT_API_BASE_URL$3 = "https://api-web.dev.lottery.aazz168.com/";
58422
+ const TransferDeleteModal = ({
58423
+ container,
58424
+ isOpen,
58425
+ onClose,
58426
+ ticket,
58427
+ lotteryType,
58428
+ Env = {},
58429
+ accessToken,
58430
+ isSubmitting: externalSubmitting = false,
58431
+ onSuccess,
58432
+ onSuccessDelete,
58433
+ onError
58434
+ }) => {
58435
+ const [options, setOptions] = useState([]);
58436
+ const [selectedReason, setSelectedReason] = useState(null);
58437
+ const [isLoading, setIsLoading] = useState(false);
58438
+ const [isSubmitting, setIsSubmitting] = useState(false);
58439
+ const activeLotteryType = lotteryType || (ticket == null ? void 0 : ticket.lotteryType);
58440
+ const ticketNumber = ticket == null ? void 0 : ticket.ticketNumber;
58441
+ const apiBaseUrl = Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$3;
58442
+ const token = accessToken || localStorage.getItem("accessToken") || sessionStorage.getItem("accessToken");
58443
+ const headers = useMemo(() => __spreadValues$c({
58444
+ "Content-Type": "application/json",
58445
+ "Accept": "application/json",
58446
+ "X-DeviceType": "WEB"
58447
+ }, token ? { Authorization: `Bearer ${token}` } : {}), [token]);
58448
+ useEffect(() => {
58449
+ setSelectedReason(null);
58450
+ if (!isOpen || !ticket) return void 0;
58451
+ let isActive = true;
58452
+ const fetchReasons = async () => {
58453
+ var _a, _b, _c;
58454
+ try {
58455
+ setIsLoading(true);
58456
+ const res = await axios.get(`${apiBaseUrl}${RemoveReasonApi}`, {
58457
+ headers
58458
+ });
58459
+ if (!isActive) return;
58460
+ const list = ((_a = res.data) == null ? void 0 : _a.data) || [];
58461
+ setOptions(list.map((item) => ({
58462
+ label: item,
58463
+ value: item
58464
+ })));
58465
+ } catch (err) {
58466
+ if (!isActive) return;
58467
+ PNotify_1.alert({
58468
+ text: ((_c = (_b = err.response) == null ? void 0 : _b.data) == null ? void 0 : _c.message) || err.message || "Failed to load delete reasons.",
58469
+ type: "error"
58470
+ });
58471
+ } finally {
58472
+ if (isActive) setIsLoading(false);
58473
+ }
58474
+ };
58475
+ fetchReasons();
58476
+ return () => {
58477
+ isActive = false;
58478
+ };
58479
+ }, [apiBaseUrl, headers, isOpen, ticket]);
58480
+ const handleConfirm = async () => {
58481
+ var _a, _b, _c;
58482
+ if (!selectedReason) {
58483
+ PNotify_1.alert({
58484
+ text: "\u179F\u17BC\u1798\u1787\u17D2\u179A\u17BE\u179F\u179A\u17BE\u179F\u1798\u17BC\u179B\u17A0\u17C1\u178F\u17BB\u179B\u17BB\u1794",
58485
+ type: "error"
58486
+ });
58487
+ return;
58488
+ }
58489
+ if (!activeLotteryType || !ticketNumber) {
58490
+ PNotify_1.alert({
58491
+ text: "Missing lottery type or ticket number.",
58492
+ type: "error"
58493
+ });
58494
+ return;
58495
+ }
58496
+ try {
58497
+ setIsSubmitting(true);
58498
+ const payload = {
58499
+ lotteryType: activeLotteryType,
58500
+ ticketNumber,
58501
+ message: selectedReason.value
58502
+ };
58503
+ const res = await axios.delete(`${apiBaseUrl}${TransferNumberApi}`, {
58504
+ headers,
58505
+ data: payload
58506
+ });
58507
+ if (typeof onSuccess === "function") {
58508
+ onSuccess(res.data, payload);
58509
+ }
58510
+ if (typeof onSuccessDelete === "function") {
58511
+ onSuccessDelete(res.data, payload);
58512
+ }
58513
+ PNotify_1.alert({
58514
+ 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 !",
58515
+ type: "success"
58516
+ });
58517
+ onClose == null ? void 0 : onClose();
58518
+ } catch (err) {
58519
+ 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 !";
58520
+ PNotify_1.alert({
58521
+ text: message,
58522
+ type: "error"
58523
+ });
58524
+ if (typeof onError === "function") {
58525
+ onError(err);
58526
+ }
58527
+ } finally {
58528
+ setIsSubmitting(false);
58529
+ }
58530
+ };
58531
+ if (!ticket) return null;
58532
+ return /* @__PURE__ */ jsx$1(
58533
+ Modal,
58534
+ {
58535
+ isOpen,
58536
+ toggle: onClose,
58537
+ container,
58538
+ backdropClassName: "modal-backdrop",
58539
+ modalClassName: "modal scroll-modal",
58540
+ contentClassName: "",
58541
+ style: { width: 380 },
58542
+ children: /* @__PURE__ */ jsx$1(ModalBody, { className: "d-inline-flex justify-content-center p-0 font-Hanuman", children: /* @__PURE__ */ jsxs("div", { className: "w-75", children: [
58543
+ /* @__PURE__ */ jsx$1("div", { className: "text-center", children: /* @__PURE__ */ jsx$1(
58544
+ FeatherIcon,
58545
+ {
58546
+ icon: "alert-circle",
58547
+ className: "text-warning px-1",
58548
+ style: { width: 110, height: 110, marginTop: 20, marginBottom: 0 }
58549
+ }
58550
+ ) }),
58551
+ /* @__PURE__ */ jsx$1("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?" }),
58552
+ /* @__PURE__ */ jsxs("div", { className: "f-14 text-center mb-2 text-danger", children: [
58553
+ "\u179B\u17BB\u1794\u1780\u17B6\u179A\u1795\u17D2\u1791\u17C1\u179A #",
58554
+ ticketNumber
58555
+ ] }),
58556
+ /* @__PURE__ */ jsx$1("div", { children: /* @__PURE__ */ jsx$1(
58557
+ StateManagedSelect$1,
58558
+ {
58559
+ options,
58560
+ value: selectedReason,
58561
+ isLoading,
58562
+ isDisabled: isLoading || isSubmitting || externalSubmitting,
58563
+ onChange: setSelectedReason,
58564
+ placeholder: "\u1798\u17BC\u179B\u17A0\u17C1\u178F\u17BB \u179B\u17BB\u1794..."
58565
+ }
58566
+ ) }),
58567
+ /* @__PURE__ */ jsxs("div", { className: "my-3 d-flex justify-content-center", children: [
58568
+ /* @__PURE__ */ jsx$1(
58569
+ "button",
58570
+ {
58571
+ type: "button",
58572
+ className: "btn-cancel",
58573
+ onClick: onClose,
58574
+ disabled: isSubmitting || externalSubmitting,
58575
+ children: "\u1791\u17C1"
58576
+ }
58577
+ ),
58578
+ /* @__PURE__ */ jsx$1(
58579
+ "button",
58580
+ {
58581
+ type: "button",
58582
+ className: "btn-confirm ml-3",
58583
+ onClick: handleConfirm,
58584
+ disabled: isLoading || isSubmitting || externalSubmitting,
58585
+ children: "\u1794\u17B6\u1791/\u1785\u17B6\u179F\u17CE"
58586
+ }
58587
+ )
58588
+ ] })
58589
+ ] }) })
58590
+ }
58591
+ );
58592
+ };
58593
+ TransferDeleteModal.propTypes = {
58594
+ container: PropTypes$2.object,
58595
+ isOpen: PropTypes$2.bool.isRequired,
58596
+ onClose: PropTypes$2.func.isRequired,
58597
+ ticket: PropTypes$2.object,
58598
+ lotteryType: PropTypes$2.string,
58599
+ Env: PropTypes$2.object,
58600
+ accessToken: PropTypes$2.string,
58601
+ isSubmitting: PropTypes$2.bool,
58602
+ onSuccess: PropTypes$2.func,
58603
+ onSuccessDelete: PropTypes$2.func,
58604
+ onError: PropTypes$2.func
58605
+ };
58606
+
58607
+ var __defProp$b = Object.defineProperty;
58608
+ var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
58609
+ var __hasOwnProp$c = Object.prototype.hasOwnProperty;
58610
+ var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
58611
+ var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
58612
+ var __spreadValues$b = (a, b) => {
58613
+ for (var prop in b || (b = {}))
58614
+ if (__hasOwnProp$c.call(b, prop))
58615
+ __defNormalProp$b(a, prop, b[prop]);
58616
+ if (__getOwnPropSymbols$c)
58617
+ for (var prop of __getOwnPropSymbols$c(b)) {
58618
+ if (__propIsEnum$c.call(b, prop))
58619
+ __defNormalProp$b(a, prop, b[prop]);
58620
+ }
58621
+ return a;
58622
+ };
58623
+ const DEFAULT_API_BASE_URL$2 = "https://api-web.dev.lottery.aazz168.com/";
58624
+ const mapTransferOptions = (data) => {
58625
+ const list = Array.isArray(data) ? data : (data == null ? void 0 : data.users) || (data == null ? void 0 : data.options) || (data == null ? void 0 : data.list) || [];
58626
+ return list.map((item) => {
58627
+ var _a, _b, _c, _d, _e, _f;
58628
+ if (typeof item === "string") {
58629
+ return { label: item, value: item };
58630
+ }
58631
+ 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 : "";
58632
+ return { label: value, value };
58633
+ }).filter((option) => option.value);
58634
+ };
58635
+ const TransferModal = ({
58636
+ isOpen,
58637
+ onClose,
58638
+ ticket,
58639
+ lotteryType,
58640
+ onSuccess,
58641
+ onSuccessTransfer,
58642
+ onSuccessDelete,
58643
+ onError,
58644
+ onChange,
58645
+ logo,
58646
+ isVN,
58647
+ Env = {},
58648
+ accessToken,
58649
+ isSubmitting: externalSubmitting = false
58650
+ }) => {
58651
+ const [options, setOptions] = useState([]);
58652
+ const [selectedUser, setSelectedUser] = useState(null);
58653
+ const [selectedTransferIds, setSelectedTransferIds] = useState([]);
58654
+ const [isLoading, setIsLoading] = useState(false);
58655
+ const [isSubmitting, setIsSubmitting] = useState(false);
58656
+ const [isDeleteOpen, setIsDeleteOpen] = useState(false);
58657
+ const activeLotteryType = lotteryType || (ticket == null ? void 0 : ticket.lotteryType);
58658
+ const ticketNumber = ticket == null ? void 0 : ticket.ticketNumber;
58659
+ const canDeleteTransfer = (ticket == null ? void 0 : ticket.isHasSend) === true;
58660
+ const token = accessToken || localStorage.getItem("accessToken") || sessionStorage.getItem("accessToken");
58661
+ const headers = useMemo(() => __spreadValues$b({
58662
+ "Content-Type": "application/json",
58663
+ "Accept": "application/json",
58664
+ "X-DeviceType": "WEB"
58665
+ }, token ? { Authorization: `Bearer ${token}` } : {}), [token]);
58666
+ useEffect(() => {
58667
+ setOptions([]);
58668
+ setSelectedUser(null);
58669
+ setSelectedTransferIds([]);
58670
+ setIsDeleteOpen(false);
58671
+ if (!isOpen || !activeLotteryType || !ticketNumber) return void 0;
58672
+ let isActive = true;
58673
+ const fetchOptions = async () => {
58674
+ var _a, _b, _c, _d, _e, _f;
58675
+ try {
58676
+ setIsLoading(true);
58677
+ const res = await axios.get(
58678
+ `${Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$2}${TransferUserOptionApi}`,
58679
+ {
58680
+ params: {
58681
+ lotteryType: activeLotteryType,
58682
+ ticketNumber
58683
+ },
58684
+ headers
58685
+ }
58686
+ );
58687
+ if (!isActive) return;
58688
+ const data = (_c = (_b = (_a = res.data) == null ? void 0 : _a.data) != null ? _b : res.data) != null ? _c : [];
58689
+ const transferOptions = mapTransferOptions(data);
58690
+ setOptions(transferOptions);
58691
+ setSelectedUser((_d = transferOptions[0]) != null ? _d : null);
58692
+ } catch (err) {
58693
+ if (!isActive) return;
58694
+ PNotify_1.alert({
58695
+ text: ((_f = (_e = err.response) == null ? void 0 : _e.data) == null ? void 0 : _f.message) || err.message || "Failed to load transfer options.",
58696
+ type: "error"
58697
+ });
58698
+ } finally {
58699
+ if (isActive) setIsLoading(false);
58700
+ }
58701
+ };
58702
+ fetchOptions();
58703
+ return () => {
58704
+ isActive = false;
58705
+ };
58706
+ }, [Env.REACT_APP_API_BASE_URL, activeLotteryType, headers, isOpen, ticketNumber]);
58707
+ const handleSelectedIdsChange = useCallback((ids) => {
58708
+ setSelectedTransferIds(ids);
58709
+ }, []);
58710
+ const handleUserChange = (option) => {
58711
+ setSelectedUser(option);
58712
+ if (typeof onChange === "function") {
58713
+ onChange(option);
58714
+ }
58715
+ };
58716
+ const handleSubmit = useCallback(async () => {
58717
+ var _a, _b, _c, _d;
58718
+ if (!activeLotteryType || !ticketNumber) {
58719
+ PNotify_1.alert({
58720
+ text: "Missing lottery type or ticket number.",
58721
+ type: "error"
58722
+ });
58723
+ return;
58724
+ }
58725
+ if (selectedTransferIds.length === 0) {
58726
+ PNotify_1.alert({
58727
+ text: "Please select items to transfer.",
58728
+ type: "error"
58729
+ });
58730
+ return;
58731
+ }
58732
+ try {
58733
+ setIsSubmitting(true);
58734
+ const payload = {
58735
+ lotteryType: activeLotteryType,
58736
+ ticketNumber,
58737
+ orderItemsIds: selectedTransferIds,
58738
+ toUsername: (_a = selectedUser == null ? void 0 : selectedUser.value) != null ? _a : ""
58739
+ };
58740
+ const res = await axios.post(
58741
+ `${Env.REACT_APP_API_BASE_URL || DEFAULT_API_BASE_URL$2}${TransferNumberApi}`,
58742
+ payload,
58743
+ { headers }
58744
+ );
58745
+ if (typeof onSuccess === "function") {
58746
+ onSuccess(res.data, payload);
58747
+ }
58748
+ if (typeof onSuccessTransfer === "function") {
58749
+ onSuccessTransfer(res.data, payload);
58750
+ }
58751
+ PNotify_1.alert({
58752
+ text: ((_b = res.data) == null ? void 0 : _b.message) || "Transfer successful.",
58753
+ type: "success"
58754
+ });
58755
+ onClose == null ? void 0 : onClose();
58756
+ } catch (err) {
58757
+ const message = ((_d = (_c = err.response) == null ? void 0 : _c.data) == null ? void 0 : _d.message) || err.message || "Transfer failed.";
58758
+ PNotify_1.alert({
58759
+ text: message,
58760
+ type: "error"
58761
+ });
58762
+ if (typeof onError === "function") {
58763
+ onError(err);
58764
+ }
58765
+ } finally {
58766
+ setIsSubmitting(false);
58767
+ }
58768
+ }, [Env.REACT_APP_API_BASE_URL, activeLotteryType, headers, onClose, onError, onSuccess, onSuccessTransfer, selectedTransferIds, selectedUser, ticketNumber]);
58769
+ if (!ticket) return null;
58770
+ return /* @__PURE__ */ jsx$1(ScopeHost, { children: (container) => container && /* @__PURE__ */ jsxs(Fragment, { children: [
58771
+ /* @__PURE__ */ jsxs(
58772
+ Modal,
58773
+ {
58774
+ isOpen,
58775
+ toggle: onClose,
58776
+ container,
58777
+ size: "md",
58778
+ centered: true,
58779
+ className: "font-Hanuman",
58780
+ children: [
58781
+ /* @__PURE__ */ jsx$1(ModalHeader, { toggle: onClose, children: "\u179F\u17B6\u1784\u179F\u17C6\u1794\u17BB\u178F\u17D2\u179A" }),
58782
+ /* @__PURE__ */ jsxs(ModalBody, { children: [
58783
+ /* @__PURE__ */ jsxs("div", { className: "mb-3", children: [
58784
+ /* @__PURE__ */ jsx$1(Label, { className: "f-bold custom-label", children: "\u179F\u17B6\u1784\u1791\u17C5\u1780\u17B6\u1793\u17CB" }),
58785
+ /* @__PURE__ */ jsx$1(
58786
+ StateManagedSelect$1,
58787
+ {
58788
+ options,
58789
+ value: selectedUser,
58790
+ isLoading,
58791
+ isDisabled: isLoading || isSubmitting || externalSubmitting,
58792
+ onChange: handleUserChange,
58793
+ placeholder: "Select user..."
58794
+ }
58795
+ )
58796
+ ] }),
58797
+ /* @__PURE__ */ jsx$1("div", { className: "d-flex justify-content-center transfer-ticket-scroll", children: /* @__PURE__ */ jsx$1(
58798
+ TransferTicket,
58799
+ {
58800
+ object: ticket,
58801
+ lotteryType: activeLotteryType,
58802
+ logo,
58803
+ isVN,
58804
+ onSelectedIdsChange: handleSelectedIdsChange
58805
+ }
58806
+ ) })
58807
+ ] }),
58808
+ /* @__PURE__ */ jsxs(ModalFooter, { className: "transfer-modal-footer", children: [
58809
+ /* @__PURE__ */ jsx$1("div", { children: canDeleteTransfer && /* @__PURE__ */ jsx$1(
58810
+ Button,
58811
+ {
58812
+ className: "btn-modal-c",
58813
+ color: "danger",
58814
+ onClick: () => setIsDeleteOpen(true),
58815
+ disabled: isLoading || isSubmitting || externalSubmitting,
58816
+ children: "\u179B\u17BB\u1794\u179F\u17B6\u1784"
58817
+ }
58818
+ ) }),
58819
+ /* @__PURE__ */ jsxs("div", { children: [
58820
+ /* @__PURE__ */ jsx$1(
58821
+ Button,
58822
+ {
58823
+ className: "btn-modal-c",
58824
+ color: "secondary",
58825
+ onClick: onClose,
58826
+ disabled: isSubmitting || externalSubmitting,
58827
+ children: "\u1794\u17C4\u17C7\u1794\u1784\u17CB"
58828
+ }
58829
+ ),
58830
+ /* @__PURE__ */ jsx$1(
58831
+ Button,
58832
+ {
58833
+ className: "btn-modal-c ml-2",
58834
+ color: "primary",
58835
+ onClick: handleSubmit,
58836
+ disabled: isLoading || isSubmitting || externalSubmitting,
58837
+ children: "\u178A\u17B6\u1780\u17CB\u179F\u17D2\u1793\u17BE"
58838
+ }
58839
+ )
58840
+ ] })
58841
+ ] })
58842
+ ]
58843
+ }
58844
+ ),
58845
+ /* @__PURE__ */ jsx$1(
58846
+ TransferDeleteModal,
58847
+ {
58848
+ container,
58849
+ isOpen: isDeleteOpen,
58850
+ onClose: () => setIsDeleteOpen(false),
58851
+ ticket,
58852
+ lotteryType: activeLotteryType,
58853
+ Env,
58854
+ accessToken,
58855
+ isSubmitting: externalSubmitting,
58856
+ onSuccess,
58857
+ onSuccessDelete,
58858
+ onError
58859
+ }
58860
+ )
58861
+ ] }) });
58862
+ };
58863
+ TransferModal.propTypes = {
58864
+ isOpen: PropTypes$2.bool.isRequired,
58865
+ onClose: PropTypes$2.func.isRequired,
58866
+ ticket: PropTypes$2.object,
58867
+ lotteryType: PropTypes$2.string,
58868
+ onSuccess: PropTypes$2.func,
58869
+ onSuccessTransfer: PropTypes$2.func,
58870
+ onSuccessDelete: PropTypes$2.func,
58871
+ onError: PropTypes$2.func,
58872
+ onChange: PropTypes$2.func,
58873
+ logo: PropTypes$2.string,
58874
+ isVN: PropTypes$2.bool,
58875
+ Env: PropTypes$2.object,
58876
+ accessToken: PropTypes$2.string,
58877
+ isSubmitting: PropTypes$2.bool
58878
+ };
58879
+
58880
+ var __defProp$a = Object.defineProperty;
58881
+ var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
58882
+ var __hasOwnProp$b = Object.prototype.hasOwnProperty;
58883
+ var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
58884
+ var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
58885
+ var __spreadValues$a = (a, b) => {
58886
+ for (var prop in b || (b = {}))
58887
+ if (__hasOwnProp$b.call(b, prop))
58888
+ __defNormalProp$a(a, prop, b[prop]);
58889
+ if (__getOwnPropSymbols$b)
58890
+ for (var prop of __getOwnPropSymbols$b(b)) {
58891
+ if (__propIsEnum$b.call(b, prop))
58892
+ __defNormalProp$a(a, prop, b[prop]);
58383
58893
  }
58384
58894
  return a;
58385
58895
  };
58386
58896
  var __objRest$2 = (source, exclude) => {
58387
58897
  var target = {};
58388
58898
  for (var prop in source)
58389
- if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
58899
+ if (__hasOwnProp$b.call(source, prop) && exclude.indexOf(prop) < 0)
58390
58900
  target[prop] = source[prop];
58391
- if (source != null && __getOwnPropSymbols$2)
58392
- for (var prop of __getOwnPropSymbols$2(source)) {
58393
- if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
58901
+ if (source != null && __getOwnPropSymbols$b)
58902
+ for (var prop of __getOwnPropSymbols$b(source)) {
58903
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$b.call(source, prop))
58394
58904
  target[prop] = source[prop];
58395
58905
  }
58396
58906
  return target;
@@ -58426,7 +58936,7 @@ function RemarkModal(_a) {
58426
58936
  setRemark((_a2 = ticket == null ? void 0 : ticket.remark) != null ? _a2 : "");
58427
58937
  }, [ticket]);
58428
58938
  const token = accessToken || localStorage.getItem("accessToken") || sessionStorage.getItem("accessToken");
58429
- const headers = __spreadValues$1({
58939
+ const headers = __spreadValues$a({
58430
58940
  "Content-Type": "application/json",
58431
58941
  "Accept": "application/json",
58432
58942
  "X-DeviceType": "WEB"
@@ -58534,17 +59044,17 @@ RemarkModal.propTypes = {
58534
59044
  accessToken: PropTypes$2.string.isRequired
58535
59045
  };
58536
59046
 
58537
- var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
58538
- var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
58539
- var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
59047
+ var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
59048
+ var __hasOwnProp$a = Object.prototype.hasOwnProperty;
59049
+ var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
58540
59050
  var __objRest$1 = (source, exclude) => {
58541
59051
  var target = {};
58542
59052
  for (var prop in source)
58543
- if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
59053
+ if (__hasOwnProp$a.call(source, prop) && exclude.indexOf(prop) < 0)
58544
59054
  target[prop] = source[prop];
58545
- if (source != null && __getOwnPropSymbols$1)
58546
- for (var prop of __getOwnPropSymbols$1(source)) {
58547
- if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
59055
+ if (source != null && __getOwnPropSymbols$a)
59056
+ for (var prop of __getOwnPropSymbols$a(source)) {
59057
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$a.call(source, prop))
58548
59058
  target[prop] = source[prop];
58549
59059
  }
58550
59060
  return target;
@@ -58585,33 +59095,33 @@ function RemarkModalShowOnly(_a) {
58585
59095
  ) });
58586
59096
  }
58587
59097
 
58588
- var __defProp = Object.defineProperty;
58589
- var __defProps = Object.defineProperties;
58590
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
58591
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
58592
- var __hasOwnProp = Object.prototype.hasOwnProperty;
58593
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
58594
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
58595
- var __spreadValues = (a, b) => {
59098
+ var __defProp$9 = Object.defineProperty;
59099
+ var __defProps$8 = Object.defineProperties;
59100
+ var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
59101
+ var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
59102
+ var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
59103
+ var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
59104
+ var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
59105
+ var __spreadValues$9 = (a, b) => {
58596
59106
  for (var prop in b || (b = {}))
58597
- if (__hasOwnProp.call(b, prop))
58598
- __defNormalProp(a, prop, b[prop]);
58599
- if (__getOwnPropSymbols)
58600
- for (var prop of __getOwnPropSymbols(b)) {
58601
- if (__propIsEnum.call(b, prop))
58602
- __defNormalProp(a, prop, b[prop]);
59107
+ if (__hasOwnProp$9.call(b, prop))
59108
+ __defNormalProp$9(a, prop, b[prop]);
59109
+ if (__getOwnPropSymbols$9)
59110
+ for (var prop of __getOwnPropSymbols$9(b)) {
59111
+ if (__propIsEnum$9.call(b, prop))
59112
+ __defNormalProp$9(a, prop, b[prop]);
58603
59113
  }
58604
59114
  return a;
58605
59115
  };
58606
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
59116
+ var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
58607
59117
  var __objRest = (source, exclude) => {
58608
59118
  var target = {};
58609
59119
  for (var prop in source)
58610
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
59120
+ if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
58611
59121
  target[prop] = source[prop];
58612
- if (source != null && __getOwnPropSymbols)
58613
- for (var prop of __getOwnPropSymbols(source)) {
58614
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
59122
+ if (source != null && __getOwnPropSymbols$9)
59123
+ for (var prop of __getOwnPropSymbols$9(source)) {
59124
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
58615
59125
  target[prop] = source[prop];
58616
59126
  }
58617
59127
  return target;
@@ -58675,7 +59185,7 @@ function MoreMenu(_a) {
58675
59185
  setIsPayout(Boolean(ticket == null ? void 0 : ticket.isPayout));
58676
59186
  }, [ticket]);
58677
59187
  const token = accessToken || localStorage.getItem("accessToken") || sessionStorage.getItem("accessToken");
58678
- const headers = __spreadValues({
59188
+ const headers = __spreadValues$9({
58679
59189
  "Content-Type": "application/json",
58680
59190
  "Accept": "application/json",
58681
59191
  "X-DeviceType": "WEB"
@@ -58781,23 +59291,23 @@ function MoreMenu(_a) {
58781
59291
  children: resolvedButton || defaultToggleContent
58782
59292
  };
58783
59293
  }
58784
- const customProps = __spreadValues({}, resolvedButton.props);
59294
+ const customProps = __spreadValues$9({}, resolvedButton.props);
58785
59295
  const customChildren = customProps.children;
58786
59296
  delete customProps.children;
58787
59297
  if (resolvedButton.type !== DropdownToggle) {
58788
59298
  customProps.tag = customProps.tag || resolvedButton.type;
58789
59299
  }
58790
59300
  return {
58791
- props: __spreadValues(__spreadValues({}, toggleProps), customProps),
59301
+ props: __spreadValues$9(__spreadValues$9({}, toggleProps), customProps),
58792
59302
  children: customChildren || defaultToggleContent
58793
59303
  };
58794
59304
  };
58795
59305
  const renderDropdownToggle = () => {
58796
59306
  const resolvedToggle = resolveDropdownButton();
58797
- return /* @__PURE__ */ jsx$1(DropdownToggle, __spreadProps(__spreadValues({}, resolvedToggle.props), { children: resolvedToggle.children }));
59307
+ return /* @__PURE__ */ jsx$1(DropdownToggle, __spreadProps$8(__spreadValues$9({}, resolvedToggle.props), { children: resolvedToggle.children }));
58798
59308
  };
58799
59309
  return /* @__PURE__ */ jsxs(Fragment, { children: [
58800
- /* @__PURE__ */ jsx$1(ScopeHost, { children: (container) => container && /* @__PURE__ */ jsxs(UncontrolledDropdown, __spreadProps(__spreadValues({ className: "drp-user font-Hanuman" }, props), { children: [
59310
+ /* @__PURE__ */ jsx$1(ScopeHost, { children: (container) => container && /* @__PURE__ */ jsxs(UncontrolledDropdown, __spreadProps$8(__spreadValues$9({ className: "drp-user font-Hanuman" }, props), { children: [
58801
59311
  renderDropdownToggle(),
58802
59312
  /* @__PURE__ */ jsxs(DropdownMenu, { className: "profile-notification pt-0", children: [
58803
59313
  /* @__PURE__ */ jsxs(DropdownItem, { header: true, className: "drop-header", children: [
@@ -58921,5 +59431,2066 @@ MoreMenu.propTypes = {
58921
59431
  ])
58922
59432
  };
58923
59433
 
58924
- export { DeleteModal, DeleteTicketButton, MoreMenu as DropdownMenu, KPLO, KPPostCode, Printer, ProtestButton, ProtestModal, ProtestTicket, RemarkConfigToggle, RemarkModal, RemarkModalShowOnly, SCPostCode, SaryLottery, SaryPrintAll, THLabel, Ticket, TicketModal, TransferTicket, clickRemarkBtn, getS3ImgPrint, getStoredIsRemark, isVNType, lType, lotteryLabel, lotteryLabelOnline, lotteryLabelVN, mapBetTitle, mapLabels, mapStrPost };
59434
+ var __defProp$8 = Object.defineProperty;
59435
+ var __defProps$7 = Object.defineProperties;
59436
+ var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
59437
+ var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
59438
+ var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
59439
+ var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
59440
+ var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
59441
+ var __spreadValues$8 = (a, b) => {
59442
+ for (var prop in b || (b = {}))
59443
+ if (__hasOwnProp$8.call(b, prop))
59444
+ __defNormalProp$8(a, prop, b[prop]);
59445
+ if (__getOwnPropSymbols$8)
59446
+ for (var prop of __getOwnPropSymbols$8(b)) {
59447
+ if (__propIsEnum$8.call(b, prop))
59448
+ __defNormalProp$8(a, prop, b[prop]);
59449
+ }
59450
+ return a;
59451
+ };
59452
+ var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
59453
+ const RenderThWidth = ({ value, currency, id, colSpan = 1, className = "" }) => /* @__PURE__ */ jsx$1(
59454
+ "th",
59455
+ {
59456
+ colSpan,
59457
+ style: {
59458
+ minWidth: widthLength(value),
59459
+ border: "1px solid black"
59460
+ },
59461
+ className: `text-center ${value < 0 ? "text-danger" : ""} ${id ? "text-dark" : ""} ` + className,
59462
+ children: id ? value : moneyFormatter(value, currency)
59463
+ }
59464
+ );
59465
+ const TH = ({ children, colSpan = 1, className, border = true }) => /* @__PURE__ */ jsx$1("th", { style: {
59466
+ border: !border ? "0" : "1px solid black"
59467
+ }, colSpan, className: "text-center " + className, children });
59468
+ const THF = ({ children, colSpan = 1, className, style }) => /* @__PURE__ */ jsx$1(
59469
+ "th",
59470
+ {
59471
+ colSpan,
59472
+ style,
59473
+ className: "text-center b-0 " + className,
59474
+ children
59475
+ }
59476
+ );
59477
+ const THB = ({ children, colSpan = 1, className, style }) => /* @__PURE__ */ jsx$1(
59478
+ "th",
59479
+ {
59480
+ colSpan,
59481
+ style: __spreadProps$7(__spreadValues$8({}, style), {
59482
+ border: "1px solid lightgray"
59483
+ }),
59484
+ className: "text-center " + className,
59485
+ children
59486
+ }
59487
+ );
59488
+ const RenderThWidthB = ({ value, currency, id, colSpan = 1, className = "", style }) => /* @__PURE__ */ jsx$1(
59489
+ "th",
59490
+ {
59491
+ colSpan,
59492
+ style: __spreadProps$7(__spreadValues$8({}, style), {
59493
+ border: "1px solid lightgray",
59494
+ width: widthLength(value)
59495
+ }),
59496
+ className: `text-center ${value < 0 ? "text-danger" : ""} ` + className,
59497
+ children: id ? value : moneyFormatter(value, currency)
59498
+ }
59499
+ );
59500
+ const RenderThWidthF = ({ value, currency, id, colSpan = 1, className = "", style }) => /* @__PURE__ */ jsx$1(
59501
+ "th",
59502
+ {
59503
+ colSpan,
59504
+ style: __spreadProps$7(__spreadValues$8({}, style), {
59505
+ width: widthLength(value)
59506
+ }),
59507
+ className: `text-center b-0 ${value < 0 ? "text-danger" : ""} ` + className,
59508
+ children: id ? value : moneyFormatter(value, currency)
59509
+ }
59510
+ );
59511
+
59512
+ let MainTableRow$2 = class MainTableRow extends Component {
59513
+ render() {
59514
+ const {
59515
+ object: {
59516
+ drawAt,
59517
+ bet1DUsd = 0,
59518
+ bet2DUsd = 0,
59519
+ bet3DUsd = 0,
59520
+ bet4DUsd = 0,
59521
+ bet1DKhr = 0,
59522
+ bet2DKhr = 0,
59523
+ bet3DKhr = 0,
59524
+ bet4DKhr = 0,
59525
+ win1DKhr = 0,
59526
+ win1DUsd = 0,
59527
+ win2DKhr = 0,
59528
+ win2DUsd = 0,
59529
+ win3DKhr = 0,
59530
+ win3DUsd = 0,
59531
+ win4DKhr = 0,
59532
+ win4DUsd = 0
59533
+ },
59534
+ id,
59535
+ total,
59536
+ isMix,
59537
+ isShow,
59538
+ mergeKhr,
59539
+ mergeUsd,
59540
+ isShowUsd,
59541
+ item: {
59542
+ isShow1DKhr,
59543
+ isShow4DKhr,
59544
+ isShow1DUsd,
59545
+ isShow4DUsd
59546
+ }
59547
+ } = this.props;
59548
+ return /* @__PURE__ */ jsxs("tr", { className: "animate-slide-up", children: [
59549
+ /* @__PURE__ */ jsx$1(
59550
+ TH,
59551
+ {
59552
+ colSpan: 2,
59553
+ className: `text-center t-blue-vio ${!total ? "t-left" : ""}`,
59554
+ children: total ? total : getTime(drawAt)
59555
+ }
59556
+ ),
59557
+ isShow(isShow1DKhr) && /* @__PURE__ */ jsx$1(RenderThWidth, { id, value: bet1DKhr, currency: "KHR" }),
59558
+ !isMix && /* @__PURE__ */ jsx$1(RenderThWidth, { id, value: bet2DKhr, currency: "KHR" }),
59559
+ !isMix && /* @__PURE__ */ jsx$1(RenderThWidth, { id, value: bet3DKhr, currency: "KHR" }),
59560
+ isShow(isShow4DKhr) && /* @__PURE__ */ jsx$1(RenderThWidth, { id, value: bet4DKhr, currency: "KHR" }),
59561
+ isShow(isShow1DUsd) && isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h", id, value: bet1DUsd, currency: "USD" }),
59562
+ !isMix && isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h", id, value: bet2DUsd, currency: "USD" }),
59563
+ !isMix && isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h", id, value: bet3DUsd, currency: "USD" }),
59564
+ isShow(isShow4DUsd) && isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h", id, value: bet4DUsd, currency: "USD" }),
59565
+ isMix && /* @__PURE__ */ jsx$1(
59566
+ RenderThWidth,
59567
+ {
59568
+ colSpan: mergeKhr,
59569
+ id,
59570
+ value: bet1DKhr + bet2DKhr + bet3DKhr + bet4DKhr,
59571
+ currency: "KHR"
59572
+ }
59573
+ ),
59574
+ isMix && isShowUsd && /* @__PURE__ */ jsx$1(
59575
+ RenderThWidth,
59576
+ {
59577
+ className: "green-l-h",
59578
+ colSpan: mergeUsd,
59579
+ id,
59580
+ value: formatUsd(bet1DUsd + bet2DUsd + bet3DUsd + bet4DUsd),
59581
+ currency: "USD"
59582
+ }
59583
+ ),
59584
+ isShow1DKhr && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "t-blue", id, value: win1DKhr, currency: "KHR" }),
59585
+ /* @__PURE__ */ jsx$1(RenderThWidth, { className: "t-blue", id, value: win2DKhr, currency: "KHR" }),
59586
+ /* @__PURE__ */ jsx$1(RenderThWidth, { className: "t-blue", id, value: win3DKhr, currency: "KHR" }),
59587
+ isShow4DKhr && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "t-blue", id, value: win4DKhr, currency: "KHR" }),
59588
+ isShow1DUsd && isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h t-blue", id, value: win1DUsd, currency: "USD" }),
59589
+ isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h t-blue", id, value: win2DUsd, currency: "USD" }),
59590
+ isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h t-blue", id, value: win3DUsd, currency: "USD" }),
59591
+ isShow4DUsd && isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h t-blue", id, value: win4DUsd, currency: "USD" })
59592
+ ] });
59593
+ }
59594
+ };
59595
+
59596
+ const MIX_DAILY_LABELS = {
59597
+ "labels:mix_daily_report.bet": "\u179B\u17BB\u1799\u179B\u1780\u17CB",
59598
+ "labels:mix_daily_report.reward": "\u179B\u17BB\u1799\u1788\u17D2\u1793\u17C7",
59599
+ "labels:mix_daily_report.shift": "\u1798\u17C9\u17C4\u1784",
59600
+ "labels:mix_daily_report.one_d": "1D",
59601
+ "labels:mix_daily_report.two_d": "2D",
59602
+ "labels:mix_daily_report.three_d": "3D",
59603
+ "labels:mix_daily_report.four_d": "4D",
59604
+ "labels:mix_daily_report.five_d": "5D"
59605
+ };
59606
+ const getMixDailyTranslator = (t) => (key) => {
59607
+ if (typeof t === "function") return t(key);
59608
+ return MIX_DAILY_LABELS[key] || key;
59609
+ };
59610
+ const getOptionalDigitLength = (...flags) => flags.filter(Boolean).length;
59611
+ const getReportClassName = (filter) => (filter == null ? void 0 : filter.lotteryType) === "ALL" ? "page-break" : "";
59612
+ const renderReportTitleRows = ({
59613
+ preTitle,
59614
+ lotteryType,
59615
+ nickname,
59616
+ username,
59617
+ date,
59618
+ titleColSpan,
59619
+ usernameColSpan,
59620
+ dateColSpan,
59621
+ dayColSpan,
59622
+ isSend
59623
+ }) => /* @__PURE__ */ jsx$1(React__default.Fragment, { children: /* @__PURE__ */ jsxs("tr", { className: ` ${isSend ? "bg-red-l2" : "yell-l-h"} text-center`, children: [
59624
+ /* @__PURE__ */ jsx$1(TH, { colSpan: 2, children: nickname }),
59625
+ /* @__PURE__ */ jsx$1(TH, { colSpan: usernameColSpan, className: "font-weight-bold", children: getMemberName(username) }),
59626
+ /* @__PURE__ */ jsx$1(TH, { colSpan: dateColSpan, className: "font-weight-bold", children: getDateF(date) }),
59627
+ /* @__PURE__ */ jsx$1(TH, { colSpan: dayColSpan, children: getDay(date) })
59628
+ ] }) });
59629
+ const renderReportSectionHeaderRow = ({ lotteryType, sections }) => /* @__PURE__ */ jsxs("tr", { className: "blue-h", children: [
59630
+ /* @__PURE__ */ jsx$1(TH, { colSpan: 2, children: lotteryReportLabel(lotteryType) }),
59631
+ sections.map((section) => section.isVisible !== false && /* @__PURE__ */ jsx$1(TH, { colSpan: section.colSpan, children: section.label }, section.key))
59632
+ ] });
59633
+ const renderReportColumnHeaderRow = (columns) => /* @__PURE__ */ jsx$1("tr", { children: columns.map((column) => column.isVisible !== false && /* @__PURE__ */ jsx$1(TH, { colSpan: column.colSpan, className: column.className, children: column.label }, column.key)) });
59634
+
59635
+ var __defProp$7 = Object.defineProperty;
59636
+ var __defProps$6 = Object.defineProperties;
59637
+ var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
59638
+ var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
59639
+ var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
59640
+ var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
59641
+ var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
59642
+ var __spreadValues$7 = (a, b) => {
59643
+ for (var prop in b || (b = {}))
59644
+ if (__hasOwnProp$7.call(b, prop))
59645
+ __defNormalProp$7(a, prop, b[prop]);
59646
+ if (__getOwnPropSymbols$7)
59647
+ for (var prop of __getOwnPropSymbols$7(b)) {
59648
+ if (__propIsEnum$7.call(b, prop))
59649
+ __defNormalProp$7(a, prop, b[prop]);
59650
+ }
59651
+ return a;
59652
+ };
59653
+ var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
59654
+ const buildCommissionRows = (rows) => rows.map((row) => __spreadProps$6(__spreadValues$7({}, row), {
59655
+ rate: `x ${row.comRate}%`,
59656
+ khrValue: row.betAmountKhr,
59657
+ khrResult: row.comAmountKhr,
59658
+ usdValue: row.betAmountUsd,
59659
+ usdResult: row.comAmountUsd
59660
+ }));
59661
+ const buildRewardRows = (rows) => rows.map((row) => __spreadProps$6(__spreadValues$7({}, row), {
59662
+ khrValue: row.winAmountKhr,
59663
+ rate: row.rebateRateKhr,
59664
+ khrResult: row.rewardAmountKhr,
59665
+ usdValue: row.winAmountUsd,
59666
+ usdRate: row.rebateRateUsd,
59667
+ usdResult: row.rewardAmountUsd
59668
+ }));
59669
+ const renderCalculationRows = ({
59670
+ rows,
59671
+ id,
59672
+ isShowUsd,
59673
+ layout,
59674
+ valueClassName,
59675
+ resultClassName,
59676
+ usdResultClassName,
59677
+ rateClassName = "vio-l-h"
59678
+ }) => rows.map((row) => row.isVisible !== false && /* @__PURE__ */ jsx$1(React__default.Fragment, { children: renderCalculationRow(__spreadProps$6(__spreadValues$7({}, row), {
59679
+ id,
59680
+ isShowUsd,
59681
+ layout: row.layout || layout,
59682
+ valueClassName: row.valueClassName || valueClassName,
59683
+ resultClassName: row.resultClassName || resultClassName,
59684
+ usdResultClassName: row.usdResultClassName || usdResultClassName || row.resultClassName || resultClassName,
59685
+ rateClassName
59686
+ })) }, row.label));
59687
+ const renderSummaryBandRow = ({
59688
+ isShowUsd,
59689
+ khrColSpan,
59690
+ usdColSpan,
59691
+ khrLabel = "\u179F\u179A\u17BB\u1794\u179B\u17BB\u1799\u1780\u17B6\u178F\u17CB\u1791\u17B9\u1780\n(\u179A\u17C0\u179B)",
59692
+ usdLabel = "\u179F\u179A\u17BB\u1794\u179B\u17BB\u1799\u1780\u17B6\u178F\u17CB\u1791\u17B9\u1780\n(\u178A\u17BB\u179B\u17D2\u179B\u17B6\u179A)"
59693
+ }) => /* @__PURE__ */ jsxs("tr", { className: "animate-slide-up b-vio-t", children: [
59694
+ /* @__PURE__ */ jsx$1(THF, { className: "blue-l-h", colSpan: khrColSpan, children: khrLabel }),
59695
+ isShowUsd && /* @__PURE__ */ jsx$1(THF, { colSpan: usdColSpan, className: "green-l-h text-left", children: usdLabel })
59696
+ ] });
59697
+ const renderWinLoseRow = ({
59698
+ id,
59699
+ isShowUsd,
59700
+ winLoseKhr,
59701
+ winLoseUsd,
59702
+ khrLabel = "\u179F\u17BB\u17B8\u1781\u17B6\u178F\u1794\u17D2\u179A\u1785\u17B6\u17C6\u1790\u17D2\u1784\u17C3",
59703
+ usdLabel = "\u179F\u17BB\u17B8\u1781\u17B6\u178F\u1794\u17D2\u179A\u1785\u17B6\u17C6\u1790\u17D2\u1784\u17C3",
59704
+ khrAfterValue = [],
59705
+ usdAfterValue = [],
59706
+ borderClassName = "b-vio-b"
59707
+ }) => /* @__PURE__ */ jsxs("tr", { className: `animate-slide-up ${borderClassName}`, children: [
59708
+ /* @__PURE__ */ jsx$1(THF, { className: "t-right", children: khrLabel }),
59709
+ /* @__PURE__ */ jsx$1(RenderThWidthF, { id, value: winLoseKhr, currency: "KHR" }),
59710
+ khrAfterValue.map(renderSpacer),
59711
+ isShowUsd && /* @__PURE__ */ jsx$1(THF, { className: "t-right", children: usdLabel }),
59712
+ isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidthF, { id, value: winLoseUsd, currency: "USD" }),
59713
+ isShowUsd && usdAfterValue.map(renderSpacer)
59714
+ ] });
59715
+ const renderSpacer = ({ colSpan } = {}, key) => /* @__PURE__ */ jsx$1(THF, { colSpan }, key);
59716
+ const renderCalculationRow = ({
59717
+ className = "animate-slide-up",
59718
+ id,
59719
+ label,
59720
+ khrValue,
59721
+ rate,
59722
+ khrResult,
59723
+ usdValue,
59724
+ usdRate,
59725
+ usdResult,
59726
+ isShowUsd,
59727
+ layout,
59728
+ valueClassName,
59729
+ resultClassName,
59730
+ usdResultClassName,
59731
+ rateClassName
59732
+ }) => {
59733
+ var _a, _b, _c, _d;
59734
+ return /* @__PURE__ */ jsxs("tr", { className, children: [
59735
+ /* @__PURE__ */ jsx$1(THF, { className: "t-right", children: label }),
59736
+ /* @__PURE__ */ jsx$1(RenderThWidthF, { className: valueClassName, id, value: khrValue, currency: "KHR" }),
59737
+ (_a = layout.khrBeforeRate) == null ? void 0 : _a.map(renderSpacer),
59738
+ /* @__PURE__ */ jsx$1(THF, { className: rateClassName, children: rate }),
59739
+ /* @__PURE__ */ jsx$1(RenderThWidthF, { className: resultClassName, id, value: khrResult, currency: "KHR" }),
59740
+ (_b = layout.khrAfterResult) == null ? void 0 : _b.map(renderSpacer),
59741
+ isShowUsd && /* @__PURE__ */ jsx$1(THF, { className: "t-right", children: label }),
59742
+ isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidthF, { className: valueClassName, id, value: usdValue, currency: "USD" }),
59743
+ isShowUsd && ((_c = layout.usdBeforeRate) == null ? void 0 : _c.map(renderSpacer)),
59744
+ isShowUsd && /* @__PURE__ */ jsx$1(THF, { className: rateClassName, children: usdRate || rate }),
59745
+ isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidthF, { className: usdResultClassName, id, value: usdResult, currency: "USD" }),
59746
+ isShowUsd && ((_d = layout.usdAfterResult) == null ? void 0 : _d.map(renderSpacer))
59747
+ ] });
59748
+ };
59749
+
59750
+ var __defProp$6 = Object.defineProperty;
59751
+ var __defProps$5 = Object.defineProperties;
59752
+ var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
59753
+ var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
59754
+ var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
59755
+ var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
59756
+ var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
59757
+ var __spreadValues$6 = (a, b) => {
59758
+ for (var prop in b || (b = {}))
59759
+ if (__hasOwnProp$6.call(b, prop))
59760
+ __defNormalProp$6(a, prop, b[prop]);
59761
+ if (__getOwnPropSymbols$6)
59762
+ for (var prop of __getOwnPropSymbols$6(b)) {
59763
+ if (__propIsEnum$6.call(b, prop))
59764
+ __defNormalProp$6(a, prop, b[prop]);
59765
+ }
59766
+ return a;
59767
+ };
59768
+ var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
59769
+ const getVnSectionColSpan = (show1D, show4D) => getOptionalDigitLength(show1D, show4D) + 2;
59770
+ const renderSectionHeaderRow$2 = ({
59771
+ t,
59772
+ lotteryType,
59773
+ isShowUsd,
59774
+ isShow1DKhr,
59775
+ isShow4DKhr,
59776
+ isShow1DUsd,
59777
+ isShow4DUsd
59778
+ }) => {
59779
+ const khrColSpan = getVnSectionColSpan(isShow1DKhr, isShow4DKhr);
59780
+ const usdColSpan = getVnSectionColSpan(isShow1DUsd, isShow4DUsd);
59781
+ return renderReportSectionHeaderRow({
59782
+ lotteryType,
59783
+ sections: [
59784
+ { key: "bet-khr", colSpan: khrColSpan, label: `${t("labels:mix_daily_report.bet")}(KHR)` },
59785
+ { key: "bet-usd", isVisible: isShowUsd, colSpan: usdColSpan, label: `${t("labels:mix_daily_report.bet")}(USD)` },
59786
+ { key: "reward-khr", colSpan: khrColSpan, label: `${t("labels:mix_daily_report.reward")}(KHR)` },
59787
+ { key: "reward-usd", isVisible: isShowUsd, colSpan: usdColSpan, label: `${t("labels:mix_daily_report.reward")}(USD)` }
59788
+ ]
59789
+ });
59790
+ };
59791
+ const renderColumnHeaderRow$2 = ({
59792
+ t,
59793
+ isMix,
59794
+ isShowUsd,
59795
+ isShow1DKhr,
59796
+ isShow4DKhr,
59797
+ isShow1DUsd,
59798
+ isShow4DUsd,
59799
+ mergeKhr,
59800
+ mergeUsd
59801
+ }) => renderReportColumnHeaderRow([
59802
+ { key: "shift", colSpan: 2, className: "text-center", label: t("labels:mix_daily_report.shift") },
59803
+ { key: "bet-1d-khr", isVisible: !isMix && isShow1DKhr, className: "text-center blue-l-h", label: t("labels:mix_daily_report.one_d") },
59804
+ { key: "bet-2d-khr", isVisible: !isMix, className: "text-center blue-l-h", label: t("labels:mix_daily_report.two_d") },
59805
+ { key: "bet-3d-khr", isVisible: !isMix, className: "text-center blue-l-h", label: t("labels:mix_daily_report.three_d") },
59806
+ { key: "bet-4d-khr", isVisible: !isMix && isShow4DKhr, className: "text-center blue-l-h", label: t("labels:mix_daily_report.four_d") },
59807
+ { key: "mix-khr", isVisible: isMix, colSpan: mergeKhr, className: "text-center blue-l-h", label: "\u179A\u17C0\u179B" },
59808
+ { key: "mix-usd", isVisible: isMix && isShowUsd, colSpan: mergeUsd, className: "text-center green-l-h", label: "\u178A\u17BB\u179B\u17D2\u179B\u17B6\u179A" },
59809
+ { key: "bet-1d-usd", isVisible: !isMix && isShow1DUsd && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.one_d") },
59810
+ { key: "bet-2d-usd", isVisible: !isMix && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.two_d") },
59811
+ { key: "bet-3d-usd", isVisible: !isMix && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.three_d") },
59812
+ { key: "bet-4d-usd", isVisible: !isMix && isShow4DUsd && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.four_d") },
59813
+ { key: "reward-1d-khr", isVisible: isShow1DKhr, className: "text-center blue-l-h", label: t("labels:mix_daily_report.one_d") },
59814
+ { key: "reward-2d-khr", className: "text-center blue-l-h", label: t("labels:mix_daily_report.two_d") },
59815
+ { key: "reward-3d-khr", className: "text-center blue-l-h", label: t("labels:mix_daily_report.three_d") },
59816
+ { key: "reward-4d-khr", isVisible: isShow4DKhr, className: "text-center blue-l-h", label: t("labels:mix_daily_report.four_d") },
59817
+ { key: "reward-1d-usd", isVisible: isShow1DUsd && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.one_d") },
59818
+ { key: "reward-2d-usd", isVisible: isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.two_d") },
59819
+ { key: "reward-3d-usd", isVisible: isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.three_d") },
59820
+ { key: "reward-4d-usd", isVisible: isShow4DUsd && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.four_d") }
59821
+ ]);
59822
+ const getSummaryRowLayout = ({ isShowUsd, getAllLength, mergeKhr }) => ({
59823
+ khrAfterResult: [{ colSpan: isShowUsd ? getAllLength + 2 : mergeKhr + 6 }],
59824
+ usdAfterResult: getAllLength > 0 ? [{ colSpan: getAllLength }] : []
59825
+ });
59826
+ const getCommissionRows$2 = ({
59827
+ isMix,
59828
+ isShow1DKhr,
59829
+ isShow1DUsd,
59830
+ isShow4DKhr,
59831
+ isShow4DUsd,
59832
+ bet1DKhr,
59833
+ bet2DKhr,
59834
+ bet3DKhr,
59835
+ bet4DKhr,
59836
+ bet1DUsd,
59837
+ bet2DUsd,
59838
+ bet3DUsd,
59839
+ bet4DUsd,
59840
+ com1D,
59841
+ com2D,
59842
+ com3D,
59843
+ com4D,
59844
+ com1DKhr,
59845
+ com2DKhr,
59846
+ com3DKhr,
59847
+ com4DKhr,
59848
+ com1DUsd,
59849
+ com2DUsd,
59850
+ com3DUsd,
59851
+ com4DUsd
59852
+ }) => [
59853
+ ...buildCommissionRows([
59854
+ {
59855
+ isVisible: !isMix && (isShow1DKhr || isShow1DUsd),
59856
+ label: "1 \u179B\u17C1\u1781",
59857
+ betAmountKhr: bet1DKhr,
59858
+ comRate: com1D,
59859
+ comAmountKhr: com1DKhr,
59860
+ betAmountUsd: bet1DUsd,
59861
+ comAmountUsd: com1DUsd,
59862
+ className: "animate-slide-u"
59863
+ },
59864
+ {
59865
+ isVisible: !isMix,
59866
+ label: "2 \u179B\u17C1\u1781",
59867
+ betAmountKhr: bet2DKhr,
59868
+ comRate: com2D,
59869
+ comAmountKhr: com2DKhr,
59870
+ betAmountUsd: bet2DUsd,
59871
+ comAmountUsd: com2DUsd,
59872
+ className: "animate-slide-u"
59873
+ },
59874
+ {
59875
+ isVisible: !isMix,
59876
+ label: "3 \u179B\u17C1\u1781",
59877
+ betAmountKhr: bet3DKhr,
59878
+ comRate: com3D,
59879
+ comAmountKhr: com3DKhr,
59880
+ betAmountUsd: bet3DUsd,
59881
+ comAmountUsd: com3DUsd
59882
+ },
59883
+ {
59884
+ isVisible: !isMix && (isShow4DKhr || isShow4DUsd),
59885
+ label: "4 \u179B\u17C1\u1781",
59886
+ betAmountKhr: bet4DKhr,
59887
+ comRate: com4D,
59888
+ comAmountKhr: com4DKhr,
59889
+ betAmountUsd: bet4DUsd,
59890
+ comAmountUsd: com4DUsd
59891
+ }
59892
+ ]),
59893
+ {
59894
+ isVisible: isMix,
59895
+ label: "\u179B\u17BB\u1799\u179B\u1780\u17CB",
59896
+ khrValue: bet1DKhr + bet2DKhr + bet3DKhr + bet4DKhr,
59897
+ rate: `x ${bet1DKhr > 0 ? `${com1D}/` : ""}${com2D}/${com3D}${bet4DKhr > 0 ? `/${com4D}` : ""}`,
59898
+ khrResult: com1DKhr + com2DKhr + com3DKhr + com4DKhr,
59899
+ usdValue: formatUsd(bet1DUsd + bet2DUsd + bet3DUsd + bet4DUsd),
59900
+ usdRate: `x ${bet1DUsd > 0 ? `${com1D}/` : ""}${com2D}/${com3D}${bet4DUsd > 0 ? `/${com4D}` : ""}`,
59901
+ usdResult: formatUsd(com1DUsd + com2DUsd + com3DUsd + com4DUsd),
59902
+ usdResultClassName: "blue-l-h"
59903
+ }
59904
+ ];
59905
+ const getRewardRows$2 = ({
59906
+ isShow1DKhr,
59907
+ isShow1DUsd,
59908
+ isShow4DKhr,
59909
+ isShow4DUsd,
59910
+ win1DKhr,
59911
+ win2DKhr,
59912
+ win3DKhr,
59913
+ win4DKhr,
59914
+ win1DUsd,
59915
+ win2DUsd,
59916
+ win3DUsd,
59917
+ win4DUsd,
59918
+ reward1DKhr,
59919
+ reward2DKhr,
59920
+ reward3DKhr,
59921
+ reward4DKhr,
59922
+ reward1DUsd,
59923
+ reward2DUsd,
59924
+ reward3DUsd,
59925
+ reward4DUsd,
59926
+ rebateRate1D,
59927
+ rebateRate2D,
59928
+ rebateRate3D,
59929
+ rebateRate4D
59930
+ }) => buildRewardRows([
59931
+ {
59932
+ isVisible: isShow1DKhr || isShow1DUsd,
59933
+ label: "\u178F\u17D2\u179A\u17BC\u179C 1 \u179B\u17C1\u1781",
59934
+ winAmountKhr: win1DKhr,
59935
+ rebateRateKhr: rebateRate1D,
59936
+ rewardAmountKhr: reward1DKhr,
59937
+ winAmountUsd: win1DUsd,
59938
+ rebateRateUsd: rebateRate1D,
59939
+ rewardAmountUsd: reward1DUsd
59940
+ },
59941
+ {
59942
+ label: "\u178F\u17D2\u179A\u17BC\u179C 2 \u179B\u17C1\u1781",
59943
+ winAmountKhr: win2DKhr,
59944
+ rebateRateKhr: rebateRate2D,
59945
+ rewardAmountKhr: reward2DKhr,
59946
+ winAmountUsd: win2DUsd,
59947
+ rebateRateUsd: rebateRate2D,
59948
+ rewardAmountUsd: reward2DUsd
59949
+ },
59950
+ {
59951
+ label: "\u178F\u17D2\u179A\u17BC\u179C 3 \u179B\u17C1\u1781",
59952
+ winAmountKhr: win3DKhr,
59953
+ rebateRateKhr: rebateRate3D,
59954
+ rewardAmountKhr: reward3DKhr,
59955
+ winAmountUsd: win3DUsd,
59956
+ rebateRateUsd: rebateRate3D,
59957
+ rewardAmountUsd: reward3DUsd
59958
+ },
59959
+ {
59960
+ isVisible: isShow4DKhr || isShow4DUsd,
59961
+ label: "\u178F\u17D2\u179A\u17BC\u179C 4 \u179B\u17C1\u1781",
59962
+ winAmountKhr: win4DKhr,
59963
+ rebateRateKhr: rebateRate4D,
59964
+ rewardAmountKhr: reward4DKhr,
59965
+ winAmountUsd: win4DUsd,
59966
+ rebateRateUsd: rebateRate4D,
59967
+ rewardAmountUsd: reward4DUsd,
59968
+ className: "animate-slide-up b-vio-b"
59969
+ }
59970
+ ]);
59971
+ const MainVn = (props) => {
59972
+ const {
59973
+ t,
59974
+ item: {
59975
+ date,
59976
+ isShow1DKhr,
59977
+ isShow4DKhr,
59978
+ isShow1DUsd,
59979
+ isShow4DUsd,
59980
+ isShowUsd,
59981
+ items,
59982
+ username,
59983
+ nickname,
59984
+ summary: {
59985
+ com1DUsd = 0,
59986
+ com2DUsd = 0,
59987
+ com3DUsd = 0,
59988
+ com4DUsd = 0,
59989
+ com1DKhr = 0,
59990
+ com2DKhr = 0,
59991
+ com3DKhr = 0,
59992
+ com4DKhr = 0,
59993
+ bet1DUsd = 0,
59994
+ bet2DUsd = 0,
59995
+ bet3DUsd = 0,
59996
+ bet4DUsd = 0,
59997
+ bet1DKhr = 0,
59998
+ bet2DKhr = 0,
59999
+ bet3DKhr = 0,
60000
+ bet4DKhr = 0,
60001
+ reward1DKhr = 0,
60002
+ reward1DUsd = 0,
60003
+ reward2DKhr = 0,
60004
+ reward2DUsd = 0,
60005
+ reward3DUsd = 0,
60006
+ reward3DKhr = 0,
60007
+ reward4DUsd = 0,
60008
+ reward4DKhr = 0,
60009
+ win1DKhr = 0,
60010
+ win1DUsd = 0,
60011
+ win2DKhr = 0,
60012
+ win2DUsd = 0,
60013
+ win3DKhr = 0,
60014
+ win3DUsd = 0,
60015
+ win4DKhr = 0,
60016
+ win4DUsd = 0,
60017
+ winLoseKhr = 0,
60018
+ winLoseUsd = 0
60019
+ },
60020
+ hasLottery: {
60021
+ rebateRate1D = 0,
60022
+ rebateRate2D = 0,
60023
+ rebateRate3D = 0,
60024
+ rebateRate4D = 0,
60025
+ com1D = 0,
60026
+ com2D = 0,
60027
+ com3D = 0,
60028
+ com4D = 0
60029
+ } = {}
60030
+ },
60031
+ type,
60032
+ id,
60033
+ isMix,
60034
+ mixDailyReport,
60035
+ filter: directFilter,
60036
+ preTitle
60037
+ } = props;
60038
+ const filter = directFilter || (mixDailyReport == null ? void 0 : mixDailyReport.filter) || {};
60039
+ const translate = getMixDailyTranslator(t);
60040
+ const className = getReportClassName(filter);
60041
+ const getAllLength = getOptionalDigitLength(isShow1DKhr, isShow1DUsd, isShow4DKhr, isShow4DUsd);
60042
+ const getKHRLength = getOptionalDigitLength(isShow1DKhr, isShow4DKhr);
60043
+ const getUSDLength = getOptionalDigitLength(isShow1DUsd, isShow4DUsd);
60044
+ const mergeAll = getAllLength + 4;
60045
+ const mergeKhr = getKHRLength + 2;
60046
+ const mergeUsd = getUSDLength + 2;
60047
+ const summaryRowLayout = getSummaryRowLayout({ isShowUsd, getAllLength, mergeKhr });
60048
+ const commissionRows = getCommissionRows$2({
60049
+ isMix,
60050
+ isShow1DKhr,
60051
+ isShow1DUsd,
60052
+ isShow4DKhr,
60053
+ isShow4DUsd,
60054
+ bet1DKhr,
60055
+ bet2DKhr,
60056
+ bet3DKhr,
60057
+ bet4DKhr,
60058
+ bet1DUsd,
60059
+ bet2DUsd,
60060
+ bet3DUsd,
60061
+ bet4DUsd,
60062
+ com1D,
60063
+ com2D,
60064
+ com3D,
60065
+ com4D,
60066
+ com1DKhr,
60067
+ com2DKhr,
60068
+ com3DKhr,
60069
+ com4DKhr,
60070
+ com1DUsd,
60071
+ com2DUsd,
60072
+ com3DUsd,
60073
+ com4DUsd
60074
+ });
60075
+ const rewardRows = getRewardRows$2({
60076
+ isShow1DKhr,
60077
+ isShow1DUsd,
60078
+ isShow4DKhr,
60079
+ isShow4DUsd,
60080
+ win1DKhr,
60081
+ win2DKhr,
60082
+ win3DKhr,
60083
+ win4DKhr,
60084
+ win1DUsd,
60085
+ win2DUsd,
60086
+ win3DUsd,
60087
+ win4DUsd,
60088
+ reward1DKhr,
60089
+ reward2DKhr,
60090
+ reward3DKhr,
60091
+ reward4DKhr,
60092
+ reward1DUsd,
60093
+ reward2DUsd,
60094
+ reward3DUsd,
60095
+ reward4DUsd,
60096
+ rebateRate1D,
60097
+ rebateRate2D,
60098
+ rebateRate3D,
60099
+ rebateRate4D
60100
+ });
60101
+ const isShow = (value) => !isMix && value;
60102
+ const titleColSpan = isShowUsd ? 2 + mergeAll + mergeKhr + mergeUsd : 2 + mergeKhr * 2;
60103
+ return /* @__PURE__ */ jsx$1("div", { id: "wrap-tb", className: "mb-3 mr-3", children: /* @__PURE__ */ jsx$1("table", { id, className: `table table-hover table-striped ${className}`, children: /* @__PURE__ */ jsxs("tbody", { className: "pb-5", children: [
60104
+ renderReportTitleRows({
60105
+ preTitle,
60106
+ lotteryType: type,
60107
+ nickname,
60108
+ username,
60109
+ date,
60110
+ titleColSpan,
60111
+ usernameColSpan: isShowUsd ? mergeAll : mergeKhr,
60112
+ dateColSpan: isShowUsd ? mergeKhr : mergeKhr - 1,
60113
+ dayColSpan: isShowUsd ? mergeUsd : 1,
60114
+ isSend: filter == null ? void 0 : filter.isSend
60115
+ }),
60116
+ renderSectionHeaderRow$2({
60117
+ t: translate,
60118
+ lotteryType: type,
60119
+ isShowUsd,
60120
+ isShow1DKhr,
60121
+ isShow4DKhr,
60122
+ isShow1DUsd,
60123
+ isShow4DUsd
60124
+ }),
60125
+ renderColumnHeaderRow$2({
60126
+ t: translate,
60127
+ isMix,
60128
+ isShowUsd,
60129
+ isShow1DKhr,
60130
+ isShow4DKhr,
60131
+ isShow1DUsd,
60132
+ isShow4DUsd,
60133
+ mergeKhr,
60134
+ mergeUsd
60135
+ }),
60136
+ items && items.map((object, i) => /* @__PURE__ */ createElement$3(
60137
+ MainTableRow$2,
60138
+ __spreadProps$5(__spreadValues$6({
60139
+ isShowUsd,
60140
+ mergeKhr,
60141
+ mergeUsd,
60142
+ isShow
60143
+ }, props), {
60144
+ key: i,
60145
+ index: i + 1,
60146
+ item: props.item,
60147
+ object
60148
+ })
60149
+ )),
60150
+ /* @__PURE__ */ jsx$1(
60151
+ MainTableRow$2,
60152
+ __spreadProps$5(__spreadValues$6({
60153
+ isShowUsd,
60154
+ mergeKhr,
60155
+ mergeUsd,
60156
+ isShow
60157
+ }, props), {
60158
+ total: "\u179F\u179A\u17BB\u1794",
60159
+ item: props.item,
60160
+ object: __spreadValues$6({}, props.item.summary)
60161
+ })
60162
+ ),
60163
+ /* @__PURE__ */ jsx$1("tr", { children: /* @__PURE__ */ jsx$1(THF, { colSpan: 10 }) }),
60164
+ renderSummaryBandRow({
60165
+ isShowUsd,
60166
+ khrColSpan: isShowUsd ? mergeAll : mergeKhr + 6,
60167
+ usdColSpan: getAllLength + 6
60168
+ }),
60169
+ renderCalculationRows({
60170
+ rows: commissionRows,
60171
+ id,
60172
+ isShowUsd,
60173
+ layout: summaryRowLayout,
60174
+ resultClassName: "blue-l-h",
60175
+ usdResultClassName: "green-l-h"
60176
+ }),
60177
+ renderCalculationRows({
60178
+ rows: rewardRows,
60179
+ id,
60180
+ isShowUsd,
60181
+ layout: summaryRowLayout,
60182
+ valueClassName: "t-blue",
60183
+ resultClassName: "t-blue b-gray-l"
60184
+ }),
60185
+ renderWinLoseRow({
60186
+ id,
60187
+ isShowUsd,
60188
+ winLoseKhr,
60189
+ winLoseUsd,
60190
+ khrAfterValue: [{ colSpan: isShowUsd ? getAllLength + 4 : mergeKhr + 8 }],
60191
+ usdAfterValue: [{ colSpan: 7 }]
60192
+ })
60193
+ ] }) }) });
60194
+ };
60195
+
60196
+ let MainTableRow$1 = class MainTableRow extends Component {
60197
+ render() {
60198
+ const {
60199
+ object: {
60200
+ drawAt,
60201
+ bet2DUsd = 0,
60202
+ bet3DUsd = 0,
60203
+ bet2DKhr = 0,
60204
+ bet3DKhr = 0,
60205
+ win2DKhr = 0,
60206
+ win2DUsd = 0,
60207
+ win3DKhr = 0,
60208
+ win3DUsd = 0,
60209
+ win4DKhr = 0,
60210
+ win4DUsd = 0,
60211
+ bet4DKhr = 0,
60212
+ bet4DUsd = 0
60213
+ },
60214
+ id,
60215
+ total,
60216
+ isMix,
60217
+ isShowUsd
60218
+ } = this.props;
60219
+ return /* @__PURE__ */ jsxs("tr", { className: "animate-slide-up", children: [
60220
+ /* @__PURE__ */ jsx$1(
60221
+ TH,
60222
+ {
60223
+ colSpan: 2,
60224
+ className: `text-center t-blue-vio ${!total ? "t-left" : ""}`,
60225
+ children: total ? total : getTime(drawAt)
60226
+ }
60227
+ ),
60228
+ !isMix && /* @__PURE__ */ jsx$1(RenderThWidth, { id, value: bet2DKhr, currency: "KHR" }),
60229
+ !isMix && /* @__PURE__ */ jsx$1(RenderThWidth, { id, value: bet3DKhr, currency: "KHR" }),
60230
+ !isMix && /* @__PURE__ */ jsx$1(RenderThWidth, { id, value: bet4DKhr, currency: "KHR" }),
60231
+ !isMix && isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h", id, value: bet2DUsd, currency: "USD" }),
60232
+ !isMix && isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h", id, value: bet3DUsd, currency: "USD" }),
60233
+ !isMix && isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h", id, value: bet4DUsd, currency: "USD" }),
60234
+ isMix && /* @__PURE__ */ jsx$1(RenderThWidth, { colSpan: 2, id, value: bet2DKhr + bet3DKhr + bet4DKhr, currency: "KHR" }),
60235
+ isMix && isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h", colSpan: 2, id, value: formatUsd(bet3DUsd + bet2DUsd + bet4DUsd), currency: "USD" }),
60236
+ /* @__PURE__ */ jsx$1(RenderThWidth, { className: "t-blue", id, value: win2DKhr, currency: "KHR" }),
60237
+ /* @__PURE__ */ jsx$1(RenderThWidth, { className: "t-blue", id, value: win3DKhr, currency: "KHR" }),
60238
+ /* @__PURE__ */ jsx$1(RenderThWidth, { className: "t-blue", id, value: win4DKhr, currency: "KHR" }),
60239
+ isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h t-blue", id, value: win2DUsd, currency: "USD" }),
60240
+ isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h t-blue", id, value: win3DUsd, currency: "USD" }),
60241
+ isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h t-blue", id, value: win4DUsd, currency: "USD" })
60242
+ ] });
60243
+ }
60244
+ };
60245
+
60246
+ var __defProp$5 = Object.defineProperty;
60247
+ var __defProps$4 = Object.defineProperties;
60248
+ var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
60249
+ var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
60250
+ var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
60251
+ var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
60252
+ var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
60253
+ var __spreadValues$5 = (a, b) => {
60254
+ for (var prop in b || (b = {}))
60255
+ if (__hasOwnProp$5.call(b, prop))
60256
+ __defNormalProp$5(a, prop, b[prop]);
60257
+ if (__getOwnPropSymbols$5)
60258
+ for (var prop of __getOwnPropSymbols$5(b)) {
60259
+ if (__propIsEnum$5.call(b, prop))
60260
+ __defNormalProp$5(a, prop, b[prop]);
60261
+ }
60262
+ return a;
60263
+ };
60264
+ var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
60265
+ const renderSectionHeaderRow$1 = ({ t, lotteryType, isMix, isShowUsd }) => renderReportSectionHeaderRow({
60266
+ lotteryType,
60267
+ sections: [
60268
+ { key: "bet-khr", colSpan: isMix ? 2 : 3, label: `${t("labels:mix_daily_report.bet")}(KHR)` },
60269
+ { key: "bet-usd", isVisible: isShowUsd, colSpan: isMix ? 2 : 3, label: `${t("labels:mix_daily_report.bet")}(USD)` },
60270
+ { key: "reward-khr", colSpan: 3, label: `${t("labels:mix_daily_report.reward")}(KHR)` },
60271
+ { key: "reward-usd", isVisible: isShowUsd, colSpan: 3, label: `${t("labels:mix_daily_report.reward")}(USD)` }
60272
+ ]
60273
+ });
60274
+ const renderColumnHeaderRow$1 = ({ t, isMix, isShowUsd }) => renderReportColumnHeaderRow([
60275
+ { key: "shift", colSpan: 2, className: "text-center", label: t("labels:mix_daily_report.shift") },
60276
+ { key: "bet-2d-khr", isVisible: !isMix, className: "text-center blue-l-h", label: t("labels:mix_daily_report.two_d") },
60277
+ { key: "bet-3d-khr", isVisible: !isMix, className: "text-center blue-l-h", label: t("labels:mix_daily_report.three_d") },
60278
+ { key: "bet-4d-khr", isVisible: !isMix, className: "text-center blue-l-h", label: t("labels:mix_daily_report.four_d") },
60279
+ { key: "mix-khr", isVisible: isMix, colSpan: 2, className: "text-center blue-l-h", label: "\u179A\u17C0\u179B" },
60280
+ { key: "mix-usd", isVisible: isMix && isShowUsd, colSpan: 2, className: "text-center green-l-h", label: "\u178A\u17BB\u179B\u17D2\u179B\u17B6\u179A" },
60281
+ { key: "bet-2d-usd", isVisible: !isMix && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.two_d") },
60282
+ { key: "bet-3d-usd", isVisible: !isMix && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.three_d") },
60283
+ { key: "bet-4d-usd", isVisible: !isMix && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.four_d") },
60284
+ { key: "reward-2d-khr", className: "text-center blue-l-h", label: t("labels:mix_daily_report.two_d") },
60285
+ { key: "reward-3d-khr", className: "text-center blue-l-h", label: t("labels:mix_daily_report.three_d") },
60286
+ { key: "reward-4d-khr", className: "text-center blue-l-h", label: t("labels:mix_daily_report.four_d") },
60287
+ { key: "reward-2d-usd", isVisible: isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.two_d") },
60288
+ { key: "reward-3d-usd", isVisible: isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.three_d") },
60289
+ { key: "reward-4d-usd", isVisible: isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.four_d") }
60290
+ ]);
60291
+ const getCommissionRowLayout$1 = ({ isShowUsd }) => ({
60292
+ khrAfterResult: [{ colSpan: isShowUsd ? 3 : 4 }],
60293
+ usdAfterResult: [{}, {}, {}]
60294
+ });
60295
+ const getMixCommissionRowLayout$1 = ({ isShowUsd }) => ({
60296
+ khrAfterResult: [{ colSpan: isShowUsd ? 2 : 3 }],
60297
+ usdAfterResult: [{}, {}]
60298
+ });
60299
+ const getRewardRowLayout$1 = ({ isMix, isShowUsd }) => ({
60300
+ khrAfterResult: [
60301
+ { colSpan: isShowUsd ? 2 : 3 },
60302
+ ...!isMix ? [{}] : []
60303
+ ],
60304
+ usdAfterResult: [
60305
+ {},
60306
+ {},
60307
+ ...!isMix ? [{}] : []
60308
+ ]
60309
+ });
60310
+ const getWinLoseLayout$1 = ({ isMix, isShowUsd }) => ({
60311
+ khrAfterValue: [
60312
+ { colSpan: isShowUsd ? 4 : 5 },
60313
+ ...!isMix ? [{}] : []
60314
+ ],
60315
+ usdAfterValue: [
60316
+ { colSpan: 4 },
60317
+ ...!isMix ? [{}] : []
60318
+ ]
60319
+ });
60320
+ const getCommissionRows$1 = ({
60321
+ isMix,
60322
+ isShowUsd,
60323
+ bet2DKhr,
60324
+ bet3DKhr,
60325
+ bet4DKhr,
60326
+ bet2DUsd,
60327
+ bet3DUsd,
60328
+ bet4DUsd,
60329
+ com2D,
60330
+ com3D,
60331
+ com4D,
60332
+ com2DKhr,
60333
+ com3DKhr,
60334
+ com4DKhr,
60335
+ com2DUsd,
60336
+ com3DUsd,
60337
+ com4DUsd
60338
+ }) => [
60339
+ ...buildCommissionRows([
60340
+ {
60341
+ isVisible: !isMix,
60342
+ label: "2 \u179B\u17C1\u1781",
60343
+ betAmountKhr: bet2DKhr,
60344
+ comRate: com2D,
60345
+ comAmountKhr: com2DKhr,
60346
+ betAmountUsd: bet2DUsd,
60347
+ comAmountUsd: com2DUsd,
60348
+ className: "animate-slide-u"
60349
+ },
60350
+ {
60351
+ isVisible: !isMix,
60352
+ label: "3 \u179B\u17C1\u1781",
60353
+ betAmountKhr: bet3DKhr,
60354
+ comRate: com3D,
60355
+ comAmountKhr: com3DKhr,
60356
+ betAmountUsd: bet3DUsd,
60357
+ comAmountUsd: com3DUsd
60358
+ },
60359
+ {
60360
+ isVisible: !isMix,
60361
+ label: "4 \u179B\u17C1\u1781",
60362
+ betAmountKhr: bet4DKhr,
60363
+ comRate: com4D,
60364
+ comAmountKhr: com4DKhr,
60365
+ betAmountUsd: bet4DUsd,
60366
+ comAmountUsd: com4DUsd
60367
+ }
60368
+ ]),
60369
+ {
60370
+ isVisible: isMix,
60371
+ label: "\u179B\u17BB\u1799\u179B\u1780\u17CB",
60372
+ khrValue: bet2DKhr + bet3DKhr + bet4DKhr,
60373
+ rate: `x ${com2D}/${com3D}/${com4D}`,
60374
+ khrResult: com2DKhr + com3DKhr + com4DKhr,
60375
+ usdValue: formatUsd(bet2DUsd + bet3DUsd + bet4DUsd),
60376
+ usdResult: formatUsd(com2DUsd + com3DUsd + com4DUsd),
60377
+ usdResultClassName: "blue-l-h",
60378
+ layout: getMixCommissionRowLayout$1({ isShowUsd })
60379
+ }
60380
+ ];
60381
+ const getRewardRows$1 = ({
60382
+ win2DKhr,
60383
+ win3DKhr,
60384
+ win4DKhr,
60385
+ win2DUsd,
60386
+ win3DUsd,
60387
+ win4DUsd,
60388
+ reward2DKhr,
60389
+ reward3DKhr,
60390
+ reward4DKhr,
60391
+ reward2DUsd,
60392
+ reward3DUsd,
60393
+ reward4DUsd,
60394
+ rebateRate2D,
60395
+ rebateRate3D,
60396
+ rebateRate4D
60397
+ }) => buildRewardRows([
60398
+ {
60399
+ label: "\u178F\u17D2\u179A\u17BC\u179C 2 \u179B\u17C1\u1781",
60400
+ winAmountKhr: win2DKhr,
60401
+ rebateRateKhr: rebateRate2D,
60402
+ rewardAmountKhr: reward2DKhr,
60403
+ winAmountUsd: win2DUsd,
60404
+ rebateRateUsd: rebateRate2D,
60405
+ rewardAmountUsd: reward2DUsd
60406
+ },
60407
+ {
60408
+ label: "\u178F\u17D2\u179A\u17BC\u179C 3 \u179B\u17C1\u1781",
60409
+ winAmountKhr: win3DKhr,
60410
+ rebateRateKhr: rebateRate3D,
60411
+ rewardAmountKhr: reward3DKhr,
60412
+ winAmountUsd: win3DUsd,
60413
+ rebateRateUsd: rebateRate3D,
60414
+ rewardAmountUsd: reward3DUsd
60415
+ },
60416
+ {
60417
+ label: "\u178F\u17D2\u179A\u17BC\u179C 4 \u179B\u17C1\u1781",
60418
+ winAmountKhr: win4DKhr,
60419
+ rebateRateKhr: rebateRate4D,
60420
+ rewardAmountKhr: reward4DKhr,
60421
+ winAmountUsd: win4DUsd,
60422
+ rebateRateUsd: rebateRate4D,
60423
+ rewardAmountUsd: reward4DUsd
60424
+ }
60425
+ ]);
60426
+ const MainLeap = (props) => {
60427
+ const {
60428
+ t,
60429
+ item: {
60430
+ date,
60431
+ items,
60432
+ username,
60433
+ nickname,
60434
+ summary: {
60435
+ com2DUsd = 0,
60436
+ com3DUsd = 0,
60437
+ com4DUsd = 0,
60438
+ com2DKhr = 0,
60439
+ com3DKhr = 0,
60440
+ com4DKhr = 0,
60441
+ bet2DUsd = 0,
60442
+ bet3DUsd = 0,
60443
+ bet4DUsd = 0,
60444
+ bet2DKhr = 0,
60445
+ bet3DKhr = 0,
60446
+ bet4DKhr = 0,
60447
+ reward2DKhr = 0,
60448
+ reward2DUsd = 0,
60449
+ reward3DUsd = 0,
60450
+ reward3DKhr = 0,
60451
+ reward4DKhr = 0,
60452
+ reward4DUsd = 0,
60453
+ win2DKhr = 0,
60454
+ win2DUsd = 0,
60455
+ win3DKhr = 0,
60456
+ win4DKhr = 0,
60457
+ win3DUsd = 0,
60458
+ win4DUsd = 0,
60459
+ winLoseKhr = 0,
60460
+ winLoseUsd = 0
60461
+ },
60462
+ hasLottery: {
60463
+ rebateRate2D = 0,
60464
+ rebateRate3D = 0,
60465
+ rebateRate4D = 0,
60466
+ com2D = 0,
60467
+ com3D = 0,
60468
+ com4D = 0
60469
+ } = {},
60470
+ isShowUsd
60471
+ },
60472
+ id,
60473
+ isMix,
60474
+ type,
60475
+ mixDailyReport,
60476
+ filter: directFilter,
60477
+ preTitle
60478
+ } = props;
60479
+ const filter = directFilter || (mixDailyReport == null ? void 0 : mixDailyReport.filter) || {};
60480
+ const translate = getMixDailyTranslator(t);
60481
+ const className = getReportClassName(filter);
60482
+ const commissionRows = getCommissionRows$1({
60483
+ isMix,
60484
+ isShowUsd,
60485
+ bet2DKhr,
60486
+ bet3DKhr,
60487
+ bet4DKhr,
60488
+ bet2DUsd,
60489
+ bet3DUsd,
60490
+ bet4DUsd,
60491
+ com2D,
60492
+ com3D,
60493
+ com4D,
60494
+ com2DKhr,
60495
+ com3DKhr,
60496
+ com4DKhr,
60497
+ com2DUsd,
60498
+ com3DUsd,
60499
+ com4DUsd
60500
+ });
60501
+ const rewardRows = getRewardRows$1({
60502
+ win2DKhr,
60503
+ win3DKhr,
60504
+ win4DKhr,
60505
+ win2DUsd,
60506
+ win3DUsd,
60507
+ win4DUsd,
60508
+ reward2DKhr,
60509
+ reward3DKhr,
60510
+ reward4DKhr,
60511
+ reward2DUsd,
60512
+ reward3DUsd,
60513
+ reward4DUsd,
60514
+ rebateRate2D,
60515
+ rebateRate3D,
60516
+ rebateRate4D
60517
+ });
60518
+ const rewardRowLayout = getRewardRowLayout$1({ isMix, isShowUsd });
60519
+ return /* @__PURE__ */ jsx$1("div", { id: "wrap-tb", className: "mb-3 mr-3", children: /* @__PURE__ */ jsx$1("table", { id, className: `table table-hover table-striped ${className}`, children: /* @__PURE__ */ jsxs("tbody", { className: "pb-5", children: [
60520
+ renderReportTitleRows({
60521
+ preTitle,
60522
+ lotteryType: type,
60523
+ nickname,
60524
+ username,
60525
+ date,
60526
+ titleColSpan: isShowUsd ? isMix ? 12 : 14 : isMix ? 7 : 8,
60527
+ usernameColSpan: isShowUsd ? 5 : isMix ? 2 : 3,
60528
+ dateColSpan: isShowUsd ? 3 : 2,
60529
+ dayColSpan: isShowUsd ? isMix ? 2 : 4 : 1,
60530
+ isSend: filter == null ? void 0 : filter.isSend
60531
+ }),
60532
+ renderSectionHeaderRow$1({ t: translate, lotteryType: type, isMix, isShowUsd }),
60533
+ renderColumnHeaderRow$1({ t: translate, isMix, isShowUsd }),
60534
+ items && items.map((object, i) => /* @__PURE__ */ createElement$3(
60535
+ MainTableRow$1,
60536
+ __spreadProps$4(__spreadValues$5({
60537
+ isShowUsd
60538
+ }, props), {
60539
+ key: i,
60540
+ index: i + 1,
60541
+ object
60542
+ })
60543
+ )),
60544
+ /* @__PURE__ */ jsx$1(
60545
+ MainTableRow$1,
60546
+ __spreadProps$4(__spreadValues$5({}, props), {
60547
+ isShowUsd,
60548
+ total: "\u179F\u179A\u17BB\u1794",
60549
+ object: __spreadValues$5({}, props.item.summary)
60550
+ })
60551
+ ),
60552
+ /* @__PURE__ */ jsx$1("tr", { children: /* @__PURE__ */ jsx$1(THF, { colSpan: 10 }) }),
60553
+ renderSummaryBandRow({
60554
+ isShowUsd,
60555
+ khrColSpan: isShowUsd ? isMix ? 6 : 7 : 8,
60556
+ usdColSpan: isMix ? 6 : 7
60557
+ }),
60558
+ renderCalculationRows({
60559
+ rows: commissionRows,
60560
+ id,
60561
+ isShowUsd,
60562
+ layout: getCommissionRowLayout$1({ isShowUsd }),
60563
+ resultClassName: "blue-l-h",
60564
+ usdResultClassName: "green-l-h"
60565
+ }),
60566
+ renderCalculationRows({
60567
+ rows: rewardRows,
60568
+ id,
60569
+ isShowUsd,
60570
+ layout: rewardRowLayout,
60571
+ valueClassName: "t-blue",
60572
+ resultClassName: "t-blue b-gray-l"
60573
+ }),
60574
+ renderWinLoseRow(__spreadValues$5({
60575
+ id,
60576
+ isShowUsd,
60577
+ winLoseKhr,
60578
+ winLoseUsd
60579
+ }, getWinLoseLayout$1({ isMix, isShowUsd })))
60580
+ ] }) }) });
60581
+ };
60582
+
60583
+ class MainTableRow extends Component {
60584
+ render() {
60585
+ const {
60586
+ object: {
60587
+ drawAt,
60588
+ bet2DUsd = 0,
60589
+ bet3DUsd = 0,
60590
+ bet2DKhr = 0,
60591
+ bet3DKhr = 0,
60592
+ win2DKhr = 0,
60593
+ win2DUsd = 0,
60594
+ win3DKhr = 0,
60595
+ win3DUsd = 0,
60596
+ win4DKhr = 0,
60597
+ win4DUsd = 0,
60598
+ bet4DKhr = 0,
60599
+ bet4DUsd = 0,
60600
+ win5DKhr = 0,
60601
+ win5DUsd = 0,
60602
+ bet5DKhr = 0,
60603
+ bet5DUsd = 0
60604
+ },
60605
+ id,
60606
+ total,
60607
+ isMix,
60608
+ isShowUsd,
60609
+ isShow4DUsd,
60610
+ isShow4DKhr,
60611
+ isShow5DUsd,
60612
+ isShow5DKhr
60613
+ } = this.props;
60614
+ return /* @__PURE__ */ jsxs("tr", { className: "animate-slide-up", children: [
60615
+ /* @__PURE__ */ jsx$1(
60616
+ TH,
60617
+ {
60618
+ colSpan: 2,
60619
+ className: `text-center t-blue-vio ${!total ? "t-left" : ""}`,
60620
+ children: total ? total : getTime(drawAt)
60621
+ }
60622
+ ),
60623
+ !isMix && /* @__PURE__ */ jsx$1(RenderThWidth, { id, value: bet2DKhr, currency: "KHR" }),
60624
+ !isMix && /* @__PURE__ */ jsx$1(RenderThWidth, { id, value: bet3DKhr, currency: "KHR" }),
60625
+ !isMix && isShow4DKhr && /* @__PURE__ */ jsx$1(RenderThWidth, { id, value: bet4DKhr, currency: "KHR" }),
60626
+ !isMix && isShow5DKhr && /* @__PURE__ */ jsx$1(RenderThWidth, { id, value: bet5DKhr, currency: "KHR" }),
60627
+ !isMix && isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h", id, value: bet2DUsd, currency: "USD" }),
60628
+ !isMix && isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h", id, value: bet3DUsd, currency: "USD" }),
60629
+ !isMix && isShowUsd && isShow4DUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h", id, value: bet4DUsd, currency: "USD" }),
60630
+ !isMix && isShowUsd && isShow5DUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h", id, value: bet5DUsd, currency: "USD" }),
60631
+ isMix && /* @__PURE__ */ jsx$1(RenderThWidth, { colSpan: 2, id, value: bet2DKhr + bet3DKhr + bet4DKhr + bet5DKhr, currency: "KHR" }),
60632
+ isMix && isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h", colSpan: 2, id, value: formatUsd(bet3DUsd + bet2DUsd + bet4DUsd + bet5DUsd), currency: "USD" }),
60633
+ /* @__PURE__ */ jsx$1(RenderThWidth, { className: "t-blue", id, value: win2DKhr, currency: "KHR" }),
60634
+ /* @__PURE__ */ jsx$1(RenderThWidth, { className: "t-blue", id, value: win3DKhr, currency: "KHR" }),
60635
+ isShow4DKhr && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "t-blue", id, value: win4DKhr, currency: "KHR" }),
60636
+ isShow5DKhr && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "t-blue", id, value: win5DKhr, currency: "KHR" }),
60637
+ isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h t-blue", id, value: win2DUsd, currency: "USD" }),
60638
+ isShowUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h t-blue", id, value: win3DUsd, currency: "USD" }),
60639
+ isShowUsd && isShow4DUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h t-blue", id, value: win4DUsd, currency: "USD" }),
60640
+ isShowUsd && isShow5DUsd && /* @__PURE__ */ jsx$1(RenderThWidth, { className: "green-l-h t-blue", id, value: win5DUsd, currency: "USD" })
60641
+ ] });
60642
+ }
60643
+ }
60644
+
60645
+ var __defProp$4 = Object.defineProperty;
60646
+ var __defProps$3 = Object.defineProperties;
60647
+ var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
60648
+ var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
60649
+ var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
60650
+ var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
60651
+ var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
60652
+ var __spreadValues$4 = (a, b) => {
60653
+ for (var prop in b || (b = {}))
60654
+ if (__hasOwnProp$4.call(b, prop))
60655
+ __defNormalProp$4(a, prop, b[prop]);
60656
+ if (__getOwnPropSymbols$4)
60657
+ for (var prop of __getOwnPropSymbols$4(b)) {
60658
+ if (__propIsEnum$4.call(b, prop))
60659
+ __defNormalProp$4(a, prop, b[prop]);
60660
+ }
60661
+ return a;
60662
+ };
60663
+ var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
60664
+ const renderSectionHeaderRow = ({ t, lotteryType, isMix, isShowUsd, getKHRLength, getUSDLength }) => renderReportSectionHeaderRow({
60665
+ lotteryType,
60666
+ sections: [
60667
+ { key: "bet-khr", colSpan: isMix ? 2 : getKHRLength + 2, label: `${t("labels:mix_daily_report.bet")}(KHR)` },
60668
+ { key: "bet-usd", isVisible: isShowUsd, colSpan: isMix ? 2 : getUSDLength + 2, label: `${t("labels:mix_daily_report.bet")}(USD)` },
60669
+ { key: "reward-khr", colSpan: getKHRLength + 2, label: `${t("labels:mix_daily_report.reward")}(KHR)` },
60670
+ { key: "reward-usd", isVisible: isShowUsd, colSpan: getUSDLength + 2, label: `${t("labels:mix_daily_report.reward")}(USD)` }
60671
+ ]
60672
+ });
60673
+ const renderColumnHeaderRow = ({
60674
+ t,
60675
+ isMix,
60676
+ isShowUsd,
60677
+ isShow4DUsd,
60678
+ isShow4DKhr,
60679
+ isShow5DUsd,
60680
+ isShow5DKhr
60681
+ }) => renderReportColumnHeaderRow([
60682
+ { key: "shift", colSpan: 2, className: "text-center", label: t("labels:mix_daily_report.shift") },
60683
+ { key: "bet-2d-khr", isVisible: !isMix, className: "text-center blue-l-h", label: t("labels:mix_daily_report.two_d") },
60684
+ { key: "bet-3d-khr", isVisible: !isMix, className: "text-center blue-l-h", label: t("labels:mix_daily_report.three_d") },
60685
+ { key: "bet-4d-khr", isVisible: !isMix && isShow4DKhr, className: "text-center blue-l-h", label: t("labels:mix_daily_report.four_d") },
60686
+ { key: "bet-5d-khr", isVisible: !isMix && isShow5DKhr, className: "text-center blue-l-h", label: t("labels:mix_daily_report.five_d") },
60687
+ { key: "mix-khr", isVisible: isMix, colSpan: 2, className: "text-center blue-l-h", label: "\u179A\u17C0\u179B" },
60688
+ { key: "mix-usd", isVisible: isMix && isShowUsd, colSpan: 2, className: "text-center green-l-h", label: "\u178A\u17BB\u179B\u17D2\u179B\u17B6\u179A" },
60689
+ { key: "bet-2d-usd", isVisible: !isMix && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.two_d") },
60690
+ { key: "bet-3d-usd", isVisible: !isMix && isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.three_d") },
60691
+ { key: "bet-4d-usd", isVisible: !isMix && isShowUsd && isShow4DUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.four_d") },
60692
+ { key: "bet-5d-usd", isVisible: !isMix && isShowUsd && isShow5DUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.five_d") },
60693
+ { key: "reward-2d-khr", className: "text-center blue-l-h", label: t("labels:mix_daily_report.two_d") },
60694
+ { key: "reward-3d-khr", className: "text-center blue-l-h", label: t("labels:mix_daily_report.three_d") },
60695
+ { key: "reward-4d-khr", isVisible: isShow4DKhr, className: "text-center blue-l-h", label: t("labels:mix_daily_report.four_d") },
60696
+ { key: "reward-5d-khr", isVisible: isShow5DKhr, className: "text-center blue-l-h", label: t("labels:mix_daily_report.five_d") },
60697
+ { key: "reward-2d-usd", isVisible: isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.two_d") },
60698
+ { key: "reward-3d-usd", isVisible: isShowUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.three_d") },
60699
+ { key: "reward-4d-usd", isVisible: isShowUsd && isShow4DUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.four_d") },
60700
+ { key: "reward-5d-usd", isVisible: isShowUsd && isShow5DUsd, className: "text-center green-l-h", label: t("labels:mix_daily_report.five_d") }
60701
+ ]);
60702
+ const getCommissionRowLayout = ({ isShowUsd, getAllLength, getKHRLength }) => ({
60703
+ khrAfterResult: [{ colSpan: isShowUsd ? getAllLength + 2 : getKHRLength * 2 + 2 }],
60704
+ usdAfterResult: getAllLength > 0 ? [{ colSpan: getAllLength }] : []
60705
+ });
60706
+ const getMixCommissionRowLayout = ({ isShowUsd, getAllLength }) => ({
60707
+ khrAfterResult: [{ colSpan: isShowUsd ? 2 : 3 }],
60708
+ usdAfterResult: getAllLength > 0 ? [{ colSpan: getAllLength }] : []
60709
+ });
60710
+ const getRewardRowLayout = ({ isMix, isShowUsd, getAllLength, getKHRLength }) => ({
60711
+ khrAfterResult: [{
60712
+ colSpan: isMix ? isShowUsd ? 2 : getKHRLength + 3 : isShowUsd ? getAllLength + 2 : getKHRLength * 2 + 2
60713
+ }],
60714
+ usdAfterResult: getAllLength > 0 ? [{ colSpan: getAllLength }] : []
60715
+ });
60716
+ const getWinLoseLayout = ({ isMix, isShowUsd, getAllLength, getKHRLength }) => ({
60717
+ khrAfterValue: [{
60718
+ colSpan: isMix ? isShowUsd ? 4 : getKHRLength + 5 : isShowUsd ? getAllLength + 4 : getKHRLength * 2 + 4
60719
+ }],
60720
+ usdAfterValue: [{ colSpan: getAllLength + 2 }]
60721
+ });
60722
+ const getCommissionRows = ({
60723
+ isMix,
60724
+ isShow4DKhr,
60725
+ isShow4DUsd,
60726
+ isShow5DKhr,
60727
+ isShow5DUsd,
60728
+ isShowUsd,
60729
+ getAllLength,
60730
+ bet2DKhr,
60731
+ bet3DKhr,
60732
+ bet4DKhr,
60733
+ bet5DKhr,
60734
+ bet2DUsd,
60735
+ bet3DUsd,
60736
+ bet4DUsd,
60737
+ bet5DUsd,
60738
+ com2D,
60739
+ com3D,
60740
+ com4D,
60741
+ com5D,
60742
+ com2DKhr,
60743
+ com3DKhr,
60744
+ com4DKhr,
60745
+ com5DKhr,
60746
+ com2DUsd,
60747
+ com3DUsd,
60748
+ com4DUsd,
60749
+ com5DUsd
60750
+ }) => [
60751
+ ...buildCommissionRows([
60752
+ {
60753
+ isVisible: !isMix,
60754
+ label: "2 \u179B\u17C1\u1781",
60755
+ betAmountKhr: bet2DKhr,
60756
+ comRate: com2D,
60757
+ comAmountKhr: com2DKhr,
60758
+ betAmountUsd: bet2DUsd,
60759
+ comAmountUsd: com2DUsd,
60760
+ className: "animate-slide-u"
60761
+ },
60762
+ {
60763
+ isVisible: !isMix,
60764
+ label: "3 \u179B\u17C1\u1781",
60765
+ betAmountKhr: bet3DKhr,
60766
+ comRate: com3D,
60767
+ comAmountKhr: com3DKhr,
60768
+ betAmountUsd: bet3DUsd,
60769
+ comAmountUsd: com3DUsd
60770
+ },
60771
+ {
60772
+ isVisible: !isMix && (isShow4DKhr || isShow4DUsd),
60773
+ label: "4 \u179B\u17C1\u1781",
60774
+ betAmountKhr: bet4DKhr,
60775
+ comRate: com4D,
60776
+ comAmountKhr: com4DKhr,
60777
+ betAmountUsd: bet4DUsd,
60778
+ comAmountUsd: com4DUsd
60779
+ },
60780
+ {
60781
+ isVisible: !isMix && (isShow5DKhr || isShow5DUsd),
60782
+ label: "5 \u179B\u17C1\u1781",
60783
+ betAmountKhr: bet5DKhr,
60784
+ comRate: com5D,
60785
+ comAmountKhr: com5DKhr,
60786
+ betAmountUsd: bet5DUsd,
60787
+ comAmountUsd: com5DUsd
60788
+ }
60789
+ ]),
60790
+ {
60791
+ isVisible: isMix,
60792
+ label: "\u179B\u17BB\u1799\u179B\u1780\u17CB",
60793
+ khrValue: bet2DKhr + bet3DKhr + bet4DKhr + bet5DKhr,
60794
+ rate: `x ${com2D}/${com3D}${isShow4DKhr ? `/${com4D}` : ""}${isShow5DKhr ? `/${com5D}` : ""}`,
60795
+ khrResult: com2DKhr + com3DKhr + com4DKhr + com5DKhr,
60796
+ usdValue: formatUsd(bet2DUsd + bet3DUsd + bet4DUsd + bet5DUsd),
60797
+ usdRate: `x ${com2D}/${com3D}${isShow4DUsd ? `/${com4D}` : ""}${isShow5DUsd ? `/${com5D}` : ""}`,
60798
+ usdResult: formatUsd(com2DUsd + com3DUsd + com4DUsd + com5DUsd),
60799
+ usdResultClassName: "blue-l-h",
60800
+ layout: getMixCommissionRowLayout({ isShowUsd, getAllLength })
60801
+ }
60802
+ ];
60803
+ const getRewardRows = ({
60804
+ isShow4DKhr,
60805
+ isShow4DUsd,
60806
+ isShow5DKhr,
60807
+ isShow5DUsd,
60808
+ win2DKhr,
60809
+ win3DKhr,
60810
+ win4DKhr,
60811
+ win5DKhr,
60812
+ win2DUsd,
60813
+ win3DUsd,
60814
+ win4DUsd,
60815
+ win5DUsd,
60816
+ reward2DKhr,
60817
+ reward3DKhr,
60818
+ reward4DKhr,
60819
+ reward5DKhr,
60820
+ reward2DUsd,
60821
+ reward3DUsd,
60822
+ reward4DUsd,
60823
+ reward5DUsd,
60824
+ rebateRate2D,
60825
+ rebateRate3D,
60826
+ rebateRate4D,
60827
+ rebateRate5D
60828
+ }) => buildRewardRows([
60829
+ {
60830
+ label: "\u178F\u17D2\u179A\u17BC\u179C 2 \u179B\u17C1\u1781",
60831
+ winAmountKhr: win2DKhr,
60832
+ rebateRateKhr: rebateRate2D,
60833
+ rewardAmountKhr: reward2DKhr,
60834
+ winAmountUsd: win2DUsd,
60835
+ rebateRateUsd: rebateRate2D,
60836
+ rewardAmountUsd: reward2DUsd
60837
+ },
60838
+ {
60839
+ label: "\u178F\u17D2\u179A\u17BC\u179C 3 \u179B\u17C1\u1781",
60840
+ winAmountKhr: win3DKhr,
60841
+ rebateRateKhr: rebateRate3D,
60842
+ rewardAmountKhr: reward3DKhr,
60843
+ winAmountUsd: win3DUsd,
60844
+ rebateRateUsd: rebateRate3D,
60845
+ rewardAmountUsd: reward3DUsd
60846
+ },
60847
+ {
60848
+ isVisible: isShow4DKhr || isShow4DUsd,
60849
+ label: "\u178F\u17D2\u179A\u17BC\u179C 4 \u179B\u17C1\u1781",
60850
+ winAmountKhr: win4DKhr,
60851
+ rebateRateKhr: rebateRate4D,
60852
+ rewardAmountKhr: reward4DKhr,
60853
+ winAmountUsd: win4DUsd,
60854
+ rebateRateUsd: rebateRate4D,
60855
+ rewardAmountUsd: reward4DUsd
60856
+ },
60857
+ {
60858
+ isVisible: isShow5DKhr || isShow5DUsd,
60859
+ label: "\u178F\u17D2\u179A\u17BC\u179C 5 \u179B\u17C1\u1781",
60860
+ winAmountKhr: win5DKhr,
60861
+ rebateRateKhr: rebateRate5D,
60862
+ rewardAmountKhr: reward5DKhr,
60863
+ winAmountUsd: win5DUsd,
60864
+ rebateRateUsd: rebateRate5D,
60865
+ rewardAmountUsd: reward5DUsd
60866
+ }
60867
+ ]);
60868
+ const MainSC = (props) => {
60869
+ const {
60870
+ t,
60871
+ item: {
60872
+ date,
60873
+ items,
60874
+ username,
60875
+ nickname,
60876
+ summary: {
60877
+ com2DUsd = 0,
60878
+ com3DUsd = 0,
60879
+ com4DUsd = 0,
60880
+ com5DUsd = 0,
60881
+ com2DKhr = 0,
60882
+ com3DKhr = 0,
60883
+ com4DKhr = 0,
60884
+ com5DKhr = 0,
60885
+ bet2DUsd = 0,
60886
+ bet3DUsd = 0,
60887
+ bet4DUsd = 0,
60888
+ bet5DUsd = 0,
60889
+ bet2DKhr = 0,
60890
+ bet3DKhr = 0,
60891
+ bet4DKhr = 0,
60892
+ bet5DKhr = 0,
60893
+ reward2DKhr = 0,
60894
+ reward2DUsd = 0,
60895
+ reward3DUsd = 0,
60896
+ reward3DKhr = 0,
60897
+ reward4DKhr = 0,
60898
+ reward4DUsd = 0,
60899
+ reward5DKhr = 0,
60900
+ reward5DUsd = 0,
60901
+ win2DKhr = 0,
60902
+ win2DUsd = 0,
60903
+ win3DKhr = 0,
60904
+ win4DKhr = 0,
60905
+ win5DKhr = 0,
60906
+ win3DUsd = 0,
60907
+ win4DUsd = 0,
60908
+ win5DUsd = 0,
60909
+ winLoseKhr = 0,
60910
+ winLoseUsd = 0
60911
+ },
60912
+ hasLottery: {
60913
+ rebateRate2D = 0,
60914
+ rebateRate3D = 0,
60915
+ rebateRate4D = 0,
60916
+ rebateRate5D = 0,
60917
+ com2D = 0,
60918
+ com3D = 0,
60919
+ com4D = 0,
60920
+ com5D = 0
60921
+ } = {},
60922
+ isShowUsd,
60923
+ isShow4DUsd,
60924
+ isShow4DKhr,
60925
+ isShow5DUsd,
60926
+ isShow5DKhr
60927
+ },
60928
+ id,
60929
+ isMix,
60930
+ type,
60931
+ mixDailyReport,
60932
+ filter: directFilter,
60933
+ preTitle
60934
+ } = props;
60935
+ const filter = directFilter || (mixDailyReport == null ? void 0 : mixDailyReport.filter) || {};
60936
+ const translate = getMixDailyTranslator(t);
60937
+ const className = getReportClassName(filter);
60938
+ const getAllLength = getOptionalDigitLength(isShow4DUsd, isShow4DKhr, isShow5DKhr, isShow5DUsd);
60939
+ const getAllLength2 = getAllLength * 2;
60940
+ const getKHRLength = getOptionalDigitLength(isShow4DKhr, isShow5DKhr);
60941
+ const getUSDLength = getOptionalDigitLength(isShow4DUsd, isShow5DUsd);
60942
+ const commissionRows = getCommissionRows({
60943
+ isMix,
60944
+ isShow4DKhr,
60945
+ isShow4DUsd,
60946
+ isShow5DKhr,
60947
+ isShow5DUsd,
60948
+ isShowUsd,
60949
+ getAllLength,
60950
+ bet2DKhr,
60951
+ bet3DKhr,
60952
+ bet4DKhr,
60953
+ bet5DKhr,
60954
+ bet2DUsd,
60955
+ bet3DUsd,
60956
+ bet4DUsd,
60957
+ bet5DUsd,
60958
+ com2D,
60959
+ com3D,
60960
+ com4D,
60961
+ com5D,
60962
+ com2DKhr,
60963
+ com3DKhr,
60964
+ com4DKhr,
60965
+ com5DKhr,
60966
+ com2DUsd,
60967
+ com3DUsd,
60968
+ com4DUsd,
60969
+ com5DUsd
60970
+ });
60971
+ const rewardRows = getRewardRows({
60972
+ isShow4DKhr,
60973
+ isShow4DUsd,
60974
+ isShow5DKhr,
60975
+ isShow5DUsd,
60976
+ win2DKhr,
60977
+ win3DKhr,
60978
+ win4DKhr,
60979
+ win5DKhr,
60980
+ win2DUsd,
60981
+ win3DUsd,
60982
+ win4DUsd,
60983
+ win5DUsd,
60984
+ reward2DKhr,
60985
+ reward3DKhr,
60986
+ reward4DKhr,
60987
+ reward5DKhr,
60988
+ reward2DUsd,
60989
+ reward3DUsd,
60990
+ reward4DUsd,
60991
+ reward5DUsd,
60992
+ rebateRate2D,
60993
+ rebateRate3D,
60994
+ rebateRate4D,
60995
+ rebateRate5D
60996
+ });
60997
+ const commissionRowLayout = getCommissionRowLayout({ isShowUsd, getAllLength, getKHRLength });
60998
+ const rewardRowLayout = getRewardRowLayout({ isMix, isShowUsd, getAllLength, getKHRLength });
60999
+ return /* @__PURE__ */ jsx$1("div", { id: "wrap-tb", className: "mb-3 mr-3", children: /* @__PURE__ */ jsx$1("table", { id, className: `table table-hover table-striped ${className}`, children: /* @__PURE__ */ jsxs("tbody", { className: "pb-5", children: [
61000
+ renderReportTitleRows({
61001
+ preTitle,
61002
+ lotteryType: type,
61003
+ nickname,
61004
+ username,
61005
+ date,
61006
+ titleColSpan: isShowUsd ? isMix ? getAllLength + 10 : getAllLength2 + 10 : isMix ? getKHRLength + 6 : getKHRLength * 2 + 6,
61007
+ usernameColSpan: isShowUsd ? isMix ? 4 : getAllLength + 4 : isMix ? 2 : getKHRLength + 2,
61008
+ dateColSpan: isShowUsd ? getKHRLength + 2 : getKHRLength + 1,
61009
+ dayColSpan: isShowUsd ? getUSDLength + 2 : 1,
61010
+ isSend: filter == null ? void 0 : filter.isSend
61011
+ }),
61012
+ renderSectionHeaderRow({ t: translate, lotteryType: type, isMix, isShowUsd, getKHRLength, getUSDLength }),
61013
+ renderColumnHeaderRow({
61014
+ t: translate,
61015
+ isMix,
61016
+ isShowUsd,
61017
+ isShow4DUsd,
61018
+ isShow4DKhr,
61019
+ isShow5DUsd,
61020
+ isShow5DKhr
61021
+ }),
61022
+ items && items.map((object, i) => /* @__PURE__ */ createElement$3(
61023
+ MainTableRow,
61024
+ __spreadProps$3(__spreadValues$4({
61025
+ isShowUsd,
61026
+ isShow4DUsd,
61027
+ isShow4DKhr,
61028
+ isShow5DUsd,
61029
+ isShow5DKhr
61030
+ }, props), {
61031
+ key: i,
61032
+ index: i + 1,
61033
+ object
61034
+ })
61035
+ )),
61036
+ /* @__PURE__ */ jsx$1(
61037
+ MainTableRow,
61038
+ __spreadProps$3(__spreadValues$4({}, props), {
61039
+ isShowUsd,
61040
+ isShow4DUsd,
61041
+ isShow4DKhr,
61042
+ isShow5DUsd,
61043
+ isShow5DKhr,
61044
+ total: "\u179F\u179A\u17BB\u1794",
61045
+ object: __spreadValues$4({}, props.item.summary)
61046
+ })
61047
+ ),
61048
+ /* @__PURE__ */ jsx$1("tr", { children: /* @__PURE__ */ jsx$1(THF, { className: "none-event" }) }),
61049
+ renderSummaryBandRow({
61050
+ isShowUsd,
61051
+ khrColSpan: isShowUsd ? isMix ? 6 : getAllLength + 6 : getKHRLength * 2 + 8,
61052
+ usdColSpan: getAllLength + 4
61053
+ }),
61054
+ renderCalculationRows({
61055
+ rows: commissionRows,
61056
+ id,
61057
+ isShowUsd,
61058
+ layout: commissionRowLayout,
61059
+ resultClassName: "blue-l-h",
61060
+ usdResultClassName: "green-l-h"
61061
+ }),
61062
+ renderCalculationRows({
61063
+ rows: rewardRows,
61064
+ id,
61065
+ isShowUsd,
61066
+ layout: rewardRowLayout,
61067
+ valueClassName: "t-blue",
61068
+ resultClassName: "t-blue b-gray-l"
61069
+ }),
61070
+ renderWinLoseRow(__spreadValues$4({
61071
+ id,
61072
+ isShowUsd,
61073
+ winLoseKhr,
61074
+ winLoseUsd
61075
+ }, getWinLoseLayout({ isMix, isShowUsd, getAllLength, getKHRLength })))
61076
+ ] }) }) });
61077
+ };
61078
+
61079
+ var __defProp$3 = Object.defineProperty;
61080
+ var __defProps$2 = Object.defineProperties;
61081
+ var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
61082
+ var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
61083
+ var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
61084
+ var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
61085
+ var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
61086
+ var __spreadValues$3 = (a, b) => {
61087
+ for (var prop in b || (b = {}))
61088
+ if (__hasOwnProp$3.call(b, prop))
61089
+ __defNormalProp$3(a, prop, b[prop]);
61090
+ if (__getOwnPropSymbols$3)
61091
+ for (var prop of __getOwnPropSymbols$3(b)) {
61092
+ if (__propIsEnum$3.call(b, prop))
61093
+ __defNormalProp$3(a, prop, b[prop]);
61094
+ }
61095
+ return a;
61096
+ };
61097
+ var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
61098
+ var __publicField = (obj, key, value) => __defNormalProp$3(obj, key + "" , value);
61099
+ class MainTable extends Component {
61100
+ constructor() {
61101
+ super(...arguments);
61102
+ __publicField(this, "renderLottery", (data) => {
61103
+ const type = data.lotteryType;
61104
+ const { isMix, filter } = this.props;
61105
+ const preTitle = (filter == null ? void 0 : filter.isSend) ? "\u179F\u17B6\u1784" : "";
61106
+ if (data) {
61107
+ switch (type) {
61108
+ case lType.LEAP:
61109
+ return /* @__PURE__ */ jsx$1(
61110
+ MainLeap,
61111
+ __spreadProps$2(__spreadValues$3({}, this.props), {
61112
+ preTitle,
61113
+ lotteryType: type,
61114
+ type,
61115
+ isMix,
61116
+ item: data
61117
+ })
61118
+ );
61119
+ case lType.SC:
61120
+ return /* @__PURE__ */ jsx$1(
61121
+ MainSC,
61122
+ __spreadProps$2(__spreadValues$3({}, this.props), {
61123
+ preTitle,
61124
+ lotteryType: type,
61125
+ type,
61126
+ isMix,
61127
+ item: data
61128
+ })
61129
+ );
61130
+ default:
61131
+ return /* @__PURE__ */ jsx$1(
61132
+ MainVn,
61133
+ __spreadProps$2(__spreadValues$3({}, this.props), {
61134
+ preTitle,
61135
+ lotteryType: type,
61136
+ type,
61137
+ isMix,
61138
+ item: data
61139
+ })
61140
+ );
61141
+ }
61142
+ }
61143
+ });
61144
+ }
61145
+ render() {
61146
+ const { data } = this.props;
61147
+ return /* @__PURE__ */ jsx$1("div", { children: data && /* @__PURE__ */ jsx$1("div", { className: "bg-white d-inline-flex ml-3 mt-3", children: this.renderLottery(data) }) });
61148
+ }
61149
+ }
61150
+
61151
+ const IMAGE_EXPORT_IGNORE_CLASS = "image-export-ignore";
61152
+ const getCanvasScale = () => {
61153
+ const deviceScale = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
61154
+ return Math.max(deviceScale, 3);
61155
+ };
61156
+ const waitForFontsAndImages = async (root) => {
61157
+ var _a, _b;
61158
+ const fontsReady = (_b = (_a = document.fonts) == null ? void 0 : _a.ready) != null ? _b : Promise.resolve();
61159
+ const imgs = Array.from(root.querySelectorAll("img"));
61160
+ const imgReady = imgs.map((img) => {
61161
+ if (img.crossOrigin == null) img.crossOrigin = "anonymous";
61162
+ if (img.complete) return Promise.resolve();
61163
+ return new Promise((resolve) => {
61164
+ img.addEventListener("load", resolve, { once: true });
61165
+ img.addEventListener("error", resolve, { once: true });
61166
+ });
61167
+ });
61168
+ await Promise.all([fontsReady, ...imgReady]);
61169
+ await new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(resolve)));
61170
+ };
61171
+ const setIgnoredVisibility = (root, visibility) => {
61172
+ const previousStyles = Array.from(root.querySelectorAll(`.${IMAGE_EXPORT_IGNORE_CLASS}`)).map((node) => ({
61173
+ node,
61174
+ visibility: node.style.visibility
61175
+ }));
61176
+ previousStyles.forEach(({ node }) => {
61177
+ node.style.visibility = visibility;
61178
+ });
61179
+ return () => {
61180
+ previousStyles.forEach(({ node, visibility: previousVisibility }) => {
61181
+ node.style.visibility = previousVisibility;
61182
+ });
61183
+ };
61184
+ };
61185
+ const canvasToBlob = (canvas) => new Promise((resolve) => {
61186
+ if (canvas.toBlob) {
61187
+ canvas.toBlob(resolve, "image/png", 1);
61188
+ return;
61189
+ }
61190
+ fetch(canvas.toDataURL("image/png", 1)).then((response) => response.blob()).then(resolve);
61191
+ });
61192
+ const renderElementToBlob = async (element) => {
61193
+ if (!element) throw new Error("Element not found");
61194
+ const restoreIgnoredVisibility = setIgnoredVisibility(element, "hidden");
61195
+ try {
61196
+ await waitForFontsAndImages(element);
61197
+ const canvas = await html2canvas(element, {
61198
+ scale: getCanvasScale(),
61199
+ useCORS: true,
61200
+ backgroundColor: "#ffffff",
61201
+ logging: false,
61202
+ removeContainer: true,
61203
+ width: element.scrollWidth,
61204
+ height: element.scrollHeight,
61205
+ windowWidth: element.scrollWidth,
61206
+ windowHeight: element.scrollHeight
61207
+ });
61208
+ return canvasToBlob(canvas);
61209
+ } finally {
61210
+ restoreIgnoredVisibility();
61211
+ }
61212
+ };
61213
+ const saveElementAsImage = async (element, fileName = "report.png") => {
61214
+ const blob = await renderElementToBlob(element);
61215
+ if (!blob) throw new Error("Image export unavailable");
61216
+ const url = URL.createObjectURL(blob);
61217
+ const link = document.createElement("a");
61218
+ link.href = url;
61219
+ link.download = fileName;
61220
+ link.click();
61221
+ setTimeout(() => URL.revokeObjectURL(url), 1500);
61222
+ };
61223
+ const copyElementImageToClipboard = async (element) => {
61224
+ var _a;
61225
+ if (!((_a = navigator.clipboard) == null ? void 0 : _a.write) || typeof ClipboardItem === "undefined") {
61226
+ throw new Error("Clipboard image copy is not supported");
61227
+ }
61228
+ const blob = await renderElementToBlob(element);
61229
+ if (!blob) throw new Error("Clipboard image unavailable");
61230
+ await navigator.clipboard.write([
61231
+ new ClipboardItem({ "image/png": blob })
61232
+ ]);
61233
+ };
61234
+
61235
+ const getSummaryImageFileName = (prefix, filter) => {
61236
+ var _a;
61237
+ const user = ((_a = filter == null ? void 0 : filter.user) == null ? void 0 : _a.label) || "all";
61238
+ const date = getDate(filter == null ? void 0 : filter.filterByDate) || "date";
61239
+ return `${prefix}-${user}-${date}`.replace(/[^\w.-]+/g, "-") + ".png";
61240
+ };
61241
+ const notifySuccess = (text) => {
61242
+ PNotify_1.removeAll();
61243
+ PNotify_1.success({ text });
61244
+ };
61245
+ const notifyError = (text) => {
61246
+ PNotify_1.removeAll();
61247
+ PNotify_1.error({ text });
61248
+ };
61249
+ const SummaryImageActions = ({ children, fileName }) => {
61250
+ const exportRef = useRef(null);
61251
+ const [isLoading, setIsLoading] = useState(false);
61252
+ const handleSaveImage = async () => {
61253
+ setIsLoading(true);
61254
+ try {
61255
+ await saveElementAsImage(exportRef.current, fileName);
61256
+ notifySuccess("Saved image");
61257
+ } catch (error) {
61258
+ notifyError(error.message || "Cannot save image");
61259
+ } finally {
61260
+ setIsLoading(false);
61261
+ }
61262
+ };
61263
+ const handleCopyImage = async () => {
61264
+ setIsLoading(true);
61265
+ try {
61266
+ await copyElementImageToClipboard(exportRef.current);
61267
+ notifySuccess("Copied image");
61268
+ } catch (error) {
61269
+ notifyError(error.message || "Cannot copy image");
61270
+ } finally {
61271
+ setIsLoading(false);
61272
+ }
61273
+ };
61274
+ const actions = /* @__PURE__ */ jsxs("div", { className: `${IMAGE_EXPORT_IGNORE_CLASS} d-flex`, style: {
61275
+ position: "absolute",
61276
+ right: 8,
61277
+ top: "50%",
61278
+ transform: "translateY(-50%)"
61279
+ }, children: [
61280
+ /* @__PURE__ */ jsx$1("button", { type: "button", title: "Save Image", className: "btn btn-sm btn-primary mr-1", disabled: isLoading, onClick: handleSaveImage, children: /* @__PURE__ */ jsx$1("i", { className: "feather icon-download mr-0" }) }),
61281
+ /* @__PURE__ */ jsx$1("button", { type: "button", title: "Copy Image", className: "btn btn-sm btn-info", disabled: isLoading, onClick: handleCopyImage, children: /* @__PURE__ */ jsx$1("i", { className: "feather icon-copy mr-0" }) })
61282
+ ] });
61283
+ return /* @__PURE__ */ jsx$1("div", { className: "mb-2 d-inline-block", ref: exportRef, children: typeof children === "function" ? children(actions) : /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
61284
+ children,
61285
+ actions
61286
+ ] }) });
61287
+ };
61288
+
61289
+ const SummaryRow = ({ id, label, khr, usd, showUsd, className = "", labelClassName = "text-center" }) => /* @__PURE__ */ jsxs("tr", { className: "animate-slide-up", children: [
61290
+ /* @__PURE__ */ jsx$1(THB, { colSpan: 4, className: labelClassName, children: label }),
61291
+ /* @__PURE__ */ jsx$1(RenderThWidthB, { colSpan: showUsd ? 3 : 6, className: `${className} t-right`, id, value: khr, currency: "KHR" }),
61292
+ showUsd && /* @__PURE__ */ jsx$1(RenderThWidthB, { colSpan: 3, className: `${className} t-right`, id, value: usd, currency: "USD" })
61293
+ ] });
61294
+ const getSummaryUser = ({ data, filter }) => {
61295
+ var _a, _b, _c;
61296
+ const firstItem = ((_a = data == null ? void 0 : data.items) == null ? void 0 : _a[0]) || {};
61297
+ return {
61298
+ label: ((_b = filter == null ? void 0 : filter.user) == null ? void 0 : _b.label) || firstItem.nickname || "N/A",
61299
+ nickname: ((_c = filter == null ? void 0 : filter.user) == null ? void 0 : _c.nickname) || getMemberName(firstItem.username),
61300
+ date: (filter == null ? void 0 : filter.filterByDate) || firstItem.date
61301
+ };
61302
+ };
61303
+ const WinLoseSummary = ({ data, id, filter, showUsd }) => {
61304
+ const {
61305
+ summary: {
61306
+ winLoseKhr = 0,
61307
+ winLoseUsd = 0,
61308
+ shareAmountKhr = 0,
61309
+ shareAmountUsd = 0,
61310
+ oldUsd = 0,
61311
+ oldKhr = 0,
61312
+ giveUsd = 0,
61313
+ giveKhr = 0,
61314
+ borrowUsd = 0,
61315
+ borrowKhr = 0,
61316
+ totalUsd = 0,
61317
+ totalKhr = 0,
61318
+ protestKhr = 0,
61319
+ protestUsd = 0
61320
+ } = {},
61321
+ winLoses = []
61322
+ } = data || {};
61323
+ const user = getSummaryUser({ data, filter });
61324
+ const totalStyle = { borderBottom: "2px solid black", borderTop: "2px solid black" };
61325
+ const summaryValueKhr = (filter == null ? void 0 : filter.isSend) ? winLoseKhr : shareAmountKhr;
61326
+ const summaryValueUsd = (filter == null ? void 0 : filter.isSend) ? winLoseUsd : shareAmountUsd;
61327
+ return /* @__PURE__ */ jsx$1(SummaryImageActions, { fileName: getSummaryImageFileName("win-lose-summary", filter), children: (actions) => /* @__PURE__ */ jsx$1(
61328
+ "table",
61329
+ {
61330
+ id: id ? `${id}-win-lose-summary` : void 0,
61331
+ className: "table table-hover table-bordered table-collapse mb-0",
61332
+ style: { width: "auto", minWidth: 720 },
61333
+ children: /* @__PURE__ */ jsxs("tbody", { className: "pb-5", children: [
61334
+ /* @__PURE__ */ jsx$1("tr", { className: "animate-slide-up", children: /* @__PURE__ */ jsxs(THB, { className: (filter == null ? void 0 : filter.isSend) ? "red-d-h" : "blue-ld-h f-15", colSpan: 10, style: { position: "relative" }, children: [
61335
+ "\u179F\u17BB\u17B8\u1781\u17B6\u178F\u1794\u17D2\u179A\u1785\u17B6\u17C6\u1790\u17D2\u1784\u17C3",
61336
+ actions
61337
+ ] }) }),
61338
+ /* @__PURE__ */ jsxs("tr", { className: "animate-slide-up", children: [
61339
+ /* @__PURE__ */ jsx$1(THB, { colSpan: 4, children: user.label }),
61340
+ /* @__PURE__ */ jsx$1(THB, { colSpan: 3, children: user.nickname }),
61341
+ /* @__PURE__ */ jsx$1(THB, { colSpan: 3, children: getDate(user.date) })
61342
+ ] }),
61343
+ /* @__PURE__ */ jsxs("tr", { className: "animate-slide-up", children: [
61344
+ /* @__PURE__ */ jsx$1(THB, { className: "blue-l-h", colSpan: 4, children: "\u1794\u17D2\u179A\u1797\u17C1\u1791\u1786\u17D2\u1793\u17C4\u178F" }),
61345
+ /* @__PURE__ */ jsx$1(THB, { className: "blue-l-h", colSpan: showUsd ? 3 : 6, children: "(\u179A\u17C0\u179B)" }),
61346
+ showUsd && /* @__PURE__ */ jsx$1(THB, { colSpan: 3, className: "green-l-h text-left", children: "(\u178A\u17BB\u179B\u17D2\u179B\u17B6\u179A)" })
61347
+ ] }),
61348
+ winLoses.map(({ winLoseKhr: winLoseKhr2, winLoseUsd: winLoseUsd2, lotteryType }, index) => {
61349
+ const lotteryName = lotteryLabelKH[lotteryType] || lotteryType;
61350
+ const lotteryCode = lotteryLabel[lotteryType] || lotteryType;
61351
+ return /* @__PURE__ */ jsx$1(
61352
+ SummaryRow,
61353
+ {
61354
+ id,
61355
+ label: `\u1786\u17D2\u1793\u17C4\u178F${lotteryName} (${lotteryCode})`,
61356
+ khr: winLoseKhr2,
61357
+ usd: winLoseUsd2,
61358
+ showUsd,
61359
+ labelClassName: "t-left"
61360
+ },
61361
+ `${lotteryType}-${index}`
61362
+ );
61363
+ }),
61364
+ /* @__PURE__ */ jsxs("tr", { className: "animate-slide-up b-vio-b2", children: [
61365
+ /* @__PURE__ */ jsx$1(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" }),
61366
+ /* @__PURE__ */ jsx$1(RenderThWidthB, { className: "t-right f-bold blue-l-h", colSpan: showUsd ? 3 : 6, id, value: summaryValueKhr, currency: "KHR" }),
61367
+ showUsd && /* @__PURE__ */ jsx$1(RenderThWidthB, { colSpan: 3, className: "t-right f-bold green-l-h", id, value: summaryValueUsd, currency: "USD" })
61368
+ ] }),
61369
+ /* @__PURE__ */ jsx$1(SummaryRow, { id, label: "\u1794\u1789\u17D2\u1787\u17B8\u1785\u17B6\u179F\u17CB", khr: oldKhr, usd: oldUsd, showUsd }),
61370
+ /* @__PURE__ */ jsx$1(SummaryRow, { id, label: "\u179B\u17BB\u1799\u179F\u1784", khr: giveKhr, usd: giveUsd, showUsd }),
61371
+ /* @__PURE__ */ jsx$1(SummaryRow, { id, label: "\u179B\u17BB\u1799\u1781\u17D2\u1785\u17B8", khr: borrowKhr, usd: borrowUsd, showUsd }),
61372
+ /* @__PURE__ */ jsx$1(SummaryRow, { id, label: "\u179B\u17BB\u1799\u178F\u179C\u17C9\u17B6", khr: protestKhr, usd: protestUsd, showUsd }),
61373
+ /* @__PURE__ */ jsxs("tr", { className: "animate-slide-up", children: [
61374
+ /* @__PURE__ */ jsx$1(THB, { colSpan: 4, style: totalStyle, className: "t-center blue-l-h", children: "\u179F\u179A\u17BB\u1794\u1791\u17B6\u17C6\u1784\u17A2\u179F\u17CB" }),
61375
+ /* @__PURE__ */ jsx$1(
61376
+ RenderThWidthB,
61377
+ {
61378
+ colSpan: showUsd ? 3 : 6,
61379
+ style: totalStyle,
61380
+ className: "blue-l-h t-right",
61381
+ id,
61382
+ value: totalKhr,
61383
+ currency: "KHR"
61384
+ }
61385
+ ),
61386
+ showUsd && /* @__PURE__ */ jsx$1(
61387
+ RenderThWidthB,
61388
+ {
61389
+ colSpan: 3,
61390
+ style: totalStyle,
61391
+ className: "green-l-h t-right",
61392
+ id,
61393
+ value: totalUsd,
61394
+ currency: "USD"
61395
+ }
61396
+ )
61397
+ ] })
61398
+ ] })
61399
+ }
61400
+ ) });
61401
+ };
61402
+
61403
+ var __defProp$2 = Object.defineProperty;
61404
+ var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
61405
+ var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
61406
+ var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
61407
+ var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
61408
+ var __spreadValues$2 = (a, b) => {
61409
+ for (var prop in b || (b = {}))
61410
+ if (__hasOwnProp$2.call(b, prop))
61411
+ __defNormalProp$2(a, prop, b[prop]);
61412
+ if (__getOwnPropSymbols$2)
61413
+ for (var prop of __getOwnPropSymbols$2(b)) {
61414
+ if (__propIsEnum$2.call(b, prop))
61415
+ __defNormalProp$2(a, prop, b[prop]);
61416
+ }
61417
+ return a;
61418
+ };
61419
+ class Summary extends Component {
61420
+ render() {
61421
+ var _a;
61422
+ const {
61423
+ data,
61424
+ filter
61425
+ } = this.props;
61426
+ const showUsd = (data == null ? void 0 : data.isShowUsd) || ((_a = data == null ? void 0 : data.summary) == null ? void 0 : _a.isShowUsd);
61427
+ return /* @__PURE__ */ jsx$1("div", { id: "mix-daily-report", className: "d-inline-block mb-3 mr-3 pb-5 pl-3", children: /* @__PURE__ */ jsx$1(WinLoseSummary, __spreadValues$2({ data, filter, showUsd }, this.props)) });
61428
+ }
61429
+ }
61430
+
61431
+ var __defProp$1 = Object.defineProperty;
61432
+ var __defProps$1 = Object.defineProperties;
61433
+ var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
61434
+ var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
61435
+ var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
61436
+ var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
61437
+ var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
61438
+ var __spreadValues$1 = (a, b) => {
61439
+ for (var prop in b || (b = {}))
61440
+ if (__hasOwnProp$1.call(b, prop))
61441
+ __defNormalProp$1(a, prop, b[prop]);
61442
+ if (__getOwnPropSymbols$1)
61443
+ for (var prop of __getOwnPropSymbols$1(b)) {
61444
+ if (__propIsEnum$1.call(b, prop))
61445
+ __defNormalProp$1(a, prop, b[prop]);
61446
+ }
61447
+ return a;
61448
+ };
61449
+ var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
61450
+ class MainTableWrap extends Component {
61451
+ render() {
61452
+ var _a;
61453
+ const { data, isMix } = this.props;
61454
+ return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
61455
+ (_a = data == null ? void 0 : data.items) == null ? void 0 : _a.map((obj, i) => /* @__PURE__ */ createElement$3(MainTable, __spreadProps$1(__spreadValues$1({}, this.props), { key: i, data: obj, isMix }))),
61456
+ data && /* @__PURE__ */ jsx$1(Summary, __spreadValues$1({ data }, this.props))
61457
+ ] });
61458
+ }
61459
+ }
61460
+
61461
+ var __defProp = Object.defineProperty;
61462
+ var __defProps = Object.defineProperties;
61463
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
61464
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
61465
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
61466
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
61467
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
61468
+ var __spreadValues = (a, b) => {
61469
+ for (var prop in b || (b = {}))
61470
+ if (__hasOwnProp.call(b, prop))
61471
+ __defNormalProp(a, prop, b[prop]);
61472
+ if (__getOwnPropSymbols)
61473
+ for (var prop of __getOwnPropSymbols(b)) {
61474
+ if (__propIsEnum.call(b, prop))
61475
+ __defNormalProp(a, prop, b[prop]);
61476
+ }
61477
+ return a;
61478
+ };
61479
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
61480
+ class MainTableWrapExcel extends Component {
61481
+ render() {
61482
+ var _a;
61483
+ const { data, id } = this.props;
61484
+ return /* @__PURE__ */ jsx$1("table", { id, children: /* @__PURE__ */ jsxs("tbody", { children: [
61485
+ (_a = data == null ? void 0 : data.items) == null ? void 0 : _a.map((obj, i) => /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
61486
+ /* @__PURE__ */ jsx$1("tr", { children: /* @__PURE__ */ jsx$1("td", { children: /* @__PURE__ */ jsx$1(MainTable, __spreadProps(__spreadValues({}, this.props), { data: obj })) }) }),
61487
+ /* @__PURE__ */ jsx$1("tr", {}),
61488
+ /* @__PURE__ */ jsx$1("tr", {})
61489
+ ] }, i)),
61490
+ /* @__PURE__ */ jsx$1("tr", { children: /* @__PURE__ */ jsx$1("td", { children: data && /* @__PURE__ */ jsx$1(Summary, __spreadValues({ data }, this.props)) }) })
61491
+ ] }) });
61492
+ }
61493
+ }
61494
+
61495
+ export { DeleteModal, DeleteTicketButton, MoreMenu as DropdownMenu, KPLO, KPPostCode, MainTableWrap as MixDailyReport, MainTableWrapExcel as MixDailyReportExcel, Printer, ProtestButton, ProtestModal, ProtestTicket, RemarkConfigToggle, RemarkModal, RemarkModalShowOnly, SCPostCode, SaryLottery, SaryPrintAll, THLabel, Ticket, TicketModal, TransferModal, TransferTicket, clickRemarkBtn, formatUsd, getMemberName, getS3ImgPrint, getStoredIsRemark, isVNType, lType, lotteryLabel, lotteryLabelKH, lotteryLabelOnline, lotteryLabelVN, lotteryReportLabel, mapBetTitle, mapLabels, mapStrPost, widthLength };
58925
61496
  //# sourceMappingURL=index.esm.js.map