/* Basic table characteristics */

.comparisonTable {
  border-top: 4px solid #1C6EA4;
  border-bottom: 4px solid #1C6EA4;
  border-right: none;
  border-left: none;
  background-color: #FFFFFF;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  table-layout: fixed;
}

.comparisonTable td, table.comparisonTable th {
  border-top: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
  border-right: none;
  border-left: none;
  padding: 3px 7px;
}

/* Making Winner colomn centered */

.comparisonTable th:nth-child(4), td:nth-child(4) {
	text-align: center;
}


/* Colours of column Headers. Same as colours of columns, but darker */
.comparisonTable th:nth-child(1) {
	background-color: rgba(253,217,103,.95);
}
.comparisonTable th:nth-child(2) {
	background-color: rgba(198,225,179,.95);
}
.comparisonTable th:nth-child(3) {
	background-color: rgba(190,215,238,.95);
}
.comparisonTable th:nth-child(4) {
	background-color: rgba(244,164,114,.95);
}
.comparisonTable th:nth-child(5) {
	background-color: rgba(100,100,100,.50);
}


/* Colour, width and other Data of each table columns */
.comparisonTable-yellow-data {
  width: 20%;
  background-color: rgba(253,217,103,.45);
}
.comparisonTable-green-data {
  width: 30%;
  background-color: rgba(198,225,179,.45);
}
.comparisonTable-blue-data {
  width: 30%;
  background-color: rgba(190,215,238,.45);
}
.comparisonTable-red-data {
  width: 10%;
  background-color: rgba(244,164,114,.05);
}
.comparisonTable-gray-data {
  width: 10%;
  background-color: rgba(255,255,255,1.00);
}