.perfil {

	width: 855px;
	font-family: 'Niramit', sans-serif; 
    	/*background-color: pink;*/
    	margin-left: auto;
    	margin-right: auto;
    	

}

.perfBoxNome {

	width: 300px; 
    	height: 55px; 
    	font-family: 'Niramit', sans-serif;
	color: #4A4A4A;
    	line-height: 18px;
    	margin-top: 25px;
    	margin-left: 25px;
    	float: left;
    	
    	
}

.perfFoto {

	width: 80px; 
    	height: 80px; 
    	margin-left: 30px;
    	background-color: lightgreen; 
    	border-radius: 100%; 
    	background-repeat: no-repeat; 
    	background-position: center; 
    	background-size: 100px; 
    	float: left;
	

}

.perfLogout {

	width: 95px; 
    height: 90px; 
    margin-right: 30px;
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: center center;
    background-color: #FADBD8; 
    border: 1px solid #E74C3C;
    border-radius: 100%; 
    float: right;
	
}

.perfLogout:hover { background-color: #FFF; cursor: pointer;}

.perfBoxPequena {

	width: 250px;
    	height: 100px;
 	margin: 15px; 
 	border-radius: 15px;
 	display: inline-block;
 	background-repeat: no-repeat;
 	

}

.perfBoxMedia {

	width: 535px;
    	height: 100px;
 	margin: 15px; 
 	border-radius: 15px;
 	display: inline-block;
 	background-repeat: no-repeat;

}

.perfBoxGrande {

	width: 820px;
    	height: 100px;
 	margin: 15px; 
 	border-radius: 15px;
 	display: inline-block;
 	background-repeat: no-repeat;

}

.perfBoxPequena:hover, .perfBoxMedia:hover, .perfBoxGrande:hover { background-color: #FFF !important; cursor: pointer; }


.PerfProgressBar {
    width: 100%px; /* Largura do gráfico */
    height: 20px; /* Altura do gráfico */
    background-color: #EAFBF1; /* Cor de fundo do contêiner */
    border: 1px solid #4DA57E; /* Borda */
    border-radius: 25px; /* Borda arredondada */
    padding: 5px;
    overflow: hidden; /* Garante que a borda seja aplicada corretamente */
    position: relative; /* Necessário para posicionar corretamente a barra interna */
}

.Perfprogress {
    width: 100%; /* 100% da largura */
    height: 100%; /* Ocupa a altura do contêiner */
    background-color: #76DEAB; /* Cor da barra interna */
    border-radius: 25px; /* Ajusta as bordas arredondadas */
}