body {
  margin: 0;
  background: radial-gradient(circle at top left, #efeff0, #999999) no-repeat fixed;
  /*
   * filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#efeff0', endColorstr='#999999');
  height: 100%;
  */
  background-color: #999999;
  font-family: Helvetica, Arial, sans-serif, Verdana;
}

html {
  height: 100%;
}

/* typo overwrites
*/
h1, h2, h3, h4, h5 {
  font-weight: bold;
}

h3, h4, h5 {
  margin: 40px 0 20px 0;
}

h2 {
  font-size: 24px;
  margin-bottom: 20px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

a {
  cursor: pointer;
}

/* grid overwrites
*/
.row-detail.row,
.row.akkordeon,
.row.detail-news {
  margin-right: 0;
}

.Foren .row.detail-container {
  margin-left: 0;
  margin-right: 0;
}

/* responsive img
*/
img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  border: 0;
}

/* abstand
*/
.abstand-unten-40 {
  margin-bottom: 40px;
}

/* buttons
*/
.btn-default {
  background-color: #efeff0;
}

.btn-default:hover {
  color: #003567;
  background-color: #dfe0e0;
}

.btn-primary {
  background-color: #31417a;
}

.btn-primary:hover {
  background-color: #04224a;
}

.btnbar {
  margin: 40px 0 20px;
}

/* login
*/
.signin {
  max-width: 628px;
  margin: 72px auto 0 auto;
  padding: 68px 78px 68px 84px;
}

.login-box-btext {
  font-size: 27px;
  font-weight: bold;
  text-align: center;
  color: #003667;
  display: none;
}

.form-signin {
  border-bottom: 1px solid #8a9aa4;
}

.form-signin,
.inner {
  padding: 40px 20px 20px 20px;
  background: #fff;
}

.inner {
  margin: 60px 0;
  background: #fff;
}

.btnLogin {
  margin-top: 40px;
  font-weight: normal;
}

.login-logo-header {
  float: right;
  margin-right: 20px;
}

.login-logo-footer {
  float: right;
  display: none;
}

form {
  display: block;
}

.signin .btn {
  display: block;
  margin-bottom: 10px;
}

/* Firefox fix */
:invalid {
  box-shadow: none;
}

:-moz-submit-invalid {
  box-shadow: none;
}

:-moz-ui-invalid {
  box-shadow: none;
}

/* menu
*/
.navbar .container {
  position: relative;
}

.nav a {
  cursor: pointer;
  text-decoration: none;
}

.navbar-brand {
  padding: 16px 10px;
}

.navbar-default {
  background-color: #fff;
  border-color: #dce1e4;
}

.navbar-default .navbar-toggle {
  border-color: #dce1e4;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #8a9aa4;
}

.tasks-menu {
  border-right: 1px solid #dce1e4;
}

.tasks-menu .title {
  margin-left: 35px;
}

.tasks-menu:first-of-type {
  border-left: 1px solid #dce1e4;
}

.menu-icons {
  background-position: 20px center;
  background-repeat: no-repeat;
}

.dropdown-menu > li:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #efeff0;
}

.icon-menu {
  background-image: url("../images/icon-menu.png");
}

a.icon-menu:hover,
.open > a.icon-menu {
  background-image: url("../images/icon-menu-hover.png");
}

.icon-news {
  background-image: url("../images/icon-news.png");
}

a.icon-news:hover,
.open > a.icon-news {
  background-image: url("../images/icon-news-hover.png");
}

a.icon-news-disabled,
a.icon-news-disabled:hover {
  cursor: default;
  background-image: url("../images/icon-news-disabled.png");
}

.navbar-default .navbar-nav > li > a.icon-news-disabled,
.navbar-default .navbar-nav > li > a.icon-news-disabled:hover {
  color: #e1e5e8;
}

.icon-cal {
  background-image: url("../images/icon-cal.png");
}

a.icon-cal:hover,
.open > a.icon-cal {
  background-image: url("../images/icon-cal-hover.png");
}

.icon-profile {
  background-image: url("../images/icon-profile.png");
}

a.icon-profile:hover,
.open > a.icon-profile {
  background-image: url("../images/icon-profile-hover.png");
}

.icon-logout {
  background-image: url("../images/icon-logout.png");
}

.icon-logout:hover {
  background-image: url("../images/icon-logout-hover.png");
}

.badge {
  position: relative;
  left: 10px;
  background: #ff0000;
  border-radius: 1px;
}

.user-name {
  position: absolute;
  top: 71px;
  right: 0;
  margin-right: 10px;
  padding: 7px 10px;
  color: #616365;
  background: #dfe0e0;
}

.user-name span {
  font-weight: bold;
}

.icon_timeout_grau,
.icon_timeout_rot {
  width: 18px;
  height: 16px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: 100% 100% !important;
  display: inline-block;
  position: relative;
  margin-right: 20px;
  margin-left: 5px;
}

.icon_timeout_grau {
  background: url(../images/Timeout_grau.png) no-repeat;
}

.icon_timeout_rot {
  background: url(../images/Timeout_rot.png) no-repeat;
}

/* teaser
*/
.content-area {
  margin-top: 138px;
  margin-bottom: 30px;
}

.content-title {
  font-size: 24px;
  color: #003667;
  margin: 0 0 23px 0;
}

.teaser, .teaser-top-level {
  position: relative;
  min-height: 270px;
  margin: 10px 0;
  padding: 20px;
  border-bottom: 1px solid #8a9aa4;
  background-position: center center;
  background-repeat: no-repeat;
}

.teaser-title {
  font-size: 16px;
  font-weight: bold;
  color: #003567;
  margin: 0 0 16px;
}

.teaser-subTitle {
  font-size: 13px;
  font-weight: bold;
  color: #003567;
  margin: 0 0 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: keep-all;
}

.teaser p, .teaser-top-level p {
  color: #dce1e4;
}

.teaser:hover .teaser-title, .teaser-top-level:hover .teaser-title {
  color: #fff;
}

.teaser:hover, .teaser-top-level:hover {
  cursor: pointer;
}

.teaser-220 {
  background-color: #fff;
}

.teaser-300 {
  background-color: #31417a;
}

