.btnMenuAdminOpen{
    width: 40px;
    height:40px;
    position:fixed;
    top:    5px;
    left:   5px;
    background-color: rgba(0,155,255, 0.9);
    color: white;
    display:none;
    justify-content: center;
    align-items: center;
    z-index:3500000;
    cursor: pointer;
    border-radius: 10px;
}

.btnMenuAdminClose{
    width: 40px;
    height:40px;
    top:    5px;
    left:   5px;
    background-color: rgba(0,155,255, 0.9);
    color: white;
    display:none;
    justify-content: center;
    align-items: center;
    z-index:5600;
    cursor: pointer;
    border-radius: 10px;
    margin:5px;
}
.vertical-menu-10-container{
    background-color: black;
    color:white;
    height: 100%;
    overflow-y: scroll;
    flex-basis:200px;
    display:flex;
    flex-direction: column;
}
.vertical-menu-10 {
  width: 100%; /* Set a width if you like */
  display:flex;
  flex-direction: column;
}
.vertical-menu-10-container .div-cliente{
	width:100%;
	height:auto;
	display:flex;
	justify-content:center;
	padding:5px;
	text-align:center;
	text-decoration:none;
	color:white;
}
.vertical-menu-10-container .div-logo{
	width:auto;
	height:125px;
	display:flex;
	justify-content:center;
	padding:3px;
	overflow:hidden;
	margin-top:10px;
}
.vertical-menu-10-container .div-foto{
	width:100%;
	height:80px;
	display:flex;
	justify-content:center;
	padding:3px;
	overflow:hidden;
	margin-top:3px;
}
.vertical-menu-10-container .div-foto img{
	max-width:80px;
	height:auto;
	display:flex;
	justify-content:center;
	padding:3px;
	overflow:hidden;
	border-radius:50%;
}
.vertical-menu-10-container .div-logo img {
	border-radius: 10%;
}
.menuBtns{
    display:flex;
    border-bottom:  thin solid aqua;
    border-top:     thin solid aqua;
    padding: 5px;
}

.vertical-menu-10 a {
 /* background-color: #eee; */ /* Grey background color */
  color: white !important; /* Black text color */
  display: block; /* Make the links appear below each other */
  padding: 8px; /* Add some padding */
  text-decoration: none !important; /* Remove underline from links */
  border-right: thin solid #ccc;
  border-bottom:thin solid #ccc;
  font-size: 12px;
}
.vertical-menu-10 a:hover {
  background-color: #ccc !important; /* Dark grey background on mouse-over */
  color:#333 !important;
}
.vertical-menu-10 a.active {
  background-color: #009; /* Add a green color to the "active/current" link */
  color: white;
  border:thin solid #ccc;
}
.vertical-menu-10 .n1{   padding-left:40px  !important; }
.vertical-menu-10 .n2{   padding-left:70px  !important; }
.vertical-menu-10 .n3{   padding-left:100px !important; }
@media only screen and (max-width: 600px) {
    
    .vertical-menu-10-container{    
        top:0px;
        left:0px;
        position:fixed;
        width:100%;
        height:100%;
        display:none;
    }
    .btnMenuAdminClose{
        display:flex;
    }
    .btnMenuAdminOpen{
        display:flex;
    }
    
}