.roulette #staff{
    width: 27vw;
    height: 17vh;
    left: 18vw;
}
.roulette #spinResult {
    position: absolute;
    width: 5vh;
    height: 5vh;
    font-size: 3vh;
    border-radius: 100%;
    top: calc(16vh + 20vw);
    left: calc(10vw - 2.5vh);
    z-index: 1000;
}

.roulette .spinblack {
    background: #000;
}

.roulette .spinred {
    background: #951C12;
}

.roulette .spingreen {
    background: #53B563;
}

.roulette #rouletteWheel{
    position: absolute;
    top: 15vh;
    width: 20vw;
    height: 20vw;
    z-index: 1;
}

.roulette #NewWheelBase {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    -webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.5));
}

.roulette #NewWheelSpinner{
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
}

.roulette #outerWheel{
    position: absolute;
    left: 0%;
    width: 100%;
}

.roulette #wheelcontainer{
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
}

.roulette #wheelballcontainer{
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height:100%;
}

.roulette #wheelShineContainer{
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
}

.roulette #ballcontainer{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0%;
    left: 0%;
    transform: scale(0.55);
}

.roulette #ball{
    position: absolute;
}


.roulette #roulettePositions{
    position: absolute;
    top: 25vh;
    left: 21vw;
    height: 40vh;
    width: 60vw;
}


/*Numbers*/

.roulette #roulettePositions #position0{
    width: calc((100%/14) + 0.5vh);
    height: calc((100%/4*3) + 0.5vh);
    border: .5vh solid white;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    color: yellow;
    font-size: 5vh;
    background: #53B563;
}

.roulette .to36, .column{
    width: calc((100%/14) + 0.5vh );
    height: calc((100%/4) + 0.5vh );
    border: .5vh solid white;
    font-size: 3vh;
    color: white;
    line-height: 3.5vh;
}


.roulette .rLayout{
    position: absolute;
    text-align: center;
    font-weight: bolder;
}

.roulette #roulettePositions #position1{
    background: #951C12;
    top: calc(100%/4*2);
    left: calc(100%/14);
}

.roulette #roulettePositions #position2{
    background: #000000;
    top: calc(100%/4);
    left: calc(100%/14);
}

.roulette #roulettePositions #position3{
    background: #951C12;
    left: calc(100%/14);
}

.roulette #roulettePositions #position4{
    background: #000000;
    top: calc(100%/4*2);
    left: calc(100%/14*2);
}

.roulette #roulettePositions #position5{
    background: #951C12;
    top: calc(100%/4);
    left: calc(100%/14*2);
}

.roulette #roulettePositions #position6{
    background: #000000;
    left: calc(100%/14*2);
}

.roulette #roulettePositions #position7{
    background: #951C12;
    top: calc(100%/4*2);
    left: calc(100%/14*3);
}

.roulette #roulettePositions #position8{
    background: #000000;
    top: calc(100%/4);
    left: calc(100%/14*3);
}

.roulette #roulettePositions #position9{
    background: #951C12;
    left: calc(100%/14*3);
}

.roulette #roulettePositions #position10{
    background: #000000;
    top: calc(100%/4*2);
    left: calc(100%/14*4);
}

.roulette #roulettePositions #position11{
    background: #000000;
    top: calc(100%/4);
    left: calc(100%/14*4);
}

.roulette #roulettePositions #position12{
    background: #951C12;
    left: calc(100%/14*4);
}

.roulette #roulettePositions #position13{
    background: #000000;
    top: calc(100%/4*2);
    left: calc(100%/14*5);
}

.roulette #roulettePositions #position14{
    background: #951C12;
    top: calc(100%/4);
    left: calc(100%/14*5);
}

.roulette #roulettePositions #position15{
    background: #000000;
    left: calc(100%/14*5);
}

.roulette #roulettePositions #position16{
    background: #951C12;
    top: calc(100%/4*2);
    left: calc(100%/14*6);
}

.roulette #roulettePositions #position17{
    background: #000000;
    top: calc(100%/4);
    left: calc(100%/14*6);
}

.roulette #roulettePositions #position18{
    background: #951C12;
    left: calc(100%/14*6);
}

.roulette #roulettePositions #position19{
    background: #951C12;
    top: calc(100%/4*2);
    left: calc(100%/14*7);
}

.roulette #roulettePositions #position20{
    background: #000000;
    top: calc(100%/4);
    left: calc(100%/14*7);
}

