@font-face {
  font-family: 'Ronnia_Quote';
  src:  url('font/ronnia_icons/Ronnia_Quote.eot?ftmwfk');
  src:  url('font/ronnia_icons/Ronnia_Quote.eot?ftmwfk#iefix') format('embedded-opentype'),
  url('font/ronnia_icons/Ronnia_Quote.ttf?ftmwfk') format('truetype'),
  url('font/ronnia_icons/Ronnia_Quote.woff?ftmwfk') format('woff'),
  url('font/ronnia_icons/Ronnia_Quote.svg?ftmwfk#Ronnia_Quote') format('svg');
  font-weight: normal;
  font-style: normal;
}

html {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%; /*fix for jquery dialog positioning to center of window*/
}

body {
  /*font-size: 16px;*/
}

p {
  margin: 0 0 15px;
}

* {
  -webkit-appearance: none
}

.wrapper {
  max-width: 1400px;
  margin: 78px auto 0;
}

.header:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
}

.header {
  padding: 5px 20px;
  position: fixed;
  width: 100%;
  max-width: 1400px;
  margin: 0;
  top: 0;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.97);
  border: medium none;
  box-shadow: 0px 10px 10px -14px rgb(200, 200, 200);
  box-shadow: 0px 10px 10px -14px rgba(200, 200, 200, 0.7);
  /*     box-shadow: 0px 5px 7px -10px rgba(200, 200, 200, 0.7); */
  transition: all 200ms ease-in-out;
}

.header-left {
  display: table;
}
.header-left > * {
  display: table-cell;
  vertical-align: middle;
}
.header .logo {
  float: left;
  max-height: 54px;
  margin: 0 0;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  font-size:1.3em;
  cursor: pointer;
  transition: all 200ms ease-in-out;
}

.header.small {
  padding-top: 0;
  padding-bottom: 0;
  font-size: inherit;
}

.header .logo.logo2 {
  max-width: 100%;
  max-height: 100%;
}

.header .logo img {
  max-width: 100%;
  max-height: 100%;
}

.header .navbar-form .input-group > .form-control,
.header .navbar-form .input-group > .input-group-addon {
  border-color: rgb(240, 240, 240);
}
.header .navbar-form .input-group > .input-group-addon {
  width: 43px;
  padding: 0;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0 3px 3px 0;
}

.header .navbar-form .input-group .input-sm {
  height: 30px;
  line-height: 1.5;
  padding: 5px 10px;
  border-radius: 3px 0 0 3px;
  font-size: 12px;
  border-right: none;
}

.header .nav-block {
  justify-content: end;
  align-items: center;
}

.header .nav.navbar-nav.navbar-right {
  display: flex;
  flex-direction: row;
  margin: 0 -15px 0 40px;
}

.header .nav-block .course-search {
  flex: 1 1 auto;
}

.header .nav-block .nav-container {
  flex: 0 0 auto;
}
.header .nav-block .course-search .form-group {
  padding: 10px 0;
  margin-bottom: 0;
}

.header .nav > li {
 padding: 10px 8px;
}

.header .nav > li > a.kw-tooltip {
  width: 32px;
  height: 32px;
  display: inline-block;
}

.header .nav > li > a:focus,
.header .nav > li > a:hover {
  background-color: transparent
}

.header .nav>li>a>i {
  font-size: 1.2em;
  background-color: rgb(240, 240, 240);
  border-radius: 100%;
  width: 2em;
  height: 2em;
  vertical-align: middle;
  line-height: 2em;
}

.header .nav > li > a > span {
  display: none;
}

.header .meta {
  display: table;
  position: relative;
  top: 10px;
  float: right;
}

.header .meta > * {
  display: table-cell;
  vertical-align: middle;
}

.header .meta .link {
  position: relative;
  float: left;
}

.header .meta .links a {
  color: #ccc;
  padding: 10px;
  line-height: 45px;
  text-decoration: none;
  font-weight: 500;
}

.header .search {
  display: block;
  height: 45px;
  width: 45px;
  vertical-align: top;
  line-height: 44px;
  text-align: center;
  font-size: 20px;
  float: left;
  text-decoration: none;
  cursor: pointer;
}

.header .search:after {
  content: "\f002";
  font-family: "FontAwesome";
}

.header.search-opened .search:after {
  content: "\f00d";
}

.header.search-opened .meta .links {
  display: none;
}

.square {
  position: relative;
  display: inline-block;
  width: 100%;
}

@media screen and (max-width: 992px) {
  .square {
    height: 200px;
  }
}

.square:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.square > * {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.teaser-wrapper > img {
  width: 100%;
}

.teaser {
  position: relative;
}

.teaser .inner {
  display: block;
  position: absolute;
  bottom: 2em;
  left: 2em;
  right: 2em;
  vertical-align: bottom;
}

.teaser .box {
  background: #fff;
  background: rgba(255, 255, 255, .9);
  padding: 20px 22px;
  max-width: 500px;
  display: inline-block;
}

.teaser .box p {
  margin: 15px 0 0;
  font-size: 16px;
}

div.company_contact_info {
  margin: 15px 0;
}

.login-form .forgot-password.pull-right {
  padding-top: 0.5em;
  padding-right: 1em;
}

.login-footer {
  text-align: center;
  font-size: 12px;
}

.login-footer .disclaimer {
  text-align: center;
}

.divider-with-text {
  width: 100%;
  height: 10px;
  border-bottom: 1px solid black;
  text-align: center;
  margin: 20px 0 10px;
}

.divider-with-text span {
  background-color: #fff;
  padding: 0 10px;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.content {
  padding: 20px;
}

.mobile-sidebar {
  margin: 52px 0 0 0;
}
.mobile-sidebar .navbar-nav {
  margin: 7.5px -15px;
}

#filter_sidebar {
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  position: absolute;
  height: 100%;
}

#filter_sidebar.open {
  transform: translateX(0);
}

.content .sidebar {
  border-right: 1px solid #ccc;
  font-size: 14px;
}

.content .sidebar > * {
  overflow: hidden;
}

.content .sidebar #reset-search-filter {
  float: right;
  color: rgb(153, 153, 153);
  padding: 0;
  border: none;
  background: none
}

.content .sidebar #reset-search-filter > * {
  font-size: 0.9rem;
  vertical-align: baseline;
}

.content .sidebar .facet-group {
  margin-bottom: 1em;
}

.content .sidebar .facet-group ul,
.content .sidebar .facet-group ul li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.content .sidebar .facet-group ul li a {
  margin: 0;
  padding: 4px 0;
  display: block;
  color: #999;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 30px;
  position: relative;
  text-decoration: none;
}

.content .sidebar .facet-group ul li a .kw-icon:before {
  opacity: 1;
  text-align: left;
}

.content .sidebar .facet-group ul li.selected a {
  color: #333;
}

.no-touch .content .sidebar .facet-group ul li a:hover,
.no-touch .content .sidebar .facet-group ul li.selected a:hover {
  color: #666;
  text-decoration: none;
}

.content .sidebar .facet-group ul li a .kw-icon {
  font-size: 18px;
  vertical-align: -2px;
}

.content .sidebar .facet-group ul li a .fa {
  margin: 3px 3px 4px 0;
}

.content .sidebar .facet-group ul li a .kw-label {
  position: absolute;
  top: 6px;
  right: 0px;
}

.content .sidebar .facet-group .disclaimer {
  font-size: 0.8em;
  color: #ccc;
}

.content .sidebar .facet-group .disclaimer div {
  display: inline-block;
}

.content .sidebar .facet-group .disclaimer div a {
  color: #ccc;
}

.content .sidebar .facet-group .disclaimer .pipe {
  padding : 0px 10px;
}
.list-group {
  box-sizing: border-box;
  position: relative;
  padding: 4px 0 4px 150px;
  margin: 1px 0;
  clear: both;
  width: 100%;
  font-family: Helvetica,Verdana,Arial,sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333;
  display: block;
}

.list-group .content {
  line-height: 1.42857;
  padding: 5px 0 0;
  vertical-align: middle;
  max-width: 100%;
  font-family: Arial,sans-serif;
  color: #333;
}

.list-group label {
  float: left;
  margin-left: -150px;
  padding: 6px 0 0;
  position: relative;
  text-align: right;
  width: 135px;
  word-wrap: break-word;
  color: #666;
}

.stream .kw-label.completed {
  border-color: rgba(109, 144, 72, .3);
  color: #6d9048;
}

.kw-button .kw-label {
  text-shadow: none;
}

.kw-label-pills {
  padding: 0 0 12px 58px;
}

@media screen and (max-width: 992px) {
  .kw-label-pills {
    padding: 0 0 12px 0;
  }
}

@media screen and (max-width: 470px) {
  .pill-cursor {
    display: none;
  }
}

.kw-label-pills > div.pill {
  display: inline-block;
  text-align: center;
  position: relative;
  padding: 2px;
  cursor: pointer;
}

.kw-label-pills .pill .pill-cursor {
  width: 10px;
  height: 10px;
  border-width: 1px;
  color: transparent;
  background-color: transparent;
  border-color: transparent;
  -webkit-transform: rotate(45deg) translateX(-50%);
  -moz-transform: rotate(45deg) translateX(-50%);
  -o-transform: rotate(45deg) translateX(-50%);
  transform: rotate(45deg) translateX(-50%);
  position: absolute;
  border-style: solid;
  bottom: -19px;
  z-index: 1;
  left: 50%;
}

.kw-label-pills .pill:not(.pill-active) span {
  background-color: #999999;
  border-color: #999999;
}


.kw-label-pills .pill.pill-active div.pill-cursor {
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-left-color: #ccc;
  border-top-color: #ccc;
  background-color: rgb(245,245,245);
}


.kw-label-pills .pill.disabled  a {
  cursor: default;
  pointer-events: none;
}

.kw-label-pills .pill.disabled:not(.pill-active) {
  opacity: 0;
  pointer-events: none;
}

.pill-hr {
  height: 0;
  border: none;
  border-bottom: 1px solid #ccc;
  width: 100%;
  position: relative;
  margin: 0;
  margin-top: 10px;
}



.stream ul.results,
.stream ul.results > li,
ul.results,
ul.results > li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.stream ul.results > li,
ul.results > li {
  padding-bottom: 2em;
  border-bottom: 1px solid rgb(238, 238, 238);
  margin-bottom: 2em;
}

.stream h2 {
  line-height: 1.3;
  margin-top: 8px;
  margin-bottom: 4px;
}

.poll-hint {
  margin: 0 0 15px 0;
}

/* BEGIN COMMENT */

.stream .comments-container {
  padding-top:  15px;
}

.stream .comment-editor {
  display: none;
}

.stream .comment,
.stream .comment-editor.active {
  display: flex;
  width: 100%;
}

.stream .comment .comment-content,
.stream .comment-editor .comment-editor-content {
  width: 100%;
}

.stream .comment .comment-editor {
  margin-bottom: 8px;
}

.stream .comment .comment-editor .comment-editor-add-text,
.stream .comment .comment-editor .comment-editor-add-attachment {
  background-color: #fff;
}

.stream .comment .comment-avatar,
.stream .comment-editor .comment-editor-avatar {
  margin-right: 8px;
  width: 32px;
}

.stream .comment .comment-content {
  margin-bottom: 10px;
  background-color: rgb(245,245,245);
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 8px;
}

.stream .comment .comment-content .comment .comment-content {
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border: 1px solid #e3e3e3;
  padding: 5px 8px;
}

.stream .comment.selected-comment > .comment-content {
  /*-webkit-box-shadow: 0px 0px 20px 0px #0086b1;*/
  /*-moz-box-shadow: 0px 0px 20px 0px #0086b1;*/
  /*box-shadow: 0px 0px 20px 0px #0086b1;*/
  border: 2px solid #0086b1 !important;
  background-color: #fff;
}

.stream .comment .comment-content .comment-anchor {
  position: relative;
  top: -100px;
}

.stream .comment .comment-content .comment-info {
  margin-left: 0;
}

.stream .comment .comment-content .comment-info .comment-author-action {
  display: none;
}

.stream .comment:active .comment-content .comment-info .comment-author-action,
.stream .comment:hover .comment-content .comment-info .comment-author-action {
  display: inline;
}

.stream .comment .comment .comment-content .comment-info .comment-author-action {
  display: none;
}

.stream .comment .comment:active .comment-content .comment-info .comment-author-action,
.stream .comment .comment:hover .comment-content .comment-info .comment-author-action {
  display: inline;
}

.stream .comment .comment-content .comment-action {
  padding-right: 4px;
}

.stream .comment .flowplayer {
  min-width : 300px;
  min-height : 169px;
}

.stream .comment-results .more-comments-toggle {
  padding-left: 40px;
  cursor: pointer;
}

