html a:link{
    text-decoration: none;
  } 

   #dashmovil{
    display: none!important;
   }

   #dash{
    display: block;
   }


   /* Contenedor de menu extra de usuario */ 
   #contenedorextra{
      position:relative;
      width:100%;
      top:-17px;
      display: inline-block;

   }

   #navextra a:link{
    color:black!important;
    padding-left:0px;
   }
  
   /*Menu extra de usuarios empleados */
   #navextra a:hover{
      color:green;
   }

   #sidebar_mobil{
    display:none;
   }

   #crearcuentamobil{
    display: none;
   }

  #whats{
              
              position: fixed;
              bottom:0;
              right:0;
              width:60px;
              height:60px;
              overflow:hidden;
              z-index:1!important;
 }

 th{
        background:#a0c591!important;
        color:white;
        font-weight: bold;
 }

td a:link{
    text-decoration: none;
    color:#198754!important;
    font-weight:bold;
 }

 td a:hover{
   color:#ffcc00!important;
 }

 td a:active{
  text-decoration: none;
  color:#ffcc00!important;
 }

 td a:visited{
   color:#198754!important;
 }

  .icons{
          width:22px;
          height:auto;
 }
 /* The side navigation menu */
.sidebar {
  margin: 0;
  padding: 0;
  width: 250px;
  background-color: #27411f;
  position: fixed;
  height: 100%;
  overflow: auto;
}

/* Sidebar links */
.sidebar a {
  display: block;
  color: white;
  padding: 2px 15px;
  text-decoration: none;
}

/* Active/current link */
.sidebar a.active {
  background-color: #a0c591;
  color: white;
}

/* Links on mouse-over */
.sidebar a:hover:not(.active) {
  background-color: #555;
  color: white;
  border-style: none;
}

/* Page content. The value of the margin-left property should match the value of the sidebar's width property */
div.content {
  margin-left: 250px;
  padding: 1px 16px;
  height: auto; /*1000px*/
  font-size:12px;
}

/* On screens that are less than 700px wide, make the sidebar into a topbar */
@media screen and (max-width: 700px) {

  #contenedorextra ul li{
      display: block;
      width:100%!important;
  }

  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
    display:none;
  }

  #sidebar_mobil{
    display:block;
  }

  #crearcuentaform{
    display:none;
  }

  #crearcuentamobil{
    display:block; /* Formulario de registro movil */
  }

  .sidebar a {float: left;}
  div.content {margin-left: 0;}
}

/* On screens that are less than 400px, display the bar vertically, instead of horizontally */
@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
} 

@media (orientation: landscape) {
    
    #opciones_usuario{
        display:none!important;
    }


  
}

@media only screen and (max-height: 575.98px) and (orientation: landscape) {
  
    #dash{
      display: none;
    }

    #dashmovil{
      display: block!important;
    }
}