.teaser-300 .teaser-title,
.teaser-300 .teaser-subTitle {
  color: #fff;
}

.Lernen .teaser {
  background-image: url("../images/kurse-teaser.jpg");
}

.teaser-300-1:hover,
.terminkalender .akkordeon > span > li:hover,
.Lernen .teaser:hover,
.LernenDetail .teaser-contact:hover,
.LernenDetail .detail-nav li:hover,
.LernenDetail .akkordeon > span > li:hover {
  background-color: #991c3e;
  background-image: none;
}

.Lernen .teaser-top-level:hover, .Organisieren .teaser-top-level:hover {
  background-image: none;
}

.teaser-300-2:hover,
.Intranet .teaser:hover,
.IntranetDetail .detail-nav li:hover {
  background-color: #991c3e;
}

.teaser-300-3:hover,
.Organisieren .teaser:hover,
.OrganisierenDetail .detail-nav li:hover {
  background-color: #991c3e;
  background-image: none;
}

.teaser-220-1:hover,
.Favoriten .teaser:hover,
.FavoritenDetail .detail-nav li:hover {
  background-color: #31417a;
}

.teaser-220-2:hover,
.LastEdit .teaser:hover,
.LastEditDetail .detail-nav li:hover {
  background-color: #31417a;
}

.teaser-220-3:hover,
.News .teaser:hover,
.NewsDetail .detail_accordion > span > li:hover {
  background-color: #31417a;
  background-image: none;
}

.EmailsDetail .detail_accordion > span > li:hover {
  background-color: #8cbe32;
  background-image: none;
}

.teaser-220-4:hover,
.Foren .teaser:hover,
.ForenDetail .detail-nav li:hover {
  background-color: #31417a;
}

.teaser-220-8:hover,
.Talk .teaser:hover,
.TalkDetail .detail-nav li:hover {
  background-color: #31417a;
}

.teaser-300-1 {
  background-image: url("../images/icon-lernen.png");
}

.teaser-300-1:hover {
  background-image: url("../images/icon-lernen-hover.png");
}

.teaser-300-2 {
  background-image: url("../images/icon-informieren.png");
}

.teaser-300-2:hover {
  background-image: url("../images/icon-informieren-hover.png");
}

.teaser-300-3 {
  background-image: url("../images/icon-organisieren.png");
}

.teaser-300-3:hover {
  background-image: url("../images/icon-organisieren-hover.png");
}

.teaser-220-1 {
  background-image: url("../images/icon-favoriten.png");
}

.teaser-220-1:hover {
  background-image: url("../images/icon-favoriten-hover.png");
}

.teaser-220-2 {
  background-image: url("../images/icon-zbearbeitet.png");
}

.teaser-220-2:hover {
  background-image: url("../images/icon-zbearbeitet-hover.png");
}

.teaser-220-3 {
  background-image: url("../images/icon-newsteaser.png");
}

.teaser-220-3:hover {
  background-image: url("../images/icon-newsteaser-hover.png");
  background-color: #31417a;
}

.teaser-220-4 {
  background-image: url("../images/icon-foren.png");
}

.teaser-220-4:hover {
  background-image: url("../images/icon-foren-hover.png");
}

.teaser-220-8 {
  background-image: url("../images/icon-talk.png");
}

.teaser-220-8:hover {
  background-image: url("../images/icon-talk-hover.png");
}

.teaser-imgBoxWOBGColor,
.teaser-imgBoxWOBGColor:hover {
  background-color: transparent !important;
}

/* btn-trigger
*/
.Dashboard > .flyout {
  top: 148px;
}

.flyout {
  position: fixed;
  z-index: 325;
  top: 210px;
  right: 0;
}

.btn-trigger {
  position: relative;
  display: block;
  cursor: pointer;
  min-width: 34px;
  min-height: 34px;
  border-bottom: 1px solid #8a9aa4;
  background: #fff;
  background-position: center center;
  background-repeat: no-repeat;
}

.btn-trigger:hover {
  background-color: #e7ebed;
}

.btn-trigger-search {
  margin-bottom: 10px;
}

.btn-trigger-search {
  background-image: url("../images/icon-search.png");
}

.btn-trigger-search:hover {
  background-image: url("../images/icon-search-hover.png");
}

.btn-trigger-scollup {
  background-image: url("../images/icon-top.png");
}

.btn-trigger-scollup:hover {
  background-image: url("../images/icon-top-hover.png");
}

.btn-trigger-back {
  display: inline-block;
  top: 8px;
  background-image: url("../images/icon-back.png");
}

.btn-trigger-back:hover {
  background-image: url("../images/icon-back-hover.png");
}

/* home-icon
*/
.home-icon {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 44px;
  height: 44px;
  cursor: pointer;
  background-color: #e7eaec;
  background-position: center center;
  background-repeat: no-repeat;
}

.home-icon:hover {
  background-color: #8a9aa4;
}

.home-icon-on {
  background-image: url("../images/icon-home-aktiv.png");
}

.home-icon-off {
  background-image: url("../images/icon-home-inaktiv.png");
}

.home-icon-off:hover {
  background-image: url("../images/icon-home-inaktiv.png");
}

/* favorite-icon
*/
.favorite-icon {
  position: absolute;
  left: 30px;
  bottom: 30px;
  width: 44px;
  height: 44px;
  cursor: pointer;
  background-color: #e7eaec;
  background-position: center center;
  background-repeat: no-repeat;
}

.favorite-icon:hover {
  background-color: #8a9aa4;
}

.favorite-icon-on,
.detail-favorite-icon-on {
  background-image: url("../images/icon-favorite-on.png");
}

.favorite-icon-off,
.detail-favorite-icon-off {
  background-image: url("../images/icon-favorite-off.png");
}

.favorite-icon-off:hover,
.detail-favorite-icon-off:hover {
  background-image: url("../images/icon-favorite-off-hover.png");
}

/* to-up-icon
*/
.to-up-icon {
  position: relative;
  float: left;
  top: 0;
  left: 0;
  margin-right: 10px;
  width: 44px;
  height: 44px;
  cursor: pointer;
  background-color: #e7eaec;
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("../images/Ebene_hoch.png");
}

