table.tables_ktls {
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
    width: 100%;
  }
  
  
  
  /*** HEADER ***/
  table.tables_ktls,
  #myTable {
    background-color: #fff;
  }
  table.tables_ktls tbody > tr:nth-child(even) {
        background: var(--lgray);
    }
  table.tables_ktls thead,
  #myTable thead {
    background-color: var(--dgray);
  }
  
  table.tables_ktls th,
  table.tables_ktls td {
    padding: 0.5em 0.4em;
    position: relative;
    font-size: 15px;
    text-align: left;
  }
  #myTable th,
  #myTable td {
    padding: 0.5em 0.4em;
    position: relative;
    font-size: 15px;
    text-align: left;
  }
  
  table.tables_ktls td a,
  #myTable td a{
    color: var(--black);
    text-decoration: none;
    font-weight: 700;
  }
  
  table.tables_ktls td a:hover,
  #myTable td a:hover,
  table.tables_ktls td a:focus,
  #myTable td a:focus {
    color: var(--black);
    text-decoration: none;
    text-shadow: 0 0 2px #0613e3;
  }
  
  table.tables_ktls th,
  #myTable th,
  table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting {
    outline: none;
    text-align: left;
    text-transform: uppercase;
    transition: color 0.2s ease-in-out;
    color: #fff;
  }
  
  table.tables_ktls th:hover,
  table.tables_ktls th:focus,
  #myTable th:hover,
  #myTable th:focus {
    color: #fff;
  }
  
  /* Arrows */
  table.tables_ktls th:after,
  table.tables_ktls th:before {
    border: 0.35em solid transparent;
    content: '';
    height: 0; 
    position: absolute;
    right: 0.65em;
    top: 50%;
    transform: translateY(-50%);
    transition: border-color 0.2s ease-in-out;
    width: 0; 
  }
  
  table.tables_ktls th:before {
    border-bottom-color: var(--gray);
    border-top: 0;
    margin-top: -0.35em;
  }
  
  table.tables_ktls th:after {
    border-bottom: 0;
    border-top-color: var(--gray);
    margin-top: 0.35em;
  }
  
  table.tables_ktls th:hover:before,
  table.tables_ktls th:focus:before {
    border-bottom-color: var(--lgray);
  }
  
  table.tables_ktls th:hover:after,
  table.tables_ktls th:focus:after {
    border-top-color: var(--lgray);
  }
  
  table.tables_ktls th[aria-sort="ascending"],
  table.tables_ktls th[aria-sort="descending"] {
    color: var(--lgray);
  }
  
  table.tables_ktls th[aria-sort="ascending"]:before {
    border-bottom-color: var(--white);
  }
  
  table.tables_ktls th[aria-sort="ascending"]:after {
    border-top-color: var(--gray);
  }
  
  table.tables_ktls th[aria-sort="descending"]:before {
    border-bottom-color: var(--gray);
  }
  
  table.tables_ktls th[aria-sort="descending"]:after {
    border-top-color: var(--white);
  }
  
  
  
  /*** BODY ***/
  table.tables_ktls tbody > tr,
  table.dataTable tbody tr {
    border-bottom: 2px solid rgba(121, 121, 121, 0.5);
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  }
  /* Check and Cross Marks */
  table.tables_ktls tr span.yes,
  table.tables_ktls tr span.no {
    transition: all 0.2s ease-in-out;
  }
  @media (max-width: 50em) {

    /*** TABLE.tables_ktls ***/
    table.tables_ktls tr,
    table.tables_ktls td {
      display: block;
    }
  
    table.tables_ktls tr {
      padding: 0.75em 0;
    }
  
    /* Header */
    table.tables_ktls thead tr {
      text-align: center;
    }
  
    table.tables_ktls th {
      display: block;
      padding: 0.25em 0.5em;
    }
  
    /* Body */
    table.tables_ktls td {
      padding: 0.25em 0.5em 0.25em 6.5em;
    }
  
    table.tables_ktls td:before {
      content: attr(data-label);
      font: 400 1.125em/1 'Oswald', sans-serif;
      left: 0.5em;
      position: absolute;
      top: 0.125em;
      width: 100%;
    }
  
    /* Animal Cells */
    table.tables_ktls td[data-label="Chickens"],
    table.tables_ktls td[data-label="Pigs"],
    table.tables_ktls td[data-label="Snakes"] {
      text-align: left;
    }
  
    /* Check and Cross Marks */
    table.tables_ktls span.yes {
      line-height: 0.875;
    }
  }