@import url('https://fonts.googleapis.com/css?family=Signika');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:700');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i');

@font-face {
    font-family: powerLogoFont;
     src:url('/public/fonts/conthrax-sb.ttf');
  }  

@font-face {
    font-family: myFirstFont;
    src: url('/public/fonts/Amiko-Regular.ttf');
  }

  /*
    @import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i'); 
  */

.ui-grid-pager-control input {
    display: inline;
    height: 15px;
    width: 50px !important;
    vertical-align: top;
    color: #555555;
    background: #fff;
    border: 1px solid #ccc !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.5;
    border-radius: 3px !important;
}

.arkadasVarDiv2 {
    
    width: 58px;
    background-size: 100%;
    border-radius: 7px;
    height: 181px;
    margin-top: 6px;
    margin-left: 3px;
    position: relative;
    float: left;
    background-color: #000;
}


.yeniAltListItem {
    width: 58px;
    background-size: 100%;
    border-radius: 7px;
    height: 182px;
    margin-top: 6px;
    margin-left: 3px;
    position: relative;
    float: left;
    background-color: transparent;
}

#el02 option { /* Text and background colour, blue on light gray */
    border: 1px solid; 
    background-color:#fff;
    padding: 2px;
}

.myGrid {
    font-size: 9pt;
    color: #000000;
    height: 90%;
}

.userGrid .ui-grid-row .ui-grid-cell {
    
    font-size: 8pt;
}

.userGrid {
    font-size: 9pt;
    color: #000000;
    height: 90%;
    /*width: 790px;*/
}

.userGrid .ui-grid-row .ui-grid-cell {
    height: 60px !important;
    font-size: 8pt;
}

.lblBet {
    position: absolute;
    background: white;
    left: 0px;
    top: 0px;
    cursor: pointer;
    text-align: right;
    padding: 5px;
    width: 113px;
    margin-left: 4px;
    color: rgb(0, 0, 0);
    height: 16px;
    border: 1px outset rgb(32, 47, 62);
    font-size: 13px;
    border-radius: 5px;
}

#txtbett:focus + label { display: none; }

.newButton {
    padding: 0;
    font-weight: bold;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	cursor:pointer;
    color:#fff;
    text-decoration:none;
    text-align: center; 
    position:relative; 
    float: left; 
    line-height: 40px; 
    width: 65px; 
    height: 65px;
    font-size: 9pt;
    margin-left: 3px;
}

.masaBtn {
    cursor: pointer; 
    position: relative; 
    float:left; 
    width: 40px; 
    height: 40px; 
    border-radius: 50%; 
    border: 1px solid #b6b5b5; 
    text-align: center; 
}

.tac1 {
    width: 30px; 
    height: 14px; 
    background-image: url(/public/images/tac.png); 
    background-size: 1200px auto; 
    background-position: 1px 1px;
}


.chkPas {
    position: relative; 
    float:left; 
    width: 34px; 
    height: 36px; 
    background-image: url(/public/images/atlas.png); 
    background-size: 1200px auto; 
    background-position: 156px -1px;
    cursor: pointer;
}

.chkPasClick {
    position: relative; 
    float:left; 
    width: 34px; 
    height: 36px; 
    background-image: url(/public/images/atlas.png); 
    background-size: 1200px auto; 
    background-position: 122px -1px;
    cursor: pointer;
}

.chkBopPas {
    position: relative; 
    float:left; 
    width: 34px; 
    height: 36px; 
    background-image: url(/public/images/atlas.png); 
    background-size: 1200px auto; 
    background-position: 226px -1px; 
    margin-left: 20px;
    cursor: pointer;
}

.chkBopPasClick {
    position: relative; 
    float:left; 
    width: 34px; 
    height: 36px; 
    background-image: url(/public/images/atlas.png); 
    background-size: 1200px auto; 
    background-position: 191px -0px; 
    margin-left: 20px;
    cursor: pointer;
}

.ayarlarBaslik {
    width: 94%; 
    margin-left: 3%; 
    margin-top: 0px; 
    border-bottom: solid 1px #868687; 
    height: 27px; 
    font-size: 10pt; 
    line-height: 30px;
}

.ayarKapat {
    position: relative;
    float: right;
    padding: 5px 0px 0px 0px;
    border: 0px;
    margin: -2px 2px 5px 0px;
    z-index: 301;
    font-size: 1.2em;
}

.chkBop {
    position: relative; 
    float:left; 
    width: 34px; 
    height: 36px; 
    background-image: url(/public/images/atlas.png); 
    background-size: 1200px auto; 
    background-position: 294px -4px; 
    margin-left: 20px;
    cursor: pointer;
}

.masaTipi {
    line-height: 25px; 
    font-size: 9pt; 
    cursor: pointer; 
    position: relative; 
    float: left; 
    margin-left: 5px;
}

.masaRengi {
    line-height: 35px; 
    cursor: pointer; 
    position: relative; 
    float: left; 
    margin-left: 10px; 
    width: 30px; 
    height: 30px; 
    text-align: center;
}

.chkBopClick {
    position: relative; 
    float:left; 
    width: 34px; 
    height: 36px; 
    background-image: url(/public/images/atlas.png); 
    background-size: 1200px auto; 
    background-position: 260px 0px; 
    margin-left: 20px;
    cursor: pointer;
}

.chkGor {
    position: relative; 
    float:left; 
    width: 34px; 
    height: 36px; 
    background-image: url(/public/images/atlas.png); 
    background-size: 1200px auto; 
    background-position: 367px 1px; 
    margin-left: 20px;
    cursor: pointer;
}

.btnMute {
    margin-top: 3px; 
    color:black; 
    cursor: pointer; 
    position: relative; 
    float:left; 
    width: 40px; 
    height: 40px; 
    border-radius: 50%; 
    border: 2px outset #bdbdbd;
    background-color: #aeabab; 
    text-align: center; 
    line-height: 8px;
}

.chkGorClick {
    position: relative; 
    float:left; 
    width: 34px; 
    height: 36px; 
    background-image: url(/public/images/atlas.png); 
    background-size: 1200px auto; 
    background-position: 329px -5px;
    margin-left: 30px;
    cursor: pointer;
}

.btnFullScreen {
    width: 150px;
    margin-left: 65px;
    padding: 5px 5px;
    margin: 7px;
    font-size: 10pt;
    color: #fff;
    font-weight: 600;
    border: 1px solid;
}

.btnGameCard {
    width: 150px;
    margin-left: 65px;
    padding: 5px 5px;
    margin: 7px;
    font-size: 12pt;
    background-color: red;
    color: white;
    font-weight: 600;
    border: 1px solid;
}

.betText {
    padding: 5px;
    width: 113px;
    margin-left: 4px;
    color: #000;
    text-align: right;
    background: #fff;
    height: 16px;
    border: 1px outset rgb(32, 47, 62);
    font-size: 13px;
}

#dvVipReklam {
    height: 290px;
    position: absolute;
    width: 170px;
    background-color: #000;
    border-radius: 15px;
    border: solid 1px #c0c0c0;
    font-size: 10pt;
    z-index: 1000;
}

#dvPremReklam {
    height: 290px;
    position: absolute;
    width: 170px;
    background-color: #000;
    border-radius: 15px;
    border: solid 1px #c0c0c0;
    font-size: 10pt;
    z-index: 1000;
}

#dvVipMasaReklam {
    height: 220px;
    margin-top: 166px;
    margin-left: 28%;
    position: absolute;
    width: 233px;
    background-color: #000;
    border-radius: 15px;
    border: solid 1px #c0c0c0;
    font-size: 10pt;
    z-index: 1000;
}

#arkPanelNick {
    color: black;
    font-size: 14pt;
    font-weight: bold;
}

#arkPanelGold {
    color: black;
}

#arkPanelChip {
    color: black;
    
}

#arkPanelLevel {
    color: black;
    
}

.buttonMan {
    font-size: 10pt;
    padding: 5px;
    background: #1b1a1a;
    color: #fff;
}

.kclass {
    position: absolute; 
    z-index: 50; 
    color: gold; 
    font-weight: bold;
    font-size: 12pt;
    margin-top: -55px; 
    margin-left: -14px;
    display: none;
}

.vclass {
    position: absolute;
    z-index: 50;
    color: gold;
    font-weight: bold;
    font-size: 12pt; 
    margin-top: 39px;
    margin-left: -15px;
    width: 15px;
    
}

.vSclass {
    position: absolute;
    z-index: 50;
    color: gold;
    font-weight: bold;
    font-size: 12pt; 
    margin-top: 39px;
    margin-left: -15px;
    width: 15px;
    
}

.vlclass {
    
    position: absolute;
    z-index: 50;
    color: gold;
    font-weight: bold;
    font-size: 12pt;
    margin-top: 30px;
    margin-left: 35px;
}

#cardSend {
    background: #f1e767;
    background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%); 
    background: -webkit-linear-gradient(top, #f1e767 0%,#feb645 100%);
    background: linear-gradient(to bottom, #f1e767 0%,#feb645 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 );
    color: black;
    font-weight: bold;
    font-size: 10pt;
}

#dvVipMasaAc {
    margin-top: -240px; 
    margin-left: 180px; 
    position: absolute; 
    width: 250px; 
    background-color: #000; 
    border-radius: 15px; 
    border: solid 1px #c0c0c0; 
    font-size: 8pt;
}

.hediye1 {
    /*background-image: url(/public/images/gift/hareketli/ates.png);
    background-size: 100%;*/
    width: 18px;
    height: 18px;
}

.hediye2 {
    background-image: url(/public/images/atlas6.png);
    background-size: 195px auto;
    background-position: 10.5% 0.5%;
    width: 18px;
    height: 18px;
}

.hediye3 {
    background-image: url(/public/images/atlas6.png);
    background-size: 195px auto;
    background-position: 21.5% 0.5%;
    width: 18px;
    height: 18px;
}

.hediye4 {
    background-image: url(/public/images/atlas6.png);
    background-size: 195px auto;
    background-position: 33.5% 0.5%;
    width: 18px;
    height: 18px;
}

.hediye5 {
    background-image: url(/public/images/atlas6.png);
    background-size: 195px auto;
    background-position: 44.5% 0.5%;
    width: 18px;
    height: 18px;
}

.hediye6 {
    background-image: url(/public/images/atlas6.png);
    background-size: 195px auto;
    background-position: 55.5% 0.5%;
    width: 18px;
    height: 18px;
}

.hediye7 {
    background-image: url(/public/images/atlas6.png);
    background-size: 195px auto;
    background-position: 66.5% 0.5%;
    width: 18px;
    height: 18px;
}

.hediye8 {
    background-image: url(/public/images/atlas6.png);
    background-size: 195px auto;
    background-position: 77.5% 0.5%;
    width: 18px;
    height: 18px;
}

.hediye9 {
    background-image: url(/public/images/atlas6.png);
    background-size: 195px auto;
    background-position: 88.5% 0.5%;
    width: 18px;
    height: 18px;
}

.hediye10 {
    background-image: url(/public/images/atlas6.png);
    background-size: 195px auto;
    background-position: 99.5% 0.5%;
    width: 18px;
    height: 18px;
}

.hediyeItem {
    position: relative;
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    width: 23px;
}

.salonItem {
    width: 100%; 
    cursor: pointer;
    border-bottom: 1px solid #c0c0c0;
    padding: 5px 0px; 
    font-size: 9pt;
    background-color: #000;
    color: #c0c0c0;
}

.hediyePanel {
    position: absolute;
    width: 140px;
    height: 90px;
    background-color: #2c2c2c;
    z-index: 5550;
}

.hdyButton1 {
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    z-index: 10;
    /* background-color: royalblue; */
    color: white;
    margin-left: 35px;
    margin-top: -12px;
    text-align: center;
    padding: 2px;
    border: 0px;
    line-height: 17px;
    background-image: url(/public/images/giftPanelArkEkle.png);
    background-size: 130%;
    background-position: -3px, -3px;
}

.hdyButton2 {
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    z-index: 10;
    color: white;
    margin-left: 80px;
    margin-top: -12px;
    text-align: center;
    border: 0px;
    padding: 2px;
    line-height: 18px;
    background-image: url('/public/images/giftPanelGift.png');
    background-size: 130%;
    background-position: -3px, -3px;
}


  .hizliNormalBtn {
    background-image: url(/public/images/v3/normalhizli.png);
    font-size: 9pt;
    font-weight: bold;
    width: 148px;
    padding: 3px;
    padding-left: 17px;
    color: #fff;
    text-align: left;
    border: 0px;
    margin-left: 10px;
  }

  .yollaBtn {
    background-image: url(/public/images/v3/gonderbg.png);
    width: 50px;
    height: 50px;
    margin-top: 2px;
    margin-left: 4px;
    padding: 0px;
    font-size: 8pt;
    font-weight: bold;
    color: #fff;
    padding-top: 35px;
  }

  /*
    background: rgb(36,0,0);
background: linear-gradient(0deg, rgba(36,0,0,1) 0%, rgba(121,22,9,1) 43%, rgba(255,46,0,1) 100%);
  */

  .vpButton {
	
	background: rgb(36,0,0);
    background: linear-gradient(0deg, rgba(36,0,0,1) 0%, rgba(121,22,9,1) 43%, rgba(255,46,0,1) 100%);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:3px 12px;
	text-decoration:none;
}

  .tmmButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:3px 12px;
	text-decoration:none;
}
.tmmButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}

  .dropdown {
    position: relative;
    display: inline-block;
    width: 116px;
    background-color: #fff;
    color: #222;
    padding: 3px;
    margin-left: -6px;
    border-radius: 4px;
  }
  
  .dropdown-content { 
    position: absolute;
    background-color: #f9f9f9;
    color: #000;
    
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 2px 0px;
    z-index: 1;
    min-width: 122px;
    margin-left: -3px;
  }
  
  /*.dropdown:hover .dropdown-content {
    display: block;
  }*/

  .prgText {
    padding-top: 0px; 
    padding-left: 0px; 
    text-align: left; 
    border: 2px solid #000; 
    /*background-image: url(/public/images/v3/elgostergebg.png); */
    background-size: 100%; 
    font-size: 0.9em; 
    color: #000;
    width: 93%;
    margin-left: 1%; 
    height: 22px;
    line-height: 25px;
    background-position: 0px -6px;
  }

  #txtPrgAciklama {
    color: #000;
  }

.seatChip {
    font-weight: 500;
    width:85px; 
    height: 15px; 
    text-align: center; 
    transform: translate(-20%, 1px); 
    padding-left:0%; 
    padding: 1%;
    font-size: 0.65em; 
    background: rgba(0,0,0,0.8); 
    color: rgb(241, 196, 58);
    border-radius: 8px;
}

.notification {
    /*background: rgba(0, 0, 0, 0.8); */
    border-radius: 8px; 
    color: rgb(44, 138, 189); 
    font-size: 10pt !important; 
    text-align: center;
    font-weight: bold;
    transform: translate(-27%, 0px); 
    overflow: hidden; 
    width:105px
}

.plyLevel {
    color: rgb(241, 196, 58);
    position: absolute;
    font-weight: bold;
    height: 12px;
    width:106px;
    font-size: 0.6em; 
    text-align: center;
    transform: translate(-26px, -36px);
   
}

.kucukBtn {
    width: 45px !important; 
    height: 22px !important; 
    padding-left: 0px !important; 
    margin: 2px !important;
    background-position: -2px !important;
    background-image: url(/public/images/v3/kucuk.png) !important;
}

.plyName {
    font-weight: bold;
    height: 12px;
    width:106px;
    font-size: 0.75em; 
    text-align: center;
    transform: translate(-26px, -23px);
}



.dvElListesi {
    background-color: white;
    color: #000;
    border: 1px solid #F2C712;
    position: absolute;
    margin: 0px;
    bottom: 28%;
    font-size: 9pt;
    left: 95%;
    margin-bottom: 5px;
    cursor: pointer;
    padding: 1px 7px;
    width: 85px;
    height: 132px;
    z-index: 99999;
    line-height: 13px;
    font-weight: 100;
}

.sesBtn {
    background-color: transparent;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 0px;
    position: absolute;
    margin: 0px;
    bottom: -4%;
    left: 10px;
    margin-bottom: 5px;
    cursor: pointer;
    padding: 0px;
    width: 35px;
    height: 35px;
}

.sesBtn2 {
    background-color: transparent;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 50%;
    border: 0px;
    position: absolute;
    margin: 0px;
    left: 10px;
    margin-bottom: 5px;
    cursor: pointer;
    padding: 0px;
    width: 25px;
    height: 25px;
}

.arkadasSecBtn {
    background-image: url(/public/images/v3/arkadassecbg.png);
    background-size: 100%;
    font-size: 7pt;
    font-weight: bold;
    color: #fff;
    margin: 0px;
    padding: 8px 2px;
    width: 94%;
    margin-left: 3%;
    margin-top: 5px;

}

.pArkadasBtn {
    font-size: 10pt;
    line-height: 30px;
    background-image: url(/public/images/v3/arkadasbg.png);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-size: 115% 123%;
    background-position: -11px -3px;
    background-repeat: no-repeat;
    border-radius: 5px;
    border: 1px solid;
    position: absolute;
    margin: 0px;
    bottom: 0%;
    right: 10px;
    margin-bottom: 5px;
    color: #000;
    cursor: pointer;
    width: 168px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}


.gosBtn {
    background-color: transparent;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 0px;
    position: absolute;
    margin: 0px;
    bottom: 30px;
    left: 2%;
    margin-bottom: 5px;
    padding: 0px;
    width: 35px;
    height: 35px;

}


.modalBaslik {
    width: 95%;
    height: 30px;
    color: #fff;
    background-color: #555;
    padding: 2px 10px;
}

.modalFooter {
    width: 100%;
    text-align: center;
    padding-top: 4px;
    border-top: 1px solid #555;
}

.modalBody {
    width: 95%;
    padding-top: 10px;
    height: 48%;
    padding-left: 10px;
    color: black;
}

.masaAlt2 {
    
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    padding: 2px;
    text-decoration:none;
}
  
