.comment-text {
  white-space: break-spaces;
  word-break: break-word;
}

/* Ratings widget */
.rate {
  display: inline-block;
  border: 0;
}

/* Hide radio */
.rate > input {
  display: none;
}

/* Order correctly by floating highest to the right */
.rate > label {
  float: right;
}

/* The star of the show */
.rate > label:before {
  display: inline-block;
  font-size: 2rem;
  padding: 0.3rem 0.2rem;
  margin: 0;
  cursor: pointer;
  font-family: "Font Awesome 5 Pro";
  content: "\f005"; /* full star */
  font-weight: 900;
}

/* Half star trick */
.rate .half:before {
  content: "\f089"; /* half star no outline */
  font-weight: 900;
  position: absolute;
  padding-right: 0;
}

/* Click + hover color */
input:checked ~ label,
label:hover, label:hover ~ label {
  color: #c356f6;
}

/* color previous stars on hover */
/* Hover highlights */
input:checked + label:hover, input:checked ~ label:hover,
input:checked ~ label:hover ~ label,
label:hover ~ input:checked ~ label {
  color: #B225F4;
  font-weight: 400;
}

#turn-selector th, #turn-selector td {
  text-align: center;
  font-size: 15px;
  margin: 0;
  padding: 0;
}
#turn-selector thead {
  background-color: #B225F4;
  color: white;
}
#turn-selector thead th {
  border-bottom: 1px solid #ccc;
  border-left: 1px solid white;
  border-right: 1px solid white;
}
#turn-selector thead th:first-of-type {
  border-left: 0;
}
#turn-selector thead th:last-of-type {
  border-right: 0;
}
#turn-selector tbody th, #turn-selector tbody td {
  border: 1px solid #ccc;
  border-collapse: collapse;
  font-weight: normal;
}
#turn-selector tbody td.selected {
  background-color: #00BD00;
}