#root.user{max-width:768px;margin:0 auto;padding:0;text-align:center}#root.admin{width:100%;margin:0;padding:0}html,body{margin:0;padding:0;height:100%}body{min-height:100vh;background:none!important}.background{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000!important;background-image:url(/dice_bg.jpeg);background-size:cover;background-repeat:no-repeat;background-position:center;z-index:-1}.topbar{max-width:768px;display:block;position:fixed;top:0;width:100%;height:60px;padding:19px 10px 20px;background:#090979;background:linear-gradient(90deg,#090979,#2424ae 43%,#090979);color:#fff;font-family:Kanit;z-index:999}.topbarAdmin{display:block;position:fixed;top:0;left:0;width:100%;height:60px;padding:19px 10px 20px;background:#090979;background:linear-gradient(90deg,#090979,#2424ae 43%,#090979);color:#fff;font-family:Kanit;z-index:999}.App-nav{padding:14px 12px}.App-nav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:right}.App-nav ul li{display:inline;margin:0 5px}.App-nav ul li a{text-decoration:none;color:#fff;font-size:18px;transition:color .3s}.App-nav ul li.active a{font-weight:700;color:#61dafb}.App-nav ul li a:hover{color:#61dafb}.nav-tabs .nav-link.active{background-color:#f1f1f1;color:#333;border-color:#ddd #ddd #fff}.nav-tabs{border-bottom:none!important}.nav-tabs .nav-link{border:none!important;outline:none!important}.nav-tabs .nav-link.active{border:none;color:#000;background-color:transparent}.nav-tabs .nav-link{border:none;position:relative}.nav-tabs .nav-link:after{content:"";position:absolute;bottom:0;left:0;align-items:center;width:100%;height:4px;background-color:#104f11;opacity:0;transition:opacity .3s ease-in-out}.nav-tabs .nav-link.active:after{opacity:1}.scrollmenu{display:flex;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.scrollmenu .nav-tabs{display:flex;flex-wrap:nowrap}.scrollmenu .nav-item{flex:0 0 auto}.scrollmenu .nav-link{display:inline-block;color:#333;text-align:center;text-decoration:none;margin-right:0}.scrollmenu .nav-link.active{background-color:#f8f9fa;color:#000;border:1px solid #ddd}.scrollmenu::-webkit-scrollbar{display:none}.no-border{border:none!important;border-collapse:collapse}.no-border td,.no-border th{border:none!important}.icon{width:15px;height:10px}.custom-swal-popup{padding:0!important;border:none!important;box-shadow:none!important;background-color:transparent!important}.custom-swal-popup{padding:0!important;border:none!important;box-shadow:none!important;background-color:transparent!important;position:relative}.custom-swal-close-button{position:absolute!important;top:-5px!important;right:5px!important;font-size:1.5rem!important;color:#fff!important}.b_chat{display:block;width:100%;padding:10px;background-color:#eee;font-family:sans-serif;border-radius:10px}.font_normal{font-family:sans-serif}.b_member_online_chat{width:100%;height:387px;overflow-y:scroll;margin-bottom:10px;padding:20px;border:1px solid #ddd!important;background-color:#eeeeee91!important}#online-users-chat{font-family:sans-serif;margin-top:10px;font-size:14px}#chat-box{font-family:sans-serif;font-size:14px;width:100%;height:500px;overflow-y:scroll;margin-bottom:10px;border-radius:10px;border:4px solid #eef4f7!important}#chat-box-admin{font-family:sans-serif;font-size:14px;width:100%;height:1000px;overflow-y:scroll;margin-bottom:10px;border:1px solid #ddd!important}.inputChat{font-family:sans-serif;padding:5px;border-radius:50px!important;margin-top:10px;height:48px!important;background:#eef4f7!important;border:none}.inputChatAdmin{font-family:sans-serif;padding:5px;border-radius:50px!important;margin-top:10px;height:48px!important;background:#fff!important;border:none}.user-message{background-color:#def1e8;color:#1d1d1d;border-radius:20px;padding:5px 15px;margin:5px;max-width:60%;float:right;clear:both}.admin-message{background-color:#ffe9eb;color:#1d1d1d;border-radius:20px;padding:5px 15px;margin:5px;max-width:60%;float:left;clear:both}.b_login{width:330px;padding:20px;background-color:#b5b5b52d;border-radius:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:3px 3px 10px 2px #0000005b}.text_input_login{border:1px solid #fff;background-color:#fff;outline:none;border-radius:100px;padding:8px 8px 8px 50px;margin-top:10px;width:100%}.icon_username,.icon_password{position:absolute;font-size:20px;margin-top:21px;margin-left:20px;border-right:1px solid #ccc;padding-right:7px}.btn_login{margin-top:0;border:2px solid #fff;border-radius:100px;padding:7px;width:120px;text-align:center;background:none;color:#fff}.fa-stack{position:relative;display:inline-block;width:auto;height:auto;line-height:1;vertical-align:middle}.signal-container{display:flex;align-items:flex-end;gap:4px}.signal-bar{width:4px;height:20px;background-color:#ccc;border-radius:1px;transition:background-color .3s,height .3s}.signal-bar.active{background-color:green}.signal-container .signal-bar:nth-child(1).active{height:5px}.signal-container .signal-bar:nth-child(2).active{height:10px}.signal-container .signal-bar:nth-child(3).active{height:15px}.signal-container .signal-bar:nth-child(4).active{height:20px}.signal-status{margin-left:0;font-size:12px;color:#fff;margin-top:8px}.color-box{display:inline-block;width:35px;text-align:center;line-height:20px;color:#fff;border-radius:0;font-size:11px;font-weight:700;padding:0 5px}.white-box{background-color:#fff;color:#000;border:1px solid #ddd}.green-box{background-color:green;border:1px solid #ddd}.yellow-box{background-color:#ff0;color:#000;border:1px solid #ddd}.red-box{background-color:red;border:1px solid #ddd}.radio-inline{display:flex;align-items:center;gap:10px}.menu-bar{z-index:998}.custom-dropdown{background-color:#333!important;color:#fff!important;border:1px solid #555;border-radius:10px!important;z-index:9999!important}.custom-dropdown .dropdown-item{color:#fff!important;font-size:14px;padding:5px 20px 5px 10px!important}.custom-dropdown .dropdown-item:hover{background-color:#444!important}.b_list{width:100%;padding:5px;background-color:#eee;margin-bottom:10px;border-radius:5px;border:2px solid #ccc}.kanitFont{font-family:Kanit}.withdraw-item{transition:background-color .1s ease,color .1s ease}.withdraw-item.selected{background-color:#ff0!important;color:#000!important}.deposit-item{transition:background-color .1s ease,color .1s ease}.deposit-item.selected{background-color:#ff0!important;color:#000!important}.btn_navbar{padding:2px 5px!important;font-size:14px!important}.icon_nav{font-size:12px}.btn_reload{outline:none!important;border:none;color:#fff!important;padding:2px 4px!important;border-radius:5px;cursor:pointer;font-size:13px!important;transition:all .1s ease-in-out}.btn_reload:active{box-shadow:inset 0 2px 5px #20202070}.btn_reload:focus,.btn_reload:focus-visible{outline:none!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{display:inline-block;animation:spin 2s linear infinite}.active-link{font-weight:700;color:#ff0!important;border-bottom:2px solid yellow;background-color:#ffffff1a}.menu-item{display:flex;align-items:center;text-decoration:none;color:#fff;padding:5px 10px;border-radius:2px;transition:all .2s ease}.menu-item:hover{text-decoration:none;color:#ccc;padding:5px 10px}.chat-notification-icon{position:absolute;right:-8px;top:5px;font-size:13px;animation:pulse 1s infinite alternate}@keyframes pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(1.3);opacity:1}}@keyframes flashLive{0%,to{opacity:1}50%{opacity:.4}}html,body{background-color:#fff;margin:0;padding:0;height:100%}.menu-bar{display:flex;background:#001f61;top:0;left:0;width:100%;padding:5px 10px;align-items:center;font-size:14px}