.masaAlt {
    /*-moz-box-shadow:inset 0px 1px 3px 0px #23395e;
    -webkit-box-shadow:inset 0px 1px 3px 0px #23395e;
    box-shadow:inset 0px 1px 3px 0px #23395e;*/
    background-image: linear-gradient(to right top, #b7b7b7, #b4b4b4, #b0b0b0, #adadad, #aaaaaa, #a9a9a9, #a7a7a7, #a6a6a6, #a6a6a6, #a5a5a5, #a5a5a5, #a4a4a4);
    /*background-image: linear-gradient(to right top, #3f3f3f, #484848, #525252, #5c5c5c, #666666, #6e6e6e, #757575, #7d7d7d, #848484, #8b8b8b, #929292, #999999);*/
    /*background-image: linear-gradient(to right top, #f0f0f0, #ebebeb, #e6e6e6, #e1e1e1, #dcdcdc, #d9d9d9, #d6d6d6, #d3d3d3, #d1d2d1, #d0d0d0, #cecfce, #cdcdcd);*/
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    padding: 2px;
    text-decoration:none;
}

.masaAlt_2 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #20324e), color-stop(1, #0e141c));
    background: -moz-linear-gradient(top, #20324e 5%, #0e141c 100%);
    background: -webkit-linear-gradient(top, #20324e 5%, #0e141c 100%);
    background: -o-linear-gradient(top, #20324e 5%, #0e141c 100%);
    background: -ms-linear-gradient(top, #20324e 5%, #0e141c 100%);
    background: linear-gradient(to bottom, #20324e 5%, #0e141c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20324e', endColorstr='#0e141c',GradientType=0);
    background-color: #2e466e;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 2px;
    text-decoration: none;
}

audio::-internal-media-controls-download-button {
    display: none;
}

audio::-webkit-media-controls-enclosure {
    overflow: hidden;
}

audio::-webkit-media-controls-panel {
    width: calc(110%);
    /* Adjust as needed */
}

.kucukFont {
    font-size: 0.6em;
} 

.buyukFont {
    font-size: 0.7em;
} 

.renkKirmizi {
    color: #ff0000;
}

.renkYesil {
    color: #0ccf04;
}

.chatBalon {
    transform: translate(0px, -12px);
    position: absolute;
    top: -5px;
    left: 5px;
    height: 50px;
    width: 150px;
    background: #06A4BF;
    background: -moz-linear-gradient(top, #06A4BF 0%, #B1E9F3 100%);
    background: -webkit-linear-gradient(top, #06A4BF 0%, #B1E9F3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #06A4BF), color-stop(1, #B1E9F3));
    background: -o-linear-gradient(top, #06A4BF 0%, #B1E9F3 100%);
    background: -ms-linear-gradient(top, #06A4BF 0%, #B1E9F3 100%);
    background: linear-gradient(top, #06A4BF 0%, #B1E9F3 100%);
    margin: 0 auto;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 2px;
    border-radius: 10px;
    color: #000;
    font-size: 0.7em;
    font-weight: bold;
    z-index: 601;
    overflow: hidden;
}

.chatBalon:after {
    content: "";
    position: absolute;
    box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 2px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    bottom: -10px;
    left: 50px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #FFF #FFF transparent;
    z-index: 603;
}

.canakDiv5li {
    width: 70px;
    z-index: 201;
}

.canakDiv {
    width: 70px;
    z-index: 201;
    position: absolute; 
    top: 400px; 
    margin-left: 10px
}

.tombalaBos {
    background-color: #87ceeb;
}

.doluSayi {
    color: #000;
}

.tombalayar {
    width: 300px;
    height:150px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.4);
    border-radius: 15px;
    position: absolute;
    padding-left: 5px;
    padding-right: 5px;
    padding-top:2px;
    background-color: #778899;
    left: 320px;
    top: 160px;
    z-index: 1020;
}

.table-tombala-container {
    width: 215px;
    height:140px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    border-radius: 7px;
    position: absolute;
    padding-left: 5px;
    padding-right: 5px;
    padding-top:2px;
    background-color: #778899;
    left: 30%;
    top: 40%;
    z-index: 90010;
}

.table-tombala-container table {
  height:100%;
  width: 100%;
  overflow: auto;
  background-color: #fff;
  
}

.table-tombala-container td {
  width: 40px;
  border:  1px solid #000099;
  padding: 2px 2px 2px 2px;
}

.table-tombala-container td div {
    height: 100%;
    width: 100%;
    padding-top: 0px;
    vertical-align: middle;
    text-align: center;
    font-size: 9pt;
    font-weight: bold;
    background-color: #fff;
}

.giftH {
    background-repeat: no-repeat;
    background-size: 60px auto;
    background-position: center;
    width: 60px;
    height: 60px;
}

.gift {
    background-repeat: no-repeat;
    background-size: 40px auto;
    background-position: center;
    width: 40px;
    height: 40px;
}

.giftRek {
    background-repeat: no-repeat;
    background-size: 36px auto;
    background-position: center;
    width: 36px;
    height: 36px;
}

.giftRek:hover {
    transform: scale(1.5);
  }

.giftRek2 {
    background-repeat: no-repeat;
    background-size: 18px auto;
    background-position: center;
    width: 18px;
    height: 18px;
}

.vipIcon {
    color: goldenrod;
    z-index: 1; 
    font-weight: bold;
    font-size: 14px;
}

.premIcon {
    color: red;
    z-index: 1; 
    font-weight: bold;
    font-size: 14px;
}

.adminIcon {
    color: #19acdc;
    z-index: 1; 
    font-weight: bold;
    font-size: 14px;
}


.giftIcon {
    background-repeat: no-repeat;
    background-position: center;
    width: 10px;
    height: 10px;
}

body {
    margin: 0;
    background: url(/public/images/yenibg.jpg);
    font-family: "Trebuchet MS";
    color: #fff;
    font-size: 1.2em;
    background-size: 120%;
    background-repeat: no-repeat;
    
}

.logoText {
    color: #fff;
    padding-left: 10px;
    padding-top: 10px;
}

.dvPoint {
    width: 12px;
    top: 7px;
    height: 12px;
    border-radius: 10px;
    background: #ff0000;
    left: 9px;
    position: absolute;
    font-size: 0.6em;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

.dvPoint2 {
    width: 15px;
    top: 35px;
    height: 15px;
    border-radius: 15px;
    background: #ff0000;
    display: none;
    left: 41px;
    position: absolute;
    font-size: 0.6em;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

.inpGenel {
    color: #000;
    padding: 3px;
    font-size: 0.8em;
}

.chipAktarBtn {
    padding: 2px;
    color: #000;
    font-size: 0.8em;
}


.tabBtn {
    padding: 5px;
    -webkit-box-shadow: inset 0px 0px 15px -5px rgba(0, 0, 0, 0.72);
    -moz-box-shadow: inset 0px 0px 15px -5px rgba(0, 0, 0, 0.72);
    box-shadow: inset 0px 0px 15px -5px rgba(0, 0, 0, 0.72);
    color: #000;
    font-size: 0.8em;
}

.oyuncuDetay {
    display: none;
    position: absolute;
    border-radius: 0px 17px 0px 0px;
    top: -2px;
    left: 0px;
    width: 145%;
    margin-left: 0%;
    height: 101%;
    z-index: 3335;
    background-image: url(/public/images/v3/profilbg.png);
    background-size: 107% 116%;
    /* background-color: #000; */
    background-position-y: -10px;
    background-position-x: -13px;
}

.dvHilo {
    background: url(/public/images/bigBg.png);
    display: block;
    position: absolute;
    border-radius: 0px 17px 0px 0px;
    top: -3px;
    background-size: 100% 84%;
    background-repeat: no-repeat;
    left: 0px;
    background-position: 0px 15px;
    width: 100%;
    margin-left: 0%;
    height: 101%;
    z-index: 3350;
    background-color: #000;
}

/*650000 */

.divDetayAlt {
    background: #606060;
    background: -moz-linear-gradient(45deg, #606060 0, #252525 100%);
    background: -webkit-linear-gradient(45deg, #606060 0, #252525 100%);
    background: linear-gradient(45deg, #606060 0, #252525 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ea7e06', endColorstr='#914d00', GradientType=1);
    height: 75%;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 11%;
    position: relative;
    float: left;
}

.detayTable {
    width: 94%;
    height: 96%;
    padding: 0px;
    margin-top: 2%;
    margin-bottom: 2%;
    margin-left: 3%;
    margin-right: 3%;
}

.msgButton {
    font-size: 1em;
    padding: 5px;
    background: #555;
    color: #fff;
    position: relative;
    float: right;
}

.msgButtonHS {
    font-size: 1em;
    padding: 10px 25px;
    border: 1px solid #555;
    color: #0a0a0a;
    background: #fcfff4; /* Old browsers */
background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */
    border-radius: 5px;
}

.faceButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: myFirstFont;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.faceButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}

.elRow:hover {
    background-color: wheat;
}

.isrtli {
    background-color: wheat;
}

.faceButton:active {
	position:relative;
	top:1px;
}

.chipsatinal {
    cursor: pointer;
    color: #333333;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-position: -1px -3px;
    background-image: url(/public/images/v3/chipbtnbg.png);
    background-size: 102% 115%;
}

.raporBtn {
    background-position: 7px 0px;
    background-image: url(/public/images/v3/report.png);
    background-size: 75% 90%;
    background-repeat: no-repeat;
    cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
    text-decoration:none;
    -moz-border-radius:6px;
	-webkit-border-radius:6px;
    border-radius:6px;
    height: 35px;
}

.girisButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
}
.girisButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.girisButton:active {
	position:relative;
	top:1px;
}


.ktlButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
	-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
	box-shadow:inset 0px 1px 0px 0px #9acc85;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
	background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);
	background-color:#74ad5a;
	border:1px solid #3b6e22;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
}
.ktlButton:hover {
	-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
	-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
	box-shadow:inset 0px 1px 0px 0px #9acc85;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
	background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);
	background-color:#74ad5a;
	border:0px;
}
.ktlButton:active {
	position:relative;
	top:1px;
}



.grsButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.grsButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.grsButton:active {
	position:relative;
	top:1px;
}


.alrButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
	-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
	box-shadow:inset 0px 1px 0px 0px #9acc85;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
	background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);
	background-color:#74ad5a;
	border:1px solid #3b6e22;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:11pt;
	font-weight:bold;
	padding:8px 16px;
	text-decoration:none;
}
.alrButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
	background:-moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0);
	background-color:#68a54b;
}
.alrButton:active {
	position:relative;
	top:1px;
}

#kontroll {
    width: 39.5%;
}

#kontrollS {
    width: 30.8%;
}

.chatPanel {
    z-index: 601;
    position: absolute;
    top: 15%;
    left: 15%;
    width: 400px;
    height: 250px;
    display: none;
    padding: 5px;
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.74) 47%, rgba(0, 0, 0, 0.73) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=1);
    border-radius: 2%;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

.hsPanel {
    z-index: 9899;
    position: absolute;
    top: 20%;
    left: 30%;
    width: 430px;
    display: none;
    padding: 5px;
    background: #D3CCE3;  /* fallback for old browsers */
    background-image: linear-gradient(to bottom, #f4f4f4, #efefef, #eaeaea, #e5e5e5, #e0e0e0);
    border-radius: 20px;
    color: #010101;
    border: solid 1px #101010;
}

.uyariPanel {
    z-index: 9899;
    position: absolute;
    top: 20%;
    left: 30%;
    width: 400px;
    height: 242px;
    padding: 5px;
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=1);
    border-radius: 2%;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

.yeniMasaPanel {
    z-index: 401;
    position: absolute;
    top: 20%;
    left: 20%;
    width: 500px;
    height: 350px;
    display: none;
    padding: 5px;
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.74) 47%, rgba(0, 0, 0, 0.73) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=1);
    border-radius: 2%;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

.arkIstekPanel {
    z-index: 701;
    position: absolute;
    left: 30%;
    width: 200px;
    height: 150px;
    top: 489px;
    display: none;
    padding: 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #25A325), color-stop(1, #009400));
    background: -moz-linear-gradient(top, #25A325 5%, #009400 100%);
    background: -webkit-linear-gradient(top, #25A325 5%, #009400 100%);
    background: -o-linear-gradient(top, #25A325 5%, #009400 100%);
    background: -ms-linear-gradient(top, #25A325 5%, #009400 100%);
    background: linear-gradient(to bottom, #25A325 5%, #009400 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#25A325', endColorstr='#009400',GradientType=0);
    background-color: #25A325;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #25A325;
    cursor: pointer;
    color: #ffffff;
    border-radius: 2%;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

.masaDavetPanel {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
    background: -moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
    background-color: #ffec64;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ffaa22;
    display: inline-block;
    cursor: pointer;
    color: #333333;
    z-index: 701;
    position: absolute;
    top: 30%;
    left: 30%;
    width: 400px;
    height: 250px;
    display: none;
    padding: 5px;
    border-radius: 2%;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);

}



.mesajPanel {
    z-index: 701;
    position: absolute;
    top: 30%;
    left: 30%;
    width: 400px;
    height: 250px;
    display: none;
    padding: 5px;
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(135deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=1);
    border-radius: 2%;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

.chipPanel {
    z-index: 1001;
    position: absolute;
    top: 15%;
    left: 30%;
    width: 350px;
    height: 300px;
    display: none;
    padding: 5px;
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(135deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 47%, rgba(0, 0, 0, 0.83) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=1);
    border-radius: 2%;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

.ozelMesajPanel {
    z-index: 401;
    position: absolute;
    top: 15%;
    left: 30%;
    width: 500px;
    height: 430px;
    display: none;
    padding: 5px;
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(135deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 47%, rgba(0, 0, 0, 0.83) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=1);
    border-radius: 2%;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

.dvVIPSatinAl {
    z-index: 401;
    position: absolute;
    top: 15%;
    left: 30%;
    width: 500px;
    height: 430px;
    display: none;
    padding: 5px;
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(135deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 47%, rgba(0, 0, 0, 0.83) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=1);
    border-radius: 2%;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

.boddyList {
    z-index: 401;
    position: absolute;
    top: 15%;
    left: 30%;
    width: 350px;
    height: 400px;
    display: none;
    padding: 5px;
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(135deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=1);
    border-radius: 2%;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

.divProfil {
    position: absolute;
    top: 20%;
    left: 15%;
    width: 600px;
    height: 450px;
    display: none;
    padding: 5px;
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(-45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(-45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: linear-gradient(135deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1 );
    border-radius: 2%;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

.divProfil tr {
    padding-top: 4px;
    padding-bottom: 4px;
}

.giftPItem {
    position: relative;
    text-align: center;
    float: left;
    width: 15%;
    height: 100px;
    margin: 2%;
    color: #000;
    font-size: 12pt;
}

.dvYukleniyor {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 20%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
}

.bgGecis {
    background: rgba(66,66,66,1);
    background: -moz-linear-gradient(-45deg, rgba(66,66,66,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(66,66,66,1)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(-45deg, rgba(66,66,66,1) 0%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(66,66,66,1) 0%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(66,66,66,1) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(135deg, rgba(66,66,66,1) 0%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#000000', GradientType=1 );
}

.giftItem {
    text-align: center;
    float: left;
    width: 100%;
    height: 80px;
    border: 1px solid #c0c0c0;
    color: #000;
    font-size: 12pt;
    border-radius: 5px;
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    z-index: 5000;
}

.girisYukle {
    width: 98%;
    padding: 10px 5px;
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    display: block;
}

.dvIstekBaslik {
    padding: 10px 5px;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    border: 2px solid #3e7388;
    background: #141515;
    -moz-box-shadow: 10px 10px 11px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, 0.75);
}

.dvMasaIstek {
    z-index: 1701;
    position: absolute;
    top: 30%;
    left: 30%;
    color: white;
    width: 400px;
    height: 250px;
    display: none;
    padding: 5px;
    background: #000000;
    border-radius: 2%;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    border: 2px solid #003a5d;
}

.profilUserName {
    width: 98%;
    padding: 10px 5px;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    border: 2px solid #648F8F;
    background: #083636; 
    background: -moz-linear-gradient(45deg, #083636 0%, #286161 50%, #083636 100%); 
    background: -webkit-linear-gradient(45deg, #083636 0%,#286161 50%,#083636 100%); 
    background: linear-gradient(45deg, #083636 0%,#286161 50%,#083636 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#083636', endColorstr='#083636',GradientType=1 ); 
}

.davetBaslik {
    width: 98%;
    padding: 10px 5px;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    text-align: center;
    
}

.kurpiyeSohbeti {
    width: 30%;
    height: 100%;
}

#hataDiv {
    display: none;
}

#banDiv {
    display: none;
}

#giftList {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -200px;
    width: 600px;
    height: 400px;
    display: none;
    padding: 0px;
    background-color: #fff;
    border-radius: 2%;
    z-index: 5761;
}

#giftListLobby {
    position: absolute;
    top: 39%;
    left: 39%;
    margin-top: -200px;
    margin-left: -200px;
    width: 600px;
    height: 400px;
    display: none;
    padding: 0px;
    background-color: #fff;
    border-radius: 2%;
    z-index: 5761;
}

.masaAdi {
    position: relative;
    float: right;
    top: 362px;
    right: 0%;
    padding: 5px;
    border: 0px;
    color: #ffffff;
    z-index: 123;
    font-size: 0.5em;
}

.masaMiktar {
    position: relative;
    top: 351px;
    float: right;
    right: 0px;
    text-align: center;
    padding: 5px;
    border: 0px;
    color: #ffffff;
    z-index: 123;
    font-size: 0.5em;
}

.mobileChat {
    display: none;
}

.mobileChatBtn {
    position: absolute;
    top: 145px;
    right: 2%;
    padding: 2px;
    border: 0px;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.5);
    z-index: 123;
    cursor: pointer;
    display: none;
}

.profilHead {
    width: 40%;
    padding: 7px 5px;
    color: #222;
    font-size: 0.6em;
    font-weight: normal;
}

.profilValue {
    width: 60%;
    padding: 7px 5px;
    font-size: 0.6em;
    font-weight: bold;
    color: #222;
}

#sira1 {
    height: 148px;
    position: absolute;
    top: 0px;
}

#sira2 {
    height: 148px;
    position: absolute;
    top: 135px;
}

#sira3 {
    height: 86px;
    position: absolute;
    top: 296px;
}

#sira4 {
    height: 100px;
    position: absolute;
    top: 590px;
    background-color: #000;
}

.aImage {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 2px solid #000;
}

.yenileBtn {
    padding: 5px 7px;
    font-size: 0.8em;
    color: #000;
    background-image: linear-gradient(to bottom, #f4f4f4, #efefef, #eaeaea, #e5e5e5, #e0e0e0);
}

.yGridBtn {
    padding: 5px 7px;
    font-size: 8pt;
    color: #000;
    background-image: linear-gradient(to bottom, #f4f4f4, #efefef, #eaeaea, #e5e5e5, #e0e0e0);
}

.yGridBtn.active {
    background-image: linear-gradient(to bottom, #56e05a, #3ee233, #14ce1a, #3ee233, #56e05a) !important; 
}

.aItem {
    margin: 3px;
    padding: 3px;
    border-radius: 5px;
    width: 55px;
    height: 150px;
    position: relative;
    float: left;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 0.6em;
}

.aItemIc {
    border: 1px solid #000000;
    background: #45484d;
    background: -moz-linear-gradient(45deg, #45484d 0%, #000000 100%);
    background: -webkit-linear-gradient(45deg, #45484d 0%, #000000 100%);
    background: linear-gradient(45deg, #45484d 0%, #000000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=1);
    z-index: 0;
    padding-top: 32px;
    -ms-transform: translate(0px, 30px); /* IE 9 */
    -webkit-transform: translate(0px, 30px); /* Safari */
    transform: translate(0px, 30px);
    width: 60px;
}

.arkListesiAlt {
    width: 100%;
    margin-left: 0%;
    margin-top: 0px;
    height: 200px;
    background: rgba(0, 0, 0, 0.5);
    overflow-x: auto;
    overflow-y: hidden;
    background-image: linear-gradient(to bottom, #484f62, #424859, #3c4150, #363b48, #30343f);
}

.Toolbar50Div {
    position: relative;
    float: left;
    width: 5%;
    margin-left: 0%;
    margin-top: 0px;
    height: 200px;
    background-image: linear-gradient(to bottom, #484f62, #424859, #3c4150, #363b48, #30343f);
}

.top50ListesiAlt {
    position: relative;
    float: left;
    width: 90%;
    margin-left: 0%;
    margin-top: 0px;
    height: 200px;
    overflow-x: hidden;
    overflow-y: hidden;
    background-image: linear-gradient(to bottom, #484f62, #424859, #3c4150, #363b48, #30343f);
}

.top50GListesiAlt {
    position: relative;
    float: left;
    width: 90%;
    margin-left: 0%;
    margin-top: 0px;
    height: 200px;
    overflow-x: hidden;
    overflow-y: hidden;
    background-image: linear-gradient(to bottom, #484f62, #424859, #3c4150, #363b48, #30343f);
}


.aLevel {
    background-image: url('/public/images/bgdetaylevel.png');
    width: 100%;
    height: 60px;
    padding-top: 20%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-top: 5px;
    text-align: center;
}

.arkListesiAlt::-webkit-scrollbar {
    height: 12px;
}

.arkListesiAlt::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.arkListesiAlt::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #677077;
    background: #fff;
}

.arklItem {
    width: 15%;
}

.levelDiv {
    width: 100%;
    height: 100%;
    float: right;
    position: relative;
}

.detayUserName {
    color: #fff;
    font-size: 9pt;
}

.detayLevelName {
    color: #fff;
    font-size: 10pt;
}

.detayLevelNo {
    color: #fff;
    font-weight: bold;
    font-size: 0.8em;
    position: absolute;
    top: 24%;
    left: 32.5%;
    width: 18px;
    line-height: 22px;
    text-align: center;
}

.detayResim {
    position: relative;
    float: left;
    width: 90px;
    height: 90px;
    margin-top: 1%;
    margin-left: 2%;
    z-index: 41;
}

.detayLevel {
    position: relative;
    float: right;
    width: 70%;
    height: 100%;
    margin-top: 0.5%;
    margin-left: -10%;
    padding-left: 2%;
    font-weight: bold;
    font-size: 9pt;
    color: #000;
    padding: 5px 0px;
}

.prfImage {
    width: 60%;
    border: 2px solid #914d00;
    position: relative;
    float: left;
    width: 30%;
    margin-top: 5px;
    z-index: 45;
}

.prfImage2 {
    width: 60%;
}

.lobbyListFilter {
    width: 100%;
    position: relative;
    float: left;
    color: #000;
    font-size: 10pt;
    padding: 1% 3%;
}

input[type="text"],
input[type="number"],
input[type="password"] {
    padding: 8px;
    width: 228px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    color: #000000;
    font-size: 1em;
}

.xpLevel {
    margin-top: 3px;
    font-size: 9pt;
    width: 24%;
    text-align: center;
    position: relative;
    float: left;
    color: #c0c0c0;
}

.xpDetay {
    font-size: 10pt;
    width: 76%;
    text-align: center;
    position: relative;
    float: left;
    color: #c0c0c0;
}

.xpNo {
    color: #ffffff;
    font-size: 1.4em;
    font-weight: bold;
}

.oyuncuListOy {
    padding: 5px;
    position: absolute;
    width: 210px;
    height: 330px;
    top: 220px;
    left: 64%;
    z-index: 95;
    display: none;
    background-color: #222222;
}

.oyuncuListOy::-webkit-scrollbar {
    width: 12px;
}

.belirginYap {
    color: white;
}

.belirsizYap {
    color: #6d6d6d;
    cursor: pointer;
}

.oyuncuListOy::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.oyuncuListOy::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #677077;
}

.oyuncuListOn {
    width: 200px;
    margin-top: 82px;
    position: absolute;
    height: 300px;
    z-index: 130;
    display: none;
    background: rgba(0, 0, 0, 0.6);
    margin-left: 535px;
}

.newChatPanel {
    width: 270px;
    margin-top: 82px;
    position: absolute;
    height: 300px;
    z-index: 1530;
    display: none;
    background: rgba(0, 0, 0, 0.6);
    margin-left: 0px;
}

.oyuncuList {
    position: absolute;
    width: 20%;
    height: 50%;
    top: 35%;
    left: 61%;
    z-index: 95;
    display: none;
    background-color: rgba(0, 0, 0, 0.6);
}

.oyuncuList::-webkit-scrollbar {
    width: 12px;
}

.oyuncuList::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.oyuncuList::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #677077;
}

.arkList {
    position: relative;
    float: right;
    width: 34%;
    padding-left: 2px;
    margin-top: 5px;
    color: #fff;
}

.hediyeList {
    position: relative;
    float: left;
    width: 6%;
    padding: 2px;
}

.hediyeListS {
    position: absolute;
    left: 0px;
    width: 5%;
    top: 5%;
    padding: 2px;
    z-index: 300;
}

.masalarList {
    position: relative;
    float: left;
    width: 59%;
    padding: 2px;
    margin-left: 2%;
}

progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    height: 12px;
    width: 100%;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

progress[value]::-webkit-progress-value {
    background: #33CC66;
}

progress[value]::-moz-progress-bar {
    background: #33CC66;
}

progress[value]::-webkit-progress-bar {
    background-color: #222222;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(58, 58, 58, 0.5) inset ;
}

progress[value]::-moz-progress-bar {
    background-color: #222222;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(58, 58, 58, 0.5) inset;
}

.blue {
    color: #2D2C2C;
}

.yellow {
    color: #F2C712;
}

.container th h1 {
    font-weight: bold;
    font-size: 0.8em;
    text-align: left;
    color: #185875;
}

.container td {
    font-weight: normal;
    font-size: 0.8em;
    border-bottom: solid 1px #c0c0c0;
}

.container {
    font-size: 0.6em;
    text-align: left;
    overflow-y: scroll;
    width: 99%;
    margin: 0 auto;
    display: table;
    padding: 0 0 8em 0;
}

.container td,
.container th {
    padding-bottom: 1%;
    padding-top: 1%;
    padding-left: 1%;
    color: #000;
}


/* Background-color of the odd rows */

.container tr:nth-child(odd) {
    background-color: #FFF;
}


/* Background-color of the even rows */

.container tr:nth-child(even) {
    background-color: #F3F1F1;
}

.container th {
    background-color: #1F2739;
    color: #000;
}

.container td:first-child {
    color: #FB667A;
}


/*.container tr:hover {
   background-color: #464A52;
-webkit-box-shadow: 0 3px 3px -3px #0E1119;
	   -moz-box-shadow: 0 3px 3px -3px #0E1119;
	        box-shadow: 0 3px 3px -3px #0E1119;
}*/

.container tr:hover {
    background-color: #c1c1c1;
    color: #ffffff;
    font-weight: bold;
    box-shadow: #c1c1c1 -1px 1px, #656464 -2px 2px;
    transform: translate3d(1px, -1px, 0);
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: line;
}

.isaretli {
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.6);
}

.kazanilanText {
    font-size: 0.7em;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 15px;
    position: absolute;
    top: 14%;
    left: 42%;
    height: 25px;
    text-align: center;
    display: block;
    z-index: 55;
    color: #ffffff;
    padding-top: 5px;
    padding-left: 2%;
    padding-right: 2%;
    box-shadow: -1px -1px 10px 6px rgba(255, 175, 75, 0.5);
    width: 80px;
}

.kurpiyerMesaj {
    font-size: 9pt;
    font-weight: 500;
    background: rgba(27, 130, 226, 0.90);
    border-radius: 6px;
    position: absolute;
    top: 10%;
    left: 41%;
    text-align: center;
    display: block;
    z-index: 1555;
    color: #fff;
    padding: 8px 4px;
    width: 120px;
}

.kurpiyerBahsis {
    font-size: 8pt;
    font-weight: 500;
    background: rgba(27, 130, 226, 0.70);
    border-radius: 6px;
    position: absolute;
    top: 10%;
    left: 42%;
    height: 25px;
    text-align: center;
    display: block;
    z-index: 550;
    color: #fff;
    padding: 0px;
    width: 100px;
}

.bonusWin {
    font-size: 10pt;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 15px;
    position: absolute;
    left: 42%;
    height: 25px;
    text-align: center;
    display: block;
    z-index: 55;
    margin-top: -28px;
    color: #ffffff;
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
    box-shadow: -1px -1px 10px 6px rgba(255, 175, 75, 0.5);
    width: 150px;
    line-height: 20px;
}

.kazanilanCanakText {
    font-size: 0.8em;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    position: absolute;
    top: 22%;
    left: 35%;
    height: 80px;
    text-align: center;
    display: block;
    z-index: 55;
    color: #ffffff;
    padding-top: 10px;
    padding-left: 2%;
    padding-right: 2%;
    box-shadow: -1px -1px 10px 6px rgba(255, 175, 75, 0.5);
    width: 300px;
}

.rect {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -75px;
    margin-left: -75px;
    background: #f00;
    width: 150px;
    height: 60px;
    border-radius: 16px 16px 16px 16px;
    z-index: 1;
}

.rect::before {
    position: absolute;
    content: "";
    background: #000;
    top: 2px;
    left: 2px;
    width: 146px;
    height: 146px;
    border-radius: 14px 14px 14px 14px;
    z-index: 5;
}

.rect::after {
    display: block;
    content: "";
    position: absolute;
}

.progress-color {
    background: #F2F5A9;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 148px;
    height: 58px;
    border-radius: 25px 25px 25px 25px;
    z-index: 101;
}

.rect:hover:after {
    display: none;
}

.percent {
    position: absolute;
    margin-top: -13px;
    width: 100%;
    text-align: center;
    top: 50%;
    z-index: 8;
    font-size: 26px;
    height: 26px;
    color: #FFF;
    opacity: 0;
}

.rect:hover .percent {
    opacity: 1;
}

.rect .percent,
.rect:hover .percent,
.rect:hover:after .rect::after,
.hide {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.progress-wrap {
    position: absolute;
    width: 110%;
    height: 95%;
    top: -3.5%;
    left: -4.5%;
    z-index: -3;
    
}

.dolgu {
    position: absolute;
    background: #000000;
    border: 2px solid #000;  /*#6c6c6c;*/
    border-radius: 50%;
    width: 85px;
    height: 85px;
    margin-top: -24px;
    margin-left: -16px;
}

.progress {
    position: absolute;
    top: -37px;
    left: -29px;
    width: 111px;
    height: 111px;
    background: #08D202;
    border: 2px solid #000; /*#6c6c6c; */
    stroke-dasharray: 360;
    stroke-dashoffset: 360;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    -moz-transform-origin: center;
    transform-origin: center;
    -webkit-animation: progress 10s linear;
    -moz-animation: progress 10s linear;
    animation: progress 10s linear;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    transform: rotateZ(2deg);
}

.progress-hizli {
    position: absolute;
    top: -37px;
    left: -29px;
    width: 111px;
    height: 111px;
    background: #08D202;
    border: 2px solid #000; /*#6c6c6c; */
    stroke-dasharray: 360;
    stroke-dashoffset: 360;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    -moz-transform-origin: center;
    transform-origin: center;
    -webkit-animation: progress 7s linear;
    -moz-animation: progress 7s linear;
    animation: progress 7s linear;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    transform: rotateZ(2deg);
    /*position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #222;
    stroke-dasharray: 360;
    stroke-dashoffset: 360;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    -moz-transform-origin: center;
    transform-origin: center;
    -webkit-animation: progress 7s linear;
    -moz-animation: progress 7s linear;
    animation: progress 7s linear;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
}

.animImage {
    /*background-image: url(/public/images/Shape/shape181.svg);*/
    width: 50px; 
    height: 50px; 
    margin-left: 10px; 
    margin-top: 10px; 
    padding: 0px;
    /*-webkit-animation: kartopu 2s linear;
    -moz-animation: kartopu 2s linear;
    animation: kartopu 2s linear;*/
}

@-webkit-keyframes progress {
    0% {
        stroke-dashoffset: 360;
    }
    100% {
        stroke-dashoffset: 89;
    }
}

@keyframes progress {
    0% {
        stroke-dashoffset: 360;
    }
    100% {
        stroke-dashoffset: 89;
    }
}

/*@-webkit-keyframes kartopu {
    0% {
        background-image: url(/public/images/Shape/shape181.svg);
    }
    5% {
        background-image: url(/public/images/Shape/shape183.svg);
    }
    10% {
        background-image: url(/public/images/Shape/shape184.svg);
    }
    20% {
        background-image: url(/public/images/Shape/shape185.svg);
    }
    25% {
        background-image: url(/public/images/Shape/shape186.svg);
    }
    30% {
        background-image: url(/public/images/Shape/shape187.svg);
    }
    40% {
        background-image: url(/public/images/Shape/shape188.svg);
    }
    50% {
        background-image: url(/public/images/Shape/shape189.svg);
    }
    60% {
        background-image: url(/public/images/Shape/shape160.svg);
    }
    70% {
        background-image: url(/public/images/Shape/shape191.svg);
    }
    80% {
        background-image: url(/public/images/Shape/shape192.svg);
    }
    85% {
        background-image: url(/public/images/Shape/shape193.svg);
    }
    95% {
        background-image: url(/public/images/Shape/shape194.svg);
    }

    100% {
        background-image: url(/public/images/Shape/shape195.svg);
    }
}

@keyframes kartopu {
    0% {
        background-image: url(/public/images/Shape/shape181.svg);
    }
    5% {
        background-image: url(/public/images/Shape/shape183.svg);
    }
    10% {
        background-image: url(/public/images/Shape/shape184.svg);
    }
    20% {
        background-image: url(/public/images/Shape/shape185.svg);
    }
    25% {
        background-image: url(/public/images/Shape/shape186.svg);
    }
    30% {
        background-image: url(/public/images/Shape/shape187.svg);
    }
    40% {
        background-image: url(/public/images/Shape/shape188.svg);
    }
    50% {
        background-image: url(/public/images/Shape/shape189.svg);
    }
    60% {
        background-image: url(/public/images/Shape/shape160.svg);
    }
    70% {
        background-image: url(/public/images/Shape/shape191.svg);
    }
    80% {
        background-image: url(/public/images/Shape/shape192.svg);
    }
    85% {
        background-image: url(/public/images/Shape/shape193.svg);
    }
    95% {
        background-image: url(/public/images/Shape/shape194.svg);
    }

    100% {
        background-image: url(/public/images/Shape/shape195.svg);
    }
}*/


.uList {
    font-size: 0.6em;
    border-radius: 3px;
    overflow: auto;
    position: absolute;
    padding: 2px;
    top: 35%;
    /*left: 55%;*/
    z-index: 605;
}

.uListMan {
    font-size: 0.6em;
    border-radius: 3px;
    overflow: auto;
    padding: 2px;
    margin-top: 57px;
    right: -120px;
    float: right;
    position: relative;
    z-index: 605;
}


.userInfo {
    float: right;
    color: yellow;
    margin-right: 10px;
    font-size: 0.8em;
    padding: 3px 3px 3px 3px;
    background: #b5bdc8;
    width: 120px;
    border-style: inset;
    border-width: 1px;
}

#lobby {
    width: 100%;
}

.pactive {
    color: #000;
}

#divProfil li {
    border: 1px solid #afafaf;
    padding: 2px;
    background: #fff;
    text-align: center;
    height: 20px;
    cursor: pointer;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 0 6px #000000 inset;
}

#altTabs li {
    float: left;
    background-image: url(/public/images/v3/secimsiz2.png);
    border-bottom-width: 0;
    margin: 0px;
    padding: 0px;
    color: #FFF;
    height: 21px;
    line-height: 20px;
    font-size: 9pt;
    margin-top: 8px;
    cursor: pointer;
    width: 135px;
    text-align: center;
    background-color: transparent;
    background-position: 0px 0px;
    background-size: 100% 104%;
}

.araToolbarDiv {
    height: 175px;
    border: 0px;
    margin-top: 10px;
    margin-left: 4px;
    width: 26px;
    position: relative;
    float: left;
}

.araToolBtn {
    padding: 1px;
    margin: 2px;
    width: 25px;
    height: 25px;
}

.altTabSolListe {
    width: 304px;
    border-radius: 7px;
    height: 175px;
    border: 1px solid #8c8c8c;
    margin-top: 10px;
    margin-left: 1px;
    background-image: linear-gradient(to bottom, #2d303b, #3a3e4d, #474d61, #555c74, #636c89);
    position: relative;
    float: left;
}

.fisAktarDiv {
    width: 110px;
    background-size: 100%;
    border-radius: 7px;
    height: 164px;
    margin-top: 6px;
    margin-left: 6px;
    position: relative;
    float: left;
    background-image: url(/public/images/v3/fisgonderbg.png);
}

.arkadasVarDiv {
    width: 58px;
    background-size: 100%;
    border-radius: 7px;
    height: 164px;
    margin-top: 6px;
    margin-left: 3px;
    position: relative;
    float: left;
    background-color: #000;
}

.arkadasEkleDiv {
    width: 58px;
    background-size: 100%;
    border-radius: 7px;
    height: 164px;
    margin-top: 6px;
    margin-left: 3px;
    position: relative;
    float: left;
    background-image: url(/public/images/v3/davetetbg.png);
}

#altTabs .marginli {
    margin-left: -8px;
}

#altTabs .active {
    
    background-image: url(/public/images/v3/secili1.png) !important;
    background-position: 0px 0px;
    background-size: 100% 104%;
}

#altTabs .active2 {
    
    background-image: url(/public/images/v3/secili2.png) !important;
    background-position: 0px 0px;
    background-size: 100% 100%;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#tabs li {
    float: left;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-width: 0;
    margin: 5px 1px 0px 0px;
    padding: 5px 15px 0px 15px;
    font-size: 12pt;
    /*box-shadow: 0 0 6px rgba(0, 0, 0, 0.8) inset;*/
    color: #fff;
    height: 25px;
    cursor: pointer;
    background-image: linear-gradient(to top, #000000, #101010, #191919, #232323, #2c2c2c);
}

#tabsg li {
    float: left;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-width: 0;
    margin: 5px 4px 0px 0px;
    padding: 5px 15px 0px 15px;
    font-size: 12pt;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
    color: #fff;
    height: 25px;
    cursor: pointer;
    background-color: #d4d4d4;
}

#tabsglb li {
    float: left;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-width: 0;
    margin: 5px 4px 0px 0px;
    padding: 5px 15px 0px 15px;
    font-size: 12pt;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
    color: #fff;
    height: 25px;
    cursor: pointer;
    background-color: #d4d4d4;
}

.userProfile {
    width: 55%;
    margin-right: 0%;
    height: 68px;
    position: relative;
    float: right;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: left;
    font-size: 0.9em;
}

.userOnline {
    width: 160px;
    margin-left: 25px;
    height: 18px;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 5px;
    text-align: center;
    font-size: 11pt;
    font-weight: bold;
    margin-top: 10px;
}

.userChip {
    width: 110px;
    padding-left: 7px;
    font-size: 12pt;
    color: #ffffff;
    margin-top: 6px;
    height: 31px;
    line-height: 32px;
    position: relative;
    float: left;
}

.potChip {
    position: absolute;
    top: -50%;
    left: 31%;
}

.hediyeBtnIlk {
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 5px;
    margin-top: 35px;
    cursor: pointer;
}

.hediyeBtn {
    position: absolute;
    margin: 0px;
    top: 36%;
    right: 2%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 5px;
    cursor: pointer;
}

.btnMasa {
    font-size: 10pt;
}

.chip {
    height: 16px;
}

.potChip {
    height: 16px;
}

#betChip0 {
    height: 0px;
    position: absolute;
    display: block;
    left: 55%;
    top: -65%;
}

#betChip1 {
    height: 0px;
    position: absolute;
    left: 55%;
    top: -65%;
}

#betChip2 {
    height: 0px;
    position: absolute;
    left: 55%;
    top: -65%;
}

#betChip3 {
    height: 0px;
    position: absolute;
    left: 55%;
    top: -65%;
}

#betChip4 {
    height: 0px;
    position: absolute;
    left: 55%;
    top: -65%;
}

#betChip5 {
    height: 0px;
    position: absolute;
    left: 55%;
    top: -65%;
}

#betChip6 {
    height: 0px;
    position: absolute;
    left: 55%;
    top: -65%;
}

#betChip7 {
    height: 0px;
    position: absolute;
    left: 55%;
    top: -55%;
}

#betChip8 {
    height: 0px;
    display: block;
    position: absolute;
    left: 55%;
    top: -55%;
}

#betChip9 {
    height: 0px;
    position: absolute;
    left: 55%;
    top: -65%;
}

.btnList {
    position: relative;
    font-weight: bold;
    font-size: 1em;
    float: right;
    padding: 2px;
    color: #000;
    border: 0px;
    z-index: 25;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.52) 20%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.52) 20%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.52) 20%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a6ffffff', endColorstr='#00000000', GradientType=0);
}