.stream .comment-results .more-comments-toggle .comment-amount {
  cursor: default;
  margin-right: 15px;
}

.stream .comment-results .more-comments-toggle i.refresh:not(.busy) {
  display: none;
}

/* COMMENT EDITOR */

.stream .comment-editor .comment-editor-content .comment-editor-input {
  display: table;
  border-spacing: 0;
  width: 100%;
}

.stream .comment-editor .comment-editor-content .comment-editor-add {
  display: table-row;
}

.stream .comment-editor .comment-editor-content .comment-editor-add-text,
.stream .comment-editor .comment-editor-content .comment-editor-add-attachment {
  display: table-cell;
}

.stream .comment-editor .comment-editor-content .comment-editor-add-text {
  border: 1px solid #e3e3e3;
  border-bottom-left-radius: 8px;
  border-right: none;
}

.stream .comment-editor .comment-editor-content .comment-editor-add-text textarea {
  border: none;
  resize: none;
  width: 100%;
  height: 0;
  min-height: 30px;
  max-width: 100%;
  padding: .5em 8px 0 8px;
  background-color: transparent;
}

.stream .comment-editor .comment-editor-content .comment-editor-add-text textarea::placeholder {
  color: #bdbdbd;
}

.stream .comment-editor .comment-editor-content .comment-editor-add-text textarea:focus,
.stream .comment-editor .comment-editor-content .comment-editor-add-text textarea:active {
  border: none;
  outline: none;
}

.stream .comment-editor .comment-editor-content .comment-editor-add-attachment {
  width: 30px;
  padding: 3px 10px 0 10px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #e3e3e3;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: none;
  cursor: pointer;

}

.stream .comment-editor .comment-editor-content .comment-editor-add-attachment label {
  margin: 0;
}

.stream .comment-editor .comment-editor-content .comment-editor-add-attachment i {
  color: #bdbdbd;
  font-size: 150%;
  cursor: pointer;
}


.stream .comment-editor .comment-editor-content .comment-editor-add-attachment:hover {
  background-color: rgb(240,240,240);
}


/* LABELS / ICONS */

.stream .comment-results .more-comments-toggle .comment-amount,
.stream .comment .comment-info,
.stream .comment .comment-info a,
.stream .comment .comment-action a {
  color: #ababab;
  margin-bottom: 4px;
}

.stream .comment .comment-info .popup-info-block a {
  color: #333;
}

.stream .comment .comment-action a span {
  font-size: 12px;
}

.stream .comment .comment-info a:hover,
.stream .comment .comment-action a:hover,
.stream .comment .comment-content .comment-message > p > a {
  color: #777;
}

.stream .comment .comment-info .comment-info-owner,
.stream .comment .comment-info .comment-info-date {
  font-size: 11px;
  text-transform: uppercase;
  font-style: italic;
}

.stream .comment .comment-info .comment-info-likes,
.stream .comment .comment-info .comment-info-comments {
  font-style: italic;
}

.stream .comment-results .more-comments-toggle,
.stream .comment .comment-info .comment-info-owner,
.stream .comment .comment-info .comment-info-lock,
.stream .comment .comment-info .comment-info-likes,
.stream .comment .comment-info .comment-info-comments {
  /* System-Farbe */
}

.stream .comment .comment-info span.hide-comment-info {
  display: none;
}

.stream .comment .comment-info .comment-info-date,
.stream .comment.is-private .comment-info .comment-info-lock {
  padding-right: 10px;
}

.stream .comment .comment-action a {
  padding-left: 10px;
}

.stream .comment:not(.is-private) .comment-info .fa-lock,
.stream .comment.self-liked .comment-action .like-comment .fa-thumbs-o-up,
.stream .comment:not(.self-liked) .comment-action .like-comment .fa-thumbs-up {
  display: none;
}

.stream .comment .comment.is-private .comment-info .fa-lock,
.stream .comment .comment:not(.self-liked) .comment-action .like-comment .fa-thumbs-o-up,
.stream .comment .comment.self-liked .comment-action .like-comment .fa-thumbs-up {
  display: inline;
}

.stream .comment .comment-content .comment-message {
  display: inline-block;
  word-wrap: break-word;
}

.stream .comment .comment-content .comment-message > p {
  margin-bottom: 4px;
}

.stream .comment .comment-content .comment-message > p > a{
  word-break: break-all;
}

.stream .comment .comment-content .attachments-download {
  margin: 0;
}

.stream .comment .comment-content .attachments-download .attachment {
  margin: 0 0 5px 5px;
}

.stream .comment .comment-content .attachments-download .attachment.is-file:before {
  border-top: 15px solid rgb(240,240,240);
  box-shadow: -1px 1px 0 1px rgb(240,240,240);
}

.stream .comment .comment .comment-content .attachments-download .attachment.is-file:hover {
  background-color: #fff;
}

/* COMMENT EDITOR */

.stream .my-comment .kw-textarea {
  resize: vertical;
}

.stream .my-comment.force {
  display: table;
}

.stream .my-comment-toolbar .checkbox-private-comment,
.stream .my-comment-toolbar .checkbox-private-comment label {
  display: inline-block;
}

.stream .my-comment .attachment-file-list.no-attachments {
  display: none;
}

.stream .my-comment-toolbar .private-comment-lock-text {
  display: flex;
  font-size: 12px;
}

.comment .kw-select {
  position: absolute;
}

.my-comment.in-edit-mode .submit-comment,
.my-comment .update-comment {
  display: none;
}

.my-comment.in-edit-mode .update-comment {
  display: inline-block;
}

.btn.submit-comment .submit-spinner,
.btn.update-comment .submit-spinner {
  display: none;
  margin-right: 5px;
  font-size: 12px;
  line-height: inherit;
}

.btn.submit-comment .submit-spinner.active,
.btn.update-comment .submit-spinner.active {
  display: inline-block;
}


.comments-container .label-set.comment-info {
  display: inline-block;
}

.no-comments-text {
  display: none;
}

.cancel-comment {
  display: none;
}

.stream .message.force,
.stream .comment.force {
  display: table;
}

/* END COMMENT */

.stream .kw-search-links,
.chat .kw-search-links {
  margin-top: 12px;
}

.stream .kw-search-links .kw-button,
.chat .kw-search-links .kw-button {
  margin-top: 3px;
}

.message .kw-page-item.avatar,
.my-comment .kw-page-item.avatar {
  padding-left: 0;
  padding-right: 0;
  width: 34px;
}

.load-more-spinner {
  padding: 1em !important;
  text-align: center;
  color: rgba(200, 200, 200, 0.5);
  background-color: rgb(250, 250, 250);

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,fafafa+100&0.5+0,0.65+100 */
  /* background: -moz-linear-gradient(top,  rgba(250,250,250,0.3) 0%, rgba(250,250,250,0.7) 100%); FF3.6-15 */
  /* background: -webkit-linear-gradient(top,  rgba(250,250,250,0.3) 0%,rgba(250,250,250,0.7) 100%); Chrome10-25,Safari5.1-6 */
  /* background: linear-gradient(to bottom,  rgba(250,250,250,0.3) 0%,rgba(250,250,250,0.7) 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80fafafa', endColorstr='#a6fafafa',GradientType=0 ); IE6-9 */

}

.kw-button.kw-button-primary:focus,
.kw-button.kw-button-primary:hover,
.kw-button.kw-button-primary:active,
.kw-button.kw-button-primary.active {
  box-shadow: 0 0 3px rgba(43, 43, 43, .8);
}

.kw-button.kw-button-primary,
.kw-button.kw-button-primary:visited,
.kw-button.kw-button-primary:focus,
.kw-button.kw-button-primary:hover,
.kw-button.kw-button-primary.active {
  border-color: #000;
  border-color: rgba(0, 0, 0, .4);
  box-shadow: 0 -15px 15px -15px rgba(0, 0, 0, .2) inset, 0 25px 25px -25px rgba(255, 255, 255, .4) inset;
  background: none;
}

.form-control:focus {
  border-color: #ccc;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus,
.btn:active {
  outline: none !important;
}


.btn-default {
  background-color: #fff;
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid rgb(204, 204, 204);
  background-color: rgb(250, 250, 250);
  background-image: none;
}

.interacted:invalid {
  border: 1px solid red;
}

.interacted:valid {
  border: 1px solid green;
}

#file {
  position: absolute;
  left: -9999em;
}

.badges .kw-avatar {
  background: #f5f5f5;
}

.match-type-list .btn-link {
  text-align: left;
}

.report-filter .kw-form-group,
.match-type-list .kw-form-group {
  padding-left: 200px;
}

.report-filter .kw-form-group > label:first-child,
.match-type-list .kw-form-group > label:first-child {
  width: 185px;
  margin-left: -200px;
}

.minireport-container {
  display: none;
  position: relative;
  border-radius: 8px;
  padding: 8px;
  background-color: rgb(245, 245, 245);
  transition: none !important;
}

.minireport-container-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.minireport-container-spinner i.fa-circle-o-notch {
  color: rgba(200, 200 ,200, .95);
}

.minireport-container .minireport-action {
  color: #ababab;
  font-size: 12px;
  padding-left: 10px;
  /*margin-bottom: 4px;*/
}

.minireport-container .minireport-action:hover {
  color: #3A3A3A !important;
}

.minireport-data .minireport-links > div > div {
  margin-right: 5px;
}

.kw-avatar {
  overflow: hidden;
}

.kw-avatar img,
.kw-avatar.kw-avatar-small img,
.kw-avatar.kw-avatar-medium img,
.kw-avatar.kw-avatar-large img {
  height: auto;
  border-radius: 0;
}

.kw-avatar-text {
  border-radius: 0;
  display: inline;
  border: none;
  cursor: pointer;
}

#passwords-do-not-match.hide {
  display: none;
}

#menu .active a {
  color: #333;
}

.hint-text {
  color: #ccc;
}

.text-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.text-list .avatar {
  width: 44px;
  padding-right: 0;
}

.text-list .small-thumb {
  width: 52px;
  padding-right: 0;
  padding-left: 0;
}

.text-list .small-thumb .kw-preview-image img {
  border-width: 2px;
}

.text-list a {
  text-decoration: none;
}

.text-list a .title {
}

.kw-input.kw-input-date {
  width: 105px;
}

.kw-page-item.persons .person .label {
  color: #999;
}

.kw-page-item.result {
  vertical-align: middle;
}

.file-input {
  display: none;
}

.kw-form-group.upload-group .kw-form-info {
  display: inline-block;
  padding-left: 5px;
}

.content .sidebar .contacts.facet-group .kw-avatar {
  vertical-align: top;
}

.content .sidebar .contacts.facet-group ul {
  margin-top: 8px;
}

span.lastmessages.name {
  color: #333;
}

span.lastmessages.text {
  font-size: smaller;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.lastmessages {
  float: left;
  margin-right: 5px;
  margin-top: 3px;
}

.clear-search {
  text-decoration: none;
}

.kw-form-group label ~ p {
  padding: 7px 0 0;
  margin: 0;
  color: #666;
}

#addContentButtonContainer .choice {
  display: none;
  position: relative;
}

#addContentButtonContainer .attachment-droparea {
  display: block;
  /* 	background: rgb(240, 240, 240) none repeat scroll 0% 0%; */
  border: 2px dashed rgb(200, 200, 200);
  min-height: 3.5em;
  padding: 0.5em 0.5em 0.3em;
  cursor: pointer;
  margin-top: 8px;
}



#addContentButtonContainer .kw-form-required {
  position: absolute;
  left: -9999em;
}

.in-edit-mode #addContentButtonContainer .kw-form-required {
  display: none;
}

.kw-page-group > .kw-page-item.item-right {
  text-align: right;
}

.kw-page-group > .kw-page-item.item-bottom {
  vertical-align: bottom;
}

.kw-page-group.recommendation{
    background: rgb(245, 245, 245);
    border-radius: 2px;
    margin-top:20px;
    margin-bottom: 10px;
}

.recommendation .kw-page-item{
    padding:10px 20px 16px 20px;
}

.recommendation .headline p{
    text-transform: uppercase;
    text-align: center;
}

.recommendation i{
    cursor:pointer;
}

