@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: #e7334c;
}
#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: #e7334c;
}
.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: #e7334c;
}
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: #e7334c;
}
.edubreak-progress svg path:nth-child(2n) {
  stroke: #e7334c;
}
.edubreakplayer .lds-ellipsis {
  color: #e7334c;
}
.edubreakplayer .lds-ellipsis .dot {
  background: #e7334c;
}
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: "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: #e7334c !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;
}
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: 960px;
}
#page-wrapper,
.region-page-closure {
  width: 960px;
}
#content,
.no-sidebars #content {
  width: 960px;
}
.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: #e7334c;
  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: #e7334c;
}
#user_navigation > .container-fluid {
  max-width: 960px;
}
/**
 * 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: 960px;
  min-width: 960px;
  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 #e7334c;
  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 #e7334c;
}
#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: #e7334c;
  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: 355px;
}
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: 625px;
}
body.page-panels .panels-flexible-region-edubreak_6_2-left {
  width: 729px;
}
body.page-panels .panels-flexible-region-edubreak_6_2-right {
  width: 253px;
}
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: #e7334c;
  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;
}
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: #e7334c;
  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: #e7334c !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: #e7334c !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: #e7334c;
}
.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: #e7334c !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: #e7334c;
}
.edubreak-community-group-category-switcher input:focus + .slider {
  box-shadow: 0 0 1px #e7334c;
}
.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: #e7334c;
  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;
}
.bootbox.modal:has(.svb-modal-content) .bootbox-body {
  height: 100%;
  height: -webkit-fill-available;
  height: stretch;
}
.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: #e7334c !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;
}
#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: #e7334c;
  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);
}
body.fullcalendar {
  background: white;
}
body.fullcalendar .event-exercise {
  background-color: #e7334c !important;
}
body.fullcalendar .event-event {
  background-color: #e7334c !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: #e7334c !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: #e7334c;
}
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: #e7334c;
  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: #e7334c !important;
  position: absolute;
  z-index: 1;
}
.gt-recorder-wrapper .btn-upload-progress-wrapper svg path:nth-child(2n) {
  stroke: #e7334c !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: #e7334c;
  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 #e7334c;
    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 #e7334c;
    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: #e7334c;
  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: "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: #e7334c !important;
  --v-school-icon-font: white;
  --v-school-background: #e7334c !important;
  --v-anchor-base: #e7334c !important;
  --v-primary-lighten5: #ffffff !important;
  --v-primary-lighten4: #ffffff !important;
  --v-primary-lighten3: #ffffff !important;
  --v-primary-lighten2: #ffffff !important;
  --v-primary-lighten1: #ffffff !important;
  --v-primary-darken1: #000000 !important;
  --v-primary-darken2: #000000 !important;
  --v-primary-darken3: #000000 !important;
  --v-primary-darken4: #000000 !important;
  --v-secondary-base: #e7334c !important;
  --v-secondary-lighten5: #ffffff !important;
  --v-secondary-lighten4: #ffffff !important;
  --v-secondary-lighten3: #ffffff !important;
  --v-secondary-lighten2: #ffffff !important;
  --v-secondary-lighten1: #ffffff !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: #e7334c;
  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;
}
:root {
  --global-header-background: #ffffff;
  --global_header_font_color: #616161;
  --global-header-font-color: #616161;
  --global-header-text-background-hover: #f5f5f5;
  --global-header-text-hover: #616161;
}