:root {
    --table-top: 80px;
    --height-filter: 20px;
    --height-scrollHead: 40px;
    --height-scrollBody: 55px;
    --height-paginate: 25px;
    --height-tableWrapper: calc(var(--height-filter) + var(--height-scrollHead) + var(--height-scrollBody) + var(--height-paginate)  );

    --charts-top: calc(var(--table-top) + var(--height-tableWrapper) + 12px );
  }

  .table_wrapper{
      width: 100%;
      height: var(--height-tableWrapper) !important;
      position: fixed;
      top: var(--table-top);
      background-color: white;
      font-size: xxx-small !important;
  }

  .dataTables_filter{
    height: var(--height-filter) !important;
    margin-bottom: 1px !important;
    padding: 0px !important;
  }

  .dataTables_filter input{
    width: 300px !important;
    border: 1px rgb(251, 57, 57) solid !important;
  }

  .dataTables_scrollHead{
    height: var(--height-scrollHead) !important;
  }

  .dataTables_scrollBody{
    height: var(--height-scrollBody) !important;
  }

  .dataTables_paginate{
    height: var(--height-paginate) !important;
  }

  table.dataTable thead th {
    white-space: nowrap;
    /* word-wrap: break-word; */
  }

  table.dataTable td{
    white-space: nowrap;
    height: 4px !important;
    padding: 1px !important;
    padding-left: 10px !important;
  }