@import "https://cdn1.edubreak.de/themes/edubreak-maple/global-header/primeicons.css";
@import "https://cdn1.edubreak.de/themes/edubreak-maple/global-header/maple-icons/style.css";
/** The base style for the white rounded corner pane */
.mixin-pane {
  min-height: initial;
  background: white;
  border-radius: 0px;
  padding: 11px;
  margin: 0;
}
:root {
  --filemanager-brand-primary: #20ae80;
}
#help-link .triangle,
.action-links .triangle,
.side-right .triangle,
.side-right .affix .snapbutton:hover .triangle,
.side-right .affix .snapbutton .triangle,
.navbar-user .triangle {
  border-top-color: #20ae80;
}
.navbar-user,
#help-link,
.form-submit,
.button,
.button-primary,
.button-secondary,
.btn-primary,
input[type="submit"],
input[type="reset"],
button,
#course-select .dropdown-menu li > a:hover,
#course-select .dropdown-menu .active > a,
#course-select .dropdown-menu .active > a:hover,
#user-menu-dropdown .dropdown-menu li > a:hover,
#user-menu-dropdown .dropdown-menu .active > a,
#user-menu-dropdown .dropdown-menu .active > a:hover,
.dropdown-menu a:hover,
.btn-group > .btn.dropdown-toggle,
.pagination li a,
.ui-datepicker-calendar th {
  background-color: #20ae80;
}
h1,
h2,
h3,
.navbar .nav li.active-trail a:before,
.navbar .nav li.active-trail a:visited:before,
.navbar .nav li.active-trail a:active:before,
.navbar .nav li a:hover:before,
.navbar .nav li a:active:before,
.navbar-user .nav .dropdown li a,
.navbar-user .nav .dropdown li a:hover,
.navbar-user .nav .dropdown li a:visited,
.navbar-user .nav .dropdown li,
.navbar .nav li.active-trail a:before,
.navbar .nav li.active-trail a:visited:before,
.navbar .nav li.active-trail a:active:before,
.navbar .nav li a:hover:before,
.navbar .nav li a:active:before,
.node .title a:link,
.node .title a:visited,
.activity span[class*='node-type-']:before,
.node .title:before,
.node .node-links a,
.edubreak_comments .links a,
.pagination li.active a,
legend,
.privatemsg-box-fb .privatemsg-message-actions a,
.edubreak_hoverpane ul.edubreak_hoverpane_controls li a,
.edubreak_hoverpane a,
.view-cockpit-student .views-field-field-exercise-status-value a:before,
.view-exercises a.exercise-status:before,
a.primary-link,
ul.image_picker_selector .thumbnail.selected:before {
  color: #20ae80 !important;
}
.edubreak-progress svg path:nth-child(2n) {
  stroke: #20ae80;
}
.edubreakplayer .lds-ellipsis {
  color: #20ae80;
}
.edubreakplayer .lds-ellipsis .dot {
  background: #20ae80;
}
body,
caption,
th,
td,
input,
textarea,
select,
option,
legend,
fieldset,
.navbar-search .search-query,
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  font-family: "DFBSansWeb", "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;
}
select:hover,
textarea:hover,
input:hover,
div.comment_add_ajax:hover {
  filter: brightness(95%);
  border-color: #20ae80 !important;
}
select[class^="ui-datepicker-"],
textarea[class^="ui-datepicker-"],
input[class^="ui-datepicker-"],
div.comment_add_ajax[class^="ui-datepicker-"] {
  filter: none;
}
/** fixes for bs **/
.navbar-collapse.collapse {
  display: block !important;
}
.navbar-brand img {
  position: relative;
  z-index: 1005;
}
.navbar-nav.navbar-right:last-child {
  margin-right: -15px !important;
}
.navbar-right {
  float: right !important;
}
h2 {
  font-size: 1.4em;
  line-height: 1.4em;
}
h3 {
  font-size: 1.3em;
  line-height: 1.3em;
  font-weight: lighter;
}
body {
  height: auto;
  margin: 0 auto;
  color: #4d4e4e;
  background: url(/sites/all/themes/edubreak2017/images/bg-body.jpg) repeat-x #43484e;
  background: -webkit-gradient(linear, left top, left bottom, from(#6e7379), to(#44494f)) fixed;
  background-blend-mode: screen, difference, lighten;
  background: #ebf0f6;
}
body .modal {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
body.admin-menu {
  margin-top: 0 !important;
}
body.navfix #main-content {
  margin-top: 50px !important;
}
body.modal-body {
  background-image: none;
  background-color: white;
}
#tabs-help ul.tabs li {
  background-color: #bbb;
}
#admin-menu {
  z-index: 4901;
  opacity: 0.9;
}
a span,
a img,
a img:hover,
a span.badge:hover {
  transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
}
a img:hover {
  filter: brightness(120%);
}
a span.badge:hover {
  filter: brightness(120%);
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 40px;
  padding-right: 40px;
}
.container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 1160px;
}
#page-wrapper,
.region-page-closure {
  width: 1160px;
}
#content,
.no-sidebars #content {
  width: 1160px;
}
.alert {
  border-radius: 0;
}
.alert .course-inactive-info {
  padding: 10px;
}
.dropdown-course-menu .dropdown-toggle {
  text-align: right;
}
.legal-terms {
  height: 20em;
  overflow: auto;
  border: solid 1px #CCCCCC;
}
#logo {
  padding: 0;
  margin: 0;
}
#logo img {
  max-height: 53px;
  padding: 2px 0;
}
.pine-header {
  all: initial;
  position: fixed;
  height: 97px;
  background-position-y: 480px !important;
  background-position-y: 356px !important;
  width: 100%;
  z-index: 1000;
  background-size: cover;
  background-position: bottom;
}
#user_navigation {
  margin-bottom: 0;
  position: fixed;
  width: 100%;
  z-index: 1002;
  background-color: transparent;
  border-color: #e7e7e7;
  min-height: 50px;
  box-shadow: none;
}
#user_navigation .profile-menu img {
  border-radius: 50%;
  border: 2px solid rgba(238, 238, 238, 0.75);
}
#user_navigation .profile-menu > a.user-menu {
  padding: 7px 0;
}
#user_navigation .dropdown-menu {
  background: rgba(248, 248, 248, 0.9);
  padding: 10px 15px;
  text-align: left;
}
#user_navigation .dropdown-menu h3 {
  font-size: 14px;
  padding: 3px 20px;
  margin: 0;
}
#user_navigation #navbar-user-dropdown {
  padding-right: 15px;
}
#user_navigation #navbar-user-messages {
  float: right;
  padding: 12px 16px;
}
#user_navigation #navbar-user-messages > a {
  font-size: 0;
  display: block;
  position: relative;
  top: -4px;
  border: 2px solid rgba(238, 238, 238, 0.7);
  border-radius: 50%;
}
#user_navigation #navbar-user-messages .private-messages-icon {
  height: 32px;
  width: 32px;
}
#user_navigation #navbar-user-messages .badge {
  position: absolute;
  top: -4px;
  right: -8px;
  background-color: #20ae80;
  color: #ffffff;
}
#user_navigation #help-link,
#user_navigation #student-mode-toggle {
  float: right;
  padding: 12px 0 0 0px;
  box-shadow: none;
  background: none;
  right: auto;
  top: auto;
  display: block;
  width: auto;
  height: auto;
  position: inherit;
}
#user_navigation #help-link > a,
#user_navigation #student-mode-toggle > a {
  font-size: 0;
  display: block;
  box-shadow: none;
  background: none;
  position: relative;
  line-height: inherit;
  top: -4px;
  border: 2px solid rgba(238, 238, 238, 0.7);
  border-radius: 50%;
}
#user_navigation #help-link .support-icon,
#user_navigation #student-mode-toggle .support-icon {
  height: 32px;
  width: 32px;
}
#user_navigation #student-mode-toggle {
  margin-right: 12px;
}
#user_navigation #student-mode-toggle .svg-wrapper {
  height: 32px;
  width: 32px;
}
#user_navigation #student-mode-toggle .svg-wrapper svg {
  width: 100%;
  height: 100%;
}
#user_navigation #student-mode-toggle .svg-wrapper svg .st0 {
  fill: #474747;
}
#user_navigation #student-mode-toggle .svg-wrapper svg .st1 {
  fill: #FFFFFF;
}
#user_navigation #student-mode-toggle.active .svg-wrapper svg .st0 {
  fill: #20ae80;
}
#user_navigation > .container-fluid {
  max-width: 1160px;
}
/**
 * MAIN COVER AND NAVIGATION
 */
#eb-logo-highlight {
  position: absolute;
  width: 500px;
  height: 163px;
  left: -115px;
  top: -50px;
  background-image: radial-gradient(ellipse at 50% 44%, rgba(255, 255, 255, 0.7), transparent 69%);
  border: 0;
  z-index: 1001;
  pointer-events: none;
}
#main-cover {
  background-size: cover;
  height: 251px;
  width: 100%;
  position: relative;
  z-index: 1001;
}
#main-navigation {
  position: absolute;
  top: 187px;
  width: 100%;
  margin: 0;
  background-color: transparent;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 35%, transparent);
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  z-index: 1000;
  /*
    hr {
      height: .25rem;
      width: 120px;
      margin: 0;
      background: @brand-secondary;
      border: none;
      transition: .3s ease-in-out;
      padding: 0;
      position: absolute;
      bottom: -59px;
    }

    .home.active ~ hr {
      margin-left: 320px;
    }

    .exercises.active ~ hr {
      margin-left: 425px;
    }

    .videos.active ~ hr {
      margin-left: 530px;
    }

    .content.active ~ hr {
      margin-left: 620px;
    }

    .members.active ~ hr,
    .members:focus ~ hr {
      margin-left: 720px;
    }

    .home:active ~ hr,
    .home:focus ~ hr,
    .home:hover ~ hr {
      margin-left: 320px !important;
    }

    .exercises:active ~ hr,
    .exercises:focus ~ hr,
    .exercises:hover ~ hr {
      margin-left: 425px !important;;
    }

    .videos:active ~ hr,
    .videos:focus ~ hr,
    .videos:hover ~ hr {
      margin-left: 530px !important;;
    }

    .content:active ~ hr,
    .content:focus ~ hr,
    .content:hover ~ hr {
      margin-left: 620px !important;;
    }

    .members:active ~ hr,
    .members:focus ~ hr,
    .members:hover ~ hr {
      margin-left: 720px !important;;
    }
  */
}
#main-navigation .nav-primary {
  min-width: 920px;
}
#main-navigation .nav-primary a:before {
  content: none !important;
}
#main-navigation > .container-fluid {
  max-width: 1160px;
  min-width: 1160px;
  padding: 0;
}
#main-navigation.affix {
  top: 140px;
  position: fixed;
  bottom: inherit;
  margin-top: -76px;
}
#main-navigation.affix label {
  display: none;
}
#main-navigation.affix .course-switcher {
  padding-top: 4px;
}
#main-navigation.affix.navbar-default .navbar-nav > li > a,
#main-navigation.affix.navbar-default .navbar-nav > li > a:hover,
#main-navigation.affix.navbar-default .navbar-nav > li > a:focus,
#main-navigation.affix.navbar-default .navbar-nav > li > div.language-switch,
#main-navigation.affix.navbar-default .navbar-nav > li > div.language-switch > a,
#main-navigation.affix.navbar-default .navbar-nav > li > div.language-switch > a:hover,
#main-navigation.affix.navbar-default .navbar-nav > li > div.language-switch > a:focus {
  color: #fffffe;
  padding-bottom: 10px;
  padding-top: 5px;
  background: transparent;
}
#main-navigation .course-switcher {
  width: 320px;
  background-color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  text-align: left;
  color: #4a4a4a;
  padding-top: 12px;
  float: left;
}
#main-navigation .course-switcher .dropdown-course-menu {
  width: 100%;
}
#main-navigation .course-switcher .dropdown-course-menu > label {
  padding: 0 20px;
  margin: 0;
  font-weight: normal;
}
#main-navigation .course-switcher .dropdown-course-menu .caret {
  margin-right: 0;
  position: absolute;
  right: 15px;
}
#main-navigation .course-switcher .dropdown-course-menu.dropdown_has_single .dropdown-menu-community {
  width: 359px;
}
#main-navigation .course-switcher .dropdown-course-menu h3 {
  padding: 8px;
}
#main-navigation .course-switcher .dropdown-course-menu .caret {
  opacity: 1;
}
#main-navigation .course-switcher .caret {
  border-top-color: #555;
  border-bottom-color: #555;
}
#main-navigation .course-switcher:hover {
  background-color: rgba(255, 255, 255, 0.85);
}
#main-navigation .course-switcher:hover .caret {
  border-top-color: #333;
  border-bottom-color: #333;
}
#main-navigation .course-switcher .dropdown-menu-left {
  padding: 10px 15px;
  height: 300px;
}
#main-navigation .course-switcher .dropdown-menu-community {
  overflow-y: scroll;
  width: 605px;
}
#main-navigation .course-switcher .dropdown-course-menu .dropdown-menu {
  overflow-y: auto;
  max-height: 80vh;
  height: 570px;
}
#main-navigation .course-select li {
  padding: 8px;
  list-style-type: none;
  border-bottom: 1px solid #eee;
}
#main-navigation .course-select li a {
  padding: 0;
  overflow: inherit;
}
#main-navigation.navbar-default .navbar-nav > .active > a,
#main-navigation.navbar-default .navbar-nav > .active > a:hover,
#main-navigation.navbar-default .navbar-nav > .active > a:focus {
  border-bottom: 4px solid #20ae80;
  box-sizing: border-box;
  margin-bottom: -5px;
  background: transparent;
}
#main-navigation.navbar-default .navbar-nav > li > a,
#main-navigation.navbar-default .navbar-nav > li > a:hover,
#main-navigation.navbar-default .navbar-nav > li > a:focus,
#main-navigation.navbar-default .navbar-nav > li > div.language-switch > a,
#main-navigation.navbar-default .navbar-nav > li > div.language-switch > a:hover,
#main-navigation.navbar-default .navbar-nav > li > div.language-switch > a:focus {
  color: #fffffe;
  padding-top: 30px;
  background: transparent;
  padding-left: 12px;
  padding-right: 12px;
  border-bottom: 4px solid transparent;
  transition: all 0.2s ease-in-out;
}
#main-navigation.navbar-default .navbar-nav > li > a:hover,
#main-navigation.navbar-default .navbar-nav > li > a:focus,
#main-navigation.navbar-default .navbar-nav > li > div.language-switch > a:hover,
#main-navigation.navbar-default .navbar-nav > li > div.language-switch > a:focus {
  border-bottom: 4px solid #20ae80;
}
#main-navigation.navbar-default .navbar-nav > li > div.language-switch {
  padding: 15px;
}
#main-navigation.navbar-default .navbar-nav > li > div.language-switch > a,
#main-navigation.navbar-default .navbar-nav > li > div.language-switch > a:hover,
#main-navigation.navbar-default .navbar-nav > li > div.language-switch a:focus {
  padding: 0 14px 11px;
}
#main-navigation.navbar-default .course-switcher.navbar-nav > li > a.dropdown-toggle {
  padding: 0 20px 11px 20px !important;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #20ae80;
  text-shadow: none;
  max-width: none;
  min-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/** Tabs **/
ul.primary li a {
  background-color: rgba(255, 255, 255, 0.1);
  border-right: 1px dashed #999;
}
ul.primary li a:hover,
ul.primary li a:focus,
ul.primary li a:active {
  background-color: rgba(255, 255, 255, 0.3);
}
#page-main {
  margin-top: 20px;
}
/** user images and name **/
.user-image-mixin {
  border-radius: 50%;
}
img.imagecache-profile_thumb,
img.imagecache-user_node,
img.imagecache-user_32x32 {
  border-radius: 50%;
}
#profile-image-pane {
  border-bottom: none !important;
}
#profile-image-pane img {
  border-radius: 50%;
}
#main-navigation #hamburger-menu-btn {
  display: none;
}
#main-navigation .course-switcher .dropdown-menu-community .switch-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  font-weight: bold;
  text-align: left;
}
#main-navigation .course-switcher .dropdown-menu-community {
  max-width: none;
  min-width: unset;
}
#main-navigation .course-switcher .dropdown-menu-community .switch-wrapper > * {
  padding: 10px;
  flex: 1 100%;
  float: none;
}
#main-navigation .course-switcher .dropdown-menu-community .switch-wrapper ul.dropdown-menu-left {
  flex: 1 auto;
  order: 1;
  max-width: 45%;
  min-width: unset;
  width: auto;
}
#main-navigation .course-switcher .dropdown-menu-community .switch-wrapper ul.dropdown-menu-right {
  flex: 1 auto;
  order: 2;
  max-width: 45%;
  min-width: unset;
  width: auto;
}
#main-navigation .course-switcher .dropdown-course-menu.dropdown_has_single .dropdown-menu-community .switch-wrapper ul.dropdown-menu-left,
#main-navigation .course-switcher .dropdown-course-menu.dropdown_has_single .dropdown-menu-community .switch-wrapper ul.dropdown-menu-right {
  max-width: none;
}
body.page-panels {
  /** PANELS **/
}
body.page-panels .panels-flexible-region-edubreak_5_3-right,
body.page-panels .panels-flexible-region-edubreak_5_3_dual_stack-right {
  width: 30%;
}
body.page-panels .panels-flexible-region-edubreak_5_3-left,
body.page-panels .panels-flexible-region-edubreak_5_3_dual_stack-left,
body.page-panels .panels-flexible-region-edubreak_5_3_dual_stack-down_left {
  width: 70%;
}
body.page-panels .panels-flexible-region-edubreak_6_2-left {
  width: 70%;
}
body.page-panels .panels-flexible-region-edubreak_6_2-right {
  width: 30%;
}
body.page-panels .pane-content {
  min-height: initial;
  background: white;
  border-radius: 0px;
  padding: 11px;
  margin: 0;
}
body.page-panels .pane-content-background {
  min-height: initial;
  background: white;
  border-radius: 0px;
  padding: 11px;
  margin: 0;
}
body.page-panels .node-by-viewer p a,
body.page-panels .node-view-middle p a,
body.page-panels .node-content p a,
body.page-panels .view-Contents p a {
  color: #20ae80;
  text-decoration: underline;
}
body.page-panels .node-by-viewer p a span,
body.page-panels .node-view-middle p a span,
body.page-panels .node-content p a span,
body.page-panels .view-Contents p a span {
  text-decoration: underline;
}
body.page-panels #content-area.mixed-content,
body.page-panels #content-area.node-type-course_design,
body.page-panels #content-area.node-type-exercise {
  background: transparent;
  box-shadow: none;
  padding: 0;
  margin-left: -15px;
  margin-top: 0;
  margin-right: -20px;
}
body.page-panels #content-area.mixed-content h1.title,
body.page-panels #content-area.node-type-course_design h1.title,
body.page-panels #content-area.node-type-exercise h1.title {
  padding-left: 14px;
  font-size: 20px;
  color: #FFF;
  padding-top: 10px;
  /*margin-bottom: -6px;*/
}
body.page-panels #content-area {
  min-height: 40px;
  background: white;
  border-radius: 0px;
}
body.page-panels .panels-flexible-region-inside > div,
body.page-panels .panels-flexible-column,
body.page-panels .pane-main,
body.page-panels .panels-flexible-region-edubreak_6_2-left,
body.page-panels .panels-flexible-region-edubreak_5_3_dual_stack-left,
body.page-panels .panels-flexible-region-edubreak_5_3_dual_stack-down_left,
body.page-panels .panels-flexible-region-edubreak_5_3-left {
  border: none !important;
}
body.page-panels .panels-flexible-region {
  /*
    background-color: #fff;
    border-radius: 8px;
    padding: 15px 20px;*/
}
body.page-panels .panels-flexible-region.panels-flexible-region-first .pane-no-background {
  background: none;
}
body.page-panels .panels-flexible-region.panels-flexible-region-first .pane-no-background .pane-content {
  background: none;
  padding: 4px 0;
}
body.page-panels .panels-flexible-region.panels-flexible-region-last .pane-no-background {
  background: none;
}
body.page-panels .panels-flexible-region.panels-flexible-region-last .pane-action-links .pane-content,
body.page-panels .panels-flexible-region.panels-flexible-region-last .pane-no-background .pane-content {
  background: none;
  padding: 4px 0;
}
body.page-panels .panels-flexible-region.panels-flexible-region-last .pane-action-links .pane-content .triangle,
body.page-panels .panels-flexible-region.panels-flexible-region-last .pane-no-background .pane-content .triangle {
  display: none;
}
body.page-panels .panels-flexible-region.panels-flexible-region-last .action-links > .fixbtn {
  width: 100%;
  right: auto;
  float: none;
  text-align: center;
}
body.page-panels .panels-flexible-region.panels-flexible-region-last .action-links > .fixbtn:hover,
body.page-panels .panels-flexible-region.panels-flexible-region-last .action-links > .fixbtn:active,
body.page-panels .panels-flexible-region.panels-flexible-region-last .action-links > .fixbtn:focus {
  width: 100%;
  right: auto;
}
body.page-panels .panels-flexible-region.panels-flexible-region-last .action-links > .fixbtn::before {
  display: none;
}
body.page-panels .panels-flexible-region.panels-flexible-region-last .action-links > .fixbtn .iconbox-left {
  padding: 6px;
  height: 40px;
}
body.page-panels .panels-flexible-region.panels-flexible-region-last .action-links:not([class*='domain-user-actions-']) .btn {
  font-size: 14px;
  padding: 15px 20px;
  margin-bottom: 10px;
  text-align: center !important;
  font-size: 0.75rem;
  padding: 0 30px;
  margin-bottom: inherit;
  text-align: inherit;
  margin: 10px 0 10px 0;
  width: 100%;
}
body.page-panels .panels-flexible-region.panels-flexible-region-last .action-links:not([class*='domain-user-actions-']).exercise_links {
  text-align: left;
}
body.page-panels .panels-flexible-region.panels-flexible-region-last .action-links:not([class*='domain-user-actions-']).exercise_links .btn {
  text-align: left !important;
}
body.page-panels .panels-flexible-region.panels-flexible-region-last .action-links:not([class*='domain-user-actions-']).exercise_links_videos {
  right: 0;
  right: unset;
  float: none;
  width: 100%;
}
body.page-panels .panels-flexible-region.panels-flexible-region-last .action-links:not([class*='domain-user-actions-']).exercise_links_videos .btn {
  padding: 0;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  width: 100%;
}
body.page-panels .panels-flexible-region.panels-flexible-region-last .action-links:not([class*='domain-user-actions-']).exercise_links_videos a.btn.dropdown-toggle .link-title {
  padding: 15px 20px;
  text-align: left !important;
  display: block;
}
body.page-panels .panels-flexible-region.panels-flexible-region-last .action-links:not([class*='domain-user-actions-']).exercise_links_videos:hover {
  margin-right: 0;
}
body.page-panels .panels-flexible-region.panels-flexible-region-last .action-links:not([class*='domain-user-actions-']).exercise_links_videos > .btn.dropdown-toggle {
  text-align: left !important;
  width: 100%;
}
body.page-panels .panels-flexible-region.panels-flexible-region-last .action-links:not([class*='domain-user-actions-']).exercise_links_videos > .btn.dropdown-toggle span.iconbox-left {
  padding: 6px;
}
body.page-panels .panels-flexible-region.panels-flexible-region-last .action-links:not([class*='domain-user-actions-']).exercise_links_videos > .btn.dropdown-toggle span.iconbox-left span[class*='status_'] {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
}
body.page-panels .panels-flexible-region h2 {
  min-height: 16px;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  color: #646464;
}
body.page-panels .pane-context-help .pane-content {
  background: none;
  padding: 4px 0;
}
#footer {
  padding-top: 12px;
  color: #fff;
  margin-top: 24px;
  padding-bottom: 86px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#footer #accessibility-setting {
  flex: none;
  float: right;
  padding-top: 0;
  order: 3;
}
#footer #accessibility-setting .btn {
  max-width: 114px;
  font-size: 12px;
}
#footer #footer-message {
  width: auto;
  flex-grow: 1;
  font-size: 13px;
  margin-right: 5px;
  margin-left: 5px;
  text-align: center;
}
#footer img#footer-logos {
  width: 153px;
  height: 46px;
  float: none;
  padding: 0;
}
li.language-switcher-main-menu {
  float: right !important;
}
li.language-switcher-main-menu .language-switch {
  padding-right: 0;
  padding-top: 30px;
}
li.language-switcher-main-menu .language-switch a.active,
li.language-switcher-main-menu .language-switch a.active:hover {
  font-weight: bold !important;
  text-decoration: underline;
}
li.language-switcher-main-menu .language-switch .caret {
  margin-left: -2px;
}
li.language-switcher-main-menu .language-switcher {
  padding-right: 0;
  padding-top: 30px;
}
li.language-switcher-main-menu .language-switcher a,
li.language-switcher-main-menu .language-switcher .language-seperator {
  color: #ffffff;
  background-color: transparent !important;
}
li.language-switcher-main-menu .language-switcher a.active,
li.language-switcher-main-menu .language-switcher a.active:hover {
  font-weight: bold !important;
  text-decoration: underline;
}
li.language-switcher-main-menu .language-switcher a:hover {
  text-decoration: underline;
}
li.language-switcher-main-menu .language-switcher li {
  padding: 0 5px;
}
li.language-switcher-main-menu ul.dropdown-menu {
  width: 100%;
}
li.language-switcher-main-menu ul.dropdown-menu li {
  width: 100%;
}
#main-navigation.affix .language-switcher {
  padding-bottom: 10px;
  padding-top: 0px;
}
.language-switcher ul {
  padding-left: 0;
}
.language-switcher ul li {
  margin-right: 0;
  font-size: 15px;
}
#user-login-form .snapbutton {
  width: 100%;
  padding-bottom: 8px;
}
#user-login-form .snapbutton input {
  margin: 0;
  width: 93%;
  padding: 10px;
}
.affix-form.affix {
  margin-top: -240px;
}
.view-course-exercices-admin .views-exposed-form {
  width: 218px;
}
.views-exposed-widgets input {
  width: calc(100% - 8px);
}
@media only screen and (min-width: 950px) {
  .panels-flexible-edubreak_8 .views-exposed-widgets {
    display: grid;
    grid-template-columns: auto 50%;
    grid-gap: 0 40px;
  }
  .panels-flexible-edubreak_8 .views-exposed-widgets > div:nth-last-child(-n+2) {
    grid-column: 2;
  }
}
/** student course progress **/
.panels-flexible-region-last .edubreak-progress-wrapper {
  min-height: initial;
  background: white;
  border-radius: 0px;
  padding: 11px;
  margin: 0;
  margin: 0px;
}
.panels-flexible-region-last .pane-student-course-progress .pane-content {
  padding: 0 !important;
}
.panels-flexible-region-last .student-progress-details-wrapper {
  min-height: initial;
  background: white;
  border-radius: 0px;
  padding: 11px;
  margin: 0;
  margin: 0px;
}
.panels-flexible-region-last .student-progress-details-wrapper-examination-dates {
  min-height: initial;
  background: white;
  border-radius: 0px;
  padding: 11px;
  margin: 0;
  margin-top: 10px;
}
.panels-flexible-region-last .pane-student-course-progress .action-links {
  margin-top: 15px;
}
.panels-flexible-region-last .pane-student-course-progress h3 a {
  color: #20ae80;
  font-size: 14px;
}
.panels-flexible-region-last .pane-student-course-progress .edubreak-progress .progressbar-text,
.panels-flexible-region-last .pane-student-course-progress .edubreak-progress .progressbar-text .progress-percent {
  color: #20ae80 !important;
}
.panels-flexible-region-last .pane-student-course-progress svg {
  max-width: 100%;
  max-height: 100%;
}
.panels-flexible-region-last .pane-student-course-progress svg path:nth-child(2n) {
  stroke: #20ae80 !important;
}
#content-area {
  border-radius: 0px;
}
.snapbutton input:hover {
  filter: brightness(120%);
}
.node-type-quiz .snapbutton input {
  font-size: 16px;
  padding: 15px 20px;
  margin-bottom: 10px;
  text-align: center !important;
  min-width: 160px;
}
.pull-right {
  text-align: right;
  float: none;
}
#user_info_man13-migration,
#user_info_maintenance {
  top: 260px;
}
.dropdown-menu,
#content .dropdown-menu {
  margin: -1px;
  padding: 4px;
}
#edit-jump {
  width: 100%;
}
/*13.03.2019 - 07:44 - BH deprecated
#edubreak_og_users_selector_load_all {
  margin-left: 20px
}*/
.panels-flexible-region-edubreak_6_2-right input,
.panels-flexible-region-edubreak_6_2-right textarea,
.panels-flexible-region-edubreak_6_2-right select,
.panels-flexible-region-edubreak_6_2-right .uneditable-input {
  width: 190px;
}
.chzn-container,
.panels-flexible-region-inside-last select {
  width: 100% !important;
  height: 100%;
}
.chzn-container .search-field input,
.panels-flexible-region-inside-last select .search-field input {
  width: unset !important;
}
.chzn-container.chzn-disabled .chzn-choices .search-field {
  width: 100%;
}
.chzn-container.chzn-disabled .chzn-choices .search-field input {
  width: 100% !important;
}
.panel-pane {
  min-height: initial;
  padding: 0 !important;
  margin: 15px;
  background-color: white;
}
.panel-pane .pane-title {
  color: #646464;
  padding-top: 11px;
  padding-right: 11px;
  padding-left: 11px;
}
.panel-pane.pane-action-links {
  background-color: transparent;
}
.panel-pane.pane-transparent {
  background-color: transparent;
}
.panel-pane .pane-content > .pane-title {
  padding-top: 0;
  padding-left: 0;
}
.panels-flexible-region-first {
  margin-top: 0px;
}
input[type=color] {
  width: 25px;
  height: 25px;
  padding: 0;
}
.panels_pane.panel-pane.pane-views-panes.pane-exercise-content-for-exercise-panel-pane-1 {
  margin-left: 0px;
  margin-right: 0px;
}
.edubreak-context-help-preview-campus-tour h2 {
  color: white !important;
}
.edubreak-context-help-preview h2 {
  font-size: 14px;
  color: #646464;
}
.panels_pane .edubreak-context-help-preview h2 {
  color: white !important;
}
.panels-flexible-region-edubreak_5_3-left img.capty {
  width: 175px !important;
  object-fit: cover !important;
}
.panels-flexible-region-edubreak_5_3-left table {
  max-width: 470px;
}
.panels-flexible-region-edubreak_6_2-left img.capty {
  width: 200px;
  height: 113px;
}
.section-videos img.capty {
  display: block;
}
.section-videos .capty-caption {
  padding: 4px 6px 0px;
}
.section-videos .capty-caption a {
  margin: 0;
}
.scroll-table {
  max-height: 600px;
  overflow: auto;
}
.btn-primary:hover,
.btn.dropdown-toggle:hover,
button:hover {
  filter: brightness(120%);
}
.views-exposed-form .chzn-container-single .chzn-single span {
  padding: 0;
}
.view-dialog-registrations .views-field-data {
  max-width: 200px;
}
.view-dialog-registrations .views-field-data .edubreak-dialog-registrations-question-notes {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
}
#tabs-left-tabs .panels_pane {
  margin: 0;
}
#tabs-left-tabs ul li a:not(.edubreak_hoverpane li) {
  padding: 0 10px;
}
.feedback_contributions div.capty-wrapper {
  height: 304px !important;
}
#content-area .feedback_contributions .node-type-videocomment p {
  min-height: 2px;
}
.edubreak-dialog-share-button .action-links .dropdown-toggle,
.edubreak-link-share-button .edubreak-campus-calendar-export-button .action-links .dropdown-toggle {
  width: auto;
}
.webinar-schedule-info {
  margin-right: 22px;
}
.edubreak-link-share-button-processed {
  width: auto !important;
}
.edubreak-link-share-button .dropdown-menu {
  width: -moz-available;
}
.edubreak-share-selection,
.edubreak-export-selection,
.edubreak-end-share-selection {
  cursor: pointer;
}
.edubreak-link-export-link-text {
  display: flex;
  width: 98%;
}
#user_navigation #logo-external {
  float: right;
  padding: 4px 13px;
}
#user_navigation #logo-external a {
  margin-right: 25px;
}
.exercise-compliance-criteria-selectable-info.alert.alert-info {
  margin-top: 20px;
  padding: 8px 14px 8px 14px;
}
.field-exercise-compliance-criteria-selectable-student {
  font-weight: bold;
}
#edit-field-exercise-cc-selectable-value {
  width: fit-content;
}
#edit-field-exercise-depended-ex-nid-nid {
  min-height: 150px;
  max-height: 300px;
  min-width: fit-content;
}
.edit-app-unique-mail-checkbox {
  display: inline-flex;
}
.edit-app-unique-mail-checkbox #edit-app-unique-mail-label {
  font-weight: normal;
}
.edubreak_og_users_invite_list button.btn.btn-small.btn-direct-invite {
  background-color: #20ae80;
}
.edubreak_og_user .changes-saved-label {
  font-style: italic;
}
#views-bulk-operations-select #views-bulk-operations-submit {
  clear: left;
}
.pane-exercises-share-panel-pane-2 .view-content {
  overflow-x: auto;
}
.edubreakportal_ytplayer {
  padding-top: 10px;
}
html.js fieldset.collapsible div.fieldset-wrapper {
  overflow: visible;
}
/*************************
Exercise files download
*************************/
a.action-file-download-exercise.btn.btn-primary.action-file-download-exercise-processed.loading {
  background-color: #20ae80 !important;
}
.eb-IconButton {
  border-radius: 100%;
  width: 40px;
  height: 40px;
  min-height: 40px;
  min-width: 40px;
  padding: 0;
}
/*************************
Edit/Create Exercise
*************************/
#edit-field-exercise-videos-nid-nid-wrapper div.image_picker_filter {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  max-width: unset;
  float: unset;
  align-items: center;
}
#edit-field-exercise-videos-nid-nid-wrapper .ebm-btn-filter-reset {
  margin-top: 15px;
}
#edit-field-exercise-videos-nid-nid-wrapper ul.image_picker_selector .edubreak-exercise-video-thumbnail {
  height: unset;
  min-width: 300px;
}
#edit-field-exercise-videos-nid-nid-wrapper ul.image_picker_selector .edubreak-exercise-video-thumbnail img {
  min-width: 300px;
}
#edit-field-exercise-videos-nid-nid-wrapper ul.image_picker_selector .edubreak-exercise-video-thumbnail p {
  display: none;
}
#edit-field-exercise-videos-nid-nid-wrapper ul.image_picker_selector li .edubreak-exercise-video-visibility-container {
  display: flex;
  flex-direction: column;
  padding: 10px;
  width: 100%;
  font-style: italic;
}
#edit-field-exercise-videos-nid-nid-wrapper ul.image_picker_selector li .edubreak-exercise-video-visibility-container p {
  font-size: 18px;
  font-style: normal;
}
#edit-field-exercise-videos-nid-nid-wrapper ul.image_picker_selector select.edubreak-exercise-video-visibility-dropdown {
  width: 80%;
}
/****************************************
 * Quiz
 ***************************************/
