#gameView {

   /*margin-top: 3px;*/
    width: 760px;
    height: 645px;
    background-image: url(gamebg.png);
    
    /*background-size: cover;*/
    overflow: hidden;
  /* ekranin siyah lasip bozulmasi */
/*  -webkit-transform: translateZ(0);*/
  /* -moz-transform: translateZ(0);*/
  /* -ms-transform: translateZ(0);*/
 /*  -o-transform: translateZ(0);*/
/*   transform: translateZ(0);*/
   
/* ekranin siyah lasip bozulmasi */
   /* -webkit-backface-visibility: hidden;*/
  /* -moz-backface-visibility: hidden;*/
 /*  -ms-backface-visibility: hidden;*/
/*   backface-visibility: hidden;*/

   -webkit-perspective: 1000;
   -moz-perspective: 1000;
   -ms-perspective: 1000;
   perspective: 1000;
   
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   will-change: transform;
   background-size: 760px 645px;
}

body {
    /*overflow: hidden;*/
    zoom: 1;
}

.davetLink {
    text-decoration: none;
    font-family: Arial;
    color: red;
    font-size: 12px;
}
.davetLink:hover {
    text-decoration: none;
    font-family: Arial;
    color: red;
    font-size: 12px;
    text-decoration: underline;
}
#gameScreen {
    /*-webkit-overflow-scrolling: touch;*/
     width: 760px;
    height: 645px;
    /*overflow: hidden;*/
   /* margin: 0px;*/
    padding: 0px;
    top: 0px;
    
    
}
#masaInfoGame {
    /*border: 1px solid red;*/
    width: 140px;
    height: 100px;
      padding: 2px;
	margin-top:60px;
   
}
.masaSahip {
    font-size: 10px;
    color: black;
    text-shadow: 1px 1px 0px #FFFFFF, 0px 0px 1px #FFFFFF, 0px 0px 1px #FFFFFF;
}
.masaLockIkon { 
    margin-top:-48px;
    margin-left:0px;
    float:right;
    margin-right:3px;
    
}

.oyunaKatil {
    position: absolute;
    left: 16px;
    top: 20px;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    /* height: 36px; */
    background-image: url(oyuna_katil.png);
}
.yaziGolge {
     text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; 
}
.gizle {
    display: none;
}
.goster {
    display: block;
}
.masaAd {
    font-weight: bold;
    font-family: Arial;
    font-size: 10px;
    color: white;
}
#masaSahipDIV {
    width: 200px;
}
#masaSahipDIV >span {
  color: yellow;
}

#masaPuanliDIV {
    background-image: url(masapuanikon.png);
    background-repeat: no-repeat;
    height: 20px;
    padding-top: 5px;
    padding-left: 25px;
    font-weight: bold;
    font-family: Arial;
    font-size: 10px;
    color: yellow;
}

#masaBilgiDIV {
      font-family: Arial;
    font-size: 10px;
    color: white;
    font-weight: bold;
}
.bedelBox {
    width:fit-content;
    margin-top: 2px;
    background-color: #383838;
    border: 1px solid #B85F00;
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px; 
    border-radius: 5px;
    min-height: 30px;
    min-width: 20px;
   padding-left: 30px;
   padding-right: 4px;
   color: #FFCC00;
   font-family: Arial;
   font-size: 10px;
   font-weight: bold;
   
}

.bedelSpan {
   height: 20px;
    margin-top: 6px;
    
}

.masaBedelIkon {
    background-image: url(bedel_icon.png);
    background-repeat: no-repeat;
}

.masaCanakIkon {
    background-image: url(canak_ikon.png);
    background-repeat: no-repeat;
}
#gameButtons {
    position: absolute;
    top: 500px;
    left: 0px;
    text-align: right; 
    width: 50px;
    height: 110px;
    transform: scaleX(0.9) scaleY(0.9);
    transform-origin: 0 0;
}
#gameButtons > img {
  /*  width: 40px;*/
}
.playerbox {
    background-image: url(playerboxbg.png);
    background-repeat: no-repeat;
    width: 86px;
    height: 105px;
    /*border:1px solid red;*/
    
}

