/*
#0a6bb2 hellblau 
#095289 dunkelblau
#ee712e	orange 
#d05d1f oragne hover
#70c047 gruen
#419641 grün hover
#444444	schwarz
#F70000 rot
#db0000 rot hover
112/192/71	grader grün
196/37/39 grader rot
#efefef ganz helles grau (Tabellenhintergrund)
#a4d4a8 Gruppe A (hellgrün)
#86bde6 Gruppe B (hellblau)
#f59098 Gruppe C (hellrot)
*/

/*
@font-face {
  font-family: 'ubunturegular';
  src: url("/lib/fonts/ubuntu-r-webfont.woff2") format("woff2"), url("/lib/fonts/ubuntu-r-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ubuntulight';
  src: url("/lib/fonts/ubuntu-l-webfont.woff2") format("woff2"), url("/lib/fonts/ubuntu-l-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
*/

@import url('custom.css');

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 140px;
  margin-top: 140px;
  font-size: 1.8rem !important;
}

a:hover {
  color: #ee712e;
}
.th-right th {
  text-align: right;
}
.element-left {
  float: left;
}
.element-left span.fas {
  margin-top: 10px;
}

.blue {
  background: #0a6bb2;
}
a.blue:hover {
  background: #095289;
}
.group-a, .group-A {
  color: #fff;
  text-align: center !important;
  font-weight: 400;
  background: #a4d4a8 !important;
  border-bottom: 1px solid #fff !important;
}
.text-group-a {
  color: #a4d4a8;
}
.group-b, .group-B {
  color: #fff;
  text-align: center !important;
  font-weight: 400;
  background: #86bde6 !important;
  border-bottom: 1px solid #fff !important;
}
.text-group-b {
  color: #86bde6;
}
.group-c, .group-C {
  color: #fff;
  text-align: center !important;
  font-weight: 400;
  background: #f59098 !important;
  border-bottom: 1px solid #fff !important;
}
.text-group-c {
  color: #f59098;
}
.fullwidth {
  width: 100%;
}

.tablebackground {
  background: #efefef;
}
.white {
  background: #fff;
}
.row {
  margin-left:0;
  margin-right:0;
}

.spacer45 {
  height: 45px;
}

.table-wrapper{
  background: white;
}

.content p a {
  padding-bottom: 3px;
  border-bottom: 1px dotted #0A6bb2;
  text-decoration: none;
}

.content p a:hover, .content a:hover, .content a:focus, .content a:visited {
  text-decoration: none;
}

a .fas {
	color: #333;
}
a .fas:hover {
	color: #222;
}

.lead {
	font-size: 1.8rem;
}

.container .text-muted {
  margin: 20px 0;
}

.navbar-wb {
  transition: line-height 0.3s ease;
  -webkit-transition: line-height 0.3s ease;
  background-color: #0a6bb2;
  z-index: 1030;
  margin-bottom:0px;
}

.navbar-wb-blue {
	height: 75px;
  transition: line-height 0.3s ease;
  -webkit-transition: line-height 0.3s ease;
  color: #ffffff;
  z-index: 1030;
  background-color: #0a6bb2;
  margin-bottom:0px;
}

.navbar-fixed-top {
	border-width: 0;
}

.navbar-wb-blue .container-fluid {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}


/* Hide for mobile, show later */
.sidebar {
  display: none;
}

#wb-navbar .disabled a {
  color:#e0e0e0;
}

@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 61px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: rgb(247, 247, 247) !important;
  }
}

/*
 * Horizontal Navigation
 */

  .third-level-nav {
  list-style-type: none;
  margin-bottom: 20px;
  padding: 0px;
  border-bottom: solid 1px #f5f5f5;
  text-align:left;
  display:flex;
  justify-content: space-evenly;
  width:100%;
 }

.third-level-nav li {
  padding-bottom:0px;
  display:inline-block;
  text-align:center;
  height:inherit;
  padding:0px;
  
}


.third-level-nav li a {
  opacity: 0.7;
  padding:15px;
  display:block;
  color: #000;
  border:none;
  font-weight:600;
  line-height:22px;
  font-size:18px;
}

.third-level-nav li a:hover, .third-level-nav li a:focus {
  text-decoration:none;
  opacity:1;
}

.third-level-nav li.active a {
  color:#0a6bb2;
  opacity:1;
}

.third-level-nav li.active {
  border-bottom:solid 3px #0a6bb2;
  height:inherit;
}

/*
 * Main content
 */

 .content {
  margin-top: 20px;
}


@media (min-width: 768px) {
  .third-level-nav li a {
    padding: 50px 1.4rem 5px 1.4rem;
 }
}

.main .page-header {
  margin-top: 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

#topbar .form-inline {
	display: flex;
	justify-content: center;
}


.form-signin {
  max-width: 500px;
  padding: 15px;
  margin: 0 auto;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}

.form-signin .checkbox {
  font-weight: normal;
}

.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}