.to-up-icon:hover {
  background-color: #8a9aa4;
  background-image: url("../images/Ebene_hoch_hover.png");
}

/*bup-icon
*/
.buy-icon {
  position: relative;
  float: right;
  top: 0;
  right: 0;
  margin-right: 10px;
  width: 44px;
  height: 44px;
  cursor: pointer;
  background-color: #e7eaec;
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("../images/icon-kaufen.png");
}

.buy-icon:hover {
  background-color: #8a9aa4;
  background-image: url("../images/icon-kaufen-hover.png");
}

.buy-icon-label {
  float: left;
  text-align: right;
  font-size: 18px;
  color: #003667;
}

/* detail
*/
.row-detail {
  margin-top: 33px;
}

.detail-title {
  margin-top: 0;
}

.detail-content {
  margin-right: 0;
}

.detail-content p:last-of-type {
  margin-bottom: 0;
}

.detail-content,
.akkordeon li,
.akkordeon .doc-container {
  padding: 20px;
  background: #fff;
  border-bottom: 1px solid #8a9aa4;
  overflow: auto;
}

.detail-content h2 {
  margin-top: 10px;
}

.detail-content h2 span {
  font-weight: normal;
}

.lernen-detail-title {
  font-size: 14px;
}

.detail-content .favorite-icon:hover {
  background-color: #d0d6da;
}

.detail-favorite-icon-on,
.detail-favorite-icon-off {
  position: relative;
  float: left;
  top: 0;
  left: 0;
  margin-right: 10px;
}

.detail-content ul {
  margin: 20px 0 20px 17px;
  padding: 0;
}

.detail-content ol {
  margin: 20px 0 20px 22px;
  padding: 0;
}

.detail-content img {
  margin: 20px 0;
}

.progress-bar-warning {
  background-color: #991c3e;
}

/* detail-news
*/
.detail-news img {
  float: left;
  width: 310px;
  margin: 0 40px 40px 0;
}

.detail-nav-title {
  font-weight: bold;
}

.intro {
  font-weight: bold;
  padding-bottom: 30px;
}

/* detail_accordion
*/
.detail_accordion {
  list-style: none;
  padding: 0;
}

.detail_accordion > span > li {
  cursor: pointer;
  font-weight: bold;
  color: #003567;
  margin-top: 10px;
  padding: 20px;
  background: #fff;
  border-bottom: 1px solid #8a9aa4;
}

.detail_accordion .menu-icon-up,
.detail_accordion .menu-icon-down {
  position: relative;
  top: 10px;
  float: right;
}

.detail_accordion .menu-icon-up,
.detail_accordion .menu-icon-down {
  position: relative;
  top: 10px;
  float: right;
  width: 18px;
  height: 10px;
  margin-left: 4px;
  background: url("../images/icon-accordion.png") no-repeat 0 0;
}

.detail_accordion .menu-icon-up,
.detail_accordion li:hover .menu-icon-up {
  background: url("../images/icon-accordion-up.png") no-repeat 0 0;
}

.detail_accordion .menu-active .menu-icon-down,
.detail_accordion li:hover .menu-icon-down {
  background: url("../images/icon-accordion-down.png") no-repeat 0 0;
}

detail_accordion > span > li:hover {
  color: #fff;
}

.detail_accordion .menu-active {
  color: #fff;
  background-color: #003567;
}

/* akkordeon
*/
.akkordeon {
  list-style: none;
  padding: 0;
}

.akkordeon li {
  cursor: pointer;
  font-weight: bold;
  color: #003567;
  margin-top: 10px;
}

.akkordeon .menu-icon-up,
.akkordeon .menu-icon-up-inactive,
.akkordeon .menu-icon-down {
  position: relative;
  top: 10px;
  float: right;
}

.akkordeon .menu-icon-up,
.menu-icon-up-inactive,
.akkordeon .menu-icon-down {
  position: relative;
  top: 10px;
  float: right;
  width: 18px;
  height: 10px;
  margin-left: 4px;
  background: url("../images/icon-accordion-down.png") no-repeat 0 0;
}

.akkordeon .menu-icon-up,
.akkordeon li:hover .menu-icon-up {
  background: url("../images/icon-accordion-up.png") no-repeat 0 0;
}

.akkordeon .menu-icon-up-inactive {
  background: url("../images/icon-accordion-up.png") no-repeat 0 0;
}

.akkordeon li:hover .menu-icon-up-inactive {
  background: url("../images/icon-accordion-up.png") no-repeat 0 0;
}

.akkordeon .menu-active .menu-icon-down,
.akkordeon li:hover .menu-icon-down {
  background: url("../images/icon-accordion-down.png") no-repeat 0 0;
}

.terminkalender .akkordeon > span > li:hover,
.LernenDetail .akkordeon > span > li:hover {
  color: #fff;
}

.akkordeon .menu,
.akkordeon .menu-active {
  color: #fff;
  background-color: #003567;
}

.akkordeon .dropdown-menu {
  padding: 0;
}

.akkordeon .dropdown-menu li {
  margin: 0;
  padding: 8px 10px;
  border-bottom: none;
  border-top: 1px solid #dce1e4;
}

.akkordeon .dropdown-menu li:first-of-type {
  border-top: none;
}

.akkordeon .dropdown-menu li a {
  text-decoration: none;
}

.akkordeon-item-content ul {
  list-style-type: disc;
  padding: 0 0 0 17px;
}

.akkordeon-item-content li {
  cursor: auto;
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: #535c5f;
  border-bottom: none;
  overflow: inherit;
}

.akkordeon .doc-container {
  border-bottom: 1px solid #c4ccd1;
}

.doc-container-title {
  font-size: 16px;
  line-height: 24px;
  color: #003567;
  margin-top: 0;
}

.doc-fileinfo {
  padding-left: 35px;
  font-size: 11px;
  margin-bottom: 20px;
  height: 75px;
  overflow-y: auto;
}

.doc-icon {
  padding-left: 35px;
  display: inline-block;
  background-position: center left;
  background-repeat: no-repeat;
}

.doc-icon-forum {
  background-image: url("../images/icon-forum.png");
}

.doc-icon-Video {
  background-image: url("../images/icon-video.png");
}

.doc-icon-flippingbook {
  background-image: url("../images/icon-flipping-book.png");
}

