/*

Font-Weights: 300, 400, 700

*/
/* COLORS */
/* STYLES */
.lightlightGreyText {
  color: #DDDDDD;
}
.redText {
  color: #e53b2e;
}
.yellowText {
  color: #ffcc00;
}
.pinkText {
  color: #d1278f;
}
.greenText {
  color: #7dc437;
}
.darkgreytext {
  color: #333333;
}
.greenBackground {
  background-color: #7dc437;
}
#content h1.no-space,
.no-space {
  margin-bottom: 0;
}
.no-space-top {
  margin-top: 0;
}
.clearer {
  clear: both;
}
a.btn i.fa {
  margin-right: 5px;
  position: relative;
  top: 1px;
}
a.btn.btn-xs i.fa {
  margin-right: 3px;
}
a.btn.only-icon i.fa {
  margin-right: 0;
  top: 0px;
}
a.btn.no-space i.fa {
  margin-right: 0;
}
a.btn.btn-big {
  min-width: 200px;
}
a.btn.btn-big i {
  display: block;
  text-align: center;
  margin-bottom: 5px;
}
a.btn-facebook {
  background: #3b75be;
  border-color: #3b75be;
  color: #FFF;
}
.block {
  display: block;
}
.align-right {
  text-align: right;
}
.align-center {
  text-align: center;
}
.positionRelative {
  position: relative;
}
.noSpace {
  margin: 0;
}
.noSpaceTop {
  margin-top: 0;
}
.input200 {
  max-width: 200px;
}
.spaceLeft5 {
  margin-left: 5px;
}
.maxW800 {
  max-width: 800px;
}
.statuscolor-1 {
  color: #DDDDDD;
}
.statuscolor--99 {
  color: #e53b2e;
}
.statuscolor--2 {
  color: #656565;
}
.statuscolor--1 {
  color: #ffcc00;
}
.trendIcon:before {
  display: inline-block;
  font: normal normal normal 18px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.btn-panelheader {
  margin: -4px -9px 0 10px;
  background: rgba(33, 33, 33, 0.3);
  border: none;
}
.html-text ul {
  margin: 14px 0 10px 0;
}
/*
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.row-eq-height .panel{
  height: 100%;
}
*/
/* LAYOUT */
body,
html {
  width: 100%;
  height: 100%;
}
#content .margin-bottom-20 {
  margin-bottom: 20px;
}
#content .margin-bottom-30 {
  margin-bottom: 30px;
}
#content .margin-bottom-10 {
  margin-bottom: 10px;
}
#content .margin-top-30 {
  margin-top: 30px;
}
#content .margin-top-20 {
  margin-top: 20px;
}
#content .hidden {
  display: none;
}
#logo {
  padding-top: 30px;
}
.startext {
  margin-top: 30px;
  color: #888;
  font-size: 12px;
}
#help {
  position: relative;
  min-height: 0;
  top: -15px;
  background: #484847;
  color: #FFF;
  padding: 20px;
  margin-bottom: 20px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
#help h2 {
  margin-top: 15px;
}
#help:before {
  position: absolute;
  top: -20px;
  left: 50px;
  display: block;
  font: normal normal normal 30px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0d8";
  color: #222;
}
.help-button {
  display: inline-block;
  margin-left: 2px;
  padding: 4px;
  font-size: 16px;
  vertical-align: top;
  color: #AAA;
  cursor: pointer;
}
.help-button:hover {
  padding: 0;
  font-size: 24px;
  color: #00b8d4;
}
#nav > ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#nav > ul a {
  outline: 0 none;
}
#nav > ul > li > a {
  text-decoration: none;
  display: block;
  padding: 10px 15px;
  color: #FFF;
}
#nav > ul > li > a:before {
  transition: color 100ms ease-out;
  display: inline-block;
  font: normal normal normal 18px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f192";
  width: 22px;
  text-align: center;
  margin-right: 10px;
}
#nav > ul > li.current > a,
#nav > ul > li.current_ancestor > a,
#nav > ul > li > a:hover {
  /*
    -webkit-box-shadow: 0px -1px 2px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    0px -1px 2px 0px rgba(50, 50, 50, 0.3);
    box-shadow:         0px -1px 2px 0px rgba(50, 50, 50, 0.3);
*/
  background: #e53b2e;
  transition: background 200ms ease-out;
  color: #FFFFFF !important;
}
#nav > ul > li.current > a:before,
#nav > ul > li.openedSub > a:before,
#nav > ul > li > a:hover:before {
  color: #FFFFFF !important;
}
#nav > ul .badge {
  background-color: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  margin-top: 2px;
}
#nav > ul #nav-cockpit.current > a,
#nav > ul #nav-cockpit.openedSub > a,
#nav > ul #nav-cockpit > a:hover {
  background: #00b8d4;
}
#nav > ul #nav-aufgaben.current > a,
#nav > ul #nav-aufgaben.openedSub > a,
#nav > ul #nav-aufgaben > a:hover {
  background: #e53b2e;
}
#nav > ul #nav-rating.current > a,
#nav > ul #nav-rating.openedSub > a,
#nav > ul #nav-rating > a:hover {
  background: #d1278f;
}
#nav > ul #nav-social.current > a,
#nav > ul #nav-social.openedSub > a,
#nav > ul #nav-social > a:hover {
  background: #3b75be;
}
#nav > ul #nav-price.current > a,
#nav > ul #nav-price.openedSub > a,
#nav > ul #nav-price > a:hover {
  background: #e53b2e;
}
#nav > ul #nav-user.current > a,
#nav > ul #nav-user.openedSub > a,
#nav > ul #nav-user > a:hover {
  background: #7dc437;
}
#nav > ul #nav-seo.current > a,
#nav > ul #nav-seo.openedSub > a,
#nav > ul #nav-seo > a:hover {
  background: #e3a650;
}
#nav > ul #nav-jobs.current > a,
#nav > ul #nav-jobs.openedSub > a,
#nav > ul #nav-jobs > a:hover {
  background: #007095;
}
#nav > ul #nav-tools.current > a,
#nav > ul #nav-tools.openedSub > a,
#nav > ul #nav-tools > a:hover {
  background: #55005E;
}
#nav > ul #nav-pushpanda.current > a,
#nav > ul #nav-pushpanda.openedSub > a,
#nav > ul #nav-pushpanda > a:hover {
  background: #08CAAF;
}
#nav > ul #nav-ranking.current > a,
#nav > ul #nav-ranking.openedSub > a,
#nav > ul #nav-ranking > a:hover {
  background: #ffcc00;
}
#nav > ul #nav-seekda.current > a,
#nav > ul #nav-seekda.openedSub > a,
#nav > ul #nav-seekda > a:hover {
  background: #aa5cdb;
}
#nav > ul #nav-tip.current > a,
#nav > ul #nav-tip.openedSub > a,
#nav > ul #nav-tip > a:hover {
  background: #ff840b;
}
#nav > ul #nav-betrieb.current > a,
#nav > ul #nav-betrieb.openedSub > a,
#nav > ul #nav-betrieb > a:hover {
  background: #F44E1E;
}
#nav > ul #nav-kennzahlen.current > a,
#nav > ul #nav-kennzahlen.openedSub > a,
#nav > ul #nav-kennzahlen > a:hover {
  background: #ffcc00;
}
#nav > ul #nav-admin.current > a,
#nav > ul #nav-admin.openedSub > a,
#nav > ul #nav-admin > a:hover {
  background: #000000;
}
#nav > ul #nav-adwords.current > a,
#nav > ul #nav-adwords.openedSub > a,
#nav > ul #nav-seekda > a:hover {
  background: #aa5cdb;
}
#nav > ul #nav-logout > a:hover {
  background: #e53b2e;
}
#nav > ul #nav-support > a:hover {
  background: #e53b2e;
}
#nav > ul #nav-cockpit > a:before {
  color: #00b8d4;
  content: "\f0e4";
}
#nav > ul #nav-aufgaben > a:before {
  color: #e53b2e;
  content: "\f0a1";
}
#nav > ul #nav-rating > a:before {
  color: #d1278f;
  content: "\f086";
}
#nav > ul #nav-social > a:before {
  color: #3b75be;
  content: "\f164";
}
#nav > ul #nav-price > a:before {
  color: #e53b2e;
  content: "\f153";
}
#nav > ul #nav-user > a:before {
  color: #7dc437;
  content: "\f0c0";
}
#nav > ul #nav-seo > a:before {
  color: #e3a650;
  content: "\f06e";
}
#nav > ul #nav-jobs > a:before {
  color: #4799b4;
  content: "\f234";
}
#nav > ul #nav-tools > a:before {
  color: #55005E;
  content: "\f192";
}
#nav > ul #nav-pushpanda > a:before {
  content: url("../img/push.png");
  color: #08CAAF;
}