.recommendation h2 {
    margin: 0;
    margin-bottom: 7px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recommendation .first-column{
    border-right:1px solid lightgrey;
    padding-right:20px;
}

.recommendation .column{
    padding-left:20px;
}

.teaser,
.kw-button.kw-button-primary,
.kw-button.kw-button-primary.active,
.kw-button.kw-button-primary:active,
.kw-button.kw-button-primary:visited,
.kw-button.kw-button-primary:focus,
.kw-button.kw-button-primary:hover {
  background-color: #4f70b5;
}

.kw-icon-success {
  color: #4f70b5;
}

.kw-button, .more-comments, a {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

table a {
  -webkit-user-select: text;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}

#backToTop {
  display: none;
  bottom: 16px;
  right: 14px;
  position: fixed;
  font-size: 2.5em;
  cursor: pointer;
  z-index: 1000;
}

/* Bootstrap customizations */
label {
  font-weight: normal;
  display : block;
  font-size: 0.9em;
  color : #666;
  margin-bottom: .5rem;
}

label.dark {
  color : #333;
}

.form-group > label:nth-of-type(1),
.form-group-container > label:nth-of-type(1),
.form-groups-inline > label:nth-of-type(1) {
  margin-bottom: .25rem;
}

.form-group > label.margin-bottom {
  margin-bottom: 15px;
}

textarea.form-control.vresize {
  resize: vertical;
}

textarea.form-control.hresize {
  resize: horizontal;
}

a.no-underline, a.no-underline:hover, a.no-underline:focus {
  text-decoration: none;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  border-bottom-color: transparent;
}

.form-group .kw-form-group {
  display: inline-block;
  width: auto;
  clear: none;
  float: left !important;
  padding: 4px 0 4px 50px;
}

.kw-form-group-container {
  position: relative;
}

.kw-form-group-container > .kw-form-group {
  padding-left: 35px;
}

.kw-form-group-collapse {
  top: -2em;
}

.posten .form-control {
  border: none;
}

.form-control,
.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-control.kw-input-color {
  padding-left: 25px !important;
  width: 90px !important;
  height: inherit !important;
}

.kw-select.invalid ul {
  border-color: #a94442 !important;
}

.kw-select.invalid ~ span.help-block.invalid {
  display: block !important;
  color: #a94442;
}

.stream .row {
  position: relative;
}

.navbar-toggle {
  float: left;
}

.navbar-toggle .icon-bar {
  background-color: rgb(100, 100, 100);
}

.navbar-collapse.collapsing {
  height: auto;
  width: 0;
  padding-right: 0;
  -webkit-transition-property: width, visibility;
  -o-transition-property: width, visibility;
  transition-property: width, visibility;
  -webkit-transition-duration: .35s;
  -o-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}

.navbar-collapse.collapse.in {
  height: auto;
  width: 100%;
}

.navbar-nav .open .dropdown-menu {
  position: absolute;
  top: 54px;
  float: right;
  background-color: white;
  border: 1px solid rgba(0,0,0,.15);
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
}

.navbar-nav .dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  line-height: 1.42857143;
  white-space: nowrap;
}
.navbar-nav .dropdown-menu>li.active>a {
  color: white;
}

.navbar-nav.navbar-mobile > li > a {
  padding: 10px 15px;
  line-height: 20px;
  display: block;
}

.progress {
  position: relative;
}

.progress span.caption-fullwidth {
  position: absolute;
  display: block;
  width: 100%;
  color: black;
}

.nav-pills > li > a,
.nav-pills .nav-link {
  border-radius: 0;
}

.nav-pills:not(.nav-stacked) > li > a {
  border-bottom: 2px solid rgb(245, 245, 245);
}

.nav-pills:not(.nav-stacked) > li,
.nav-pills:not(.nav-stacked) > li > a{
  display: block;
}

.nav-pills:not(.nav-stacked) > li > a.active,
.nav-pills:not(.nav-stacked) > li > a.active:focus,
.nav-pills:not(.nav-stacked) > li > a.active:hover {
  color: inherit;
  background-color: transparent;
  border-bottom-color: rgb(51, 122, 183);
}
.nav-pills.nav-stacked {
  display: block;
}

.nav-pills.nav-stacked > li > a {
  padding: 6px 15px;
  display: block;
  margin-bottom: 5px;
}

.nav-pills.nav-stacked > li > a.active {
  color: white;
}

.nav-pills>li+li {
  margin-left: 2px;
}

.nav-pills>li>a {
  padding: 10px 15px;
}
/* general select2 customizations */

.select2-container-multi .select2-choices,
.kw-select .select2-choices, .kw-select.select2-container-active .select2-choices,
.kw-select.select2-drop-above.select2-dropdown-open .select2-choices {
  height: auto;
  min-height: 34px;
  border: 1px solid rgb(204, 204, 204);
  border-radius: 4px;
  padding-top: 2px !important;
  padding-right: 20px !important;
  background-image: none;
  box-shadow: none;
}

.kw-select .select2-choice, .kw-select .select2-choices,
.kw-select.select2-container-active .select2-choices,
.kw-select.select2-drop-above.select2-dropdown-open .select2-choice,
.kw-select.select2-drop-above.select2-dropdown-open .select2-choices {
  height: 34px;
  border: 1px solid rgb(204, 204, 204);
  border-radius: 4px;
  background-image: none;
  box-shadow: none;

}

.kw-select .select2-choices,
.kw-select.select2-container-active .select2-choices,
.kw-select.select2-drop-above.select2-dropdown-open .select2-choice,
.kw-select.select2-drop-above.select2-dropdown-open .select2-choices {
  padding: 5px 8px;
}

.kw-select .select2-choice {
  padding: 5px 8px;
}

.kw-select.notification-type li.select2-result.select2-disabled {
  display : none;
}

.has-error .kw-select .select2-choice {
  border: 1px solid #a94442;
  color: #a94442;
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid rgb(204, 204, 204);
  background-color: rgb(250, 250, 250);
  background-image: none;
}

.select2-container-multi .select2-choices .select2-search-choice {
  border: none;
  padding: 5px 18px 5px 5px;
  line-height: 1em;
  background-image: none;
  background-color: rgb(204, 204, 204);
  box-shadow: none;
}

.kw-select .select2-choices .select2-search-choice-close {
  top: 5px;
}

.select2-container-multi .select2-choices .select2-search-choice.select2-locked {
  padding: 5px 5px 5px 5px !important;
  opacity: 0.5;
}

.kw-select.matchtypes.select2-drop .select2-results li.select2-result-unselectable.select2-result-with-children > .select2-result-label {
  display: block;
  margin-bottom: 0.5em;
  margin-top: 2px;
  border-bottom: 1px solid rgb(240, 240, 240);
  background: transparent none repeat scroll 0% 0%;
  font-size: 1em;
  font-weight: normal;
}

.kw-select.matchtypes.select2-drop .select2-results li .select2-result-label {
  display: inline-block;
  border-radius: 4px;
  padding: 2px 6px;
  background: rgb(204, 204, 204);
}

.kw-select.matchtypes.select2-drop .select2-results li.select2-highlighted {
  background: rgb(240,240,240);
}

.select2-search-choice.disabled > div {
  color: #999;
  font-style: italic;
}

li.select2-result.disabled {
  display : none;
}

.multiselect-dropdown .dropdown-btn {
  outline: none;
}

.multiselect-dropdown .dropdown-btn .dropdown-down {
  top: 5px !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
}

.multiselect-dropdown .dropdown-btn .dropdown-up {
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
}

.multiselect-dropdown .dropdown-btn .selected-item {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.multiselect-dropdown .dropdown-list .multiselect-item-checkbox input:checked + div:before {
  -webkit-animation: none !important;
  animation: none  !important;
}

.input-group-addon + .kw-select > a.select2-choice /*make kw-select work with form-addons*/
{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.posten .input-group-addon:first-of-type {
  background-color: transparent;
  border-color: transparent;
}

/* readonly match types (same style as items of select2 box) */
ul.match-types.read-only {
  padding: 0 2px 0;
  opacity: 0.6;
}

ul.match-types.read-only:after {
  content: '';
  display: block;
  clear: both;
}
ul.match-types.read-only li {
  float: left;
  border: none;
  margin: 2px 2px 0;
  padding: 5px 5px 5px 5px;
  line-height: 1em;
  background-image: none;
  background-color: rgb(204, 204, 204);
  box-shadow: none;
  border-radius: 2px;
}
div.match-types-label.read-only {
  display: inline-block;
  border-bottom: 1px solid rgb(204,204,204);
  color: rgb(204,204,204);
  margin-bottom: 2px;
}

/* jQuery DataTable customizations */
.dataTables_filter {
  display: none;
}

table.dataTable thead th {
  border: none !important;
  background-color: rgb(245, 245, 245);
  font-weight: 500 !important;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background-position: 100% 7px !important;
  white-space: nowrap;
  vertical-align: top;
}

table.dataTable thead th,
table.dataTable thead td {
  padding: 6px !important;
}

table.dataTable tbody td {
  border-bottom: 1px solid rgb(245, 245, 245);
  padding: 6px !important;
}

.dataTables_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background-image: none;
  background-color: rgb(240, 240, 240);
  border: 1px solid rgba(200, 200, 200, 0.5);
}

.dataTables_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-image: none;
  background-color: rgb(245, 245, 245);
  border: 1px solid rgba(200, 200, 200, 0.5);
  color: black !important;
}

/* --------- */
/*
 * Style tweaks
 * --------------------------------------------------
 */

a:hover,
.course-content .hashtag,
.comment-content .hashtag {
  cursor: pointer;
}
a:hover, a:active, a.focus {
  text-decoration: none;
}

.stream .todo-list-wrapper {
  display: table;
  width: 100%;
  height: 6em; /*acts as min-height for tables*/
  margin-bottom: 2em;
  border-bottom: 1px solid rgb(240, 240, 240);
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
}

.stream .todo-list-wrapper .todo-list-left {
  position: relative;
  display: table-cell;
  width: 10%;
  min-width: 110px;
  padding: 0.5em;
  vertical-align: top;
  background: rgb(240, 240, 240);
  color: grey;
  /* 	border-bottom-right-radius: 1.5em; */
}

.todo-list-left .label-set {
  position: absolute;
  bottom: 25px;
  left: -15px;
}

.stream .todo-list-wrapper .todo-list-right {
  display: table-cell;
  width: 80%;
  border: 1px solid rgb(240, 240, 240);
}

.stream .todo-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.stream .todo-list-wrapper .todo-list-right a {
  display: block;
  padding: 0.1em 0.1em;
}

.stream .todo-list-wrapper .todo-list-right a:hover,
.stream .todo-list-wrapper .todo-list-right a:focus {
  text-decoration: none;
  color: black;
}

.stream .todo-list-wrapper .todo-list-right .todo-list-item {
  display: block;
}

.stream .todo-list-wrapper .todo-list-item:hover {
  background-color: rgb(250, 250, 250);
}

.stream .todo-list-item div {
  display: inline-block;
  padding: 0.2em 0.5em 0em;
  vertical-align: top;
  box-sizing: border-box;
}

.stream .todo-list-item .todo-list-item-expiration-date {
  position: relative;
  width: 25%;
  min-height: 2em;
  /* 	min-width: 8em; */
  /* 	border-right: 1px solid rgb(213, 213, 213); */
  text-align: right;
  font-weight: 700;
  color: rgb(213, 213, 213);
  text-transform: uppercase;

}

/* .stream .todo-list-item .todo-list-item-expiration-date:before { */
/* 	content:''; */
/* 	position: absolute; */
/* 	right:-7px; */
/* 	top:0.5em; */
/* 	width: 9px; */
/* 	height: 9px; */
/* 	border: 1px solid rgb(213, 213, 213); */
/* 	border-radius: 100%; */
/* 	background-color: white; */
/* } */

.stream .todo-list-item .todo-list-item-text {
  width: 70%;
}

.stream .todo-list-toggle {
  display: block;
  position: absolute;
  bottom: 0.5em;
  right: 0.5em;
  width: 2em;
  height: 2em;
  background-color: rgb(128, 128, 128);
  border-radius: 100%;
  color: rgb(255, 255, 255);
  font-weight: 700;
  text-align: center;
  line-height: 1.9em;
  font-size: 1em;
}

.stream .todo-list-toggle:hover,
.stream .todo-list-toggle:focus {
  text-decoration: none;
}

.stream .todo-list-toggle:hover {
  background-color: #666;
}

.stream .todo-list-toggle .collapsed-text {
  margin-top: 0.05em;
  letter-spacing: -0.05em;
}

.stream .todo-list-toggle:not(.collapsed) .collapsed-text {
  display: none;
}

.stream .todo-list-toggle.collapsed .expanded-text {
  display: none;
}

.search-entry [id^="poll-answers-"],
.meeting-date-container {
  padding-top: 15px;
}

.search-entry a.launch.disabled {
  pointer-events: none;
}

.search-entry .poll-render-panel {
  padding-top: 15px;
  padding-bottom: 0;
}

.recertification-data h3 {
  margin-bottom: 0.5em;
  padding-left: 0.5em;
}

.search-entry .course-content {
  margin-bottom: 15px;
}

.search-entry .course-content .course-description p:last-of-type {
  margin-bottom: 0;
}

.question > table > tbody tr:nth-child(odd), .course-description > table > tbody tr:nth-child(odd){
  background-color: #f9f9f9;
}

