.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: $spacer;
  background-color:#000;
}
  th,
  td {
    padding: $table-cell-padding;
    vertical-align: top;
    /*border-top: $table-border-width solid $table-border-color;*/
	border-top: #FF0 #solid 2px;
	border:1px solid #333;
}
	.table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #F00;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	color:#FF0;
}

  .table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #F00;
	border-left: 1px solid #F00;
	border-right: 1px solid #F00;
	color:#FFF;
	text-shadow: 1px 1px #000000;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:21px;
	background: rgb(228,114,13);
    background: linear-gradient(90deg, rgba(228,114,13,1) 0%, rgba(228,114,13,1) 3%, rgba(175,1,1,1) 100%);
}

  tbody + tbody {
    border-top: (2 * $table-border-width) solid $table-border-color;
  }

  .table {
    background-color: #000;
  }

 .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}

//
// Condensed table w/ half padding
//

.table-sm {
  th,
  td {
    padding: $table-cell-padding-sm;
  }

@media (max-width: 991px){
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
}

@media (min-width:640px){
	.table td, .table th {
	font-size:10px;

}
}

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

.table-bordered {
  border: $table-border-width solid $table-border-color;

  th,
  td {
    border: $table-border-width solid $table-border-color;
  }

  thead {
    th,
    td {
      border-bottom-width: (2 * $table-border-width);
    }
  }
}


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

.table-striped {
  tbody tr:nth-of-type(odd) {
    background-color: $table-accent-bg;
  }
}


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

.table-hover {
  tbody tr {
    @include hover {
      background-color: $table-hover-bg;
    }
  }
}


// Table backgrounds
//
// Exact selectors below required to override `.table-striped` and prevent
// inheritance to nested tables.

@each $color, $value in $theme-colors {
  @include table-row-variant($color, theme-color-level($color, -9));
}

@include table-row-variant(active, $table-active-bg);


// Inverse styles
//
// Same table markup, but inverted color scheme: dark background and light text.

.thead-inverse {
  th {
    color: $table-inverse-color;
    background-color: $table-inverse-bg;
  }
}

.thead-default {
  th {
    color: $table-head-color;
    background-color: $table-head-bg;
  }
}

.table-inverse {
  color: $table-inverse-color;
  background-color: $table-inverse-bg;

  th,
  td,
  thead th {
    border-color: $table-inverse-border-color;
  }

  &.table-bordered {
    border: 0;
  }

  &.table-striped {
    tbody tr:nth-of-type(odd) {
      background-color: $table-inverse-accent-bg;
    }
  }

  &.table-hover {
    tbody tr {
      @include hover {
        background-color: $table-inverse-hover-bg;
      }
    }
  }
}


// Responsive tables
//
// Add `.table-responsive` to `.table`s and we'll make them mobile friendly by
// enabling horizontal scrolling. Only applies <768px. Everything above that
// will display normally.

.table-responsive {
  @include media-breakpoint-down(md) {
    display: block;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057

    // Prevent double border on horizontal scroll due to use of `display: block;`
    &.table-bordered {
      border: 0;
    }
  }
}