/*
   Styles for LimHtmlTable
   class=lim-table
*/

@media screen {

   .lim-table {
      margin: 0;
      padding: 0;
      border-collapse: collapse;
      border: thin solid var(--color-mid);
   }

      .lim-table * {
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
      }

      .lim-table tr {
         margin: 0;
         padding: 0;
         border: none;
         background-color: var(--color-base);
      }

      .lim-table tr:not(:last-child) {
         border-bottom: thin solid var(--color-mid);
      }

      .lim-table.altrows tbody tr:nth-child(2n) {
         background-color: var(--color-altbase);
      }

      .lim-table td, .lim-table th {
         padding: 0.4em 0.6em;
      }

         .lim-table td:not(:last-child), .lim-table th:not(:last-child) {
            border-right: thin solid var(--color-mid);
         }

      .lim-table th {
         background-color: var(--color-window);
      }

      .lim-table thead th {
         text-align: center;
      }

      .lim-table tr.selected, .lim-table tr.selected th {
         color: var(--color-highlightedtext);
         background-color: var(--color-highlight);
      }

      .lim-table .text-left {
         text-align: left;
      }

      .lim-table .text-right {
         text-align: right;
      }

      .lim-table .text-center {
         text-align: center;
      }

      .lim-table .color-red {
         color: #ff0000;
      }

      .lim-table .color-blue {
         color: #0000ff;
      }

      .lim-table .color-blue {
         color: #0000ff;
      }

      .lim-table th.bg-color-red, .lim-table td.bg-color-red {
         background-color: rgba(255, 0, 0, 0.33);
      }


      .lim-table th.bg-color-green, .lim-table td.bg-color-green {
         background-color: rgba(0, 255, 0, 0.33);
      }

      .lim-table th.bg-color-blue, .lim-table td.bg-color-blue {
         background-color: rgba(0, 0, 255, 0.33);
      }
}

.lim-table.lim-summary-table {
   width: calc(100% - 2.4em);
   margin: 1.2em 0 1em 1.2em ;
   border: 0 none;
   border-bottom: thin solid var(--color-mid);
   box-sizing: border-box;
}

.lim-table.lim-summary-table th, .lim-table.lim-summary-table td {
   border: 0 none;
}
   .lim-table.lim-summary-table td {
      padding: 0.2em 0.4em;
   }

      .lim-table.lim-summary-table td:first-child {
         /*width: max-content;*/
         padding-left: 0;
         padding-right: 1em;
         font-weight: bold;
      }

      .lim-table.lim-summary-table td:last-child {
         padding-right: 0;
      }

   .lim-table.lim-summary-table tbody tr.separator {
      border: 0 none;
   }

.lim-table.lim-summary-table tbody tr.separator td {
   height: 2em;
}

.ag-root-wrapper.ag-layout-normal {
   overflow: scroll, scroll;
   border-left: none;
   border-bottom: none;
   border-right: none;
}

.ag-theme-alpine, .ag-theme-alpine-dark {
   --ag-font-family: var(--font-family-tahoma);
   --ag-font-size: 11px;
   --ag-input-focus-border-color: var(--color-highlight);
   --ag-input-focus-box-shadow: unset;
   --ag-card-radius: 0;
   --ag-card-shadow: 0 10px 40px #333;
   --ag-popup-shadow: var(--ag-card-shadow);
   --ag-tab-min-width: 350px;
   --ag-grid-size: 3px;
   --ag-row-height: 20px;
   --ag-header-height: 40px;
   --ag-header-column-separator-display: none;
   --ag-header-column-separator-height: 100%;
   --ag-header-column-separator-color: var(--color-gray-4);
   --ag-header-column-separator-width: 1px;
   --ag-header-column-resize-handle-display: block;
   --ag-header-column-resize-handle-height: 25%;
   --ag-header-column-resize-handle-color: var(--color-gray-4);
   --ag-header-column-resize-handle-width: 3px;
   --ag-border-radius: 0;
   --ag-border-color: var(--color-gray-4);
   --ag-row-border-color: var(--color-gray-3);
   --ag-alpine-active-color: var(--color-accent);
   --ag-foreground-color: var(--color-text);
   --ag-background-color: var(--color-base);
   --ag-header-foreground-color: var(--color-text);
   --ag-header-background-color: var(--color-window);
   --ag-odd-row-background-color: var(--color-altbase);
   --ag-row-hover-color: var(--color-midlight);
   --ag-selected-row-background-color: var(--color-highlight);
   width: 100%; height: 100%;
   }

   .ag-theme-alpine .ag-filter-body,
   .ag-theme-alpine-dark .ag-filter-body,
   .ag-theme-alpine .ag-filter-condition,
   .ag-theme-alpine-dark .ag-filter-condition {
      padding: calc(2*var(--ag-grid-size)) 0;
   }

   .ag-theme-alpine .ag-menu,
   .ag-theme-alpine-dark .ag-menu {
      padding: calc(4*var(--ag-grid-size)) calc(3*var(--ag-grid-size));
      background-color: var(--color-window);
   }

