/* Forcing override on colors*/
.table-glossary,
.table-glossary th,
.table-glossary td {
  background-color: transparent !important;
}
/* header row styling */
.table-glossary thead th {
  background-color: rgba(128, 138, 148, 1) !important;
  border-bottom: 3px solid rgba(128, 138, 148, 0.3)
}
/* stripe every even row */
.table-glossary tbody tr:nth-child(even) td {
  background-color: rgba(255,255,255,0.04) !important;
}

/* remove odd-row  glossary */
.table-glossary tbody tr:nth-child(odd),
.table-glossary tbody tr:nth-child(odd) td {
  background-color: transparent !important;
  color: inherit         !important;
}

.table-glossary td {
    border-bottom: 1px solid rgba(128, 138, 148, 0.3) !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

  .table-glossary td:first-child {
    min-width: 120px;
    padding-right: 2.1rem;
    word-break: break-word; /* breaks long words, to help the glossary wrapping */
    white-space: normal;    /* it helps wrap */
  }
/* small screens formatting */
.table-glossary {
    table-layout: auto;
    word-break: break-word;
    width: 100%;
  }
  
  /*  cells wrap content */
  .table-glossary td, .table-glossary th {
    word-wrap: break-word;
    white-space: normal;
  }
  
  /* Media smaller screens */
  @media (max-width: 640px) {
    .table-glossary td:first-child {
      padding-right: 1rem;
    }
  }

  .table-glossary td:nth-child(2) {
    word-break: break-word; 
    white-space: normal;
  }