@import url(//fonts.googleapis.com/css?family=Rambla:400,700);
@import url(//fonts.googleapis.com/css?family=Londrina+Solid);
.answer-index .feedback {
  padding: 30px;
  position: relative;
  z-index: 1;
}
.answer-index .form-grade select {
  height: 30px;
  padding: 4px 8px;
}
.answer-index .form-grade .empty {
  margin-right: 25px;
}
.answer-index .form-grade .text {
  margin-left: 25px;
}
.flowplayer {
  position: relative;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
}
.flowplayer * {
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  text-decoration: inherit;
  font-size: 100%;
  padding: 0;
  border: 0;
  margin: 0;
  list-style-type: none;
}
.flowplayer a:focus {
  outline: 0;
}
.flowplayer video {
  width: 100%;
}
.flowplayer.is-ipad video {
  -webkit-transform: translateX(-2048px);
}
.is-ready.flowplayer.is-ipad video {
  -webkit-transform: translateX(0);
}
.flowplayer .fp-engine,
.flowplayer .fp-ui,
.flowplayer .fp-message {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1;
}
.flowplayer .fp-message {
  display: none;
  text-align: center;
  padding-top: 5%;
  cursor: default;
}
.flowplayer .fp-message h2 {
  font-size: 120%;
  margin-bottom: 1em;
}
.flowplayer .fp-message p {
  color: #666;
  font-size: 95%;
}
.flowplayer .fp-controls {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.no-background.flowplayer .fp-controls {
  background-color: transparent !important;
  background-image: -moz-linear-gradient(transparent, transparent) !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(transparent)) !important;
}
.is-fullscreen.flowplayer .fp-controls {
  bottom: 3px;
}
.is-mouseover.flowplayer .fp-controls {
  bottom: 0;
}
.flowplayer .fp-waiting {
  display: none;
  margin: 19% auto;
  text-align: center;
}
.flowplayer .fp-waiting * {
  -webkit-box-shadow: 0 0 5px #333;
  -moz-box-shadow: 0 0 5px #333;
  box-shadow: 0 0 5px #333;
}
.flowplayer .fp-waiting em {
  width: 1em;
  height: 1em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  background-color: rgba(255, 255, 255, 0.8);
  display: inline-block;
  -webkit-animation: pulse .6s infinite;
  -moz-animation: pulse .6s infinite;
  animation: pulse .6s infinite;
  margin: .3em;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.flowplayer .fp-waiting em:nth-child(1) {
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  animation-delay: 0.3s;
}
.flowplayer .fp-waiting em:nth-child(2) {
  -webkit-animation-delay: .45s;
  -moz-animation-delay: .45s;
  animation-delay: 0.45s;
}
.flowplayer .fp-waiting em:nth-child(3) {
  -webkit-animation-delay: .6s;
  -moz-animation-delay: .6s;
  animation-delay: 0.6s;
}
.flowplayer .fp-waiting p {
  color: #ccc;
  font-weight: bold;
}
.flowplayer .fp-speed {
  font-size: 30px;
  background-color: #333;
  background-color: rgba(51, 51, 51, 0.8);
  color: #eee;
  margin: 0 auto;
  text-align: center;
  width: 120px;
  padding: .1em 0 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  transition: opacity .5s;
}
.flowplayer .fp-speed.fp-hilite {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.flowplayer .fp-help {
  position: absolute;
  top: 0;
  left: -9999em;
  z-index: 100;
  background-color: #333;
  background-color: rgba(51, 51, 51, 0.9);
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  transition: opacity .2s;
  text-align: center;
}
.is-help.flowplayer .fp-help {
  left: 0;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.flowplayer .fp-help .fp-help-section {
  margin: 3%;
  direction: ltr;
}
.flowplayer .fp-help .fp-help-basics {
  margin-top: 6%;
}
.flowplayer .fp-help p {
  color: #eee;
  margin: .5em 0;
  font-size: 14px;
  line-height: 1.5;
  display: inline-block;
  margin: 1% 2%;
}
.flowplayer .fp-help em {
  background: #eee;
  -webkit-border-radius: .3em;
  -moz-border-radius: .3em;
  border-radius: .3em;
  margin-right: .4em;
  padding: .3em .6em;
  color: #333;
}
.flowplayer .fp-help small {
  font-size: 90%;
  color: #aaa;
}
.flowplayer .fp-help .fp-close {
  display: block;
}
@media (max-width: 600px) {
  .flowplayer .fp-help p {
    font-size: 9px;
  }
}
.flowplayer .fp-subtitle {
  position: absolute;
  bottom: 40px;
  left: -99999em;
  z-index: 10;
  text-align: center;
  width: 100%;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  transition: opacity .3s;
}
.flowplayer .fp-subtitle p {
  display: inline;
  background-color: #333;
  background-color: rgba(51, 51, 51, 0.9);
  color: #eee;
  padding: .1em .4em;
  font-size: 16px;
  line-height: 1.6;
}
.flowplayer .fp-subtitle p:after {
  content: '';
  clear: both;
}
.flowplayer .fp-subtitle.fp-active {
  left: 0;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.flowplayer .fp-fullscreen,
.flowplayer .fp-unload,
.flowplayer .fp-mute,
.flowplayer .fp-embed,
.flowplayer .fp-close,
.flowplayer .fp-play {
  background-image: url(/assets/flowplayer/img/white.png);
  background-size: 37px 300px;
}
.is-rtl.flowplayer .fp-fullscreen,
.is-rtl.flowplayer .fp-unload,
.is-rtl.flowplayer .fp-mute,
.is-rtl.flowplayer .fp-embed,
.is-rtl.flowplayer .fp-close,
.is-rtl.flowplayer .fp-play {
  background-image: url(/assets/flowplayer/img/white_rtl.png);
}
.color-light.flowplayer .fp-fullscreen,
.color-light.flowplayer .fp-unload,
.color-light.flowplayer .fp-mute,
.color-light.flowplayer .fp-embed,
.color-light.flowplayer .fp-close,
.color-light.flowplayer .fp-play {
  background-image: url(/assets/flowplayer/img/black.png);
}
.is-rtl.color-light.flowplayer .fp-fullscreen,
.is-rtl.color-light.flowplayer .fp-unload,
.is-rtl.color-light.flowplayer .fp-mute,
.is-rtl.color-light.flowplayer .fp-embed,
.is-rtl.color-light.flowplayer .fp-close,
.is-rtl.color-light.flowplayer .fp-play {
  background-image: url(/assets/flowplayer/img/black_rtl.png);
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .color-light.flowplayer .fp-fullscreen,
  .color-light.flowplayer .fp-unload,
  .color-light.flowplayer .fp-mute,
  .color-light.flowplayer .fp-embed,
  .color-light.flowplayer .fp-close,
  .color-light.flowplayer .fp-play {
    background-image: url(/assets/flowplayer/img/black@x2.png);
  }
  .is-rtl.color-light.flowplayer .fp-fullscreen,
  .is-rtl.color-light.flowplayer .fp-unload,
  .is-rtl.color-light.flowplayer .fp-mute,
  .is-rtl.color-light.flowplayer .fp-embed,
  .is-rtl.color-light.flowplayer .fp-close,
  .is-rtl.color-light.flowplayer .fp-play {
    background-image: url(/assets/flowplayer/img/black_rtl@x2.png);
  }
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .flowplayer .fp-fullscreen,
  .flowplayer .fp-unload,
  .flowplayer .fp-mute,
  .flowplayer .fp-embed,
  .flowplayer .fp-close,
  .flowplayer .fp-play {
    background-image: url(/assets/flowplayer/img/white@x2.png);
  }
  .is-rtl.flowplayer .fp-fullscreen,
  .is-rtl.flowplayer .fp-unload,
  .is-rtl.flowplayer .fp-mute,
  .is-rtl.flowplayer .fp-embed,
  .is-rtl.flowplayer .fp-close,
  .is-rtl.flowplayer .fp-play {
    background-image: url(/assets/flowplayer/img/white_rtl@x2.png);
  }
}
.flowplayer .fp-flash-disabled {
  background: #333;
  width: 390px;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  color: #fff;
}
.is-splash.flowplayer .fp-ui,
.is-paused.flowplayer .fp-ui {
  background: url(/assets/flowplayer/img/play_white.png) center no-repeat;
  background-size: 12%;
}
.is-rtl.is-splash.flowplayer .fp-ui,
.is-rtl.is-paused.flowplayer .fp-ui {
  background: url(/assets/flowplayer/img/play_white_rtl.png) center no-repeat;
  background-size: 12%;
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .is-splash.flowplayer .fp-ui,
  .is-paused.flowplayer .fp-ui {
    background: url(/assets/flowplayer/img/play_white@x2.png) center no-repeat;
    background-size: 12%;
  }
  .is-rtl.is-splash.flowplayer .fp-ui,
  .is-rtl.is-paused.flowplayer .fp-ui {
    background: url(/assets/flowplayer/img/play_white_rtl@x2.png) center no-repeat;
    background-size: 12%;
  }
}
.color-light.is-splash.flowplayer .fp-ui,
.color-light.is-paused.flowplayer .fp-ui {
  background-image: url(/assets/flowplayer/img/play_black.png);
}
.is-rtl.color-light.is-splash.flowplayer .fp-ui,
.is-rtl.color-light.is-paused.flowplayer .fp-ui {
  background-image: url(/assets/flowplayer/img/play_black_rtl.png);
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .color-light.is-splash.flowplayer .fp-ui,
  .color-light.is-paused.flowplayer .fp-ui {
    background-image: url(/assets/flowplayer/img/play_black@x2.png);
  }
  .is-rtl.color-light.is-splash.flowplayer .fp-ui,
  .is-rtl.color-light.is-paused.flowplayer .fp-ui {
    background-image: url(/assets/flowplayer/img/play_black_rtl@x2.png);
  }
}
.is-fullscreen.flowplayer .fp-ui {
  background-size: auto;
}
.is-seeking.flowplayer .fp-ui,
.is-loading.flowplayer .fp-ui {
  background-image: none;
}
.flowplayer .fp-logo {
  position: absolute;
  top: auto;
  left: 15px;
  bottom: 30px;
  cursor: pointer;
  display: none;
  z-index: 100;
}
.flowplayer .fp-logo img {
  width: 100%;
}
.is-embedded.flowplayer .fp-logo {
  display: block;
}
.fixed-controls.flowplayer .fp-logo {
  bottom: 15px;
}
.flowplayer .fp-fullscreen,
.flowplayer .fp-unload,
.flowplayer .fp-close {
  position: absolute;
  top: 5px;
  left: auto;
  right: 5px;
  display: block;
  width: 30px;
  height: 23px;
  background-position: 12px -197px;
  cursor: pointer;
}
.is-rtl.flowplayer .fp-fullscreen,
.is-rtl.flowplayer .fp-unload,
.is-rtl.flowplayer .fp-close {
  right: auto;
  left: 5px;
  background-position: 18px -197px;
}
.flowplayer .fp-unload,
.flowplayer .fp-close {
  background-position: 14px -175px;
  display: none;
}
.is-rtl.flowplayer .fp-unload,
.is-rtl.flowplayer .fp-close {
  background-position: 14px -175px;
}
.flowplayer .fp-play {
  display: none;
  width: 27px;
  height: 20px;
  background-position: 9px -24px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.is-rtl.flowplayer .fp-play {
  background-position: 18px -24px;
  left: auto;
  right: 0;
}
.play-button.flowplayer .fp-play {
  display: block;
}
.is-paused.flowplayer .fp-play {
  background-position: 9px 7px;
}
.is-rtl.is-paused.flowplayer .fp-play {
  background-position: 18px 7px;
}
.flowplayer.is-ready.is-closeable .fp-unload {
  display: block;
}
.flowplayer.is-ready.is-closeable .fp-fullscreen {
  display: none;
}
.flowplayer.is-fullscreen .fp-fullscreen {
  background-position: 10px -217px;
  display: block !important;
}
.is-rtl.flowplayer.is-fullscreen .fp-fullscreen {
  background-position: 21px -217px;
}
.flowplayer.is-fullscreen .fp-unload,
.flowplayer.is-fullscreen .fp-close {
  display: none !important;
}
.flowplayer .fp-timeline {
  height: 3px;
  position: relative;
  overflow: hidden;
  top: 5px;
  height: 10px;
  margin: 0 150px 0 45px;
}
.no-volume.flowplayer .fp-timeline {
  margin-right: 60px;
}
.no-mute.flowplayer .fp-timeline {
  margin-right: 140px;
}
.no-mute.no-volume.flowplayer .fp-timeline {
  margin-right: 45px;
}
.play-button.flowplayer .fp-timeline {
  margin-left: 67px;
}
.is-rtl.flowplayer .fp-timeline {
  margin: 0 45px 0 150px;
}
.no-volume.is-rtl.flowplayer .fp-timeline {
  margin-left: 60px;
}
.no-mute.is-rtl.flowplayer .fp-timeline {
  margin-left: 140px;
}
.no-mute.no-volume.is-rtl.flowplayer .fp-timeline {
  margin-left: 45px;
}
.play-button.is-rtl.flowplayer .fp-timeline {
  margin-right: 67px;
}
.is-long.flowplayer .fp-timeline {
  margin: 0 180px 0 75px;
}
.no-volume.is-long.flowplayer .fp-timeline {
  margin-right: 90px;
}
.no-mute.is-long.flowplayer .fp-timeline {
  margin-right: 75px;
}
.play-button.is-long.flowplayer .fp-timeline {
  margin-left: 97px;
}
.is-rtl.is-long.flowplayer .fp-timeline {
  margin: 75px 0 180px 0;
}
.no-volume.is-rtl.is-long.flowplayer .fp-timeline {
  margin-left: 90px;
}
.no-mute.is-rtl.is-long.flowplayer .fp-timeline {
  margin-left: 75px;
}
.play-button.is-rtl.is-long.flowplayer .fp-timeline {
  margin-left: 97px;
}
.aside-time.flowplayer .fp-timeline,
.no-time.flowplayer .fp-timeline {
  margin: 0 110px 0 5px;
}
.aside-time.no-volume.flowplayer .fp-timeline,
.no-time.no-volume.flowplayer .fp-timeline {
  margin-right: 20px;
}
.aside-time.no-mute.flowplayer .fp-timeline,
.no-time.no-mute.flowplayer .fp-timeline {
  margin-right: 5px;
}
.play-button.no-time.flowplayer .fp-timeline,
.play-button.aside-time.flowplayer .fp-timeline {
  margin-left: 27px;
}
.is-rtl.aside-time.flowplayer .fp-timeline,
.is-rtl.no-time.flowplayer .fp-timeline {
  margin: 0 5px 0 110px;
}
.is-rtl.aside-time.no-volume.flowplayer .fp-timeline,
.is-rtl.no-time.no-volume.flowplayer .fp-timeline {
  margin-left: 20px;
}
.is-rtl.aside-time.no-mute.flowplayer .fp-timeline,
.is-rtl.no-time.no-mute.flowplayer .fp-timeline {
  margin-left: 5px;
}
.is-rtl.play-button.no-time.flowplayer .fp-timeline,
.is-rtl.play-button.aside-time.flowplayer .fp-timeline {
  margin-right: 27px;
}
.flowplayer .fp-buffer,
.flowplayer .fp-progress {
  position: absolute;
  top: 0;
  left: auto;
  height: 100%;
  cursor: col-resize;
}
.flowplayer .fp-buffer {
  -webkit-transition: width .25s linear;
  -moz-transition: width .25s linear;
  transition: width 0.25s linear;
}
.flowplayer.is-touch .fp-timeline {
  overflow: visible;
}
.flowplayer.is-touch .fp-progress {
  -webkit-transition: width .2s linear;
  -moz-transition: width .2s linear;
  transition: width 0.2s linear;
}
.flowplayer.is-touch .fp-timeline.is-dragging .fp-progress {
  -webkit-transition: right .1s linear,border .1s linear,top .1s linear,left .1s linear;
  -moz-transition: right .1s linear,border .1s linear,top .1s linear,left .1s linear;
  transition: right 0.1s linear, border 0.1s linear, top 0.1s linear, left 0.1s linear;
}
.flowplayer.is-touch.is-mouseover .fp-progress:after,
.flowplayer.is-touch.is-mouseover .fp-progress:before {
  content: '';
  display: block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: absolute;
  right: -5px;
}
.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:after,
.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:before {
  right: auto;
  left: -5px;
}
.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:after {
  left: -10px;
  -webkit-box-shadow: -1px 0 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -1px 0 4px rgba(0, 0, 0, 0.5);
  box-shadow: -1px 0 4px rgba(0, 0, 0, 0.5);
}
.flowplayer.is-touch.is-mouseover .fp-progress:before {
  width: 10px;
  height: 10px;
}
.flowplayer.is-touch.is-mouseover .fp-progress:after {
  height: 10px;
  width: 10px;
  top: -5px;
  right: -10px;
  border: 5px solid rgba(255, 255, 255, 0.65);
  -webkit-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 0 4px rgba(0, 0, 0, 0.5);
}
.flowplayer.is-touch.is-mouseover .fp-timeline.is-dragging .fp-progress:after {
  border: 10px solid #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  transition: inherit;
  top: -10px;
  right: -15px;
}
.flowplayer.is-touch.is-rtl.is-mouseover .fp-timeline.is-dragging .fp-progress:after {
  left: -15px;
  right: auto;
  border: 10px solid #fff;
}
.flowplayer .fp-volume {
  position: absolute;
  top: 7.5px;
  right: 5px;
}
.is-rtl.flowplayer .fp-volume {
  right: auto;
  left: 5px;
}
.flowplayer .fp-mute {
  position: relative;
  width: 10px;
  height: 15px;
  float: left;
  top: -5px;
  cursor: pointer;
  background-position: -2px -99px;
}
.is-rtl.flowplayer .fp-mute {
  float: right;
  background-position: -25px -99px;
}
.no-mute.flowplayer .fp-mute {
  display: none;
}
.flowplayer .fp-volumeslider {
  width: 90px;
  height: 5px;
  cursor: col-resize;
  float: left;
}
.is-rtl.flowplayer .fp-volumeslider {
  float: right;
}
.no-volume.flowplayer .fp-volumeslider {
  display: none;
}
.flowplayer .fp-volumelevel {
  height: 100%;
}
.flowplayer .fp-time {
  text-shadow: 0 0 1px #000;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  width: 100%;
}
.flowplayer .fp-time.is-inverted .fp-duration {
  display: none;
}
.flowplayer .fp-time.is-inverted .fp-remaining {
  display: inline;
}
.flowplayer .fp-time em {
  width: 35px;
  height: 10px;
  line-height: 10px;
  text-align: center;
  position: absolute;
  bottom: 5px;
}
.no-time.flowplayer .fp-time {
  display: none;
}
.is-long.flowplayer .fp-time em {
  width: 65px;
}
.flowplayer .fp-elapsed {
  left: 5px;
}
.play-button.flowplayer .fp-elapsed {
  left: 27px;
}
.is-rtl.flowplayer .fp-elapsed {
  left: auto;
  right: 5px;
}
.play-button.is-rtl.flowplayer .fp-elapsed {
  right: 27px;
}
.flowplayer .fp-remaining,
.flowplayer .fp-duration {
  right: 110px;
  color: #eee;
}
.no-volume.flowplayer .fp-remaining,
.no-volume.flowplayer .fp-duration {
  right: 20px;
}
.no-mute.flowplayer .fp-remaining,
.no-mute.flowplayer .fp-duration {
  right: 100px;
}
.no-mute.no-volume.flowplayer .fp-remaining,
.no-mute.no-volume.flowplayer .fp-duration {
  right: 5px;
}
.is-rtl.flowplayer .fp-remaining,
.is-rtl.flowplayer .fp-duration {
  right: auto;
  left: 110px;
}
.no-volume.is-rtl.flowplayer .fp-remaining,
.no-volume.is-rtl.flowplayer .fp-duration {
  left: 20px;
}
.no-mute.is-rtl.flowplayer .fp-remaining,
.no-mute.is-rtl.flowplayer .fp-duration {
  left: 100px;
}
.no-mute.no-volume.is-rtl.flowplayer .fp-remaining,
.no-mute.no-volume.is-rtl.flowplayer .fp-duration {
  left: 5px;
}
.flowplayer .fp-remaining {
  display: none;
}
.flowplayer.color-light .fp-time {
  color: #222;
  text-shadow: 0 0 1px #fff;
}
.flowplayer.color-light .fp-remaining,
.flowplayer.color-light .fp-duration {
  color: #666;
}
.flowplayer.aside-time .fp-time {
  position: absolute;
  top: 5px;
  left: 5px;
  bottom: auto !important;
  width: 85px;
}
.flowplayer.aside-time .fp-time strong,
.flowplayer.aside-time .fp-time em {
  position: static;
}
.flowplayer.aside-time .fp-time .fp-elapsed {
  margin-right: 5px;
}
.is-rtl.flowplayer.aside-time .fp-time .fp-elapsed {
  margin-right: auto;
  margin-left: 5px;
}
.flowplayer.is-long.aside-time .fp-time {
  width: 130px;
}
.flowplayer.is-splash,
.flowplayer.is-poster {
  cursor: pointer;
}
.flowplayer.is-splash .fp-controls,
.flowplayer.is-poster .fp-controls,
.flowplayer.is-splash .fp-fullscreen,
.flowplayer.is-poster .fp-fullscreen,
.flowplayer.is-splash .fp-unload,
.flowplayer.is-poster .fp-unload,
.flowplayer.is-splash .fp-time,
.flowplayer.is-poster .fp-time,
.flowplayer.is-splash .fp-embed,
.flowplayer.is-poster .fp-embed {
  display: none !important;
}
.flowplayer.is-poster .fp-engine {
  top: -9999em;
}
.flowplayer.is-loading .fp-waiting {
  display: block;
}
.flowplayer.is-loading .fp-controls,
.flowplayer.is-loading .fp-time {
  display: none;
}
.flowplayer.is-loading .fp-ui {
  background-position: -9999em;
}
.flowplayer.is-loading video.fp-engine {
  position: absolute;
  top: -9999em;
}
.flowplayer.is-seeking .fp-waiting {
  display: block;
}
.flowplayer.is-fullscreen {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  z-index: 99999 !important;
  -webkit-box-shadow: 0 !important;
  -moz-box-shadow: 0 !important;
  box-shadow: 0 !important;
  background-image: none !important;
  background-color: #333;
}
.is-rtl.flowplayer.is-fullscreen {
  left: auto !important;
  right: 0 !important;
}
.flowplayer.is-error {
  border: 1px solid #909090;
  background: #fdfdfd !important;
}
.flowplayer.is-error h2 {
  font-weight: bold;
  font-size: large;
  margin-top: 10%;
}
.flowplayer.is-error .fp-message {
  display: block;
}
.flowplayer.is-error object,
.flowplayer.is-error video,
.flowplayer.is-error .fp-controls,
.flowplayer.is-error .fp-time,
.flowplayer.is-error .fp-subtitle {
  display: none;
}
.flowplayer.is-ready.is-muted .fp-mute {
  opacity: .5;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
.flowplayer.is-mouseout .fp-controls {
  height: 0;
  -webkit-transition: height .15s .3s;
  -moz-transition: height .15s .3s;
  transition: height 0.15s 0.3s;
}
.flowplayer.is-mouseout .fp-timeline {
  margin: 0 !important;
}
.flowplayer.is-mouseout .fp-timeline {
  -webkit-transition: height .15s .3s,top .15s .3s,margin .15s .3s;
  -moz-transition: height .15s .3s,top .15s .3s,margin .15s .3s;
  transition: height .15s .3s,top .15s .3s,margin .15s .3s;
  height: 4px;
  top: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.flowplayer.is-mouseout .fp-fullscreen,
.flowplayer.is-mouseout .fp-unload,
.flowplayer.is-mouseout .fp-elapsed,
.flowplayer.is-mouseout .fp-remaining,
.flowplayer.is-mouseout .fp-duration,
.flowplayer.is-mouseout .fp-embed,
.flowplayer.is-mouseout .fp-volume,
.flowplayer.is-mouseout .fp-play {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: opacity .15s .3s;
  -moz-transition: opacity .15s .3s;
  transition: opacity 0.15s 0.3s;
}
.flowplayer.is-mouseover .fp-controls,
.flowplayer.fixed-controls .fp-controls {
  height: 20px;
}
.flowplayer.is-mouseover .fp-fullscreen,
.flowplayer.fixed-controls .fp-fullscreen,
.flowplayer.is-mouseover .fp-unload,
.flowplayer.fixed-controls .fp-unload,
.flowplayer.is-mouseover .fp-elapsed,
.flowplayer.fixed-controls .fp-elapsed,
.flowplayer.is-mouseover .fp-remaining,
.flowplayer.fixed-controls .fp-remaining,
.flowplayer.is-mouseover .fp-duration,
.flowplayer.fixed-controls .fp-duration,
.flowplayer.is-mouseover .fp-embed,
.flowplayer.fixed-controls .fp-embed,
.flowplayer.is-mouseover .fp-logo,
.flowplayer.fixed-controls .fp-logo,
.flowplayer.is-mouseover .fp-volume,
.flowplayer.fixed-controls .fp-volume,
.flowplayer.is-mouseover .fp-play,
.flowplayer.fixed-controls .fp-play {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.flowplayer.fixed-controls .fp-volume {
  display: block;
}
.flowplayer.fixed-controls .fp-controls {
  bottom: -20px;
}
.is-fullscreen.flowplayer.fixed-controls .fp-controls {
  bottom: 0;
}
.flowplayer.fixed-controls .fp-time em {
  bottom: -15px;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.is-fullscreen.flowplayer.fixed-controls .fp-time em {
  bottom: 5px;
}
.flowplayer.is-disabled .fp-progress {
  background-color: #999;
}
.flowplayer.is-flash-disabled {
  background-color: #333;
}
.flowplayer.is-flash-disabled object.fp-engine {
  z-index: 100;
}
.flowplayer.is-flash-disabled .fp-flash-disabled {
  display: block;
  z-index: 101;
}
.flowplayer .fp-embed {
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  width: 25px;
  height: 20px;
  background-position: 3px -237px;
}
.is-rtl.flowplayer .fp-embed {
  background-position: 22px -237px;
  left: auto;
  right: 5px;
}
.flowplayer .fp-embed-code {
  position: absolute;
  display: none;
  top: 10px;
  left: 40px;
  background-color: #333;
  padding: 3px 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 3px #ccc;
  -moz-box-shadow: 0 0 3px #ccc;
  box-shadow: 0 0 3px #ccc;
  font-size: 12px;
}
.flowplayer .fp-embed-code:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 2px;
  left: -10px;
  border: 5px solid transparent;
  border-right-color: #333;
}
.is-rtl.flowplayer .fp-embed-code {
  left: auto;
  right: 40px;
}
.is-rtl.flowplayer .fp-embed-code:before {
  left: auto;
  right: -10px;
  border-right-color: transparent;
  border-left-color: #333;
}
.flowplayer .fp-embed-code textarea {
  width: 400px;
  height: 16px;
  font-family: monaco, "courier new", verdana;
  color: #777;
  white-space: nowrap;
  resize: none;
  overflow: hidden;
  border: 0;
  outline: 0;
  background-color: transparent;
  color: #ccc;
}
.flowplayer .fp-embed-code label {
  display: block;
  color: #999;
}
.flowplayer.is-embedding .fp-embed,
.flowplayer.is-embedding .fp-embed-code {
  display: block;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.flowplayer.aside-time .fp-embed {
  left: 85px;
}
.is-rtl.flowplayer.aside-time .fp-embed {
  left: auto;
  right: 85px;
}
.flowplayer.aside-time .fp-embed-code {
  left: 115px;
}
.is-rtl.flowplayer.aside-time .fp-embed-code {
  left: auto;
  right: 115px;
}
.flowplayer.aside-time.is-embedding .fp-time {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.flowplayer.is-long.aside-time .fp-embed {
  left: 130px;
}
.is-rtl.flowplayer.is-long.aside-time .fp-embed {
  left: auto;
  right: 130px;
}
.flowplayer.no-time .fp-embed {
  left: 5px !important;
}
.is-rtl.flowplayer.no-time .fp-embed {
  left: auto;
  right: 5px !important;
}
.flowplayer.is-live .fp-timeline,
.flowplayer.is-live .fp-duration,
.flowplayer.is-live .fp-remaining {
  display: none;
}
.flowplayer .fp-context-menu {
  position: absolute;
  display: none;
  z-index: 1001;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #aaa;
  -webkit-box-shadow: 0 0 4px #888;
  -moz-box-shadow: 0 0 4px #888;
  box-shadow: 0 0 4px #888;
  width: 170px;
}
.flowplayer .fp-context-menu li {
  text-align: center;
  padding: 10px;
  color: #444;
  margin: 0 -10px 0 -10px;
}
.flowplayer .fp-context-menu li a {
  color: #00a7c8;
  font-size: 110%;
}
.flowplayer .fp-context-menu li:hover:not(.copyright) {
  background-color: #eee;
}
.flowplayer .fp-context-menu li.copyright {
  margin: 0;
  padding-left: 110px;
  background-image: url("/assets/flowplayer/img/flowplayer.png");
  background-repeat: no-repeat;
  background-size: 100px 20px;
  background-position: 5px 5px;
  border-bottom: 1px solid #bbb;
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .flowplayer .fp-context-menu li.copyright {
    background-image: url("/assets/flowplayer/img/flowplayer@2x.png");
  }
}
@-moz-keyframes pulse {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes pulse {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes pulse {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes pulse {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.flowplayer .fp-controls {
  background-color: #333;
  background-color: rgba(51, 51, 51, 0.6);
}
.flowplayer.fixed-controls .fp-controls {
  background-color: #333;
}
.flowplayer .fp-timeline {
  background-color: #666;
}
.flowplayer .fp-buffer {
  background-color: #eee;
}
.flowplayer .fp-progress {
  background-color: #00a7c8;
}
.flowplayer .fp-volumeslider {
  background-color: #000;
}
.flowplayer .fp-volumelevel {
  background-color: #fff;
}
.flowplayer .fp-play {
  height: 24px;
}
.flowplayer.is-touch.is-mouseover .fp-progress:before {
  background-color: #00a7c8;
}
.flowplayer.color-light .fp-controls {
  background-color: rgba(255, 255, 255, 0.6);
}
.flowplayer.color-light.fixed-controls .fp-controls {
  background-color: #fff;
}
.flowplayer.color-light .fp-volumeslider {
  background-color: #ddd;
}
.flowplayer.color-light .fp-volumelevel {
  background-color: #222;
}
.flowplayer.color-alt .fp-progress {
  background-color: #fff;
}
.flowplayer.color-alt.is-touch.is-mouseover .fp-progress:before {
  background-color: #fff;
}
.flowplayer.color-alt .fp-buffer {
  background-color: #999;
}
.flowplayer.color-alt2 .fp-progress {
  background-color: #900;
}
.flowplayer.color-alt2.is-touch.is-mouseover .fp-progress:before {
  background-color: #900;
}
.answer-index .answer-choice {
  padding: 0 5px 5px 26px;
  margin-bottom: 5px;
  background-repeat: no-repeat;
}
.answer-index .multiple-choice .multiple-choice-question-image img {
  max-width: 370px;
}
.answer-index .multiple-choice .multiple-choice-question {
  padding: 5px;
}
.answer-index .multiple-choice .answer-choice-correct {
  font-weight: bold;
  color: #229552;
}
.answer-index .multiple-choice .answer-choice-correct:after {
  margin-left: 3px;
  font-family: 'FontAwesome';
  color: black;
  content: '\f087';
}
.answer-index .multiple-choice .answer-choice-wrong {
  font-weight: bold;
  color: #a24d64;
}
.answer-index .multiple-choice .answer-choice-wrong:after {
  margin-left: 3px;
  font-family: 'FontAwesome';
  color: black;
  content: '\f088';
}
.rich-text-result iframe[ta-insert-video] {
  width: 480px;
  height: 360px;
}
/*
Version: 3.5.2 Timestamp: Sat Nov  1 14:43:36 EDT 2014
*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box;
  /* webkit */
  -moz-box-sizing: border-box;
  /* firefox */
  box-sizing: border-box;
  /* css3 */
}
.select2-container .select2-choice {
  display: block;
  height: 26px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  border: 1px solid #aaa;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}
html[dir="rtl"] .select2-container .select2-choice {
  padding: 0 8px 0 0;
}
.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  border-radius: 0 0 4px 4px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}
.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}
.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
  width: auto;
}
html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
  margin-left: 26px;
  margin-right: 0;
}
.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url('select2.png') right top no-repeat;
  cursor: pointer;
  outline: 0;
}
.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}
.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}
.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}
.select2-drop-active {
  border: 1px solid #5897fb;
  border-top: none;
}
.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #5897fb;
}
.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}
.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}
.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #aaa;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
  background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
  background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}
html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
  left: 0;
  right: auto;
  border-left: none;
  border-right: 1px solid #aaa;
  border-radius: 4px 0 0 4px;
}
.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('select2.png') no-repeat 0 1px;
}
html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
  background-position: 2px 1px;
}
.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}
.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff url('select2.png') no-repeat 100% -22px;
  background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}