.ag-picker-field-wrapper {
   border-radius: 0;
}

.ag-theme-alpine .ag-list-item,
.ag-theme-alpine-dark .ag-list-item {
   height: 1.6em;
}

.ag-theme-alpine .ag-text-field-input,
.ag-theme-alpine-dark .ag-text-field-input,
.ag-theme-alpine .ag-number-field-input,
.ag-theme-alpine-dark .ag-number-field-input {
   height: 2em;
   background-color: var(--color-base);
}

.ag-theme-alpine .ag-standard-button,
.ag-theme-alpine-dark .ag-standard-button {
   color: var(--color-text);
   border-color: var(--color-mid);
   font-weight: normal;
}

   .ag-theme-alpine .ag-standard-button:hover,
   .ag-theme-alpine-dark .ag-standard-button:hover {
      border-color: var(--color-gray-4);
      background-color: var(--ag-row-hover-color);
   }

   .ag-theme-alpine .ag-standard-button:active, .ag-theme-alpine-dark .ag-standard-button:active {
      border-color: var(--ag-alpine-active-color);
      background-color: var(--ag-alpine-active-color);
      color: var(--ag-background-color);
   }

.ag-theme-alpine .ag-row,
.ag-theme-alpine-dark .ag-row {
   font-size: 11px;
}

.ag-tooltip, .ag-tooltip-custom {
   transition: unset;
}

.ag-theme-alpine svg .outlier,
.ag-theme-alpine-dark svg .outlier {
   fill: none;
   stroke: var(--color-gray-6);
}

.ag-theme-alpine svg .limit,
.ag-theme-alpine-dark svg .limit,
.ag-theme-alpine svg .range,
.ag-theme-alpine-dark svg .range,
.ag-theme-alpine svg .iqr,
.ag-theme-alpine-dark svg .iqr {
   fill: none;
   stroke: var(--color-gray-7);
}

.ag-theme-alpine svg .median,
.ag-theme-alpine-dark svg .median {
   fill: none;
   stroke: orange;
}

.ag-theme-alpine svg .violin,
.ag-theme-alpine-dark svg .violin {
   fill: none;
   stroke: var(--color-gray-7);
}

.ag-theme-alpine .fit-tooltip,
.ag-theme-alpine-dark .fit-tooltip {
   background-color: var(--color-base);
   border: 1px solid var(--color-text);
   display: flex;
   flex-direction: column;
   align-items: start;
}

   .ag-theme-alpine .fit-tooltip > .align-center,
   .ag-theme-alpine-dark .fit-tooltip > .align-center {
      align-self: center;
   }

   .ag-theme-alpine .fit-tooltip div,
   .ag-theme-alpine-dark .fit-tooltip div,
   .ag-theme-alpine .fit-tooltip table,
   .ag-theme-alpine-dark .fit-tooltip table {
      font-family: var(--ag-font-family);
      font-size: var(--ag-font-size);
      margin: calc(4*var(--ag-grid-size));
   }

      .ag-theme-alpine .fit-tooltip table tr.bb,
      .ag-theme-alpine-dark .fit-tooltip table tr.bb {
         border-bottom: 1px solid var(--color-gray-4);
      }

      .ag-theme-alpine .fit-tooltip table th,
      .ag-theme-alpine-dark .fit-tooltip table th,
      .ag-theme-alpine .fit-tooltip table td,
      .ag-theme-alpine-dark .fit-tooltip table td {
         padding: var(--ag-grid-size) calc(2*var(--ag-grid-size));
      }

         .ag-theme-alpine .fit-tooltip table th.text-left,
         .ag-theme-alpine-dark .fit-tooltip table th.text-left,
         .ag-theme-alpine .fit-tooltip table td.text-left,
         .ag-theme-alpine-dark .fit-tooltip table td.text-left {
            text-align: left;
         }

         .ag-theme-alpine .fit-tooltip table th.text-right,
         .ag-theme-alpine-dark .fit-tooltip table th.text-right,
         .ag-theme-alpine .fit-tooltip table td.text-right,
         .ag-theme-alpine-dark .fit-tooltip table td.text-right {
            text-align: right;
         }
