body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Prompt,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,Prompt,monospace}.App{background-image:url(/static/media/background.4ac44b83cf6011dde215.webp);font-family:Poppins,sans-serif,Prompt;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{height:10vh;justify-content:center}.App-body,.App-header{align-items:center;color:#333;display:flex;flex-direction:column;font-size:calc(10px + 2vmin)}.App-body{background-position:50%;min-height:90vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.my-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.my-card{background-color:#333;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.3);color:#fff;margin:10px;padding:20px;width:300px}div{font-family:Poppins,sans-serif,Prompt}h2{text-align:center}form{display:flex;flex-direction:column}input,select{border:1px solid #ccc;border-radius:3px;margin-bottom:10px;padding:10px}button{background-color:#f1c40f;border:1px solid #96969680;border-radius:3px;color:#000;cursor:pointer;font-weight:700;padding:10px 15px;transition:background-color .3s}.logo{height:100px;margin-bottom:-30px;width:100px}button:hover{background-color:#fdd835}button:active{background-color:#ffc107}p{color:#ccc}label,p{font-size:14px;margin-top:10px;text-align:center}label{color:#8a8a8a}p a{color:#ffeb3b;text-decoration:none}p a:hover{text-decoration:underline}.error{color:red}.error,.msg{font-size:12px;margin-top:0;text-align:left}.msg{color:#adff2f}@media screen and (max-width:426px){.my-card{padding:20px;width:100%}}.container-machine-page{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;width:100%}.imageBanner{align-items:center;display:flex;justify-content:center}.container-machine{background-color:#ffffffae;margin:0 auto;max-width:1500px;padding:20px;width:90%}.page-title{color:#333;margin-bottom:20px;margin-top:0}.card-container{grid-gap:20px;display:grid;grid-template-columns:repeat(5,1fr)}.card-machine{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.card-machine:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.card-image{border-radius:8px;height:200px;max-width:200px;object-fit:cover;width:100%}.card-content{margin-top:15px}.card-title{color:#333;font-size:18px;margin-bottom:10px}.card-description{color:#777;font-size:14px;margin-bottom:10px}.card-price{color:#333;font-size:16px}.video-rotate{display:block;-webkit-transform:rotate(90deg) translateY(-104%);transform:rotate(90deg) translateY(-104%);-webkit-transform-origin:top left;transform-origin:top left;white-space:nowrap}@media screen and (max-width:1200px){.card-container{grid-gap:20px;display:grid;grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:1010px){.card-container{grid-gap:20px;display:grid;grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:768px){.card-container{grid-gap:20px;display:grid;grid-template-columns:repeat(2,1fr)}.card-machine{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:10px;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.page-title{color:#333;font-size:24px;margin-bottom:20px;margin-top:0}.card-title{color:#333;font-size:14px;margin-bottom:10px}.card-description{color:#777;font-size:10px;margin-bottom:10px}.card-price{color:#333;font-size:14px}}.react-slideshow-container{align-items:center;display:flex;position:relative}.react-slideshow-container .nav{cursor:pointer;position:absolute;z-index:10}.react-slideshow-container .nav:first-of-type{left:0}.react-slideshow-container .nav:last-of-type{right:0}.react-slideshow-container .default-nav{align-items:center;background:hsla(0,0%,100%,.6);border:0;border-radius:50%;color:#fff;display:flex;height:30px;justify-content:center;text-align:center;width:30px}.react-slideshow-container .default-nav:focus,.react-slideshow-container .default-nav:hover{background:#fff;color:#666;outline:0}.react-slideshow-container .default-nav.disabled:hover{cursor:not-allowed}.react-slideshow-container .default-nav:first-of-type{border-right:0;border-top:0;margin-right:-30px}.react-slideshow-container .default-nav:last-of-type{margin-left:-30px}.react-slideshow-container+ul.indicators{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.react-slideshow-container+ul.indicators li{display:inline-block;height:7px;margin:0;padding:5px;position:relative;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator{background:transparent;border:0;color:transparent;cursor:pointer;opacity:.25}.react-slideshow-container+ul.indicators .each-slideshow-indicator:before{background:#000;border-radius:50%;content:"";height:7px;left:0;position:absolute;text-align:center;top:0;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator.active,.react-slideshow-container+ul.indicators .each-slideshow-indicator:hover{opacity:.75;outline:0}.react-slideshow-fadezoom-wrapper{overflow:hidden;width:100%}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap{display:flex;flex-wrap:wrap}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap>div{opacity:0;position:relative}.react-slideshow-wrapper .react-slideshow-fade-images-wrap>div[aria-hidden=true]{display:none}.react-slideshow-wrapper.slide{overflow:hidden;width:100%}.react-slideshow-wrapper .images-wrap{display:flex;flex-wrap:wrap}.react-slideshow-wrapper .images-wrap>div[aria-hidden=true]{display:none}.slide-container{max-height:1400px;max-width:7700px;width:60%}.banner{align-items:center;display:flex;height:100%;justify-content:center;object-fit:contain;width:100%}@media screen and (max-width:768px){.slide-container{width:90%}}@-webkit-keyframes blink{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}@keyframes blink{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.dots:after{-webkit-animation:dots 1.2s steps(4) infinite;animation:dots 1.2s steps(4) infinite;content:""}@-webkit-keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.joystick{align-items:center;background-color:#24292e;border-radius:10%;display:flex;flex-direction:column;padding:10px}.joystick button{background-color:#f1c40f;border:none;border-radius:50%;color:#333;font-size:16px;height:70px;margin:5px;padding:0;-webkit-user-select:none;user-select:none;width:70px}.joystick button:hover{background-color:#f5d76e;cursor:pointer}.joystick button:active{background-color:#aaa}.joystick .direction-buttons{display:flex;justify-content:center}.joystick .direction-buttons button{width:70px}.joystick .direction-buttons button:first-child{margin-right:10px}.joystick .direction-buttons button:last-child{margin-left:10px}@media screen and (max-width:768px){.joystick{align-items:center;background-color:#24292e;border-radius:10%;display:flex;flex-direction:column;padding:10px}.joystick button{background-color:#f1c40f;border:none;border-radius:50%;color:#333;font-size:16px;font-size:12px;height:58px;margin:3px;-webkit-user-select:none;user-select:none;width:58px}.joystick button:hover{background-color:#f5d76e;cursor:pointer}.joystick button:active{background-color:#aaa}.joystick .direction-buttons{display:flex;justify-content:center}.joystick .direction-buttons button{width:58px}.joystick .direction-buttons button:first-child{margin-right:8px}.joystick .direction-buttons button:last-child{margin-left:8px}}.play-page{align-items:center;display:flex;flex-direction:column;justify-content:center;-webkit-user-select:none;user-select:none;width:100%}.playPage-container{align-items:flex-start;padding:10px}.container-play,.playPage-container{display:flex;flex-direction:row;justify-content:center}.container-play{align-items:center;background-color:hsla(0,0%,100%,.767);border-radius:5%;padding:30px}.container-video-play{align-items:center;display:flex;flex-direction:column;justify-content:center}.progessBarContainer{align-items:center;display:flex;flex-direction:row}.container-controller{margin-left:30px}.showQueue{align-items:center;display:flex;flex-direction:row;justify-content:center}.color-change{font-size:24px;transition:color 1s}.video-container{align-items:center;display:flex;flex-direction:column;justify-content:center;max-height:100%;max-width:100%}.guarantee{margin:10px}.video{border:2px solid #ddd;border-radius:8px;height:100%;width:100%}.description-zone{background-color:hsla(0,0%,100%,.767);border-radius:5%;box-shadow:0 2px 4px rgba(0,0,0,.1);height:auto;margin-right:20px;margin-top:10px;max-width:250px;padding:10px}.description-zone h2{color:#000;font-size:20px;margin-bottom:10px}.description-zone p{color:#000;font-size:16px}.progessBar{background-color:#24292e;border-radius:10px;display:flex;height:12px}.inside-progessBar{background-color:#ffeb3b;border-radius:10px;height:12px}:root{--dynamic-width:250px}.on-mobile{display:none}.machineImg{height:auto;max-width:200px}.on-pc{display:contents}@media screen and (max-width:820px){.play-page{height:auto}.container-play{background-color:hsla(0,0%,100%,.767);border-radius:5%;margin:10px;padding:5%;width:80%}.container-play,.playPage-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.playPage-container{padding:0;width:100%}.description-zone{background-color:hsla(0,0%,100%,.767);border-radius:5%;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-right:0;margin-top:10px;padding:10px;width:60%}.container-controller{display:flex;margin-left:0}.play{align-items:center;display:flex;flex-direction:column;margin-left:10px}.video{border:2px solid #ddd;border-radius:8px;height:100%;margin:5px;width:100%}.machineImg{height:auto;max-width:150px}:root{--dynamic-width:150px}.progessBar{background-color:#24292e;border-radius:10px;height:10px}.inside-progessBar{background-color:#ffeb3b;border-radius:10px;height:10px}.on-mobile{display:contents}.on-pc{display:none}.warnText{font-size:16px!important;margin:0}}.video-machine{max-height:408px;max-width:544px;min-width:544px;object-fit:cover;-webkit-transform:rotate(90deg);transform:rotate(90deg);width:100%}.BlankContainer{background-color:gray;height:544px;width:408px}.BlankContainer,.videoWrapper{align-items:center;display:flex;justify-content:center}.videoWrapper{height:544px!important;justify-self:center;margin-bottom:10px;width:408px!important}.hidden{display:none}@media screen and (max-width:1024px){.video-machine{max-height:360px;max-width:480px;min-width:480px}.BlankContainer{height:480px;width:360px}.videoWrapper{height:480px!important;width:360px!important}}@media screen and (max-width:450px){.video-machine{max-height:312px;max-width:416px;min-width:416px}.BlankContainer{height:416px;width:312px}.videoWrapper{height:416px!important;width:312px!important}}@media screen and (max-width:340px){.video-machine{max-height:288px;max-width:384px;min-width:384px}.BlankContainer{height:384px;width:288px}.videoWrapper{height:384px!important;width:288px!important}}.table th{font-size:medium}.table td{font-size:small}.table-container{margin:0 auto!important}.table-scrollable{max-height:190px;overflow-y:auto}.table{border-collapse:collapse;margin-top:0;width:100%}.table thead th{background-color:#f2f2f2;font-weight:700;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:2}.table td,.table th{background-color:#fff;border:1px solid #ccc;text-align:center}.table-scrollable::-webkit-scrollbar{display:none}.table-scrollable{-ms-overflow-style:none;scrollbar-width:none}@media screen and (max-width:820px){.table-scrollable{max-height:190px;overflow-y:auto}}.navbar{background-color:#24292e;color:#fff;justify-content:space-between;left:0;padding-bottom:10px;padding-top:10px;position:fixed;top:0;width:100%;z-index:999}.nav-menu,.navbar{align-items:center;display:flex}.nav-menu{list-style:none;margin:0 0 0 1%;padding:0}.nav-item{margin-right:20px}.nav-link{background-color:#f1c40f;border-radius:4px;color:#000;padding:5px 10px;text-decoration:none}.nav-link:hover{background-color:#f5d76e;color:#fff}.nav-item-logo{color:#fff;padding:5px 10px;text-decoration:none}.modal-nav{background-color:#fff;border:1px solid #ccc;flex-direction:column;justify-content:center;left:50%;max-width:400px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60%}.modal-nav,.select-price-container{align-items:center;border-radius:5px;display:flex;padding:20px}.select-price-container{flex-direction:row}.price-btn{background-color:#f5f5f5;border:none;border-radius:5px;cursor:pointer;font-size:16px;margin:3px;padding:10px 15px}.price-btn:hover{background-color:#e0e0e0}.price-btn.selected{background-color:#ffeb3b;color:#000;font-weight:700}.btn-panel{justify-content:flex-end;margin-top:20px}.berger{display:none}.nav-status{font-size:17px}@media screen and (max-width:1010px){.nav-menu,.nav-menu-right{display:flex}.nav-menu{list-style:none;margin:0 0 0 1%;padding:0}.nav-item{font-size:14px;margin-right:2px}.nav-item-logo,.nav-link{padding:5px;text-decoration:none}.nav-status{font-size:10px}.modal-nav{align-items:center;display:flex;flex-direction:column;justify-content:center;width:80%}}@media screen and (max-width:500px){.nav-status{font-size:11px}.nav-item{font-size:10px;margin-right:2px}.price-btn{border:none;font-size:12px;margin:2px}}@media screen and (max-width:330px){.nav-item{font-size:xx-small}.nav-status{font-size:8px}}.container-claim{background-color:#ffffffae;margin:0 auto;max-width:1200px;padding:20px}h2.page-title{font-size:32px}h2.page-title,h3.page-title{color:#333;margin-bottom:20px}h3.page-title{font-size:18px}p.info{color:#333;margin:10px 20px}p.info,p.warn{font-size:16px;text-align:left}p.warn{color:#ff2828;margin:10px}li.info,li.warn{margin:10px 20px;text-align:left}li.warn{color:#ff2828}.my-card{margin-top:0!important}.modal{background-color:#fff;border:1px solid #ccc;border-radius:5px;left:50%;max-height:70vh;padding:20px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:30%}.ReactModal__Overlay{z-index:999999}.options-container{background-color:#96969633;max-height:45vh;min-height:20vh;overflow-y:scroll;padding:5px}.options-panel{overflow-y:auto}.btn-panel,.options-panel{display:flex;font-size:24px;margin:10px;-webkit-user-select:none;user-select:none}.btn-panel{justify-content:center}.close-btn{margin:5px;-webkit-user-select:none;user-select:none}@media screen and (max-width:768px){.modal{width:70%}}.payment-page{width:100%}.container-payment,.payment-page{align-items:center;display:flex;flex-direction:column}.container-payment{background-color:hsla(0,0%,100%,.811);border-radius:3%;height:100%;justify-content:center;margin:3%;padding:10px;width:70%}h3.payment{font-size:24px;margin:0}.payment-img{width:30%}.payment{width:100%}@media screen and (max-width:425px){.payment-img{width:80%}.container-payment{margin:15%}}footer{background-color:#24292e;color:#fff;padding:10px 0}.footer-content{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px;width:100%}.footer-container{display:flex}.footer-logo{align-items:center;display:flex}.footer-logo img{height:50px;margin-left:10px;margin-right:10px;width:50px}.footer-links{text-align:center}.footer-links ul{list-style:none;margin:0;padding:0}.footer-links li{display:inline;margin-right:20px}.footer-links a{color:#fff;font-weight:700;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#00bcd4}.footer-copyright{text-align:center}@media screen and (max-width:768px){.footer-logo{align-items:center;display:none;justify-content:center;text-align:center}.footer-links{flex-basis:100%;margin-top:10px;text-align:center}.footer-content{display:flex;flex-direction:row;justify-content:center}.p,footer{font-size:small!important}}.admin-button{background-color:#f1c40f;border-radius:4px;color:#000;font-size:medium;padding:5px 10px;text-decoration:none}.crud-modal-wrapper{height:100%;left:0;position:absolute;text-align:center;top:0;width:100%}.crud-modal-wrapper__background{background-color:rgba(0,0,0,.8);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.crud-modal-wrapper__modal{background-color:#fff;border-radius:5px;display:inline-block;margin:2rem auto 0;min-width:80%;position:relative;top:0;z-index:1001}.crud-modal-wrapper__title{border-bottom:1px solid #eaeaea;color:#444;font-size:1.3rem;padding:.8rem}.crud-modal-form{padding:1rem}.crud-modal-form__field-error{background-color:#c13a3a;border-radius:3px;color:#fff;margin-bottom:.5rem;margin-top:-.6rem;padding:.3rem .8rem;position:relative;text-align:left}.crud-modal-form__field-error:before{background-color:initial;border-bottom:6px solid #c13a3a;border-left:6px solid transparent;border-right:6px solid transparent;content:"";display:block;height:0;position:absolute;top:-.3rem;width:0}.crud-modal-form__message{color:#555;font-size:1.1rem;padding:0 0 1.2rem;text-align:left}.crud-modal-form__error-message{background-color:#c13a3a;border-radius:3px;color:#fff;margin:0 1.5rem 1rem;padding:.8rem}.crud-modal-form button{font-size:1rem;height:45px;margin-top:.5rem;min-width:250px;width:50%}.crud-modal-form input,.crud-modal-form select,.crud-modal-form textarea{border:1px solid #ccc;border-radius:5px;height:40px;margin-bottom:1rem;margin-top:.5rem;min-width:250px;padding-left:.6rem;width:100%}.crud-modal-form textarea{height:auto;min-height:70px}.crud-modal-form__label{color:#555;display:block;font-weight:600;text-align:left}.crud-button{background-color:#555;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.9rem;margin:.2rem 0;min-height:1rem;min-width:100px;padding:.6rem 1rem}button.crud-button--close{font-weight:700;position:absolute;right:10px;top:10px}.crud-button--circular{border-radius:50%;line-height:2rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:0;width:2rem}.crud-button--primary{background-color:#388ee2}.crud-button--primary:hover{background-color:#2477c8;transition:all 1s}.crud-button--positive{background-color:#40c846;margin:.8rem 0}.crud-button--positive:hover{background-color:#33a538;transition:all 1s}.crud-button--negative{background-color:#ce2a2a}.crud-button--negative:hover{background-color:#9f2020;transition:all 1s}.crud-table{background-color:initial;border:1px solid rgba(52,145,238,.15);border-collapse:collapse;box-shadow:2px 2px 5px 0 #c7c7c7;font-size:.9rem}.crud-table__select{border:1px solid #ccc;border-radius:5px;height:30px;margin-bottom:1rem;margin-top:.5rem;min-width:150px;padding-left:.6rem}.crud-table__row{background:#fff}.crud-table__header-cell{background:hsla(207,5%,62%,.05);border-bottom:1px solid rgba(34,36,38,.1);border-left:1px solid rgba(34,36,38,.1);color:rgba(0,0,0,.85);cursor:pointer;padding:.5rem 1rem}.crud-table__row--sorter{display:none}.crud-table__body,.crud-table__cell{background-color:#fff}.crud-table__cell{border-bottom:1px solid rgba(4,21,37,.1);border-left:1px solid rgba(34,36,38,.1);padding:.5rem 1rem}.crud-table__cell-label{display:none}.crud-table__caption{background-color:#fff;box-shadow:2px 2px 10px 0 #c7c7c7;font-size:1.5rem;font-weight:600;margin:1rem 0;padding:.8rem;text-align:center}.crud-table-pagination{display:block;margin:auto}.crud-table-pagination:before{clear:both;content:"";display:block;margin-top:2rem}.crud-table-pagination__link,.crud-table-pagination__next,.crud-table-pagination__previous{background-color:#fff;border:1px solid #ddd;border-radius:2px;box-shadow:2px 2px 5px 0 #c7c7c7;color:#000;cursor:pointer;float:left;padding:8px 16px;text-decoration:none;transition:background-color .3s}.crud-table-pagination__link--active{background-color:#2084e4;border:1px solid #1a70c5;color:#fff}.crud-table-pagination__link:hover,.crud-table-pagination__next:hover,.crud-table-pagination__previous:hover{background-color:#3bbf5c;border-color:#28a93e;color:#fff}.crud-table-query-builder{background-color:#fff;border-radius:.2rem;box-shadow:2px 2px 10px 0 #c7c7c7;margin-bottom:1rem;padding:1rem}.crud-table-query-builder input,.crud-table-query-builder select{border:1px solid #ccc;border-radius:5px;height:30px;margin-bottom:1rem;margin-top:.5rem;min-width:150px;padding-left:.6rem}.crud-table-query-builder input[type=checkbox]{margin-left:15px;margin-right:15px;vertical-align:middle}.crud-label{background-color:#f9fafb;border:1px solid #e5e5e5;border-radius:.2rem;display:inline-block;font-size:.8rem;margin-bottom:.7rem;margin-right:.5rem;padding:.48rem 1rem}@media screen and (max-width:600px){.crud-table{border:none;border-radius:3px;box-shadow:none;display:block;margin-top:1rem;min-width:85vw;overflow:hidden}.crud-table-query-builder{border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 5px 10px 0 #c7c7c7}.crud-table__body,.crud-table__caption,.crud-table__cell,.crud-table__header,.crud-table__row{display:block;width:100%}.crud-table__caption{border-bottom:1px solid #e6e6e6;margin:0}.crud-table__row--fields{display:none}.crud-table__row--sorter{display:block;margin-bottom:20px}.crud-table__row--sorter .crud-table__select{width:100%}.crud-table__row--sorter .crud-table__header-cell{background-color:#fff}.crud-table__cell{border-bottom:0;border-left:0}.crud-table__cell:last-child{padding-bottom:2rem}.crud-table__row{border:1px solid #74787c26;box-shadow:2px 2px 5px 0 #c7c7c752}.crud-table__row:not(:last-child){margin-bottom:2rem}.crud-table__body{background:#f9f9f9}.crud-table__cell-label{background:hsla(204,4%,73%,.05);border-bottom:1px dashed #e6e6e6;display:block;font-size:1.2rem;font-weight:700;margin-bottom:.5rem;padding:.5rem}.crud-table-query-builder .crud-button--add{border-radius:50%;display:block;font-size:1.6rem;line-height:3rem;margin:0 auto 2rem;min-width:50px;padding:0;width:3rem}.crud-table-query-builder input,.crud-table-query-builder select{margin-bottom:0;width:100%}}.crud-modal-form__field-container{text-align:left}
  /*!
   * https://github.com/YouCanBookMe/react-datetime
   */.rdt{position:relative}.rdtPicker{background:#fff;border:1px solid #f9f9f9;box-shadow:0 1px 3px rgba(0,0,0,.1);display:none;margin-top:1px;padding:4px;position:absolute;width:250px;z-index:99999!important}.rdtOpen .rdtPicker{display:block}.rdtStatic .rdtPicker{box-shadow:none;position:static}.rdtPicker .rdtTimeToggle{text-align:center}.rdtPicker table{margin:0;width:100%}.rdtPicker td,.rdtPicker th{height:28px;text-align:center}.rdtPicker td{cursor:pointer}.rdtPicker .rdtTimeToggle:hover,.rdtPicker td.rdtDay:hover,.rdtPicker td.rdtHour:hover,.rdtPicker td.rdtMinute:hover,.rdtPicker td.rdtSecond:hover{background:#eee;cursor:pointer}.rdtPicker td.rdtNew,.rdtPicker td.rdtOld{color:#999}.rdtPicker td.rdtToday{position:relative}.rdtPicker td.rdtToday:before{border-bottom:7px solid #428bca;border-left:7px solid transparent;border-top-color:rgba(0,0,0,.2);bottom:4px;content:"";display:inline-block;position:absolute;right:4px}.rdtPicker td.rdtActive,.rdtPicker td.rdtActive:hover{background-color:#428bca;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.rdtPicker td.rdtActive.rdtToday:before{border-bottom-color:#fff}.rdtPicker td.rdtDisabled,.rdtPicker td.rdtDisabled:hover{background:none;color:#999;cursor:not-allowed}.rdtPicker td span.rdtOld{color:#999}.rdtPicker td span.rdtDisabled,.rdtPicker td span.rdtDisabled:hover{background:none;color:#999;cursor:not-allowed}.rdtPicker th{border-bottom:1px solid #f9f9f9}.rdtPicker .dow{border-bottom:none;width:14.2857%}.rdtPicker th.rdtSwitch{width:100px}.rdtPicker th.rdtNext,.rdtPicker th.rdtPrev{font-size:21px;vertical-align:top}.rdtNext span,.rdtPrev span{-webkit-touch-callout:none;display:block;-webkit-user-select:none;user-select:none}.rdtPicker th.rdtDisabled,.rdtPicker th.rdtDisabled:hover{background:none;color:#999;cursor:not-allowed}.rdtPicker thead tr:first-child th{cursor:pointer}.rdtPicker thead tr:first-child th:hover{background:#eee}.rdtPicker tfoot{border-top:1px solid #f9f9f9}.rdtPicker button{background:none;border:none;cursor:pointer}.rdtPicker button:hover{background-color:#eee}.rdtPicker thead button{height:100%;width:100%}td.rdtMonth,td.rdtYear{cursor:pointer;height:50px;width:25%}td.rdtMonth:hover,td.rdtYear:hover{background:#eee}.rdtCounters{display:inline-block}.rdtCounters>div{float:left}.rdtCounter{height:100px;width:40px}.rdtCounterSeparator{line-height:100px}.rdtCounter .rdtBtn{-webkit-touch-callout:none;cursor:pointer;display:block;height:40%;line-height:40px;-webkit-user-select:none;user-select:none}.rdtCounter .rdtBtn:hover{background:#eee}.rdtCounter .rdtCount{font-size:1.2em;height:20%}.rdtMilli{padding-left:8px;vertical-align:middle;width:48px}.rdtMilli input{font-size:1.2em;margin-top:37px;width:100%}.table-container{background-color:#ffffffae;border-radius:3%;margin:90px auto;max-width:1200px;padding:3%;width:100%}.my-card{width:auto!important}.btn{color:#000!important;font-size:medium!important}.table-claim-responsive{margin-top:20px;width:90%}.table-claim-responsive,.table-claim-responsive-wrapper{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}table.claimRecord tr td{font-size:12px}@media screen and (max-width:768px){table.claimRecord th,table.claimRecord tr td{font-size:12px}}.crud-container{display:flex;flex-direction:column;width:100%}.crud-card{border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s}.col-12{display:flex;justify-content:center}.card-body{padding:20px}.create-title{margin:0}.my-card{margin-top:80px}.form-wrapper{display:flex;justify-content:center;padding-left:25px;padding-right:25px}table{border-collapse:collapse;margin-bottom:20px;margin-top:20px;width:100%}table,td,th{background-color:#fff;border:1px solid #ccc;font-size:16px}td,th{padding:10px;text-align:center}th{background-color:#f2f2f2;font-weight:700}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#1c7430}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#b02a37}.img-thumbnail{max-height:100px;max-width:100px}.btn-create-prize{float:right;margin-bottom:10px}.table-responsive{margin-top:20px;width:90%}.table th{background-color:#f2f2f2;font-weight:700}.table td,.table th{text-align:center}.btn-edit{background-color:#28a745;color:#fff}.btn-edit:hover{background-color:#1c7430}.btn-delete{background-color:#dc3545;color:#fff}.btn-delete:hover{background-color:#b02a37}.product-image{max-height:100px;max-width:100px}.mt-2{margin-top:85px}.btn{background-color:#f1c40f;border-radius:4px;color:#fff;margin:10px;padding:5px;text-decoration:none}.crud-card-body{align-items:center;display:flex;justify-items:center;width:100%}.input_update{margin-bottom:auto!important}.container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.green_btn{background-color:#3bb19b;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:700;outline:none;padding:12px 0;width:180px}.vendor-machine-page{display:flex;flex-direction:column;width:100%}.my-card{min-width:400px}.code-submit:disabled{background-color:gray}@media screen and (max-width:768px){.my-card{min-width:70%}}.modal-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#f8f9fa;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);max-width:700px;padding:20px;position:relative;text-align:center;width:80%}.bonus-calendar{display:flex;flex-direction:column;gap:10px}.bonus-row{display:flex;justify-content:center}.bonus-day{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;font-size:medium;margin:5px;padding:5px;text-align:center;width:100px}.bonus-day.active{background-color:#d3f8d3}.bonus-day.claimed{background-color:#f1f1f1}.stamp{color:green;display:none;font-weight:700;margin-top:5px;opacity:0}.stamp.stamped{-webkit-animation:stampIn .5s ease forwards;animation:stampIn .5s ease forwards;display:block}@-webkit-keyframes stampIn{0%{opacity:0;-webkit-transform:scale(3);transform:scale(3)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes stampIn{0%{opacity:0;-webkit-transform:scale(3);transform:scale(3)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.claim-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px;transition:background .3s}.claim-button:disabled{background-color:#ccc;cursor:not-allowed}.close-button{background:transparent;border:none;color:#333;cursor:pointer;font-size:18px;position:absolute;right:10px;top:10px}@media screen and (max-width:520px){.bonus-day{font-size:small;width:70px}.bonus-title{font-size:x-large}}@media screen and (max-width:359px){.bonus-day{font-size:x-small;width:50px}.bonus-title{font-size:large}}.monitorPage-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.container-monitor-video{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.2);display:flex;flex:1 1 300px;flex-direction:row;max-width:820px;padding:10px}@media (min-width:1200px){.container-monitor-video{flex:1 1 20%}}@media (min-width:992px) and (max-width:1199px){.container-monitor-video{flex:1 1 25%}}@media (min-width:768px) and (max-width:991px){.container-monitor-video{flex:1 1 33%}}@media (max-width:767px){.container-monitor-video{flex:1 1 100%}}@media (max-width:733px){.monitorPage-container{justify-content:start}}