/*rgb(from #123456 calc(r + 40) calc(g + 40) b)
rgb(from hwb(120deg 10% 20%) r g calc(b + 200) /alpha)
*/
/*:root,[data-bs-theme=light]{
  --bs-primary: #FF0000 !important;
}
*/
.btn-primary {
  background-color: rgb(from var(--bs-primary) r g b / 0.8);
  border: 1px solid rgb(from var(--bs-primary) r g b / 0.3);
}

@keyframes fade {
  from { opacity: 100%; }
  to { opacity: 0%; }
}

.animate-fade{
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-play-state: running;
  animation-name: fade;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
}

header {
  background-color: white;
}

.handle {
  cursor: move;
}

.show_hidden_childs_when_hovered:not(:hover) .child_shown_on_parent_hover {
  visibility: hidden;
}

.editable_exercise:hover {
  border: 1px solid rgba(var(--bs-link-color-rgb));
}

.addable_exercise:hover {
  /*opacity: 0.33;*/
}

.editable_exercise {
  border: 1px solid transparent;
}

.small_video{
  width: 80px;
}

.editable_exercise_video{
  width: 200px;
}

.exercise_video {
  height: 250px;
  width: 250px;
}

.exercise_video video {
  width: 100%;
  height: 100%;
}

.childs-m-2 > * {
  margin: .5rem!important;
}

.visible_border {
  border: black solid 1px;
}

.text-justify {
  text-align: justify;
}

.h50 {
  height: 50px;
}

.h500 {
  height: 500px;
}

.icon-size-align-to-parent .bi {
  width: 1em;
  height: 1em;
}

.img-50 {
  width: 50%;
}

.htmledit {
  font-family: Consolas, Menlo, "courier new", monospace;
  font-size: 15px;
}