html, body { 
  font-family: "Roboto", serif;
  height: 100%; 
  margin: 0; 
  padding: 0; 
} 


    .roboto-thin {
      font-family: "Roboto", serif;
      font-weight: 100;
      font-style: normal;
    }

    .roboto-light {
      font-family: "Roboto", serif;
      font-weight: 300;
      font-style: normal;
    }

    .roboto-regular {
      font-family: "Roboto", serif;
      font-weight: 400;
      font-style: normal;
    }

    .roboto-medium {
      font-family: "Roboto", serif;
      font-weight: 500;
      font-style: normal;
    }

    .roboto-bold {
      font-family: "Roboto", serif;
      font-weight: 700;
      font-style: normal;
    }

    .roboto-black {
      font-family: "Roboto", serif;
      font-weight: 900;
      font-style: normal;
    }

    .roboto-thin-italic {
      font-family: "Roboto", serif;
      font-weight: 100;
      font-style: italic;
    }

    .roboto-light-italic {
      font-family: "Roboto", serif;
      font-weight: 300;
      font-style: italic;
    }

    .roboto-regular-italic {
      font-family: "Roboto", serif;
      font-weight: 400;
      font-style: italic;
    }

    .roboto-medium-italic {
      font-family: "Roboto", serif;
      font-weight: 500;
      font-style: italic;
    }

    .roboto-bold-italic {
      font-family: "Roboto", serif;
      font-weight: 700;
      font-style: italic;
    }

    .roboto-black-italic {
      font-family: "Roboto", serif;
      font-weight: 900;
      font-style: italic;
    }


.tableHeader {
  color: lightgray;
  font-weight: bold;
  text-transform: uppercase;
}


.tableContent .tableContentRow {
  border-top: dotted 1px gray;
  padding: 8px 0;
}

.tableContent .tableContentRow:last-child {
  border-bottom: dotted 1px gray;
}

.rowTableBody {
  background-color: yellowgreen;
}

.rowTableBodyLine  {
  background-color: yellowgreen;
}

.rowTableBody .rowTableBodyLine:last-child {

}