html[dir="rtl"] .select2-search input {
  padding: 4px 5px 4px 20px;
  background: #fff url('select2.png') no-repeat -37px -22px;
  background: url('select2.png') no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url('select2.png') no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('select2.png') no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('select2.png') no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}
.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}
.select2-search input.select2-active {
  background: #fff url('select2-spinner.gif') no-repeat 100%;
  background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #5897fb;
  border-top-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}
.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
  border-right: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px;
}
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -16px 1px;
}
.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html[dir="rtl"] .select2-results {
  padding: 0 4px 0 0;
  margin: 4px 0 4px 4px;
}
.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}
.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}
.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}
.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select2-results-dept-1 .select2-result-label {
  padding-left: 20px;
}
.select2-results-dept-2 .select2-result-label {
  padding-left: 40px;
}
.select2-results-dept-3 .select2-result-label {
  padding-left: 60px;
}
.select2-results-dept-4 .select2-result-label {
  padding-left: 80px;
}
.select2-results-dept-5 .select2-result-label {
  padding-left: 100px;
}
.select2-results-dept-6 .select2-result-label {
  padding-left: 110px;
}
.select2-results-dept-7 .select2-result-label {
  padding-left: 120px;
}
.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff;
}
.select2-results li em {
  background: #feffde;
  font-style: normal;
}
.select2-results .select2-highlighted em {
  background: transparent;
}
.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
  padding-left: 5px;
}
/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-selected {
  display: none;
}
.select2-more-results.select2-active {
  background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
}
.select2-results .select2-ajax-error {
  background: rgba(255, 50, 50, 0.2);
}
.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}
/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}
.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}
/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0 5px 0 0;
  position: relative;
  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}
html[dir="rtl"] .select2-container-multi .select2-choices {
  padding: 0 0 0 5px;
}
.select2-locked {
  padding: 3px 5px 3px 5px !important;
}
.select2-container-multi .select2-choices {
  min-height: 26px;
}
.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li {
  float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent !important;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url('select2-spinner.gif') no-repeat 100% !important;
}
.select2-default {
  color: #999 !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 18px 3px 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}
.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
  background: url('select2.png') right top no-repeat;
}
html[dir="rtl"] .select2-search-choice-close {
  right: auto;
  left: 3px;
}
.select2-container-multi .select2-search-choice-close {
  left: 3px;
}
html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
  left: auto;
  right: 2px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}