.course-description > table {

  width: 100%;
  margin: 18px 0px 18px 0px;
}

.course-description > table > tbody > tr{
  padding: 18px;
  border-top: 1px solid #ddd;
  line-height: 1.42857143;
  vertical-align: middle;
}

.course-description > table > tbody > tr > td{
  padding: 8px 8px 8px 0;
}

.question > table {
  margin: 18px 0px 18px 0px;
}


.question > table > tbody > tr {
  padding: 18px;
  border-top: 1px solid #ddd;
  line-height: 1.42857143;
  vertical-align: middle;
}

.question > table > tbody > tr > td {
  padding: 8px 8px 8px 0;
}

.search-entry .course-primary-actions {
  padding-top: 30px;
}

.search-entry .course-primary-actions.meeting {
  padding-top: 0;
}

.search-entry .course-primary-actions .mark-viewed.viewed {
  display: none;
}

.search-entry .toolbar {
  padding: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.search-entry .toolbar .toolbar-dropdown-container {
  padding-left: 5px;
}

.search-entry .toolbar .toolbar-button-container div.toolbar-button {
  display: inline-block;
}

.search-entry .toolbar .toolbar-button-container .toolbar-button {
  padding-right: 15px;
}

.search-entry .toolbar .toolbar-button.dropdown-toggle {
  padding: 0;
}

.search-entry .toolbar > div.pull-right a[role="button"].disabled{
  pointer-events: none;
  cursor: not-allowed;
  opacity: .45;
  filter: alpha(opacity=45);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.search-entry .toolbar a:hover {
  text-decoration: none;
}

.search-entry .toolbar .likes {
  margin-right: 5px;
}

.search-entry .toolbar .like-course.self-liked .fa-thumbs-o-up,
.search-entry .toolbar .like-course:not(.self-liked) .fa-thumbs-up {
  display: none;
}

.search-entry .toolbar .dropdown-toggle {
  text-decoration: none !important;
}

.search-entry .toolbar .dropdown-menu {
  margin: 0;
  padding: 5px 0;
  left: auto;
  right: auto;
  border-color: #ddd;
}

.search-entry .toolbar .dropdown-item {
  display: block;
  padding: 5px 10px;
  white-space: nowrap;
}
.search-entry .toolbar .dropdown-item span {
  padding-left: 5px;
  white-space: pre;
}

.search-entry .toolbar .dropdown-item:hover {
  background-color: #ddd;
}

/* collapse-toggle */
.collapse-toggle.collapsed .text-more,
.collapse-toggle .text-less {
  display: inline;
}

.collapse-toggle .text-more,
.collapse-toggle.collapsed .text-less {
  display: none;
}

/* ADMIN - user search */
#user-list-results .match-value-list {
  margin-top: 5px;
  font-size: 0.8rem;
}

.match-value-list .match-value-entry,
#user-list-results .match-value-list {
  color:#666
}

.match-value-list td {
  vertical-align: top;
}

.match-value-list .match-value-entry {
  display: inline-block;
  background: rgba(233,233,233,0.5);
  padding:2px 3px 0;
  margin:0 1px 4px;
  border-radius:3px;
}

#matchtypesSynchronize {
  position: absolute;
  right: -0.7rem;
  bottom: 1.7rem;
  z-index: 1;
  cursor: pointer;
}

/* ADMIN - user edit */
#userform .tab-content #categories .categories-container.disabled {
  opacity: 0.3;
  pointer-events: none;
}

#userform #notifications.tab-pane.active ~ .submit-row {
  display: none;
}

/* ADMIN - course edit */
#modal-notification-edit h3 .title-hint {
  font-size: 1rem;
  color: rgba(100,100,100,0.9);
}

#modal-notification .tab-content {
  position: relative;
}

#modal-notification .additional-info.placeholders {
  margin: 0;
}

#modal-notification .additional-info.placeholders ul {
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.modal-notification-preview {
  margin-top: 2em;
  border: 1px solid rgb(204, 204, 204);
}

.modal-notification-top-panel {
  padding: 0.5em 0.8em;
  background-color: rgba(240,240,240,0.5);
  color: rgba(100,100,100,0.8);
}

.notification-sent-success-text {
  margin-top: 1em;
}

.modal-notification-preview-subject {
  font-size: 1.1em;
  padding: 10px 5px;
  border-bottom: 1px solid rgb(204, 204, 204);
}

.mail-preview-body-html, .mail-preview-body-plaintext {
  max-height: 15rem;
  min-height: 15rem;
  padding: 0.5em;
  /*     margin: 0 0 1em; */
  border: 1px solid rgb(200, 200, 200);
  overflow-y: scroll;
}

.mail-preview-body-html-borderless, .mail-preview-body-plaintext-borderless {
  min-height: 15rem;
  padding: 0.5em;
  overflow-y: scroll;
}

.mail-preview-body-plaintext {
  font-family: courier;
  font-size: 0.9em;
  white-space: pre-line;
}

.notification-switch-html-plain {
  /* 	position: absolute; */
  /* 	right: 0; */
  /* 	bottom: 0; */
  display: inline-block;
  margin: 2px 0 0;
  background-color: rgb(245, 245, 245);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding: 3px 7px 0;
}

.notification-switch-html-plain.nav > li > a {
  padding: 2px;
  border-radius: 0;
}

.notification-switch-html-plain.nav > li,
.notification-switch-html-plain.nav > li > a {
  display: inline-block;
  position: relative;
  float: none;
  color: rgb(180, 180, 180);
}

.notification-switch-html-plain.nav > li.active > a,
.notification-switch-html-plain.nav > li.active > a:focus,
.notification-switch-html-plain.nav > li.active > a:hover {
  color: black;
  background-color: transparent;
}

.notification-user .kw-select {
  margin-bottom: 1em;
}

#modal-notification-template-subject > input {
  margin: 0.5em 0px;
  font-size: 1.1em;
  font-weight: 700;
}

#modal-notification-template-body-plaintext > textarea,
#modal-notification-template-body-html > textarea {
  max-height: 15rem;
  min-height: 15rem;
}

#modal-notification-template-body-plaintext > textarea {
  font-family: Courier;
  font-size: 0.9em;
}

.modal-notification-statusbar {
  padding: 0.1rem 0.5rem 0;
  background-color: rgba(240,240,240,0.3);
  color: rgba(100,100,100,0.8);
}

/* user learning progress */
#user-learning-progress-container > div.user-learning-progress-header h2 {
  margin-top: 0;
  margin-bottom: 15px;
}
#user-learning-progress-container > div.user-learning-progress-table {
  display: table;
  width: 100%;
}

#user-learning-progress-container > div.user-learning-progress-table > * {
  display: table-cell;
  vertical-align: top;
}

#user-learning-progress-container > div.user-learning-progress-table .nav {
  margin-right: 15px;
}

#user-learning-progress-container .tab-content ul {
  list-style: none;
}

#user-learning-progress-container .tab-content .progress {
  border-radius: 0;
  margin-bottom: 0;
}

#user-learning-progress-container .tab-content .no-results {
  padding: 6px 15px;
  text-align: center;
  background-color: rgb(245, 245, 245);
}

/* circle buttons */
.btn-circle {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  margin-left: 0.2em !important;
  border: 1px solid rgba(200, 200, 200, 0.5);
  border-radius: 100%;
  background-color: rgb(240, 240, 240);
  text-align: center;
  font-size: 1em;
  overflow: hidden;
}

.btn-circle > * {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.btn.btn-image {
  padding : 0;
  border : none;
  border-radius : 0;
}

.btn.btn-image,disabled {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* Stream: Popup to show large preview image*/
.stream .open-popup-preview-image {
  cursor: pointer;
}

.stream .popup-preview-image.active {
  display: block;
}

.stream .popup-preview-image {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(50,50,50,0.9);
}

.stream .popup-preview-image.active {
  display: block;
}

.stream .popup-preview-image .close-btn:before {
  content: '\2716';
}

.stream .popup-preview-image .close-btn {
  position: absolute;
  cursor: pointer;
  right: 20px;
  top: 20px;
  color: rgb(240, 240, 240);
  font-size: 200%;
}

.stream .popup-preview-image .close-btn:active,
.stream .popup-preview-image .close-btn:hover {
  color: rgb(120, 120, 120);
}

.stream .popup-preview-image .preview-image {
  position: absolute;
  width: 100%;
  height: calc(100% - 100px);
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.stream .popup-preview-image .preview-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: 0;
  padding: 0 10px;
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
}

@media (max-width: 991px) {
  .header {
    width: 100%;
    padding: 5px 10px 0;
    margin: 0;
    align-items: center;
  }

  .header .meta {
    top: 0;
  }

  .header .logo {
    height: 2em;
    font-size: 2em;
  }

  /* stream item */
  .kw-avatar-bar {
    position: absolute;
    margin: 0.5em;
    z-index: 3;
  }

  .kw-avatar-bar + .kw-preview-image {
    margin-left: 0;
    border: none;
  }

  .kw-preview-image img {
    border: none;
  }
}

@media (max-width: 767px) {
  .header .nav.navbar-nav.navbar-right {
    margin-left: 0;
    margin-bottom: 0;
  }

  .header.search-opened .logo {
    display: none;
  }

  .header .meta {
    top: 0;
  }

  .header .meta .links a {
    padding: 10px 5px;
    line-height: 39px;
  }

  .header .search {
    width: 35px;
    height: 35px;
    line-height: 34px;
  }

  /* teaser */
  .logged-in .teaser-wrapper {
    display: none;
  }

  .teaser .inner {
    bottom: 1em;
    left: 1em;
    right: 1em;
  }

  .teaser .box {
    padding: 1em;
  }

  .teaser .box h1 {
    font-size: 14px;
  }

  .teaser .box p {
    margin: 5px 0 0;
    font-size: 12px;
  }

  .search-entry .label-set {
    margin-top: 0.3em;
  }

  /* todo list */
  .stream .todo-list-wrapper {
    padding-left: 0;
  }

  .stream .todo-list-wrapper .todo-list-left {
    min-width: 90px;
  }

  .stream .todo-list-left .label-set {
    bottom: 40px;
  }

  .stream .todo-list-item .todo-list-item-expiration-date {
    width: 100%;
    text-align: left;
    min-height: 0;
  }

  .stream .todo-list-item .todo-list-item-text {
    width: 100%;
  }

}

/*
 * Off Canvas
 * --------------------------------------------------
 */

.main-container {
  position: relative;
  overflow: hidden;
}

#stream_container {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#stream_container.sidebar-open {
  margin-left: 25%;
  max-width: 75%;
}

.btn-offcanvas {
  padding-left: 10px;
}

@media screen and (max-width: 991px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left .sidebar-offcanvas {
    left: -27%; /* 6 columns */
    border-right: 1px solid transparent;
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-right.active .sidebar-offcanvas {
    border-left: 1px solid rgb(204, 204, 204);
  }

  .row-offcanvas-right.active .stream {
    right: 0.5em;
    z-index : 80;
  }

  #filter_sidebar {
    transform: none !important;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
  }

  #stream_container.sidebar-open {
    margin-left: 0;
    max-width: initial;
  }

  .row-offcanvas-left.active {
    left: 53%; /* 6 columns */
    width: 50%;
  }

  .row-offcanvas-left.active .sidebar-offcanvas {
    position: fixed;
    margin-top: 54px;
    padding: 14px 0 5px;
    left: 25%;
    background: rgba(255,255,255,0.99);
    border: 2px solid #e5e5e5;
    border-left-color: transparent;
    height: auto;
    max-height: 90%;
    max-height: -webkit-calc(100% - 54px);
    max-height: -moz-calc(100% - 54px);
    max-height: calc(100% - 54px);
    z-index : 1001;
    overflow-y: auto;
    -webkit-transition: margin-top .3s ease;
    transition: margin-top .3s ease;
  }

  .row-offcanvas-left.active .sidebar-offcanvas .sidebar-scroll-container{
    overflow: auto;
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    top: 14px;
  }

  .row-offcanvas-left .sidebar-scroll-content {
    display: none;
  }

  .row-offcanvas-left.active .sidebar-scroll-content {
    display: block;
    padding: 0 15px;
    height: 100%;
  }

  .row-offcanvas-left.active .stream {
    left: 0.5em;
  }

  .row-offcanvas-left.active .stream * .search-entry .col-sm-6 {
    width: 100%;
  }


  /* stream item */
  .row-offcanvas-left.active .stream * .search-entry .kw-avatar-bar {
    position: absolute;
    margin: 0.5em;
    z-index: 1;
  }

  .row-offcanvas-left.active .stream * .search-entry .kw-avatar-bar + .kw-preview-image {
    margin-left: 0;
    border: none;
  }

  .btn-offcanvas {
    padding-right: 0;
    margin-right: 10px;
  }

  .sidebar-offcanvas {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);

    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */

    border-right: 1px solid transparent;
  }
}

