/*
--------------------------------------------------------------------------------------

	Tables
	components.tables.css

--------------------------------------------------------------------------------------
*/

.ou-table {
  margin: 0 0 20px 0;
}

.ou-table td,
.ou-table th {
  padding: 10px 12px;
  border: 1px solid #e9eaea;
}

.ou-table th {
  font-weight: bold;
}

/* wrap */

.ou-table-wrap {
  overflow: auto;
}

@media only screen and (max-width: 600px) {
  .ou-table-wrap {
    -webkit-box-shadow: inset -10px 0px 17px -16px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset -10px 0px 17px -16px rgba(0, 0, 0, 0.75);
    box-shadow: inset -10px 0px 17px -16px rgba(0, 0, 0, 0.75);
  }
}

/* striped */

.ou-table--striped tr:nth-child(even) {
  background: #e9eaea;
}

/* plain */

.ou-table--plain td,
.ou-table--plain th {
  border: none;
  padding: 10px 0;
}

/* column widths */

.ou-table--2cols td {
  width: 50%;
}
.ou-table--3cols td {
  width: 33%;
}
.ou-table--4cols td {
  width: 25%;
}
.ou-table--5cols td {
  width: 20%;
}

/* colours - dark */

.ou-bg-black th,
.ou-bg-dark-green th,
.ou-bg-green th,
.ou-bg-red th,
.ou-bg-burgundy th,
.ou-bg-dark-blue th,
.ou-bg-blue th,
.ou-bg-dark-grey th,
.ou-bg-purple th,
.ou-bg-pink th,
.ou-bg-orange th {
  color: #fff;
  border-collapse: collapse;
  border: none;
}

/* colours - light */

.ou-bg-light-grey th,
.ou-bg-grey th,
.ou-bg-light-blue th,
.ou-bg-yellow th,
.ou-bg-turquoise th,
.ou-bg-beige th {
  border-collapse: collapse;
  border: none;
}