#profile{
	width:576px;
	margin-left:42px;
	margin-bottom:30px;
	color: #5A2800;
	font-family: Arial, Helvetica, sans-serif;
}

  .profile-name-owner {
    color: #ffc007;
    text-shadow: 1px 1px 2px black, 0 0 25px #a2b59d, 0 0 2px #000000;
  }


#profile_name{
	width:100%;
	height:40px;
	margin-top:10px;
	text-align:center;
	font-family: Martel, Tahoma, Geneva, sans-serif;
	font-size:40px;
}

#profile_vocation{
	width:100%;
	height:18px;
	margin-top:10px;
	text-align:center;
	font-size:12px;
}

#profile_skills{
	width:100%;
	display:flex;
	margin-top:10px;
	justify-content:space-between;
	flex-wrap:wrap;
}

.profile_skill_section{
	width:calc((100% / 9) - 2px);	
	margin-top:10px;
}

.skill_section_header{
	padding-top:5px;
	padding-bottom:7px;
	background-color:#333;
	font-family: Verdana, Arial, Times New Roman, sans-serif;
	font-size:10pt;
	font-weight:bold;
	text-align:center;
	color:#fff;
}

.skill_section_value{
	padding-top:5px;
	padding-bottom:7px;
	background-color:#e1ceb1;
	font-size:10pt;
	text-align:center;
}

#profile_main{
	width:100%;
	margin-top:10px;
}

#profile_eq{
	width:118px;
	height:170px;
	float:left;
	position:relative;
}

.profile_eq_slot{
	position: absolute;
	width: 32px;
	height: 32px;
}
.profile_eq_slot img{
	width:32px;
	height:32px;
}

.eq_amulet{top: 20px;left: 6px;}
.eq_weapon{top: 56px;left: 6px;}
.eq_ring{top: 93px;left: 6px;}
.eq_helmet{top: 5px;left: 43px;}
.eq_armor{top: 42px;left: 43px;}
.eq_legs{top: 79px;left: 43px;}
.eq_boots{top: 116px;left: 43px;}
.eq_backpack{top: 20px;left: 80px;}
.eq_shield{top: 56px;left: 80px;}
.eq_arrow{top: 93px;left: 80px;}

.eq_refination{
    position: absolute;
    padding:2px 5px;
    background:rgb(0 0 0 / 62%);
    font-size:7.6pt;
    font-weight:bold;
    color:#fff;
	pointer-events:none;
	z-index:1;
}
.eq_refination_left{top:74px; left:6px;}
.eq_refination_right{top:74px; left:80px;}

#profile_eq_balance{
	height:16px;
	position:absolute;
	top:150px;
	left:3px;
}

#profile_eq_balance_icon{
	width:16px;
	height:16px;
	float:left;
}

#profile_eq_balance_text{
	width:95px;
	height:12px;
	margin-left:1px;
	margin-top:3px;
	float:left;
	font-size:8pt;
	font-weight:bold;
	color:#888;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#profile_main_inner{
	width:calc(100% - 120px);
	margin-left:2px;
	float:left;
}

.profile_main_inner_row{
	width:100%;
	height:84px;
	margin-top:2px;
}
.profile_main_inner_row:first-child{
	margin-top:0;
}

#profile_picture{
	width:100px;
	height:84px;
	background-color:#e1ceb1;
	position:relative;
	float:left;
}

#profile_picture_img_container{
	width:100px;
	height:84px;
}

#profile_picture_img{
	width:64px;
	height:64px;
}
#profile_picture_img img{
	width:64px;
	height:64px;
}

#profile_picture_flag{
	width:18px;
	height:12px;
	position:absolute;
	top:6px;
	right:6px;
}
#profile_picture_flag img{
	width:18px;
	height:12px;
}

#profile_main_sub{
	width:calc(100% - 142px);
	height:84px;
	margin-left:2px;
	float:left;
}

.profile_main_sub_row{
	width:100%;
	height:19.5px;
	margin-top:2px;
	float:left;
}
.profile_main_sub_row:first-child{
	margin-top:0;
}

.sub_row_bckg{
	background-color:#e1ceb1;
}

.profile_main_sub_row_split{
	width:calc(50% - 1px);
	height:19.5px;
	margin-left:2px;
	background-color:#e1ceb1;
	float:left;
}
.profile_main_sub_row_split:first-child{
	margin-left:0;
}

.sub_text_inner{
	width:calc(100% - 10px);
	height:16px;
	margin-left:5px;
	margin-top:3px;
}

.sub_header{
	float:left;
	font-size:9pt;
	font-weight:bold
}

.sub_value{
	float:right;
	text-align:right;
}

#profile_stats{
	width:140px;
	height:84px;
	float:left;
}

#profile_hpmana{
	width: calc(100% - 102px);
	height:84px;
	margin-left:2px;
	background-color:#e1ceb1;
	float:left;
}

