@import 'gav/animate.min.css';
@import 'gav/morris.css';
span.bigletter {
  font-size: 100px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 800;
}
.inviter {
  color: #76AC3C;
}
.middle {
  display: table-row;
}
.bigInput input {
  font-size: 40px;
  text-align: center;
  width: 50%;
}
.inner {
  vertical-align: middle;
  display: table-cell;
}
.logo {
  font-size: 100px;
}
.logo .fa {
  font-size: 0.4em;
  top: -1.2em;
  margin-right: -0.4em;
  position: relative;
  color: #76AC3C;
}
.guest {
  color: #006C8C;
}
.page.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.checkTable {
  margin: 0px auto;
  width: 50%;
}
.checkTable td {
  text-align: center;
}
.andCol h1 {
  font-size: 10em;
  color: #676767;
}
.checkTable h2 {
  color: #676767;
}
.perfect {
  font-size: 50px;
  border-radius: 50px;
  box-shadow: 0px;
  border: 0px;
  padding: 10px 30px;
  background-color: #76AC3C;
  font-weight: bold;
  color: #fff;
}
.perfect:hover {
  background-color: #006C8C;
}
.perfect div {
  font-size: 20px;
}
html,
body {
  height: 100%;
}
span.user {
  font-size: 12px;
}
span.time {
  font-size: 12px;
}
span.createAnswer {
  font-size: 12px;
  font-weight: normal;
}
span.createAnswer:hover {
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
}
.text {
  white-space: pre-wrap;
}
.from {
  line-height: 12px;
}
body {
  background-color: #E9EBEE;
}
.snippet_message {
  background-color: #fff;
  padding: 12px;
  border: 1px solid #cfcfcf;
  border-radius: 2px;
  margin-bottom: 24px;
}
.answerinput {
  width: 100%;
  height: 30px;
}
.answerarea {
  margin-top: 5px;
}
.answerarea table {
  width: 100%;
}
.answerarea:focus {
  outline: none !important;
}
.is-answer {
  background-color: #F6F7F9;
  margin-left: 0px;
  margin-right: 0px;
  border: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.is-answer:first-child {
  border-top: 1px solid #cfcfcf;
}
.is-answer,
.is-answer:last-child {
  border-bottom: 1px solid #cfcfcf;
}
.text {
  margin-top: 12px;
  margin-bottom: 12px;
}
.delete {
  cursor: pointer;
}
.theirs > .delete {
  display: none;
}
.theirs > .edit {
  display: none;
}
.is-answer .edit {
  display: none;
}
.is-answer .answerarea {
  display: none;
}
span.text {
  line-height: 20px;
  margin-left: 30px;
  display: block;
  font-size: 14px;
  font-weight: normal;
}
.is-answer .is-answer {
  margin-left: 30px;
  margin: 0px;
}
.is-answer .is-answer i {
  font-size: 14px;
}
.is-answer .is-answer .text {
  margin-top: 0px;
  margin-bottom: 0px;
}
.is-answer .is-answer {
  padding: 5px;
  border: 0px;
}
.is-answer .answers {
  margin-left: 20px;
  border-left: 5px solid #c0c0c0;
}
.snippet_message .is-answer .is-answer .createAnswer {
  display: none;
}
.is-answer .answerarea {
  padding-left: 30px;
}
.snippet_message .likedisplay {
  margin-left: -12px;
  margin-right: -12px;
  border-top: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  padding: 2px 12px;
}
.snippet_message .likedisplay .snippet_likedisplay {
  display: inline;
}
.snippet_message .likearea {
  margin-left: -12px;
  margin-right: -12px;
  border-top: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  padding: 2px 12px;
}
.snippet_message .likearea .caret {
  margin-left: 4px;
}
.snippet_message .dropdownlayout {
  width: 600px !important;
}
.snippet_message .select2-drop {
  width: 900px !important;
}
.snippet_message .likebutton-type-select2 {
  max-width: 80%;
}
.snippet_message .select2-container {
  display: block;
  width: 100%;
}
.btn {
  background-color: #026E7F;
  font-weight: bold;
  border-radius: 0px;
  color: #fff !important;
  font-weight: normal;
}
.btn:hover {
  font-weight: normal !important;
  background-color: #026E7F;
  opacity: 0.8;
  color: #fff !important;
  font-weight: bold;
  border-radius: 0px;
}
body {
  background-color: #F7F8FA;
}
#homepage .page:first-of-type .back {
  display: none;
}
#homepage .frist-back {
  display: none;
}
#homepage .next {
  cursor: pointer !important;
}
#homepage .back {
  background-color: #c0c0c0;
  cursor: pointer !important;
}
#homepage .page {
  font-family: 'Arial ', sans-serif;
  color: #676767;
  text-align: left;
  border: 0px solid #676767;
  width: 100%;
  display: none;
}
#homepage .page .headline {
  font-size: 24px;
  font-weight: bold;
}
#homepage .page .text {
  color: #676767;
}
#homepage .page .text.important {
  font-size: 24px;
  font-weight: bold;
  color: #026E7F;
}
#homepage .page .perfect:hover {
  background-color: #c3c3c5;
  border: 1px solid #c3c3c5;
  color: #fff !important;
}
#homepage .page .perfect {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  font-size: 32px;
  background-color: #fff;
  color: #006C8C;
  border: 1px solid #c3c3c5;
}
#homepage .page .perfect div {
  font-size: 20px;
  font-weight: normal;
}
#homepage .continue {
  background-color: #efefef;
  margin: 0px auto;
  width: 70%;
}
#homepage .inner .smaller {
  font-size: 30px;
}
#homepage .invalid {
  border: 2px solid red;
  background-color: #ffe6e6;
}
#homepage .createReview h2 {
  font-size: 16px !important;
}
#homepage h1 .guest {
  font-weight: bold;
}
#homepage h1 .inviter {
  font-weight: bold;
}
#homepage h1 {
  font-size: 21px;
  line-height: 27px;
  font-family: Arial;
  color: #333;
  font-weight: bold;
  font-weight: normal;
}
#homepage .resendLinks {
  cursor: pointer;
}
#start .plus {
  font-size: x-small;
  position: relative;
  top: -10px;
}
.page input {
  font-size: 20px;
}
#percentage {
  transition: all 0.5s ease;
}
.wizardstep .fa {
  position: relative;
}
.wizardstep .active {
  border-color: #006E7F !important;
  background-color: #006E7F !important;
}
.wizardstep .active .fa {
  color: #fff;
}
.wizardstep .step1,
.wizardstep .step2,
.wizardstep .step3 {
  color: #676767;
}
.wizzardhead h1 {
  color: #797979 !important;
  font-weight: bold !important;
  font-size: 21px;
}
/*

.wizzardhead {

  background-image: url("/images/gav/header.jpg");

  background-size: 100%;
  background-position: 0px -30px;

  h1 {
	color : #fff !important;
  }

}*/
body#admin {
  background-color: #fff;
  /* Sidebar Styles */
}
body#admin .bookmark {
  position: relative;
  margin-top: -4px;
  margin-right: 5%;
}
body#admin .bookmark-green {
  color: green;
}
body#admin .bookmark-red {
  color: red;
}
body#admin .text-right {
  text-align: right;
}
body#admin .number-herausfoderung {
  margin-top: -38px;
  position: relative;
  float: right;
}
body#admin .number-herausfoderung h5.fa-stack-1x.icon-color-white {
  margin-top: 0px;
}
body#admin .mobilnav {
  display: none;
}
body#admin ul.nav.navbar-nav.navbar-right {
  margin-top: 10px;
}
body#admin .is-confirmed i.fa.fa-square-o {
  display: none;
}
body#admin .is-not-confirmed i.fa-check {
  display: none;
}
body#admin span.label.label-default {
  float: right;
  margin-right: 10px;
  margin-top: 12px;
  border-radius: 20px;
  padding-left: 0px;
}
body#admin .label-default {
  background-color: #056878;
}
body#admin #wrapper {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
body#admin #wrapper.toggled {
  padding-left: 250px;
}
body#admin #sidebar-wrapper {
  z-index: 1000;
  border-right: 1px solid #999999;
  position: fixed;
  left: 250px;
  width: 0;
  height: 100%;
  margin-left: -250px;
  overflow-y: auto;
  background: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
