table.tables_ktls {

    border-collapse: collapse;

    border-spacing: 0;

    max-width: 100%;

    width: 100%;

  }

  

  

  

  /*** HEADER ***/

  table.tables_ktls,

  #myTablen {

    background-color: #fff;

  }

  table.tables_ktls tbody > tr:nth-child(even) {

        background: var(--lgray);

    }

  table.tables_ktls thead,

  #myTablen 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;

  }

  #myTablen th,

  #myTablen td {

    padding: 0.5em 0.4em;

    position: relative;

    font-size: 15px;

    text-align: left;

  }

  

  table.tables_ktls td a,

  #myTablen td a{

    color: var(--black);

    text-decoration: none;

    font-weight: 700;

  }

  

  table.tables_ktls td a:hover,

  #myTablen td a:hover,

  table.tables_ktls td a:focus,

  #myTablen td a:focus {

    color: var(--black);

    text-decoration: none;

    text-shadow: 0 0 2px #0613e3;

  }

  

  table.tables_ktls th,

  #myTablen 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,

  #myTablen th:hover,

  #myTablen 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;

    }

  }