/*******************************
             Table
*******************************/

/*-------------------
       Element
--------------------*/

@tableVerticalMargin: 1em;
@tableHorizontalMargin: 0em;
@tableMargin: @tableVerticalMargin @tableHorizontalMargin;
@tableBorderCollapse: separate;
@tableBorderSpacing: 0px;
@tableBorderRadius: @defaultBorderRadius;
@transition:
  background @defaultDuration @defaultEasing,
  color @defaultDuration @defaultEasing
;
@tableBackground: @white;
@tableColor: @textColor;
@tableBorderWidth: 1px;
@tableBorder: @tableBorderWidth solid @borderColor;
@tableBoxShadow: none;
@tableTextAlign: left;

/*--------------
     Parts
---------------*/

/* Table Row */
@tableRowBorder: 1px solid @internalBorderColor;

/* Table Cell */
@tableCellVerticalPadding: @relativeMini;
@tableCellHorizontalPadding: @relativeMini;
@tableCellVerticalAlign: inherit;
@tableCellTextAlign: inherit;
@tableCellBorder: 1px solid @internalBorderColor;

/* Table Header */
@tableHeaderBorder: 1px solid @internalBorderColor;
@tableHeaderDivider: none;
@tableHeaderBackground: @offWhite;
@tableHeaderAlign: inherit;
@tableHeaderVerticalAlign: inherit;
@tableHeaderColor: @textColor;
@tableHeaderVerticalPadding: @relativeSmall;
@tableHeaderHorizontalPadding: @tableCellHorizontalPadding;
@tableHeaderFontStyle: none;
@tableHeaderFontWeight: @bold;
@tableHeaderTextTransform: none;
@tableHeaderBoxShadow: none;

/* Table Footer */
@tableFooterBoxShadow: none;
@tableFooterBorder: 1px solid @borderColor;
@tableFooterDivider: none;
@tableFooterBackground: @offWhite;
@tableFooterAlign: inherit;
@tableFooterVerticalAlign: middle;
@tableFooterColor: @textColor;
@tableFooterVerticalPadding: @tableCellVerticalPadding;
@tableFooterHorizontalPadding: @tableCellHorizontalPadding;
@tableFooterFontStyle: @normal;
@tableFooterFontWeight: @normal;
@tableFooterTextTransform: none;

/* Responsive Size */
@tableResponsiveHeaderDisplay: block;
@tableResponsiveFooterDisplay: block;
@tableResponsiveRowVerticalPadding: 1em;
@tableResponsiveRowBoxShadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
@tableResponsiveCellVerticalPadding: 0.25em;
@tableResponsiveCellHorizontalPadding: 0.75em;
@tableResponsiveCellBoxShadow: none !important;
@tableResponsiveCellHeaderFontWeight: @bold;

/*-------------------
       Types
--------------------*/

/* Definition */
@tableDefinitionPageBackground: @white;

@tableDefinitionHeaderBackground: transparent;
@tableDefinitionHeaderColor: @unselectedTextColor;
@tableDefinitionHeaderFontWeight: @normal;

@tableDefinitionFooterBackground: @tableDefinitionHeaderBackground;
@tableDefinitionFooterColor: @tableDefinitionHeaderColor;
@tableDefinitionFooterFontWeight: @tableDefinitionHeaderFontWeight;

@tableDefinitionColumnBackground: @subtleTransparentBlack;
@tableDefinitionColumnFontWeight: @bold;
@tableDefinitionColumnColor: @selectedTextColor;
@tableDefinitionColumnFontSize: @relativeMedium;
@tableDefinitionColumnTextTransform: '';
@tableDefinitionColumnBoxShadow: '';
@tableDefinitionColumnTextAlign: '';
@tableDefinitionColumnHorizontalPadding: '';


/*--------------
    Couplings
---------------*/

@tableIconVerticalAlign: baseline;

/*--------------
     States
---------------*/

@tableStateMarkerWidth: 0px;

/* Positive */
@tablePositiveColor: @positiveTextColor;
@tablePositiveBoxShadow: @tableStateMarkerWidth 0px 0px @positiveBorderColor inset;
@tablePositiveBackgroundHover: darken(@positiveBackgroundColor, 3);
@tablePositiveColorHover: darken(@tablePositiveColor, 3);

/* Negative */
@tableNegativeColor: @negativeTextColor;
@tableNegativeBoxShadow: @tableStateMarkerWidth 0px 0px @negativeBorderColor inset;
@tableNegativeBackgroundHover: darken(@negativeBackgroundColor, 3);
@tableNegativeColorHover: darken(@tableNegativeColor, 3);

/* Error */
@tableErrorColor: @errorTextColor;
@tableErrorBoxShadow: @tableStateMarkerWidth 0px 0px @errorBorderColor inset;
@tableErrorBackgroundHover: darken(@errorBackgroundColor, 3);
@tableErrorColorHover: darken(@tableErrorColor, 3);

