div.mn-usu-top-right, div.mn-usu-top-left{position: fixed; top: 10px; width:40px; height:40px; cursor:pointer; border-radius:20px; overflow-x: visible; /* background-color: rgba(0,0,0,0.35); */ border: 1px solid rgba(0,0,0); z-index: 2000; font-family: 'Montserrat', sans-serif; font-weight: 600; letter-spacing: -1;} div.mn-usu-top-right{right: 10px;} div.mn-usu-top-left{left: 10px;} .mn-usu-img-top-right, .mn-usu-img-top-left{position: absolute; top: 0px; width:40px; height:40px; background-color: rgba(0,0,0,0); border-radius:50%; z-index: 10;} .mn-usu-img-top-right{right: 0px;} .mn-usu-img-top-left{left: 0px;} .mn-usu-img-top-right:hover, .mn-usu-img-top-left:hover{background-color: rgba(0,0,0,0.05);} div.open{width:300px; height:80px; border: 1px solid rgba(0,0,0,0.7);} div.logged{width:300px; border: 1px solid rgba(0,0,0,0.7);} .mn-usu-menuOptionLogin-top-right, .mn-usu-menuOptionLogin-top-left{position: absolute; left: 0px; top: 40px; width: 100%; height: 40px; text-align: center; line-height: 40px; vertical-align: middle; color: rgb(0,0,0); border: 0px solid rgb(0,0,0); cursor:pointer;} .mn-usu-menuOptionLogin-top-right:hover, .mn-usu-menuOptionLogin-top-left:hover{text-decoration:underline; cursor:pointer; background-color: rgba(0,0,0,0.1); border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;} div.mn-usu-nombre-top-right, div.mn-usu-nombre-top-left{position: absolute; top: 0px; width: calc(100% - 40px); height: 40px; line-height: 40px; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; color: rgb(0,0,0); overflow:hidden; border: 0px solid rgb(0,0,0); /* background-color: rgba(0,255,0,0.3); */ } div.mn-usu-nombre-top-right{left: 0px; text-align: right;} div.mn-usu-nombre-top-left{right: 0px; text-align: left;}