.q-back-button {
  background: 0 none;
  border: 0 none;
  color: white !important;
}
.q-back-button:hover {
  color: white !important;
  cursor: pointer;
  text-decoration: none !important;
}
.q-skip-button {
  background: 0 none;
  border: 0 none;
  color: white !important;
}
.q-skip-button:hover {
  color: white !important;
  cursor: pointer;
  text-decoration: none !important;
}
.iframe-auto-resize {
  width: 100%;
  border: none;
}
.edubreak-access-video-preview-info {
  margin: 2px;
  position: absolute;
  z-index: 9;
  background-color: rgba(255, 255, 255, 0.7);
  height: 22px;
  width: 22px;
  border-radius: 20px;
}
.popover {
  z-index: 9999;
}
.popover.top {
  box-shadow: 2px 2px 36px 0px #6b6a6b;
  padding: 0;
}
.popover-title {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1em;
  font-weight: bold;
}
div.arrow {
  bottom: -5px !important;
  margin-left: 0px !important;
}
.comment-num-comments.edubreak-comment-processed {
  text-decoration: none;
}
#edit-attachments {
  margin-left: 0px !important;
  position: relative;
}
.external_content_type {
  font-weight: bold;
  color: grey;
}
.external_link_description {
  color: grey;
  font-style: italic;
}
.external_content_button {
  text-align: center !important;
}
.domain-administration-links span.is-disabled {
  cursor: not-allowed;
  text-decoration: none;
  color: grey !important;
  font-weight: bold;
}
.mentor-tandem-student-info {
  display: flex;
  font-size: 11px;
}
.mentor-tandem-student-selector {
  display: none;
}
.mentor-tandem-label {
  display: none;
}
.ui-dialog.minimal .ui-dialog-buttonpane button {
  float: unset;
  width: auto;
  height: 30px;
}
.edubreak_time_popup {
  height: 260px !important;
}
.view-members-manage .open .dropdown-menu,
#content .open .dropdown-menu {
  width: 300px;
}
.view-members-manage .open .dropdown-menu li a,
#content .open .dropdown-menu li a {
  white-space: normal;
}
.view-members .views-field-picture .field-content {
  max-width: 60px;
}
.section-coursedetails .bootbox-form .bootbox-prompt-message {
  margin-bottom: 10px;
}
#edit-field-publishing-date-0-value-wrapper label {
  display: none !important;
}
.node-type-news .chip {
  display: inline-block;
  padding: 3px 3px;
  font-size: 12px;
  border-radius: 5px;
  background-color: #bebebe;
  margin: 5px 0px 5px 0px;
}
.node-type-news .chip label {
  color: #ffffff;
  margin: unset;
}
.node-type-news .edubreak-news-publishing-draft,
.node-type-news .edubreak-news-publishing-cron {
  color: lightgrey;
  filter: grayscale(1);
}
/****************************************
 * Player
 ***************************************/
.edubreakplayer .ep5-footer-toolbar .ms-parent.ep5-form-item.ep5-access-gid-selector {
  display: none;
}
.ep5-access-settings-view i.ep5-access-icon.icon-user:before,
.ep5-access-settings-view i.ep5-access-icon.icon-users:before {
  font-family: 'iconfonts' !important;
}
.edubreakplayer .ep5-item-wrapper .ep5-item-footer .ep5-item-footer-left {
  align-items: center;
  display: flex;
}
.edubreakplayer .icon-share:before {
  content: '\e85f';
}
.edubreak-community-group-category-switcher {
  /* The switch - the box around the slider */
  /* Hide default HTML checkbox */
  /* The slider */
  /* Rounded sliders */
}
.edubreak-community-group-category-switcher .switch {
  position: relative;
  display: inline-block;
  width: 400px;
  height: 34px;
}
.edubreak-community-group-category-switcher .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.edubreak-community-group-category-switcher .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.edubreak-community-group-category-switcher .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.edubreak-community-group-category-switcher input:checked + .slider {
  background-color: #20ae80;
}
.edubreak-community-group-category-switcher input:focus + .slider {
  box-shadow: 0 0 1px #20ae80;
}
.edubreak-community-group-category-switcher input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.edubreak-community-group-category-switcher .slider.round {
  border-radius: 34px;
  width: 65px;
}
.edubreak-community-group-category-switcher .slider.round:before {
  border-radius: 50%;
}
.edubreak-community-group-category-switcher .slider-label {
  margin-left: 100px;
  display: flex;
  margin-top: -10px;
}
.workgroups-remove-user-button.btn.btn-primary {
  display: flex;
  justify-content: center;
}
/****************************************
 * MEMO / PORTFOLIO
 ****************************************/
.portfolio-form .nodereference-previewselect-field {
  display: flex;
  flex-direction: column-reverse;
  background: white;
  padding: 20px;
}
.portfolio-form .nodereference-previewselect-field .nodereference_previewselect_selector {
  width: 100%;
  margin-bottom: 40px;
}
.portfolio-form .nodereference-previewselect-field .nodereference_previewselect_selector .title {
  padding: 20px 0 20px 0;
}
.portfolio-form .nodereference-previewselect-field .nodereference_previewselect_selector #nodereference_previewselect_selector_inner {
  height: auto;
}
.portfolio-form .nodereference-previewselect-field .nodereference_previewselect_selector #nodereference_previewselect_selector_inner .item-list {
  width: 100%;
}
.portfolio-form .nodereference-previewselect-field .nodereference_previewselect_selector #nodereference_previewselect_selector_inner .item-list li {
  margin: unset;
}
.portfolio-form .nodereference-previewselect-field .nodereference_previewselect_selector #nodereference_previewselect_selector_inner .item-list ul.checkboxes {
  padding: unset;
}
.portfolio-form .nodereference-previewselect-field .nodereference_previewselect_selector #nodereference_previewselect_selector_inner .item-list .selector-info {
  max-width: unset;
}
.portfolio-form .nodereference-previewselect-field .nodereference_previewselect_selector #nodereference_previewselect_selector_inner .dfb-Input-input.search-query.filter-processed {
  height: 53px;
}
.portfolio-form .nodereference-previewselect-field .nodereference_previewselect_selector #nodereference_previewselect_selector_inner .option {
  display: flex;
  align-items: center;
}
.portfolio-form .nodereference-previewselect-field .nodereference_previewselect_selector #nodereference_previewselect_selector_inner .option .dfb-Checkbox-box {
  top: unset;
}
.portfolio-form .nodereference-previewselect-field .nodereference_previewselect_selector #nodereference_previewselect_selector_inner .option div,
.portfolio-form .nodereference-previewselect-field .nodereference_previewselect_selector #nodereference_previewselect_selector_inner .option input,
.portfolio-form .nodereference-previewselect-field .nodereference_previewselect_selector #nodereference_previewselect_selector_inner .option span {
  margin-right: 10px;
}
.portfolio-form .nodereference-previewselect-field .nodereference_previewselect_preview {
  width: 100%;
  margin-bottom: 40px;
}
.portfolio-form .nodereference-previewselect-field .nodereference_previewselect_preview .title {
  padding: 20px 0 20px 0;
  margin-top: 20px;
}
.portfolio-form .nodereference-previewselect-field .nodereference_previewselect_preview .nodereference-previewselect-preview-item-header .preview-subject {
  max-width: unset;
}
.portfolio-form .nodereference-previewselect-field .nodereference_previewselect_preview .nodereference_previewselect_preview_item {
  box-shadow: unset;
  -webkit-box-shadow: unset;
}
.portfolio-form .nodereference-previewselect-field .nodereference_previewselect_preview .node-type-video {
  width: 50%;
}
.portfolio-form #edit-body-wrapper {
  width: 100%;
  padding: 2px 2px;
}
/****************************************
 * MEMO / PORTFOLIO
 ****************************************/
