.table {
  margin: 20px 0px 0px 0px;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: table;
  text-align: center;
  margin-bottom:20px;
  line-height:150%;
}
@media screen and (max-width: 580px) {
  .table {
    display: block;
  }
}

.tableicon {
    background-image: url(../image/tableicon.png);
    background-repeat: no-repeat;
    display: block;
	float:center;
	text-align: center;
	position:relative
}

.tableicon-no {
    width: 16px;
    height: 16px;
    background-position: -5px -5px;
}

.tableicon-par {
    width: 16px;
    height: 16px;
    background-position: -31px -5px;
}

.tableicon-yes {
    width: 16px;
    height: 16px;
    background-position: -57px -5px;
}

.row {
  display: table-row;
  background: #fefefe;
}
.row:nth-of-type(odd) {
  background: #f9f9fa;
}
.row.header {
  font-weight: 900;
  color: #ffffff;
  background: #ea6153;
}
.row.green {
  background: #1bbc9d;
}
.row.red {
  background: #dd7195;
}
.row.yellow {
  background: #ffaf00;
}
.row.blue {
  background: #89c3eb;
}
.row.black {
  background: #527294;
}
.row.a {
  background: #2980b9;
}
@media screen and (max-width: 580px) {
  .row {
    line-height:150%;
  }
}
.cell {
  padding: 10px 12px;
  display: table-cell;
  vertical-align:middle;
}
.cell.five {
  width: 20%;
}
.cell.four {
  width: 25%;
}
.cell.three {
  width: 33%;
}
.cell.two {
  width: 50%;
}
.cell.textleft { 
  text-align: left;
}
.cell img {
  padding: 10px 10px;
}
@media screen and (max-width: 580px) {
  .cell { padding: 2px 5px; display: block;}
  .cell.five {  padding: 2px 5px; display: block;width:500px;}
  .cell.four {  padding: 2px 5px; display: block;width:500px;}
  .cell.three {  padding: 2px 5px; display: block;width:500px;}
  .cell.two {  padding: 2px 5px; display: block;width:500px;}
}
.flat-table {
  display: block;
  font-family: sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 115%;
  overflow: auto;
  width: auto;
}
.flat-table th {
  background-color: #fefefe;
  color: white;
  font-weight: normal;
  padding: 20px 30px;
  text-align: center;
}
.flat-table td {
  background-color: #fefefe;
  color: #6f6f6f;
  padding: 20px 30px;
}