body {
    overflow-x:hidden;
    }
    
    .filtergroup {
    margin:auto;
    padding:10px;
    padding-bottom:180px;
    margin-bottom:-150px;
    }
    
    .filter {
    margin:5px;
    width:100%;
    border-radius:3px;
    background-color:#EBEBEB;
    padding:5px;
    font-weight:500;
    font-size:12px;
    border:solid 1px #E1E1E1;
    cursor:pointer;
    }
    
    
    .filter-menu {
    width:25%;
    float:left;
    padding:8px;
    margin-bottom:10px;
    }
    
    .filter-label {
    font-family: 'Lato', sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#787878;
    margin-left:10px;
    margin-top:2px;
    }
    
    @media screen and (max-width: 1000px){
    .filtergroup {
    width:100%;
    margin:auto;
    padding-bottom:220px;
    margin-bottom:-150px;
    }
    
    .filter {
    margin:5px;
    width:100%;
    border-radius:3px;
    font-weight:bold;
    border:solid 1px #E1E1E1;
    cursor:pointer;
    }
    
    .filter-menu {
    width:50%;
    margin-bottom:0px;
    cursor:pointer;
    }
    
    .filter-menu2 {
    float:left;
    width:50%;
    }
    
    .filter-label {
    font-family: 'Lato', sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#9F9F9F;
    margin-left:10px;
    margin-bottom:1px;
    }}
    
    .tablecontainer {
      width:100%;
      overflow-x:auto !important;
    }
    
    .filter-table {
    border-collapse: separate;
    border: thin solid #e3e3e3;
    width:96%;
    margin:auto;
    font-size:13px;
    margin-bottom:30px;
    overflow-x:scroll;
    border-spacing:0;
    margin-top:30px;
    border-left: 0 solid black;
    }
    
    .filter-table a {
    float:left;
    }
    
    .filter-table th, .filter-table td {
    padding: 0.45em 0.5em;
    font-family: 'Lato', sans-serif;
    }
    
    .filter-table th {
    text-align: left;
    background-color: rgb(17,24,31) !important;
    color: white;
    padding:1em;
    font-weight:400;
    border:none !important;
    }
    

    .filter-table tbody tr:nth-child(even) {
      background:rgb(232,236,237);
    }
    
    .hidden-row {
      display: none;
    }
    
    table {
      counter-reset: rowNumber-1;
    }
    
    table tr {
      counter-increment: rowNumber;
    }
    
    table tr td:first-child::before {
      content: counter(rowNumber);
    }
    
    
    
    .fixed-header {
      position: sticky;
      top: -1px;
      z-index:4;
      background-color: rgb(17,24,31);
    }
    
    
    td:first-child, th:first-child {
      position:sticky;
      left:0px;
      z-index:3;
      background-color:white;
    }
    
    td:nth-child(3),th:nth-child(3)  { 
    position:sticky;
      left:50px;
      z-index:3;
      background-color:white;
      border-right: solid 2px white;
      }
      
    td:nth-child(4),th:nth-child(4)  { 
    position:sticky;
      left:110px;
      z-index:3;
      background-color:white;
      border-right: solid 2px white;
      border-left: solid 2px white;
      }
    
    table tr:nth-child(2n) > td:nth-child(1) {
        background-color: rgb(232,236,237);
    }
    
    table tr:nth-child(2n) > td:nth-child(3) {
        background-color: rgb(232,236,237);
        border-right: solid 2px rgb(232,236,237);
    }
    
    table tr:nth-child(2n) > td:nth-child(4) {
        background-color: rgb(232,236,237);
        border-left: solid 2px rgb(232,236,237);
    }
    
    table tr:hover > td:nth-child(1) {
        background-color: #4685c9;
    }
    
    table tr:hover > td:nth-child(3) {
        background-color: #4685c9;
        border-right: solid 2px #4685c9;
    }
    
    table tr:hover > td:nth-child(4) {
        background-color: #4685c9;
        border-left: solid 2px #4685c9;;
    }
    
    ::-webkit-scrollbar-track
    {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
    }
    
    ::-webkit-scrollbar
    {
        width: 15px;
        background-color: #F5F5F5;
        height:15px;
    }
    
    ::-webkit-scrollbar-thumb
    {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #D7D7D7;
    }
    
    .filter-table tbody tr:hover {
      background-color: #4685c9 !important;
      color: white !important;
    }
    
    .content {
      width:95%;
      margin:auto;
      margin-top:20px;
  }
    .contentfilter {
      background-color:white;
  }


  thead tr th:first-child,
  tbody tr td:first-child {
    text-align:center;
  }
  
  
  @media only screen and (max-width: 1000px){
    .dropdown-content {columns:5}}
  
  @media only screen and (max-width: 700px){
      .dropdown-content {columns:4}} 
  
  @media only screen and (max-width: 500px){
        .dropdown-content {columns:3}}

@media only screen and (min-width: 1000px){
  td:nth-child(4),th:nth-child(4)  { 
      border-right: none;
      }}
  


  @media only screen and (max-width: 800px) {
    thead tr th:first-child,
    tbody tr td:first-child {
      width: 50px;
      min-width: 50px;
      max-width: 50px;
      word-break: break-all;
    }}

  @media only screen and (max-width: 800px) {
    thead tr th:nth-child(3),
    tbody tr td:nth-child(3) {
      width: 60px;
      min-width: 60px;
      max-width: 60px;
    }}

    .contenttable {
      background-color:white !important;
      margin-top:10px;
  }
  @media only screen and (min-width: 1200px){
    .content {width:85%}
  }
  
  @media only screen and (max-width: 600px){
    .filter-table a {padding-left:5px;
    margin-left:5px;}}



    @media only screen and (max-width: 800px) {
      thead tr th:nth-child(4),
      tbody tr td:nth-child(4) {
        max-width: 100px;
        word-wrap: break-word;
      }}

      .table-notes {
          font-size:12px; 
          font-family:'Lato', sans-serif; 
          width:90%; 
          margin:auto; 
          float:left;
          margin-left:20px;
          padding-bottom: 10px;
          padding-top: 10px;
        }
  
      
      .collapsible-panel {
        width:95%;
        margin:auto;
        margin-top:50px;
      }
      .collapsible {
        cursor: pointer;
        color:white;
        background-color:rgb(17,24,31);
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 16px;
        margin:auto;
      }
      
      .collapsible:hover {
        color:rgb(165, 165, 165);
      }
      .contenta {
        padding: 0 18px;
        background:#ffffff;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
        width:100%;
      }

      .contenta p{
        font-size:13px; 
        font-family:'Lato', sans-serif; 
        width:90%; 
        margin:auto; 
        float:left;
        margin-left:20px;
        padding-bottom: 8px;
        padding-top: 8px;
        background:#ffffff
      }

      @media only screen and (min-width: 1200px){
        .collapsible-panel {width:85%}
      }