@media screen and (max-width: 476px) {
  .content .row-offcanvas.row-offcanvas-left.active {
    left: 117%;
    width: 230%;
  }

  .row-offcanvas-left.active .sidebar-offcanvas {
    left: 40%;
    width: 80%;
  }

  #header-search-container {
    position: fixed;
    margin: 0;
    padding: 0 14px 5px 24px;
    top: 54px;
    left: 0;
    width: 100%;
    background: rgba(240,240,240,0.925);
  }

  #header-search-container .input-group-addon  {
    background: none;
    border: none;
  }

}

/* RIGHT SIDEBAR IN XS */

.control-sidebar {
  display: none;
  position: fixed;
  width: 230px;
  height: auto;
  max-height: 90%;
  max-height: -webkit-calc(100% - 54px);
  max-height: -moz-calc(100% - 54px);
  max-height: calc(100% - 54px);
  overflow-y: auto;
  top: 2px;
  right: 0;
  padding: 0 15px;
  z-index: 1010;
  background: rgba(255,255,255,0.925);
  border: 2px solid #e5e5e5;
  border-right-color: transparent;
  transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
}

.control-sidebar.control-sidebar-open {
  display: inline-block;
}

.control-sidebar .divider {
  margin: 9px;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5
}

.control-sidebar-item {
  padding-left: 25px;
}

.control-sidebar-font {
  font-size: 16px;
}

/* // RIGHT SIDEBAR XS */

/* SIDEBAR TOGGLE BUTTON */

.menutogglerWrapper #menutoggler {
  display: block;
  height: 22px;
  width: 25px;
  position: relative;
}

.menutogglerWrapper #menutoggler div,
.menutogglerWrapper #menutoggler div:before,
.menutogglerWrapper #menutoggler div:after {
  background-color: #ccc;
  width: 25px;
  height: 4px;
  position: absolute;
  top: 9px;
  left: 0;
  border-radius: 1px;
  content: '';
  text-indent: -9999px;
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
}

.menutogglerWrapper #menutoggler div:before {
  top: -8px;
}

.menutogglerWrapper #menutoggler div:after {
  top: 8px;
}

.menutogglerWrapperActive #menutoggler div {
  background-color: transparent;
}

.menutogglerWrapperActive #menutoggler div:before {
  top: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.menutogglerWrapperActive #menutoggler div:after {
  top: 10px;
  transform: translateY(-10px) rotate(-45deg);
  -webkit-transform: translateY(-10px) rotate(-45deg);
}


.filedroparea .activeText {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
}

#fileUploadDescription {
  position: relative;
}

.filedroparea.highlight {
  color: #000000;
  background: #e0e0e0;
}

.filedroparea.highlight p,
.filedroparea.highlight li {
  color: #4f70b5;
}

#thumb {
  position: absolute;
  left: 0;
  right: 0;
  height: auto;
  max-width: 100%;
  width: 100%;
  margin: auto;
  top: 0;
  bottom: 0;
}

/* edit/create post form */
#post-form-wrapper {
  position: relative; /*stay above invisible stream item anchors*/
  margin-left : 60px;
  padding: 20px;
  background: rgb(245, 245, 245);
  border-radius: 2px;
}

#post-form-wrapper:not(.stream-view) {
  padding: 0;
}
#post-form-wrapper:not(.stream-view) #pre-post-form {
  display: none;
}
#post-form-wrapper.force {
  margin-left: -5px;
  padding: 20px 20px 20px 10px;
}

/* new post - link preview image carousel */
#post-form-wrapper .image .spinner {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 2.5em;
  background-color: rgb(230, 230, 230);
  opacity: 0.5;
}

#post-form-wrapper .image .owl-carousel .owl-stage-outer,
#post-form-wrapper .image .owl-carousel .owl-stage,
#post-form-wrapper .image .owl-carousel .owl-item {
  height: 100%;
}

#post-form-wrapper .image .owl-item > div[style*='background-image'] {
  background-size: contain;
  background-color: rgb(230, 230, 230);
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

#post-form-wrapper .image .owl-theme .owl-controls {
  position: absolute;
  bottom: 0;
  width: 100%;
}

#post-form-wrapper .image .owl-theme .owl-controls .owl-nav [class*="owl-"] {
  color: grey;
  background-color: transparent;
  font-size: 1.5em;
}

#post-form-wrapper .image #select-preview-from-carousel > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#post-form-wrapper .image #select-preview-from-carousel-close {
  display: none;
  position: absolute;
  top: 0.2em;
  right: 0.4em;
  z-index: 10;
  font-size: 1.5em;
  color: grey;
  cursor: pointer;
}

img[src=""] {
  display: none;
}

#post-form-wrapper #matchingAudience {
  display: inline-block;
}

#post-form-wrapper #matchingAudience + .kw-hr {
  margin-top : 10px;
}

#post-form-wrapper #matchingAudience:not(.no-pointer-event) {
  cursor: pointer;
}

#post-form-wrapper #matchingAudience i,
#post-form-wrapper #matchingAudience #numberMatchingAudience {
  font-size: 120%;
  line-height: 100%;
}

#post-form-wrapper #matchingAudience #numberMatchingAudience {
  font-weight: 900;
}

#courseNotifyMail-textchange {
  margin-bottom: 20px;
}

/* FEATURE AND FLAGS */

.feature-flag-entry ,
  .voucher-config-entry {  border-bottom: 1px solid rgb(245,245,245);
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-right: 0;
    margin-left: 0;
}

.feature-flag-entry:last-child ,
  .voucher-config-entry:last-child {  border-bottom: none;
}

.feature-flag-entry.required-or-hidden,
.feature-flag-entry-checkbox label.required-or-hidden {
  opacity: 0.5;
}

.feature-flag-entry:hover ,
  .voucher-config-entry:hover {  background-color: rgb(240,240,240);
}

.feature-flag-entry-name ,
  .voucher-config-entry-name {  cursor: pointer;
    padding-top: 4px;
    padding-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 5px;
}

.feature-flag-collapse-text {
  padding-top: 10px;
  padding-left: 15px;
}

.feature-flag-entry-checkbox label ,
  .voucher-config-entry-checkbox label {  background-color: #fff;
}

.feature-flag-entry-info ,
  .voucher-config-entry-info {  color: rgb(120,120,120);
    cursor: pointer;
    padding-top: 0;
    padding-right: 5px;
}

.feature-flag-entry-info .fa ,
  .voucher-config-entry-info .fa {  font-size: 20px;
}

.feature-flag-updated,
.feature-flag-updated-error ,
  .voucher-config-updated,
.voucher-config-updated-error {  padding-right: 5px;
}

.feature-flag-updated-error ,
  .voucher-config-updated-error {  color: #a94442;
}

.feature-or-flag-popup.system-name {
  font-size: 0.65em !important;
  color: rgba(100, 100, 100, 0.8) !important;
}

.feature-or-flag-popup.general label {
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: 1px solid rgb(240,240,240);
  margin-bottom: 10px;
  color: #333;
}

#postControls {
  padding-left: 0;
}

#fileUploadDescription {
  pointer-events: none;
}

.panel.card,
.post-content .panel {
  margin-bottom: 20px;
}

.post-content .label-set .kw-label {
  display: none;
}

.post-content .label-set.label-selected .kw-label {
  display: inline-block;
}

.post-content.isMandatory #label-mandatory,
.post-content[data-content="news"] #label-news,
.post-content[data-content="training"] #label-training,
.post-content[data-content="download"] #label-download,
.post-content[data-content="link"] #label-link,
.post-content[data-content="meeting"] #label-meeting {
  display: inline-block;
}

.no-touch .meta a:hover {
  color: #666;
  text-decoration: none;
}

#chatSidebarContent a,
.filter-item .matchTypeValues {
  position: relative;
}

#contact {
  display: inline-block;
}

#newDate {
  display: none;
}

.filter-item {
  margin-top: 10px;
}

.filter-hr {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

/**
* DEV
*/
#addContentButtonContainer .kw-button,
#droparea {
  -webkit-user-select: none;
}

/*#fileUploadDescription,*/
/*#droparea div,*/
/*#droparea span,*/
/*.posten .filedroparea:after*/
/*{*/
/*display: none;*/
/*}*/


.results .kw-page-group {
  position: relative;
  table-layout: auto;
}

.results .search-entry {
  position: relative;
}

.curriculum-dropdown .btn.dropdown-toggle::after,
.results .toolbar-dropdown-container .toolbar-button.dropdown-toggle::after {
  display: none;
}

.curriculum-dropdown .btn.dropdown-toggle {
  display: flex;
  align-items: center;
}


.curriculum-dropdown .btn.dropdown-toggle #curriculumCourseDDTitle,
.curriculum-dropdown .dropdown-menu li span {
  max-width: 425px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

#curriculumCourseDD .btn.dropdown-toggle span.fa,
#userGroupDD .btn.dropdown-toggle span.fa {
  margin-left: 5px;
  margin-top: -3px;
}
/**
* COURSE ICONS
*/

.search-entry .label-set {
  position: relative;

}

.disabledOverlay {
  position: absolute;
  left: 0;
  background: #fff;
  right: 0;
  height: 100%;
  opacity: 0.8;
  display: inline-block;
  z-index: 3;
  pointer-events: none;
}

/**
*
*/
#dateContainer {
  display: none;
}

#update-post {
  display: none;
}

#addContentButtonContainerFirst > label {
  padding: 0;
}

.additional-info {
  margin-top: 8px;
  padding: 10px 0;
  color: #999;
  font-size: 12px;
}

div.additional-info {
  margin-top: 0px;
  padding: 4px 0;
  color: #999;
  font-size: 12px;
}

.removeUserFromGroup,
.more-comments-toggle {
  -webkit-user-select: none; /* Chrome all / Safari all */
  -moz-user-select: none; /* Firefox all */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Likely future */
}

.no-touch #chatSidebarContent a,
.no-touch .filter-item .matchTypeValues,
.no-touch .stream ul.results .search-entry .kw-dropdown li > *,
.no-touch .stream ul.results .comment .kw-dropdown li > *,
.no-touch .gallery-link,
.no-touch .removeUserFromGroup,
.no-touch .more-comments-toggle {
  cursor: pointer;
}

.removeUserFromGroup:focus,
.more-comments-toggle:focus {
  outline: none;
}

.message + .message {
  margin-top: 5px;
}

.message-content a {
  word-wrap: break-word;
  color: #337ab7;
}

.message-delete {
  color: rgb(200, 200, 200);
  cursor: pointer;
}

.course-content {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.course-content a.launch {
  color: #fff;
}

.course-content h2 {
  margin: 15px 0;
}

.course-content h2 a {
  color: inherit;
}

.course-content .meeting-available-seats-container {
  display: inline-block;
}

.course-content .btn.meeting-accept {
  margin-right : 15px;
}

.course-content .btn i,
.course-content .meeting-hint i,
.course-content .meeting-hint-alert i {
  margin-right: 5px;
}

.course-content .meeting-hint-alert {
  color: #cc9900;
}

.stream ul.results .course-content ul, .stream ul.results .course-content ol{
  margin-bottom:15px;
}

.stream ul.results .course-content ul ul, .stream ul.results .course-content ol ol, .stream ul.results .course-content ul ol, .stream ul.results .course-content ol ul{
  margin: 0px;
}

#post-form #enabledFormGroup {
  display: none;
}

#post-form.in-edit-mode #enabledFormGroup {
  display: block;
}

.course-activate-text {
  display: none;
}

.out-of-timerange .course-activate-text,
.disabled-course .course-activate-text {
  display: inline;
}

.button-toolbar {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 4;
}

.button-toolbar > span {
  font-style: italic;
}

.course-edit-button-container .kw-button,
.course-edit-button-container .kw-button:hover {
  margin-left: 2px;
}

.course-edit-image-switch {
  display: inline-block;
  position: relative;
  top: -7px;
  margin: 0;
  background-color: rgb(245, 245, 245);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 0 7px 3px;
}


.course-edit-image-switch.nav > li > a {
  padding: 2px;
  border-radius: 0;
}

.course-edit-image-switch.nav > li,
.course-edit-image-switch.nav > li > a {
  display: inline-block;
  position: relative;
  float: none;
  color: rgb(180, 180, 180);
}
.course-edit-image-switch.nav > li > a {
  border-top: 2px solid transparent;
}

.course-edit-image-switch.nav > li.active > a,
.course-edit-image-switch.nav > li.active > a:focus,
.course-edit-image-switch.nav > li.active > a:hover {
  color: black;
  background-color: transparent;
  border-bottom-color: transparent;
}

