﻿.loading {
    position: fixed;
    z-index: 999;
    width: 50px;
    height: 50px;
    display: inline-block;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

div.loading div {
    width: 6%;
    height: 16%;
    background: #FFF;
    position: absolute;
    left: 49%;
    top: 43%;
    opacity: 0;
    -webkit-border-radius: 50px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    -webkit-animation: fade 1s linear infinite;
}

.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
    background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}

.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

    .loading:not(:required):after {
        content: '';
        display: block;
        font-size: 10px;
        width: 1em;
        height: 1em;
        margin-top: -0.5em;
    }


@-webkit-keyframes fade {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.25;
    }
}

.loading div.bar1 {
    -webkit-transform: rotate(0deg) translate(0, -130%);
    -webkit-animation-delay: 5s;
}

.loading div.bar2 {
    -webkit-transform: rotate(30deg) translate(0, -130%);
    -webkit-animation-delay: -0.9167s;
}

.loading div.bar3 {
    -webkit-transform: rotate(60deg) translate(0, -130%);
    -webkit-animation-delay: -0.833s;
}

.loading div.bar4 {
    -webkit-transform: rotate(90deg) translate(0, -130%);
    -webkit-animation-delay: -0.7497s;
}

.loading div.bar5 {
    -webkit-transform: rotate(120deg) translate(0, -130%);
    -webkit-animation-delay: -0.667s;
}

.loading div.bar6 {
    -webkit-transform: rotate(150deg) translate(0, -130%);
    -webkit-animation-delay: -0.5837s;
}

.loading div.bar7 {
    -webkit-transform: rotate(180deg) translate(0, -130%);
    -webkit-animation-delay: -0.5s;
}

.loading div.bar8 {
    -webkit-transform: rotate(210deg) translate(0, -130%);
    -webkit-animation-delay: -0.4167s;
}

.loading div.bar9 {
    -webkit-transform: rotate(240deg) translate(0, -130%);
    -webkit-animation-delay: -0.333s;
}

.loading div.bar10 {
    -webkit-transform: rotate(270deg) translate(0, -130%);
    -webkit-animation-delay: -0.2497s;
}

.loading div.bar11 {
    -webkit-transform: rotate(300deg) translate(0, -130%);
    -webkit-animation-delay: -0.167s;
}

.loading div.bar12 {
    -webkit-transform: rotate(330deg) translate(0, -130%);
    -webkit-animation-delay: -0.0833s;
}