body#admin #wrapper.toggled #sidebar-wrapper {
  width: 250px;
}
body#admin #page-content-wrapper {
  width: 100%;
  position: absolute;
}
body#admin #wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-right: -250px;
}
body#admin .sidebar-nav {
  position: absolute;
  top: 0;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none;
}
body#admin #sidebar-wrapper i {
  font-size: 24px;
  float: left;
  margin-right: 15px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  padding-top: 5px;
}
body#admin #sidebar-wrapper p {
  margin: 0;
  font-size: 16px;
  padding-bottom: 5px;
}
body#admin .sidebar-nav li {
  text-indent: 20px;
  line-height: 40px;
}
body#admin .sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: #999999;
}
body#admin .sidebar-nav li a:hover {
  text-decoration: none;
  color: #056878;
  background: rgba(255, 255, 255, 0.5);
}
body#admin .sidebar-nav li a:active,
body#admin .sidebar-nav li a:focus {
  text-decoration: none;
}
body#admin li.active a {
  color: #056878;
}
body#admin .sidebar-nav > .sidebar-brand {
  height: 65px;
  font-size: 18px;
  line-height: 60px;
}
body#admin .sidebar-nav > .sidebar-brand a {
  color: #999999;
}
body#admin .sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}
body#admin .card {
  border-radius: 6px;
  box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);
  background-color: #FFFFFF;
  color: #252422;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
  padding: 5%;
}
body#admin .card .icon-big {
  font-size: 60px;
  min-height: 64px;
  padding-left: 10px;
}
body#admin .card .icon-middle {
  font-size: 30px;
  min-height: 64px;
}
body#admin .card .stats {
  color: #a9a9a9;
  font-weight: 300;
}
body#admin .icon-color {
  color: #056878;
}
body#admin .icon-color-white {
  color: #fff;
}
body#admin .card .numbers {
  text-align: right;
  padding-right: 10px;
}
body#admin .headlogo {
  height: 50px;
}
body#admin .sidebar-brand {
  margin: 0 20px;
  border-bottom: 1px solid rgba(102, 97, 91, 0.3);
}
body#admin .navbar {
  border: 0;
  border-radius: 0;
  font-size: 16px;
  z-index: 3;
}
body#admin .navbar p {
  font-size: 14px;
  float: left;
  padding-left: 7px;
}
body#admin .navbar i {
  font-size: 20px;
  float: left;
}
body#admin .navbar .nav > li > a:focus,
body#admin .navbar .nav > li > a:hover {
  text-decoration: none;
  background-color: #DBD9DA;
}
body#admin a {
  color: #056878;
}
@media (min-width: 768px) {
  body#admin #wrapper {
    padding-left: 0;
  }
  body#admin #wrapper.toggled {
    padding-left: 250px;
  }
  body#admin #sidebar-wrapper {
    width: 0;
  }
  body#admin #wrapper.toggled #sidebar-wrapper {
    width: 250px;
  }
  body#admin #page-content-wrapper {
    background-color: #DBD9DA;
    overflow: auto;
    max-height: 100%;
    height: 100%;
    position: relative;
  }
  body#admin #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  body#admin .mobilnav {
    display: block;
  }
  body#admin #sidebar-wrapper {
    display: none;
  }
  body#admin #wrapper.toggled {
    padding-left: 0px;
  }
  body#admin #page-content-wrapper {
    background-color: #DBD9DA;
  }
  body#admin i.fa.fa-bars {
    font-size: 30px;
    padding: 10px 15px 0px 0px;
    float: right;
    color: #056878;
  }
  body#admin .mobillogo {
    height: 30px;
  }
  body#admin #navbar {
    background-color: #eee;
  }
  body#admin .mobilbar p {
    font-size: 20px;
    padding-left: 30px;
  }
  body#admin .mobilbar i {
    float: left;
    font-size: 20px;
  }
  body#admin ul.timeline:before {
    left: 40px;
  }
  body#admin ul.timeline > li > .timeline-panel {
    width: calc(10%);
    width: -moz-calc(10%);
    width: -webkit-calc(10%);
  }
  body#admin ul.timeline > li > .timeline-badge {
    left: 15px;
    margin-left: 0;
    top: 16px;
  }
  body#admin ul.timeline > li > .timeline-panel {
    float: right;
  }
  body#admin ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
  }
  body#admin ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }
}
body#admin h5.fa-stack-1x.icon-color-white {
  margin-top: 0px;
}
body#admin .highlight1 {
  background-color: #056878;
  color: #fff;
}
body#admin .highlight1 i.fa.fa-circle.fa-stack-2x {
  color: #fff!important;
}
body#admin .highlight1 h5.fa-stack-1x.icon-color-white {
  color: #056878!important;
}
body#admin .highlight2 {
  background-color: rgba(5, 104, 120, 0.9);
  color: #fff;
}
body#admin .highlight2 i.fa.fa-circle.fa-stack-2x {
  color: #fff!important;
}
body#admin .highlight2 h5.fa-stack-1x.icon-color-white {
  color: #056878!important;
}
body#admin .highlight3 {
  background-color: rgba(5, 104, 120, 0.8);
  color: #fff;
}
body#admin .highlight3 i.fa.fa-circle.fa-stack-2x {
  color: #fff!important;
}
body#admin .highlight3 h5.fa-stack-1x.icon-color-white {
  color: #056878!important;
}
body#admin .list-group-item.active,
body#admin .list-group-item.active:focus,
body#admin .list-group-item.active:hover {
  background-color: #056878!important;
  border-color: #056878!important;
}
body#admin .btn.active.focus,
body#admin .btn.active:focus,
body#admin .btn.focus,
body#admin .btn:active.focus,
body#admin .btn:active:focus,
body#admin .btn:focus {
  outline-color: #056878;
}
body#admin .dual-list .list-group {
  margin-top: 8px;
}
body#admin .list-left li,
body#admin .list-right li {
  cursor: pointer;
}
body#admin .list-arrows {
  padding-top: 100px;
}
body#admin .list-arrows button {
  margin-bottom: 20px;
}
body#admin .timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}
body#admin .timeline > li {
  margin-bottom: 20px;
  position: relative;
}
body#admin .timeline > li:before,
body#admin .timeline > li:after {
  content: " ";
  display: table;
}
body#admin .timeline > li:after {
  clear: both;
}
body#admin .timeline > li > .timeline-panel {
  width: 80%;
  left: 20%;
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
body#admin .timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}
body#admin .timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}
body#admin .timeline > li > .timeline-badge {
  color: #fff;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 24px;
  left: 7%;
  background-color: #056878;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