.playerbox_gold {
    background-image: url(goldbg.png);
    background-repeat: no-repeat;

    /*border:1px solid red;*/
    
}

.playerNick {
    color: #353535;
    font-family: Tahoma;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    left: 4px;
    top: 5px;
    text-align: center;
    width: 84px;
    text-shadow: 1px 1px #ffffff -1px -1px #ffffff;
}
.playerPuan {
    color: #353535;
    font-family: Tahoma,sans-serif;
    font-size: 12px;
    /* font-weight: bold; */
    position: absolute;
    left: 15px;
    top: 82px;
    text-align: right;
    width: 40px;
    /* border: 1px solid red; */
    
}
.playerMasaPuan {
   text-align: center;
    padding: 2px;
    /* font-weight: bold; */
    font-family: Tahoma,sans-serif;
    font-size: 12px;
    color: #353535;
    /* background-image: url(playerboxPuanBack.png); */
    background-repeat: no-repeat;
    width: 35px;
    height: 25px;
    position: absolute;
    left: 4px;
    top: 80px;
    text-align: left;
    
    
}
.playerBoxAvatar {
        max-width: 50px;
    min-width: 50px;
    max-height: 50px;
    min-height: 50px;
    margin-left: 18px;
    width: 50px;
    height: 50px;
    margin-top: 24px;
    -moz-border-radius: 5px;
    /* -webkit-border-radius: 5px; */
    /* border-radius: 5px; */
}
.playerBoxSira {
    pointer-events: none;
    width: 86px;
    max-width: 105px;
    height: 105px;
    background-image: url(playerBoxSiraBadge.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow:hidden;
        border-radius: 8px;
}
.playerBoxSiraRed {
        border-radius: 8px;
    pointer-events: none;
    height: 105px;
    width: 86px;
    background-image: url(playerBoxSiraBadgeRed.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow:hidden;
}

.playerGift {
     position: absolute;
    left: -30px;
    top: 5px;
    
}
.playerRozet {
    width: 80px;
    height: 25px;
     position: absolute;
     text-align: center;
    left: 0px;
    top: -10px;
}
.golgeliDiv {
   -moz-border-radius: 5px;  
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
-webkit-box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.75);
box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.75);
}

.golgeliDivTas {

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.5), inset 0 0 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.75), inset 0 0 10px #000000;
    box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.5), inset 0 0 3px rgba(0,0,0,0.3);
    border: 1px solid rgba(100,100,100,0.4);
    /* background-color: rgba(100,100,100,0.5); */


}
.golgeliDivTas1 {
        -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 3px -3px rgba(0,0,0,0.5), inset 0 0 5px #000000;
    -moz-box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.75), inset 0 0 10px #000000;
    box-shadow: 0px 0px 6px -5px rgba(0,0,0,0.3), inset 0 0 5px #000000;
    border: 1px solid rgba(100,100,100,0.1);
    background-color: rgba(100,100,100,0.1);
}

#pbox0 {
    position: absolute;
    left: 340px;
    top: 60px;
}

#pbox1 {
    
    position: absolute;
    left: 50px;
    top: 190px;
}


#pbox2 {
    position: absolute;
    left: 340px;
    top: 345px;
}

#pbox3 {
    position: absolute;
    left: 610px;
    top: 190px;
}



#istakaDIV {
 padding-top: 1px;
    padding-left: 20px;
    position: absolute;
    height: 165px;
    width: 640px;
    /* border: 1px solid red; */
    background-image: url(istaka.png);
    left: 55px;
    top: 460px;
    background-repeat: no-repeat;
    background-size: 643px 148px;
}

.tasPos {
    opacity: 0.0;
    -moz-opacity: 0.0;
    float: left;
    background-image: url(tas/bostas.png);
    width: 43px;
    height: 64px;
}


#p0at {
    position: absolute;
    left: 160px;
    top: 110px;
     transform: scale(0.95,0.90);
    -moz-transform: scale(0.95,0.90);
    
       /*transform: scale(0.6,0.6);*/
    /*-moz-transform: scale(0.6,0.6);*/
}