.buyukGoster {
    display: block;
}

.buyukGizle {
    display: none;
}

.buyukGizlee {
    display: none;
}

.buyukGosterr {
    display: initial;
}

.betChip {
    position: absolute;
    top: -100%;
    left: 40%;
}

.resimKarat {
    opacity: 0.3;
    transform: scale(0.9);
}

.seatImageCover {
    width: 50px;
    height: 50px;
    margin: 0px;
    margin-top: -25px;
    margin-left: 0px;
    /*border-radius: 50%;*/
    background: #000;
    z-index: 0;
}

.seatImage {
    width: 50px;
    height: 50px;
    margin: 0px;
    /*border-radius: 50%;*/
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition:         transform .5s ease-in-out;
    z-index: 1;
}

/*.seatImage:hover {
    -webkit-transform: rotate(360deg); transform:rotate(360deg);
}*/


.koltukUstBilgi {
    background: rgb(0,0,0);
    background: -moz-linear-gradient(45deg, rgba(0,0,0,0.8) 20%, rgba(0, 75, 85,0.8) 51%, rgba(0,0,0,0.8) 80%);
    background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.8) 20%,rgba(0, 75, 85,0.8) 51%,rgba(0,0,0,0.8) 80%);
    background: linear-gradient(45deg, rgba(0,0,0,0.8) 20%,rgba(0, 75, 85,0.8) 51%,rgba(0,0,0,0.8) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );
}

