

.wrapperP {
  margin: 0 auto;
  padding: 40px;
  max-width: 800px;
}

.table {
  margin: 0 0 40px 0;
  width: 100%;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  display: table;
}
@media screen and (max-width: 580px) {
  .table {
    display: block;
  }
}

.rowP1 {
  display: table-row;
  background: #f6f6f6;
  text-align:center;
  border:1px solid #ccc;
  border-radius: 5px;
}
.rowP1:nth-of-type(odd) {
  background: #e9e9e9;
}
.rowP1.header {
  font-weight: 900;
  color: #ffffff;
  background: #4e90af; /*ea6153;*/
  border:none;
}
.rowP1.green, .rowL.header.green {
  background: #27ae60;
}
.rowP1.blue {
  background: #2980b9;
}
.rowL.header {
  font-weight: 900;
  color: #ffffff;
  background: #145e80; 
  border:none;
}
.rowP1.Tblu {
background: #145e80;
}
.rowP1.wht {
  background: #fdfdfd;
}
.rowL {
  width: 100%;
  padding:10px;
  text-align:center;
  max-width: 800px;
}
@media screen and (max-width: 580px) {
  .rowP1, .rowL.header {
    padding: 14px 0px 7px;
    display: block;
  }
  .rowP1.header {
    padding: 0;
    height: 0; /*6px*/
  }
  .rowL.header {
      height: 45px;
      vertical-align:middle;
}
  .rowP1.header .cell,  .rowL.header .cell {
    display: none;
  }
  .rowP1 .cell {
    margin-bottom: 10px;
  }
  .rowP1 .cell:before {
    margin-bottom: 3px;
    content: attr(data-title);
    min-width: 98px;
    font-size: 13px;
    line-height: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #969696;
    display: block;
  }
}

.cell {
  padding: 6px 12px;
  display: table-cell;
}

.cell.star {font-weight:600;
}
@media only screen and (max-width: 580px) {
  .cell {
    padding: 2px 16px;
    display: block;
  }
.rowP1 {margin-bottom:5px;}
}

table.proddesc {
 width: 100%;
 font-family: Helvetica, arial, sans-serif;
 border-collapse: collapse;
}
table.proddesc thead tr {
  background: #002868;
}
table.proddesc thead tr.Vertical {
}
table.proddesc thead tr h1,
table.proddesc thead tr h2,
table.proddesc thead tr .h1,
table.proddesc thead tr .h2,
table.proddesc thead tr h3,
table.proddesc thead tr .h3,
table.proddesc thead tr h4,
table.proddesc thead tr .h4 {
  color: #151515;
}
table.proddesc thead tr th {color: #f3ebeb;
 font-size: 14px;}
table.proddesc thead tr a {
  color: #0075b0;
}
table.proddesc thead tr a:hover,
table.proddesc thead tr a:focus {
  color: white;
}
table.proddesc tbody tr:nth-of-type(even) {
  background: #e2e2e2;
}
table.proddesc td,
table.proddesc th {
  padding: 8px 14px;
  text-align: left;
  font-size: 14px !important;
}
table.proddesc td a,
table.proddesc th a {
  font-weight: bold;
  color: #00918a !important;
}
table.proddesc td a:hover,
table.proddesc th a:hover,
table.proddesc td a:focus,
table.proddesc th a:focus {
  color: white !important;
}
table.proddesc th {
  font-weight: 700;
  font-size: 0.8rem;
  line-height: 1.4;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  max-width: 800px;
  line-height: inherit;
  color: #151515;
}
table.proddesc th.PrimaryFont {
  text-transform: none;
}
.chart-caption {font-size: 12px; font-style: italics; padding: 10px; margin: 0 auto; }

@media only screen and (max-width: 599px) {
  table.proddesc th {
    display: none;
  }
  table.proddesc td {
    position: relative;
    display: block; 
    padding-left: 110px;
  }
  table.proddesc td:before {
    position: absolute;
    top: 8px;
    left: 10px;
    display: block;
    content: attr(data-label) ": ";
    font-weight: 700;
  }
  table.proddesc tbody tr {
    padding: 20px 0;
    display: block;
  }
  table.proddesc:nth-of-type(odd) {
    background: #9fc7e8;
  }
}