.multiDIV 
{
	height:290px;
	border: 2px solid black;
	background-color:#d6dfee;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.multicredit
{ 
	font-size: 14px; 
	font-weight: bold; 
	color:white;
    text-shadow:1px 2px #000000	
}

.multicredittangkas
{ 
	font-size: 18px; 
	font-weight: bold; 
	color:white;
    text-shadow:1px 2px #000000	
}

.multicreditpoker
{ 
	font-size: 18px; 
	font-weight: bold; 
	color:white;
    text-shadow:1px 2px #000000	
}

.multicredittogel
{ 
	font-size: 18px; 
	font-weight: bold; 
	color:white;
    text-shadow:1px 2px #000000	
}

.multicreditamt
{
	font-size: 14px; 
	font-weight: bold; 
	color:white;
    text-shadow:1px 2px #000000 	
}

.multicreditrefresh
{
	width:20px;  
}

.trcreditcasino
{
	position:absolute;
	margin-top: -26px;
	margin-left: 130px;
	width:200px;
}

.trcreditslot
{
	position:absolute;
	margin-top: -30px;
	margin-left: 10px;
	width:200px;
}

.trcreditfish
{
	position:absolute;
	margin-top: -30px;
	margin-left: 10px;
	width:200px;
}

.trcreditgh
{
	position:absolute;
	margin-top: -30px;
	margin-left: 10px;
	width:200px;
}

.multicreditplayslot
{
	position: absolute; 
	margin-left:220px;
	margin-top:-35px;
}

.multicreditplaygh
{
	position: absolute; 
	margin-left:220px;
	margin-top:-35px;
}

.multicreditplayfish
{
	position: absolute; 
	margin-left:220px;
	margin-top:-35px;
}

.multicreditstartslot
{
	font-size: 14px; 
	font-weight: bold; 
	color:white; 
	position: absolute; 
	margin-top:-28px; 
	margin-left:-95px;
	z-index:1;
	width:100px;
}

.multicreditstartgh
{
	font-size: 14px; 
	font-weight: bold; 
	color:white; 
	position: absolute; 
	margin-top:-28px; 
	margin-left:-95px;
	z-index:1;
	width:100px;
}

.multicreditstartpoker
{
	font-size: 10px; 
	font-weight: bold; 
	position: absolute; 
	margin-top:5px; 
	margin-left:-65px;
	z-index:1;
}

.multicreditstartpoker:hover
{
	cursor:pointer;
}

.multicreditstartslot:hover
{
	cursor:pointer;
}

.multicreditstartfish
{
	font-size: 14px; 
	font-weight: bold; 
	color:black; 
	position: absolute; 
	margin-top:-28px; 
	margin-left:-95px;
	z-index:1;
	width:100px;
}

.multicreditstartfish
{
	cursor:pointer;
}

.errorgame
{
	display:block;
    width:290px;
    word-wrap:break-word;
    font-size:12px
}

.errorgametangkas
{
	display:block;
    width:200px;
    word-wrap:break-word;
    font-size:12px
}

.errorgametogel
{
	display:block;
    width:200px;
    word-wrap:break-word;
    font-size:12px
}

.errorgamepoker
{
	display:block;
    width:200px;
    word-wrap:break-word;
    font-size:12px
}

.errorgamestatus
{
	display:block;
    width:265px;
    word-wrap:break-word;
    font-size:12px;
    position:absolute;
    margin-top:-15px;
    margin-left:45px;
}

.errorgamestatustangkas
{
	display:block;
    width:315px;
    word-wrap:break-word;
    font-size:12px;
    position:absolute;
    margin-top:-15px;
    margin-left:45px;
	color:white;
}

.errorgamestatustogel
{
	display:block;
    width:315px;
    word-wrap:break-word;
    font-size:12px;
    position:absolute;
    margin-top:-15px;
    margin-left:45px;
	color:white;
}

.errorgamestatuspoker
{
	display:block;
    width:315px;
    word-wrap:break-word;
    font-size:12px;
    position:absolute;
    margin-top:-15px;
    margin-left:45px;
	color:white;
}

.hiddenfield 
{ 
	font-size: 14px; 
	font-weight: bold; 
	color:white; 
	position: absolute; 
	margin-top:-26px; 
	margin-left:130px; 
	display:none;
}

.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  padding-left:10px;
  font-size:12px;
}

.hide-texttangkas
{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-left:40px;
	font-size:12px;
	color:White;
}

.hide-texttogel
{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-left:40px;
	font-size:12px;
	color:White;
}

.hide-textpoker
{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-left:40px;
	font-size:12px;
	color:White;
}

.credittransfer
{
	font-size:12px !important;
	margin:20px !important;
	padding-top:5px;
	padding-left:10px;
}

.credittransfertangkas
{
	font-size:12px !important;
	color:white;
	padding-top:8px;
	padding-left:40px;
}

.credittransfertogel
{
	font-size:12px !important;
	color:white;
	padding-top:8px;
	padding-left:40px;
}

.credittransferpoker
{
	font-size:12px !important;
	color:white;
	padding-top:8px;
	padding-left:40px;
}

.creditdeposit
{
	margin-left:15px; 
	margin-bottom:-10px;
	border-style:solid;
	border-width:thin;
	border-radius:10px;
}

.creditdeposittangkas
{
	margin-left:600%; 
	margin-bottom:-10px;
	border-style:solid;
	border-width:thin;
	border-radius:10px;
	position:absolute;
	margin-top:-17%;
}

.creditdeposittogel
{
	margin-left:600%; 
	margin-bottom:-10px;
	border-style:solid;
	border-width:thin;
	border-radius:10px;
	position:absolute;
	margin-top:-12%;
}

.creditdepositpoker
{
	margin-left:600%; 
	margin-bottom:-10px;
	border-style:solid;
	border-width:thin;
	border-radius:10px;
	position:absolute;
	margin-top:-12%;
}

.DepositAmt 
{
	margin-left:20px;
    width:43%;
    height:20px;
    font-size:12px;
}

.DepositAmttangkas 
{
	margin-left:175%;
    height:20px;
    font-size:12px;
    position:absolute;
    margin-top:-10%;
}

.DepositAmttogel
{
	margin-left:175%; 
    height:20px;
    font-size:12px;
    position:absolute;
    margin-top:-10%;
}

