@import "https://use.fontawesome.com/releases/v5.0.10/css/all.css";
#infoc {
width: 300px;
height: 150px;
margin-left: auto;
margin-right: auto;
display: block;
margin-top: 50%;
text-align: center;
}
.mailster-_gdpr-wrapper{
display:none;
}
.bgdiv{
width: 100%;
height: 100%;
position: absolute;
}
.bgpng {
position: absolute;
left: 0px;
width: 100%;
height: 100%;
}
.tml-login {
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
.poker-table {
background-repeat: no-repeat;
height: 411px;
width: 765px;
}
.seat {
height: 150px;
position: absolute;
width: 120px;
}
#button {
height: 19px;
position: absolute;
width: 19px;
border: 1px dashed #fff;
border-radius: 50%;
background: red;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 10px;
}
.name-chips {
background: rgb(200,  200,  200,  0.5);
border: 1px solid rgb(0,  0,  0, 0.1);
border-radius: 3px;
color: white;
font-size: 14px;
height: 50px;
position: absolute;
text-align: center;
top: 72px;
width: 118px;
text-shadow: 0 0 1px rgba(0, 0, 0, 1);
}
.player-name {
width: 100%;
border-radius: 2px 2px 0px 0px;
}
.player-name2 {
width: 100%;
border-radius: 2px 2px 0px 0px;
}
.card {
background-image: url('../images/cardback.png');
background-size: 100%;
border-radius: 3px;
height: 87px;
width: 60px;
background-repeat:no-repeat;
}
.holecards {
float: left;
height: 89px;
position: absolute;
top: -15px;
width: 122px;
}
.holecard1 {
left: 0px;
position: absolute;
}
.holecard2 {
left: 60px;
position: absolute;
}
.bet {
color: white;
font-size: 10px;
left: 0px;
position: absolute;
text-align: center;
width: 120px;
}
#seat0 {
left: 650px;
top: 165px;
}
.seat0-button {
left: 640px;
top: 237px;
}
#seat0 .bet {
top: 107px;
}
#seat1 {
left:  0px;
top: 165px;
}
.seat1-button {
left: 109px;
top: 237px;
}
#seat1 .bet {
top: 107px;
}
#seat2 {
left: 146px;
top: 14px;
}
.seat2-button {
left: 255px;
top: 87px;
}
#seat2 .bet {
top: 107px;
}
#seat3 {
left: 322px;
top: 14px;
}
.seat3-button {
left: 310px;
top: 87px;
}
#seat3 .bet {
top: 107px;
}
#seat4 {
left: 496px;
top: 14px;
}
.seat4-button {
left: 486px;
top: 87px;
}
#seat4 .bet {
top: 107px;
}
#seat5 {
left: 146px;
top: 310px;
}
.seat5-button {
left: 135px;
top: 382px;
}
#seat5 .bet {
top: 107px;
}
#seat6 {
left: 496px;
top: 310px;
}
.seat6-button {
left: 485px;
top: 382px;
}
#seat6 .bet {
top: 107px;
}
#seat7 {
left: 322px;
top:  310px;
}
.seat7-button {
left: 312px;
top:  382px;
}
#seat7 .bet {
top: 107px;
}
#board {
left: 228px;
position: absolute;
top: 162px;
width: 308px;
height: 87px;
border-radius: 3px;
}
#pot {
color: white;
font-size: 12px;
left: 255px;
position: absolute;
text-align: center;
top: 140px;
width: 250px;
}
.totpot {
}
.boardcard {
height: 87px;
left: 0;
position: absolute;
top: 0px;
width: 60px;
}
#flop1 {
}
#flop2 {
left: 62px;
}
#flop3 {
left: 124px;
}
#turn {
left: 186px;
}
#river {
left: 248px;
}
#action-options {
left: 640px;
position: absolute;
top: 382px;
text-align: center;
}
.action-button {
border-radius: 3px;
color: #dddddd;
cursor: pointer;
font-size: 20px;
padding: 10px 10px 10px 10px;
position: absolute;
width: 64px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
}
#setup-options {
position: absolute;
top: -40px;
}
.setup-button {
background-color: rgb(178, 34, 34, 0.7);
border-radius: 3px;
color: white;
cursor: pointer;
font-size: 10px;
left: 0px;
padding: 5px 5px 5px 3px;
position: absolute;
text-align: left;
width: 110px;
height: 12px;
border: 1px solid rgb(178, 34, 34, 1);
top: -30px;
}
#speed-button {
cursor: default;
position: absolute;
left: 88px;
}
#name-button {
cursor: default;
left: 44px;
position: absolute;
}
#name img {
width: 18px;
}
#speed-selector {
display: -webkit-inline-box;
}
#speed-options select {
background-color: gray;
background: unset;
border-radius: 4px;
border: none;
cursor: pointer;
position: absolute;
right: 0px;
top: 1px;
width: 40px;
}
.selects {
z-index: 9999999999;
font-size: 12px;
text-align: center;
background: unset;
color: #dddddd;
-webkit-border-radius: 3px;
-webkit-appearance: none;
border: 0;
outline: 0;
-webkit-transition: .3s ease all;
-moz-transition: .3s ease all;
-ms-transition: .3s ease all;
-o-transition: .3s ease all;
transition: .3s ease all;
}
#mode-button {
position: absolute;
}
#flags {
top: -60px;
}
#flags2 {
display: inline-block;
width: 120px;
}
#history {
border-color: black;
border-radius: 4px;
border-style: solid;
border-width: 1px;
font-size: 10px;
height: 600px;
left: 50px;
position: absolute;
top: 600px;
width: 400px;
}
#game-response {
border: none;
color: black;
text-align: center;
max-width: 500px;
background: rgb(200,  200,  200,  0.7);
border-radius: 3px;
display: inline-block;
padding: 3px;
font-size: 12px !important;
}
#gameponse {
left: 140px;
position: absolute;
top: 256px;
width: 480px;
text-align: center;
}
#total-pot{
background: rgb(200,  200,  200,  0.7);
max-width: 300px;
display: inline-block;
padding: 2px;
border-radius: 3px;
}
.response-normal {
background-color: transparent;
}
.response-warning {
background-color: #FF0000;
}
#fold-button {
background-color: rgb(255, 0, 0, 0.7);
border: 1px solid rgb(255, 0, 0, 0.7);
}
#fold-button:hover {
border: 1px solid #ffffff;
background-color: #FF0000;
color: #ffffff;
}
#call-button {
left: 103px;
background-color: rgb(0, 128, 0, 0.7);
border: 1px solid rgb(0, 128, 0, 0.7);
}
#call-button:hover {
border: 1px solid #ffffff;
background-color: #008000;
color: #ffffff;
}
#raise-button {
left: 204px;
background-color: rgb(0, 128, 0, 0.7);
border: 1px solid rgb(0, 128, 0, 0.7);
}
#raise-button:hover {
border: 1px solid #ffffff;
background-color: #008000;
color: #ffffff;
}
#quick-raises {
color: #dddddd;
left: 650px;
position: absolute;
top: 300px;
font-size: 12px;
width: 280px;
}
#quick-raises a:link {
color: #dddddd;
text-decoration: none;
}
#quick-raises a:hover {
color: #ffffff;
}
#raiseB0 {
background-color: rgb(1, 105, 1);
float: left;
border: 3px dashed rgb(255, 255, 255);
width: 44px;
height: 44px;
border-radius: 50%;
-webkit-border-radius: 50%; 
-moz-border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-left: -10px;
box-shadow: 0 0 1px 0px rgb(0, 0, 0, 0.9), 0 0 1px 0 rgb(0, 0, 0, 0.7) inset;
}
#raiseB1 {
background-color: rgb(33, 105, 79, 1);
float: left;
border: 3px dashed rgb(255, 255, 255);
width: 44px;
height: 44px;
border-radius: 50%;
-webkit-border-radius: 50%; 
-moz-border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-left: -10px;
box-shadow: 0 0 1px 0px rgb(0, 0, 0, 0.9), 0 0 1px 0 rgb(0, 0, 0, 0.7) inset;
}
#raiseB2 {
background-color: rgb(39, 72, 109, 1);
float: left;
border: 3px dashed rgb(255, 255, 255);
width: 44px;
height: 44px;
border-radius: 50%;
-webkit-border-radius: 50%; 
-moz-border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-left: -10px;
box-shadow: 0 0 1px 0px rgb(0, 0, 0, 0.9), 0 0 1px 0 rgb(0, 0, 0, 0.7) inset;
}
#raiseB3 {
background-color: rgb(21, 57, 73, 1);
float: left;
border: 3px dashed rgb(255, 255, 255);
width: 44px;
height: 44px;
border-radius: 50%;
-webkit-border-radius: 50%; 
-moz-border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-left: -10px;
box-shadow: 0 0 1px 0px rgb(0, 0, 0, 0.9), 0 0 1px 0 rgb(0, 0, 0, 0.7) inset;
}
#raiseB4 {
background-color: rgb(34, 31, 75, 1);
float: left;
border: 3px dashed rgb(255, 255, 255);
width: 44px;
height: 44px;
border-radius: 50%;
-webkit-border-radius: 50%; 
-moz-border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-left: -10px;
}
#raiseB5 {
background-color: rgb(0, 23, 87, 1);
float: left;
border: 3px dashed rgb(255, 255, 255);
width: 44px;
height: 44px;
border-radius: 50%;
-webkit-border-radius: 50%; 
-moz-border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-left: -10px;
box-shadow: 0 0 1px 0px rgb(0, 0, 0, 0.9), 0 0 1px 0 rgb(0, 0, 0, 0.7) inset;
}
#raiseB0:hover {
border: 3px dashed rgb(255, 255, 255);
background-color: #008000;
transform: rotate( 360deg );            
transition: transform 250ms ease;
}
#raiseB1:hover {
border: 3px dashed rgb(255, 255, 255);
background-color: rgb(40, 124, 94);
transform: rotate( 360deg );            
transition: transform 250ms ease;
}
#raiseB2:hover {
border: 3px dashed rgb(255, 255, 255);
background-color: rgb(53, 93, 138, 1);
transform: rotate( 360deg );            
transition: transform 250ms ease;
}
#raiseB3:hover {
border: 3px dashed rgb(255, 255, 255);
background-color: rgb(31, 83, 106);
transform: rotate( 360deg );            
transition: transform 250ms ease;
}
#raiseB4:hover {
border: 3px dashed rgb(255, 255, 255);
background-color: rgb(59, 54, 125);
transform: rotate( 360deg );            
transition: transform 250ms ease;
}
#raiseB5:hover {
border: 3px dashed rgb(255, 255, 255);
background-color: rgb(1, 34, 124);
transform: rotate( 360deg );            
transition: transform 250ms ease;
}
#raiseall {
float: left;
background-color: rgb(64, 0, 0);
border: 3px dashed rgb(255, 255, 255);
width: 44px;
height: 44px;
border-radius: 50%;
-webkit-border-radius: 50%; 
-moz-border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-left: -10px;
box-shadow: 0 0 1px 0px rgb(0, 0, 0, 0.9), 0 0 1px 0 rgb(0, 0, 0, 0.7) inset;
}
#raiseall:hover {
border: 3px dashed rgb(255, 255, 255);
background-color: rgba(40, 40, 40, 1);
transform: rotate( 360deg );            
transition: transform 250ms ease;
}
#modal-box {
background-color: silver;
display: none;
font-size: 22px;
height: 100%;
left: 0px;
overflow: auto;
position: fixed;
text-align: center;
top: 0px;
width: 100%;
z-index: 1;
}
#modal-box a:link {
color: white;
text-decoration: none;
}
#modal-box a:hover {
color: white;
text-shadow: 3px 3px 4px #000000;  
}
.playersl { 
width: 200px;
height: 200px;
border: 1px #ac0012 solid;
border-radius: 3px;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
padding: 5px 10px 5px 10px;
text-align: center;
top: 30%;
position: relative;
background-color: rgb(255, 8, 8, 0.7);
}
.playerstxt {
display: inline-block;
top: 25%;
position: relative;
color: rgb(255, 255, 255, 0.7);
font-size: 40px;
margin-top: 20px;
}
.logodiv {
position: absolute;
left: 640px;
top: 0px;
width: 292px;
}
.logo {
width: 120px;
}
.losertxt {
top: 40%;
position: absolute;
width: 100%;
color: #fff;
left: 0px;
}
.losertxtbutton {
top: 50%;
position: absolute;
width: 100%;
text-align: center;
}
.goback {
float: right;
}
.backimg {
width: 35px;
}
.help {
font-size: 12px;
padding: 20px;
width: 90%;
background-color: rgba(87, 47, 1, 0.6);
border: 1px solid #5b0000;
color: #dddddd;
margin-left: auto;
margin-right: auto;
border-radius: 7px;
margin-bottom: 30px;
}
.index {
color: rgb(255, 255, 255, 0.7);
text-align: center;
top: 45%;
position: relative;
transform: translateY(-40%);
width: 90%;
margin-left: auto;
margin-right: auto;
}
.backto {
position: relative;
text-align: center;
top: 60%;
color: rgb(255, 255, 255, 0.7);
font-size: 14px;
display: inline-block;
opacity: 0.7;
}
.nocimg {
margin: 20px;
}
.tou{
font-size: 14px;
padding: 20px;
width: 90%;
background-color: rgba(87, 47, 1, 0.6);
border: 1px solid #5b0000;
color: #dddddd;
margin-left: auto;
margin-right: auto;
border-radius: 7px;
}
.nocondiv{
font-size: 14px;
padding: 20px;
width: 70%;
background-color: rgba(87, 47, 1, 0.6);
border: 1px solid #5b0000;
color: #dddddd;
margin-left: auto;
margin-right: auto;
border-radius: 7px;
margin-bottom: 30px;
top: 70px;
}
frame {
max-width: 100% !important;
}
#footer {
width: 100%;
text-align: center;
font-size: 10px !important;
color: rgb(255, 255, 255, 0.7);
padding: 20px 0px 0px 0px;
display: inline-block;
}
.transbox2{
color: rgb(255, 255, 255, 0.7);
text-decoration: underline;
font-style: italic;
text-align: center;
-webkit-border-radius: 3px;
-webkit-appearance: none;
border: 0;
outline: 0;
-webkit-transition: .3s ease all;
-moz-transition: .3s ease all;
-ms-transition: .3s ease all;
-o-transition: .3s ease all;
transition: .3s ease all;
background-color: unset;
margin-left: 10px;
}
#chart{visibility:hidden;}.transbox{z-index:9999999999;font-size:10px;text-align:center;background-color: rgb(178, 34, 34, 0.0);color: #dddddd;-webkit-border-radius:3px;-webkit-appearance:none;border:0;outline:0;-webkit-transition: .3s ease all;-moz-transition: .3s ease all;-ms-transition: .3s ease all;-o-transition: .3s ease all;transition: .3s ease all}#blue{background-color: #3498db}#blue:hover{background-color:#2980b9}select:focus, select:active{border:0;outline:0}.u-full-width{-webkit-appearance:none}#goog-gt-tt {display:none !important;}.goog-te-banner-frame{display:none !important;}.goog-te-menu-value:hover {text-decoration:none !important;}.goog-text-highlight{background-color:transparent !important;box-shadow:none !important;}#google_translate_element2 {display:none!important;}#google_translate_element{width:300px;float:right;text-align:right;display:block}.goog-te-banner-frame.skiptranslate{display:none !important}#goog-gt-tt{display:none !important;top:0px !important}.goog-tooltip skiptranslate{display:none !important;top:0px !important}.activity-root{display:hide !important}.status-message{display:hide !important}.started-activity-container{display:hide !important}#outputl{font-size:10px;width:110px}
.box {
width: 40%;
margin: 0 auto;
background: rgb(255,255,255,0.2);
padding: 35px;
border: 2px solid #fff;
border-radius: 20px/50px;
background-clip: padding-box;
text-align: center;
}
.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgb(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
z-index: 99999999999999;
}
.overlay:target {
visibility: visible;
 opacity: 1;
}
.popup {
margin: 70px auto;
padding: 0px;
background: #fff;
border-radius: 5px;
width: 70%;
position: relative;
transition: all 5s ease-in-out;
}
.popup h2 {
margin-top: 0;
color: #333;
font-family: sans-serif;
text-align: center;
}
.popup .close {
position: absolute;
top: 0px;
right: 10px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #333;
}
.popup .close:hover {
color: #06D85F;
}
.popup .content {
max-height: 30%;
overflow: auto;
}
.bonusdiv{
color: #dddddd;
text-align: center;
width: 120px; 
font-size: 12px;
justify-content: center;
align-items: center;
border-radius: 3px;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
margin-bottom: 17px;
}
.bonus{
background-color: rgb(0, 128, 0, 0.7);
border: 0.5px solid rgb(0, 105, 0, 1);
border-radius: 3px;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
height: 26px;
display: flex;
justify-content: center;
align-items: center;
}
@keyframes glow { from { box-shadow: 0 0 5px -5px #c46363; } to { box-shadow: 0 0 5px 5px #f5adad; }}
#clickCounter{
color: #dddddd;
background-color: rgba(255, 0, 0, 1);
height: 25px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.bonusl{
text-decoration: none;
animation: blink 2.5s linear infinite alternate 2.5s;
}
.container {
position: relative;
}
.rafflebox {
  z-index: 55;
  height: 200px;
  width: 100%;
  background: #f2f2f2;
  overflow: hidden;
  box-shadow: inset 0px 2px 31px 10px rgb(0, 0, 0, 0.5);
  border-radius: 5px;
  -webkit-border-radius: 5px; 
-moz-border-radius: 5px;
}
.rafflebox .pointer {
  z-index: 50;
  width: 1px;
  height: 190px;
  border: 1px solid gold;
  background-color: gold;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.rafflebox .boxwrapper {
  width: 100%;
  height: 100%;
  margin: 0 18px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
}
.rafflebox .boxwrapper .giftwrapper {
  list-style-type: none;
  position: absolute;
}
.rafflebox .boxwrapper .giftwrapper .gift {
  z-index: 40;
  display: block;
  float: left;
  margin: 25px 3px;
  height: 125px;
  width: 125px;
  overflow: hidden;
  color: white;
}
.rafflebox .boxwrapper .giftwrapper .gift img {
  width: 100%;
  height: 100%;
}
.buttonss {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 12px 24px;
  border: 1px solid #a12727;
  border-radius: 8px;
  -webkit-border-radius: 8px; 
-moz-border-radius: 8px;
  background: #ff4a4a;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
  background: linear-gradient(to bottom, #ff4a4a, #992727);
  text-shadow: #591717 1px 1px 1px;
  font: normal normal bold 20px arial;
  color: #ffffff;
  text-decoration: none;
  position: absolute;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 9999999;
}
.buttonss:hover,
.buttonss:focus {
  background: #ff5959;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
  background: linear-gradient(to bottom, #ff5959, #b62f2f);
  color: #ffffff;
  text-decoration: none;
}
.buttonss:active {
  background: #982727;
  background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
  background: linear-gradient(to bottom, #982727, #982727);
}
.buttonss:before {
  content: "\0000a0";
  display: inline-block;
  height: 24px;
  width: 24px;
  line-height: 24px;
  margin: 0 4px -6px -4px;
  position: relative;
  top: 0px;
  left: 0px;
}
.blink {
color:yellow;
}
@keyframes blink { 33% { color:yellow; } 33% { color:red; } 33% { color:orange; } }
input[type=range] { -webkit-appearance: none; margin: 15px 0; width: 100%; }
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #E39530;
  border-radius: 0px;
  border: 0px solid #000000;
}
input[type=range]::-moz-slider-runnable-track {
   -webkit-appearance: none;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #E39530;
  border-radius: 0px;
  -webkit-border-radius: 0px; 
-moz-border-radius: 0px;
  border: 0px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #FFFFFF;
  border: 0px solid #E3E3E3;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px; 
-moz-border-radius: 10px;
  background: #FFA938;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
input[type=range]:focus::-webkit-slider-runnable-track { background: #E39530; }
input[type=range]::-moz-range-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #E39530;
  border-radius: 0px;
    -webkit-border-radius: 0px; 
-moz-border-radius: 0px;
  border: 0px solid #000000;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #FFFFFF;
  border: 0px solid #E3E3E3;
  height: 10px;
  width: 10px;
  border-radius: 10px;
    -webkit-border-radius: 10px; 
-moz-border-radius: 10px;
  background: #FFA938;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #E39530;
  border: 0px solid #000000;
  border-radius: 0px;
    -webkit-border-radius: 0px; 
-moz-border-radius: 0px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-fill-upper {
  background: #E39530;
  border: 0px solid #000000;
  border-radius: 0px;
    -webkit-border-radius: 0px; 
-moz-border-radius: 0px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 0px 0px 0px #FFFFFF;
  border: 0px solid #E3E3E3;
  height: 10px;
  width: 10px;
  border-radius: 10px;
    -webkit-border-radius: 10px; 
-moz-border-radius: 10px;
  background: #FFA938;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #E39530;
}
input[type=range]:focus::-ms-fill-upper {
  background: #E39530;
}
.BankAm {
position: absolute;
color: yellow;
min-width: 100px;
top: -16px;
font-size: 11px;
margin-top: 10px;
}
.BankbtP {
font-size: 10px;
float: left;
-webkit-appearance: none;
background-color: unset;
border: 1px solid #ff8f00;
border-radius: 3px;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
margin-right: 5px;
color: white;
padding: 2px;
}
.BankbtM {
font-size: 10px;
float: left;
-webkit-appearance: none;
background-color: unset;
border: 1px solid #ff8f00;
border-radius: 3px;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
color: white;
padding: 2px;
}
.BankSys{
font-size: 12px;
background-color: rgb(178, 34, 34, 0.7);
text-align: center;
border: 1px solid rgb(178, 34, 34, 1);
border-radius: 3px;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
color: yellow;
padding: 5px;
}
#printP{
font-size: 12px;
}
.clct{
width: 140px;
height: 25px;
border: 1px solid rgba(255, 0, 0, 0.7);
position: absolute;
top: -40px;
left: 0px;
border-radius: 3px;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
background-color: rgba(255, 0, 0, 0.5);
}
.Bankdiv{
position:relative; margin:auto; width:100%; display: inline-block;
}
.BankPD{
border: 1px solid red;
width: 55%;
float: right;
padding: 2px;
border-radius: 4px;
-webkit-border-radius: 4px; 
-moz-border-radius: 4px;
text-align: center;
}
.nocon{
text-align: center;
margin: 20px 0px 20px 0px;
}
.nocon{
text-align: center;
margin: 20px 0px 20px 0px;
}
.nocon1{
}
#rotate {
display: none;
}
#info { display: none; }
#scaleR {
width: 1px;
background-color: rgb(255, 0, 0);
position: absolute;
height: 12px;
top: 13px;
font-size: 12px;
color: rgb(255, 0, 16, 0.7);
display: flex;
justify-content: center;
align-items: center;
}
.scaleR:after {
content: "1K";
left: 9px;
position: absolute;
color: #dddddd;
}
#book{
width: 100px;
height: 30px;
color: #c4ff00;
position: absolute;
visibility: hidden;
}
.SetN0 {
position: absolute;
z-index: 1;
left: 30px;
}
.ADDP {
border-radius: 60px;
height: 60px;
width: 60px;
background-color: rgb(0, 128, 0);
border: 1px dotted rgb(0, 128, 0, 0.7);
font-size: 30px;
color: #fff;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.Mute {
float: left;
background-color: rgb(178, 34, 34, 0.7);
border: 1px solid rgb(255, 0, 0, 0.7);
width: 32px;
height: 32px;
border-radius: 50%; 
-webkit-border-radius: 50%; 
-moz-border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-left: 10px;
}
.Mute img {
width: 18px;
}
.Menux {
float: left;
background-color: rgb(178, 34, 34, 0.7);
border: 1px solid rgb(255, 0, 0, 0.7);
width: 32px;
height: 32px;
border-radius: 50%;
-webkit-border-radius: 50%; 
-moz-border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.Menux img {
width: 18px;
}
#MenuX {
float: left;
}
#FXB {
position: absolute;
top: 400px;
}
.Menu {
background-color: rgb(178, 34, 34, 0.7);
min-width: 870px;
height: 60px;
position: absolute;
top: 450px;
visibility: hidden;
display: flex;
align-items: center;
padding: 0px 30px 0px 30px;
}
.mbtn {
margin-right: 20px;
width: 80px;
height: 35px;
font-size: 10px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
border-radius: 3px;
}
.mbtn1 {
background-color: rgb(255, 0, 0, 0.7);
border: 1px solid rgb(255, 0, 0, 0.7);
}
.mbtn2 {
background-color: rgb(255, 0, 79, 0.7);
border: 1px solid rgb(255, 0, 151, 0.7);
}
.mbtn3 {
background-color: rgb(73, 38, 252, 0.7);
border: 1px solid rgb(89, 70, 255, 0.7);
}
.mbtn4 {
background-color: rgb(29, 0, 167, 0.7);
border: 1px solid rgb(21, 5, 167, 0.7);
}
.Menux1 {
background-color: rgb(178, 34, 34, 0.7);
}
.gpoints {
width: 120px;
height: 136px;
position: absolute;
left: 785px;
top: 120px;
font-size: 12px;
text-shadow: 0 0 1px rgba(0, 0, 0, 1);
}
.g2kb {
color: #dddddd;
background-color: rgb(33, 105, 79, 0.7);
border: 0.5px solid rgb(0, 89, 33, 1);
width: 120px;
height: 26px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 3px;
margin-bottom: 17px;
}
.bcoin {
background-color: rgb(33, 105, 79, 1);
border: 2px dashed rgb(255, 255, 255);
width: 28px;
height: 28px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
left: 112px;
position: absolute;
box-shadow: 0 0 1px 0px rgb(0, 0, 0, 0.9), 0 0 1px 0 rgb(0, 0, 0, 0.7) inset;
}
.g2kb2 {
color: #dddddd;
background-color: rgb(21, 57, 73, 0.7);
border: 0.5px solid rgba(79, 88, 108, 0.7);
width: 120px;
height: 26px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 3px;
margin-bottom: 17px;
}
.g10kb {
color: #dddddd;
background-color: rgb(24, 24, 24, 0.7);
border: 0.5px solid rgb(106, 106, 106, 0.7);
width: 120px;
height: 26px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 3px;
margin-bottom: 17px;
}
.bcoin2 {
background-color: rgb(21, 57, 73);
border: 2px dashed rgb(255, 255, 255);
width: 28px;
height: 28px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
left: 112px;
position: absolute;
box-shadow: 0 0 1px 0px rgb(0, 0, 0, 0.9), 0 0 1px 0 rgb(0, 0, 0, 0.7) inset;
}
.bcoin3 {
background-color: rgb(0, 128, 0);
border: 2px dashed rgb(255, 255, 255);
width: 28px;
height: 28px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
left: 112px;
top: -2px;
position: absolute;
box-shadow: 0 0 1px 0px rgb(0, 0, 0, 0.9), 0 0 1px 0 rgb(0, 0, 0, 0.7) inset;
}
.bcoin4 {
background-color: rgb(42, 42, 42);
border: 2px dashed rgb(255, 255, 255);
width: 28px;
height: 28px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
left: 112px;
position: absolute;
box-shadow: 0 0 1px 0px rgb(0, 0, 0, 0.9), 0 0 1px 0 rgb(0, 0, 0, 0.7) inset;
}
.g2kb2:hover {
background-color: rgb(31, 83, 106);
}
.g10kb:hover {
background-color: rgb(40, 40, 40, 1);
}
.g2kb:hover {
background-color: rgb(33, 105, 79);
}
.bonusdiv:hover {
background-color: rgb(0, 128, 0, 1);
}
.ruler {
 position: relative;
color: #dddddd;
z-index: -1;
left: -1px;
}
.ruler .cm {
 position: absolute;
 border-left: 1px solid rgb(255, 0, 0);
 height: 14px;
 width: 10px;
}
.ruler .cm:after {
 position: absolute;
 bottom: -15px;
 font: 7px/1 sans-serif;
}
.ruler .cm:nth-of-type(1) {
 left: 0%;
  border-left: none;
}
.ruler .cm:nth-of-type(1):after {
}
.ruler .cm:nth-of-type(2) {
 left: 10%;
}
.ruler .cm:nth-of-type(2):after {
}
.ruler .cm:nth-of-type(3) {
 left: 20%;
}
.ruler .cm:nth-of-type(3):after {
}
.ruler .cm:nth-of-type(4) {
 left: 30%;
}
.ruler .cm:nth-of-type(4):after {
}
.ruler .cm:nth-of-type(5) {
 left: 40%;
}
.ruler .cm:nth-of-type(5):after {

}
.ruler .cm:nth-of-type(6) {
 left: 50%;
}
.ruler .cm:nth-of-type(6):after {
}
.ruler .cm:nth-of-type(7) {
 left: 60%;
}
.ruler .cm:nth-of-type(7):after {
}
.ruler .cm:nth-of-type(8) {
 left: 70%;
}
.ruler .cm:nth-of-type(8):after {
}
.ruler .cm:nth-of-type(9) {
 left: 80%;
}
.ruler .cm:nth-of-type(9):after {
}
.ruler .cm:nth-of-type(10) {
 left: 90%;
}
.ruler .cm:nth-of-type(10):after {
}
.ruler .cm:nth-of-type(11) {
 left: 100%;
   border-left: none;
}
.ruler .cm:nth-of-type(11):after {
}
@media all and (orientation:portrait) {
#info {
display: block;
width: 100%;
height: 100%;
background: #c61414;
position: absolute;
z-index: 99999999999999999;
top: -8px !important;
}
.index {
color: rgb(255, 255, 255, 0.7);
text-align: center;
top: 10%;
position: absolute;
width: 100%;
transform: translateY(-10%);
}}
.raiseBr {
border-radius: 50%;
width: 30px;
height: 30px;
border: 1px dotted rgb(255, 255, 255);
display: flex;
justify-content: center;
align-items: center;
}
.chr {
border-radius: 50%;
width: 20px;
height: 20px;
border: 0.5px dotted rgb(255, 255, 255);
display: flex;
justify-content: center;
align-items: center;
font-size: 10px;
}
.ShC {
top: -60px;
position: absolute;
border: 1px solid #fff;
color: #fff;
border-radius: 2px;
font-size: 10px;
padding: 4px;
}
#giftpic {
top: -7px;
left: 110px;
position: absolute;
}
#giftpic img{
width: 37px;
height: 37px;
}
.tablepng {
z-index: 9999999999;
font-size: 10px;
text-align: center;
background-color: rgb(178, 34, 34, 0.0);
color: #dddddd;
-webkit-border-radius: 3px;
-webkit-appearance: none;
border: 0;
outline: 0;
-webkit-transition: .3s ease all;
-moz-transition: .3s ease all;
-ms-transition: .3s ease all;
-o-transition: .3s ease all;
transition: .3s ease all;
}
#sociallocker {
text-align: center;
width: 120px;
height: 27px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: 3px;
position: absolute;
left: 650px;
top: 80px;
}
#sociallocker-overlay {
	background-color: rgba(0,0,0,0.6);
	font-size: 12px;
	color: #dddddd;
	transition: all 0.2s ease;
}
#sociallocker-overlay i {
	margin-right: 10px;
}
#sociallocker:hover #sociallocker-overlay {
	top: -100%;
	transition: all 0.2s linear;
}
#sociallocker:hover #sociallocker-content {
	top: 100%;
	transition: all 0.2s linear;
}
#sociallocker-content a {
display: inline-block;
text-decoration: none;
background-color: #c0a000;
color: #dddddd;
border-radius: 3px;
width: 120px;
height: 27px;
display: flex;
align-items: center;
justify-content: center;
}
#sociallocker-overlay,
#sociallocker-content,
#sociallocker-links {
	position: absolute;
	width: 120px;
	height: 27px;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
}
#sociallocker-content {
	top: 0p !important;
	background-color: #ccc;
	transition: all 0.2s ease;
}
.social-1 {
	text-decoration: none;
    color: #ffffff;
    display: inline-block;
    width: 25px;
    height: 25px;
    overflow: hidden;
	margin-right: 5px;
	border-radius: 50%;
}
.social-1 i {
	display: flex;
  	align-items: center;
  	justify-content: center;
    height: 100%;
}
.social-1:hover i {
	background-color: rgba(0,0,0,0.1);
    transform: scale(1.2);
    transition: all 0.2s;
}
.fb { background-color: #4561A8; }
.tw { background-color: #17ADEA; }
.wa { background-color: #00820a; }
.in { background-color: #1679B1; }
.pi { background-color: #D9303C; }
 .su { background-color: #00820a; }
.gamem1 {
font-size: 16px;
color: white;
width: 100px;
height: 120px;
border: 1px #ff041e solid;
display: flex;
justify-content: center;
align-items: center;
float: left;
margin: 20px;
background-color: rgb(255, 8, 8, 0.7);
border-radius: 5px;
}
.gamem1:hover {
text-shadow: 3px 3px 4px #000000;
background-color: rgba(255,   8,   8, 0.76);
}
.gamem {
text-align: center;
display: inline-block; }
.gamtxt {
}
.gamem img {
width: 60px;
margin: 10px;
}
#mainContainer{
position: absolute;
z-index: 9999999999;
min-width: 940px;
min-height: 440px;
top: 0px;
left: -5px;
display: none;
}
.modmenu {
font-size: 30px;
color: rgb(255, 255, 255, 0.7);
}
#closead{
font:normal 12px arial;
cursor:pointer;
padding:10px;
background-color: #999999;
width:15px;
position: absolute;
top: 0px;
right: 0px;
height: 15px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
}
#content_video{
height: 435px;
left: 0px;
top: 0px;
object-fit: initial;
width: 935px;
}
.tml-field {
margin-bottom: 5px;
width: 240px;
height: 25px;
border-radius: 3px;
font-size: 16px;
padding-left: 10px;
background-color: rgba(255, 19, 0, 0.70);
border: 1px #ff041e solid;
color: #fff;
}
.lstpss {
background-color: rgba(255, 19, 0, 0.70) !important;
left: 200px;
}
.lstpss:hover {
background-color: rgba(255, 18, 0, 0.90) !important;
}
.tml-checkbox {
-webkit-appearance: checkbox;
}
.tml-submit-wrap {
width: 300px;
margin-left: auto;
margin-right: auto;
}
.onoffswitch {
position: relative; width: 105px;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
margin-left: auto;
margin-right: auto;
float: left;
margin: 10px 0px 0px 27px;
}
.onoffswitch-checkbox {
position: absolute;
opacity: 0;
pointer-events: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 1px solid #ff041e; border-radius: 2px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 28px; padding: 0; line-height: 28px;
    font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "Remember";
    padding-right: 20px;
    background-color: #FF0000; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "Remember";
    padding-right: 10px;
    background-color: #C20808; color: #FFFFFF;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 28px; margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 77px;
    border: 2px solid #999999; border-radius: 5px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
.tml-button {
border-radius: 3px;
border: 1px solid rgba(6, 135, 0, 0.8);
background-color: rgba(17, 189, 0, 0.70);
color: #fff;
padding: 7px;
font-size: 16px;
}
.tml-button2 {
border-radius: 2px;
border: 1px solid rgba(6, 135, 0, 0.8);
background-color: rgba(17, 189, 0, 0.70);
color: #fff;
padding: 5px;
font-size: 16px;
float: right;
margin: 0px 0px 0px 20px;
}
.tml-button:hover {
background-color: rgba(17, 189, 0, 0.90);
}
.tml-button2:hover {
background-color: rgba(17, 189, 0, 0.90);
}
#myVideo {
object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -9999999999999;
}
.lgnttl{
font-weight: 600;
}
.sociallg {
margin-left: auto;
margin-right: auto;
margin-bottom: 35px;
}
.sociallga {
color: #fff;
background-color: rgba(255, 19, 0, 0.70);
padding: 5px;
border-radius: 3px;
margin: 7px;
font-size: 20px;
}
.sociallga:hover {
background-color: rgba(255, 18, 0, 0.90);
}
.lgout {
color: #000;
left: 88px;
position: absolute;
}
.lgout2 {
color: rgb(255, 255, 255, 0.7);
font-size: 14px;
display: inline-block;
opacity: 0.7;
}
.plrank {
color: #ff0000;
font-size: 10px;
position: absolute;
left: 10px;
}
.divleft {
float: left;
}
.divnone {
float: none;
}