.userToggle{ border: 0; border-radius: 0; background: transparent; display: flex; flex-direction: column;}
.picUser{ display: flex; align-items: center; justify-content: space-evenly; width: 100%;}
.picUser img{ width: 45px; height: 45px; border-radius: 50%; object-fit: cover; background: var(--clWhitetGray); 
    border: 1px solid var(--clBlackGray); margin-right: 5px; transition: 0.5s ease-in-out;}
.picUser img:hover{ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); transform: scale(1.05);}

.idUser{ background: var(--clWhitetGray); padding: 5px 10px; border-radius: 50px;}
.flexUserAlign{ display: flex; flex-direction: column; align-items: center; justify-content: center;}
.flexUserAlign img{ width: 80px; height: 80px; border-radius: 50%; object-fit: cover; background: var(--clWhitetGray); border: 1px solid var(--clBlackGray);}

.dropdownMenuUser{ min-width: 350px !important; padding: 15px;}
.editProfile a{ background: var(--clRed); color: var(--clWhite); padding: 5px 10px; border-radius: 50px;}
.userMargin{ margin: 0 -15px;}
.dropdownNone{ display: none;}

.flexMenushowUser{ display: flex; align-items: center; justify-content: center;}
.flexMenushowUser>*{ position: relative;}
.flexMenushowUser a{ display: flex; align-items: center; justify-content: space-evenly; color: var(--clBlackGray); padding: 20px 15px;}
.flexMenushowUser a:hover, .flexMenushowUser a.active{ background: var(--clGray);}
.badgeNew{ position: absolute; top: 0; right: 0; background: var(--clRed); color: var(--clWhite); padding: 3px 3px 0; 
    font-size: var(--fontMark); border-radius: 50px; width: 25px; height: 25px; transform: translate(0, 5px);}

.dropdownListUser{ min-width: 350px;}
.dropdownListUser a{ display: flex; justify-content: start; padding: 10px 15px;
}