// Use the .custom-table-bordered class to disable the columns borders.
//
// Example:
//
//    <table class="table table-bordered custom-table bordered">
//      <caption> ... <caption>
//      <thead>
//        ...
//      </thead>
//      <tbody>
//        ...
//      </tbody>
//    </table>
//
// Note: .table and .table-bordered are required to use .custom-table-bordered
.table.table-bordered.custom-table-bordered {
  td, th {
    border-left-width: 0px;
  &:first-child {
    border-left-width: 1px;
    }
  }
}

// Use the .custom-btn-icon to create pixel-perfect icon buttons, or icon-only buttons
// All standard sizes and color are also available!
//
// Example:
//
//    <a class="btn btn-link custom-btn-icon custom-btn-icon-danger" href="#">
//      <i class="icon-heart"></i>
//    </a>
//
// Note: .btn is required to use .custom-btn-icon. Both .btn and .btn-link are required
// to create icon-only buttons.
.btn.custom-btn-icon {
  // should be used with .btn.btn-link for icon-olny buttons
  color: @btnBackground;
  font-size: 24px;
  padding-bottom: 2px;
  padding-top: 2px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);

  &.custom-btn-icon-mini {
    font-size: 16px;
    padding-bottom: 6px;
    padding-top: 6px;
  }

  &.custom-btn-icon-small {
    font-size: 20px;
    padding-bottom: 4px;
    padding-top: 4px;
  }

  &.custom-btn-icon-large {
    font-size: 32px;
    padding-bottom: 0;
    padding-top: 0;
  }

  &:focus, &:hover {
    color: @btnBackgroundHighlight;
    text-decoration: none;
  }

  &.custom-btn-icon-link {
    color: @btnPrimaryBackground;
    &:focus, &:hover {
      color: @btnPrimaryBackgroundHighlight;
    }
  }

  &.custom-btn-icon-info {
    color: @btnInfoBackground;
    &:focus, &:hover {
      color: @btnInfoBackgroundHighlight;
    }
  }

  &.custom-btn-icon-success {
    color: @btnSuccessBackground;
    &:focus, &:hover {
      color: @btnSuccessBackgroundHighlight;
    }
  }

  &.custom-btn-icon-warning {
    color: @btnWarningBackground;
    &:focus, &:hover {
      color: @btnWarningBackgroundHighlight;
    }
  }

  &.custom-btn-icon-danger {
    color: @btnDangerBackground;
    &:focus, &:hover {
      color: @btnDangerBackgroundHighlight;
    }
  }

  &.custom-btn-icon-inverse {
    color: @btnInverseBackground;
    &:focus, &:hover {
      color: @btnInverseBackgroundHighlight;
    }
  }
}

// Remove the head from a .table
// See also .table-bordered, .custom-table-bordered
//
// Example:
//
//    <table class="table custom-table-headless">
//      ...
//    </table>
//
// Note: .table is required to use .custom-table-headless
.table.custom-table-headless {
  border-top: 0;
  margin-top: 40px;
  thead {
    left: -9999px;
    position: absolute;
  }
  tr:first-child {
    td:first-child {
      border-top-left-radius: 4px;
    }
    td:last-child {
      border-top-right-radius: 4px;
    }
  }
}