/* CSS Document */

.btn-comparison {
  box-shadow: none !important;
  background-color: transparent !important;
  border: solid 2px #1e2355 !important;
  color: #1e2355 !important;
}

.btn-comparison:hover, .btn-comparison:focus {
  opacity: 0.8 !important;
}

.table-comparison {
  font-size: 20px;
}

.table-comparison td {
  text-align: center;
}

.table-comparison td, .table-comparison th {
  padding: 1rem 0.75rem !important;
}

.badge.tick {
  color: white;
  border-radius: 50%;
  font-size: 20px;
  background-color: #21f999;
  padding: 5px;
}

.badge.cross {
  color: white;
  border-radius: 50%;
  font-size: 20px;
  background-color: #fec7cc;
}

.badge.minus {
  color: white;
  border-radius: 50%;
  font-size: 20px;
  background-color: #fbdb5a;
}

.card-comparison {
  border: 1px solid lightgrey !important;
  height: 100%;
}

.card-comparison .btn-cta {
  border-width: 2px;
}

.card-comparison .card-header, .card-comparison .card-footer {
  background-color: transparent;
}

.card-comparison .card-footer {
  border: none;
}

.card-comparison .card-header img {
  max-height: 70px;
  max-width: 100%;
}

.card-comparison .card-body .fa-ul li {
  font-size: 20px;
  margin-bottom: 1.5rem;
}

.card-comparison .badge {
  width: auto;
  height: auto;
  padding: 0;
}

.card-comparison .badge.cross {
  padding: 0 8px;
}

.card-comparison .badge.minus {
  padding: 0 6px;
}

.card-comparison .badge.tick {
  padding: 0 5px;
}