.course-edit-image #image-paths {
  position: absolute;
  width: 100%;
  top: 0;
  padding: 1em;
}

.course-edit-image #image-paths h3 {
  font-weight: 700;
}

.course-edit-image #image-paths .paths-view label {
  margin: 0.5em 0 0;
  font-size: 0.8em;
  font-weight: bold
}

.required-message,
.error-message {
  display: none;
}

.kw-textarea {
  resize: vertical;
}

#loadingContainer {
  position: fixed;
  z-index: 5;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .8);
  display: none;
}

#loadingContainer.busy {
  display: block;
}

.spinner {
  /*position: absolute;*/
  /*top: 50%;*/
  /*left: 50%;*/
  /*margin: auto;*/
}

.spinner:after {
  content: "\f1ce";
  webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.spinnerBefore:before {
  content: "\f1ce";
  webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.spinner-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #eee;
    opacity: 0.7;
    z-index: 999;
    display : none;
}

#addContentButtonContainer .spinner-overlay {
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
}

.spinner-overlay .spinner-overlay-container {
    position: absolute;
    top: 50%;
    left: 50%;
}

.spinner-overlay .spinner-overlay-container .spinner-overlay-icon {
    position: absolute;
    top: -2.5em;
    left: -2.5em;
}

.spinner-overlay .spinner-overlay-container .spinner-overlay-icon i {
    font-size: 5em !important;
}

.spinner-overlay .spinner-overlay-container .spinner-overlay-icon.spinner-md {
    position: absolute;
    top: -14px;
    left: -14px;
}

.spinner-overlay .spinner-overlay-container .spinner-overlay-icon.spinner-md i {
    font-size: 28px !important;
}


#attachmentFileContainer .download,
.attachments-download .delete {
  display: none;
}

.attachments-download img {
  max-width: 225px;
  height: auto;
}

.hidden-file-input {
  position: absolute;
  left: -9999em;
}

#attachment-file-list,
.attachment-file-list {
  display: inline;
  list-style-type: none;
  padding-left: 0;
  margin-top: 0.5em;
}

.stream .my-comment .attachment-file-list,
#chat .my-comment .attachment-file-list {
  display: inline-block;
  padding-top: 0.5em;
}

.attachment-file-list li.attachment.file {
  display: inline-block;
  position: relative;
  margin: 0 15px 0.2em 0;
  padding: 6px 1em 6px 0.5em;
  background-color: rgb(200, 200, 200);
}

.attachment-file-list li.attachment.file:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 100%;
  border-left: 10px solid rgb(200, 200, 200);;
  border-top: 10px solid transparent;
}

.attachment-file-list li.attachment.file:after {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  border-top: 10px solid transparent;
  border-left: 10px solid rgb(190, 190, 190);
  width: 0;
  box-shadow: -1px 1px 0px 1px white;
}

.stream ul.results .attachment-file-list li {
  margin-bottom: 5px;
}

.kw-select.select2-drop .select2-results li {
  padding-left: 15px;
}

.if-mandatory {
  display: none;
}

.isMandatory span.if-mandatory {
  display: inline;
}

.isMandatory label.if-mandatory,
.isMandatory div.if-mandatory {
  display: block;
}

.isMandatory .if-optional {
  display: none;
}

input.comment_attachment_fileupload,
input#background,
input#logo,
.upload-group input.file-input {
  position: absolute;
  left: -9999em;
}

.spinnerBefore .fa,
.spinner .fa {
  display: none;
}

/*
= PROGRESS BAR
*/

#coursePostProgress,
#progress {
  overflow: hidden;
}

#coursePostProgress .bar,
#progress .bar {
  height: 3px;
  background: #4a57a6;
  width: 0;

  -webkit-transition: width 0.1s ease-out, height 0.5s ease-in-out;
  -moz-transition: width 0.1s ease-out, height 0.5s ease-in-out;
  -o-transition: width 0.1s ease-out, height 0.5s ease-in-out;
  transition: width 0.1s ease-out, height 0.5s ease-in-out;
}

#coursePostProgress.finishedLoading .bar,
#progress.finishedLoading .bar {
  height: 0;
}

.progress {
  width: 100%;
}

.progress .bar {
  height: 5px;
  background: #4a57a6;
  width: 0;

  -webkit-transition: width 0.1s ease-out;
  -moz-transition: width 0.1s ease-out;
  -o-transition: width 0.1s ease-out;
  transition: width 0.1s ease-out;
}

.stream .pull-right {
  text-align: right;
}

.stream .kw-form-warning {
  display: none;
  text-align: left;
}

label[data-message-count="0"],
label[data-curriculum-count="0"] {
  display: none;
}

.attachments-download .attachment {
  position: relative;
}

.gallery-link {
  position: absolute;
  z-index: 2;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  line-height: 0;
  padding-top: 35%;
  font-size: 30px;
  text-align: center;
  padding-bottom: 10px;
  color: #fff;
}

.attachment.is-image .number-of-additional-images {
  position: absolute;
  font-size: 1em;
  line-height: 1em;
  bottom: 0.2em;
  right: 0.2em;
  color: white;
  z-index: 4;
}

.attachments-download .attachment .video-js .vjs-big-play-button,
.gallery-link {
  background: rgba(0, 0, 0, .3);
  transition: background .3s linear;
}

.attachments-download .attachment .video-js .vjs-big-play-button:hover,
.gallery-link:hover {
  background: rgba(0, 0, 0, 0);
}

.attachments-download .attachment.is-image .inner {
  position: relative;
  background: #000;
}

.stream ul.results .search-entry .button-toolbar li,
.stream ul.results .comment .kw-dropdown li {
  margin-bottom: 0;
}

.messageCounter,
.curriculumCounter {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 2px 5px;
  background-color: #ff0000;
  border-color: #ff0000;
  z-index: 10;
  font-size: 10px;
}

#confirmationPopup {
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 999;
}

.ui-dialog.kw-dialog .kw-dialog-error.ui-dialog-content {
  border-top-color: rgb(200, 200, 200);
}

.kw-label-person-online-round {
  border: 3px solid #7ab802;
}

.kw-label-person-moderator-round {
  border: 3px solid #ababab;
}

.video-js {
  overflow: hidden;
}

.video-wrapper,
.video-wrapper > iframe {
  width : 100%;
  height: 315px
}

.video-wrapper > iframe {
  border : none;
}

.pos_form.list_table input[type=checkbox] {
  -webkit-appearance: checkbox;
}

/*.search-entry.overdue.is-mandatory {*/
/*border: 1px solid #ff0000;*/
/*}*/

.kw-preview-image .label-set {
  position: absolute;
  bottom: 20px;
  left: -15px;
}

.kw-preview-image .label-set .kw-label,
.todo-list-left .label-set .kw-label {
  display: block;
  font-size: 14px;
  border-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  padding: 5px 14px;
  position: relative;
}


.kw-preview-image .label-set .kw-label:after,
.todo-list-left .label-set .kw-label:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: -6px;
  margin-top: 1px;
  border-width: 2px 7px;
  border-style: solid;
  border-color: transparent #666 #666 transparent;
}

.kw-preview-image .label-set .kw-label + .kw-label {
  margin-top: 6px;
}

.kw-preview-image {
  position: relative;
}

.jcrop-handle {
  width: 17px;
  height: 17px;
}

.jcrop-handle.ord-nw {
  margin-left: -8px;
  margin-top: -8px;
}

.jcrop-handle.ord-n {
  margin-top: -8px;
}

.jcrop-handle.ord-ne {
  margin-right: -8px;
  margin-top: -8px;
}

.jcrop-handle.ord-e {
  margin-right: -8px;
  margin-top: -8px;
}

.jcrop-handle.ord-se {
  margin-bottom: -8px;
  margin-right: -8px;
}

.jcrop-handle.ord-s {
  margin-bottom: -8px;
  margin-left: -8px;
}

.jcrop-handle.ord-sw {
  margin-bottom: -8px;
  margin-left: -8px;
}

.jcrop-handle.ord-w {
  margin-left: -8px;
  margin-top: -8px;
}

#pre-post-form {
  font-size: 16px;
}

.search-entry .kw-dropdown-trigger:after {
  font-family: FontAwesome, sans-serif;
  content: "\f013";
  border: 0;
  right: auto;
  left: 10px;
  top: 0;
  text-align: center;
  display: table;
}

.course-top-anchor {
  display: block;
  height: 150px;
  margin-top: -150px;
  visibility: hidden;
}

.form-text {
  padding: 7px 12px;
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal-dialog {
  text-align: left;
  display: flex;
  align-items: center;
  min-height: calc(100% - (1.75rem * 2));
}

.row.table-row {
  display:table;
  width:100%;margin:0 auto;
}

.row.table-row > [class*="col-"] {
  float:none;
  display:table-cell;
  vertical-align:top;
}

.ckeditor-border {
  border: 1px solid #ccc;
}

table.table-striped td>label {
  margin: 0.5em;
}

.has-error input,
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.has-error .help-block {
  color: #a94442;
}

.has-error label.error-no-highlight p{
  color : #333 !important;
}

#matchTypeCreate input:invalid {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

/*----------------*/
/*      CHAT      */
/*----------------*/

.chat-sidebar,
#chat {
  height: calc(100vh - 90px);
}

#toggle-contacts {
  display: table-cell;
  padding-top: 9px;
  padding-left: 10px;
}

/* LEFT COLUMN - CONTACTS */
/* ---------------------- */

.chat-sidebar .facet-group.contacts {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 0;
  bottom: 0;
  /*     height: calc(100vh - 100px); */
  margin-bottom: 0;
}

.chat-partner-list {
  position: relative;
  width: 100%;
  overflow: auto;
  height: calc(100% - 2.5em);
  margin: .25em 0 0 0;
}
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
  overflow-y: auto;
}

/* CHAT-HEADER */

#chat-header {
  position: relative;
}

#chat .chat-header {
  position: absolute;
  height: 40px;
  margin: 0;
}

.chat-header #contact {
  width: 100%;
}

.row-chat-grouptitle {
  max-width: calc(75vw - 35px);
  min-width: 160px;
  transition: 0s;
}

#textwidth-input {
  position: absolute;
  visibility: hidden;
  height: auto;
  width: auto;
  white-space: nowrap;
  font-size: 24px;
}

#chat-grouptitle {
  font-size: 24px;
  height: 34px;
}

#edit-chat-grouptitle input {
  font-size: 24px;
  box-shadow: none;
  height: 34px;
  color: #333;
}

#chat-grouptitle-noedit {
  padding-left: 4px;
  padding-right: 0px;
}

#edit-chat-grouptitle div,
#edit-chat-grouptitle input {
  border: 1px solid transparent;
  background-color: transparent;
  -webkit-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}

.chat-grouptitle-edit .input-group-addon,
#chat-grouptitle,
#edit-chat-grouptitle:hover div,
#edit-chat-grouptitle:hover input {
  border: 1px solid rgb(240, 240, 240);
}

#edit-chat-grouptitle:hover div {
  background-color: rgb(240, 240, 240);
}

#edit-chat-grouptitle:hover input {
  font-size: 24px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.chat-grouptitle-edit > div {
  display: block;
  float: left;
}

.chat-grouptitle-edit #chat-grouptitle-save {
  margin-left: 5px;
}

.chat-input-grouptitle {
  max-width: 835px;
}

#chat-grouptitle-save,
#chat-grouptitle-cancel {
  background-color: #eee;
  border: 1px solid #eee;
  height: 34px;
}

#chat-grouptitle-save:hover,
#chat-grouptitle-cancel:hover {
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6;
}

/* GROUP SIDEBAR */

#chat-sidebar {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  border: 1px solid #ccc;
  background-color: #fff !important;
  overflow: hidden;
  opacity: 0;
  box-shadow: 1px 10px 10px -10px rgb(200, 200, 200);
  -webkit-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  z-index: 1002;
}

#chat-sidebar.is-open {
  width: 270px;
  opacity: 1;
}

#members-toggle,
.removeUserFromGroup,
#chat-remove-user-group {
  background-color: transparent;
  border: 0;
  outline: none;
}

#groupMemberList #current-group-member {
  max-height: calc(100vh - 300px);
  overflow-y: auto;
}

#groupMemberList .group-member {
  padding: 4px 0;
}

#groupMemberList h3 {
  margin-top: 0px;
}

#chatSidebarContent {
  width: 270px;
}

a#leaveGroup,
a#deleteGroup {
  text-decoration: none;
}

#chatSidebarContent p {
  margin: 0;
}

#chatSidebarContent .kw-hr {
  margin: 10px 0;
}

#chatToolbar {
  float: right;
}

/* CHAT-SECTION / MESSAGES */