.soluklastir {
    opacity: 0.3;
    -moz-opacity: 0.3;
}
#p1at {
    /*background-image: url(tas/okey.png);*/
   
    position: absolute;
    left: 165px;
    top: 390px;
    /*background-size: 31px 41px; */
    transform: scale(0.95,0.90);
    -moz-transform: scale(0.95,0.90);
}


#p2at {
    /*background-image: url(tas/okey.png);*/
    /*width: 31px;*/
    /*height: 41px;*/
    position: absolute;
    left: 530px;
    top: 390px;
    transform: scale(0.95,0.90);
    -moz-transform: scale(0.95,0.90);
    /*background-size: 31px 41px; */
}


#p3at {
    position: absolute;
    left: 540px;
    top: 110px;
     transform: scale(0.95,0.90);
    -moz-transform: scale(0.95,0.90);
    
   /* transform: scale(0.6,0.6);*/
    /*-moz-transform: scale(0.6,0.6);*/
}




.cekattas0 {
    background-image: url(tas/okey.png);
    width: 54px;
    height: 68px;
   transform: scale(0.7,0.7);
   -moz-transform: scale(0.7,0.7);
}


#turdeDiv {
z-index: 10;
    padding: 8px;
    font-family: Arial;
    text-align: center;
    font-weight: bold;
    color: white;
    position: absolute;
    left: 130px;
    top: 130px;
    background-image: url(ui_turbg.png);
    background-repeat: no-repeat;
    width: 600px;
    height: 200px;
  
}

#sericiftdizBtns {
    text-align: center;
    position: absolute;
    width: 50px;
    height: 50px;
    /*border: 1px solid red;*/
    left: 710px;
    top: 500px;
    
        transform-origin: 0 0;
    transform: scaleX(0.8) scaleY(0.8);
    
}
#sericiftdizBtns > img {
    /*width: 40px;*/
}
.masaExtraPuan {
    color: orangered;
}


#masaControlButtons {
    float: left;
   
    text-align: right;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    /* background-color: rgba(255,255,255,0.6); */
    /* padding: 3px; */
    padding-top: 0px;
    /* position: absolute; */
    /* left: 150px; */
    /* top: 570px; */
    padding: 0px;
    width: 108px;
    overflow: hidden;
    height: 20px;
    z-index: 1;
    margin-left: 1px;
    height: 25px;

    
}

#masaAyrilBtn {
  position: absolute;
    left: 613px;
    top: 38px;
    /* width: 136px; */
    /* height: 40px; */
}

#masaSohbetBtn {
  position: absolute;
    left: -25px;
    top: 38px;
    /* width: 136px; */
    /* height: 40px; */
}



.masaControlButton {
        font-family: Arial,sans-serif;
    font-weight: bold;
    font-size: 9px;
    background-image: url(img/masaControlButton.png);
    background-repeat: no-repeat;
    width: 29px;
    height: 30px;
    text-align: left;
    line-height: 22px;
    margin-top: 0px;
    float: right;
    margin-left: 1px;   
}

.masaControlButton_off {
     background-image: url(img/masaControlButton_off.png);
}
.masaControlButton_off_red {
     background-image: url(img/masaControlButtonOff_red.png);
}
.masaControlButton >img {
 margin-left: 5px;
    margin-top: 3px;
    /* margin-right: 3px; */
    max-width: 16px;
    float: left;
}
.masaControlButton >span {
    color: black;
    
}


.grayScroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(55,54,73,0.3);
	border-radius: 10px;
	background-color:rgba(0,0,0,0);
}

.grayScroll::-webkit-scrollbar
{
	width: 15px;
	background-color:rgba(0,0,0,0);
}

.grayScroll::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(66,67,92,.3);
	background-color: #777777;
}


 .globalMsg {
    line-height: 50px;
    pointer-events: none;
            height: 25px;
            overflow: hidden;
            position: relative;
            border-radius: 8px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            background-color: #FFC250;
            border: 1px solid orange;
            font-weight: bold;
            color: darkred;
        }


 .globalMsg p {
            position: absolute;
            width: 100%;
            height: 100%;
            margin-top: -15px;
            line-height: 50px;
            text-align: center;
            -moz-transform: translateX(100%);
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            -moz-animation: scroll-left 2s linear infinite;
            -webkit-animation: scroll-left 2s linear infinite;
            animation: scroll-left 20s linear infinite;
        }