.node-type-memo .node-view {
  display: flex;
  flex-direction: column;
  background: white;
  padding: 20px;
}
.node-type-memo .node-view .node-view-left {
  width: 100%;
}
.node-type-memo .node-view .node-view-right {
  width: 100%;
  margin-bottom: 40px;
}
.node-type-memo .node-view .node-view-right .title {
  padding: 20px 0 20px 0;
}
.node-type-memo .node-view .node-type-video {
  width: 50%;
}
.node-type-memo .edubreak_comments {
  max-width: unset !important;
}
.node-type-memo .nodereference-previewselect-preview-item-header .preview-subject {
  max-width: unset;
}
.extended-submission-info {
  font-size: 18px;
}
.icon-file-question:before,
.icon-file-replace::before {
  margin-left: -3px;
}
.node-form .form-right .snapbutton input {
  padding-top: 7px;
  padding-bottom: 10px;
  padding-right: 12px;
  padding-left: 12px;
}
.ep5-match-timing-type-form label {
  color: unset;
}
.user-manage-modal-body .dfb-Select {
  margin: 0 !important;
}
.user-manage-modal-body .dfb-Select .dfb-Select-field {
  margin: 0;
}
.user-manage-modal-body .dfb-Input {
  margin: 0 !important;
}
.user-manage-modal-body .dfb-Input .dfb-Input-field {
  margin: 0;
}
.disabled-link {
  pointer-events: none;
  cursor: default;
  background-color: grey;
}
.disabled-button {
  cursor: default;
  background-color: grey !important;
}
#scorm-leave-fullscreen {
  display: none;
}
#scorm-leave-fullscreen {
  position: absolute;
  top: 0;
  left: 0;
  margin: 1em;
}
#scorm-fullscreen-container {
  display: flex;
  z-index: 100;
}
.share-modal-content .messages.info {
  margin: 10px 0 0 0;
}
.content-share-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.content-share-container input {
  width: 90%;
  margin: unset;
}
.content-share-container button {
  margin-left: 4%;
}
.content-share-container button svg {
  fill: currentColor;
  color: white;
  padding: 3px !important;
}
.content-share-container .btn {
  min-width: unset;
  line-height: 12px;
  padding: 2px;
}
.content-share-embed-container {
  display: flex;
  justify-content: space-between;
}
.content-share-embed-container textarea {
  width: 100%;
  min-height: 50px;
}
.views-field-last-access {
  white-space: nowrap;
}
.delete-videos-bulk-info {
  padding-left: 8px;
}
.course-demo-chip,
.course-template-chip {
  color: white;
  display: inline-block;
  background: #2E86C1;
  padding: 2px 12px;
  border-radius: 16px;
  margin-left: 5px;
}
.node-content-info {
  position: absolute;
  right: 0px;
  top: -5px;
  display: inline-flex;
  font-style: normal !important;
  margin-bottom: 2px;
  font-size: 13px;
  align-items: center;
  gap: 0.3em;
}
.node-content-info .timestamp {
  color: #BEBEBE;
}
.node-content-info .node-content-info-wrapper:focus-within {
  background-color: #f1f1f1;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}
.node-content-info .node-content-info-wrapper {
  margin-left: 1em !important;
}
.node-content-info .node-content-info-wrapper button:focus {
  outline: none;
}
.node-content-info .node-content-info-wrapper .dropbtn {
  background-color: unset;
  color: grey;
  font-size: 1.5rem;
  border: none;
  min-width: unset;
  padding-left: 0;
  padding-right: 0;
}
.node-content-info .node-content-info-wrapper .dropdown {
  position: relative;
  display: inline-block;
  align-self: center;
}
.node-content-info .node-content-info-wrapper .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 175px;
  box-shadow: 0px 20px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  right: 0;
  top: 34px;
}
.node-content-info .node-content-info-wrapper .dropdown-content a {
  color: black;
  padding: 10px 12px;
  text-decoration: none;
  display: block;
  font-weight: normal;
}
.node-content-info .node-content-info-wrapper .dropdown-content a:hover {
  background-color: #20ae80;
  text-decoration: underline;
  color: white;
}
.node-content-info .node-content-info-wrapper .dropdown:focus-within .dropdown-content {
  display: block;
  width: max-content;
}
.node-content-info .node-content-info-wrapper .grid-row {
  display: flex;
  justify-content: flex-start;
}
.node-content-info .node-content-info-wrapper .grid-col {
  align-self: flex-start;
}
.node-content-info .node-content-info-wrapper .dropdown-col {
  min-width: 5%;
}
.node-content-info .node-content-info-wrapper .title-col {
  min-width: 90%;
}
.node-content-info .node-content-info-wrapper .title-col h2 {
  margin-bottom: 0;
}
.bootbox-modal {
  height: 100%;
  height: -webkit-fill-available;
  height: stretch;
}
.bootbox.modal:has(.svb-modal-content) {
  border-radius: 6px;
  box-shadow: 0 1px 3px #0000004d;
  border: 0 none;
  top: 25%;
}
.bootbox.modal:has(.svb-modal-content) .bootbox-body {
  height: 100%;
  height: -webkit-fill-available;
  height: stretch;
}
@media only screen and (min-width: 950px) {
  .bootbox.modal:has(.svb-modal-content) {
    top: 50%;
  }
}
.modal-body:has(.svb-modal-content) {
  max-height: 530px;
  height: 530px;
  padding: unset;
}
iframe #app {
  overflow: unset !important;
}
.svb-modal-content {
  height: 100%;
  height: -webkit-fill-available;
  height: stretch;
  overflow: hidden;
  padding: 10px;
}
.svp-audio-comment {
  display: flex;
  gap: 1rem;
}
.svp-audio-comment audio {
  margin-top: 1rem;
}
.svp-audio-comment p {
  display: none !important;
}
.pane-content .view-id-user_posts .view-footer {
  margin-top: 20px;
  font-style: italic;
}
.edubreak-campus-access-denied .pane-title {
  font-size: 26px !important;
  line-height: 25px !important;
  margin-top: 0;
  margin-bottom: 20px;
  color: #20ae80 !important;
  font-weight: normal !important;
}
.field-exercise-fc-req-be-feedback-container {
  margin-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.field-exercise-fc-req-be-feedback-container textarea {
  resize: none;
  border: 1px solid black;
}
.field-exercise-fc-req-be-feedback-container .field-exercise-fc-req-be-checkbox-container {
  display: flex;
  gap: 0.3rem;
}
#edit_field_course_target_group_value_chzn {
  width: 97% !important;
}
div[id^="diff-inline-"] h1,
.ql-editor h1,
.build-mode-full h1,
.pane-dashboard-info h1,
#quiz-question-answering-form h1,
#quiz_summary h1,
.quiz-report h1,
.privatemsg-box-fb h1,
.wg-content-body h1,
.node-type-dialog:has(.pane-content) h1,
.group-exercise-tasks h1,
div[id^="diff-inline-"] h2,
.ql-editor h2,
.build-mode-full h2,
.pane-dashboard-info h2,
#quiz-question-answering-form h2,
#quiz_summary h2,
.quiz-report h2,
.privatemsg-box-fb h2,
.wg-content-body h2,
.node-type-dialog:has(.pane-content) h2,
.group-exercise-tasks h2,
div[id^="diff-inline-"] h3,
.ql-editor h3,
.build-mode-full h3,
.pane-dashboard-info h3,
#quiz-question-answering-form h3,
#quiz_summary h3,
.quiz-report h3,
.privatemsg-box-fb h3,
.wg-content-body h3,
.node-type-dialog:has(.pane-content) h3,
.group-exercise-tasks h3,
div[id^="diff-inline-"] h4,
.ql-editor h4,
.build-mode-full h4,
.pane-dashboard-info h4,
#quiz-question-answering-form h4,
#quiz_summary h4,
.quiz-report h4,
.privatemsg-box-fb h4,
.wg-content-body h4,
.node-type-dialog:has(.pane-content) h4,
.group-exercise-tasks h4,
div[id^="diff-inline-"] h5,
.ql-editor h5,
.build-mode-full h5,
.pane-dashboard-info h5,
#quiz-question-answering-form h5,
#quiz_summary h5,
.quiz-report h5,
.privatemsg-box-fb h5,
.wg-content-body h5,
.node-type-dialog:has(.pane-content) h5,
.group-exercise-tasks h5,
div[id^="diff-inline-"] h6,
.ql-editor h6,
.build-mode-full h6,
.pane-dashboard-info h6,
#quiz-question-answering-form h6,
#quiz_summary h6,
.quiz-report h6,
.privatemsg-box-fb h6,
.wg-content-body h6,
.node-type-dialog:has(.pane-content) h6,
.group-exercise-tasks h6 {
  margin: unset;
  color: black;
}
div[id^="diff-inline-"] .ql-better-tables,
.ql-editor .ql-better-tables,
.build-mode-full .ql-better-tables,
.pane-dashboard-info .ql-better-tables,
#quiz-question-answering-form .ql-better-tables,
#quiz_summary .ql-better-tables,
.quiz-report .ql-better-tables,
.privatemsg-box-fb .ql-better-tables,
.wg-content-body .ql-better-tables,
.node-type-dialog:has(.pane-content) .ql-better-tables,
.group-exercise-tasks .ql-better-tables {
  border: 1px solid black;
}
div[id^="diff-inline-"] table,
.ql-editor table,
.build-mode-full table,
.pane-dashboard-info table,
#quiz-question-answering-form table,
#quiz_summary table,
.quiz-report table,
.privatemsg-box-fb table,
.wg-content-body table,
.node-type-dialog:has(.pane-content) table,
.group-exercise-tasks table,
div[id^="diff-inline-"] td,
.ql-editor td,
.build-mode-full td,
.pane-dashboard-info td,
#quiz-question-answering-form td,
#quiz_summary td,
.quiz-report td,
.privatemsg-box-fb td,
.wg-content-body td,
.node-type-dialog:has(.pane-content) td,
.group-exercise-tasks td,
div[id^="diff-inline-"] th,
.ql-editor th,
.build-mode-full th,
.pane-dashboard-info th,
#quiz-question-answering-form th,
#quiz_summary th,
.quiz-report th,
.privatemsg-box-fb th,
.wg-content-body th,
.node-type-dialog:has(.pane-content) th,
.group-exercise-tasks th {
  border: 1px solid black;
}
.ql-table-better {
  filter: none !important;
}
.ql-editor ol {
  margin: 1rem !important;
}
#edit-field-og-dashboard-info-body-0-value-quill-container,
#edit-field-exercise-description-0-value-quill-container,
#edit-field-exercise-instruction-0-value-quill-container,
#edit-summary-pass-quill-container,
#edit-summary-default-quill-container,
#edit-body-quill-container,
#edit-field-cert-message-success-0-value-quill-container,
#edit-body-quill-container {
  min-height: 560px !important;
}
#edubreak-exercise-customize-assignment-description-form .ql-container {
  height: 200px;
}
#edubreak-exercise-admin-settings .ql-container {
  height: 560px !important;
}
.copy-quiz-btn {
  margin-left: 1rem !important;
  background-color: #fff !important;
  color: #20ae80 !important;
  border: 1px solid #20ae80 !important;
}
/* Container für alle Radio-Optionen */
.quiz-radios {
  display: block;
  width: 100%;
  border-collapse: collapse;
}
/* Jede Radio-Zeile */
.quiz-radios .form-item {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-bottom: 1px solid #e0e0e0;
}
/* Abwechselnde Hintergrundfarben */
.quiz-radios .form-item:nth-child(odd) {
  background-color: #f9f9f9;
}
.quiz-radios .form-item:nth-child(even) {
  background-color: #f3f3f3;
}
/* Radio-Button links, Text rechts */
.quiz-radios input.form-radio {
  margin-right: 12px;
  flex-shrink: 0;
}
/* Label-Text */
.quiz-radios label.option {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.4;
  width: 100%;
  margin-bottom: 0;
}
/* Optional: leichte Hover-Optik */
.quiz-radios .form-item:hover {
  background-color: #eaeaea;
}
.quiz-answer-form {
  display: flex;
  gap: 20px;
  margin-top: 20px;
  flex-wrap: wrap;
}
.quiz-answer-form .form-radios {
  flex: 1 1 30%;
  min-width: 250px;
}
.quiz-answer-form legend {
  font-weight: bold;
  margin-bottom: 8px;
}
.quiz-radios .form-item {
  display: flex;
  align-items: center;
  padding: 6px 8px !important;
  border-bottom: 1px solid #eee;
}
.quiz-radios input.form-radio {
  margin-right: 10px;
}
.quiz-solution-table,
.quiz-useranswer-table {
  width: 100%;
  border-collapse: collapse;
}
.quiz-solution-table th,
.quiz-solution-table td,
.quiz-useranswer-table th,
.quiz-useranswer-table td {
  padding: 6px 8px !important;
  border-bottom: 1px solid #eee;
  text-align: left;
}
.node-type-rules-question .quiz-solution {
  border-left: unset !important;
}
.quiz-solution .form-item.correct .checkmark {
  color: green;
}
.quiz-answer-form .incorrect {
  background-color: lightcoral !important;
}
.quiz-answer-form .correct {
  background-color: lightgreen !important;
}
.quiz-answer-form .correct.no-answer {
  background-color: lightgray !important;
}
#edit-answers-location-skip-wrapper label.option {
  display: flex;
  align-items: center;
}
#quiz-question-answering-form .form-item {
  border-right: 1px solid #dff0d8;
  padding: 0 0.5rem 0 0;
}
.quiz-answer-form .form-radios {
  border-right: 1px solid #dff0d8;
  padding: 0 0.5rem 0 0;
}
.quiz-answer-form .form-radios legend {
  margin-bottom: unset;
  border-bottom: unset;
}
#dfb-academy-config-form {
  /* border: 1px solid grey; */
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
#edit-video-topics-terms-wrapper .chzn-container-multi .chzn-choices .search-choice,
#edit-taxonomy-18-wrapper .chzn-container-multi .chzn-choices .search-choice {
  background-color: #20ae80;
  color: #ffffff;
  padding: 1px 5px 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 10.998px;
  font-weight: bold;
  line-height: 14px;
}
#edit-video-topics-terms-wrapper .chzn-container-multi .chzn-choices .search-choice .search-choice-close,
#edit-taxonomy-18-wrapper .chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: inline-block;
  position: initial;
  right: 3px;
  top: 4px;
  width: auto;
  height: auto;
  font-size: 1em;
  background: none;
  margin-left: 8px;
  cursor: pointer;
  color: #ffffff;
  text-decoration: none;
}
#edit-video-topics-terms-wrapper .chzn-container-multi .chzn-choices .search-choice .search-choice-close:after,
#edit-taxonomy-18-wrapper .chzn-container-multi .chzn-choices .search-choice .search-choice-close:after {
  content: "x";
  padding: 0 2px;
}
#edit-video-topics-terms-wrapper .chzn-container-multi .chzn-choices,
#edit-taxonomy-18-wrapper .chzn-container-multi .chzn-choices {
  max-width: 97%;
}
.chzn-container.chzn-container-single .chzn-single {
  background: transparent;
  background-image: none;
  border-radius: 3px;
  margin-bottom: 10px;
  height: 32px;
}
.form-middle .chzn-container-single .chzn-search input {
  height: auto;
  line-height: 1em;
}
body.force-main-content-only .panels-flexible-region.panels-flexible-region-edubreak_6_2-left.panels-flexible-region-first {
  width: 100% !important;
}
body.force-main-content-only .panels-flexible-region.panels-flexible-region-edubreak_6_2-left.panels-flexible-region-first {
  width: auto;
}
body.force-main-content-only .panels-flexible-region-edubreak_6_2-right,
body.force-main-content-only .pane-exercises-share-panel-pane-3 {
  display: none;
}
#edubreak-campus-external-compliance-criteria-form #edit-edubreak-exercise-assignment-settings-external-compliance-criteria {
  width: 80%;
}
.mentor-tandem-label {
  font-style: italic;
  font-size: 12px;
}
.save-and-submit-btn[disabled] {
  cursor: default;
  background-color: #E6E6E6;
  background-image: none;
  filter: alpha(opacity=65);
  color: #aaa;
}
.save-and-submit-triangle {
  border-top-color: #E6E6E6 !important;
}
#compliance-criteria-field_exercise_fc_learn_package .compliance-criteria-options .chzn-container-single .chzn-search input {
  width: 100%;
}
html[data-ng-app="FileManagerApp"] body {
  background: white !important;
}
html[data-ng-app="FileManagerApp"] a {
  color: var(--filemanager-brand-primary);
}
html[data-ng-app="FileManagerApp"] .navbar-inverse,
html[data-ng-app="FileManagerApp"] .navbar-inverse .navbar-collapse,
html[data-ng-app="FileManagerApp"] .navbar-inverse .navbar-form {
  background-color: white;
  border-color: transparent;
  color: var(--filemanager-brand-primary);
}
html[data-ng-app="FileManagerApp"] .navbar-right {
  float: none !important;
}
html[data-ng-app="FileManagerApp"] .navbar .btn.btn-flat {
  color: var(--filemanager-brand-primary);
  background-color: white;
}
html[data-ng-app="FileManagerApp"] .container-fluid.edubreak-nav-bar {
  padding-right: 15px;
  padding-left: 15px;
}
html[data-ng-app="FileManagerApp"] .alert-warning {
  background-color: #dff0d8;
  color: #468847;
}
html[data-ng-app="FileManagerApp"] .sortorder:after,
html[data-ng-app="FileManagerApp"] .sortorder.reverse:after {
  color: var(--filemanager-brand-primary);
}
html[data-ng-app="FileManagerApp"] .modal .modal-header,
html[data-ng-app="FileManagerApp"] .iconset .thumbnail.selected,
html[data-ng-app="FileManagerApp"] .table-files .selected {
  background-color: var(--filemanager-brand-primary);
}
html[data-ng-app="FileManagerApp"] .label-primary {
  background-color: var(--filemanager-brand-primary);
  color: white;
}
html[data-ng-app="FileManagerApp"] .modal .breadcrumb {
  background: none;
}
html[data-ng-app="FileManagerApp"] .breadcrumb a,
html[data-ng-app="FileManagerApp"] .breadcrumb > .active {
  color: var(--filemanager-brand-primary);
}
html[data-ng-app="FileManagerApp"] .selected .item-extension::after {
  color: var(--filemanager-brand-primary);
}
html[data-ng-app="FileManagerApp"] .btn-primary {
  background: var(--filemanager-brand-primary);
}
html[data-ng-app="FileManagerApp"] th[ng-hide="config.hidePermissions"],
html[data-ng-app="FileManagerApp"] td[ng-hide="config.hidePermissions"] {
  display: none !important;
}
body.fullcalendar {
  background: white;
}
body.fullcalendar .event-exercise {
  background-color: #20ae80 !important;
}
body.fullcalendar .event-event {
  background-color: #20ae80 !important;
}
body.fullcalendar .fc-list-table .event-exercise {
  background-color: transparent !important;
}
body.fullcalendar .fc-list-table .event-event {
  background-color: transparent !important;
}
body.fullcalendar #calendar .fc-center h2 {
  font-size: medium;
  vertical-align: middle;
  line-height: 2em;
  font-weight: bold;
}
body.fullcalendar #calendar .fc-day-number {
  color: #4d4e4e;
}
body.fullcalendar #calendar .fc-center h2 {
  color: #20ae80 !important;
}
body.fullcalendar .modal-footer,
body.fullcalendar .modal-body {
  margin-left: 12px;
  border-top: 1px solid transparent;
  background-color: white;
}
body.fullcalendar .modal-footer {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding-top: 40px;
}
body.fullcalendar .modal-body {
  margin-top: 12px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #20ae80;
}
body.fullcalendar .modal-body h4 {
  font-size: 20px;
  line-height: 100%;
  color: #d4e5f5;
  margin: 0;
}
body.fullcalendar.modal-open {
  padding-right: 0 !important;
}
body.fullcalendar .btn.null {
  color: #444;
}
body.fullcalendar .fc-event-container {
  cursor: pointer;
}
.node-type-learning_package iframe.internal-embedded {
  min-height: 672px;
}
.gt-recorder-wrapper .form-item > .filefield-element {
  display: none;
}
.gt-recorder-wrapper .gtrec-btn {
  width: 40px;
  min-width: auto;
  height: 40px;
  padding: 10px;
  border-radius: 50%;
}
.gt-recorder-wrapper .gtrec-recorder-buttons {
  display: flex;
  width: 50%;
}
.gt-recorder-wrapper .status-display {
  display: flex;
  align-items: center;
  padding: 6px;
}
.gt-recorder-wrapper .animate-spin {
  animation: spin 2s infinite linear;
}
.gt-recorder-wrapper .status-display.state-info {
  color: orange;
}
.gt-recorder-wrapper .status-display.state-attention {
  color: red;
  font-weight: bold;
}
.gt-recorder-wrapper .custom-seekbar {
  cursor: pointer;
  height: 4px;
  background: lightgrey;
  width: 100%;
  position: relative;
  margin-top: 10px;
}
.gt-recorder-wrapper .custom-seekbar span {
  background-color: #20ae80;
  position: absolute;
  height: 4px;
  width: 0;
}
.gt-recorder-wrapper .middle-wrapper {
  display: flex;
  flex-grow: 1;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.gt-recorder-wrapper .btn-upload-progress-wrapper {
  cursor: pointer;
}
.gt-recorder-wrapper .btn-upload-progress-wrapper:hover {
  filter: brightness(120%);
}
.gt-recorder-wrapper .btn-upload-progress-wrapper .btn-upload-progress {
  position: relative;
  width: 44px;
}
.gt-recorder-wrapper .btn-upload-progress-wrapper .btn-upload-progress-outer {
  color: #20ae80 !important;
  position: absolute;
  z-index: 1;
}
.gt-recorder-wrapper .btn-upload-progress-wrapper svg path:nth-child(2n) {
  stroke: #20ae80 !important;
}
.node.node-type-feedback.build-mode-teaser audio {
  width: 100%;
}
@media only screen and (max-width: 529px) {
  .gt-recorder-wrapper .gtrec-recorder-buttons {
    width: 100%;
  }
}
.bootstrap-tagsinput {
  width: 95%;
}
.bootstrap-tagsinput .tag.label-info {
  background-color: #20ae80;
  color: #ffffff;
}
.course-child-category-disabled {
  cursor: not-allowed;
  background-color: #eeeeee;
  border-color: #ddd;
}
@media only screen and (max-width: 949px) {
  html {
    max-width: 100%;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    margin: 0;
  }
  body {
    box-sizing: border-box;
    overflow-x: auto;
    padding: 0;
    border: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
    /*@media @tablet-max {*/
    /*}*/
  }
  body #logo img {
    max-height: 45px;
    padding: 2px 0;
  }
  body .pine-header {
    height: 110px;
    background-position: initial;
    display: none !important;
  }
  body .parallax-mirror {
    display: block !important;
    width: 100% !important;
    max-width: initial;
  }
  body .parallax-mirror img {
    min-width: 100% !important;
    max-width: initial;
  }
  body .bootbox.modal {
    width: 100vw;
    left: 0;
    margin: auto;
  }
  body #edubreak_help_modal.modal {
    top: 0;
    left: 0;
    bottom: 0;
    -webkit-overflow-scrolling: touch;
    margin: 0;
    border: 0;
    width: 100%;
    min-width: auto;
  }
  body #edubreak_help_modal.modal .modal-body {
    width: 100%;
    overflow: auto;
  }
  body #edubreak_help_modal.modal .modal-body iframe {
    width: 100%;
  }
  body #edubreak_help_modal.modal .modal-body .tabs-wrapper {
    overflow: auto;
  }
  body #edubreak_help_modal.modal .modal-body .tabs-wrapper ul {
    width: 840px;
  }
  body #main-cover {
    height: 150px;
  }
  body .container {
    width: 100%;
  }
  body #user_navigation {
    box-sizing: border-box;
    position: absolute;
  }
  body #user_navigation #eb-logo-highlight {
    max-width: 100vw;
  }
  body #user_navigation .container-fluid {
    box-sizing: border-box;
  }
  body #user_navigation #navbar-user-messages {
    padding: 12px 10px;
  }
  body #user_navigation #navbar-user-messages .private-messages-icon {
    height: 30px;
    width: 30px;
  }
  body #user_navigation #help-link .support-icon {
    height: 30px;
    width: 30px;
  }
  body #tabs-help form {
    padding: 5px 10px;
  }
  body #tabs-help form select,
  body #tabs-help form input,
  body #tabs-help form div {
    clear: both;
    float: left !important;
    width: 100%;
    box-sizing: border-box;
  }
  body #tabs-help form select.grippie,
  body #tabs-help form input.grippie,
  body #tabs-help form div.grippie {
    display: none;
  }
  body #tabs-help form select,
  body #tabs-help form input {
    height: 25px;
  }
  body #tabs-help form select#edit-submit,
  body #tabs-help form input#edit-submit {
    height: 35px;
  }
  body #tabs-help form div {
    box-sizing: border-box;
  }
  body #tabs-help form textarea {
    width: 100%;
    box-sizing: border-box;
  }
  body #tabs-help .views-field-title {
    padding: 5px 5px;
  }
  body #tabs-help p {
    padding: 5px 5px;
  }
  body #tabs-help .views-accordion-item .accordion-content div {
    padding: 5px 5px;
  }
  body #tabs-help ul.primary {
    margin-bottom: 25px;
  }
  body #tabs-help ul.primary li {
    display: block;
    float: none;
    width: 100%;
  }
  body #main-navigation {
    min-height: 37px;
    bottom: inherit;
    position: absolute;
    top: 86px;
  }
  body #main-navigation.affix {
    top: 160px;
    position: absolute;
  }
  body #main-navigation.affix label {
    display: block;
  }
  body #main-navigation.affix.navbar-default .navbar-nav > li > a,
  body #main-navigation.affix.navbar-default .navbar-nav > li > a:hover,
  body #main-navigation.affix.navbar-default .navbar-nav > li > a:focus,
  body #main-navigation.affix.navbar-default .navbar-nav > li > div.language-switch,
  body #main-navigation.affix.navbar-default .navbar-nav > li > div.language-switch > a,
  body #main-navigation.affix.navbar-default .navbar-nav > li > div.language-switch > a:hover,
  body #main-navigation.affix.navbar-default .navbar-nav > li > div.language-switch > a:focus {
    padding: 15px;
  }
  body #main-navigation .container-fluid,
  body #main-navigation .nav-primary {
    min-width: initial;
  }
  body #main-navigation .eb-burger-navigation-bg {
    background-color: #333;
    z-index: 0;
    position: absolute;
    width: 100vw;
    height: calc(600vh);
    display: none;
    top: -500px;
  }
  body #main-navigation .hamburger-menu-btn {
    display: none;
  }
  body #main-navigation .hamburger-menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 25px 20px;
    position: relative;
    user-select: none;
    z-index: 1005;
  }
  body #main-navigation .hamburger-menu-icon .hamburger-navicon {
    background: #efefef;
    display: block;
    height: 2px;
    position: relative;
    transition: background 0.2s ease-out;
    width: 18px;
    margin-top: 9px;
    float: right;
  }
  body #main-navigation .hamburger-menu-icon .hamburger-navicon:before,
  body #main-navigation .hamburger-menu-icon .hamburger-navicon:after {
    background: #efefef;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all 0.2s ease-out;
    width: 100%;
  }
  body #main-navigation .hamburger-menu-icon .hamburger-navicon:before {
    top: 5px;
  }
  body #main-navigation .hamburger-menu-icon .hamburger-navicon:after {
    top: -5px;
  }
  body #main-navigation .primary-link {
    max-height: 0;
    overflow: hidden;
  }
  body #main-navigation .course-switcher {
    display: none;
  }
  body #main-navigation .course-switcher div {
    width: 100%;
  }
  body #main-navigation .course-switcher ul {
    width: 100%;
  }
  body #main-navigation .course-switcher ul li {
    width: 100%;
  }
  body #main-navigation li.language-switcher-main-menu {
    width: 150px;
    position: absolute;
    bottom: -35px;
    right: 15px;
  }
  body #main-navigation li.language-switcher-main-menu ul.dropdown-menu {
    width: 90%;
  }
  body #main-navigation li.language-switcher-main-menu ul.dropdown-menu li {
    width: 100%;
  }
  body #main-navigation .hamburger-menu-btn:checked ~ .primary-link {
    height: 100vh;
    max-height: 100vh;
  }
  body #main-navigation .hamburger-menu-btn:checked ~ .course-switcher {
    display: block;
  }
  body #main-navigation .hamburger-menu-btn:checked ~ .eb-burger-navigation-bg {
    display: block;
  }
  body #main-navigation .hamburger-menu-btn:checked ~ .hamburger-menu-icon .hamburger-navicon {
    background: transparent;
  }
  body #main-navigation .hamburger-menu-btn:checked ~ .hamburger-menu-icon .hamburger-navicon:before {
    transform: rotate(-45deg);
  }
  body #main-navigation .hamburger-menu-btn:checked ~ .hamburger-menu-icon .hamburger-navicon:after {
    transform: rotate(45deg);
  }
  body #main-navigation .hamburger-menu-btn:checked ~ .hamburger-menu-icon:not(.steps) .hamburger-navicon:before,
  body #main-navigation .hamburger-menu-btn:checked ~ .hamburger-menu-icon:not(.steps) .hamburger-navicon:after {
    top: 0;
  }
  body #main-navigation.navbar-default .navbar-nav > .active > a {
    border-left: 4px solid transparent;
  }
  body #main-navigation > .container-fluid {
    max-width: 100%;
    margin: auto;
  }
  body .navbar-fixed-top .container,
  body .navbar-fixed-bottom .container {
    width: 100%;
  }
  body #content-area {
    overflow: hidden;
    margin: 5px !important;
    padding: 5px !important;
    position: relative;
  }
  body #content-area h1.title {
    margin-top: 10px;
    padding-left: 0 !important;
  }
  body #content-area .node-type-videocomment p {
    clear: both;
    padding-top: 10px;
    min-height: auto;
  }
  body #content-area .node-type-videocomment .ampel_proxy {
    display: none;
  }
  body #content-area form {
    padding: 0px !important;
  }
  body #content-area form .node-form .form-middle {
    border: 0;
  }
  body #content-area form .group-exercise-feedback-custom.collapsible .btn-group button {
    width: 100%;
    padding: 15px;
  }
  body #content-area form .compliance-criteria-item .span9 {
    width: auto;
  }
  body #content-area form .compliance-criteria-item .compliance-criteria-options .span3 {
    margin-left: 20px;
  }
  body #content-area form .compliance-criteria-item .compliance-criteria-edit {
    width: 100%;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
  }
  body #content-area form .compliance-criteria-item .compliance-criteria-edit .span9,
  body #content-area form .compliance-criteria-item .compliance-criteria-edit .span3 {
    margin-left: 20px;
    width: 100%;
  }
  body #content-area form .compliance-criteria-item .compliance-criteria-edit .span9 button,
  body #content-area form .compliance-criteria-item .compliance-criteria-edit .span3 button {
    width: 90%;
    padding: 15px;
  }
  body #content-area form .compliance-criteria-item .compliance-criteria-edit .span9 button {
    margin-bottom: 20px;
  }
  body #content-area form .thumbnails.image_picker_selector {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  body #content-area form .thumbnails.image_picker_selector li {
    align-self: center;
  }
  body #content-area form .thumbnails.image_picker_selector li .thumbnail {
    min-width: 300px;
    height: 170px;
  }
  body #content-area form .thumbnails.image_picker_selector li .thumbnail img {
    min-width: 288px;
  }
  body #content-area form .description {
    clear: both;
  }
  body #content-area .view-content .node.node-type-book {
    padding-left: 0 !important;
  }
  body #content-area .node-view .node-view-middle {
    border: 0;
    width: 100%;
  }
  body #content-area .node-view .node-view-middle .node {
    padding-left: 50px;
  }
  body #content-area .node-view .node-view-middle .node.node-type-book,
  body #content-area .node-view .node-view-middle .node.node-type-book-page {
    padding-left: 0 !important;
  }
  body #content-area .node-view .node-info .username {
    padding-top: 0px;
  }
  body #content-area .views-table,
  body #content-area .panel-pane {
    overflow: auto;
    margin: 0px 0px;
  }
  body #content-area .views-table.pane-domain-administration,
  body #content-area .panel-pane.pane-domain-administration,
  body #content-area .views-table.pane-community-directory-panel-pane-4,
  body #content-area .panel-pane.pane-community-directory-panel-pane-4,
  body #content-area .views-table.pane-community-directory-panel-pane-5,
  body #content-area .panel-pane.pane-community-directory-panel-pane-5,
  body #content-area .views-table.pane-views-a1478bff9bf450e832acf39951eab822,
  body #content-area .panel-pane.pane-views-a1478bff9bf450e832acf39951eab822,
  body #content-area .views-table.pane-views-exp-contents-panel-pane-1,
  body #content-area .panel-pane.pane-views-exp-contents-panel-pane-1,
  body #content-area .views-table.pane-views-exp-videos-panel-pane-1,
  body #content-area .panel-pane.pane-views-exp-videos-panel-pane-1,
  body #content-area .views-table.panel-book-page-body,
  body #content-area .panel-pane.panel-book-page-body {
    overflow: visible;
    margin-bottom: 15px;
  }
  body #content-area .views-table.pane-community-directory-panel-pane-4 .pane-content,
  body #content-area .panel-pane.pane-community-directory-panel-pane-4 .pane-content,
  body #content-area .views-table.pane-community-directory-panel-pane-5 .pane-content,
  body #content-area .panel-pane.pane-community-directory-panel-pane-5 .pane-content,
  body #content-area .views-table.pane-community-directory-panel-pane-7 .pane-content,
  body #content-area .panel-pane.pane-community-directory-panel-pane-7 .pane-content {
    overflow: scroll;
  }
  body #content-area .panel-region-separator {
    margin: 10px 0 0 0;
  }
  body #content-area::-webkit-scrollbar {
    display: none;
  }
  body #content-area .portfolio-form .nodereference_previewselect_preview,
  body #content-area .portfolio-form .nodereference_previewselect_selector {
    float: left;
    width: 100%;
  }
  body #content-area .portfolio-form input[type="text"],
  body #content-area .portfolio-form textarea,
  body #content-area .portfolio-form #edit-body-wrapper {
    width: 100%;
    padding: 2px 2px;
  }
  body #content-area .cockpit_data cockpit_sub_closed img,
  body #content-area .view-cockpit-student img,
  body #content-area .view-cockpit-default img {
    max-width: inherit !important;
  }
  body #tabs-left-tabs {
    padding: 0;
  }
  body #tabs-left-tabs li {
    display: block;
    float: none;
    width: 100%;
  }
  body #tabs-left-tabs li a {
    padding: 0;
    border: 0 !important;
  }
  body #tabs-left-tabs ul {
    border: 0;
  }
  body .edubreak-progress .progressbar-text .progress-percent {
    font-size: 3.5rem;
  }
  body #page-wrapper,
  body .region-page-closure {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  body #content,
  body .no-sidebars #content {
    float: none;
    width: 100% !important;
    margin: 0;
    padding: 0;
  }
  body #user_navigation > .container-fluid {
    max-width: 100%;
    width: 100%;
    padding: 5px 5px;
    box-sizing: border-box;
    display: block;
  }
  body .panels-flexible-column-inside,
  body .panels-flexible-column-inside-first {
    padding: 0;
  }
  body .panels-flexible-region {
    padding: 0;
    width: 100%;
  }
  body .panels-flexible-region-edubreak_6_2_plus_tabs-left_tabs {
    width: 100%;
  }
  body .panels-flexible-region-edubreak_6_2_plus_tabs-left_main {
    width: 100%;
  }
  body .panels-flexible-column.panels-flexible-column-edubreak_6_2_plus_tabs-main.panels-flexible-column-first {
    width: 100%;
  }
  body #user-profile .panels-flexible-row-edubreak_5_3-left-inside .pane-app-auth {
    display: none;
  }
  body .panels-flexible-row-edubreak_5_3-left-inside,
  body .panels-flexible-row-edubreak_6_2-left-inside,
  body .panels-flexible-edubreak_6_2_plus_tabs-inside,
  body .panels-flexible-row-edubreak_5_3_dual_stack-main-row-inside {
    padding-left: 0px;
    margin-left: 0px;
    padding-right: 0px;
    display: flex;
    flex-grow: 1;
    flex-direction: column-reverse;
  }
  body .panels-flexible-region-edubreak_5_3_dual_stack-down_left-inside {
    padding-left: 0px;
    margin-left: 0px;
    padding-right: 0px;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
  }
  body.page-panels .panels-flexible-region-edubreak_5_3-left,
  body.page-panels .panels-flexible-region-edubreak_5_3_dual_stack-left,
  body.page-panels .panels-flexible-region-edubreak_6_2-left,
  body.page-panels .panels-flexible-region-edubreak_5_3-left,
  body.page-panels .panels-flexible-column-edubreak_6_2_plus_tabs-main .panels-flexible-column-first,
  body.page-panels .panels-flexible-region-edubreak_5_3_dual_stack-down_left {
    width: 100%;
    order: 0;
  }
  body .panels-flexible-edubreak_6_2_plus_tabs-middle {
    width: 100%;
    order: 1;
    margin: 0;
  }
  body .panels-flexible-edubreak_6_2_plus_tabs-right,
  body .panels-flexible-column-edubreak_6_2_plus_tabs-1 {
    width: 100%;
    order: 0;
  }
  body .pane-exercise-group-exercise-tasks,
  body .panels-flexible-edubreak_6_2_plus_tabs-right {
    margin-bottom: 15px !important;
  }
  body.page-panels .panels-flexible-region-edubreak_6_2-right,
  body.page-panels .panels-flexible-region-edubreak_5_3-right,
  body.page-panels .panels-flexible-region-edubreak_5_3_dual_stack-right {
    width: 100%;
    order: 0;
    /*
      @media @desktop {
        max-width: 300px;
        order: 0;
      }

      @media @desktop-xl {
        max-width: 500px;

      }
      @media @desktop-x2 {
        max-width: 500px;
      }
      */
  }
  body .navbar .nav {
    display: flex;
    flex-direction: column;
    text-align: left;
  }
  body #user-login-form #edit-name,
  body #user-login-form #edit-pass {
    width: calc(100% - 22px);
  }
  body #main-navigation.affix {
    bottom: inherit;
  }
  body #main-navigation .container-fluid {
    max-width: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
  }
  body #main-navigation .course-switcher {
    width: 100%;
    box-sizing: border-box;
  }
  body #main-navigation .course-switcher ul.dropdown-menu-left,
  body #main-navigation .course-switcher ul.dropdown-menu-right {
    max-width: 100% !important;
    height: auto;
    border: 0;
    overflow: auto;
    box-sizing: border-box;
  }
  body #main-navigation .course-switcher ul.dropdown-menu-left li,
  body #main-navigation .course-switcher ul.dropdown-menu-right li {
    box-sizing: border-box;
  }
  body #main-navigation .course-switcher .dropdown-menu-community {
    height: 45vh;
    min-height: 300px;
  }
  body #main-navigation .course-switcher .active_og {
    display: none;
  }
  body #main-navigation .language-switcher {
    margin-right: 20px;
  }
  body #main-navigation.navbar-default .active > a {
    margin-bottom: 10px !important;
  }
  body #main-navigation.navbar-default .navbar-nav > .active > a,
  body #main-navigation #main-navigation.navbar-default .navbar-nav > .active > a:hover,
  body #main-navigation #main-navigation.navbar-default .navbar-nav > .active > a:focus {
    padding-bottom: 6px;
  }
  body #main-navigation.navbar-default .navbar-nav > .active > a,
  body #main-navigation.navbar-default .navbar-nav > .active > a:hover,
  body #main-navigation.navbar-default .navbar-nav > .active > a:focus {
    border-bottom: 0;
    border-left: 4px solid #20ae80;
    padding: 15px !important;
  }
  body #main-navigation.navbar-default .navbar-nav > li > a,
  body #main-navigation.navbar-default .navbar-nav > li > a:hover,
  body #main-navigation.navbar-default .navbar-nav > li > a:focus {
    border-bottom: 0;
    padding: 15px;
  }
  body #main-navigation.navbar-default .navbar-nav > li > a:hover,
  body #main-navigation.navbar-default .navbar-nav > li > a:focus {
    border-bottom: 0;
    border-left: 4px solid #20ae80;
    padding: 15px;
  }
  body .node .node-content h2 {
    padding-top: 20px;
  }
  body .node .picture {
    width: 40px;
    height: 40px;
  }
  body .node .picture .username a {
    font-size: 11px;
  }
  body .node .picture img {
    max-width: 35px;
  }
  body .node .picture .username {
    padding-left: 5px;
  }
  body div.panel-pane div.node.node {
    padding: 0 0 0px 60px;
  }
  body .webform-client-form {
    overflow: scroll;
  }
  body .node-form {
    display: flex;
    flex-direction: column;
  }
  body .node-form .form-middle {
    width: 100%;
  }
  body .node-form .form-middle {
    width: 100%;
  }
  body .node-form .side-right {
    float: left;
    width: 100%;
  }
  body .node-form .side-right .snapbutton {
    width: 100%;
  }
  body .node-form .side-right .affix {
    display: flex;
    position: relative;
    margin: 0;
  }
  body .node-form .side-right .affix-form {
    display: block;
    width: 100%;
    margin: 20px 0;
  }
  body .node-form .filefield-element .widget-edit {
    max-width: unset;
    width: 100%;
  }
  body .node-form .filefield-element input.form-file {
    width: 200px;
  }
  body .node-form .filefield-element input.form-submit {
    width: 100px;
  }
  body .node-form .snapbutton {
    margin: 0px 5px 0 0;
    right: unset;
  }
  body .node-form .snapbutton input {
    height: 35px;
  }
  body #page-main {
    margin-top: 0px;
  }
  body #page-main td {
    padding: 10px 0px;
  }
  body #page-main ul.primary li a {
    background-color: #333;
    border-right: 1px dashed #999;
  }
  body #page-main ul.primary li a:hover,
  body #page-main ul.primary li a:focus,
  body #page-main ul.primary li a:active {
    background-color: #555;
  }
  body #page-main .tabs-main .tabs.primary {
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
  }
  body #page-main .tabs-main .tabs.primary::-webkit-scrollbar {
    display: none;
  }
  body #page-main .tabs-main .tabs.primary li {
    flex: 1;
  }
  body #page-main .tabs-main .tabs.primary li {
    background-color: #333;
    margin-bottom: 5px;
  }
  body #page-main .tabs-main .tabs.primary li a {
    padding: 10px 15px 6px;
    font-weight: normal;
  }
  body #page-main .tabs-main .tabs.primary li:hover,
  body #page-main .tabs-main .tabs.primary li:focus,
  body #page-main .tabs-main .tabs.primary li.active {
    border-bottom: 4px solid #fff;
  }
  body #page-main .tabs-main .tabs.primary li:hover a,
  body #page-main .tabs-main .tabs.primary li:focus a,
  body #page-main .tabs-main .tabs.primary li.active a {
    color: #fff;
    background-color: #555;
  }
  body .pane-student-course-progress .pane-content {
    padding: 0 !important;
  }
  body .pane-student-course-progress .progressbar-text {
    max-width: 160px;
  }
  body #user-profile {
    width: 100%;
  }
  body #user-profile .panels-flexible-region {
    width: 100%;
  }
  body #user-profile #profile-image-pane {
    float: left;
    width: 40%;
  }
  body #user-profile #profile-image-pane img {
    width: 100px;
  }
  body #user-profile .pane-profile-fields {
    width: 40%;
    float: left;
  }
  body #user-profile .pane-profile-fields .pane-content {
    margin-left: 0;
  }
  body #user-profile .panels_pane.panel-pane {
    overflow: visible !important;
  }
  body .community_header .span4 {
    min-width: 200px;
  }
  body #footer {
    flex-direction: column;
  }
  body #footer #footer-message {
    margin-bottom: 15px;
  }
  body #footer #accessibility-setting .btn-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .node .node-footer {
    display: block;
  }
  .node .node-footer .terms {
    margin-bottom: 15px;
  }
  .section-course-exercices-admin #edit-objects-wrapper {
    overflow: auto;
  }
  .section-exercise .panels-flexible-edubreak_6_2_plus_tabs-inside {
    display: flex;
    flex-flow: column;
  }
  .section-exercises .cockpit-table img {
    max-width: none;
  }
  .section-bookpage .pane-content,
  .section-book .pane-content {
    padding: 0 !important;
  }
  .section-bookpage .node-view-middle,
  .section-book .node-view-middle {
    padding: 0 0 0 5px;
  }
  .section-bookpage .page-links,
  .section-book .page-links {
    padding: 0;
  }
  .section-bookpage .edubreak_lecture_book_menu,
  .section-book .edubreak_lecture_book_menu {
    margin: 0;
    width: auto;
  }
  .section-memo .node-view-right,
  .section-memo .node-view-left {
    width: 100% !important;
    padding-right: 0px;
    box-sizing: border-box;
  }
  .section-videos .pane-field-video-filename,
  .section-video .pane-field-video-filename {
    overflow: hidden !important;
  }
  .section-videos .edubreak-video-grouped-slider.views-view-grid tr,
  .section-video .edubreak-video-grouped-slider.views-view-grid tr,
  .section-videos table.views-view-grid tr,
  .section-video table.views-view-grid tr,
  .section-videos .edubreak-video-grouped-slider.views-view-grid td,
  .section-video .edubreak-video-grouped-slider.views-view-grid td,
  .section-videos table.views-view-grid td,
  .section-video table.views-view-grid td {
    padding: 0;
    display: inline-block;
  }
  .section-videos .edubreak-video-grouped-slider.views-view-grid tr,
  .section-video .edubreak-video-grouped-slider.views-view-grid tr,
  .section-videos table.views-view-grid tr,
  .section-video table.views-view-grid tr {
    width: 100%;
  }
  .section-videos .edubreak-video-grouped-slider.views-view-grid td,
  .section-video .edubreak-video-grouped-slider.views-view-grid td,
  .section-videos table.views-view-grid td,
  .section-video table.views-view-grid td {
    width: 33%;
  }
  .section-videos .edubreak-video-grouped-slider span.totalcount,
  .section-video .edubreak-video-grouped-slider span.totalcount,
  .section-videos table span.totalcount,
  .section-video table span.totalcount {
    margin-right: 3px;
  }
  .section-videos .edubreak-video-grouped-slider .image-container,
  .section-video .edubreak-video-grouped-slider .image-container,
  .section-videos table .image-container,
  .section-video table .image-container {
    margin-right: 5px;
  }
  .section-videos .edubreak-video-grouped-slider a.capty-image,
  .section-video .edubreak-video-grouped-slider a.capty-image,
  .section-videos table a.capty-image,
  .section-video table a.capty-image {
    display: block;
    margin: 0;
  }
  .section-videos .edubreak-video-grouped-slider img.capty,
  .section-video .edubreak-video-grouped-slider img.capty,
  .section-videos table img.capty,
  .section-video table img.capty {
    width: 100%;
    object-fit: cover;
    display: block;
    height: auto;
  }
  .section-videos .edubreak-video-grouped-slider .capty-wrapper,
  .section-video .edubreak-video-grouped-slider .capty-wrapper,
  .section-videos table .capty-wrapper,
  .section-video table .capty-wrapper {
    height: auto !important;
    width: 100% !important;
    min-height: auto;
    margin-bottom: -30px;
  }
  .section-videos #content-area .pane-field-video-filename,
  .section-video #content-area .pane-field-video-filename {
    margin: 0;
    padding: 0;
  }
  .section-videos #content-area .pane-field-video-filename > .pane-content,
  .section-video #content-area .pane-field-video-filename > .pane-content {
    margin: 0;
    padding: 0;
  }
  .section-videos #content-area .export-video-annotations-link,
  .section-video #content-area .export-video-annotations-link {
    margin-top: 0px;
  }
  .section-videos #content-area .pagination,
  .section-video #content-area .pagination {
    margin-bottom: 15px;
  }
  .section-videos #todos,
  .section-video #todos {
    overflow: auto;
  }
  .section-videos #todos table#upload-list td,
  .section-video #todos table#upload-list td {
    padding-right: 3px !important;
    padding-left: 3px !important;
  }
  .section-messages #privatemsg-list .container-inline > div {
    margin-bottom: 10px;
    display: block;
  }
  .section-messages ul.token-input-list-edubreak {
    width: 350px;
  }
  .section-messages .token-input-dropdown-edubreak {
    width: 350px;
  }
  #edubreakWebCU {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
  #edubreakWebCU .drop {
    margin: 5px;
  }
  .pane-activity-by-og {
    display: none;
  }
  .section-home .pane-course-members-online-panel-pane-1 {
    display: none;
  }
  .section-content .pane-activity-by-user-panel-pane-1,
  .section-user .pane-activity-by-user-panel-pane-1 {
    display: none;
  }
  .section-content .panels-flexible-region-edubreak_5_3-left,
  .section-user .panels-flexible-region-edubreak_5_3-left,
  .section-content .panels-flexible-region-inside > div,
  .section-user .panels-flexible-region-inside > div {
    border: 0;
  }
  .section-content .panels_pane.pane-profile-fields,
  .section-user .panels_pane.pane-profile-fields,
  .section-content #profile-image-pane,
  .section-user #profile-image-pane {
    width: 100% !important;
    text-align: center;
  }
  .section-content .panels_pane.pane-profile-fields,
  .section-user .panels_pane.pane-profile-fields {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .section-content .body-right.span5,
  .section-user .body-right.span5,
  .section-content .body-left.span4,
  .section-user .body-left.span4 {
    margin: 0 !important;
    width: 100% !important;
  }
  .section-content dd,
  .section-user dd {
    margin: 0;
  }
  .section-coursedetails form#edubreak-og-ui-members-add-page {
    overflow: auto;
    width: 100%;
    box-sizing: border-box;
  }
  .section-coursedetails form#edubreak-og-ui-members-add-page .form-horizontal label.control-label {
    width: 90px;
  }
  .section-coursedetails form#edubreak-og-ui-members-add-page .edubreak_og_user .span7 {
    width: 100%;
  }
  .section-coursedetails form#edubreak-og-ui-members-add-page input {
    box-sizing: border-box;
    height: 25px;
  }
  .section-coursedetails form#edubreak-og-ui-members-add-page input.search-query {
    width: 300px;
  }
  .section-coursedetails form#edubreak-og-ui-members-add-page .form-horizontal .controls {
    margin-left: 110px;
  }
  .section-coursedetails form#edubreak-og-ui-members-add-page #edubreak_og_ui_searchlist .span1 {
    margin-right: 5px;
  }
  .section-coursedetails form#edubreak-og-ui-members-add-page .edubreak_og_users_invite_list .row,
  .section-coursedetails form#edubreak-og-ui-members-add-page .edubreak_og_users_invite_list.row {
    margin: 0 !important;
  }
  .section-coursedetails form#edubreak-og-ui-members-add-page .edubreak_og_users_invite_list .row {
    margin: 0 !important;
  }
  .section-coursedetails form#edubreak-og-ui-members-add-page .edubreak_og_users_invite_list {
    box-sizing: border-box;
  }
  .section-coursedetails form#edubreak-og-ui-members-add-page .edubreak_og_users_invite_list .span1,
  .section-coursedetails form#edubreak-og-ui-members-add-page .edubreak_og_users_invite_list .span2,
  .section-coursedetails form#edubreak-og-ui-members-add-page .edubreak_og_users_invite_list .span3,
  .section-coursedetails form#edubreak-og-ui-members-add-page .edubreak_og_users_invite_list .span4,
  .section-coursedetails form#edubreak-og-ui-members-add-page .edubreak_og_users_invite_list .span5,
  .section-coursedetails form#edubreak-og-ui-members-add-page .edubreak_og_users_invite_list .span6,
  .section-coursedetails form#edubreak-og-ui-members-add-page .edubreak_og_users_invite_list .span7,
  .section-coursedetails form#edubreak-og-ui-members-add-page .edubreak_og_users_invite_list .span8,
  .section-coursedetails form#edubreak-og-ui-members-add-page .edubreak_og_users_invite_list .span9,
  .section-coursedetails form#edubreak-og-ui-members-add-page .edubreak_og_users_invite_list .span10,
  .section-coursedetails form#edubreak-og-ui-members-add-page .edubreak_og_users_invite_list .span11,
  .section-coursedetails form#edubreak-og-ui-members-add-page .edubreak_og_users_invite_list .span12,
  .section-coursedetails form#edubreak-og-ui-members-add-page .edubreak_og_users_invite_list .span13,
  .section-coursedetails form#edubreak-og-ui-members-add-page .edubreak_og_users_invite_list .span14,
  .section-coursedetails form#edubreak-og-ui-members-add-page .edubreak_og_users_invite_list .span15,
  .section-coursedetails form#edubreak-og-ui-members-add-page .edubreak_og_users_invite_list .span16 {
    box-sizing: border-box;
    display: block;
    float: none;
    width: 100%;
    margin: 0;
  }
  .section-coursedetails form#edubreak-og-ui-members-add-page .edubreak_og_users_invite_list .span7 select,
  .section-coursedetails form#edubreak-og-ui-members-add-page .edubreak_og_users_invite_list .span7 span {
    box-sizing: border-box;
    display: block;
    width: 100%;
  }
  .section-coursedetails #edubreak_og_ui_searchlist .span1,
  .section-coursedetails #edubreak_og_ui_searchlist .span2,
  .section-coursedetails #edubreak_og_ui_searchlist .span3,
  .section-coursedetails #edubreak_og_ui_searchlist .span4 {
    margin: 0;
  }
  .section-coursedetails #edubreak_og_ui_searchlist li.row.item {
    margin: 0;
  }
  .section-coursedetails #edubreak_og_ui_searchlist .span3 {
    font-size: 12px;
    width: 150px;
  }
  .section-coursedetails .edubreak_og_users_selector {
    margin: 0;
  }
  .section-coursedetails .edubreak_og_users_selector input {
    width: 200px;
  }
  .section-coursedetails .edubreak_og_users_selector .span7 {
    margin: 0;
  }
  .section-coursedetails .edubreak_og_users_selector .span2.offset4 {
    margin-left: 210px;
  }
  .section-user img.imagecache-profile_thumb,
  .section-members img.imagecache-profile_thumb {
    width: 40px;
  }
  .section-user .pane-members,
  .section-members .pane-members {
    margin-bottom: 15px !important;
  }
  .section-user .view-members-manage td .edubreak_picture_container img,
  .section-members .view-members-manage td .edubreak_picture_container img {
    width: 30px;
    min-width: 30px;
  }
  .section-user .views-field-name,
  .section-members .views-field-name {
    font-size: 10px;
  }
  .section-user .pane-course-members-online-panel-pane-2,
  .section-members .pane-course-members-online-panel-pane-2 {
    display: none;
  }
  .section-user table,
  .section-members table {
    font-size: 12px;
  }
  .section-user table a,
  .section-members table a {
    font-size: 12px;
  }
  .section-user table a.btn.dropdown-toggle,
  .section-members table a.btn.dropdown-toggle {
    padding: 10px !important;
  }
  .section-user table td,
  .section-members table td {
    padding-right: 3px !important;
    padding-left: 3px !important;
  }
  .section-user .view-vm-stats-user-centric,
  .section-members .view-vm-stats-user-centric {
    overflow: auto;
  }
  .section-user .view-members .views-field-picture .field-content,
  .section-members .view-members .views-field-picture .field-content {
    max-width: 40px;
  }
  .pane-tandem-blogs-panel-pane-1,
  .student-progress-details-wrapper {
    margin-bottom: 15px !important;
  }
  .pane-community-directory-panel-pane-4 table td {
    padding-right: 3px !important;
    padding-left: 3px !important;
  }
  .pane-context-help {
    display: none;
  }
  .edubreak-context-help-preview {
    display: none;
  }
  table td a {
    margin-right: 5px;
  }
  #drupalchat-wrapper {
    display: none;
  }
  /*EP5*/
  .edubreak_player_wrapper.ep5-landscape {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 99999;
  }
  .edubreak_player_wrapper .edubreakplayer {
    width: 100% !important;
  }
  .table-responsive tr,
  .table-responsive td {
    width: 100% !important;
    display: inline-block !important;
    border-top: none !important;
    text-align: center !important;
  }
  .table-responsive tr .views-field-name a,
  .table-responsive td .views-field-name a {
    font-size: 20px;
  }
  .table-responsive tr .views-field-access,
  .table-responsive td .views-field-access {
    display: none !important;
  }
  .table-responsive tr .option,
  .table-responsive td .option {
    float: left;
  }
  .table-responsive tr {
    border-bottom: 3px solid #ccc;
  }
  .table-responsive th {
    display: none;
  }
  .table-responsive th.vbo-select-all {
    display: block !important;
  }
  .table-responsive td .action-links.btn-group {
    margin: auto;
  }
  .table-responsive ul.dropdown-menu {
    right: 0;
  }
  .table-responsive tbody {
    border-top: none;
  }
  .table-responsive .dropdown-menu a {
    white-space: initial;
  }
  .table-responsive .dropdown-menu {
    width: max-content;
    max-width: 250px;
    left: -30px !important;
  }
  .table-responsive .edubreak_picture_container img {
    width: 100px !important;
    min-width: 100px !important;
  }
  .table-responsive .views-field.views-field-phpcode-1 {
    display: flex !important;
    justify-content: center;
  }
}
@media only screen and (max-width: 529px) {
  .edubreak_comments {
    margin: 0 !important;
  }
  .node-form .snapbutton {
    width: 100%;
    display: block !important;
    float: none;
    box-sizing: border-box;
    margin: 0px 5px 5px 0 !important;
    right: 0 !important;
  }
  .node-form .snapbutton input {
    padding: 5px !important;
  }
  #main-navigation .course-switcher .dropdown-menu-community {
    width: 100% !important;
    box-sizing: border-box;
  }
  #content .pane-activity-by-og {
    display: none;
  }
  .node-form .text {
    width: 95%;
  }
  body.fullcalendar {
    margin: 0;
  }
  body.fullcalendar .fc-right {
    float: left;
    clear: both;
  }
  body.fullcalendar .fc-right button {
    margin-top: 7px;
    margin-right: 5px !important;
    padding: 4px;
    margin-bottom: 15px;
  }
  body.fullcalendar .fc-scroller.fc-time-grid-container,
  body.fullcalendar .fc-scroller.fc-day-grid-container {
    height: auto !important;
  }
  .views-widget input,
  #views-bulk-operations-select input,
  .views-widget select,
  #views-bulk-operations-select select,
  .views-widget #views-bulk-operations-dropdown,
  #views-bulk-operations-select #views-bulk-operations-dropdown {
    width: calc(100% - 10px);
  }
  div.panels_pane.panel-pane.pane-custom.pane-2.vue-pane {
    padding: 0 !important;
  }
  /*************************
Edit/Create Exercise
*************************/
  #edit-field-exercise-videos-nid-nid-wrapper div.image_picker_filter {
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    max-width: unset;
    float: unset;
    align-items: center;
  }
  #edit-field-exercise-videos-nid-nid-wrapper .ebm-btn-filter-reset {
    margin-top: 15px;
  }
  #edit-field-exercise-videos-nid-nid-wrapper .ebm-filter-topic {
    display: none;
  }
  #edit-field-exercise-videos-nid-nid-wrapper ul.image_picker_selector .edubreak-exercise-video-thumbnail {
    align-self: center;
  }
  #edit-field-exercise-videos-nid-nid-wrapper ul.image_picker_selector li {
    flex-direction: column;
  }
  #edit-field-exercise-videos-nid-nid-wrapper ul.image_picker_selector li .edubreak-exercise-video-visibility-container p {
    align-self: center;
  }
  #edit-field-exercise-videos-nid-nid-wrapper ul.image_picker_selector li .edubreak-exercise-video-visibility-container .edubreak-exercise-video-visibility-dropdown {
    align-self: center;
  }
  #splitscreenModal {
    width: 90% !important;
    top: 5% !important;
    left: unset !important;
  }
}
@media only screen and (max-width: 529px) {
  /* hide unneeded elements */
  /* EP5 */
  .edubreak_player_wrapper {
    overflow: hidden;
  }
  .edubreak_player_wrapper .btn-scrub-backward-second,
  .edubreak_player_wrapper .btn-scrub-backward-frame,
  .edubreak_player_wrapper .btn-scrub-forward-second,
  .edubreak_player_wrapper .btn-scrub-forward-frame,
  .edubreak_player_wrapper .ep5-playbackrate-control,
  .edubreak_player_wrapper .time-control,
  .edubreak_player_wrapper .icon-ep5-volume-off,
  .edubreak_player_wrapper .btn-mute,
  .edubreak_player_wrapper .ep5-volumebar,
  .edubreak_player_wrapper .icon-ep5-volume-up {
    display: none !important;
  }
  .edubreak_player_wrapper .edubreakplayer,
  .edubreak_player_wrapper .ep5-media {
    min-width: auto !important;
  }
  .edubreak_player_wrapper.ep5-landscape {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 999;
  }
}
@media only screen and (max-width: 768px) {
  .section-videos table.views-view-grid tr,
  .section-videos table.views-view-grid td {
    min-width: 100%;
    display: block;
  }
  .section-videos table .capty-wrapper {
    height: auto;
  }
  /* hide unneeded elements */
  /* EP5 */
  .edubreak_player_wrapper {
    overflow: hidden;
  }
  .edubreak_player_wrapper .ep5-playbackrate-control,
  .edubreak_player_wrapper .time-control,
  .edubreak_player_wrapper .icon-ep5-volume-off,
  .edubreak_player_wrapper .btn-mute,
  .edubreak_player_wrapper .ep5-volumebar,
  .edubreak_player_wrapper .icon-ep5-volume-up {
    display: none !important;
  }
  .edubreak_player_wrapper .edubreakplayer,
  .edubreak_player_wrapper .ep5-media {
    min-width: auto !important;
  }
  body:not(.modal-body) .edubreak_player_wrapper {
    min-height: 65vh !important;
    /*
        .edubreakplayer,
        .ep5-media {
          top: 0 !important;
          video {
            height: auto;
          }
        }
        */
  }
  body:not(.modal-body) .edubreak_player_wrapper .edubreakplayer {
    min-height: 65vh !important;
    height: 100%;
  }
}
@media only screen and (min-width: 949px) {
  #main-navigation .primary-link li {
    float: left;
  }
  #main-navigationli .primary-link a {
    padding: 20px 30px;
  }
  #main-navigation .primary-link .hamburger-menu {
    clear: none;
    float: left;
    max-height: none;
  }
  #main-navigation .hamburger-menu-icon {
    display: none;
  }
  #main-navigation .course-switcher {
    display: block;
  }
  #main-navigation .course-switcher .dropdown-menu-community {
    width: 605px;
  }
  #main-navigation .hamburger-menu-btn:checked ~ .primary-link,
  #main-navigation .primary-link {
    max-height: initial;
    height: auto;
  }
  #main-navigation .eb-burger-navigation-bg {
    display: none;
  }
  #main-navigation .hamburger-menu-btn:checked ~ .eb-burger-navigation-bg {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  #splitscreenModal .modal-footer div {
    flex-direction: column;
  }
}
/*
 * jsGrid v1.5.3 (http://js-grid.com)
 * (c) 2016 Artem Tabalin
 * Licensed under MIT (https://github.com/tabalinas/jsgrid/blob/master/LICENSE)
 */