.form-signin .form-control:focus {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.form-inline .form-group {
	display: flex;
}
.form-inline label {
	margin-bottom: 0;
	margin-right: 5px;
	margin-top: 3px;
}
.form-inline .btn-primary {
	margin-right: 20px;
}

.form-group.checkbox-wrapper .checkbox {
  margin-bottom: 20px;
  padding-left: 20px;
}

.form-group.checkbox-wrapper {
  margin-bottom: 25px;
}

.block-label {
    display: block;
    margin-bottom: 20px;
}


.footer {
  bottom: 0;
  position: absolute;
  width: 100%;
  background-color: #f2f2f2;
  z-index: 1001;
  color: #70757a;
  padding: 15px;
  font-size: 1.5rem;
}

.footer a {color: #70757a; margin-left: 30px;}
.footer a[href*="mailto:info@adwords-controlling.info"] {margin-left: 0;}
.footer span {
  display: block;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #dadce0;
}

.footer .right a {
  margin-left: 1;
}

.content {
  margin-top: 75px;
  margin-bottom: 130px;
}

.loading-container {
  width: 100%;
  min-height: 250px;
  padding: 20px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loading-container > img {
  flex: 0 0 auto;
}

#overviewTable img.loading {
  width: 20px;
}

.topFlopTable {}

.medal-div h3, .ad-tooltip h3 {
  color: #1a0dab;
  font-weight: normal;
}

.medal-div h3:hover {
  text-decoration: underline;
}

p.ad-url {
  color: #006621;
}

.ad-tooltip {
  background-color: white;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.medal-div p.place {
  background: #ddd;
  text-align: center;
  padding: 20px;
  font-size: 20px;
}

.medal-div p.description, .ad-tooltip p.description {
  color: #545454;
}

#medal-div1 {
  margin-top: 30px;
}

#medal-div3 {
  margin-top: 60px;
}

div.DTFC_LeftBodyWrapper table {
	margin-top: 1px !important;
}
  
.table-striped > tbody > tr.tr-hover {
  border: 2px solid #ddd;
}

.table-responsive {
  border: none;
}

.table-striped > tbody > tr:nth-of-type(even) {
	background: #fff;
}

.table-vertical-align-middle > tbody > tr > td {
  vertical-align: middle;
}

.description-tooltip {
  background-color: black;
  color: white;
  font-size: 15px;
}

a.g-icon {
  background: url("/google_signin_buttons/1x/btn_google_signin_dark_normal_web.png") no-repeat;
  display: block;
  vertical-align: middle;
  width: 191px;
  height: 46px;
  margin: auto;
  border: 0 none;
}

a.g-icon:hover {
  background: url("/google_signin_buttons/1x/btn_google_signin_dark_pressed_web.png") no-repeat;
}

a.g-icon::after {
  display: none !important;
}

.daterange {
  padding: 5px 0px 0px 0px;
}

.table > tbody > tr > td.td-variance-left, .table > tfoot > tr > td.td-variance-left {
  padding-right: 0;
  border-right: 3px solid #000;
  text-align: right;
}

.table > tbody > tr > td.td-variance-right, .table > tfoot > tr > td.td-variance-right {
  padding-left: 0;
  text-align: left;
}

.progress-bar-variance {
  margin-bottom: 0;
  border-radius: 0;
  background-image: none;
  background-color: inherit;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.invisible {
  visibility: hidden;
}

.red {
  color: red;
}

.green {
  color: green;
}

.pyramide div.zone {
  text-align: center;
  height: 100px;
  line-height: 100px;
  width: 100%;
  border: 2px #fff solid;
}

.pyramide div.zone span {
  display: inline-block;
  vertical-align: middle;
  line-height: 15px;
  color: white;
  font-size: 20px;
  font-style: Arial;
}

.wb-tooltip {
  color: #1b3b6f;
  font-weight: bold;
  cursor: help;
}

.toggle-bar span {
  margin-left:10px;
}

.wb-tooltip::after {
  content: "?";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 1px;
  background-color: #ebebeb;
  vertical-align: top;
  font-size: 9px;
  color: #767675;
  text-align: center;
}

.pyramide .impression {
  text-align: center;
}

#pyramide {
  transform-style: preserve-3d;
  width: 100%;
}

.pyramide-side {
  float: left;
  width: 50%;
}

#pyramidside-conversions {
  /*transform: translate(240px,0px) rotateY(65deg) rotateZ(0deg) rotateX(-25deg);*/
}

#pyramidside-cost {
  /*transform: translate(-342px,0px) rotateY(61deg) rotateZ(0deg) rotateX(27deg)*/
}

.zone:nth-child(1) {
  clip-path: url(#top);
  -webkit-clip-path: polygon(50% 0%, 37.5% 100%, 62.5% 100%);
  clip-path: polygon(50% 0%, 37.5% 100%, 62.5% 100%);
  background-color: rgb(198, 207, 222);
}

.zone:nth-child(2) {
  clip-path: url(#conversions);
  -webkit-clip-path: polygon(37.5% 0, 62.5% 0, 75% 100%, 25% 100%);
  clip-path: polygon(37.5% 0, 62.5% 0, 75% 100%, 25% 100%);
  background-color: rgb(170, 183, 208);
}

.zone:nth-child(3) {
  clip-path: url(#clicks);
  -webkit-clip-path: polygon(25% 0, 75% 0, 87.5% 100%, 12.5% 100%);
  clip-path: polygon(25% 0, 75% 0, 87.5% 100%, 12.5% 100%);
  background-color: rgb(46, 60, 86);
}

.dropdown-submenu {
  position: relative;
  list-style-type: none;
}

.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;
  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: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}

/* ============== Sidebar navigation ============== */
/* ============== ================== ============== */

.navbar-collapse.collapse {
  padding: 0;
}

#wb-navbar ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
#wb-navbar ul li a {
  color: #444;
}
#wb-navbar ul li a:hover,
#wb-navbar ul li:hover span {
  color: #ee712e;
  background: none;
}

/* level-1 */
#wb-navbar ul li {
  list-style: none;
  padding: 1rem 0;
  border-bottom:1px solid #e0e0e0;
}
#wb-navbar ul li.active a {
  color:#ee712e !important;
}
#wb-navbar ul li.active span {
  color: #ee712e;
}

/* level-1 PREMIUM/CONSULTING Account Einstellungen */
.controlling:before,
.performance:before {
  position: absolute;
  right: 0;
  margin-top: 10px;
  content: "Premium";
  background: #ee712e;
  font-size: 10px;
  color: #fff;
  right: 0;
  width: 60px;
  height: 20px;
  padding: 2px;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 3px;
}
.performance:before {
  content: "Consulting";
}

#wb-navbar ul li.controlling a,
#wb-navbar ul li.performance a,
#wb-navbar ul li.controlling span,
#wb-navbar ul li.performance span {
  color: #ccc;
  cursor: text;
}

