/*
* TABLES
*/

/* pre table */
div.button-container
  { float: right; margin-top: -.2em; }
div.dt-container div.dt-layout-row
  { padding: 0; margin: 0; }
div.dt-search
  { text-align: left; margin: 0 0 .5em 0; padding: 0; }
div.dt-search label
  { display: block; max-width: 360px; font-size: .6em; margin: 0; font-weight: normal; text-transform: uppercase; color: var(--color-text-50); }
div.dt-search input
  { display: block; margin: .1em 0 0 0 !important; font-size: .8em; line-height: 1.4em; }

/* empty list */
p#list-no-element
  { text-align: center; font-style: italic; margin: 4em 0; color: var(--color-text-50); }

table.data-table
  { clear: both; border: none !important; border-collapse: separate; border-spacing: 0 .3em; }

/* table : head */
table.data-table thead
  { background-color: transparent;  }
table.data-table thead tr
  { background-color: transparent; }
table.data-table thead tr th
  { border: none; outline: none !important; text-transform: uppercase; padding: .5em .75em; cursor: default; background-color: var(--color-text-10); color: var(--color-text); }
table.data-table thead tr th:nth-child(1)
  { border-radius: .35em 0 0 .35em; overflow: hidden; }
table.data-table thead tr th:nth-last-child(1)
  { border-radius: 0 .35em .35em 0; overflow: hidden; }
table.data-table thead tr th span
  { display: inline-block; font-size: .8em; font-weight: 600; color: var(--color-text); }
table.data-table thead tr th.dt-orderable-asc,
table.data-table thead tr th.dt-orderable-desc
  { cursor: pointer; }
table.data-table thead tr th.dt-orderable-asc:hover,
table.data-table thead tr th.dt-orderable-desc:hover
  { background-color: var(--color-accent-50) !important; }
table.data-table thead tr th.dt-ordering-asc,
table.data-table thead tr th.dt-ordering-desc,
table.data-table thead tr th.dt-ordering-asc:hover,
table.data-table thead tr th.dt-ordering-desc:hover
  { background-color: var(--color-accent-75) !important; }
table.data-table thead tr th.dt-orderable-asc:hover span,
table.data-table thead tr th.dt-orderable-desc:hover span,
table.data-table thead tr th.dt-ordering-asc span,
table.data-table thead tr th.dt-ordering-desc span
  { color: #ffffff !important; }
table.data-table thead > tr > th.dt-orderable-asc span.dt-column-order::before, 
table.data-table thead > tr > th.dt-orderable-desc span.dt-column-order::after, 
table.data-table thead > tr > td.dt-orderable-asc span.dt-column-order::before, 
table.data-table thead > tr > td.dt-orderable-desc span.dt-column-order::after
  { opacity: .05; }
table.data-table thead > tr > th.dt-ordering-asc span.dt-column-order::before, 
table.data-table thead > tr > th.dt-ordering-desc span.dt-column-order::after, 
table.data-table thead > tr > td.dt-ordering-asc span.dt-column-order::before, 
table.data-table thead > tr > td.dt-ordering-desc span.dt-column-order::after
  { opacity: 1; }

/* table : body */
table.data-table tbody
  { background-color: transparent;}
table.data-table tbody tr
  { background-color: transparent; margin: .5em 0; }
table.data-table tbody tr td:nth-child(1)
  { border-radius: .35em 0 0 .35em; overflow: hidden; border-left: none; }
table.data-table tbody tr td:nth-last-child(1)
  { border-radius: 0 .35em .35em 0; overflow: hidden; border-right: none; }
table.data-table tbody tr td
  { padding: .75em; border-bottom: none; border-top: none; background-color: var(--color-text-5); vertical-align: middle; }
table.data-table tbody tr:nth-child(2n+1) td
  { background-color: var(--color-accent-5); }
table.data-table tbody tr td span
  { display: block; position: relative; font-size: .75em; overflow: hidden; text-overflow: ellipsis; }
table.data-table tbody tr.inactive td span
  { opacity: .35; }
table.data-table tbody tr:last-child > *
  { border-bottom: none !important; }

/* spe type */
table.data-table thead tr th.th-type-int,
table.data-table thead tr th.th-type-double,
table.data-table tbody tr td.td-type-int,
table.data-table tbody tr td.td-type-double
  { text-align: left !important; }
table.data-table tbody tr > td.td-type-int:first-child
  { text-align: center !important; }
table.data-table thead tr th.th-type-bool,
table.data-table tbody tr td.td-type-bool
  { text-align: center; }
table.data-table thead tr th.th-action,
table.data-table tbody tr td.td-action
  { text-align: center; width: 130px; }
table.data-table tbody tr td.td-action span
  { display: inline-block; overflow: visible; }
table.data-table tbody tr td.td-action span + span
  { margin-left: .25em; }
table.data-table tbody tr td.td-action span a
  { font-size: 1.2em; padding: .15em .75em .35em .75em; border-radius: .35rem; }
table.data-table tbody tr td.td-action span a img
  { filter: brightness(0) invert(1); height: .9em; width: auto; }

/* spe field */
table.data-table tbody tr td.td-name-name span
  { font-weight: 600; }
table.data-table tbody tr td.td-type-string span a
  { font-weight: 600; text-decoration: none; color: var(--color-cfg); }
table.data-table thead tr th.th-name-id,
table.data-table tbody tr td.td-name-id
   { text-align: center; width: 100px; font-weight: 600; }
table.data-table tbody tr td.td-name-id span a
  { font-weight: 600; text-decoration: none; }




/* table : paginate */
div.dt-container div.dt-layout-row div.dt-info
  { font-size: .7em; font-weight: 600; color: var(--color-text) !important; }
div.dt-container div.dt-layout-row div.dt-paging
  { }
div.dt-container div.dt-layout-row div.dt-paging button
  { font-size: .7em; font-weight: 600; border: none; color: var(--color-text) !important; }
div.dt-container div.dt-layout-row div.dt-paging button:active,
div.dt-container div.dt-layout-row div.dt-paging button:focus,
div.dt-container div.dt-layout-row div.dt-paging button:hover
  { border: none !important; background: none !important; outline: none !important; color: inherit !important; box-shadow: none !important; opacity: .7; }
div.dt-container div.dt-layout-row div.dt-paging button.disabled
  { color: var(--color-text-25) !important; border: none !important; }
div.dt-container div.dt-layout-row div.dt-paging button.disabled:active,
div.dt-container div.dt-layout-row div.dt-paging button.disabled:focus,
div.dt-container div.dt-layout-row div.dt-paging button.disabled:hover
  { border: none !important; background: none !important; outline: none !important; color: var(--color-text-25) !important; box-shadow: none !important; opacity: 1; }
div.dt-container div.dt-layout-row div.dt-paging button.current,
div.dt-container div.dt-layout-row div.dt-paging button.current:hover
  { border: none !important; background: none !important; color: var(--color-accent) !important; opacity: 1; }