.roulette #roulettePositions #position21{
    background: #951C12;
    left: calc(100%/14*7);
}

.roulette #roulettePositions #position22{
    background: #000000;
    top: calc(100%/4*2);
    left: calc(100%/14*8);
}

.roulette #roulettePositions #position23{
    background: #951C12;
    top: calc(100%/4);
    left: calc(100%/14*8);
}

.roulette #roulettePositions #position24{
    background: #000000;
    left: calc(100%/14*8);
}

.roulette #roulettePositions #position25{
    background: #951C12;
    top: calc(100%/4*2);
    left: calc(100%/14*9);
}

.roulette #roulettePositions #position26{
    background: #000000;
    top: calc(100%/4);
    left: calc(100%/14*9);
}

.roulette #roulettePositions #position27{
    background: #951C12;
    left: calc(100%/14*9);
}

.roulette #roulettePositions #position28{
    background: #000000;
    top: calc(100%/4*2);
    left: calc(100%/14*10);
}

.roulette #roulettePositions #position29{
    background: #000000;
    top: calc(100%/4);
    left: calc(100%/14*10);
}

.roulette #roulettePositions #position30{
    background: #951C12;
    left: calc(100%/14*10);
}

.roulette #roulettePositions #position31{
    background: #000000;
    top: calc(100%/4*2);
    left: calc(100%/14*11);
}

.roulette #roulettePositions #position32{
    background: #951C12;
    top: calc(100%/4);
    left: calc(100%/14*11);
}

.roulette #roulettePositions #position33{
    background: #000000;
    left: calc(100%/14*11);
}

.roulette #roulettePositions #position34{
    background: #951C12;
    top: calc(100%/4*2);
    left: calc(100%/14*12);
}

.roulette #roulettePositions #position35{
    background: #000000;
    top: calc(100%/4);
    left: calc(100%/14*12);
}

.roulette #roulettePositions #position36{
    background: #951C12;
    left: calc(100%/14*12);
}

/* Columns */
.roulette .column {
    font-size: 2vh;
}

.roulette #roulettePositions #position37{
    border-bottom: .5vh solid white;
    border-left: .5vh solid white;
    border-right: .5vh solid white;
    top: calc(100%/4*2);
    left: calc(100%/14*13);
    border-top-right-radius: 30%;
    border-bottom-right-radius: 30%;
}

.roulette #roulettePositions #position38{
    border-bottom: .5vh solid white;
    border-left: .5vh solid white;
    border-right: .5vh solid white;
    top: calc(100%/4);
    left: calc(100%/14*13);
    border-top-right-radius: 30%;
    border-bottom-right-radius: 30%;
}

.roulette #roulettePositions #position39{
    border-bottom: .5vh solid white;
    border-left: .5vh solid white;
    border-right: .5vh solid white;
    border-top: .5vh solid white;
    left: calc(100%/14*13);
    border-top-right-radius: 30%;
    border-bottom-right-radius: 30%;
}

/*thirds*/
.roulette .third {
    width: calc(100%/14*4);
    height: calc(100%/8);
    top: calc(100%/4*3);
    color: white;
    font-size: 2vh;
}

.roulette #roulettePositions #position40{
    border-bottom: .5vh solid white;
    border-left: .5vh solid white;
    left: calc(100%/14);
}

.roulette #roulettePositions #position41{
    border-bottom: .5vh solid white;
    border-left: .5vh solid white;
    left: calc(100%/14*5);
}

.roulette #roulettePositions #position42{
    border-bottom: .5vh solid white;
    border-left: .5vh solid white;
    border-right: .5vh solid white;
    left: calc(100%/14*9);
    width: calc((100%/14*4) + 0.5vh);
}

/*outside bets */

.roulette .outside {
    width: calc(100%/14*2);
    height: calc(100%/8);
    top: calc(100%/4*3.5);
    color: white;
    font-size: 2vh;
}

.roulette #roulettePositions #position43 {
    border-bottom: .5vh solid white;
    border-left: .5vh solid white;
    left: calc(100%/14);
    border-bottom-left-radius: 1vh;
}

.roulette #roulettePositions #position44 {
    border-bottom: .5vh solid white;
    border-left: .5vh solid white;
    border-right: .5vh solid white;
    left: calc(100%/14*11);
    border-bottom-right-radius: 1vh;
    width: calc((100%/14*2) + 0.5vh);
}