/* level-2 */
#wb-navbar ul li ul li {
  padding: 0 0 0 40px;
  border: none;
}
#wb-navbar ul li ul li a {
  padding: 3px 0;
  font-weight: 400;
  font-size: 1.6rem;
}
#wb-navbar ul li.active ul li a {
  color: #444 !important;
}
#wb-navbar ul li.active ul li.active a,
#wb-navbar ul li.active ul li:hover a {
  color:#ee712e !important;
  background: none;
}

/* level-3 */
#wb-navbar ul li ul li ul li {
  padding: 0 0 0 20px;
}
#wb-navbar ul li ul li ul li a{
  font-weight: 300;
  font-size: 1.6rem;
  text-decoration: none;
}
#wb-navbar ul li.active ul li.active ul li a {
  color: #444 !important;
}
#wb-navbar ul li.active ul li.active ul li.active a,
#wb-navbar ul li.active ul li.active ul li:hover a {
  color:#ee712e !important;
}

/* level-4 */
/* level-3 */
#wb-navbar ul li ul li ul li ul li {
  padding: 0 0 0 32px;
}

#wb-navbar ul li ul li ul li a{
  font-size: 1.4rem;
}
#wb-navbar ul li.active ul li.active ul li.active ul li a {
  color: #444 !important;
}
#wb-navbar ul li.active ul li.active ul li.active ul li.active a,
#wb-navbar ul li.active ul li.active ul li.active ul li:hover a {
  color:#ee712e !important;
}


/* ========== navbar shown/hidden ========== */
/* EBENE 1 */
#wb-navbar ul li ul li ul {
	display: none;
}
#wb-navbar ul li.active ul {
  display: block;
  margin-bottom: 10px;
}

/* EBENE 2 */
#wb-navbar ul li.active ul li ul {
  display: none;
}
#wb-navbar ul li.active ul li.active ul {
  display: block;
  margin-bottom: 20px;
}

/* EBENE 3 */
#wb-navbar ul li.active ul li.active ul li ul {
  display: none;
}
#wb-navbar ul li.active ul li.active ul li.active ul {
  display: block;
  margin-bottom: 10px;
}

/* EBENE 4 */
#wb-navbar ul li.active ul li ul li ul li ul {
  display: none;
}


/* ========== Nav Icons ========== */
/* DUNKELGRAU */
.icon_keywords { background: url("/images/icon_keywords_dunkelgrau.svg") !important; }
.icon_keywords:hover, .active.icon_keywords { background: url("/images/icon_keywords_orange.svg") !important; }
.icon_kampagnen { background: url("/images/icon_kampagnen_dunkelgrau.svg") !important; }
.icon_kampagnen:hover, .active.icon_kampagnen { background: url("/images/icon_kampagnen_orange.svg") !important; }
.icon_anzeigen { background: url("/images/icon_anzeigen_dunkelgrau.svg") no-repeat !important; }
.icon_anzeigen:hover, .active.icon_anzeigen { background: url("/images/icon_anzeigen_orange.svg") no-repeat !important; }
.icon_anzeigengruppen { background: url("/images/icon_anzeigengruppen_dunkelgrau.svg") !important; }
.icon_anzeigengruppen:hover, .active.icon_anzeigengruppen { background: url("/images/icon_anzeigengruppen_orange.svg") !important; }

#wb-navbar .icon_keywords,
#wb-navbar .icon_kampagnen,
#wb-navbar .icon_anzeigen,
#wb-navbar .icon_anzeigengruppen {
  padding-left: 30px !important;
  background-size: 20px !important;
  background-position: left 5px !important;
  background-repeat: no-repeat !important;
}

/* WEISS */
.icon_keywords_weiss { background-image: url("/images/icon_keywords_weiss.svg") !important; }
.icon_kampagnen_weiss { background-image: url("/images/icon_kampagnen_weiss.svg") !important; }
.icon_anzeigen_weiss { background-image: url("/images/icon_anzeigen_weiss.svg") !important; }
.icon_anzeigengruppen_weiss { background-image: url("/images/icon_anzeigengruppen_weiss.svg") !important; }

.icon_keywords_weiss,
.icon_kampagnen_weiss,
.icon_anzeigen_weiss,
.icon_anzeigengruppen_weiss {
  padding-left: 35px !important;
  background-position: 10px center !important;
  background-repeat: no-repeat !important;
  background-size: 20px !important;
}

.table {
	font-size: 1.5rem;
}

.tooltip-inner {
  text-align: left;
}

.left {
  text-align: left !important;
}

tr.seperator {
  border-bottom: solid #000 1px;
}

table.table > tbody > tr > td {
  text-align: right;
}

table.table > tbody > tr > td.name {
  text-align: left;
}

table > tbody > tr > th {
	border-top: none;
}

table.table > tfoot > tr > th {
  text-align: right;
  border-top: 1px solid #fff;
}

table.table > tfoot > tr > th.name {
  text-align: left;
}

table.table > tfoot > tr > td {
  text-align: right;
  border-top: 1px solid #fff;
}

table thead,
table tfoot {
	background: #ededed;
}




table > thead > tr > th {
	border: 1px solid #fff;
}

.table > thead > tr > th {
	border-bottom: 1px solid #fff;
}

.panel-infobox h5 {
  margin-top: 0;
  margin-bottom: 0;
}

div.wrap-div-topSpacer {
  width: 0px;
  height: 60px;
  float: left;
}

div.wrap-div {
  float: left;
  clear: both;
  margin: 0px 10px 0 0;
  width: 50%;
  text-align: center;
}

.toggle-infobox {
  cursor: pointer;
}

.close-infobox {
  cursor: pointer;
}

.topThree {}

.topThree th {
  text-align: center;
}

.topThree th.name {
  text-align: left;
  color: #bbb;
}

.topThree tr.hline {
  border-bottom: 1px #ddd solid;
}

.topThree th.grey {
  background-color: #eee;
}

.topThree div.grey {
  background-color: #eee;
}

.topThree img.medal {
  vertical-align: bottom;
}

.topThree .headline {
  background-color: #fff;
  color: #1a0dab;
  font-weight: normal;
  text-align: left;
}