.doc-icon-etraining {
  background-image: url("../images/icon-etraining.png");
}

.doc-icon-WBT {
  background-image: url("../images/icon-wbt.png");
}

.doc-icon-test, .doc-icon-Test {
  background-image: url("../images/icon-test.png");
}

.doc-icon-audio {
  background-image: url("../images/icon-audio.png");
}

.doc-icon-blog {
  background-image: url("../images/icon-blog.png");
}

.doc-icon-chat {
  background-image: url("../images/icon-chat.png");
}

.doc-icon-document {
  background-image: url("../images/icon-document.png");
}

.doc-icon-lernkartei {
  background-image: url("../images/icon-lernkartei.png");
}

.doc-icon-link, .doc-icon-Link {
  background-image: url("../images/icon-link.png");
}

.doc-icon-praxisfall {
  background-image: url("../images/icon-praxisfall.png");
}

.doc-icon-semminar {
  background-image: url("../images/icon-semminar.png");
}

.doc-icon-webinar {
  background-image: url("../images/icon-webinar.png");
}

.doc-icon-pdf, .doc-icon-PDF {
  background-image: url("../images/icon-pdf.png");
}

.doc-icon-doc {
  background-image: url("../images/icon-doc.png");
}

.doc-icon-gif {
  background-image: url("../images/icon-gif.png");
}

.doc-icon-html {
  background-image: url("../images/icon-html.png");
}

.doc-icon-jpg {
  background-image: url("../images/icon-jpg.png");
}

.doc-icon-ppt {
  background-image: url("../images/icon-ppt.png");
}

.doc-icon-txt {
  background-image: url("../images/icon-txt.png");
}

.doc-icon-xls {
  background-image: url("../images/icon-xls.png");
}

.doc-icon-xml {
  background-image: url("../images/icon-xml.png");
}

.doc-icon-zip {
  background-image: url("../images/icon-zip.png");
}

.btn-addCategorie,
.btn-addWorkgroups,
.btn-addForum,
.btn-note,
.btn-reminder,
.btn-edit,
.btn-delete,
.btn-addDocument,
.btn-addLink,
.btn-addHtmlPage,
.btn-drag,
.btn-status-0,
.btn-status-1,
.btn-status-2,
.btn-status-3 {
  width: 36px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/icon-note.png");
}

.btn-addCategorie {
  background-image: url("../images/Katalog_hinzufuegen.png");
}

.btn-addCategorie:hover {
  background-image: url("../images/Katalog_hinzufuegen_hover.png");
}

.btn-addWorkgroups {
  background-image: url("../images/arbeitsgruppe.png");
}

.btn-addWorkgroups:hover {
  background-image: url("../images/arbeitsgruppe_hover.png");
}

.btn-addForum {
  background-image: url("../images/forum_hinzufuegen.png");
}

.btn-addForum:hover {
  background-image: url("../images/forum_hinzufuegen_hover.png");
}

.btn-note:hover {
  background-image: url("../images/icon-note-hover.png");
}

.btn-note-hasMeno {
  background-image: url("../images/icon-note-batch.png");
}

.btn-reminder {
  background-image: url("../images/icon-reminder.png");
}

.btn-reminder-hasMeno {
  background-image: url("../images/icon-reminder-batch.png");
}

.btn-reminder:hover {
  background-image: url("../images/icon-reminder-hover.png");
}

.btn-status-0 {
  background-image: url("../images/icon-status-unbearbeitet.png");
}

.btn-status-0:hover {
  background-image: url("../images/icon-status-unbearbeitet-hover.png");
}

.btn-status-1 {
  background-image: url("../images/icon-status-bearbeitung.png");
}

.btn-status-1:hover {
  background-image: url("../images/icon-status-bearbeitung-hover.png");
}

.btn-status-2 {
  background-image: url("../images/icon-status-abgeschlossen.png");
}

.btn-status-2:hover {
  background-image: url("../images/icon-status-abgeschlossen-hover.png");
}

.btn-status-3 {
  background-image: url("../images/icon-status-abgelaufen.png");
}

.btn-status-3:hover {
  background-image: url("../images/icon-status-abgelaufen.png");
}

.btn-line button {
  position: relative;
}

.hasMemo,
.hasReminder {
  display: none;
  position: absolute;
  top: -4px;
  right: -4px;
  z-index: 867;
  width: 8px;
  height: 8px;
}

.btn-line .btn {
  margin-right: 6px;
}

.btn-edit {
  background-image: url("../images/icon-edit.png");
}

.btn-edit:hover {
  background-image: url("../images/icon-edit-hover.png");
}

.btn-delete {
  background-image: url("../images/icon-delete.png");
}

.btn-delete:hover {
  background-image: url("../images/icon-delete-hover.png");
}

.btn-drag {
  background-image: url("../images/icon-drag.png");
}

.btn-drag:hover {
  background-image: url("../images/icon-drag-hover.png");
}

.btn-addDocument {
  background-image: url("../images/icon_dokument_hinzufuegen.png");
}

.btn-addDocument:hover {
  background-image: url("../images/icon_dokument_hinzufuegen_hover.png");
}

.btn-addLink {
  background-image: url("../images/icon_link_hinzufuegen.png");
}

.btn-addLink:hover {
  background-image: url("../images/icon_link_hinzufuegen_hover.png");
}

.btn-addHtmlPage {
  background-image: url("../images/icon_HTML_hinzufuegen.png");
}

.btn-addHtmlPage:hover {
  background-image: url("../images/icon_HTML_hinzufuegen_hover.png");
}

/* teaser-contact
*/
.teaser-contact {
  cursor: pointer;
  margin: 0 10px 20px 0;
  padding: 10px 10px 8px 10px;
  border-bottom: 1px solid #8a9aa4;
  background-color: #efeff0;
}

.LernenDetail .teaser-contact:hover {
  color: #fff;
}

.teaser-contact-user {
  float: left;
  height: 40px;
  margin-right: 10px;
}

.teaser-contact-title {
  font-size: 16px;
  font-weight: normal;
  line-height: 21px;
  margin: 0;
}

.teaser-contact .username {
  font-weight: bold;
}