#nav > ul #nav-ranking > a:before {
  color: #ffcc00;
  content: "\f002";
}
#nav > ul #nav-seekda > a:before {
  color: #aa5cdb;
  content: url("../img/seekda.png");
}
#nav > ul #nav-tip > a:before {
  color: #ff840b;
  content: "\f0eb";
}
#nav > ul #nav-betrieb > a:before {
  color: #F44E1E;
  content: "\f015";
}
#nav > ul #nav-kennzahlen > a:before {
  color: #ffcc00;
  content: "\f236";
}
#nav > ul #nav-admin > a:before {
  color: #000000;
  content: "\f135";
}
#nav > ul #nav-logout > a:before {
  color: #e53b2e;
  content: "\f011";
}
#nav > ul #nav-adwords > a:before {
  color: #aa5cdb;
  content: "\f0a1";
}
#nav > ul #nav-support > a:before {
  color: #FFF;
  content: "\f059";
}
#nav > ul ul.menu_level_1,
#nav > ul ul.menu_level_2 {
  padding: 0;
  margin: 0;
  list-style: none;
  border-right: 1px solid #CCC;
}
#nav > ul ul.menu_level_1 > li,
#nav > ul ul.menu_level_2 > li {
  position: relative;
  background: #EEE;
  border-bottom: 1px solid #CCC;
}
#nav > ul ul.menu_level_1 > li > a,
#nav > ul ul.menu_level_2 > li > a {
  text-decoration: none;
  display: block;
  padding: 10px 15px 10px 20px;
  color: #333;
  transition: all 150ms ease-out;
}
#nav > ul ul.menu_level_1 > li > a:hover,
#nav > ul ul.menu_level_2 > li > a:hover {
  background: #FFF;
  color: #000;
}
#nav > ul ul.menu_level_1 > li.current:before,
#nav > ul ul.menu_level_2 > li.current:before,
#nav > ul ul.menu_level_1 > li.current_ancestor:before,
#nav > ul ul.menu_level_2 > li.current_ancestor:before {
  display: block;
  position: absolute;
  left: 8px;
  top: 13px;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
  color: #666;
}
#nav > ul ul.menu_level_2 {
  border: none;
}
#nav > ul ul.menu_level_2 > li {
  border: none;
  border-top: 1px solid #CCC;
}
#nav > ul ul.menu_level_2 > li > a {
  padding: 10px 15px 10px 35px;
}
#nav > ul ul.menu_level_2 > li.current:before,
#nav > ul ul.menu_level_2 > li.current_ancestor:before {
  left: 23px;
}
#quicklinks {
  text-align: right;
}
#quicklinks a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin-left: 20px;
}
#quicklinks a i {
  margin-right: 4px;
}
#quicklinks a:hover {
  text-decoration: none;
  border-bottom: 2px solid #333333;
}
#userstatus {
  text-align: right;
  cursor: pointer;
}
#userstatus .hotellogo {
  background: #FFFFFF no-repeat center;
  background-size: cover;
  float: right;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin: 5px 0 0 10px;
  overflow: hidden;
}
#userstatus .hotelname {
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
}
#userstatus .hoteldetails {
  float: right;
  margin: 13px 0 0 0;
}
#userDetails {
  position: absolute;
  z-index: 20;
  top: 70px;
  right: 20px;
}
#userDetails a {
  background: #333333;
  padding: 6px 15px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  -webkit-box-shadow: 0px -1px 2px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 0px -1px 2px 0px rgba(50, 50, 50, 0.3);
  box-shadow: 0px -1px 2px 0px rgba(50, 50, 50, 0.3);
  color: #FFF;
  display: inline-block;
  margin-bottom: 2px;
  text-decoration: none;
  transition: background 300ms ease-out;
}
#userDetails a:hover {
  background: #656565;
}
#userDetails a i {
  margin-left: 3px;
}
#userDetails > div:last-child a {
  -webkit-border-radius: 3px 0 3px 3px;
  -moz-border-radius: 3px 0 3px 3px;
  border-radius: 3px 0 3px 3px;
}
.tc-cockpit #navi {
  border-bottom-color: #00b8d4;
}
.tc-cockpit #subnav ul.nav > li > a,
.tc-cockpit .tc-box h1.tc-box-headline {
  color: #00b8d4;
}
.tc-betrieb #navi,
.tc-admin #navi {
  border-bottom-color: #F44E1E;
}
.tc-betrieb #subnav ul.nav > li > a,
.tc-admin #subnav ul.nav > li > a,
.tc-betrieb #subnav ul.menu_level_1 > li.current > a,
.tc-admin #subnav ul.menu_level_1 > li.current > a,
.tc-betrieb #subnav ul.menu_level_2 > li.current > a,
.tc-admin #subnav ul.menu_level_2 > li.current > a,
.tc-betrieb #subnav ul.menu_level_1 > li.current > a:before,
.tc-admin #subnav ul.menu_level_1 > li.current > a:before,
.tc-betrieb #subnav ul.menu_level_1 > li > a:hover,
.tc-admin #subnav ul.menu_level_1 > li > a:hover,
.tc-betrieb #subnav ul.menu_level_2 > li > a:hover,
.tc-admin #subnav ul.menu_level_2 > li > a:hover,
.tc-betrieb .tc-box h1.tc-box-headline,
.tc-admin .tc-box h1.tc-box-headline {
  color: #F44E1E;
}
.tc-betrieb .tc-box table.colored thead th,
.tc-admin .tc-box table.colored thead th {
  background: #E8E8E8;
}
.tc-betrieb #subnav ul.nav > li > a:before,
.tc-admin #subnav ul.nav > li > a:before {
  color: #F44E1E;
  content: "\f015";
}
.tc-bewertungen #navi {
  border-bottom-color: #d1278f;
}
.tc-bewertungen #subnav ul.nav > li > a,
.tc-bewertungen #subnav ul.menu_level_1 > li.current > a,
.tc-bewertungen #subnav ul.menu_level_2 > li.current > a,
.tc-bewertungen #subnav ul.menu_level_1 > li.current > a:before,
.tc-bewertungen #subnav ul.menu_level_1 > li > a:hover,
.tc-bewertungen #subnav ul.menu_level_2 > li > a:hover,
.tc-bewertungen .tc-box h1.tc-box-headline {
  color: #d1278f;
}
.tc-bewertungen .tc-box table.colored thead th {
  background: #E8E8E8;
}
.tc-bewertungen #subnav ul.nav > li > a:before {
  color: #d1278f;
  content: "\f086";
}
.panel.holidaycheck .panel-heading span,
.panel.zoover .panel-heading span,
.panel.tripadvisor .panel-heading span {
  text-indent: -9999px;
  display: inline-block;
}
.panel.holidaycheck .panel-heading {
  background-image: url(../img/hc_logo_26.png);
  background-position: 10px center;
  background-repeat: no-repeat;
}
.panel.zoover .panel-heading {
  background-image: url(../img/zoover_logo_16.png);
  background-position: 10px center;
  background-repeat: no-repeat;
}
.panel.tripadvisor .panel-heading {
  background-image: url(../img/tripadvisor_logo_20.png);
  background-position: 10px center;
  background-repeat: no-repeat;
}
.imagepreview-container {
  position: relative;
}
.imagepreview-container button {
  /*position: absolute;
    bottom: -20px;
    right: -10px;

          border-radius: 50%;

          height: 40px;
          width: 40px;
          padding: 5px;

          border: 5px solid #FFF;*/
  margin-top: 5px;
}
.imagepreview-container.deleted:after {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0.7;
  display: inline-block;
  font: normal normal normal 60px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f014";
  margin: -30px 0 0 -30px;
  color: #656565;
}
.imagepreview-container.deleted button {
  display: none;
}
.imagepreview-container.deleted img {
  opacity: 0.3;
}
/* GRID */
#content.container {
  padding: 15px;
}
#tc {
  background: #fafafa;
  display: table;
  height: 100%;
  width: 100%;
  table-layout: fixed;
  min-width: 1600px;
}
#tc-navbar {
  display: table-cell;
  width: 280px;
  background: #484847;
  position: relative;
  vertical-align: top;
  color: #FFF;
}
#tc-navbar-header {
  height: 80px;
  padding-top: 20px;
  text-align: center;
  background: #D8D8D8;
}
#tc-contentcontainer {
  display: table-cell;
  width: 100%;
}
#overlayLoader {
  display: none;
  position: fixed;
  z-index: 2200;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(50, 50, 50, 0.8);
}
@keyframes shadowSpin {
  0% {
    box-shadow: 10px -10px #ffcc00, -10px 10px #d1278f;
  }
  25% {
    box-shadow: 10px 10px #ffcc00, -10px -10px #d1278f;
  }
  50% {
    box-shadow: -10px 10px #ffcc00, 10px -10px #d1278f;
  }
  75% {
    box-shadow: -10px -10px #ffcc00, 10px 10px #d1278f;
  }
  100% {
    box-shadow: 10px -10px #ffcc00, -10px 10px #d1278f;
  }
}
#loadingIcon {
  background-color: #00b8d4;
  opacity: 1;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin: -5px auto 0 auto;
  left: 0;
  right: 0;
  border-radius: 0px;
  border: 5px solid #00b8d4;
  box-shadow: 10px 0px #ffcc00, 10px 0px #d1278f;
  animation: shadowSpin 1s ease-in-out infinite;
}
#loadingText {
  display:none;
  width: 100%;
  height: 100px;
  position: absolute;
  top: 55%;
  left: 0;
  right: 0;
  color: white;
  text-align: center;
  font-size: 18px;
}

