[data-page="informes_list"][data-itemid="grid_field_label"] {
  font-style: italic;
}
[data-page="informes_list"][data-itemid="grid_field"] {
  font-style: italic;
  font-weight: bold;
}

/* Put  your custom CSS code here */

[data-page="informes_list"][data-itemid="simple_grid_field1"] {
  /* Estilo básico del campo de texto */
  border: 1px solid #ccc; /* Borde sólido de 1px gris claro */
  border-radius: 8px; /* Bordes redondeados con un radio de 8px */
  padding: 10px 15px; /* Espaciado interno (arriba/abajo, izquierda/derecha) */
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); /* Sombra sutil: 2px horizontal, 2px vertical, 5px difuminado, color negro con 10% de opacidad */
  transition: all 0.3s ease; /* Transición suave para todos los cambios de estilo en 0.3 segundos */
  outline: none; /* Elimina el contorno predeterminado al enfocar */
  font-family: Arial, sans-serif; /* Fuente del texto */
  font-size: 16px; /* Tamaño de fuente */
  color: #333; /* Color del texto */
}

[data-page="informes_list"][data-itemid="simple_grid_field1"]:hover {
  /* Efecto al pasar el mouse (hover) */
  border-color: #094585; /* Cambia el color del borde a azul */
  box-shadow: 3px 3px 8px rgba(0, 123, 255, 0.3); /* Sombra más pronunciada y azulada */
  transform: translateY(-2px); /* Eleva ligeramente el campo de texto */
}

[data-page="informes_list"][data-itemid="simple_grid_field1"]:focus {
  /* Estilo cuando el campo de texto está enfocado (clic o tab) */
  border-color: #05305e; /* Borde de un azul más oscuro */
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25); /* Anillo de enfoque azul translúcido */
}
/* Put  your custom CSS code here */

[data-page="informes_list"][data-itemid="simple_grid_field2"] {
  /* Estilo básico del campo de texto */
  border: 1px solid #ccc; /* Borde sólido de 1px gris claro */
  border-radius: 8px; /* Bordes redondeados con un radio de 8px */
  padding: 10px 15px; /* Espaciado interno (arriba/abajo, izquierda/derecha) */
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); /* Sombra sutil: 2px horizontal, 2px vertical, 5px difuminado, color negro con 10% de opacidad */
  transition: all 0.3s ease; /* Transición suave para todos los cambios de estilo en 0.3 segundos */
  outline: none; /* Elimina el contorno predeterminado al enfocar */
  font-family: Arial, sans-serif; /* Fuente del texto */
  font-size: 16px; /* Tamaño de fuente */
  color: #333; /* Color del texto */
}

[data-page="informes_list"][data-itemid="simple_grid_field2"]:hover {
  /* Efecto al pasar el mouse (hover) */
  border-color: #007bff; /* Cambia el color del borde a azul */
  box-shadow: 3px 3px 8px rgba(0, 123, 255, 0.3); /* Sombra más pronunciada y azulada */
  transform: translateY(-2px); /* Eleva ligeramente el campo de texto */
}

[data-page="informes_list"][data-itemid="simple_grid_field2"]:focus {
  /* Estilo cuando el campo de texto está enfocado (clic o tab) */
  border-color: #0056b3; /* Borde de un azul más oscuro */
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25); /* Anillo de enfoque azul translúcido */
}
.r-grid-vertical > .r-record-body {
  /* Estilo básico del campo de texto */
  border: 0px solid #ccc; /* Borde sólido de 1px gris claro */
  border-radius: 8px; /* Bordes redondeados con un radio de 8px */
  padding: 10px 15px; /* Espaciado interno (arriba/abajo, izquierda/derecha) */
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); /* Sombra sutil: 2px horizontal, 2px vertical, 5px difuminado, color negro con 10% de opacidad */
  transition: all 0.3s ease; /* Transición suave para todos los cambios de estilo en 0.3 segundos */
  outline: none; /* Elimina el contorno predeterminado al enfocar */
  font-family: Arial, sans-serif; /* Fuente del texto */
  font-size: 16px; /* Tamaño de fuente */
  color: #000; /* Color del texto */
  /*background: linear-gradient(to right, #4a90e2, #a8d9ff);*/
  background-color: #f0f8ff; /* ¡Nuevo! Color pastel de fondo (azul claro muy suave) */
}

.r-grid-vertical > .r-record-body:hover {
  /* Efecto al pasar el mouse (hover) */
  border-color: #007bff; /* Cambia el color del borde a azul */
  box-shadow: 3px 3px 8px rgba(0, 123, 255, 0.3); /* Sombra más pronunciada y azulada */
  transform: translateY(-2px); /* Eleva ligeramente el campo de texto */
}

.r-grid-vertical > .r-record-body:focus {
  /* Estilo cuando el campo de texto está enfocado (clic o tab) */
  border-color: #0056b3; /* Borde de un azul más oscuro */
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25); /* Anillo de enfoque azul translúcido */
}

.panel-default {
   /* Estilo básico del campo de texto */
  border: 0px solid #ccc; /* Borde sólido de 1px gris claro */
  border-radius: 8px; /* Bordes redondeados con un radio de 8px */
  font-family: Arial, sans-serif; /* Fuente del texto */
  font-size: 16px; /* Tamaño de fuente */
}