.topThree .description {
  color: #545454;
  font-weight: normal;
  text-align: left;
}

.topThree .displayURL {
  color: #006621;
  font-weight: normal;
  text-align: left;
}

#topAds .row {
  border-bottom: 1px #ddd solid;
}

.quicktestAccordion h4 a {
  border-bottom: 0 none;
  padding-bottom: 0;
}

.quicktestAccordion h4 a:hover {
  text-decoration: underline;
}

.right {
  text-align: right;
}

/*tr.save td:nth-child(2), tr.save td:nth-child(3), tr.save td:nth-child(4), tr.save td:nth-child(5), tr.save td:nth-child(6), tr.save td:nth-child(7), tr.save td:nth-child(8), tr.save td:nth-child(9), tr.save td:nth-child(10), tr.save td:nth-child(12){
  text-decoration: line-through;
}*/

tr.save td:not(.costSave) {
  text-decoration: line-through;
}

tr.save td.costSave {
  font-weight: bold;
}

.center {
  text-align: center !important;
}

.triangle {
  background-image: url("/images/triangle.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

.beforeSave {
  font-weight: bold;
  color: rgba(85, 146, 204, 1);
}

.afterSave {
  font-weight: bold;
  color: rgba(221, 90, 86, 1);
}

.saveDifference {
  font-weight: bold;
}

#user-nav ul li a {
  color: #fff;
}


#wb-navbar .navbar-nav>li {
    display:block;
    float:none;
}

.navbar-nav > li > a {
	padding-top: 14px;
	padding-bottom: 8px;
	font-weight: 500;
}

.navbar-nav {
  margin:0;
}


.navbar-hr {
  margin: 0;
  padding: 0;
}

.navbar-toggle .icon-bar {
  background-color: #fff;
}




@media (min-width: 767px) {
  .dropdown-menu > li > a {
    color: #333 !important;
  }
}

a#upgrade-button {
  color: #fff !important;
  padding: 6px 12px;
  margin: 12px 15px 7px 15px;
}

a#upgrade-button:hover {
  color: #fff;
  background-color: #d05d1f;
}

.fa-plus-square {
  color: white;

  /*Upgrade-Button-orange #c4591c;*/
}

.nav-item .fa-plus-square {
  color: #c4591c;
}

.nav-item.alarm {
  background: url("/images/icon_alarm_dunkelgrau.svg") no-repeat 10px center;
  background-size: 25px;
}
.nav-item.alarm:hover {
  background-image: url("/images/icon_alarm_orange.svg");
}
.nav-item.alarm a {
  padding-left: 40px;
}

button.account-level {
  width: 90px;
}

span.account-level {
  /*margin-right: 25px;*/
  margin-top: 7px;
  color: #444;
  font-weight: 300;
  font-size: 3rem;
  text-transform: normal;
  font-family: Roboto; Arial, sans-serif;
}

.panel-upgrade {
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1);
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(1);
  transition: all 200ms ease-in;
  transform: scale(1);
}

.panel-row {
  padding: 25px;
  min-height: 50px;
  text-align: center;
}

.panel-upgrade:hover {
  z-index: 2;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1.025);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1.025);
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(1.025);
  transition: all 200ms ease-in;
  transform: scale(1.025);
}

.panel-center {
  margin: auto;
  width: 50%;
}
.panel-primary > .panel-heading {
  color: #444;
  padding: 0;
  background: none;
  border: none;
  margin-bottom: 10px;
}
.absolute .panel-heading {
  position: absolute;
  z-index: 2;
}
.panel-primary > .panel-heading::after {
  clear: both;
}
.panel-primary > .panel-heading .fas:hover,
.fas.toggle-info-active {
	color: #ee712e;
}

.panel-title {
	font-size: 4rem;
}

.positiveCampaigns {}

.diffTable > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 1px solid #fff;
}

table#labels > tbody {
  text-align: center;

  /*border-left: 1px solid #000;
  border-right: 1px solid #000;*/
}

table#negativeCampaigns > tbody > tr > td {
  text-align: left;
  font-size: 11px;
}

table#positiveCampaigns > tbody > tr > td {
  text-align: left;
  font-size: 11px;
}

table#positivePercentage > tbody > tr > td {
  text-align: left;
}

table#positivePercentage > tbody {
  border-left: 1px solid #000;
}

table#negativePercentage > tbody {
  border-right: 1px solid #000;
}

table#labels > tbody > tr > td {
  text-align: center;
}

table.diffTable td {
  height: 80px;
}

table.diffTable > tbody > tr > td {
  padding-right: 0;
  padding-left: 0;
}

table.diffTable > tbody {
  font-size: 11px;
}

#negativePercentageWrapper {
  padding-right: 0;
}

#positivePercentageWrapper {
  padding-left: 0;
}

#labelsWrapper {
  padding-left: 0;
  padding-right: 0;
}

#negativePercentage > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 1px solid #000;
}

#negativePercentage {
  border-spacing: 0px;
}

#negativePercentage {
  background-image: linear-gradient(to right bottom, #fff 50%, rgba(238, 113, 45, 0.3) 50%);
  background-position: 30px 0px;
  background-repeat: no-repeat;
}

#positivePercentage {
  background-image: linear-gradient(to left bottom, #fff 50%, rgba(85, 163, 51, 0.3) 50%);
  background-position: -30px 0px;
  background-repeat: no-repeat;
}

#positivePercentage > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 1px solid #000;
}

.diffTable > thead > tr > th.perSign {
  border-bottom: 1px solid #fff !important;
}

.progressDiff {
  margin-bottom: 0;
  border-radius: 0;
  background-image: none;
  background-color: inherit;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.progress-bar-negative {
  background-image: none !important;
  background-color: rgb(238, 113, 45) !important;
  color: rgb(238, 113, 45);
  font-weight: bold;
}

strong.negative {
  color: rgb(238, 113, 45);
}

strong.positive {
  color: rgb(85, 163, 51);
}

.progress-bar-positive {
  background-image: none !important;
  background-color: rgb(85, 163, 51) !important;
  color: rgb(85, 163, 51);
  font-weight: bold;
}

.progressDiff hr {
  margin-top: 10px;
  margin-bottom: 20px;
  margin-right: 5px;
  margin-left: 5px;
  border: 0;
  border-top: 1px solid #000;
}

#campaignTable > tbody > tr > td > strong {
  display: block;
 /* height: 60px;*/
  margin-bottom: 5px;
}

