.greyBG {	background-color: #e6e6e6;}
.whiteBG {	background-color: #fff;}
.darkBG {	background-color: #808080;}
.darkBGblue {	background-color: #3E50B3;}

.base	{color: #3E50B3;}
.baseBG	{background-color: #3E50B3;}

.yellow		{ color: #FFC840 !important;}
a.yellow 	{ color: #FFA440 !important;}
a.yellow:hover 		{ text-decoration: none !important;}

.headerRed	{color:#ff0000; }

.darkStrongBG {	background-color: #142374;}
.orange 	{color: #ff6600; }
.grey 		{color: #e6e6e6; }
.darkGey 	{color: #808080; }
.green		{color: #33CC66; }
.red		{color: #c60000; }
.light		{color: #a6a6a6; }
.dark		{color: #808080; }
.greenSea	{color: #633AB3; }
.darkBlue	{color: #004080; }
.blue		{color: #3E50B3; }
.halfBlue	{color: #028E9B; }

a.toDoPanel {color: #fff !important;}
.gold 		{color: rgb(254, 166, 1);} 
.em_blue 	{color: rgb(0, 0, 168);} 


div.b100 {width: 1000px;}
div.main_body {width: 1000px;}
.h1		{color:#142374;}

div.game_state_container {
	display: flex;
    /* justify-content: center; */ /* Центрирование по горизонтали */ 
    align-items: center;      /* Центрирование по вертикали */
    height: 40px;            /* Высота родительского контейнера */
    margin-bottom: -10px;
}
div.game_lavel_box {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  font-weight: bold;
}

div.game_lavel_box.blue{
  background-color: #3E50B3;
  color: white;
}
div.game_lavel_box.yellow  {
  background-color: #FF9933;
  color: white;
}
div.game_lavel_box.green  {
  background-color: #33CC66;
  color: white;
}


.width600 {width: 600px;}
.width800 {width: 800px;}
.width1000 {width: 1000px;}