body#admin .timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
body#admin .timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -13px;
  right: auto;
}
body#admin .timeline-badge.primary {
  background-color: #2e6da4 !important;
}
body#admin .timeline-badge.success {
  background-color: #3f903f !important;
}
body#admin .timeline-badge.warning {
  background-color: #f0ad4e !important;
}
body#admin .timeline-badge.danger {
  background-color: #d9534f !important;
}
body#admin .timeline-badge.info {
  background-color: #5bc0de !important;
}
#postBox textarea {
  width: 100%;
}
.message-col > .snippet-not-loaded-message {
  background-color: #fff;
  padding: 50px;
  margin-bottom: 24px;
  border: 1px solid #c0c0c0;
  background-image: url(../images/message-not-laoded.jpg);
  background-position: left top;
  background-repeat: no-repeat;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.liked,
.liked:active,
.liked:focus {
  background-color: #666;
}
.liked a,
.liked:active a,
.liked:focus a {
  color: #fff !important;
  font-weight: bold !important;
}
ul.bblist {
  list-style-type: none;
  padding-left: 0px;
}
ul.bblist li {
  padding: 5px;
}
ul.bblist li:nth-child(odd) {
  background-color: #ddd;
}
.dropdown-submenu li {
  border-bottom: 1px solid #999999 !important;
}
body#space .userrole-undefined {
  border: 1px solid #006C8C;
  background-color: #f2fcff;
}
body#space .message-col > .userrole-admin {
  border: 1px solid #76AC3C;
  background-color: #f4f9ee;
}
body#space .message-col > .snippet_message.userrole-admin > .from > .fa {
  color: #76AC3C !important;
}
body#space .userrole-undefined > .from > .fa {
  color: #006C8C !important;
}
body#space .userrole-undefined .answerarea .fa {
  color: #76AC3C !important;
}
body#space .userrole-undefined .answers .fa {
  color: #76AC3C !important;
}
body#space .userrole-admin .answerarea .fa {
  color: #006C8C !important;
}
body#space .createAnswer {
  display: none;
}
body#space .mine .answerarea {
  border: 10px solid red;
  display: none !important;
}
body#space .answerarea {
  background-color: #fff;
  margin-left: -12px;
  margin-right: -12px;
  padding: 10px;
  margin-top: 0px;
}
body#space .has-answers .answerarea {
  display: none;
}
body#space .has-answers {
  padding-bottom: 0px;
}
body#space .answers > .snippet_message {
  border-width: 0px;
  border-top-width: 1px;
}
body#space .likearea > .btn-group > button {
  border: 0px;
}
body#space .likearea ul.dropdown-menu ul li a {
  max-width: 50%;
  word-wrap: normal !important;
  white-space: normal;
  min-width: 300px;
}
body#space .userrole-undefined .likeIconDisplay > .userrole-admin {
  text-align: center;
  background-color: #76AC3C;
  color: #f2fcff;
  padding: 4px !important;
  border-radius: 50%;
  border: 0px;
  width: 25px;
}
body#space .userrole-undefined .likeIconDisplay > .userrole-undefined {
  text-align: center;
  background-color: #006C8C;
  color: #f2fcff;
  padding: 4px !important;
  border-radius: 50%;
  border: 0px;
  width: 25px;
}
body#space .userrole-admin .likeIconDisplay > .userrole-admin {
  text-align: center;
  background-color: #76AC3C;
  color: #f2fcff;
  padding: 4px !important;
  border-radius: 50%;
  border: 0px;
  width: 25px;
}
body#space .userrole-admin .likeIconDisplay > .userrole-undefined {
  text-align: center;
  background-color: #006C8C;
  color: #f2fcff;
  padding: 4px !important;
  border-radius: 50%;
  border: 0px;
  width: 25px;
}
body#space .likedisplay {
  padding-top: 5px;
  padding: 2px 10px;
  border-bottom: 0px;
  background-color: #fff;
}
body#space .likedisplay > div {
  border-bottom: 1px solid #c0c0c0;
  padding-bottom: 5px;
  margin-top: 2px;
}
body#space .snippet_message {
  padding-bottom: 0px;
}
body#space .snippet_message .likearea {
  margin-left: -5px;
  margin-right: -5px;
  border-bottom: 0px;
}
body#space .text {
  margin-bottom: 0px;
  padding-bottom: 10px;
}
body#space .is-answer .likearea {
  display: none;
}
body#space .likeable-item a {
  cursor: pointer;
}
body.userrole-undefined .dropdown-menu li:hover > a {
  background-color: #006C8C;
  color: #fff;
}
body.userrole-undefined .liked,
body.userrole-undefined .liked:active,
body.userrole-undefined .liked:focus {
  background-color: #006C8C;
}
body.userrole-undefined .liked a,
body.userrole-undefined .liked:active a,
body.userrole-undefined .liked:focus a {
  color: #fff !important;
  font-weight: bold !important;
}
body.userrole-undefined #postBox {
  border-color: #006C8C;
  background-color: #f2fcff;
}
body.userrole-undefined #postBox .fa {
  color: #006C8C !important;
}
body.userrole-undefined #postBoxSend {
  border-color: #006C8C;
  color: #fff;
  background-color: #006C8C;
}
body.userrole-undefined .cancleedit:hover,
body.userrole-undefined .editpost:hover {
  border-color: #006C8C;
  color: #fff;
  background-color: #006C8C;
}
body.userrole-admin #postBox {
  border-color: #76AC3C;
  background-color: #f4f9ee;
}
body.userrole-admin #postBox .fa {
  color: #76AC3C !important;
}
body.userrole-admin #postBoxSend {
  border-color: #76AC3C;
  color: #fff;
  background-color: #76AC3C;
}
body.userrole-admin .dropdown-menu li:hover > a {
  background-color: #76AC3C;
  color: #fff;
}
body.userrole-admin .liked,
body.userrole-admin .liked:active,
body.userrole-admin .liked:focus {
  background-color: #76AC3C;
}
body.userrole-admin .liked a,
body.userrole-admin .liked:active a,
body.userrole-admin .liked:focus a {
  color: #fff !important;
  font-weight: bold !important;
}
.userrole-admin.fa-not-selected {
  background-color: #76AC3C;
  opacity: 0.2;
}
.userrole-undefined.fa-not-selected {
  background-color: #006C8C;
  opacity: 0.2;
}
#no-messages-yet {
  display: none;
}
#no-messages-yet:first-child:last-child {
  display: block;
}
.user-display {
  border: 0px !important;
}
.user-display.userrole-admin {
  color: #76AC3C;
}
.navbar:hover .user-display {
  visibility: visible !important;
}
body.userrole-undefined #postBox .ifiq .fa,
body.userrole-admin #postBox .ifiq .fa {
  color: #c0c0c0 !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
