.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: #1c2531;
    color:white;
    width:220px;
    height: 100%;
    overflow-y: scroll;
}
.vertical-menu-10 {
  width: 100%; /* Set a width if you like */
  display:flex;
  flex-direction: column;
}
.vertical-menu-10 a {
 /* background-color: #eee; */ /* Grey background color */
  color: white; /* Black text color */
  display: block; /* Make the links appear below each other */
  padding: 8px; /* Add some padding */
  text-decoration: none; /* Remove underline from links */
  border-right: thin solid #ccc;
  border-bottom:thin solid #666;
  font-size: 12px;
}
.vertical-menu-10 a:hover {
  background-color: #ccc; /* Dark grey background on mouse-over */
  color:#333;
}
.vertical-menu-10 a.active:hover {
  background-color: #ccc; /* Dark grey background on mouse-over */
  color:#333;
}
.vertical-menu-10 a.active {
    background-color: #009; /* Add a green color to the "active/current" link */
    color: aqua;
}
.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;
    }
    
}


/*MENU ADMIN VERSION VERTICAL*/ 

.menuAdmin1{
    width:275px;
    background-color:#1c2531;
    height:100%;
    overflow-y: scroll;
}
.menuAdmin1 .logotipo {
    height:150px;
    width:100%;
    display:flex;
    justify-content: center;
    border-bottom: thin dotted #ccc;
    padding:20px;
    max-width: 200px;
    overflow: hidden;    
}
.menuAdmin1 .logotipo img {
    height:100%;
}
.menuAdmin1 ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.li-main-class {
    height:125px;
    display:flex;
    border-bottom: thin dotted #a1a1a1;
    color:yellow;
    justify-content: center;
    align-items: center;
}
.li-main-input-search {
    width:100%;
}
.menuAdmin1 li i  {
    width:25px;
}
.menuAdmin1 li {
        width:100%;
        padding-top: 5px;
        padding-bottom: 5px;
        cursor: pointer;    
}
.menuAdmin1 li:hover {
    background-color: black;
}		
.menuAdmin1 ul li.li-main   {
        color:#e1e1e1;
}
.menuAdmin1 ul li.li-inicio   {
    justify-content: center;
    color:white;
    width:100%;
    font-size:18px;
    background-color: black;
}
.menuAdmin1 ul li.li-father   {
        padding-left:  15px;
        padding-right: 15px;
        color:#e1e1e1;
        border-bottom: thin dotted #a1a1a1;
        border-width: 1px;
        background-color: black;
        display:flex;
}
.menuAdmin1 ul li.li-father i   {
    display:block;
    width:25px;
}
.menuAdmin1 ul li.li-father:hover   {
    color:#00ffff;
}
.menuAdmin1 ul li.li-child:hover   {
    color:#00ffff;
    box-shadow: 5px 0px 15px grey;
}
.menuAdmin1 ul li.li-child.active{
    color: #00ffff;
}
.menuAdmin1 ul li.li-child   {
        padding-left:  20px;
        padding-right: 20px;
        color:#75869f;
        display:flex;
}
.menuAdmin1 ul li.li-child numeral  {
    display:flex;
    width:25px;
}
.menuAdmin1 ul li.li-child desc   {
    display:block;
}
.menuAdmin1 lbl-menu-child-admin   {
    display:flex;
    float: left;
}
.menuAdmin1 ul  li.li-pie-general{
    height: 100px;
    display:block;
}
.menuAdmin1 a {
    font-style: normal;
}
.menuAdmin1 btn-show-admin {
    display:none;
    position:fixed;
    width:75px;
    height: 75px;
}
@media only screen and (max-width: 600px) {
    .menuAdmin1 btn-show-admin {
        display:block;
    }
    .menuAdmin1 ul{
        display:none;
        width:100%;
        transition:0.5s;
        position: fixed;
        height: 100%;
        animation-name: aniMenuLateral;
        animation-duration: 0.6s;
        animation-fill-mode: both;
        animation-timing-function: ease;
    }
}