.imgRight {
  float: right;
  max-width: 400px;
  max-height: 400px;
}

.notes {
  white-space: pre;
}

.iosClickable {
  opacity: 1;
  cursor: pointer;
}

.thirdChart {
  width: 49%;
  display: inline-block;
  border: thin black solid;
}

.resultDetail {
  display: inline-block;
}

label {
  display: block;
}

label.check {
  display: inline-block;
}

.detailLink {
  text-decoration: none;
  color: black;
}

.validatedpass {
  background-color: #3cbc8d;
  color: white;
}
.validatedfail {
  background-color: #ff7096;
  color: white;
}
.butn {
  background-color: #4caf50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

.monthlySummary {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  padding: 1em;
  margin: 1em;
  width: 75%;
}

.monthlySummary td,
.monthlySummary th {
  border: 1px solid #ddd;
  padding: 8px;
}

.monthlySummary tr:nth-child(even) {
  background-color: #f2f2f2;
}

.monthlySummary tr:hover {
  background-color: #ddd;
}

.monthlySummary th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4caf50;
  color: white;
}

#resultSummary {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  padding: 1em;
  margin: 1em;
  width: 75%;
}

#resultSummary td,
#resultSummary th {
  border: 1px solid #ddd;
  padding: 8px;
}

#resultSummary tr:nth-child(even) {
  background-color: #f2f2f2;
}

#resultSummary tr:hover {
  background-color: #ddd;
}

#resultSummary th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4caf50;
  color: white;
}