.roulette #roulettePositions #position45 {
    border-bottom: .5vh solid white;
    border-left: .5vh solid white;
    left: calc(100%/14*3);
}

.roulette #roulettePositions #position46 {
    border-bottom: .5vh solid white;
    border-left: .5vh solid white;
    left: calc(100%/14*9);
}

.roulette #roulettePositions #position47 {
    border-bottom: .5vh solid white;
    border-left: .5vh solid white;
    left: calc(100%/14*5);
}

.roulette #roulettePositions #position48 {
    border-bottom: .5vh solid white;
    border-left: .5vh solid white;
    left: calc(100%/14*7);
}

/* streets */

.roulette .street {
    width: calc(100%/14/2);
    height: calc(100%/4/4);
    /*top: calc(100%/4/8* -1);*/
    top: calc(100%/4*2.875 );
}

.roulette #roulettePositions #position49 {
    left: calc(100%/14*1.25);
}

.roulette #roulettePositions #position50 {
    left: calc(100%/14*2.25);
}

.roulette #roulettePositions #position51 {
    left: calc(100%/14*3.25);
}

.roulette #roulettePositions #position52 {
    left: calc(100%/14*4.25);
}

.roulette #roulettePositions #position53 {
    left: calc(100%/14*5.25);
}

.roulette #roulettePositions #position54 {
    left: calc(100%/14*6.25);
}

.roulette #roulettePositions #position55 {
    left: calc(100%/14*7.25);
}

.roulette #roulettePositions #position56 {
    left: calc(100%/14*8.25);
}

.roulette #roulettePositions #position57 {
    left: calc(100%/14*9.25);
}

.roulette #roulettePositions #position58 {
    left: calc(100%/14*10.25);
}

.roulette #roulettePositions #position59 {
    left: calc(100%/14*11.25);
}

.roulette #roulettePositions #position60 {
    left: calc(100%/14*12.25);
}

.roulette #roulettePositions #position61 {
    left: calc(100%/14*1.75);
}

.roulette #roulettePositions #position62 {
    left: calc(100%/14*2.75);
}

.roulette #roulettePositions #position63 {
    left: calc(100%/14*3.75);
}

.roulette #roulettePositions #position64 {
    left: calc(100%/14*4.75);
}

.roulette #roulettePositions #position65 {
    left: calc(100%/14*5.75);
}

.roulette #roulettePositions #position66 {
    left: calc(100%/14*6.75);
}

.roulette #roulettePositions #position67 {
    left: calc(100%/14*7.75);
}

.roulette #roulettePositions #position68 {
    left: calc(100%/14*8.75);
}

.roulette #roulettePositions #position69 {
    left: calc(100%/14*9.75);
}

.roulette #roulettePositions #position70 {
    left: calc(100%/14*10.75);
}

.roulette #roulettePositions #position71 {
    left: calc(100%/14*11.75);
}


/* horizontal splits */

.roulette .hsplit {
    width: calc(100%/14/2);
    height: calc(100%/4/4);
}

.roulette #roulettePositions #position72 {
    top: calc(100%/4*0.875 );
    left: calc(100%/14*1.25);
}

.roulette #roulettePositions #position73 {
    top: calc(100%/4*1.875 );
    left: calc(100%/14*1.25);
}

.roulette #roulettePositions #position74 {
    top: calc(100%/4*0.875 );
    left: calc(100%/14*2.25);
}

.roulette #roulettePositions #position75 {
    top: calc(100%/4*1.875 );
    left: calc(100%/14*2.25);
}

.roulette #roulettePositions #position76 {
    top: calc(100%/4*0.875 );
    left: calc(100%/14*3.25);
}

.roulette #roulettePositions #position77 {
    top: calc(100%/4*1.875 );
    left: calc(100%/14*3.25);
}

.roulette #roulettePositions #position78 {
    top: calc(100%/4*0.875 );
    left: calc(100%/14*4.25);
}

.roulette #roulettePositions #position79 {
    top: calc(100%/4*1.875 );
    left: calc(100%/14*4.25);
}

.roulette #roulettePositions #position80 {
    top: calc(100%/4*0.875 );
    left: calc(100%/14*5.25);
}

.roulette #roulettePositions #position81 {
    top: calc(100%/4*1.875 );
    left: calc(100%/14*5.25);
}

