*{
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Open Sans', sans-serif;
    
    margin-top: 0px;
}


root { 
    display: block;
}

body{
    background-color: #000;
    background-repeat: repeat-x;
    background-position: top;   
}



::selection { background: transparent;color:inherit; }
::-moz-selection { background: transparent;color:inherit; }


#canvas{
    width:1024px;
    height: 768px;
    
    position: absolute;
}

canvas {
    image-rendering: optimizeSpeed;
    image-rendering:-o-crisp-edges;
    image-rendering:-webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
	-ms-touch-action: none;
}

.ctl-clear{
    clear: both;
}

.ani_hack{
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    
        -o-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    -webkit-tap-highlight-color: transparent; /* mobile webkit */
}


.but-lobby{
    width: 6.000em;
    font-size: 1.700em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 0.350em 0.0em;
    
    color: #333;
    
    position: absolute;
    cursor: pointer;
}

.btnx {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  text-shadow: 1px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btnx:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


#msg-box-panel p{
    font-size: 2em;
}

#login_form, #lobby-panel, #subscription-panel, #msg-box-panel{
    position: absolute;
    visibility: hidden;
}



.bg-modal{
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-color: #000;
    position: absolute;
    top: 0em;
    left: 0em;
}

.bg-dialog {
    position: absolute;
    width: 30em;

    top: 50%;
    left: 50%;
    
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);


    background-color: rgba(0,0,0,0.6);

    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;

    padding: 2em;
    
    border: 0.500em solid #ebebeb;
}

.bg-dialog h2, .bg-dialog p{
    color: #fff;
    text-align: center;
}

#subscription-panel h2{
    text-align: center;
    font-size: 2.5em;
    font-weight: bold;
}

#subscription-panel p{
    text-align: left;
    margin: 1em 0em;
    font-size: 1.6em;
    font-weight: bold;
}

#subscription-panel p span{
    margin-left: 0.5em;
    font-weight: normal;
}

#subscription-panel .subtitle{
   text-align: center;
   font-size: 1.8em;
}

.toggle-table-money-type, .toggle-table-feature{
    position: absolute;
    cursor: pointer;
}

.toggle-table-money-type{
    width: 10em;
}


.toggle-table-feature{
    width: 6.000em;
    font-size: 1.700em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 0.350em 0.0em;
    
    color: #333;
}

.toggle-table-feature{
    width: 6.000em;
    font-size: 1.700em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 0.350em 0.0em;
    
    color: #333;
}




#but-join-table{
    right: 3.000em;
    top: 32.7em;
    width: 14.65em;
}

.toggle-table-money-type-disabled{
    background-position: center right;
}



#toggle-real-money{
    top: 32.7em;
    left: 13.5em;
}

#toggle-virtual-money{
    top: 32.7em;
    left: 2.900em;  
}

#toggle-cash-tables{
    top: 8.55em;
    left: 2.900em;
}


#toggle-sitngo-tables{
    top: 8.55em;
    left: 9.200em;
}

#toggle-tournament-tables{
    top: 10em;
    left: 20em;  
    
    display: none;
}


table th{
    font-size: 1.500em;
}
table td{
    font-size: 1.500em;
}

tbody > :first-child td{
    border: none;
}



.left-table{
    left: 5.000em;
    top: 18.750em;
    position: absolute;
    width: 75em;
}

.right-table{
    right: 5.000em;
    top: 18.750em;
    position: absolute;
    width: 25em;
}


.table {
    margin-bottom: 0px;
}


.div-table-content {
    height: 30.000em;
    overflow-y:auto; 
    overflow-x:hidden; 
    background-color: #fff;
    
    border: 0.200em solid #ddd;
}

.div-table-content tr{
    cursor: pointer;
}

tr{
    width: 100%;
}

.table-lobby-cash td:nth-child(1), .table-lobby-cash th:nth-child(1){
    width: 35%;
    text-align: left;
}
.table-lobby-cash td:nth-child(2), .table-lobby-cash th:nth-child(2){
    width: 10%;
    text-align: center;
}
.table-lobby-cash td:nth-child(3), .table-lobby-cash th:nth-child(3){
    width: 10%;
    text-align: right;
}
.table-lobby-cash td:nth-child(4), .table-lobby-cash th:nth-child(4){
    width: 15%;
    text-align: right;
}
.table-lobby-cash td:nth-child(5), .table-lobby-cash th:nth-child(5){
    width: 10%;
    text-align: right;
}
.table-lobby-cash td:nth-child(6), .table-lobby-cash th:nth-child(6){
    width: 10%;
    text-align: center;
}
.table-lobby-cash td:nth-child(7), .table-lobby-cash th:nth-child(7){
    width: 10%;
    text-align: center;
}



