.roulette-page
{
	background: #e8edfa;
	height: 100vh;
}

.roulette-container {
	position: relative; 
	left: 30px; 
	width:10810px; 
	height: 120px; 
	margin-top: 67px;
}
.pointer-roulette {
	width: 40px; 
	height: 260px;
 	background: url(/public/main/img/roulette/roulett.png); 
 	position: absolute; 
 	top: 0; 
 	left: 379px;
}
.prize-name {
    position: absolute;
    text-align: center;
    background: #fff;
    border-radius: 20px;
    padding: 5px 23px;
    font-size: 13px;
    bottom: -20px;

    width: 100%;
    -webkit-box-shadow: 0 0 5px 5px #e0eff6;
    box-shadow: 0 0 5px 5px #e0eff6;

}
        .rwin {
            width: 114px;
            margin-right: 40px;
            height: 114px;
            display: inline-block;
            z-index: 99;
      position: relative;
        }

 
    
    .roulette {
      width: 1000px;
      background: #f7f7f7;
      position: relative; max-width:790px; overflow: hidden; height: 260px;
    
      border-radius: 30px;
      box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.12); 
    }
    .balance {
      margin: auto;
      height: 50px;
      width: 200px;
      padding: 15px;
      border: none;
      outline: none;
      background: linear-gradient(to right, #7c5fff, #59a3ff);
      color: white;
      text-align: center;
      border-radius: 5px;
      box-shadow: 0px 6px 24px 0px rgba(241, 39, 17, 0.35); 
      cursor: pointer;
    }
    .button-roullet {
      width: 200px;
      height: 50px;
      border: none;
      outline: none;
      background: linear-gradient(to right, #7c5fff, #59a3ff);
      color: white;
      text-align: center;
      border-radius: 5px;
      box-shadow: 0px 6px 24px 0px rgba(241, 39, 17, 0.35); 
      cursor: pointer;
    }