#campaignTable > tbody > tr > td > small {
  display: block;
  height: 50px;
  margin-bottom: 2.5px;
}

#contact-widget {
	margin-right: 30px;
}



#contact-form {
  position: fixed;
  right: 45px;
  top: 59px;
  width: 500px;
  z-index: 1000;
  padding: 20px;
  background: #ee712e;
  border-radius: 0;
  transition: all 0.5s linear;
  visibility: hidden;
  display: block;
}

.open > #contact-form {
  visibility: visible;
}

#contact-form .form-control {
	border: none;
	border-radius: 0;
	box-shadow: none;
}

#contact-tab {
	position: relative;
	background: #193b6c;
	padding: 13px 13px 14px 13px;
	border-left: 1px solid #fff;
	font-size: 1.5rem;
}
#contact-tab:hover {
	cursor: pointer;
}
div#contact-tab::before {
	content: "\f0e0";
	width: 48px;
	height: 48px; 
	background: #ee712e;
	position: absolute;
	left: -49px;
	top: 0;
	padding-top: 3px;
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: 900;
	font-size: 2.8rem;
	text-align: center;
}

#contact-tab:hover {
  background-color: #ee712e;
}

#contact-form textarea {
  resize: none;
}

#noconfirm {
  position: fixed;
  width: 100%;
  background-color: rgba(255, 0, 0, 0.7);
  padding: 2px;
  text-align: center;
  border-radius: 0;
  color: white !important;
  z-index: 2000;
}

#noconfirm strong {
  color: white !important;
}

.img-fluid {
  max-width: 100%;
}

.figure {
  margin: 0 0 10px;
}

span.warning {
  color: #ec6e31;
}

/*.tooltip, .tooltip-inner{
  background-color: rgba(196,89,28,0.75);
}*/

/*.overlay{
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000;
  width: 100%;
  height: 100%;
}*/
.adLabel {
  color: #006621;
  border: 1px solid #006621;
  border-radius: 3px;
  padding: 1px 3px 0 2px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #333;
  text-align: left;
  background-color: #F3F3F3;
  border-radius: 4px;
  border: solid 1px #cecece;
}

.tooltip.in {
  filter: alpha(opacity = 100);
  opacity: 1;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #cecece;
}

.tooltip b {
  color: #1b3b6f;
}

.circle {
  width: 12.5px;
  height: 12.5px;
  -webkit-border-radius: 12.5px;
  -moz-border-radius: 12.5px;
  border-radius: 12.5px;
  background: red;
  display: inline-block;
  position: relative;
}

.no-sort::after {
  display: none !important;
}

.no-sort {
  pointer-events: none !important;
  cursor: default !important;
}

#googleKeywordsIdeas {
  display: block;
  margin: 20px auto;
  width: 100px;
}

.tab-content h5 {
  text-decoration: underline;
}

.table tr.red-row {
  color: red;
}

.fat-border {}

.row-loading {
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translate(-50%, 0);
  height: 20px;
}

.row-loading__container {
  position: relative;
}

.row-loading__container button.btn.btn-primary {
  width: 100%;
}

button[disabled].btn.btn-primary {
  opacity: 0.1;
}

th {
  hyphens: manual;
}

.scroll-box {
    width: 100%;
    overflow-x: scroll;
}
/*
.justify-box-heading {
    display: flex;
    justify-content: space-between;
}
*/
.infoclose {
	position: absolute;
	top: 0;
	right: 0;
	background: none !important;
	color: #444;
	font-size: 2rem;
}
.infoclose:hover {
	color: #444;
}
.infoclose button {
	color: #444;
	background:none;
	font-size: 2rem;
}
.infoclose button:hover {
	color: #444;
	background:none;
}
.infoclose button.btn-primary,
.infoclose button.btn-primary:hover {
	text-shadow: none;
	box-shadow: none;
}

.toggle-info {
    cursor: pointer;
}

.panel-info {
    display: none;
    background-color: #ededed;
	border-left: 1px solid #cccccc;
    margin: 0 0 15px 0;
    padding: 35px 35px 0 35px;
	font-size: 1.5rem;
}

.panel-top-content {
    padding: 15px;
}

.panel-content-box {
	position: relative;
}

.panel-content-box-stacked .panel-info {
    margin: 0 0 20px 0;
}
.absolute .panel-content-box-stacked .panel-info {
  margin-top: 40px;
}

.select-element {
    cursor: pointer;
}

/* td.select-element.active,
td.selected-element {
    background-color: rgba(255, 0, 0, 0.4) !important;
} */

.loading-overlay {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("/images/loading.gif") rgba(200, 200, 200, 0.7) no-repeat 50% 50%;
    background-size: 40px;
}

.loading-overlay__wrapper {
    position: relative;
}

.dropdown-match-type > li > a {
    min-width: 250px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.dropdown-match-type i {
    color: #bbb;
}

.dropdown-match-type i:hover {
    color: #333;
}

.hidden-wrapper {
    display: none;
}

/*.chart-wrapper {
    height: 50%;
}*/

.cost-save-chart__wrapper {
    max-width: 600px;
    margin: 0 auto;
}

.mt-30 {
    margin-top: 30px;
}

.color-square {
    display: inline-block;
    width: 10px;
    height: 10px;
    cursor: pointer;
    margin: 0 5px 5px 0;
}

.panel-body__chart{
    max-width: 50%;
    margin: 0 auto;
}

.panel-body__bar-chart {
    width: 100%;
    height: 200px;
}

.panel-body__bar-chart canvas {
    max-height: 150px;
}

.btn-table {
    display: block; 
    width: max-content;
    margin-left: auto;
}

.btn-table:not(:last-child) {
    margin-bottom: 10px;
}


.nav > li > a {
	color: #444;
}
.nav > li > a:hover {
	color: #ee712e;
}
#user-nav .nav > li > a:hover{
  background-color: #0960A0;
}