.spinnerpanel {
  position: relative;
}
.spinnercontainer {
  position: relative;
  min-height: 30px;
}
.tc-spinner {
  position: absolute;
  right: -1px;
  left: -1px;
  top: -1px;
  bottom: -1px;
  z-index: 20;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  font-size: 10px;
  background: rgba(255, 255, 255, 0.7);
}
.tc-spinner:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.tc-spinner > div {
  background-color: #333;
  height: 30px;
  width: 5px;
  display: inline-block;
  margin: 0 1px;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
.tc-spinner.white > div {
  background-color: #FFF;
}
.tc-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.tc-spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
@-webkit-keyframes stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
#header {
  height: 80px;
  padding: 10px 20px;
  background: #D8D8D8;
}
#clock-widget {
  text-align: center;
  padding: 10px;
  height: 40px;
  background: #333;
  color: #BBB;
}
#clock-widget .clockspace {
  display: inline-block;
  padding: 0 6px;
}
#content {
  padding: 40px;
  position: relative;
}
#content h1 {
  margin: 0 0 30px 0;
}
#content h2.tc-subheadline {
  font-size: 24px;
  margin: -25px 0 30px 0;
}
#breadcrump {
  height: 40px;
  margin-bottom: 20px;
}
#breadcrump ul {
  list-style-type: none;
  padding: 10px 0 0 0;
  margin: 0;
}
#breadcrump ul li {
  display: inline-block;
  margin-right: 7px;
  padding: 0;
}
#breadcrump ul li:after {
  display: inline-block;
  font: normal normal normal 12px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 7px;
  content: "\f105";
  color: #656565;
}
#breadcrump ul li.last:after {
  content: '';
}
#breadcrump ul li.last span {
  color: #777777;
}
/* FLASH MESSAGES */
#flashmessages {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  overflow: hidden;
}
#flashmessages > div {
  position: relative;
  padding: 10px 15px;
  background: #484847;
  color: #FFF;
  border-radius: 0 0 5px 0;
  float: left;
}
#flashmessages .flash-error:before,
#flashmessages .flash-success:before {
  display: inline-block;
  font-family: FontAwesome;
  font-size: 14px;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  margin-right: 7px;
}
#flashmessages .flash-success {
  background: #7dc437;
}
#flashmessages .flash-success:before {
  content: '\f058';
}
#flashmessages .flash-error {
  background: #e53b2e;
}
#flashmessages .flash-error:before {
  content: '\f057';
}
a.btn.no-space i.fa,
.table tr td.controls a.btn i.fa {
  margin-right: 0;
}
.table tr td.controls {
  text-decoration: none!important;
}
.table tr td.controls {
  margin-right: 0;
  width: 20px;
  white-space: nowrap;
}
.colored thead th:first-child {
  border-radius: 3px 0 0 0;
}
.colored thead th:last-child {
  border-radius: 0 3px 0 0;
}
.table tr td.id {
  width: 20px;
  white-space: nowrap;
}
.table tr.disabled td {
  color: #eb665b;
}
.panel-default > .panel-heading {
  font-weight: bold;
  border-bottom: 2px solid #333333;
}
.panel-default > .panel-body {
  padding-top: 25px;
  padding-bottom: 25px;
}
.tc-colorbox {
  display: inline-block;
  border: 1px solid #888888;
  border-radius: 2px;
  padding: 2px;
  margin-right: 5px;
  width: 30px;
  height: 30px;
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
}
.tc-colorbox span {
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.tc-colorbox.ui-draggable-dragging {
  z-index: 50;
}
.colorDropableArea {
  background: #F0F0F0;
}
.colorDropableAreaHover {
  background: #e3f3d4;
}
.header-controls-bar {
  margin: 0 0 15px 0;
}
.footer-controls-bar {
  margin: 15px 0 0 0;
}
#subnav .tc-box {
  padding: 0;
}
/* LOGIN */
#login-videocontainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#login-container {
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -160px 0 0 -250px;
  padding: 30px;
  z-index: 20;
  width: 500px;
  height: 320px;
  background: rgba(73, 73, 73, 0.75);
}
#login-logo {
  text-align: center;
  margin-bottom: 30px;
}
#login-container .login-input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 50px;
  width: 100%;
  border: none;
  padding: 15px 10px;
  margin-bottom: 10px;
}
#login-container #login-passwordfield {
  width: 350px;
}
#login-container .login-button {
  width: 80px;
  height: 50px;
  padding: 15px 10px;
  border: none;
  text-align: center;
  background: #d1278f;
  color: #FFF;
  text-transform: uppercase;
  float: right;
  transition: background-color 200ms ease-out;
}
#login-container .login-button:hover {
  background: #00b8d4;
}
#login-container .login-bottom {
  margin-top: 15px;
}
#login-container .login-checklabel {
  line-height: 30px;
  color: #FFF;
  font-weight: normal;
  font-size: 15px;
  cursor: pointer;
}
#login-container .login-checklabel .fa {
  font-size: 16px;
  width: 18px;
}
#login-container .login-register {
  float: right;
  line-height: 30px;
}
#login-container .login-register a {
  color: #FFF;
}
#login-container .login-register a:hover {
  text-decoration: underline;
}
#login-container .login-password {
  line-height: 30px;
}
#login-container .login-password a {
  color: #FFF;
}
#login-container .login-password a:hover {
  text-decoration: underline;
}
#login-error {
  position: absolute;
  left: 0;
  right: 0;
  top: -35px;
  text-align: center;
  background: #e53b2e;
  color: #FFF;
  padding: 10px;
}
/* PREVIEW */
#mailPreview {
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  padding: 3px;
  line-height: 1;
}
/* FORM */
.bottomControlsBar {
  position: fixed;
  z-index: 1000;
  min-width: 440px;
  bottom: 20px;
  left: 50%;
  margin-left: -220px;
  padding: 10px 10px;
  background: #484847;
  border-radius: 4px;
  text-align: center;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  white-space: nowrap;
}
.bottomControlsBar button i.fa,
.bottomControlsBar a.btn i.fa {
  margin-right: 3px;
  top: 0;
}
.bottomControlsBar button i.fa.fa-times,
.bottomControlsBar a.btn i.fa.fa-times {
  margin-right: 2px;
}
.bottomControlsBar .btn {
  margin: 0 5px;
  padding: 8px 15px 8px 10px;
}
.bottomControlsBar-space {
  min-height: 50px;
}
.fileinput-button {
  overflow: hidden;
  position: relative;
}
.fileinput-button input {
  cursor: pointer;
  direction: ltr;
  font-size: 200px;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@media screen {
  .fileinput-button input {
    font-size: 100%;
    height: 100%;
  }
}
#logo-preview {
  display: inline-block;
}
.form-error ul {
  padding: 0;
  list-style-type: none;
  color: #e53b2e;
}
.form-error ul li {
  padding-left: 0;
}
.form-group.disabled .checkbox label {
  color: #AAA;
  cursor: not-allowed;
}
/* STEPS */
.bs-wizard {
  margin-bottom: 20px;
}
.bs-wizard > .bs-wizard-step {
  padding: 0;
  position: relative;
}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
  color: #595959;
  font-size: 16px;
  margin-bottom: 5px;
}
.bs-wizard > .bs-wizard-step .bs-wizard-info {
  color: #999;
  font-size: 14px;
}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
  position: absolute;
  width: 30px;
  height: 30px;
  display: block;
  background: #d1278f;
  top: 45px;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  border-radius: 50%;
}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
  content: ' ';
  width: 14px;
  height: 14px;
  background: #FFF;
  border-radius: 50px;
  position: absolute;
  top: 8px;
  left: 8px;
}
.bs-wizard > .bs-wizard-step > .progress {
  background: #E5E5E5;
  position: relative;
  border-radius: 0px;
  height: 8px;
  box-shadow: none;
  margin: 20px 0;
}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
  width: 0px;
  box-shadow: none;
  background: #d1278f;
}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
  width: 100%;
}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
  width: 100%;
}
.bs-wizard > .bs-wizard-step.active .bs-wizard-stepnum {
  color: #d1278f;
  font-weight: bold;
}
.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot:after {
  background: #d1278f;
}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
  width: 100%;
}
.bs-wizard > .bs-wizard-step.last > .progress > .progress-bar {
  width: 50%;
}
.bs-wizard > .bs-wizard-step:first-child.last > .progress > .progress-bar {
  width: 0%;
}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
  background-color: #E5E5E5;
}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
  opacity: 0;
}
.bs-wizard > .bs-wizard-step:first-child > .progress {
  left: 50%;
  width: 50%;
}
.bs-wizard > .bs-wizard-step:last-child > .progress {
  width: 50%;
}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
  pointer-events: none;
}
/* ANALYTICS */
#analytics-account-table {
  width: auto;
}
#analytics-account-table td:last-child {
  padding-left: 30px;
}
#chart-daily,
#chart-month,
#chart-countries,
#chart-sources,
.chart-minheight300 {
  min-height: 300px;
  position: relative;
}
#chart-devices {
  height: 250px;
}
#content .trendIcon:before {
  font-size: 0.8em;
  content: "\f0da";
  margin-right: 15px;
  color: #ffcc00;
}
#content .trendIcon1:before {
  content: "\f0d8";
  color: #7dc437;
}
#content .trendIcon-1:before {
  content: "\f0d7";
  color: #e53b2e;
}
#content .inlineTrend {
  display: inline-block;
  margin: 0 0 0 6px;
}
#content .inlineTrend:before {
  margin-right: 3px;
}
#content .dashboard-single-value label {
  font-size: 0.5em;
  font-weight: normal;
}
#stat-reichweite-percent,
#stat-interaktion-percent {
  color: #ffcc00;
}
#stat-reichweite-percent.trendIcon-1,
#stat-interaktion-percent.trendIcon-1 {
  color: #e53b2e;
}
#stat-reichweite-percent.trendIcon1,
#stat-interaktion-percent.trendIcon1 {
  color: #7dc437;
}
/* CHART */
#content .chart-legend {
  text-align: center;
  margin: 20px 0 10px 0;
}
#content .chart-legend-element {
  display: inline-block;
  margin: 0 20px;
  color: #888;
}
#content .chart-legend-element i {
  margin-right: 2px;
}
#content .ct-label {
  font-size: 14px;
}
#content .ct-series-a .ct-bar,
#content .ct-series-a .ct-line,
#content .ct-series-a .ct-point,
#content .ct-series-a .ct-slice-pie,
#content .ct-series-a .ct-slice-donut {
  stroke: #7dc437;
}
#content .ct-series-a .ct-area,
#content .ct-series-a .ct-slice-pie {
  fill: #7dc437;
}
#content .chart-legend-a i {
  color: #7dc437;
}
#content .ct-series-b .ct-bar,
#content .ct-series-b .ct-line,
#content .ct-series-b .ct-point,
#content .ct-series-b .ct-slice-donut {
  stroke: #00b8d4;
}
#content .ct-series-b .ct-area,
#content .ct-series-b .ct-slice-pie {
  fill: #00b8d4;
}
#content .chart-legend-b i {
  color: #00b8d4;
}
#content .ct-series-c .ct-bar,
#content .ct-series-c .ct-line,
#content .ct-series-c .ct-point,
#content .ct-series-c .ct-slice-donut {
  stroke: #ffcc00;
}
#content .ct-series-c .ct-area,
#content .ct-series-c .ct-slice-pie {
  fill: #ffcc00;
}
#content .chart-legend-c i {
  color: #ffcc00;
}
#content .ct-series-d .ct-bar,
#content .ct-series-d .ct-line,
#content .ct-series-d .ct-point,
#content .ct-series-d .ct-slice-donut,
#bewertungen-chart .ct-series-a .ct-bar {
  stroke: #d1278f;
}
#content .ct-series-d .ct-area,
#content .ct-series-d .ct-slice-pie {
  fill: #d1278f;
}
#content .chart-legend-d i {
  color: #d1278f;
}
#content .ct-series-e .ct-bar,
#content .ct-series-e .ct-line,
#content .ct-series-e .ct-point,
#content .ct-series-e .ct-slice-donut {
  stroke: #F44E1E;
}
#content .ct-series-e .ct-area,
#content .ct-series-e .ct-slice-pie {
  fill: #F44E1E;
}
#content .chart-legend-e i {
  color: #F44E1E;
}
#content .ct-series-f .ct-bar,
#content .ct-series-f .ct-line,
#content .ct-series-f .ct-point,
#content .ct-series-f .ct-slice-donut {
  stroke: #55005E;
}
#content .ct-series-f .ct-area,
#content .ct-series-f .ct-slice-pie {
  fill: #55005E;
}
#content .chart-legend-f i {
  color: #55005E;
}
/* DASHBOARD */
.no-connection {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(30, 30, 30, 0.8);
  color: #FFF;
  text-align: center;
  padding: 20px;
}
.dashboard-single {
  position: relative;
  min-height: 162px;
  background: #484847;
  border-radius: 3px;
  padding: 15px;
  text-align: right;
  color: #FFF;
  overflow: hidden;
}
.dashboard-single-icon {
  position: absolute;
  left: -10px;
  bottom: 10px;
  opacity: 0.2;
  color: #FFF;
  font-size: 120px;
  line-height: 1;
}
.dashboard-single-value {
  font-size: 50px;
  line-height: 50px;
  margin-top: 20px;
  height: 50px;
}
.dashboard-single-label {
  font-size: 22px;
}
.dashboard-single-content {
  text-align: left;
  position: relative;
  z-index: 2;
}
.dashboard-single-content.text-center {
  text-align: center;
}
/* SOCIALS */
#chart-posts .table th:nth-child(1) {
  width: 30px;
}
#chart-posts .table th:nth-child(2) {
  width: 60px;
}
#chart-posts .table th:nth-child(3) {
  width: 120px;
}
#chart-posts .table th:nth-child(5) {
  width: 60px;
}
#chart-posts .table th:nth-child(6) {
  width: 220px;
}
#chart-posts .table th:nth-child(7) {
  width: 130px;
}
#chart-posts .table th:nth-child(8) {
  width: 130px;
}
#chart-posts .table th:nth-child(9) {
  width: 130px;
}
#chart-posts .table th:nth-child(10) {
  width: 130px;
}
#chart-posts-ig .table th:nth-child(1) {
  width: 30px;
}
#chart-posts-ig .table th:nth-child(2) {
  width: 60px;
}
#chart-posts-ig .table th:nth-child(3) {
  width: 120px;
}
#chart-posts-ig .table th:nth-child(5) {
  width: 60px;
}
#chart-posts-ig .table th:nth-child(6) {
  width: 200px;
}
#chart-posts-ig .table th:nth-child(7) {
  width: 60px;
}
#chart-posts-ig .table th:nth-child(8) {
  width: 200px;
}
#chart-posts-ig .table th:nth-child(9) {
  width: 80px;
}
#chart-posts-ig .table th:nth-child(10) {
  width: 100px;
}
#chart-posts-ig .table th:nth-child(11) {
  width: 80px;
}
.table > tbody > tr.socials-postline > td {
  vertical-align: middle;
  line-height: 1.2;
}
.socials-pulldownbutton {
  cursor: pointer;
}
.socials-pulldownbutton:hover > i {
  color: #3b75be;
}
.socials-postimage div {
  width: 60px;
  height: 60px;
  background: #FFF no-repeat top center;
  -webkit-background-size: cover;
  background-size: cover;
}
.socials-postmessage {
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 2.4em;
}
.table > tbody > tr.socials-postline > td.socials-paidunpaid-text {
  padding-right: 0;
  line-height: 1;
}
.socials-paidunpaid {
  line-height: 1;
  white-space: nowrap;
}
.socials-paid,
.socials-unpaid {
  height: 26px;
  line-height: 26px;
  background: #00b8d4;
  display: inline-block;
  border: 1px solid #00b8d4;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.socials-paid {
  background: #7dc437;
  border: 1px solid #7dc437;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.socials-paidunpaid-tooltip > div {
  text-align: center;
  padding: 10px;
  display: inline-block;
}
.table > tbody > tr > td.socials-paidunpaid-col {
  padding: 8px 20px 8px 8px;
}
#chart-posts .table > tbody > tr:nth-child(4n+1) > td,
#chart-posts-ig .table > tbody > tr:nth-child(4n+1) > td {
  background-color: #f9f9f9;
}
/* Expertentipps */
#expertentipps-list .media-heading,
#expertentipps-latest .media-heading {
  margin: 0;
}
#expertentipps-list .media-date,
#expertentipps-latest .media-date {
  font-size: 12px;
  margin-bottom: 10px;
  color: #333333;
}
#expertentipps-list .media-link,
#expertentipps-latest .media-link {
  margin-top: 10px;
}
#expertentipps-list .media .media-object,
#expertentipps-latest .media .media-object {
  max-width: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#expertentipps-list .tipps-cat,
