/* MAIN */
body{
	background-color:#191919;
	margin:0px;
	color:white;
	overflow:hidden;
	font-family:"Rubik";
}
*{
	border-radius:10px;
	user-select: none;
}
td,th {
	border:1px;
 text-align:left;
 padding: 8px;
}
tr:nth-child(odd) {
	background-color: #252525;
}
tr:nth-child(even) {
	background-color: #202020;
}
/** {
	cursor: url("https://i.ibb.co/c25BPgB/pointer.png"), auto !important;
}*/
textarea:focus, input:focus, select:focus{
	outline: none;
}
a{
	color:white;
	text-decoration:none;
	font-weight:light;
}
hr{
	width:100%;
	background-color:#303030;
	height:3px;
	border:none;
	margin-top:-5px;
	margin-bottom:20px;
}


/* CLASSES */
.tbL{
	margin-right:50px;
}
.page{
	background-color:#3B3B3B;
	width:750px;
	height:98vh;
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	left:0;right:0;
	padding:20px;
	padding-bottom:0px;
	overflow:auto;
	overflow-x:hidden;
	border-radius:0px;
}
.p{
	line-height:0%;
	margin:0px;
	padding:0px;
}
.topbar{
	background:none;
	width:100%;
	height:25px;
	font-size:25px;
	line-height:25px;
	margin-bottom:20px;
}
.tbImg{
	height:35px;
	float:right;
	margin-top:-5px;
 margin-bottom:-5px;
}
.hbanner{ /* hbanner because "banner" triggers adblockers */
	margin-bottom:0px;
	width:100%;
}
.fpG{ /*front page game*/
	float:left;
	margin-top:0px;
	background-color:#191919;
	width:400px;
	height:auto;
	padding:20px;
	padding-top:15px;
	padding-bottom:14px;
	font-size:20px;
	margin-bottom:0px;
}
.fpGimg{
	margin-top:10px;
	width:100%;
	height:238px;
}
.updates{
	float:right;
	margin-top:0px;
	background-color:#191919;
	width:251px;
	height:auto;
	padding:20px;
	padding-bottom:15px;
	font-size:17px;
	line-height:150%;
	padding-top:15px;
}
.gamescroll{
	float:left;
	margin-top:15px;
	background-color:#191919;
	width:705px;
	height:211px;
	padding:20px;
	white-space: nowrap;
 position: relative;
 overflow-x: scroll;
 overflow-y: hidden;
 -webkit-overflow-scrolling: touch;
}
.game{
	width:173px;
	height:170px;
	padding:0px;
	background:none;
	border:0px;
	cursor:pointer;
	margin-right:15px;
	margin-bottom:20px;
}
.gImg{
	width:100%;
	height:100%
}
.gSearch{
	background-color:#191919;
	border:none;
	color:white;
	font-family:Rubik;
	font-size:20px;
	padding:6px;
	padding-left:15px;
	margin-top:0px;
	width:320px;
	margin-bottom:5px;
	float:left;
}
.gChoose{
	background-color:#191919;
	border:none;
	color:white;
	font-family:Rubik;
	font-size:18px;
	padding:6px;
	padding-left:12px;
	margin-top:0px;
	margin-left:15px;
	margin-right:0px;
	padding-right:50px;
	float:left;
	height:35px;
	/* arrow */
  appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7rem top 50%;
  background-size: 0.65rem auto;
}
.gList{
	float:left;
	margin-top:15px;
	width:765px;
	padding:0px;
	height:auto;
}
.loadbtn{
	background-color:#191919;
	color:white;
	border:none;
	font-family:Rubik;font-size:20px;
	padding:5px;
	padding-left:15px;
	padding-right:15px;
	cursor:pointer;
	float:middle;
	margin-top:30px;
	margin-bottom:15px;
}
.leftbox{
	float:left;
	margin-top:10px;
	background-color:#191919;
	width:250px;
	height:auto;
	padding:20px;
	padding-bottom:15px;
	font-size:17px;
	padding-top:0px;
	margin-bottom:7px;
}
.rightbox{
	float:right;
	margin-top:10px;
	background-color:#191919;
	width:250px;
	height:auto;
	padding:20px;
	padding-bottom:15px;
	font-size:17px;
	padding-top:0px;
	margin-bottom:7px;
}
.pfpBig{
	margin-top:25px;
	width:60%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.nameBox{
	background-color:#202020;
	border:none;
	color:white;
	font-family:Rubik;
	font-size:20px;
	padding:6px;
	padding-left:15px;
	margin-top:8px;
	width:92%;
	margin-bottom:0px;
}
h1#gName{
	float:left;
	line-height:0%;
	font-size:25px;
	margin-top:25px;
	margin-left:13px;
}
.descHeader{
	line-height:50%;
	font-size:20px;
	margin-top:25px;
	font-weight:bold;
}


table{
	border-collapse: no;
	width:100%;
	margin:0px;
}
.chunkSlider{
	float:left;
	background-color:#202020;
	margin-right:15px;
	margin-top:5px;
}
input[type='range'] {
	-webkit-appearance: none !important;
	background:#303030;
}
input[type='range']::-webkit-slider-thumb {
	-webkit-appearance: none !important;
 background:white;
 height:10px;
 width:10px;
}
.cssBox{
	width:350px;
	height:40px;
	min-width:100px;
	min-height:50px;
	font-size:11px;
	visibility:hidden;
	position:relative;
	z-index:10;
	border-radius:0px;
}
.gFrame{
	background-color:#212121;
	width:745px;
	height:420px;
	margin:0px;
	border:none;
}
.controlBar{
	width:745px;
	background-color:#101010;
	margin-top:-4px;
	height:50px;
}
.barBtn{
	height:20px;
	cursor:pointer;
	width:20px;
	margin-top:15px;
	float:right;
	margin-right:15px;
	margin-left:5px;
	background:none;
	border:none;
	border-radius:0px;
	background-image:url("https://i.ibb.co/MGfppYF/fullscreen.png");
	background-size:cover;
}
.searchBtn{
	height:20px;
	position:absolute;
	margin-top:7px;
	left:333px;
	width:20px;
	border:none;
	background:none;
	background-image:url("https://i.ibb.co/vBf1LTp/search.png");
	background-size:cover;
	cursor:pointer;
}
.widget{
	background-color:#333333;
	border-radius:0px;
	border:1px solid white;
	position:absolute;
	width:300px;
	height:175px;
	z-index:999;
	
	/*resize: both;
 overflow: auto;*/
}



/* SCROLLBAR */
::-webkit-scrollbar {
 width: 5px;
	height: 5px;
}

::-webkit-scrollbar-track {
 background: none;
}

::-webkit-scrollbar-thumb {
 background: #888;
	border-radius:10px;
}

[data-tooltip] {
	position: relative;
	font-family: Rubik;
}

[data-tooltip]:after {
	content: attr(data-tooltip);
	position: absolute;
 left: 0%;
	top: 100%;
	background-color:#303030;
	padding:5px;
	color:white;
 width: max-content;
	border-radius:5px;
 opacity: 0;
	-webkit-transition: opacity 0.2s ease-in-out; 
	font-size:12px;
	font-weight:normal;
	z-index:999;
}

[data-tooltip]:hover:after {
	opacity: 1;
}