.roulette #roulettePositions #position82 {
    top: calc(100%/4*0.875 );
    left: calc(100%/14*6.25);
}

.roulette #roulettePositions #position83 {
    top: calc(100%/4*1.875 );
    left: calc(100%/14*6.25);
}

.roulette #roulettePositions #position84 {
    top: calc(100%/4*0.875 );
    left: calc(100%/14*7.25);
}

.roulette #roulettePositions #position85 {
    top: calc(100%/4*1.875 );
    left: calc(100%/14*7.25);
}

.roulette #roulettePositions #position86 {
    top: calc(100%/4*0.875 );
    left: calc(100%/14*8.25);
}

.roulette #roulettePositions #position87 {
    top: calc(100%/4*1.875 );
    left: calc(100%/14*8.25);
}

.roulette #roulettePositions #position88 {
    top: calc(100%/4*0.875 );
    left: calc(100%/14*9.25);
}

.roulette #roulettePositions #position89 {
    top: calc(100%/4*1.875 );
    left: calc(100%/14*9.25);
}

.roulette #roulettePositions #position90 {
    top: calc(100%/4*0.875 );
    left: calc(100%/14*10.25);
}

.roulette #roulettePositions #position91 {
    top: calc(100%/4*1.875 );
    left: calc(100%/14*10.25);
}

.roulette #roulettePositions #position92 {
    top: calc(100%/4*0.875 );
    left: calc(100%/14*11.25);
}

.roulette #roulettePositions #position93 {
    top: calc(100%/4*1.875 );
    left: calc(100%/14*11.25);
}

.roulette #roulettePositions #position94 {
    top: calc(100%/4*0.875 );
    left: calc(100%/14*12.25);
}

.roulette #roulettePositions #position95 {
    top: calc(100%/4*1.875 );
    left: calc(100%/14*12.25);
}


/* vertical splits */

.roulette .vsplit {
    width: calc(100%/14/4);
    height: calc(100%/4/2);
}

.roulette #roulettePositions #position96 {
    left: calc(100%/14*0.875);
    top: calc(100%/4*2.25);
}

.roulette #roulettePositions #position97 {
    left: calc(100%/14*0.875);
    top: calc(100%/4*1.25);
}

.roulette #roulettePositions #position98 {
    left: calc(100%/14*0.875);
    top: calc(100%/4*0.25);
}

.roulette #roulettePositions #position99 {
    left: calc(100%/14*1.875);
    top: calc(100%/4*2.25);
}

.roulette #roulettePositions #position100 {
    left: calc(100%/14*1.875);
    top: calc(100%/4*1.25);
}

.roulette #roulettePositions #position101 {
    left: calc(100%/14*1.875);
    top: calc(100%/4*0.25);
}

.roulette #roulettePositions #position102 {
    left: calc(100%/14*2.875);
    top: calc(100%/4*2.25);
}

.roulette #roulettePositions #position103 {
    left: calc(100%/14*2.875);
    top: calc(100%/4*1.25);
}

.roulette #roulettePositions #position104 {
    left: calc(100%/14*2.875);
    top: calc(100%/4*0.25);
}

.roulette #roulettePositions #position105 {
    left: calc(100%/14*3.875);
    top: calc(100%/4*2.25);
}

.roulette #roulettePositions #position106 {
    left: calc(100%/14*3.875);
    top: calc(100%/4*1.25);
}

.roulette #roulettePositions #position107 {
    left: calc(100%/14*3.875);
    top: calc(100%/4*0.25);
}

.roulette #roulettePositions #position108 {
    left: calc(100%/14*4.875);
    top: calc(100%/4*2.25);
}

.roulette #roulettePositions #position109 {
    left: calc(100%/14*4.875);
    top: calc(100%/4*1.25);
}

.roulette #roulettePositions #position110 {
    left: calc(100%/14*4.875);
    top: calc(100%/4*0.25);
}

.roulette #roulettePositions #position111 {
    left: calc(100%/14*5.875);
    top: calc(100%/4*2.25);
}

.roulette #roulettePositions #position112 {
    left: calc(100%/14*5.875);
    top: calc(100%/4*1.25);
}

.roulette #roulettePositions #position113 {
    left: calc(100%/14*5.875);
    top: calc(100%/4*0.25);
}

.roulette #roulettePositions #position114 {
    left: calc(100%/14*6.875);
    top: calc(100%/4*2.25);
}

