ul.box-settings li.name {
    font: 400 3.5rem / 2 Arial;
    color: black;
    position: absolute;
    right: -7rem;
    top: -2rem;
    cursor: default;
    max-width: 100px;
    cursor: pointer;
}
ul.box-settings li.name ul.subMenu {
	width: 100%;
	min-width: 12rem;
	min-width: 12rem;
	height: auto;
	background-color: #F5F5F5;
	-webkit-box-shadow: 0px 0px 4px 1px rgb(83, 83, 83);
	-moz-box-shadow: 0px 0px 4px 1px rgba(83, 83, 83);;
	box-shadow: 0px 0px 4px 1px rgba(83, 83, 83);
	position: relative;
	display: none;
	margin-left: -9rem;
}
ul.box-settings li.name:hover{
	padding-left: 50px;
}
ul.box-settings li.name:hover ul.subMenu{
	display: block;
}

ul.box-settings li.name ul.subMenu li {
	font: 300 1.6rem / 2 sans-serif;
	color: rgba(0, 0, 0, 0.78);
	cursor: pointer;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 0rem 1rem;
}

ul.box-settings li.name ul.subMenu li:hover {
	background-color: rgb(35, 89, 189);
	color: white;
}

ul.box-settings li.name ul.subMenu li:first-child {
	padding-top: 0.5rem;
}
ul.box-settings li.name ul.subMenu li:first-child::before{
	content: "";
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid white;
	position: absolute;
	right: 0.7rem;
	top: -0.6rem;
}
ul.box-settings li.name ul.subMenu li:first-child:hover::before{
	content: "";
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid rgb(35, 89, 189);
	position: absolute;
	right: 0.7rem;
	top: -0.6rem;
}

ul.box-settings li.name ul.subMenu li.perfil {
	display: flex;
	padding-right: 1rem;
	justify-content: space-between;
	align-items: center;
}

ul.box-settings li.name ul.subMenu li.settings {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

ul.box-settings li.name ul.subMenu li.logout {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
ul.box-settings li.name ul.subMenu li i{
	padding-left: 1.5rem;
}