/* detail-nav
*/
.detail-nav {
  margin-right: 10px;
  border-bottom: 1px solid #8a9aa4;
}

.detail-nav,
.detail-nav span ul {
  list-style: none;
  padding: 0;
}

.detail-nav li {
  cursor: pointer;
  margin: 0;
  padding: 8px 10px;
  font-weight: bold;
  color: #003567;
  border-bottom: 1px solid #dce1e4;
  background-color: #fff;
  word-break: break-word;
  hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
}

.detail-nav li:hover {
  color: #fff;
}

.detail-nav li.menu-active,
.detail-nav li.menu-active:hover {
  color: #fff;
  background-color: #003567;
}

.detail-nav span ul li {
  padding-left: 20px;
  background-color: #d0d7db;
}

.detail-nav span ul li.menu-active,
.detail-nav span ul li.menu-active:hover {
  background-color: #adb8bf;
}

.detail-nav span span ul {
  border-bottom: 1px solid #adb8bf;
}

.detail-nav span span ul li {
  /*padding-left: 30px;*/
  font-weight: normal;
}

.detail-nav span span ul li.menu-active,
.detail-nav span span ul li.menu-active:hover {
  color: #003567;
  background-color: #bfc8cd;
}

.detail-nav .menu-icon-up,
.detail-nav .menu-icon-down {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 4px;
  background: url("../images/icon-dropdown.png") no-repeat 0 0;
}

.detail-nav .menu-icon-up,
.detail-nav li:hover .menu-icon-down {
  background: url("../images/icon-dropdown-hover.png") no-repeat 0 0;
}

/* modal box
*/
.modal-aktuelles table {
  border-bottom: 1px solid #c4ccd1;
}

thead {
  color: #a9adaf;
}

.table-hover tr {
  cursor: pointer;
}

td p:last-of-type {
  margin-bottom: 0;
}

.modal-header {
  border: none;
}

button.close {
  width: 35px;
  height: 35px;
  font-size: 30px;
  background: #e6eaec;
}

.modal-header h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  color: #535c5f;
}

.modal-body h3 {
  font-size: 16px;
  color: #003567;
  margin: 0 0 5px 0;
}

.modal-body h4 {
  font-size: 16px;
  margin: 20px 0 5px 0;
}

.tar {
  text-align: right;
}

.modal-backdrop {
  bottom: 0 !important;
  position: fixed !important;
}

.personal-data h3 {
  color: #535c5f;
  margin: 0 0 20px;
}

.personal-data p span:first-child {
  color: #a9adaf;
}

.personal-data hr {
  border-top: 1px solid #c4ccd1;
}

.personal-data .form-control {
  border: 1px solid #c4ccd1;
}

.personal-data label {
  font-weight: normal;
}

.personal-data .personalDataForm .form-group {
  min-height: 90px;
}

/* modal-contact-list
*/
.modal-user-img {
  float: left;
  height: 64px;
  margin-right: 20px;
}

.modal-body h3.modal-user-info-title {
  color: #535c5f;
}

.modal-contact-list button {
  clear: both;
  margin: 20px 0;
}

.modal-contact-list-item {
  border-top: 1px solid #c4ccd1;
  margin-top: 20px;
  padding-top: 20px;
}

.modal-contact-list-item:first-of-type {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

/* modal-zugangsdaten
*/
.modal-zugangsdaten hr {
  margin: 40px -16px;
  border-top: 1px solid #dce0e3;
}

.modal-zugangsdaten button {
  clear: both;
  margin: 20px 0;
}

.modal-zugangsdaten form {
  margin-top: 30px;
}

/* modal hilfe
*/
.carousel-control .btn {
  position: absolute;
  top: 47%;
  z-index: 5;
  display: inline-block;
  background-color: transparent;
}

.carousel-control .btn:hover {
  background-color: transparent;
}

.carousel-control .btn.btn-previous {
  left: 20px;
}

.carousel-control .btn.btn-next {
  right: 20px;
}

.carousel-outer {
  padding-top: 20px;
  background-color: #e7eaec;
}

.carousel-inner {
  padding: 0 80px 60px 80px;
  background-color: #e7eaec;
  margin-bottom: 10px;
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}

.carousel-indicators li {
  width: 13px;
  height: 13px;
  margin: 0 3px;
  border: none;
  border-radius: 13px;
  background-color: #bfc8cd;
}

.carousel-indicators .active {
  margin: 0 3px;
  width: 13px;
  height: 13px;
  background-color: #003667;
}

/* cal
*/
.cal {
  padding: 20px 20px 6px 20px;
}

.cal .btn-danger {
  background-color: #31417a;
  border-color: #31417a;
}

.cal .btn-danger:hover {
  background-color: #991c3e;
  border-color: #991c3e;
}

.cal .btn-warning.disabled,
.cal .btn-warning[disabled] {
  background-color: #616365;
  border-color: #616365;
}

.text-info {
  font-weight: bold;
  color: #ff0000;
}

/* terminkalender
*/
.terminkalender h3 {
  margin-bottom: 20px;
}

.terminkalender span.event-icon {
  display: inline-block;
  margin-right: 10px;
  width: 12px;
  height: 12px;
}

.terminkalender .event1 {
  background: #991c3e;
}

.terminkalender .event2 {
  background: #31417a;
}

.terminkalender .event3 {
  background: #616365;
}

.ui-calendar {
  margin-top: 40px;
}

.ui-calendar h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
}

/* testgenerator
*/
.detail-content ul.tg-downloads {
  list-style: none;
  margin: 20px 0 0;
}

.tg-aside {
  margin-top: 49px;
}

.btn-tg {
  margin-bottom: 20px;
}

.TGQuestionPage hr {
  border: 1px solid #d7dedf;
}

