.compare-keepfactor-dates {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 16px;
}

.compare-keepfactor-dates > .dates-container {
  width: 60%;
  display: flex;
  flex-direction: row;
  text-align: center;
  margin: 3px 0px;
}

.compare-keepfactor-dates > .dates-container > div { width: 33%; }
.compare-keepfactor-dates > .dates-container > div:nth-child(2) { width: 34%; }
.compare-keepfactor-dates > .dates-container > .date {
  border: 1px solid #e6e6e6; background-color:#e6e6e6; font-size: 18px;
}

.compare-keepfactor-dates > .dates-container > .spacer {
  border-top: 1px solid #e6e6e6; height: 1px; margin-top: 14px;
}





.compare-table { width: 100%; border: 1px solid #c9cacc; }
.compare-table > thead { background-color: #FAFAFA; border-bottom: 1px solid #c9cacc; }
.compare-table > thead > tr { height: 80px; }
.compare-table > tbody > tr:hover { background-color:#ececec;}
.compare-table > thead > tr > th:nth-child(1) { width: 25%; padding-left: 40px; }
.compare-table > thead > tr > th:nth-child(2) { width: 10%; text-align: center;}
.compare-table > thead > tr > th:nth-child(3) { width: 30%; text-align: center;}
.compare-table > thead > tr > th:nth-child(4) { width: 10%; text-align: center;}
.compare-table > thead > tr > th:nth-child(5) { width: 25%; }
.compare-table > tbody > tr { height: 80px; border-bottom: 1px solid #c9cacc; }
.compare-table > tbody > tr > td:first-child { padding-left: 40px; }
.compare-table > tbody > tr > td:nth-child(2),
.compare-table > tbody > tr > td:nth-child(4) { text-align: center; font-size: 18px; }



.compare-arrow { width: 100%; display: flex; flex-direction: row; }
.compare-arrow > div { height: 27px; }
.compare-arrow > div:first-child,
.compare-arrow > div:last-child { min-width: 1px; height: 1px; margin-top: 13px; }
.compare-arrow > div:nth-child(2),
.compare-arrow > div:nth-child(4) { width: 10px; }
.compare-arrow > div:nth-child(3) { padding-top: 4px; text-align: center; font-size: 12px; font-weight: 800;}


.compare-arrow-25 > div:first-child,
.compare-arrow-25 > div:last-child  { width: 35%; }
.compare-arrow-25 > div:nth-child(3) { width: 24%; }

.compare-arrow-33 > div:first-child,
.compare-arrow-33 > div:last-child  { width: 30%; }
.compare-arrow-33 > div:nth-child(3) { width: 34%; }

.compare-arrow-50 > div:first-child,
.compare-arrow-50 > div:last-child  { width: 22%; }
.compare-arrow-50 > div:nth-child(3) { width: 50%; }

.compare-arrow-75 > div:first-child,
.compare-arrow-75 > div:last-child  { width: 10%; }
.compare-arrow-75 > div:nth-child(3) { width: 74%; }

.compare-arrow-100 > div:first-child,
.compare-arrow-100 > div:last-child  { width: 0%; }
.compare-arrow-100 > div:nth-child(3) { width: 94%; }

.compare-arrow-grey > div:first-child,
.compare-arrow-grey > div:nth-child(3),
.compare-arrow-grey > div:last-child { background-color: #e6e6e6; }
.compare-arrow-grey > div:nth-child(2) { background-image: url('../images/compare/grey-arrow-left.png'); }
.compare-arrow-grey > div:nth-child(4) { background-image: url('../images/compare/grey-arrow-right.png'); }

.compare-arrow-green > div:first-child,
.compare-arrow-green > div:nth-child(3),
.compare-arrow-green > div:last-child { color: #ffffff; background-color: #557e35; }
.compare-arrow-green > div:nth-child(2) { background-image: url('../images/compare/green-arrow-left.png'); }
.compare-arrow-green > div:nth-child(4) { background-image: url('../images/compare/green-arrow-right.png'); }

.compare-arrow-red > div:first-child,
.compare-arrow-red > div:nth-child(3),
.compare-arrow-red > div:last-child { color: #ffffff; background-color: #ed161f; }
.compare-arrow-red > div:nth-child(2) { background-image: url('../images/compare/red-arrow-left.png'); }
.compare-arrow-red > div:nth-child(4) { background-image: url('../images/compare/red-arrow-right.png'); }


.compare-circle { display: inline-block; width: 60px; height: 60px; border-radius: 30px; padding-top: 2px; padding-left: 2px; }
.compare-circle > div {
  display: flex;
  width: 56px;
  height: 56px;
  align-items: center;
  justify-content: center;
  border: 3px solid #ffffff;
  border-radius: 28px;
  font-size: 20px;
  font-weight: 800;
  color: #ffffff;
}

.compare-circle-red { background-color: #ff0000;}
.compare-circle-yellow { background-color: #ffa83d;}
.compare-circle-green { background-color: #567d38;}
.compare-circle-grey { background-color: #a8a7a7;}