.ImgPesquisarPersonagembarrinha {
background: url(/images/lupa.gif) no-repeat;
border: 0;
margin-left: 173px;
margin-top: -38px;
position: absolute;
z-index: 1081;
}
.inputbk {
margin-top: -35px;
width: 201px;
height: 24px;
z-index: 1080;
position: absolute;
border-radius: 7px;
border: 1px solid rgb(255 255 255);
background-image: linear-gradient(to right, rgb(15 150 15), #012f01);
color: #fff;
text-align: center;
box-shadow: 0 0 3px #00242c;
outline: 0;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 11px;
}
.ImgPesquisarPersonagem {
background: url(/images/imgbuscapersonagem/procurar.png) no-repeat;
width: 94px;
height: 30px;
border: 0;
margin-left: 200px;
margin-top: -38px;
position: absolute;
z-index: 10;
}

.tooltipCreature {
position: relative;
display: inline-block;
}

.tooltipCreature .tooltiptext {
visibility: hidden;
width: 200px;
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
text-align: center;
border-radius: 10px;
padding: 10px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -82px;
opacity: 0;
transition: opacity 0.3s;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
transform: translate(120px, -50px); /* Ajuste para mover o tooltip para a direita e para cima */
}

.tooltipCreature .tooltiptext::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
}

.tooltipCreature:hover .tooltiptext {
visibility: visible;
opacity: 1;
}

.hide-tooltip {
display: none; /* Esconde os elementos completamente */
}

.top_level {
position: absolute;
top: 29px;
height: 380px;
width: 178px;
z-index: 20;
padding-top: 6px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 9.2pt;
color: #FFF;
font-weight: bold;
text-align: right;
text-decoration: inherit;
}
#Topbar a {
text-decoration: none;
}

.online {
color: #008000;
}

.offline {
color: #FF0000;
}

a.topfont {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none
}
a:hover.topfont {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #5f4d41;
text-decoration:none
}

.guild-logo {
width: 35px;
height: 35px;
border-radius: 50%;
border: 3px solid gold; 
display: inline-block;
vertical-align: middle;
margin-left: 5px;
position: absolute;
right: -17px;
top: -17px;   
}

.guild-link {
position: relative;
display: inline-block;
cursor: pointer;
}

.guild-link .tooltip {
visibility: hidden;
width: 200px;
background: linear-gradient(135deg, rgba(0, 0, 0, 0.85), rgba(50, 50, 50, 0.85));
color: #FFD700; 
text-align: center;
border-radius: 8px;
padding: 10px; 
position: absolute;
z-index: 1;
top: 10%;
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: opacity 0.5s ease, transform 0.5s ease;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5); 
}

.guild-link .tooltip::after {
content: '';
position: absolute;
top: -5px; /* Posição da seta */
left: 50%;
transform: translateX(-50%);
border-width: 8px;
border-style: solid;
border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
}

.guild-link:hover .tooltip {
visibility: visible;
opacity: 1;
transform: translateX(13%) translateY(-10px); /* Transição suave */
}


.firstlevel {
position: absolute;
width: 19px;
height: 38px;
background-position-x: -23px;
/*top: 15;*/
left: 29px;
z-index: 3;
}

.player-info {
display: flex;
margin-bottom: 10px;
align-items: center; /* Centralizar verticalmente */
position: relative; /* Para permitir o uso de position: absolute nas logos */
}

.player-outfit {
position: absolute;
margin-top: -45px;
margin-left: -25px;
}

.player-details {
margin-left: 48px;
display: flex;
flex-direction: column; /* Exibir os detalhes em coluna */
width: calc(100% - 75px); /* Para dar espaço para a logo */
}

.account-outfit {
width: 50px; /* Ajuste conforme necessário */
height: auto;
display: block;
margin: -5px auto 0;
margin-left: auto;
border: 3px solid gold;
border-radius: 50%; /* Mantém a borda arredondada */
box-sizing: border-box; /* Inclui a borda no tamanho total do elemento */
}

.containeraccount {
display: flex;
justify-content: center;
align-items: center;
}

.player-name,
.player-level,
.player-reset,
.player-voc {
font-size: 11px; /* Igualar o tamanho da fonte */
line-height: 1.5; /* Adicionar um pouco de espaçamento entre linhas */
color: #000; /* Definir cor do texto como preto */
}

/* Estilos para o tooltip */
[data-tooltip] {
	position: relative;
	cursor: pointer;
}

[data-tooltip]:before,
[data-tooltip]:after {
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease;
}

[data-tooltip]:before {
	content: attr(data-tooltip);
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 8px;
	padding: 8px;
	width: max-content;
	max-width: 200px;
	font-size: 12px;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	z-index: 10;
}

[data-tooltip]:after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 4px;
	border: 6px solid transparent;
	border-top-color: #333;
	z-index: 10;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
	visibility: visible;
	opacity: 1;
}

.goog-te-banner-frame.skiptranslate {
	display: none !important;
}

.languagetextTitle {
	z-index: 99;
	padding: 3px;
	position: absolute;
	height: 24px;
	width: 100%;
	top: 2px;
	left: 0px;
	color: #ffd698;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #2c2c2c, -1px 1px 0 #000, 1px 1px 0 #000;
	font: 100 14pt Fondamento, Arial, Times New Roman, sans-serif !important;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
	text-align: center;
}
#ChangeLanguage .Bottom {
	position: absolute;
	bottom: 0px;
	left: -5px;
	height: 12px;
	width: 193px;
	background-size: cover;
}

.goog-logo-link {
	display: none !important;
}
.goog-te-gadget {
	color: transparent !important;
}
.goog-te-banner-frame.skiptranslate {
	display: none !important;
}
.goog-te-balloon-frame {
	display: none !important;
}
.goog-te-combo {
	display: none !important;
}


.tooltipCastle {
  position: relative;
  display: inline-block;
}

.tooltipCastle .tooltiptext {
  visibility: hidden;
  width: 220px;
  background-color: #333;
  color: #FFD700;
  text-align: center;
  border-radius: 12px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  top: 30%;
  left: calc(100% - 50px); /* Ajuste a posição para a esquerda */
  margin-left: 10px; /* Pequeno espaço entre o logo e o tooltip */
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.4s, transform 0.4s;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.tooltipCastle .tooltiptext::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

.tooltipCastle:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
  transform: translateY(-50%);
}

.scrollToTop {
  width: 70px;
  height: 70px;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  color: #444;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  display: none;
  z-index: 50000;
}
.scrollToTop:hover {
  text-decoration: none;
  cursor: pointer;
}