.chat-section {
  position: absolute;
  top: 40px;
  height: calc(100% - 40px - 120px);
  padding: 0 0.5em;
  overflow: auto;
  border-top: 1px solid rgb(240, 240, 240);
  border-bottom: 1px solid rgb(240, 240, 240);
}

.chat-section-container {
  padding-top: 10px;
}

.chat .message .kw-page-item {
  padding-top: 0;
}

.chat-section .own-message {
  text-align: right;
}

.chat-section .chat-partner {
  text-align: left;
}

.chat-section .message {
  border: none;
}

.chat-section .message p {
  display: inline-block;
  border-radius: 3px;
  padding: 4px 8px;
  position: relative;
  margin: 0;
}

.chat-section .message.own-message p {
  background: rgb(0, 135, 178);
  color: #fff;
}

.chat-section .message.chat-partner p {
  background: #ddd !important;
  color: #333;
}

.chat-section .message p:before {
  position: absolute;
  content: "";
  border: 4px solid transparent;
  top: 0;
}

.chat-section .message.own-message p:before {
  border-color: rgb(0, 135, 178)  transparent transparent rgb(0, 135, 178) !important;
  right: -5px;
  left: auto;
}

.chat-section .message.chat-partner p:before {
  border-color: #ddd #ddd transparent transparent !important;
  left: -5px;
  right: auto;
}

.chat-section .date-wrapper {
  line-height: 1;
}

.chat-section .date {
  border: none;
  padding: 0;
  margin-bottom: 3px;
  vertical-align: 5px;
  text-transform: uppercase;
  font-size: 11px;
  color: #ababab;
}

.chat-section .username {
  border: none;
  padding: 0;
  margin-bottom: 3px;
  vertical-align: 5px;
  text-transform: uppercase;
  font-size: 11px;
  color: #ababab;
}

.message.own-message .attachments-download .attachment {
  float: right;
}

.message.chat-partner .attachments-download .attachment {
  float: left;
}

.message .attachments-download:after {
  display: inline;
  content: ' ';
}

.message.own-message .attachments-download:after {
  clear: right;
}

.message.chat-partner .attachments-download:after {
  clear: left;
}

#chat .message-delete i {
  position: relative;
  top: -5px;
  right: -10px;
}

/* MY-COMMENT */

#chat .my-comment {
  position: absolute;
  bottom: 0;
  height: auto;
  padding: 0;
  margin: 0;
}

.chat-write-message {
  padding: 0 0.5em 0 1em;
  background-color: rgb(240, 240, 240);
}

.chat-write-message-textarea {
  padding-right: 0.5em;
}

.chat-write-message-textarea .kw-page-group .kw-page-item {
  padding-bottom: 0.5em;
  min-height: 40px;
}

#chat #writtenMessage {
  height: 54px;
  min-height: 54px;
  resize: none;
  outline: none;
}

#chat #chat-message-attachments.attachment-file-list {
  margin: 0;
  padding: 0 0 4px 0;
}

.chat-write-message-buttons {
  margin: 0 3px 0 -5px;
  padding-bottom: 0.5em;
}

.background-overlay.active {
  position: fixed;
  z-index: 3;
  top: 54px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

/* SMALLER WINDOW SIZES */

@media screen and (max-width: 1400px) {
  .chat-input-grouptitle {
    max-width: calc(75vw - 230px);
  }

  #edit-chat-grouptitle {
    max-width: calc(75vw - 35px);
  }
}

@media screen and (max-width: 991px) {
  .action-chat .wrapper {
    margin: 84px auto 0 !important;
  }


  .row-offcanvas-left .sidebar-offcanvas.chat-sidebar {
    top: 70px;
    left: 0;
    width: 100%;
    height: calc(100vh - 125px);
    background-color: #fff;
    padding: 0;
    border: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
  }

  .chat-sidebar .facet-group.contacts {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .background-overlay.active {
    top: 125px;
    z-index: 1000;
  }

  .chat-contact-toggle {
    position: fixed;
    margin-left: 0;
    background-color: #fff;
  }

  #chat {
    position: fixed;
    top: 120px;
    bottom: 115px;
    left: 0;
    padding: 0;
    margin:  0;
    height: auto;
  }

  #chat .chat-header {
    padding-left: 5px;
    width:100%;
    background-color: #fff;
    z-index: 999;
  }

  #chat-title h1 {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 92vw;
    white-space: nowrap;
    font-size: 125%;
    padding-left: 5px;
    margin-top: 8px;

  }

  .row-chat-grouptitle {
    margin-top: 4px;
  }

  .chat-section {
      height: calc(100% - 40px);
  }

  #chat .my-comment {
    position: fixed;
    margin-right: 0;
  }

  .row-chat-grouptitle,
  #edit-chat-grouptitle {
    max-width: calc(100vw - 20px);
  }

  #edit-chat-grouptitleinput,
  #edit-chat-grouptitle:hover input {
    font-size: 125%;
  }

  #edit-chat-grouptitle input {
    font-size: 125%;
    box-shadow: none;
    height: 30px;
  }


  .chat-input-grouptitle .input-group-addon {
    height: 30px;
    padding: 0 5px;
  }

  #chat-grouptitle {
    font-size: 125%;
    height: 30px;
    padding: 0 5px;
  }

  #chat-grouptitle-save, #chat-grouptitle-cancel {
    padding: 0 6px;
    height: 30px;
  }

  .chat-input-grouptitle {
    min-width: calc(100vw - 120px);
    max-width: calc(100vw - 120px);
  }

  #groupMemberList #current-group-member {
    max-height: calc(100vh - 350px);
  }

  #chat-sidebar {
    position: fixed;
    top: 100px;
  }

}

@media screen and (max-width: 451px) {
  #chat .message-content {
    word-break: break-all;
  }
}

.kw-label.result-values:empty {
  display: none;
}


.panel-group-lg {
  width: 450px;
  max-width: 100%;
}

.panel-group-md {
  width: 250px;
  max-width: 100%;
}


.list-paged {
  position: relative;
  padding: 1rem 0;
  min-height: 4rem;
}
.list-paged .load-more-spinner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: calc(100% + 0px);
  z-index: 10;
  background-color: rgba(230,230,230,0.25);
  vertical-align: middle;
  margin: 0 0;
}

.list-paged .load-more-spinner>* {
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  left: 50%;

}

/* User Groups Tab */
#user-groups .item-list .item {
  display: table;
  height: 100%;
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding: 5px;
}

#user-groups .item-list .item > div {
  display: table-cell;
  height: 100%
}

#user-groups .item-list .item .item-cell-header {
  display: table-row;
}

#user-groups .item-list .item .item-cell-header .item-header {
  display: table-cell;
}

#user-groups .item-list .item  .item-cell-content .item-body {
  width: 100%;
  display: table;
}
#user-groups .item-list .item  .item-cell-content .identifier {
  font-size: 0.8em;
  color: #ccc;
}

#user-groups .item-list .item  .item-cell-content .attribute {
  margin-bottom: 5px;
}

#user-groups .item-list .item  .item-cell-content .member-list .member-list-entry {
  display: inline-block;
  background: #ddd;
  padding: 4px 8px;
  margin: 0 1px 4px;
}

#user-groups .item-list .item .item-cell-button .btn-link:not(:hover) {
  color: #333;
}

#user-groups .item-list .item .item-cell-button .btn-link {
  text-decoration: none;
}

#user-groups .no-usergroup-found {
  display: none;
  text-align: center;
}

.minireport-grid {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  min-height: 156px;
}

.minireport [data-target] {
  cursor: pointer;
}

.minireport .arc-background {
  fill: #dcdcdc;
  stroke: #dcdcdc;
}

.minireport .arc-foreground {
  stroke: transparent;
}

.minireport .arc-foreground-background {
  fill: white;
  stroke: transparent;
}

.minireport .arc-marker {
  stroke: transparent;
}

.minireport .text-center-value,
.minireport .text-center-suffix,
.minireport .text-center-description,
.minireport .text-bottom-prefix,
.minireport .text-bottom-value,
.minireport .text-bottom-description {
  fill: #3A3A3A !important;
  text-anchor: middle;
}

.minireport .text-center-value {
  font-size: 30px;
}

.minireport .text-center-suffix,
.minireport .text-bottom-value {
  font-size: 15px;
}

.minireport .text-center-description,
.minireport .text-bottom-description {
  font-size: 10px;
}

.minireport .text-bottom-prefix {
  font-size: 12px;
  font-family: FontAwesome;
}

.minireport .legend-headline,
.minireport .legend-icon,
.minireport .legend-value,
.minireport .legend-description {
  fill: #3A3A3A !important;
  font-size: 14px;
  text-anchor: start;
}

.questions-matrix-widget .top {
  color: #3A3A3A !important;
}

.minireport .legend-icon {
  font-family: FontAwesome;
}

.minireport .legend-description {
  font-size: 10px;
}

.minireport .legend-white-background {
  fill: #fff !important;
  fill-opacity: 1;
}

.svg-tooltip {
  position: absolute;
  z-index: 9999;
  transform: translate(-50%, -100%);
  display: none;
  pointer-events: none;
  background-color: #000;
  background-color: rgba(0,0,0,0.8);
  color: #fff;
  margin-top: -6px;

  text-align: left;
  border-radius: 5px;
  padding: 2px 8px;
  line-height: 1.5;
  font-size: 12px;
  font-family: Arial, sans-serif;
}

.svg-tooltip:after {
  content: "  ";
  border: 6px solid transparent;
  border-color: #000 transparent transparent;
  border-color: rgba(0,0,0,.8) transparent transparent;
  height: 0;
  width: 0;
  position: absolute;
  left: 50%;
  margin-left: -6px;
  z-index: 9999;
  pointer-events: none;
  top: 100%;
}

.minireport .minireport-color-system,
.minireport .minireport-color-open {
  /* SYSTEM COLOR */
}

.minireport .minireport-color-open {
  fill-opacity: 0.7;
  fill:  #EA558F !important;
}

.minireport .minireport-color-incomplete {
  fill:  #0067B1 !important;
}

.minireport .minireport-color-failed {
  fill:  #c30 !important;
}

.minireport .minireport-color-success {
  fill:  #69A83A !important;
}

.minireport .minireport-color-locked {
  fill:  #555 !important;
}

.minireport .minireport-color-average {
  fill:  #555 !important;
}

.minireport .minireport-color-best {
  fill:  #ffa000 !important;
}

.minireport .minireport-color-media {
  fill:  #e16503 !important;
}
.minireport .minireport-color-download,
.minireport .minireport-color-meeting {
  fill:  #64c0bd !important;
}

.minireport .minireport-color-course {
  fill:  #7f4eb4 !important;
}

.minireport .minireport-color-poll,
.minireport .minireport-color-glossary,
.minireport .minireport-color-offered {
  fill:  #215065 !important;
}

.minireport .chart-icon-color-used {
  fill: #359902 !important;
}
.minireport .chart-icon-color-used.warning {
  fill: #ec971f !important;
}
.minireport .chart-icon-color-used.overflow {
  fill: #ef0000 !important;
}
.minireport .chart-icon-color-active-used {
  fill: #8cc278 !important;
}
.minireport .chart-icon-color-free {
  fill: #dcdcdc !important;
}

.minireport .legend-description.chart-icon-color-free,
.minireport .legend-icon.chart-icon-color-free,
.minireport .legend-value.chart-icon-color-free {
  fill: #747474 !important;
}

#kwMemoryUsage .legend-value{
  transform: translateX(14px) !important;
}
#kwMemoryUsage .minireport-legend:nth-of-type(4){
  transform: translate(16px,30px) !important;
}
#kwMemoryUsage .legend-description {
  transform: translateY(2px) !important;
}
#kwMemoryUsage .text-center-suffix{
  transform: translateY(24px) !important;
  font-weight: bold;
}
#kwMemoryUsage .text-bottom-prefix{
  transform: translateY(-6px) !important;
  fill: #359902 !important;
  font-size: 14px;
  font-family: Helvetica,Verdana,Arial,sans-serif !important;
}

#kwMemoryUsage .text-bottom-prefix.warning {
  fill: #ec971f !important;
}

#kwMemoryUsage .text-bottom-prefix.overflow {
  fill: #ef0000 !important;
}

#kwMemoryUsage .text-bottom-value{
  display: none !important;
}
/* course-list */

.course-list-item {
  border-bottom: 1px solid rgb(240,240,240);
  margin: 0 0;
  padding: 0.7em 0 0.5em
}

/* advanced course edit */

.course-edit-image .square-background {
  background: rgba(200,200,202,0.3);
}

/* categories */

.userlist-header {
    border-bottom: 1px solid rgb(240,240,240);
    padding: 0.7em 0 0.25em;
}

.userlist-header .pagination {
    margin-top: 5px;
    margin-bottom: 0;
}

