/* ============WHEEL OF FORTUNE BY GAMBLING PROJECT ================ */


 .wheel30topWinnersBlock
	{	
		position: absolute;
		right:10px;
		opacity: 0.8;
	}
 .wheel30topWinnersBlock .top
	{	
		position: absolute;
		background: #3b4155e8;
		font-size: 12px;
		text-align: center;
		width: 15px;
		height: 15px;
		color: #a5b3cb;
		border-radius: 100%;
		transform: translate(8px, 8px);
		z-index: 2;

	}
 .wheel30topWinnersBlock .topAmount
	{	
		position: absolute;
		background: #252d42;
		border-radius: 20px;
		width: 50px;
		padding: 1px;
		text-align: center;
		font-size: 11px;
		transform: translate(5px, 56px);
		z-index: 2;
	}
	
 .wheel30topWinnersBlock .top.gray { background: #48464b; color:#eeebeb; }
 .wheel30topWinnersBlock .top.blue { background: #187b87; color:#eeebeb; }	 
 .wheel30topWinnersBlock .top.pink { background: #9e1e6c; color:#eeebeb; }	
 .wheel30topWinnersBlock .top.gold { background: #b26809; color:#eeebeb; }	
 
 .wheel30topWinnersBlock .avatars
	{	
		position: relative;
		width: 55px;
		height: 55px;
		border: 2px solid #3c4052;
		border-radius: 50px;
		padding: 2px;	
	}

 .wheel30topWinnersBlock .buttons 
	{
		display: inline-flex;
		/* background: rgb(255 255 255 / 11%); */
		justify-content: center;
		align-items: center;
		padding: 7px 14px;
		margin-top: 15px;
		width: 34px;
		border-radius: 27px;
		text-decoration: none;
		font-size: 20px;
	} 
 .wheel30topWinnersBlock .buttons:nth-child(1)
	{
		width: 120px;
		padding: 14px 0px;
		color: #c1df49;
	} 
	
 .wheel30KolesoContainer
	{
		position:relative;
		display:grid;
		justify-content:center;
		width:100%;
		margin:0 auto;

	}
 .wheel30KolesoContainer .selector
	{
		width: 0;
		height: 0;
		border: 20px solid transparent;
		border-top-color: rgb(23,31,47,69%);
		border-bottom: 0;
		left: 50%;
		transform: translate(-50%,0%);
		position: absolute;
		z-index: 2;
		margin-top: 24px;
	}
 .wheel30KolesoContainer .koleso
	{
		background-image: url(/img/wheelx30.png);
		background-position: center;
		background-size: cover;
		width: 650px;
		height: 650px;
		margin-top: 21px;
		opacity: 0.9;
	}

 .wheel30CreateBetBlock
	{
		display: flex;
		position: absolute;
		width: 100%;
		background: rgb(26,32,45,91%);
		border-top: 1px solid rgba(0, 0, 0, 0.17);
		align-content: center;
		padding: 5px;
		bottom: 0;
		z-index: 3;
	}
 .wheel30CreateBetBlockButton
	{
		background: rgba(130, 128, 165, 0.11);
		border: 1px solid #1c222d;
		margin: 2px;
		padding: 6px;
		width: 100px;
		border-radius: 5px;
		font-size: 14px;
		text-align: center;
		text-decoration: none;
		font-weight: 500;
		line-height: 25px;
		color: #d5d6e8;
		flex: 1 1 auto;
		outline: none !important;
		cursor:pointer;	
	}
 .wheel30CreateBetBlockButton:hover{ background: #33364d;; }	
 .wheel30CreateBetBlockButton:nth-child(5)
	{
		flex: 0 1 300px;
		outline: none;
		cursor:auto;	
	}

 .wheel30HistoryBlock
	{
		position: absolute;
		top: 95px;
		left: 20px;
		display: block;
		overflow: hidden;
		height: 310px;
		opacity: 0.7;
		z-index: 1;
	}
 .wheel30HistoryBlock .sector
	{
		display: block;
		height: 4px;
		margin-top: 3px;
		opacity: 0.9;
	}
 .wheel30HistoryBlock .sector.gray
	{
		width: 30px;
		background: linear-gradient(45deg, #312e30, #988c8c);
	}	
 .wheel30HistoryBlock .sector.blue
	{
		width: 34px;
		background: linear-gradient(45deg, #1d3f42, #1ec2ce);
	}

 .wheel30HistoryBlock .sector.pink
	{
		width: 41px;
		background: linear-gradient(45deg, #692a51, #de1081);
	}
 .wheel30HistoryBlock .sector.gold
	{
		width: 49px;
		background: linear-gradient(45deg, #6f4c23, #ff8f00);
	}	

 .wheel30AllBetsContainer
	{
		display: flex;
		position: relative;
		border-radius: 10px;
		align-content: center;
		margin-top: 5px;
		margin-bottom: 10px;
		min-height: 229px;
	}
 .wheel30AllBetsBlock
	{
		background: rgba(87, 85, 117, 0.11);
		border: 1px solid rgba(0, 0, 0, 0.27);
		margin: 1px;
		padding: 1px;
		width: 300px;
		border-radius: 10px 10px 10px 10px;
		font-size: 14px;
		text-align: center;
		color: #b7b8d4;
		flex: 1 1 auto;
	}
 .wheel30AllBetsBlock .header
	{
		position: relative;
		background: rgba(87, 85, 117, 0.11);
		width: 100%;
		border-radius: 10px 10px 0 0;
		height: 60px;
		margin-bottom: 2px;
		color: #dbdbdc;
	}
 .wheel30AllBetsBlock .header.gray
	{
		background: linear-gradient(14deg,#383838,#605E60);
	}
 .wheel30AllBetsBlock .header.blue
	{
		background: linear-gradient(-14deg, #17373a, #16a1ab);
	}
 .wheel30AllBetsBlock .header.pink
	{
		background: linear-gradient(-14deg, #560f3b, #de1081);
	}
 .wheel30AllBetsBlock .header.gold
	{
		background: linear-gradient(-14deg, #572f00, #f59316);
	}	
		
 .wheel30AllBetsBlock .iks 
	{
		float: left;
		font-size: 35px;
		font-family: 'Roboto', sans-serif;
		font-weight: 900;
		transform: translate(9px, 2px);
	}			
 .wheel30AllBetsBlock .betsSumm
	{
		position: absolute;
		font-size: 14px;
		color: #cccccc;
		transform: translate(8px, 39px);
	}

 .wheel30AllBetsBlock .betButton 
	{
		float: right;
		background: rgba(0, 0, 0, 0.25);
		border: 0;
		width: 50px;
		height: 50px;
		right: 0;
		border-radius: 10px;
		font-size: 24px;
		font-weight: 500;
		line-height: 51px;
		color: #c3b8ab;
		outline: none;
		transform: translate(-4px, 5px);
	}
 .wheel30AllBetsBlock .betButton:hover 		{ background: rgba(255, 255, 255, 0.47);  color: #fff; background: linear-gradient(115deg, rgba(0, 207, 224, 0.50) 20%, rgba(187, 14, 182, 0.50) 70%); }		
 .wheel30AllBetsBlock .betButton.notActive  { filter: grayscale(1) opacity(0.2); }		
		
  .wheel30AllBetsBlock .userBet
	{
		display: block;
		width: 100%;
		height: 35px;
		text-align: left;
		padding-left: 5px;		
		color: #c9cad3;
	}
 .wheel30AllBetsBlock .userBet:nth-child(odd) 
	{
		background: rgb(138 160 187 / 5%);
	}
 .wheel30AllBetsBlock .userBet .nickname
	{
		position: absolute;
		transform: translate(28px, -29px);
	}
 .wheel30AllBetsBlock .userBet .betSumm
	{
		transform: translate(-6px, 9px);
		float: right;
		color: #949aa7;
	}
  .wheel30AllBetsBlock .userBet .betSumm.gray { color: #8b8b8b; }
  .wheel30AllBetsBlock .userBet .betSumm.blue { color: #679194; }
  .wheel30AllBetsBlock .userBet .betSumm.pink { color: #ae879d; }
  .wheel30AllBetsBlock .userBet .betSumm.gold { color: #9e805b; }
 
 .wheel30LedTextEffects
	{
		width:240px;
		height:240px;
	}
 .wheel30LedTextEffects.bgGray
	{
		background: #5d5a5c;
		color:#fff;
	}
 .wheel30LedTextEffects.bgBlue
	{
		background: #32b1c5;
		color:#fff;
	}
 .wheel30LedTextEffects.bgPink
	{
		background: #d3137c;
		color:#fff;
	}		
 .wheel30LedTextEffects.bgGold
	{
		background: #ff841a;
		color:#fff;
	}		
 .wheel30LedTextEffects.spin
	{	
		font-size: 234px;
		color: #252f42;
		line-height:119px;
		
	}