.chart-legend li span{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    
}

.chart-legend li{
  list-style: none;
    /*display: inline;*/
}

.square {
  height: 12px;
  width: 12px;
  background-color: #555;
  display: inline-block;
  float: left;
  vertical-align: middle;
}

.DTFC_LeftHeadWrapper, .DTFC_RightHeadWrapper {
    z-index: 1;
}
 
.DTFC_LeftBodyWrapper td, .DTFC_RightBodyWrapper {
   background-color: rgba(0,0,0,0.01); !important;
}

.triangle-up {
  width: 0;
  height: 0;
  border-left: 150px solid transparent;
  border-right: 150px solid transparent;
  border-bottom: 200px solid #555;
  text-align: center;
  position: relative;
  
}

.bottomText{
  position: absolute;
  bottom: -200px;
  left: -50%;
  text-align: center;
  
}


/* =================== easymoments =================== */

#topbar {
	position: fixed;
	z-index: 9;
	left: 0;
	right: 0;
	top: 75px;
	padding: 0;
	background: #efefef;
	font-size: 1.5rem;
}
#topbar .container-fluid {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.topbar_left {
	display: flex;
	justify-content: center;
}
.topbar_middle {
	flex-grow: 2;
	display: flex;
	justify-content: flex-start;
}
.navbar-brand {
	padding: 0 15px;
	height: auto;
}

.navbar-right {
	display: flex;
	justify-content: flex-end;
	flex-grow: 2;
}

#startDate,
#endDate {
	width: 90px;
	text-align: center;
	margin-right: 5px;
}
#dateSelect {
	width: 170px;
	text-align: center;
	margin-right: 5px;
}

.btn-primary {
	background: #444;
}
.btn-primary:hover,
.btn-primary:focus {
	background: #222;
}
.btn-primary.toggle-info:hover,
.btn-primary.toggle-info:focus {
	background: none;
	color: #222;
}

.label-warning {
	background: #ee712e;
	font-weight: 500;
}
#user-nav a {
	text-decoration: none;
}

.panel {
	border: none;
	box-shadow: none;
}

.panel-body {
	padding: 0;
}

#content {
	padding: 0;
  marign-top: 20px;
}

div.dataTables_wrapper div.dataTables_info,
.pagination > li {
	font-size: 1.3rem;
}
.pagination > li > a, .pagination > li > span {
	border: none;
	padding: 2px 10px;
}
.pagination > .active  > a,
.pagination > .active > a:hover {
	background-color: #333;
	border-color: transparent;
}

.btn-group-vertical {
	display: flex;
}

.alert .btn-on {
	background: grey;
}
.alert .btn-on.active {
	background: #70c047;
	box-shadow: none;
}
.alert .btn-off {
	background: grey;
}
.alert .btn-off.active {
	background: #F70000;
	box-shadow: none;
}
.btn-group-vertical > .btn + .btn {
	margin-top: 0;
}

.table-bordered > tfoot > tr > td {
	border: none;
}

.alert thead {
	background: #e5e5e5;
}

table.alert tfoot {
	background: none;
}

.table-bordered > thead > tr > th {
	border: 1px solid #fff;
}

table.DTFC_Cloned tr,
table.dataTable td, 
table.dataTable th {
	background: none;
}
table.dataTable {
	border-collapse: collapse !important;
}
table.th-right th {
	text-align: right;
}


.color1 {background: #f29900;}
.color2 {background: #f4a826;}
.color3 {background: #5f6368;}
.color4 {background: #777a7f;}
.color5 {background: #ea4e28;}
.color6 {background: #ed6848;}


.red {color: #c83c3c;}
  
  .message {
    position: relative;
    margin: 0 0px 15px 0;
    padding: 20px 20px 20px 70px;
    color: #333333;
	font-size: 1.5rem;
  }
  
  .message h4 {
    font-weight: 400;
    margin-bottom: 5px;
  }
  
  .message.alert {
    background: #efc7c7;
    border-left: 3px solid #c83c3c;
  }
  .message.alert span {
    background: #c83c3c;
  }
  
  .message.warning {
    background: #fbefdd;
    border-left: 3px solid #eaae55;
  }
  .message.warning span {
    background: #eaae55;
  }
  
  .message.good {
    background: #d1e2bd;
    border-left: 3px solid #85ae59;
  }
  .message.good span {
    background: #85ae59;
  }
  
  .message.info {
    background: #ebf3fb;
    border-left: 3px solid #6daae0;
  }
  .message.info span {
    background: #6daae0;
  }
  
  .message.advice {
    background: #ededed;
    border-left: 3px solid #cccccc;
  }
  .message.advice span {
    background: #cccccc;
  }
  
  .message.close span {
    position: absolute;
    display: block;
    top: 20px;
    right: 20px;
    height: 2px;
    width: 15px;
    transform: rotate(-45deg);
  }
  
  .close span:nth-child(2) {
    transform: rotate(45deg);
  }

  table.dataTable.display tbody>tr.even.selected>.sorting_1{
    background-color: inherit;
  }

  table.dataTable.display tbody>tr.odd.selected>.sorting_1{
    background-color: inherit;
  }

  #eu-cookie-law {
    z-index: 1010;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.75);
    padding: 1.5em;
  }

#toTop {
  position: absolute;
  background: none !important;
  padding: 10px 20px;
  background: #0a6bb2;
  left: 50%;
  top: -51px;
}

.main .page-header {
	margin-top: 25px;
	color: #444;
	font-size: 3rem;
	font-weight: 300;
	font-family: "Roboto", Helvetica, sans-serif;
	}
	
	
	
	
/* =================== ABC Klassen START =================== */
table.table-abc-klassen th {
	text-align: right;
}

table.table-abc-klassen tfoot {
	background: none;
	font-weight: bold;
}
/* =================== ABC Klassen ENDE =================== */


/* =================== APPOINTMENT ICON START =================== */

#appointment-dropdown {
	margin-right: 63px;
	background: #193b6c;
	color: #fff;
}
#appointment-dropdown:hover {
	background: #70c047;
	color: #fff;
    cursor: pointer;
}
#appointment-dropdown > span {
	display: inline-block;
	font-size: 1.5rem;
	padding: 13px 13px 14px 13px;
}
#appointment-widget i,
#appointment-widget i:hover {
	display: inline-block;
	float: left;
	width: 48px;
	height: 50px;
	background: #70c047;
	color: #fff;
	border-right: 1px solid #fff;
	font-size: 2.8rem;
	padding: 10px;
}

