.courseTagsUl {
  list-style: none;
}
.courseTagsLi {
  display: inline-block;
  color: #929292;
  cursor: pointer;
}
.courseTagsInput, .courseSyllabusInput {
  visibility:hidden;
  cursor: pointer;
}
.courseTagsLabel, .courseSyllabusLabel {
  border: 2px solid gray;
  padding: 8px;
  border-radius:20px;
  cursor: pointer;
  background: #FAFAFA;
}
.courseTagsInput:checked + .courseTagsLabel,
.courseSyllabusInput:checked + .courseSyllabusLabel {
  /* color: blue; */
  background: #d4f0ff;
}

/* .courseTagsInput:active + .courseTagsLabel {
  width: 5rem;
} */

.courseTagsInput:hover + .courseTagsLabel,
.courseSyllabusInput:hover + .courseSyllabusLabel{
  background-color:gray;
  color: white;
}



.topicTagsUl {
  list-style: none;
}
.topicTagsLi {
  display: inline-block;
  color: #929292;
  cursor: pointer;
}
.topicTagsInput ,.topicTagsInput1,.questionSyllabusInput {
  visibility:hidden;
  cursor: pointer;
}
.topicTagsLabel, .topicTagsLabel1, .questionSyllabusLabel {
  border: 1px solid white;
  padding: 5px;
  border-radius:20px;
  cursor: pointer;
  background: #FAFAFA;
  font-weight: 400;
}
.topicTagsInput:checked + .topicTagsLabel, .topicTagsInput1:checked + .topicTagsLabel1, .questionSyllabusInput:checked + .questionSyllabusLabel {
  /* color: blue; */
  background: #d4f0ff;
}

.topicTagsInput:hover + .topicTagsLabel, .topicTagsInput1:hover + .topicTagsLabel1, .questionSyllabusInput:hover + .questionSyllabusLabel {
  background-color:gray;
  color: white;
}