#profile_emblems_placeholder{
	width:100%;
	height:24px;
	margin-top:32px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:rgba(255,255,255,0.5);
}

.profile_subheader{
	width:100%;
	height:20px;
	margin-top:30px;
	font-size:16px;
	font-weight:bold;
}

.profile_hpmana_row{
	width:100%;
	height:32px;
	margin-top:2px;
}
.profile_hpmana_row:first-child{
	margin-top:9px;
}

.profile_hpmana_data{
	width:100%;
	height:32px;
	background-color:#e1ceb1;
	float:left;
}

.profile_hpmana_data_text{
	width:100%;
	height:16px;
	margin-left:10px;
	margin-top:5px;
	font-size: 9pt;
}

.profile_hpmana_data_bar{
	width:100%;
	height:4px;
	border-radius:2px;
	position:absolute;
	top:0;
	left:0;
}

.profile_hpmana_data_bar_base{
	width:calc(100% - 22px);
	height:4px;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	margin-left:10px;
	position:relative;
}

.bar_hp{background-color:#ff4545a3}	
.bar_hp_base{background-color:rgba(255,0,0,0.3);border-color:#ee0000;}	
.bar_mana{background-color:#3939c675}	
.bar_mana_base{background-color:rgba(0,0,255,0.3);border-color:#0000ee;}

/* Estilo padrão para telas maiores */
#profile_comment_data {
    position: relative;
    top: 0px;
    left: 0px;
    box-sizing: border-box;
    width: 100%;
    min-height: 15px;
    font-size: 10pt;
    font-weight: bold;
    border: 0;
    outline: 0;
    color: #333;
    resize: none;
	padding: 5px; 
    border: solid 1px #a9a9a9;
	border-radius: 0;
}

/* Estilo para telas menores (como mobile) */
@media only screen and (max-width: 768px) {
    #profile_comment_data {
        left: 2px;
    }
}


.profile_table{
	width:100%;
	margin-top:5px;
}

.profile_table_row{
	width:100%;
	height:28px;
	margin-top:2px;
}
.profile_table_row:first-child{
	margin-top:0;
}

.profile_table_nodata{
	text-align:center;
	font-size:14px;
	margin-top:15px;
}

.profile_table_section{
	height:14px;
	padding-left:8px;
	padding-top:6px;
	padding-bottom:8px;
	float:left;
}

.profile_table_section_header{
	background-color:#333;
	font-family: Verdana, Arial, Times New Roman, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#fff;
}
.profile_table_section_value{
	background-color:#e1ceb1;
	font-size:10pt;
}

.profile_table_section_value img{
	width:12px;
	height:12px;
	margin-right:2px;
}

.deathlist_table_left{
	width:122px;
}
.deathlist_table_right{
	width:calc(100% - 140px);
	margin-left:2px;
}

.progression_table_left{
	width:calc(50% - 9px);
}
.progression_table_right{
	width:calc(50% - 9px);
	margin-left:2px;
}

.profile_quest_section{
	width:calc(50% - 9px);
	height:14px;
	margin-top:2px;
	padding-left:8px;
	padding-top:6px;
	padding-bottom:8px;
	float:left;
}
.profile_quest_section:nth-child(even){
	margin-right:2px;
}
.profile_quest_section img{
	width:12px;
	height:12px;
	margin-right:2px;
}

@media screen and (max-width: 576px) {
	#profile{
		width:calc(100% - 40px);
		margin-left:20px;
	}
	#profile_skills{
		width:calc(100% - 128px);
		margin-top:104px;
		margin-left:130px;
	}
	#profile_main{
		margin-top:10px;
		position:relative;
	}
	#profile_main_inner {
		width:100%;
	}
	.profile_main_inner_row{
		height:auto;
	}
	#profile_picture{
		width:118px;
	}
	#profile_picture_img_container{
		width:100px;
		margin-left:9px;
	}
	#profile_hpimg{
		position:absolute;
		top:-274px;
	}
	#profile_hpmana{
		width: calc(100% - 130px);
		margin-left:10px;
	}
	#profile_eq{
		position:absolute;
		top:-180px;
		left:2px;
	}
	#profile_stats{
		width:100%;
	}
	#profile_main_sub{
		width:100%;
		margin-left:0;
		margin-top:2px;
	}
	.profile_quest_section {
		width:calc(100% - 8px);
	}
	.sub_header{
		font-size:8pt;
	}
	.profile_skill_section{
		width:calc((100% / 3) - 2px);	
	}
	.skill_section_header{
		padding-top:4px;
		padding-bottom:6px;
	}
	.skill_section_value{
		padding-top:4px;
		padding-bottom:5px;
	}
	#fullHP{
		display:none;
	}
	#fullMana{
		display:none;
	}
	
	
	


}