//

 // Tables

 // --------------------------------------------------

 table {

   max-width: 100%;

   background-color: @table-bg;

 }

 th {

   text-align: left;

 }

 // Baseline styles

 .table {

   width: 100%;

   margin-bottom: @line-height-computed;

   // Cells

   > thead,

   > tbody,

   > tfoot {

     > tr {

       > th,

       > td {

         padding: @table-cell-padding;

         line-height: @line-height-base;

         vertical-align: top;

         border-top: 1px solid @table-border-color;

       }

     }

   }

   // Bottom align for column headings

   > thead > tr > th {

     vertical-align: bottom;

     border-bottom: 2px solid @table-border-color;

   }

   // Remove top border from thead by default

   > caption + thead,

   > colgroup + thead,

   > thead:first-child {

     > tr:first-child {

       > th,

       > td {

         border-top: 0;

       }

     }

   }

   // Account for multiple tbody instances

   > tbody + tbody {

     border-top: 2px solid @table-border-color;

   }

   // Nesting

   .table {

     background-color: @body-bg;

   }

 }

 // Condensed table w/ half padding

 .table-condensed {

   > thead,

   > tbody,

   > tfoot {

     > tr {

       > th,

       > td {

         padding: @table-condensed-cell-padding;

       }

     }

   }

 }

 // Bordered version

 //

 // Add borders all around the table and between all the columns.

 .table-bordered {

   border: 1px solid @table-border-color;

   > thead,

   > tbody,

   > tfoot {

     > tr {

       > th,

       > td {

         border: 1px solid @table-border-color;

       }

     }

   }

   > thead > tr {

     > th,

     > td {

       border-bottom-width: 2px;

     }

   }

 }

 // Zebra-striping

 //

 // Default zebra-stripe styles (alternating gray and transparent backgrounds)

 .table-striped {

   > tbody > tr:nth-child(odd) {

     > td,

     > th {

       background-color: @table-bg-accent;

     }

   }

 }

 // Hover effect

 //

 // Placed here since it has to come after the potential zebra striping

 .table-hover {

   > tbody > tr:hover {

     > td,

     > th {

       background-color: @table-bg-hover;

     }

   }

 }

 // Table cell sizing

 //

 // Reset default table behavior

 table col[class*="col-"] {

   position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623)

   float: none;

   display: table-column;

 }

 table {

   td,

   th {

     &[class*="col-"] {

       float: none;

       display: table-cell;

     }

   }

 }

 // Table backgrounds

 //

 // Exact selectors below required to override `.table-striped` and prevent

 // inheritance to nested tables.

 // Generate the contextual variants

 .table-row-variant(active; @table-bg-active);

 .table-row-variant(success; @state-success-bg);

 .table-row-variant(danger; @state-danger-bg);

 .table-row-variant(warning; @state-warning-bg);

 // Responsive tables

 //

 // Wrap your tables in `.table-responsive` and we'll make them mobile friendly

 // by enabling horizontal scrolling. Only applies <768px. Everything above that

 // will display normally.

 @media (max-width: @screen-xs-max) {

   .table-responsive {

     width: 100%;

     margin-bottom: (@line-height-computed * 0.75);

     overflow-y: hidden;

     overflow-x: scroll;

     -ms-overflow-style: -ms-autohiding-scrollbar;

     border: 1px solid @table-border-color;

     -webkit-overflow-scrolling: touch;

     // Tighten up spacing

     > .table {

       margin-bottom: 0;

       // Ensure the content doesn't wrap

       > thead,

       > tbody,

       > tfoot {

         > tr {

           > th,

           > td {

             white-space: nowrap;

           }

         }

       }

     }

     // Special overrides for the bordered tables

     > .table-bordered {

       border: 0;

       // Nuke the appropriate borders so that the parent can handle them

       > thead,

       > tbody,

       > tfoot {

         > tr {

           > th:first-child,

           > td:first-child {

             border-left: 0;

           }

           > th:last-child,

           > td:last-child {

             border-right: 0;

           }

         }

       }

       // Only nuke the last row's bottom-border in `tbody` and `tfoot` since

       // chances are there will be only one `tr` in a `thead` and that would

       // remove the border altogether.

       > tbody,

       > tfoot {

         > tr:last-child {

           > th,

           > td {

             border-bottom: 0;

           }

         }

       }

     }

   }

 }