.jsgrid-cell option[disabled] {
  color: black;
  font-weight: 500;
}
.jsgrid-grid-header,
.jsgrid-grid-body,
.jsgrid-header-row > .jsgrid-header-cell,
.jsgrid-filter-row > .jsgrid-cell,
.jsgrid-insert-row > .jsgrid-cell,
.jsgrid-edit-row > .jsgrid-cell {
  border: 1px solid #e9e9e9;
}
.jsgrid-header-row > .jsgrid-header-cell {
  border-top: 0;
}
.jsgrid-header-row > .jsgrid-header-cell,
.jsgrid-filter-row > .jsgrid-cell,
.jsgrid-insert-row > .jsgrid-cell {
  border-bottom: 0;
}
.jsgrid-header-row > .jsgrid-header-cell:first-child,
.jsgrid-filter-row > .jsgrid-cell:first-child,
.jsgrid-insert-row > .jsgrid-cell:first-child {
  border-left: none;
}
.jsgrid-header-row > .jsgrid-header-cell:last-child,
.jsgrid-filter-row > .jsgrid-cell:last-child,
.jsgrid-insert-row > .jsgrid-cell:last-child {
  border-right: none;
}
.jsgrid-header-row .jsgrid-align-right,
.jsgrid-header-row .jsgrid-align-left {
  text-align: center;
}
.jsgrid-grid-header {
  background: #f9f9f9;
}
.jsgrid-header-scrollbar {
  scrollbar-arrow-color: #f1f1f1;
  scrollbar-base-color: #f1f1f1;
  scrollbar-3dlight-color: #f1f1f1;
  scrollbar-highlight-color: #f1f1f1;
  scrollbar-track-color: #f1f1f1;
  scrollbar-shadow-color: #f1f1f1;
  scrollbar-dark-shadow-color: #f1f1f1;
}
.jsgrid-header-scrollbar::-webkit-scrollbar {
  visibility: hidden;
}
.jsgrid-header-scrollbar::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.jsgrid-header-sortable:hover {
  cursor: pointer;
  background: #fcfcfc;
}
.jsgrid-header-row .jsgrid-header-sort {
  background: #c4e2ff;
}
.jsgrid-header-sort:before {
  content: " ";
  display: block;
  float: left;
  width: 0;
  height: 0;
  border-style: solid;
}
.jsgrid-header-sort-asc:before {
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #009a67 transparent;
}
.jsgrid-header-sort-desc:before {
  border-width: 5px 5px 0 5px;
  border-color: #009a67 transparent transparent transparent;
}
.jsgrid-grid-body {
  border-top: none;
}
.jsgrid-cell {
  border: #f3f3f3 1px solid;
}
.jsgrid-grid-body .jsgrid-row:first-child .jsgrid-cell,
.jsgrid-grid-body .jsgrid-alt-row:first-child .jsgrid-cell {
  border-top: none;
}
.jsgrid-grid-body .jsgrid-cell:first-child {
  border-left: none;
}
.jsgrid-grid-body .jsgrid-cell:last-child {
  border-right: none;
}
.jsgrid-row > .jsgrid-cell {
  background: #fff;
}
.jsgrid-alt-row > .jsgrid-cell {
  background: #fcfcfc;
}
.jsgrid-header-row > .jsgrid-header-cell {
  background: #f9f9f9;
}
.jsgrid-filter-row > .jsgrid-cell {
  background: #fcfcfc;
}
.jsgrid-insert-row > .jsgrid-cell {
  background: #e3ffe5;
}
.jsgrid-edit-row > .jsgrid-cell {
  background: #fdffe3;
}
.jsgrid-selected-row > .jsgrid-cell {
  background: #c4e2ff;
  border-color: #c4e2ff;
}
.jsgrid-nodata-row > .jsgrid-cell {
  background: #fff;
}
.jsgrid-invalid input,
.jsgrid-invalid select,
.jsgrid-invalid textarea {
  background: #ffe3e5;
  border: 1px solid #ff808a;
}
.jsgrid-pager-current-page {
  font-weight: bold;
}
.jsgrid-pager-nav-inactive-button a {
  color: #d3d3d3;
}
.jsgrid-button + .jsgrid-button {
  margin-left: 5px;
}
.jsgrid-button:hover {
  opacity: .5;
  transition: opacity 200ms linear;
}
.jsgrid .jsgrid-button {
  width: 16px;
  height: 16px;
  border: none;
  cursor: pointer;
}
.jsgrid .jsgrid-button:before {
  color: #20ae80;
  font-family: "iconfonts";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  /* font-size: 120%; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
.jsgrid .jsgrid-mode-button {
  width: 24px;
  height: 24px;
}
.jsgrid-mode-on-button {
  opacity: .5;
}
.jsgrid-cancel-edit-button:before {
  content: '\e802';
}
.jsgrid-clear-filter-button {
  background-position: 0 -40px;
  width: 16px;
  height: 16px;
}
.jsgrid-delete-button:before {
  content: '\e829';
}
.jsgrid-edit-button:before {
  content: '\270e';
}
.jsgrid-insert-mode-button:before {
  content: '\2b';
  font-size: 1.3em;
}
.jsgrid-insert-button:before {
  content: '\2713';
}
.jsgrid-search-mode-button {
  background-position: 0 -248px;
  width: 24px;
  height: 24px;
}
.jsgrid-search-button {
  background-position: 0 -296px;
  width: 16px;
  height: 16px;
}
.jsgrid-update-button:before {
  content: '\2713';
}
.jsgrid-load-shader {
  background: #ddd;
  opacity: .5;
  filter: alpha(opacity=50);
}
.jsgrid-load-panel {
  width: 15em;
  height: 5em;
  background: #fff;
  border: 1px solid #e9e9e9;
  padding-top: 3em;
  text-align: center;
}
.jsgrid-load-panel:before {
  content: ' ';
  position: absolute;
  top: .5em;
  left: 50%;
  margin-left: -1em;
  width: 2em;
  height: 2em;
  border: 2px solid #009a67;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: indicator 1s linear infinite;
  animation: indicator 1s linear infinite;
}
@-webkit-keyframes indicator {
  from {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes indicator {
  from {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* old IE */
.jsgrid-load-panel {
  padding-top: 1.5em\9;
}
.jsgrid-load-panel:before {
  display: none\9;
}
body.page-panels #content-area.node-type-course_design .pane-content {
  padding: 0;
}
body.page-panels #content-area.node-type-course_design .action-links {
  top: 0;
}
body.page-panels #content-area.node-type-course_design #course-design-grid-body {
  padding: 10px;
}
body.page-panels #content-area.node-type-course_design .edubreak-course-design-tag,
body.page-panels #content-area.node-type-course_design .edubreak-course-design-assignment {
  text-align: left;
  float: left;
}
body.page-panels #content-area.node-type-course_design .panels-flexible-region-edubreak_6_2_plus_tabs-left_main {
  width: 104%;
}
body.page-panels #content-area.node-type-course_design .jsgrid-header-row {
  font-size: 13px;
}
body.page-panels #content-area.node-type-course_design .jsgrid-grid-body .jsgrid-table .jsgrid-cell {
  padding: 2px;
}
@media only screen and (min-width: 950px) {
  body.section-videos .panels-flexible-edubreak_8 .pane-views-exp-videos-panel-pane-8 {
    display: inline-block;
    width: 63%;
    height: 160px;
  }
  body.section-videos .panels-flexible-edubreak_8 .pane-views-exp-videos-panel-pane-8 .views-exposed-widgets {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  body.section-videos .panels-flexible-edubreak_8 .pane-views-exp-videos-panel-pane-8 .views-exposed-widget.views-submit-button {
    width: 50%;
    margin-left: 2%;
  }
  body.section-videos .panels-flexible-edubreak_8 .pane-views-exp-videos-panel-pane-8 .views-exposed-widget.views-widget-filter-tid {
    width: 50%;
    margin-top: 0;
  }
  body.section-videos .panels-flexible-edubreak_8 .panels_pane.pane-action-links {
    display: inline-block;
    float: right;
    width: 30%;
    height: 160px;
  }
}
#edit-uid-current-1-wrapper > div.dfb-Select-toggle {
  display: none;
}
.v-application {
  font-family: "DFBSansWeb", "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;
  background: none !important;
}
.v-application .heading {
  font-family: DFB Sans, sans-serif;
  font-weight: 800;
  font-stretch: normal;
  color: #191919;
  font-size: 1.15rem;
  line-height: 1.35;
}
.v-application .v-list-item .v-list-item__title {
  font: regular 12px/14px DFB Sans;
  letter-spacing: 1.5px;
  opacity: 1;
  text-transform: uppercase;
}
.v-application .v-list-item .v-list-item__subtitle {
  text-align: left;
  font: regular 12px/14px DFB Sans;
  letter-spacing: 1.5px;
  color: #666666;
  opacity: 1;
}
.v-application .v-chip {
  font-weight: bold;
  color: #757678;
}
.v-application .category-title {
  text-align: left;
  font: bold 20px/24px DFB Sans;
  letter-spacing: 0;
  color: #202020;
  opacity: 1;
}
.v-application .v-btn:before {
  transition: none !important;
}
.v-application .theme--light.v-btn:hover:before {
  opacity: 0;
}
.v-application .btn-primary:hover,
.v-application .btn.dropdown-toggle:hover,
.v-application button:hover {
  filter: none !important;
}
.v-application .dfb-Anchor,
.v-application .dfb-Anchor-label {
  float: right;
}
.v-application .footer-section .dfb-Anchor,
.v-application .dfb-Anchor-label {
  padding: 0 2px !important;
}
.v-application .card-carousel-wrapper {
  justify-content: space-around !important;
}
.group-video ul.image_picker_selector {
  max-height: 500px;
  overflow-y: auto;
  float: unset;
  width: 100%;
  margin: 0;
  padding: 0;
  margin-top: 10px;
}
#splitscreenModal {
  width: 50%;
  top: 10%;
  left: 25%;
  margin: unset;
}
#splitscreenModal .splitscreen-video-wrapper .view-filters form .views-exposed-widgets {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  max-width: unset;
  float: unset;
  align-items: center;
}
#splitscreenModal .modal-body {
  height: 100%;
  max-height: 450px;
}
#splitscreenModal .modal-footer {
  text-align: left;
}
#splitscreenModal .modal-footer div {
  display: flex;
  justify-content: flex-end;
}
#splitscreenModal .modal-footer div #views-bulk-operations-submit {
  padding: unset;
  height: 29px;
}
#splitscreenModal .modal-footer div .edubreak-split-screen-modal-cancel-btn {
  margin: 2px;
  height: 25px;
}
#splitscreenModal #edit-split-screen-title {
  width: 99%;
}
#splitscreenModal .views-bulk-operations-submit-disabled {
  background-color: #bebebe;
}
#splitscreenModal #views-bulk-operations-form-videos-for-split-screen-default tr {
  display: flex;
  width: 99%;
  background-color: unset;
}
#splitscreenModal #views-bulk-operations-form-videos-for-split-screen-default tr .views-field-title {
  font-size: 18px;
  font-style: normal;
  width: 100%;
}
#splitscreenModal #views-bulk-operations-form-videos-for-split-screen-default tr.selected td {
  background-color: unset;
}
#splitscreenModal #views-bulk-operations-form-videos-for-split-screen-default th {
  border-bottom: unset;
}
/**
q
*/
:root {
  --v-primary-base: #20ae80 !important;
  --v-school-icon-font: white;
  --v-school-background: #20ae80 !important;
  --v-anchor-base: #20ae80 !important;
  --v-primary-lighten5: #ffffff !important;
  --v-primary-lighten4: #ffffff !important;
  --v-primary-lighten3: #ffffff !important;
  --v-primary-lighten2: #ffffff !important;
  --v-primary-lighten1: #d6f7ec !important;
  --v-primary-darken1: #000000 !important;
  --v-primary-darken2: #000000 !important;
  --v-primary-darken3: #000000 !important;
  --v-primary-darken4: #000000 !important;
  --v-secondary-base: #20ae80 !important;
  --v-secondary-lighten5: #ffffff !important;
  --v-secondary-lighten4: #ffffff !important;
  --v-secondary-lighten3: #ffffff !important;
  --v-secondary-lighten2: #ffffff !important;
  --v-secondary-lighten1: #d6f7ec !important;
  --v-secondary-darken1: #000000 !important;
  --v-secondary-darken2: #000000 !important;
  --v-secondary-darken3: #000000 !important;
  --v-secondary-darken4: #000000 !important;
  --v-light_tertiary-base: #ebf0f6 !important;
}
body.page-panels .pane-field-dialog-videos h2.pane-title {
  color: #fff;
}
body.page-panels .pane-field-dialog-videos .field-field-dialog-videos > .field-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
}
#modalContent {
  height: auto !important;
  top: 100px !important;
  z-index: 9999999;
}
#modalContent #modal-content {
  height: auto !important;
  z-index: 9999999;
  padding: 20px;
}
#modalContent form {
  background: white !important;
}
#modalContent div.ctools-modal-content {
  height: auto !important;
  box-shadow: none;
  border: none;
}
#modalContent #page-manager-edit .page-manager-tabs {
  border: none;
}
body.page-max-width #page-wrapper,
body.page-max-width .container,
body.page-max-width #content,
body.page-max-width .no-sidebars #content {
  width: 100%;
}
.edubreak-user-domain-role {
  display: flex;
  flex-direction: row;
}
.user-manage-modal-body div {
  margin: 25px;
}
.change-mail-modal-body div {
  margin: 25px;
}
.view-myshare-videos td.views-field.views-field-title {
  word-break: break-word;
}
.view-myshare-videos th.views-field.views-field-field-access-view-value {
  position: relative;
  min-width: 40px;
}
.view-myshare-videos th.views-field.views-field-field-access-view-value a {
  position: absolute;
  word-break: keep-all;
  width: 150px;
  bottom: 10px;
}
.view-myshare-videos td.views-field.views-field-field-access-view-value {
  text-align: center;
}
.view-myshare-videos td.views-field.views-field-field-video-image-fid {
  min-width: 160px;
}
#edubreakShareConfirmModal #edit-notify-message-wrapper,
#edubreakShareConfirmModal label {
  padding: 15px;
}
#edubreakShareConfirmModal #edit-notify-preview-wrapper {
  padding: 0 30px;
  overflow: auto;
  max-height: 100px;
  margin: 0 5px;
}
#edubreakShareConfirmModal #edit-notify-preview-wrapper li {
  list-style-type: disc;
  margin: 0 0 0.25em 1.5em;
}
.attachment-viewer {
  color: #fff;
  position: fixed;
  z-index: 9999999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
}
.attachment-viewer-header {
  height: 48px;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 40;
}
.attachment-viewer-overlay,
.attachment-viewer-underlay {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  right: 0;
  left: 0;
}
.attachment-viewer-underlay {
  top: 0;
  bottom: 100px;
}
.attachment-viewer-frames {
  transition: transform .15s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.attachment-viewer-overlay {
  height: 100px;
  bottom: 0;
  z-index: 30;
}
.attachment-viewer-frame-details {
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  left: 0;
  padding: 12px 10%;
  position: absolute;
  right: 0;
  z-index: 30;
}
.attachment-viewer-frame-preview-wrapper {
  bottom: 0;
  left: 24px;
  overflow-x: hidden;
  overflow-y: hidden;
  position: absolute;
  top: 0;
  right: 24px;
}
.attachment-viewer-frame-preview {
  box-sizing: border-box;
  padding: 48px 24px 100px;
  height: 100%;
}
.attachment-viewer-frame-preview-wrapper iframe {
  background-color: #fff;
  border-radius: 3px;
  border: 0;
  box-sizing: border-box;
  height: 100%;
  opacity: 1;
  width: 100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.59);
}
.attachment-viewer-frame-preview-image {
  border-radius: 3px;
  max-width: 100%;
  opacity: 1;
  position: relative;
  z-index: 10;
  transition: transform .15s, opacity .4s;
}
.attachment-viewer-header-close-icon {
  color: white;
  padding: 9px;
  position: absolute;
  right: 0;
  top: 0;
}
.attachment-viewer-header-close-icon:hover {
  color: grey !important;
  cursor: pointer;
}
.attachment-viewer-frame-details-title {
  color: white;
  font-weight: bold;
}
.attachment-viewer-frame-details-sub {
  display: flex;
  align-items: center;
  justify-content: center;
}
.attachment-viewer-frame-details-description {
  margin-right: 20px;
}
.attachment-viewer-frame-details a {
  color: white;
  text-decoration: underline;
}
.attachment-viewer-frame-details a:visited {
  color: white;
}
@media only screen and (max-width: 949px) {
  .attachment-viewer-overlay {
    height: 140px;
  }
  .attachment-viewer-frame-details-sub {
    flex-direction: column;
  }
  .attachment-viewer-frame-details {
    padding: 4px;
  }
}
.message-og-context {
  padding-bottom: 15px;
}
.privatemsg-message-participants-add-wrapper-form {
  display: none;
  margin-right: 12px;
}
.eb-CardGrid--3Columns .eb-CardGrid-card.privatemsg-message-participants-add-wrapper-open {
  width: 99% !important;
  max-width: 99% !important;
}
#edubreak-privatemsg-add-user-form {
  padding: 0 12px;
}
#edubreak-privatemsg-add-user-form > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#edubreak-privatemsg-add-user-form > div #edit-users-wrapper {
  flex-grow: 1;
  padding-right: 12px;
}
ul.token-input-list-edubreak {
  width: 100%;
}
@media only screen and (max-width: 949px) {
  ul.token-input-list-edubreak {
    width: 100% !important;
  }
}
@media only screen and (max-width: 529px) {
  .eb-CardGrid--3Columns .eb-CardGrid-card.privatemsg-message-participants-add-wrapper-open {
    width: 98.5% !important;
  }
  .eb-CardGrid--3Columns .eb-CardGrid-card.privatemsg-message-participants-add-wrapper-open #edubreak-privatemsg-add-user-form > div {
    padding: 6px;
    flex-direction: column;
    align-items: flex-start;
  }
  .eb-CardGrid--3Columns .eb-CardGrid-card.privatemsg-message-participants-add-wrapper-open #edubreak-privatemsg-add-user-form > div #edit-users-wrapper {
    width: 100%;
  }
  .eb-CardGrid--3Columns .eb-CardGrid-card.privatemsg-message-participants-add-wrapper-open #edubreak-privatemsg-add-user-form > div .button-cancel {
    width: 100%;
    margin-bottom: 6px;
  }
  .eb-CardGrid--3Columns .eb-CardGrid-card.privatemsg-message-participants-add-wrapper-open #edubreak-privatemsg-add-user-form > div .button-cancel a {
    width: auto;
    display: block;
    padding: 8px;
  }
  .eb-CardGrid--3Columns .eb-CardGrid-card.privatemsg-message-participants-add-wrapper-open #edubreak-privatemsg-add-user-form > div .snapbutton {
    width: 100%;
    margin: 0;
  }
  .eb-CardGrid--3Columns .eb-CardGrid-card.privatemsg-message-participants-add-wrapper-open #edubreak-privatemsg-add-user-form > div .snapbutton .form-submit {
    width: 100%;
    margin: 0;
    font-size: 14px;
    padding: 8px;
  }
}
.eb-Card {
  position: relative;
  justify-content: space-between;
  height: auto;
  color: #000;
  text-decoration: none;
  background-color: #fff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
  transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  transition-duration: .2s;
  transition-property: transform,box-shadow;
}
.eb-MemberCard {
  display: flex;
  flex-direction: row;
  padding: 10px;
}
.eb-MemberCard .member-card-picture img {
  border-radius: 100%;
}
.eb-MemberCard .member-card-author {
  padding-left: 20px;
  flex-grow: 1;
}
.eb-CardGrid-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 1 1 auto;
  flex-flow: row wrap;
  min-width: 100%;
  margin-right: -7.5px;
  margin-left: -7.5px;
  align-items: center;
}
@media only screen and (max-width: 949px) {
  .eb-CardGrid-container {
    margin-right: -10px;
    margin-left: -10px;
  }
}
.eb-CardGrid-card {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 7.5px;
  padding-left: 7.5px;
  width: 100%;
  max-width: 100%;
  margin-bottom: 15px;
}
@media only screen and (max-width: 949px) {
  .eb-CardGrid-card {
    width: 47%;
    padding-left: 7.5px;
    padding-right: 7.5px;
  }
}
@media only screen and (max-width: 529px) {
  .eb-CardGrid-card {
    width: 95%;
    padding-left: 7.5px;
    padding-right: 7.5px;
    margin-left: 2px;
  }
}
@media screen and (min-width: 992px) {
  .eb-CardGrid--3Columns .eb-CardGrid-card {
    width: 31.5%;
    max-width: 31.5%;
  }
  .eb-CardGrid--2Columns .eb-CardGrid-card {
    width: 50%;
    max-width: 50%;
  }
  .eb-CardGrid--1Columns .eb-CardGrid-card {
    width: 100%;
    max-width: 100%;
  }
}
body.node-type-video.section-video #content-area {
  padding: 0;
}
body.node-type-video.section-video .panels_pane.panel-pane.pane-custom.pane-1 {
  margin: 0;
}
body.node-type-video.section-video .panels_pane.panel-pane.pane-custom.pane-1 > .pane-content {
  padding: 0;
}
body.node-type-video.section-video .tabs-main {
  display: none;
}
.video-info-wrapper .dropdown:focus-within {
  background-color: #f1f1f1;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}
.video-info-wrapper {
  padding: 10px;
}
.video-info-wrapper button:focus {
  outline: none;
}
.video-info-wrapper .dropbtn {
  background-color: unset;
  color: grey;
  font-size: 1.5rem;
  border: none;
  min-width: unset;
  padding-left: 0;
  padding-right: 0;
}
.video-info-wrapper .dropdown {
  position: relative;
  display: inline-block;
  align-self: center;
}
.video-info-wrapper .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 175px;
  box-shadow: 0px 20px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  right: 0;
  top: 34px;
}
.video-info-wrapper .dropdown-content a {
  color: black;
  padding: 10px 12px;
  text-decoration: none;
  display: block;
  font-weight: normal;
}
.video-info-wrapper .dropdown-content a:hover {
  background-color: #20ae80;
  text-decoration: underline;
  color: white;
}
.video-info-wrapper .dropdown:focus-within .dropdown-content {
  display: block;
  width: max-content;
}
.video-info-wrapper .grid-row {
  display: flex;
  justify-content: flex-start;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.video-info-wrapper .grid-col {
  align-self: flex-start;
}
.video-info-wrapper .dropdown-col {
  min-width: 5%;
}
.video-info-wrapper .title-col {
  min-width: 90%;
}
.video-info-wrapper .title-col h2 {
  margin-bottom: 0;
}
.video-info-wrapper .edubreak-videoinfo-visibility-info {
  align-self: center;
  padding-left: 0.25em;
}
.video-info-wrapper .edubreak-videoinfo-visibility-info i {
  font-size: 1.5rem;
  line-height: 1.25em !important;
}
.video-info-wrapper .video-info-hr {
  background-color: grey;
  margin-top: 0.25em;
}
@media (max-width: 500px) {
  .video-info-wrapper .title-col {
    min-width: 80%;
  }
}
@media (max-width: 350px) {
  .video-info-wrapper .title-col {
    min-width: 70%;
  }
}
.usage-statistics-container .backlink {
  margin-top: 20px;
}
.usage-statistics-container .backlink a {
  line-height: 12px;
  padding: 10px;
}
.usage-statistics-container .usage-statistics-container-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.usage-statistics-container .usage-statistics-container-content .left-side {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.usage-statistics-container .usage-statistics-container-content .right-side {
  display: flex;
  align-items: flex-end;
}
.usage-statistics-container .usage-statistics-container-content .right-side .chzn-container.chzn-container-single,
.usage-statistics-container .usage-statistics-container-content .right-side .chzn-container.chzn-container-single .chzn-single {
  margin-bottom: 0;
}
.usage-statistics-container .usage-statistics-container-content .right-side .views-exposed-widgets {
  display: flex;
  align-items: flex-end;
  margin-bottom: 0;
  grid-gap: 0px;
}
.usage-statistics-container .usage-statistics-container-content .right-side .views-exposed-form .views-exposed-widget {
  margin-bottom: 0;
  margin-left: 30px;
}
.usage-statistics-container .usage-statistics-container-content .right-side .views-exposed-form label {
  min-width: 300px;
}
.edubreak_picture_container .user-status-dot,
.user-status-block-status .user-status-dot {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  border: solid 1px white;
  display: inline-block;
}
.edubreak_picture_container .user-status-dot.user-status-available,
.user-status-block-status .user-status-dot.user-status-available {
  background-color: #00ab00;
}
.edubreak_picture_container .user-status-dot.user-status-partially-available,
.user-status-block-status .user-status-dot.user-status-partially-available {
  background-color: #ffdd00;
}
.edubreak_picture_container .user-status-dot.user-status-not-available,
.user-status-block-status .user-status-dot.user-status-not-available {
  background-color: #FF0000;
}
.edubreak_picture_container {
  position: relative;
}
.edubreak_picture_container .popover-title {
  display: none;
}
.edubreak_picture_container .popover-content {
  padding: 0;
}
.edubreak_picture_container .tooltip-inner {
  max-width: 240px;
}
.edubreak_picture_container .user-status-dot {
  height: 25%;
  width: 25%;
  max-width: 15px;
  max-height: 15px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.user-status-block-wrapper {
  display: flex;
  flex-direction: column;
}
.user-status-block-wrapper .user-status-block-status {
  display: flex;
  font-size: 12px;
  margin-bottom: 10px;
  align-items: center;
  top: 0;
}
.user-status-block-wrapper .user-status-icon,
.user-status-block-wrapper .user-status-block-status-type {
  margin-left: 10px;
}
.user-status-block-wrapper .user-status-block-message {
  margin-bottom: 10px;
}
.user-status-block-wrapper.user-status-block-wrapper-interactive .user-status-block-status {
  cursor: pointer;
  margin-bottom: 10px;
}
.user-status-modal-date {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.user-status-modal-date > * {
  flex-grow: 1;
}
.user-manage-modal-body .status-time-options {
  width: unset !important;
}
.user-manage-modal-body .status-message {
  width: 100%;
  height: 22px;
}
.user-manage-modal-body .user-status-modal-date label,
.user-manage-modal-body .user-status-modal-date select {
  margin-bottom: 0;
}
.user-manage-modal-body div {
  margin: 15px 25px 0;
}
#userStatusModal select.status-options {
  height: unset;
}
#userStatusModal .modal-footer {
  margin-top: 15px;
}
#userStatusModal .pine-datepicker {
  margin: 0;
  display: flex;
  justify-content: space-between;
}
#userStatusModal .pine-datepicker input {
  padding: 4px;
}
#profile-image-pane .picture {
  position: relative;
}
#profile-image-pane .picture .user-status-dot {
  position: absolute;
  bottom: 20px;
  left: 163px;
  cursor: pointer;
}
#global-header {
  height: 60px;
  background: white;
  width: 100%;
  position: fixed;
  box-sizing: border-box;
  z-index: 9999;
}
.has-global-header {
  --surface-overlay: #ffffff;
  --surface-0: #ffffff;
  --surface-50: #fafafa;
  --surface-100: #f5f5f5;
  --surface-200: #eeeeee;
  --surface-300: #e0e0e0;
  --surface-400: #bdbdbd;
  --surface-500: #9e9e9e;
  --surface-600: #757575;
  --surface-700: #616161;
  --surface-800: #424242;
  --surface-900: #212121;
  --yellow-500: #fbc02d;
  --highlight-bg: #023047;
}
.has-global-header #admin-menu {
  z-index: 10000;
}
.has-global-header .edubreak-sso-enabled {
  display: unset !important;
}
.has-global-header #edubreak_help_modal {
  top: 80px;
  z-index: 10000;
}
.has-global-header #main-navigation .course-switcher {
  display: none !important;
}
.has-global-header:not(.og-context) #main-cover {
  height: 238px;
}
a {
  color: #20ae80;
  text-decoration: none;
}
a:focus,
a:active,
a:hover {
  text-decoration: underline;
}
a img:hover {
  filter: none !important;
}
.m-Navigation a,
footer a {
  text-decoration: none !important;
}
.m-Navigation a:visited,
footer a:visited {
  color: #fff;
}
a.dfb-Logo:focus,
a.dfb-Logo:active,
a.dfb-Logo:hover {
  text-decoration: none;
}
a.dfb-Logo .logo-separator {
  width: 1px;
  height: 35px;
  background-color: #fff;
  display: inline-block;
}
a.dfb-Logo .dfb-Logo-logo::before {
  content: "test";
  border: 1px solid #eee;
  display: block;
}
/************************
 * Layout
 ************************/