/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}
/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}
.select2-offscreen,
.select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}
.select2-display-none {
  display: none;
}
.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}
/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
  .select2-search input,
  .select2-search-choice-close,
  .select2-container .select2-choice abbr,
  .select2-container .select2-choice .select2-arrow b {
    background-image: url('select2x2.png') !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
  }
  .select2-search input {
    background-position: 100% -21px !important;
  }
}
.author-main .btn-lg {
  margin-right: 20px;
}
.author-exercise-list,
.author-collection-list {
  margin: 0;
  padding: 15px;
}
.author-exercise-list table > thead > tr > th,
.author-collection-list table > thead > tr > th {
  vertical-align: top;
}
.author-exercise-list table > thead > tr > th i,
.author-collection-list table > thead > tr > th i {
  margin-top: 3px;
}
.form-control .select2-choice {
  border: 0;
  border-radius: 2px;
}
.form-control .select2-choice .select2-arrow {
  border-radius: 0 2px 2px 0;
}
.form-control.select2-container {
  height: auto !important;
  padding: 0;
}
.form-control.select2-container.select2-dropdown-open {
  border-color: #5897FB;
  border-radius: 3px 3px 0 0;
}
.form-control .select2-container.select2-dropdown-open .select2-choices {
  border-radius: 3px 3px 0 0;
}
.form-control.select2-container .select2-choices {
  border: 0 !important;
  border-radius: 3px;
}
.control-group.warning .select2-container .select2-choice,
.control-group.warning .select2-container .select2-choices,
.control-group.warning .select2-container-active .select2-choice,
.control-group.warning .select2-container-active .select2-choices,
.control-group.warning .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.warning .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.warning .select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #C09853 !important;
}
.control-group.warning .select2-container .select2-choice div {
  border-left: 1px solid #C09853 !important;
  background: #FCF8E3 !important;
}
.control-group.error .select2-container .select2-choice,
.control-group.error .select2-container .select2-choices,
.control-group.error .select2-container-active .select2-choice,
.control-group.error .select2-container-active .select2-choices,
.control-group.error .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.error .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.error .select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #B94A48 !important;
}
.control-group.error .select2-container .select2-choice div {
  border-left: 1px solid #B94A48 !important;
  background: #F2DEDE !important;
}
.control-group.info .select2-container .select2-choice,
.control-group.info .select2-container .select2-choices,
.control-group.info .select2-container-active .select2-choice,
.control-group.info .select2-container-active .select2-choices,
.control-group.info .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.info .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.info .select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #3A87AD !important;
}
.control-group.info .select2-container .select2-choice div {
  border-left: 1px solid #3A87AD !important;
  background: #D9EDF7 !important;
}
.control-group.success .select2-container .select2-choice,
.control-group.success .select2-container .select2-choices,
.control-group.success .select2-container-active .select2-choice,
.control-group.success .select2-container-active .select2-choices,
.control-group.success .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.success .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.success .select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #468847 !important;
}
.control-group.success .select2-container .select2-choice div {
  border-left: 1px solid #468847 !important;
  background: #DFF0D8 !important;
}
.browser-warning .widget header h1 {
  font-size: 40px;
}
.browser-warning .widget .body {
  padding: 27px;
}
.browser-warning .widget .body p:last-child {
  margin-bottom: 0;
}
/*
@license textAngular
Author : Austin Anderson
License : 2013 MIT
Version 1.3.7

See README.md or https://github.com/fraywing/textAngular/wiki for requirements and use.
*/
.ta-hidden-input {
  width: 1px;
  height: 1px;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -10000px;
  left: -10000px;
  opacity: 0;
  overflow: hidden;
}
/* add generic styling for the editor */
.ta-root.focussed > .ta-scroll-window.form-control {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ta-editor.ta-html,
.ta-scroll-window.form-control {
  min-height: 300px;
  height: auto;
  overflow: auto;
  font-family: inherit;
  font-size: 100%;
}
.ta-scroll-window.form-control {
  position: relative;
  padding: 0;
}
.ta-scroll-window > .ta-bind {
  height: auto;
  min-height: 300px;
  padding: 6px 12px;
}
.ta-editor:focus {
  user-select: text;
}
/* add the styling for the awesomness of the resizer */
.ta-resizer-handle-overlay {
  z-index: 100;
  position: absolute;
  display: none;
}
.ta-resizer-handle-overlay > .ta-resizer-handle-info {
  position: absolute;
  bottom: 16px;
  right: 16px;
  border: 1px solid black;
  background-color: #FFF;
  padding: 0 4px;
  opacity: 0.7;
}
.ta-resizer-handle-overlay > .ta-resizer-handle-background {
  position: absolute;
  bottom: 5px;
  right: 5px;
  left: 5px;
  top: 5px;
  border: 1px solid black;
  background-color: rgba(0, 0, 0, 0.2);
}
.ta-resizer-handle-overlay > .ta-resizer-handle-corner {
  width: 10px;
  height: 10px;
  position: absolute;
}
.ta-resizer-handle-overlay > .ta-resizer-handle-corner-tl {
  top: 0;
  left: 0;
  border-left: 1px solid black;
  border-top: 1px solid black;
}
.ta-resizer-handle-overlay > .ta-resizer-handle-corner-tr {
  top: 0;
  right: 0;
  border-right: 1px solid black;
  border-top: 1px solid black;
}
.ta-resizer-handle-overlay > .ta-resizer-handle-corner-bl {
  bottom: 0;
  left: 0;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
}
.ta-resizer-handle-overlay > .ta-resizer-handle-corner-br {
  bottom: 0;
  right: 0;
  border: 1px solid black;
  cursor: se-resize;
  background-color: white;
}
/* copy the popover code from bootstrap so this will work even without it */
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.collection-list .create-collection {
  padding: 9px 6px 5px 6px;
  margin-bottom: 15px;
}
.collection-list .create-collection h3 {
  padding-left: 4px;
}
.collection-list .collection-sorting .title {
  margin-left: 8px;
  margin-right: 20px;
}
@media (max-width: 992px) {
  .collection-list .collection-sorting .title span {
    padding-right: 250px;
  }
}
@media (min-width: 992px) {
  .collection-list .collection-sorting .title span {
    padding-right: 230px;
  }
}
@media (min-width: 1200px) {
  .collection-list .collection-sorting .title span {
    padding-right: 377px;
  }
}
.collection-list .collection-sorting .grade span {
  padding-right: 10px;
}
.collection-list .list-card .collection-header .grade {
  margin-right: 32px;
}
.collection-list .list-card .collection-header .exercise-count {
  margin-right: 20px;
}
.collection-list span.edit-button-spacer {
  display: inline-block;
  width: 56px;
}
.collection-list .collection-exercise-table {
  margin-bottom: 0;
}
.collection-list .collection-exercise-table th:last-of-type {
  padding-left: 0;
  padding-right: 0;
}
.collection-list .collection-exercise-table td:last-of-type {
  padding-left: 0;
  padding-right: 0;
}
.collection-list .list-card {
  line-height: 10px;
}
.collection-info-box-link {
  font-size: 13px;
  color: #0b5f58;
}
.btn-collection {
  margin-right: 10px;
}
.text-link-create {
  font-size: 22px;
  padding: 12px;
}
.text-collection-grade-level {
  padding-top: 5px;
  font-size: 18px;
}
.text-collection-edit {
  font-size: 13px;
  color: #009645;
  margin-bottom: 10px;
}
.text-collection-edit:hover {
  color: #0b5f58;
}
tbody > tr.added-to-collection {
  background-color: #0b5f58;
  color: #FFFFFF;
}
tbody > tr.added-to-collection:hover > td {
  background-color: #084843;
}
.collection-exercise-list .exercise-card {
  margin-bottom: 16px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  font-size: 14px;
}
.collection-exercise-list .exercise-card .course {
  max-height: 33px;
  padding-left: 10px;
}
@media (max-width: 992px) {
  .collection-exercise-list .exercise-card .course-title {
    width: auto;
  }
}
@media (min-width: 992px) {
  .collection-exercise-list .exercise-card .course-title {
    width: 135px;
  }
}
@media (min-width: 1200px) {
  .collection-exercise-list .exercise-card .course-title {
    width: 190px;
  }
}
.collection-exercise-list .exercise-card .exercise-card-container {
  border: 1px solid #ececec;
}
.collection-exercise-list .exercise-card .exercise-card-container h2 {
  padding-top: 0;
}
.collection-exercise-list .exercise-card h2,
.collection-exercise-list .exercise-card h5 {
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.collection-exercise-list .exercise-card .exercise-card-content {
  padding: 8px;
}
.ffm-modal pre {
  background-color: #ffffff;
}
.ffm-modal .modal-dialog {
  width: 1024px;
}
.ffm-modal .body {
  background-color: #F9F9F9;
}
.ffm-modal .ffm-selection,
.ffm-modal .ffm-breadcrumbs {
  padding-bottom: 15px;
}
.ffm-modal .form-inline .form-group label {
  padding-top: 7px;
}
.ffm-modal .list-view.competence-goal-list .focus::after,
.ffm-modal .list-view.competence-area-list .focus::after {
  font-family: FontAwesome;
  content: "\f054";
  right: 0;
  position: absolute;
  margin-right: 25px;
}
.ffm-modal .list-view .list-item.selected {
  background-color: #dff0d8;
}
.phase-list.ffm-modal .list-view .list-item:last-child {
  border-bottom: none;
}
body {
  height: 100%;
  margin-bottom: 30px;
  padding: 0;
  min-width: 750px;
}
body .content-wrapper {
  overflow: hidden;
  height: 100%;
  position: relative;
}
body .content-wrapper hr {
  margin: 10px 0;
  border-top-width: 4px;
}
body .content-wrapper .content-body {
  overflow: auto;
  position: relative;
  height: 100%;
}
body .content-wrapper .alert {
  margin-bottom: 0;
  text-align: center;
}
body .content-wrapper .h1-exercise {
  color: #009645;
}
body .content-wrapper .h1-exercise educas-rich-text-editor div {
  min-height: 54px;
}
body .content-wrapper .background-container {
  padding-top: 25px;
  padding-bottom: 25px;
  margin-bottom: 50px;
}
body .content-wrapper .element-bottom-padding {
  padding-bottom: 50px;
}
body .content-wrapper .cloze-text {
  background-color: white;
}
a.no-hover:hover {
  background-color: inherit;
  color: inherit;
}
.no-hover:hover {
  background-color: inherit;
  color: inherit;
  outline: none !important;
}
.no-margin {
  margin: 0;
}
.no-underline {
  text-decoration: none;
}
.no-underline:hover {
  text-decoration: none;
}
.no-underline:focus {
  color: inherit;
  text-decoration: none;
}
.no-border-radius {
  border-radius: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.no-side-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.inline-block {
  display: inline-block;
}
.block {
  display: block;
}
.text-center {
  text-align: center;
}
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.height-auto {
  height: auto;
}
.align-bottom {
  vertical-align: bottom;
}
li.clickable-pagination-item {
  cursor: pointer;
}
li.clickable-pagination-item a,
li.clickable-pagination-item a:hover {
  color: #009645;
}
.icon-play {
  padding-top: 5px;
  margin-right: 3px;
}
.stick {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000;
}
.hover-hand {
  cursor: pointer;
}
.border-light-grey {
  border: 1px solid #ececec;
}
.outline-light-green {
  outline: 1px solid #83DBA7;
}
.outline-dark-green {
  outline: 1px solid #0b5f58;
}
.create-exercise {
  display: inline;
}
.btn-align {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  font-weight: bold;
  color: #fff;
  background-color: #2980b9;
  border-color: #2980b9;
}
.btn-align:hover,
.btn-align:focus,
.btn-align:active,
.btn-align[disabled],
.btn-align[disabled]:hover {
  color: #fff;
  background-color: #216795;
  *background-color: #1c5980;
  border-color: #216795;
  box-shadow: none;
}
.btn-align .icon {
  margin: 4px;
}
.item-list .item {
  padding: 5px 12px 5px 12px;
  display: block;
}
.item-list a {
  color: #000000;
}
.hover-bg-dark-green:hover {
  background-color: #108d82;
  color: #ffffff;
}
.hover-yellow:hover {
  background-color: #fdedb7;
}
.dropdown-menu .active {
  font-weight: bolder;
}
.inline-heading {
  display: inline-block;
}
.answer-split {
  border-top: 4px solid #009645;
}
.error-box {
  padding-bottom: 10px;
}
.action-buttons {
  margin-top: 20px;
}
.action-buttons .cancel {
  margin-right: 10px;
}
.action-buttons .delete {
  margin-right: 40px;
}
.collaborator-logo {
  height: 16px;
  padding-right: 5px;
}
.sup {
  vertical-align: super;
}
.sub {
  vertical-align: sub;
}
textarea.homework-teacher-message {
  font-size: 14px;
  width: 100%;
  max-width: 100%;
  min-height: 120px;
}
.navbar-inverse .nav > li > a {
  color: #ffffff;
  text-decoration: none;
}
.navbar-inverse .nav > li > a:hover,
.navbar-inverse .nav > li > a:focus {
  color: #ffffff;
  text-decoration: none;
}
@media (max-width: 768px) {
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
}
.input-group-addon {
  border-radius: 0;
}
.btn-group a {
  color: #fff;
}
.btn-primary,
.open .btn-primary {
  font-weight: bold;
  color: #fff;
  background-color: #009645;
  border-color: #009645;
}
.btn-primary:hover,
.open .btn-primary:hover,
.btn-primary:focus,
.open .btn-primary:focus,
.btn-primary:active,
.open .btn-primary:active,
.btn-primary[disabled],
.open .btn-primary[disabled],
.btn-primary[disabled]:hover,
.open .btn-primary[disabled]:hover {
  color: #fff;
  background-color: #007637;
  *background-color: #005d2b;
  border-color: #007637;
  box-shadow: none;
}
.btn-group-primary .dropdown-menu > li > a:hover,
.btn-group-primary .dropdown-menu > li > a:focus {
  font-weight: bold;
  color: #fff;
  background-color: #009645;
  border-color: #009645;
}
.btn-group-primary .dropdown-menu > li > a:hover:hover,
.btn-group-primary .dropdown-menu > li > a:focus:hover,
.btn-group-primary .dropdown-menu > li > a:hover:focus,
.btn-group-primary .dropdown-menu > li > a:focus:focus,
.btn-group-primary .dropdown-menu > li > a:hover:active,
.btn-group-primary .dropdown-menu > li > a:focus:active,
.btn-group-primary .dropdown-menu > li > a:hover[disabled],
.btn-group-primary .dropdown-menu > li > a:focus[disabled],
.btn-group-primary .dropdown-menu > li > a:hover[disabled]:hover,
.btn-group-primary .dropdown-menu > li > a:focus[disabled]:hover {
  color: #fff;
  background-color: #007637;
  *background-color: #005d2b;
  border-color: #007637;
  box-shadow: none;
}
.btn-edit,
.open .btn-edit {
  font-weight: bold;
  color: #fff;
  background-color: #2980b9;
  border-color: #2980b9;
}
.btn-edit:hover,
.open .btn-edit:hover,
.btn-edit:focus,
.open .btn-edit:focus,
.btn-edit:active,
.open .btn-edit:active,
.btn-edit[disabled],
.open .btn-edit[disabled],
.btn-edit[disabled]:hover,
.open .btn-edit[disabled]:hover {
  color: #fff;
  background-color: #216795;
  *background-color: #1c5980;
  border-color: #216795;
  box-shadow: none;
}
.btn-group-edit .dropdown-menu > li > a:hover,
.btn-group-edit .dropdown-menu > li > a:focus {
  font-weight: bold;
  color: #fff;
  background-color: #2980b9;
  border-color: #2980b9;
}
.btn-group-edit .dropdown-menu > li > a:hover:hover,
.btn-group-edit .dropdown-menu > li > a:focus:hover,
.btn-group-edit .dropdown-menu > li > a:hover:focus,
.btn-group-edit .dropdown-menu > li > a:focus:focus,
.btn-group-edit .dropdown-menu > li > a:hover:active,
.btn-group-edit .dropdown-menu > li > a:focus:active,
.btn-group-edit .dropdown-menu > li > a:hover[disabled],
.btn-group-edit .dropdown-menu > li > a:focus[disabled],
.btn-group-edit .dropdown-menu > li > a:hover[disabled]:hover,
.btn-group-edit .dropdown-menu > li > a:focus[disabled]:hover {
  color: #fff;
  background-color: #216795;
  *background-color: #1c5980;
  border-color: #216795;
  box-shadow: none;
}
.btn-danger {
  font-weight: bold;
  color: #fff;
  background-color: #DA4F49;
  border-color: #DA4F49;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger[disabled],
.btn-danger[disabled]:hover {
  color: #fff;
  background-color: #BD362F;
  *background-color: #a9302a;
  border-color: #BD362F;
  box-shadow: none;
}
.btn-group-danger .dropdown-menu > li > a:hover,
.btn-group-danger .dropdown-menu > li > a:focus {
  font-weight: bold;
  color: #fff;
  background-color: #DA4F49;
  border-color: #DA4F49;
}
.btn-group-danger .dropdown-menu > li > a:hover:hover,
.btn-group-danger .dropdown-menu > li > a:focus:hover,
.btn-group-danger .dropdown-menu > li > a:hover:focus,
.btn-group-danger .dropdown-menu > li > a:focus:focus,
.btn-group-danger .dropdown-menu > li > a:hover:active,
.btn-group-danger .dropdown-menu > li > a:focus:active,
.btn-group-danger .dropdown-menu > li > a:hover[disabled],
.btn-group-danger .dropdown-menu > li > a:focus[disabled],
.btn-group-danger .dropdown-menu > li > a:hover[disabled]:hover,
.btn-group-danger .dropdown-menu > li > a:focus[disabled]:hover {
  color: #fff;
  background-color: #BD362F;
  *background-color: #a9302a;
  border-color: #BD362F;
  box-shadow: none;
}
.btn-dark-green {
  font-weight: bold;
  color: #fff;
  background-color: #0b5f58;
  border-color: #0b5f58;
}
.btn-dark-green:hover,
.btn-dark-green:focus,
.btn-dark-green:active,
.btn-dark-green[disabled],
.btn-dark-green[disabled]:hover {
  color: #fff;
  background-color: #0a5650;
  *background-color: #073f3a;
  border-color: #0a5650;
  box-shadow: none;
}
.btn-error {
  font-weight: bold;
  color: #fff;
  background-color: #9f0d0d;
  border-color: #9f0d0d;
}
.btn-error:hover,
.btn-error:focus,
.btn-error:active,
.btn-error[disabled],
.btn-error[disabled]:hover {
  color: #fff;
  background-color: #780d0d;
  *background-color: #610b0b;
  border-color: #780d0d;
  box-shadow: none;
}
.btn-yellow {
  font-weight: bold;
  color: #fff;
  background-color: #f1c40f;
  border-color: #f1c40f;
}
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow[disabled],
.btn-yellow[disabled]:hover {
  color: #fff;
  background-color: #dfb50d;
  *background-color: #c7a10c;
  border-color: #dfb50d;
  box-shadow: none;
}
/* Flatten das boostrap */
.well,
.navbar-inner,
.popover,
.btn,
.tooltip,
input,
.input,
.input-xs,
.input-sm,
.input-md,
.input-lg,
select,
textarea,
pre,
.progress,
.modal,
.add-on,
.alert,
.table-bordered,
.nav > .active > a,
.dropdown-menu,
.tooltip-inner,
.label,
.img-polaroid {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.btn .badge {
  padding-top: 2px;
}
.navbar {
  margin-bottom: 0;
}
.col-center {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.col-center-nav {
  float: none;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.col-center-nav .navbar-nav {
  float: none;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.hidden-inline-xs {
  display: inline !important;
}
tr.hidden-inline-xs {
  display: table-row !important;
}
th.hidden-inline-xs,
td.hidden-inline-xs {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-inline-xs {
    display: none !important;
  }
  tr.hidden-inline-xs {
    display: none !important;
  }
  th.hidden-inline-xs,
  td.hidden-inline-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-inline-xs.hidden-inline-sm {
    display: none !important;
  }
  tr.hidden-inline-xs.hidden-inline-sm {
    display: none !important;
  }
  th.hidden-inline-xs.hidden-inline-sm,
  td.hidden-inline-xs.hidden-inline-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-inline-xs.hidden-inline-md {
    display: none !important;
  }
  tr.hidden-inline-xs.hidden-inline-md {
    display: none !important;
  }
  th.hidden-inline-xs.hidden-inline-md,
  td.hidden-inline-xs.hidden-inline-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-inline-xs.hidden-inline-lg {
    display: none !important;
  }
  tr.hidden-inline-xs.hidden-inline-lg {
    display: none !important;
  }
  th.hidden-inline-xs.hidden-inline-lg,
  td.hidden-inline-xs.hidden-inline-lg {
    display: none !important;
  }
}
.hidden-inline-sm {
  display: inline !important;
}
tr.hidden-inline-sm {
  display: table-row !important;
}
th.hidden-inline-sm,
td.hidden-inline-sm {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-inline-sm.hidden-inline-xs {
    display: none !important;
  }
  tr.hidden-inline-sm.hidden-inline-xs {
    display: none !important;
  }
  th.hidden-inline-sm.hidden-inline-xs,
  td.hidden-inline-sm.hidden-inline-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-inline-sm {
    display: none !important;
  }
  tr.hidden-inline-sm {
    display: none !important;
  }
  th.hidden-inline-sm,
  td.hidden-inline-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-inline-sm.hidden-inline-md {
    display: none !important;
  }
  tr.hidden-inline-sm.hidden-inline-md {
    display: none !important;
  }
  th.hidden-inline-sm.hidden-inline-md,
  td.hidden-inline-sm.hidden-inline-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-inline-sm.hidden-inline-lg {
    display: none !important;
  }
  tr.hidden-inline-sm.hidden-inline-lg {
    display: none !important;
  }
  th.hidden-inline-sm.hidden-inline-lg,
  td.hidden-inline-sm.hidden-inline-lg {
    display: none !important;
  }
}
.hidden-inline-md {
  display: inline !important;
}
tr.hidden-inline-md {
  display: table-row !important;
}
th.hidden-inline-md,
td.hidden-inline-md {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-inline-md.hidden-inline-xs {
    display: none !important;
  }
  tr.hidden-inline-md.hidden-inline-xs {
    display: none !important;
  }
  th.hidden-inline-md.hidden-inline-xs,
  td.hidden-inline-md.hidden-inline-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-inline-md.hidden-inline-sm {
    display: none !important;
  }
  tr.hidden-inline-md.hidden-inline-sm {
    display: none !important;
  }
  th.hidden-inline-md.hidden-inline-sm,
  td.hidden-inline-md.hidden-inline-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-inline-md {
    display: none !important;
  }
  tr.hidden-inline-md {
    display: none !important;
  }
  th.hidden-inline-md,
  td.hidden-inline-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-inline-md.hidden-inline-lg {
    display: none !important;
  }
  tr.hidden-inline-md.hidden-inline-lg {
    display: none !important;
  }
  th.hidden-inline-md.hidden-inline-lg,
  td.hidden-inline-md.hidden-inline-lg {
    display: none !important;
  }
}
.hidden-inline-lg {
  display: inline !important;
}
tr.hidden-inline-lg {
  display: table-row !important;
}
th.hidden-inline-lg,
td.hidden-inline-lg {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-inline-lg.hidden-inline-xs {
    display: none !important;
  }
  tr.hidden-inline-lg.hidden-inline-xs {
    display: none !important;
  }
  th.hidden-inline-lg.hidden-inline-xs,
  td.hidden-inline-lg.hidden-inline-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-inline-lg.hidden-inline-sm {
    display: none !important;
  }
  tr.hidden-inline-lg.hidden-inline-sm {
    display: none !important;
  }
  th.hidden-inline-lg.hidden-inline-sm,
  td.hidden-inline-lg.hidden-inline-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-inline-lg.hidden-inline-md {
    display: none !important;
  }
  tr.hidden-inline-lg.hidden-inline-md {
    display: none !important;
  }
  th.hidden-inline-lg.hidden-inline-md,
  td.hidden-inline-lg.hidden-inline-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-inline-lg {
    display: none !important;
  }
  tr.hidden-inline-lg {
    display: none !important;
  }
  th.hidden-inline-lg,
  td.hidden-inline-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
tr.visible-print {
  display: none !important;
}
th.visible-print,
td.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: inline !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
  .hidden-inline-print {
    display: none !important;
  }
  tr.hidden-inline-print {
    display: none !important;
  }
  th.hidden-inline-print,
  td.hidden-inline-print {
    display: none !important;
  }
}
.change-institution .list-view .list-item {
  opacity: 0.6;
  cursor: default;
}
.change-institution .list-view .list-item.active {
  opacity: 1;
  cursor: pointer;
}
.change-institution .list-view .list-item.active .enabled-indicator {
  color: #009645;
}
.change-institution .list-view .list-item .enabled-indicator {
  vertical-align: text-bottom;
}
.change-institution .list-view .list-item .no-access {
  float: right;
  font-size: 16px;
  font-style: italic;
  font-weight: normal;
}
.btn-feedback {
  font-size: 120%;
  position: fixed;
  right: 300px;
  bottom: 0px;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.42);
  z-index: 10;
}
.footer {
  position: fixed;
  bottom: 0px;
  text-align: center;
  background-color: #000000;
  color: #FFFFFF;
  width: 100%;
  height: 48px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #009645;
  border-color: #009645;
}
.pagination > .active > a:hover,
.pagination > .active > span:hover {
  background-color: #007637;
  border-color: #007637;
}
.pagination > li:first-child > a {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination > li:last-child > a {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.triangle-grey {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 28px 19px 28px;
  border-color: transparent transparent #e8e8e8 transparent;
}
.triangle-grey.center {
  margin-left: auto;
  margin-right: auto;
}
.homework-message {
  padding: 21px;
}
.homework-message.bg-grey {
  background-color: #e8e8e8;
}
.homework-message .educas-alert {
  padding: 5px;
}
.homework-message .messages {
  padding: 21px 22px 11px 22px;
}
.homework-message .messages .message.message-from-me .content {
  background-color: #009645;
  text-align: left;
  float: right;
  clear: both;
}
.homework-message .messages .message.message-from-me .timestamp {
  float: right;
}
.homework-message .messages .message .content {
  color: white;
  background-color: #2980b9;
  display: block;
  word-wrap: break-word;
  margin-bottom: 10px;
  border-radius: 7px;
  padding: 7px 14px;
  width: 55%;
}
.homework-message .messages .message .timestamp {
  color: grey;
  font-size: 10px;
}
.homework-message .messages .message:last-child {
  margin-bottom: 0;
}
.homework-message .message-input {
  display: block;
  padding: 20px;
}
.homework-message .message-input div {
  display: block;
  height: auto;
  float: none;
}
.homework-message .message-input div,
.homework-message .message-input div:hover,
.homework-message .message-input div:focus {
  outline: 0;
}
.homework-message .message-input div:hover {
  border-color: #83DBA7;
}
.homework-message .message-input div:focus {
  outline: 0;
  border-color: #009645;
  box-shadow: none;
}
.homework-message .message-input div[contenteditable]:empty:before {
  content: attr(placeholder);
  display: block;
  /* for FF */
  color: gray;
  cursor: text;
}
.homework-message .message-input button i.fa.fa-comment-o {
  margin-left: 7px;
}
.homework-message .message-input button i.fa.fa-arrow-circle-left {
  margin-right: 7px;
}
#image-selector {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1031;
  width: 240px;
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: #f5f5f5;
}
#image-selector #upload-progress {
  width: 100%;
}
#image-selector .col-xs-2 {
  margin: 0;
}
#image-selector .col-xs-2 .well {
  position: absolute;
  width: 200px;
  margin-top: 40px;
}
#image-selector .col-xs-2 .well .btn-close-aside {
  position: relative;
  top: -18px;
  left: 18px;
  font-size: 20px;
  padding: 0px 6px 0px 6px;
}
#image-selector .col-xs-2 .well #upload-field .fail {
  border-color: #d3414a !important;
}
#image-selector .col-xs-2 .well #upload-field #image-dropzone {
  width: 100%;
  height: 110px;
  margin-bottom: 10px;
  border: 4px dashed #ccc;
}
#image-selector .col-xs-2 .well #upload-field #image-dropzone #image-upload-text {
  margin-top: 33px;
  margin-left: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #ccc;
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  transform: rotate(20deg);
}
#image-selector .col-xs-2 .well #upload-field #files-to-upload {
  width: 100%;
  word-break: break-all;
}
#image-selector .col-xs-2 .well #btn-image-uploader {
  width: 100%;
  margin-bottom: 10px;
}
#image-selector .col-xs-2 .well #image-search #image-input-search {
  width: 100%;
  margin-bottom: 10px;
}
#image-selector .col-xs-2 .well #image-search #image-container img {
  width: 100%;
  margin-bottom: 5px;
}
.message-notification .notification-header {
  width: 180px;
  color: black;
}
.message-notification .popover {
  max-width: 350px;
  width: 290px;
  border-width: 3px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.message-notification .popover .popover-content {
  padding: 20px;
}
.truncate {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.fill-empty:empty:after {
  content: "\00a0\00a0";
}
.navbar-header {
  float: left;
}
.navbar-header .educas-icon.ei-logo-with-text {
  height: 32px !important;
}
.educas-nav .facebook-link {
  margin-right: 24px;
}
@media (max-width: 1200px) {
  .educas-nav .facebook-link {
    margin-right: 6px;
  }
}
.educas-nav .facebook-link .fa.fa-facebook {
  font-size: 32px;
}
.educas-nav.default-nav-bar .login-dropdown .text {
  margin: 4px 0 0 6px;
}
.educas-nav.default-nav-bar .login-dropdown .dropdown-menu {
  position: absolute;
  background-color: #ffffff;
  padding: 0;
  border: 1px solid #000000;
}
.educas-nav.default-nav-bar .login-dropdown .dropdown-menu > li:not(:first-child) {
  border-top: 1px solid #e2e2e2;
}
.educas-nav.default-nav-bar .login-dropdown .dropdown-menu > li > a {
  font-size: 18px;
  padding-right: 0;
  color: #000000;
}
.educas-nav.default-nav-bar .login-dropdown .dropdown-menu > li > a:hover {
  background-color: #009645;
  color: #ffffff;
}
.educas-nav.logged-in-nav-bar .theme-menu-separator {
  margin: 5px 0 5px;
}
.educas-nav.logged-in-nav-bar .theme-dropdown > ul > li > a > span.fa.menu-item-icon {
  font-size: 16px;
}
.educas-nav.logged-in-nav-bar .ei-homework,
.educas-nav.logged-in-nav-bar .ei-collection {
  height: 32px;
  width: 44px;
  margin-top: 2px;
}
.educas-nav.parent-nav-bar .child-name {
  margin-left: 15px;
  vertical-align: super;
}
.educas-nav.parent-nav-bar .fa.child-icon {
  font-size: 20px;
  margin-left: -30px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.educas-nav .username {
  margin-left: 15px;
  vertical-align: super;
}
.educas-nav .navbar-nav {
  float: left;
  margin: 0;
}
.educas-nav .navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.educas-nav .nav > li {
  display: inline-block;
}
.nav-element {
  max-height: 48px;
  line-height: 30px;
  position: relative;
  display: block;
  color: #FFFFFF;
  padding: 10px 15px;
}
@media (max-width: 992px) {
  .nav-element {
    padding: 10px 8px;
  }
}
.nav-element:hover {
  list-style-position: inside;
  padding-bottom: 7px;
  border-bottom: 3px solid white;
  cursor: pointer;
}
.redeem-parent-link-page .widget.widget-big .redeem-parent-link-body {
  padding: 14px 30px 20px 30px;
}
.redeem-parent-link-page .widget.widget-big .redeem-parent-link-body p {
  font-size: 135%;
}
.redeem-parent-link-page .widget.widget-big .redeem-parent-link-body .accept-student-buttons .btn-danger {
  width: 60px;
  margin-right: 30px;
}
.redeem-parent-link-page .widget.widget-big .redeem-parent-link-body .accept-student-buttons .btn-success {
  width: 60px;
}
.redeem-parent-link-page .redeem-link-form .email-label {
  margin-left: 12px;
}
.redeem-parent-link-page .redeem-link-form .email-content {
  margin-left: 78px;
}
.redeem-parent-link-page .redeem-link-form .input-group-addon {
  min-width: 125px;
  text-align: left;
}
.add-parent-box {
  padding: 16px;
}
.add-parent-success .widget.widget-big .body,
.add-parent-fail .widget.widget-big .body,
.add-parent .widget.widget-big .body {
  padding: 27px 30px 20px 30px;
}
.add-parent-success .widget.widget-big .body p,
.add-parent-fail .widget.widget-big .body p,
.add-parent .widget.widget-big .body p {
  font-size: 135%;
}
.student-index .homework-active .grouped-course,
.parent-index .homework-active .grouped-course {
  margin-bottom: 24px;
}
.student-index .homework-active .grouped-course h2 .expand-collapse-icon,
.parent-index .homework-active .grouped-course h2 .expand-collapse-icon {
  margin-left: 7px;
  font-size: 28px;
}
.student-index .homework-active .grouped-course td.title .title-wrapper,
.parent-index .homework-active .grouped-course td.title .title-wrapper {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (min-width: 1200px) {
  .student-index .homework-active .grouped-course td.title .title-wrapper,
  .parent-index .homework-active .grouped-course td.title .title-wrapper {
    max-width: 285px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .student-index .homework-active .grouped-course td.title .title-wrapper,
  .parent-index .homework-active .grouped-course td.title .title-wrapper {
    max-width: 155px;
  }
}
@media (max-width: 991px) {
  .student-index .homework-active .grouped-course td.title .title-wrapper,
  .parent-index .homework-active .grouped-course td.title .title-wrapper {
    max-width: 255px;
  }
}
.student-index .homework-active .grouped-course td.title .title-wrapper i.fa.fa-arrow-circle-left,
.parent-index .homework-active .grouped-course td.title .title-wrapper i.fa.fa-arrow-circle-left {
  margin-right: 6px;
  color: #BD362F;
  font-size: 20px;
}
.student-index .homework-active .grouped-course td.teacher-name,
.parent-index .homework-active .grouped-course td.teacher-name {
  max-width: 60px;
}
.student-index .homework-active .grouped-course td.buttons,
.parent-index .homework-active .grouped-course td.buttons {
  width: 105px;
  text-align: right;
}
.student-index .homework-active .grouped-course td.buttons a,
.parent-index .homework-active .grouped-course td.buttons a {
  display: inline-block;
}
.student-index .homework-active .grouped-course td.buttons .teacher-message-button,
.parent-index .homework-active .grouped-course td.buttons .teacher-message-button {
  margin-right: 6px;
}
.student-index .homework-active .grouped-course tr:first-child td:last-child,
.parent-index .homework-active .grouped-course tr:first-child td:last-child {
  border-top: none;
}
.student-index .completed-homework .ei-collection-black,
.parent-index .completed-homework .ei-collection-black {
  width: 26px;
  height: 23px;
  vertical-align: 0;
}
.student-index .completed-homework .grouped-course h2 .course-title,
.parent-index .completed-homework .grouped-course h2 .course-title {
  width: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (min-width: 992px) {
  .student-index .completed-homework .grouped-course h2 .course-title,
  .parent-index .completed-homework .grouped-course h2 .course-title {
    width: 158px;
  }
}
@media (min-width: 1200px) {
  .student-index .completed-homework .grouped-course h2 .course-title,
  .parent-index .completed-homework .grouped-course h2 .course-title {
    width: 225px;
  }
}
.student-index .completed-homework .grouped-course .homework-card h4,
.parent-index .completed-homework .grouped-course .homework-card h4 {
  margin-top: 0;
}
.student-index .completed-homework .grouped-course .homework-card h4.homework-title,
.parent-index .completed-homework .grouped-course .homework-card h4.homework-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 992px) {
  .student-index .completed-homework .grouped-course .homework-card h4.homework-title,
  .parent-index .completed-homework .grouped-course .homework-card h4.homework-title {
    width: auto;
  }
}
@media (min-width: 992px) {
  .student-index .completed-homework .grouped-course .homework-card h4.homework-title,
  .parent-index .completed-homework .grouped-course .homework-card h4.homework-title {
    width: 175px;
  }
}
@media (min-width: 1200px) {
  .student-index .completed-homework .grouped-course .homework-card h4.homework-title,
  .parent-index .completed-homework .grouped-course .homework-card h4.homework-title {
    width: 240px;
  }
}
.student-index .completed-homework .grouped-course .homework-card:hover,
.parent-index .completed-homework .grouped-course .homework-card:hover {
  border-color: #f1c40f;
}
.student-index .homework-archive .pre-body,
.parent-index .homework-archive .pre-body {
  background-color: #2980b9;
  padding: 10px 0 10px 0;
}
.student-index .homework-archive .pre-body .school-year-dropdown .form-control,
.parent-index .homework-archive .pre-body .school-year-dropdown .form-control,
.student-index .homework-archive .pre-body .course-dropdown .form-control,
.parent-index .homework-archive .pre-body .course-dropdown .form-control {
  border-radius: 0;
  display: inline-block;
  text-align: left;
}
.student-index .homework-archive .pre-body .school-year-dropdown .caret,
.parent-index .homework-archive .pre-body .school-year-dropdown .caret,
.student-index .homework-archive .pre-body .course-dropdown .caret,
.parent-index .homework-archive .pre-body .course-dropdown .caret {
  float: right;
  margin-top: 8px;
  border-top: 4px solid black;
}
@-moz-document url-prefix() {
  .student-index .homework-archive .pre-body .school-year-dropdown .caret,
  .parent-index .homework-archive .pre-body .school-year-dropdown .caret,
  .student-index .homework-archive .pre-body .course-dropdown .caret,
  .parent-index .homework-archive .pre-body .course-dropdown .caret {
    margin-top: -10px;
  }
}
.student-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu,
.parent-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu,
.student-index .homework-archive .pre-body .course-dropdown .dropdown-menu,
.parent-index .homework-archive .pre-body .course-dropdown .dropdown-menu {
  margin-top: -2px;
}
.student-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a,
.parent-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a,
.student-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a,
.parent-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a {
  width: 348px;
}
@media (max-width: 1199px) {
  .student-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a,
  .parent-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a,
  .student-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a,
  .parent-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a {
    width: 281px;
  }
}
@media (max-width: 991px) {
  .student-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a,
  .parent-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a,
  .student-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a,
  .parent-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a {
    width: 208px;
  }
}
.student-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a:hover,
.parent-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a:hover,
.student-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a:hover,
.parent-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a:hover,
.student-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a:focus,
.parent-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a:focus,
.student-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a:focus,
.parent-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a:focus {
  font-weight: bold;
  color: #fff;
  background-color: #2980b9;
  border-color: #2980b9;
}
.student-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a:hover:hover,
.parent-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a:hover:hover,
.student-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a:hover:hover,
.parent-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a:hover:hover,
.student-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a:focus:hover,
.parent-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a:focus:hover,
.student-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a:focus:hover,
.parent-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a:focus:hover,
.student-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a:hover:focus,
.parent-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a:hover:focus,
.student-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a:hover:focus,
.parent-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a:hover:focus,
.student-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a:focus:focus,
.parent-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a:focus:focus,
.student-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a:focus:focus,
.parent-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a:focus:focus,
.student-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a:hover:active,
.parent-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a:hover:active,
.student-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a:hover:active,
.parent-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a:hover:active,
.student-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a:focus:active,
.parent-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a:focus:active,
.student-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a:focus:active,
.parent-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a:focus:active,
.student-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a:hover[disabled],
.parent-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a:hover[disabled],
.student-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a:hover[disabled],
.parent-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a:hover[disabled],
.student-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a:focus[disabled],
.parent-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a:focus[disabled],
.student-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a:focus[disabled],
.parent-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a:focus[disabled],
.student-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a:hover[disabled]:hover,
.parent-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a:hover[disabled]:hover,
.student-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a:hover[disabled]:hover,
.parent-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a:hover[disabled]:hover,
.student-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a:focus[disabled]:hover,
.parent-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu > li > a:focus[disabled]:hover,
.student-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a:focus[disabled]:hover,
.parent-index .homework-archive .pre-body .course-dropdown .dropdown-menu > li > a:focus[disabled]:hover {
  color: #fff;
  background-color: #7fb3d5;
  *background-color: #6ca8cf;
  border-color: #7fb3d5;
  box-shadow: none;
}
.student-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu .active > a,
.parent-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu .active > a,
.student-index .homework-archive .pre-body .course-dropdown .dropdown-menu .active > a,
.parent-index .homework-archive .pre-body .course-dropdown .dropdown-menu .active > a,
.student-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu .active > a:hover,
.parent-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu .active > a:hover,
.student-index .homework-archive .pre-body .course-dropdown .dropdown-menu .active > a:hover,
.parent-index .homework-archive .pre-body .course-dropdown .dropdown-menu .active > a:hover,
.student-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu .active > a:focus,
.parent-index .homework-archive .pre-body .school-year-dropdown .dropdown-menu .active > a:focus,
.student-index .homework-archive .pre-body .course-dropdown .dropdown-menu .active > a:focus,
.parent-index .homework-archive .pre-body .course-dropdown .dropdown-menu .active > a:focus {
  background-color: #2980b9;
}
.student-index .homework-archive .table.fixed-layout th:not(:first-child),
.parent-index .homework-archive .table.fixed-layout th:not(:first-child),
.student-index .homework-archive .table.fixed-layout td:not(:first-child),
.parent-index .homework-archive .table.fixed-layout td:not(:first-child) {
  text-align: center;
}
.student-index .homework-archive .table.fixed-layout th.completed-date,
.parent-index .homework-archive .table.fixed-layout th.completed-date {
  width: 140px;
}
.student-index .homework-archive .table.fixed-layout th.result,
.parent-index .homework-archive .table.fixed-layout th.result {
  width: 60px;
}
.student-index .homework-archive .table.fixed-layout th.assigned-by,
.parent-index .homework-archive .table.fixed-layout th.assigned-by {
  width: 80px;
}
.student-index .homework-archive .table.fixed-layout th.buttons,
.parent-index .homework-archive .table.fixed-layout th.buttons {
  width: 220px;
}
@media (max-width: 991px) {
  .student-index .homework-archive .table.fixed-layout th.buttons,
  .parent-index .homework-archive .table.fixed-layout th.buttons {
    width: 144px;
  }
}
.student-index .homework-archive .table.fixed-layout td.grades,
.parent-index .homework-archive .table.fixed-layout td.grades {
  width: 60px;
  padding-left: 0;
}
.student-index .homework-archive .table.fixed-layout td.percent,
.parent-index .homework-archive .table.fixed-layout td.percent {
  width: 60px;
  padding-left: 0;
}
.student-index .pagination .active span,
.parent-index .pagination .active span {
  background-color: #2980b9;
}
.student-index .modal.teacher-message .modal-dialog textarea,
.parent-index .modal.teacher-message .modal-dialog textarea {
  width: 100%;
  height: 120px;
}
@media print {
  body {
    background: none;
  }
  .btn {
    display: none !important;
  }
  .container {
    width: 100%;
  }
  .content-wrapper .content-body {
    overflow: visible;
  }
}
.teacher-guide-content .teacher-guide-padding {
  padding-top: 20px;
  padding-bottom: 45px;
}
.teacher-guide-content .educas-rich-text-editor {
  outline: 2px solid #2980b9;
  padding: 2px 5px;
  min-height: 13ex;
}
.teacher-guide-toolbar .edit-related-buttons {
  display: none;
}
body {
  font-family: rambla, "Myriad Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 16px;
}
h1,
h2,
h3 {
  margin-top: 15px;
  margin-bottom: 8px;
}
h1 {
  font-size: 42px;
  font-family: 'Londrina Solid', sans-serif;
}
h2 {
  font-family: 'Londrina Solid', sans-serif;
}
h3 {
  font-family: 'Londrina Solid', sans-serif;
}
h4 {
  font-family: 'Londrina Solid', sans-serif;
}
h5 {
  font-family: 'Londrina Solid', sans-serif;
}
.text-header {
  font-family: 'Londrina Solid', sans-serif;
}
.text-white {
  color: #fff;
}
.text-green {
  color: #009645;
}
.text-light-green {
  color: #83DBA7;
}
.text-black {
  color: #000000;
}
.text-hint {
  color: #999999;
}
.text-blue {
  color: #2980b9;
}
.text-danger {
  color: #DA4F49;
}
.educas-rich-text-editor,
.educas-rich-text-editor-render,
#question-list,
.exercise-text {
  font-family: Verdana, Geneva, sans-serif;
}
.theme-item-index .theme-toolbar .published-at,
.theme-page .theme-toolbar .published-at {
  height: 30px;
  width: 105px;
}
.theme-item-index .theme-toolbar .color-picker option,
.theme-page .theme-toolbar .color-picker option {
  color: white;
}
.theme-item-index .theme-toolbar .color-picker.summary-color-blue,
.theme-page .theme-toolbar .color-picker.summary-color-blue {
  color: #2980b9;
}
.theme-item-index .theme-toolbar .color-picker option[value="blue"],
.theme-page .theme-toolbar .color-picker option[value="blue"] {
  background-color: #2980b9;
}
.theme-item-index .theme-toolbar .color-picker.summary-color-green,
.theme-page .theme-toolbar .color-picker.summary-color-green {
  color: #009645;
}
.theme-item-index .theme-toolbar .color-picker option[value="green"],
.theme-page .theme-toolbar .color-picker option[value="green"] {
  background-color: #009645;
}
.theme-item-index .theme-toolbar .color-picker.summary-color-red,
.theme-page .theme-toolbar .color-picker.summary-color-red {
  color: #BD362F;
}
.theme-item-index .theme-toolbar .color-picker option[value="red"],
.theme-page .theme-toolbar .color-picker option[value="red"] {
  background-color: #BD362F;
}
.theme-item-index .theme-toolbar .color-picker.summary-color-yellow,
.theme-page .theme-toolbar .color-picker.summary-color-yellow {
  color: #f1c40f;
}
.theme-item-index .theme-toolbar .color-picker option[value="yellow"],
.theme-page .theme-toolbar .color-picker option[value="yellow"] {
  background-color: #f1c40f;
}
.theme-item-index .theme-header,
.theme-page .theme-header {
  background-color: #FFFFFF;
  border-top: 4px solid #009645;
  border-bottom: 4px solid #009645;
}
.theme-item-index .theme-header h1,
.theme-page .theme-header h1 {
  margin-top: 26px;
  margin-bottom: 14px;
}
.theme-item-index .theme-item-text,
.theme-page .theme-item-text {
  padding-bottom: 30px;
}
.theme-item-index .theme-item-wrapper,
.theme-page .theme-item-wrapper {
  padding: 10px 120px 10px 120px;
}
@media (max-width: 1200px) {
  .theme-item-index .theme-item-wrapper,
  .theme-page .theme-item-wrapper {
    padding: 10px 10px 10px 10px;
  }
}
.theme-item-index .theme-item-wrapper .theme-item-summary,
.theme-page .theme-item-wrapper .theme-item-summary {
  margin-top: 10px;
  margin-bottom: 10px;
}
.theme-item-index .summary .theme-item-summary-center,
.theme-page .summary .theme-item-summary-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.theme-item-index .theme-edit:empty:before,
.theme-page .theme-edit:empty:before {
  font: inherit;
  font-style: italic;
  color: gray;
}
.theme-item-index .theme-edit.summary:empty:before,
.theme-page .theme-edit.summary:empty:before {
  content: "Skriv resume her...";
}
.theme-item-index .theme-edit.text:empty:before,
.theme-page .theme-edit.text:empty:before {
  content: "Skriv tekst her...";
}
.theme-item-index .theme-click-instruction,
.theme-page .theme-click-instruction {
  background-color: white;
  display: block;
  width: 40%;
  padding: 10px 0px 10px 0px;
  margin: auto;
  text-align: center;
  font-size: 16pt;
  color: black;
  margin: 10px 30% 5px 30%;
  border: 3px solid #009645;
}
.theme-item-index .theme-item-summary,
.theme-page .theme-item-summary {
  text-align: left;
  vertical-align: top;
  display: inline-block;
  width: 450px;
  padding: 0px 10px 0px 10px;
}
.theme-item-index .theme-item-summary.summary-color-blue header,
.theme-page .theme-item-summary.summary-color-blue header {
  background-color: #2980b9;
}
.theme-item-index .theme-item-summary.summary-color-blue .body,
.theme-page .theme-item-summary.summary-color-blue .body {
  border: 4px solid #2980b9;
}
.theme-item-index .theme-item-summary.summary-color-green header,
.theme-page .theme-item-summary.summary-color-green header {
  background-color: #009645;
}
.theme-item-index .theme-item-summary.summary-color-green .body,
.theme-page .theme-item-summary.summary-color-green .body {
  border: 4px solid #009645;
}
.theme-item-index .theme-item-summary.summary-color-red header,
.theme-page .theme-item-summary.summary-color-red header {
  background-color: #BD362F;
}
.theme-item-index .theme-item-summary.summary-color-red .body,
.theme-page .theme-item-summary.summary-color-red .body {
  border: 4px solid #BD362F;
}
.theme-item-index .theme-item-summary.summary-color-yellow header,
.theme-page .theme-item-summary.summary-color-yellow header {
  background-color: #f1c40f;
}
.theme-item-index .theme-item-summary.summary-color-yellow .body,
.theme-page .theme-item-summary.summary-color-yellow .body {
  border: 4px solid #f1c40f;
}
.theme-item-index .theme-item-summary.unpublished,
.theme-page .theme-item-summary.unpublished {
  opacity: 0.6;
}
.theme-item-index .theme-item-summary header h1,
.theme-page .theme-item-summary header h1 {
  width: 100%;
}
.theme-item-index .theme-item-summary .body,
.theme-page .theme-item-summary .body {
  height: 300px;
  position: relative;
  overflow: hidden;
}
.theme-item-index .theme-item-summary .body img,
.theme-page .theme-item-summary .body img {
  max-width: 438px;
  max-height: 300px;
}
.theme-item-index .theme-item-summary .body .theme-item-edit-button,
.theme-page .theme-item-summary .body .theme-item-edit-button {
  position: absolute;
  bottom: 8px;
  right: 8px;
}
@media (max-width: 991px) {
  .theme-item-index .search-container.wide,
  .theme-page .search-container.wide {
    display: none;
  }
}
@media (min-width: 992px) {
  .theme-item-index .search-container.narrow,
  .theme-page .search-container.narrow {
    display: none;
  }
}
.theme-item-index .search-container .search-field,
.theme-page .search-container .search-field {
  width: 430px;
  margin: 10px 10px 10px 10px;
  padding: 0 5px;
  font-family: rambla, "Myriad Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 20px;
  color: #666666;
}
.theme-page-editor {
  margin-top: 35px;
  position: absolute;
  right: 5px;
}
.theme-page-editor .btn-group {
  font-family: rambla, "Myriad Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  margin-left: 3px;
}
.theme-editor-popover {
  padding: 2px 5px;
  max-width: 250px;
  width: 250px;
}
.theme-editor-popover ul {
  margin-bottom: 3px;
}
.theme-editor-popover li {
  display: block;
  color: white;
  margin-top: 2px;
  padding-left: 2px;
  font-family: rambla, "Myriad Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 16px;
  font-weight: bold;
  cursor: move;
}
.theme-editor-popover .item-blue {
  background-color: #2980b9;
  border: 4px solid #2980b9;
}
.theme-editor-popover .item-blue.unpublished {
  background-color: #94c0dc;
  border-color: #94c0dc;
}
.theme-editor-popover .item-green {
  background-color: #009645;
  border: 4px solid #009645;
}
.theme-editor-popover .item-green.unpublished {
  background-color: #80cba2;
  border-color: #80cba2;
}
.theme-editor-popover .item-red {
  background-color: #BD362F;
  border: 4px solid #BD362F;
}
.theme-editor-popover .item-red.unpublished {
  background-color: #de9b97;
  border-color: #de9b97;
}
.theme-editor-popover .item-yellow {
  background-color: #f1c40f;
  border: 4px solid #f1c40f;
}
.theme-editor-popover .item-yellow.unpublished {
  background-color: #f8e287;
  border-color: #f8e287;
}
.author-collection-list .item-cell {
  margin-right: 12px;
}
.author-collection-list .item-cell.title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 300px;
  vertical-align: middle;
}
.author-collection-list .item-cell.created-at {
  width: 80px;
  vertical-align: middle;
}
.author-collection-list .item-cell.created-by {
  width: 100px;
  vertical-align: middle;
}
.author-collection-list .item-cell.updated-at {
  width: 80px;
  vertical-align: middle;
}
.author-collection-list .item-cell.updated-by {
  width: 100px;
  vertical-align: middle;
}
.author-collection-list .item-cell.grade-level {
  width: 80px;
  text-align: center;
  vertical-align: middle;
}
.author-collection-list .item-cell.status-type {
  width: 100px;
  text-align: center;
  vertical-align: middle;
}
.author-collection-list .item-cell.exercise-count {
  width: 50px;
  text-align: center;
  vertical-align: middle;
}
.author-collection-list .item-cell.button {
  width: 80px;
  vertical-align: middle;
}
.author-collection-list .selector {
  margin-bottom: 16px;
}
.author-collection-list .selector .item-cell:hover {
  background-color: #e2e2e2;
  cursor: hand;
}
.author-collection-list tr.collection-item:hover {
  background-color: #e2e2e2;
}
.author-collection-list .edit-button {
  margin-top: -10px;
  margin-right: 8px;
}
.author-collection-list i.fa-play {
  color: #009645;
  font-size: 25px;
}
.author-collection-list tbody.selected {
  border: 2px solid black;
}
.author-collection-list .list-card {
  height: 45px;
}
.author-collection-list .list-card h3 {
  text-align: left;
}
.author-collection-list .list-card h4 {
  text-align: center;
}
.author-exam-exercise-collection .row {
  margin: 0;
}
.author-exam-exercise-collection .toolbar {
  background-color: #FFFFFF;
  padding: 15px;
}
.author-exam-exercise-collection .toolbar .filters {
  float: right;
  display: inline-block;
  margin-left: 20px;
}
.author-exam-exercise-collection .toolbar .filters > * {
  margin-left: 10px;
}
.exam-exercise-collection section {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
  margin-top: 10px;
}
@media (min-width: 992px) {
  .exam-exercise-collection section {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 1200px) {
  .exam-exercise-collection section {
    float: left;
    width: 25%;
  }
}
.exam-exercise-collection section .header,
.exam-exercise-collection section header {
  height: 60px;
  padding: 10px 15px 0 15px;
}
.exam-exercise-collection section .header .tabs,
.exam-exercise-collection section header .tabs {
  padding: 0;
}
.exam-exercise-collection section .header .tabs > div,
.exam-exercise-collection section header .tabs > div {
  padding: 0;
}
.exam-exercise-collection section .header .tabs .tab,
.exam-exercise-collection section header .tabs .tab {
  background-color: #0b5f58;
  padding-left: 15px;
  padding-top: 10px;
  height: 60px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}
.exam-exercise-collection section .header .tabs .tab:first-child,
.exam-exercise-collection section header .tabs .tab:first-child {
  border-top-left-radius: 0;
}
.exam-exercise-collection section .header .tabs .tab:last-child,
.exam-exercise-collection section header .tabs .tab:last-child {
  border-top-right-radius: 0;
}
.exam-exercise-collection section .header .tabs .tab.active,
.exam-exercise-collection section header .tabs .tab.active {
  background-color: #009645;
}
.exam-exercise-collection section .header .tabs .tab.active a,
.exam-exercise-collection section header .tabs .tab.active a {
  color: #ffffff;
}
.exam-exercise-collection section .header .tabs .tab a,
.exam-exercise-collection section header .tabs .tab a {
  color: #bbc8c7;
}
.exam-exercise-collection section .header .ei-homework,
.exam-exercise-collection section header .ei-homework {
  margin-top: 4px;
}
.exam-exercise-collection section .header h1,
.exam-exercise-collection section header h1 {
  margin-left: 10px;
  display: inline-block;
  line-height: 42px;
  margin-top: 0px;
  vertical-align: middle;
}
.exam-exercise-collection section .header h1.h1-icon,
.exam-exercise-collection section header h1.h1-icon {
  margin-left: 0;
}
.exam-exercise-collection section .pre-body {
  min-height: 39px;
}
.exam-exercise-collection section .body {
  padding: 15px 15px 15px 15px;
}
.exam-exercise-collection section .body h2,
.exam-exercise-collection section .body h3 {
  margin-top: 0;
}
.exam-exercise-collection section.widget-big .body {
  padding: 14px 20px 45px 20px;
}
.exam-exercise-collection section.login-widget {
  margin: 0 auto;
  padding-bottom: 0;
  max-width: 400px;
}
.exam-exercise-collection section.login-widget .uni-login {
  box-sizing: content-box;
  background: #2980b9;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.exam-exercise-collection section.login-widget .uni-login a {
  color: white;
}
.exam-exercise-collection section.exercise-widget .header {
  padding: 0;
}
.exam-exercise-collection section.exercise-widget .body {
  padding: 15px 15px 0 15px;
}
.exam-exercise-collection section header {
  background-color: #2980b9;
  height: auto;
}
.exam-exercise-collection h3 {
  color: #FFFFFF;
  margin: 0;
  padding-bottom: 5px;
}
.exam-exercise-collection .body {
  background-color: #FFFFFF;
}
.exam-exercise-collection .body:before,
.exam-exercise-collection .body:after {
  content: " ";
  display: table;
}
.exam-exercise-collection .body:after {
  clear: both;
}
.exam-exercise-collection .body:before,
.exam-exercise-collection .body:after {
  content: none;
  font: 0/0 a;
  display: table;
}
.exam-exercise-collection .body:after {
  clear: both;
}
.exam-exercise-collection .body:before,
.exam-exercise-collection .body:after {
  content: none;
  font: 0/0 a;
  display: table;
}
.exam-exercise-collection .body:after {
  clear: both;
}
.exam-exercise-collection .button-status i,
.exam-exercise-collection .button-save i {
  margin-right: 10px;
}
.exam-exercise-collection .button-status {
  position: relative;
  float: left;
  width: 66.66666667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.exam-exercise-collection .button-save {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.author-exercise-list .create-buttons,
.author-collection-list .create-buttons {
  margin-bottom: 15px;
}
.author-exercise-list .create-buttons button,
.author-collection-list .create-buttons button {
  margin-right: 3px;
}
.author-exercise-list .topics,
.author-collection-list .topics {
  margin-left: 3px;
}
.author-exercise-list .collaborator,
.author-collection-list .collaborator {
  min-width: 165px;
  margin-left: 3px;
}
.author-exercise-list .topics,
.author-collection-list .topics {
  min-width: 300px;
}
.author-exercise-list td,
.author-collection-list td {
  padding-right: 20px;
  white-space: nowrap;
}
.author-exercise-list .cell-title,
.author-collection-list .cell-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 300px;
}
.author-exercise-list .cell-course,
.author-collection-list .cell-course {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 72px;
}
.exercise-list-selector .form-control:focus {
  border-color: #009645;
}
.exercise-list-selector .exercise-search ul {
  width: calc(100% - 59px);
}
.exercise-list-selector ul[ui-sortable] {
  padding-left: 0;
}
.exercise-list-selector ul[ui-sortable] li {
  font-weight: bold;
  color: #fff;
  background-color: #009645;
  border-color: #009645;
  display: block;
  cursor: move;
  list-style: none;
  padding: 5px;
  margin-bottom: 3px;
}
.exercise-list-selector ul[ui-sortable] li:hover,
.exercise-list-selector ul[ui-sortable] li:focus,
.exercise-list-selector ul[ui-sortable] li:active,
.exercise-list-selector ul[ui-sortable] li[disabled],
.exercise-list-selector ul[ui-sortable] li[disabled]:hover {
  color: #fff;
  background-color: #007637;
  *background-color: #005d2b;
  border-color: #007637;
  box-shadow: none;
}
.exercise-list-selector ul[ui-sortable] li .icon-move {
  padding-right: 5px;
}
.exercise-list-selector ul[ui-sortable] li .icon-remove {
  float: right;
  margin-top: 4px;
  cursor: default;
}
.ffm-info-modal .modal-dialog {
  width: 980px;
}
.ffm-info-modal pre {
  background-color: #ffffff;
}
.ffm-info-modal pre .ffm-breadcrumbs {
  padding-bottom: 15px;
}
.ffm-info-modal pre .ffm-breadcrumbs .ffm-item:hover {
  background-color: #83DBA7;
}
.admin .content {
  padding: 20px;
}
.admin header i {
  margin-top: 5px;
}
.admin .widget h1 {
  vertical-align: baseline;
}
.admin .widget h2 {
  display: inline;
  padding-left: 5px;
  font-size: 36px;
}
.admin .widget .body.grid {
  border: 1px solid #d4d4d4;
  height: 100%;
}
.hover-box {
  border: 1px solid #ececec;
  margin-bottom: 10px;
}
.hover-box .item {
  padding: 5px 10px 5px 10px;
  cursor: pointer;
}
.hover-box .item:hover {
  background-color: #fdedb7;
}
.collaborator-index .logout {
  font-family: 'Londrina Solid', sans-serif;
  font-size: 30px;
}
.collaborator-index table {
  margin-top: 12px;
}
.collaborator-index table .cell-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 440px;
}
.collaborator-index table .cell-course {
  width: 245px;
}
.collaborator-index table .cell-grade-range {
  width: 100px;
}
.collaborator-index table .cell-exercise-type {
  width: 155px;
}
body {
  background: #b2b2b2 no-repeat center top;
  background-size: 100% auto;
}
@media (min-width: 1200px) {
  body {
    background-image: url(/static/img/backgrounds/beta-forside-almindelig-2560x1440.jpg);
  }
}
@media (min-width: 992px) {
  body {
    background-image: url(/static/img/backgrounds/beta-forside-almindelig-1920x1080.jpg);
  }
}
@media (max-width: 991px) {
  body {
    background-image: url(/static/img/backgrounds/beta-forside-almindelig-1280x720.jpg);
  }
}
body.ui-router-teacher-home {
  background: url(/static/img/backgrounds/charecters-bottom-background-lg.png), url(/static/img/backgrounds/raw-background-1920.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 1250px, cover;
}
@media (min-width: 992px) and (max-width: 1199px) {
  body.ui-router-teacher-home {
    background-size: 1000px, cover;
  }
}
@media (max-width: 991px) {
  body.ui-router-teacher-home {
    background-size: 770px, cover;
  }
}
body.exercise-multiple-choice .container,
body.exercise-cloze .container,
body.answer-index .container,
body.exercise-list .container,
body.exercise-index .container,
body.exercise-static .container,
body.exercise-rich-text .container,
body.exercise-drag-n-drop .container,
body.theme-item-index .container {
  width: 100%;
  min-width: 830px;
}
@media (min-width: 970px) {
  body.exercise-multiple-choice .container,
  body.exercise-cloze .container,
  body.answer-index .container,
  body.exercise-list .container,
  body.exercise-index .container,
  body.exercise-static .container,
  body.exercise-rich-text .container,
  body.exercise-drag-n-drop .container,
  body.theme-item-index .container {
    width: 970px;
  }
}
.bg-dark-green {
  background-color: #0b5f58;
}
.bg-yellow {
  background-color: #f1c40f;
}
.bg-green {
  background-color: #009645;
}
.bg-red {
  background-color: #BD362F;
}
.bg-danger {
  background-color: #f2dede;
}
.bg-white {
  background-color: #fff;
}
.bg-blue {
  background-color: #2980b9;
}
.bg-grey {
  background-color: rgba(211, 211, 211, 0.5);
}
.bg-light-green {
  background-color: #83DBA7;
}
.bg-semi-light-green {
  background-color: #4cb377;
}
.bg-modal {
  background-color: rgba(0, 0, 0, 0.73);
}
.homework-card {
  font-size: 12px;
  padding: 6px;
  margin-bottom: 7px;
  border: 1px solid #ececec;
}
.homework-card a {
  margin-right: 6px;
  font-weight: bold;
}
.homework-card a > * {
  margin-right: 4px;
  vertical-align: middle;
}
.homework-card.selected,
.homework-card:hover,
.homework-card:focus {
  padding: 5px;
  border: 2px solid #7fb3d5;
}
.homework-card:last-child {
  margin-bottom: 10px;
}
.homework-card.ng-enter {
  -webkit-transition: 2s linear all;
  transition: 2s linear all;
  padding: 5px;
  border: 2px solid #7fb3d5;
}
.notification-card {
  font-size: 12px;
  padding: 6px;
  margin-bottom: 7px;
  border: 1px solid #ececec;
}
.notification-card h5,
.notification-card h4,
.notification-card h3 {
  margin-top: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 7px;
}
.notification-card .card-delete {
  float: right;
  cursor: pointer;
}
.notification-card.selected,
.notification-card:hover,
.notification-card:focus {
  padding: 5px;
  border: 2px solid;
}
.notification-card:last-child {
  margin-bottom: 10px;
}
.notification-card.message {
  border: 1px solid #7abf97;
}
.notification-card.message.selected,
.notification-card.message:hover,
.notification-card.message:focus {
  padding: 5px;
  border: 2px solid #7abf97;
}
.notification-card .count {
  color: #0b5f58;
  margin-top: 0;
}
.list-card {
  padding: 6px;
  margin-bottom: 7px;
  border: 1px solid #ececec;
}
.list-card .title {
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 992px) {
  .list-card .title {
    width: auto;
  }
}
@media (min-width: 992px) {
  .list-card .title {
    width: 200px;
  }
}
@media (min-width: 1200px) {
  .list-card .title {
    width: 350px;
  }
}
.list-card .info > * {
  margin: 0;
  vertical-align: middle;
}
.list-card .info > *.btn {
  margin-right: 4px;
}
.list-card .info .item {
  margin-right: 22px;
}
.list-card .info .item:first-child {
  margin-right: 114px;
}
.list-card .icon-down {
  color: #009645;
  margin-left: 12px;
  margin-right: 8px;
}
.list-card.selected,
.list-card:hover,
.list-card:focus {
  padding: 5px;
  border: 2px solid #009645;
}
.educas-checkbox {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 22px;
  height: 22px;
  background: #ffffff;
  border: 1px solid #949494;
  position: relative;
  display: inline-block;
}
.educas-checkbox label {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  height: 21px;
  width: 21px;
  margin-bottom: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
}
.educas-checkbox label:after {
  opacity: 0;
  content: '';
  position: absolute;
  width: 15px;
  height: 7px;
  background: transparent;
  border-bottom: 3px solid #000000;
  border-left: 3px solid #000000;
  margin: 5px 0 0 3px;
}
.educas-checkbox label:hover::after {
  opacity: 0.3;
}
.educas-checkbox input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.educas-checkbox input[type=checkbox][disabled] + label:after {
  opacity: 0.3;
  cursor: not-allowed;
}
.educas-checkbox input[type=checkbox] {
  visibility: hidden;
}
[contenteditable=""]:focus,
[contenteditable="true"]:focus {
  outline: solid 2px #2980b9;
}
[contenteditable=""]:hover,
[contenteditable="true"]:hover {
  outline: solid 2px #7fb3d5;
}
.deadline-picker {
  margin-bottom: -10px;
}
.deadline-picker fieldset legend {
  font-size: 16px;
  border-bottom: none;
  margin-bottom: 5px;
}
.deadline-picker fieldset .radio {
  margin-left: 13px;
}
.educas-multiselect {
  width: 100%;
  font-family: rambla, "Myriad Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 14px;
}
.educas-multiselect.select2-container-multi .select2-choices {
  background-image: none;
  border-color: #ccc;
}
.educas-multiselect.select2-container-multi .select2-choices .select2-search-choice {
  background: none;
  border-radius: 0;
  margin-top: 5px;
}
.educas-multiselect.select2-container-multi .select2-choices .select2-search-field input {
  width: 100%;
}
#select2-drop {
  border-radius: 0;
  font-size: 14px;
}
.select2-choices .select2-search-choice-close {
  background-image: none;
  top: 3px;
  -moz-font-feature-settings: normal;
  -moz-font-language-override: normal;
  display: inline-block;
  font-family: FontAwesome;
  font-size: 10pt;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
}
.select2-choices .select2-search-choice-close:before {
  content: "";
}
.educas-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.educas-icon.ei-collection-black {
  width: 26px;
  height: 20px;
  margin-right: 5px;
  vertical-align: middle;
  background-image: url(/static/img/icon/forloeb-icon-black.png);
}
.educas-icon.ei-collection-new {
  width: 40px;
  height: 34px;
  background-image: url(/static/img/icon/forloeb-new-icon.png);
}
.educas-icon.ei-logo {
  width: 40px;
  height: 32px;
  background-image: url(/static/img/icon/logo_white.png);
}
.educas-icon.ei-logo-green {
  width: 40px;
  height: 32px;
  background-image: url(/static/img/icon/logo_green.png);
}
.educas-icon.ei-logo-with-small-text {
  width: 125px;
  height: 39px;
  background-image: url(/static/img/icon/educas-logo-with-small-text.png);
}
.educas-icon.ei-logo-with-text {
  width: 200px;
  height: 39px;
  background-image: url(/static/img/icon/educas-logo-with-text.png);
}
.educas-icon.ei-theme-flame {
  width: 24px;
  height: 32px;
  background-image: url("/static/img/icon/theme-flame.png");
}
.educas-icon.ei-notification {
  width: 40px;
  height: 32px;
  background-image: url(/static/img/icon/comment.png);
}
.educas-icon.ei-notification-new {
  width: 40px;
  height: 32px;
  background-image: url(/static/img/icon/comment-new.png);
}
.educas-icon.ei-profile {
  width: 22px;
  height: 32px;
  background-image: url(/static/img/icon/profile-icon.png);
}
.educas-icon.ei-key {
  width: 35px;
  height: 32px;
  background-image: url(/static/img/icon/key-icon.png);
}
.educas-icon.ei-cinema {
  width: 29px;
  height: 32px;
  background-image: url(/static/img/icon/cinema.png);
}
.educas-icon.ei-pdf {
  width: 33px;
  height: 32px;
  background-image: url(/static/img/icon/pdf.png);
}
.educas-icon.ei-homework-stats {
  width: 40px;
  height: 32px;
  background-image: url(/static/img/icon/homework-statistic-icon.png);
}
.educas-icon.ei-collection {
  width: 57px;
  height: 41px;
  background-image: url(/static/img/icon/forloeb-icon.png);
}
.educas-icon.ei-kopimappe {
  width: 57px;
  height: 41px;
  background-image: url(/static/img/icon/kopimappe-icon.png);
}
.educas-icon.ei-homework {
  width: 53px;
  height: 39px;
  background-image: url(/static/img/icon/homework-materiel-icon.png);
}
.educas-icon.ei-collection-grey {
  width: 57px;
  height: 41px;
  background-image: url(/static/img/icon/forloeb-icon-grey.png);
}
.educas-icon.ei-homework-grey {
  width: 53px;
  height: 39px;
  background-image: url(/static/img/icon/homework-materiel-icon-grey.png);
}
.educas-icon.ei-homework-assigned {
  width: 55px;
  height: 39px;
  background-image: url(/static/img/icon/homework-assigned-icon.png);
}
.educas-icon.ei-homework-stats-o {
  width: 57px;
  height: 39px;
  background-image: url(/static/img/icon/homework-statistic-o-icon.png);
}
.educas-icon.ei-clear-formating {
  width: 15px;
  height: 12px;
  background-image: url(/static/img/icon/ryd-formattering.png);
}
.educas-icon.ei-homework-stats-small {
  width: 15px;
  height: 11px;
  margin-top: 3px;
  background-image: url(/static/img/icon/homework-statistic-small-icon.png);
}
.educas-icon.ei-group-status {
  width: 108px;
  height: 34px;
  background-image: url(/static/img/icon/group_status.png);
}
.educas-icon.ei-student-status {
  width: 108px;
  height: 34px;
  background-image: url(/static/img/icon/student_status.png);
}
.educas-icon.ei-close {
  width: 40px;
  height: 32px;
  background-image: url(/static/img/icon/close.png);
}
.educas-icon.ei-notification-star {
  width: 18px;
  height: 18px;
  background-image: url(/static/img/icon/notification-star.png);
}
.educas-icon.fa {
  font-size: 24pt;
}
.info-bubble-anchor {
  cursor: default;
}
.info-bubble {
  position: absolute;
  max-width: 300px;
  z-index: 1001;
}
.info-bubble.right,
.info-bubble.left {
  padding: 0px 5px;
}
.info-bubble-arrow {
  position: absolute;
  height: 0;
  width: 0;
}
.info-bubble-arrow.left {
  left: 0;
  top: 50%;
  margin-top: -5px;
  border-right: 5px solid #2980b9;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.info-bubble-inner {
  padding: 0px 5px;
  color: #164666;
  background-color: #cce1ee;
  border: 1px solid #2980b9;
}
.list-view {
  border: 1px solid #d3d3d3;
  height: 370px;
  overflow: auto;
  overflow-x: hidden;
  background-color: #ffffff;
}
.list-view.disabled {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
.list-view .list-item {
  border-bottom: 1px solid #d3d3d3;
  cursor: pointer;
  padding: 7px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.list-view .list-item .heading {
  display: inline-block;
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  vertical-align: middle;
}
.list-view .list-item .description {
  font-size: 14px;
}
.list-view .list-item .enabled-indicator {
  font-size: 20px;
  padding-right: 7px;
  color: #d3d3d3;
}
.list-view .list-item .enabled-indicator.active {
  color: #009645;
}
.list-view .list-item:last-child {
  border-bottom: none;
}
.list-view .list-item:hover {
  background-color: #f0f0f0;
}
.modal-backdrop.am-fade {
  background: #000000;
  background: transparent\9;
  background: rgba(0, 0, 0, 0.5);
  filter: " progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000)";
  zoom: 1;
}
.modal.center .modal-dialog {
  position: fixed;
  top: 40%;
  left: 50%;
  min-width: 320px;
  max-width: 630px;
  width: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.ribbon {
  position: absolute;
  background: #009645;
  color: #fff;
  text-align: center;
  width: 100%;
  width: calc(100% - 62px);
}
.ribbon h3 {
  margin-top: 8px;
  margin-bottom: 8px;
  font-weight: lighter;
  font-family: rambla, "Myriad Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.ribbon .float {
  position: absolute;
  left: 0;
  margin-left: 70px;
}
.ribbon:before,
.ribbon:after {
  content: "";
  position: absolute;
  display: block;
  bottom: -16px;
  border: 24px solid #00823c;
  z-index: -1;
}
.ribbon:before {
  left: -32px;
  border-right-width: 24px;
  border-left-color: transparent;
}
.ribbon:after {
  right: -32px;
  border-left-width: 24px;
  border-right-color: transparent;
}
.ribbon .ribbon-content:before,
.ribbon .ribbon-content:after {
  content: "";
  position: absolute;
  display: block;
  border-style: solid;
  border-color: #006d32 transparent transparent transparent;
  bottom: -16px;
}
.ribbon .ribbon-content:before {
  left: 0;
  border-width: 16px 0 0 16px;
}
.ribbon .ribbon-content:after {
  right: 0;
  border-width: 16px 16px 0 0;
}
.ribbon .ribbon-stitches-top {
  margin-top: 2px;
  border-top: 2px dashed #00bf58;
}
.ribbon .ribbon-stitches-bottom {
  margin-bottom: 2px;
  border-top: 2px dashed #00bf58;
}
.ribbon-green {
  color: #FFF;
  background: #009645;
}
.ribbon-green:before,
.ribbon-green:after {
  border: 24px solid #00823c;
}
.ribbon-green .ribbon-content:before,
.ribbon-green .ribbon-content:after {
  border-color: #006d32 transparent transparent transparent;
}
.ribbon-green:before {
  border-right-width: 24px;
  border-left-color: transparent;
}
.ribbon-green:after {
  border-left-width: 24px;
  border-right-color: transparent;
}
.ribbon-green .ribbon-stitches-top,
.ribbon-green .ribbon-stitches-bottom {
  border-top: 2px dashed #00e368;
}
.ribbon-grey {
  color: #FFF;
  background: #999999;
}
.ribbon-grey:before,
.ribbon-grey:after {
  border: 24px solid #8f8f8f;
}
.ribbon-grey .ribbon-content:before,
.ribbon-grey .ribbon-content:after {
  border-color: #858585 transparent transparent transparent;
}
.ribbon-grey:before {
  border-right-width: 24px;
  border-left-color: transparent;
}
.ribbon-grey:after {
  border-left-width: 24px;
  border-right-color: transparent;
}
.ribbon-grey .ribbon-stitches-top,
.ribbon-grey .ribbon-stitches-bottom {
  border-top: 2px dashed #bfbfbf;
}
.ribbon-blue {
  color: #FFF;
  background: #2980b9;
}
.ribbon-blue:before,
.ribbon-blue:after {
  border: 24px solid #2574a8;
}
.ribbon-blue .ribbon-content:before,
.ribbon-blue .ribbon-content:after {
  border-color: #226998 transparent transparent transparent;
}
.ribbon-blue:before {
  border-right-width: 24px;
  border-left-color: transparent;
}
.ribbon-blue:after {
  border-left-width: 24px;
  border-right-color: transparent;
}
.ribbon-blue .ribbon-stitches-top,
.ribbon-blue .ribbon-stitches-bottom {
  border-top: 2px dashed #55a5d9;
}
.student-group-selector .choose-group-message {
  color: #9f0d0d;
}
.student-group-selector .alert {
  padding: 5px;
  text-align: center;
}
.student-group-selector .additional-groups-alert {
  margin: 0px;
}
.student-group-selector .missing-groups-alert {
  margin-bottom: 10px;
}
.widget {
  margin-bottom: 30px;
  margin-top: 10px;
}
.widget .header,
.widget header {
  height: 60px;
  padding: 10px 15px 0 15px;
}
.widget .header .tabs,
.widget header .tabs {
  padding: 0;
}
.widget .header .tabs > div,
.widget header .tabs > div {
  padding: 0;
}
.widget .header .tabs .tab,
.widget header .tabs .tab {
  background-color: #0b5f58;
  padding-left: 15px;
  padding-top: 10px;
  height: 60px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}
.widget .header .tabs .tab:first-child,
.widget header .tabs .tab:first-child {
  border-top-left-radius: 0;
}
.widget .header .tabs .tab:last-child,
.widget header .tabs .tab:last-child {
  border-top-right-radius: 0;
}
.widget .header .tabs .tab.active,
.widget header .tabs .tab.active {
  background-color: #009645;
}
.widget .header .tabs .tab.active a,
.widget header .tabs .tab.active a {
  color: #ffffff;
}
.widget .header .tabs .tab a,
.widget header .tabs .tab a {
  color: #bbc8c7;
}
.widget .header .ei-homework,
.widget header .ei-homework {
  margin-top: 4px;
}
.widget .header h1,
.widget header h1 {
  margin-left: 10px;
  display: inline-block;
  line-height: 42px;
  margin-top: 0px;
  vertical-align: middle;
}
.widget .header h1.h1-icon,
.widget header h1.h1-icon {
  margin-left: 0;
}
.widget .pre-body {
  min-height: 39px;
}
.widget .body {
  padding: 15px 15px 15px 15px;
}
.widget .body h2,
.widget .body h3 {
  margin-top: 0;
}
.widget.widget-big .body {
  padding: 14px 20px 45px 20px;
}
.widget.login-widget {
  margin: 0 auto;
  padding-bottom: 0;
  max-width: 400px;
}
.widget.login-widget .uni-login {
  box-sizing: content-box;
  background: #2980b9;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.widget.login-widget .uni-login a {
  color: white;
}
.widget.exercise-widget .header {
  padding: 0;
}
.widget.exercise-widget .body {
  padding: 15px 15px 0 15px;
}
.cloze-exercise .cloze-input {
  display: inline-block;
  width: 50px;
  height: 28px;
  padding: 0 5px 0 5px;
  text-align: center;
}
.cloze-exercise sub .cloze-input,
.cloze-exercise sup .cloze-input {
  font-size: 90%;
  height: 90%;
  padding: 0;
}
.cloze-exercise .answer-choice-correct {
  font-weight: bold;
  color: #229552;
}
.cloze-exercise .answer-choice-correct:after {
  margin-left: 3px;
  font-family: 'FontAwesome';
  color: black;
  content: '\f087';
}
.cloze-exercise .answer-choice-wrong,
.cloze-exercise .answer-choice-unanswered {
  font-weight: bold;
  color: #a24d64;
}
.cloze-exercise .answer-choice-wrong:after,
.cloze-exercise .answer-choice-unanswered:after {
  margin-left: 3px;
  font-family: 'FontAwesome';
  color: black;
  content: '\f088';
}
.cloze-exercise .clozerizer-wrapper .btn-group {
  margin: 0 4px 0 0;
}
.exercise-description {
  margin-bottom: 0px;
  padding-bottom: 20px;
}
.exercise-description h1.editmode:empty:before {
  content: "Du har glemt en overskrift";
  color: #a4a4a4;
  opacity: .4;
}
.exercise-description img {
  padding: 5px;
}
.exercise-description .term-highlight {
  border-bottom: dotted #009645 2px;
  cursor: pointer;
  margin: -4px -4px -1px;
  padding: 4px 4px 1px;
}
.exercise-description .term-highlight:hover {
  background-color: #009645;
  color: white;
  transition: all 300ms linear 0ms;
}
.exercise-description .terms-presentation .term,
.exercise-description .terms-editable .term {
  width: 100%;
  background-color: #FFFFFF;
  border-right: none;
  box-shadow: #454545 2px 2px 10px;
  transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.exercise-description .terms-presentation .term .term-header,
.exercise-description .terms-editable .term .term-header {
  padding: 5px 5px 5px 9px;
  color: #FFFFFF;
}
.exercise-description .terms-presentation .term .term-header h3,
.exercise-description .terms-editable .term .term-header h3 {
  margin: 0;
}
.exercise-description .terms-presentation .term .term-body,
.exercise-description .terms-editable .term .term-body {
  padding: 9px 5px 9px 9px;
}
.exercise-description .terms-presentation .term.ng-enter,
.exercise-description .terms-editable .term.ng-enter {
  -webkit-transform: translateX(60px);
  -moz-transform: translateX(60px);
  -ms-transform: translateX(60px);
  -o-transform: translateX(60px);
  -moz-transition-duration: 250ms;
  -webkit-transition-duration: 250ms;
  -o-transition-duration: 250ms;
  transition-duration: 250ms;
  opacity: 0;
}
.exercise-description .terms-presentation .term.ng-enter-active,
.exercise-description .terms-editable .term.ng-enter-active {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  opacity: 1;
}
.exercise-description .terms-presentation .term.ng-leave,
.exercise-description .terms-editable .term.ng-leave {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  -moz-transition-duration: 250ms;
  -webkit-transition-duration: 250ms;
  -o-transition-duration: 250ms;
  transition-duration: 250ms;
  opacity: 1;
}
.exercise-description .terms-presentation .term.ng-leave-active,
.exercise-description .terms-editable .term.ng-leave-active {
  -webkit-transform: translateX(60px);
  -moz-transform: translateX(60px);
  -ms-transform: translateX(60px);
  -o-transform: translateX(60px);
  opacity: 0;
}
.exercise-description .terms-presentation {
  position: fixed;
  z-index: 1000;
}
@media (max-width: 991px) {
  .exercise-description .terms-presentation {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
  }
}
@media (min-width: 992px) {
  .exercise-description .terms-presentation {
    width: 240px;
    top: calc(50% - 100px);
    right: 0px;
  }
}
.exercise-description .terms-presentation .term {
  height: 100%;
  border: 1px solid #009645;
}
.exercise-description .terms-presentation .term .term-header {
  background-color: #009645;
  padding-bottom: 0;
}
.exercise-description .terms-presentation .term .term-body {
  height: calc(100% - 37px);
  overflow: auto;
}
.exercise-description .terms-editable {
  position: absolute;
  right: 0;
  top: 0;
  width: 240px;
}
.exercise-description .terms-editable .term {
  margin-top: 20px;
  border: 1px solid #2980b9;
}
.exercise-description .terms-editable .term .term-header {
  background-color: #2980b9;
}
.exercise-description .terms-editable .term .term-header .term-id {
  color: #add8e6;
  margin-left: 7px;
}
.ui-draggable,
.drag-n-drop-handle {
  -ms-touch-action: none;
}
.drag-n-drop-item-hover {
  outline-width: 2px;
  outline-style: solid;
  outline-color: #6ab0de;
}
.drag-n-drop-answer-toolbar {
  background-color: #ffffff;
}
.drag-n-drop-toolbar {
  background-color: #ffffff;
}
@media (min-width: 1200px) {
  .drag-n-drop-toolbar .stick {
    top: 81px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .drag-n-drop-toolbar .stick {
    top: 121px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .drag-n-drop-toolbar .stick {
    top: 161px;
  }
}
.drag-n-drop-item {
  background-color: white;
  border: 2px solid #2980b9;
  color: black;
  display: inline-block;
  padding: 4px 8px 6px 8px;
  font-weight: bold;
  cursor: move;
  position: relative;
  z-index: 100;
  outline: none;
}
.drag-n-drop-item[contenteditable=true] {
  cursor: text;
}
.drag-n-drop-item.in-multi {
  background-color: #bfd9ea;
}
.drag-n-drop-item.edit-view {
  margin-right: 4px;
}
.drag-n-drop-placeholder {
  margin-top: 3px;
  margin-right: 4px;
  vertical-align: top;
}
.drag-n-drop-img-answer {
  padding: 0;
}
.drag-n-drop-img-answer .fa-picture-o {
  font-size: 34px;
}
.drag-n-drop-answers {
  text-align: justify;
  margin-top: 4px;
  padding: 2px;
}
.drag-n-drop-handle {
  background: #2980b9;
  color: white;
  opacity: .5;
  cursor: move;
  position: relative;
  z-index: 250;
}
.drag-n-drop-handle:hover,
.drag-n-drop-handle:active {
  color: white;
}
.drag-n-drop-handle:hover {
  opacity: 1;
}
.drag-n-drop-handle.answer {
  opacity: 1;
}
.drag-n-drop-work-area {
  height: 720px;
  width: 870px;
  position: relative;
}
.drag-n-drop-work-area.edit-mode {
  border: solid 2px grey;
}
.drag-n-drop-work-area .ui-draggable-dragging {
  z-index: 50000;
}
.drag-n-drop-answer-area {
  height: 720px;
  width: 870px;
  position: relative;
}
.educas-droppable {
  position: relative;
}
.drag-n-drop-trashcan {
  position: relative;
  color: white;
  background-color: #DA4F49;
  width: 38px;
  transition-duration: 400ms;
  transition-timing-function: easing;
}
.drag-n-drop-trashcan div {
  transition-duration: 100ms;
  transition-delay: 0ms;
  display: inline-block;
  margin-left: 8px;
  opacity: 0;
}
.drag-n-drop-trashcan:hover {
  color: white;
}
.drag-n-drop-trashcan.drop-active {
  width: 100%;
  background-color: #BD362F;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-top: -23px;
  margin-bottom: -18px;
  border-color: #BD362F;
}
.drag-n-drop-trashcan.drop-active div {
  transition-property: opacity;
  transition-duration: 300ms;
  transition-timing-function: easing;
  transition-delay: 200ms;
  opacity: 1;
}
.drag-n-drop-trashcan.drop-hover {
  background-color: #ffffff;
  border-color: #BD362F;
  color: #BD362F;
  opacity: .7;
}
.drag-n-drop-item.drag-n-drop-multi {
  z-index: 50;
  opacity: 0.85;
  box-sizing: content-box;
  padding: 0px;
}
.drag-n-drop-item.drag-n-drop-multi:empty:after {
  color: #6e6e6e;
  font-weight: normal;
  content: "Placér svar her";
}
.drag-n-drop-item.drag-n-drop-multi.empty-multi:empty:after {
  color: #BD362F;
  content: "Skal forblive tom!";
}
.drag-n-drop-item.drag-n-drop-multi.ui-resizable:after {
  color: #6e6e6e;
  font-weight: normal;
  content: "Træk for at ændre størrelsen";
}
.drag-n-drop-item.drag-n-drop-multi.ui-resizable:after,
.drag-n-drop-item.drag-n-drop-multi:empty:after {
  position: absolute;
  top: 4px;
  left: 7px;
}
.drag-n-drop-item.drag-n-drop-multi.answer-overlap {
  background-color: #e6f5ec;
  box-shadow: #009645 0px 0px 15px;
}
.drag-n-drop-item.drag-n-drop-multi.empty-multi.answer-overlap {
  background-color: #f8ebea;
  box-shadow: #BD362F 0px 0px 15px;
}
.drag-n-drop-img {
  cursor: move !important;
  color: #2980b9;
  z-index: 0;
}
.drag-n-drop-img:hover {
  outline: none;
}
.drag-n-drop-img img {
  -moz-user-select: none;
  width: 200px;
}
.drag-n-drop-img.drag-n-drop-img-answer {
  z-index: 100;
}
.drag-n-drop-img.drag-n-drop-img-answer img {
  width: auto;
  max-width: 200px;
  max-height: 88px;
}
.answer-mode .drag-n-drop-img.drag-n-drop-img-is-img,
.answer-mode .drag-n-drop-img.ui-resizable {
  border: none;
  padding: 0px;
}
.edit-mode .drag-n-drop-img.drag-n-drop-img-is-img,
.edit-mode .drag-n-drop-img.ui-resizable {
  padding: 0px;
}
.drag-n-drop-img .drag-n-drop-img-placeholder {
  display: inline-block;
  margin-left: 4px;
  margin-top: 3px;
}
.drag-n-drop-work-area-edit .drag-n-drop-item {
  border-style: dashed;
}
.drag-n-drop-work-area-edit .drag-n-drop-img {
  border-style: solid;
}
.drag-n-drop-work-area-edit .drag-n-drop-img-answer {
  border-style: dashed;
}
.ui-resizable-img-helper {
  cursor: move !important;
  color: #2980b9;
  z-index: 0;
  box-sizing: content-box;
  outline: 2px dashed;
  padding: 0;
  margin: 0;
  border: none;
}
.ui-resizable-img-helper:hover {
  outline: none;
}
.ui-resizable-img-helper img {
  -moz-user-select: none;
  width: 200px;
}
.ui-resizable-img-helper.drag-n-drop-img-answer {
  z-index: 100;
}
.ui-resizable-img-helper.drag-n-drop-img-answer img {
  width: auto;
  max-width: 200px;
  max-height: 88px;
}
.answer-mode .ui-resizable-img-helper.drag-n-drop-img-is-img,
.answer-mode .ui-resizable-img-helper.ui-resizable {
  border: none;
  padding: 0px;
}
.edit-mode .ui-resizable-img-helper.drag-n-drop-img-is-img,
.edit-mode .ui-resizable-img-helper.ui-resizable {
  padding: 0px;
}
.ui-resizable-img-helper .drag-n-drop-img-placeholder {
  display: inline-block;
  margin-left: 4px;
  margin-top: 3px;
}
.drag-n-drop-item:empty:after {
  color: #bbbbbb;
  font-weight: normal;
  content: "Skriv...";
}
.drag-n-drop-img-placeholder,
.drag-n-drop-img-answer-placeholder {
  color: #bbbbbb;
  font-weight: normal;
}
.drag-n-drop-answer {
  border: 2px dashed #2980B9;
  position: relative;
  z-index: 1;
}
.drag-n-drop-answer-drop {
  width: 110px;
  height: 34px;
  display: inline-block;
  background-color: white;
  border: 2px dashed #2980B9;
  position: relative;
  z-index: 1;
}
.drag-n-drop-answer-drop:empty:after {
  content: "\00a0\00a0";
}
.drag-n-drop-multianswer-drop {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.drag-n-drop-multianswer-drop:empty:after {
  content: "\00a0\00a0";
}
.drag-n-drop-answer-result {
  border: 2px dashed #2980B9;
  position: relative;
  z-index: 1;
  padding: 4px 18px 6px 8px;
}
.drag-n-drop-answer-result:empty:after {
  content: "\00a0\00a0";
}
.drag-n-drop-answer-result:empty {
  width: 110px;
  height: 34px;
}
.drag-n-drop-answer-result img {
  width: 200px;
}
.drag-n-drop-answer-result.drag-n-drop-img-answer {
  padding: 0px;
}
.drag-n-drop-answer-page .nav {
  margin-bottom: 25px;
}
.drag-n-drop-answer-page .answer-choice-correct {
  font-weight: bold;
  color: #229552;
}
.drag-n-drop-answer-page .answer-choice-correct:after {
  position: absolute;
  right: -18px;
  top: -8px;
  font-family: FontAwesome;
  font-size: 36px;
  content: "\2713";
}
.drag-n-drop-answer-page .answer-choice-wrong,
.drag-n-drop-answer-page .top-bar-unanswered {
  font-weight: bold;
  color: #a24d64;
}
.drag-n-drop-answer-page .answer-choice-wrong:after,
.drag-n-drop-answer-page .top-bar-unanswered:after {
  position: absolute;
  right: -18px;
  top: -10px;
  font-family: FontAwesome;
  font-size: 36px;
  content: "\2717";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.drag-n-drop-answer-page .top-bar-unanswered {
  margin-right: 20px;
}
.drag-n-drop-answer-page .top-bar-unanswered img {
  width: 200px;
}
.drag-n-drop-content .fa-picture-o {
  color: #2980b9;
  padding-right: 3px;
}
educas-droppable.drop-hover,
[educas-droppable].drop-hover {
  box-shadow: #009645 0px 0px 15px;
  border-color: #003016;
}
educas-droppable.drag-n-drop-answered,
[educas-droppable].drag-n-drop-answered {
  display: none;
}
@media (max-width: 991px) {
  .bottom-scroll-padding {
    height: 550px;
  }
}
@media (min-width: 992px) {
  .bottom-scroll-padding {
    height: 255px;
  }
}
@media (min-width: 1200px) {
  .bottom-scroll-padding {
    height: 113px;
  }
}
.col-exercise,
.col-answer,
.col-theme-item {
  width: 805px;
}
.educas-rich-text-editor,
.educas-rich-text-editor-render {
  line-height: 1.5;
  min-height: 13ex;
  overflow: hidden;
}
.educas-rich-text-editor:before,
.educas-rich-text-editor-render:before,
.educas-rich-text-editor:after,
.educas-rich-text-editor-render:after {
  content: " ";
  display: table;
}
.educas-rich-text-editor:after,
.educas-rich-text-editor-render:after {
  clear: both;
}
.educas-rich-text-editor:before,
.educas-rich-text-editor-render:before,
.educas-rich-text-editor:after,
.educas-rich-text-editor-render:after {
  content: none;
  font: 0/0 a;
  display: table;
}
.educas-rich-text-editor:after,
.educas-rich-text-editor-render:after {
  clear: both;
}
.educas-rich-text-editor:before,
.educas-rich-text-editor-render:before,
.educas-rich-text-editor:after,
.educas-rich-text-editor-render:after {
  content: none;
  font: 0/0 a;
  display: table;
}
.educas-rich-text-editor:after,
.educas-rich-text-editor-render:after {
  clear: both;
}
.educas-rich-text-editor img,
.educas-rich-text-editor-render img {
  display: block;
  height: auto;
  max-width: 100%;
}
.exercise-multiple-choice .btn-switch {
  margin-left: 10px;
}
.exercise-multiple-choice .btn-switch .multiple-choice.active {
  font-weight: bold;
  color: #fff;
  background-color: #216795;
  border-color: #216795;
}
.exercise-multiple-choice .btn-switch .multiple-choice.active:hover,
.exercise-multiple-choice .btn-switch .multiple-choice.active:focus,
.exercise-multiple-choice .btn-switch .multiple-choice.active:active,
.exercise-multiple-choice .btn-switch .multiple-choice.active[disabled],
.exercise-multiple-choice .btn-switch .multiple-choice.active[disabled]:hover {
  color: #fff;
  background-color: #216795;
  *background-color: #1c5980;
  border-color: #216795;
  box-shadow: none;
}
.exercise-multiple-choice .multiple-choice-question {
  padding: 5px;
}
.exercise-multiple-choice .edit .multiple-choice-question:empty:after {
  cursor: text;
  color: #bbbbbb;
  font-weight: normal;
  content: "Skriv spørgsmål her";
}
.exercise-multiple-choice .multiple-choice-question-image {
  margin-bottom: 5px;
}
.exercise-multiple-choice .multiple-choice-question-image img {
  max-width: 370px;
}
.exercise-multiple-choice .multiple-choice-question-image .placeholder {
  padding: 17px;
  border: 2px dashed #2980B9;
}
.exercise-multiple-choice .multiple-choice-answers .multiple-choice-answer {
  padding: 5px;
}
.exercise-multiple-choice .multiple-choice-answers .editable-answer {
  margin-left: 20px;
  display: inline-block;
}
.exercise-multiple-choice .multiple-choice-answers .radio {
  margin: 0;
  padding: 5px;
}
.exercise-multiple-choice .multiple-choice-answers .radio input[type="radio"] {
  margin-left: 0;
  margin-top: 5px;
}
.exercise-multiple-choice .multiple-choice-answers .radio input[type="radio"].edit-mode {
  margin-top: 9px;
}
.exercise-multiple-choice .add-answer {
  margin-top: 5px;
}
.exercise-rich-text .returned-homework-message,
.answer-index .returned-homework-message {
  margin-top: 12px;
}
.exercise-rich-text .rich-text-question,
.answer-index .rich-text-question {
  margin-top: 20px;
  margin-bottom: 10px;
}
.exercise-rich-text .rich-text-question .editmode,
.answer-index .rich-text-question .editmode {
  outline: 2px solid #2980b9;
  min-height: 1ex;
}
.exercise-rich-text .rich-text-question .editmode:empty:before,
.answer-index .rich-text-question .editmode:empty:before {
  content: "Skriv et spørgsmål her";
  font: inherit;
  font-style: italic;
  color: gray;
  padding-left: 10px;
}
.exercise-rich-text .rich-text-question-divider,
.answer-index .rich-text-question-divider {
  border-color: #009645;
}
.exercise-rich-text .rich-text-answer .educas-rich-text-editor,
.answer-index .rich-text-answer .educas-rich-text-editor {
  outline: 2px solid #2980b9;
  padding: 10px;
  min-height: 13ex;
  cursor: text;
}
.exercise-rich-text .educas-rich-text-editor.editmode,
.answer-index .educas-rich-text-editor.editmode {
  margin-top: 10px;
  outline: 1px solid #e2e2e2;
  cursor: default;
}
.exercise-rich-text .educas-rich-text-editor.editmode:empty:before,
.answer-index .educas-rich-text-editor.editmode:empty:before {
  content: "Her kan eleven skrive tekst og indsætte billeder og video";
  font: inherit;
  font-style: italic;
  color: gray;
}
.exercise-rich-text .rich-text-result,
.answer-index .rich-text-result {
  background-color: #E2F3EA;
  padding: 10px;
}
.exercise-rich-text .rich-text-result:empty:before,
.answer-index .rich-text-result:empty:before {
  content: "Der er ikke skrevet noget svar";
  font: inherit;
  font-style: italic;
  color: gray;
}
.rich-text-answer .ta-toolbar {
  visibility: hidden;
  margin-bottom: 2px;
}
.rich-text-answer.focussed .ta-toolbar {
  visibility: visible;
}
.rich-text-answer.focussed .ta-toolbar button,
.rich-text-answer.focussed .ta-toolbar label {
  color: white;
  background-color: #2980b9;
}
.rich-text-answer.focussed .ta-toolbar .active {
  background-color: #1b557a;
}
.ta-text.ta-editor.ta-scroll-window {
  overflow: visible;
  border: none;
  outline: 1px solid #2980b9;
}
.ta-text.ta-editor.ta-scroll-window [contenteditable] {
  border: none;
  overflow: hidden;
}
.ta-text.ta-editor.ta-scroll-window [contenteditable] img {
  max-width: 779px;
}
.ta-text.ta-editor.ta-scroll-window [contenteditable]:focus,
.ta-text.ta-editor.ta-scroll-window [contenteditable].focussed {
  outline: 2px solid #2980b9;
}
.ta-text.ta-editor.ta-scroll-window [contenteditable]:before {
  font: inherit;
  font-style: italic;
  color: gray;
}
.student-upload-input-container input[type="file"] {
  display: none;
}
.rich-text-answer.ta-root.focussed > .ta-scroll-window.form-control {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.rich-text-answer .ta-scroll-window > .ta-bind,
.rich-text-answer .ta-editor.ta-html,
.rich-text-answer .ta-scroll-window.form-control {
  min-height: 13ex;
}
.exercise-static .educas-rich-text-editor-render {
  padding-bottom: 40px;
  border-bottom: 5px #229552 solid;
}
.status-type-modal {
  background: rgba(0, 0, 0, 0.45);
}
.status-type-modal .modal-dialog {
  padding-top: 20px;
}
.status-type-modal .modal-dialog .widget {
  box-shadow: #555 2px 2px 1px;
  padding: 0;
}
.status-type-modal .modal-dialog .widget .body {
  padding: 15px;
  padding-bottom: 0px;
}
.status-type-modal .modal-dialog .widget .body .block {
  padding-bottom: 15px;
}
.status-type-modal .modal-dialog .widget .body .label-enabled {
  vertical-align: top;
  margin-top: 4px;
}
.status-type-modal .modal-dialog .widget .disabled {
  color: #bbb;
}
.teacher-message {
  padding: 0 16px 16px 16px;
}
.teacher-message textarea.message {
  width: 100%;
  height: 130px;
  border: solid 2px #009645;
  padding: 6px;
}
h2 {
  padding-top: 10px;
}
.home-index .video-widget iframe,
.home-welcome .video-widget iframe {
  padding-top: 42px;
  width: 260px;
}
@media (max-width: 991px) {
  .home-index .video-widget iframe,
  .home-welcome .video-widget iframe {
    padding-top: 0;
    width: 394px;
    height: 222px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-index .video-widget iframe,
  .home-welcome .video-widget iframe {
    padding-top: 0;
    width: 194px;
  }
}
.home-index .video-widget p,
.home-welcome .video-widget p {
  padding-top: 14px;
}
.home-index a.facebook-link,
.home-welcome a.facebook-link {
  text-decoration: underline;
  font-weight: bold;
}
.home-index h1,
.home-welcome h1 {
  font-size: 40px;
  margin-top: 0;
}
.home-index .widget .lg-landing-box .text-box,
.home-welcome .widget .lg-landing-box .text-box {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 1200px) {
  .home-index .widget .lg-landing-box .text-box,
  .home-welcome .widget .lg-landing-box .text-box {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-index .widget .lg-landing-box .text-box,
  .home-welcome .widget .lg-landing-box .text-box {
    font-size: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-index .widget .lg-landing-box .text-box,
  .home-welcome .widget .lg-landing-box .text-box {
    font-size: 22px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 767px) {
  .home-index .widget .lg-landing-box .text-box,
  .home-welcome .widget .lg-landing-box .text-box {
    font-size: 21px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.home-index .widget .sm-landing-box,
.home-welcome .widget .sm-landing-box {
  padding: 10px 50px 20px 50px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-index .widget .sm-landing-box.collaborator img,
  .home-welcome .widget .sm-landing-box.collaborator img {
    padding-top: 10px;
    max-height: 36px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
@media (min-width: 1200px) {
  .home-index .widget .sm-landing-box.collaborator img,
  .home-welcome .widget .sm-landing-box.collaborator img {
    padding-top: 15px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-height: 43px;
  }
}
@media (max-width: 991px) {
  .home-index .widget .sm-landing-box.collaborator img,
  .home-welcome .widget .sm-landing-box.collaborator img {
    padding-top: 20px;
    padding-right: 20px;
    max-height: 55px;
    max-width: 200px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-index .widget .sm-landing-box.collaborator,
  .home-welcome .widget .sm-landing-box.collaborator {
    height: 340px;
    padding-top: 10px;
  }
}
@media (max-width: 991px) {
  .home-index .widget .sm-landing-box,
  .home-welcome .widget .sm-landing-box {
    padding: 10px;
  }
  .home-index .widget .sm-landing-box img:last-child,
  .home-welcome .widget .sm-landing-box img:last-child {
    padding-right: 0;
  }
}
@media (min-width: 1200px) {
  .home-index .widget .sm-landing-box,
  .home-welcome .widget .sm-landing-box {
    height: 340px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-index .widget .sm-landing-box,
  .home-welcome .widget .sm-landing-box {
    height: 340px;
  }
}
.home-index .widget .terms,
.home-welcome .widget .terms {
  font-size: 13px;
  text-align: center;
}
@media (min-width: 992px) {
  .home-index .widget .terms,
  .home-welcome .widget .terms {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-index .widget.educas-support-widget .sm-landing-box,
  .home-welcome .widget.educas-support-widget .sm-landing-box {
    padding: 10px 20px 20px 20px;
  }
}
.home-index .widget.educas-support-widget h2.educas-support,
.home-welcome .widget.educas-support-widget h2.educas-support {
  margin-top: 10px;
}
@media (min-width: 992px) {
  .home-index .widget.educas-support-widget h2.educas-support,
  .home-welcome .widget.educas-support-widget h2.educas-support {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .home-index .widget.educas-support-widget h2.educas-support,
  .home-welcome .widget.educas-support-widget h2.educas-support {
    font-size: 42px;
  }
}
.home-index .widget.educas-support-widget b,
.home-welcome .widget.educas-support-widget b {
  font-size: 20px;
}
@media (min-width: 992px) {
  .home-index .widget.educas-support-widget p,
  .home-welcome .widget.educas-support-widget p {
    margin-top: 40px;
  }
}
.home-index .widget .ribbon-logo,
.home-welcome .widget .ribbon-logo {
  position: absolute;
  left: 0;
  margin-top: -136px;
  margin-left: -20px;
}
.home-index .widget .vikartimen-logo,
.home-welcome .widget .vikartimen-logo {
  width: 100%;
}
.home-index .widget .tv-logo,
.home-welcome .widget .tv-logo {
  padding-bottom: 25px;
}
@media (min-width: 1200px) {
  .home-index .widget .tv-logo,
  .home-welcome .widget .tv-logo {
    width: 140px;
  }
}
.home-video .video-container {
  margin-top: 33px;
  position: relative;
  border: 6px solid black;
  background-color: #000000;
}
.jp-root {
  padding: 5px;
}
div.jp-audio,
div.jp-audio-stream {
  color: #666;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.25em;
  line-height: 1.6;
}
div.jp-audio {
  width: 220px;
}
div.jp-audio.jp-no-playbar {
  width: 32px;
}
div.jp-audio.jp-full-width {
  width: 100%;
}
div.jp-audio-stream {
  width: 182px;
}
div.jp-interface {
  background-color: #eee;
  position: relative;
  width: 100%;
}
div.jp-audio div.jp-type-single div.jp-interface {
  height: 32px;
}
div.jp-audio div.jp-type-playlist div.jp-interface {
  height: 80px;
}
div.jp-audio-stream div.jp-type-single div.jp-interface {
  height: 80px;
}
div.jp-controls-holder {
  clear: both;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  top: -8px;
  width: 440px;
}
div.jp-interface ul.jp-controls {
  display: block;
  height: 32px;
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
div.jp-audio ul.jp-controls {
  width: 220px;
}
div.jp-audio.jp-no-playbar ul.jp-controls {
  width: 32px;
}
div.jp-audio.jp-full-width ul.jp-controls {
  width: 100%;
}
div.jp-audio-stream ul.jp-controls {
  width: 142px;
}
div.jp-interface ul.jp-controls a,
div.jp-interface ul.jp-controls a:hover,
div.jp-interface ul.jp-controls a:active,
div.jp-interface ul.jp-controls a:visited {
  background-color: #498576;
  color: #fff;
  display: block;
  font-size: 16px;
  height: 32px;
  overflow: hidden;
  padding-top: 8px;
  text-align: center;
  text-decoration: none;
  width: 32px;
}
a.jp-pause {
  display: none;
}
a.jp-pause:hover {
  display: block;
}
a.jp-stop,
a.jp-previous,
a.jp-next {
  height: 28px;
  margin-top: 6px;
  width: 28px;
}
div.jp-progress {
  background-color: #72aa9c;
  overflow: hidden;
}
div.jp-audio div.jp-progress {
  height: 32px;
  position: absolute;
  top: 0;
}
div.jp-audio.jp-no-playbar div.jp-progess {
  display: none;
}
div.jp-audio div.jp-type-single div.jp-progress {
  left: 32px;
  width: 190px;
}
div.jp-audio.jp-full-width div.jp-type-single div.jp-progress {
  width: 480px;
}
div.jp-audio div.jp-type-playlist div.jp-progress {
  left: 166px;
  width: 130px;
}
div.jp-seek-bar {
  background-color: #333;
  cursor: pointer;
  height: 100%;
  width: 100%;
}
div.jp-seek-bar ul {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #fff;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
}
div.jp-seek-bar ul li {
  display: table-cell;
  font-size: 10px;
  padding: 8px 0;
  position: absolute;
}
div.jp-play-bar {
  background-color: #2d6358;
  height: 100%;
  width: 0;
}
div.jp-seeking-bg {
  background-color: #333;
}
li.jp-title {
  left: 5%;
  width: 73%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
li.jp-duration {
  left: 78%;
  width: 20%;
  text-align: right;
}
div.jp-jplayer audio,
div.jp-jplayer {
  height: 0;
  width: 0;
}
div.jp-jplayer {
  background-color: #000000;
}
.jp-no-solution {
  background-color: #eee;
  border: 2px solid #009be3;
  color: #000;
  display: none;
  font-size: 0.8em;
  padding: 5px;
}
.jp-no-solution a {
  color: #000;
}
.jp-no-solution span {
  display: block;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
}
.js-image-resize-handle,
.ui-resizable-handle {
  border: solid 2px #2980b9;
  width: 31px;
  height: 31px;
  cursor: se-resize;
  z-index: 1000;
  color: white;
  background-color: #2980b9;
  padding-left: 6px;
  padding-top: 4px;
}
.ui-resizable-handle {
  position: absolute;
  bottom: -15px;
  right: -15px;
}
.js-image-resize-region {
  position: absolute;
  border: dashed 1px grey;
}
.js-image-resize-region.region-top {
  height: 0px;
}
.js-image-resize-region.region-left {
  width: 0px;
}
.js-image-resize-region.region-right {
  width: 0px;
}
.js-image-resize-region.region-bottom {
  height: 0px;
}
.image-float-left {
  float: left;
  margin-right: 5px;
}
.image-float-right {
  float: right;
  margin-left: 5px;
}
.image-float-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1200px) {
  .educas-rich-text-editor-toolbar .col-toolbar {
    width: 1120px;
  }
  .educas-rich-text-editor-toolbar .col-toolbar ul {
    margin: 0 auto;
  }
}
@media (max-width: 991px) {
  .educas-rich-text-editor-toolbar .row {
    margin: 0;
  }
}
.educas-rich-text-editor-toolbar .form-control {
  padding: 6px 6px;
}
.educas-rich-text-editor-toolbar select.end-grade,
.educas-rich-text-editor-toolbar select.start-grade {
  width: 87px;
}
.educas-rich-text-editor-toolbar select.course {
  width: 75px;
}
.educas-rich-text-editor-toolbar select.status-type {
  width: 120px;
}
.educas-rich-text-editor-toolbar .published-at {
  width: 88px;
}
.educas-rich-text-editor-toolbar .save-indicator {
  display: table-cell;
  vertical-align: middle;
  padding-left: 8px;
  height: 40px;
}
@media (max-width: 991px) {
  .educas-rich-text-editor-toolbar li {
    display: inline-block;
  }
}
.educas-rich-text-editor-toolbar .exam-exercise {
  width: 12px;
}
.educas-rich-text-editor-toolbar .btn-group,
.educas-drag-drop-toolbar .btn-group {
  margin: 3px 4px 3px 0;
}
.educas-rich-text-editor-toolbar .btn-group a,
.educas-drag-drop-toolbar .btn-group a,
.educas-rich-text-editor-toolbar .btn-group button,
.educas-drag-drop-toolbar .btn-group button {
  padding: 5px 9px;
}
.editor-padding {
  padding-top: 80px;
}
.font-popover {
  width: 130px;
}
.btn-black-font {
  background-color: #000000;
}
.btn-blue-font {
  background-color: #0000ff;
}
.btn-gray-font {
  background-color: #adadad;
}
.btn-red-font {
  background-color: #ff0000;
}
.btn-green-font {
  background-color: #009645;
}
.soundclip-modal .modal-dialog {
  width: 800px;
}
.soundclip-modal .soundclip-search-form article {
  padding-top: 15px;
  border-bottom: 1px solid #d3d3d3;
}
.soundclip-modal .soundclip-search-form article:first-child {
  border-top: 1px solid #d3d3d3;
}
.soundclip-modal table.soundclip-list {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
.soundclip-modal table.soundclip-list th,
.soundclip-modal table.soundclip-list td {
  padding-left: 12px;
}
.soundclip-modal table.soundclip-list th:first-child,
.soundclip-modal table.soundclip-list td:first-child {
  padding-left: 0px;
}
.soundclip-modal table.soundclip-list td {
  padding-bottom: 3px;
}
.soundclip-modal table.soundclip-list td button {
  margin-left: 3px;
}
.no-soundclips {
  min-height: 150px;
}
.topic-modal .educas-multiselect {
  width: 100%;
}
.topic-modal .educas-multiselect input {
  width: 100%;
}
.newsskole-modal .modal-dialog,
.videoclip-modal .modal-dialog {
  width: 700px;
}
.newsskole-modal .video-search-form article,
.videoclip-modal .video-search-form article {
  padding-top: 15px;
  border-bottom: 1px solid #d3d3d3;
}
.newsskole-modal .video-search-form article:first-child,
.videoclip-modal .video-search-form article:first-child {
  border-top: 1px solid #d3d3d3;
}
.newsskole-modal ul.tags,
.videoclip-modal ul.tags {
  padding-left: 0;
}
.newsskole-modal ul.tags li,
.videoclip-modal ul.tags li {
  color: #2980b9;
  display: inline-block;
  margin-right: 5px;
}
.newsskole-modal ul.tags li:first-letter,
.videoclip-modal ul.tags li:first-letter {
  text-transform: uppercase;
}
.newsskole-modal ul.tags li:after,
.videoclip-modal ul.tags li:after {
  content: ",";
}
.newsskole-modal ul.tags li:last-child:after,
.videoclip-modal ul.tags li:last-child:after {
  content: "";
}
.newsskole-modal .pagination-wrapper,
.videoclip-modal .pagination-wrapper {
  margin-top: 10px;
}
.newsskole-modal .pagination-wrapper ul.pagination,
.videoclip-modal .pagination-wrapper ul.pagination {
  margin-top: 0;
  margin-bottom: 0;
}
.no-videos {
  min-height: 150px;
}
.teacher-index .select2-container-multi .select2-search-choice-close {
  font-size: 12px;
  color: #666666;
}
.teacher-index #select2-drop .select2-results .select2-highlighted {
  background-color: #009645;
}
.teacher-index #select2-drop.select2-drop-active {
  border: 1px solid #009645;
}
.teacher-index .item-list .message a {
  color: #337ab7;
}
.teacher-index .card-button,
.collection-index .card-button {
  margin-left: 3px;
}
.teacher-index .card-button.teacher-guide i,
.collection-index .card-button.teacher-guide i {
  margin-top: 2px;
}
[ui-view='body'] table {
  margin-bottom: 0;
}
[ui-view='pagination'] {
  background-color: #FFFFFF;
}
[ui-view='pagination'] .pagination {
  margin: 0 0 10px 0;
}
.info-student-group {
  padding: 5px;
  font-size: 15px;
  color: #5F3C00;
  background-color: #FFF5BE;
  border-color: #faebcc;
  margin-bottom: 10px !important;
}
.info-student-group a {
  text-decoration: underline;
}
.homework-answer-notification {
  position: relative;
  vertical-align: top;
  margin-left: 2px;
}
.class-homework-info {
  font-size: 14px;
}
.exercise-filter,
.collection-filter {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 12px;
}
.exercise-filter select,
.collection-filter select {
  vertical-align: top;
  margin-left: 5px;
  display: inline-block;
}
.exercise-filter select.course,
.collection-filter select.course {
  width: 100px;
}
.exercise-filter .collaborator,
.collection-filter .collaborator {
  width: 160px;
  margin-left: 5px;
}
.exercise-filter input.titles,
.collection-filter input.titles {
  padding: 6px;
  border: 1px solid #ccc;
  font-family: rambla, "Myriad Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 14px;
}
.exercise-filter .topics,
.collection-filter .topics {
  margin-left: 5px;
  width: 290px;
}
@media (max-width: 1199px) {
  .exercise-filter .topics,
  .collection-filter .topics {
    margin-left: 0;
    margin-top: 5px;
  }
}
.exercise-filter .topics .select2-container-multi .select2-choices .select2-search-field input,
.collection-filter .topics .select2-container-multi .select2-choices .select2-search-field input {
  font-family: rambla, "Myriad Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 14px;
  color: #333;
}
.pdf-exercise-filter {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 12px;
  margin-left: 20px;
}
.pdf-exercise-filter select {
  vertical-align: top;
  margin-left: 5px;
  display: inline-block;
}
.pdf-exercise-filter select.course {
  width: 100px;
}
.pdf-exercise-filter .collaborator {
  width: 160px;
  margin-left: 5px;
}
.pdf-exercise-filter input.titles {
  padding: 6px;
  border: 1px solid #ccc;
  font-family: rambla, "Myriad Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 14px;
}
.pdf-exercise-filter .topics {
  margin-left: 5px;
  width: 290px;
}
@media (max-width: 1199px) {
  .pdf-exercise-filter .topics {
    margin-left: 0;
    margin-top: 5px;
  }
}
.pdf-exercise-filter .topics .select2-container-multi .select2-choices .select2-search-field input {
  font-family: rambla, "Myriad Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 14px;
  color: #333;
}
.pdf-exercise-filter select.grade {
  width: 110px;
}
.pdf-exercise-filter input.titles {
  width: 140px;
}
.pdf-exercise-filter select.course {
  width: 140px;
}
.homework-card .homework-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 18px;
  width: 205px;
  margin-top: 4px;
  margin-bottom: 4px;
  font-family: rambla, "Myriad Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-weight: bold;
  font-size: 16px;
}
@media (max-width: 992px) {
  .homework-card .homework-title {
    width: auto;
  }
}
@media (min-width: 992px) {
  .homework-card .homework-title {
    width: 150px;
  }
}
@media (min-width: 1200px) {
  .homework-card .homework-title {
    width: 200px;
  }
}
.homework-card .homework-delete {
  float: right;
  cursor: pointer;
  margin-top: 0;
}
.homework-card .homework-course,
.homework-card .homework-student-group {
  font-size: 14px;
}
.alert-success.video {
  background-color: "#FFFFF";
  position: relative;
}
.alert-success.video button {
  opacity: 0.5;
  position: absolute;
  top: 15px;
  right: 15px;
}
.alert-success.video .video-title {
  font-weight: bold;
  padding-left: 3px;
}
.alert-success.video .video-title:after {
  content: ".";
}
.assign-homework table .head-checkbox,
.assign-collection table .head-checkbox {
  width: 38px;
}
.assign-homework table .head-assigned,
.assign-collection table .head-assigned {
  width: 145px;
}
@media (max-width: 992px) {
  .exercise-body-list .title {
    width: 200px;
  }
}
@media (min-width: 992px) {
  .exercise-body-list .title {
    width: 200px;
  }
}
@media (min-width: 1200px) {
  .exercise-body-list .title {
    width: 325px;
  }
}
.exercise-body-list .buttons {
  width: 130px;
}
.exercise-body-list .course {
  max-width: 130px;
}
.exercise-body-list .type {
  width: 100px;
}
.exercise-body-list .list-buttons {
  float: right;
}
.exercise-body-list .list-buttons > * {
  margin-left: 10px;
}
.collaborator-exercise-filter {
  background-color: #FFFFFF;
}
.collaborator-exercise-filter .collaborator-item {
  box-sizing: border-box;
  display: inline-block;
  height: 75px;
  width: calc(12.5%);
  line-height: 75px;
  text-align: center;
  background-color: #f7f7f7;
  border-top: 3px solid #e6e6e6;
  cursor: pointer;
}
.collaborator-exercise-filter .collaborator-item:not(:first-child) {
  border-left: 3px solid #e6e6e6;
}
.collaborator-exercise-filter .collaborator-item.active {
  background-color: #FFFFFF;
  border-top: 3px solid #FFFFFF;
}
.collaborator-exercise-filter .collaborator-item .text {
  max-width: 90%;
  max-height: 90%;
  margin-top: 5px;
  vertical-align: middle;
}
.collaborator-exercise-filter .collaborator-item .logo {
  max-width: 90%;
  max-height: 90%;
  vertical-align: middle;
  margin-bottom: 10px;
}
.collection-list .collection-filter {
  display: table;
}
.collection-list .collection-filter input.titles {
  display: table-cell;
  vertical-align: middle;
  height: 34px;
  margin-right: 10px;
}
@media (max-width: 992px) {
  .collection-list .collection-filter input.titles {
    width: 307px;
  }
}
@media (min-width: 992px) {
  .collection-list .collection-filter input.titles {
    width: 287px;
  }
}
@media (min-width: 1200px) {
  .collection-list .collection-filter input.titles {
    width: 432px;
  }
}
.collection-list .collection-filter select.grade {
  display: table-cell;
  vertical-align: middle;
  padding-left: 6px;
  width: 100px;
  margin-right: 208px;
}
.collection-list .create-collection {
  display: table-cell;
  vertical-align: middle;
  padding: 0 12px 0 12px;
  height: 34px;
  background-color: #0b5f58;
}
.collection-list .create-collection a .educas-icon.ei-collection-new {
  width: 35px;
  height: 28px;
}
.collection-list .list-card .collection-header {
  height: 26px;
}
.collection-list .list-card .collection-header .title i.educas-icon.ei-logo-green {
  vertial-align: top;
  margin-top: -2px;
  margin-right: 3px;
}
.collection-list .list-card .collection-header .title h3 {
  position: absolute;
  vertial-align: top;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .collection-list .list-card td.title-wrapper {
    max-width: 350px;
  }
}
@media (min-width: 992px) {
  .collection-list .list-card td.title-wrapper {
    max-width: 340px;
  }
}
@media (min-width: 1200px) {
  .collection-list .list-card td.title-wrapper {
    max-width: 500px;
  }
}
@media (max-width: 992px) {
  .collection-list .list-card td.title-wrapper .title {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .collection-list .list-card td.title-wrapper .title {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .collection-list .list-card td.title-wrapper .title {
    width: 100%;
  }
}
.collection-list .list-card td.title-wrapper .title span {
  width: auto;
}
.exercise-filter select.grade {
  width: 110px;
}
.exercise-filter input.titles {
  width: 140px;
}
.ffm-course-list .input-group {
  padding-bottom: 10px;
}
.ffm-course-list .list-view {
  height: 600px;
  margin-bottom: 15px;
}
.ffm-course-list .list-view .list-item:last-child {
  border-bottom: 1px solid #d3d3d3;
}
.ffm-grid > .row {
  margin-bottom: 15px;
}
.ffm-grid .ffm-breadcrumb-header {
  padding: 7px;
  color: #009645;
  background-color: #E2F3EA;
  border: 1px solid #009645;
  margin: 0;
}
.ffm-grid .ffm-group {
  margin-top: 15px;
  border: 1px solid #009645;
  border-bottom: 0;
}
.ffm-grid .ffm-group .ffm-sub-group {
  position: relative;
  padding: 15px;
  font-size: 13px;
  border-bottom: 1px solid #009645;
  transition-property: all;
  transition-duration: 300ms;
}
.ffm-grid .ffm-group .ffm-sub-group:not(:last-child) {
  border-right: 1px solid #009645;
}
@media (min-width: 480px) and (max-width: 1199px) {
  .ffm-grid .ffm-group .ffm-sub-group.col-xs-6:not(:nth-child(even)) {
    border-right: none;
  }
}
.ffm-grid .ffm-group .ffm-sub-group:hover {
  background-color: #E2F3EA;
}
.ffm-grid .ffm-group .ffm-sub-group hr {
  border-top: 1px solid #eee;
}
.ffm-grid .ffm-group .ffm-sub-group .ffm-sub-group-name h4 {
  margin: 0;
}
.ffm-grid .ffm-group .ffm-sub-group .ffm-sub-group-description {
  word-wrap: break-word;
}
.ffm-grid .ffm-group .ffm-sub-group .btn-show-exercises {
  float: right;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ffm-grid .ffm-group .ffm-sub-group .btn-show-exercises {
    margin-left: 0px;
  }
}
.ffm-grid .ffm-group .ffm-sub-group .btn-show-exercises[disabled] {
  opacity: 0.45;
}
.ffm-grid .ffm-group:hover > .ffm-group-name {
  background-color: #E2F3EA;
}
.ffm-grid .ffm-group .ffm-group-name {
  padding: 7px;
  margin-bottom: 0;
  border-bottom: 1px solid #009645;
}
.ffm-competence-area .ffm-group .ffm-sub-group .ffm-sub-group-name {
  padding-bottom: 10px;
}
.ffm-competence-area .ffm-group .ffm-sub-group .ffm-sub-group-description {
  height: 205px;
}
.ffm-course .ffm-group .ffm-sub-group:active {
  background-color: #009645 !important;
  color: white;
}
.ffm-course .ffm-group .ffm-sub-group .ffm-sub-group-name {
  height: 45px;
}
@media (min-width: 1200px) {
  .ffm-course .ffm-group .ffm-sub-group .ffm-sub-group-description {
    height: 134px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ffm-course .ffm-group .ffm-sub-group .ffm-sub-group-description {
    height: 120px;
  }
}
@media (max-width: 991px) {
  .ffm-course .ffm-group .ffm-sub-group .ffm-sub-group-description {
    height: 93px;
  }
}
.ffm-exercise-list .breadcrumbs {
  padding-left: 15px;
  padding-top: 15px;
}
.ffm-exercise-list .breadcrumbs .breadcrumb-splitter {
  color: black;
  margin: 0 10px 0 10px;
}
.ffm-breadcrumb-selector {
  padding-left: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: bold;
}
.ffm-breadcrumb-selector .breadcrumbs {
  padding-left: 0;
  list-style: none;
  overflow-y: hidden;
  margin-bottom: 0px;
}
.ffm-breadcrumb-selector .breadcrumbs li {
  float: left;
  cursor: pointer;
}
.ffm-breadcrumb-selector .breadcrumbs li a {
  color: #009645;
  text-decoration: none;
  padding: 6px 0 6px 40px;
  background-color: #e2f3ea;
  position: relative;
  display: block;
  float: left;
}
.ffm-breadcrumb-selector .breadcrumbs li a:hover {
  background: #007637;
  color: #FFFFFF;
}
.ffm-breadcrumb-selector .breadcrumbs li a:hover:after {
  border-left-color: #007637 !important;
}
.ffm-breadcrumb-selector .breadcrumbs li a:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 30px solid #e2f3ea;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2;
}
.ffm-breadcrumb-selector .breadcrumbs li a:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 30px solid #007637;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 1px;
  left: 100%;
  z-index: 1;
}
.ffm-breadcrumb-selector .breadcrumbs li:first-child a {
  padding-left: 10px;
}
.ffm-breadcrumb-selector .breadcrumbs li:last-child {
  cursor: default;
}
.ffm-breadcrumb-selector .breadcrumbs li:last-child a {
  background: #007637;
  color: #FFFFFF;
}
.ffm-breadcrumb-selector .breadcrumbs li:last-child a:before {
  border: 0;
}
.ffm-breadcrumb-selector .breadcrumbs li:last-child a:after {
  border-left-color: #007637 !important;
}
@media (min-width: 992px) {
  .box-wrappers {
    padding-top: 150px;
  }
}
.box-wrappers .homework-box {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
}
@media (min-width: 992px) {
  .box-wrappers .homework-box {
    float: left;
    width: 33.33333333%;
  }
}
.box-wrappers .homework-box .content {
  border: 6px solid #FFFFFF;
  height: 220px;
  background-color: #00964c;
  position: relative;
}
.box-wrappers .homework-box .content .bottom {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
}
.box-wrappers .homework-box .content .bottom img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.box-wrappers .homework-box .content .bottom h1 {
  color: #FFFFFF;
  text-align: center;
  margin-top: 0;
  margin-bottom: 15px;
}
.box-wrappers .homework-status-box {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
}
@media (min-width: 992px) {
  .box-wrappers .homework-status-box {
    float: left;
    width: 33.33333333%;
  }
}
.box-wrappers .homework-status-box .content {
  border: 6px solid #FFFFFF;
  height: 220px;
  background-color: #0081bc;
  position: relative;
}
.box-wrappers .homework-status-box .content .bottom {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
}
.box-wrappers .homework-status-box .content .bottom img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.box-wrappers .homework-status-box .content .bottom h1 {
  color: #FFFFFF;
  text-align: center;
  margin-top: 0;
  margin-bottom: 15px;
}
.box-wrappers .cinema-box {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
}
@media (min-width: 992px) {
  .box-wrappers .cinema-box {
    float: left;
    width: 33.33333333%;
  }
}
.box-wrappers .cinema-box .content {
  border: 6px solid #FFFFFF;
  height: 220px;
  background-color: #ffc500;
  position: relative;
}
.box-wrappers .cinema-box .content .bottom {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
}
.box-wrappers .cinema-box .content .bottom img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.box-wrappers .cinema-box .content .bottom h1 {
  color: #FFFFFF;
  text-align: center;
  margin-top: 0;
  margin-bottom: 15px;
}
.homework-status header .tabs .tab {
  background-color: #20638f;
}
.homework-status header .tabs .tab.active {
  background-color: #2980b9;
}
.homework-status header .tabs .tab a {
  text-decoration: none;
  cursor: pointer;
  color: white;
}
.homework-status header .tabs .tab a:hover {
  text-decoration: none;
}
.homework-status header .tabs .tab a:focus {
  color: inherit;
  text-decoration: none;
}
@media (max-width: 991px) {
  .homework-status header .tabs .tab h1 {
    font-size: 34px;
  }
}
.homework-status .group-dropdown .form-control,
.homework-status .course-dropdown .form-control {
  border-radius: 0;
  display: inline-block;
  text-align: left;
}
.homework-status .group-dropdown .ei-notification-star,
.homework-status .course-dropdown .ei-notification-star {
  width: 10px;
  height: 10px;
}
.homework-status .group-dropdown .caret,
.homework-status .course-dropdown .caret {
  float: right;
  margin-top: 8px;
  border-top: 4px solid black;
}
@-moz-document url-prefix() {
  .homework-status .group-dropdown .caret,
  .homework-status .course-dropdown .caret {
    margin-top: -10px;
  }
}
.homework-status .group-dropdown .dropdown-menu,
.homework-status .course-dropdown .dropdown-menu {
  margin-top: -2px;
}
.homework-status .group-dropdown .dropdown-menu > li > a,
.homework-status .course-dropdown .dropdown-menu > li > a {
  width: 431px;
}
@media (max-width: 1199px) {
  .homework-status .group-dropdown .dropdown-menu > li > a,
  .homework-status .course-dropdown .dropdown-menu > li > a {
    width: 348px;
  }
}
@media (max-width: 991px) {
  .homework-status .group-dropdown .dropdown-menu > li > a,
  .homework-status .course-dropdown .dropdown-menu > li > a {
    width: 256px;
  }
}
@media (max-width: 991px) {
  .homework-status .ei-group-status,
  .homework-status .ei-student-status {
    margin-top: 4px;
    margin-bottom: -2px;
    width: 91px;
    height: 34px;
  }
}
.homework-status .pre-body {
  background-color: #2980b9;
  padding: 10px 0 10px 0;
}
.homework-status .body {
  min-height: 600px;
}
.homework-status .body .list-container {
  min-height: 475px;
}
.homework-status .list-card:hover {
  border-color: #2980b9;
}
.homework-status .hover-blue:hover {
  background-color: #7fb3d5;
}
.homework-status .homework-selector,
.homework-status .student-selector {
  cursor: pointer;
  display: block;
  color: #000;
}
.homework-status .homework-selector .ei-collection-black,
.homework-status .student-selector .ei-collection-black {
  width: 37px;
  height: 25px;
  vertical-align: 0;
}
.homework-status .homework-selector .ei-notification-star,
.homework-status .student-selector .ei-notification-star {
  margin-left: 5px;
  width: 18px;
  height: 18px;
  margin-bottom: 10px;
}
.homework-status .homework-selector .exercise-title,
.homework-status .student-selector .exercise-title,
.homework-status .homework-selector .student-name,
.homework-status .student-selector .student-name {
  margin: 0;
  display: inline-block;
}
.homework-status .homework-selector .exercise-title h3,
.homework-status .student-selector .exercise-title h3,
.homework-status .homework-selector .student-name h3,
.homework-status .student-selector .student-name h3 {
  margin: 0;
}
.homework-status .homework-selector .exercise-title h3,
.homework-status .student-selector .exercise-title h3 {
  float: left;
  max-width: 490px;
}
@media (max-width: 1199px) {
  .homework-status .homework-selector .exercise-title h3,
  .homework-status .student-selector .exercise-title h3 {
    max-width: 290px;
  }
}
@media (max-width: 991px) {
  .homework-status .homework-selector .exercise-title h3,
  .homework-status .student-selector .exercise-title h3 {
    max-width: 435px;
  }
}
.homework-status .homework-selector .right-side-info,
.homework-status .student-selector .right-side-info {
  float: right;
  line-height: 25px;
}
.homework-status .homework-selector .right-side-info > *,
.homework-status .student-selector .right-side-info > * {
  vertical-align: middle;
}
.homework-status .homework-selector .right-side-info .messages,
.homework-status .student-selector .right-side-info .messages {
  margin-top: 1px;
  display: inline-block;
}
.homework-status .homework-selector .right-side-info .homework-notifications,
.homework-status .student-selector .right-side-info .homework-notifications {
  margin-right: 3px;
}
.homework-status .homework-selector .right-side-info .homework-assigned-by,
.homework-status .student-selector .right-side-info .homework-assigned-by {
  width: 83px;
  margin-right: 3px;
}
.homework-status .homework-selector .right-side-info .homework-assigned-by.truncate,
.homework-status .student-selector .right-side-info .homework-assigned-by.truncate {
  margin-bottom: -8px;
}
.homework-status .homework-selector .right-side-info .homework-assigned,
.homework-status .student-selector .right-side-info .homework-assigned {
  margin-top: 1px;
}
.homework-status .homework-selector .right-side-info .homework-assigned > *,
.homework-status .student-selector .right-side-info .homework-assigned > * {
  display: inline-block;
}
.homework-status .homework-selector .right-side-info .homework-assigned .homework-assigned-date,
.homework-status .student-selector .right-side-info .homework-assigned .homework-assigned-date {
  width: 50px;
}
.homework-status .homework-selector .right-side-info .progress-wrapper,
.homework-status .student-selector .right-side-info .progress-wrapper {
  width: 125px;
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
}
@media (max-width: 991px) {
  .homework-status .homework-selector .right-side-info .progress-wrapper,
  .homework-status .student-selector .right-side-info .progress-wrapper {
    width: 86px;
  }
}
.homework-status .homework-selector .right-side-info .progress-wrapper .progress,
.homework-status .student-selector .right-side-info .progress-wrapper .progress {
  width: 125px;
  height: 20px;
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
@media (max-width: 991px) {
  .homework-status .homework-selector .right-side-info .progress-wrapper .progress,
  .homework-status .student-selector .right-side-info .progress-wrapper .progress {
    width: 86px;
    margin-left: 5px;
  }
}
.homework-status .homework-selector .right-side-info .fa-play,
.homework-status .student-selector .right-side-info .fa-play {
  color: #2980b9;
  font-size: 25px;
}
.homework-status .list-container .list-card .student-group-status .buttons {
  float: right;
  height: 44px;
}
.homework-status .list-container .list-card .student-group-status .buttons button,
.homework-status .list-container .list-card .student-group-status .buttons a {
  margin-left: 6px;
  bottom: 0;
}
.homework-status .list-container .list-card .student-group-status .buttons button.delete-homework[disabled],
.homework-status .list-container .list-card .student-group-status .buttons a.delete-homework[disabled] {
  opacity: 0.4;
}
.homework-status .pagination .active span {
  background-color: #2980b9;
}
.homework-status table th:not(:first-child),
.homework-status table td:not(:first-child) {
  text-align: right;
}
.homework-status table th .assign-button,
.homework-status table td .assign-button,
.homework-status table th .teacher-guide,
.homework-status table td .teacher-guide,
.homework-status table th .delete-homework,
.homework-status table td .delete-homework {
  margin-left: 6px;
}
.homework-status table th .assign-button.btn[disabled],
.homework-status table td .assign-button.btn[disabled],
.homework-status table th .teacher-guide.btn[disabled],
.homework-status table td .teacher-guide.btn[disabled],
.homework-status table th .delete-homework.btn[disabled],
.homework-status table td .delete-homework.btn[disabled] {
  opacity: 0.40;
}
.homework-status .buttons,
.homework-status .btn {
  margin-left: 0;
}
.homework-status table.pivotted-status th:not(:first-child),
.homework-status table.pivotted-status td:not(:first-child) {
  text-align: center;
}
.homework-status table.pivotted-status th.exercise-title {
  width: 400px;
}
.homework-status table.pivotted-status th.completed-date {
  width: 140px;
}
.homework-status table.pivotted-status th.result {
  width: 60px;
}
.homework-status table.pivotted-status th.assigned-by {
  width: 80px;
}
.homework-status table.pivotted-status th.buttons {
  width: 220px;
}
@media (max-width: 991px) {
  .homework-status table.pivotted-status th.buttons {
    width: 144px;
  }
}
.homework-status table.pivotted-status td {
  border-top: none;
}
@media (min-width: 1200px) {
  .homework-status table.pivotted-status td .title-wrapper {
    max-width: 435px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .homework-status table.pivotted-status td .title-wrapper {
    max-width: 235px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}
@media (max-width: 991px) {
  .homework-status table.pivotted-status td .title-wrapper {
    max-width: 435px;
  }
}
.homework-status table.pivotted-status td.grades {
  width: 60px;
  padding-left: 0;
}
.homework-status table.pivotted-status td.percent {
  width: 60px;
  padding-left: 0;
}
.homework-status table.pivotted-status td .button-wrapper {
  display: inline-block;
}
.homework-status table.pivotted-status td .button-wrapper .answer {
  width: 98px;
}
.homework-status table.pivotted-status td .button-wrapper span.teacher-guide-spacer {
  display: inline-block;
  width: 22px;
}
@media (max-width: 991px) {
  .homework-status table.pivotted-status td .button-wrapper .answer {
    display: block;
    width: 100px;
    margin-bottom: 4px;
    margin-left: auto;
    margin-right: 0;
  }
  .homework-status table.pivotted-status td .button-wrapper .assign-button {
    display: block;
    width: 100px;
    margin-bottom: 4px;
    margin-left: auto;
    margin-right: 0;
  }
}
.homework-status textarea.homework-teacher-message {
  border-color: #cccccc;
  color: #555;
  border-width: 1px;
  margin-top: 5px;
  font-size: 14px;
  width: 100%;
  max-width: 100%;
  min-height: 120px;
  margin-bottom: 20px;
}
.no-favorite-splash .input-group {
  margin-bottom: 20px;
}
.student-group-list .alert-align,
.student-group-edit .alert-align {
  line-height: 8ex;
  margin-bottom: 10px;
}
.student-group-list .alert-align .alert,
.student-group-edit .alert-align .alert {
  margin: 0px;
  display: inline-block;
  line-height: normal;
  width: 100%;
  padding: 10px;
  vertical-align: middle;
}
.student-group-list .create-group,
.student-group-edit .create-group {
  margin-bottom: 10px;
}
.student-group-list .list-view,
.student-group-edit .list-view {
  border: none;
  height: auto;
}
.student-group-list .list-view .list-item,
.student-group-edit .list-view .list-item {
  padding: 0;
}
.student-group-list .list-view .list-item .highlight-area:hover,
.student-group-edit .list-view .list-item .highlight-area:hover,
.student-group-list .list-view .list-item.highlight-area:hover,
.student-group-edit .list-view .list-item.highlight-area:hover {
  background-color: #f0f0f0;
}
.student-group-list .list-view .list-item .group-type-indicator,
.student-group-edit .list-view .list-item .group-type-indicator {
  font-size: 20px;
  padding-left: 7px;
  padding-right: 7px;
}
.student-group-list .list-view .list-item .group-info-link,
.student-group-edit .list-view .list-item .group-info-link {
  padding-top: 6px;
  height: 36px;
  width: 38px;
  color: black;
  text-align: center;
}
.student-group-list .list-view .list-item .heading,
.student-group-edit .list-view .list-item .heading {
  width: 254px;
  border-right: 1px solid #d3d3d3;
  margin-top: 8px;
  margin-bottom: 7px;
}
@media (max-width: 1199px) {
  .student-group-list .list-view .list-item .heading,
  .student-group-edit .list-view .list-item .heading {
    width: 190px;
  }
}
@media (max-width: 991px) {
  .student-group-list .list-view .list-item .heading,
  .student-group-edit .list-view .list-item .heading {
    width: 614px;
  }
}
@media (max-width: 767px) {
  .student-group-list .list-view .list-item .heading,
  .student-group-edit .list-view .list-item .heading {
    width: 617px;
  }
}
.student-group-list .list-view .list-item:hover,
.student-group-edit .list-view .list-item:hover {
  background-color: transparent;
}
.student-group-edit .group-owner-info {
  font-size: 15px;
}
.student-group-edit .shared {
  margin-top: 15px;
  margin-bottom: 15px;
}
.student-group-edit .shared.disabled {
  filter: alpha(opacity=60);
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60));
  filter: alpha(opacity = 60);
}
.student-group-edit .shared.disabled .shared-checkbox {
  cursor: not-allowed;
  background-color: #eee;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
  filter: alpha(opacity = 100);
}
.student-group-edit .shared.disabled .shared-checkbox i:hover {
  color: inherit;
  cursor: not-allowed;
}
.student-group-edit .shared.disabled .shared-checkbox i.active {
  color: #454545;
}
.student-group-edit .shared .info-bubble {
  margin-left: 20px;
}
.student-group-edit .shared .info-bubble .info-bubble-inner {
  padding: 7px;
  box-shadow: #bbb 2px 2px 10px;
}
.student-group-edit .shared > h2 {
  margin-right: 15px;
}
.student-group-edit .shared .shared-checkbox {
  color: transparent;
  margin-right: 15px;
  border: 1px solid black;
  width: 31px;
  height: 31px;
}
.student-group-edit .shared .shared-checkbox i {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 30px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: transparent;
}
.student-group-edit .shared .shared-checkbox i:hover {
  cursor: pointer;
  color: #cacaca;
}
.student-group-edit .shared .shared-checkbox i.active {
  color: #000000;
}
.student-group-edit .add-student-header {
  padding: 4px 4px 4px 8px;
  margin: 0;
}
.student-group-edit .add-student-header.disabled {
  filter: alpha(opacity=65);
  -webkit-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(65));
  filter: alpha(opacity = 65);
}
.student-group-edit .student-list {
  height: 500px;
  overflow: auto;
  overflow-x: hidden;
}
.student-group-edit .student-list .student-item {
  padding: 7px 7px 7px 7px;
  border-bottom: 1px solid #d3d3d3;
}
.student-group-edit .student-list .student-item:last-child {
  border-bottom: none;
}
.student-group-edit .student-list .student-item:hover {
  background-color: #f5f5f5;
}
.student-group-edit .student-list .student-item.disabled {
  filter: alpha(opacity=65);
  -webkit-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(65));
  filter: alpha(opacity = 65);
}
.student-group-edit .student-list .student-item.disabled:hover {
  background-color: transparent;
  cursor: default;
}
.student-group-edit .student-list .student-item.disabled .fa-plus-circle.text-blue {
  filter: alpha(opacity=65);
  -webkit-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(65));
  filter: alpha(opacity = 65);
}
.student-group-edit .student-list .student-item.disabled .fa-minus-circle.text-danger {
  filter: alpha(opacity=65);
  -webkit-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(65));
  filter: alpha(opacity = 65);
}
.student-group-edit .student-list .student-item .info {
  width: 298px;
}
@media (max-width: 1199px) {
  .student-group-edit .student-list .student-item .info {
    width: 230px;
  }
}
@media (max-width: 991px) {
  .student-group-edit .student-list .student-item .info {
    width: 282px;
  }
}
.student-group-edit .student-list .student-item .info .group-name {
  font-weight: bold;
  padding-right: 5px;
}
.homework-archive .widget header {
  background-color: #666666;
}
.homework-archive .widget header .tabs .tab {
  background-color: #4d4d4d;
}
.homework-archive .widget header .tabs .tab.active {
  background-color: #666666;
}
.homework-archive .widget header .tabs .tab a {
  text-decoration: none;
  cursor: pointer;
  color: white;
}
.homework-archive .widget header .tabs .tab a:hover {
  text-decoration: none;
}
.homework-archive .widget header .tabs .tab a:focus {
  color: inherit;
  text-decoration: none;
}
@media (max-width: 991px) {
  .homework-archive .widget header .tabs .tab h1 {
    font-size: 34px;
  }
}
.homework-archive .group-dropdown .form-control,
.homework-archive .course-dropdown .form-control,
.homework-archive .school-year-dropdown .form-control {
  border-radius: 0;
  display: inline-block;
  text-align: left;
}
.homework-archive .group-dropdown .form-control:focus,
.homework-archive .course-dropdown .form-control:focus,
.homework-archive .school-year-dropdown .form-control:focus {
  box-shadow: inset 0 1px 1px #a4a4a4;
  outline-color: #a4a4a4;
}
.homework-archive .group-dropdown .caret,
.homework-archive .course-dropdown .caret,
.homework-archive .school-year-dropdown .caret {
  float: right;
  margin-top: 8px;
  border-top: 4px solid black;
}
@-moz-document url-prefix() {
  .homework-archive .group-dropdown .caret,
  .homework-archive .course-dropdown .caret,
  .homework-archive .school-year-dropdown .caret {
    margin-top: -10px;
  }
}
.homework-archive .group-dropdown .buttons,
.homework-archive .course-dropdown .buttons,
.homework-archive .school-year-dropdown .buttons,
.homework-archive .group-dropdown .btn,
.homework-archive .course-dropdown .btn,
.homework-archive .school-year-dropdown .btn,
.homework-archive .group-dropdown .btn-archive,
.homework-archive .course-dropdown .btn-archive,
.homework-archive .school-year-dropdown .btn-archive {
  color: black;
  border-color: #333333;
  background-color: white;
}
.homework-archive .group-dropdown .buttons:focus,
.homework-archive .course-dropdown .buttons:focus,
.homework-archive .school-year-dropdown .buttons:focus,
.homework-archive .group-dropdown .btn:focus,
.homework-archive .course-dropdown .btn:focus,
.homework-archive .school-year-dropdown .btn:focus,
.homework-archive .group-dropdown .btn-archive:focus,
.homework-archive .course-dropdown .btn-archive:focus,
.homework-archive .school-year-dropdown .btn-archive:focus,
.homework-archive .group-dropdown .buttons.focus,
.homework-archive .course-dropdown .buttons.focus,
.homework-archive .school-year-dropdown .buttons.focus,
.homework-archive .group-dropdown .btn.focus,
.homework-archive .course-dropdown .btn.focus,
.homework-archive .school-year-dropdown .btn.focus,
.homework-archive .group-dropdown .btn-archive.focus,
.homework-archive .course-dropdown .btn-archive.focus,
.homework-archive .school-year-dropdown .btn-archive.focus {
  color: black;
  background-color: #e6e6e6;
  border-color: #000000;
}
.homework-archive .group-dropdown .buttons:hover,
.homework-archive .course-dropdown .buttons:hover,
.homework-archive .school-year-dropdown .buttons:hover,
.homework-archive .group-dropdown .btn:hover,
.homework-archive .course-dropdown .btn:hover,
.homework-archive .school-year-dropdown .btn:hover,
.homework-archive .group-dropdown .btn-archive:hover,
.homework-archive .course-dropdown .btn-archive:hover,
.homework-archive .school-year-dropdown .btn-archive:hover {
  color: black;
  background-color: #e6e6e6;
  border-color: #141414;
}
.homework-archive .group-dropdown .buttons:active,
.homework-archive .course-dropdown .buttons:active,
.homework-archive .school-year-dropdown .buttons:active,
.homework-archive .group-dropdown .btn:active,
.homework-archive .course-dropdown .btn:active,
.homework-archive .school-year-dropdown .btn:active,
.homework-archive .group-dropdown .btn-archive:active,
.homework-archive .course-dropdown .btn-archive:active,
.homework-archive .school-year-dropdown .btn-archive:active,
.homework-archive .group-dropdown .buttons.active,
.homework-archive .course-dropdown .buttons.active,
.homework-archive .school-year-dropdown .buttons.active,
.homework-archive .group-dropdown .btn.active,
.homework-archive .course-dropdown .btn.active,
.homework-archive .school-year-dropdown .btn.active,
.homework-archive .group-dropdown .btn-archive.active,
.homework-archive .course-dropdown .btn-archive.active,
.homework-archive .school-year-dropdown .btn-archive.active,
.open > .dropdown-toggle.homework-archive .group-dropdown .buttons,
.open > .dropdown-toggle.homework-archive .course-dropdown .buttons,
.open > .dropdown-toggle.homework-archive .school-year-dropdown .buttons,
.open > .dropdown-toggle.homework-archive .group-dropdown .btn,
.open > .dropdown-toggle.homework-archive .course-dropdown .btn,
.open > .dropdown-toggle.homework-archive .school-year-dropdown .btn,
.open > .dropdown-toggle.homework-archive .group-dropdown .btn-archive,
.open > .dropdown-toggle.homework-archive .course-dropdown .btn-archive,
.open > .dropdown-toggle.homework-archive .school-year-dropdown .btn-archive {
  color: black;
  background-color: #e6e6e6;
  border-color: #141414;
}
.homework-archive .group-dropdown .buttons:active:hover,
.homework-archive .course-dropdown .buttons:active:hover,
.homework-archive .school-year-dropdown .buttons:active:hover,
.homework-archive .group-dropdown .btn:active:hover,
.homework-archive .course-dropdown .btn:active:hover,
.homework-archive .school-year-dropdown .btn:active:hover,
.homework-archive .group-dropdown .btn-archive:active:hover,
.homework-archive .course-dropdown .btn-archive:active:hover,
.homework-archive .school-year-dropdown .btn-archive:active:hover,
.homework-archive .group-dropdown .buttons.active:hover,
.homework-archive .course-dropdown .buttons.active:hover,
.homework-archive .school-year-dropdown .buttons.active:hover,
.homework-archive .group-dropdown .btn.active:hover,
.homework-archive .course-dropdown .btn.active:hover,
.homework-archive .school-year-dropdown .btn.active:hover,
.homework-archive .group-dropdown .btn-archive.active:hover,
.homework-archive .course-dropdown .btn-archive.active:hover,
.homework-archive .school-year-dropdown .btn-archive.active:hover,
.open > .dropdown-toggle.homework-archive .group-dropdown .buttons:hover,
.open > .dropdown-toggle.homework-archive .course-dropdown .buttons:hover,
.open > .dropdown-toggle.homework-archive .school-year-dropdown .buttons:hover,
.open > .dropdown-toggle.homework-archive .group-dropdown .btn:hover,
.open > .dropdown-toggle.homework-archive .course-dropdown .btn:hover,
.open > .dropdown-toggle.homework-archive .school-year-dropdown .btn:hover,
.open > .dropdown-toggle.homework-archive .group-dropdown .btn-archive:hover,
.open > .dropdown-toggle.homework-archive .course-dropdown .btn-archive:hover,
.open > .dropdown-toggle.homework-archive .school-year-dropdown .btn-archive:hover,
.homework-archive .group-dropdown .buttons:active:focus,
.homework-archive .course-dropdown .buttons:active:focus,
.homework-archive .school-year-dropdown .buttons:active:focus,
.homework-archive .group-dropdown .btn:active:focus,
.homework-archive .course-dropdown .btn:active:focus,
.homework-archive .school-year-dropdown .btn:active:focus,
.homework-archive .group-dropdown .btn-archive:active:focus,
.homework-archive .course-dropdown .btn-archive:active:focus,
.homework-archive .school-year-dropdown .btn-archive:active:focus,
.homework-archive .group-dropdown .buttons.active:focus,
.homework-archive .course-dropdown .buttons.active:focus,
.homework-archive .school-year-dropdown .buttons.active:focus,
.homework-archive .group-dropdown .btn.active:focus,
.homework-archive .course-dropdown .btn.active:focus,
.homework-archive .school-year-dropdown .btn.active:focus,
.homework-archive .group-dropdown .btn-archive.active:focus,
.homework-archive .course-dropdown .btn-archive.active:focus,
.homework-archive .school-year-dropdown .btn-archive.active:focus,
.open > .dropdown-toggle.homework-archive .group-dropdown .buttons:focus,
.open > .dropdown-toggle.homework-archive .course-dropdown .buttons:focus,
.open > .dropdown-toggle.homework-archive .school-year-dropdown .buttons:focus,
.open > .dropdown-toggle.homework-archive .group-dropdown .btn:focus,
.open > .dropdown-toggle.homework-archive .course-dropdown .btn:focus,
.open > .dropdown-toggle.homework-archive .school-year-dropdown .btn:focus,
.open > .dropdown-toggle.homework-archive .group-dropdown .btn-archive:focus,
.open > .dropdown-toggle.homework-archive .course-dropdown .btn-archive:focus,
.open > .dropdown-toggle.homework-archive .school-year-dropdown .btn-archive:focus,
.homework-archive .group-dropdown .buttons:active.focus,
.homework-archive .course-dropdown .buttons:active.focus,
.homework-archive .school-year-dropdown .buttons:active.focus,
.homework-archive .group-dropdown .btn:active.focus,
.homework-archive .course-dropdown .btn:active.focus,
.homework-archive .school-year-dropdown .btn:active.focus,
.homework-archive .group-dropdown .btn-archive:active.focus,
.homework-archive .course-dropdown .btn-archive:active.focus,
.homework-archive .school-year-dropdown .btn-archive:active.focus,
.homework-archive .group-dropdown .buttons.active.focus,
.homework-archive .course-dropdown .buttons.active.focus,
.homework-archive .school-year-dropdown .buttons.active.focus,
.homework-archive .group-dropdown .btn.active.focus,
.homework-archive .course-dropdown .btn.active.focus,
.homework-archive .school-year-dropdown .btn.active.focus,
.homework-archive .group-dropdown .btn-archive.active.focus,
.homework-archive .course-dropdown .btn-archive.active.focus,
.homework-archive .school-year-dropdown .btn-archive.active.focus,
.open > .dropdown-toggle.homework-archive .group-dropdown .buttons.focus,
.open > .dropdown-toggle.homework-archive .course-dropdown .buttons.focus,
.open > .dropdown-toggle.homework-archive .school-year-dropdown .buttons.focus,
.open > .dropdown-toggle.homework-archive .group-dropdown .btn.focus,
.open > .dropdown-toggle.homework-archive .course-dropdown .btn.focus,
.open > .dropdown-toggle.homework-archive .school-year-dropdown .btn.focus,
.open > .dropdown-toggle.homework-archive .group-dropdown .btn-archive.focus,
.open > .dropdown-toggle.homework-archive .course-dropdown .btn-archive.focus,
.open > .dropdown-toggle.homework-archive .school-year-dropdown .btn-archive.focus {
  color: black;
  background-color: #d4d4d4;
  border-color: #000000;
}
.homework-archive .group-dropdown .buttons:active,
.homework-archive .course-dropdown .buttons:active,
.homework-archive .school-year-dropdown .buttons:active,
.homework-archive .group-dropdown .btn:active,
.homework-archive .course-dropdown .btn:active,
.homework-archive .school-year-dropdown .btn:active,
.homework-archive .group-dropdown .btn-archive:active,
.homework-archive .course-dropdown .btn-archive:active,
.homework-archive .school-year-dropdown .btn-archive:active,
.homework-archive .group-dropdown .buttons.active,
.homework-archive .course-dropdown .buttons.active,
.homework-archive .school-year-dropdown .buttons.active,
.homework-archive .group-dropdown .btn.active,
.homework-archive .course-dropdown .btn.active,
.homework-archive .school-year-dropdown .btn.active,
.homework-archive .group-dropdown .btn-archive.active,
.homework-archive .course-dropdown .btn-archive.active,
.homework-archive .school-year-dropdown .btn-archive.active,
.open > .dropdown-toggle.homework-archive .group-dropdown .buttons,
.open > .dropdown-toggle.homework-archive .course-dropdown .buttons,
.open > .dropdown-toggle.homework-archive .school-year-dropdown .buttons,
.open > .dropdown-toggle.homework-archive .group-dropdown .btn,
.open > .dropdown-toggle.homework-archive .course-dropdown .btn,
.open > .dropdown-toggle.homework-archive .school-year-dropdown .btn,
.open > .dropdown-toggle.homework-archive .group-dropdown .btn-archive,
.open > .dropdown-toggle.homework-archive .course-dropdown .btn-archive,
.open > .dropdown-toggle.homework-archive .school-year-dropdown .btn-archive {
  background-image: none;
}
.homework-archive .group-dropdown .buttons.disabled,
.homework-archive .course-dropdown .buttons.disabled,
.homework-archive .school-year-dropdown .buttons.disabled,
.homework-archive .group-dropdown .btn.disabled,
.homework-archive .course-dropdown .btn.disabled,
.homework-archive .school-year-dropdown .btn.disabled,
.homework-archive .group-dropdown .btn-archive.disabled,
.homework-archive .course-dropdown .btn-archive.disabled,
.homework-archive .school-year-dropdown .btn-archive.disabled,
.homework-archive .group-dropdown .buttons[disabled],
.homework-archive .course-dropdown .buttons[disabled],
.homework-archive .school-year-dropdown .buttons[disabled],
.homework-archive .group-dropdown .btn[disabled],
.homework-archive .course-dropdown .btn[disabled],
.homework-archive .school-year-dropdown .btn[disabled],
.homework-archive .group-dropdown .btn-archive[disabled],
.homework-archive .course-dropdown .btn-archive[disabled],
.homework-archive .school-year-dropdown .btn-archive[disabled],
fieldset[disabled] .homework-archive .group-dropdown .buttons,
fieldset[disabled] .homework-archive .course-dropdown .buttons,
fieldset[disabled] .homework-archive .school-year-dropdown .buttons,
fieldset[disabled] .homework-archive .group-dropdown .btn,
fieldset[disabled] .homework-archive .course-dropdown .btn,
fieldset[disabled] .homework-archive .school-year-dropdown .btn,
fieldset[disabled] .homework-archive .group-dropdown .btn-archive,
fieldset[disabled] .homework-archive .course-dropdown .btn-archive,
fieldset[disabled] .homework-archive .school-year-dropdown .btn-archive,
.homework-archive .group-dropdown .buttons.disabled:hover,
.homework-archive .course-dropdown .buttons.disabled:hover,
.homework-archive .school-year-dropdown .buttons.disabled:hover,
.homework-archive .group-dropdown .btn.disabled:hover,
.homework-archive .course-dropdown .btn.disabled:hover,
.homework-archive .school-year-dropdown .btn.disabled:hover,
.homework-archive .group-dropdown .btn-archive.disabled:hover,
.homework-archive .course-dropdown .btn-archive.disabled:hover,
.homework-archive .school-year-dropdown .btn-archive.disabled:hover,
.homework-archive .group-dropdown .buttons[disabled]:hover,
.homework-archive .course-dropdown .buttons[disabled]:hover,
.homework-archive .school-year-dropdown .buttons[disabled]:hover,
.homework-archive .group-dropdown .btn[disabled]:hover,
.homework-archive .course-dropdown .btn[disabled]:hover,
.homework-archive .school-year-dropdown .btn[disabled]:hover,
.homework-archive .group-dropdown .btn-archive[disabled]:hover,
.homework-archive .course-dropdown .btn-archive[disabled]:hover,
.homework-archive .school-year-dropdown .btn-archive[disabled]:hover,
fieldset[disabled] .homework-archive .group-dropdown .buttons:hover,
fieldset[disabled] .homework-archive .course-dropdown .buttons:hover,
fieldset[disabled] .homework-archive .school-year-dropdown .buttons:hover,
fieldset[disabled] .homework-archive .group-dropdown .btn:hover,
fieldset[disabled] .homework-archive .course-dropdown .btn:hover,
fieldset[disabled] .homework-archive .school-year-dropdown .btn:hover,
fieldset[disabled] .homework-archive .group-dropdown .btn-archive:hover,
fieldset[disabled] .homework-archive .course-dropdown .btn-archive:hover,
fieldset[disabled] .homework-archive .school-year-dropdown .btn-archive:hover,
.homework-archive .group-dropdown .buttons.disabled:focus,
.homework-archive .course-dropdown .buttons.disabled:focus,
.homework-archive .school-year-dropdown .buttons.disabled:focus,
.homework-archive .group-dropdown .btn.disabled:focus,
.homework-archive .course-dropdown .btn.disabled:focus,
.homework-archive .school-year-dropdown .btn.disabled:focus,
.homework-archive .group-dropdown .btn-archive.disabled:focus,
.homework-archive .course-dropdown .btn-archive.disabled:focus,
.homework-archive .school-year-dropdown .btn-archive.disabled:focus,
.homework-archive .group-dropdown .buttons[disabled]:focus,
.homework-archive .course-dropdown .buttons[disabled]:focus,
.homework-archive .school-year-dropdown .buttons[disabled]:focus,
.homework-archive .group-dropdown .btn[disabled]:focus,
.homework-archive .course-dropdown .btn[disabled]:focus,
.homework-archive .school-year-dropdown .btn[disabled]:focus,
.homework-archive .group-dropdown .btn-archive[disabled]:focus,
.homework-archive .course-dropdown .btn-archive[disabled]:focus,
.homework-archive .school-year-dropdown .btn-archive[disabled]:focus,
fieldset[disabled] .homework-archive .group-dropdown .buttons:focus,
fieldset[disabled] .homework-archive .course-dropdown .buttons:focus,
fieldset[disabled] .homework-archive .school-year-dropdown .buttons:focus,
fieldset[disabled] .homework-archive .group-dropdown .btn:focus,
fieldset[disabled] .homework-archive .course-dropdown .btn:focus,
fieldset[disabled] .homework-archive .school-year-dropdown .btn:focus,
fieldset[disabled] .homework-archive .group-dropdown .btn-archive:focus,
fieldset[disabled] .homework-archive .course-dropdown .btn-archive:focus,
fieldset[disabled] .homework-archive .school-year-dropdown .btn-archive:focus,
.homework-archive .group-dropdown .buttons.disabled.focus,
.homework-archive .course-dropdown .buttons.disabled.focus,
.homework-archive .school-year-dropdown .buttons.disabled.focus,
.homework-archive .group-dropdown .btn.disabled.focus,
.homework-archive .course-dropdown .btn.disabled.focus,
.homework-archive .school-year-dropdown .btn.disabled.focus,
.homework-archive .group-dropdown .btn-archive.disabled.focus,
.homework-archive .course-dropdown .btn-archive.disabled.focus,
.homework-archive .school-year-dropdown .btn-archive.disabled.focus,
.homework-archive .group-dropdown .buttons[disabled].focus,
.homework-archive .course-dropdown .buttons[disabled].focus,
.homework-archive .school-year-dropdown .buttons[disabled].focus,
.homework-archive .group-dropdown .btn[disabled].focus,
.homework-archive .course-dropdown .btn[disabled].focus,
.homework-archive .school-year-dropdown .btn[disabled].focus,
.homework-archive .group-dropdown .btn-archive[disabled].focus,
.homework-archive .course-dropdown .btn-archive[disabled].focus,
.homework-archive .school-year-dropdown .btn-archive[disabled].focus,
fieldset[disabled] .homework-archive .group-dropdown .buttons.focus,
fieldset[disabled] .homework-archive .course-dropdown .buttons.focus,
fieldset[disabled] .homework-archive .school-year-dropdown .buttons.focus,
fieldset[disabled] .homework-archive .group-dropdown .btn.focus,
fieldset[disabled] .homework-archive .course-dropdown .btn.focus,
fieldset[disabled] .homework-archive .school-year-dropdown .btn.focus,
fieldset[disabled] .homework-archive .group-dropdown .btn-archive.focus,
fieldset[disabled] .homework-archive .course-dropdown .btn-archive.focus,
fieldset[disabled] .homework-archive .school-year-dropdown .btn-archive.focus,
.homework-archive .group-dropdown .buttons.disabled:active,
.homework-archive .course-dropdown .buttons.disabled:active,
.homework-archive .school-year-dropdown .buttons.disabled:active,
.homework-archive .group-dropdown .btn.disabled:active,
.homework-archive .course-dropdown .btn.disabled:active,
.homework-archive .school-year-dropdown .btn.disabled:active,
.homework-archive .group-dropdown .btn-archive.disabled:active,
.homework-archive .course-dropdown .btn-archive.disabled:active,
.homework-archive .school-year-dropdown .btn-archive.disabled:active,
.homework-archive .group-dropdown .buttons[disabled]:active,
.homework-archive .course-dropdown .buttons[disabled]:active,
.homework-archive .school-year-dropdown .buttons[disabled]:active,
.homework-archive .group-dropdown .btn[disabled]:active,
.homework-archive .course-dropdown .btn[disabled]:active,
.homework-archive .school-year-dropdown .btn[disabled]:active,
.homework-archive .group-dropdown .btn-archive[disabled]:active,
.homework-archive .course-dropdown .btn-archive[disabled]:active,
.homework-archive .school-year-dropdown .btn-archive[disabled]:active,
fieldset[disabled] .homework-archive .group-dropdown .buttons:active,
fieldset[disabled] .homework-archive .course-dropdown .buttons:active,
fieldset[disabled] .homework-archive .school-year-dropdown .buttons:active,
fieldset[disabled] .homework-archive .group-dropdown .btn:active,
fieldset[disabled] .homework-archive .course-dropdown .btn:active,
fieldset[disabled] .homework-archive .school-year-dropdown .btn:active,
fieldset[disabled] .homework-archive .group-dropdown .btn-archive:active,
fieldset[disabled] .homework-archive .course-dropdown .btn-archive:active,
fieldset[disabled] .homework-archive .school-year-dropdown .btn-archive:active,
.homework-archive .group-dropdown .buttons.disabled.active,
.homework-archive .course-dropdown .buttons.disabled.active,
.homework-archive .school-year-dropdown .buttons.disabled.active,
.homework-archive .group-dropdown .btn.disabled.active,
.homework-archive .course-dropdown .btn.disabled.active,
.homework-archive .school-year-dropdown .btn.disabled.active,
.homework-archive .group-dropdown .btn-archive.disabled.active,
.homework-archive .course-dropdown .btn-archive.disabled.active,
.homework-archive .school-year-dropdown .btn-archive.disabled.active,
.homework-archive .group-dropdown .buttons[disabled].active,
.homework-archive .course-dropdown .buttons[disabled].active,
.homework-archive .school-year-dropdown .buttons[disabled].active,
.homework-archive .group-dropdown .btn[disabled].active,
.homework-archive .course-dropdown .btn[disabled].active,
.homework-archive .school-year-dropdown .btn[disabled].active,
.homework-archive .group-dropdown .btn-archive[disabled].active,
.homework-archive .course-dropdown .btn-archive[disabled].active,
.homework-archive .school-year-dropdown .btn-archive[disabled].active,
fieldset[disabled] .homework-archive .group-dropdown .buttons.active,
fieldset[disabled] .homework-archive .course-dropdown .buttons.active,
fieldset[disabled] .homework-archive .school-year-dropdown .buttons.active,
fieldset[disabled] .homework-archive .group-dropdown .btn.active,
fieldset[disabled] .homework-archive .course-dropdown .btn.active,
fieldset[disabled] .homework-archive .school-year-dropdown .btn.active,
fieldset[disabled] .homework-archive .group-dropdown .btn-archive.active,
fieldset[disabled] .homework-archive .course-dropdown .btn-archive.active,
fieldset[disabled] .homework-archive .school-year-dropdown .btn-archive.active {
  background-color: white;
  border-color: #333333;
}
.homework-archive .group-dropdown .buttons .badge,
.homework-archive .course-dropdown .buttons .badge,
.homework-archive .school-year-dropdown .buttons .badge,
.homework-archive .group-dropdown .btn .badge,
.homework-archive .course-dropdown .btn .badge,
.homework-archive .school-year-dropdown .btn .badge,
.homework-archive .group-dropdown .btn-archive .badge,
.homework-archive .course-dropdown .btn-archive .badge,
.homework-archive .school-year-dropdown .btn-archive .badge {
  color: white;
  background-color: black;
}
.homework-archive .dropdown-menu {
  margin-top: -2px;
}
.homework-archive .dropdown-menu > li > a {
  width: 348px;
}
@media (max-width: 1199px) {
  .homework-archive .dropdown-menu > li > a {
    width: 281px;
  }
}
@media (max-width: 991px) {
  .homework-archive .dropdown-menu > li > a {
    width: 208px;
  }
}
.homework-archive .dropdown-menu > li > a:hover,
.homework-archive .dropdown-menu > li > a:focus {
  font-weight: bold;
  color: #fff;
  background-color: #666666;
  border-color: #666666;
}
.homework-archive .dropdown-menu > li > a:hover:hover,
.homework-archive .dropdown-menu > li > a:focus:hover,
.homework-archive .dropdown-menu > li > a:hover:focus,
.homework-archive .dropdown-menu > li > a:focus:focus,
.homework-archive .dropdown-menu > li > a:hover:active,
.homework-archive .dropdown-menu > li > a:focus:active,
.homework-archive .dropdown-menu > li > a:hover[disabled],
.homework-archive .dropdown-menu > li > a:focus[disabled],
.homework-archive .dropdown-menu > li > a:hover[disabled]:hover,
.homework-archive .dropdown-menu > li > a:focus[disabled]:hover {
  color: #fff;
  background-color: #a4a4a4;
  *background-color: #979797;
  border-color: #a4a4a4;
  box-shadow: none;
}
.homework-archive .dropdown-menu .active > a,
.homework-archive .dropdown-menu .active > a:hover,
.homework-archive .dropdown-menu .active > a:focus {
  background-color: #666666;
}
.homework-archive .pre-body {
  background-color: #666666;
  padding: 10px 0 10px 0;
}
.homework-archive .body {
  min-height: 600px;
}
.homework-archive .body .list-container {
  min-height: 475px;
}
.homework-archive .list-card:hover {
  border-color: #a4a4a4;
}
.homework-archive .hover-grey:hover {
  background-color: #bebebe;
}
.homework-archive .student-selector {
  cursor: pointer;
  display: block;
  color: #000;
}
.homework-archive .student-selector .right-side-info {
  float: right;
  line-height: 25px;
}
.homework-archive .student-selector .right-side-info > * {
  vertical-align: middle;
}
.homework-archive .student-selector .right-side-info .fa-play {
  color: #666666;
  font-size: 25px;
}
.homework-archive .archive .pagination span {
  color: black;
}
.homework-archive .archive .pagination .disabled span {
  color: #a4a4a4;
}
.homework-archive .archive .pagination .active span {
  background-color: #808080;
  border-color: #666666;
  color: white;
}
.homework-archive table tr:first-child td:last-child {
  border-top: none;
}
.homework-archive table th:not(:first-child),
.homework-archive table td:not(:first-child) {
  text-align: right;
}
.homework-archive table .buttons,
.homework-archive table .btn {
  margin-left: 0;
}
.homework-archive table .buttons.btn-archive,
.homework-archive table .btn.btn-archive {
  color: white;
  background-color: #a4a4a4;
}
.homework-archive table.pivotted-status th:not(:first-child),
.homework-archive table.pivotted-status td:not(:first-child) {
  text-align: center;
}
.homework-archive table.pivotted-status th.completed-date {
  width: 140px;
}
.homework-archive table.pivotted-status th.result {
  width: 60px;
}
.homework-archive table.pivotted-status th.assigned-by {
  width: 80px;
}
.homework-archive table.pivotted-status th.buttons {
  width: 120px;
}
@media (max-width: 991px) {
  .homework-archive table.pivotted-status th.buttons {
    width: 144px;
  }
}
.homework-archive table.pivotted-status td.grades {
  width: 60px;
  padding-left: 0;
}
.homework-archive table.pivotted-status td.percent {
  width: 60px;
  padding-left: 0;
}
.homework-archive table.pivotted-status td .button-wrapper {
  display: inline-block;
}
.homework-archive table.pivotted-status td .button-wrapper .answer {
  width: 98px;
}
@media (max-width: 991px) {
  .homework-archive table.pivotted-status td .button-wrapper .answer {
    display: block;
    width: 100px;
    margin-bottom: 4px;
    margin-left: auto;
    margin-right: 0;
  }
}
.collaborator {
  position: relative;
}
.collaborator button {
  color: #555555;
  font-family: rambla, "Myriad Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 14px;
  text-align: left;
}
.collaborator .caret {
  position: absolute;
  right: 5px;
  top: 13px;
  border-top: 4px solid black;
}
.educas-rich-text-editor-toolbar .collaborator button {
  font-size: 12px;
}
.collaborator-label span {
  font-weight: bold;
}
.product::before {
  content: "· ";
}
.cinema-index .btn-yellow {
  font-family: rambla, "Myriad Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
@media (max-width: 767px) {
  .cinema-index .container {
    width: 750px;
  }
}
.cinema-index ul.tags {
  padding-left: 0;
}
.cinema-index ul.tags li {
  display: inline-block;
  margin-right: 5px;
}
.cinema-index ul.tags li:first-letter {
  text-transform: uppercase;
}
.cinema-index ul.tags li:after {
  content: ",";
}
.cinema-index ul.tags li:last-child:after {
  content: "";
}
.cinema-index .cinema-list .video-item {
  opacity: 1;
  padding: 15px 0 15px 0;
  border-bottom: 1px solid #d3d3d3;
  color: #000000;
  position: relative;
}
.cinema-index .cinema-list .video-item.ng-enter {
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
}
.cinema-index .cinema-list .video-item.ng-enter-active {
  opacity: 1;
}
.cinema-index .cinema-list .video-item:hover {
  background-color: #e2e2e2;
}
.cinema-index .cinema-list .video-item .video-thumbnail {
  background-color: #e2e2e2;
  width: 100%;
}
@media (max-width: 992px) {
  .cinema-index .cinema-list .video-item .video-thumbnail {
    margin-bottom: 5px;
    height: 388px;
  }
}
@media (min-width: 992px) {
  .cinema-index .cinema-list .video-item .video-thumbnail {
    height: 129px;
  }
}
@media (min-width: 1200px) {
  .cinema-index .cinema-list .video-item .video-thumbnail {
    height: 159px;
  }
}
.cinema-index .cinema-list .video-item .exercise-button {
  z-index: 10;
  position: relative;
}
.cinema-index .cinema-list .video-item .video-link {
  display: block;
  width: 100%;
  height: 100%  ;
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  top: 0;
  left: 0;
}
.cinema-index .cinema-list .pagination > .disabled > span {
  color: #777;
}
.cinema-index .cinema-list .pagination > .active > span {
  background-color: #f1c40f;
  border-color: #f1c40f;
  color: #FFFFFF;
}
.cinema-index .cinema-list .pagination > li > span {
  color: #424242;
}
.cinema-index .cinema-item .video-thumbnail {
  background-color: #e2e2e2;
  width: 100%;
}
@media (max-width: 992px) {
  .cinema-index .cinema-item .video-thumbnail {
    height: 369px;
  }
}
@media (min-width: 992px) {
  .cinema-index .cinema-item .video-thumbnail {
    height: 400px;
  }
}
@media (min-width: 1200px) {
  .cinema-index .cinema-item .video-thumbnail {
    height: 489px;
  }
}
.cinema-index .cinema-item .no-video {
  position: relative;
}
.cinema-index .cinema-item .no-video:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
  content: "☹";
  font-size: 150px;
}
.cinema-index .cinema-item .exercise-button {
  margin: 0 24px 16px 0;
}