.table-lobby-sitngo td:nth-child(1), .table-lobby-sitngo th:nth-child(1){
    width: 30%;
    text-align: left;
}
.table-lobby-sitngo td:nth-child(2), .table-lobby-sitngo th:nth-child(2){
    width: 10%;
    text-align: center;
}
.table-lobby-sitngo td:nth-child(3), .table-lobby-sitngo th:nth-child(3){
    width: 12%;
    text-align: right;
}
.table-lobby-sitngo td:nth-child(4), .table-lobby-sitngo th:nth-child(4){
    width: 12%;
    text-align: right;
}
.table-lobby-sitngo td:nth-child(5), .table-lobby-sitngo th:nth-child(5){
    width: 12%;
    text-align: right;
}
.table-lobby-sitngo td:nth-child(6), .table-lobby-sitngo th:nth-child(6){
    width: 8%;
    text-align: center;
}
.table-lobby-sitngo td:nth-child(7), .table-lobby-sitngo th:nth-child(7){
    width: 8%;
    text-align: center;
}
.table-lobby-sitngo td:nth-child(8), .table-lobby-sitngo th:nth-child(8){
    width: 8%;
    text-align: center;
}

.toggle-table-feature, .table-wrapper, .but-lobby, .but-poker{
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;

    padding: 0.5em;
}

.but-container{
    text-align: center;
}

.but-poker{
    cursor: pointer;
    font-size: 1.700em;
    padding: 0.5em;
  /*  width: 5em;*/
    display: inline-block;
    text-align: center;
    margin: 0em 0.5em;
    color: #fff;
}

.left-table{
    -webkit-border-top-left-radius: 0.0em;
    -moz-border-top-left-radius: 0.0em;
    border-top-left-radius: 0.0em;  
}


.toggle-table-feature{
    -webkit-border-bottom-left-radius: 0.0em;
    -moz-border-bottom-left-radius: 0.0em;
    border-bottom-left-radius: 0.0em;
    
    -webkit-border-bottom-right-radius: 0.0em;
    -moz-border-bottom-right-radius: 0.0em;
    border-bottom-right-radius: 0.0em;    
}


.toggle-table-feature-disabled{
    background-color: #ddd;
}

.table-wrapper{

}

.table > thead > tr > th{
    
    border: none;
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
padding: 0.5em;
}

#login_form input{
    font-size : 1.500em; 
    position: absolute;
    width: 256px;
    border: none;
    color: #fff;
    outline: none;
    background-color: transparent;
}

#login_form input:focus{
       outline: none; 
}

#input_user{
    top: 15.688em;
    left: 29.250em
}

#input_psw{
    top: 21.800em;
    left: 29.250em
}

.btn-login{
    top: 33.400em;
    left: 50.500em;
    position: absolute;
    text-transform: uppercase;
    font-size : 1.250em;  
    color: #fff;
    opacity: 0;
    width: 9.000em;
    height: 4.000em;
    text-align: center;
    cursor: pointer;
}

.btn-guest{
    top: 33.400em;
    left: 31.000em;
    position: absolute;
    text-transform: uppercase;
    font-size : 1.250em;  
    color: #fff;
    opacity: 0;
    width: 9.000em;
    height: 4.000em;
    text-align: center;
    cursor: pointer;
}

.toggle-table-feature, .but-lobby, .but-poker{
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);

    border: 0.200em solid #fff;
}

.toggle-table-feature:hover, .but-lobby:hover, .but-poker:hover{
    background-color: rgba(6,76,217,0.6);
    color: #ffe400;
}

.table-wrapper, #table-room-info{
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    border: 0.200em solid #fff;
}


.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(20,20,20,0.6);
}
.table-hover > tbody > tr:hover {
    background-color: rgba(6,76,217,0.6);
    color: #fdff6e;
}

.table, .div-table-content, table{
    background-color: transparent;
}


/***************FONTS*******************/
@font-face {
  font-family: 'OpenSans-BoldItalic';
  src: url('OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),  url('OpenSans-BoldItalic.woff') format('woff'), url('OpenSans-BoldItalic.ttf')  format('truetype'), url('OpenSans-BoldItalic.svg#OpenSans-BoldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}