.cosmos-listbox-container {
      /* width: 100% */; /* Ajusta el ancho */
      /* height: 300px; */ /* Altura fija del contenedor */
      overflow-y: auto; /* Scroll vertical */
      overflow-x: auto; /* Scroll horizontal */
      border: 1px solid #ccc; /* Bordes para claridad */
    }

    .cosmos-listbox {
      width: 100%; /* Ancho completo */
      border-collapse: collapse; /* Sin espacio entre celdas */
	  margin: 0px;
    }
      

    .cosmos-listbox table {
      width: 80%;
      margin: 20px auto;
      border-collapse: collapse;
      font-family: Arial, sans-serif;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    .cosmos-listbox th {
      background-color: #f4f4f4;
	  color: #000000;
      position: sticky;
      top: 0;
      z-index: 2;
      border: 1px solid #ddd;
      text-align: left;
	  height: 20px;
	  text-align: left;
	  font-weight: bold;
    }
	.cosmos-listbox tr {
      height: 15px;
    }

	.cosmos-listbox tr:nth-child(even) {
      background-color: #f9f9f9;
    }

    .cosmos-listbox tr:hover {
      background-color: #f1f1f1;
    }
	
    .cosmos-listbox td {
      padding: 10px;
      text-align: left;
      border-bottom: 1px solid #ddd;
	  padding: 3px;
    }
	
    .cosmos-listbox caption {
      margin: 10px;
      font-size: 18px;
      font-weight: bold;
      color: #333;
    }

    .cosmos-listbox-bycolumns {
      width: 100%; /* Ancho completo */
	  height: 100%; /* Ancho completo */
	  margin: 0px;
      display: grid;
      grid-auto-flow: column;
      grid-template-rows: repeat(5, auto); /* 5 filas por columna */
      gap: 8px 16px;
      padding: 2px;
      border: 1px solid #ccc;
      /* background: white; */
    }
	.cosmos-list-bycolumns-item {
      display: flex;
      align-items: center;
      gap: 6px;
      font-family: sans-serif;
	}