.roulette #roulettePositions #position115 {
    left: calc(100%/14*6.875);
    top: calc(100%/4*1.25);
}

.roulette #roulettePositions #position116 {
    left: calc(100%/14*6.875);
    top: calc(100%/4*0.25);
}

.roulette #roulettePositions #position117 {
    left: calc(100%/14*7.875);
    top: calc(100%/4*2.25);
}

.roulette #roulettePositions #position118 {
    left: calc(100%/14*7.875);
    top: calc(100%/4*1.25);
}

.roulette #roulettePositions #position119 {
    left: calc(100%/14*7.875);
    top: calc(100%/4*0.25);
}

.roulette #roulettePositions #position120 {
    left: calc(100%/14*8.875);
    top: calc(100%/4*2.25);
}

.roulette #roulettePositions #position121 {
    left: calc(100%/14*8.875);
    top: calc(100%/4*1.25);
}

.roulette #roulettePositions #position122 {
    left: calc(100%/14*8.875);
    top: calc(100%/4*0.25);
}

.roulette #roulettePositions #position123 {
    left: calc(100%/14*9.875);
    top: calc(100%/4*2.25);
}

.roulette #roulettePositions #position124 {
    left: calc(100%/14*9.875);
    top: calc(100%/4*1.25);
}

.roulette #roulettePositions #position125 {
    left: calc(100%/14*9.875);
    top: calc(100%/4*0.25);
}

.roulette #roulettePositions #position126 {
    left: calc(100%/14*10.875);
    top: calc(100%/4*2.25);
}

.roulette #roulettePositions #position127 {
    left: calc(100%/14*10.875);
    top: calc(100%/4*1.25);
}

.roulette #roulettePositions #position128 {
    left: calc(100%/14*10.875);
    top: calc(100%/4*0.25);
}

.roulette #roulettePositions #position129 {
    left: calc(100%/14*11.875);
    top: calc(100%/4*2.25);
}

.roulette #roulettePositions #position130 {
    left: calc(100%/14*11.875);
    top: calc(100%/4*1.25);
}

.roulette #roulettePositions #position131 {
    left: calc(100%/14*11.875);
    top: calc(100%/4*0.25);
}

/* Corners */

.roulette .corner {
    width: calc(100%/14/2);
    height: calc(100%/4/4);
}

.roulette #roulettePositions #position132 {
    left: calc(100%/14*0.75);
    top: calc(100%/4*2.875 );
}

.roulette #roulettePositions #position133 {
    left: calc(100%/14*0.75);
    top: calc(100%/4*1.875 );
}

.roulette #roulettePositions #position134 {
    left: calc(100%/14*0.75);
    top: calc(100%/4*0.875 );
}

.roulette #roulettePositions #position135 {
    left: calc(100%/14*1.75);
    top: calc(100%/4*1.875 );
}

.roulette #roulettePositions #position136 {
    left: calc(100%/14*1.75);
    top: calc(100%/4*0.875 );
}

.roulette #roulettePositions #position137 {
    left: calc(100%/14*2.75);
    top: calc(100%/4*1.875 );
}

.roulette #roulettePositions #position138 {
    left: calc(100%/14*2.75);
    top: calc(100%/4*0.875 );
}

.roulette #roulettePositions #position139 {
    left: calc(100%/14*3.75);
    top: calc(100%/4*1.875 );
}

.roulette #roulettePositions #position140 {
    left: calc(100%/14*3.75);
    top: calc(100%/4*0.875 );
}

.roulette #roulettePositions #position141 {
    left: calc(100%/14*4.75);
    top: calc(100%/4*1.875 );
}

.roulette #roulettePositions #position142 {
    left: calc(100%/14*4.75);
    top: calc(100%/4*0.875 );
}

.roulette #roulettePositions #position143 {
    left: calc(100%/14*5.75);
    top: calc(100%/4*1.875 );
}

.roulette #roulettePositions #position144 {
    left: calc(100%/14*5.75);
    top: calc(100%/4*0.875 );
}

.roulette #roulettePositions #position145 {
    left: calc(100%/14*6.75);
    top: calc(100%/4*1.875 );
}

.roulette #roulettePositions #position146 {
    left: calc(100%/14*6.75);
    top: calc(100%/4*0.875 );
}

.roulette #roulettePositions #position147 {
    left: calc(100%/14*7.75);
    top: calc(100%/4*1.875 );
}

