* {
    box-sizing: border-box;
}

body{
	background-color:#e1dbd3;

}

.row::after {

    content: "";
    clear: both;
    display: block;
}

[class*="col-"] {

    float: left;
    padding: 5px;
}

html {
    font-family: "Tahoma", "Lucida Sans", "sans-serif";
}

.a_red     		{color:red;}
.a_red:link     {color:red; text-decoration:none}
.a_red:visited  {color:red; text-decoration:none}
.a_red:hover    {color:red; text-decoration:underline}

.a_blue     		{color:#0000A0;}
.a_blue:link     {color:#2277DD; text-decoration:none}
.a_blue:visited  {color:#2277DD; text-decoration:none}
.a_blue:hover    {color:#FF7E00; text-decoration:none}

.a_white     		{color:#FFFFFF;}
.a_white:link     {color:#FFFFFF; text-decoration:none}
.a_white:visited  {color:#FFFFFF; text-decoration:none}
.a_white:hover    {color:orange; text-decoration:none}

.a_orange     		{color:orange;}
.a_orange:link     {color:orange; text-decoration:none}
.a_orange:visited  {color:orange; text-decoration:none}
.a_orange:hover    {color:#FFFFFF; text-decoration:none}

.a_cyan     		{color:cyan;}
.a_cyan:link     {color:cyan; text-decoration:none}
.a_cyan:visited  {color:cyan; text-decoration:none}
.a_cyan:hover    {color:red; text-decoration:none}

.computing_info {
    font-family: "Courier New";
    font-size: 12px;
}

.header {
    /* background-color: #28034a; */
    background-color: #455a64;
    /* background-color: #607d8b; */

    color: #ffffff;
    text-align: left;
    font-size: 12px;
    padding: 15px;

}

.header_fa {
    /* background-color: #28034a; */
    background-color: #455a64;
    /* background-color: #607d8b; */

    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 15px;

}


.header_game_panel {
    /* background-color: #28034a; */
    background-color: #455a64;
    color:#FFCC33;
    font-size: 12px;
    padding: 5px;
}

.footer {
    /* background-color: #28034a; */
    background-color: #455a64;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 15px;
}

.footer_game_panel {
    /* background-color: #28034a; */
    background-color: #455a64;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 5px;
}

img {
  max-width: 100%;
  height: auto;
}

.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menu li {
    padding: 8px;
    margin-bottom: 7px;
    /* background-color :#28034a; */
    /* background-color :#ffc107; */
    background-color: #607d8b;
	
	text-align: left;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.menu li:hover {
    background-color: #FFFFFF;
}


.menu_fa ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menu_fa li {
    padding: 8px;
    margin-bottom: 7px;
    /* background-color :#28034a; */
    /* background-color :#ffc107; */
    background-color: #607d8b;
	
	text-align: right;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.menu_fa li:hover {
    background-color: #FFFFFF;
}

.aside {

	background-color:#e1dbd3;
    padding: 5px;
    color: #000000;
    text-align: center;
    font-size: 11px;
    box-shadow: 0 1px 3px rgba(0,0,0,0), 0 1px 2px rgba(0,0,0,0);

	display:none;
	visibility:hidden;
}

.block_image {

	display:none;
	visibility:hidden;
}

.block_white {
    /* background-color: #919600; */
    background-color: #FFFFFF;
	
    padding: 15px;
    color: #000000;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.block {
    /* background-color: #afb42b; */
    /* background-color: #bbeeff; */

    background-color: #6699aa;
    /* background-color: #cfd8dc; */
	
    padding: 5px;
    color: #ffffff;
    text-align: center;
    font-size: 11px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.block_general {
    /* background-color: #919600; */
    background-color: #FFFFFF;
	
    padding: 15px;
    color: #000000;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.block_general_left {
    /* background-color: #919600; */
    background-color: #000000;
	
    padding: 15px;
    color: #6699aa;
    text-align: left;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.block_code {
    /* background-color: #919600; */
    background-color: #000000;
	
    padding: 5px;
    color: #6699aa;
    text-align: left;
    font-size: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.block_timeline {
    /* background-color: #919600; */
    background-color: #474e5d;
	
    padding: 15px;
    color: #000000;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}


.block_game_field {
    /* background-color: #afb42b;*/
    /* background-color: #bbeeff; */

    background-color: #6699aa;
    /* background-color: #cfd8dc; */
	
    padding: 5px;
    color: #ffffff;
    text-align: center;
    font-size: 11px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.block_me_in_game_field {
    /* background-color: #bbeeff; */
    /* background-color: #f44336; */
    background-color: #d32f2f;
	
    padding: 5px;
    /* color: #28034a; */
    color: #ffffff;
    text-align: center;
    font-size: 11px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.block_game_info {
    /* background-color: #919600; */
    /* background-color: #FFCC33; */
    /* background-color: #afb42b; */
    background-color: #607d8b;
	
    padding: 15px;
    color: #ffffff;
    text-align: right;
    font-size: 11px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.block_statistics {
    /* background-color: #919600; */
    background-color: #FFFFFF;
	
    padding: 15px;
    color: #000000;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.block_statistics_in_main {
    /* background-color: #919600; */
    background-color: #455a64;
	
    padding: 15px;
    color: #ffffff;
    text-align: left;
    font-size: 14px;

    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.block_statistics_in_chain {
    /* background-color: #919600; */
    background-color: #455a64;
	
    padding: 15px;
    color: #ffffff;
    text-align: left;
    font-size: 11px;

    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.block_statistics_in_chain_fa {
    /* background-color: #919600; */
    background-color: #455a64;
	
    padding: 15px;
    color: #ffffff;
    text-align: right;
    font-size: 14px;

    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.block_system_info {
    /* background-color: #f0f4c3; */
    background-color: #afb42b;
	
    padding: 15px;
    color: #ffffff;
    text-align: left;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.block_system_info_fa {
    /* background-color: #f0f4c3; */
    background-color: #afb42b;
	
    padding: 15px;
    color: #ffffff;
    text-align: right;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.block_system_info_in_game {
    /* background-color: #f0f4c3; */
    background-color: #afb42b;
	
    padding: 15px;
    color: #ffffff;
    text-align: center;
    font-size: 11px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}


@media only screen and (min-width: 498px) {
    /* For big mobile phones: */

	.aside			{ display:none; }
	.aside 			{ visibility:hidden; }

	.block_image			{ display:none; }
	.block_image 			{ visibility:hidden; }

    .col-n-1 {width: 8.33%;}
    .col-n-2 {width: 16.66%;}
    .col-n-3 {width: 25%;}
    .col-n-4 {width: 33.33%;}
    .col-n-5 {width: 41.66%;}
    .col-n-6 {width: 50%;}
    .col-n-7 {width: 58.33%;}
    .col-n-8 {width: 66.66%;}
    .col-n-9 {width: 75%;}
    .col-n-10 {width: 83.33%;}
    .col-n-11 {width: 91.66%;}
    .col-n-12 {width: 100%;}
}

@media only screen and (min-width: 898px) {
    /* For tablets: */

	.aside			{ display:none; }
	.aside 			{ visibility:hidden; }

	.block_image			{ display:block; }
	.block_image 			{ visibility:visible; }

    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}

@media only screen and (min-width: 1298px) {
    /* For desktop: */

	.aside			{ display:block; }
	.aside 			{ visibility:visible; }

	.block_image			{ display:block; }
	.block_image 			{ visibility:visible; }

    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}