/*=============================================
ESTILOS SIMPLES PARA EL BUSCADOR DEL MENÚ
=============================================*/

/* Buscador de módulos */
.sidebar-form {
  margin: 10px 15px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.1);
}

.sidebar-form .form-control {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 14px;
  padding: 8px 12px;
}

.sidebar-form .form-control::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.sidebar-form .form-control:focus {
  background: transparent;
  border: none;
  box-shadow: none;
  color: #fff;
}

.sidebar-form .input-group-btn .btn {
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.7);
  padding: 8px 12px;
}

.sidebar-form .input-group-btn .btn:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

/* Responsive */
@media (max-width: 767px) {
  .sidebar-form {
    margin: 5px 10px;
  }
  
  .sidebar-form .form-control {
    font-size: 12px;
    padding: 6px 10px;
  }
}

/* ASEGURAR QUE EL SIDEBAR TENGA SCROLL HABILITADO */
.sidebar {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
}

.main-sidebar {
  overflow-y: hidden;
}

.main-sidebar .sidebar {
  height: calc(100vh - 50px);
  max-height: calc(100vh - 50px);
  overflow-y: auto !important;
  overflow-x: hidden !important;
}