.chipBtn {
    color: #000;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefcea+0,f1da36+100;Gold+3D */
    background: #fefcea;
    /* Old browsers */
    background: -moz-linear-gradient(to bottom, #fefcea 0%, #00BCD4 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(to bottom, #fefcea 0%, #00BCD4 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fefcea 0%, #00BCD4 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fefcea', endColorstr='#f1da36', GradientType=0);
    /* IE6-9 */
    border: 0;
    height: 30px;
    width: 95%;
    font-size: 0.6em;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
    font-weight: bold;
}

.menuButton {
    position: relative;
    float: left;
    height: 40px;
    width: 8%;
    margin-left: 10px; 
    text-align: center;
}

.luckyBtn {
    background-image: url(/public/images/v3/lucky.png);
    background-repeat: no-repeat;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    background-color: transparent;
    border: 0px;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    height: 35px;
    width: 40px;
    font-size: 0.6em;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 3px;
    padding-right: 3px;
    font-weight: bold;
    text-decoration:none;
}

.vipBtn {
    background-image: url(/public/images/v3/vip.png);
    background-repeat: no-repeat;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    background-color: transparent;
    border: 0px;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    height: 35px;
    width: 40px;
    font-size: 0.6em;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 3px;
    padding-right: 3px;
    font-weight: bold;
    text-decoration:none;
}

.sikayetBtn {
    background-position: 7px 0px;
    background-image: url(/public/images/v3/report2.png);
    background-size: 75% 90%;
    background-repeat: no-repeat;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    background-color: transparent;
    border: 0px;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    height: 35px;
    width: 95%;
    font-size: 0.6em;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 3px;
    padding-right: 3px;
    font-weight: bold;
    text-decoration:none;
}
/*.sikayetBtn:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
    background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
    background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
    background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
    background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
    background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
    background-color:#bc3315;
}
.sikayetBtn:active {
    position:relative;
    top:1px;
}*/

.chipBtn:hover,
.hemenOynaBtn:hover {
    box-shadow: -1px -1px 10px 6px rgba(255, 175, 75, 0.5);
}

#mainView {
    clear: both;
    padding: 0px;
    height: 300px;
    font-size: 1.2em;
}

#mainGiftView {
    clear: both;
    padding: 0px;
    height: 350px;
    overflow: auto;
    font-size: 1.2em;
    
}

#mainGiftViewLb {
    clear: both;
    padding: 0px;
    height: 350px;
    overflow: auto;
    font-size: 1.2em;
    
}

#mainAltView {
    clear: both;
    padding: 0px;
    height: 175px;
    font-size: 12pt;
}

.tabTitle {
    font-weight: bold;
}

.altTabTitle {
    font-weight: bold;
    height: 100%;
    font-size: 9pt;
    line-height: 24px;
}


/*.tabTitle:hover {
	//text-shadow: 6px 6px 0px rgba(255, 248, 45, 0.8);
	text-shadow: 2px 2px 5px yellow;
}*/

.active {
    
    color: #000;
}

.kazanan {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd65e+0,febf04+100;Yellow+3D+%232 */
    background: #ffd65e;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffd65e 0%, #febf04 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffd65e 0%, #febf04 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffd65e 0%, #febf04 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffd65e', endColorstr='#febf04', GradientType=0);
    /* IE6-9 */
    color: #fff;
    -webkit-box-shadow: 0px 0px 50px 3px rgba(254,191,4,1);
    -moz-box-shadow: 0px 0px 50px 3px rgba(254,191,4,1);
    box-shadow: 0px 0px 50px 3px rgba(254,191,4,1);

    /*box-shadow: -1px -1px 10px 6px rgba(255, 175, 75, 0.5);*/
    border: 5px solid #ffffff
}

.userResim {
    float: left;
    margin-right: 10px;
}

.userPuan {
    margin-left: 5px;
    height: 40px;
    width: 24%;
    vertical-align: middle;
    float: left;
}

.pHeader {
    width: 100%;   
    padding-bottom: 2px;
    height: 38px;
}
.header {
    background: rgb(0,0,0);
    height: 40px;
    margin: 0 auto;
    width: 740px;
}
.pUstBolum {
    width: 100%;
}

#tabs .active {
    background-image: linear-gradient(to bottom, #f4f4f4, #efefef, #eaeaea, #e5e5e5, #e0e0e0);
    color: #000;
}

#tabsg .active {
    background-color: #fff;
    color: #000;
}

#tabsglb .active {
    background-color: #fff;
    color: #000;
}

