/* Einfärben von Kursbausteinen im Menü - Alle 
.jstree-default>.jstree-container-ul a.node-blog {
    background: darkblue;
    color: #fff;
}

.jstree-default #id84915228820561_anchor {
    background: darkblue;
    color: #fff;
} */

/*Statusfarben im Menü nicht, fast, alles absolviert 
.jstree-anchor.progress-0 {border-left-color: #fa9370;}
.jstree-anchor.progress-50 {border-left-color: #FBDFBD;}
.jstree-anchor.progress-100 {border-left-color: #5caa7f;}
*/
/*Statusfarben im Menü nicht, fast, alles absolviert 
.resource-header.progress-0 {border-left-color: #fa9370;}
.resource-header.progress-50 {border-left-color: #FBDFBD;}
.resource-header.progress-100 {border-left-color: #5caa7f;}
*/

/*Button Test starten umbenennen 
.iqself .run-container .btn-big .fonticon+span {display: none;}
.iqself .run-container .btn-big:after {content: "Mission starten";}
*/

/*Lösungsversuche ausblenden
.iqself .run-container .box-light {display: none;}
*/

/*Infos auf Startseite ausblenden Institution und Metadaten
.root .resource-details .content-preview-main>small {display: none;}
.root .resource-details .content-preview-info {display: none;}

/*
Startseite - Beschreibung Detailseite ausblenden
.root .resource-details .repo-desc {display: none;}
/*Startseite - Kursverantwortliche ausblenden ausblenden
.root .resource-details .content-preview-author {display: none;}
/*Startseite - Gesamten Bereich auf der Startseite ausblenden ausblenden
.root .resource-details {display: none;}
*/
/*
Video Container
.mejs__container, .mejs__container * {max-width: 720px; max-height: 405px;
}
*/







.mooc[type="checkbox"] {
  position: relative;
  left: 30px;
  top: 0px;
  z-index: 0;
  -webkit-appearance: none;
}
.mooc[type="checkbox"] + label {
  position: relative;
  display: block;
  cursor: pointer;
  font-family: sans-serif;
  font-size: 12pt;
  padding-left:70px;
  position: relative;
  margin-top: -30px;
}
.mooc[type="checkbox"] + label:before {
  width: 60px;
  height: 30px;
  border-radius: 30px;
  border: 2px solid #ddd;
  background-color: #EEE;
  content: "";
  margin-right: 15px;
  transition: background-color 0.5s linear;
  z-index: 5;
  position: absolute;
  left: 0px;
}
.mooc[type="checkbox"] + label:after {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #fff;
  content: "";
  transition: margin 0.1s linear;
  box-shadow: 0px 0px 5px #aaa;
  position: absolute;
  left: 2px;
  top: 2px;
  z-index: 10;
}
.mooc[type="checkbox"]:checked + label:before {
  background-color: #2b8718;
}
.mooc[type="checkbox"]:checked + label:after {
  margin: 0 0 0 30px;
}