.roulette_block {
    position: relative;
    width: 100%;
    height: 345px;
}

.roulette_background {
    background-image: url('../imgs/roulette/background.png');
    width: 960px;
    height:324px;
    background-size: contain;
    position: absolute;
}

.penalty_background {
    background-image: url('../imgs/roulette/penalty_background.png');
    width: 570px;
    height:325px;
    background-size: contain;
    position: absolute;
}
.chip
{
    font-family: 'diplay';
    width: 71px;
    height: 71px;
    line-height: 71px;
    position: absolute;
    display: inline-block;
    text-align: center;

    /*text unselectable*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.chip > span
{
    vertical-align: middle;
    display: inline-block;
    color: black;
}

.dolya
{
    opacity: 1.0;
    background-image: url('../imgs/roulette/DolyaGreen.png');
    background-size: contain;
}

.dolya:hover {
    opacity: 0;
}

.chip1
{
    background-image: url('../imgs/roulette/Chip_1.png');
    background-size: contain;
}

.chip2
{
    background-image: url('../imgs/roulette/Chip_2.png');
    background-size: contain;
}

.chip5
{
    background-image: url('../imgs/roulette/Chip_5.png');
    background-size: contain;
}

.chip10
{
    background-image: url('../imgs/roulette/Chip_10.png');
    background-size: contain;
}

.chip25
{
    background-image: url('../imgs/roulette/Chip_25.png');
    background-size: contain;
}

.btn-penalty-chip {
    width: 50px;
}