.icHeader {
	background-color:black;color:white;padding:1px;margin-bottom:15px;font-weight:700
}


input {
	width:60px;
}
.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%;}

* {
	box-sizing: border-box;
}

h1 {
	margin: 5px 5px 5px 65px;
	font-size:22px;
	padding-top:5px;
}

#m-gp__trigger {
	position: fixed;
	top: 7px;
	visibility:visible;
}

#userInteraction, #quick-overview {
	height:495px;
}

#ga_game {
	background-color: #fff;
	color:black;
	overflow-y: auto;
}
#menu-gp, .b-gp-side {
	bottom:0;
}
.bottomDesc {
	color:#fff;margin-top:20px;background-color:#151515
}
.gameplayer body {
	padding-bottom:0;
}
footer {
	visibility: hidden;
}
a {
	cursor: pointer;
}


		.row::after {
		  content: "";
		  clear: both;
		  display: block;
		}

		.inline {
			display:inline-block;
		}

		.fleft {
			float:left;
		}

		.fright {
			float:right;
		}

		.mt20 {
			margin-top:20px;
		}
		.m8 {
			margin:8px;
		}
		table {
			margin:0;
		}
		.table {
			padding: 0 15px;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		}
		.table div {
			padding: 7px 0;
		}
		th, td {
  			padding: 2px;
  			text-align:right;
		}
		td {
			background:none;
			color:black;
		}
		tr:hover { background-color: #f5f5f5; }
		.center {
			text-align: center;
		}
		.container {
			max-width:1280px;margin:0 auto
		}

		@media only screen and (max-width: 768px) {
		  /* For mobile phones: */
		  [class*="col-"] {
		    width: 100%;
		  }

		  #userInteraction, #quick-overview {
		  	height:100%;
		  }

		  h1 {
		  	margin: 5px 5px 5px 50px;
		  }
		}

		.tooltip {
		  position: relative;
		  display: inline-block;
		  border-bottom: 1px dotted black;
		}

		.tooltip .tooltiptext {
		  visibility: hidden;
		  width: 500px;
		  background-color: black;
		  color: #fff;
		  text-align: center;
		  border-radius: 6px;
		  padding: 5px;
		  
		  /* Position the tooltip */
		  position: absolute;
		  z-index: 1;
		  top: 50%;
		  left: 102%;
		  transform: translate(0 -50%);
		}

		.tooltip:hover .tooltiptext {
		  visibility: visible;
		}
		.tabitem {
			padding:8px 16px!important;
			border-bottom:6px solid #ccc!important;
		}
		.tabitem:hover{

		}
		.tabitem-active {
			border-color: #f44336!important;
		}
		.tabItem {
			color:inherit;
			text-decoration:inherit;
		}