.pMenu {
    width: 100%;
    height: 40px;
    vertical-align: middle;
    background: #072932; /* Old browsers */
    background: -moz-linear-gradient(top, #072932 0%, #000a0d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #072932 0%,#000a0d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #072932 0%,#000a0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#072932', endColorstr='#000a0d',GradientType=0 ); /* IE6-9 */
}

.mainlogo {
    background: #000000;
    margin-left: 5px;
    width: 200px;
    position: relative;
    float: left;
}

.masaSecBtn {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #25A325), color-stop(1, #009400));
	background:-moz-linear-gradient(top, #25A325 5%, #009400 100%);
	background:-webkit-linear-gradient(top, #25A325 5%, #009400 100%);
	background:-o-linear-gradient(top, #25A325 5%, #009400 100%);
	background:-ms-linear-gradient(top, #25A325 5%, #009400 100%);
	background:linear-gradient(to bottom, #25A325 5%, #009400 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#25A325', endColorstr='#009400',GradientType=0);
	background-color:#25A325;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #25A325;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:10pt;
	font-weight:bold;
    text-decoration:none;
    float: right;
    padding: 4px 0px 4px 0px;
    margin-left: 5px;
    margin-top: -5%;
    width: 90px;
    height: 54px;
}
.masaSecBtn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #009400), color-stop(1, #25A325));
	background:-moz-linear-gradient(top, #009400 5%, #25A325 100%);
	background:-webkit-linear-gradient(top, #009400 5%, #25A325 100%);
	background:-o-linear-gradient(top, #009400 5%, #25A325 100%);
	background:-ms-linear-gradient(top, #009400 5%, #25A325 100%);
	background:linear-gradient(to bottom, #009400 5%, #25A325 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#009400', endColorstr='#25A325',GradientType=0);
	background-color:#009400;
}

.hemenOynaBtn {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #25A325), color-stop(1, #009400));
	background:-moz-linear-gradient(top, #25A325 5%, #009400 100%);
	background:-webkit-linear-gradient(top, #25A325 5%, #009400 100%);
	background:-o-linear-gradient(top, #25A325 5%, #009400 100%);
	background:-ms-linear-gradient(top, #25A325 5%, #009400 100%);
	background:linear-gradient(to bottom, #25A325 5%, #009400 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#25A325', endColorstr='#009400',GradientType=0);
	background-color:#25A325;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #25A325;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14pt;
	font-weight:bold;
    text-decoration:none;
    padding: 7px 0px 7px 0px;
    margin-left: 25px;
    margin-top: 0%;
    width: 160px;
}
.hemenOynaBtn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #009400), color-stop(1, #25A325));
	background:-moz-linear-gradient(top, #009400 5%, #25A325 100%);
	background:-webkit-linear-gradient(top, #009400 5%, #25A325 100%);
	background:-o-linear-gradient(top, #009400 5%, #25A325 100%);
	background:-ms-linear-gradient(top, #009400 5%, #25A325 100%);
	background:linear-gradient(to bottom, #009400 5%, #25A325 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#009400', endColorstr='#25A325',GradientType=0);
	background-color:#009400;
}
.hemenOynaBtn:active {
	position:relative;
	top:1px;
}


/*.hemenOynaBtn {
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    
    border: 0px;
    cursor: pointer;
    width: 23%;
    position: relative;
    float: left;
    background-image: linear-gradient(to bottom, #FF9800 0%, #FF9800 50%, #f8b500 51%, #FF9800 100%);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.8) inset;
}*/

#mainmenu {
    height: 40px;
    margin: 0px auto;
    width: 740px;
    background-image: url(/public/images/v3/ustborderbg2.png);
    /*background-image: linear-gradient(to top, #000000, #111111, #1c1b1b, #262525, #313030);*/
    /*background: #959595;
    background: -moz-linear-gradient(top, #959595 0%, #0d0d0d 41%, #010101 50%, #0a0a0a 53%, #383838 100%, #4e4e4e 100%, #1b1b1b 100%); 
    background: -webkit-linear-gradient(top, #959595 0%,#0d0d0d 41%,#010101 50%,#0a0a0a 53%,#383838 100%,#4e4e4e 100%,#1b1b1b 100%); 
    background: linear-gradient(to bottom, #959595 0%,#0d0d0d 41%,#010101 50%,#0a0a0a 53%,#383838 100%,#4e4e4e 100%,#1b1b1b 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 );*/
}

#bet-input {
    width: 100%;
    margin-top: 20px;
}

input {
    border-radius: 0;
}

#btnKalk {
    position: absolute;
    margin: 0px;
    margin-top: 0px;
    top: 17%;
    right: 2%;
    width: 55px;
    height: 15px;
    padding: 1px 0px;
    border: 0px;
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 ); 
    color: #000;
    border-radius: 5px;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    line-height: 15px;
}

.dvMasaMan {
    display: none; 
    background: rgba(0, 0, 0, 0.8); 
    color: rgb(255, 255, 255); 
    width: 160px;
    z-index: 1780;
    margin-top: 57px;
    right: -100px;
    float: right;
    position: relative;
}

.btnMan {
    position: absolute;
    margin: 0px;
    margin-top: 0px;
    top: 32%;
    right: 2%;
    width: 55px;
    height: 15px;
    padding: 1px 0px;
    border: 0px;
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 ); 
    color: #000;
    border-radius: 5px;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    line-height: 15px;
}

.btnbeyaz {
    position: absolute;
    margin: 0px;
    margin-top: 0px;
    top: 47%;
    right: 2%;
    width: 55px;
    height: 15px;
    padding: 1px 0px;
    border: 0px;
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 ); 
    color: #000;
    border-radius: 5px;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    line-height: 15px;
}

.btnkara {
    position: absolute;
    margin: 0px;
    margin-top: 0px;
    top: 62%;
    right: 2%;
    width: 55px;
    height: 15px;
    padding: 1px 0px;
    border: 0px;
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 ); 
    color: #000;
    border-radius: 5px;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    line-height: 15px;
}


.control-icon {
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    font-size: 12pt; 
    font-weight: bold; 
}

button,
input[type="submit"],
.button {
    padding: 16px;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    color: #be78e8;
    font-size: 1.4em;
    font-weight: lighter;
}

button.small,
input[type="submit"].small,
.button.small {
    font-size: 1em;
}

button.control-button,
input[type="submit"].control-button,
.button.control-button {
    padding: 0;
    text-align: left !important;
    padding-left: 10px;
    height: 30px;
    width: 93%;
    font-weight: bold;
    font-size: 9pt;
    cursor: pointer;
}

button.control-button.small,
input[type="submit"].control-button.small,
.button.control-button.small {
    font-size: 1em;
}

button:active {
    outline: none;
    border: none;
}

button:focus {outline:0;}


.styled-checkbox {
    position: absolute;
    opacity: 0;
  }
  .styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
  }
  .styled-checkbox + label:before {
    content: "";
    margin-right: 10px;
    margin-top: -1px;
    display: inline-block;
    vertical-align: text-top;
    width: 12px;
    height: 12px;
    background: #fff;
    color: #000;
    border: 2px solid #000;
  }
  .styled-checkbox:hover + label:before {
    background: #fff;
  }
  .styled-checkbox:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
  }
  .styled-checkbox:checked + label:before {
    background: #ffffff;
  }
  .styled-checkbox:disabled + label {
    color: #000000;
    cursor: auto;
  }
  .styled-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd;
  }
  .styled-checkbox:checked + label:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 7px;
    background: #000;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 black, 4px 0 0 black, 4px -2px 0 black, 4px -4px 0 black, 4px -6px 0 black, 4px -8px 0 black;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }



  .styled-checkboxG {
    position: absolute;
    opacity: 0;
  }
  .styled-checkboxG + label {
    position: relative;
    cursor: pointer;
    padding: 0;
  }
  .styled-checkboxG + label:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 15px;
    height: 15px;
    background: transparent;
    color: #fff;
    /*border: 1px solid #fff;*/
  }
  
  input::placeholder {
    font-family: 'FontAwesome', Arial, Helvetica, sans-serif ; 
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 100;

  }

  #btnUserSikayet {
    background-image: url(/public/images/v3/sustur.png);
    background-position: 1px -2px;
    background-size: 100% 110%;
    position: relative;
    float: right;
    width: 62px;
    height: 22px;
    margin: 0px;
    margin-right: 5px;
    border: 0px;
    padding: 0px;
    z-index: 35;
    padding-left: 5px;
    font-size: 7pt;
    color: #000;
    font-weight: 600;
    line-height: 22px;
  }

.newCtrl-button {
    padding: 0;
    height: 65px;
    width: 25%;
    font-weight: bold;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	display:inline-block;
	cursor:pointer;
    color:#fff;
    font-size: 10pt;
	display: table-cell; 
    text-decoration:none;
    text-align: center; 
    line-height: 40px;
}
.siyahYap {
    color: #000;
}

.beyazYap {
    color: #fff;
}

.control-button {
    padding: 0;
    height: 30px;
    width: 93%;
    font-weight: bold;
    cursor: pointer;
    background: #F5F5F5;
    background-image: -webkit-linear-gradient(top, #F5F5F5, #B8B8B8);
    background-image: -moz-linear-gradient(top, #F5F5F5, #B8B8B8);
    background-image: -ms-linear-gradient(top, #F5F5F5, #B8B8B8);
    background-image: -o-linear-gradient(top, #F5F5F5, #B8B8B8);
    background-image: linear-gradient(to bottom, #F5F5F5, #B8B8B8);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	border:1px solid #1f2f47;
	display:inline-block;
	cursor:pointer;
	color:#222222;
	font-family:Arial;
	font-size:12px;
	
	text-decoration:none;
}
.control-button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
}


.btnImage {
    position: relative;
    float: left;
    margin-left: 5px;
}


h1,
h2,
h3,
h4,
h5 {
    margin-top: 0;
}

a {
    text-decoration: none;
    
    color: #be78e8;
    font-size: 1em;
    white-space: nowrap;
}

.hidden {
    display: none;
}

.error {
    color: #D64937;
}

.myChipAmount {
    font-size: 0.9em;
}

#content {
    margin: 0 auto;
    padding: 0%;
    width: 740px;
    height: 800px;
    overflow: hidden;
}

.bg-bubbles {
  
  width: 100%;
  height: 100%;
  z-index: 0;
}
.bg-bubbles li {
  position: absolute;
  list-style: none;
  display: block;
  width: 20px;
  height: 20px;
  bottom: -60px;
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-animation: square 20s infinite;
  animation: square 20s infinite;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.bg-bubbles li:nth-child(1) {
  left: 25;
}
.bg-bubbles li:nth-child(2) {
  left: 30%;
  width: 40px;
  height: 40px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
}
.bg-bubbles li:nth-child(3) {
  left: 35%;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
.bg-bubbles li:nth-child(4) {
  left: 40%;
  width: 30px;
  height: 30px;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  background-color: rgba(255, 255, 255, 0.25);
}
.bg-bubbles li:nth-child(5) {
  left: 45%;
}
.bg-bubbles li:nth-child(6) {
  left: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  background-color: rgba(255, 255, 255, 0.2);
}
.bg-bubbles li:nth-child(7) {
  left: 55%;
  width: 80px;
  height: 80px;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
}
.bg-bubbles li:nth-child(8) {
  left: 60%;
  width: 20px;
  height: 20px;
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
  -webkit-animation-duration: 25s;
          animation-duration: 25s;
}
.bg-bubbles li:nth-child(9) {
  left: 62%;
  width: 10px;
  height: 10px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  background-color: rgba(255, 255, 255, 0.3);
}
.bg-bubbles li:nth-child(10) {
  left: 66%;
  width: 80px;
  height: 80px;
  -webkit-animation-delay: 11s;
          animation-delay: 11s;
}
@-webkit-keyframes square {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
            transform: translateY(-700px) rotate(600deg);
  }
}
@keyframes square {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
            transform: translateY(-700px) rotate(600deg);
  }
}


.divHediyeList {
    display: block;
    width: 18%;
    float: left;
}

.divHediyeLists {
    display: block;
    width: 18%;
    position: absolute;
    left: 0%;
    top: 20%;
}

.divOyunList {
    display: block;
    width: 48%;
    float: left;
    margin-left: 5px;
}

.dvProgress {
    width: 100%;
    height: 25px;
    vertical-align: middle;
}

.tblCell {
    white-space: nowrap; 
    cursor: pointer;
}

.tblHead {
    color: #ffffff;
    background: #45484d;
    /* Old browsers */
    background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
    font-size: 0.8em;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.divArkList {
    height: 300px;
    overflow-y: scroll;
}

.divArkadasListOy {
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 0.8em;
    color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
}

.divArkadasListOy::-webkit-scrollbar {
    width: 12px;
}

.divArkadasListOy::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.divArkadasListOy::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #677077;
}

.divArkadasList {
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 0.8em;
    overflow-x: hidden;
    overflow-y: auto;
}

.arkImage {
    position: relative;
    float: left;
    width: 48px;
    height: 48px;
}

.btnSatinal {
    position: relative;
    float: left;
    width: 80%;
    font-size: 0.8em;
    padding: 5px;
    color: #00BCD4;
    border: 1px solid #00BCD4;
    font-weight: bold;
}

.chipRow {
    width: 95%;
    padding: 10px 5px;
    height: 30px;
    border-bottom: 1px solid rgba(192, 192, 192, 0.44);
    font-size: 0.8em;
    text-align: center;
    color: #ffba06;
    font-weight: bold;
}

.boddyRow {
    width: 95%;
    padding-top: 5%;
    height: 55px;
    border-bottom: 1px solid #c0c0c0;
    font-size: 0.8em;
    text-align: center;
}

.btnKatil {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#181818;
	font-family:Arial;
	font-weight:bold;
	text-decoration:none;
    position: relative;
    float: right;
    margin-right: -6px;
    font-size: 8pt;
    padding: 3px 6px;
    top: -6px
}
.btnKatil:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
}

.arkItemOy {
    margin: 3px 3px 0px 3px;
    padding: 3px;
    border: 1px solid #000000;
    border-radius: 5px;
    width: 56px;
    height: 80px;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 0.7em;
    background: #45484d;
    background: -moz-linear-gradient(45deg, #45484d 0%, #000000 100%);
    background: -webkit-linear-gradient(45deg, #45484d 0%, #000000 100%);
    background: linear-gradient(45deg, #45484d 0%, #000000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=1);
}

.giSelected {
    border: 3px solid goldenrod !important;
    background: palegoldenrod;
}

.tableBg {
    width: 100%;
    height: 740px;
    /*background: url(/public/images/bg.png);
    background-size: 100% 576px;
    background-repeat: no-repeat;*/
}

.listeKucukFont {
	font-size: 0.6em;
	font-weight: bold;
}

.listeBuyukFont {
	font-size: 0.7em;
	font-weight: bold;
}

.arkItem {
    margin: 1%;
    padding: 2%;
    border: 2px solid #3196c3;
    border-radius: 10px;
    width: 92.5%;
    height: 50px;
    display: block;
    font-size: 9pt;
    background-color: #2b2b2b;
}

.arkOnItem {
    margin: 1%;
    padding: 2%;
    border: 1px solid #000000;
    border-radius: 5px;
    width: 95%;
    height: 70px;
    display: block;
    background: #cacbca;
    /* Old browsers */
    background: -moz-linear-gradient(top, #cacbca 0%, #7d7e7d 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #cacbca 0%, #7d7e7d 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #cacbca 0%, #7d7e7d 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#cacbca', endColorstr='#7d7e7d', GradientType=0);
    /* IE6-9 */
}

.ustOnItem {
    border-bottom: 1px solid #000;
    width: 100%;
    height: 40px;
    text-align: left;
    font-size: 10pt;
    color: #222;
}

.onImage {
    float: left;
    position: relative;
    height: 100%;
    border-radius: 50%;
}

.divArkadasList::-webkit-scrollbar {
    width: 12px;
}

.divArkadasList::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(150, 150, 150, 0.8);
    border-radius: 10px;
}

.divArkadasList::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #c0c0c0;
    background: #fff;
}

.divArkList::-webkit-scrollbar {
    width: 12px;
}

.divArkList::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.divArkList::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #677077;
}

table,
tr,
th,
td {
    color: #ffffff;
    border-collapse: collapse;
    padding: 8px;
}

table a {
    color: #000;
    font-weight: normal;
}

table {
    width: 100%;
}

#table-wrap {
    position: relative;
    height: 100%;
    /*background: url('/public/images/arkaplan_1.jpg');
    background-size: 80% 100%;
    background-repeat: no-repeat;
    padding: 30px;
    background-origin: padding-box;*/
}

.lobbyList {
    border: 1px solid #9c9c9c;
    padding: 5px;
    background-image: linear-gradient(to bottom, #f4f4f4, #efefef, #eaeaea, #e5e5e5, #e0e0e0);
    width: 98%;
    height: 230px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
}

.chatSohbet {
    height: 101%;
    width: 99%;
}

.masaList {
    width: 100%;
    height: 160px;
    overflow-y: scroll;
    font-size: 21pt;
}

.masaList::-webkit-scrollbar {
    width: 12px;
}

.masaList::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.masaList::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #ffffff;
    background: #2D2C2C;
}

#table-list {
    font-size: 0.6em;
}

#table-list tr:hover td {
    background: #2D2C2C;
}

#table-list th {
    color: #ffffff;
    background: #45484d;
    /* Old browsers */
    background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
}



#table-list .centered-text {
    text-align: center;
}

.clsPerm {
    font-size: 8pt;
    font-weight: bold;
    line-height: 18px;
    width: 104%;
    height: 20px;
    border-radius: 5px 5px 0px 0px;
    background-position: -1px -3px;
    background-image: url(/public/images/v3/chipbtnbg.png);
    background-size: 105% 123%;
}

#table {
    background-image: url(/public/images/masa/1.png);
    background-size: 100% 109%;
    transform: rotateX(60deg);
    background-repeat: no-repeat;
    height: 87%;
    left: 8%;
    position: absolute;
    top: -18%;
    width: 82%;
    z-index: 0;
}

#table #felt {
    width: 92%;
    height: 86%;
    position: relative;
    top: 7%;
    left: 4%;
}

#table6 {
    background-image: url('/public/images/masa50.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 52%;
    left: 10%;
    position: absolute;
    top: 10%;
    width: 80%;
    z-index: 0;
}

#table6 #felt {
    width: 92%;
    height: 86%;
    position: relative;
    top: 7%;
    left: 4%;
}

#table2 {
    background-image: url('/public/images/masa2.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 52%;
    left: 10%;
    position: absolute;
    top: 1%;
    width: 80%;
    z-index: 0;
}

#table2 #felt {
    width: 92%;
    height: 86%;
    position: relative;
    top: 7%;
    left: 4%;
}

.rdyPlayer {
    position: relative;
    float: left;
    margin-left: 20%;
    display: block;
    text-align: center;
    margin-top: 1%;
    width: 150px;
    height: 24px;
    cursor: pointer;
    border-radius: 5%;
    background: #ff3019;
    background: -moz-linear-gradient(top, #ff3019 0, #cf0404 100%);
    background: -webkit-linear-gradient(top, #ff3019 0, #cf0404 100%);
    background: linear-gradient(to bottom, #ff3019 0, #cf0404 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
}

div.row {
    height: 25%;
    width: 100%;
    position: relative;
    z-index: 2;
}

div.row.controls {
    border-radius: 8px;
    z-index: 1;
    height: 185px;
    position: absolute;
    top: 393px;;
}

.kampanya {
    position: relative;
    float: left;
    margin: 2px;
    margin-left: 2%;
}

div.cell {
    float: left;
    width: 25%;
    height: 100%;
    position: relative;
}

div.cell button {
    margin: 22.5% 15%;
}

div.double-cell {
    float: left;
    width: 50%;
    height: 100%;
}

div.controls div.cell {
    width: 20%;
}

div.controls div.double-cell {
    width: 30%;
}

div.controls div.double-cell .cell-content {
    padding: 8%;
}

div.controls div.chat-cell {
    float: left;
    width: 30%;
}

div.controls div.chat-header {
    color: #ffffff;
    float: left;
    font-size: 9pt;
    text-align: left;
    vertical-align: middle;
    position: relative;
    z-index: 101;
    background: #959595;
    background: -moz-linear-gradient(top, #959595 0%, #0d0d0d 41%, #010101 50%, #0a0a0a 53%, #383838 100%, #4e4e4e 100%, #1b1b1b 100%);
    background: -webkit-linear-gradient(top, #959595 0%,#0d0d0d 41%,#010101 50%,#0a0a0a 53%,#383838 100%,#4e4e4e 100%,#1b1b1b 100%);
    background: linear-gradient(to bottom, #959595 0%,#0d0d0d 41%,#010101 50%,#0a0a0a 53%,#383838 100%,#4e4e4e 100%,#1b1b1b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 );
    width: 98%;
    height: 12%;
    padding-left: 5px;
    padding-top: 1px;
    margin-left: 0px;
    border-bottom: 1px solid #fff;
}

div.controls div.chat-header_2 {
    color: #ffffff;
    float: left;
    font-size: 9pt;
    text-align: left;
    vertical-align: middle;
    position: relative;
    z-index: 101;
    /* background: rgba(0, 0, 0, 0.5); */
    width: 98%;
    height: 12%;
    padding-left: 5px;
    padding-top: 1px;
    margin-left: 0px;
    border-bottom: 1px solid #fff;
}



input[type=range] {
    height: 20px;
    -webkit-appearance: none;
    margin: 3px 0;
    width: 100%;
  }
  input[type=range]:focus {
    outline: none;
  }
  input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 1px 1px 1px #000000;
    background: #000000;
    border-radius: 0px;
    border: 1px solid #000000;
  }
  input[type=range]::-webkit-slider-thumb {
    box-shadow: 1px 1px 1px #000000;
    border: 1px solid #000000;
    height: 20px;
    width: 14px;
    border-radius: 4px;
    background: linear-gradient(to bottom, #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%);
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -11px;
  }
  input[type=range]:focus::-webkit-slider-runnable-track {
    background: rgb(0, 0, 0, 0.8);
  }
  input[type=range]::-moz-range-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 1px 1px 1px #000000;
    background: rgb(0, 0, 0, 0.8);;
    border-radius: 5px;
    border: 1px solid #000000;
  }
  input[type=range]::-moz-range-thumb {
    box-shadow: 1px 1px 1px #000000;
    border: 1px solid #000000;
    height: 22px;
    width: 40px;
    border-radius: 5px;
    background: #2b2b2b;
    cursor: pointer;
  }
  input[type=range]::-ms-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
  }
  input[type=range]::-ms-fill-lower {
    background: rgb(0, 0, 0, 0.8);
    border: 1px solid #000000;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #000000;
  }
  input[type=range]::-ms-fill-upper {
    background: rgb(0, 0, 0, 0.8);
    border: 1px solid #000000;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #000000;
  }
  input[type=range]::-ms-thumb {
    margin-top: 1px;
    box-shadow: 1px 1px 1px #000000;
    border: 1px solid #000000;
    height: 22px;
    width: 40px;
    border-radius: 5px;
    background: #616161;
    cursor: pointer;
  }
  input[type=range]:focus::-ms-fill-lower {
    background: rgb(0, 0, 0, 0.8);
  }
  input[type=range]:focus::-ms-fill-upper {
    background: rgb(0, 0, 0, 0.8);
  }


  input[type=range].newStyle {
    height: 20px;
    -webkit-appearance: none;
    margin: 3px 0;
    width: 100%;
    background: transparent;
  }

  input[type=range].newStyle:focus {
    outline: none;
  }

  input[type=range].newStyle::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 1px 1px 1px #000000;
    background: #000000;
    border-radius: 0px;
    border: 1px solid #000000;
  }
  input[type=range].newStyle::-webkit-slider-thumb {
    box-shadow: 1px 1px 1px #000000;
    border: 1px solid #000000;
    height: 25px;
    width: 50px;
    border-radius: 4px;
    background-image: url("/public/images/rangetopv.png");
    background-size: 100%;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -11px;
  }
  input[type=range].newStyle:focus::-webkit-slider-runnable-track {
    background: rgba(56, 56, 56, 0.8);
  }
  input[type=range].newStyle::-moz-range-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 1px 1px 1px #000000;
    background: rgb(0, 0, 0, 0.8);;
    border-radius: 5px;
    border: 1px solid #000000;
  }
  input[type=range].newStyle::-moz-range-thumb {
    box-shadow: 1px 1px 1px #000000;
    border: 1px solid #000000;
    height: 22px;
    width: 40px;
    border-radius: 5px;
    background: #2b2b2b;
    cursor: pointer;
  }
  input[type=range].newStyle::-ms-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
  }
  input[type=range].newStyle::-ms-fill-lower {
    background: rgb(0, 0, 0, 0.8);
    border: 1px solid #000000;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #000000;
  }
  input[type=range].newStyle::-ms-fill-upper {
    background: rgb(0, 0, 0, 0.8);
    border: 1px solid #000000;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #000000;
  }
  input[type=range].newStyle::-ms-thumb {
    margin-top: 1px;
    box-shadow: 1px 1px 1px #000000;
    border: 1px solid #000000;
    height: 22px;
    width: 40px;
    border-radius: 5px;
    background: #616161;
    cursor: pointer;
  }
  input[type=range].newStyle:focus::-ms-fill-lower {
    background: rgb(0, 0, 0, 0.8);
  }
  input[type=range].newStyle:focus::-ms-fill-upper {
    background: rgb(0, 0, 0, 0.8);
  }


.sitin_0 {
    margin-left: 27px;
}

.sitin_1 {
    top: 0px !important;
    margin-top: -10px !important;
}

.sitin_2 {
    margin-top: -10px !important;
    margin-left: 14px;
}

.sitin_3 {
    margin-left: -6px;
}

.sitin_4 {
    margin-left: 4px;
}

.sitin_5 {
    
}

.sitin_6 {
    margin-left: 22px;
}

.sitin_7 {
    margin-left: 11px;
}
.sitin_8 {
    
}
.sitin_9 {
    margin-left: 7px;
}

.sitIn {
    position: absolute;
    top: 15%;
    left: -8px;
    cursor: pointer;
    color: #D3D3D3;
    border: 3px solid #D3D3D3;
    display: block;
    width: 45px;
    height: 45px;
    background-color: transparent;
    border-radius: 50%;
    position: absolute;
    margin-top: -20px;
    line-height: 75px;
    z-index: 700;
}

#seat_1 .sitIn {
    top: 0%;
}

#seat_2 .sitIn {
    top: 0%;
}

.rotate {
    transition: all 0.5s ease-in-out;
}

.rotate:hover {
    transition: all 1s ease-in-out;
}

@keyframes example {
    0% {
        top: 25%;
    }
    25% {
        top: 50%;
    }
    50% {
        top: 25%;
    }
    75% {
        top: 50%;
    }
    100% {
        top: 25%;
    }
}


.printColor1 {
    color: #333366;
}

.printColor2 {
    color: #eb4d55;
}
.printColor3 {
    color: #ff9d76;
}
.printColor4 {
    color: #1b262c;
}
.printColor5 {
    color: #3282b8;
}
.printColor6 {
    color: #af460f;
}
.printColor7 {
    color: #bbded6;
}
.printColor8 {
    color: #2c786c;
}
.printColor9 {
    color: #230444;
}
.printColor10 {
    color: #9dab86;
}
.printColor11 {
    color: #464159;
}
.printColor12 {
    color: #ff7315;
}
.printColor13 {
    color: #3a3535;
}
.printColor14 {
    color: #d77fa1;
}
.printColor15 {
    color: #87292F;
}
.printColor16 {
    color: #4F464C;
}
.printColor17 {
    color: #838373;
}
.printColor18 {
    color: #21332A;
}
.printColor19 {
    color: #333366;
}
.printColor20 {
    color: #333366;
}
.printColor21 {
    color: #333366;
}
.printColor22 {
    color: #333366;
}


.logClr0 {
    color: #F44336;
    font-weight: bold;
}
.logClr1 {
    color: #b16a00;
    font-weight: bold;
}
.logClr2 {
    color: #000268;
    font-weight: bold;
}
.logClr3 {
    color: rgb(143, 0, 143);
    font-weight: bold;
}
.logClr4 {
    color: #2991ac;
    font-weight: bold;
}
.logClr5 {
    color: #038cb6;
    font-weight: bold;
}
.logClr6 {
    color: rgb(78, 32, 1);
    font-weight: bold;
}
.logClr7 {
    color: #038cb6;
    font-weight: bold;
}
.logClr8 {
    color: rgb(58, 88, 11);
    font-weight: bold;
}
.logClr9 {
    color: #83016d;
    font-weight: bold;
}