html,
body {
  height: auto !important;
  position: inherit;
}
#page {
  height: 100%;
}
#page-main {
  margin-top: 140px;
  padding-top: 50px;
}
body.page-panels #content-area,
#content-area {
  background: none;
  box-shadow: none;
  padding: 0;
}
body.page-panels #content-area #edubreak-og-ui-members-add-page .snapbutton,
#content-area #edubreak-og-ui-members-add-page .snapbutton {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
body.page-panels #content-area #edubreak-og-ui-members-add-page .snapbutton #edit-submit,
#content-area #edubreak-og-ui-members-add-page .snapbutton #edit-submit {
  width: unset;
}
#content {
  padding-bottom: 1em !important;
}
.content {
  height: auto;
}
body.not-logged-in #page-wrapper {
  width: 100%;
  background-color: white;
}
body.not-logged-in #page-wrapper #content {
  margin: auto;
  float: none;
}
body.not-logged-in #page-wrapper #content-area {
  box-shadow: none;
}
body.not-logged-in #page-wrapper #content-area .dfb-Headline {
  margin-bottom: 2rem;
  display: inline;
}
body.not-logged-in #page-wrapper #content-area p {
  margin-bottom: 2rem;
}
body.not-logged-in #page-wrapper #footer {
  padding: 2rem;
}
body.not-logged-in #page-main {
  margin-top: 0;
  padding-top: 50px;
  width: 100%;
}
body.not-logged-in img.dfb-Image-image {
  object-fit: cover;
}
body.not-logged-in .dfb-Image--3To1Ratio {
  padding-top: 15%;
}
.tabs {
  margin: 0;
}
.panel-pane {
  margin: 16px 8px;
}
.dfb-front-page-image {
  margin-top: 4.4rem;
}
.dfb-frontpage-section {
  margin-top: 4.4rem;
  padding: 0;
}
body.admin-menu .m-Header {
  top: 0px;
}
body.admin-menu #main-navigation-sub {
  top: 90px;
}
body.admin-menu #page-wrapper {
  top: 90px;
}
body.admin-menu #admin-menu {
  position: fixed;
}
body.admin-menu #page-main {
  margin-top: 160px;
}
body.page-panels #content-area.mixed-content,
body.page-panels #content-area.node-type-course_design,
body.page-panels #content-area.node-type-exercise {
  margin-left: -8px;
  margin-right: -8px;
}
body.page-panels #content-area.mixed-content .panel-pane.pane-exercises-progress,
body.page-panels #content-area.node-type-course_design .panel-pane.pane-exercises-progress,
body.page-panels #content-area.node-type-exercise .panel-pane.pane-exercises-progress {
  margin-top: 1rem;
}
.panels-flexible-edubreak_6_2_plus_tabs-middle {
  margin-right: 30%;
}
.panels-flexible-column-edubreak_6_2_plus_tabs-1 {
  width: 30%;
}
.main-bg-mixin {
  background: #ebf0f6;
}
.mixin-big-header {
  font-family: DFB Sans Stencil, sans-serif;
  text-transform: uppercase;
  font-weight: 800;
  font-stretch: normal;
  color: #191919;
  font-size: 2.5rem;
  line-height: 1.8;
  margin-bottom: 20px;
}
.mixin-stroked-big-header {
  font-family: DFB Sans Stencil, sans-serif;
  font-family: DFBSansWeb;
  text-transform: uppercase;
  font-weight: 800;
  font-stretch: normal;
  color: #191919;
  font-size: 2.5rem;
  line-height: 1.8;
  margin-bottom: 20px;
  /** The strikthrough code **/
  display: inline;
  padding: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(35%, transparent), color-stop(35%, rgba(32, 174, 128, 0.55)), color-stop(64%, rgba(32, 174, 128, 0.55)), color-stop(64%, transparent));
  background-image: linear-gradient(transparent 35%, rgba(32, 174, 128, 0.55) 35%, rgba(32, 174, 128, 0.55) 64%, transparent 64%);
}
.mixin-ebAssigement-meta-date {
  text-align: left;
  font-family: "DFBSansWeb", "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;
  font-size: 16px;
  font-style: normal;
  letter-spacing: 1.5px;
  color: #000000;
  opacity: 1;
}
.mixin-ebAssigement-meta-tag {
  font-family: "DFBSansWeb", "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.mixin-chip-active {
  position: relative;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  height: 32px;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  border: 2px solid #20ae80;
  border-radius: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0 none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: background-color, border-color, color, -webkit-box-shadow;
  transition-property: background-color,border-color,-webkit-box-shadow;
  transition-property: box-shadow,background-color,border-color;
  transition-property: box-shadow,background-color,border-color,-webkit-box-shadow;
  padding: 0 12px;
  -webkit-transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  font-family: DFB Sans, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: .875rem;
  background-color: #20ae80;
  color: #fff;
}
.mixin-chip-insert {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px;
  margin: 0;
  vertical-align: middle;
  border-radius: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-property: background-color, border-color, -webkit-box-shadow;
  transition-property: background-color, border-color, -webkit-box-shadow;
  transition-property: box-shadow, background-color, border-color;
  transition-property: box-shadow, background-color, border-color, -webkit-box-shadow;
  background-color: #ebf0f6;
  filter: none;
  font-size: .875rem;
  font-family: DFB Sans, sans-serif;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #757678;
}
.m-Header,
#user_navigation {
  background-color: #20ae80;
}
.m-Header #navbar-user-messages .badge,
#user_navigation #navbar-user-messages .badge {
  background-color: #ff5858;
}
.m-Header .c-UserMenu-menu a:visited {
  color: inherit;
}
.m-Header .c-UserMenu-menu a {
  text-decoration: none;
}
#eb-logo-highlight {
  background-image: none;
}
/*******************************
 * CARDS
 *******************************/
.dfb-card-body {
  padding: 0.75em 0 0 0;
}
.dfb-author-node-card {
  padding: 0;
  box-shadow: none;
}
.dfb-author-node-card .dfb-Card-content {
  padding: 2rem;
}
.eb-pointer {
  cursor: pointer;
}
.node {
  padding: inherit;
}
/*******************************
 * BULLET POINTS
 *******************************/
.dfb-Card.node .dfb-Card-content ul:not(.edubreak_hoverpane_controls),
.pane-content .field-type-text ul:not(.edubreak_hoverpane_controls) {
  padding-left: 40px;
  list-style: initial;
}
.dfb-Card.node .dfb-Card-content ol,
.pane-content .field-type-text ol {
  padding-left: 40px;
  list-style: decimal;
}
.dfb-Card.node .dfb-Card-content li,
.pane-content .field-type-text li {
  list-style: inherit;
}
/**********************
* link_list and anchor labels
 */
.link_list .dfb-Anchor {
  display: flex;
}
.link_list .dfb-Anchor .dfb-Anchor-label a {
  color: #20ae80;
  text-decoration: none;
  word-break: break-word;
}
.link_list .dfb-Anchor--secondary:before {
  min-width: 40px;
}
/*******************************
 * Tabs
 *******************************/
.dfb-Tabs-tab.active {
  color: #20ae80;
}
.dfb-Tabs-item-custom {
  margin-right: .75rem;
  flex: 0 0 auto;
  align-items: center;
}
.dfb-Tabs-item-custom.active {
  border-bottom: 3px solid #20ae80;
}
.dfb-Tabs {
  margin: 0;
}
/*************************
Overrides
*************************/
.dfb-Alert {
  z-index: 999;
  max-width: inherit;
  opacity: unset;
  visibility: unset;
}
.dfb-Alert-message {
  width: 100%;
}
.dfb-Alert-message a {
  color: white;
  font-weight: bold;
}
.dfb-Alert-message p {
  color: #757678;
}
.dfb-Alert.dfb-Alert--success.is-visible .dfb-Alert-message a {
  color: #20ae80;
}
button {
  min-width: auto;
}
.btn {
  text-align: center;
  letter-spacing: 1.5px;
  background-color: #20ae80;
  border: 2px solid #20ae80;
  -webkit-transition-property: background-color,border-color,-webkit-box-shadow,-webkit-transform;
  transition-property: background-color,border-color,-webkit-box-shadow,-webkit-transform;
  transition-property: box-shadow,background-color,transform,border-color;
  transition-property: box-shadow,background-color,transform,border-color,-webkit-box-shadow,-webkit-transform;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  padding: 0 30px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: normal;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  border-radius: 40px;
  outline: 0 none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
}
.btn .btn-label {
  position: relative;
  -webkit-transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  font-family: "DFBSansWeb", "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: .875rem;
}
.btn:active:not([disabled]):not([aria-disabled]) {
  background-color: #198b66;
  border-color: #198b66;
  -webkit-box-shadow: 0 4px 4px rgba(32, 174, 128, 0.3);
  box-shadow: 0 4px 4px rgba(32, 174, 128, 0.3);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
.fixbtn,
.action-links .snapbutton,
.side-right .snapbutton {
  box-shadow: none;
}
.panel-pane.pane-action-links {
  background: #ffffff 0% 0% no-repeat padding-box;
}
.ep5-btn .btn-comment-add-label {
  white-space: nowrap;
}
body.page-panels .panels-flexible-region-first h2 {
  /** The strikthrough code **/
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(35%, transparent), color-stop(35%, rgba(32, 174, 128, 0.55)), color-stop(64%, rgba(32, 174, 128, 0.55)), color-stop(64%, transparent));
  background-image: linear-gradient(transparent 35%, rgba(32, 174, 128, 0.55) 35%, rgba(32, 174, 128, 0.55) 64%, transparent 64%);
  font-family: DFB Sans Stencil, sans-serif;
  font-family: DFBSansWeb;
  text-transform: uppercase;
  font-weight: 800;
  font-stretch: normal;
  color: #191919;
  font-size: 2.5rem;
  line-height: 1.8;
  margin-bottom: 20px;
  /** The strikthrough code **/
  display: inline;
  padding: 0;
  background-image: none;
}
.dfb-Headline.dfb-Headline--h1.c-Headline-strokeLine {
  /** The strikthrough code **/
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(35%, transparent), color-stop(35%, rgba(32, 174, 128, 0.55)), color-stop(64%, rgba(32, 174, 128, 0.55)), color-stop(64%, transparent));
  background-image: linear-gradient(transparent 35%, rgba(32, 174, 128, 0.55) 35%, rgba(32, 174, 128, 0.55) 64%, transparent 64%);
  font-family: DFB Sans Stencil, sans-serif;
  font-family: DFBSansWeb;
  text-transform: uppercase;
  font-weight: 800;
  font-stretch: normal;
  color: #191919;
  font-size: 2.5rem;
  line-height: 1.8;
  margin-bottom: 20px;
  /** The strikthrough code **/
  display: inline;
  padding: 0;
  background-image: none;
}
h1:not(.dfb-Logo-brandLabel) {
  /** The strikthrough code **/
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(35%, transparent), color-stop(35%, rgba(32, 174, 128, 0.55)), color-stop(64%, rgba(32, 174, 128, 0.55)), color-stop(64%, transparent));
  background-image: linear-gradient(transparent 35%, rgba(32, 174, 128, 0.55) 35%, rgba(32, 174, 128, 0.55) 64%, transparent 64%);
  font-family: DFB Sans Stencil, sans-serif;
  font-family: DFBSansWeb;
  text-transform: uppercase;
  font-weight: 800;
  font-stretch: normal;
  color: #191919;
  font-size: 2.5rem;
  line-height: 1.8;
  margin-bottom: 20px;
  /** The strikthrough code **/
  display: inline;
  padding: 0;
  background-image: none;
}
body.page-panels.campus-home .panels-flexible-region-last {
  padding-top: 70px;
}
body.page-panels .panel-pane {
  background-color: transparent;
}
body.page-panels .panel-pane .pane-content {
  background-color: transparent;
}
body.page-panels .panel-pane.pane-action-links {
  background-color: #ffffff;
}
body.page-panels .panels-flexible-region-last .panel-pane {
  background-color: #ffffff;
}
body.page-panels .panels-flexible-region-last h2 {
  font-weight: 800;
  font-stretch: normal;
  color: #191919;
  font-size: 1.4rem !important;
  line-height: 1.1;
  margin-bottom: 20px;
}
body.page-panels .panels-flexible-region-first .pane-content {
  padding: 0;
}
body.page-panels .pane-activity-by-user-panel-pane-1,
body.page-panels .pane-profile-fields,
body.page-panels .about-panel {
  background-color: #ffffff;
  padding: 32px !important;
}
.panels-flexible-region-last .panel-pane {
  padding: 2rem !important;
}
.panels-flexible-region-last .panel-pane.pane-action-links {
  padding: 1rem 2rem!important;
}
.pane-activity-by-og div[class*='view-activity'] .views-row {
  margin-left: 0;
}
@media screen and (min-width: 992px) {
  .c-CardGrid--3Columns .c-CardGrid-card {
    width: 33%;
    max-width: 33%;
  }
  .c-CardGrid--2Columns .c-CardGrid-card {
    width: 50%;
    max-width: 50%;
  }
  .c-CardGrid--1Columns .c-CardGrid-card {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 576px) {
  .c-CardSwitch--person .c-CardSwitch-headline {
    font-size: 16px;
  }
  .c-CardSwitch-overlay {
    padding-right: 20px;
    padding-left: 20px;
  }
  .c-PersonMeta-name {
    font-size: 16px;
    text-align: left;
  }
}
.c-CardSwitch--person {
  padding-top: 72.33333%;
}
.c-CardSwitch-icon {
  position: absolute;
  bottom: -8%;
}
.dfb-Card-author {
  margin-bottom: 5px;
}
.ebCardMetaAuthor {
  display: flex;
  flex-direction: row;
}
.ebCardMetaAuthor .ebCardMetaAuthor-image {
  margin: 0 20px 10px 0;
}
.ebCardMetaAuthor .ebCardMetaAuthor-image .imagecache-user_node {
  width: 40px;
  border: none;
}
.ebCardMetaAuthor .ebCardMetaAuthor-meta {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.ebCardMetaAuthor .ebCardMetaAuthor-meta .ebCardMetaAuthor-meta-username {
  font-family: "DFBSansWeb", "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.ebCardMetaAuthor .ebCardMetaAuthor-meta .ebCardMetaAuthor-meta-username a {
  text-decoration: none;
  color: black;
}
.ebCardMetaAuthor .ebCardMetaAuthor-meta .ebCardMetaAuthor-meta-date {
  color: #666666;
}
img.imagecache-user_node {
  width: 40px;
  border: none;
}
/****************************************
 * Courses progress
 ***************************************/
.pane-exercises-progress .dfb-Icon .edubreak-progress,
.dfb-Card-footer .dfb-Icon .edubreak-progress {
  width: 37px;
  padding: 0;
}
.pane-exercises-progress .dfb-Icon .edubreak-progress .progressbar-text,
.dfb-Card-footer .dfb-Icon .edubreak-progress .progressbar-text {
  display: none;
}
.pane-exercises-progress .dfb-Icon .edubreak-progress svg path:first-child,
.dfb-Card-footer .dfb-Icon .edubreak-progress svg path:first-child {
  stroke: #fff;
  opacity: 0.5;
}
.pane-exercises-progress .dfb-Icon .edubreak-progress svg path:nth-child(2n),
.dfb-Card-footer .dfb-Icon .edubreak-progress svg path:nth-child(2n) {
  stroke: #fff;
}
.c-EpaperCard-knowHowIconList .dfb-Icon {
  padding: 0;
  position: relative;
}
.c-EpaperCard-knowHowIconList .dfb-Icon .edubreak-progress {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 6px;
}
.c-EpaperCard-knowHowIconList .dfb-Icon i {
  position: absolute;
  top: 0;
  font-size: 1.5em;
  width: 100%;
  height: 100%;
  padding: 0.5em;
}
.c-EpaperCard-knowHowIconList .dfb-Icon i.icon-pie {
  font-size: 2.22em;
  padding: 3px;
  top: 0.115em;
}
/****************************************
 * Student progress
 ***************************************/
.pane-student-course-progress .edubreak-progress {
  height: 96px;
  width: 96px;
  padding: 0;
}
.pane-student-course-progress.panel-pane.pane-action-links {
  padding: 1rem !important;
}
.pane-student-course-progress .progress-description {
  font-size: 14px;
  text-align: center;
}
.panels-flexible-region-last .pane-student-course-progress .edubreak-progress .progressbar-text,
.panels-flexible-region-last .pane-student-course-progress .edubreak-progress .progressbar-text .progress-percent {
  text-align: center;
  font-size: 1rem;
  margin-left: 0.2rem;
  margin-top: 1.5rem;
  line-height: 1rem;
  font-weight: 800;
  color: #20ae80 !important;
}
.horizontal-progress-wrapper {
  display: flex;
  flex-direction: unset;
  align-items: center;
  padding: 14px 0 14px 0px;
}
body.page-panels .panels-flexible-region.panels-flexible-region-last .horizontal-progress-wrapper .action-links .btn {
  margin: 0;
}
/****************************************
 * Exercise
 ***************************************/
.section-exercises .view-exercises {
  margin-top: 1rem;
}
.node-type-exercise .panels-flexible-edubreak_6_2_plus_tabs-right .panels-flexible-region-last h2 {
  text-align: left;
  font-family: "DFBSansWeb", "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;
  font-weight: 800;
  font-stretch: normal;
  letter-spacing: 0;
  color: #000000;
  opacity: 1;
  text-transform: none;
  background-image: none;
}
.node-type-exercise .panels-flexible-edubreak_6_2_plus_tabs-right .panel-pane {
  padding-top: 1em !important;
}
.node-type-exercise .panels-flexible-edubreak_6_2_plus_tabs-right .pane-cockpit-student {
  padding-top: 2em !important;
  margin-bottom: -3em !important;
}
.node-type-exercise .pane-field-exercise-date {
  text-align: left;
  font-family: "DFBSansWeb", "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;
  font-size: 16px;
  font-style: normal;
  letter-spacing: 1.5px;
  color: #000000;
  opacity: 1;
}
.node-type-exercise .pane-moderator-visibility .pane-content,
.node-type-exercise .pane-field-exercise-info-fbtype .pane-content {
  font-family: "DFBSansWeb", "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.node-type-exercise .views-field-status {
  font-family: "DFBSansWeb", "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.node-type-exercise .views-field-status .item-list ul li {
  margin-left: 0em;
}
.node-type-exercise .views-field-status .missing_exercise_content {
  color: #FF7D4D;
}
.node-type-exercise .exercise-actions .iconbox-left {
  display: none;
}
.node-type-exercise .panels-flexible-region-edubreak_6_2_plus_tabs-left_main-inside .field {
  padding-bottom: 2em;
}
body.page-panels #content-area.node-type-exercise h1.title {
  font-family: DFB Sans Stencil, sans-serif;
  font-family: DFBSansWeb;
  text-transform: uppercase;
  font-weight: 800;
  font-stretch: normal;
  color: #191919;
  font-size: 2.5rem;
  line-height: 1.8;
  margin-bottom: 20px;
}
.m-Opener-topline {
  font-size: 1.4rem !important;
}
body.page-panels .panel-pane.pane-cockpit-student,
body.page-panels .panel-pane.pane-exercises,
body.page-panels .panel-pane.pane-exercises-progress,
body.page-panels .panel-pane.pane-field-exercise-date,
body.page-panels .panel-pane.pane-exercise-group-exercise-feedback-channe,
body.page-panels .panel-pane.pane-moderator-visibility,
body.page-panels .panel-pane.pane-field-exercise-info-fbtype {
  margin-top: 0;
  margin-bottom: 0;
}
body.page-panels .panel-pane.pane-exercises-progress {
  position: relative;
  height: 4rem;
  overflow: visible;
  padding: 0 !important;
}
#edit-field-exercise-cc-selectable-value-wrapper #edit-field-exercise-cc-selectable-value {
  width: 100%;
}
#exercise-compliance-wrapper .compliance-criteria-item {
  border: none;
  background: white;
}
#exercise-compliance-wrapper ul.image_picker_selector {
  width: 100%;
  margin-left: -20px;
}
#edit-field-exercise-videos-nid-nid-wrapper {
  margin: 0;
  border: none;
}
#edit-field-exercise-videos-nid-nid-wrapper div.image_picker_filter {
  padding: 0 30px;
}
#edit-field-exercise-videos-nid-nid-wrapper div.image_picker_filter #ebm-filter-title {
  height: 28px;
}
#edit-field-exercise-videos-nid-nid-wrapper ul.image_picker_selector {
  width: 100%;
  background: white;
}
#edit-field-exercise-videos-nid-nid-wrapper ul.image_picker_selector li {
  padding: 0 30px;
}
#edit-field-exercise-videos-nid-nid-wrapper ul.image_picker_selector .edubreak-exercise-video-thumbnail img {
  min-width: 288px;
}
/****************************************
 * MOBILE
 ****************************************/