.DepositAmtpoker  
{
	margin-left:175%;
    height:20px;
    font-size:12px;
    position:absolute;
    margin-top:-10%;
}



.WithdrawAmt 
{
	margin-left:20px;
	width:43%;
	height:20px;
	font-size:12px;  
}

.WithdrawAmttangkas 
{
	margin-left:175%;
    height:20px;
    font-size:12px;
    position:absolute;
    margin-top:-10%;
}

.WithdrawAmttogel 
{
	margin-left:175%;
    height:20px;
    font-size:12px;
    position:absolute;
    margin-top:-10%;
}

.WithdrawAmtpoker 
{
	margin-left:175%;
    height:20px;
    font-size:12px;
    position:absolute;
    margin-top:-10%;
}

.NewView 
{
	margin-left:125px; 
	margin-top:6px;
	border-style:solid;
	border-width:thin;
	border-radius:10px;
}

.background-panel {
    background-color: black;
    opacity: 0.5;
    display:inline-block;
    width: 575px;
    height: 180px;
    top:0;
    z-index: -1;
    border:1px solid white;
}

.viewtangkas
{
	position:absolute;
	margin-top:124px;
	margin-left:-105px;
	z-index:1;
}

.viewtogel
{
	position:absolute;
	margin-top:110px;
	margin-left:-102px;
	z-index:1;
}

.viewpoker
{
	position:absolute;
	margin-top:-23px;
	margin-left:125px;
	z-index:1;
}

.pokerimg
{
	
}

.multicontainertangkas
{
	width:800px;
	height:315px;
	position:absolute;
	margin-left:-157px;
	margin-top:-261px;
	z-index:-1;
}

.multicontainertogel
{
	width:800px;
	height:310px;
	position:absolute;
	margin-left:-157px;
	margin-top:149px;
	z-index:-1; 
}

.multicontainertogelnomor
{
	width:800px;
	height:315px;
	position:absolute;
	margin-left:-157px;
	margin-top:-220px;
	z-index:-1;
}

.multicontainerpoker
{
	width:800px;
	height:1150px;
	position:absolute;
	margin-left:-48px;
	margin-top:-1089px;
	z-index:-1; 
}

.startpoker
{
	width:90px;
	padding-left:30px;

}

.btntogel
{
	width:290px;
	height:40px;
	background-color:#F8D923;
	font-weight: bold;
	position:absolute;
	margin-left:-468px;
	margin-top:28px;
}

.btntogel:hover
{
	cursor:pointer;
}


.btnnomor
{
	width:290px;
	height:40px;
	font-weight: bold;
	position:absolute;
	margin-top:28px;
	margin-left:-248px;
}

.btnnomor:hover
{
	cursor:pointer;
}

.nomortable
{
	display:none;
}

.backgroundImg
{
	background-image:url("/res/img/tangkas_bg.jpg?v20210813");
	width:797px;
	height:653px;
	position:absolute;
	margin-top:-20px;
	margin-left:-20px;
}

.togeltable
{
	z-index:1;
	position:absolute;
	margin-left:25px;
	margin-top:50px;
}

.nomortable
{
	z-index:1;
	position:absolute;
	margin-left:25px;
	margin-top:50px;
}

.tangkastable
{
	z-index:1;
	position:absolute;
	margin-left:25px;
	margin-top:50px;
}

.pokertable
{
	z-index:1;
	position:absolute;
	margin-left:25px;
	margin-top:50px;
}

@media(min-width: 650px) and (max-width: 1200px )
{
	.DepositAmt
	{
		width:43% !important;
	}
	
	.WithdrawAmt
	{
		width:43% !important;
	}
}