#appointment-panel {
  display: block;
  position: fixed;
  right: 165px;
  top: 59px;
  width: 500px;
  z-index: 1000;
  padding: 20px;
  border-radius: 0;
  background: #70c047;
  border-left: 1px solid #fff;
  font-size: 1.5rem;
  transition: all 0.5s linear;
  visibility: hidden;
  max-height: 0px;
  overflow: hidden;
}

#appointment-panel .form-control {
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.open > #appointment-panel {
  max-height: 900px;
  visibility: visible;
}




/* =================== APPOINTMENT ICON ENDE =================== */




/* =================== ALARM START =================== */

.alarm-icon {
	margin-right: 15px;
	background-color:rgba(255,255,255,0.2);
	border: 1px solid #fff;
	padding: 8px;
	height: 50px;
}
.alarm-icon:hover {
	background-color:rgba(255,255,255,0.5);
}


/* =================== ALARM ENDE =================== */


/* =================== Buttons Color START =================== */

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
	background: #419641;
}

.btn-primary.active:hover,
.btn-primary.active:focus {
	background: #d05d1f;
}

.btn.saveDeviationSettings:hover,
.btn.saveDeviationSettings:focus {
	background: #222;
}

.btn-succes {
	text-shadow: none !important;
	box-shadow: none !important;
}
.btn-info {background: #444;}
/*.account-level {width: 100px !important;}*/
.account-level.btn-default  {background: grey;}
.account-level.btn-default:hover {background: #6c6969;}
.btn-danger {background: #F70000;}

.wb-icon-eye,
.wb-icon-caution {color: purple !important;}

.glyphicon.glyphicon-minus-sign {color: purple !important;}

.btn-on,
.btn-yes {
	background: grey;
	}
.btn-on.active,
.btn-yes.active {
	background: #70c047;
	box-shadow: none;
	}
.btn-on.active:hover,
.btn-yes.active:hover,
.btn-primary.btn-on.active:hover,
.btn-primary.btn-yes.active:hover {
	background: #419641;
	box-shadow: none;
	}

.btn-off,
.btn-no {
	background: grey;
	}
	
.btn-off.active,
.btn-no.active {
	background: #F70000;
	box-shadow: none;
	}
.btn-off.active:hover,
.btn-no.active:hover,
.btn-primary.btn-off.active:hover,
.btn-primary.btn-no.active:hover {background: #db0000; box-shadow: none;}

.navbar-right .btn-off.active {
	color: #fff;
	margin-top: 15px;
}
.navbar-nav.navbar-right > li > a {
	padding-top: 8px;
}

.form-inline .btn {margin-right: 5px;}
table .extendFreeTrial.btn, table .statusReportButton.btn, table .btn.btn-info {margin-bottom: 10px;}

button.close {
	font-size: 30px;
	opacity: 1;
	color: #444;
}

.button-right {
	float: right;
	margin-left: 5px;
}

table.reporting .btn {
	width: 100px;
}

/* =================== Buttons Color ENDE =================== */




/* =================== +/- START =================== */
.input-group-addon {
	border-right: none;
	background: #fff;
	padding: 6px 6px 6px 12px
}
table .form-control {
	border-left: none;
	box-shadow: none;
	padding-left: 0;
}
/* =================== +/- ENDE =================== */



/* =================== REPORT INPUT START =================== */
.mailinput { margin-right: 10px;}


/* =================== REPORT INPUT ENDE =================== */



/* =================== REGISTER START =================== */
.checkbox label {
	font-family: "Roboto", Helvetica Neue, Arial, sans serif; 
	font-weight: 300;
}

/* =================== REGISTER ENDE =================== */



/* =================== Table Sorting / Filter START =================== */
div.dataTables_wrapper div.dataTables_length label,
div.dataTables_wrapper div.dataTables_filter label {
	font-size: 1.3rem;
	margin-top: 15px;
}

div.dataTables_wrapper.form-inline div.dataTables_filter  label {
	margin-right: 0;
}

div.dataTables_wrapper div.dataTables_paginate {
	margin-top: 4px;
}

table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc {
	color: #fff;
	background: #999;
}
table.dataTable thead .sorting_desc::after,
table.dataTable thead .sorting_asc::after {
	color: #fff;
	opacity: 1;
}
table.dataTable thead .sorting::after {
	opacity: 0.4;
}

/* =================== Table Sorting / Filter ENDE =================== */





/* =================== INFO MESSAGES START =================== */
.alert {border-radius: 0;}

span.fas.warning {
	color: #F70000;
}
/* =================== INFO MESSAGES ENDE =================== */



/* =================== DASHBOARD START =================== */
.pageheader {
  margin: 20px 0 45px 0;
}

.pageheader h2, .pageheader h3 {
  margin: 0;
}
.pageheader h2 {
  margin-bottom: 15px;
}

.dashboard {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: no-wrap;
  flex-grow: 3; /* default 0 */
  flex-shrink: 3; /* default 1 */
}
.dashboard .item:not(:last-child) {
  margin-right: 15px;
}
.dashboard .item {
  position: relative;
  margin-bottom: 15px;
  width: 33.33333333%;
}
.dashboard h5 {
  background: #0a6bb2;
  color: #fff;
  text-align: center;
  font-weight: 300;
  padding: 15px;
  margin: 0;
  font-size: 1.8rem;
}
.dashboard .item_content {
  position: relative;
  border: 1px solid #cccccc;
  border-top: none;
  padding: 15px;
  height: 90%;
}
.dashboard .item:hover .item_content {
  background: #efefef;
}
.dashboard button.more {
  position: absolute;
  right: 0;
  bottom: 0;
  border: none;
  background: #444;
  color: #fff;
  padding: 6px 12px;
  font-size: 80%;
}
.dashboard button.more img {
  width: 100%;
  height: auto;
}
.dashboard .item:hover button.more {
  background: #222;
}
.dashboard a.boxlink {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3;
}

.dashboard .smaller {
  width: 100%;
}

.dashboard .panel {
  margin-bottom: 0;
}

/* =================== DASHBOARD ENDE =================== */

/* =================== Suche / Export-Button über Tabellen START =================== */
.btn-group {
  float: right;
}
div.dataTables_wrapper div.dataTables_filter {
  float: right;
  margin-right: 10px;
}
div.dataTables_wrapper.form-inline div.dataTables_filter label {
  margin: 0;
}
/* =================== Suche / Export-Button über Tabellen ENDE =================== */



/* =================== KOSTENFREI TESTEN START =================== */
#user-nav .btn-on.active {
  border-right: 10px solid #0a6bb2 !important;
}
#user-nav .btn-on.active:hover {
  background: #70c047;
}
/* =================== KOSTENFREI TESTEN ENDE =================== */



/* =================== TARIF UPGRADE FORM START =================== */
.tarif-form form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #efefef;
}
.tarif-form .form-group {
  width: 48%;
}
.tarif-form .form-control {
  border: none;
  padding: 20px 10px;
}
/* =================== TARIF UPGRADE FORM ENDE =================== */


/* =================== COAST SAVE SLIDER START =================== */
#costSaveSlider {
}
#costSaveText {
  width: 60px;
  margin-right: 10px;
  margin-left: -15px;
}
/* =================== COAST SAVE SLIDER ENDE =================== */

