@charset "utf-8";
/* CSS Document */

#siteChess {
	padding: 20px;
	display: flex;
	flex-wrap: wrap
}

#siteChess .cell {
	font-size: 12px;
	cursor: pointer;
	border-radius: 3px;
	width: 22px;
	height: 22px;
	background-color: #999;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 6px;
}

#siteChess .cell:hover {
	border: 2px solid black;
}

#siteChess a {
	text-decoration: none;
	color: white;
}

/* ------------------- */
/* --------OLD-------- */
/* ------------------- */

[class*="in_b"] {
	border: none;
	text-decoration: none;
}

.in_bgrey {
	-webkit-box-shadow: 0 0 0 1px #f0f0f0;
	box-shadow: 0 0 0 1px #f0f0f0;
	background: #f3f3f3;
	fill: #777;
	color: #777;
}

.in_bgrey:hover {
	-webkit-box-shadow: 0 0 0 1px #f6f6f6;
	box-shadow: 0 0 0 1px #f6f6f6;
	background: #f9f9f9;
	fill: #555;
	color: #555;
}

.in_bches {
	-webkit-box-shadow: 0 0 0 1px #ed9;
	box-shadow: 0 0 0 1px #ed9;
	background: #fea;
}

.in_bches:hover {
	background: #ee9;
}

.in_bsimp {
	-webkit-box-shadow: 0 0 0 1px #ccc;
	box-shadow: 0 0 0 1px #ccc;
	background: #fff;
	fill: #000;
	color: #000;
}

.in_bsimp {
	background: #eee;
}

.in_bempt {
	-webkit-box-shadow: 0 0 0 1px #d9d9d9;
	box-shadow: 0 0 0 1px #d9d9d9;
	background: #ddd;
	fill: #999;
	color: #999;
}

.in_chess {
	-webkit-box-shadow: 0 0 0 1px #000;
	box-shadow: 0 0 0 1px #000;
	background: #111;
	fill: #fff;
	color: #fff;
}

.body_chess {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 20px;
}

.body_chess .bsblock {
	display: block !important;
}