#expertentipps-latest .tipps-cat,
#expertentipps-single .tipps-cat {
  font-size: 13px;
  background: #F44E1E;
  color: #FFF;
  margin-top: 10px;
  padding: 3px 5px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#expertentipps-list .tipps-cat.tipps-cat-technologie,
#expertentipps-latest .tipps-cat.tipps-cat-technologie,
#expertentipps-single .tipps-cat.tipps-cat-technologie {
  background: #32495b;
}
#expertentipps-list .tipps-cat.tipps-cat-bewertungen,
#expertentipps-latest .tipps-cat.tipps-cat-bewertungen,
#expertentipps-single .tipps-cat.tipps-cat-bewertungen {
  background: #d1278f;
}
#expertentipps-list .tipps-cat.tipps-cat-social,
#expertentipps-latest .tipps-cat.tipps-cat-social,
#expertentipps-single .tipps-cat.tipps-cat-social {
  background: #3b75be;
}
#expertentipps-list .tipps-cat.tipps-cat-kennzahlen,
#expertentipps-latest .tipps-cat.tipps-cat-kennzahlen,
#expertentipps-single .tipps-cat.tipps-cat-kennzahlen {
  background: #ffcc00;
}
#expertentipps-list .tipps-cat.tipps-cat-analytics,
#expertentipps-latest .tipps-cat.tipps-cat-analytics,
#expertentipps-single .tipps-cat.tipps-cat-analytics {
  background: #7dc437;
}
#expertentipps-list .media {
  max-width: 800px;
}
#expertentipps-single .tipps-detail-back {
  border-top: 1px solid #999;
  margin-top: 20px;
  padding-top: 20px;
}
#expertentipps-single .tipps-cat {
  display: inline-block;
  margin-top: 0;
}
#expertentipps-single h1 {
  margin-bottom: 0;
}
#expertentipps-single .expertentipps-single-content {
  margin-top: 20px;
  max-width: 900px;
}
#expertentipps-single .expertentipps-single-experte {
  line-height: 60px;
  margin-bottom: 20px;
}
#expertentipps-single .expertentipps-single-experte .media-object {
  display: inline-block;
  max-width: 60px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.panel-besucheranalyse {
  border-color: #7dc437;
}
.panel-besucheranalyse .panel-heading {
  background: #7dc437;
  border-color: #7dc437;
  color: #FFF;
}
.panel-besucheranalyse .panel-body {
  position: relative;
  min-height: 100px;
}

