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

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

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



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

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