@media only screen and (max-width: 949px) {
  body #page-main {
    margin-top: 20px;
  }
  .dfb-front-page-image {
    height: 10rem;
  }
  .c-Headline {
    text-align: center;
  }
  .c-Headline .dfb-Headline.dfb-Headline--h1.c-Headline-strokeLine {
    background-image: none;
    font-family: DFB Sans Stencil, sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    font-stretch: normal;
    color: #191919;
    font-size: 2.25rem;
    line-height: 1.1;
  }
  #main-navigation-sub {
    display: none;
  }
  .section-coursedetails form#edubreak-og-ui-members-add-page input {
    height: 100%;
  }
  .section-coursedetails .edubreak_og_users_selector input {
    width: 100%;
  }
  .dfb-new-user-actions {
    flex-direction: column;
  }
  .dfb-new-user-actions a,
  .dfb-new-user-actions button {
    width: 100%;
    margin-top: 20px !important;
  }
  #edubreak-og-ui-members-add-page .modal.fade.in {
    top: unset;
    position: relative;
    width: 100%;
    left: unset;
    margin: 0;
  }
  #edubreak-og-ui-members-add-page .modal.fade.in .modal-header .close {
    display: none;
  }
  #edubreak-og-ui-members-add-page .modal.fade.in .modal-body .import-user-area,
  #edubreak-og-ui-members-add-page .modal.fade.in .modal-footer .btn {
    width: 100%;
    margin-top: 20px !important;
  }
  .dfb-Input-field {
    min-width: unset !important;
  }
  .search-query {
    width: 100% !important;
  }
  .existing-user-container .row.item {
    display: flex;
    flex-flow: column;
  }
  .existing-user-container .row.item .span1,
  .existing-user-container .row.item .span4 {
    width: auto;
    margin: 10px !important;
    text-align: center;
  }
  .existing-user-container .row.item .span1 .user-mail,
  .existing-user-container .row.item .span4 .user-mail {
    word-break: break-word;
  }
  .existing-user-container .row.item .c-Accordion-icon {
    position: unset;
  }
  .edubreak_og_users_invite_list.dfb-Card-content .invitelist-header {
    display: none !important;
  }
  .edubreak_og_users_invite_list.dfb-Card-content .edubreak-users-selector-processed .row {
    display: flex;
    flex-direction: column;
    width: auto;
  }
  .edubreak_og_users_invite_list.dfb-Card-content .edubreak-users-selector-processed .row [class*="span"] {
    padding: 10px;
  }
  .edubreak_og_users_invite_list.dfb-Card-content .edubreak-users-selector-processed .row .item-image,
  .edubreak_og_users_invite_list.dfb-Card-content .edubreak-users-selector-processed .row .invite-name {
    width: auto !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
  }
  .edubreak_og_users_invite_list.dfb-Card-content .edubreak-users-selector-processed .row .span5 {
    width: auto !important;
  }
  .view-course-exercices-admin .views-exposed-form,
  .view-Videos .views-exposed-form {
    width: 100%;
  }
  .view-course-exercices-admin .snapbutton,
  .view-Videos .snapbutton {
    width: 100%;
  }
  tr.selected .views-field.views-field-changed.active {
    background: #ffc !important;
  }
  .branding-section #accessibility-setting {
    position: unset !important;
  }
  .views-field.views-field-changed.active {
    background-color: unset !important;
  }
  .panels_pane.panel-pane.pane-custom.pane-1 {
    padding: 32px !important;
  }
  .edubreak-exercise-cockpit-evaluation-links .action-links {
    display: block !important;
  }
  .edubreak-access-video-preview-info .edubreak-access-info span .icon-user,
  .edubreak-access-video-preview-info .edubreak-access-info span .icon-users-1,
  .edubreak-access-video-preview-info .edubreak-access-info span .icon-users,
  .edubreak-access-video-preview-info .edubreak-access-info span .icon-globe {
    font-size: 15px !important;
  }
  #splitscreenModal .modal-body {
    max-height: 200px;
  }
}
/** Player quick by metschjo 12.11.2019 - 09:05 **/
.edubreakplayer li.ep5-list-item .ep5-list-item-nested-wrapper li {
  padding-top: 8px;
}
.edubreakplayer .ep5-item-wrapper .ep5-item-footer .ep5-item-footer-left {
  /*background-color: #ff0000;*/
}
.edubreakplayer .ep5-form .ep5-annotation-title {
  display: none;
}
.edubreakplayer .ep5-form .ep5-form-container-scroll {
  padding-top: 8px;
}
.edubreakplayer .ep5-form .ep5-form-extra-fields-main,
.edubreakplayer .ep5-form .ep5-form-extra-fields-footer {
  padding-bottom: 8px;
}
.edubreakplayer .ep5-match-take-info-box {
  max-width: 400px;
  min-width: 400px;
}
input.ep5-filter-item::placeholder {
  color: #CCCCCC;
}
.icon-edit:before {
  font-family: icons_dfb-ui-18 !important;
  content: '\e80d';
}
i.icon-edit {
  padding-right: 4px;
}
.edubreakplayer .ep5-sidebar .ep5-sidebar-header {
  border-bottom: none;
}
/*
.icon-ep5-comment:before {
    display:none;
}

.edubreakplayer .ep5-btn :after{
	content: '\e813';
    font-family: icons_dfb-ui-18 !important;
}

*/
#node-form > div > div > div.form-responsive-middle > ol > li.is-open {
  overflow: unset;
}
.onlinecampus-enabled.has-global-header {
  padding-top: 3rem;
}
.onlinecampus-enabled.has-global-header #main-navigation-sub {
  top: 110px !important;
}
.onlinecampus-enabled.has-global-header #global-header {
  top: 70px !important;
  height: 40px;
  z-index: 3000;
}
#main-navigation-sub {
  background-image: none !important;
  position: fixed;
  top: 70px;
  z-index: 1001;
  width: 100%;
  background-color: #e4e9ef;
  /****************************************
   * USER-MENU
   ****************************************/
}
#main-navigation-sub .course-switcher {
  margin: 0;
}
#main-navigation-sub .course-switcher a {
  overflow: hidden;
  text-decoration: none;
  padding: 5px;
  font-family: "DFBSansWeb", "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;
  white-space: unset;
  word-break: break-word;
}
#main-navigation-sub .course-switcher a:hover {
  overflow-x: auto;
}
#main-navigation-sub .course-switcher .dropdown-menu-left,
#main-navigation-sub .course-switcher .dropdown-menu-right {
  padding: 15px;
}
#main-navigation-sub .course-switcher h2 {
  margin-bottom: 15px;
  margin-left: -5px;
}
#main-navigation-sub > .container-fluid {
  width: 1160px;
  padding: 0;
}
#main-navigation-sub .nav-primary {
  min-width: auto;
}
#main-navigation-sub .nav-primary a {
  text-shadow: none;
  color: #7abfa2;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 4px solid #7abfa2;
}
#main-navigation-sub .nav-primary li a {
  padding: 40px 15px 6px;
}
#main-navigation-sub .nav-primary li > a:hover,
#main-navigation-sub .nav-primary li.active > a,
#main-navigation-sub .nav-primary li.active > a:hover,
#main-navigation-sub .nav-primary li.active > a:focus {
  color: #20ae80;
  border-bottom: 4px solid #20ae80;
  box-sizing: border-box;
}
#main-navigation-sub .nav-primary li a,
#main-navigation-sub .nav-primary li a:hover {
  background-color: transparent;
  font-family: "DFBSansWeb", "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;
  text-transform: uppercase;
}
#main-navigation-sub .language-switcher-main-menu {
  display: none;
}
#main-navigation-sub .user-menu-wrapper {
  display: flex;
  float: right;
  height: 4em;
  align-items: flex-end;
  width: auto;
}
#main-navigation-sub .user-menu-wrapper .user-menu {
  display: flex;
  margin-top: 0.2em;
  width: 1em;
  height: 1em;
}
#main-navigation-sub .user-menu-wrapper .divider {
  border: none;
}
#main-navigation-sub .user-menu-wrapper .dropdown-menu.pull-right {
  font-size: 1rem;
  text-align: left;
}
#main-navigation-sub .user-menu-wrapper .dropdown-menu.pull-right li h3 {
  padding-left: 0.7em;
}
#main-navigation-sub .user-menu-wrapper .icon-help-circle,
#main-navigation-sub .user-menu-wrapper .icon-college,
#main-navigation-sub .user-menu-wrapper .icon-cog,
#main-navigation-sub .user-menu-wrapper .icon-mail {
  color: #7abfa2;
  font-size: 1.5rem;
}
#main-navigation-sub .user-menu-wrapper .icon-help-circle:hover,
#main-navigation-sub .user-menu-wrapper .icon-college:hover,
#main-navigation-sub .user-menu-wrapper .icon-cog:hover,
#main-navigation-sub .user-menu-wrapper .icon-mail:hover {
  color: #20ae80;
}
#main-navigation-sub .user-menu-wrapper .icon-college-active {
  color: #fbb03b;
}
#main-navigation-sub .user-menu-wrapper .icon-college-active:hover {
  color: #FB950E;
}
#main-navigation-sub .user-menu-wrapper > .navbar-nav {
  margin: 0 !important;
}
#main-navigation-sub .user-menu-wrapper #help-link {
  background: transparent;
}
#main-navigation-sub .user-menu-wrapper .icon-cog {
  bottom: 0.15em;
}
#main-navigation-sub .user-menu-wrapper .icon-cog .navbar-nav.navbar-right:last-child {
  margin-right: -28px !important;
}
#main-navigation-sub .user-menu-wrapper .icon-cog .dropdown.dropdown-user-menu.profile-menu {
  right: 1.15em;
}
#main-navigation-sub .user-menu-wrapper .user-menu-messages {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
#main-navigation-sub .user-menu-wrapper .badge-info {
  position: relative;
  bottom: -1.2em;
  left: 0.9em;
  opacity: 75%;
}
#main-navigation-sub .support-help-icon,
#main-navigation-sub .profile-settings-icon,
#main-navigation-sub .private-messages-icon {
  color: #7abfa2;
  display: inline-block;
  position: absolute;
}
#main-navigation-sub .support-help-icon:hover,
#main-navigation-sub .profile-settings-icon:hover,
#main-navigation-sub .private-messages-icon:hover {
  color: #20ae80;
}
#main-navigation-sub .support-help-icon:hover .badge,
#main-navigation-sub .profile-settings-icon:hover .badge,
#main-navigation-sub .private-messages-icon:hover .badge {
  color: #20ae80;
}
#main-navigation-sub .support-help-icon .badge,
#main-navigation-sub .profile-settings-icon .badge,
#main-navigation-sub .private-messages-icon .badge {
  color: #7abfa2;
  position: relative;
}
#main-navigation-sub .profile-settings-icon img {
  display: none;
}
#main-navigation-sub .nav {
  margin: 0;
}
#course-menu {
  position: relative;
  height: 68px;
  background-color: #fff;
}
#course-menu > label {
  font-family: "DFBSansWeb", "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: #626365;
  padding: 0 15px;
  position: absolute;
  top: 10px;
}
#course-menu.open a.dropdown-toggle .course-menu-dropdown svg {
  transform: rotate(180deg);
}
#course-menu > a.dropdown-toggle {
  text-align: left;
  color: #20ae80;
  padding: 35px 15px 16px;
  position: relative;
  font-size: 14px;
  font-weight: bold;
  text-shadow: none;
  min-width: 370px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden !important;
}
#course-menu > a.dropdown-toggle .caret {
  display: none;
}
#course-menu > a.dropdown-toggle .course-menu-dropdown svg {
  -webkit-transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  -ms-transition: -ms-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  float: right;
  width: 16px;
  margin-right: 0px;
  color: #757678;
}
#course-menu .dropdown-menu.course-select {
  width: 605px;
  overflow-y: auto;
  max-height: 80vh;
}
#course-menu .dropdown-menu.course-select input.search-query {
  padding: 15px;
}
#edubreak_help_modal.modal {
  z-index: 4901;
  max-height: 80vh;
  top: 10vh;
  bottom: 10vh;
}
.edubreak-exercise-procedure-processed .edubreak-context-help-preview {
  display: none;
}
#content-area .dfb-Card.node-type-videocomment .dfb-card-body {
  width: inherit;
}
#content-area .dfb-Card.node-type-videocomment .dfb-Card-content {
  padding-bottom: 0;
}
#content-area .dfb-Card.node-type-videocomment .video-comment-row {
  width: 100%;
  display: flex;
  flex-direction: row;
}
#content-area .dfb-Card.node-type-videocomment .video-comment-row .video-comment-col-comment {
  width: 63%;
}
#content-area .dfb-Card.node-type-videocomment .video-comment-row .video-comment-col-comment > p {
  padding-right: 1em;
  min-height: 75px;
  max-height: 75px;
  overflow: hidden;
}
#content-area .dfb-Card.node-type-videocomment .field-field-videocomment-previewimage .capty-caption {
  display: none;
}
#content-area .dfb-Card.node-type-videocomment .field-field-videocomment-previewimage img.capty {
  width: 280px;
  height: auto;
}
#content-area .dfb-Card.node-type-videocomment .field-field-videocomment-previewimage .video-thumbnail-annotation {
  display: flex;
  position: absolute;
  bottom: 1em;
  right: 1em;
}
#content-area .dfb-Card.node-type-videocomment .field-field-videocomment-previewimage .video-thumbnail-annotation .video-annotation-rating {
  position: inherit;
  right: -1.3em;
  bottom: -0.5em;
}
#content-area .dfb-Card .dfb-Card-footer {
  padding-bottom: 0;
}
body.node-type-videocomment .dfb-Card-content {
  padding-bottom: 2em !important;
}
body.node-type-videocomment .video-comment-col-comment {
  padding-right: 5em !important;
  width: 75% !important;
}
body.node-type-videocomment .video-comment-col-comment > p {
  min-height: unset !important;
  max-height: unset !important;
  overflow: unset !important;
}
@media only screen and (max-width: 949px) {
  body.node-type-videocomment .dfb-Card-content {
    padding-bottom: 2em !important;
  }
  body.node-type-videocomment .video-comment-col-comment {
    padding-right: 0 !important;
  }
  body.node-type-videocomment .video-comment-col-comment > p {
    padding-right: 0em !important;
  }
}
@media only screen and (max-width: 949px) {
  #content-area .dfb-Card.node-type-videocomment .video-comment-row {
    flex-direction: column-reverse;
  }
  #content-area .dfb-Card.node-type-videocomment .video-comment-row .video-comment-col-comment {
    width: 100% !important;
    max-height: auto;
    padding-top: 1em;
  }
  #content-area .dfb-Card.node-type-videocomment .video-comment-row .video-comment-col-comment > p {
    padding-right: 0em;
    min-height: 70px;
    max-height: 70px;
    overflow: hidden;
  }
  #content-area .dfb-Card.node-type-videocomment .field-field-videocomment-previewimage img.capty {
    width: 100% !important;
  }
}
/**
* Videos
*/
@media only screen and (min-width: 950px) {
  body.section-videos .panels-flexible-edubreak_8 .pane-views-exp-videos-panel-pane-8 {
    display: inline-block;
    width: 60%;
  }
  body.section-videos .panels-flexible-edubreak_8 .panels_pane.pane-action-links {
    width: 33%;
  }
}
.views-exposed-form div[class*="views-widget-filter-"] {
  margin-top: -15px;
}
.views-exposed-form div[class*="views-widget-filter-"] label {
  position: relative;
  top: 30px;
  z-index: 111;
  font-size: 12px;
  left: 10px;
  color: #626365;
}
.views-exposed-form .views-exposed-widget.btn.btn-primary {
  text-align: center;
  letter-spacing: 1.5px;
  background-color: #20ae80;
  border: 2px solid #20ae80;
  -webkit-transition-property: background-color,border-color,-webkit-box-shadow,-webkit-transform;
  transition-property: background-color,border-color,-webkit-box-shadow,-webkit-transform;
  transition-property: box-shadow,background-color,transform,border-color;
  transition-property: box-shadow,background-color,transform,border-color,-webkit-box-shadow,-webkit-transform;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  padding: 0 30px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: normal;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  border-radius: 40px;
  outline: 0 none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  width: 100%;
}
.views-exposed-form .views-exposed-widget.btn.btn-primary input {
  background-color: transparent;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.views-exposed-form .views-exposed-widget.btn.btn-primary:active:not([disabled]):not([aria-disabled]) {
  background-color: #198b66;
  border-color: #198b66;
  -webkit-box-shadow: 0 4px 4px rgba(32, 174, 128, 0.3);
  box-shadow: 0 4px 4px rgba(32, 174, 128, 0.3);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
.traffic-light-red,
.traffic-light-yellow,
.traffic-light-green,
.traffic-light-gray {
  width: 9px;
  height: 9px;
  border-radius: 5px;
  position: absolute;
  z-index: 1;
  bottom: 12px;
  right: 10px;
}
.traffic-light-red {
  background-color: #ff0000;
}
.traffic-light-yellow {
  background-color: #fbb03b;
}
.traffic-light-green {
  background-color: #39b54a;
}
.traffic-light-gray {
  background-color: #626365;
}
.video-annotation-timestamp {
  background-color: rgba(32, 174, 128, 0.8);
  color: #fff;
  padding: 2px 3px;
  font-size: 12px;
}
/****************************************
 * NEWS
 ****************************************/
.view-News > .view-content > .views-row {
  border-bottom: none;
}
/****************************************
 * POLISHING
 ****************************************/
#field-coauthors-items .description {
  padding-top: 1em;
}
/****************************************
 * DASHBOARD
 ****************************************/
.activity span.node-type-videocomment:before {
  content: '\e82b';
}
/****************************************
 * UPLOAD BUTTON
 ****************************************/
.filefield-upload {
  position: relative;
}
.filefield-upload .snapbutton {
  padding-top: 3.7em !important;
}
.upload-button {
  display: inline-block;
  width: 190px;
  color: white !important;
  font-size: 13px !important;
  font-weight: normal !important;
  padding: 10px;
}
.upload-button:hover {
  filter: brightness(120%);
}
input[type="file"] {
  position: absolute;
  top: 10px;
  font-size: 13px;
  font-family: "DFB Sans", "DFBSansWeb", sans-serif;
}
/****************************************
 * FILE MANAGER
 ****************************************/
.glyphicon.glyphicon-folder-close {
  font-family: iconfonts;
}
.glyphicon.glyphicon-folder-close:before {
  content: '\e831';
}
.glyphicon.glyphicon-folder-open {
  font-family: iconfonts;
}
.glyphicon.glyphicon-folder-open:before {
  content: '\e832';
}
.glyphicon.glyphicon-edit {
  font-family: iconfonts;
}
.glyphicon.glyphicon-edit:before {
  content: '\E88B';
}
.glyphicon.glyphicon-arrow-right {
  font-family: iconfonts;
}
.glyphicon.glyphicon-arrow-right:before {
  content: '\E84E';
}
.glyphicon.glyphicon-trash {
  font-family: iconfonts;
}
.glyphicon.glyphicon-trash:before {
  content: '\E87C';
}
.glyphicon.glyphicon-cloud-download {
  font-family: iconfonts;
}
.glyphicon.glyphicon-cloud-download:before {
  content: '\E802';
}
.glyphicon.glyphicon-th-list {
  font-family: iconfonts;
  font-size: 24px !important;
}
.glyphicon.glyphicon-th-list:before {
  content: '\E812';
}
.glyphicon.glyphicon-th-large {
  font-size: 24px !important;
}
.glyphicon.glyphicon-file {
  font-family: iconfonts;
}
.glyphicon.glyphicon-file:before {
  content: '\e833';
}
.glyphicon.glyphicon-file:after {
  color: black;
  font-size: 0.75rem;
  top: 19px;
  left: 7px;
}
/****************************************
 * C-MAP
 ****************************************/
.c-map-wrapper {
  width: 100%;
  height: 100%;
}
/****************************************
 * TEXT EDITOR
 ****************************************/
.wysiwyg-toggle-wrapper {
  padding-top: 15px;
  padding-bottom: 15px;
  display: none;
}
/****************************************
 * BRANDING
 ****************************************/
.branding-section #powered-by-text {
  color: black;
  padding-right: 10px;
  height: 45px;
  text-align: center;
  line-height: 45px;
}
.branding-section #footer {
  position: relative;
  padding-bottom: 20px;
}
.branding-section #footer img#footer-logos {
  height: auto;
}
.branding-section #accessibility-setting {
  position: absolute;
  right: 0;
}
.branding-section #accessibility-setting .btn-group button {
  height: 30px;
}
/***************************************
 * WEBFORM
 ****************************************/
.webform-grid-option input {
  opacity: 1 !important;
  -webkit-appearance: radio;
  position: inherit;
  float: unset !important;
}
/****************************************
 * CHECKBOXES
 ****************************************/
.form-item.checkbox {
  padding-left: 0px;
}
/****************************************
* EXERCISES
****************************************/
.dfb-Select-field ul {
  margin: initial;
  padding-top: 2em;
}
.chzn-container {
  border: none;
  border-radius: 0;
}
.chzn-container .chzn-single,
.chzn-container .chzn-choices {
  padding: 7px 3px;
  padding-top: 25px;
  border: none;
}
.chzn-container .chzn-single::after,
.chzn-container .chzn-choices::after {
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="dfb-icon-dropdown-down"><path d="M12 18.914L1.586 8.5 3 7.086l9 9 9-9L22.414 8.5z" fill="currentColor"></path></svg>');
  display: block;
  width: 15px;
  position: absolute;
  right: 15px;
  top: 15px;
  color: #626365;
  -webkit-transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  -ms-transition: -ms-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
.chzn-container.chzn-container-active {
  background-image: none;
  background-color: transparent;
}
.chzn-container.chzn-container-active .chzn-single::after,
.chzn-container.chzn-container-active .chzn-choices::after {
  transform: rotate(180deg);
}
.chzn-container.chzn-container-active a {
  background-image: none;
  background-color: transparent;
}
.chzn-container .chzn-choices {
  background-image: none;
}
.chzn-container .chzn-drop {
  border-radius: 0;
  padding: 0;
  border: 1px solid #757678;
}
.chzn-container .chzn-drop .chzn-results li {
  padding-left: 10px;
}
.chzn-container .chzn-drop .chzn-results li.highlighted {
  background-color: #20ae80;
  background-image: none;
}
.chzn-container .chzn-drop .chzn-search input {
  padding: 3px 5px;
  height: auto;
}
.chzn-container.chzn-container-single .chzn-single {
  height: 50px;
  background-image: none;
  border: none;
  padding-top: 25px;
  padding-left: 12px;
  margin-bottom: 10px;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.chzn-container.chzn-container-single .chzn-single:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.chzn-container.chzn-container-single .chzn-single > div {
  display: none;
}
.chzn-container-active.chzn-with-drop .chzn-single {
  background: transparent none;
  border: none;
}
#edit-og-nid-wrapper .dfb-Select-toggle {
  display: none;
}
.c-Accordion-content input[type="file"] {
  z-index: 999;
  position: relative;
  top: 10px;
  font-size: 13px;
  font-family: "DFB Sans", "DFBSansWeb", sans-serif;
}
.dfb-Slider-slideItem .m-Navigation-listAnchor {
  white-space: nowrap;
}
.dfb-og-ui .edubreak_og_users_selector_item_row .row,
.dfb-og-ui .edubreak_og_users_invite .row,
.dfb-og-ui .edubreak_og_users_selector .row {
  width: 100%;
  margin-left: 0;
}
.dfb-og-ui .edubreak_og_users_selector_item_row .span7,
.dfb-og-ui .edubreak_og_users_invite .span7,
.dfb-og-ui .edubreak_og_users_selector .span7 {
  float: unset;
  width: 100%;
  background: white;
  margin: 0;
}
.dfb-og-ui .edubreak_og_users_selector_item_row .span7 #campus-spots-summary,
.dfb-og-ui .edubreak_og_users_invite .span7 #campus-spots-summary,
.dfb-og-ui .edubreak_og_users_selector .span7 #campus-spots-summary {
  padding: 10px;
}
.dfb-og-ui .edubreak_og_users_selector_item_row .span7 h3,
.dfb-og-ui .edubreak_og_users_invite .span7 h3,
.dfb-og-ui .edubreak_og_users_selector .span7 h3 {
  background: #ebf0f6;
  padding-bottom: 10px;
  margin-top: 10px;
}
.dfb-og-ui .edubreak_og_users_selector_item_row .span7 .searcher,
.dfb-og-ui .edubreak_og_users_invite .span7 .searcher,
.dfb-og-ui .edubreak_og_users_selector .span7 .searcher {
  width: 100%;
}
.dfb-og-ui .edubreak_og_users_selector_item_row .span7 .searcher .dfb-Input-field,
.dfb-og-ui .edubreak_og_users_invite .span7 .searcher .dfb-Input-field,
.dfb-og-ui .edubreak_og_users_selector .span7 .searcher .dfb-Input-field {
  display: flex;
  float: right;
  min-width: 500px;
  background: unset;
}
.dfb-og-ui .edubreak_og_users_selector_item_row .span7 .dfb-Card-content .dfb-Input,
.dfb-og-ui .edubreak_og_users_invite .span7 .dfb-Card-content .dfb-Input,
.dfb-og-ui .edubreak_og_users_selector .span7 .dfb-Card-content .dfb-Input {
  width: 100%;
}
.dfb-og-ui .edubreak_og_users_selector_item_row .span7 .dfb-Card-content .dfb-new-user-profile-credentials,
.dfb-og-ui .edubreak_og_users_invite .span7 .dfb-Card-content .dfb-new-user-profile-credentials,
.dfb-og-ui .edubreak_og_users_selector .span7 .dfb-Card-content .dfb-new-user-profile-credentials {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}
.dfb-og-ui .edubreak_og_users_selector_item_row .span7 .dfb-Card-content .dfb-new-user-profile-credentials .dfb-Input,
.dfb-og-ui .edubreak_og_users_invite .span7 .dfb-Card-content .dfb-new-user-profile-credentials .dfb-Input,
.dfb-og-ui .edubreak_og_users_selector .span7 .dfb-Card-content .dfb-new-user-profile-credentials .dfb-Input {
  width: 49%;
}
.dfb-og-ui .edubreak_og_users_selector_item_row .span7 .dfb-Card-content .dfb-new-user-actions,
.dfb-og-ui .edubreak_og_users_invite .span7 .dfb-Card-content .dfb-new-user-actions,
.dfb-og-ui .edubreak_og_users_selector .span7 .dfb-Card-content .dfb-new-user-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  width: 100%;
}
.dfb-og-ui .edubreak_og_users_selector_item_row .span7 .dfb-Card-content .dfb-new-user-actions a,
.dfb-og-ui .edubreak_og_users_invite .span7 .dfb-Card-content .dfb-new-user-actions a,
.dfb-og-ui .edubreak_og_users_selector .span7 .dfb-Card-content .dfb-new-user-actions a {
  margin-top: 2px;
  margin-right: 20px;
}
.dfb-og-ui .edubreak_og_users_selector_item_row .span7 .dfb-Card-content .existing-user-container,
.dfb-og-ui .edubreak_og_users_invite .span7 .dfb-Card-content .existing-user-container,
.dfb-og-ui .edubreak_og_users_selector .span7 .dfb-Card-content .existing-user-container {
  width: 350px;
}
.dfb-og-ui .edubreak_og_users_selector_item_row .span7 .dfb-Card-content .existing-user-container .row.item,
.dfb-og-ui .edubreak_og_users_invite .span7 .dfb-Card-content .existing-user-container .row.item,
.dfb-og-ui .edubreak_og_users_selector .span7 .dfb-Card-content .existing-user-container .row.item {
  display: flex;
  align-self: center;
}
.dfb-og-ui .edubreak_og_users_selector_item_row .span7 .dfb-Card-content .existing-user-container .row.item .span1,
.dfb-og-ui .edubreak_og_users_invite .span7 .dfb-Card-content .existing-user-container .row.item .span1,
.dfb-og-ui .edubreak_og_users_selector .span7 .dfb-Card-content .existing-user-container .row.item .span1 {
  align-self: center;
}
.dfb-og-ui .edubreak_og_users_selector_item_row .span7 .dfb-Card-content .existing-user-container .row.item .span4,
.dfb-og-ui .edubreak_og_users_invite .span7 .dfb-Card-content .existing-user-container .row.item .span4,
.dfb-og-ui .edubreak_og_users_selector .span7 .dfb-Card-content .existing-user-container .row.item .span4 {
  align-self: center;
  width: 180px;
}
.dfb-og-ui .edubreak_og_users_selector_item_row .span7 .dfb-Card-content #edubreak_og_ui_searchlist,
.dfb-og-ui .edubreak_og_users_invite .span7 .dfb-Card-content #edubreak_og_ui_searchlist,
.dfb-og-ui .edubreak_og_users_selector .span7 .dfb-Card-content #edubreak_og_ui_searchlist {
  width: 100%;
  margin-top: 20px;
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  min-height: 360px;
}
.dfb-og-ui .edubreak_og_users_selector_item_row .span7 .dfb-Card-content #edubreak_og_ui_searchlist .dfb-Card,
.dfb-og-ui .edubreak_og_users_invite .span7 .dfb-Card-content #edubreak_og_ui_searchlist .dfb-Card,
.dfb-og-ui .edubreak_og_users_selector .span7 .dfb-Card-content #edubreak_og_ui_searchlist .dfb-Card {
  width: auto;
  margin: 10px;
}
.dfb-og-ui .edubreak_og_users_selector_item_row .span7 .dfb-Card-content #edubreak_og_ui_searchlist .dfb-Card .item,
.dfb-og-ui .edubreak_og_users_invite .span7 .dfb-Card-content #edubreak_og_ui_searchlist .dfb-Card .item,
.dfb-og-ui .edubreak_og_users_selector .span7 .dfb-Card-content #edubreak_og_ui_searchlist .dfb-Card .item {
  width: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