body.userrole-admin #postBox:hover .ifiq .fa:hover,
body.userrole-undefined #postBox:hover .ifiq .fa:hover {
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -o-transform: scale(1.4);
  transform: scale(1.4);
  cursor: pointer;
  color: #76AC3C !important;
  position: relative;
  z-index: 999;
}
body.userrole-undefined #postBox:hover .ifiq .fa:hover {
  color: #006C8C !important;
}
.likearea i {
  color: #c0c0c0 !important;
  cursor: pointer;
}
.jumbotron {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-bottom: 0px;
  background-color: #fff;
}
.jumbomenu {
  background-color: #DBD9DA;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  margin-bottom: 15px;
}
.jumbomenu .container {
  padding-bottom: 25px;
  padding-top: 25px;
}
.btn-primary {
  background-color: #006C8C !important;
}
.phasennav .fa {
  margin-left: 5px;
  color: #006C8C;
}
.phasennav u {
  text-decoration: none;
  border-bottom: 2px solid #006C8C;
}
.triangle {
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  -moz-transform: rotate(35deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 20px;
  height: 20px;
  position: relative;
  bottom: -20px;
  margin-bottom: -15px;
  background-color: #dbd9da;
}
#inviterEmail {
  color: #76AC3C;
}
h2.page-header {
  font-size: 40px;
}
.likearea .gav-if-ko,
.likearea .gav-iq-ko {
  float: right;
  position: relative;
  right: -10px;
  top: -4px;
}
.fa-styled-button {
  color: #C0C0C0;
}
.fa-styled-button:hover {
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -o-transform: scale(1.4);
  transform: scale(1.4);
  cursor: pointer;
  color: #76AC3C !important;
  position: relative;
  z-index: 999;
}
.userrole-undefined .fa-styled-button:hover {
  color: #006C8C !important;
}
body#space div#postBox {
  padding-top: 10px !important;
}
.page-header-gav {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 40px;
  margin: 0px;
  margin-bottom: 60px;
  border-bottom: 0px;
  color: #333333 !important;
}
.user-display {
  /* display : none*/
}
sub.plus {
  font-size: small;
  bottom: 1.9em;
}
#remindercalendar {
  border: 1px solid #c0c0c0;
}
#remindercalendar .datepicker-inline {
  width: 100%;
}
#remindercalendar .table-condensed tr {
  background-color: #fff !important;
}
#remindercalendar .table-condensed td:hover,
#remindercalendar .table-condensed td.active {
  background-color: #006C8C !important;
  background: #006C8C !important;
  color: #fff;
}
#remindercalendar .table-condensed td.today {
  background-color: #999999 !important;
  background: #999999 !important;
}
#remindercalendar table tr td:first-child {
  padding-left: 0px !important;
}
.sendReminder {
  opacity: 0.6;
  padding: 2px !important;
  border: 1px solid transparent !important;
}
.sendReminder:hover {
  opacity: 1;
  border: 1px solid #c0c0c0 !important;
  margin-bottom: 5px;
  display: block;
  cursor: pointer;
}
.sendReminder:hover:hover {
  background-color: #dbd9da;
}
body#space.display-phase3,
body#space.display-phase4 {
  height: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ff00ff+51,ff00ff+100 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%, #f5f5f5 50%, #f5f5f5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 50%, #f5f5f5 50%, #f5f5f5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #f5f5f5 50%, #f5f5f5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='@rightbgcolor', GradientType=1);
  /* IE6-9 */
}
body#space.display-phase3 .action-selection li.select2-search-choice,
body#space.display-phase4 .action-selection li.select2-search-choice {
  float: none;
}
body#space.display-phase3 .note-editable,
body#space.display-phase4 .note-editable {
  min-height: 250px;
}
body#space.display-phase3 .snippet_message,
body#space.display-phase4 .snippet_message {
  padding-top: 0px;
}
body#space.display-phase3 .snippet_message .answerarea,
body#space.display-phase4 .snippet_message .answerarea {
  display: none;
}
body#space.display-phase3 .text,
body#space.display-phase4 .text {
  font-style: italic;
  line-height: 15px;
  padding-left: 25px;
}
body#space.display-phase3 .competenceHeadlone,
body#space.display-phase4 .competenceHeadlone {
  font-size: 14px !important;
  text-align: left;
  padding: 5px;
  text-indent: 5px;
  margin-bottom: 0px;
  margin-top: 0px;
}
body#space.display-phase3 .snippet_competencefinder .competenceHeadlone,
body#space.display-phase4 .snippet_competencefinder .competenceHeadlone {
  margin-left: 0px;
  margin-right: 0px;
}
body#space.display-phase3 .selectedCompetences,
body#space.display-phase4 .selectedCompetences {
  padding: 0px;
  list-style-type: none;
}
body#space.display-phase3 .selectedCompetences .icons,
body#space.display-phase4 .selectedCompetences .icons {
  width: 37px;
  vertical-align: top;
}
body#space.display-phase3 .selectedCompetences .userrole-admin,
body#space.display-phase4 .selectedCompetences .userrole-admin {
  background-color: transparent;
  color: #76AC3C;
}
body#space.display-phase3 .selectedCompetences .userrole-undefined,
body#space.display-phase4 .selectedCompetences .userrole-undefined {
  background-color: transparent;
  color: #006C8C;
}
body#space.display-phase3 .selectedCompetences .fa,
body#space.display-phase4 .selectedCompetences .fa {
  border: 0px;
}
body#space.display-phase3 .text,
body#space.display-phase4 .text {
  margin-bottom: 0px;
  padding-bottom: 10px;
  margin-top: 0px;
}
body#space.display-phase3 .answers .text .user,
body#space.display-phase4 .answers .text .user {
  line-height: 14px;
  display: block;
}
body#space.display-phase3 .answers .is-answer,
body#space.display-phase4 .answers .is-answer {
  padding-top: 0px;
}
body#space.display-phase3 table,
body#space.display-phase4 table {
  width: 100%;
}
body#space.display-phase3 table tr:nth-child(odd),
body#space.display-phase4 table tr:nth-child(odd) {
  background-color: #efefef;
}
body#space.display-phase3 table tr,
body#space.display-phase4 table tr {
  border: 0px solid #c0c0c0;
}
body#space.display-phase3 table tr td,
body#space.display-phase4 table tr td {
  padding: 4px 0px;
}
body#space.display-phase3 table tr td:first-child,
body#space.display-phase4 table tr td:first-child {
  padding-left: 12px;
}
body#space.display-phase3 table tr:hover,
body#space.display-phase4 table tr:hover {
  background-color: #bbb;
  cursor: pointer;
}
body#space.display-phase3 .confirmmessage,
body#space.display-phase4 .confirmmessage {
  text-align: center;
  padding-bottom: 5px;
  margin-left: -12px;
  margin-right: -12px;
  padding-top: 5px;
}
body#space.display-phase3 .message-col > div:nth-child(1),
body#space.display-phase4 .message-col > div:nth-child(1) {
  display: block;
}
body#space.display-phase3 .pagination > div.fa,
body#space.display-phase4 .pagination > div.fa {
  position: relative;
  top: 8px;
  color: #666;
  opacity: 0.5;
  border: 2px solid transparent;
  cursor: pointer;
}
body#space.display-phase3 .pagination > div.fa.fa-check-circle,
body#space.display-phase4 .pagination > div.fa.fa-check-circle,
body#space.display-phase3 .fa-check-circle,
body#space.display-phase4 .fa-check-circle {
  /*color : green !important;*/
}
body#space.display-phase3 .pagination > div.fa.fa-times-circle,
body#space.display-phase4 .pagination > div.fa.fa-times-circle,
body#space.display-phase3 .fa-times-circle,
body#space.display-phase4 .fa-times-circle {
  /*color : red !important;*/
}
body#space.display-phase3 .paginationspacer i.fa,
body#space.display-phase4 .paginationspacer i.fa {
  margin-top: 30px;
  margin-bottom: 13px;
  margin-right: 5px;
}
body#space.display-phase3 .paginationspacer span,
body#space.display-phase4 .paginationspacer span {
  font-size: 20px;
  text-indent: 10px;
  position: relative;
  top: -2px;
}
body#space.display-phase3 .inuse checkspan,
body#space.display-phase4 .inuse checkspan {
  text-decoration: line-through;
}
body#space.display-phase3 .inuse i.fa.fa-check,
body#space.display-phase4 .inuse i.fa.fa-check {
  display: block;
}
body#space.display-phase3 .inuse i.fa.fa-user,
body#space.display-phase4 .inuse i.fa.fa-user {
  display: none;
}
body#space.display-phase3 .competenceHeadlone,
body#space.display-phase4 .competenceHeadlone {
  padding-right: 5px;
  padding-top: 25px;
  padding-bottom: 10px;
  text-align: center;
}
body#space.display-phase3 .userrole-admin .fake-box,
body#space.display-phase4 .userrole-admin .fake-box {
  background-color: #f4f9ee;
  border: 1px solid #76AC3C;
  padding-bottom: 0px !important;
}
body#space.display-phase3 .userrole-admin > .from i,
body#space.display-phase4 .userrole-admin > .from i {
  color: #76AC3C !important;
}
body#space.display-phase3 .userrole-admin .answers .is-answer,
body#space.display-phase4 .userrole-admin .answers .is-answer,
body#space.display-phase3 .userrole-undefined .answers .is-answer,
body#space.display-phase4 .userrole-undefined .answers .is-answer {
  background-color: #fff !important;
  border: 0px !important;
  border-top: 1px solid #c0c0c0;
}
body#space.display-phase3 .kill-layout,
body#space.display-phase4 .kill-layout {
  border: 0px;
  padding: 0px;
  background-color: transparent;
}
body#space.display-phase3 .kill-layout .competenceHeadlone,
body#space.display-phase4 .kill-layout .competenceHeadlone,
body#space.display-phase3 .kill-layout .confirmmessage,
body#space.display-phase4 .kill-layout .confirmmessage,
body#space.display-phase3 .kill-layout .compeTenceFinderBox,
body#space.display-phase4 .kill-layout .compeTenceFinderBox {
  display: none;
}
body#space.display-phase3 .kill-layout .fake-box,
body#space.display-phase4 .kill-layout .fake-box {
  padding: 12px;
  padding-bottom: 0px !important;
  cursor: pointer;
}
body#space.display-phase3 .compeTenceFinderBox,
body#space.display-phase4 .compeTenceFinderBox {
  border: 1px solid #c0c0c0;
}
body#space.display-phase3 .competenceChooser,
body#space.display-phase4 .competenceChooser {
  padding-top: 15px;
  padding-left: 12px;
  padding-right: 12px;
}
body#space.display-phase3 .protocollarea,
body#space.display-phase4 .protocollarea {
  padding: 0px 12px 5px 12px;
}
body#space.display-phase3 .protocollarea .panel-heading.note-toolbar,
body#space.display-phase4 .protocollarea .panel-heading.note-toolbar {
  padding-left: 0px;
}
body#space.display-phase3 .protocollarea .panel-default,
body#space.display-phase4 .protocollarea .panel-default {
  border: 0px;
}
body#space.display-phase3 .protocollarea .note-editable,
body#space.display-phase4 .protocollarea .note-editable {
  border: 1px solid #C0C0C0;
}
body#space.display-phase3 .protocollarea .note-toolbar .btn-group,
body#space.display-phase4 .protocollarea .note-toolbar .btn-group {
  margin-top: 0px;
}
body#space.display-phase3 .protocollarea .action-selection,
body#space.display-phase4 .protocollarea .action-selection {
  display: block;
}
body#space.display-phase3 .protocollarea .kill-layout.is-answer,
body#space.display-phase4 .protocollarea .kill-layout.is-answer {
  padding-bottom: 0px !important;
}
body#space.display-phase3 .fa-bookmark,
body#space.display-phase4 .fa-bookmark {
  visibility: hidden;
}
body#space.display-phase3 .kill-layout.removed,
body#space.display-phase4 .kill-layout.removed {
  opacity: 0.7;
}
body#space.display-phase3 .kill-layout.removed .fa-bookmark,
body#space.display-phase4 .kill-layout.removed .fa-bookmark {
  color: red;
  visibility: visible;
}
body#space.display-phase3 .kill-layout.confirmed .fa-bookmark,
body#space.display-phase4 .kill-layout.confirmed .fa-bookmark {
  color: green;
  visibility: visible;
}
body#space.display-phase3 .fa-bookmark,
body#space.display-phase4 .fa-bookmark {
  position: relative;
  top: -17px;
  margin-bottom: -10px;
}
body#space.display-phase3 .triangle,
body#space.display-phase4 .triangle {
  bottom: -10px;
}
body#space.display-phase3 .pagination,
body#space.display-phase4 .pagination {
  margin: 16px;
  margin-left: 0px;
  margin-bottom: 5px;
}
body#space.display-phase3 .pagination-zu,
body#space.display-phase4 .pagination-zu {
  margin-bottom: 0px;
}
body#space.display-phase3 .message-col > .snippet-not-loaded-message,
body#space.display-phase4 .message-col > .snippet-not-loaded-message {
  background-color: #fff;
  padding: 15px;
  margin-bottom: 24px;
  border: 1px solid #c0c0c0;
  background-position: left top;
  background-repeat: no-repeat;
}
body#space.display-phase4 {
  background: #F5F5F5 !important;
}
body#admin .is-confirmed i.fa.fa-square-o {
  display: none;
}
body#admin .is-not-confirmed i.fa-check {
  display: none;
}
.display-phase4 .triangle {
  bottom: -20px !important;
}
.display-phase4 .gav-if-ze,
.display-phase4 .gav-iq-ze,
.display-phase4 .gav-if-em,
.display-phase4 .gav-iq-em {
  color: #999;
}
.display-phase4 .finalcompetences {
  border-top: 1px solid #999;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  margin-bottom: 5px;
}
body#space .textx {
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px;
}
.mine .likearea .likebutton-type-default {
  display: none;
}
/*likeIconDisplay userrole-admin emotional*/
/** ADMIN SEINE EIGENEN LINKS **/
body.userrole-admin .mine .userrole-admin.likeIconDisplay.emotional {
  display: none;
}
/** ADMIN SEINE EIGENEN LINKS **/
body.userrole-admin .theirs .userrole-undefined.likeIconDisplay.emotional {
  display: none;
}
body.userrole-undefined .mine .userrole-undefined.likeIconDisplay.emotional {
  display: none;
}
/** ADMIN SEINE EIGENEN LINKS **/
body.userrole-undefined .theirs .userrole-admin.likeIconDisplay.emotional {
  display: none;
}
.emotional {
  border: 0px !important;
}
.selectedStep {
  background-color: #DBD9DA;
  position: relative;
  top: 2px;
  border-bottom: 2px solid #DBD9DA;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  border-top: 1px solid #999999;
}
.jumbotron p {
  margin-bottom: 0px;
}
.competenceselector .fa-check {
  display: none;
}
.competenceselector.inuse .fa-check {
  display: block;
}
li.customCompetenceList ol {
  /* border: 1px solid; */
  padding-left: 22px;
  padding-right: 5px;
  cursor: pointer;
}
.headline {
  font-size: 24px !important;
  font-weight: bold;
  color: #676767 !important;
}
.text {
  line-height: 20px !important;
  color: #676767 !important;
}
.text.important {
  font-size: 24px;
  font-weight: bold;
  color: #026E7F !important;
}
#postBox {
  margin: 0px;
  padding: 0px;
  background-color: transparent !important;
  border: 0px !important;
}
.q-style {
  font-size: 20px;
  padding: 2px;
  position: relative;
  top: 0px !important;
  right: 0px !important;
}
.e-style {
  font-size: 16px;
  padding: 2px;
  position: relative;
  top: 0px !important;
  right: 0px !important;
  margin-right: 5px !important;
}
.q-style:hover,
.e-style:hover {
  color: #999 !important;
}
.no-messa-ges-yet {
  display: none;
}
.no-messa-ges-yet:first-child:last-child {
  display: block;
}
.likearea .btn {
  background-color: transparent;
  color: #333 !important;
}
.likearea {
  padding: 2px 0px !important;
}
.likedisplay {
  border: 0px solid red !important;
  display: inline;
  background-color: transparent !important;
}
.likedisplay > div {
  border: 0px solid red !important;
  display: inline;
}
body#space .userrole-admin .likeIconDisplay > .userrole-admin {
  text-align: center;
  border: 2px solid #76AC3C;
  color: #f2fcff;
  padding: 2px !important;
  border-radius: 50%;
  background-color: #fff;
  width: 21px;
  height: 21px;
  color: #000 !important;
  position: relative;
  top: 1px;
}
body#space .userrole-admin .likeIconDisplay > .userrole-undefined {
  border: 2px solid #006C8C;
  color: #f2fcff;
  padding: 2px !important;
  border-radius: 50%;
  background-color: #fff;
  width: 21px;
  height: 21px;
  color: #000 !important;
  position: relative;
  top: 1px;
}
body#space .userrole-undefined .likeIconDisplay > .userrole-admin {
  text-align: center;
  border: 2px solid #76AC3C;
  color: #f2fcff;
  padding: 2px !important;
  border-radius: 50%;
  background-color: #fff;
  width: 21px;
  height: 21px;
  color: #000 !important;
  position: relative;
  top: 1px;
}
body#space .userrole-undefined .likeIconDisplay > .userrole-undefined {
  border: 2px solid #006C8C;
  color: #f2fcff;
  padding: 2px !important;
  border-radius: 50%;
  background-color: #fff;
  width: 21px;
  height: 21px;
  color: #000 !important;
  position: relative;
  top: 1px;
}
.confirmcomment,
.cancleedit,
.editpost {
  cursor: pointer;
  display: inline;
}
.confirmcomment:hover,
.cancleedit:hover,
.editpost:hover {
  text-decoration: underline;
}
body#space.display-phase3 {
  background-color: #fff !important;
  background-: #fff !important;
}
body {
  background: none !important;
}
.gav-if-ze {
  cursor: pointer;
}
.gav-iq-ze {
  cursor: pointer;
}
body#space.display-phase3 .text,
body#space.display-phase4 .text {
  padding-left: 0px;
}
.btn-primary {
  transition: all 0.3s ease;
}
.btn-secondary {
  background-color: #c0c0c0;
  transition: all 0.3s ease;
}
.btn-secondary:hover {
  background-color: #333;
}
.removed .btn-primary,
.confirmed .btn-primary {
  background-color: #c0c0c0 !important;
}
.text {
  font-style: normal !important;
}
.answers {
  margin-top: 2px;
}
.answers .is-answer {
  padding-top: 5px !important;
  background-color: transparent !important;
  padding: 0px;
  padding-top: 1px;
}
.answers .is-answer > .snippet_message {
  margin-top: 10px;
}
.answers .is-answer .text {
  margin-top: 1px;
  margin-left: 15px;
}
.answerarea {
  background-color: transparent !important;
}
body#space.userrole-admin .message-col .answerinputTable .fa-user-circle-o {
  color: #76AC3C !important;
}
body#space.userrole-admin .message-col .answerinputTable .fa-user {
  display: none;
}
body#space.userrole-undefined .message-col .theirs .answerinputTable .fa-user {
  color: #006C8C !important;
}
body#space.userrole-undefined .message-col .theirs .answerinputTable .fa-user-circle-o {
  display: none;
}
body#space .fa-user-circle-o {
  color: #76AC3C !important;
}
body#space .userrole-admin {
  border: 1px solid #76AC3C;
}
.answers .time {
  display: none;
}
.snippet-not-loaded-message {
  border-top: 1px solid #c0c0c0;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block !important;
  background-image: url(/images/dots.gif);
  background-position: left;
  background-repeat: no-repeat;
}
.snippet_message .fa.fa-user,
.answerinputTable .fa.fa-user {
  color: #006C8C !important;
}
.mine.userrole-undefined .answerinputTable .fa-user-circle-o {
  display: none;
}
.mine.is-answer .from .fa-user {
  color: orange !important;
}
body#space .userrole-undefined .answers .fa.fa-user.pull-left.blueuser {
  color: #006C8C !important;
}
body#space .userrole-undefined i.fa.fa-trash {
  color: #c0c0c0 !important;
}
body#space .userrole-undefined .answers .fake-box .fa.fa-user {
  color: #006C8C !important;
}
body#space.display-phase3 .userrole-undefined .answers .is-answer,
body#space.display-phase3 .userrole-admin .answers .is-answer {
  background-color: transparent !important;
}
.selectedCompetences .icons {
  display: none;
}
.selectedCompetences td {
  padding: 5px !important;
}
body.display-phase3 {
  background-color: red !important;
}
body#print .footer {
  border-top: 1px solid #c0c0c0;
  width: 100%;
  position: relative;
  top: -30px;
  text-align: right;
}
body#print .likes {
  display: table;
  width: 100%;
}
body#print .likes td {
  padding: 10px;
  vertical-align: top;
}
body#print .likes td.user {
  text-align: center;
}
body#print .likes td.liketext .likedname {
  font-size: 16px;
}
body#print .likes td.liketext .likedgroup {
  font-size: 14px;
}
body#print .snippet_message {
  border: 0px;
}
body#print .snippet_message .text {
  font-size: 16px !important;
  line-height: 32px;
  padding-left: 30px;
  position: relative;
  top: -10px;
}
body#print .page {
  page-break-after: always;
}
body#print .header {
  border-bottom: 1px solid #c0c0c0;
  padding-bottom: 20px;
  text-align: right;
}
body#print .header .logo {
  right: 0px;
  height: 1cm;
}
body#print .userrole-undefined:before {
  color: #006C8C;
}
body#print .userrole-admin:before {
  color: #76AC3C;
}
body#print div.line {
  height: 50px;
  border-bottom: 1px solid #000;
}
body#print.printfinal .snippet_message {
  margin-top: 0px;
  padding: 0px;
}
body#print.printfinal .text {
  padding-left: 0px;
  top: 0px;
}
.message-col .edit {
  cursor: pointer;
}
.delete {
  margin-left: 5px;
}
.modal-body {
  overflow-y: auto;
}
/*# sourceMappingURL=importer_gav.css.map */