.panel-jobchannel {
  border-color: #007095;
}
.panel-jobchannel .panel-heading {
  background: #007095;
  border-color: #007095;
  color: #FFF;
}
.panel-jobchannel .panel-body {
  position: relative;
  min-height: 100px;
}

.panel-bewertungen {
  border-color: #d1278f;
}
.panel-bewertungen .panel-heading {
  background: #d1278f;
  border-color: #d1278f;
  color: #FFF;
}
.panel-bewertungen .panel-body {
  position: relative;
  min-height: 100px;
}
.panel-facebook {
  border-color: #3b75be;
}
.panel-facebook .dashboard-single {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.panel-facebook .panel-heading {
  color: #FFF;
  background: #3b75be;
  border-color: #3b75be;
}
.panel-instagram {
  border-color: #515BD4;
}
.panel-instagram .dashboard-single {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.panel-instagram .panel-heading {
  color: #FFF;
  background: #515BD4;
  border-color: #515BD4;
}
.panel-tipps {
  border-color: #ff840b;
}
.panel-tipps .panel-heading {
  background: #ff840b;
  border-color: #ff840b;
  color: #FFF;
}

.panel-calculator {
  border-color: #55005E;
}
.panel-calculator .panel-heading {
  background: #55005E;
  border-color: #55005E;
  color: #FFF;
}
.panel-calculator td{
  padding-bottom:3px;
}
.panel.panel-calculator{
  min-height:160px;
}

.panel-calculator-result {
  border-color: #7dc437;
}
.panel-calculator-result .panel-heading {
  background: #7dc437;
  border-color: #7dc437;
  color: #fff;
}
.panel-calculator-result td{
  padding-bottom:15px;
}

.panel-tools {
  border-color: #55005E;
}
.panel-tools .panel-heading {
  background: #55005E;
  border-color: #55005E;
  color: #FFF;
}


.panel-seo {
  border-color: #e3a650;
}
.panel-seo .panel-heading {
  background: #e3a650;
  border-color: #e3a650;
  color: #FFF;
}

.panel-seekda {
  border-color: #aa5cdb;
}
.panel-seekda .panel-heading {
  background: #aa5cdb;
  border-color: #aa5cdb;
  color: #FFF;
}

.panel-kennzahlen {
  border-color: #ffcc00;
}
.panel-kennzahlen .panel-heading {
  background: #ffcc00;
  border-color: #ffcc00;
  color: #665200;
}

.panel-pushpanda {
  border-color: #08CAAF;
}
.panel-pushpanda .panel-heading {
  background: #08CAAF;
  border-color: #08CAAF;
  color: #fff;
}

.panel-adwords {
  border-color: #aa5cdb;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0;
}
.panel-adwords .dashboard-single {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.panel-adwords .dashboard-single-icon {
  color: #666;
}
.panel-adwords .panel-heading {
  color: #FFF;
  background: #aa5cdb;
  border-color: #aa5cdb;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.panel-adwords .panel-heading > .btn.pull-right {
  margin: -4px -10px 0 0;
}
.panel-adwords:last-of-type {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.panel-adwords:first-of-type,
.panel-adwords:first-of-type > .panel-heading {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.panel-adwords .campaign {
  background: rgba(255, 255, 255, 0.1);
  line-height: 30px;
  padding: 0 7px;
  margin-bottom: 2px;
}
.panel-adwords .campaign > i {
  line-height: inherit;
  cursor: pointer;
}
.panel-disabled {
  opacity: 0.35;
  border-color: #333;
}
.panel-disabled .panel-heading {
  color: #FFF;
  background: #333;
  border-color: #333;
}
#versandrichtlinien .modal-header {
  background: #d1278f;
  color: #FFF;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
#versandrichtlinien .modal-header button {
  color: #FFF;
}

/* TRESOR */
#tresor{
  padding-bottom:20px;
}

#tresor-info{
  padding-bottom:20px;
}

#tourismuscockpit_bundle_toolsbundle_safe_submit{
  color: #ffffff;
  background-color: #7dc437;
  border-color: #70b031;
}

/* VERTRAG */
#stillgelegt {
  text-align: center;
}
#stillgelegt h1 {
  margin-bottom: 0;
}
#stillgelegt h3 {
  margin-bottom: 30px;
}
#stillgelegt-icon {
  margin-bottom: 30px;
}
#stillgelegt-icon i {
  font-size: 120px;
}
/* INTRO */
.headline-stepnum {
  display: inline-block;
  background: #DDDDDD;
  color: #333333;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 5px;
  font-weight: bold;
  font-size: 18px;
  vertical-align: top;
}
.intro-stepnum {
  display: inline-block;
  background: #DDDDDD;
  color: #484847;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 5px;
  font-weight: bold;
  font-size: 13px;
  vertical-align: top;
}
#intro-navi .finished {
  color: #888;
}
#intro-navi .finished .intro-stepnum {
  background: #333;
  content: '';
}
#intro-navi .finished .intro-stepnum:before {
  content: '\f00c';
  display: inline-block;
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  color: #666;
}
#intro-navi {
  padding: 10px;
}
#intro-navi ul {
  list-style: none;
  margin: 40px 0 0 0;
  padding: 0;
}
#intro-navi li {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 12px;
}
#intro-navi li.active {
  color: #7dc437;
}
#intro-navi li.active .intro-stepnum {
  background: #7dc437;
  color: #FFF;
}
#intro-navi ul.isFree-1 .step3,
#intro-navi ul.isFree-1 .step4,
#intro-navi ul.isFree-1 .step5 {
  /*opacity: 0.3;
      text-decoration: line-through;*/
}
#intro-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.85);
}
#intro-overlay #intro-text {
  position: absolute;
  top: 50%;
  margin-top: -80px;
  height: 160px;
  left: 0;
  right: 0;
  background: #00b8d4;
  color: #FFF;
  text-align: center;
  font-size: 80px;
  line-height: 160px;
}
#intro-overlay.color-cyan #intro-text {
  background: #00b8d4;
}
#intro-overlay.color-pink #intro-text {
  background: #d1278f;
}
#intro-overlay.color-green #intro-text {
  background: #7dc437;
}
#intro-overlay.color-blue #intro-text {
  background: #3b75be;
}
/* LOGS */
tr.log-status .log-status-icon:before {
  display: inline-block;
  font-family: FontAwesome;
  font-size: 14px;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #333;
  width: 25px;
  text-align: center;
}
tr.log-status.log-status-agreement .log-status-icon:before {
  content: "\f0f6";
}
tr.log-status.log-status-register .log-status-icon:before {
  content: "\f07a";
}
tr.log-status.log-status-login .log-status-icon:before {
  content: "\f090";
}
tr.log-status.log-status-payment .log-status-icon:before,
tr.log-status.log-status-payment_fail .log-status-icon:before {
  content: "\f09d";
}
tr.log-status.log-status-payment_fail .log-status-icon:before {
  color: #e53b2e;
}
/* Portalauswertung */
.ratingstars {
  position: relative;
  font-size: 40px;
  line-height: 50px;
  width: 258px;
  height: 50px;
}
.ratingstars > div {
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.ratingstars > div i.fa-star {
  margin: 0 3px;
}
.ratingstars .ratingstars-light {
  width: 100%;
  color: #DDDDDD;
}
.ratingstars .ratingstars-color {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 70%;
  color: #ffcc00;
}
.ratingstars.ratingstars-5 {
  width: 216px;
}
.ratingstars.ratingstars-10 {
  width: 340px;
  font-size: 30px;
}
.ratingstars.ratingstars-small {
  font-size: 25px;
  line-height: 30px;
  height: 30px;
  width: 152px;
}
.ratingstars.ratingstars-small > div i.fa-star {
  margin: 0 1px;
}
.ratingstars.ratingstars-small.ratingstars-5 {
  width: 127px;
}
.ratingstars.ratingstars-small.ratingstars-10 {
  width: 253px;
}
.ratingbar {
  margin-bottom: 10px;
}
.ratingbar-label,
.ratingbar-bar,
.ratingbar-value {
  display: block;
  width: 30%;
  float: left;
  line-height: 30px;
}
.ratingbar-value {
  width: 20%;
  text-align: right;
  font-weight: bold;
}
.ratingbar-bar {
  width: 50%;
  position: relative;
  background: #DDDDDD;
  height: 30px;
}
.ratingbar-bar .ratingbar-bar-inner {
  position: absolute;
  height: 100%;
  background: #333333;
}
.portalauswertung-holidaycheck .ratingbar-bar-inner {
  background: #0058A3;
}
.portalauswertung-tripadvisor .ratingbar-bar-inner {
  background: #6BA454;
}
.portalauswertung-bewertungen,
.portalauswertung-recom,
#cockpit-bewertungen .reviews,
#cockpit-bewertungen .rating {
  font-size: 60px;
  font-weight: bold;
  line-height: 1;
  border-bottom: 2px solid #656565;
  margin-bottom: 7px;
}
.portalauswertung-rating {
  margin-top: 25px;
}
.portalauswertung-rating .ratingstars {
  margin: 0 auto;
}
.portalauswertung-details {
  margin-top: 25px;
}
.portalauswertung-details h3 {
  border-bottom: 2px solid #656565;
  margin-bottom: 20px;
  padding-bottom: 8px;
  text-align: center;
}
.portalauswertung-detailbewertungen .panel-heading {
  padding: 5px 15px;
}
.portalauswertung-detailbewertungen .panel {
  position: relative;
}
.portalauswertung-bewertungen-reisedatum {
  margin: 0 0 15px 15px;
  text-align: right;
}
.portalauswertung-bewertungen-neu {
  position: absolute;
  background: #d1278f;
  color: #FFF;
  padding: 5px 10px;
  font-weight: bold;
  top: -10px;
  left: 20px;
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
}
.portalauswertung-bewertungen-rating {
  line-height: 30px;
}
.portalauswertung-bewertungen-rating .ratingstars {
  display: inline-block;
  margin-right: 5px;
}
.portalauswertung-bewertungen-rating .ratingtext {
  vertical-align: top;
}
#cockpit-bewertungen .reviews {
  font-size: 50px;
}
#cockpit-bewertungen .rating {
  font-size: 42px;
}
.cockpitpanel-big .panel-body {
  min-height: 390px;
}
.cockpitpanel-small .panel-body {
  min-height: 165px;
}
/* Hilfetexte */
/*
.hilfetext{

  display: inline-block;
  margin-left: 2px;

  background: #FFF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;

  width: 16px;
  height: 16px;

  line-height: 16px;
  text-align: center;

  vertical-align: middle;

  cursor: pointer;

  > i{

    color: @colorcoding-green;

    font-size: 13px;

  }

  &:hover{

    -webkit-box-shadow: 0 0 3px 0 rgba(33,33,33,0.6);
    -moz-box-shadow: 0 0 3px 0 rgba(33,33,33,0.6);
    box-shadow: 0 0 3px 0 rgba(33,33,33,0.6);

  }

}*/
.hilfetext {
  display: inline-block;
  margin-left: 3px;
  height: 16px;
  width: 16px;
  font-size: 16px;
  line-height: 1;
  color: #AAA;
}
.hilfetext > i {
  font-size: 16px;
  cursor: pointer;
}
.hilfetext:hover {
  opacity: 0.8;
}
.panel-heading .hilfetext {
  vertical-align: middle;
  color: inherit;
}
h1 .hilfetext {
  vertical-align: middle;
}
#hilfepopup {
  position: absolute;
  z-index: 200;
  background: #FFF;
  top: 50px;
  left: 50%;
  width: 500px;
  -webkit-box-shadow: 0 0 20px 2px rgba(33, 33, 33, 0.5);
  -moz-box-shadow: 0 0 20px 2px rgba(33, 33, 33, 0.5);
  box-shadow: 0 0 20px 2px rgba(33, 33, 33, 0.5);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#hilfepopup-title {
  margin: 0;
  padding: 10px 20px;
  background: #333333;
  color: #FFF;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  cursor: move;
}
#hilfepopup-close {
  display: block;
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
  background: #FFF;
  color: #333333;
  width: 22px;
  height: 22px;
  line-height: 22px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
}
#hilfepopup-close i {
  vertical-align: top;
  font-size: 17px;
  line-height: 22px;
}
#hilfepopup-close:hover {
  color: #656565;
}
#hilfepopup-content {
  padding: 30px 20px;
}
#chart-posts .socials-postline-comments,
#chart-posts-ig .socials-postline-comments {
  background: #F6F7F9;
  display: none;
}
#chart-posts .socials-postline-comments > td,
#chart-posts-ig .socials-postline-comments > td {
  padding: 0;
}
#chart-posts .socials-postline-comments > td > .fb-comments-container,
#chart-posts-ig .socials-postline-comments > td > .fb-comments-container {
  padding: 20px;
  border-bottom: 20px solid #FFF;
}
#chart-posts .fb-comment,
#chart-posts-ig .fb-comment {
  position: relative;
  max-width: 550px;
  margin-bottom: 15px;
  padding-right: 15px;
}
#chart-posts .fb-comments-subcomments .fb-comment,
#chart-posts-ig .fb-comments-subcomments .fb-comment {
  max-width: 500px;
}
#chart-posts .fb-comment-delete,
#chart-posts-ig .fb-comment-delete,
#chart-posts .fb-comment-edit,
#chart-posts-ig .fb-comment-edit {
  visibility: hidden;
}
#chart-posts .fb-comment-delete > .fa,
#chart-posts-ig .fb-comment-delete > .fa,
#chart-posts .fb-comment-edit > .fa,
#chart-posts-ig .fb-comment-edit > .fa {
  color: #888;
  cursor: pointer;
}
#chart-posts .fb-comment-delete > .fa:hover,
#chart-posts-ig .fb-comment-delete > .fa:hover,
#chart-posts .fb-comment-edit > .fa:hover,
#chart-posts-ig .fb-comment-edit > .fa:hover {
  color: #e53b2e;
}
#chart-posts .fb-comment-edit > .fa:hover,
#chart-posts-ig .fb-comment-edit > .fa:hover {
  color: #ffcc00;
}
#chart-posts .fb-comment:hover .fb-comment-edit,
#chart-posts-ig .fb-comment:hover .fb-comment-edit,
#chart-posts .fb-comment:hover .fb-comment-delete,
#chart-posts-ig .fb-comment:hover .fb-comment-delete {
  visibility: visible;
}
#chart-posts .fb-comment-from,
#chart-posts-ig .fb-comment-from {
  font-weight: bold;
  color: #365899;
}
#chart-posts .fb-comment-pic,
#chart-posts-ig .fb-comment-pic {
  width: 40px;
  float: left;
}
#chart-posts .fb-comment-pic img,
#chart-posts-ig .fb-comment-pic img {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#chart-posts .fb-comment-message,
#chart-posts-ig .fb-comment-message {
  padding-left: 10px;
  overflow: hidden;
  line-height: 1.15;
}
#chart-posts .fb-comment-actions,
#chart-posts-ig .fb-comment-actions {
  margin-top: 5px;
  line-height: 1;
}
#chart-posts .fb-comment-actions a,
#chart-posts-ig .fb-comment-actions a {
  font-weight: bold;
  color: #365899;
  cursor: pointer;
}
#chart-posts .fb-comment-actions .date,
#chart-posts-ig .fb-comment-actions .date {
  color: #888;
}
#chart-posts .fb-comment-likes,
#chart-posts-ig .fb-comment-likes {
  color: #365899;
  font-weight: bold;
  cursor: help;
}
#chart-posts .fb-comment-likes .fa,
#chart-posts-ig .fb-comment-likes .fa {
  background: #5890FF;
  color: #FFF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 10px;
  height: 17px;
  width: 17px;
  line-height: 17px;
  text-align: center;
}
#chart-posts .tooltip,
#chart-posts-ig .tooltip {
  white-space: nowrap;
}
#chart-posts .tooltip .tooltip-inner,
#chart-posts-ig .tooltip .tooltip-inner {
  max-width: none;
}
#chart-posts .fb-comment-input,
#chart-posts-ig .fb-comment-input {
  height: 32px;
  margin-top: 3px;
  line-height: 1.15;
  min-width: 300px;
  border: 1px solid #DDD;
  padding: 8px;
  resize: none;
}
#chart-posts .fb-comment-message-att,
#chart-posts-ig .fb-comment-message-att {
  margin-top: 5px;
}
#chart-posts .fb-comments-subcomments,
#chart-posts-ig .fb-comments-subcomments {
  margin-left: 38px;
  border-left: 2px solid #DDD;
  padding-left: 10px;
}
#chart-posts .fb-comments-subcomments .fb-comment-pic,
#chart-posts-ig .fb-comments-subcomments .fb-comment-pic {
  width: 24px;
}
#chart-posts .fb-comments-subcomments .fb-comment-pic img,
#chart-posts-ig .fb-comments-subcomments .fb-comment-pic img {
  width: 24px;
}
#chart-posts .fb-comments-subcomments .fb-comment-input,
#chart-posts-ig .fb-comments-subcomments .fb-comment-input {
  height: 24px;
  margin-top: 0;
  line-height: 24px;
  padding: 0 8px;
}
.filterform {
  margin-bottom: 20px;
}
.modal-title .fa {
  margin-right: 8px;
}
#news-popup .modal-dialog {
  width: 630px;
}
#facebookpost {
  max-width: 600px;
}
#facebookpost_message {
  min-height: 180px;
}
.tab-pane {
  padding: 20px;
  min-height: 50px;
  background: #FFF;
  border: 1px solid #ddd;
  border-top: none;
}
#photos .fileinput-button {
  display: inline-block;
}
#photos .fileinput-button > i {
  margin-right: 4px;
}
#photos > span {
  display: none;
}
#files.fb-new-files > div {
  position: relative;
  display: inline-block;
  margin: 0 10px 10px 0;
  border: 1px solid #CCC;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #FFF;
}
#files.fb-new-files > div p {
  margin: 0;
}
#files.fb-new-files > div canvas {
  display: block;
}
#files.fb-new-files > div .fa-times-circle {
  position: absolute;
  z-index: 10;
  top: -12px;
  right: -12px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 28px;
  color: #e53b2e;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #FFF;
  cursor: pointer;
}
#files.fb-new-files > div .fa-times-circle:hover {
  color: #000;
}
#dropzone {
  display: none;
  background: #F0F0F0;
  border: 1px dashed #AAA;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
}
#dropzone > i {
  margin-bottom: 5px;
}
#dropzone.in {
  display: block;
}
#dropzone.hover {
  background: #E0E0E0;
}
#dropzone.fade {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 1;
}
#testpro {
  margin-top: 50px;
  padding: 0 15px;
}
#testpro .btn-big {
  text-align: center;
}
#testpro .btn-big > .fa {
  color: #484847;
  margin-bottom: 10px;
}
#testpro .btn-big > div {
  font-size: 16px;
  line-height: 1.05;
}
.tc-free.addPreviewBackground.tc-bewertungen #tc-contentcontainer {
  background: url(../img/free-demo/bewertungsportale-auswertung.png) no-repeat 0 80px;
}
.tc-free.addPreviewBackground.tc-bewertungen #tc-contentcontainer #content {
  min-height: 1300px;
}
.tc-free.addPreviewBackground.tc-kennzahlen #tc-contentcontainer {
  background: url(../img/free-demo/bettenauslastung.png) no-repeat 0 80px;
}
.tc-free.addPreviewBackground.tc-kennzahlen #tc-contentcontainer #content {
  min-height: 800px;
}
#content .no-access-content {
  max-width: 1000px;
  min-height: 400px;
  margin: 0 auto;
  padding: 30px;
  background: rgba(33, 33, 33, 0.95);
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px rgba(33, 33, 33, 0.7);
  -moz-box-shadow: 0 0 10px rgba(33, 33, 33, 0.7);
  box-shadow: 0 0 10px rgba(33, 33, 33, 0.7);
  border-top: 4px solid #d1278f;
}
#content .no-access-content h1 {
  margin: 0 0 20px 0;
}
#content .no-access-content h4 {
  margin-bottom: 10px;
}
#content .no-access-content b {
  color: #d1278f;
}
#content .no-access-content ul {
  margin: 10px 0 15px 0;
}
.packages {
  max-width: 1100px;
}
.package-container {
  position: relative;
  z-index: 0;
  width: 25%;
  float: left;
  padding: 0 10px;
  text-align: center;
}
.package-container .package-content {
  background: #F0F0F0;
}
.package-container .package-innercontent {
  padding: 20px 10px;
  text-align: left;
}
.package-container .package-innercontent ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.package-container .package-innercontent ul > li {
  padding: 7px 0;
  line-height: 1.05;
}
.package-container .package-innercontent ul > li:before {
  content: '\f046';
  display: inline-block;
  font-family: FontAwesome;
  font-size: 14px;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  margin-right: 5px;
  color: #7dc437;
}
.package-container .package-betten {
  padding: 15px 0;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}