.dfb-og-ui .edubreak_og_users_selector_item_row .span7 .dfb-Card-content #edubreak_og_ui_searchlist .dfb-Card .item .edubreak_picture_container img,
.dfb-og-ui .edubreak_og_users_invite .span7 .dfb-Card-content #edubreak_og_ui_searchlist .dfb-Card .item .edubreak_picture_container img,
.dfb-og-ui .edubreak_og_users_selector .span7 .dfb-Card-content #edubreak_og_ui_searchlist .dfb-Card .item .edubreak_picture_container img {
  border-radius: 50%;
}
.edubreak_og_users_invite_list.dfb-Card-content {
  background: white;
  padding: 0 !important;
}
.edubreak_og_users_invite_list.dfb-Card-content .dfb-Select-select {
  width: 100% !important;
}
.edubreak_og_users_invite_list.dfb-Card-content .items {
  width: 100%;
  overflow: hidden;
  max-height: unset;
}
.edubreak_og_users_invite_list.dfb-Card-content .items li {
  width: 100%;
  margin: 0;
}
.edubreak_og_users_invite_list.dfb-Card-content .items .btn-remove.icon-trash {
  background: transparent;
  color: black;
  font-size: 25px;
}
.edubreak_og_users_invite_list.dfb-Card-content .invitelist-header {
  width: 100%;
  margin-left: 0;
}
.edubreak_og_users_invite_list.dfb-Card-content .span16.invitelist-item {
  width: 100%;
  margin-left: 0;
}
.edubreak_og_users_invite_list.dfb-Card-content .span16.invitelist-item .row .item-image,
.edubreak_og_users_invite_list.dfb-Card-content .span16.invitelist-item .row .invite-name {
  align-self: center;
}
.edubreak_og_users_invite_list.dfb-Card-content .span16.invitelist-item .row .span5 {
  display: flex;
  flex-direction: row;
  align-self: center;
}
.edubreak_og_users_invite_list.dfb-Card-content .span16.invitelist-item .row .span5 span {
  margin-left: 10px;
  align-self: center;
}
.edubreak_og_users_invite_list.dfb-Card-content .span16.invitelist-item .row .span2 {
  align-self: center;
  display: flex;
}
.edubreak_og_users_invite_list.dfb-Card-content .span16.invitelist-item .row .span3 {
  align-self: center;
}
.edubreak_og_users_invite_list.dfb-Card-content .span16.invitelist-item .row .span3 .dfb-Checkbox-field div {
  margin-left: 5px;
}
.edubreak_og_users_invite_list.dfb-Card-content .span16.invitelist-item .row .span4 {
  align-self: center;
}
.edubreak_og_users_invite_list.dfb-Card-content .span16.invitelist-item .row .span5 {
  align-self: center;
  justify-content: flex-end;
}
.edubreak_og_users_invite_list.dfb-Card-content .item-image img {
  border-radius: 50%;
}
.popover.top {
  box-shadow: 2px 2px 36px 0px #6b6a6b;
  padding: 0;
}
.popover-title {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1em;
  font-weight: bold;
  display: block;
}
.popover-content .item-list ul li {
  margin-left: 0px !important;
}
div.arrow {
  bottom: -5px !important;
  margin-left: 0px !important;
}
.edubreak-access-info .popover .popover-title {
  display: block;
}
.edubreak-access-info .popover .popover-content {
  padding: 14px;
}
#userImportModalLabel,
#userInviteModalLabel,
.modal-footer {
  background: white;
}
#edit-group-nid-wrapper .dfb-Select-toggle {
  display: none;
}
.views-messages {
  display: none;
}
.edubreak-exercise-cockpit-evaluation-links .action-links {
  display: flex;
  justify-content: flex-end;
}
.edubreak-exercise-cockpit-evaluation-links .action-links .fixbtn {
  width: auto !important;
  padding: 10px;
}
/****************************************
 * Textarea
 ***************************************/
label[for="edit-tries"] {
  margin-top: 1.5rem;
  position: static !important;
}
.form-item:not(#exercise-compliance-wrapper).textarea textarea {
  padding: 1.5rem 1rem 1rem !important;
}
.form-item:not(#exercise-compliance-wrapper).textarea:not(#edit-body-wrapper):not([id^="edit-field-exercise-"]):not([id^="edit-field-cert-"]) {
  margin-top: unset !important;
}
.form-item:not(#exercise-compliance-wrapper).textarea:not(#edit-body-wrapper):not([id^="edit-field-exercise-"]):not([id^="edit-field-cert-"]) label {
  position: absolute !important;
  top: 14px !important;
}
.form-item:not(#exercise-compliance-wrapper) .cke {
  margin-top: 50px !important;
  border-left: none;
}
/****************************************
 * Time
 ***************************************/
.ui-dialog.minimal .ui-icon.ui-icon-closethick {
  background: unset;
  border: none;
}
.ui-dialog-buttonset button {
  letter-spacing: 1.5px;
  background-color: #20ae80;
  border: 2px solid #20ae80;
  -webkit-transition-property: background-color,border-color,-webkit-box-shadow,-webkit-transform;
  transition-property: background-color,border-color,-webkit-box-shadow,-webkit-transform;
  transition-property: box-shadow,background-color,transform,border-color;
  transition-property: box-shadow,background-color,transform,border-color,-webkit-box-shadow,-webkit-transform;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  padding: 0 30px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: normal;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  border-radius: 40px;
  outline: 0 none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  text-align: center;
  font-size: 13px;
  font-family: "DFB Sans", "DFBSansWeb", sans-serif;
  color: white;
}
/****************************************
 * Campus Settings
 ***************************************/
#edubreak-campus-domain-settings-form .form-item input {
  position: relative;
}
/****************************************
 * Video View
 ***************************************/
.video-info-wrapper .video-info-hr {
  background-color: #20ae80;
  border-top: none;
  border-bottom: none;
}
.video-info-wrapper .grid-row {
  padding-left: 0;
  padding-right: 0;
}
.video-info-wrapper .edubreak-videoinfo-visibility-info {
  padding-right: 0.25em;
}
.video-info-wrapper .grid-col .dropdown {
  margin-top: -0.25em;
}
@media (max-width: 1160px) {
  .video-info-wrapper .grid-row {
    padding-right: 0.25em;
    padding-left: 0.25em;
  }
}
body.node-type-video #content-area {
  padding: 0 !important;
  margin: 0 !important;
}
body.node-type-video .panels_pane.panel-pane.pane-custom.pane-1 {
  margin: 0 !important;
  padding: 0 !important;
}
body.node-type-video .panels_pane.panel-pane.pane-custom.pane-1 > .pane-content {
  padding: 0 !important;
}
body.node-type-video #splitscreenModal {
  top: 90px !important;
}
body.node-type-video #splitscreenModal .splitscreen-video-wrapper .view-filters form .views-exposed-widgets {
  flex-direction: column;
  display: block;
}
body.node-type-video .edubreak-split-screen-modal-cancel-btn {
  height: 40px !important;
  margin-bottom: 30px !important;
}
.svb-embed-content textarea {
  width: 100%;
}
.svb-modal-content .svb-create-link {
  margin-left: 1rem;
}
.svb-modal-content .svb-board-list {
  padding: 1rem;
}
.svb-modal-content .svb-message-container {
  margin-left: 0;
}
.svb-modal-content .svb-create-link-submit {
  margin-left: 16px;
}
.svb-modal-content .svb-create-link-submit input {
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #ddd;
  color: #999;
  cursor: text;
}
.bootbox-body h2 {
  /** The strikthrough code **/
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(35%, transparent), color-stop(35%, rgba(32, 174, 128, 0.55)), color-stop(64%, rgba(32, 174, 128, 0.55)), color-stop(64%, transparent));
  background-image: linear-gradient(transparent 35%, rgba(32, 174, 128, 0.55) 35%, rgba(32, 174, 128, 0.55) 64%, transparent 64%);
  font-family: DFB Sans Stencil, sans-serif;
  font-family: DFBSansWeb;
  text-transform: uppercase;
  font-weight: 800;
  font-stretch: normal;
  color: #191919;
  font-size: 2.5rem;
  line-height: 1.8;
  margin-bottom: 20px;
  /** The strikthrough code **/
  display: inline;
  padding: 0;
  background-image: none;
  font-size: 1.2rem;
}
.c-Accordion-item:not(.is-open) .c-Accordion-content {
  display: none;
}
.c-Accordion-item.is-open .c-Accordion-content {
  height: auto !important;
}
/****************************************
* Form Elements
***************************************/
fieldset legend a {
  color: #20ae80;
}
.form-item label {
  color: #757678;
}
.form-item.password input,
.form-item.textfield input {
  height: auto;
}
.form-item.password .form-autocomplete,
.form-item.textfield .form-autocomplete {
  width: 100%;
  padding-right: 20px;
}
.form-item.password .password-strength {
  display: block;
  margin-top: 7px;
}
.form-item.checkbox .dfb-Checkbox-box {
  display: inline-block;
  margin-right: 0.5rem;
  top: 4px;
}
.form-item.checkbox .dfb-Checkbox {
  font-size: 1rem;
}
.form-item.radio .dfb-RadioButton-box {
  display: inline-block;
  margin-right: 0.5rem;
  top: 5px;
}
.form-item.radio .dfb-RadioButton-label {
  margin: 0;
}
.form-item.textarea:not(#edit-body-wrapper):not([id^="edit-field-exercise-"]):not([id^="edit-field-cert-"]) {
  margin-top: -15px;
}
.form-item.textarea:not(#edit-body-wrapper):not([id^="edit-field-exercise-"]):not([id^="edit-field-cert-"]) label {
  position: relative;
  top: 35px;
  z-index: 111;
  font-size: 1rem;
  left: 1rem;
  color: #757678;
  font-weight: bold;
}
.form-item.textarea:not(#edit-body-wrapper):not([id^="edit-field-exercise-"]):not([id^="edit-field-cert-"]) .resizable-textarea {
  margin: 0;
  width: 100%;
}
.form-item.textarea:not(#edit-body-wrapper):not([id^="edit-field-exercise-"]):not([id^="edit-field-cert-"]) .resizable-textarea textarea {
  padding: 35px 1rem 5px;
  width: 100%;
  caret-color: #20ae80;
  font-size: 1rem;
}
.form-item#edit-picture-delete-wrapper {
  display: none;
}
.form-item#edit-picture-upload-wrapper label {
  display: none;
}
.form-item#edit-picture-upload-wrapper .description {
  display: block;
  margin: 0.5em 2em 0;
}
.form-item .description {
  margin-top: 0.5rem;
  display: none;
}
input#edit-delete {
  background-color: #cf513d;
}
/****************************************
 * Datepicker
 ***************************************/
.container-inline-date .form-item,
.container-inline-date .form-item input {
  width: 100%;
}
.ui-datepicker {
  z-index: 20 !important;
}
/****************************************
 * Tag input
 ***************************************/
.bootstrap-tagsinput {
  width: 100%;
  height: auto;
  padding: 21px 1rem 4px;
  margin: 0;
  vertical-align: middle;
  background-clip: padding-box;
  border: 0;
  border-radius: 0;
  outline: 0 none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: DFB Sans, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}
/****************************************
 * Profile
 ***************************************/
#user-profile-form {
  margin-top: 1rem;
}
#user-profile-form .picture img {
  width: 200px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#user-profile-form #edit-picture-upload-wrapper label {
  text-align: center;
  letter-spacing: 1.5px;
  background-color: #20ae80;
  border: 2px solid #20ae80;
  -webkit-transition-property: background-color,border-color,-webkit-box-shadow,-webkit-transform;
  transition-property: background-color,border-color,-webkit-box-shadow,-webkit-transform;
  transition-property: box-shadow,background-color,transform,border-color;
  transition-property: box-shadow,background-color,transform,border-color,-webkit-box-shadow,-webkit-transform;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  padding: 0 30px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: normal;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  border-radius: 40px;
  outline: 0 none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  font-size: 12px;
  color: #ffffff;
}
#user-profile-form #edit-picture-upload-wrapper label:hover {
  filter: brightness(120%);
}
#user-profile-form #edit-picture-upload-wrapper label:active,
#user-profile-form #edit-picture-upload-wrapper label:focus {
  background-color: #198b66;
  border-color: #198b66;
  -webkit-box-shadow: 0 4px 4px rgba(32, 174, 128, 0.3);
  box-shadow: 0 4px 4px rgba(32, 174, 128, 0.3);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
#user-profile-form #edit-picture-upload-wrapper input[type="file"]#edit-picture-upload {
  display: none;
}
#user-profile-form .form-profile-picture {
  text-align: center;
  padding-top: 1em;
}
#user-profile-form .form-profile-row {
  display: flex;
}
#user-profile-form .form-profile-info-interests {
  display: flex;
  flex-direction: column;
}
#user-profile-form .form-profile-col {
  flex: 50%;
}
#user-profile-form .password_confirm {
  margin-top: 0;
}
#user-profile-form .snapbutton {
  margin-top: 2rem;
}
.snapbutton input {
  text-align: center;
  letter-spacing: 1.5px;
  background-color: #20ae80;
  border: 2px solid #20ae80;
  -webkit-transition-property: background-color,border-color,-webkit-box-shadow,-webkit-transform;
  transition-property: background-color,border-color,-webkit-box-shadow,-webkit-transform;
  transition-property: box-shadow,background-color,transform,border-color;
  transition-property: box-shadow,background-color,transform,border-color,-webkit-box-shadow,-webkit-transform;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  padding: 0 30px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: normal;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  border-radius: 40px;
  outline: 0 none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
}
.snapbutton input:hover {
  filter: brightness(120%);
}
.snapbutton input:active,
.snapbutton input:focus {
  background-color: #198b66;
  border-color: #198b66;
  -webkit-box-shadow: 0 4px 4px rgba(32, 174, 128, 0.3);
  box-shadow: 0 4px 4px rgba(32, 174, 128, 0.3);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
/****************************************
 * Login
 ***************************************/
#user-login-form #edit-name,
#user-login-form #edit-pass {
  width: 100%;
}
html.js input.form-autocomplete {
  background-position: 100% 30px;
}
html.js input.form-autocomplete.throbbing {
  background-position: 100% -20px;
}
/****************************************
 * Form-Responsive 6-2
 ***************************************/
.form-responsive {
  background: transparent;
  display: flex;
}
.form-responsive .form-responsive-middle {
  width: 70%;
  border: none;
}
.form-responsive .form-responsive-right {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-top: 1em;
  padding-left: 4.35em;
}
.form-responsive .form-responsive-right .form-responsive-buttons {
  display: flex;
  flex-direction: column;
  background: white;
  top: 172px;
  position: sticky;
}
.form-responsive .snapbutton {
  width: 100% !important;
  margin: 0 !important;
  text-align: center;
  padding: 1em;
}
.form-responsive .snapbutton input {
  width: inherit;
  margin: 0;
}
/****************************************
 * DFB Main-Bundle overrides for forms
 ***************************************/
form .dfb-Input-field,
form .dfb-Select-field {
  background: white;
}
form .dfb-Select-select {
  width: 100%;
  height: auto;
}
form .dfb-Select-label {
  z-index: 2;
}
form .c-Accordion-button {
  color: inherit;
}
form .c-Accordion .description {
  padding: 0 0.5em;
}
form .c-Accordion-content > :first-child {
  margin-top: 1rem;
}
/****************************************
 * Tag Input
 ***************************************/
.bootstrap-tagsinput .tag,
.bootstrap-tagsinput .tag.label-info {
  position: relative;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  height: 32px;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  border: 2px solid #20ae80;
  border-radius: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0 none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition-property: background-color, border-color, color, -webkit-box-shadow;
  transition-property: background-color,border-color,-webkit-box-shadow;
  transition-property: box-shadow,background-color,border-color;
  transition-property: box-shadow,background-color,border-color,-webkit-box-shadow;
  padding: 0 12px;
  -webkit-transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  font-family: DFB Sans, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: .875rem;
  background-color: #20ae80;
  color: #fff;
  margin-top: 6px;
}
div#edit-taxonomy-tags-18-wrapper {
  min-height: 65px;
  max-height: inherit;
  height: inherit;
}
/****************************************
 * Responsive Mobile
 ***************************************/
@media only screen and (max-width: 949px) {
  .form-responsive {
    flex-direction: column;
  }
  .form-responsive .form-responsive-middle {
    width: 100%;
  }
  .form-responsive .form-responsive-right {
    padding: 0;
  }
  .form-responsive .form-profile-row {
    flex-direction: column;
  }
}
/****************************************
 * misc
 ***************************************/
.container-inline div,
.container-inline label {
  display: block;
}
.mentor-tandem-expanded {
  display: unset !important;
}
/******************************************
 * node forms
 */
#node-form {
  /*
  #edit-field-workgroup-image-0-upload-wrapper {
    label {
      .mixin-btn();
      font-size: 12px;
      color: #ffffff;
      width: 100%;

      &:hover {
        filter: brightness(120%);
      }

      &:active,
      &:focus {
        .mixin-btn-hover();
      }
    }
    .filefield-element,
    .widget-edit,
    .widget-preview {
      display: none;
    }
  }

  .form-node-picture {
    .picture img {
      width: 200px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
    }
  }
  */
}
#edubreak-filemanager,
iframe.internal-embedded {
  margin: 0;
}
@media only screen and (max-width: 949px) {
  body.page-panels .panels-flexible-region-edubreak_6_2-right {
    padding-bottom: 10px;
  }
  .web-cmap-wrapper {
    margin-top: 0 !important;
    width: 100%;
    float: none;
    padding-left: 0 !important;
  }
  #launch-edubreak-web-cmap {
    width: 100%;
    margin-top: -45px !important;
  }
  #edit-field-cmap-file-0-filefield-upload {
    width: 100%;
  }
  .form-item {
    width: 100% !important;
  }
  .filefield-element .widget-edit {
    width: 100%;
    max-width: 100%;
  }
  .filefield-upload .snapbutton {
    padding-right: 0;
  }
}
.web-cmap-wrapper {
  margin-top: 70px;
}
#launch-edubreak-web-cmap {
  letter-spacing: 1.5px;
  background-color: #20ae80;
  border: 2px solid #20ae80;
  -webkit-transition-property: background-color,border-color,-webkit-box-shadow,-webkit-transform;
  transition-property: background-color,border-color,-webkit-box-shadow,-webkit-transform;
  transition-property: box-shadow,background-color,transform,border-color;
  transition-property: box-shadow,background-color,transform,border-color,-webkit-box-shadow,-webkit-transform;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  padding: 0 30px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: normal;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  border-radius: 40px;
  outline: 0 none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  text-align: center;
  font-size: 13px;
  font-family: "DFB Sans", "DFBSansWeb", sans-serif;
  color: white;
}
.filefield-upload .snapbutton {
  padding-left: 0 !important;
}
.web-cmap-wrapper {
  border: none;
  padding-right: 0;
}
form iframe.edubreak-web-cmap {
  width: 100%;
}
/****************************************
* Members Elements
***************************************/
.card-User .dfb-Card-content {
  padding: 0;
}
.card-User .dfb-Card-footer {
  display: none;
}
.card-User .dfb-Card-headline {
  display: none;
}
.card-User .dfb-card-body {
  display: none;
}
.card-User .members-item {
  padding: 1.0em;
  width: inherit;
  align-self: center;
}
.card-User .members-item .members-item-row {
  display: flex;
  width: inherit;
  justify-content: space-between;
  flex-direction: row;
}
.card-User .members-item .members-item-col-name {
  align-self: center;
  padding-left: 0.5em;
  flex-grow: 1;
  max-width: 160px;
}
.view-course-members-online .c-CardGrid-card {
  max-width: 100%;
  width: 100%;
}
a.btn.dropdown-toggle.title {
  border-radius: 40px !important;
}
.members-item-col-mentor-tandem {
  padding: 5px;
}
.members-item-col-remove {
  font-size: 1.5rem;
  right: 0;
  top: 0.5em;
}
.members-item-col-remove .icon-cancel-circle {
  color: #ff0000;
  text-decoration: none;
}
/*************************
Exercise overview
*************************/
#content-area.node-type-exercise .panels-flexible-edubreak_6_2_plus_tabs-right .panels-flexible-region-last h2 {
  text-align: left;
  font-family: "DFBSansWeb", "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;
  font-weight: 800;
  font-stretch: normal;
  letter-spacing: 0;
  color: #000000;
  opacity: 1;
  text-transform: none;
  background-image: none;
}
#content-area.node-type-exercise .panels-flexible-edubreak_6_2_plus_tabs-right .panel-pane {
  padding-top: 1em !important;
}
#content-area.node-type-exercise .panels-flexible-edubreak_6_2_plus_tabs-right .pane-cockpit-student {
  padding-top: 2em !important;
  margin-bottom: -3em !important;
}
#content-area.node-type-exercise .pane-field-exercise-date {
  text-align: left;
  font-family: "DFBSansWeb", "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;
  font-size: 16px;
  font-style: normal;
  letter-spacing: 1.5px;
  color: #000000;
  opacity: 1;
}
#content-area.node-type-exercise .pane-moderator-visibility .pane-content,
#content-area.node-type-exercise .pane-field-exercise-info-fbtype .pane-content {
  font-family: "DFBSansWeb", "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
#content-area.node-type-exercise .views-field-status {
  font-family: "DFBSansWeb", "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
#content-area.node-type-exercise .views-field-status .item-list ul li {
  margin-left: 0em;
}
#content-area.node-type-exercise .views-field-status .missing_exercise_content {
  color: #FF7D4D;
}
#content-area.node-type-exercise .exercise-actions .iconbox-left {
  display: none;
}
#content-area.node-type-exercise .panels-flexible-region-edubreak_6_2_plus_tabs-left_main-inside .field {
  padding-bottom: 2em;
}
#content-area.node-type-exercise #tabs-left-tabs .panels_pane {
  margin: 0;
  padding: 0 !important;
  background: transparent;
}
#content-area.node-type-exercise #tabs-left-tabs .views-row {
  border: none;
  padding: 0;
}
#content-area.node-type-exercise #tabs-left-tabs .drupal-tabs-title {
  display: none;
}
body.page-panels #content-area.node-type-exercise h1.title {
  font-family: DFB Sans Stencil, sans-serif;
  font-family: DFBSansWeb;
  text-transform: uppercase;
  font-weight: 800;
  font-stretch: normal;
  color: #191919;
  font-size: 2.5rem;
  line-height: 1.8;
  margin-bottom: 20px;
}
/*************************
Exercise Overview/Dashboard
*************************/
.section-exercises .view-exercises {
  margin-top: 1rem;
}
.section-exercises .dfb-Card .edubreak-progress-wrapper {
  background-color: transparent;
  padding: 0;
}
.section-exercises .dfb-Card .footer-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section-exercises .dfb-Card .footer-row .dfb-Card-category {
  text-align: right;
  margin-bottom: 0;
  font-weight: 700;
  color: #757678;
}
.section-exercises .dfb-Card .footer-row .dfb-Card-category em {
  font-style: normal;
}
.section-exercises .dfb-Card .eb-card-row-mulitple-item {
  margin-left: 3rem;
}
.assignment-status.assignment-status-complete {
  background-color: #20ae80;
}
.assignment-status.assignment-status-progress {
  background-color: #fbb03b;
}
.assignment-status.assignment-status-locked {
  background-color: #757678;
}
.assignment-status.assignment-status-warning {
  background-color: #ff0000;
}
/*************************
Student Cards
*************************/
body .panels_pane.panel-pane.pane-cards-student {
  background: transparent;
  padding: 0 !important;
  margin: 2rem 0 0 0 !important;
}
body .panels_pane.panel-pane.pane-cards-student h2 {
  line-height: 2;
}
/*************************
Exercise node view
*************************/
.pane-exercises-progress .edubreak-progress-wrapper {
  background-color: transparent;
  padding: 0;
}
/*************************
Exercise node edit
*************************/
.form-responsive .dfb-Input--multiline {
  display: unset;
}
.section-user .dfb-Card {
  background-color: white !important;
}
.section-user .dfb-Card,
.section-user .dfb-Card-content {
  width: auto;
}
.section-user .profile-header {
  width: 100%;
}
.section-user .profile-header .user-status-dot {
  position: absolute;
  bottom: -20px;
  left: 146px;
  cursor: pointer;
}
.section-user .panels-flexible-region-first .pane-content {
  padding: 11px !important;
}
.section-user .panel-col-first {
  width: 70%;
}
.section-user .panel-col-last {
  width: 29.9%;
}
.section-user .panel-panel .inside {
  margin: 0;
}
.section-user .profile-header-panel {
  height: 145px;
  margin-bottom: 75px;
  background-color: #626365 !important;
  position: relative;
  display: flex;
}
.section-user .section-user .profile-header .fixbtn .btn-primary {
  float: right !important;
}
.section-user .profile-header {
  display: inline-flex;
}
.section-user #profile-header-icon {
  border-radius: 50%;
  width: 156px;
  bottom: -40px;
  margin-left: 10px;
  position: absolute;
  border: 5px solid white;
}
.section-user #profile-name {
  position: absolute;
  bottom: 15px;
  left: 200px;
  font-size: 1.7rem;
  text-transform: uppercase;
  color: white;
}
.section-user .action-links.btn-group {
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.section-user .action-links.btn-group .btn {
  border-radius: 40px !important;
  width: 290px;
}
.section-user .profile-category > dt,
.section-user .profile-about > dt {
  font-size: 1.2rem;
}
.section-user .profile-category > dt,
.section-user .profile-category > dd,
.section-user .profile-about > dt,
.section-user .profile-about > dd {
  padding-top: 10px;
  padding-bottom: 10px;
}
.section-user .pane-activity-by-user-panel-pane-1 .pane-title {
  font-size: 1.2rem;
  color: black;
}
.section-user .pane-content {
  width: 100%;
}
.section-user .pane-content .profile-header {
  display: block;
}
.section-user .pane-content .profile-header .btn-primary {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 10px;
}
@media only screen and (max-width: 949px) {
  .section-user .panel-panel {
    width: 100%;
  }
  .section-user .action-links .btn {
    width: auto;
  }
  .section-user .profile-header-panel {
    margin-bottom: 75px !important;
  }
}
@media only screen and (max-width: 529px), only screen and (max-width: 768px) {
  .section-user #profile-name {
    bottom: 80px;
    left: auto;
    right: 15px;
  }
}
@media only screen and (max-width: 529px) {
  .section-user #profile-name {
    font-size: 18px;
  }
  .section-user .profile-header .user-status-dot {
    position: absolute;
    bottom: -27px;
    left: 82px;
  }
  .section-user #profile-header-icon {
    width: 80px;
    bottom: 20px;
  }
  .section-user .profile-header-panel {
    margin-bottom: 10px !important;
  }
}
@media only screen and (max-width: 350px) {
  .section-user #profile-header-icon {
    width: 40px;
    bottom: 70px;
  }
  .section-user #profile-name {
    left: 70px;
    right: auto;
  }
  .section-user .action-links {
    left: 15px;
    right: auto;
  }
}
.edubreak_picture_container .tooltip-inner {
  border-radius: 24px;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  max-width: 300px;
}
.edubreak_picture_container .popover .popover-content {
  width: 200px;
}
.edubreak-author-popover .popover-content {
  padding: 0;
}
#userStatusModal .user-manage-modal-body .status-time-options {
  width: 60%;
}
#userStatusModal .user-manage-modal-body .modal-footer {
  margin-top: 15px;
}
#userStatusModal .user-manage-modal-body .status-message {
  width: 100%;
  height: 22px;
}
#userStatusModal .user-manage-modal-body .user-status-modal-date label,
#userStatusModal .user-manage-modal-body .user-status-modal-date select {
  margin-bottom: 0;
}
#userStatusModal .user-manage-modal-body div {
  margin: 15px 25px 0;
}
#userStatusModal .user-manage-modal-body .dfb-status-datepicker {
  padding: 10px 20px;
  height: 50px;
  width: 49%;
}
#userStatusModal .btn-grey {
  background-color: #757678;
}
#userStatusModal .btn-grey:active {
  background-color: #757678;
}
#userStatusModal .status-time-options {
  height: 50px;
}
.dfb-status-datepicker {
  height: 50px;
  padding: 10px 0;
  width: 49%;
}
.dfb-Select {
  margin: 0;
}
.dfb-Select .dfb-Select-field {
  margin: 0;
}
#tabs-help ul.primary,
.tabs ul.primary {
  border-collapse: collapse;
  white-space: nowrap;
  list-style: none;
  margin: 1em 0px;
  height: auto;
  line-height: normal;
  border: none;
  display: flex;
  -ms-overflow-style: none;
}
#tabs-help ul.primary::-webkit-scrollbar,
.tabs ul.primary::-webkit-scrollbar {
  display: none;
}
#tabs-help ul.primary li,
.tabs ul.primary li {
  background-color: transparent;
}
#tabs-help ul.primary li a,
.tabs ul.primary li a {
  font-family: "DFBSansWeb", "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;
  text-shadow: none;
  color: #757678;
  font-weight: bold;
  font-size: 14px;
  border: unset;
  padding: 6px 8px 10px;
  margin: 0;
  background-color: transparent;
}
#tabs-help ul.primary li.active a,
.tabs ul.primary li.active a {
  border-bottom: 4px solid #7abfa2;
  color: #7abfa2;
}
@media only screen and (max-width: 949px) {
  .tabs ul.primary {
    padding: 0;
  }
  .tabs ul.primary li a {
    background: none !important;
    border-right: none !important;
  }
  .tabs ul.primary li {
    background: none !important;
    margin: 0px !important;
  }
  .tabs ul.primary li.active a {
    color: #7abfa2 !important;
  }
  .tabs ul.primary li.active {
    border-bottom: 4px solid #7abfa2 !important;
  }
}
/****************************************
 * TABS EXERCISE DETAILSPAGE
 ****************************************/
#tabs-left-tabs ul.primary {
  box-shadow: none;
  border: none;
  background: none;
  padding: 0;
}
#tabs-left-tabs ul.primary li {
  border: none;
}
#tabs-left-tabs ul.primary li a {
  border: none;
  color: #757678;
  transition: none;
}
#tabs-left-tabs ul.primary li.active a {
  background: none;
  color: #7abfa2;
  border-bottom: 4px solid #7abfa2;
}
@media only screen and (max-width: 949px) {
  #tabs-left-tabs ul.primary {
    display: flex;
    width: fit-content;
    padding-bottom: 1em;
  }
  #tabs-left-tabs ul.primary li a {
    background: none !important;
    border-right: none !important;
  }
  #tabs-left-tabs ul.primary li {
    background: none !important;
    margin: 0px !important;
  }
  #tabs-left-tabs ul.primary li.active a {
    color: #7abfa2 !important;
  }
  #tabs-left-tabs ul.primary li.active {
    border-bottom: 4px solid #7abfa2 !important;
  }
}
/************
 * COMMENTS
 ***********/
