.highlighted {
  font-style: normal;
}

.highlight-key {
  height: 30px;
  width: 30px;
  background-color: #ffff7b;
  border-radius: 50%;
  box-shadow: #666 0 0 4px 2px;
  margin-bottom: 20px;
}

.highlighted-text {
  background-color: #c0e1f9;
}

/* ACTIVITY 1 */

.text-btn {
  font-size: 30px;
  height: 120px;
}

.table th, .table td {
  font-size: 16px;
}

#evidence-table, .suggestions {
  margin-top: 40px;
}

.suggestions .table>thead>tr>th {
  background-color: #c0e1f9;
  color: #333;
}

/* ACTIVITY 2 */

.extra-notes-wrapper {
  margin-top: 20px;
}

.extra-notes-wrapper .mce-tinymce {
  margin-bottom: 20px;
  border: 2px solid #537791;
}

/* ACTIVITY 3 */
.panel-primary {
  border-color: #537791;
}

.panel-primary>.panel-heading {
  background-color: #537791;
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #537791;
}

.p-margin {
  margin-top: 20px;
}

.statement {
  background: #f1f1f1;
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 4px;
  padding: 5px 10px;
  transition: all .2s ease-in-out;
  width: 100%;
  font-size: 16px;
}

.text-entry.large {
  margin: 0;
  min-height: 400px;
}

.panel-body p:last-child {
  margin-bottom: 0;
}

.panel-title a {
  cursor: pointer;
  display: block;
  margin-right: 15px;
  position: relative;
  text-decoration: none;
}

.panel-title a:hover {
  text-decoration: underline;
}

.panel-title a:hover, .panel-title a:focus {
  color: #FFF;
}

.panel-title a[aria-expanded="false"]:after {
  content: "\f063";
  font-family: 'FontAwesome';
  position: absolute;
  right: -20px;
  top: 0;
}

.panel-title a[aria-expanded="true"]:after {
  content: "\f062";
  font-family: 'FontAwesome';
  position: absolute;
  right: -20px;
  top: 0;
}

@media (max-width: 768px) {
  .sidebar {
    margin-top: 20px;
  }

  .text-btn {
    font-size: 16px;
    padding: 5px;
  }

  .activity-controls .btn-default {
    margin-bottom: 10px;
  }
}

@media print {
  .sidebar {
    display: none;
 }
}