.package-container .package-betten > b {
  color: #d1278f;
}
.package-container .package-startext {
  padding: 15px 0;
  font-size: 12px;
  background: #FAFAFA;
  color: #777;
}
.package-container .package-title {
  background: #d1278f;
  color: #FFF;
  font-size: 26px;
  text-transform: uppercase;
  padding: 10px 0;
  border-bottom: 1px solid #E0E0E0;
}
.package-container .package-price,
.package-container .package-noprice {
  font-size: 30px;
  letter-spacing: -3px;
  margin: 0;
  padding: 15px 0;
  min-height: 90px;
}
.package-container .package-price span,
.package-container .package-noprice span {
  color: #888;
  display: block;
  font-size: 12px;
  letter-spacing: 1px;
  margin-top: -1px;
  text-transform: uppercase;
}
.package-container .package-noprice {
  font-size: 16px;
  letter-spacing: normal;
  line-height: 60px;
}
.package-container .package-buy {
  background: none;
}
.package-container .package-buy > .btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.package-container .package-after .package-price {
  font-size: 26px;
  letter-spacing: 0;
  line-height: 26px;
  padding: 15px 0;
}
.package-container .package-after .package-price span {
  font-size: 12px;
}
.aufgabe-neu {
  display: inline-block;
  background: #e53b2e;
  color: #FFF;
  padding: 0 10px;
  margin-right: 4px;
  font-weight: bold;
}
.aufgaben-icon {
  position: absolute;
  top: -5px;
  right: 5px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  font-size: 20px;
}
body.tc-bewertungen-config-portale .col-md-8 {
  word-break: break-all;
}