#bottom-toolbar {
  border-top: 1px solid rgb(240,240,240);
  padding: 0.7em 0 0.5em;
}

.admin-courselist-item {
  border-bottom: 1px solid rgb(240,240,240);
  margin: 0 0;
  padding: 0.7em 1.1em 0.5em;
}

.match-value-list-row {
  border-bottom: 1px solid rgb(240,240,240);
  margin-bottom: 0.5rem;
  padding: 0.7em 0 0.5em;
}

/* voucher */

.voucher-noresults {
  padding: 1rem;
  background-color:rgba(240,240,240,0.5);
  text-align: center;
}

.pagination-pagesize > div {
  display: inline-block;
  vertical-align: top;
}
.pagination-pagesize .nav {
  margin-bottom: 0px;
}

.pagination-pagesize ul > li span {
  border: 1px solid transparent;
  border-radius: 3px;
  padding: 6px;
  cursor: pointer;
}

.pagination-pagesize ul > li.active span {
  text-decoration: underline;
  font-weight: bold;
}

.pswp__bg {
  background-color: rgba(50,50,50,0.9) !important;
}

.container-locations {
  display : block;
  word-break: break-word;
}

.form-group .with-btn,
.container-locations > div {
  display: table;
  width: 100%;
}

.form-group .with-btn-auto {
  width : auto;
}

.form-group .with-btn > div,
.container-locations > div > div{
  display: table-cell;
}

.form-group .with-btn > div:last-child,
.container-locations > div > div:last-child {
  width : 50px;
  vertical-align: top;
  text-align: right;
}

.container-locations .location-item {
  margin-bottom: 1px;
}

.container-locations .location-item > div {
  vertical-align: middle;
}

.container-locations .location-item > div:first-child {
  width: 35px;
  font-size: 1.2em;
}

.container-locations .location-item > div:first-child i {
  font-size: 1.2em;
}

.posten .form-group .with-option-list .option-list {
  position: absolute;
  background-color: #fff;
  border-radius: 0;
  border: 1px solid #ccc;
  box-shadow: 0 3px 6px rgba(0,0,0,.2);
  max-height : 200px;
  overflow: auto;
  z-index : 1000;
}

.posten .form-group .with-option-list .option-list .option-item {
  cursor: pointer;
  padding: 5px;
}

.posten .form-group .inline > div {
  display: inline-block;
}

.posten .form-group .input-group-addon-o {
  background-color: #fff !important;
}
.posten .form-group-container {
  margin-bottom: 15px;
}

.posten .form-group-container  .form-group {
  margin-bottom: 0;
}

.posten .form-group-container .form-group-divider,
.posten .form-group-container .form-group,
.posten .form-group-container .form-group > div,
.posten .form-group-container .form-group-datetime,
.posten .form-group-container .form-group-datetime > div {
  display: inline-block;
}

.posten .form-group-container .form-group-datetime .datetime {
  width : 138px;
  min-width : 138px;
}

.posten .form-group-container .form-group-datetime .datetime.date-en {
  width : 164px;
  min-width : 164px;
}

.posten .form-group-container .form-group-datetime .datetime-date {
  width : 98px;
  min-width : 98px;
}

.posten .form-group-container .form-group-datetime .datetime-time {
  width : 62px;
  min-width : 62px;
}

.posten .form-group-container .form-group-datetime .datetime-time.time-en {
  width : 98px;
  min-width : 98px;
}

.posten .form-group-container > div > div {
  margin : 0 2px;
}

.posten .form-group-container .form-group-divider > div {
  font-size: 0.9em;
}

.posten .form-group-container .form-group-datetime > div:first-child {
  margin-left: 0;
}

.posten .form-group-container .form-group-datetime > div:last-child {
  margin-right: 0;
}

.posten .form-group-container .help-block-container > div {
  margin : 5px 0;
}

.posten .form-control[disabled],
.posten .form-control[readonly],
.posten fieldset[disabled] .form-control {
  background-color: #f5f5f5;
  opacity: 1;
}

.posten input::placeholder {
  color : #ababab !important;
  opacity : 1;
}

.posten :-ms-input-placeholder {
  color: #ababab;
}

.posten .group-label {
  border-bottom : 1px solid #ddd;
}

@media screen and (min-width: 992px) and (max-width: 1081px) {
  .posten .form-group-container .form-group-divider,
  .posten .form-group-container .form-group-datetime {
    display: block;
  }

  .posten .form-group-container .form-group-divider > div {
    margin: 5px 0;
  }
}

@media screen and (max-width: 488px){
  .posten .form-group-container .form-group-divider,
  .posten .form-group-container .form-group-datetime {
    display: block;
  }

  .posten .form-group-container .form-group-divider > div {
    margin: 5px 0;
  }
}

.posten .panel {
  border: 1px solid #C5C5C6;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
  background: none;
}

.posten .panel .panel-header {
  padding: 6px 12px;
  border-bottom: 1px solid #C5C5C6;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  background: #C5C5C6;
  cursor: pointer;
}

.posten .panel .panel-header .panel-header-label {
  margin-bottom: 0;
  border: none;
  cursor: pointer;
}

.posten .panel .panel-header:not(.collapsed) .panel-header-label i.fa-caret-up {
  display : inline-block;
}

.posten .panel .panel-header:not(.collapsed) .panel-header-label i.fa-caret-down {
  display : none;
}

.posten .panel .panel-header.collapsed .panel-header-label i.fa-caret-up {
  display : none;
}

.posten .panel .panel-header.collapsed .panel-header-label i.fa-caret-down {
  display : inline-block;
}

.posten .panel .panel-body {
  padding: 15px 15px 0;
}

#tab-general .course-edit-image {
  padding-left: 10px;
}

#tab-general .post-content {
  padding-top: 20px;
}

#tab-general .form-group-spacer {
  width: 50px;
  padding-left: 0;
  padding-right: 0;
}

#tab-general .form-group-spacer-text {
  text-align: center;
  width: 50px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  border: none;
}

#tab-general .kw-label-inline {
  margin-top: 20px;
  margin-bottom: 20px;
}

#tab-general .kw-label-inline:not(:nth-of-type(3n)) {
  border-right: 1px solid #878786;
}

#tab-general .kw-label-inline:last-of-type {
  border-right: none;
}

#tab-general .kw-label-inline .kw-label-inline-value {
  font-size: 140%;
  text-align: center;
}

#tab-general .kw-label-inline .kw-label-inline-title {
  text-align: center;
  text-transform: uppercase;
  color: #878786;
}

@media screen and (max-width: 991px){
  #tab-general .kw-label-inline:not(:nth-of-type(3n)) {
    border-right: none;
  }

  #tab-general .kw-label-inline:not(:nth-of-type(2n)) {
    border-right: 1px solid #878786;
  }

  #tab-general .kw-label-inline:last-of-type {
    border-right: none;
  }
}

@media screen and (max-width: 767px){
  #tab-general .course-admin-info-row {
    margin-top: 20px;
  }

  #tab-general .form-group-spacer {
    margin-bottom: 0;
    margin-bottom: 3px;
  }

  #tab-general .form-group-spacer label,
  [for="meetingEnd"],
  [for="enrollableuntil"] {
    display: none;
  }

  #tab-general .form-group-spacer .form-group-spacer-text {
    padding: 0;
    height: 17px;
  }

}

@media screen and (min-width: 768px) {
  .user-role-tenant {
    padding-left: 0;
  }
}

@media screen and (max-width: 576px) {
  #tab-general .course-admin-info-row .kw-label-inline:not(:nth-of-type(2n)) {
    border-right: none;
  }
}

.notification-type .select2-disabled,
.notification-target-group .select2-disabled {
  display: none;
}

.voucher-config-entry.disabled {
  opacity: 0.5
}
.voucher-config-entry.sub-entry {
    margin-left: 15px;
}

.category-table {
  display: table;
  margin-top: 0;
}

.category-table .table-head {
  font-weight: bold;
  background-color: #ECECED;
}

.category-table .table-row {
  display: table-row;
}

.category-table .table-cell {
  display: table-cell;
  vertical-align: middle;
  padding: 3px 2px;
}

.category-table .table-cell-5 {
  width: 5%;
}

.category-table .table-cell-10 {
  width: 10%;
}

.category-table .table-cell-20 {
  width: 20%;
}

.category-table .table-cell-30 {
  width: 30%;
}

.category-table .table-cell input.kw-input {
  width: 100%;
}

.category-table .table-row .kw-checkbox ~ label {
  background-color: #fff;
}

.category-table .table-cell-center {
  text-align: center;
}

.category-table .table-cell-inline {
  display: inline-block;
}

#firstLoginModal .modal-dialog.html,
#contentModal .modal-dialog.html {
  min-width: 60%;
  min-height: 80%;
}

#firstLoginModal .modal-dialog.html .modal-content,
#contentModal .modal-dialog.html .modal-content {
  height: 100%;
  min-height: 100%;
  width: 100%;
  position : absolute;
}

#firstLoginModal .modal-dialog.html .modal-content .modal-header,
#contentModal .modal-dialog.html .modal-content .modal-header {
  height: 60px;
}

#firstLoginModal .modal-dialog.html .modal-content .modal-body,
#contentModal .modal-dialog.html .modal-content .modal-body {
  height: calc(100% - 125px);
}

#firstLoginModal .modal-dialog.html .modal-content .modal-footer,
#contentModal .modal-dialog.html .modal-content .modal-footer {
  height: 65px;
}

#contentModal .modal-content__video .video-js {
  width: 100%;
  height: auto;
}

#contentModal .modal-content__video button.close {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  z-index: 10;
  opacity: .9;
  border-radius: 0 4px 0 0;
}

@media screen and (max-width: 470px) {
  #firstLoginModal .modal-dialog,
  #contentModal .modal-dialog {
    min-width: 80% !important;
  }
}

@media screen and (min-width: 991px) {
  #firstLoginModal .modal-dialog,
  #contentModal .modal-dialog {
    min-width: 800px
  }
}

.chat-user-groups .select2-results .select2-disabled {
  display : none;
}

.bottom-margin {
  margin-bottom: 10px;
}

.right-margin {
  margin-right: 5px;
}

.notification-receiver-preview-user {
  margin-top: 1em;
  line-height: 34px;
}

.notification-receiver-preview-user i {
  font-size: 1.2em;
}

.notification-receiver-preview-user .receiver-label {
  font-weight: bold;
  padding-left: 8px;
  padding-right: 6px;
}

.cursor-help {
  cursor: help;
}

/*.d-flex {*/
/*  display: flex;*/
/*  flex-wrap: wrap;*/
/*  row-gap: 10px;*/
/*}*/
/*.d-flex.align-items-center {*/
/*  align-items: center;*/
/*}*/

/*.d-flex.align-items-end {*/
/*  align-items: flex-end*/
/*}*/

.visible-xs, .hidden {
  display: none;
}

@media only screen and (max-width: 768px) {
  .btn-sm-full-width {
    margin-top: 2em;
    display: block;
    width: 100%;
  }

  .hidden-xs {
    display: none;
  }
  .visible-xs {
    display: block;
  }
}

.col-sm-0, .col-md-0, .col-lg-0 {
  position: relative;
  min-height: 1px;
}

@media (min-width: 768px) {
  .col-sm-0 {
    float: left; width: 0;
  }
}

@media (min-width: 992px) {
  .col-md-0 {
    float: left; width: 0;
  }
}

@media (min-width: 1200px) {
  .col-lg-0 {
    float: left; width: 0;
  }
}

.filter-button {
  position: relative;
  left: -17px;
  background: white;
}

#show_filter_icon {
  display: inline-block;
  border: 1px solid #ECECED;
  border-left-color: white;
  position: relative;
  z-index: 10;
  cursor: pointer;
  padding: 2px 4px;
}

#show_filter_icon i {
  margin-left: 3px;
  margin-right: 3px;
  padding-right: 1px;
  padding-top: 1px;
  line-height: 38px;
}

.foldableSidebar {
  border-left: 1px solid #ECECED;
}

@media screen and (max-width: 991px) {
  #show_filter_icon {
    display : none
  }

  .foldableSidebar {
    border-left: none !important;
  }

  #post-form-wrapper {
    margin-left : 0 !important;
  }
}

.error-container {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.error-container .error-body {
  text-align: center;
}

.error-container .error-body > div {
  margin: 10px;
}

/*bootstrap 4 overwrites*/
.btn,
.btn-primary,
.btn-secondary {
  outline: none !important;
}

.btn-primary.disabled, .btn-primary:disabled,
.btn-secondary.disabled, .btn-secondary:disabled {
  color: unset;
  background-color: unset;
  border-color: unset;
  pointer-events: none;
}

.dropdown-toggle::after {
  float: right;
  margin-top: 8px
}
/* class for hide log-on form */
.hide {
  display: none !important;
}