.table-requirements {
    display: block;
}

.uListMobile {
    background: #fff;
    font-size: 0.8em;
    border: 2px solid #000;
    font-weight: bold;
    color: #000000;
}

div#chat,
div#chatMobile {
    font-size: 0.8em;
    border: 2px solid #000;
    font-weight: bold;
    color: #000000;
}

div#chat div#messages,
div#chatMessagesM,
div#chatMessagesNew,
div#chat div#chatMessages,
div#chatMobile div#chatMessagesMobile {
    padding: 3px;
    overflow: auto;
    /*color: #000;*/
}

div#chat div#messages p,
div#chat div#chatMessages p,
div#chatMessagesNew p,
div#chatMessagesM p,
div#chatMobile div#chatMessagesMobile p {
    margin: 0;
    word-wrap: break-word;
    margin-bottom: 0px;
    font-weight: normal;
}

div#chat div#messages p.log-message,
div#chat div#chatMessages p.log-message,
div#chatMessagesM p.log-message,
div#chatMessagesNew p.log-message,
div#chatMobile div#chatMessagesMobile p.log-message {
    /*color: #000;*/
    margin-bottom: 0px;
    font-weight: normal;
}

div#chat div#messages div#tombalaMesaj::-webkit-scrollbar,
div#chat div#chatMessages::-webkit-scrollbar,
div#chatMessagesM::-webkit-scrollbar,
div#chatMessagesNew::-webkit-scrollbar,
div#chatMobile div#chatMessagesMobile::-webkit-scrollbar, 
div#tombalaMesaj::-webkit-scrollbar {
    width: 12px;
}

div#chat div#messages::-webkit-scrollbar-track,
div#chat div#chatMessages::-webkit-scrollbar-track,
div#chatMessagesM::-webkit-scrollbar-track,
div#chatMessagesNew::-webkit-scrollbar-track,
div#chatMobile div#chatMessagesMobile::-webkit-scrollbar-track, 
div#tombalaMesaj::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

div#chat div#messages::-webkit-scrollbar-thumb,
div#chat div#chatMessages::-webkit-scrollbar-thumb,
div#chatMessagesM::-webkit-scrollbar-thumb,
div#chatMessagesNew::-webkit-scrollbar-thumb,
div#chatMobile div#chatMessagesMobile::-webkit-scrollbar-thumb,
div#tombalaMesaj::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #677077;
}

div#chat input[type="button"] {
    font-size: 0.6em;
    padding: 5px 4px 2px 5px;
    margin: 10px 0 0 2px;
    background-color: #840000;
    border-radius: 4px;
    color: #f6f7f9;
    border: 0px;
}

.btnGonder {
    font-size: 0.6em;
    padding: 0px 8px 1px 2px;
    margin: 10px 0 0 2px;
    background-color: transparent;
    border-radius: 4px;
    color: #000;
    background-image: url(/public/images/v3/send.png);
    background-size: 100% 100%; 
    background-position: 0px 0px;
    border: 0px;
    width: 55px;
    height: 25px;
}

div#chat2 {
    font-size: 0.8em;
    border: 2px solid #000;
    font-weight: bold;
    color: #000000;
}

div#chat2 div#messages,
div#chat2 div#chatMessages,
div#chat2 div#chatMessagesM,
div#chat2 div#chatMessagesNew {
    padding: 3px;
    overflow: auto;
    color: #000;
}

div#chat2 div#messages p,
div#chat2 div#chatMessages p,
div#chat2 div#chatMessagesM p,
div#chat2 div#chatMessagesNew p {
    margin: 0;
    word-wrap: break-word;
    margin-bottom: 0px;
    font-weight: normal;
}

div#chat2 div#messages p.log-message,
div#chat2 div#chatMessages p.log-message,
div#chat2 div#chatMessagesM p.log-message,
div#chat2 div#chatMessagesNew p.log-message {
    color: #000;
    margin-bottom: 0px;
    font-weight: normal;
}

div#chat2 div#messages div#tombalaMesaj::-webkit-scrollbar,
div#chat2 div#chatMessages::-webkit-scrollbar {
    width: 12px;
}

div#chat2 div#messages::-webkit-scrollbar-track,
div#chat2 div#chatMessages::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

div#chat2 div#messages::-webkit-scrollbar-thumb,
div#chat2 div#chatMessages::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #677077;
}

div#chat2 input[type="button"] {
    font-size: 0.6em;
    padding: 5px 4px 2px 5px;
    margin: 10px 0 0 2px;
    background-color: #840000;
    border-radius: 4px;
    color: #f6f7f9;
    border: 0px;
}

.btnGonder_2 {
    font-size: 0.6em;
    padding: 5px 4px 2px 5px;
    margin: 10px 0 0 2px;
    background-color: #840000;
    border-radius: 4px;
    color: #f6f7f9;
    border: 0px;
}

div#chat input[type="submit"] {
    font-size: 0.6em;
    padding: 8px 2px 4px 3px;
    margin: 1px 0 0 2px;
    background-color: #840000;
    border-radius: 4px;
    color: #f6f7f9;
}

div#chat input[type="text"] {
    width: 78%;
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
    margin: 3px 0 0 3px;
    padding: 3px;
    transform: translate(0px, -2px);
    border-radius: 0px;
    font-size: 1em;
}

div#chat2 input[type="submit"] {
    font-size: 0.6em;
    padding: 8px 2px 4px 3px;
    margin: 1px 0 0 2px;
    background-color: #840000;
    border-radius: 4px;
    color: #f6f7f9;
}

div#chat2 input[type="text"] {
    width: 78%;
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
    margin: 3px 0 0 3px;
    padding: 3px;
    transform: translate(0px, -2px);
    border-radius: 0px;
    font-size: 1em;
}

.kapaliKart {
    position: absolute;
    width: 20px;
}

#kkart0 {
    left: 113%;
    top: 42%;
    transform: rotate(110deg);
}

#kkart9 {
    left: 112%;
    top: 0%;
    transform: rotate(65deg);
}

#kkart8 {
    left: 47%;
    top: -60%;
}

#kkart7 {
    left: 44%;
    top: -60%;
}

#kkart6 {
    left: 35%;
    top: -60%;
}

#kkart5 {
    left: 40%;
    top: 40%;
}

#kkart4 {
    left: -52%;
    top: 7%;
    transform: rotate(280deg);
}

#kkart3 {
    left: -91%;
    top: 38%;
    transform: rotate(258deg);
}

#kkart2 {
    left: -24%;
    top: 80%;
    transform: rotate(180deg);
}

#kkart1 {
    left: -11%;
    top: 80%;
    transform: rotate(180deg);
}

div.player-wrap {
    width: 92px;
    height: 92px;
    margin: 1% auto 0;
    position: relative;
    background: transparent;
}

div.player-wrap.top {
    margin-top: 45%;
}

div.player-wrap.bottom {
    margin-top: 22%;
}

div.player-wrap.left {
    margin-left: 30%;
}

div.player-wrap.right {
    margin-left: 8%;
}

div.player-wrap.side {
    margin-top: 32%;
    height: 80%;
}

div.player-wrap.side-ust1 {
    position: absolute;
    left: 31.7%;
    top: 6%;
    z-index: 101;
}

div.player-wrap.side-ust2 {
    position: absolute;
    left: 60.3%;
    top: 6%;
    z-index: 101;
}

div.player-wrap.side-alt {
    margin: -3% 22% 0;
    height: 51%;
    transform: rotateX(30deg);
}

div.player-wrap.side-alt1 {
    position: absolute;
    left: 27.5%;
    top: 40%;
    z-index: 601;
    /*transform: rotateX(30deg);*/
}

div.player-wrap.side-alt2 {
    position: absolute;
    left: 45.8%;
    top: 40%;
    z-index: 601;
    /*transform: rotateX(30deg);*/
}

div.player-wrap.side-alt3 {
    position: absolute;
    left: 64.5%; 
    top: 40%;
    z-index: 601;
    /*transform: rotateX(30deg);*/
}

div.player-wrap.side-ortaUst1 {
    position: absolute;
    left: 12%;
    top: 12%;
    z-index: 101;
    /*transform: rotateX(30deg);*/
}

div.player-wrap.side-ortaUst2 {
    position: absolute;
    left: 79%;
    top: 12%;
    z-index: 101;
    /*transform: rotateX(30deg);*/
}

div.player-wrap.side-orta1 {
    position: absolute;
    left: 9%;
    top: 29%;
    z-index: 101;
    /*transform: rotateX(30deg);*/
}

div.player-wrap.side-orta2 {
    position: absolute;
    left: 83%;
    top: 29%;
    z-index: 101;
    /*transform: rotateX(30deg);*/
}

div.player-wrap.side-right {
    margin-top: 10%;
    padding-right: 35%;
    height: 90%;
}

div.player-wrap.side-left {
    margin-top: 10%;
    padding-left: 35%;
    height: 90%;
}

div.player-wrap .player-cards {
    overflow: hidden;
    height: 95px;
    position: absolute;
    top: -39px;
    left: 52px;
    width: 80px;
    -webkit-transition: top 0.4s ease;
    transition: top 0.4s ease;
    
}

div.player-wrap .player-cards.dealt {
    transform: translate(-22px, 22px);
    z-index: 17;
}

div.player-wrap .player-cards .card:first-child {
    left: 0;
}

div.player-wrap .player-cards .card-hand:first-child {
    left: 0px;
}

div.player-wrap .player-cards .card .cardHilo {
    left: 12px;
    position: absolute;
}

div.player-wrap .player-cards .card-hand {
    left: 24px;
    position: absolute;
    margin-top: 20px;
}

.cardHilo {
    left: 12px;
    position: absolute;
    margin-top: 10px;
}

.oturBtn{
    width: 75px;
    height: 75px;
    /* padding-top: 20px; */
    background-color: rgba(0,0,0,0.5);
    border-radius: 50%;
    /* vertical-align: -webkit-baseline-middle; */
    position: absolute;
    margin-top: -20px;
    line-height: 75px;
}

div.seat {
    height: 66px;
    width: 67px;
    padding: 0px;
    color: #fefcea;
    font-size: 1em;
    /*border-radius: 50%;*/
    font-weight: lighter;
    text-align: center;
    position: relative;
    /*background: rgba(0, 0, 0, 0.4);
    -webkit-transition: box-shadow 0.2s ease, border 0.2s ease;
    transition: box-shadow 0.2s ease, border 0.2s ease;*/
}

div.seat.active {
    border: 5px solid #ffffff;
    box-shadow: 0 0 5px 0 #A69029;
}

div.seat.kazanan {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd65e+0,febf04+100;Yellow+3D+%232 */
    background: #ffd65e;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffd65e 0%, #febf04 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffd65e 0%, #febf04 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffd65e 0%, #febf04 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffd65e', endColorstr='#febf04', GradientType=0);
    /* IE6-9 */
    border: 5px solid #ffffff;
    box-shadow: -1px -1px 10px 6px rgba(255, 175, 75, 0.5);
}

div.seat p {
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0;
}

div.seat .player-content span {
    line-height: 1.2;
    display: block;
    font-size: 0.6em;
}

div#board-wrap {
    margin: 1%;
    padding-right: 0%;
    margin-top: -1%;
}

div#board-wrap .card {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 1);
    border-radius: 5px;
    margin: 0 auto;
}

div#board-wrap .card-container {
    width: 10.5%;
    display: inline-block;
}

.card-hand {
    background-image: url("/public/images/deck.png");
    /*background-size: 612px auto;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 3px 0 #808080;
    overflow: hidden;
    width: 40px;
    height: 65px;*/
    background-size: 740px auto;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 3px 0 #808080;
    overflow: hidden;
    width: 48px;
    height: 75px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 1);
}

.cardHilo {
    background-image: url(/public/images/deck.png);
    background-size: 765px auto;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 3px 0 #808080;
    overflow: hidden;
    width: 52px;
    height: 81px;
}

.card-hand.card-As {
    background-position: 0.2% 0.5%;
}

.card-hand.card-Ah {
    background-position: 0.2% 99.3%;
}

.card-hand.card-Ad {
    background-position: 0.2% 66.5%;
}

.card-hand.card-Ac {
    background-position: 0.2% 33.3%;
}

.card-hand.card-Ks {
    background-position: 7.9% 0.5%;
}

.card-hand.card-Kh {
    background-position: 7.9% 99.3%;
}

.card-hand.card-Kd {
    background-position: 7.9% 66.5%;
}

.card-hand.card-Kc {
    background-position: 7.9% 33.3%;
}

.card-hand.card-Qs {
    background-position: 15.5% 0.5%;
}

.card-hand.card-Qh {
    background-position: 15.5% 99.3%;
}

.card-hand.card-Qd {
    background-position: 15.5% 66.5%;
}

.card-hand.card-Qc {
    background-position: 15.5% 33.3%;
}

.card-hand.card-Js {
    background-position: 23.2% 0.5%;
}

.card-hand.card-Jh {
    background-position: 23.2% 99.3%;
}

.card-hand.card-Jd {
    background-position: 23.2% 66.5%;
}

.card-hand.card-Jc {
    background-position: 23.2% 33.3%;
}

.card-hand.card-Ts {
    background-position: 30.9% 0.5%;
}

.card-hand.card-Th {
    background-position: 30.9% 99.3%;
}

.card-hand.card-Td {
    background-position: 30.9% 66.5%;
}

.card-hand.card-Tc {
    background-position: 30.9% 33.3%;
}

.card-hand.card-9s {
    background-position: 38.6% 0.5%;
}

.card-hand.card-9h {
    background-position: 38.6% 99.3%;
}

.card-hand.card-9d {
    background-position: 38.6% 66.5%;
}

.card-hand.card-9c {
    background-position: 38.6% 33.3%;
}

.card-hand.card-8s {
    background-position: 46.3% 0.5%;
}

.card-hand.card-8h {
    background-position: 46.3% 99.3%;
}

.card-hand.card-8d {
    background-position: 46.3% 66.5%;
}

.card-hand.card-8c {
    background-position: 46.3% 33.3%;
}

.card-hand.card-7s {
    background-position: 53.8% 0.5%;
}

.card-hand.card-7h {
    background-position: 53.8% 99.3%;
}

.card-hand.card-7d {
    background-position: 53.8% 66.5%;
}

.card-hand.card-7c {
    background-position: 53.8% 33.3%;
}

.card-hand.card-6s {
    background-position: 61.5% 0.5%;
}

.card-hand.card-6h {
    background-position: 61.5% 99.3%;
}

.card-hand.card-6d {
    background-position: 61.5% 66.5%;
}

.card-hand.card-6c {
    background-position: 61.5% 33.3%;
}

.card-hand.card-5s {
    background-position: 69.2% 0.5%;
}

.card-hand.card-5h {
    background-position: 69.2% 99.3%;
}

.card-hand.card-5d {
    background-position: 69.2% 66.5%;
}

.card-hand.card-5c {
    background-position: 69.2% 33.3%;
}

.card-hand.card-4s {
    background-position: 76.8% 0.5%;
}

.card-hand.card-4h {
    background-position: 76.8% 99.3%;
}

.card-hand.card-4d {
    background-position: 76.8% 66.5%;
}

.card-hand.card-4c {
    background-position: 76.8% 33.3%;
}

.card-hand.card-3s {
    background-position: 84.5% 0.5%;
}

.card-hand.card-3h {
    background-position: 84.5% 99.3%;
}

.card-hand.card-3d {
    background-position: 84.5% 66.5%;
}

.card-hand.card-3c {
    background-position: 84.5% 33.3%;
}

.card-hand.card-2s {
    background-position: 92.1% 0.5%;
}

.card-hand.card-2h {
    background-position: 92.1% 99.3%;
}

.card-hand.card-2d {
    background-position: 92.1% 66.5%;
}

.card-hand.card-2c {
    background-position: 92.1% 33.3%;
}

.card-hand.card-back {
    background-position: 99.8% 33.3%;
    display: none;
}

.card-hand.card-bacck {
    background-position: 99.8% 33.3%;
}

.card {
    background-image: url("/public/images/deck.png");
    background-size: 730px auto;
    border-radius: 5px 5px 0 0;
    transform: rotateX(45deg);
    height: 100%;
    box-shadow: 0 0 3px 0 #808080;
    overflow: hidden;
    width: 50px;
    height: 75px;
    /**
	 * CSS Sprites
	 */
}




.cardHilo.card-As {
    background-position: 0.2% 0.5%;
}

.cardHilo.card-Ah {
    background-position: 0.2% 99.3%;
}

.cardHilo.card-Ad {
    background-position: 0.2% 66.5%;
}

.cardHilo.card-Ac {
    background-position: 0.2% 33.3%;
}

.cardHilo.card-Ks {
    background-position: 7.9% 0.5%;
}

.cardHilo.card-Kh {
    background-position: 7.9% 99.3%;
}

.cardHilo.card-Kd {
    background-position: 7.9% 66.5%;
}

.cardHilo.card-Kc {
    background-position: 7.9% 33.3%;
}

.cardHilo.card-Qs {
    background-position: 15.5% 0.5%;
}

.cardHilo.card-Qh {
    background-position: 15.5% 99.3%;
}

.cardHilo.card-Qd {
    background-position: 15.5% 66.5%;
}

.cardHilo.card-Qc {
    background-position: 15.5% 33.3%;
}

.cardHilo.card-Js {
    background-position: 23.2% 0.5%;
}

.cardHilo.card-Jh {
    background-position: 23.2% 99.3%;
}

.cardHilo.card-Jd {
    background-position: 23.2% 66.5%;
}

.cardHilo.cardHilo-Jc {
    background-position: 23.2% 33.3%;
}

.cardHilo.card-Ts {
    background-position: 30.9% 0.5%;
}

.cardHilo.card-Th {
    background-position: 30.9% 99.3%;
}

.cardHilo.card-Td {
    background-position: 30.9% 66.5%;
}

.cardHilo.card-Tc {
    background-position: 30.9% 33.3%;
}

.cardHilo.card-9s {
    background-position: 38.6% 0.5%;
}

.cardHilo.card-9h {
    background-position: 38.6% 99.3%;
}

.cardHilo.card-9d {
    background-position: 38.6% 66.5%;
}

.cardHilo.card-9c {
    background-position: 38.6% 33.3%;
}

.cardHilo.card-8s {
    background-position: 46.3% 0.5%;
}

.cardHilo.card-8h {
    background-position: 46.3% 99.3%;
}

.cardHilo.card-8d {
    background-position: 46.3% 66.5%;
}

.cardHilo.card-8c {
    background-position: 46.3% 33.3%;
}