.portalauswertung-bewertungen-text table{
  width:100%;
  border-collapse: collapse;


}
.portalauswertung-bewertungen-text td{
  vertical-align: top;
  padding: 15px 15px 0 15px;
}
.portalauswertung-bewertungen-text td:first-child{
  border-right: 1px solid #cccccc;
}

.panel-footer {
  display:flex;
  flex-direction: row;
}

.footer-date{
  width:50%;
}

.footer-link{
  width:50%;
  text-align: right;
}

/* Administration - Betriebe ein ausblenden */

.gesperrt, .gekuendigt, .stillgelegt{
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  color: #ffffff;
  background-color: #7dc437;
  border-color: #7dc437;
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.gesperrt:before{
  padding-right: 5px;
  font: normal normal normal 12px/1 FontAwesome;
  content: "\f05e";
}
.gekuendigt:before{
  padding-right: 5px;
  font: normal normal normal 12px/1 FontAwesome;
  content: "\f071";
}
.stillgelegt:before{
  padding-right: 5px;
  font: normal normal normal 12px/1 FontAwesome;
  content: "\f28b";
}

/* Job Channel Manager */

.countryspace{
  padding-top: 20px;
  font-size: 18px;
}

.countryspace img{
  vertical-align: 5px;
}

.panel-jobchannel a{
  color: #007095;
  font-weight: 700;
}

.rowboarder{
  border-top: 1px solid #007095;
  margin-top: 40px;
}

/* Kampagnen PushPanda */

.kampagnenchart{
  padding: 20px 0;
}

.pptrenner{
  margin-top: 30px;
  padding-top: 10px;
  border-top: #08CAAF 1px solid;
  font-weight: bold;
}

.seekdacontainer{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.panel-seekda{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.panel-seekda .panel{
  width: 100%;
}

.panel-seekda .panel-heading{
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 60px;
}

.panel-seekda .panel-heading a{
  margin-left: auto;
}

.panel-seekda-g{
  display:grid;
}

.panel-seekda-g .panel{
  position: relative;
}

.panel-seekda-g .panel .panel-body{
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
}
.panel-seekda-g .panel .panel-body span{
  font-size: 10px;
}

.ankunft .panel-seekda .panel .panel-body{
  min-height: 300px;
}

.panel-seekda .panel-body.no-data {
  position: relative;
  height: 250px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.panel-seekda .panel-body.no-data i.fa-window-close {
  font-size: 220px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.1;
  z-index: 1;
}

.panel-seekda .panel-body.no-data p {
  z-index: 2;
  position: relative;
  font-size: 18px;
  font-weight: bold;
}

.panel-seekda-padding-top{
  padding-top: 20px;

}
.panel-seekda-padding-bottom{
  padding-bottom: 20px;
}

.text-seekda-blau{
  color: #0d6efd;
  font-size: 24px;
  font-weight: 700;
}
.text-seekda-orange{
  color: #fd7e14;
  font-size: 24px;
  font-weight: 700;
}

.ankunft .html-text{
  padding: 0 45px 15px 45px;
  color: #333333;
}

.ankunft .html-text table{
  width: 100%;
  text-align: center;
  border: 1px solid #f1f1f1;
}

.ankunft .html-text table td{
  padding: 15px;
}

.ankunft .html-text table th{
  background-color: rgba(217, 217, 217, 0.6);
  text-align: center;
  padding: 5px;
  font-weight: normal;
}

.seekdadropdown{
  padding: 20px;
}

.seekdatext{
  padding-bottom: 40px;
}

.copy-btn:before {
  padding-right: 5px;
  font: normal normal normal 16px/1 FontAwesome;
  content: "\f24d";
}

.ki-btn{
  background-color: #d1278f;
  transition: background-color 0.5s ease, box-shadow 0.3s ease;
}

.ki-btn:hover {
  background-color: #ff009c;
  box-shadow: 0px 0px 10px 0px rgb(236, 80, 175, 1);
}

.ki-btn::before {
  padding-right: 5px;
  font: normal normal normal 16px/1 FontAwesome;
  content: "\f27b";
}

.ki-cursor::after {
  color: #ff009c;
  font-weight: 700;
  font-size: 18px;
  content: "_";
  animation: blink 1s infinite;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}


.ki-green-fade {
  animation-name: colorchange;
  animation-duration: 4s;
  animation-fill-mode: forwards;
}

@keyframes colorchange {
  0%   {color: black;}
  100% {color: green;}
}

/* Footer */
#tc-footer {
  background-color: #484847;
  color: #DDDDDD;
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#tc-footer a {
  color: #DDDDDD;
}