.roulette #roulettePositions #position148 {
    left: calc(100%/14*7.75);
    top: calc(100%/4*0.875 );
}

.roulette #roulettePositions #position149 {
    left: calc(100%/14*8.75);
    top: calc(100%/4*1.875 );
}

.roulette #roulettePositions #position150 {
    left: calc(100%/14*8.75);
    top: calc(100%/4*0.875 );
}

.roulette #roulettePositions #position151 {
    left: calc(100%/14*9.75);
    top: calc(100%/4*1.875 );
}

.roulette #roulettePositions #position152 {
    left: calc(100%/14*9.75);
    top: calc(100%/4*0.875 );
}

.roulette #roulettePositions #position153 {
    left: calc(100%/14*10.75);
    top: calc(100%/4*1.875 );
}

.roulette #roulettePositions #position154 {
    left: calc(100%/14*10.75);
    top: calc(100%/4*0.875 );
}

.roulette #roulettePositions #position155 {
    left: calc(100%/14*11.75);
    top: calc(100%/4*1.875 );
}

.roulette #roulettePositions #position156 {
    left: calc(100%/14*11.75);
    top: calc(100%/4*0.875 );
}

.roulette .rLayout2, .roulette .cLayout2{
    position: absolute;
}

.roulette #rHistoryDisplay{
    position: absolute;
    width: 52vw;
    height: 4.5vh;
    top: 65vh;
    left: 25.3vw;
    overflow-x: hidden;
    overflow-y: hidden;
}

.roulette .historyTile {
    height: 100%;
    float: left;
    padding-right: 1px;
}

.roulette #circle{
    pointer-events: none;
}


/*Racetrack*/
.roulette #raceTrack {
    position: absolute;
    top: 10vh;
    left: 45vw;
    width: 35vw;
    height: 12vh;
}

.roulette .neighbour {
    position: absolute;
    width: calc(100%/18);
    height: calc(100%/4);
    color: white;
    border: solid;
    border-color: white;
    border-width: 1px;
    font-size: 1.5vh;
}

.roulette #voisins, .roulette #tiers, .roulette #orphelins {
    top: calc(100%/4);
    height: calc(100%/2);
    position: absolute;
    border: solid;
    border-color: white;
    border-width: 1px;
    font-size: 1.5vh;
}

.roulette #voisins {
    left: calc(100%/18);
    width: calc(100%/18 * 7);
 }

.roulette #orphelins{
    left: calc(100%/18 * 8);
    width: calc(100%/18 * 4);
}

.roulette #tiers {
    left: calc(100%/18 * 12);
    width: calc(100%/18 * 5);
}

#neighbour32, #neighbour19, #neighbour21,#neighbour25,#neighbour34, #neighbour27,
#neighbour36, #neighbour30, #neighbour23, #neighbour5, #neighbour16, #neighbour1,
#neighbour14,#neighbour9, #neighbour17, #neighbour7, #neighbour12, #neighbour3, #neighbour18{
    background-color: #951C12;
}

#neighbour15,#neighbour4,#neighbour2,#neighbour17,#neighbour6,#neighbour13,#neighbour11,
#neighbour8,#neighbour10,#neighbour24,#neighbour33,#neighbour20,#neighbour31,#neighbour22,
#neighbour29,#neighbour28,#neighbour35,#neighbour26{
    background-color: black;
}



.roulette #neighbour17{
    left: calc(((100%/18)*8));
    width: calc((100%/18)*2);
}

.roulette #neighbour34{
    left: calc((100%/18)*10);
    top: calc((100%/4)*0)
}

.roulette #neighbour6{
    left: calc((100%/18)*11);
    top: calc((100%/4)*0)
}

.roulette #neighbour27{
    left: calc((100%/18)*12);
    top: calc((100%/4)*0)
}

.roulette #neighbour13{
    left: calc((100%/18)*13);
    top: calc((100%/4)*0)
}

.roulette #neighbour36{
    left: calc((100%/18)*14);
    top: calc((100%/4)*0);
}

.roulette #neighbour11{
    left: calc((100%/18)*15);
    top: calc((100%/4)*0)
}

.roulette #neighbour30{
    left: calc((100%/18)*16);
    top: calc((100%/4)*0)
}

.roulette #neighbour8{
    left: calc((100%/18)*17);
    top: calc((100%/4)*0);
    height: calc(100%/3);
    border-top-right-radius: 80%;
}

