.tab-content {
  background-color: white;
  padding: 3px;
  overflow-y: scroll;
  margin-top: 20px;
}

.wars {
  height: 500px;
}

.nav-tabs>li>a, .nav-tabs>li>a:hover {
  background: #777;
  border-bottom: 0;
  border: 1px solid #777;
  color: #FFFFFF;
  position: relative;
  text-decoration: none;
  z-index: 3;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  background: #cd3005;
  border-bottom: 0;
  border: 1px solid #cd3005;
  color: #FFFFFF;
  position: relative;
  text-decoration: none;
  z-index: 3;
}

.notess {
  border: 1px dashed #f9b10c;
  cursor: pointer;
  margin: 7px;
  padding:10px;
}

#suggested-response {
  background-color: #cfcfcf;
  margin-top: 20px;
  padding: 20px;
}

#activity-controls {
  margin-top: 20px;
}

.notesArea {
  margin-top: 30px;
}

.highlightText1 {
  background-color: rgba(205, 49, 6,0.3);
  color: #000;
}

.highlightText2 {
  background-color: rgba(249, 177, 12,0.4);
  color: #000;
}

@media (min-width: 768px) {
  .notesArea {
    margin-top: 0;
  }
}