.view .edubreak_comments,
.edubreak_comments {
  margin-left: 0;
  max-width: inherit;
  background: #F8F8F8;
}
.view .edubreak_comments ul.comment-list,
.edubreak_comments ul.comment-list,
.view .edubreak_comments ul.item-list,
.edubreak_comments ul.item-list {
  width: 100%;
}
.view .edubreak_comments .views-field-comment,
.edubreak_comments .views-field-comment {
  margin-left: 60px;
}
.view .edubreak_comments li,
.edubreak_comments li {
  font-size: initial;
  line-height: initial;
}
.view .edubreak_comments .comment-controls,
.edubreak_comments .comment-controls {
  display: inline-block;
  /* margin-bottom: 4px; */
  position: relative;
  top: -50px;
  text-align: right;
  color: #20ae80;
  padding-right: 2rem;
  float: right;
}
.view .edubreak_comments .comment-controls a,
.edubreak_comments .comment-controls a {
  color: #20ae80;
  font-weight: inherit;
  font-style: normal;
  font-size: initial;
}
.view .edubreak_comments .comment-controls .comment-hide-all:not(.hidden) .icon-show,
.edubreak_comments .comment-controls .comment-hide-all:not(.hidden) .icon-show {
  display: none;
}
.view .edubreak_comments .comment-controls .comment-hide-all.hidden .icon-hide,
.edubreak_comments .comment-controls .comment-hide-all.hidden .icon-hide {
  display: none;
}
.view .edubreak_comments .comment-controls .num-comments,
.edubreak_comments .comment-controls .num-comments {
  position: relative;
  top: -7px;
  margin: 0 0.9rem 0 0.5rem;
}
.view .edubreak_comments .comment_add_ajax_form,
.edubreak_comments .comment_add_ajax_form,
.view .edubreak_comments .comment_edit_ajax_form,
.edubreak_comments .comment_edit_ajax_form {
  padding-bottom: 30px;
}
.view .edubreak_comments .comment_add_ajax_form.comment_add_ajax_form,
.edubreak_comments .comment_add_ajax_form.comment_add_ajax_form,
.view .edubreak_comments .comment_edit_ajax_form.comment_add_ajax_form,
.edubreak_comments .comment_edit_ajax_form.comment_add_ajax_form {
  padding-bottom: 10px;
}
.view .edubreak_comments .comment_add_ajax_form .edubreak_hoverpane_element,
.edubreak_comments .comment_add_ajax_form .edubreak_hoverpane_element,
.view .edubreak_comments .comment_edit_ajax_form .edubreak_hoverpane_element,
.edubreak_comments .comment_edit_ajax_form .edubreak_hoverpane_element {
  display: none;
}
.view .edubreak_comments .comment_add_ajax_form input[type="button"].btn,
.edubreak_comments .comment_add_ajax_form input[type="button"].btn,
.view .edubreak_comments .comment_edit_ajax_form input[type="button"].btn,
.edubreak_comments .comment_edit_ajax_form input[type="button"].btn,
.view .edubreak_comments .comment_add_ajax_form input[type="reset"].btn,
.edubreak_comments .comment_add_ajax_form input[type="reset"].btn,
.view .edubreak_comments .comment_edit_ajax_form input[type="reset"].btn,
.edubreak_comments .comment_edit_ajax_form input[type="reset"].btn,
.view .edubreak_comments .comment_add_ajax_form input[type="submit"].btn,
.edubreak_comments .comment_add_ajax_form input[type="submit"].btn,
.view .edubreak_comments .comment_edit_ajax_form input[type="submit"].btn,
.edubreak_comments .comment_edit_ajax_form input[type="submit"].btn {
  height: 30px;
}
.view .edubreak_comments .comment_add_ajax_form textarea,
.edubreak_comments .comment_add_ajax_form textarea,
.view .edubreak_comments .comment_edit_ajax_form textarea,
.edubreak_comments .comment_edit_ajax_form textarea {
  padding: 10px 10px;
  font-family: "DFBSansWeb", "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "Arial", sans-serif;
  font-size: 14px;
}
.view .edubreak_comments .links,
.edubreak_comments .links {
  text-align: right;
}
.view .edubreak_comments a.comment_edit_ajax:before,
.edubreak_comments a.comment_edit_ajax:before {
  content: '\e88b' !important;
  font-size: 1.25rem;
  color: #20ae80;
  text-decoration: none;
  top: -3em;
}
.view .edubreak_comments a.comment_delete_ajax:before,
.edubreak_comments a.comment_delete_ajax:before {
  content: '\e87d' !important;
  font-size: 1.25rem;
  color: #ff0000;
  text-decoration: none;
  top: -3em;
}
.view .edubreak_comments .views-row,
.edubreak_comments .views-row {
  background: white !important;
}
#content .loading,
#content input.form-submit.loading:hover {
  background: transparent;
}
#content div.comment_add_ajax {
  margin-left: 50px;
}
#edit-upload-wrapper {
  padding-left: 0.5em;
}
.section-messages {
  /****************************************
 * Private message lists
 ***************************************/
  /****************************************
   * CONFIRMATION DIALOGS
   ****************************************/
  /****************************************
 * Responsive Mobile
 ***************************************/
}
.section-messages .node-form .form-middle {
  border: none;
}
.section-messages #content {
  padding-bottom: 20px;
}
.section-messages .dfb-Chip {
  cursor: default;
}
.section-messages .dfb-Chip .dfb-Chip-label {
  padding-right: 2px;
}
.section-messages .dfb-Chip .token-input-delete-token-edubreak {
  font-size: 1.7rem;
  padding-right: 7px;
  padding-left: 1px;
  cursor: pointer;
}
.section-messages .dfb-Input-field {
  height: auto;
  min-height: auto;
  max-height: 100%;
}
.section-messages ul.token-input-list-edubreak {
  width: auto;
  border: none;
  padding: 10px 10px 10px 55px;
}
.section-messages li.token-input-input-token-edubreak {
  float: none;
  display: inline-block;
  height: 100%;
}
.section-messages #token-input-edit-users:hover,
.section-messages #token-input-edit-users.focus-visible {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px;
  margin: 0;
  vertical-align: middle;
  border-radius: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-property: background-color, border-color, -webkit-box-shadow;
  transition-property: background-color, border-color, -webkit-box-shadow;
  transition-property: box-shadow, background-color, border-color;
  transition-property: box-shadow, background-color, border-color, -webkit-box-shadow;
  background-color: #ebf0f6;
  filter: none;
  font-size: .875rem;
  font-family: DFB Sans, sans-serif;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #757678;
  outline: none;
  position: relative;
  padding: 0 0 0 18px;
}
.section-messages .token-input-token-edubreak {
  margin-right: 5px;
  margin-left: 5px;
}
.section-messages .token-input-token-edubreak:first-child {
  margin-left: 0;
}
.section-messages .token-input-token-edubreak:last-child {
  margin-right: 0;
}
.section-messages .token-input-dropdown-edubreak {
  border: 1px solid #d3d7de;
  -webkit-box-shadow: 0 8px 22px 0 rgba(174, 179, 186, 0.3);
  box-shadow: 0 8px 22px 0 rgba(174, 179, 186, 0.3);
  -webkit-transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  -webkit-transition-duration: 600ms;
  transition-duration: 600ms;
  -webkit-transition-property: max-height, height, border;
  transition-property: max-height, height, border;
  border-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 3;
}
.section-messages .token-input-dropdown-edubreak ul li,
.section-messages .token-input-dropdown-edubreak p {
  font-family: "DFB Sans", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  padding: 12px 24px;
}
.section-messages .token-input-dropdown-edubreak ul li {
  color: black;
}
.section-messages .token-input-dropdown-edubreak li:hover,
.section-messages .token-input-dropdown-edubreak li:focus,
.section-messages .token-input-dropdown-edubreak li:active,
.section-messages .token-input-dropdown-edubreak li.token-input-selected-dropdown-item-edubreak {
  background-color: #f5f6fa !important;
  color: inherit !important;
}
.section-messages .token-input-dropdown-edubreak img {
  width: auto;
  height: 1.5rem;
}
.section-messages #edit-subject {
  width: 100%;
}
.section-messages .cke_bottom {
  display: none;
}
.section-messages #edit-cancel {
  padding-left: 20px;
}
.section-messages .privatemsg-list-wrapper {
  position: relative;
}
.section-messages .privatemsg-list-wrapper .private-message-actions {
  display: none;
  position: absolute;
  right: 0;
  font-size: 1.5rem;
  top: 1em;
}
.section-messages .privatemsg-list-wrapper .private-message-actions i {
  cursor: pointer;
}
.section-messages .privatemsg-list-wrapper .private-message-actions .privatemsg-action-mark-read {
  color: #20ae80;
}
.section-messages .privatemsg-list-wrapper .private-message-actions .privatemsg-action-delete {
  color: #ff0000;
}
.section-messages .privatemsg-list-wrapper.has-messages .private-message-actions {
  display: block;
}
.section-messages .privatemsg-list-wrapper table {
  table-layout: auto;
}
.section-messages .privatemsg-list-wrapper table .privatemsg-header-lastupdated {
  min-width: 240px;
}
.section-messages .private-message-actions-org {
  display: none;
}
.section-messages #privatemsg-filter-tags {
  display: none;
}
.section-messages #privatemsg-form-reply #edit-body-wrapper label,
.section-messages #privatemsg-new #edit-body-wrapper label {
  display: none;
}
.section-messages .message-actions-wrapper {
  font-size: 1.5rem;
  right: 0;
  top: 0.5em;
  position: absolute;
  color: #ff0000;
}
.section-messages .message-actions-wrapper .icon-cancel-circle {
  color: #ff0000;
  text-decoration: none;
}
.section-messages .confirmation #edit-delete-options-wrapper {
  padding: 0;
}
.section-messages .confirmation .container-inline {
  display: flex;
  align-items: center;
  margin-top: 10px;
  align-content: center;
}
@media only screen and (max-width: 949px) {
  .section-messages .privatemsg-list-wrapper {
    position: inherit;
  }
  .section-messages .privatemsg-list-wrapper .dfb-Table-tableContainer {
    margin: 0px !important;
  }
  .section-messages .privatemsg-list-wrapper .tableHeader-processed th {
    padding: 0 !important;
    font-size: 0.75rem;
  }
  .section-messages .privatemsg-list-wrapper .private-message-actions {
    position: inherit;
    display: flex;
    justify-content: flex-start;
    font-size: 2rem;
    margin-left: 0.17em;
  }
  .section-messages .privatemsg-list-wrapper .private-message-actions .icon-cancel-circle:before {
    margin: 0;
  }
}
.section-messages #content-area h3 {
  padding-top: 10px;
  padding-bottom: 15px;
}
.dfb-IconCustomAdd {
  width: 64px;
  height: 64px;
  transform: rotate(45deg);
}
.c-CardGrid--3Columns .privatemsg-message-participants-add-wrapper-open {
  width: 100% !important;
  max-width: 100% !important;
}
#edubreak-privatemsg-add-user-form > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#edubreak-privatemsg-add-user-form > div .dfb-Input {
  flex-grow: 1;
  padding: 0 12px;
}
#edubreakWebCU #filebrowser input.file {
  cursor: pointer;
  height: 40px;
  margin: 0;
}
#edubreakWebCU #filebrowser div.fakefile {
  margin: 0 auto;
}
@media only screen and (max-width: 529px) {
  #edubreakWebCU #filebrowser div.fakefile button {
    width: 100%;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  #edubreakWebCU #filebrowser div.fakefile button {
    width: 70%;
  }
}
@media only screen and (min-width: 950px) {
  #edubreakWebCU #filebrowser div.fakefile button {
    width: 50%;
  }
}
#edubreakWebCU .form-submit,
#edubreakWebCU input[type="submit"],
#edubreakWebCU .dfb-Button {
  text-align: center;
  letter-spacing: 1.5px;
  background-color: #20ae80;
  border: 2px solid #20ae80;
  -webkit-transition-property: background-color,border-color,-webkit-box-shadow,-webkit-transform;
  transition-property: background-color,border-color,-webkit-box-shadow,-webkit-transform;
  transition-property: box-shadow,background-color,transform,border-color;
  transition-property: box-shadow,background-color,transform,border-color,-webkit-box-shadow,-webkit-transform;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  padding: 0 30px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: normal;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  border-radius: 40px;
  outline: 0 none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  transition-timing-function: cubic-bezier(0.16, 0, 0.12, 1);
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
}
#edubreakWebCU .dfb-Input-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  padding: 0.8em 0.5em;
  text-overflow: ellipsis;
}
#edubreakWebCU #upload-list .dfb-Select-field {
  width: 160px;
}
#edubreakWebCU #upload-list .dfb-Select-select {
  padding: 0 0.5em;
  border: 1px solid #cccccc;
}
#edubreakWebCU #upload-list .dfb-Select-toggle {
  height: unset;
}
#edubreakWebCU #upload-list .dfb-Select-toggle .dfb-Symbol {
  height: auto;
}
#edubreakWebCU #upload-list tr:not(.completed) .dfb-Select-select {
  background-color: #ffffff;
}
#edubreakWebCU #upload-list td {
  vertical-align: middle;
}
#edubreakWebCU #upload-list .dfb-Icon.upload-destroy {
  background: transparent;
}
#edubreakWebCU #upload-list .completed .dfb-Input-input,
#edubreakWebCU #upload-list .uploading .dfb-Input-input {
  background-color: #eeeeee;
}
#edubreakWebCU #upload-list .completed .dfb-Icon.upload-destroy {
  display: none;
}
#edubreakWebCU svg.dfb-Symbol.dfb-Symbol--dfbIconDeleteCircle {
  color: #ff0000;
  cursor: pointer;
}
#edubreakWebCU svg.dfb-Symbol.dfb-Symbol--dfbIconDeleteCircle:hover {
  color: #cc0000;
}
/*******************************
 * VIDEO CARDS (not vue)
 *******************************/
.dfb-Card.node-type-video,
.dfb-Card.node-type-dialog {
  padding: 0;
  box-shadow: none;
}
.dfb-Card.node-type-video .dfb-Card-content,
.dfb-Card.node-type-dialog .dfb-Card-content {
  padding: 0.5rem;
}
.dfb-Card.node-type-video .dfb-Card-headline,
.dfb-Card.node-type-dialog .dfb-Card-headline {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dfb-Card.node-type-video .dfb-Card-footer,
.dfb-Card.node-type-dialog .dfb-Card-footer {
  padding: 8px 0.5em 0.5em;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
}
.dfb-Card.node-type-video .dfb-Card-footer .node-icons,
.dfb-Card.node-type-dialog .dfb-Card-footer .node-icons {
  color: #20ae80;
  font-size: 1.25rem;
  align-self: center;
}
.dfb-Card.node-type-video .items-wrapper,
.dfb-Card.node-type-dialog .items-wrapper {
  padding-top: 1em;
  max-height: 5.5em;
  overflow: hidden;
}
.dfb-Card.node-type-video .items-wrapper .dfb-Tag,
.dfb-Card.node-type-dialog .items-wrapper .dfb-Tag {
  margin: 0.1em;
}
/*******************************
 * CARDS in Grid (3col)
 *******************************/
.c-CardGrid.c-CardGrid--3Columns .dfb-Card.node-type-video .dfb-Anchor.dfb-Anchor--secondary {
  width: min-content;
}
.c-CardGrid.c-CardGrid--3Columns .dfb-Card.node-type-video .dfb-Anchor.dfb-Anchor--secondary .dfb-Anchor-label {
  margin-left: 1em;
  margin-right: -0.5em;
}
.c-CardGrid.c-CardGrid--3Columns .dfb-Card.node-type-video .dfb-Anchor.dfb-Anchor--secondary:after {
  left: 1.1em;
}
.c-CardGrid.c-CardGrid--3Columns .dfb-Card.node-type-video .dfb-Card-footer {
  justify-content: space-evenly;
}
.c-CardGrid.c-CardGrid--3Columns .dfb-Image-image {
  object-fit: cover;
}
.c-CardGrid.c-CardGrid--3Columns .edubreak-access-video-preview-info {
  background-color: transparent;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  margin: 0;
}
.c-CardGrid.c-CardGrid--3Columns .edubreak-access-video-preview-info .edubreak-access-info {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.c-CardGrid.c-CardGrid--3Columns .edubreak-access-video-preview-info .edubreak-access-info span i::before {
  margin: 0;
  vertical-align: sub;
  width: auto;
}
.c-CardGrid.c-CardGrid--3Columns .edubreak-access-video-preview-info .edubreak-access-info span .icon-user,
.c-CardGrid.c-CardGrid--3Columns .edubreak-access-video-preview-info .edubreak-access-info span .icon-users-1,
.c-CardGrid.c-CardGrid--3Columns .edubreak-access-video-preview-info .edubreak-access-info span .icon-users,
.c-CardGrid.c-CardGrid--3Columns .edubreak-access-video-preview-info .edubreak-access-info span .icon-globe {
  margin: 0;
  font-size: 20px;
  color: white;
}
@media only screen and (max-width: 949px) {
  .c-CardGrid.c-CardGrid--3Columns .dfb-Card.node-type-video .dfb-Anchor.dfb-Anchor--secondary {
    display: inherit;
    width: fit-content;
  }
  .c-CardGrid.c-CardGrid--3Columns .dfb-Card.node-type-video .dfb-Anchor.dfb-Anchor--secondary:after {
    position: absolute;
    left: 32px;
  }
  .c-CardGrid.c-CardGrid--3Columns .dfb-Card.node-type-video .dfb-Anchor.dfb-Anchor--secondary .dfb-Anchor-label {
    padding: 4px;
  }
  .c-CardGrid.c-CardGrid--3Columns .dfb-Card.node-type-video .dfb-Card-footer {
    justify-content: space-between;
  }
}
/*******************************
 * DIALOG
 *******************************/
.pane-field-dialog-videos.pane-action-links {
  background-color: transparent !important;
}
.dialog-import-form-wrapper {
  border-bottom: none !important;
}
.dialog-import-form-wrapper .dialog-import-form-preview {
  padding-right: 10px !important;
}
.dialog-import-form-wrapper .dialog-import-form .form-item {
  padding-left: 0;
}
.dialog-import-form-wrapper .pull-right {
  text-align: inherit;
  padding-left: 42.5%;
}
.dialog-import-form-wrapper .pull-right #edit-submit {
  margin: 0;
}
@media only screen and (max-width: 949px) {
  .dialog-import-form-wrapper .pull-right {
    padding-left: 42%;
  }
}
.node-type-workgroup.node-teaser {
  padding: 0 !important;
}
.node-type-workgroup.node-teaser .dfb-Card-content {
  padding: 1em;
}
.node-type-workgroup.node-teaser .ebCardMeta {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.node-type-workgroup.node-teaser .ebCardMeta .ebCardMeta-image {
  margin: 0 1em 0 0;
}
.node-type-workgroup.node-teaser .ebCardMeta .ebCardMeta-image .imagecache-user_node {
  width: 4em;
  border: none;
}
.node-type-workgroup.node-teaser .ebCardMeta .ebCardMeta-meta {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.node-type-workgroup.node-teaser .ebCardMeta .ebCardMeta-meta .ebCardMeta-meta-data {
  color: #666666;
}
.node-type-workgroup h1,
.node-type-workgroup .pane-workgroup-membership-manage,
.node-type-workgroup .panels-flexible-region-edubreak_6_2-right {
  display: none;
}
.node-type-workgroup .panels-flexible-region-edubreak_6_2-left.panels-flexible-region-first {
  width: 100%;
}
.node-type-workgroup .wg-header {
  display: flex;
  background-color: #757678;
  justify-content: space-between;
  align-items: flex-end;
  height: auto;
  min-height: 145px;
  width: 100%;
  flex-direction: row;
}
@media only screen and (max-width: 529px) {
  .node-type-workgroup .wg-header {
    flex-direction: column;
    align-items: flex-start;
  }
}
.node-type-workgroup .wg-header .wg-profile-wrapper {
  display: flex;
  margin-left: 10px;
}
@media only screen and (max-width: 529px) {
  .node-type-workgroup .wg-header .wg-profile-wrapper {
    margin: 1em 0 0 1em;
    align-items: center;
  }
}
.node-type-workgroup .wg-header .wg-profile-wrapper .wg-title {
  padding: 15px;
  flex-grow: 1;
  font-size: 1.7rem;
  text-transform: uppercase;
  color: white;
  display: flex;
  height: 100%;
  align-items: flex-end;
}
@media only screen and (max-width: 529px) {
  .node-type-workgroup .wg-header .wg-profile-wrapper .wg-title {
    align-items: center;
    font-size: 18px;
  }
}
.node-type-workgroup .wg-header .wg-profile-wrapper .wg-picture {
  width: 160px;
  min-width: 160px;
  height: auto;
  position: relative;
}
.node-type-workgroup .wg-header .wg-profile-wrapper .wg-picture img {
  bottom: -40px;
  margin-left: 10px;
  width: 156px;
  position: absolute;
}
@media only screen and (max-width: 529px) {
  .node-type-workgroup .wg-header .wg-profile-wrapper .wg-picture {
    width: 60px;
    min-width: 60px;
  }
  .node-type-workgroup .wg-header .wg-profile-wrapper .wg-picture img {
    bottom: 0;
    width: 100%;
    position: inherit;
  }
}
.node-type-workgroup .wg-header .action-links {
  margin: 1em;
}
.node-type-workgroup .wg-header .action-links .btn {
  min-width: 290px;
}
@media only screen and (max-width: 529px) {
  .node-type-workgroup .wg-header .action-links {
    margin: 0 0 1em 1em;
  }
}
.node-type-workgroup .wg-content {
  display: flex;
  margin: 3em 0 0;
  align-items: flex-start;
  justify-content: space-between;
}
@media only screen and (max-width: 949px) {
  .node-type-workgroup .wg-content {
    flex-wrap: wrap;
  }
}
.node-type-workgroup .wg-content .wg-items {
  width: 100%;
}
.node-type-workgroup .wg-content .dfb-Card .dfb-Card-content .members-item-close {
  position: absolute;
  right: 0.5em;
  top: 0.5em;
}
.node-type-workgroup .wg-content .dfb-Card .dfb-Card-content .members-item-close .dfb-Icon {
  margin-bottom: 3em;
}
.node-type-workgroup .wg-content .dfb-Card .dfb-Card-content .members-item-close .dfb-Icon svg.dfb-Symbol.dfb-Symbol--dfbIconDeleteCircle {
  color: #ff0000;
  cursor: pointer;
}
.node-type-workgroup .wg-content .dfb-Card .dfb-Card-content .members-item-close .dfb-Icon svg.dfb-Symbol.dfb-Symbol--dfbIconDeleteCircle:hover {
  color: #cc0000;
}
.node-type-workgroup .wg-content .wg-actions {
  width: 100%;
  max-width: 100%;
  margin-top: 1.6rem;
}
@media only screen and (min-width: 950px) {
  .node-type-workgroup .wg-content .wg-actions {
    max-width: 25%;
  }
}
.node-type-workgroup .wg-content .wg-actions .snapbutton,
.node-type-workgroup .wg-content .wg-actions input {
  width: 100%;
}
.node-type-workgroup .wg-content .wg-actions .member-add {
  background-color: #ffffff;
  flex-direction: column;
  align-items: inherit;
  padding: 1em;
  width: 100%;
}
.node-type-workgroup .wg-content .wg-actions .member-add > div {
  width: 100%;
  margin: 0;
}
.node-type-workgroup .wg-content .wg-actions .member-add .dfb-Select-field {
  border: none;
}
.panels_pane.panel-pane.pane-node-body.wg-content-body {
  background-color: #ffffff;
  padding: 1em !important;
}
/****************************************
 * Online Tests
 ***************************************/
.pagination {
  display: flex;
  justify-content: center;
}
.pagination ul {
  padding: 0 !important;
  margin: 0 !important;
}
.pagination li {
  padding: 0 !important;
  margin: 0 !important;
}
.pagination .views-throbbing {
  background-color: #20ae80 !important;
}
.section-exercises #content-area .row {
  margin-left: 0;
}
#quiz-questions-form .btn-la-quiz,
#quiz-questions-form .btn-mc-quiz {
  width: 100%;
}
#quiz-questions-form .c-Accordion-content input[type="file"] {
  margin-left: 0 !important;
}
#quiz-question-answering-form .form-item:not(#exercise-compliance-wrapper).textarea:not(#edit-body-wrapper):not([id^="edit-field-exercise-"]):not([id^="edit-field-cert-"]) label {
  top: -6px !important;
}
/****************************************
 * Webforms
 ***************************************/
#webform-component-edit-form #edit-extra-items-wrapper .description,
#webform-component-edit-form #edit-extra-questions-wrapper .description,
#webform-component-edit-form #edit-extra-options-wrapper .description {
  display: block;
}
.webform-component,
.webform-component-fieldset {
  margin-bottom: 30px;
}
.webform-component .description,
.webform-component-fieldset .description {
  display: block;
}
.webform-component .dfb-Input-field,
.webform-component-fieldset .dfb-Input-field {
  height: 100%;
  min-height: unset;
  max-height: unset;
  border: unset;
}
.webform-component .dfb-Input-field input,
.webform-component-fieldset .dfb-Input-field input {
  border: 1px solid #d3d7de;
}
.webform-component.webform-component-number input {
  height: 100%;
}
#webform-emails-form .webform-container-inline div,
#webform-emails-form .webform-container-inline div.form-item {
  display: block;
}
:root {
  --v-school-icon-font: #20ae80 !important;
  --v-school-background: #e4e9ef !important;
}
#global-header {
  top: 0;
}
.panels-flexible-region-edubreak_6_2-right:has(.dfb-login-keycloak) {
  width: 100% !important;
  text-align-last: center;
}
#main-navigation {
  display: none;
}
.edubreakplayer {
  background-color: #333;
}
nav#main-navigation {
  background-image: unset;
}
header.m-Header {
  padding: 0;
}
ul.nav.navbar-nav.navbar-left {
  float: unset;
}
.navbar-brand-sitname {
  color: white;
  text-shadow: none;
}
#logo img {
  margin: 10px;
}
#main-navigation-sub .language-switcher-main-menu {
  display: flex;
  justify-content: flex-end;
  padding-top: 40px;
}
#main-navigation-sub .language-switcher-main-menu .language-switcher .language-link.active {
  text-decoration: underline;
}
a:visited {
  color: #333;
}
#user_navigation .icon-help-circle,
#user_navigation .icon-college,
#user_navigation .icon-mail {
  color: white;
  font-size: 1.5rem;
}
#user_navigation > .container-fluid {
  width: 1160px;
  padding: 0;
}
#user_navigation #student-mode-toggle {
  margin: 0;
}
#user_navigation #student-mode-toggle .icon-college-active {
  color: #ff5858;
}
#user_navigation #student-mode-toggle > a .icon.icon-college.icon-college-active:hover {
  color: #ff5858 !important;
}
#user_navigation #navbar-user-messages {
  padding: 12px 0px;
}
#user_navigation #help-link,
#user_navigation #student-mode-toggle,
#user_navigation #navbar-user-messages {
  padding: 22px 0 0 0px;
}
#user_navigation #help-link > a,
#user_navigation #student-mode-toggle > a,
#user_navigation #navbar-user-messages > a {
  border: none;
}
#user_navigation #help-link > a :hover,
#user_navigation #student-mode-toggle > a :hover,
#user_navigation #navbar-user-messages > a :hover {
  color: #E4E9EF;
}
#user_navigation .dropdown-user-menu > a img {
  border: none;
  width: 25px;
  height: 25px;
}
#user_navigation .profile-menu > a.user-menu {
  padding: 20px 5px;
}
#user_navigation .navbar-nav.navbar-right:last-child {
  margin-right: -8px !important;
}
/*Custom*/
@font-face {
  font-family: 'DFBSansWeb';
  src: url('/sites/all/themes/edubreak2017/fonts/dfb-academy/DFBSansWeb-Regular.eot');
  src: url('/sites/all/themes/edubreak2017/fonts/dfb-academy/DFBSansWeb-Regular.eot') format('embedded-opentype'), url('/sites/all/themes/edubreak2017/fonts/dfb-academy/DFBSansWeb-Regular.woff2') format('woff2'), url('/sites/all/themes/edubreak2017/fonts/dfb-academy/DFBSansWeb-Regular.woff') format('woff'), url('/sites/all/themes/edubreak2017/fonts/dfb-academy/DFBSansWeb-Regular.ttf') format('truetype'), url('/sites/all/themes/edubreak2017/fonts/dfb-academy/DFBSansWeb-Regular.svg#svgFontName') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DFBSansWeb';
  src: url('/sites/all/themes/edubreak2017/fonts/dfb-academy/DFBSansWeb-Bold.eot');
  src: url('/sites/all/themes/edubreak2017/fonts/dfb-academy/DFBSansWeb-Bold.eot') format('embedded-opentype'), url('/sites/all/themes/edubreak2017/fonts/dfb-academy/DFBSansWeb-Bold.woff2') format('woff2'), url('/sites/all/themes/edubreak2017/fonts/dfb-academy/DFBSansWeb-Bold.woff') format('woff'), url('/sites/all/themes/edubreak2017/fonts/dfb-academy/DFBSansWeb-Bold.ttf') format('truetype'), url('/sites/all/themes/edubreak2017/fonts/dfb-academy/DFBSansWeb-Bold.svg#svgFontName') format('svg');
  font-weight: bold;
  font-style: normal;
}
.mixin-big-header {
  font-family: DFBSansWeb;
  text-transform: uppercase;
  font-weight: 800;
  font-stretch: normal;
  color: #191919;
  font-size: 2.5rem;
  line-height: 1.8;
  margin-bottom: 20px;
}
.mixin-stroked-big-header {
  font-family: DFB Sans Stencil, sans-serif;
  font-family: DFBSansWeb;
  text-transform: uppercase;
  font-weight: 800;
  font-stretch: normal;
  color: #191919;
  font-size: 2.5rem;
  line-height: 1.8;
  margin-bottom: 20px;
  /** The strikthrough code **/
  display: inline;
  padding: 0;
  background-image: none;
}
.branding-section #footer {
  padding-bottom: 86px;
  justify-content: space-between;
}
.branding-section #footer #footer-message {
  color: #191919;
  flex-grow: unset;
  font-size: unset;
  margin: 0;
}
.branding-section #footer #footer-message a {
  color: #191919;
}
.branding-section #accessibility-setting {
  position: unset;
}
@media only screen and (max-width: 949px) {
  body {
    margin-top: 120px;
  }
  #main-navigation {
    display: block;
  }
  body #user_navigation #navbar-user-messages {
    padding: 22px 0 0 0px;
  }
  body #main-navigation .hamburger-menu-icon .hamburger-navicon,
  body #main-navigation .hamburger-menu-icon .hamburger-navicon:before,
  body #main-navigation .hamburger-menu-icon .hamburger-navicon:after {
    background: #757678;
  }
  #main-navigation.navbar-default .course-switcher.navbar-nav > li > a.dropdown-toggle {
    padding: 35px 15px 16px !important;
  }
  #main-navigation .course-switcher {
    padding: 0;
  }
}
.m-CookieConsent-info a {
  color: #fff;
  font-size: .875rem;
  text-transform: uppercase;
}
.edubreakplayer .ep5-controlbar {
  background-color: unset;
}
.edubreakplayer .ep5-sidebar,
.edubreakplayer .ep5-btn-sidebar-open,
.edubreakplayer .ep5-sidebar-header,
.edubreakplayer .ep5-sidebar.ep5-filter-pane.active,
.edubreakplayer .ep5-filter-pane,
.edubreakplayer .ep5-sidebar-footer,
.edubreakplayer .ep5-sidebar.ep5-sidebar-header,
.edubreakplayer .ep5-rating-lights,
.edubreakplayer .ed-toolbar,
.edubreakplayer .ep5-form,
.edubreakplayer .ep5-btn-submit {
  background-color: #20ae80 !important;
  background: #20ae80 !important;
}
.edubreakplayer .ep5-btn {
  background-color: rgba(51, 51, 51, 0.4) !important;
}
.edubreakplayer .ep5-search-box,
.edubreakplayer .ep5-item-wrapper,
.edubreakplayer .ep5-btn-filter,
.edubreakplayer .ep5-form-item,
.edubreakplayer .ep5-form-item select,
.edubreakplayer .ep5-form-content-flex textarea,
.edubreakplayer .match-question-choice-option-wrapper,
.edubreakplayer .ep5-list-item-nested {
  background-color: rgba(51, 51, 51, 0.1) !important;
}
.edubreakplayer .ep5-btn-filter,
.edubreakplayer .ep5-filter-item {
  background-color: unset !important;
}
.edubreakplayer .ep5-form-item label {
  color: white;
}
.edubreakplayer .ep5-form-item option {
  color: #333;
}
.edubreakplayer .ep5-match-take-info-box {
  background-color: #333;
}
:root {
  --global-header-background: #20ae80;
  --global-header-font-color: #ffffff;
  --global-header-text-background-hover: #f5f5f5;
  --global-header-text-hover: #616161;
}