.question-schalter-hint,
.question-schalter-hint:hover,
.question-schalter-feedback,
.question-schalter-feedback:hover {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.question-schalter-hint {
  background-image: url("../images/Hinweis.png");
}

.question-schalter-hint:hover {
  background-image: url("../images/Hinweis_hover.png");
}

.question-schalter-feedback {
  background-image: url("../images/icon_rueckmeldung.gif");
}

.question-schalter-feedback:hover {
  background-image: url("../images/icon_rueckmeldung_hover.gif");
}

.tg-button-container {
  margin-top: 5px;
  margin-bottom: 5px;
}

.tg-survey-list {
  height: 200px;
}

.tg-survey-list ul {
  margin: 0px;
}

.scrollable-menu {
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
}

.tg-anhaenge {
  margin: 0;
}

.tg-anhaenge:first-of-type {
  margin-top: 25px;
}

.tg-counter {
  background: #d7dee2;
}

.tg-counter-info {
  line-height: normal;
  margin: 0;
  padding: 10px 0 0 10px;
}

.tg-counter-item {
  font-size: 45px;
  font-weight: bold;
  color: #b4b8b9;
  text-align: center;
  margin: 0;
  padding-bottom: 10px;
}

.question-paging {
  clear: both;
  margin-top: 30px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}

.question-paging span {
  font-weight: bold;
  color: #991c3e;
}

.timer-container {
  background-color: #C2C2C2;
  margin-bottom: 10px;
  padding: 10px;
}

.tg-qmenu {
  margin: 20px 0;
}

.tg-question-list,
.tg-qmenu-list {
  list-style: none;
  margin: 5px 0;
  padding: 0px;
  border-top: 1px solid #003567;
  border-bottom: 1px solid #003567;
}

.tg-question-list {
  border: none;
}

.tg-qmenu-list li,
.tg-question-list li {
  margin: 10px 0;
  padding: 0 10px 0 0;
  vertical-align: middle;
}

.tg-qmenu-list li,
li.qNew, li.qCurrent, li.qAnswered,
.tg-question-list li:hover {
  cursor: pointer;
}

.tg-qmenu-list-badge {
  left: 10px !important;
  top: 0px !important;
  position: relative !important;
}

li.qNew,
li.tg-multi-list-unselected,
li.tg-single-list-unselected {
  padding-left: 30px;
  background: url("../images/icon-tg-unbearbeitet.png") no-repeat;
}

.tg-single-list-solution,
.tg-multi-list-solution,
.tg-category-solution {
  background-color: #8CBE32 !important;
}

.tg-sort-solution-badge {
  background: #8CBE32 !important;
}

.tg-sort-solution-badge-error {
  background: #991c3e !important;
}

li.qCurrent,
li.tg-multi-list-selected,
li.tg-single-list-selected {
  padding-left: 30px;
  background: url("../images/icon-tg-bearbeitung.png") no-repeat;
}

li.qCurrent,
li.qReviewCurrent {
  font-weight: bold;
}

li.qAnswered {
  padding-left: 30px;
  background: url("../images/icon-tg-abgeschlossen.png") no-repeat;
}

li.qRichtig {
  padding-left: 30px;
  background: url("../images/richtig.png") no-repeat;
}

li.qFalsch {
  padding-left: 30px;
  background: url("../images/falsch.png") no-repeat;
}

li.qUnbeantwortet {
  padding-left: 30px;
  background: url("../images/nicht_beantwortet.png") no-repeat;
}

li.qTeilweiseRichtig {
  padding-left: 30px;
  background: url("../images/halb_richtig.png") no-repeat;
}

li.qNochNichtKorr {
  padding-left: 30px;
  background: url("../images/in_Korrektur.png") no-repeat;
}

.tg-qmenu-header {
  text-align: right;
  line-height: 1;
  font-size: 14px;
}

li.qAnswered .badge {
  background-color: #003567;
}

li.qCurrent .badge {
  background-color: #6788a8;
}

li.qNew .badge {
  background-color: #8A9AA3;
}

.question-menu-pre,
.question-menu-pre:hover,
.question-menu-next,
.question-menu-next:hover {
  width: 18px;
  height: 14px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.question-menu-pre,
.btn-sort-moveup {
  background-image: url("../images/icon-tg-up.png");
}

.question-menu-pre:hover,
.btn-sort-moveup:hover {
  background-image: url("../images/icon-tg-up-hover.png");
}

.question-menu-next,
.btn-sort-movedown {
  background-image: url("../images/icon-tg-down.png");
}

.question-menu-next:hover,
.btn-sort-movedown:hover {
  background-image: url("../images/icon-tg-down-hover.png");
}

.btn-previous,
.btn-previous:hover,
.btn-next,
.btn-next:hover,
.btn-sort-moveup,
.btn-sort-movedown {
  width: 34px;
  height: 34px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #e7ebed;
}

.btn-previous {
  background-image: url("../images/icon-tg-back.png");
}

.btn-previous:hover {
  background-image: url("../images/icon-tg-back-hover.png");
}

.btn-next {
  background-image: url("../images/icon-tg-next.png");
}

.btn-next:hover {
  background-image: url("../images/icon-tg-next-hover.png");
}

.as-sortable-item, .as-sortable-placeholder {
  display: block;
}

.as-sortable-item {
  -ms-touch-action: none;
  touch-action: none;
}

.as-sortable-item-handle {
  cursor: pointer;
}

.as-sortable-drag {
  position: absolute;
  pointer-events: none;
  z-index: 9999;
}

.as-sortable-hidden {
  display: none !important;
}

.as-sortable-un-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.detail-content ul.tg-sort-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #dde1e6;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tg-sort-list .badge {
  left: 0;
  margin-right: 10px;
}

.tg-sort-list .as-sortable-item {
  padding: 10px;
}

.tg-sort-list .sort-list-selected {
  background-color: #dbe0e4;
}

.tg-sort-list .sort-list-unselected-even {
  background-color: #f7f8f9;
}

.tg-sort-nav {
  padding: 20px 0;
}

.btn-sort-movedown {
  margin-right: 10px;
}

.btn-category-selected {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/icon-tg-bearbeitung.png") no-repeat center center;
}

.btn-category-unselected {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/icon-tg-unbearbeitet.png") no-repeat center center;
}

.tg-rating {
  outline: 0;
}

.tg-rating-on {
  height: 20px;
  width: 20px;
  background-size: contain;
  background-image: url("../images/Rating_1.png");
  background-position: center center;
  background-repeat: no-repeat;
}

.tg-rating-off {
  height: 20px;
  width: 20px;
  background-size: contain;
  background-image: url("../images/Rating_0.png");
  background-position: center center;
  background-repeat: no-repeat;
}

.result-icon {
  padding-left: 35px;
  display: inline-block;
  height: 30px;
  background-position: center left;
  background-repeat: no-repeat;
}

.result-icon-falsch {
  background-image: url("../images/falsch.png");
}

.result-icon-keine {
  background-image: url("../images/nicht_beantwortet.png");
}

.result-icon-richtig {
  background-image: url("../images/richtig.png");
}

.result-icon-teilweise-richt {
  background-image: url("../images/halb_richtig.png");
}

.result-icon-noch-nicht-korr {
  background-image: url("../images/in_Korrektur.png");
}

.question_container_review *:hover {
  cursor: auto !important;
}

/* genapp
*/
.btn-addDoc {
  background-color: #007290 !important;
}

.btn-dropdown {
  color: #ffffff;
  background-color: #003567;
  border-color: #00294e;
  border-color: transparent;
  text-align: left;
}

.btn-dropdown:hover,
.btn-dropdown:focus,
.btn-dropdown.focus,
.btn-dropdown:active,
.btn-dropdown.active,
.open > .dropdown-toggle.btn-dropdown {
  color: #ffffff;
  background-color: #001b34;
  border-color: #000910;
}

.btn-dropdown:active,
.btn-dropdown.active,
.open > .dropdown-toggle.btn-dropdown {
  background-image: none;
}

.btn-dropdown.disabled,
.btn-dropdown[disabled],
fieldset[disabled] .btn-dropdown,
.btn-dropdown.disabled:hover,
.btn-dropdown[disabled]:hover,
fieldset[disabled] .btn-dropdown:hover,
.btn-dropdown.disabled:focus,
.btn-dropdown[disabled]:focus,
fieldset[disabled] .btn-dropdown:focus,
.btn-dropdown.disabled.focus,
.btn-dropdown[disabled].focus,
fieldset[disabled] .btn-dropdown.focus,
.btn-dropdown.disabled:active,
.btn-dropdown[disabled]:active,
fieldset[disabled] .btn-dropdown:active,
.btn-dropdown.disabled.active,
.btn-dropdown[disabled].active,
fieldset[disabled] .btn-dropdown.active {
  background-color: #003567;
  border-color: #00294e;
}

.btn-dropdown .badge {
  color: #003567;
  background-color: #ffffff;
}

.dropdown-menu > li > a {
  text-decoration: none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #efeff0;
}

.genapp-selection-label {
  width: 200px;
}

.genapp-grid-container {
  background-color: #FFFFFF;
  /*height: 700px;*/
  padding: 10px;
}

.genapp-grid {
  height: 600px;
}

.genapp-buttons {
  margin-bottom: 10px;
  min-height: 20px;
}

.genappImg {
  height: 50px;
  width: 50px;
  margin-right: 20px;
}

.icon-filter-close {
  margin: 5px;
  font-size: 22px;
}

.icon-filter-close:hover {
  cursor: pointer;
  font-weight: bold;
}

.grid-filter-container {
  margin: 10px 25px 10px 10px;
}

.grid-filter-field {
  width: 200px;
}

.icon-datepicker-cal {
  position: relative;
  display: inline-block;
  background: url(../images/icon-cal-hover.png) no-repeat;
  height: 16px;
  width: 16px;
  cursor: pointer;
  background-size: 100% 100%;
  background-color: #FFFFFF;
}

.fullscreen-container {
  padding: 20px;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  overflow: auto;
  /*background: radial-gradient(circle at top left, #fff, #8a9aa4) no-repeat fixed;*/
}

.btn-max, .btn-min {
  margin-right: 0px !important;
  width: 26px;
  height: 26px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.btn-max {
  background-image: url("../images/maximize.png");
}

.btn-min {
  background-image: url("../images/minimize.png");
}

.btn-max:HOVER {
  background-image: url("../images/maximize_hover.png");
}

.btn-min:HOVER {
  background-image: url("../images/minimize_hover.png");
}

/* footer
*/
.footer {
  padding: 40px 0;
}

.footernav {
  float: left;
  list-style: none;
  padding: 0;
}

.footernav li {
  display: inline-block;
  margin-right: 15px;
}

.footernav li:last-of-type {
  margin: 0;
}

.footernav a {
  cursor: pointer;
  color: #8a9aa4;
  text-decoration: none;
}

.logo-footer {
  float: right;
  width: 160px;
}

/* new
*/
.icon-edit {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-color: #efeff0;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/icon-edit.png);
}

.icon-edit:hover {
  background-color: #dfe0e0;
  background-image: url(../images/icon-edit-hover.png);
}

.icon-delete {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-color: #efeff0;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/icon-delete.png);
}

.icon-delete:hover {
  background-color: #dfe0e0;
  background-image: url(../images/icon-delete-hover.png);
}

/*
.fc-head{
	display: none;
}
*/
.fc-day-header {
  font-size: 14px;
}

.fc-center h2 {
  font-size: 24px;
}

/*
.detail-container{
	background-color: #FFFFFF;
	margin-bottom: 10px;
	padding: 10px !important;
}*/
/****  quill  *****/
.toolbar {
  margin-bottom: 20px;
  background: #eee;
}

.editor-wrap input#title, .editor-wrap input#submit, .toolbar, .editor {
  padding: 8px 14px;
  border: 1px solid #ccc;
}

.ql-editor, .editor-wrap h3 {
  font-family: "FrutigerNextW01-Condens", sans-serif !important;
  font-weight: normal;
  font-size: 17px;
  line-height: 26px;
  color: #616365;
}

.editor, .ql-editor {
  height: 150px;
}

.editor-wrap input#title, .editor-wrap input#submit, .toolbar, .editor-container {
  padding: 8px 14px;
  border: 1px solid #ccc;
}