.roulette #neighbour23{
    left: calc((100%/18)*17);
    top: calc((100%/3)*1);
    height: calc(100%/3);
}

.roulette #neighbour10{
    left: calc((100%/18)*17);
    top: calc((100%/3)*2);
    height: calc(100%/3);
    border-bottom-right-radius: 80%;
}

.roulette #neighbour5{
    left: calc((100%/18)*16);
    top: calc((100%/4)*3);
}

.roulette #neighbour24{
    left: calc((100%/18)*15);
    top: calc((100%/4)*3);
}

.roulette #neighbour16{
    left: calc((100%/18)*14);
    top: calc((100%/4)*3);
}

.roulette #neighbour33{
    left: calc((100%/18)*13);
    top: calc((100%/4)*3);
}
.roulette #neighbour1{
    left: calc((100%/18)*12);
    top: calc((100%/4)*3);)
}

.roulette #neighbour20{
    left: calc((100%/18)*11);
    top: calc((100%/4)*3);)
}
.roulette #neighbour14{
    left: calc((100%/18)*10);
    top: calc((100%/4)*3);)
}
.roulette #neighbour31{
    left: calc((100%/18)*9);
    top: calc((100%/4)*3);)
}
.roulette #neighbour9{
    left: calc((100%/18)*8);
    top: calc((100%/4)*3);)
}
.roulette #neighbour22{
    left: calc((100%/18)*7);
    top: calc((100%/4)*3);)
}
.roulette #neighbour18{
    left: calc((100%/18)*6);
    top: calc((100%/4)*3);)
}
.roulette #neighbour29{
    left: calc((100%/18)*5);
    top: calc((100%/4)*3);)
}
.roulette #neighbour7{
    left: calc((100%/18)*4);
    top: calc((100%/4)*3);)
}
.roulette #neighbour28{
    left: calc((100%/18)*3);
    top: calc((100%/4)*3);)
}
.roulette #neighbour12{
    left: calc((100%/18)*2);
    top: calc((100%/4)*3);)
}
.roulette #neighbour35{
    left: calc((100%/18)*1);
    top: calc((100%/4)*3);)
}
.roulette #neighbour3{
    left: calc((100%/18)*0);
    top: calc((100%/3)*2);
    height: calc(100%/3);
    border-bottom-left-radius: 80%;
}
.roulette #neighbour26{
    left: calc((100%/18)*0);
    top: calc((100%/3)*1);
    height: calc(100%/3);
}
.roulette #neighbour0 {
    left: calc((100% / 18) * 0);
    top: calc((100% / 4) * 0);
    height: calc(100% / 3);
    border-top-left-radius: 80%;
    background: #53B563;
}
.roulette #neighbour32{
    left: calc(((100%/18)*1));
    width: calc((100%/18)*1);
}
.roulette #neighbour15{
    left: calc(((100%/18)*2));
    width: calc((100%/18)*1);
}
.roulette #neighbour19{
    left: calc(((100%/18)*3));
    width: calc((100%/18)*1);
}
.roulette #neighbour4{
    left: calc(((100%/18)*4));
    width: calc((100%/18)*1);
}
.roulette #neighbour21{
    left: calc(((100%/18)*5));
    width: calc((100%/18)*1);
}
.roulette #neighbour2{
    left: calc(((100%/18)*6));
    width: calc((100%/18)*1);
}
.roulette #neighbour25{
    left: calc(((100%/18)*7));
    width: calc((100%/18)*1);
}



.roulette .playerDiv{
    position: absolute;
    height: 17vh;
    width: calc(15vh*4/3);
}

.roulette #player2{
    left: 86vw;
    top: 25vh;
}

.roulette #player1{
    left: calc(24vw - (15vh*4/3));
    top: 52vh;
}

.roulette #player4{
    left: 86vw;
    top: 50vh;
}

.roulette #player3{
    left: calc(28vw - (15vh*4/3));
    top: 70vh;
}

.roulette .playerCont{
    position: absolute;
    height: 15vh;
    width: calc(15vh*4/3);
}

.roulette .chipCont {
    position: absolute;
    height: 6vh;
    width: 6vh;
    top: calc(50% - 3vh);
    left: calc(50% - 3vh);
    zIndex: 300;
    font-size: 1vh;
    z-index: 100;
}