@charset "utf-8";
@import url('fonts.css');
/* Версия 0.1.4 */

/*
html {
	overflow: hidden;
}
*/

html.noscroll {
	overflow: hidden;
}

html.scrollable {
	overflow: scroll;
}

.body {
	width: 100vw;
	height: 100vh;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.field {
	position: relative;
}

.results {
	background-color: rgba(0,0,0,0.7);
}

.showDiv {
	height: 100%;
	visibility: visible;
}

.hideDiv {
	height: 0%;
	visibility: collapse;
}

.activeCell {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(213, 217, 0) 0px 0px 0px 6px;
}

.cell-inactive-text {
	font-family: 'als-spb';
	font-size: 36pt;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.busy-cell-id-text {
	font-family: 'als-spb';
	font-size: 18pt;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-top: -12px;
	color: #eeeeee;
}

.idle-cell-id-text {
	font-family: 'als-spb';
	font-size: 18pt;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-top: -12px;
	color: #777777;
}

.busy-cell-number-text {
	font-family: 'als-spb';
	font-size: 30pt;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #eeeeee;
}


.fn-player-id {
	font-family: 'als-spb';
	font-size: 18pt;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-top: 4px;
	color: #eeeeee;
	height: 56px;
	width: 110px;
}

.fn-player-name {
	font-family: 'als-spb';
	font-size: 18pt;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-top: 4px;
	margin-left: 4px;
	color: #eeeeee;
	height: 56px;
	width: 185px;
}

.cell-text-red {
	color: #dd1c50;
}

.cell-text-black {
	color: #eeeeee;
}

.cell-text-green {
	color: #eeeeee;
}

.cell-red {
	background-image: url('../images/red-sq.png');
}

.cell-black {
	background-image: url('../images/black-sq.png');
}

.cell-green {
	background-image: url('../images/zero-sq.png');
}

.cell-active {
	border-bottom-color: #d5d900;
	border-width: 6px;
}

.finalists {
	position: absolute;
	left: 1342px;
	top: 85px;
}

.cell {
	position: absolute;
	height: 96px;
	width: 92px;
	/*background-color: white; */
}

.cell-zero-box {
	height: 309px;
	width: 104px;
	background-color: white;
	opacity: 0.5;
}

.cells-box {
	position: relative;
	left: -6px;
	height: 309px;
	width: 1179px;
	background-color: blue;
	opacity: 0.5;
}


.card-symbol-sm {
	font-family: 'Opensymbols';
	font-size: 20pt;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.card-main {
	height: 93px;
	width: 66px;
}

.player-card {
	height: 67px;
	width: 47px;
}


.flop-card {
	height: 183px;
	width: 130px;
}

.winner-card-1 {
	height: 183px;
	width: 130px;
}

.winner-card-2 {
	height: 101px;
	width: 71px;
}

.winner-card-3 {
	height: 84px;
	width: 59px;
}

.winner-card-4 {
	height: 67px;
	width: 47px;
}

.winner-card-5 {
	height: 58px;
	width: 41px;
}

.unused-winner-card {
	filter: brightness(0.6);
}

.player-card-block {
	margin-top: 20px;
}

.winner-card-block {
	margin-top: 1px;
}

.flop-card-block {
	position: absolute;
	top: 225px;
	left: 58px;
	height: 60px;
	width: 200px;
	margin-top: 90px;
}

.player-info {
	margin-top: 44px;
}

.player-name {
	font-family: 'als-spb';
	font-size: 20pt;
	color: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.player-id {
	font-family: 'Fontfabric-MullerMedium';
	font-size: 14pt;
	color: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.result-player-name {
	font-family: 'als-spb';
	color: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.result-player-name-1 {
	font-size: 32pt;
}

.result-player-name-2 {
	font-size: 28pt;
}

.result-player-name-3 {
	font-size: 24pt;
}

.result-player-name-4 {
	font-size: 20pt;
}

.result-player-name-5 {
	font-size: 18pt;
}

.result-player-id {
	font-family: 'Fontfabric-MullerMedium';
	color: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.result-player-id-1 {
	font-size: 24pt;
}

.result-player-id-2 {
	font-size: 20pt;
}

.result-player-id-3 {
	font-size: 18pt;
}

.result-player-id-4 {
	font-size: 16pt;
}

.result-player-id-5 {
	font-size: 16pt;
}

.result-score {
	font-family: 'Fontfabric-MullerMedium';
	color: gold;
	font-size: 22pt;
	font-weight: 600;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}