.editor, .ql-editor {
  height: 150px;
}

/****  quill end *****/
.my-drop-zone {
  border: dotted 3px lightgray;
}

.nv-file-over {
  border: dotted 3px red !important;
}

.personalDataImg {
  height: 180px !important;
  width: 140px !important;
}

/*flashcards
*/
.fc-icon-menu {
  height: 20px;
  margin-top: 10px;
}

.fc-icon-logo {
  margin-top: 3px;
}

.fc-content-area {
  margin-top: 30px;
  margin-bottom: 10px;
}

.fc-navbar-container {
  padding-top: 0px;
}

.fc-navbar {
  min-height: 50px;
}

.fc-footer {
  padding: 0px;
  background-color: #31417a;
  border-color: #dce1e4;
}

.fc-footernav a {
  color: #ffffff;
}

.fc-nav li {
  cursor: pointer;
  margin: 0;
  padding: 8px 10px;
  font-weight: bold;
  color: #003567;
  border-bottom: 1px solid #dce1e4;
  background-color: #fff;
  word-break: break-word;
  hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
}

.fc-nav li:hover {
  color: #fff;
}

.fc-nav li.menu-active,
.fc-nav li.menu-active:hover {
  color: #fff;
  background-color: #003567;
}

.fc-list-title {
  font-size: 16px;
  font-weight: bold;
  padding: 5px 10px;
  color: #ffffff;
  background-color: #31417a;
}