/* Warning */
@tableWarningColor: @warningTextColor;
@tableWarningBoxShadow: @tableStateMarkerWidth 0px 0px @warningBorderColor inset;
@tableWarningBackgroundHover: darken(@warningBackgroundColor, 3);
@tableWarningColorHover: darken(@tableWarningColor, 3);

/* Active */
@tableActiveColor: @textColor;
@tableActiveBackgroundColor: #E0E0E0;
@tableActiveBoxShadow: @tableStateMarkerWidth 0px 0px @tableActiveColor inset;

@tableActiveBackgroundHover: #EFEFEF;
@tableActiveColorHover: @selectedTextColor;

/*--------------
     Types
---------------*/

/* Attached */
@tableAttachedTopOffset: 0px;
@tableAttachedBottomOffset: 0px;
@tableAttachedHorizontalOffset: -@tableBorderWidth;
@tableAttachedWidth: ~"calc(100% + "-@tableAttachedHorizontalOffset * 2~")";
@tableAttachedBoxShadow: none;
@tableAttachedBorder: @tableBorderWidth solid @solidBorderColor;
@attachedBottomBoxShadow:
  @tableBoxShadow,
  @tableAttachedBoxShadow
;

/* Striped */
@tableStripedBackground: rgba(0, 0, 50, 0.02);
@tableInvertedStripedBackground: rgba(255, 255, 255, 0.05);

/* Selectable */
@tableSelectableBackground: @transparentBlack;
@tableSelectableTextColor: @selectedTextColor;
@tableSelectableInvertedBackground: @transparentWhite;
@tableSelectableInvertedTextColor: @invertedSelectedTextColor;

/* Sortable */
@tableSortableBackground: '';
@tableSortableColor: @textColor;

@tableSortableBorder: 1px solid @borderColor;
@tableSortableIconWidth: auto;
@tableSortableIconDistance: 0.5em;
@tableSortableIconOpacity: 0.8;
@tableSortableIconFont: 'Icons';
@tableSortableIconAscending: '\f0d8';
@tableSortableIconDescending: '\f0d7';
@tableSortableDisabledColor: @disabledTextColor;

@tableSortableHoverBackground: @transparentBlack;
@tableSortableHoverColor: @hoveredTextColor;

@tableSortableActiveBackground: @transparentBlack;
@tableSortableActiveColor: @selectedTextColor;

@tableSortableActiveHoverBackground: @transparentBlack;
@tableSortableActiveHoverColor: @selectedTextColor;

@tableSortableInvertedBorderColor: transparent;
@tableSortableInvertedHoverBackground: @transparentWhite @subtleGradient;
@tableSortableInvertedHoverColor: @invertedHoveredTextColor;
@tableSortableInvertedActiveBackground: @strongTransparentWhite @subtleGradient;
@tableSortableInvertedActiveColor: @invertedSelectedTextColor;

/* Colors */
@tableColoredBorderSize: 0.2em;
@tableColoredBorderRadius: 0em 0em @tableBorderRadius @tableBorderRadius;

/* Inverted */
@tableInvertedBackground: #333333;
@tableInvertedBorder: none;
@tableInvertedCellBorderColor: @whiteBorderColor;
@tableInvertedCellColor: @invertedTextColor;

@tableInvertedHeaderBackground: @veryStrongTransparentBlack;
@tableInvertedHeaderColor: @invertedTextColor;
@tableInvertedHeaderBorderColor: @tableInvertedCellBorderColor;

@tableInvertedDefinitionColumnBackground: @subtleTransparentWhite;
@tableInvertedDefinitionColumnColor: @invertedSelectedTextColor;
@tableInvertedDefinitionColumnFontWeight: @bold;

/* Basic */
@tableBasicTableBackground: transparent;
@tableBasicTableBorder: @tableBorderWidth solid @borderColor;
@tableBasicBoxShadow: none;

@tableBasicTableHeaderBackground: transparent;
@tableBasicTableCellBackground: transparent;
@tableBasicTableHeaderDivider: none;
@tableBasicTableCellBorder: 1px solid rgba(0, 0, 0, 0.1);
@tableBasicTableCellPadding: '';
@tableBasicTableStripedBackground: @transparentBlack;

/* Padded */
@tablePaddedVerticalPadding: 1em;
@tablePaddedHorizontalPadding: 1em;
@tableVeryPaddedVerticalPadding: 1.5em;
@tableVeryPaddedHorizontalPadding: 1.5em;

/* Compact */
@tableCompactVerticalPadding: 0.5em;
@tableCompactHorizontalPadding: 0.7em;
@tableVeryCompactVerticalPadding: 0.4em;
@tableVeryCompactHorizontalPadding: 0.6em;


/* Sizes */
@tableSmall: 0.9em;
@tableMedium: 1em;
@tableLarge: 1.1em;