.cardHilo.card-7s {
    background-position: 53.8% 0.5%;
}

.cardHilo.card-7h {
    background-position: 53.8% 99.3%;
}

.cardHilo.card-7d {
    background-position: 53.8% 66.5%;
}

.cardHilo.card-7c {
    background-position: 53.8% 33.3%;
}

.cardHilo.card-6s {
    background-position: 61.5% 0.5%;
}

.cardHilo.card-6h {
    background-position: 61.5% 99.3%;
}

.cardHilo.card-6d {
    background-position: 61.5% 66.5%;
}

.cardHilo.card-6c {
    background-position: 61.5% 33.3%;
}

.cardHilo.card-5s {
    background-position: 69.2% 0.5%;
}

.cardHilo.card-5h {
    background-position: 69.2% 99.3%;
}

.cardHilo.card-5d {
    background-position: 69.2% 66.5%;
}

.cardHilo.card-5c {
    background-position: 69.2% 33.3%;
}

.cardHilo.card-4s {
    background-position: 76.8% 0.5%;
}

.cardHilo.card-4h {
    background-position: 76.8% 99.3%;
}

.cardHilo.card-4d {
    background-position: 76.8% 66.5%;
}

.cardHilo.card-4c {
    background-position: 76.8% 33.3%;
}

.cardHilo.card-3s {
    background-position: 84.5% 0.5%;
}

.cardHilo.card-3h {
    background-position: 84.5% 99.3%;
}

.cardHilo.card-3d {
    background-position: 84.5% 66.5%;
}

.cardHilo.card-3c {
    background-position: 84.5% 33.3%;
}

.cardHilo.card-2s {
    background-position: 92.1% 0.5%;
}

.cardHilo.card-2h {
    background-position: 92.1% 99.3%;
}

.cardHilo.card-2d {
    background-position: 92.1% 66.5%;
}

.cardHilo.card-2c {
    background-position: 92.1% 33.3%;
}

.cardHilo.card-back {
    background: url('/public/images/card_back.png');
    background-position: -4px 0px;
    background-size: auto 100%;
}


.card.card-As {
    background-position: 0.2% 0.5%;
}

.card.card-Ah {
    background-position: 0.2% 99.3%;
}

.card.card-Ad {
    background-position: 0.2% 66.5%;
}

.card.card-Ac {
    background-position: 0.2% 33.3%;
}

.card.card-Ks {
    background-position: 7.9% 0.5%;
}

.card.card-Kh {
    background-position: 7.9% 99.3%;
}

.card.card-Kd {
    background-position: 7.9% 66.5%;
}

.card.card-Kc {
    background-position: 7.9% 33.3%;
}

.card.card-Qs {
    background-position: 15.5% 0.5%;
}

.card.card-Qh {
    background-position: 15.5% 99.3%;
}

.card.card-Qd {
    background-position: 15.5% 66.5%;
}

.card.card-Qc {
    background-position: 15.5% 33.3%;
}

.card.card-Js {
    background-position: 23.2% 0.5%;
}

.card.card-Jh {
    background-position: 23.2% 99.3%;
}

.card.card-Jd {
    background-position: 23.2% 66.5%;
}

.card.card-Jc {
    background-position: 23.2% 33.3%;
}

.card.card-Ts {
    background-position: 30.9% 0.5%;
}

.card.card-Th {
    background-position: 30.9% 99.3%;
}

.card.card-Td {
    background-position: 30.9% 66.5%;
}

.card.card-Tc {
    background-position: 30.9% 33.3%;
}

.card.card-9s {
    background-position: 38.6% 0.5%;
}

.card.card-9h {
    background-position: 38.6% 99.3%;
}

.card.card-9d {
    background-position: 38.6% 66.5%;
}

.card.card-9c {
    background-position: 38.6% 33.3%;
}

.card.card-8s {
    background-position: 46.3% 0.5%;
}

.card.card-8h {
    background-position: 46.3% 99.3%;
}

.card.card-8d {
    background-position: 46.3% 66.5%;
}

.card.card-8c {
    background-position: 46.3% 33.3%;
}

.card.card-7s {
    background-position: 53.8% 0.5%;
}

.card.card-7h {
    background-position: 53.8% 99.3%;
}

.card.card-7d {
    background-position: 53.8% 66.5%;
}

.card.card-7c {
    background-position: 53.8% 33.3%;
}

.card.card-6s {
    background-position: 61.5% 0.5%;
}

.card.card-6h {
    background-position: 61.5% 99.3%;
}

.card.card-6d {
    background-position: 61.5% 66.5%;
}

.card.card-6c {
    background-position: 61.5% 33.3%;
}

.card.card-5s {
    background-position: 69.2% 0.5%;
}

.card.card-5h {
    background-position: 69.2% 99.3%;
}

.card.card-5d {
    background-position: 69.2% 66.5%;
}

.card.card-5c {
    background-position: 69.2% 33.3%;
}

.card.card-4s {
    background-position: 76.8% 0.5%;
}

.card.card-4h {
    background-position: 76.8% 99.3%;
}

.card.card-4d {
    background-position: 76.8% 66.5%;
}

.card.card-4c {
    background-position: 76.8% 33.3%;
}

.card.card-3s {
    background-position: 84.5% 0.5%;
}

.card.card-3h {
    background-position: 84.5% 99.3%;
}

.card.card-3d {
    background-position: 84.5% 66.5%;
}

.card.card-3c {
    background-position: 84.5% 33.3%;
}

.card.card-2s {
    background-position: 92.1% 0.5%;
}

.card.card-2h {
    background-position: 92.1% 99.3%;
}

.card.card-2d {
    background-position: 92.1% 66.5%;
}

.card.card-2c {
    background-position: 92.1% 33.3%;
}

.card.card-back {
    background-position: 99.8% 33.3%;
    display: none;
}

#dealer-wrap-0 {
    top: 51%;
    left: 82%;
}

#dealer-wrap-1 {
    top: 65%;
    left: -29%;
}

#dealer-wrap-2 {
    top: 65%;
    left: -19%;
}

#dealer-wrap-3 {
    top: 25%;
    left: -74%;
}

#dealer-wrap-4 {
    top: -14%;
    left: -47%;
}

#dealer-wrap-5 {
    top: -30%;
    left: 0%;
}

#dealer-wrap-6 {
    top: -58%;
    left: -25%;
}

#dealer-wrap-7 {
    left: -25%;
    top: -58%;
}

#dealer-wrap-8 {
    top: -40%;
    left: -18%;
}

#dealer-wrap-9 {
    top: 16%;
    left: 103%;
}

.dealer-button {
    position: absolute;
    border: 0px;
    border-radius: 26px;
    padding-left: 4px;
    padding-right: 4px;
    color: #fff;
    height: 14px;
    width: 7px;
    text-align: center;
    background: #000;
    font-size: 0.6em;
    font-weight: bold;
}

#bets-0 {
    top: 67%;
    left: 105%;
}

#bets-1 {
    top: 86%;
    left: -5px;
}

#bets-2 {
    top: 86%;
    left: -24px;
}

#bets-3 {
    left: -120%;
    top: 72%;
}

#bets-4 {
    top: -9%;
    left: -124%;
}

#bets-5 {
    top: -30%;
    left: -75%;
}

#bets-6 {
   top: -59%;
    left: -26%;
}

#bets-7 {
    top: -59%;
    left: -19%;
}

#bets-8 {
    top: -58%;
    left: -13%;
}

#bets-9 {
    top: -12%;
    left: 118%;
}

.betsMiktar {
    /*font-family: 'Open Sans', sans-serif;*/
    background-color: #0ccf04;
    border-radius: 12px;
    padding-left: 6px;
    padding-right: 6px;
    color: #000;
    font-weight: bold;
}

.bets {
    position: absolute;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 0.6em;
}

.kazbets {
    position: absolute;
    top: 20%;
    left: 10%;
    background-color: #0ccf04;
    border-radius: 12px;
    padding-left: 6px;
    padding-right: 6px;
    color: #fff;
    font-size: 0.6em;
    
    font-weight: bold;
}

.kazXP {
    position: absolute;
    top: 95%;
    left: 25%;
    border-radius: 12px;
    padding-left: 6px;
    padding-right: 6px;
    color: #0ccf04;
    font-size: 1em;
    font-weight: bold;
}

#chatMessages {
    height: 80%;
    font-size: 1em;
    color: #fff;
}

#chatMessagesM {
    height: 80%;
    font-size: 1em;
    color: #fff;
}
#chatMessagesNew {
    height: 80%;
    font-size: 0.8em;
    color: #fff;
}

#prChatMessages {
    height: 86%;
    font-size: 0.7em;
    color: #fff;
    overflow: auto;
}

.chatDivv {
    height: 208px;
    font-size: 0.7em;
    color: #fff;
    overflow: auto;
}

.chatDivv::-webkit-scrollbar {
    height: 12px;
}

.chatDivv::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.chatDivv::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #677077;
    background: #fff;
}

#chatMessagesMobile {
    height: 72%;
    font-size: 0.9em;
    color: #fff;
}

#pot-wrap {
    height: 5%;
    margin-top: 2%;
    width: 100%;
    color: white;
    text-align: center;
    font-size: 0.6em;
}

#pot-wrap #pot {
    /*background: rgba(0, 0, 0, 0.7);
		display: block;
		border-radius: 12px;
		padding-left: 6px;
		padding-right: 6px;
		text-align: center;
		text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
		
        */
    
}

.pots {
    background: rgba(0, 0, 0, 0.7);
    display: block;
    border-radius: 12px;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    float: right;
    font-weight: bold;
}

#to-lobby {
    position: absolute;
    top: 2%;
    right: 2%;
    width: 55px;
    height: 15px;
    padding: 0px 0px;
    border: 0px;
    text-align: center;
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 ); 
    color: #000;
    border-radius: 5px;
    font-size: 8pt;
    font-weight: bold;
    line-height: 15px;
}

#lobbyBtn {
    position: absolute;
    top: 2%;
    left: 2%;
    padding: 2px 5px;
    border: 0px;
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 ); 
    color: #000;
    border-radius: 10px;
    font-size: 0.7em;
    font-weight: bold;
}

.ppMenu {
    padding: 5px;
    font-size: 0.7em;
    position: absolute;
    border-radius: 5px;
    color: #fff;
    background-color: rgba(7, 23, 47, 0.9);
    background: rgba(7, 23, 47, 0.9);
    color: rgba(7, 23, 47, 0.9);
    z-index: 102;
}

.ppAnaMenu {
    padding: 5px;
    font-size: 0.7em;
    position: absolute;
    border-radius: 5px;
    color: #fff;
    background-color: rgba(7, 23, 47, 0.9);
    background: rgba(7, 23, 47, 0.9);
    color: rgba(7, 23, 47, 0.9);
    z-index: 102;
}

.ppAdminMenu {
    padding: 5px;
    font-size: 0.7em;
    position: absolute;
    border-radius: 5px;
    color: #fff;
    background-color: rgba(7, 23, 47, 0.9);
    background: rgba(7, 23, 47, 0.9);
    color: rgba(7, 23, 47, 0.9);
    z-index: 102;
}

.modalBG {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9898;
    display: none;
    background: rgba(0, 0, 0, 0.3);
}

.modalMasaBG {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1898;
    display:none;
    background: rgba(0, 0, 0, 0.3);
}



.modalBGHata {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2100;
    display: none;
    background: rgba(0, 0, 0, 0.3);
}

#btnReconnect {
    position: relative;
    float: right;
    padding: 5px;
    margin-top: 10%;
    font-size: 1em;
    color: #000;
}

#errContainer {
    padding: 2px;
    background: #D3CCE3;
    background-image: linear-gradient(to bottom, #f4f4f4, #efefef, #eaeaea, #e5e5e5, #e0e0e0);
    border-radius: 10px;
    color: #010101;
    border-radius: 5px;
    position: absolute;
    margin: 0 auto;
    top: 30%;
    width: 440px;
    height: 160px;
    z-index: 2101;
    box-shadow: 0 0 25px 0 #160726;
}

.errContainer {
    padding: 2px;
    background: #D3CCE3;
    background-image: linear-gradient(to bottom, #f4f4f4, #efefef, #eaeaea, #e5e5e5, #e0e0e0);
    border-radius: 10px;
    color: #010101;
    border-radius: 5px;
    position: absolute;
    margin: 0 auto;
    top: 30%;
    width: 440px;
    height: 160px;
    z-index: 2101;
    box-shadow: 0 0 25px 0 #160726;
}

.btnGiris {
    padding: 5px;
    font-size: 1em;
    margin-top: 10px;
    margin-left: 5%;
    width: 90%;
    color: #000;
    background-color: rgb(147, 147, 147, 0.8);
    border: 1px solid #0146c7;
}

.btnFace {
    padding: 5px;
    font-size: 1em;
    margin-top: 10px;
    margin-left: 5%;
    width: 90%;
    color: #ffffff;
    background-color: rgba(10, 18, 95, 0.77);
    border: 1px solid #0146c7;
}

.vazgecButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));
	background:-moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-o-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0);
	background-color:#f24537;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
}
.vazgecButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537));
	background:-moz-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-o-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-ms-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537',GradientType=0);
	background-color:#c62d1f;
}

.modal-wrap-kayit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 600;
}

.modal-wrap-kayit .modal {
    padding: 10px;
    border-radius: 5px;
    position: relative;
    margin: 0 auto;
    top: 18%;
    width: 440px;
    z-index: 201;
    color: #000;
    box-shadow: 0 0 25px 0 #160726;
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.68) 47%, rgba(0, 0, 0, 0.59) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=1);
}

.modal-wrap-kayit .modal label {
    display: block;
    font-size: large;
    margin-bottom: 10px;
}

.modal-wrap-kayit .modal .input-left {
    margin-right: 32px;
    width: 50%;
}

.modal-wrap-kayit #curtain {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 2;
}

.modal-wrap-giris {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 600;
}

.modal-wrap-giris .modal {
    padding: 10px;
    border-radius: 5px;
    position: relative;
    margin: 0 auto;
    top: 18%;
    width: 440px;
    z-index: 201;
    color: #000;
    box-shadow: 0 0 25px 0 #160726;
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.68) 47%, rgba(0, 0, 0, 0.59) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=1);
}

.modal-wrap-giris .modal label {
    display: block;
    font-size: large;
    margin-bottom: 10px;
}

.modal-wrap-giris .modal .input-left {
    margin-right: 32px;
    width: 50%;
}

.modal-wrap-giris #curtain {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 2;
}

.modal-wrap-avatars {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 600;
}

.modal-wrap-avatars .modal {
    padding: 10px;
    border-radius: 5px;
    position: relative;
    margin: 0 auto;
    top: 18%;
    width: 440px;
    z-index: 201;
    color: #000;
    box-shadow: 0 0 25px 0 #160726;
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.68) 47%, rgba(0, 0, 0, 0.59) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=1);
}

.modal-wrap-avatars .modal label {
    display: block;
    font-size: large;
    margin-bottom: 10px;
}

.modal-wrap-avatars .modal .input-left {
    margin-right: 32px;
    width: 50%;
}

.modal-wrap-avatars #curtain {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 2;
}

.modal-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 610;
}

.modal-wrap .modal {
    padding: 32px;
    background-color: #fff;
    border-radius: 5px;
    position: relative;
    margin: 0 auto;
    top: 18%;
    width: 440px;
    z-index: 201;
    box-shadow: 0 0 25px 0 #160726;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+100;Black+3D */
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 47%, rgba(148,148,148,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(224,224,224,1)), color-stop(100%, rgba(148,148,148,1)));
    background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 47%, rgba(148,148,148,1) 100%);
    background: -o-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 47%, rgba(148,148,148,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 47%, rgba(148,148,148,1) 100%);
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.67) 0%, rgba(0, 0, 0, 0.72) 47%, rgba(0, 0, 0, 0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#949494', GradientType=1 );
    /* IE6-9 */
}

.modal-wrap .modal label {
    display: block;
    font-size: large;
    margin-bottom: 10px;
}

.modal-wrap .modal .input-left {
    margin-right: 32px;
    width: 50%;
}

.modal-wrap #curtain {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 2;
}

#developer-info {
    font-size: 0.6em;
}

#developer-info a {
    text-decoration: underline;
}

.xpDiv {
    position: relative;
    float: right;
    color: #ffffff;
    width: 20%;
}

.chipResim {
    margin-top: 7px;
    float: left;
    height: 25px;
}

.sagButton {
    position: relative;
    float: right;
    padding-top: 5px;
    color: #fff;
}

.sagButton:hover {
    color: #51baa4;
}

.mesajTxt {
    width: 70%;
}

.chatControl {
    height: 25%;
    position: absolute;
    top: 55%;
}

.gifTab {
    width: 100%;
    height: 80%;
    overflow-y: scroll;
}

.gifGTab {
    width: 100%;
    height: 80%;
    
}

.onaylaBtn {
    position: absolute;
    width: 70px;
    height: 18px;
    background-size: 85%;
    background-repeat: no-repeat;
    margin: 0px !important;
    padding: 0px;
    color: #fff;
    font-size: 9pt;
    text-align: left;
}

.betDiv2 {
    width: 92px; 
    z-index: 1556; 
    position: absolute; 
    background-color: rgba(0, 0, 0, 0.6); 
    font-size: 9pt; 
    border: 1px solid #0089ce; 
    right: -20px; 
    height: 200px; 
    top: -124px;
}

.betDiv3 {
    width: 92px;
    z-index: 1556;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    font-size: 9pt;
    border: 1px solid #0089ce;
    right: 10px;
    height: 200px;
    top: -213px;
}