/* =================== EXAMPLE START =================== */
.example {
  position: absolute;
  top: 20px;
  right: -10px;
  background: #e41e2d;
  padding: 10px 20px;
  color: #fff;
  font-style: italic;
}
.example::after {
  content: "";
  display: block;
  border-width: 10px;
  border-left: 0;
  border-style: solid;
  border-color: #70040c transparent transparent;
  margin-right: 0;
  position: absolute;
  bottom: -20px;
  right: 0;
}
  /* =================== EXAMPLE ENDE =================== */




@media (max-width: 1199px) {
  /* when on a small-ish device, make the account menu inline instead of a hover popup */
  .navbar-top .dropdown-menu,
  .navbar-top .dropdown-menu {
    position:static;
    float:none;
    width:auto;
    color:#555;
    background-color:#eeeeee;
    background-image: none;
    border: none;
    box-shadow: none;
  }
  .navbar-right {
    position: absolute;
    right: 35px;
  }
  #contact-tab {
    text-indent: -99999999%;
    padding: 0;
    font-size: 0;
    width: 0;
    border-left: none;
  }
  #contact-tab::before {
    text-indent: 0;
  }
  .appointment-widget span {
    display: none;
  }
  .appointment-widget i {
    border-right: none;
  }
  span.account-level {
    font-size: 2rem;
  }

  #sidebar-toggle {
    position: absolute;
    right: 0;
    top: 10px;
  }
  #wb-navbar {
    margin-top: 20px;
  }


/* === BEGIN sidebar collapse override === */
/* implements the sidebar collapse to override bootstrap's sidebar breakpoint */
/* see https://stackoverflow.com/a/36289507 */
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
/* === END sidebar collapse override === */

}
@media (max-width: 768px) {
  #user-nav a.btn.btn-off {
    position: absolute;
    top: 75px;
    left: 20px;
  }

}
@media (max-width: 576px) {
}



/* ===============  DATEPICKER - START  =============== */
.datepicker-dropdown {
  top: 7% !important;
  left: auto;
  z-index: 99999 !important;
}

/* ===============  DATEPICKER - END  =============== */

.faketextarea {
  height: 180px;
  margin-bottom: 35px;
}


/* ===============  SIGNUP PAGE - START  =============== */
body#landingpage {
  margin-top: 30vh;
  margin-bottom: 0;
}
#landingpage H1 {
  font-size: 5.0rem;
  font-weight: 900;
  text-transform: uppercase;
}
#landingpage H2 {
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: 400;
}
#landingpage H3 {
  font-size: 4.5rem;
  line-height: 4.8rem;
  font-weight: 300;
}
#landingpage H4 {
  margin-top: 30px;
}
#landingpage input {
  margin-bottom: 10px;
}
#landingpage a:hover {
  text-decoration: none;
}
#landingpage a .fas {
  color: #0a6bb2;
}
#landingpage p.small {
  font-size: 60%;
  font-weight: 400;
}
.signupheader {
  padding: 5vh;
  background: url("/images/google_ads_tool_signup_header.jpg") #f4f4f4 no-repeat right;
  background-size: auto 100%;
}
#landingpage .signupheader a .fas,
#landingpage a.btn .fas {
  color: #fff;
  margin-right: 5px;
}
.badges {
  margin: 50px 0 0 0;
}
#landingpage .btn {
  padding: 20px 60px;
  margin-bottom: 20px;
  margin-top: 10px;
  font-size: 1.8rem;
}
.signupheader .fas {
  color: #fff;
  font-size: 2.5rem;
}
#landingpage .iconsection {
  padding: 80px;
  background: #fdf5dc;
  font-size: 80%;
}
#landingpage .iconsection .fas {
  font-size: 7rem;
  color: #ee712f;
}
#landingpage ul li {
  margin-bottom: 10px;
}

/* ===============  SIGNUP PAGE - END  =============== */