html {
  background-color: #1f2327;
}

.hide {
  display: none;
}

.grey {
  color: #3c3c3c !important;
  border-bottom: 6px solid #3c3c3c !important;
}
.copyright {
  color: white;
  text-align: center;
  padding: 28px 10px;
  font-size: 0.8rem;
  line-height: 1.5;
}

.ovbicon {
  padding: 7px;
  border-radius: 5px;
}

.ovbicon_b {
  background-color: #ff0b0b;
}

.ovbicon_n {
  background-color: #2c9957;
}

.ovbicon_m {
  background-color: #3235bd;
}

.ovbicon_hy {
  background-color: #7432bd;
}
.ovbicon_y {
  background-color: #ba32bd;
}

.ovbicon_cancel {
  background-color: #e82e2c;
}

.btn_unbind {
  /*background-color: #e82e2c;*/
  color: white;
  text-decoration: underline;
}

.btn_integrated {
  /*background-color: #21940d;*/
  /* padding: 7px;*/
  border-radius: 5px;
  color: white;
  display: flex;
  align-items: center;
}
.btn_integrated span {
  text-decoration: underline;
  font-size: 0.75rem;
}

.btn_integrated img {
  margin-right: 5px;
}

.courseTopicVideoLeft .courseTopicVideoTestTag:not(:first-of-type) {
  margin-left: 10px;
}

.addVideoNoteBtn {
  padding: 12px;
  background-color: #0688dd;
  margin-bottom: 14px;
  border-radius: 10px;
}
.adnoteicon {
  position: absolute;
  right: -4px;
  font-size: 1.2rem;
  bottom: -15px;
  display: none;
}
.addVideoNoteBtn:hover {
  background-color: #049cff !important;
}