.prgAciklama {
    background-repeat-x: no-repeat; 
    /*background-size: 32% 100%;*/
    background-position: 0px 0px; 
    height: 22px;
    z-index: 0; 
    width: 100%; 
    text-align: center; 
    position: absolute;
    background-image: linear-gradient(to right, #fff400, #ffc900, #ff9c00, #ff6900, #ff1d00);
    font-size: 10pt;
    font-weight: 600;
}

.fluYap {
    opacity: 0;
    /*display: none !important;*/
}

.giftSeat0 {
    /*margin-left: -56px;
    margin-top: -76px;*/
    margin-left: -25px;
    margin-top: -64px;
    position: absolute; 
    z-index: 659;
}

.giftSeat1 {
    margin-left: -19px;
    margin-top: -58px;
    position: absolute; 
    z-index: 659;
}

.giftSeat2 {
    margin-left: -19px;
    margin-top: -58px;
    position: absolute; 
    z-index: 659;
}

.giftSeat3 {
    margin-left: -19px;
    margin-top: -58px;
    /*margin-left: 64px;
    margin-top: -30px;*/
    position: absolute; 
    z-index: 659;
}

.giftSeat4 {
    margin-left: -19px;
    margin-top: -58px;
    /*margin-left: 64px;
    margin-top: -30px;*/
    position: absolute; 
    z-index: 659;
}

.giftSeat5 {
    margin-left: -19px;
    margin-top: -58px;
    position: absolute; 
    z-index: 659;
}

.giftSeat6 {
    margin-left: -19px;
    margin-top: -58px;
    position: absolute; 
    z-index: 659;
}

.giftSeat7 {
    margin-left: -19px;
    margin-top: -58px;
    position: absolute; 
    z-index: 659;
}

.giftSeat8 {
    margin-left: -19px;
    margin-top: -58px;
    position: absolute; 
    z-index: 659;
}
.giftSeat9 {
    margin-left: -19px;
    margin-top: -58px;
    position: absolute; 
    z-index: 659;
}



.spinner-linear {
    position: relative;
    height: 2px;
    display: block;
    width: 100%;
    background-color: #f5f6f7;
    border-radius: 2px;
    -webkit-background-clip: padding-box;
            background-clip: padding-box;
    overflow: hidden;
  }

  .clasicCheckItem {
    margin-right: 3px;
    vertical-align: middle; 
    width: 88%;
    line-height: 26px; 
    height: 25px; 
    text-align: left; 
    padding-left: 5px;
  }
  
  .spinner-linear .line {
    background-color: #33cabb;
  }
  
  .spinner-linear .line::before, .spinner-linear .line::after {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
  }
  
  .spinner-linear .line::before {
    -webkit-animation: spinner-linear 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
            animation: spinner-linear 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  }
  
  .spinner-linear .line::after {
    -webkit-animation: spinner-linear-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
            animation: spinner-linear-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    -webkit-animation-delay: 1.15s;
            animation-delay: 1.15s;
  }
  
  @-webkit-keyframes spinner-linear {
    0% {
      left: -35%;
      right: 100%;
    }
    60% {
      left: 100%;
      right: -90%;
    }
    100% {
      left: 100%;
      right: -90%;
    }
  }
  
  @keyframes spinner-linear {
    0% {
      left: -35%;
      right: 100%;
    }
    60% {
      left: 100%;
      right: -90%;
    }
    100% {
      left: 100%;
      right: -90%;
    }
  }
  
  @-webkit-keyframes spinner-linear-short {
    0% {
      left: -200%;
      right: 100%;
    }
    60% {
      left: 107%;
      right: -8%;
    }
    100% {
      left: 107%;
      right: -8%;
    }
  }
  
  @keyframes spinner-linear-short {
    0% {
      left: -200%;
      right: 100%;
    }
    60% {
      left: 107%;
      right: -8%;
    }
    100% {
      left: 107%;
      right: -8%;
    }
  }
  
  .spinner-dots {
    width: 70px;
    text-align: center;
  }
  
  .spinner-dots span {
    width: 12px;
    height: 12px;
    background-color: #33cabb;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: spinner-dots 1.4s infinite ease-in-out both;
            animation: spinner-dots 1.4s infinite ease-in-out both;
  }
  
  .spinner-dots .dot1 {
    -webkit-animation-delay: -0.32s;
            animation-delay: -0.32s;
  }
  
  .spinner-dots .dot2 {
    -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s;
  }
  
  @-webkit-keyframes spinner-dots {
    0%, 80%, 100% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    40% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  
  @keyframes spinner-dots {
    0%, 80%, 100% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    40% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  
  .spinner-ball {
    width: 50px;
    height: 50px;
    -webkit-animation: spinner-ball infinite linear 1s;
            animation: spinner-ball infinite linear 1s;
    border-radius: 100%;
    background-color: #33cabb;
  }
  
  @-webkit-keyframes spinner-ball {
    0% {
      -webkit-transform: scale(0.1);
              transform: scale(0.1);
      opacity: 1;
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 0;
    }
  }
  
  @keyframes spinner-ball {
    0% {
      -webkit-transform: scale(0.1);
              transform: scale(0.1);
      opacity: 1;
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 0;
    }
  }
  
  .spinner-circle {
    width: 25px;
    height: 25px;
    -webkit-animation: spinner-circle infinite .75s linear;
            animation: spinner-circle infinite .75s linear;
    border: 1px solid #33cabb;
    border-top-color: transparent;
    border-radius: 100%;
  }

  .giftAlBtn {
    margin-top: 8px;
    font-size: 13px;
    padding: 4px 0px;
    width: 80%;  
    height: 40px; 
    background: #cedce7; 
    background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%); 
    background: -webkit-linear-gradient(top, #cedce7 0%,#596a72 100%); 
    background: linear-gradient(to bottom, #cedce7 0%,#596a72 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 );
  }
  
  .spinner-circle-shadow {
    position: relative;
    width: 25px;
    height: 25px;
    -webkit-animation: spinner-circle infinite .75s linear;
            animation: spinner-circle infinite .75s linear;
    border: 1px solid rgba(51, 202, 187, 0.3);
    border-left-color: #33cabb;
    border-radius: 100%;
  }
  
  @-webkit-keyframes spinner-circle {
    0% {
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  
  @keyframes spinner-circle {
    0% {
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  
  .spinner-circle-material-svg {
    -webkit-animation: spinner-svg-spinner 1.5s linear infinite;
            animation: spinner-svg-spinner 1.5s linear infinite;
    height: 54px;
    width: 54px;
  }
  
  .spinner-circle-material-svg .circle {
    -webkit-animation: spinner-svg-progress 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite, spinner-svg-colors 6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
            animation: spinner-svg-progress 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite, spinner-svg-colors 6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    fill: none;
    stroke: #db3236;
    stroke-linecap: round;
    stroke-width: 2;
  }

  @keyframes rotating {
        from{
            transform: rotate(0deg);    
        }
        to{
            transform: rotate(360deg);  
        }
    }
  
  @-webkit-keyframes spinner-svg-spinner {
    0% {
      -webkit-transform: rotate(-110deg);
              transform: rotate(-110deg);
    }
    20% {
      -webkit-transform: rotate(-70deg);
              transform: rotate(-70deg);
    }
    60% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
    }
    100% {
      -webkit-transform: rotate(250deg);
              transform: rotate(250deg);
    }
  }
  
  @keyframes spinner-svg-spinner {
    0% {
      -webkit-transform: rotate(-110deg);
              transform: rotate(-110deg);
    }
    20% {
      -webkit-transform: rotate(-70deg);
              transform: rotate(-70deg);
    }
    60% {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
    }
    100% {
      -webkit-transform: rotate(250deg);
              transform: rotate(250deg);
    }
  }
  
  @-webkit-keyframes spinner-svg-progress {
    0% {
      stroke-dasharray: 1, 150;
      stroke-dashoffset: 0;
    }
    20% {
      stroke-dasharray: 1, 150;
      stroke-dash-offset: 0;
    }
    60% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -35;
    }
    100% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -124;
    }
  }
  
  @keyframes spinner-svg-progress {
    0% {
      stroke-dasharray: 1, 150;
      stroke-dashoffset: 0;
    }
    20% {
      stroke-dasharray: 1, 150;
      stroke-dash-offset: 0;
    }
    60% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -35;
    }
    100% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -124;
    }
  }
  
  @-webkit-keyframes spinner-svg-colors {
    0% {
      stroke: #db3236;
    }
    23% {
      stroke: #db3236;
    }
    27% {
      stroke: #4885ed;
    }
    48% {
      stroke: #4885ed;
    }
    52% {
      stroke: #3cba54;
    }
    73% {
      stroke: #3cba54;
    }
    77% {
      stroke: #f4c20d;
    }
    98% {
      stroke: #f4c20d;
    }
  }
  
  @keyframes spinner-svg-colors {
    0% {
      stroke: #db3236;
    }
    23% {
      stroke: #db3236;
    }
    27% {
      stroke: #4885ed;
    }
    48% {
      stroke: #4885ed;
    }
    52% {
      stroke: #3cba54;
    }
    73% {
      stroke: #3cba54;
    }
    77% {
      stroke: #f4c20d;
    }
    98% {
      stroke: #f4c20d;
    }
  }
  
  .spinner-circle-material {
    height: 50px;
    min-height: 50px;
    width: 50px;
    border-radius: 100px;
    border: 2px transparent solid;
    border-top: 2px #3F51B5 solid;
    -webkit-animation: spinner-material 4s infinite;
            animation: spinner-material 4s infinite;
  }
  
  @-webkit-keyframes spinner-material {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      border-top-color: #3F51B5;
    }
    25% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
      border-top-color: #F44336;
    }
    50% {
      -webkit-transform: rotate(720deg);
              transform: rotate(720deg);
      border-top-color: #FFC107;
    }
    75% {
      -webkit-transform: rotate(1080deg);
              transform: rotate(1080deg);
      border-top-color: #4CAF50;
    }
    100% {
      -webkit-transform: rotate(1440deg);
              transform: rotate(1440deg);
      border-top-color: #3F51B5;
    }
  }
  
  @keyframes spinner-material {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      border-top-color: #3F51B5;
    }
    25% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
      border-top-color: #F44336;
    }
    50% {
      -webkit-transform: rotate(720deg);
              transform: rotate(720deg);
      border-top-color: #FFC107;
    }
    75% {
      -webkit-transform: rotate(1080deg);
              transform: rotate(1080deg);
      border-top-color: #4CAF50;
    }
    100% {
      -webkit-transform: rotate(1440deg);
              transform: rotate(1440deg);
      border-top-color: #3F51B5;
    }
  }
  
  .spinner-primary.spinner-linear .line,
  .spinner-primary.spinner-dots span, .spinner-primary.spinner-ball {
    background-color: #33cabb;
  }
  
  .spinner-primary.spinner-circle {
    border-color: #33cabb;
    border-top-color: transparent;
  }
  
  .spinner-primary.spinner-circle-shadow {
    border-color: rgba(51, 202, 187, 0.3);
    border-left-color: #33cabb;
  }
  
  .spinner-secondary.spinner-linear .line,
  .spinner-secondary.spinner-dots span, .spinner-secondary.spinner-ball {
    background-color: #e4e7ea;
  }
  
  .spinner-secondary.spinner-circle {
    border-color: #e4e7ea;
    border-top-color: transparent;
  }
  
  .spinner-secondary.spinner-circle-shadow {
    border-color: rgba(228, 231, 234, 0.3);
    border-left-color: #e4e7ea;
  }
  
  .spinner-success.spinner-linear .line,
  .spinner-success.spinner-dots span, .spinner-success.spinner-ball {
    background-color: #15c377;
  }
  
  .spinner-success.spinner-circle {
    border-color: #15c377;
    border-top-color: transparent;
  }
  
  .spinner-success.spinner-circle-shadow {
    border-color: rgba(21, 195, 119, 0.3);
    border-left-color: #15c377;
  }
  
  .spinner-info.spinner-linear .line,
  .spinner-info.spinner-dots span, .spinner-info.spinner-ball {
    background-color: #48b0f7;
  }
  
  .spinner-info.spinner-circle {
    border-color: #48b0f7;
    border-top-color: transparent;
  }
  
  .spinner-info.spinner-circle-shadow {
    border-color: rgba(72, 176, 247, 0.3);
    border-left-color: #48b0f7;
  }
  
  .spinner-warning.spinner-linear .line,
  .spinner-warning.spinner-dots span, .spinner-warning.spinner-ball {
    background-color: #faa64b;
  }
  
  .spinner-warning.spinner-circle {
    border-color: #faa64b;
    border-top-color: transparent;
  }
  
  .spinner-warning.spinner-circle-shadow {
    border-color: rgba(250, 166, 75, 0.3);
    border-left-color: #faa64b;
  }
  
  .spinner-danger.spinner-linear .line,
  .spinner-danger.spinner-dots span, .spinner-danger.spinner-ball {
    background-color: #f96868;
  }
  
  .spinner-danger.spinner-circle {
    border-color: #f96868;
    border-top-color: transparent;
  }
  
  .spinner-danger.spinner-circle-shadow {
    border-color: rgba(249, 104, 104, 0.3);
    border-left-color: #f96868;
  }
  
  .spinner-pink.spinner-linear .line,
  .spinner-pink.spinner-dots span, .spinner-pink.spinner-ball {
    background-color: #f96197;
  }
  
  .spinner-pink.spinner-circle {
    border-color: #f96197;
    border-top-color: transparent;
  }
  
  .spinner-pink.spinner-circle-shadow {
    border-color: rgba(249, 97, 151, 0.3);
    border-left-color: #f96197;
  }
  
  .spinner-purple.spinner-linear .line,
  .spinner-purple.spinner-dots span, .spinner-purple.spinner-ball {
    background-color: #926dde;
  }
  
  .spinner-purple.spinner-circle {
    border-color: #926dde;
    border-top-color: transparent;
  }
  
  .spinner-purple.spinner-circle-shadow {
    border-color: rgba(146, 109, 222, 0.3);
    border-left-color: #926dde;
  }
  
  .spinner-brown.spinner-linear .line,
  .spinner-brown.spinner-dots span, .spinner-brown.spinner-ball {
    background-color: #8d6658;
  }
  
  .spinner-brown.spinner-circle {
    border-color: #8d6658;
    border-top-color: transparent;
  }
  
  .spinner-brown.spinner-circle-shadow {
    border-color: rgba(141, 102, 88, 0.3);
    border-left-color: #8d6658;
  }
  
  .spinner-cyan.spinner-linear .line,
  .spinner-cyan.spinner-dots span, .spinner-cyan.spinner-ball {
    background-color: #57c7d4;
  }
  
  .spinner-cyan.spinner-circle {
    border-color: #57c7d4;
    border-top-color: transparent;
  }
  
  .spinner-cyan.spinner-circle-shadow {
    border-color: rgba(87, 199, 212, 0.3);
    border-left-color: #57c7d4;
  }
  
  .spinner-yellow.spinner-linear .line,
  .spinner-yellow.spinner-dots span, .spinner-yellow.spinner-ball {
    background-color: #fcc525;
  }
  
  .spinner-yellow.spinner-circle {
    border-color: #fcc525;
    border-top-color: transparent;
  }
  
  .spinner-yellow.spinner-circle-shadow {
    border-color: rgba(252, 197, 37, 0.3);
    border-left-color: #fcc525;
  }
  
  .spinner-gray.spinner-linear .line,
  .spinner-gray.spinner-dots span, .spinner-gray.spinner-ball {
    background-color: #868e96;
  }
  
  .spinner-gray.spinner-circle {
    border-color: #868e96;
    border-top-color: transparent;
  }
  
  .spinner-gray.spinner-circle-shadow {
    border-color: rgba(134, 142, 150, 0.3);
    border-left-color: #868e96;
  }
  
  .spinner-dark.spinner-linear .line,
  .spinner-dark.spinner-dots span, .spinner-dark.spinner-ball {
    background-color: #465161;
  }
  
  .spinner-dark.spinner-circle {
    border-color: #465161;
    border-top-color: transparent;
  }
  
  .spinner-dark.spinner-circle-shadow {
    border-color: rgba(70, 81, 97, 0.3);
    border-left-color: #465161;
  }



.imageRot {
   -webkit-animation:spin 1s ease-in-out;
    -moz-animation:spin 1s ease-in-out;
    animation:spin 1s ease-in-out;
    -webkit-box-shadow: 0px 0px 50px 3px rgba(254,191,4,1);
    -moz-box-shadow: 0px 0px 50px 3px rgba(254,191,4,1);
    box-shadow: 0px 0px 50px 3px rgba(254,191,4,1);
}
@-moz-keyframes spin {
    100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); }
}
@-webkit-keyframes spin {
    100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); }
}
@keyframes spin { 
    100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } 
}

.imageRotTers {
   -webkit-animation:spint 1s ease-in-out;
    -moz-animation:spint 1s ease-in-out;
    animation:spint 1s ease-in-out;
    -webkit-box-shadow: 0px 0px 50px 3px rgba(254,191,4,1);
    -moz-box-shadow: 0px 0px 50px 3px rgba(254,191,4,1);
    box-shadow: 0px 0px 50px 3px rgba(254,191,4,1);
}
@-moz-keyframes spint {
    100% { -webkit-transform: rotate(0deg); transform:rotate(0deg); }
}
@-webkit-keyframes spint {
    100% { -webkit-transform: rotate(0deg); transform:rotate(0deg); }
}
@keyframes spint { 
    100% { -webkit-transform: rotate(0deg); transform:rotate(0deg); } 
}

.imageRot2 {
   -webkit-animation:spinn 1s ease-in-out;
    -moz-animation:spinn 1s ease-in-out;
    animation:spinn 1s ease-in-out;
    -webkit-box-shadow: 0px 0px 50px 3px rgba(254,191,4,1);
    -moz-box-shadow: 0px 0px 50px 3px rgba(254,191,4,1);
    box-shadow: 0px 0px 50px 3px rgba(254,191,4,1);
}
@-moz-keyframes spinn {
    100% { -webkit-transform:scale(1.5); transform:scale(1.5); }
}
@-webkit-keyframes spinn {
    100% { -webkit-transform:scale(1.5); transform:scale(1.5); }
}
@keyframes spinn { 
    100% { -webkit-transform:scale(1.5); transform:scale(1.5); } 
}

.imageRot2t {
   -webkit-animation:spinnt 1s ease-in-out;
    -moz-animation:spinnt 1s ease-in-out;
    animation:spinnt 1s ease-in-out;
    -webkit-box-shadow: 0px 0px 50px 3px rgba(254,191,4,1);
    -moz-box-shadow: 0px 0px 50px 3px rgba(254,191,4,1);
    box-shadow: 0px 0px 50px 3px rgba(254,191,4,1);
}
@-moz-keyframes spinnt {
    100% { -webkit-transform:scale(1.5); transform:scale(1.5); }
}
@-webkit-keyframes spinnt {
    100% { -webkit-transform:scale(1.5); transform:scale(1.5); }
}
@keyframes spinnt { 
    100% { -webkit-transform:scale(1.5); transform:scale(1.5); } 
}

.centered {
    position: fixed;
    top: 35%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
  }

.cgSatis {
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: line-through;
}

.cgSecili {
    color: #FFC107;
    font-weight: bold;
}

.cgSatis:hover {
    text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px #FFF, 0 0 20px #49ff18, 0 0 30px #49FF18, 0 0 40px #49FF18, 0 0 55px #49FF18, 0 0 75px #49ff18;
}

/*.imgRot {
  
  -webkit-transition: -webkit-transform .5s ease-in-out;
          transition:         transform .5s ease-in-out;
}
.imgRot:hover {
    -webkit-transform: rotate(360deg); transform:rotate(360deg);
}*/


/* 

        
-webkit-transform:scale(1.5); transform:scale(1.5);


this.emitEvent('gameStopped', this.public);
Landscape phone to portrait tablet */