@media(min-width: 300px) and (max-width: 650px )
{
	.backgroundImg
	{
		width:375px !important;	
	}
	
	.bgPanel
	{
		margin-left:0px !important;
	}
	
	.background-panel
	{
		width:315px !important;	
		height:190px !important;
	}
	
	.multiC
	{
		margin-top:20px !important;
		margin-left:120px !important;
	}
	
	.multiS
	{
		margin-left:-10px !important;
		margin-top:105px !important;
	}
	
	.multiS2
	{
		margin-left:-10px !important;
		margin-top:120px !important;
	}
	
	.toGame
	{
		margin-left:-10px !important;
		margin-top:130px !important;
	}
	
	.toHome
	{
		margin-left:-10px !important;
		margin-top:123px !important;
	}
	
	.toGo
	{
		width:55px !important;
		margin-left:226px !important;
		margin-top:-3px !important;
	}
	
	.btntogel
	{
		margin-left:-570px !important;
		width:160px !important;
		margin-top:39px !important;
	}
	
	.btnnomor
	{
		margin-left:-481px !important;
		width:158px !important;
		margin-top:39px !important;
	}
	
	.tangkastable
	{
		margin-left:0px !important;
	}
	
	.togeltable
	{
		margin-left:0px !important;
	}
	
	.nomortable
	{
		margin-left:0px !important;
	}
	
	.pokertable
	{
		margin-left:-25px !important;
	}
	
	.multiT
	{
		padding-left:0px !important;
	}
	
	.imgT
	{
		width:125px !important; 
	}
	
	.imgT2
	{
		width:50px !important; 
		margin-left: 44px !important;
		margin-top:-51px !important;
	}
	
	.imgTo
	{
		width:125px !important; 
	}
	
	.imgTo2
	{
		width:50px !important; 
		margin-left: 42px !important;
		margin-top:-45px !important;
	}
	
	.imgNo
	{
		width:125px !important; 
	}
	
	.imgNo2
	{
		width:50px !important; 
		margin-left: 42px !important;
		margin-top:-45px !important;
	}
	
	.imgPK
	{
		width:85px !important; 
	}
	
	.imgPK2
	{
		width:45px !important; 
		margin-left: -59px !important; 
		margin-top:11px !important;   
	}
	
	.multicontainertangkas
	{
		width:512px !important;
	}
	
	.multicontainertogel
	{
		width:512px !important;
	}
	
	.multicontainertogelnomor 
	{
		width:512px !important; 
	}
	
	.multicontainerpoker 
	{
		height:550px !important;
		width:430px !important;
		margin-top:-284px !important; 
	}
	
	.startpoker
	{
		width:45px !important;
		padding-left:20px !important;
	}
	
	.multicreditstartpoker
	{
		font-size:6px !important;
		margin-top:3px !important;
		margin-left:-35px !important;
	}
	
	.DepositAmttangkas
	{
		width:135px !important; 
	}
	
	.DepositAmttogel
	{
		width:135px !important;
	}
	
	.DepositAmtpoker
	{
		width:135px !important;
	}
	
	.WithdrawAmttangkas
	{
		width:135px !important; 
	}
	
	.WithdrawAmttogel
	{
		width:135px !important;
	}
	
	.WithdrawAmtpoker
	{
		width:135px !important; 
	}
	
	.multiImg
	{
		width:150px !important; 
	}
	
	.multiDIV
	{
		width:150px !important;  
		height:300px !important; 
	}
	
	.trcreditcasino
	{
		margin-top:-13px;
		margin-left:57px;
	}
	
	.multicredit
	{
		font-size:10px !important;
	}
	
	.multicreditamt
	{
		font-size:10px !important;
	}
	
	.multicreditrefresh
	{
		width:10px !important;
	}
	
	.multicreditplayfish
	{
		margin-left:97px !important;
		margin-top:-17px !important;
		width:50px !important; 
	}
	
	.multicreditplayslot
	{
		margin-left:97px !important;
		margin-top:-17px !important;
		width:50px !important; 
	}
	
	.multicreditstartfish
	{
		font-size:7px !important;
		position:absolute;
		margin-left:-183px !important;
		margin-top:-14px !important; 
	}
	
	.multicreditstartslot
	{
		font-size:7px !important;
		position:absolute;
		margin-left:-183px !important; 
		margin-top:-14px !important; 
	}
	
	.DepositAmt
	{
		display:block !important;
		margin-left:0px !important;
		margin-top:5px !important;
	}
	
	.WithdrawAmt
	{
		display:block !important;
		margin-left:0px !important;
		margin-top:5px !important; 
	}
	 
	.creditdeposit{
		margin-left:0px !important;
		margin-top:5px !important; 
	}
	
	.credittransfer
	{
		padding-top:10px !important; 
	}
	
	.NewView
	{
		margin-left:40px !important;
		margin-top:14px !important; 
	}
	
	.trcreditfish
	{
		margin-top:-15px !important; 
	}
	
	.trcreditslot
	{
		margin-top:-15px !important;  
	}
	
	.body
	{
		overflow-x:hidden;  
	}
	
	.imgDet
	{
		max-width:100%; 
		width:150px;
	}
	
}