.fc-list, .fc-list span ul {
  list-style: none;
  padding: 0;
}

.fc-list .icon-right {
  position: relative;
  top: -25px;
  float: right;
  width: 18px;
  height: 20px;
  margin-left: 12px;
  background: url("../images/fc-icon-list-item.png") no-repeat 0 0;
}

.fc-list li:hover .icon-right {
  background: url("../images/fc-icon-list-item-hover.png") no-repeat 0 0;
}

.fc-list .icon-owner {
  position: relative;
  top: -20px;
  float: right;
  width: 24px;
  height: 24px;
  margin-left: 4px;
  background: url("../images/fc-icon-owner.png") no-repeat 0 0;
}

.fc-list .icon-lock {
  position: relative;
  top: -20px;
  float: right;
  width: 24px;
  height: 24px;
  margin-left: 4px;
  background: url("../images/fc-icon-lock.png") no-repeat 0 0;
}

.fc-list li {
  cursor: pointer;
  margin: 0;
  padding: 8px 10px;
  font-weight: bold;
  color: #003567;
  border-bottom: 1px solid #dce1e4;
  background-color: #fff;
  word-break: break-word;
  hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
}

.fc-list .fc-list-item-counter {
  font-size: 11px;
  color: grey;
}

.fc-list li.item-active,
.fc-list li.item-active .fc-list-item-counter,
.fc-list li:hover,
.fc-list li:hover .fc-list-item-counter,
.fc-list li.item-active:hover {
  color: #fff;
  background-color: #991c3e;
  /**/
}

.fc-card-counter {
  color: #fff;
  background-color: #991c3e;
  font-weight: bold;
  font-size: 16px;
  padding: 5px;
}

.fc-card-counter-text {
  float: left;
  width: 50%;
}

.fc-card-counter-bulk {
  float: left;
  width: 50%;
}

.fc-card-counter-bulk-progress {
  background-color: #79a342;
}

.fc-card-title {
  color: #31417a;
  padding: 0px 0px 10px 0px;
  font-weight: bold;
}

.fc-card-content {
  background-color: #fff;
  padding: 15px;
}

.fc-card-btn {
  padding: 5px;
  border: none;
  font-weight: bold;
  font-size: 16px;
}

.fc-card-comment {
  float: right;
}

.fc-btn-richtig {
  float: left;
  width: 33%;
  color: #fff;
  background-color: #79a342;
}

.fc-btn-falsch {
  float: left;
  width: 33%;
  color: #fff;
  background-color: #d84826;
}

.fc-btn-frage {
  float: left;
  width: 34%;
  color: #000;
  background-color: #a0a1a3;
}

.fc-btn-antwort {
  width: 100%;
  color: #000;
  background-color: #a0a1a3;
}

/*.fc-item-active {
	background-color: #;
}*/
.circle {
  float: left;
  margin: 0 10px 0 0;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

.fc-circle-case1 {
  background-color: #efb6ac;
}

.fc-circle-case2 {
  background-color: #d84826;
}

.fc-circle-case3 {
  background-color: #31417a;
}

.fc-circle-case4 {
  background-color: #666;
}

.fc-circle-case5 {
  background-color: #007290;
}

.fc-circle-case6 {
  background-color: #79a342;
}

.fc-btn-assignCategory {
  width: 36px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/Ebene_hoch.png");
}

.fc-btn-assignCategory:hover {
  background-image: url("../images/Ebene_hoch_hover.png");
}

/*brower check
*/
.modal-checkbrowser-list .modal-body h3 {
  color: #535c5f;
}

.check-browser-table {
  margin-top: 20px;
}

.check-browser-table td {
  padding-bottom: 20px;
}

.btn-chkBrowser {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  min-width: 34px;
  min-height: 34px;
  background: #fff;
  background-position: center center;
  background-repeat: no-repeat;
}

.btn-chkBrowser-yes {
  background-image: url("../images/yes.png");
}

.btn-chkBrowser-no {
  background-image: url("../images/No.png");
}

.browser-list {
  padding-left: 20px;
  margin-bottom: 20px;
}

/*global setting 
*/
/* responsive
*/
@media (max-width: 767px) {
  .col-xs-12 {
    margin-top: 10px;
  }

  .col-xs-12:first-of-type {
    margin: 0;
  }

  .logo-footer {
    float: left;
    margin-top: 20px;
  }

  .signin {
    width: auto;
    margin: 10px auto 0 auto;
    padding: 68px 30px 68px 30px;
  }
}
@media (min-width: 970px) and (max-width: 1200px) {
  .icon-logout.menu-icons {
    min-width: 70px;
    min-height: 70px;
    background-position: center center;
  }

  .icon-logout .title {
    display: none;
  }

  .icon-logout a {
    min-height: 70px;
  }

  .teaser {
    min-height: 220px;
  }
}
@media (min-width: 768px) and (max-width: 990px) {
  .menu-icons {
    position: relative;
    min-width: 70px;
    min-height: 70px;
    background-position: center center;
  }

  .title {
    display: none;
  }

  .badge {
    position: absolute;
    top: 17px;
    left: 37px;
  }

  .icon-logout a {
    min-height: 70px;
  }

  detail.teaser {
    min-height: 165px;
  }
}