/* ==========================================================
      DESACTIVAR TODOS LOS EFECTOS DE ADMINLTE
      ========================================================== */

   .nav-sidebar .nav-link,
   .nav-sidebar .nav-link:hover,
   .nav-sidebar .nav-link:focus,
   .nav-sidebar .nav-link:active,
   .nav-sidebar .nav-link.active,
   .nav-sidebar .nav-item.menu-open > .nav-link,
   .nav-sidebar .nav-item:hover > .nav-link,
   .nav-sidebar .nav-treeview .nav-link,
   .nav-sidebar .nav-treeview .nav-link:hover,
   .nav-sidebar .nav-treeview .nav-link:focus,
   .nav-sidebar .nav-treeview .nav-link:active,
   .nav-sidebar .nav-treeview .nav-link.active{
      box-shadow:none !important;
      filter:none !important;
      transform:none !important;
      transition:none !important;
   }

   /* ==========================================================
      SOLO EL TEXTO HEREDA EL COLOR
      (NO LOS ICONOS)
      ========================================================== */

   .nav-sidebar .nav-link p,
   .nav-sidebar .nav-link span,
   .nav-sidebar .nav-treeview .nav-link p,
   .nav-sidebar .nav-treeview .nav-link span{
      color:inherit !important;
   }

   /* ==========================================================
      LOS ICONOS SIEMPRE CONSERVAN SU COLOR
      ========================================================== */

   .nav-sidebar .nav-icon{
      color:#ffffff !important;      /* Cambia este color si deseas */
   }

   .nav-sidebar .nav-link:hover .nav-icon,
   .nav-sidebar .nav-link.active .nav-icon,
   .nav-sidebar .nav-link:focus .nav-icon,
   .nav-sidebar .nav-item.menu-open > .nav-link .nav-icon,
   .nav-sidebar .nav-treeview .nav-link:hover .nav-icon,
   .nav-sidebar .nav-treeview .nav-link.active .nav-icon{
      color:#ffffff !important;
   }

   /* ==========================================================
      COLORES DE LOS MENÚS
      ========================================================== */

   .menu-item-1,
   .menu-item-1:hover,
   .menu-item-1:focus,
   .menu-item-1:active,
   .menu-item-1.active{
      color: #fff !important;
      background: rgb(23, 24, 82) !important;
   }

   .menu-item-2,
   .menu-item-2:hover,
   .menu-item-2:focus,
   .menu-item-2:active,
   .menu-item-2.active{
      color: #fff !important;
      background: #053370 !important;
   }

   .menu-item-3,
   .menu-item-3:hover,
   .menu-item-3:focus,
   .menu-item-3:active,
   .menu-item-3.active{
      color: #ffffff !important;
      background: #1a5bb1 !important;
   } 

   .menu-item-4,
   .menu-item-4:hover,
   .menu-item-4:focus,
   .menu-item-4:active,
   .menu-item-4.active{
      color: #fff !important;
      background: #3f81d8 !important;
   }

   .menu-item-5,
   .menu-item-5:hover,
   .menu-item-5:focus,
   .menu-item-5:active,
   .menu-item-5.active{
      color: #fff !important;
      background: #549af5 !important;
   }
   /* es */
   /* --- */
   /* .menu-item-5,
   .menu-item-5:hover,
   .menu-item-5:focus,
   .menu-item-5:active,
   .menu-item-5.active{
      color:#6ed1e4!important;
      background:#000!important;
   } */

   .menu-item-6,
   .menu-item-6:hover,
   .menu-item-6:focus,
   .menu-item-6:active,
   .menu-item-6.active{
      background:#4cc2da!important;
      color:#000!important;
   }

   .menu-item-7,
   .menu-item-7:hover,
   .menu-item-7:focus,
   .menu-item-7:active,
   .menu-item-7.active{
      background:#00b4d8!important;
      color:#000!important;
   }

   .menu-item-8,
   .menu-item-8:hover,
   .menu-item-8:focus,
   .menu-item-8:active,
   .menu-item-8.active{
      background:#00a1c3!important;
      color:#fff!important;
   }

   .menu-item-9,
   .menu-item-9:hover,
   .menu-item-9:focus,
   .menu-item-9:active,
   .menu-item-9.active{
      background:#008fae!important;
      color:#fff!important;
   }

   .menu-item-10,
   .menu-item-10:hover,
   .menu-item-10:focus,
   .menu-item-10:active,
   .menu-item-10.active{
      background:#0077b6!important;
      color:#fff!important;
   }

   .menu-item-11,
   .menu-item-11:hover,
   .menu-item-11:focus,
   .menu-item-11:active,
   .menu-item-11.active{
      background:#00669d!important;
      color:#fff!important;
   }

   .menu-item-12,
   .menu-item-12:hover,
   .menu-item-12:focus,
   .menu-item-12:active,
   .menu-item-12.active{
      background:#005684!important;
      color:#fff!important;
   }

   .menu-item-13,
   .menu-item-13:hover,
   .menu-item-13:focus,
   .menu-item-13:active,
   .menu-item-13.active{
      background:#03045e!important;
      color:#fff!important;
   }

   .menu-item-14,
   .menu-item-14:hover,
   .menu-item-14:focus,
   .menu-item-14:active,
   .menu-item-14.active{
      background:#020347!important;
      color:#fff!important;
   }

   .menu-item-15,
   .menu-item-15:hover,
   .menu-item-15:focus,
   .menu-item-15:active,
   .menu-item-15.active{
      background:#010231!important;
      color:#fff!important;
   }

   .menu-item-16,
   .menu-item-16:hover,
   .menu-item-16:focus,
   .menu-item-16:active,
   .menu-item-16.active{
      background:#010120!important;
      color:#fff!important;
   }

   .menu-item-17,
   .menu-item-17:hover,
   .menu-item-17:focus,
   .menu-item-17:active,
   .menu-item-17.active{
      background:#000012!important;
      color:#fff!important;
   }

   .menu-item-18,
   .menu-item-18:hover,
   .menu-item-18:focus,
   .menu-item-18:active,
   .menu-item-18.active{
      background:#000005!important;
      color:#fff!important;
   }