﻿

    /**/

.WestPanel {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 50%;
    left: 30.0vh;
    transform: translate(0,-50%);
    
    
}



.EastPanel {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /* justify-content: space-around;*/
    position: absolute;
    top: 50%;
    right: 30.0vh;
    transform: translate(0,-50%);
   
   
}




.SouthPanel {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    position: absolute;
    /*bottom: 19.0vh;*/
    left: 50%;
    transform: translate(-50%,-50%);
   /* padding-top: 5vh;*/
   /* margin: 0.5vh;*/
   
    
    bottom: 18.0vh;
 /*   background-color: deeppink;*/
}










@media (min-aspect-ratio: 16/10) {
    .SouthHand {
        bottom: 16.0vh;
        
    }

   
}

@media (min-aspect-ratio: 16/9) {
    .SouthHand {
        bottom: 19.0vh;
        /*background-color: #3e8e41;*/
    }

    .ManageBullet {
        /*background-color: olive;*/
    }


}

@media (min-aspect-ratio: 21/9) {
    .SouthHand {
        bottom: 20.0vh;
        
    }


    

}


.SouthGamerInfo {
    position: absolute;
    left: 2%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    border-style: solid;
}



.SouthBulletInfo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;

   
}







.CardBribe {
    display: flex;
    align-items: center;
    justify-content: center;
   /* margin: 1vh;*/
}



.IconCardBribe {
    /*background: no-repeat url('../images/Background/cardBribe.png');*/

    background: no-repeat url('../images/Background/IconScore.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 6.0vmin;
    height: 6.0vmin;
    margin-left: 0.1vmin;
    /* margin-top: 0.5vh;*/
}


.AmountCardBribe {
    font-size: 4.1vmin; 
}



.SuitBet {
    height: 4.5vmin;
    width: 4.5vmin;
    /* padding:1vh;*/
}


.BetAmount {
    /* font-size: 3.5vh;*/
    font-size: 3.5vmin;



    /* font-style: italic;vmin*/
}



.Bet {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    /* font-size: 3vh;*/
    /*background-color: white;*/
   /* border-style: solid;*/
    /*padding: 0.5vh;*/
    /*margin: 0.7vh;*/
    /*width:15vh;*/

   /* margin-top: 1.5vmin;*/
}








/*.PlayerInfo {
    margin-right: 1vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;*/
     
    /* padding:3vh;*/
/*}*/



.ScoreHorizontalInfo {
    margin: 1vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 2.0vh;
}







.PhotoPlayer {
    height: 8vh;
    width: 3vw;
    border-radius: 50%;
    clip-path: circle(50%);
}






.NamePlayer {
    font-size: 2.8vmin;
    font-style: italic;
}






/*.NameMoveCurrentPlayer {
    padding-bottom: 0.5vh;
    font-size: 2.5vh;*/
   /* color:yellow;*/
/*}*/



.VistInfo {
    font-size: 2.5vmin;
}





.PlayerSouthDisplay {
    position: absolute;
    bottom: 2%;
    left: 50%;
    background-color: salmon;
    z-index: 100;
}




.timerEndGame {
    /*text-align: center;
    font-family: arial;*/
    font-size: 3vmin;
    margin: 0.25vmin;
    /* color: #ffff00;
    z-index: 100;*/
    /*margin: 0.5vh;*/
}

/*.typeGamе{
    position:absolute;
    top:10%;
    left:50%;
}*/



.CurrentTypeGame {
    font-style: italic;
    font-size: 2vh;
    cursor: pointer;
}


.CurrentTypeGame:hover {    
   color: yellow;
}







.FirstHand {
    background: no-repeat url('../images/Background/Hand.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    height: 1.9vw;
    width: 1.9vw;
}


.BetInfoDisplay {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    
    
}