#inTableMenu {
    z-index:6;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    position: absolute;
    width: 160px;
    height:fit-content;
    
    border: 1px solid #2C2C2C;
    padding: 5px;
    background: rgb(61,61,61);
background: -moz-linear-gradient(0deg, rgba(61,61,61,1) 11%, rgba(101,101,101,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(61,61,61,1) 11%, rgba(101,101,101,1) 100%);
background: linear-gradient(0deg, rgba(61,61,61,1) 11%, rgba(101,101,101,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3d3d3d",endColorstr="#656565",GradientType=1);
transform-origin: 0 0;
    transform: scaleX(0.7) scaleY(0.7);
}

#inTableClose {
    position: absolute;
    top: 1px;
    left: 139px;
}
#inTableClose>img {
    width: 30px;
}
.inTableMenuItem {
  margin-bottom: 2px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 125px;
    height: 30px;
    text-align: left;
    font-family: Arial,sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: white;
    line-height: 28px;
    padding-left: 5px;
    border-bottom: 1px solid #626262;
    border-top: 1px solid #737373;
}
.inTableMenuItem:hover {
    background-color: rgba(0,0,0,0.75);
}



.blink-1{-webkit-animation:blink-1 .6s both;animation:blink-1 .6s both}

@-webkit-keyframes blink-1{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes blink-1{0%,50%,100%{opacity:1}25%,75%{opacity:0}}





.globalDivStyle {
   line-height: 23px;
    pointer-events: none;
    height: auto;
    overflow: hidden;
    padding-left: 6px;
    position: relative;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background-color: #F1F1F1;
    border: 1px solid #E1E1E1;
    font-weight: bold;
    color: red;
        margin-top: 2px;
    margin-bottom: 2px;
    

   -webkit-user-select: text !important;
    -khtml-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
    
}




.tosClose {
    position: absolute;
    background-image:url(img/profileKapat.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    left: 485px;
    top: 4px;
    color: white;
}
.tosTitle {
      position: absolute;

    width: 400px;
    height: 40px;
    left: 10px;
    top: 12px;
    font-family: 'Myriad Pro';
    font-weight: bold;
    font-size: 16px;
    color: white;
}
.tosContent {
     position: absolute;
     color: white;
    width: 510px;
    height: 260px;
    left: 8px;
    top: 46px;
    font-family: 'Myriad Pro';
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    
}
.tosConfirm {
     position: absolute;
     color: white;
    width: 167px;
    height: 44px;
    left: 200px;
    top: 310px;
    background-image: url(img/tosconfirm.png);
    background-repeat: no-repeat;
    line-height: 44px;
    
    font-family: 'Myriad Pro';
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    
}

.tosConfirmNormal {
    

   color: white;
    height: 44px;
    background-image: url(img/tosconfirm.png);
    background-repeat: no-repeat;
    line-height: 44px;
    
    font-family: 'Myriad Pro';
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    width: 170px;
    margin-left: auto;
    margin-right: auto;
}



.tosMsg {
    
    position: absolute;
    background-image: url(img/tosbg.png);
    background-repeat: no-repeat;
    width: 526px;
    height: 361px;
    left: 57px;
    top: 50px;
    color: white;
    box-shadow: rgba(0, 0, 0, 0.75) 10px 10px 131px 41px;
        border-radius:12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
}

@keyframes glowAnimation {
  from {
    box-shadow: 0 0 5px -5px #68ff00;
          border-radius: 10px;
    -webkit-border-radius: 10px;
    
    -moz-border-radius: 10px;
  }
  to {
       border-radius: 10px;
    -webkit-border-radius: 10px;
    
    -moz-border-radius: 10px;
    box-shadow: 0 0 5px 5px #68ff00;
  }
}