body {
  background: url('../img/Background/Background.jpg') top center no-repeat #000000;
  background-size: 100% auto; /* isso faz o width ser 100% e o height se ajustar */
  overflow-x: hidden;
  user-select: none;        /* impede seleção de texto */
  -webkit-user-modify: read-only;  /* desativa edição em navegadores Webkit */

  font-family: 'Roboto', sans-serif;
}

.clear {clear:both;}
.left {float:left;}
.right {float:right;}

.logo {
  margin-bottom: 100px;
}

.navbar {
	margin-top:-16px;
	display: flex;
	justify-content: center; /* centraliza horizontalmente */
	align-items: center;     /* centraliza verticalmente */

	border-radius: 6px; /* valor exemplo para arredondamento */

	background:#000000f5;
	border:4px solid #ffca07;
	border-top: 10px solid #ffca07;
	
	box-shadow: 0 0 10px #ffc907a2, 0 0 20px #ffc907a2;

	padding: 0px;

}

.navbar a {
	background:#000000f5;
	color:#ffffff !important;

	transition:color 0.3s;
	-webkit-transition:color 0.3s;
	-moz-transition:color 0.3s;
	-ms-transition:color 0.3s;
	-o-transition:color 0.3s;
	font-weight:bold;
	/*font-size: 16px;*/
	text-transform: uppercase;
}

.navbar a:hover {
	background:#000000f5;
	color:#3f3f3f !important;
}

.navbar li:active {
	background:#000000f5;
}

.navbar a.active {
	background:#000000f5;
	color:#7e7e7e !important;
}


td {
	font-size:12px;
		color:#ffffff !important;
}

.news {

	overflow:scroll;
	height:1000px;
}

.sideuserview {margin-bottom:25px;}

.sideuserview .coinbadge {width:100%}
.sideuserview .coinbadge ul {
	width:49%;
	height:28px;
	background:#000000f5;
	padding-top:2px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border:1px solid #000000f5;
}
.sideuserview .coinbadge ul .coinvalue {
	position:relative;
	top:2px;
	left:10px;
}

.sideuserview .coinbadge ul img {
	position:relative;
	left:15px;
}


.sideuserview ul {padding:0;}
.itemlist ul:first-child { margin-right:15px;}
.itemlist li {list-style:none;}
.itemlist li a {
	
	font-size:12px;
}

.ingameaccounts .panel, .ingameaccounts .panel-default {
	background:#000000f5;
}
.ingameaccounts .panel-heading {
	background:#000000f5;
}

.panel {
	background:#000000f5;
	border:4px solid #f5e049;
	box-shadow: 0 0 10px #ffc907a2, 0 0 20px #ffc907a2;
	border-radius: 6px; /* valor exemplo para arredondamento */
	border-top: 10px solid #f5e049; /* define apenas a borda superior */
	padding: 10px;
}

.support .open {color:green;}
.support .inprocess {color:orange;}
.support .closed {color:red;}

Sakura {
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 10px;
}