@charset "UTF-8";

/*font family*/

/* roboto-300 - latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/roboto-v20-latin-300.eot?bda729dbf749cbb9a8e480fa2deec2e9);
  src: local("Roboto Light"), local("Roboto-Light");
  src: url(/fonts/roboto-v20-latin-300.eot?bda729dbf749cbb9a8e480fa2deec2e9) format("embedded-opentype");
  src: url(/fonts/roboto-v20-latin-300.woff2?ef7c6637c68f269a882e73bcb57a7f6a) format("woff2");
  src: url(/fonts/roboto-v20-latin-300.woff?b00849e00f4c2331cddd8ffb44a6720b) format("woff");
  src: url(/fonts/roboto-v20-latin-300.ttf?806854d4422d0bd79e0f8c87c329a568) format("truetype");
  src: url(/fonts/roboto-v20-latin-300.svg?dd0bea1f9a808d633492fa573039ca1d) format("svg");
}

/* Legacy iOS */

/* roboto-regular - latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/roboto-v20-latin-regular.eot?4be1a572fca40bcb2202504cb17aed91);
  src: local("Roboto"), local("Roboto-Regular");
  src: url(/fonts/roboto-v20-latin-regular.eot?4be1a572fca40bcb2202504cb17aed91) format("embedded-opentype");
  src: url(/fonts/roboto-v20-latin-regular.woff2?479970ffb74f2117317f9d24d9e317fe) format("woff2");
  src: url(/fonts/roboto-v20-latin-regular.woff?60fa3c0614b8fb2f394fa29944c21540) format("woff");
  src: url(/fonts/roboto-v20-latin-regular.ttf?329ae1c377b1fb667f5be6abd50327fc) format("truetype");
  src: url(/fonts/roboto-v20-latin-regular.svg?8681f434273fd6a267b1a16a035c5f79) format("svg");
}

/* Legacy iOS */

/* roboto-500 - latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(/fonts/roboto-v20-latin-500.eot?260c8072feca314957defd2ad4ccc0ee);
  src: local("Roboto Medium"), local("Roboto-Medium");
  src: url(/fonts/roboto-v20-latin-500.eot?260c8072feca314957defd2ad4ccc0ee) format("embedded-opentype");
  src: url(/fonts/roboto-v20-latin-500.woff2?020c97dc8e0463259c2f9df929bb0c69) format("woff2");
  src: url(/fonts/roboto-v20-latin-500.woff?87284894879f5b1c229cb49c8ff6decc) format("woff");
  src: url(/fonts/roboto-v20-latin-500.ttf?8c608256fb0273e3a36e6b603f71f213) format("truetype");
  src: url(/fonts/roboto-v20-latin-500.svg?95204ac95130828753c0ee0ada537c33) format("svg");
}

/* Legacy iOS */

/* roboto-700 - latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/roboto-v20-latin-700.eot?4570b93ae0caba2b938e2ddf091099ea);
  src: local("Roboto Bold"), local("Roboto-Bold");
  src: url(/fonts/roboto-v20-latin-700.eot?4570b93ae0caba2b938e2ddf091099ea) format("embedded-opentype");
  src: url(/fonts/roboto-v20-latin-700.woff2?2735a3a69b509faf3577afd25bdf552e) format("woff2");
  src: url(/fonts/roboto-v20-latin-700.woff?adcde98f1d584de52060ad7b16373da3) format("woff");
  src: url(/fonts/roboto-v20-latin-700.ttf?96559ffb5be917f1ce9f748bf4f34732) format("truetype");
}

/* Safari, Android, iOS */

body {
  background-color: #FFFFFF;
  font-family: "Poppins", sans-serif;
  background-size: cover;
  background-position: top;
  background-attachment: fixed;
  font-size: 13px;
  height: 100%;
}

body #background-image {
  position: fixed;
  -o-object-fit: none;
     object-fit: none;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  z-index: -1;
}

body .container {
  width: 100%;
  max-width: 1800px;
}

h1,
h2,
h3,
h4,
#breadcrumb .breadcrumb li,
#breadcrumb .breadcrumb span,
h5,
h6 p {
  padding: 0;
  margin: 0;
  color: #343a40;
}

h1 {
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
  margin-bottom: 12px;
}

h1 span {
  font-size: inherit;
}

h2 {
  font-size: 26px;
  font-weight: 600;
  line-height: 31.2px;
  margin-bottom: 26px;
}

h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 26.4px;
  margin-bottom: 26.4px;
}

h4,
#breadcrumb .breadcrumb li,
#breadcrumb .breadcrumb span {
  font-size: 18px;
  font-weight: 600;
  line-height: 21.6px;
  margin-bottom: 21.6px;
}

h5 {
  font-size: 16px;
  font-weight: 600;
  line-height: 19.2px;
  margin-bottom: 6.4px;
}

h6 {
  font-size: 14px;
  font-weight: 600;
  line-height: 19.2px;
  margin-bottom: 6.4px;
}

p {
  font-size: 14px;
  line-height: 21px;
  font-weight: normal;
  margin-bottom: 21px;
  color: #343a40;
}

th,
td,
tr {
  font-size: 16px;
  border: 1px solid #cecece;
  height: 100%;
}

span {
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
  margin-bottom: 12px;
  color: #343a40;
}

span.unavailable {
  display: block;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  padding: 10px;
  color: #000000;
}

i {
  display: inline-block;
  font-weight: 300;
  line-height: 18px;
  margin-bottom: 3px;
}

b {
  display: inline-block;
  font-size: 15px;
  color: #343a40;
  line-height: 18px;
  margin-bottom: 3px;
  font-weight: 400;
}

p b {
  margin-bottom: 0;
}

label {
  display: inline-block;
  margin: 0;
  font-weight: 400;
}

div,
textarea,
input,
select {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
}

a,
button,
select,
input[type="checkbox"] {
  outline: 0;
  border: none;
  cursor: pointer;
}

afocus,
buttonfocus,
selectfocus,
input[type="checkbox"]focus {
  outline: none;
}

::-webkit-input-placeholder {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
}

::-moz-placeholder {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
}

::-ms-input-placeholder {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
}

::placeholder {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
}

.button.icon {
  padding: 0;
  margin: 0;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: 3px;
  position: relative;
  display: block;
}

.button.icon i {
  padding: 3px;
  padding-right: 3px;
  padding-left: 3px;
  padding-left: 6px;
  padding-right: 6px;
  margin: 0;
  font-size: 18px;
  color: rgba(51, 51, 51, 0.6);
  cursor: pointer;
}

.button.disabled {
  color: #EEEEEE;
  cursor: default;
}

input {
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
}

strong {
  font-weight: 600;
  font-size: 20px;
}

.breadcrumb > li + li:before {
  display: none;
}

.small-font {
  display: inline-block;
  font-size: 13px;
  line-height: 13px;
  font-weight: 500;
  margin-bottom: 5.2px;
}

.text-warning {
  color: #EB9B46;
}

.text-danger,
.text-lead {
  color: #AD284B;
}

.text-navy,
.text-good,
.text-done,
.text-deal {
  color: #00ae8f;
}

.text-dark,
.text-open,
.text-lost {
  color: #343a40;
}

.text-testing,
.text-offer {
  color: #EF5031;
}

.text-hold,
.text-contact {
  color: #343a40;
}

.text-bold {
  font-weight: bold;
}

.p-20 {
  padding: 20px;
}

.mb-10 {
  margin-bottom: 10px;
}

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

.ml-10 {
  margin-left: 10px;
}

.mr-10 {
  margin-right: 10px;
}

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

.mb-50 {
  margin-bottom: 50px;
}

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

.mb-30 {
  margin-bottom: 30px;
}

.center {
  text-align: center;
}

.text-end {
  text-align: end;
}

.text-start {
  text-align: start;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-even {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.align-center {
  margin: auto auto;
}

.justify-content-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-align-items: flex-end;
}

.justify-content-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-items: flex-start;
}

.justify-content-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.justify-content-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
}

[data-emotion-background="good"] {
  background-color: #00ae8f !important;
}

[data-emotion-background="middle"] {
  background-color: #EB9B46 !important;
}

[data-emotion-background="bad"] {
  background-color: #AD284B !important;
}

[data-emotion-background="notavailable"] {
  background-color: #DDDDDD !important;
}

[data-emotion-text="notavailable"] {
  color: #DDDDDD !important;
}

[data-emotion-text="good"] {
  color: #00ae8f !important;
}

[data-emotion-text="middle"] {
  color: #EB9B46 !important;
}

[data-emotion-text="bad"] {
  color: #AD284B !important;
}

[data-emotion-text="notavailable"] {
  color: #DDDDDD !important;
}

.col-rest-xs-15,
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-xs-17,
.col-sm-17,
.col-md-17,
.col-lg-17,
.col-xs-18,
.col-sm-18,
.col-md-18,
.col-lg-18 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-15 {
  width: 20%;
  float: left;
}

.col-rest-xs-15 {
  width: 80%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 768px) {
  .col-sm-17 {
    width: 14.2%;
    float: left;
  }
}

@media (min-width: 768px) {
  .col-xs-17 {
    width: 14.2%;
    float: left;
  }
}

@media (min-width: 768px) {
  .col-xs-18 {
    width: 12.5%;
    float: left;
  }
}

.panel .panel-heading .panel-title {
  margin-bottom: 0;
}

.panel .panel-heading .panel-title a {
  display: block;
  background: url(/images/chevron.svg?a262f7b3c8c4ff0762361dab7ddf9506) right center no-repeat;
  background-size: 30px auto;
  font-size: 26px;
  text-decoration: none;
}

.panel .panel-heading .panel-title a.collapsed {
  background: url(/images/chevron-right.svg?c92733e0bdbf6e4db331f250f852a64a) right center no-repeat;
  background-size: 30px auto;
  font-weight: 100;
}

.no-data {
  opacity: 0.5;
}

.tabbed-content-simple {
  margin: 0 0 22px;
}

.tabbed-content-simple h4,
.tabbed-content-simple #breadcrumb .breadcrumb li,
#breadcrumb .breadcrumb .tabbed-content-simple li,
.tabbed-content-simple #breadcrumb .breadcrumb span,
#breadcrumb .breadcrumb .tabbed-content-simple span {
  font-weight: normal;
}

.tabbed-content-simple .nav-tabs {
  border-bottom: 0;
  margin-bottom: 20px;
}

.tabbed-content-simple .nav-tabs li a {
  border: 1px dashed #000000;
  border-radius: 3px;
  margin-right: 10px;
  padding: 5px 10px;
}

.tabbed-content-simple .nav-tabs li.active a {
  border: 1px solid #000000;
}

.tabbed-content-simple .tab-content .row {
  margin-bottom: 22px;
}

.tab-pane .nav.nav-tabs li a.active {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.frame-0 {
  background-color: #FFFFFF;
  margin-bottom: 60px;
  position: relative;
  border-radius: 10px;
}

@media (max-width: 575px) {
  .frame-0 {
    margin-bottom: 90px;
  }
}

.frame-0 .row {
  margin-bottom: 28px;
}

.frame-0 .row:last-of-type {
  margin-bottom: 0;
}

.frame-0 .title-subheader {
  display: block;
  padding-top: 50px;
  padding-bottom: 0;
  padding-left: 22px;
  padding-right: 22px;
  margin-bottom: 0;
  border-radius: 0 0 3px 3px;
}

.frame-0 .title-subheader .header {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .frame-0 .title-subheader .header {
    font-size: 22px;
  }
}

@media (max-width: 575px) {
  .frame-0 .title-subheader .header {
    font-size: 22px;
  }
}

.frame-0 .title-without-top {
  padding-top: 0px !important;
}

.frame-0 .title {
  display: block;
  padding-top: 50px;
  padding-bottom: 22px;
  padding-left: 22px;
  padding-right: 22px;
  margin-bottom: 28px;
  border-radius: 0 0 3px 3px;
}

.frame-0 .title h2 {
  margin: 0;
  color: #343a40;
  display: inline-block;
}

@media (max-width: 767px) {
  .frame-0 .title h2 {
    font-size: 22px;
  }
}

@media (max-width: 575px) {
  .frame-0 .title h2 {
    font-size: 22px;
  }
}

.frame-0 .title h3 {
  margin: 0;
  color: #343a40;
  display: inline-block;
}

@media (max-width: 575px) {
  .frame-0 .title h3 {
    font-size: 18px;
  }
}

.frame-0 .content {
  position: relative;
  padding: 22px;
  width: 100%;
}

.frame-0 .content .header {
  margin-bottom: 28px;
  position: relative;
}

.frame-0 .content .header.oneBox {
  margin-bottom: 0;
}

.frame-0 .content .header.oneBox h2 {
  margin-bottom: 0 !important;
}

.frame-0 .content .header.oneBox h6 {
  padding-bottom: 0 !important;
  margin-bottom: 28px;
  font-weight: normal;
}

.frame-0 .content .header h3 {
  display: block;
  width: 100%;
  margin-bottom: 12px;
}

@media (max-width: 767px) {
  .frame-0 .content .header h3 {
    display: inline-block;
  }
}

@media (max-width: 767px) {
  .frame-0 .content .header h3 {
    line-height: 1;
  }
}

.frame-0 .content .header img {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 26px;
}

.frame-0.fourBoxes h3,
.frame-0.fourBoxes h2 {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #e7eaec;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.chart-wrapper {
  min-height: 400px;
  position: relative;
  padding: 0 22px 22px;
}

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

.extra-title {
  padding: 22px 22px 0;
}

input {
  background-color: #FFFFFF;
  border: 0 solid #d9d9d9;
}

.like-chosen {
  background: #fff !important;
  border-radius: 3px !important;
  padding: 15px 20px !important;
  font-size: inherit !important;
  height: auto !important;
  border: 1px solid #ccc !important;
  color: #555 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.chosen-container {
  width: 100% !important;
}

.chosen-container input[type="text"] {
  font-size: 1em !important;
}

.chosen-container .chosen-single {
  background: #fff !important;
  border-radius: 3px !important;
  padding: 15px 20px !important;
  font-size: inherit !important;
  height: auto !important;
  border: 1px solid #ccc !important;
  color: #555 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.chosen-container .chosen-single span {
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 0;
}

.chosen-container .chosen-single b {
  background: url(/images/chosen-sprite.png) no-repeat 0 14px !important;
}

.chosen-container.chosen-container-active.chosen-with-drop .chosen-single b {
  background-position: -15px 14px !important;
}

.chosen-container.chosen-container-multi.chosen-container-active .chosen-choices:after {
  background-position: -15px 14px !important;
}

.chosen-container.chosen-container-multi .chosen-choices {
  background: #fff !important;
  border-radius: 3px !important;
  padding: 11px 20px !important;
  font-size: inherit !important;
  height: auto !important;
  border: 1px solid #ccc !important;
  color: #555 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: relative;
}

.chosen-container.chosen-container-multi .chosen-choices:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 18px;
  background: url(/images/chosen-sprite.png) no-repeat 0 14px;
}

.chosen-container.chosen-container-multi .chosen-choices .search-choice {
  background-image: none !important;
  background: none #00ae8f !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 0 !important;
}

.chosen-container.chosen-container-multi .chosen-choices .search-choice span {
  color: #fff !important;
}

.chosen-container.chosen-container-multi .chosen-choices .search-choice span a.search-choice-close {
  background-image: none !important;
  color: #fff !important;
}

.chosen-container.chosen-container-multi .chosen-choices .search-choice span a.search-choice-close:before {
  content: '';
  display: block;
  width: 9px;
  height: 1px;
  position: absolute;
  z-index: 10;
  top: 7px;
  right: 0;
  background: #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.chosen-container.chosen-container-multi .chosen-choices .search-choice span a.search-choice-close:after {
  content: '';
  display: block;
  width: 9px;
  height: 1px;
  position: absolute;
  z-index: 10;
  top: 7px;
  right: 0;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.chosen-container .chosen-results li.highlighted {
  background-color: #00ae8f;
  background-image: none;
}

select {
  width: 100%;
  border-radius: 8px;
  border: 0 solid #d9d9d9;
  padding-top: 5px;
  padding-right: 13px;
  padding-bottom: 5px;
  padding-left: 11px;
  font-size: 14px;
  color: #343a40;
  background-color: #fff;
}

.VuePagination__count {
  display: none;
}

.gray-bg {
  background: #eceded;
}

.row-eq-height {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.row-eq-height [class*='col-'] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.row-eq-height [class*='col-'] .panel {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.row-centered {
  text-align: center;
}

.col-centered {
  display: inline-block;
  float: none;
  margin-right: -4px;
  text-align: center;
}

.container-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.big-logo-inner {
  text-align: center;
  margin-top: 15px;
}

.big-logo-inner img {
  max-width: 100%;
}

.big-logo-inner span {
  text-transform: uppercase;
  font-size: 10px;
  line-height: 2;
  color: #fff;
  font-weight: lighter;
  display: block;
  margin: 0;
}

.larger {
  font-size: 20px !important;
}

.btn-default .pf-credit-card {
  position: relative;
}

.btn-default .pf-credit-card:after {
  content: 'Credit Card';
  font-family: "Poppins", sans-serif;
  font-size: 0.18em;
  position: absolute;
  bottom: 30px;
  color: #fff;
  left: 0;
  width: 100%;
  text-transform: uppercase;
}

.btn-default.btn-primary .pf-credit-card:after {
  bottom: 35px;
  color: #00ae8f;
}

.profile {
  margin: 0;
  background-color: #fff;
}

.profile .budgets .timeRange td,
.profile .budgets .timeRange th {
  border: 1px solid #d9d9d9;
  padding: 5px 2px;
}

.profile .budgets .timeRange td input,
.profile .budgets .timeRange th input {
  font-size: 12px;
}

.profile .budgets .timeRange thead th {
  background-color: #00ae8f;
  color: #fff;
}

.profile .budgets .timeRange tbody th.openme {
  padding-right: 20px;
  position: relative;
}

.profile .budgets .timeRange tbody th.openme:after {
  content: '';
  background: url(/images/chosen-sprite.png) no-repeat 0 -4px;
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  right: 4px;
  top: 11px;
}

.profile .budgets .timeRange tbody th.openme.opened:after {
  content: '';
  background: url(/images/chosen-sprite.png) no-repeat -17px -4px;
}

.profile .sections ul {
  padding-left: 0;
}

.profile .sections ul li {
  list-style-type: none;
  margin: 0;
  border-bottom: 1px solid #EEEEEE;
}

.profile .sections ul li:hover,
.profile .sections ul li:active,
.profile .sections ul li:focus {
  background-color: #00ae8f;
}

.profile .sections ul li:hover a,
.profile .sections ul li:active a,
.profile .sections ul li:focus a {
  color: #fff !important;
}

.profile .sections ul li a {
  text-decoration: none !important;
  text-transform: uppercase;
  padding: 15px 15px;
  display: block;
}

.profile .sections ul li.active {
  background-color: #00ae8f;
}

.profile .sections ul li.active a {
  color: #fff !important;
}

.profile .form-horizontal .control-label {
  text-align: left;
}

.profile .tool {
  margin-bottom: 20px;
}

.profile .tool .col-sm-9 button.btn {
  display: block;
  line-height: 1em;
  border-radius: 0;
  padding: 0;
  width: 100%;
  -webkit-appearance: unset;
  border: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}

@media (min-width: 768px) {
  .profile .tool .col-sm-9 button.btn {
    max-width: 300px;
  }
}

.profile .tool .col-sm-9 i {
  position: relative;
  cursor: pointer;
  background-color: #AD284B;
  color: #fff;
  line-height: 1em;
  text-align: center;
  margin: 0;
  padding: 15px 0;
  display: block;
  line-height: 1em;
  font-size: inherit;
  font-family: 'Roboto', sans-serifcontent;
}

.profile .tool .col-sm-9 i:before {
  content: '';
  font-family: "Poppins", sans-serif;
  font-size: 13px;
}

.profile .tool .col-sm-9 i.fa-google {
  background-color: #EEEEEE;
  pointer-events: inherit;
  color: inherit;
}

.profile .tool .col-sm-9 i.fa-google:before {
  content: '';
}

.profile .tool .col-sm-9 i.fa-google:hover,
.profile .tool .col-sm-9 i.fa-google:active,
.profile .tool .col-sm-9 i.fa-google:focus {
  background-color: #00ae8f;
}

.profile .tool .col-sm-3 {
  background-size: auto;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: left center;
  height: 37px;
  text-align: center;
}

@media (max-width: 767px) {
  .profile .tool .col-sm-3 {
    display: block;
    background-position: center center;
  }
}

.profile .tool .col-sm-3:before {
  font-size: 40px;
  color: #464646;
}

.alert-success {
  background-color: #00ae8f !important;
  color: #fff !important;
  text-align: center !important;
  font-weight: 100 !important;
}

.checkcontainer {
  display: block;
  position: relative;
  text-align: center;
  font-size: 17px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkcontainer input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 24px;
  left: 0;
  z-index: 2;
}

.checkcontainer input[type="radio"]:checked ~ .radiobtn {
  background-color: #00ae8f;
}

.checkcontainer input[type="radio"]:checked ~ .radiobtn:after {
  content: '';
  display: block;
  position: relative;
  top: 8px;
  left: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
}

.checkcontainer .radiobtn {
  position: relative;
  display: inline-block;
  height: 24px;
  width: 24px;
  background-color: #EEEEEE;
  border-radius: 50%;
}

.checkcontainer:hover .radiobtn {
  background-color: #ccc;
}

.unshow {
  display: none;
}

@media (max-width: 991px) {
  .unshow-md {
    display: none;
  }
}

#datePicker {
  margin-bottom: 28px;
}

#datePicker #yearPicker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#datePicker #yearPicker input {
  font-size: 30px;
}

.text-light {
  color: #ffffff;
}

.text-dark {
  color: #000000;
}

.info-text {
  text-align: center;
}

.openme {
  padding-right: 20px;
  position: relative;
}

.openme:after {
  content: '';
  background: url(/images/chosen-sprite.png) no-repeat -17px -4px;
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  right: 4px;
  top: 11px;
}

.openme.opened:after {
  content: '';
  background: url(/images/chosen-sprite.png) no-repeat 0px -4px;
}

.toasted.success {
  color: #00ae8f !important;
  border-color: #00ae8f !important;
}

.toasted.error {
  color: #AD284B !important;
  border-color: #AD284B !important;
}

.card-body div {
  border-radius: 10px;
}

.reportrange-text {
  background: #fff;
  cursor: pointer;
  min-width: 140px;
  height: 34px;
  border: none !important;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px !important;
}

@media (max-width: 991px) {
  .reportrange-text {
    border: 1px solid #cecece !important;
    padding: 6px 36px !important;
    width: 300px !important;
    margin-left: 6px !important;
  }
}

.reportrange-text i.glyphicon {
  top: -1px;
}

.reportrange-text span {
  line-height: unset;
}

div.pdf-exporter button.dropdown-toggle {
  background-color: #fff;
  border-radius: 20px;
  width: 80px;
}

@media (max-width: 991px) {
  div.pdf-exporter button.dropdown-toggle {
    display: none;
  }
}

.btn.btn-sm.pull-right.add-tile {
  background-color: #fff;
  border: none;
  font-size: 20px;
  margin-top: -5px;
}

@media (max-width: 575px) {
  .whitespace {
    display: none;
  }
}

.sub-expired-box {
  background: white;
  margin-top: 25px;
  text-align: center;
  border-radius: 10px 10px 0 0;
}

.sub-expired-box-button {
  background: white;
  padding: 60px 50px;
  border-radius: 0 0 10px 10px;
  margin-bottom: 25px;
}

.register-alert-position {
  width: 100% !important;
  margin-left: 3%;
}

.sw-table-container {
  padding: 0 22px;
}

.upload-logo-style {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.schubwerk-button-style {
  background-color: white !important;
  color: #27ae8f !important;
  border: 1px solid #27ae8f !important;
  border-radius: 50px !important;
}

.schubwerk-button-style:hover {
  background-color: #27ae8f !important;
  color: white !important;
  border: 1px solid #27ae8f !important;
  -webkit-transition: background-color 1.3s, color 1.3s, border 3s !important;
  transition: background-color 1.3s, color 1.3s, border 3s !important;
}

.schubwerk-button-style-green {
  background-color: #27ae8f !important;
  color: white !important;
  border: 1px solid #27ae8f !important;
  border-radius: 50px !important;
  font-weight: bold;
}

.schubwerk-button-style-green:hover {
  background-color: white !important;
  color: #27ae8f !important;
  border: 1px solid #27ae8f !important;
  -webkit-transition: background-color 1.3s, color 1.3s, border 3s !important;
  transition: background-color 1.3s, color 1.3s, border 3s !important;
}

.btn-right {
  float: right;
  cursor: pointer;
}

#appointmentModal div.modal-content div.modal-body {
  margin: 0 !important;
  padding: 0 !important;
}

#welcomeModal div.modal-content {
  min-height: 535px;
}

#analyticsModal div.modal-body,
#competitorsModal div.modal-body,
#facebookModal div.modal-body,
#facebookMarketingModal div.modal-body,
#youtubeModal div.modal-body,
#w3cModal div.modal-body,
#billbeeModal div.modal-body,
#welcomeModal div.modal-body,
#vimeoModal div.modal-body,
#new-distribution-modal div.modal-body,
#newTicketModal div.modal-body,
#trackerModal div.modal-body,
#linkedInModal div.modal-body,
#gaModal div.modal-body,
#addUser div.modal-body,
#addSector div.modal-body,
#addPhase div.modal-body,
#defaultPhases div.modal-body,
#deleteSector div.modal-body,
#deleteCustomCol div.modal-body,
#crm-details-modal div.modal-body,
#new-entry-modal div.modal-body {
  padding-bottom: 0;
}

.link-button-skip,
.link-button-back {
  font-size: 14px;
  padding: 6px;
  color: #999;
  background: none;
  text-decoration: underline;
}

.link-button-skip:hover,
.link-button-back:hover {
  color: #777;
  cursor: pointer;
}

.tools-box-margin {
  margin-bottom: 80px;
}

.tool-icon {
  margin: 45px 0 20px 0;
}

.tool-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

.hide-popup-checkbox {
  width: 14em;
  margin: auto;
}

.hide-popup-checkbox div label.checkbox {
  color: #777;
  margin-bottom: 13px;
}

.rounded-tools-icon {
  border-radius: 20px;
}

.enabled-tools-button,
.enabled-tools-button:active,
.enabled-tools-button:focus,
.primary-button,
.primary-button:active,
.primary-button:focus {
  border-radius: 30px;
  background-color: #27ae8f;
  color: white;
  font-weight: bold !important;
  padding: 10px;
  display: inline-block;
}

.enabled-tools-button:hover,
.enabled-tools-button:active:hover,
.enabled-tools-button:focus:hover,
.primary-button:hover,
.primary-button:active:hover,
.primary-button:focus:hover {
  background-color: white;
  color: #27ae8f;
  border: 1px solid #27ae8f;
  -webkit-transition: background-color 1.3s, color 1.3s, border 1.3s !important;
  transition: background-color 1.3s, color 1.3s, border 1.3s !important;
}

.disabled-tools-button,
.disabled-tools-button:hover,
.secondary-button,
.secondary-button:active,
.secondary-button:focus {
  border-radius: 30px;
  border: 1px solid #27ae8f;
  background: white;
  color: #27ae8f;
  font-weight: bold !important;
  display: inline-block;
  text-decoration: none;
  padding: 10px;
}

@media (max-width: 991px) {
  .disabled-tools-button,
  .disabled-tools-button:hover,
  .secondary-button,
  .secondary-button:active,
  .secondary-button:focus {
    margin-top: 0 !important;
  }
}

.secondary-button:hover {
  background-color: #27ae8f;
  color: white;
  border: 1px solid #27ae8f;
  -webkit-transition: background-color 1.3s, color 1.3s, border 1.3s !important;
  transition: background-color 1.3s, color 1.3s, border 1.3s !important;
}

@media (max-width: 991px) {
  #toolsIntegrationModals .modal-open .fade.show {
    padding: 0 !important;
  }
}

.selected-main-navigation-link {
  text-decoration: underline !important;
}

.container {
  position: relative;
  z-index: 1;
}

.progressbar {
  counter-reset: step;
  padding: 0;
}

@media (max-width: 767px) {
  .progressbar {
    padding: 0;
  }
}

.progressbar li {
  list-style: none;
  float: left;
  width: 11%;
  position: relative;
  text-align: center;
  color: #979797;
  cursor: pointer;
}

@media (max-width: 767px) {
  .progressbar li {
    width: 11%;
  }
}

.progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 36px;
  height: 36px;
  border: 3px solid #bebebe;
  display: block;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  line-height: 32px;
  background: white;
  color: #bebebe;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  font-family: "Poppins", sans-serif;
}

@media (max-width: 991px) {
  .progressbar li:before {
    width: 15px;
    height: 15px;
    background: #bebebe;
    line-height: 15px;
    color: transparent;
  }
}

.progressbar li:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background: #bebebe;
  top: 17px;
  left: -50%;
  z-index: -1;
}

@media (max-width: 991px) {
  .progressbar li:after {
    top: 6px;
  }
}

.progressbar li:first-child:after {
  content: none;
}

.progressbar li.active:after {
  background: #00ae8f;
  border-color: #00ae8f;
  color: white;
  height: 7px;
  top: 14px;
}

@media (max-width: 991px) {
  .progressbar li.active:after {
    height: 3px;
    top: 6px;
    color: transparent;
  }
}

.progressbar li.active:before {
  border-color: #00ae8f;
  background: #00ae8f;
  color: white;
}

@media (max-width: 991px) {
  .progressbar li.active:before {
    color: transparent;
  }
}

.tools-select-input {
  border: 1px solid #27ae8f;
  padding: 15px 20px;
  height: auto;
  color: #555;
}

.tool-buttons-padding,
.tool-buttons-padding:active,
.tool-buttons-padding:hover,
.tool-buttons-padding:focus {
  padding: 5px 10px;
  margin: 0 5px;
}

.upgrade-modal h1 {
  font-size: 26px;
}

.upgrade-modal .upgrade-modal-left {
  display: block;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.upgrade-modal .upgrade-modal-left .slider {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.upgrade-modal .upgrade-modal-left .slides {
  width: 500%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.upgrade-modal .upgrade-modal-left .slides input {
  display: none;
}

.upgrade-modal .upgrade-modal-left .slides .slide {
  width: 20%;
  -webkit-transition: 2s;
  transition: 2s;
}

.upgrade-modal .upgrade-modal-left .slides .slide img {
  width: 100%;
}

.upgrade-modal .upgrade-modal-left .slides .navigation-manual {
  position: absolute;
  width: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 58%;
}

@media (max-width: 991px) {
  .upgrade-modal .upgrade-modal-left .slides .navigation-manual {
    margin-top: 60%;
    width: 100%;
  }
}

.upgrade-modal .upgrade-modal-left .slides .manual-btn {
  border: 2px solid #27ae8f;
  padding: 5px;
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: 1s;
  transition: 1s;
}

.upgrade-modal .upgrade-modal-left .slides .manual-btn:not(:last-child) {
  margin-right: 30px;
}

.upgrade-modal .upgrade-modal-left .slides .manual-btn:hover {
  background: #27ae8f;
}

.upgrade-modal .upgrade-modal-left .slides #radio1:checked ~ .first {
  margin-left: 0;
}

.upgrade-modal .upgrade-modal-left .slides #radio2:checked ~ .first {
  margin-left: -20%;
}

.upgrade-modal .upgrade-modal-left .slides #radio3:checked ~ .first {
  margin-left: -40%;
}

.upgrade-modal .upgrade-modal-left .slides #radio4:checked ~ .first {
  margin-left: -60%;
}

.upgrade-modal .upgrade-modal-left .slides .navigation-auto {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 500px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 58%;
}

@media (max-width: 991px) {
  .upgrade-modal .upgrade-modal-left .slides .navigation-auto {
    margin-top: 60%;
    width: 100%;
  }
}

.upgrade-modal .upgrade-modal-left .slides .navigation-auto div {
  border: 2px solid #27ae8f;
  padding: 5px;
  border-radius: 10px;
  -webkit-transition: 1s;
  transition: 1s;
}

.upgrade-modal .upgrade-modal-left .slides .navigation-auto div:not(:last-child) {
  margin-right: 30px;
}

.upgrade-modal .upgrade-modal-left .slides #radio1:checked ~ .navigation-auto .auto-btn1 {
  background: #27ae8f;
}

.upgrade-modal .upgrade-modal-left .slides #radio2:checked ~ .navigation-auto .auto-btn2 {
  background: #27ae8f;
}

.upgrade-modal .upgrade-modal-left .slides #radio3:checked ~ .navigation-auto .auto-btn3 {
  background: #27ae8f;
}

.upgrade-modal .upgrade-modal-left .slides #radio4:checked ~ .navigation-auto .auto-btn4 {
  background: #27ae8f;
}

.upgrade-modal .upgrade-modal-right {
  padding-top: 30%;
}

@media (max-width: 991px) {
  .upgrade-modal .upgrade-modal-right {
    padding: 30% 0;
  }
}

@media (max-width: 767px) {
  .upgrade-modal .upgrade-modal-right {
    padding: 0 15px;
  }
}

.upgrade-modal .upgrade-modal-right h1 {
  font-size: 20px;
  line-height: 20px;
}

.upgrade-modal .upgrade-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}

.upgrade-modal .upgrade-price p {
  margin-top: 7px;
}

@media (max-width: 767px) {
  .upgrade-modal .upgrade {
    display: none;
  }
}

@media (min-width: 768px) {
  .upgrade-modal .upgrade-mobile {
    display: none;
  }
}

.upgrade-modal .upgrade-buttons {
  display: grid;
  padding-left: 0px;
  margin-right: 15px;
}

.upgrade-modal .upgrade-buttons .upgrade-contact {
  padding: 10px;
  margin-bottom: 10px;
}

.upgrade-modal .upgrade-buttons .upgrade-infos {
  padding: 7px;
}

.upgrade-list {
  margin-top: 10px;
}

.upgrade-list ul {
  padding-left: 0px;
  list-style-type: none;
}

.upgrade-list ul li {
  font-size: 14px;
  margin: 5px 0;
}

.upgrade-list ul .fa.fa-check {
  color: #00C853;
}

.upgrade-list ul .fa.fa-times {
  color: #AD2B4B;
}

.upgrade-list ul span {
  margin-right: 20px;
}

.upgrade-img {
  width: 250px;
  margin-bottom: 10px;
}

@media (max-width: 991px) {
  .upgrade-img {
    width: 200px;
    margin-top: 10px;
  }
}

.upgrade-img img {
  border-radius: 5px;
}

.lock-icon {
  margin-left: -40%;
  position: absolute;
  font-size: 2em;
  top: 10%;
}

@media (max-width: 1400px) {
  .lock-icon {
    font-size: 1.5em;
    margin-top: 0;
  }
}

@media (max-width: 1199px) {
  .lock-icon {
    font-size: 2em;
  }
}

@media (max-width: 575px) {
  .lock-icon {
    font-size: 2em;
    margin-top: -5%;
  }
}

.package-text {
  margin-top: 50px;
}

@media (max-width: 991px) {
  .package-text {
    margin-top: 70px;
  }
}

.package-text h1 {
  font-size: 20px;
}

.package-text p {
  font-size: 12px;
}

.modal-del-margin {
  margin: 0 !important;
}

.modal-del-padding {
  padding: 0 !important;
}

.cursor-pointer {
  cursor: pointer;
}

.no-overflow {
  overflow: hidden !important;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.router-link-active {
  border: 1px solid #27ae8f !important;
  background-color: #27ae8f !important;
  color: white !important;
}

.settings .nav-tabs a:hover {
  color: white !important;
  background-color: #27ae8f !important;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.settings .nav-tabs .active a {
  color: white !important;
  background-color: #27ae8f !important;
}

.footer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.link-color {
  color: #00ae8f;
}

.header-with-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

@media (max-width: 575px) {
  .header-with-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (min-width: 992px) {
  .time-range-info i {
    display: none;
  }
}

.time-range-info h5 {
  margin-top: 10px;
  font-weight: normal;
}

@media (max-width: 991px) {
  .time-range-info h5 {
    display: none;
  }
}

.table-responsive-fixed-header .table-wrapper {
  overflow: auto;
  height: -webkit-fit-content  !important;
  height: -moz-fit-content  !important;
  height: fit-content  !important;
  max-height: 66.4vh  !important;
}

.table-responsive-fixed-header table {
  min-width: -webkit-max-content  !important;
  min-width: -moz-max-content  !important;
  min-width: max-content  !important;
  border-collapse: collapse  !important;
  border-spacing: 0px  !important;
  width: 100%  !important;
  border: none !important;
  margin-bottom: 0px !important;
}

.table-responsive-fixed-header table.visits-table td,
.table-responsive-fixed-header table.visits-table th {
  max-width: 33.3% !important;
  min-width: 33.3% !important;
  width: 33.3% !important;
}

.table-responsive-fixed-header table.admin tr {
  background-color: transparent !important;
}

.table-responsive-fixed-header table.roi-table th select {
  background-color: transparent !important;
  color: #ffffff;
}

.table-responsive-fixed-header table.roi-table th select option {
  color: #343a40;
}

.table-responsive-fixed-header table.coupon-table td select {
  background-color: transparent;
}

.table-responsive-fixed-header table th {
  position: sticky  !important;
  top: 0  !important;
  color: #ffffff;
  z-index: 0 !important;
  /* TODO: remove sm, md, lg, xl -> some tables uses them -> replace with small-column, middle-column, large-column */
}

.table-responsive-fixed-header table th.xs {
  width: 35px !important;
  min-width: 35px !important;
}

.table-responsive-fixed-header table th.sm {
  width: 70px !important;
  min-width: 70px !important;
}

.table-responsive-fixed-header table th.md {
  width: 100px !important;
  min-width: 100px !important;
}

.table-responsive-fixed-header table th.lg {
  width: 130px !important;
  min-width: 130px !important;
}

.table-responsive-fixed-header table th.xl {
  width: 160px !important;
  min-width: 160px !important;
}

.table-responsive-fixed-header table th.xxl {
  width: 400px !important;
  min-width: 400px !important;
}

.table-responsive-fixed-header table th .dropdown.xs,
.table-responsive-fixed-header table th .b-dropdown.xs {
  width: 35px !important;
  min-width: 35px !important;
}

.table-responsive-fixed-header table th .dropdown.sm,
.table-responsive-fixed-header table th .b-dropdown.sm {
  width: 70px !important;
}

.table-responsive-fixed-header table th .dropdown.sm button.dropdown-toggle,
.table-responsive-fixed-header table th .b-dropdown.sm button.dropdown-toggle {
  max-width: 70px !important;
  min-width: 70px !important;
}

.table-responsive-fixed-header table th .dropdown.md,
.table-responsive-fixed-header table th .b-dropdown.md {
  width: 100px !important;
}

.table-responsive-fixed-header table th .dropdown.md button.dropdown-toggle,
.table-responsive-fixed-header table th .b-dropdown.md button.dropdown-toggle {
  max-width: 100px !important;
  min-width: 100px !important;
}

.table-responsive-fixed-header table th .dropdown.lg,
.table-responsive-fixed-header table th .b-dropdown.lg {
  width: 130px !important;
}

.table-responsive-fixed-header table th .dropdown.lg button.dropdown-toggle,
.table-responsive-fixed-header table th .b-dropdown.lg button.dropdown-toggle {
  max-width: 130px !important;
  min-width: 130px !important;
}

.table-responsive-fixed-header table th .dropdown.xl,
.table-responsive-fixed-header table th .b-dropdown.xl {
  width: 160px !important;
}

.table-responsive-fixed-header table th .dropdown.xl button.dropdown-toggle,
.table-responsive-fixed-header table th .b-dropdown.xl button.dropdown-toggle {
  max-width: 160px !important;
  min-width: 160px !important;
}

.table-responsive-fixed-header table th .dropdown.xxl,
.table-responsive-fixed-header table th .b-dropdown.xxl {
  width: 400px !important;
}

.table-responsive-fixed-header table th .dropdown.xxl button.dropdown-toggle,
.table-responsive-fixed-header table th .b-dropdown.xxl button.dropdown-toggle {
  max-width: 400px !important;
  min-width: 400px !important;
}

.table-responsive-fixed-header table th .sort-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
  margin-left: 10px;
}

.table-responsive-fixed-header table th .sort-icons img {
  -webkit-filter: invert(100%) sepia(1%) saturate(1%) hue-rotate(4deg) brightness(103%) contrast(100%);
          filter: invert(100%) sepia(1%) saturate(1%) hue-rotate(4deg) brightness(103%) contrast(100%);
  width: 10px;
}

.table-responsive-fixed-header table th .sort-icons img.active {
  -webkit-filter: invert(46%) sepia(35%) saturate(1885%) hue-rotate(132deg) brightness(96%) contrast(101%);
          filter: invert(46%) sepia(35%) saturate(1885%) hue-rotate(132deg) brightness(96%) contrast(101%);
}

.table-responsive-fixed-header table th .fa-sort {
  width: 15px  !important;
  float: right  !important;
  -webkit-transform: translateY(20%) !important;
          transform: translateY(20%) !important;
  cursor: pointer  !important;
  margin-left: 5px;
}

.table-responsive-fixed-header table th .fa-sort.active {
  color: #00ae8f !important;
}

.table-responsive-fixed-header table th button.dropdown-toggle {
  background-color: transparent;
  color: #ffffff !important;
  border: none;
  padding: 0 !important;
  font-weight: 600 !important;
  text-align: left !important;
}

.table-responsive-fixed-header table th button.dropdown-toggle:focus,
.table-responsive-fixed-header table th button.dropdown-toggle:active {
  background-color: transparent !important;
}

.table-responsive-fixed-header table th ul.dropdown-menu.show {
  top: 8px !important;
}

.table-responsive-fixed-header table th .dropdown-menu {
  z-index: 200 !important;
}

.table-responsive-fixed-header table th,
.table-responsive-fixed-header table td {
  text-align: start  !important;
  padding: 10px !important;
}

.table-responsive-fixed-header table th div,
.table-responsive-fixed-header table td div {
  font-size: 16px;
}

.table-responsive-fixed-header table th.small-column,
.table-responsive-fixed-header table td.small-column {
  max-width: 80px !important;
  min-width: 80px !important;
  width: 80px !important;
}

.table-responsive-fixed-header table th.middle-column,
.table-responsive-fixed-header table td.middle-column {
  max-width: 130px !important;
  min-width: 130px !important;
  width: 130px !important;
}

.table-responsive-fixed-header table th.large-column,
.table-responsive-fixed-header table td.large-column {
  max-width: 200px !important;
  min-width: 200px !important;
  width: 200px !important;
}

.table-responsive-fixed-header table td {
  vertical-align: middle !important;
  /* TODO: remove sm, md, lg, xl -> some tables uses them -> replace with small-column, middle-column, large-column */
}

.table-responsive-fixed-header table td .table-row-input,
.table-responsive-fixed-header table td .table-row-select {
  background: transparent !important;
  border: none !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}

.table-responsive-fixed-header table td .table-row-input:focus,
.table-responsive-fixed-header table td .table-row-select:focus {
  outline: none !important;
}

.table-responsive-fixed-header table td .xs {
  width: 35px !important;
}

.table-responsive-fixed-header table td .sm {
  width: 70px !important;
}

.table-responsive-fixed-header table td .md {
  width: 100px !important;
}

.table-responsive-fixed-header table td .lg {
  width: 130px !important;
}

.table-responsive-fixed-header table td .xl {
  width: 160px !important;
}

.table-responsive-fixed-header table td .xxl {
  width: 400px !important;
}

.table-responsive-fixed-header table td .progress {
  margin-bottom: 0px !important;
}

.table-responsive-fixed-header table td .progress-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
}

.table-responsive-fixed-header table td .table-desc-title span {
  font-weight: bold !important;
}

.table-responsive-fixed-header table th {
  background-color: #343a40 !important;
  color: #ffffff !important;
  z-index: 5  !important;
}

.table-responsive-fixed-header table th:first-child {
  border-radius: 8px 0 0 0;
}

.table-responsive-fixed-header table th:last-child {
  border-radius: 0 8px 0 0;
}

.table-responsive-fixed-header table tr {
  border-bottom: 1px solid #f3f3f9 !important;
}

.table-responsive-fixed-header table tr:nth-child(2n) {
  background-color: #f3f3f9 !important;
}

.table-responsive-fixed-header table tr,
.table-responsive-fixed-header table td,
.table-responsive-fixed-header table th {
  border: none !important;
}

.table-responsive-fixed-header table.border-row td {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 4px solid white  !important;
}

.table-responsive-fixed-header table.border-row td.bad,
.table-responsive-fixed-header table.border-row td.medium,
.table-responsive-fixed-header table.border-row td.good {
  border-bottom: 4px solid white !important;
}

.table-responsive-fixed-header .full-seo-history {
  -webkit-appearance: none;
  width: 100%;
}

.table-responsive-fixed-header .full-seo-history .left {
  -webkit-appearance: none;
  -webkit-box-shadow: 1px 0px 10px #343a4060;
          box-shadow: 1px 0px 10px #343a4060;
  z-index: 10;
  min-width: 440px;
  width: 42%;
}

.table-responsive-fixed-header .full-seo-history .left table th {
  position: unset !important;
}

.table-responsive-fixed-header .full-seo-history .left table th:first-child {
  border-radius: 8px 0px 0px 0px  !important;
}

.table-responsive-fixed-header .full-seo-history .left table th:last-child {
  border-radius: 0px 0px 0px 0px  !important;
}

.table-responsive-fixed-header .full-seo-history .left table tr:nth-child(2n) {
  background-color: #f3f3f9 !important;
}

.table-responsive-fixed-header .full-seo-history .middle {
  overflow-y: hidden;
  -webkit-appearance: none;
  min-width: 200px;
  overflow-x: auto !important;
  width: 50%;
}

.table-responsive-fixed-header .full-seo-history .middle table th {
  position: unset !important;
}

.table-responsive-fixed-header .full-seo-history .middle table th:first-child {
  border-radius: 0px 0px 0px 0px  !important;
}

.table-responsive-fixed-header .full-seo-history .middle table th:last-child {
  border-radius: 0px 0px 0px 0px  !important;
}

.table-responsive-fixed-header .full-seo-history .middle table tr:nth-child(2n) {
  background-color: #f3f3f9 !important;
}

.table-responsive-fixed-header .full-seo-history .right {
  -webkit-appearance: none;
  -webkit-box-shadow: -1px 0px 10px #343a4060;
          box-shadow: -1px 0px 10px #343a4060;
  z-index: 10;
  width: 9%;
  min-width: 100px;
}

.table-responsive-fixed-header .full-seo-history .right table th {
  position: unset !important;
}

.table-responsive-fixed-header .full-seo-history .right table th:last-child {
  border-radius: 0px 8px 0px 0px  !important;
}

.table-responsive-fixed-header .full-seo-history .right table tr:nth-child(2n) {
  background-color: #f3f3f9 !important;
}

.table-responsive-fixed-header .full-search-path {
  width: 100%;
}

.table-responsive-fixed-header .full-search-path .left {
  min-width: 440px;
  width: 30%;
  -webkit-box-shadow: 1px 0px 10px #343a4060;
          box-shadow: 1px 0px 10px #343a4060;
  z-index: 10;
}

.table-responsive-fixed-header .full-search-path .left th:first-child {
  border-radius: 8px 0 0 0  !important;
}

.table-responsive-fixed-header .full-search-path .left tr:nth-child(2n) {
  background-color: #f3f3f9 !important;
}

.table-responsive-fixed-header .full-search-path .middle {
  min-width: 200px;
  width: 50% !important;
  overflow-x: auto !important;
  overflow-y: hidden;
}

.table-responsive-fixed-header .full-search-path .middle th:first-child {
  border-radius: 0px 0px 0px 0px  !important;
}

.table-responsive-fixed-header .full-search-path .middle th:last-child {
  border-radius: 0px 0px 0px 0px  !important;
}

.table-responsive-fixed-header .full-search-path .middle tr:nth-child(2n) {
  background-color: #f3f3f9 !important;
}

.table-responsive-fixed-header .full-search-path .right {
  min-width: 270px;
  width: 20% !important;
  -webkit-box-shadow: -1px 0px 10px #343a4060;
          box-shadow: -1px 0px 10px #343a4060;
  z-index: 10;
}

.table-responsive-fixed-header .full-search-path .right th:first-child {
  border-radius: 0 0 0 0  !important;
}

.table-responsive-fixed-header .full-search-path .right th:last-child {
  border-radius: 0 8px 0 0  !important;
}

.table-responsive-fixed-header .full-search-path .right tr:nth-child(2n) {
  background-color: #f3f3f9 !important;
}

@media (max-width: 575px) {
  .no-padding-mobile {
    padding: 0 !important;
  }

  .no-padding-l-r-mobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

i {
  cursor: pointer;
}

.post-cards {
  width: 100%;
}

.post-cards .post-card {
  margin: 10px 0;
  padding: 0 15px;
  width: 20%;
}

@media (max-width: 991px) {
  .post-cards .post-card {
    width: 33.3%;
  }
}

@media (max-width: 767px) {
  .post-cards .post-card {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .post-cards .post-card {
    width: 100%;
  }
}

.post-cards .post-card .post-icons .left {
  width: 50%;
}

.post-cards .post-card .post-icons .right {
  width: 50%;
}

.post-cards .post-card .post-icons img {
  width: 20px;
}

.post-cards .post-card p {
  margin-bottom: 0;
}

.post-cards .post-card .comment-text {
  font-weight: 900;
  color: #74788d;
  font-size: 12px;
}

.post-cards .post-card .date-text {
  color: #74788d;
  font-size: 11px;
}

.post-cards .post-card .like-text {
  font-weight: 900;
}

.post-cards .post-card .top-post {
  padding-bottom: 100%;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.post-cards .post-card .post-type-icon,
.post-cards .post-card .post-type-image {
  height: 20px;
  width: 20px;
  font-size: 20px;
  right: 20px;
  top: 15px;
  -webkit-filter: drop-shadow(0px 0px 0 #999) drop-shadow(0px 0px 0px #999);
          filter: drop-shadow(0px 0px 0 #999) drop-shadow(0px 0px 0px #999);
  color: white;
  float: right;
  margin: 10px 10px 0 0;
}

.post-cards .post-card .post-type-image {
  -webkit-filter: brightness(20);
          filter: brightness(20);
}

.filter-btn {
  position: relative;
  min-width: 150px;
  text-align: left;
  outline: none;
  z-index: 10;
}

.filter-btn .inner {
  background-color: white;
  border-radius: 8px;
  border: 1px solid #f3f3f9;
  color: #343a40;
  padding: 8px 14px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
}

.filter-btn .inner div {
  white-space: nowrap;
}

.filter-btn .inner i {
  margin-left: 5px;
}

.filter-btn .inner:focus,
.filter-btn .inner:hover {
  -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
          box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

/*=== Trigger  === */

.fadeIn-animate {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*=== Optional Delays, change values here  === */

.fadeIn-delay-one {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.fadeIn-delay-two {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
}

.fadeIn-delay-three {
  -webkit-animation-delay: 2.3s;
  animation-delay: 2.3s;
}

.fadeIn-delay-four {
  -webkit-animation-delay: 3.3s;
  animation-delay: 3.3s;
}

/*=== Animations start here  === */

/*=== FADE IN  === */

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn2 {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

/*=== FADE IN DOWN === */

@-webkit-keyframes fadeInDown2 {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown2 {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown2 {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

/*==== FADE IN UP === */

@-webkit-keyframes fadeInUp2 {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp2 {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp2 {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/*=== FADE IN LEFT === */

@-webkit-keyframes fadeInLeft2 {
  from {
    opacity: 1;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft2 {
  from {
    opacity: 1;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft2 {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

/*==== FADE IN RIGHT === */

@-webkit-keyframes fadeInRight2 {
  from {
    opacity: 1;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight2 {
  from {
    opacity: 1;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight2 {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

#navbar-top ul {
  margin: 0;
}

#navbar-top #navbar {
  overflow: visible;
  position: relative;
  margin: 0;
}

#navbar-top #nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#navbar-top #nav li.mainNav-container-list-item {
  margin-bottom: 0;
}

#navbar-top #nav li.mainNav-container-list-item > a {
  line-height: 1.5em;
  padding-bottom: 0;
}

#navbar-top .navbar {
  background-color: #FFFFFF;
  position: relative;
  margin-bottom: 0;
  max-height: 60px;
}

#navbar-top .navbar-brand {
  padding: 0;
  margin: 0;
  float: none;
  font-size: unset;
  line-height: unset;
  cursor: pointer;
}

#navbar-top .mainNav-mobile-button {
  float: right;
  margin: 0 0 0 -50px;
}

#navbar-top .navbar-header {
  margin-top: -10px;
}

#navbar-top .navbar-header .header-logo {
  margin-left: 15px;
  position: relative;
  width: 185px;
  height: 41px;
}

@media (max-width: 767px) {
  #navbar-top .navbar-header .header-logo {
    margin-left: 0;
  }
}

@media (max-width: 575px) {
  #navbar-top .navbar-header .header-logo img {
    min-width: 50%;
    max-width: 70%;
    margin-top: 7px;
  }
}

#navbar-top .mainNav {
  display: inline-block;
}

#navbar-top .mainNav li {
  padding: 0;
}

#navbar-top .mainNav li a.active {
  color: #00ae8f;
}

@media (max-width: 1200px) {
  #navbar-top .mainNav li:first-child a {
    margin-left: 28px;
  }
}

#navbar-top .mainNav li:last-child {
  border-radius: 10px;
}

#navbar-top .mainNav a {
  padding: 0;
  margin-right: 28px;
  margin-left: 28px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 18px;
  display: block;
  text-decoration: none;
}

@media (max-width: 1199px) {
  #navbar-top .mainNav a {
    margin-right: 0;
  }
}

#navbar-top .mainNav .mainNav-sub-container li {
  margin-top: 0;
}

#navbar-top .mainNav .mainNav-sub-container li i {
  font-size: 16px;
}

#navbar-top .mainNav .mainNav-sub-container .mainNav-sub-container {
  margin-top: 10px;
}

#navbar-top .mainNav .mainNav-sub-container .mainNav-sub-container-inner {
  border-radius: 0 0 10px 10px;
  -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 7px 10px 0px;
          box-shadow: rgba(99, 99, 99, 0.2) 0px 7px 10px 0px;
}

#navbar-top .mainNav .mainNav-sub-container .mainNav-sub-container-list-item {
  padding: 10px;
  margin: 12px 0;
}

#navbar-top .mainNav .mainNav-sub-container .mainNav-sub-container-list-item a {
  font-size: 14px;
}

#navbar-top .mainNav .mainNav-sub-container .mainNav-sub-container-list-item:hover {
  color: #00ae8f;
  background-color: #f3f3f9;
}

#navbar-top .mainNav .mainNav-sub-container .mainNav-sub-container-list-item.locked {
  color: #d9d9d9;
}

#navbar-top .mainNav .mainNav-sub-container .mainNav-sub-container-list-item.locked i {
  color: #d9d9d9;
}

#navbar-top .mainNav .mainNav-sub-container .mainNav-sub-container-list-item.locked:hover {
  color: #d9d9d9;
  background-color: #f3f3f9;
}

#navbar-top .navbar-top-links.pull-right {
  float: left;
}

#navbar-top .navbar-top-links.pull-right a {
  padding: 0;
  margin: 0;
  border-radius: 8px !important;
  position: relative;
}

#navbar-top .navbar-top-links.pull-right a:hover {
  background-color: transparent;
  display: block;
  cursor: pointer;
}

#navbar-top .navbar-top-links.pull-right a select {
  border: 0;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  font-weight: bold;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  color: transparent;
  text-align: center;
  width: 100%;
  height: 100%;
}

#navbar-top .navbar-top-links.pull-right a select option {
  color: #343a40;
}

#navbar-top .navbar-top-links.pull-right i {
  padding: 3px;
  padding-left: 6px;
  padding-right: 6px;
  margin: 0;
  font-size: 14px;
  color: rgba(52, 58, 64, 0.6);
  cursor: pointer;
}

#navbar-top .navbar-top-links.pull-right .search {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 9px;
  border-radius: 8px !important;
  border: 0;
  font-weight: lighter;
  width: 80px;
}

#navbar-top .navbar-top-links.pull-right .btn-search {
  border: 0;
  padding-right: 0;
}

#navbar-top .navbar-top-links.pull-right li {
  display: inline-block;
  margin-right: 5px;
}

#navbar-top .navbar-top-links.pull-right li:last-child {
  margin-right: 0;
}

#navbar-top .navbar-top-links.pull-right .btn-search {
  background-color: transparent;
  margin: 0;
  padding: 0;
}

#navbar-top .navbar-top-links.pull-right .hidden-elements {
  display: inline-block;
}

@media (max-width: 767px) {
  #navbar-top .navbar-top-links.pull-right .hidden-elements {
    display: none;
  }
}

@media (max-width: 1199px) {
  #navbar-top .navbar-header {
    float: left;
  }

  #navbar-top .mainNav {
    float: left;
  }
}

@media (max-width: 650px) {
  #navbar-top .search-wrapper {
    display: none !important;
  }
}

.middle {
  vertical-align: middle;
  display: inline;
}

#breadcrumb {
  margin: 20px 0 0;
  background-color: rgba(255, 255, 255, 0.98);
}

#breadcrumb .content {
  margin-bottom: 0;
  padding: 0 22px;
}

#breadcrumb .breadcrumb {
  background-color: transparent;
  margin-bottom: 0px;
  margin-left: 0;
  padding-left: 0;
  padding-top: 15px;
}

#breadcrumb .breadcrumb li,
#breadcrumb .breadcrumb span {
  color: #343a40;
  margin-bottom: 0;
  font-weight: normal;
}

#timer {
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: white;
  margin: 3% 0;
  border-radius: 10px;
}

@media (max-width: 767px) {
  #timer {
    padding-right: 0;
  }
}

@media (max-width: 991px) {
  #timer {
    height: auto;
    padding-right: 0;
  }
}

#timer .row:first-child {
  height: 99px;
}

#timer .button.icon i {
  margin: 0;
  padding: 5px;
}

#timer [class*="col-"],
#timer [class*="row"] {
  position: relative;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#timer [class*="col-"] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

@media (max-width: 991px) {
  #timer [class*="col-"],
  #timer [class*="row"] {
    display: block;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    height: auto;
  }
}

#timer .dz-message .col-sm-2 {
  padding-left: 10px;
}

#timer img {
  max-height: 55px;
  width: auto;
  height: auto;
}

@media (max-width: 991px) {
  #timer img {
    height: auto;
    max-height: 55px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 1093px) {
  #timer img {
    width: auto;
  }
}

@media (max-width: 991px) {
  #timer img {
    width: auto;
  }
}

#timer #datepicker-refresh {
  display: block;
  width: 100%;
}

#timer #timer-datepicker {
  right: 22px;
  float: right;
}

#timer #timer-datepicker > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  margin: 0;
  padding: 0;
}

#timer #timer-datepicker > ul > li {
  list-style: none;
  display: block;
  margin-left: 13px;
}

#timer #timer-datepicker .reportrange-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  width: 223px;
}

#timer #timer-datepicker .reportrange-text i.fa,
#timer #timer-datepicker .reportrange-text span {
  display: inline-block;
  font-size: 15px;
  margin: 0;
}

#timer #timer-datepicker .reportrange-text .caret {
  position: absolute;
  right: 13px;
}

#timer #timer-datepicker .daterangepicker.dropdown-menu {
  width: auto;
}

#timer #timer-datepicker .daterangepicker.dropdown-menu .input-mini {
  padding: 0 6px 0 28px !important;
}

#timer #timer-datepicker .daterangepicker.dropdown-menu .calendar-table .in-range {
  background-color: rgba(0, 0, 0, 0.3);
}

#timer #timer-datepicker .daterangepicker.dropdown-menu .calendar-table .in-range.active {
  color: #000000;
}

#timer #timer-datepicker .daterangepicker.dropdown-menu .ranges .range_inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#timer #timer-datepicker .daterangepicker.dropdown-menu .ranges .range_inputs button:first-child {
  margin-right: 5px;
}

@media (max-width: 767px) {
  #timer #timer-datepicker .daterangepicker.dropdown-menu .ranges .range_inputs {
    display: block;
  }

  #timer #timer-datepicker .daterangepicker.dropdown-menu .ranges .range_inputs button {
    width: 100%;
    margin-bottom: 5px;
  }
}

#timer #timer-datepicker .daterangepicker.dropdown-menu .ranges .range_inputs button.applyBtn {
  background-color: #00ae8f;
}

#timer #timer-datepicker .daterangepicker.dropdown-menu .ranges ul {
  width: 100%;
}

#timer #timer-datepicker .daterangepicker.dropdown-menu .ranges ul li {
  color: #000000;
  text-transform: uppercase;
  width: 100%;
}

@media (max-width: 767px) {
  #timer {
    position: relative;
    height: auto;
  }

  #timer [class*="col-"],
  #timer [class*="row"] {
    display: block;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    height: auto;
  }

  #timer #timer-datepicker {
    display: inline-block;
    position: relative;
    margin-bottom: 13px;
  }
}

#timer.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9000;
  margin: 0;
  background: white;
}

#timer.fixed .row {
  max-width: 1200px;
  margin: 0 auto;
  float: none;
}

.inline-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (max-width: 991px) {
  .inline-actions {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}

.btn-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 991px) {
  .btn-center {
    display: block;
  }
}

@media (max-width: 991px) {
  #padding-top-del {
    padding-top: 0;
  }
}

#cockpit #overview-range #slider-range {
  /* Special styling for WebKit/Blink */
  /* All the same stuff for Firefox */
  /* All the same stuff for IE */
}

#cockpit #overview-range #slider-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  margin-top: -14px;
  -webkit-box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
          box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

#cockpit #overview-range #slider-range::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}

#cockpit #overview-range #slider-range::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}

.progress-bar {
  background-color: #00ae8f;
}

.progress-bar-danger {
  background-color: #AD284B;
}

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

.label-primary {
  background-color: #00ae8f;
}

.label-warning {
  background-color: #AD284B;
}

.label-danger {
  background-color: #EB9B46;
}

h2 span.label {
  font-size: 10px;
}

#flot-line-chart-moving canvas {
  width: 100% !important;
  height: 200px !important;
}

.stat-percent {
  float: right;
}

.schubwerk-iframe .row {
  margin-bottom: 30px;
}

.schubwerk-iframe .row .bold {
  font-weight: 600;
}

.schubwerk-iframe .row h3 {
  margin: 0 0 30px;
  margin-top: 60px;
  font-size: 30px;
}

.schubwerk-iframe .row h3 span {
  display: block;
  font-size: 0.7em;
  line-height: 2em;
}

.schubwerk-iframe .row h4,
.schubwerk-iframe .row #breadcrumb .breadcrumb li,
#breadcrumb .breadcrumb .schubwerk-iframe .row li,
.schubwerk-iframe .row #breadcrumb .breadcrumb span,
#breadcrumb .breadcrumb .schubwerk-iframe .row span {
  margin: 0 0 30px;
}

.schubwerk-iframe .row h4 span,
.schubwerk-iframe .row #breadcrumb .breadcrumb li span,
#breadcrumb .breadcrumb .schubwerk-iframe .row li span,
.schubwerk-iframe .row #breadcrumb .breadcrumb span span,
#breadcrumb .breadcrumb .schubwerk-iframe .row span span {
  display: block;
  font-size: 0.7em;
  line-height: 2em;
}

.schubwerk-iframe .row .bg-white.more-grey {
  background: #dcdcdc;
}

.schubwerk-iframe canvas {
  width: 100%;
}

.schubwerk-iframe #chart1-container canvas {
  height: 400px !important;
}

.schubwerk-iframe #chart2-container canvas {
  height: 400px !important;
}

.schubwerk-iframe #chart3-container canvas {
  height: 400px !important;
}

.schubwerk-iframe #chart4-container canvas {
  height: 380px !important;
}

.schubwerk-iframe #chart7-container canvas {
  height: 150px !important;
}

.schubwerk-iframe #chart8-container canvas {
  height: 150px !important;
}

.schubwerk-iframe #chart9-container canvas {
  height: 150px !important;
}

.schubwerk-iframe #chart11-container canvas {
  height: 189px !important;
}

.schubwerk-iframe table {
  width: 100%;
}

.schubwerk-iframe table th {
  color: #000000;
}

.schubwerk-iframe table th:after {
  content: '';
}

.schubwerk-iframe table td {
  word-break: break-all;
}

.schubwerk-iframe table.twocols th:first-child {
  width: 70%;
}

.schubwerk-iframe table.twocols th:last-child {
  text-align: right;
}

.schubwerk-iframe table.twocols td:first-child {
  width: 70%;
}

.schubwerk-iframe table.twocols td:last-child {
  text-align: right;
}

.schubwerk-iframe .initial-data.smaller .box {
  background-color: #FFFFFF;
  border-radius: 8px;
  width: 32%;
  padding: 8px 5px;
  font-weight: 300;
}

@media (max-width: 767px) {
  .schubwerk-iframe .initial-data.smaller .box {
    width: 100%;
    float: none;
  }
}

.schubwerk-iframe .initial-data.smaller .box:nth-child(3) {
  margin: 0 2%;
}

@media (max-width: 767px) {
  .schubwerk-iframe .initial-data.smaller .box:nth-child(3) {
    margin: 0 0 30px;
  }
}

.schubwerk-iframe .initial-data.smaller .box.box-auto {
  width: auto;
}

@media (max-width: 767px) {
  .schubwerk-iframe .initial-data.smaller .box.box-auto {
    width: 100%;
    float: none;
  }
}

.schubwerk-iframe .initial-data.smaller span {
  font-size: 13px;
}

.schubwerk-iframe .initial-data.smaller span.number {
  font-size: 1.5em;
}

.schubwerk-iframe .initial-data.smaller h4,
.schubwerk-iframe .initial-data.smaller #breadcrumb .breadcrumb li,
#breadcrumb .breadcrumb .schubwerk-iframe .initial-data.smaller li,
.schubwerk-iframe .initial-data.smaller #breadcrumb .breadcrumb span,
#breadcrumb .breadcrumb .schubwerk-iframe .initial-data.smaller span {
  color: #000000;
  font-size: 1.5em;
  line-height: 1.2em;
  font-weight: 400;
}

.schubwerk-iframe .initial-data.smaller h4 span,
.schubwerk-iframe .initial-data.smaller #breadcrumb .breadcrumb li span,
#breadcrumb .breadcrumb .schubwerk-iframe .initial-data.smaller li span,
.schubwerk-iframe .initial-data.smaller #breadcrumb .breadcrumb span span,
#breadcrumb .breadcrumb .schubwerk-iframe .initial-data.smaller span span {
  font-size: 13px;
  font-weight: 300;
}

.schubwerk-iframe .initial-data.smaller h4 span.percent,
.schubwerk-iframe .initial-data.smaller #breadcrumb .breadcrumb li span.percent,
#breadcrumb .breadcrumb .schubwerk-iframe .initial-data.smaller li span.percent,
.schubwerk-iframe .initial-data.smaller #breadcrumb .breadcrumb span span.percent,
#breadcrumb .breadcrumb .schubwerk-iframe .initial-data.smaller span span.percent {
  color: #00ae8f;
}

.schubwerk-iframe select {
  width: 100%;
  border-radius: 8px;
  padding: 8px 6px;
  border: 1px solid #d9d9d9;
  font-size: 14px;
  color: #464646;
}

.schubwerk-iframe .header {
  padding: 20px 0;
}

.schubwerk-iframe .header .row {
  margin-bottom: 0;
}

.schubwerk-iframe .header select {
  outline: none !important;
  border: 0;
  font-size: 1.4em;
  color: #646464;
}

.schubwerk-iframe .header .caret {
  outline: none !important;
  border: 0 !important;
  font-size: 1.4em;
  color: #646464;
}

.schubwerk-iframe .top-campaigns {
  background-color: #d9d9d9;
  color: #464646;
  border-radius: 0 0 3px 3px;
  padding-bottom: 60px;
  position: relative;
}

.schubwerk-iframe .top-campaigns th {
  background-color: #646464;
  color: #000000;
  padding: 5px 8px;
}

.schubwerk-iframe .top-campaigns td {
  padding: 5px 8px;
}

.schubwerk-iframe .top-campaigns tr td:last-child {
  position: relative;
  text-indent: initial;
  overflow: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.schubwerk-iframe .pink-back {
  background-color: #c2185b;
  color: #000000;
}

.schubwerk-iframe .pink-back select {
  background: transparent !important;
  color: #000000 !important;
}

.schubwerk-iframe .pink-back .caret {
  background: transparent !important;
  color: #000000 !important;
}

.schubwerk-iframe .pink-back h4,
.schubwerk-iframe .pink-back #breadcrumb .breadcrumb li,
#breadcrumb .breadcrumb .schubwerk-iframe .pink-back li,
.schubwerk-iframe .pink-back #breadcrumb .breadcrumb span,
#breadcrumb .breadcrumb .schubwerk-iframe .pink-back span {
  color: #000000;
}

.schubwerk-iframe h4,
.schubwerk-iframe #breadcrumb .breadcrumb li,
#breadcrumb .breadcrumb .schubwerk-iframe li,
.schubwerk-iframe #breadcrumb .breadcrumb span,
#breadcrumb .breadcrumb .schubwerk-iframe span {
  font-size: 1.5em;
  line-height: 1.2em;
  font-weight: 400;
}

.schubwerk-iframe .bg-white {
  background-color: #FFFFFF;
  color: #464646;
  border-radius: 8px;
}

.schubwerk-iframe .bg-white h4,
.schubwerk-iframe .bg-white #breadcrumb .breadcrumb li,
#breadcrumb .breadcrumb .schubwerk-iframe .bg-white li,
.schubwerk-iframe .bg-white #breadcrumb .breadcrumb span,
#breadcrumb .breadcrumb .schubwerk-iframe .bg-white span {
  color: #464646 !important;
}

.schubwerk-iframe .button-container {
  margin-bottom: 10px;
}

.schubwerk-iframe .button-container button {
  text-align: left;
  border: 1px solid #d9d9d9;
  padding: 10px;
  position: relative;
}

.schubwerk-iframe .button-container button .caret {
  position: absolute;
  right: 10px;
  top: 8px;
}

.pink-container {
  margin: 0 -15px;
  padding: 30px 15px;
}

.top-campaigns-navi {
  position: absolute;
  bottom: 5px;
  text-align: right;
  width: 100%;
}

.top-campaigns-navi span {
  padding: 0 10px;
  display: inline-block !important;
  vertical-align: middle;
  margin: 20px 0;
}

.chart span.chartbar {
  background-color: #c2185b !important;
}

table.chart td {
  padding: 5px 0;
}

table.striped tr:nth-child(odd) td {
  background-color: #eaeaea;
}

i.caret {
  cursor: pointer;
}

i.caret.sort-table {
  display: inline-block !important;
  width: 10px !important;
  background-size: 25px !important;
  height: 18px;
  cursor: pointer;
}

img.analytics-logo {
  max-width: 25px;
  margin-right: 10px;
}

.grey-back {
  background-color: #eaeaea;
}

.schubwerk-iframe.pink .header {
  background-color: #c2185b;
  color: #000000;
}

.schubwerk-iframe.pink .header select {
  background: transparent !important;
  color: #000000 !important;
}

.schubwerk-iframe.pink .header .caret {
  background: transparent !important;
  color: #000000 !important;
}

.schubwerk-iframe.pink .header h4,
.schubwerk-iframe.pink .header #breadcrumb .breadcrumb li,
#breadcrumb .breadcrumb .schubwerk-iframe.pink .header li,
.schubwerk-iframe.pink .header #breadcrumb .breadcrumb span,
#breadcrumb .breadcrumb .schubwerk-iframe.pink .header span {
  color: #000000;
}

/*font family*/

.VuePagination {
  background-color: transparent !important;
}

.VuePagination .pagination > li:first-child > a {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

.VuePagination .pagination > li:last-child > a {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

.VuePagination .page-item a {
  color: #343a40;
  border: 0.5px solid #f3f3f9;
}

.VuePagination a.page-link.active {
  color: #00ae8f;
  background-color: #fff;
  border: 0.5px solid #00ae8f;
}

.VuePagination a.page-link:hover {
  color: #00ae8f;
  border: 0.5px solid #00ae8f;
}

.VuePagination .pagination {
  margin: 0 !important;
}

.table-overview {
  margin-left: 22px;
  width: 96%;
}

@media (max-width: 767px) {
  .table-overview {
    width: 93%;
  }
}

@media (max-width: 575px) {
  .table-overview {
    width: 87%;
  }
}

.table-overview th,
.table-overview td,
.table-overview tr {
  text-align: left;
}

.table.classicTable td {
  padding-top: 22px;
  padding-bottom: 22px;
}

.table.classicTable .link.cockpit {
  color: #00ae8f;
  font-weight: bold;
}

.analyseTable {
  width: 100%;
}

.analyseTable th {
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #FFFFFF;
}

.analyseTable td {
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 5px;
  padding-bottom: 5px;
  word-break: break-all;
}

@media (max-width: 767px) {
  .analyseTable td {
    word-break: normal;
  }
}

.analyseTable .label {
  display: inline-block;
  width: 100%;
}

.analyseTable.leadsTable,
.analyseTable.salesTable,
.analyseTable.visitsTable,
.analyseTable.codeTable {
  margin-bottom: 28px;
}

.analyseTable.leadsTable td,
.analyseTable.leadsTable th,
.analyseTable.leadsTable tr,
.analyseTable.salesTable td,
.analyseTable.salesTable th,
.analyseTable.salesTable tr,
.analyseTable.visitsTable td,
.analyseTable.visitsTable th,
.analyseTable.visitsTable tr,
.analyseTable.codeTable td,
.analyseTable.codeTable th,
.analyseTable.codeTable tr {
  word-break: normal;
  padding-left: 13px;
  padding-right: 13px;
  padding-bottom: 13px;
  padding-top: 13px;
}

.analyseTable.leadsTable td input,
.analyseTable.leadsTable th input,
.analyseTable.leadsTable tr input,
.analyseTable.salesTable td input,
.analyseTable.salesTable th input,
.analyseTable.salesTable tr input,
.analyseTable.visitsTable td input,
.analyseTable.visitsTable th input,
.analyseTable.visitsTable tr input,
.analyseTable.codeTable td input,
.analyseTable.codeTable th input,
.analyseTable.codeTable tr input {
  width: 100%;
  border: 0;
  -webkit-box-shadow: transparent;
          box-shadow: transparent;
  font-weight: bold;
  background-color: transparent;
  color: #000000;
}

.analyseTable.leadsTable td input::-webkit-input-placeholder,
.analyseTable.leadsTable th input::-webkit-input-placeholder,
.analyseTable.leadsTable tr input::-webkit-input-placeholder,
.analyseTable.salesTable td input::-webkit-input-placeholder,
.analyseTable.salesTable th input::-webkit-input-placeholder,
.analyseTable.salesTable tr input::-webkit-input-placeholder,
.analyseTable.visitsTable td input::-webkit-input-placeholder,
.analyseTable.visitsTable th input::-webkit-input-placeholder,
.analyseTable.visitsTable tr input::-webkit-input-placeholder,
.analyseTable.codeTable td input::-webkit-input-placeholder,
.analyseTable.codeTable th input::-webkit-input-placeholder,
.analyseTable.codeTable tr input::-webkit-input-placeholder {
  font-weight: normal;
}

.analyseTable.leadsTable td input::-moz-placeholder,
.analyseTable.leadsTable th input::-moz-placeholder,
.analyseTable.leadsTable tr input::-moz-placeholder,
.analyseTable.salesTable td input::-moz-placeholder,
.analyseTable.salesTable th input::-moz-placeholder,
.analyseTable.salesTable tr input::-moz-placeholder,
.analyseTable.visitsTable td input::-moz-placeholder,
.analyseTable.visitsTable th input::-moz-placeholder,
.analyseTable.visitsTable tr input::-moz-placeholder,
.analyseTable.codeTable td input::-moz-placeholder,
.analyseTable.codeTable th input::-moz-placeholder,
.analyseTable.codeTable tr input::-moz-placeholder {
  font-weight: normal;
}

.analyseTable.leadsTable td input::-ms-input-placeholder,
.analyseTable.leadsTable th input::-ms-input-placeholder,
.analyseTable.leadsTable tr input::-ms-input-placeholder,
.analyseTable.salesTable td input::-ms-input-placeholder,
.analyseTable.salesTable th input::-ms-input-placeholder,
.analyseTable.salesTable tr input::-ms-input-placeholder,
.analyseTable.visitsTable td input::-ms-input-placeholder,
.analyseTable.visitsTable th input::-ms-input-placeholder,
.analyseTable.visitsTable tr input::-ms-input-placeholder,
.analyseTable.codeTable td input::-ms-input-placeholder,
.analyseTable.codeTable th input::-ms-input-placeholder,
.analyseTable.codeTable tr input::-ms-input-placeholder {
  font-weight: normal;
}

.analyseTable.leadsTable td input::placeholder,
.analyseTable.leadsTable th input::placeholder,
.analyseTable.leadsTable tr input::placeholder,
.analyseTable.salesTable td input::placeholder,
.analyseTable.salesTable th input::placeholder,
.analyseTable.salesTable tr input::placeholder,
.analyseTable.visitsTable td input::placeholder,
.analyseTable.visitsTable th input::placeholder,
.analyseTable.visitsTable tr input::placeholder,
.analyseTable.codeTable td input::placeholder,
.analyseTable.codeTable th input::placeholder,
.analyseTable.codeTable tr input::placeholder {
  font-weight: normal;
}

.analyseTable.leadsTable i,
.analyseTable.salesTable i,
.analyseTable.visitsTable i,
.analyseTable.codeTable i {
  font-style: normal;
}

.analyseTable.leadsTable th,
.analyseTable.salesTable th,
.analyseTable.visitsTable th,
.analyseTable.codeTable th {
  background-color: rgba(0, 0, 0, 0.8);
}

.analyseTable.leadsTable th span,
.analyseTable.salesTable th span,
.analyseTable.visitsTable th span,
.analyseTable.codeTable th span {
  font-size: 16px;
  font-weight: bold;
  color: white;
}

@media (max-width: 767px) {
  .analyseTable.leadsTable th span,
  .analyseTable.salesTable th span,
  .analyseTable.visitsTable th span,
  .analyseTable.codeTable th span {
    font-size: 11px;
  }
}

.analyseTable.leadsTable td.input,
.analyseTable.salesTable td.input,
.analyseTable.visitsTable td.input,
.analyseTable.codeTable td.input {
  background-color: #ffffff;
}

.analyseTable.leadsTable td:first-of-type,
.analyseTable.salesTable td:first-of-type,
.analyseTable.visitsTable td:first-of-type,
.analyseTable.codeTable td:first-of-type {
  background-color: transparent;
}

.analyseTable.leadsTable td:first-of-type span,
.analyseTable.salesTable td:first-of-type span,
.analyseTable.visitsTable td:first-of-type span,
.analyseTable.codeTable td:first-of-type span {
  font-weight: bold;
  word-break: normal;
}

.analyseTable.codeTable img {
  width: 20px;
  height: 20px;
}

.analyseTable.codeTable th {
  background-color: transparent;
  color: #343a40;
}

.analyseTable.codeTable > tbody > tr > td {
  cursor: pointer;
  position: relative;
}

.analyseTable.codeTable > tbody td,
.analyseTable.codeTable > tbody td:first-of-type {
  background-color: #dddddd;
  color: #343a40;
}

.analyseTable.codeTable > tbody td.inner-table {
  background-color: #bbbbbb;
  padding: 0 !important;
  cursor: auto;
}

.analyseTable.codeTable > tbody td.inner-table table thead tr,
.analyseTable.codeTable > tbody td.inner-table table thead th {
  border-top: 0;
}

.analyseTable.codeTable > tbody td.inner-table table tbody td {
  background-color: #bbbbbb;
  color: #343a40;
}

.analyseTable.codeTable > tbody td.inner-table table tbody td:first-of-type {
  padding-left: inherit !important;
}

.upload-container {
  border-radius: 50%;
  border: 1px dashed #afafaf;
  height: 8vh;
  width: 8vh;
  display: table;
}

.upload-container .upload-label {
  position: relative;
  color: #afafaf;
  font-size: 1rem;
  display: table-cell;
  vertical-align: middle;
}

.form-group {
  margin-bottom: 20px;
}

input[type=checkbox] {
  display: inline-block;
}

#home-container {
  background: white;
  height: 100%;
  width: 100%;
  padding: 15px;
  margin-top: 1%;
}

#home-container .quickcheck-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#home-container .box {
  height: 40vh;
  width: 50%;
  margin: 10px;
  cursor: pointer;
}

#home-container .box.keyword-analyzer {
  background: url(/images/keyword-analyzer-screenshot.jpg) center center no-repeat;
  background-size: cover;
}

#home-container .box.website-analyzer {
  background: url(/images/website-analyzer-screenshot.jpg) center center no-repeat;
  background-size: cover;
}

#home-container .box .head {
  color: #fff;
  font-size: 20px;
  padding: 2px 10px;
  background: rgba(0, 0, 0, 0.5);
}

@media (min-width: 768px) {
  .plans {
    margin-top: 30px !important;
  }
}

.plans .btn-primary {
  font-size: 13px !important;
}

.plans .col-centered {
  display: block;
  margin: 0;
  float: left;
  background-color: #fff;
  padding: 9px;
}

@media (max-width: 767px) {
  .plans .col-centered {
    float: none;
    margin: 0 0 30px;
  }
}

@media (min-width: 768px) {
  .plans .col-centered:not(.non-highlight):nth-child(2) {
    -webkit-box-shadow: 0 0 22px 7px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 22px 7px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 3;
    margin-top: -10px;
  }
}

@media (min-width: 768px) {
  .plans .col-centered:not(.non-highlight):nth-child(2) .panel .panel-heading {
    padding: 15px;
  }
}

.plans .col-centered:not(.non-highlight):nth-child(2) .panel .titlos {
  background-color: #EB9B46;
}

.plans .col-centered:not(.non-highlight):nth-child(2) .panel .btn-primary {
  background-color: #EB9B46 !important;
  -webkit-appearance: none !important;
}

.plans .col-centered .hidden-select {
  display: none;
}

.plans .col-centered .hidden-select:checked + .select-plan {
  background: #000;
}

.plans .col-centered .select-plan {
  padding: 10px;
  width: 100%;
}

.plans .col-centered .panel {
  margin-bottom: 0;
}

.plans .col-centered .panel-heading {
  text-transform: unset !important;
  background-color: #ffffff !important;
  color: #646464 !important;
  font-size: 18px !important;
  font-weight: lighter !important;
  font-family: "Poppins", sans-serif !important;
  border-bottom: 0 !important;
}

.plans .col-centered .panel-body {
  padding: 0;
}

.plans .col-centered .panel-body .titlos {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #00ae8f;
  border: 1px solid #e5e4e3;
  border-bottom: 0;
}

@media (max-width: 767px) {
  .plans .col-centered .panel-body .titlos {
    display: block;
    height: auto;
  }
}

.plans .col-centered .panel-body h4,
.plans .col-centered .panel-body #breadcrumb .breadcrumb li,
#breadcrumb .breadcrumb .plans .col-centered .panel-body li,
.plans .col-centered .panel-body #breadcrumb .breadcrumb span,
#breadcrumb .breadcrumb .plans .col-centered .panel-body span {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 18px;
  line-height: 1.3em;
  color: #FFFFFF;
  display: block;
  font-weight: lighter;
  text-align: center;
  padding: 0 5px;
  width: 100%;
  margin: 0;
}

.plans .col-centered .panel-body h4 .sub-heading,
.plans .col-centered .panel-body #breadcrumb .breadcrumb li .sub-heading,
#breadcrumb .breadcrumb .plans .col-centered .panel-body li .sub-heading,
.plans .col-centered .panel-body #breadcrumb .breadcrumb span .sub-heading,
#breadcrumb .breadcrumb .plans .col-centered .panel-body span .sub-heading {
  font-size: .5em;
  display: block;
  text-align: center;
  color: #ffffff;
}

.plans .col-centered .list-group {
  margin-bottom: 0;
}

.plans .col-centered .list-group .list-group-item {
  border-left: none;
  border-right: none;
  color: #646464;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-color: #e5e4e3;
  border-bottom: 0;
  font-size: 15px;
  font-weight: lighter;
  background-color: #ffffff !important;
}

.plans .col-centered .list-group .list-group-item span {
  margin: 0;
}

.plans .col-centered .list-group .list-group-item:first-child,
.plans .col-centered .list-group .list-group-item:last-child {
  border-radius: 0;
}

/*font family*/

body.login {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #000));
  background: linear-gradient(90deg, #fff 50%, #000 50%);
  min-height: 100vh;
}

@media (max-width: 1199px) {
  body.login {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #fff));
    background: linear-gradient(90deg, #fff 50%, #fff 50%);
  }
}

body.login .btn-primary.login-button {
  margin-top: 0 !important;
}

body.login .content {
  margin-bottom: 0 !important;
}

#page-login {
  width: 100%;
}

#page-login #app {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

#page-login #login.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

#page-login #login.container .row {
  width: 100%;
}

@media (max-width: 767px) {
  #page-login #login.container .row {
    width: 100%;
  }
}

#page-login #login.container .row .left {
  padding-left: 0em;
  padding-right: 0em;
}

@media (min-width: 992px) {
  #page-login #login.container .row .left {
    padding-left: 0em;
    padding-right: 1em;
  }
}

#page-login #login.container .row .right {
  padding-left: 0em;
  padding-right: 0em;
}

@media (min-width: 992px) {
  #page-login #login.container .row .right {
    padding-left: 1em;
    padding-right: 0em;
  }
}

#page-login #login.container .row .content-reg-compl {
  padding-top: 5%;
  background-color: #FFFFFF;
  border-radius: 15px;
  padding-left: 10%;
  padding-right: 10%;
  margin-bottom: 30%;
}

@media (max-width: 575px) {
  #page-login #login.container .row .content-reg-compl {
    padding-left: 0;
    padding-right: 0;
  }
}

#page-login #login.container .row .content {
  padding-top: 20%;
  background-color: #FFFFFF;
  border-radius: 15px;
  padding-left: 20%;
  padding-right: 20%;
}

@media (max-width: 575px) {
  #page-login #login.container .row .content {
    padding-top: 20%;
    padding-left: 4%;
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  #page-login #login.container .row .content form input {
    margin-left: 0;
  }
}

#page-login #login.container .row .content form input[type="submit"],
#page-login #login.container .row .content form .btn-good-neg {
  width: 100% !important;
  font-weight: bold !important;
}

@media (min-width: 992px) {
  #page-login #login.container .row .content form input[type="submit"],
  #page-login #login.container .row .content form .btn-good-neg {
    width: 50%;
  }
}

#page-login #login.container .row .content form .btn-link {
  display: inline-block;
  text-align: left;
  width: 100%;
  color: #27ae8f !important;
}

#page-login #login.container .row .content form .follow-us {
  margin-bottom: 50px;
  padding-top: 30px;
}

@media (max-width: 575px) {
  #page-login #login.container .row .content form .follow-us {
    display: none;
  }
}

@media (max-width: 991px) {
  #page-login #login.container .row .content form .follow-us {
    padding-top: 40px;
  }
}

#page-login #login.container .row .content form .follow-us .follow-us-text {
  text-align: center;
  font-weight: bold;
  margin-top: -11px;
  color: #27ae8f;
  font-size: 16px;
}

#page-login #login.container .row .content form .follow-us .follow-us-icons {
  text-align: center;
  margin-top: 20px;
}

@media (max-width: 575px) {
  #page-login #login.container .row .content form .follow-us .follow-us-icons {
    margin-top: 10px;
  }
}

#page-login #login.container .row .content form .follow-us .follow-us-icons a {
  margin: 0 10px;
}

#page-login #login.container .row .content form .line {
  border-bottom: 2px solid grey;
}

@media (max-width: 767px) {
  #page-login #login.container .row .content form .line {
    display: none;
  }
}

@media (max-width: 575px) {
  #page-login #login.container .row .content h1 {
    font-size: 19px !important;
    line-height: 26px !important;
  }
}

.logo img {
  margin: 20px;
  max-width: 200px;
}

.logo span {
  text-transform: uppercase;
  letter-spacing: 4px;
  font-size: 10px;
  line-height: 2;
  color: #222;
  font-weight: lighter;
}

.logo span .bg-color-green {
  background-color: green;
  width: 100%;
  height: 100%;
}

.sw-title {
  background-image: linear-gradient(95deg, #5458F1 20%, #EACCF8 64%, #69EACB 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: 100%;
  text-align: center;
}

.card-login {
  border-radius: 10px;
  background: #fff;
  opacity: 1;
  padding: 20px 20px 0 20px;
}

.text-with-card {
  padding: 30% 15%;
}

.text-with-card h1 {
  text-align: center;
}

.benefits {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.benefits li {
  list-style-type: none;
  margin-right: 30px;
}

.benefits li span {
  color: white;
}

.benefits li span i {
  color: #2AD5A4;
}

.img-recession {
  width: 80%;
  border-radius: 10px;
}

p strong {
  font-size: 17px;
}

@media (max-width: 1199px) {
  .login-right {
    display: none;
  }
}

.login-complete {
  overflow: hidden;
}

#reg-compl-logout {
  padding: 30px;
}

.login-btn {
  margin: 10px 0px;
}

.error-page {
  width: 100%;
  height: 100%;
  background: white;
  padding: 10%;
}

/*font family*/

#app .container .unauth {
  width: 100%;
  height: 92%;
  margin-bottom: 0;
}

#unauthorize #footer {
  position: static;
  bottom: 0;
  width: 100%;
}

#unauthorize input {
  margin: 0 !important;
}

/*font family*/

#cockpit {
  border-radius: 10px;
  max-height: 100vh;
}

#cockpit #overview {
  background-color: rgba(255, 255, 255, 0.98);
}

#cockpit #overview .content {
  padding: 22px 16px;
}

#cockpit #overview #GesamtZielerreichung {
  padding-top: 4px;
}

#cockpit #overview .progress {
  border-radius: 3px !important;
  height: auto;
  margin-bottom: 0;
  background-color: transparent;
  padding: 0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

#cockpit #overview .progress .progress-bar {
  font-size: 15px;
  background-color: #464646;
  padding: 5px;
}

@media (max-width: 767px) {
  #cockpit #overview-range .space {
    display: block;
    margin-top: 12px;
  }
}

#cockpit #overview-range .centered-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
}

@media (max-width: 767px) {
  #cockpit #overview-range .centered-items {
    display: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
}

#cockpit #overview-range .dropdown button {
  position: relative;
  width: 100%;
  text-align: left;
}

#cockpit #overview-range .dropdown button span {
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#cockpit #overview-range .dropdown ul.dropdown-menu {
  width: 100%;
}

#cockpit .fourBoxes {
  color: #000000;
  position: relative;
}

#cockpit .fourBoxes span.info-tooltip {
  position: absolute;
  width: 17px;
  height: 17px;
  padding: 3px;
  background: url(/images/info.svg?50b87cf4aaa918ea75a0512fc4a8f3c3) center center no-repeat #FFFFFF;
  background-size: 15px !important;
  border-radius: 8px;
  border: 1px solid #464646;
  margin-bottom: -15px;
  z-index: 99;
}

#cockpit .fourBoxes .content {
  position: relative;
}

#cockpit .fourBoxes h3,
#cockpit .fourBoxes h2 {
  font-weight: lighter;
  font-size: 26px;
  border-bottom: none;
}

#cockpit .fourBoxes span:nth-of-type(2) {
  display: inline;
  width: 100%;
  font-weight: bold;
}

#cockpit .tooltip {
  opacity: 1;
}

#cockpit .table#tbl-overview {
  background-color: transparent;
  border: 0;
  border-collapse: collapse;
  margin-bottom: 0;
}

#cockpit .table#tbl-overview tbody {
  border: 0;
}

#cockpit .table#tbl-overview tbody tr:first-of-type th:first-of-type i {
  margin-left: 5px;
}

#cockpit .table#tbl-overview tbody:first-of-type tr:first-of-type {
  color: transparent;
}

#cockpit .table#tbl-overview tbody:first-of-type tr:first-of-type th {
  font-size: 0px;
}

#cockpit .table#tbl-overview tbody:first-of-type td.lvl-2 {
  padding-left: 8px !important;
  color: #343a40;
  display: block !important;
}

#cockpit .table#tbl-overview tbody:first-of-type td.lvl-2 ~ td [data-emotion-background] {
  padding: 5px;
  border-radius: 8px !important;
  color: #fff;
}

#cockpit .table#tbl-overview tbody:not(:first-of-type) td [data-emotion-background] {
  background-color: transparent !important;
  color: #343a40 !important;
}

#cockpit .table#tbl-overview thead th {
  background-color: transparent;
  min-width: 60px;
  font-weight: bold;
  color: black;
}

#cockpit .table#tbl-overview th {
  display: table-cell;
  border: 0;
  background-color: transparent;
  border-right: 1px solid #d9d9d9;
  border-radius: 8px !important;
}

@media (max-width: 991px) {
  #cockpit .table#tbl-overview th {
    border-radius: 0 !important;
  }
}

#cockpit .table#tbl-overview th:first-of-type,
#cockpit .table#tbl-overview th:last-of-type {
  border: 0;
}

#cockpit .table#tbl-overview tr {
  display: table-row;
  border: 0;
}

@media (max-width: 991px) {
  #cockpit .table#tbl-overview tr.lvl-1 th {
    display: none;
  }

  #cockpit .table#tbl-overview tr.lvl-1 th:first-of-type {
    display: block;
  }
}

#cockpit .table#tbl-overview td {
  content: "desktop";
  display: table-cell;
  border: 0;
  border-right: 1px solid #d9d9d9;
  color: #343a40;
}

@media (max-width: 991px) {
  #cockpit .table#tbl-overview td {
    border: 0px;
  }

  #cockpit .table#tbl-overview td span {
    color: #343a40;
  }
}

#cockpit .table#tbl-overview td.lvl-2 {
  font-weight: bold;
  padding-left: 28px;
}

#cockpit .table#tbl-overview td:first-of-type {
  color: #343a40;
  border: 0;
}

#cockpit .table#tbl-overview td:nth-of-type(6) {
  border: 0;
}

#cockpit .table#tbl-overview .tbl-cell-out {
  display: table-cell;
}

#cockpit .table#tbl-overview .tbl-row-out {
  display: table-row;
}

#cockpit .table#tbl-overview .tbl-block-out {
  display: block;
}

#cockpit .table#tbl-overview .lvl-1,
#cockpit .table#tbl-overview .lvl-2 {
  cursor: pointer;
}

#cockpit .table#tbl-overview span.cell-title {
  display: none;
}

#cockpit .table#tbl-overview .tbl-in {
  display: none !important;
}

#cockpit .table#tbl-overview strong {
  font-weight: bold;
  font-size: 15px;
  line-height: 15px;
}

@media (max-width: 991px) {
  #cockpit .table#tbl-overview {
    display: block;
    width: 100%;
  }

  #cockpit .table#tbl-overview tbody {
    display: block;
    width: 100%;
  }

  #cockpit .table#tbl-overview thead {
    display: none;
  }

  #cockpit .table#tbl-overview th,
  #cockpit .table#tbl-overview tr {
    content: "mobile";
    display: block;
    width: 100%;
  }

  #cockpit .table#tbl-overview td {
    content: "mobile";
    display: block;
    width: 100%;
  }

  #cockpit .table#tbl-overview td.lvl-2 {
    background-color: rgba(217, 217, 217, 0.1);
    border-radius: 8px !important;
    margin-bottom: 5px;
    font-weight: bold;
    padding-left: 22px;
  }

  #cockpit .table#tbl-overview td.tbl-cell {
    padding-left: 28px;
    padding-right: 28px;
  }

  #cockpit .table#tbl-overview td.tbl-cell span {
    display: inline-block;
  }

  #cockpit .table#tbl-overview td.tbl-cell strong {
    display: inline-block;
  }

  #cockpit .table#tbl-overview td strong {
    float: right;
  }

  #cockpit .table#tbl-overview th {
    border-radius: 8px !important;
    margin-bottom: 5px;
  }

  #cockpit .table#tbl-overview tr.tbl-row-out {
    display: none;
  }

  #cockpit .table#tbl-overview span.cell-title {
    display: block;
  }

  #cockpit .tbl-cell-out {
    display: block !important;
  }

  #cockpit .tbl-row-out {
    display: block !important;
  }

  #cockpit .tbl-block-out {
    display: block !important;
  }
}

.tile-reversed {
  display: block;
  width: 100%;
  margin-bottom: 13px;
  position: relative;
  border-radius: 10px;
  padding-top: 5px;
  font-family: "Poppins", sans-serif;
  background-color: #fff !important;
  color: #00ae8f !important;
  border: 1px solid #00ae8f !important;
}

.tile-reversed div:not(.percent) span {
  color: #00ae8f !important;
}

.tile-reversed.tile-reversed:hover {
  background-color: #00ae8f !important;
  color: #fff !important;
  border: 1px solid #00ae8f !important;
  -webkit-transition: background-color 1.3s, color 1.3s, border 1.3s;
  transition: background-color 1.3s, color 1.3s, border 1.3s;
}

.tile-reversed.tile-reversed:hover div:not(.percent) span {
  color: #fff !important;
  -webkit-transition: background-color 1.3s, color 1.3s, border 1.3s;
  transition: background-color 1.3s, color 1.3s, border 1.3s;
}

.tile-reversed span.small-font {
  font-size: 15px;
}

@media (max-width: 1400px) {
  .tile-reversed span.small-font {
    font-size: 12px;
  }
}

@media (max-width: 1199px) {
  .tile-reversed span.small-font {
    font-size: 15px;
  }
}

.tile-reversed span:not(.small-font) {
  font-size: 18px;
  font-weight: 500;
}

.tile,
.tile-good,
.tile-bad,
.tile-middle {
  display: block;
  width: 100%;
  margin-bottom: 13px;
  position: relative;
  border-radius: 10px;
  border: 1px solid #FFFFFF;
  padding-top: 5px;
  font-family: "Poppins", sans-serif;
  color: #FFFFFF;
  background: #BBBBBB;
}

.tile.tile-good:hover,
.tile-good.tile-good:hover,
.tile-bad.tile-good:hover,
.tile-middle.tile-good:hover {
  background-color: #fff !important;
  color: #00ae8f !important;
  border: 1px solid #00ae8f;
  -webkit-transition: background-color 1.3s, color 1.3s, border 1.3s;
  transition: background-color 1.3s, color 1.3s, border 1.3s;
}

.tile.tile-good:hover div:not(.percent) span,
.tile-good.tile-good:hover div:not(.percent) span,
.tile-bad.tile-good:hover div:not(.percent) span,
.tile-middle.tile-good:hover div:not(.percent) span {
  color: #00ae8f !important;
  -webkit-transition: background-color 1.3s, color 1.3s, border 1.3s;
  transition: background-color 1.3s, color 1.3s, border 1.3s;
}

.tile.tile-bad:hover,
.tile-good.tile-bad:hover,
.tile-bad.tile-bad:hover,
.tile-middle.tile-bad:hover {
  background-color: #fff !important;
  color: #AD2B4B !important;
  border: 1px solid #AD2B4B;
  -webkit-transition: background-color 1.3s, color 1.3s, border 1.3s;
  transition: background-color 1.3s, color 1.3s, border 1.3s;
}

.tile.tile-bad:hover div:not(.percent) span,
.tile-good.tile-bad:hover div:not(.percent) span,
.tile-bad.tile-bad:hover div:not(.percent) span,
.tile-middle.tile-bad:hover div:not(.percent) span {
  color: #AD2B4B !important;
  -webkit-transition: background-color 1.3s, color 1.3s, border 1.3s;
  transition: background-color 1.3s, color 1.3s, border 1.3s;
}

.tile.tile-middle:hover,
.tile-good.tile-middle:hover,
.tile-bad.tile-middle:hover,
.tile-middle.tile-middle:hover {
  background-color: #fff !important;
  color: #EB9B46 !important;
  border: 1px solid #EB9B46;
  -webkit-transition: background-color 1.3s, color 1.3s, border 1.3s;
  transition: background-color 1.3s, color 1.3s, border 1.3s;
}

.tile.tile-middle:hover div:not(.percent) span,
.tile-good.tile-middle:hover div:not(.percent) span,
.tile-bad.tile-middle:hover div:not(.percent) span,
.tile-middle.tile-middle:hover div:not(.percent) span {
  color: #EB9B46 !important;
  -webkit-transition: background-color 1.3s, color 1.3s, border 1.3s;
  transition: background-color 1.3s, color 1.3s, border 1.3s;
}

.tile > span,
.tile-good > span,
.tile-bad > span,
.tile-middle > span {
  color: #FFFFFF;
}

.tile span.small-font,
.tile-good span.small-font,
.tile-bad span.small-font,
.tile-middle span.small-font {
  font-size: 15px;
}

@media (max-width: 1400px) {
  .tile span.small-font,
  .tile-good span.small-font,
  .tile-bad span.small-font,
  .tile-middle span.small-font {
    font-size: 12px;
  }
}

@media (max-width: 1199px) {
  .tile span.small-font,
  .tile-good span.small-font,
  .tile-bad span.small-font,
  .tile-middle span.small-font {
    font-size: 15px;
  }
}

.tile span:not(.small-font),
.tile-good span:not(.small-font),
.tile-bad span:not(.small-font),
.tile-middle span:not(.small-font) {
  font-size: 18px;
  font-weight: 500;
}

.tile .percent,
.tile-good .percent,
.tile-bad .percent,
.tile-middle .percent {
  background-color: #FFFFFF;
  width: 54px;
  height: 54px;
  border-radius: 50% !important;
  position: absolute;
  right: -9px;
  top: -9px;
  color: #343a40;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  -webkit-box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.3);
}

.tile .percent i,
.tile-good .percent i,
.tile-bad .percent i,
.tile-middle .percent i {
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 32px;
  margin: 0;
  padding: 0;
}

.tile .percent span,
.tile-good .percent span,
.tile-bad .percent span,
.tile-middle .percent span {
  margin: 0 auto;
  margin-top: 5px;
  display: inline-block;
  font-size: 13px;
}

.tile span,
.tile-good span,
.tile-bad span,
.tile-middle span {
  color: #FFFFFF;
}

.tile.tile-zero,
.tile-good.tile-zero,
.tile-bad.tile-zero,
.tile-middle.tile-zero {
  border: 1px dashed #d9d9d9;
  background-color: transparent;
  color: #d9d9d9;
}

.tile.tile-zero span,
.tile-good.tile-zero span,
.tile-bad.tile-zero span,
.tile-middle.tile-zero span {
  color: #d9d9d9;
}

.tile.tile-active,
.tile-good.tile-active,
.tile-bad.tile-active,
.tile-middle.tile-active {
  border: 0px dashed #d9d9d9;
  color: #FFFFFF;
}

.tile.tile-active span,
.tile-good.tile-active span,
.tile-bad.tile-active span,
.tile-middle.tile-active span {
  color: #FFFFFF;
}

.tile.tile-active .percent span,
.tile-good.tile-active .percent span,
.tile-bad.tile-active .percent span,
.tile-middle.tile-active .percent span {
  color: #d9d9d9;
}

.cockpit-card {
  border-radius: 10px;
}

#flicking div.eg-flick-viewport {
  min-height: 640px !important;
  width: 100% !important;
}

#flicking div.eg-flick-viewport .eg-flick-camera {
  width: 100% !important;
}

#flicking div.eg-flick-viewport .eg-flick-camera div:nth-child(1).eg-flick-panel {
  left: 0;
}

#flicking div.eg-flick-viewport .eg-flick-camera div:nth-child(2).eg-flick-panel {
  left: 100%;
}

#flicking div.eg-flick-viewport .eg-flick-camera div:nth-child(3).eg-flick-panel {
  left: 200%;
}

#flicking div.eg-flick-viewport .eg-flick-camera div:nth-child(4).eg-flick-panel {
  left: 300%;
}

.eg-flick-panel {
  width: 100% !important;
  padding: 0 15px;
}

@media (max-width: 767px) {
  #desktop-tiles {
    display: none;
  }
}

@media (min-width: 768px) {
  #flicking {
    display: none;
  }
}

@-webkit-keyframes slider {
  0% {
    padding-left: 15px;
    padding-right: 15px;
  }

  10% {
    padding-left: 10px;
    padding-right: 20px;
  }

  20% {
    padding-left: 15px;
    padding-right: 15px;
  }

  30% {
    padding-left: 10px;
    padding-right: 20px;
  }

  40% {
    padding-left: 15px;
    padding-right: 15px;
  }

  100% {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@keyframes slider {
  0% {
    padding-left: 15px;
    padding-right: 15px;
  }

  10% {
    padding-left: 10px;
    padding-right: 20px;
  }

  20% {
    padding-left: 15px;
    padding-right: 15px;
  }

  30% {
    padding-left: 10px;
    padding-right: 20px;
  }

  40% {
    padding-left: 15px;
    padding-right: 15px;
  }

  100% {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 767px) {
  .create-tile-mobile {
    display: none;
  }
}

/*font family*/

#analyse-nav .header {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  #analyse-nav .header select {
    margin-bottom: 22px;
  }
}

.mt-30 .frame-0 {
  border-radius: 10px;
  padding: 0 20px;
}

@media (max-width: 767px) {
  .mt-30 .frame-0 {
    padding: 0;
  }
}

.initial-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  width: 100%;
  padding-left: 13px;
  padding-right: 13px;
  margin: 70px 0 0 0;
}

@media (max-width: 767px) {
  .initial-data {
    display: block;
    text-align: center;
    margin: 50px 0 0 0;
  }
}

.initial-data [class^='col-'] {
  text-align: center;
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .initial-data [class^='col-'] {
    margin-bottom: 0px !important;
  }
}

.initial-data [class^='col-']:first-child {
  margin-left: 0;
}

.initial-data [class^='col-']:last-child {
  margin-right: 0;
}

.initial-data [class^='col-'] .content {
  padding: 0;
}

.initial-data span {
  display: block;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .initial-data span {
    font-size: 15px;
    margin-bottom: 10px;
  }
}

.initial-data span.number,
.initial-data span.second-number {
  font-size: 30px;
  line-height: 40px;
}

@media (max-width: 767px) {
  .initial-data span.number,
  .initial-data span.second-number {
    font-size: 22px;
  }
}

.initial-data span.percent.good {
  color: #00ae8f;
}

.initial-data span.percent.middle {
  color: #EB9B46;
}

.initial-data span.percent.bad {
  color: #AD284B;
}

.initial-data span.percent.bad:before {
  content: '\2193';
}

.initial-data span.percent {
  font-size: 22px;
}

@media (max-width: 767px) {
  .initial-data span.percent {
    font-size: 16px;
  }
}

.initial-data span.percent:before {
  display: inline-block;
  vertical-align: top;
  content: '\2191';
  font-size: 16px;
  margin-right: 5px;
}

.chart canvas {
  width: 100%;
  height: 380px;
  margin-bottom: 28px;
}

.feedback-textarea {
  font-size: 16px;
  resize: none;
  border: none;
  background-color: white;
  width: 143%;
  height: 3em;
  margin-left: 5px;
  padding: 10px 330px 10px 10px;
}

.feedback-textarea-active {
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.feedback-textarea-box {
  width: 75%;
}

.feedback-form-box {
  width: 32%;
  padding: 8px 0;
}

.button-margin {
  margin-right: 8px;
}

@media (max-width: 767px) {
  .button-margin {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  #leads-chart-toggle-button {
    display: none;
  }
}

@media (max-width: 767px) {
  .table-responsive {
    overflow-x: scroll;
    border: none;
    z-index: 0;
    position: relative;
  }
}

@media (max-width: 767px) {
  .seo-table-column-hide-youtube-video-list {
    display: none;
  }
}

@media (max-width: 767px) {
  .seo-analyse .col-xs-18 {
    float: left;
    min-width: 33%;
  }
}

@media (max-width: 767px) {
  .top-10-videos-thumbnail {
    width: 210px !important;
  }
}

@media (max-width: 767px) {
  .table-column-hide {
    display: none;
  }
}

.table-filter {
  top: 4vh;
  right: 2vh;
  position: absolute;
  border: 1px gainsboro solid;
  border-radius: 7px;
  height: 4vh;
  text-indent: 1vh;
}

@media (max-width: 767px) {
  .table-filter {
    position: unset;
  }
}

.table-filter-time {
  top: 2vh;
  right: 2vh;
  position: absolute;
  border: 1px gainsboro solid;
  border-radius: 7px;
  height: 4vh;
  text-indent: 1vh;
}

@media (max-width: 767px) {
  .table-filter-time {
    position: unset;
  }
}

@media (max-width: 767px) {
  .setting-profile {
    margin: 5px 0 20px 0;
  }
}

@media (min-width: 576px) {
  .instagram-top-posts #flicking {
    display: none;
  }
}

@media (max-width: 575px) {
  .instagram-top-posts #instagram-desktop {
    display: none;
  }
}

@media (max-width: 767px) {
  #top-posts-wrapper.content {
    padding: 6px;
  }
}

#top-posts-wrapper #facebook-posts #flicking {
  min-height: 520px !important;
}

@media (min-width: 576px) {
  #top-posts-wrapper #facebook-posts #flicking {
    display: none;
  }
}

#top-posts-wrapper #facebook-posts #flicking .eg-flick-viewport {
  min-height: 460px !important;
}

.post-caption-desktop {
  margin: 20px;
  max-width: 400px;
}

@media (max-width: 767px) {
  .post-caption-desktop {
    display: none;
  }
}

.post-caption-mobile {
  margin: 20px;
  max-width: 200px;
}

@media (min-width: 768px) {
  .post-caption-mobile {
    display: none;
  }
}

.message-body {
  width: 40%;
}

@media (max-width: 767px) {
  .message-body {
    white-space: unset !important;
    min-width: 330px;
  }
}

.callsTable {
  width: 100%;
}

.callsTable th,
.callsTable td,
.callsTable tr {
  border: none;
}

.callsTable th,
.callsTable td {
  padding: 20px 10px;
}

.callsTable tr:nth-child(2n) {
  background-color: whitesmoke;
}

.callsTable td:nth-child(1) {
  text-align: center;
}

.salesByMonthTable,
.leadsByMonthTable {
  width: 100%;
  margin-bottom: 28px;
}

.salesByMonthTable td,
.salesByMonthTable th,
.salesByMonthTable tr,
.leadsByMonthTable td,
.leadsByMonthTable th,
.leadsByMonthTable tr {
  word-break: normal;
  padding-left: 13px;
  padding-right: 13px;
  padding-bottom: 13px;
  padding-top: 13px;
  border: none;
}

.salesByMonthTable td input,
.salesByMonthTable th input,
.salesByMonthTable tr input,
.leadsByMonthTable td input,
.leadsByMonthTable th input,
.leadsByMonthTable tr input {
  width: 100%;
  border: 0;
  -webkit-box-shadow: transparent;
          box-shadow: transparent;
  background-color: transparent;
  color: #000000;
}

.salesByMonthTable td input::-webkit-input-placeholder,
.salesByMonthTable th input::-webkit-input-placeholder,
.salesByMonthTable tr input::-webkit-input-placeholder,
.leadsByMonthTable td input::-webkit-input-placeholder,
.leadsByMonthTable th input::-webkit-input-placeholder,
.leadsByMonthTable tr input::-webkit-input-placeholder {
  font-weight: normal;
}

.salesByMonthTable td input::-moz-placeholder,
.salesByMonthTable th input::-moz-placeholder,
.salesByMonthTable tr input::-moz-placeholder,
.leadsByMonthTable td input::-moz-placeholder,
.leadsByMonthTable th input::-moz-placeholder,
.leadsByMonthTable tr input::-moz-placeholder {
  font-weight: normal;
}

.salesByMonthTable td input::-ms-input-placeholder,
.salesByMonthTable th input::-ms-input-placeholder,
.salesByMonthTable tr input::-ms-input-placeholder,
.leadsByMonthTable td input::-ms-input-placeholder,
.leadsByMonthTable th input::-ms-input-placeholder,
.leadsByMonthTable tr input::-ms-input-placeholder {
  font-weight: normal;
}

.salesByMonthTable td input::placeholder,
.salesByMonthTable th input::placeholder,
.salesByMonthTable tr input::placeholder,
.leadsByMonthTable td input::placeholder,
.leadsByMonthTable th input::placeholder,
.leadsByMonthTable tr input::placeholder {
  font-weight: normal;
}

.salesByMonthTable i,
.leadsByMonthTable i {
  font-style: normal;
}

.salesByMonthTable th span,
.leadsByMonthTable th span {
  font-size: 16px;
  font-weight: bold;
}

@media (max-width: 767px) {
  .salesByMonthTable th span,
  .leadsByMonthTable th span {
    font-size: 11px;
  }
}

.salesByMonthTable td.input,
.leadsByMonthTable td.input {
  background-color: transparent;
}

.salesByMonthTable td.input span,
.leadsByMonthTable td.input span {
  word-break: normal;
}

.salesByMonthTable tr:nth-child(2n),
.leadsByMonthTable tr:nth-child(2n) {
  background-color: whitesmoke;
}

.salesByMonthTable tr:first-child td:first-child span,
.salesByMonthTable tr:nth-child(2) td:first-child span,
.salesByMonthTable tr:last-child td:first-child span,
.leadsByMonthTable tr:first-child td:first-child span,
.leadsByMonthTable tr:nth-child(2) td:first-child span,
.leadsByMonthTable tr:last-child td:first-child span {
  font-weight: bold;
}

.salesByMonthTable tr:nth-last-child(2) td:first-child span {
  font-weight: bold;
}

.salesDetailsTable th,
.salesDetailsTable tr,
.salesDetailsTable td {
  border: none !important;
  vertical-align: middle !important;
}

.salesDetailsTable tr:nth-child(2n) {
  background-color: whitesmoke;
}

#page-dashboard {
  margin-top: 28px;
}

#pagination-bottom {
  display: block;
  text-align: center;
}

#pagination-bottom .pagination li.page-item {
  font-family: monospace;
}

#pagination-bottom .pagination li {
  display: inline-block;
  vertical-align: top;
}

#pagination-bottom .pagination li a {
  background-color: #FFFFFF;
  border: 1px solid #d9d9d9;
  color: inherit;
  line-height: 1.42857;
  padding: 4px 10px;
  position: relative;
  margin: 0 3px;
}

#pagination-bottom .pagination .active a {
  background: transparent;
  color: #000000;
  border-color: #434342;
}

button.actions.smaller {
  border: 1px solid #464646;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: 12px !important;
  margin: 0 0 0 2px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

button.actions.smaller img {
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  max-width: 12px;
}

button.actions.smaller img.no-url path {
  fill: #FFFFFF;
}

button.actions.info-tooltip {
  background: url(/images/info.svg?50b87cf4aaa918ea75a0512fc4a8f3c3) center center no-repeat #FFFFFF;
  position: absolute;
  right: -5px;
  top: -5px;
  width: 15px;
  height: 15px;
  background-size: 13px !important;
  opacity: 0;
}

span:hover button.actions.info-tooltip {
  opacity: 1;
}

.arrange {
  background: url(/images/arrange.svg?2553837ccd9ee574f16b5df3fbbfdc66) center center no-repeat #FFFFFF;
}

.arrange:hover {
  background: url(/images/arrange.svg?2553837ccd9ee574f16b5df3fbbfdc66) center center no-repeat #00ae8f;
}

.maximize {
  background: url(/images/maximize.svg?81f95caaa2246e7e2b516872fe91dcd7) center center no-repeat #FFFFFF;
}

.maximize:hover {
  background: url(/images/maximize.svg?81f95caaa2246e7e2b516872fe91dcd7) center center no-repeat #00ae8f;
}

.info-tooltip {
  background: url(/images/info.svg?50b87cf4aaa918ea75a0512fc4a8f3c3) center center no-repeat #FFFFFF;
  display: block;
  position: absolute;
}

.info-tooltip:hover {
  background: url(/images/info.svg?50b87cf4aaa918ea75a0512fc4a8f3c3) center center no-repeat #00ae8f;
}

.tooltip-inner {
  width: 600px;
  background-color: rgba(0, 0, 0, 0.85);
  margin-bottom: 5px;
}

.row.first {
  font-weight: bold;
}

.row.inner {
  margin: 0;
  background-color: #FFFFFF;
  padding: 10px 30px 0;
  font-size: 0.9em;
  display: none;
}

.row.inner .update-url input {
  display: inline-block;
  background-color: #AD284B;
  color: #FFFFFF;
  padding: 5px;
  width: 80%;
}

.row.inner .update-url input::-webkit-input-placeholder {
  color: #FFFFFF !important;
}

.row.inner .update-url input::-moz-placeholder {
  color: #FFFFFF !important;
}

.row.inner .update-url input::-ms-input-placeholder {
  color: #FFFFFF !important;
}

.row.inner .update-url input::placeholder {
  color: #FFFFFF !important;
}

.row.inner .update-url a {
  display: inline-block;
  width: 18%;
  padding: 5px;
}

.row.inner .col-xs-17,
.row.inner .col-xs-18 {
  border-right: 0;
  padding-bottom: 20px;
  white-space: nowrap;
}

.row.inner .first {
  padding-left: 40px;
}

.col-xs-17.toggle::before {
  content: '';
  background: url(/images/chevron.svg?a262f7b3c8c4ff0762361dab7ddf9506) center center no-repeat #FFFFFF;
  width: 15px;
  height: 15px;
  background-size: 15px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.col-xs-17.toggle .opened::before {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.col-xs-18.toggle span::before {
  content: '';
  background: url(/images/chevron.svg?a262f7b3c8c4ff0762361dab7ddf9506) center center no-repeat #FFFFFF;
  width: 15px;
  height: 15px;
  background-size: 15px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.col-xs-18.toggle .opened span::before {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.col-xs-18.toggle.opened span:before {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.toggler {
  cursor: pointer;
}

.contains-button-tooltip {
  position: relative;
}

.contains-button-tooltip button.actions.info-tooltip {
  right: -15px;
  top: -10px;
  display: none !important;
}

.col-xs-17:hover .info-tooltip,
.col-xs-18:hover .info-tooltip,
td:hover .info-tooltip,
th:hover .info-tooltip {
  display: inline-block;
  background-color: #fff;
  cursor: pointer;
  border: 1px solid #464646;
}

a.button-bordered {
  display: block;
  border: 1px solid #d9d9d9;
  padding: 5px;
  border-radius: 8px;
  width: 100%;
  text-align: center;
}

input.no-border {
  border: 0;
  font-size: 16px;
}

span.pencil {
  background: url(/images/pencil.svg?21eed9e861ce6cc24e6130ae3d11527d) center center no-repeat #FFFFFF;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: 13px !important;
  position: absolute;
  top: 5px;
  right: 20px;
  display: none;
}

.has-pencil:hover > span.pencil {
  display: inline-block;
}

.row.inner.white {
  background-color: transparent;
}

.has-overflown-table table {
  width: 1080px;
}

.toggle-hide cursor:pointer:hover {
  background-color: #d9d9d9;
}

.toggle-hidden {
  display: none;
  background-color: #d9d9d9;
}

.more-seo {
  background: url(/images/more-seo-table-info.svg?864ed5994d53e02bb89aad8c3043e44a) center center no-repeat #FFFFFF;
}

.more-seo:hover {
  background: url(/images/more-seo-table-info.svg?864ed5994d53e02bb89aad8c3043e44a) center center no-repeat #00ae8f;
}

.more-seo.activated {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

span.caret.dropdown {
  position: absolute;
  top: 0;
  right: 15px;
  width: 30px;
  height: 36px;
  background-color: #FFFFFF;
  border-radius: 0 3px 3px 0;
  pointer-events: none;
  display: none;
}

#funnel b {
  font-weight: bold;
  line-height: 15px;
}

#funnel h2 {
  font-weight: bold;
}

#funnel .funnel-cols p {
  margin-bottom: 4px;
  line-height: 15px;
  font-size: 13px;
  text-align: left;
}

@media (min-width: 1199px) {
  #funnel .funnel-cols .col-lg-1 {
    width: 10% !important;
  }
}

#funnel button {
  width: 100%;
  border-radius: 8px;
  padding: 8px 6px;
  border: 1px solid #d9d9d9;
  font-size: 16px;
  color: #464646;
}

#funnel input {
  border-radius: 8px;
  background-color: transparent;
  font-size: 16px;
  outline: none;
}

#funnel .container {
  max-width: 1200px;
  margin: 20px auto 40px;
  width: 100%;
}

#funnel .contains-button-tooltip {
  display: block;
  margin-bottom: 8px;
}

#funnel .contains-button-tooltip + p.first {
  position: relative;
  margin-bottom: 21px;
}

#funnel .contains-button-tooltip + p.first img {
  height: 21px;
  margin-top: -3px;
}

#funnel .contains-button-tooltip:hover button.actions.info-tooltip {
  display: block !important;
  width: 15px !important;
  height: 15px !important;
  z-index: 2 !important;
  background-size: 13px !important;
  padding: 0 !important;
  right: auto;
  left: -10px;
}

#funnel .more-left {
  margin-left: -44px;
}

@media (max-width: 1214px) {
  #funnel .more-left {
    margin-left: 0;
  }
}

#funnel .green {
  color: #00ae8f;
}

#funnel input[type="text"] {
  padding: 3px 6px !important;
}

#funnel button.actions {
  border: 1px solid #d9d9d9;
  display: inline-block;
  width: 26px;
  height: 26px;
  background-size: 18px !important;
  margin: 0 2px;
}

#funnel button.actions:last-child {
  margin: 0 0 0 2px;
}

#funnel .actions-top {
  display: inline-block;
  vertical-align: top;
  border-radius: 8px;
  margin: 0 2px;
  overflow: hidden;
}

#funnel .actions-top:last-child {
  margin: 0 0 0 2px;
}

#funnel .actions-top img {
  width: 26px;
  height: auto;
}

#funnel .actions-top:hover img {
  background-color: #00ae8f;
}

#funnel img.actions {
  width: 24px;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 8px;
  background: #FFFFFF;
}

#funnel img.actions:hover {
  background-color: #00ae8f;
}

#funnel #share {
  background: url(/images/share.svg?ac9d24200faab00a9dd0de8b7ace8830) center center no-repeat #FFFFFF;
}

#funnel #share:hover {
  background: url(/images/share.svg?ac9d24200faab00a9dd0de8b7ace8830) center center no-repeat #00ae8f;
}

#funnel #download {
  background: url(/images/download.svg?b5ac4f6864904f3c89ef5450d8afe9ab) center center no-repeat #FFFFFF;
}

#funnel #download:hover {
  background: url(/images/download.svg?b5ac4f6864904f3c89ef5450d8afe9ab) center center no-repeat #00ae8f;
}

#funnel #print {
  background: url(/images/print.svg?54e0f8831d8e61ecb6bec260ce9f4bcc) center center no-repeat #FFFFFF;
}

#funnel #print:hover {
  background: url(/images/print.svg?54e0f8831d8e61ecb6bec260ce9f4bcc) center center no-repeat #00ae8f;
}

#funnel .nav-tabs {
  border-bottom: 0;
}

#funnel .nav-tabs > li {
  border-radius: 0;
  float: left;
  margin: 0;
  display: inline-block;
  border: 0;
  width: 100%;
  background: url(/images/rect-top.png?950102ae09f29e017261f9bfbe52531c) center center no-repeat transparent;
  background-size: 100% 57px;
  padding: 14px 15px;
}

@media (max-width: 1214px) {
  #funnel .nav-tabs > li {
    background: url(/images/rect-top-small.png?c1279d97b966e0c98448dccb28935557) center center no-repeat transparent;
    background-size: 286px 57px;
  }
}

@media (max-width: 991px) {
  #funnel .nav-tabs > li {
    background: url(/images/rect-top.png?950102ae09f29e017261f9bfbe52531c) center center no-repeat transparent;
    background-size: 352px 57px;
  }
}

#funnel .tab-content.funnel #tab2 {
  background: url(/images/funnel-new-side-leads.png?2cb01aaa2da6397c795b9d8fccacfcc9) center 0px no-repeat #FFFFFF;
  background-size: 100% 486px;
  margin: -3px 21px 0;
}

@media (max-width: 1214px) {
  #funnel .tab-content.funnel #tab2 {
    background: url(/images/funnel-new-side-leads-small.png?4132264b1d536ade766013e7bb55de31) center 0px no-repeat #FFFFFF;
    background-size: 256px 486px;
  }
}

@media (max-width: 991px) {
  #funnel .tab-content.funnel #tab2 {
    background: url(/images/funnel-new-side-leads.png?2cb01aaa2da6397c795b9d8fccacfcc9) center 0px no-repeat #FFFFFF;
    background-size: auto;
  }
}

#funnel .tab-content.funnel .tab-pane {
  background: url(/images/funnelComplete.png?5598cf723daec824f16b9825dadc8a3d) center 0px no-repeat #FFFFFF;
  background-size: 100% 645px;
  margin: -3px 10px 0 10px;
  padding-bottom: 43px;
  padding-top: 7px;
  border-bottom: 0 !important;
}

@media (max-width: 1260px) {
  #funnel .tab-content.funnel .tab-pane {
    width: 115%;
  }
}

@media (max-width: 1100px) {
  #funnel .tab-content.funnel .tab-pane {
    width: 128%;
    margin-left: -20px;
  }
}

@media (max-width: 991px) {
  #funnel .tab-content.funnel .tab-pane {
    width: 100%;
    background: url(/images/funnelComplete.png?5598cf723daec824f16b9825dadc8a3d) center 0px no-repeat #FFFFFF;
    background-size: 75% 640px;
  }
}

@media (max-width: 767px) {
  #funnel .tab-content.funnel .tab-pane {
    margin: 0;
    background-size: 100% 650px;
  }
}

@media (max-width: 575px) {
  #funnel .tab-content.funnel .tab-pane {
    margin: 0;
    background-size: 100% 650px;
  }
}

@media (max-width: 991px) {
  #funnel .tab-content.funnel .tab-pane .mobile-padding {
    padding: 0 90px;
  }
}

@media (max-width: 767px) {
  #funnel .tab-content.funnel .tab-pane .mobile-padding {
    padding: 0;
  }
}

#funnel .tab-content.funnel .tab-pane.activated {
  background: url(/images/funnel2.png?42b68b9a897d37ed4aa19c9940f81d80) center 0px no-repeat #FFFFFF;
}

@media (max-width: 1214px) {
  #funnel .tab-content.funnel .tab-pane.activated {
    background: url(/images/funnel-small2.png?93cc3b49ffc2704ed27fb9f617eee44b) center 0 no-repeat #FFFFFF;
    margin-top: 20px;
  }
}

#funnel .tab-content.funnel .tab-pane.activated .toggler2 .white {
  color: inherit;
}

#funnel .tab-content.funnel .tab-pane.activated span.progress-css-bar {
  border: 1px solid #d9d9d9;
}

#funnel .tab-content.funnel .tab-pane.activated span.progress-css-bar .bar {
  background-color: #00ae8f;
  color: #000000;
}

#funnel .tab-content.funnel span.frame-0 {
  padding-right: 13px;
  padding-left: 13px;
  margin: 0px auto;
}

#funnel .tab-content.funnel span.frame-0:first-child {
  margin: 0 auto;
}

#funnel .tab-content.funnel span.frame-0.link {
  cursor: pointer;
}

#funnel .tab-content.funnel span.frame-0.box-sm,
#funnel .tab-content.funnel input.cr-input {
  border: 1px solid #27ae8f;
  background-color: #FFFFFF;
  font-size: 12px;
  padding: 0 10px;
  display: inline-block;
  border-radius: 10px;
  min-width: 37%;
  max-width: 100%;
  margin: 23px 0;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

#funnel .tab-content.funnel span.frame-0.box-sm span,
#funnel .tab-content.funnel input.cr-input span {
  font-size: 12px;
}

#funnel img.refresh {
  width: 15px;
  height: auto;
  border: 1px solid #464646;
  border-radius: 8px;
  z-index: 2;
  cursor: pointer;
  position: relative;
  top: -2px;
  margin-left: 5px;
}

#funnel img.refresh.white {
  border-color: #000000;
}

#funnel .white {
  color: #000000;
}

#funnel .white b {
  color: #000000;
}

#funnel span.white {
  color: #000000;
}

#funnel span.white span {
  color: #000000;
}

#funnel img.add {
  position: absolute;
  width: 15px;
  height: auto;
  right: 10px;
  top: -7px;
  background-color: #FFFFFF;
  border-radius: 8px;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
}

#funnel .col img.add {
  right: 0px;
}

#funnel .col:hover .add {
  opacity: 1;
}

#funnel .col-md-15:hover > .add {
  opacity: 1;
}

#funnel .inactive input {
  opacity: 0.5;
  pointer-events: none;
}

#funnel .toggler1 {
  cursor: pointer;
}

#funnel .toggler2 {
  cursor: pointer;
}

#funnel #visits-tab {
  display: none;
}

@media (max-width: 767px) {
  #funnel [class*='col-'].pull-right {
    float: none !important;
  }
}

#funnel .content {
  position: relative;
  margin-bottom: 13px;
}

#funnel h4,
#funnel #breadcrumb .breadcrumb li,
#breadcrumb .breadcrumb #funnel li,
#funnel #breadcrumb .breadcrumb span,
#breadcrumb .breadcrumb #funnel span {
  border-bottom: 1px solid #e7eaec;
  padding-bottom: 14.4px;
  margin-bottom: 14.4px;
}

#funnel .funnel-tables .content {
  padding: 22px 0;
}

#funnel .funnel-tables h2 {
  font-weight: 100;
  border-bottom: 1px solid #EEEEEE;
}

#funnel .tab-content.funnel span.frame-0 {
  display: block;
  background: transparent;
  padding-top: 10px;
}

#funnel .tab-content.funnel {
  display: block;
  margin: 13px auto 10px;
  background: transparent;
  padding: 10px 13px 7px 13px;
}

#funnel .tab-content.funnel span.box {
  padding-bottom: 0px;
  margin: 0px auto;
}

span.progress-css-bar {
  display: block;
  width: 100px;
  height: 19px;
  border: 1px solid #000000;
  margin: 0 auto;
  border-radius: 8px;
  text-align: center;
  position: relative;
}

span.progress-css-bar .bar {
  border-radius: 8px;
  text-align: center;
  height: 19px;
  background-color: #FFFFFF;
  color: #000000;
  display: block;
}

span.progress-css-bar .results p {
  padding: 0 6px;
}

span.progress-css-bar .results [class*='col-'] {
  margin-bottom: 30px;
}

@media ((max-width: 767px)) {
  span.progress-css-bar .results [class*='col-'] {
    margin-bottom: 30px;
  }
}

span.progress-css-bar .results [class*='col-'] p {
  position: relative;
}

span.progress-css-bar .results p.first {
  line-height: 30px;
  margin: 10px 0 20px;
  padding: 0 0 0 6px;
  position: static;
}

#funnel .potential-percentage-input {
  width: 22% !important;
  color: white !important;
  font-weight: normal !important;
  font-size: 15px !important;
}

@media (max-width: 767px) {
  #funnel .potential-percentage-input {
    width: 19% !important;
    margin: 0 0 1px 10px;
  }
}

@media (max-width: 575px) {
  #funnel .potential-percentage-input {
    width: 20% !important;
    margin: 0px -20px 0px -17px;
  }
}

#funnel .potential-input {
  width: 50%;
  color: black;
  font-weight: normal;
}

@media (max-width: 767px) {
  #funnel .potential-input {
    margin: 2px 0;
  }
}

@media (max-width: 575px) {
  #funnel .potential-input {
    width: 48%;
    margin: 2px 0;
  }
}

@media (max-width: 991px) {
  #funnel #funnelTables {
    display: none;
  }
}

.feedback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
  width: 100%;
  padding: 0 20px;
}

@media (max-width: 767px) {
  .feedback {
    display: none;
  }
}

span.funnel-margin {
  margin-bottom: 0;
}

a,
.btn-primary {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

img {
  max-width: 100%;
}

.list-group.styled {
  list-style-type: none;
  margin: 10px 0;
}

.list-group.styled li {
  line-height: 2em;
}

.list-group.styled li span.styled {
  color: #00ae8f;
}

.register-panel {
  border: 0 !important;
}

.register-panel-heading {
  background: #FFFFFF;
  border-radius: 0;
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #e5e4e3;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  font-size: 22px;
}

body.template-register-packages,
body.template-register-modules,
body.template-register,
body.template-register-credits,
body.template-register-complete,
body.template-register-main-suite,
body.template-register-addons,
body.template-register-addons-buy,
body.template-register-main-suite-buy,
body.template-register-addons-trial {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #000));
  background: linear-gradient(90deg, #fff 50%, #000 50%);
  background-size: cover;
}

@media (max-width: 1199px) {
  body.template-register-packages,
  body.template-register-modules,
  body.template-register,
  body.template-register-credits,
  body.template-register-complete,
  body.template-register-main-suite,
  body.template-register-addons,
  body.template-register-addons-buy,
  body.template-register-main-suite-buy,
  body.template-register-addons-trial {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #fff));
    background: linear-gradient(90deg, #fff 50%, #fff 50%);
  }
}

body.template-register-packages .container,
body.template-register-modules .container,
body.template-register .container,
body.template-register-credits .container,
body.template-register-complete .container,
body.template-register-main-suite .container,
body.template-register-addons .container,
body.template-register-addons-buy .container,
body.template-register-main-suite-buy .container,
body.template-register-addons-trial .container {
  width: 100%;
}

@media (min-width: 768px) {
  body.template-register-packages .container,
  body.template-register-modules .container,
  body.template-register .container,
  body.template-register-credits .container,
  body.template-register-complete .container,
  body.template-register-main-suite .container,
  body.template-register-addons .container,
  body.template-register-addons-buy .container,
  body.template-register-main-suite-buy .container,
  body.template-register-addons-trial .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

body.template-register-packages .container .row,
body.template-register-modules .container .row,
body.template-register .container .row,
body.template-register-credits .container .row,
body.template-register-complete .container .row,
body.template-register-main-suite .container .row,
body.template-register-addons .container .row,
body.template-register-addons-buy .container .row,
body.template-register-main-suite-buy .container .row,
body.template-register-addons-trial .container .row {
  width: 100%;
}

body.template-register-packages .container .row .content,
body.template-register-modules .container .row .content,
body.template-register .container .row .content,
body.template-register-credits .container .row .content,
body.template-register-complete .container .row .content,
body.template-register-main-suite .container .row .content,
body.template-register-addons .container .row .content,
body.template-register-addons-buy .container .row .content,
body.template-register-main-suite-buy .container .row .content,
body.template-register-addons-trial .container .row .content {
  padding: 28px;
  background-color: #FFFFFF;
}

body.template-register-packages .container .row .content.simple,
body.template-register-modules .container .row .content.simple,
body.template-register .container .row .content.simple,
body.template-register-credits .container .row .content.simple,
body.template-register-complete .container .row .content.simple,
body.template-register-main-suite .container .row .content.simple,
body.template-register-addons .container .row .content.simple,
body.template-register-addons-buy .container .row .content.simple,
body.template-register-main-suite-buy .container .row .content.simple,
body.template-register-addons-trial .container .row .content.simple {
  margin-top: 30px;
  border: 0;
}

body.template-register-packages .container .row .content.last,
body.template-register-modules .container .row .content.last,
body.template-register .container .row .content.last,
body.template-register-credits .container .row .content.last,
body.template-register-complete .container .row .content.last,
body.template-register-main-suite .container .row .content.last,
body.template-register-addons .container .row .content.last,
body.template-register-addons-buy .container .row .content.last,
body.template-register-main-suite-buy .container .row .content.last,
body.template-register-addons-trial .container .row .content.last {
  margin-bottom: 60px;
}

body.template-register-packages .container .row .content strong,
body.template-register-modules .container .row .content strong,
body.template-register .container .row .content strong,
body.template-register-credits .container .row .content strong,
body.template-register-complete .container .row .content strong,
body.template-register-main-suite .container .row .content strong,
body.template-register-addons .container .row .content strong,
body.template-register-addons-buy .container .row .content strong,
body.template-register-main-suite-buy .container .row .content strong,
body.template-register-addons-trial .container .row .content strong {
  font-size: inherit;
}

body.template-register-packages .container .row .content .logo,
body.template-register-modules .container .row .content .logo,
body.template-register .container .row .content .logo,
body.template-register-credits .container .row .content .logo,
body.template-register-complete .container .row .content .logo,
body.template-register-main-suite .container .row .content .logo,
body.template-register-addons .container .row .content .logo,
body.template-register-addons-buy .container .row .content .logo,
body.template-register-main-suite-buy .container .row .content .logo,
body.template-register-addons-trial .container .row .content .logo {
  text-align: center;
  margin-bottom: 28px;
}

body.template-register-packages .container .row .content .logo img,
body.template-register-modules .container .row .content .logo img,
body.template-register .container .row .content .logo img,
body.template-register-credits .container .row .content .logo img,
body.template-register-complete .container .row .content .logo img,
body.template-register-main-suite .container .row .content .logo img,
body.template-register-addons .container .row .content .logo img,
body.template-register-addons-buy .container .row .content .logo img,
body.template-register-main-suite-buy .container .row .content .logo img,
body.template-register-addons-trial .container .row .content .logo img {
  display: block;
  margin: 0 auto;
  margin-bottom: 0;
  width: 100%;
  max-width: 400px;
}

body.template-register-packages .container .row .content .logo span,
body.template-register-modules .container .row .content .logo span,
body.template-register .container .row .content .logo span,
body.template-register-credits .container .row .content .logo span,
body.template-register-complete .container .row .content .logo span,
body.template-register-main-suite .container .row .content .logo span,
body.template-register-addons .container .row .content .logo span,
body.template-register-addons-buy .container .row .content .logo span,
body.template-register-main-suite-buy .container .row .content .logo span,
body.template-register-addons-trial .container .row .content .logo span {
  text-transform: uppercase;
  letter-spacing: 4px;
  font-size: 10px;
  line-height: 2;
  color: #222;
  display: block;
  font-weight: lighter;
}

body.template-register-packages .container .row .panel,
body.template-register-modules .container .row .panel,
body.template-register .container .row .panel,
body.template-register-credits .container .row .panel,
body.template-register-complete .container .row .panel,
body.template-register-main-suite .container .row .panel,
body.template-register-addons .container .row .panel,
body.template-register-addons-buy .container .row .panel,
body.template-register-main-suite-buy .container .row .panel,
body.template-register-addons-trial .container .row .panel {
  background: transparent;
  border-radius: 0;
  border: 1px solid #e5e4e3;
  box-shadow: none;
  -webkit-box-shadow: none;
}

body.template-register-packages .container .row .panel .panel-heading,
body.template-register-modules .container .row .panel .panel-heading,
body.template-register .container .row .panel .panel-heading,
body.template-register-credits .container .row .panel .panel-heading,
body.template-register-complete .container .row .panel .panel-heading,
body.template-register-main-suite .container .row .panel .panel-heading,
body.template-register-addons .container .row .panel .panel-heading,
body.template-register-addons-buy .container .row .panel .panel-heading,
body.template-register-main-suite-buy .container .row .panel .panel-heading,
body.template-register-addons-trial .container .row .panel .panel-heading {
  background: #FFFFFF;
  border-radius: 0;
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #e5e4e3;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  font-size: 22px;
}

body.template-register-packages .container .row .panel .panel,
body.template-register-modules .container .row .panel .panel,
body.template-register .container .row .panel .panel,
body.template-register-credits .container .row .panel .panel,
body.template-register-complete .container .row .panel .panel,
body.template-register-main-suite .container .row .panel .panel,
body.template-register-addons .container .row .panel .panel,
body.template-register-addons-buy .container .row .panel .panel,
body.template-register-main-suite-buy .container .row .panel .panel,
body.template-register-addons-trial .container .row .panel .panel {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #e5e4e3;
  padding: 15px;
  margin: 0;
}

body.template-register-packages .container .row .panel .panel:empty,
body.template-register-modules .container .row .panel .panel:empty,
body.template-register .container .row .panel .panel:empty,
body.template-register-credits .container .row .panel .panel:empty,
body.template-register-complete .container .row .panel .panel:empty,
body.template-register-main-suite .container .row .panel .panel:empty,
body.template-register-addons .container .row .panel .panel:empty,
body.template-register-addons-buy .container .row .panel .panel:empty,
body.template-register-main-suite-buy .container .row .panel .panel:empty,
body.template-register-addons-trial .container .row .panel .panel:empty {
  display: none;
}

body.template-register-packages .container .row .panel .panel:last-child,
body.template-register-modules .container .row .panel .panel:last-child,
body.template-register .container .row .panel .panel:last-child,
body.template-register-credits .container .row .panel .panel:last-child,
body.template-register-complete .container .row .panel .panel:last-child,
body.template-register-main-suite .container .row .panel .panel:last-child,
body.template-register-addons .container .row .panel .panel:last-child,
body.template-register-addons-buy .container .row .panel .panel:last-child,
body.template-register-main-suite-buy .container .row .panel .panel:last-child,
body.template-register-addons-trial .container .row .panel .panel:last-child {
  border-bottom: 0;
}

body.template-register-packages .container .row .panel .panel span,
body.template-register-modules .container .row .panel .panel span,
body.template-register .container .row .panel .panel span,
body.template-register-credits .container .row .panel .panel span,
body.template-register-complete .container .row .panel .panel span,
body.template-register-main-suite .container .row .panel .panel span,
body.template-register-addons .container .row .panel .panel span,
body.template-register-addons-buy .container .row .panel .panel span,
body.template-register-main-suite-buy .container .row .panel .panel span,
body.template-register-addons-trial .container .row .panel .panel span {
  margin: 0;
  line-height: 1em;
}

body.template-register-packages .container .row .panel p,
body.template-register-modules .container .row .panel p,
body.template-register .container .row .panel p,
body.template-register-credits .container .row .panel p,
body.template-register-complete .container .row .panel p,
body.template-register-main-suite .container .row .panel p,
body.template-register-addons .container .row .panel p,
body.template-register-addons-buy .container .row .panel p,
body.template-register-main-suite-buy .container .row .panel p,
body.template-register-addons-trial .container .row .panel p {
  text-align: justify;
}

body.template-register-packages .container .row .panel .form-group:last-child,
body.template-register-modules .container .row .panel .form-group:last-child,
body.template-register .container .row .panel .form-group:last-child,
body.template-register-credits .container .row .panel .form-group:last-child,
body.template-register-complete .container .row .panel .form-group:last-child,
body.template-register-main-suite .container .row .panel .form-group:last-child,
body.template-register-addons .container .row .panel .form-group:last-child,
body.template-register-addons-buy .container .row .panel .form-group:last-child,
body.template-register-main-suite-buy .container .row .panel .form-group:last-child,
body.template-register-addons-trial .container .row .panel .form-group:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  body.template-register-packages .container .row .panel .flex,
  body.template-register-modules .container .row .panel .flex,
  body.template-register .container .row .panel .flex,
  body.template-register-credits .container .row .panel .flex,
  body.template-register-complete .container .row .panel .flex,
  body.template-register-main-suite .container .row .panel .flex,
  body.template-register-addons .container .row .panel .flex,
  body.template-register-addons-buy .container .row .panel .flex,
  body.template-register-main-suite-buy .container .row .panel .flex,
  body.template-register-addons-trial .container .row .panel .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

body.template-register-packages .container .row .panel .oder,
body.template-register-modules .container .row .panel .oder,
body.template-register .container .row .panel .oder,
body.template-register-credits .container .row .panel .oder,
body.template-register-complete .container .row .panel .oder,
body.template-register-main-suite .container .row .panel .oder,
body.template-register-addons .container .row .panel .oder,
body.template-register-addons-buy .container .row .panel .oder,
body.template-register-main-suite-buy .container .row .panel .oder,
body.template-register-addons-trial .container .row .panel .oder {
  text-align: center;
}

@media (max-width: 767px) {
  body.template-register-packages .container .row .panel .oder,
  body.template-register-modules .container .row .panel .oder,
  body.template-register .container .row .panel .oder,
  body.template-register-credits .container .row .panel .oder,
  body.template-register-complete .container .row .panel .oder,
  body.template-register-main-suite .container .row .panel .oder,
  body.template-register-addons .container .row .panel .oder,
  body.template-register-addons-buy .container .row .panel .oder,
  body.template-register-main-suite-buy .container .row .panel .oder,
  body.template-register-addons-trial .container .row .panel .oder {
    margin: 10px 0;
  }
}

@media (max-width: 767px) {
  body.template-register-packages .container .row .panel .mobile-margin-top,
  body.template-register-modules .container .row .panel .mobile-margin-top,
  body.template-register .container .row .panel .mobile-margin-top,
  body.template-register-credits .container .row .panel .mobile-margin-top,
  body.template-register-complete .container .row .panel .mobile-margin-top,
  body.template-register-main-suite .container .row .panel .mobile-margin-top,
  body.template-register-addons .container .row .panel .mobile-margin-top,
  body.template-register-addons-buy .container .row .panel .mobile-margin-top,
  body.template-register-main-suite-buy .container .row .panel .mobile-margin-top,
  body.template-register-addons-trial .container .row .panel .mobile-margin-top {
    margin-top: 15px;
  }
}

body.template-register-packages .container .row .agentur-model,
body.template-register-modules .container .row .agentur-model,
body.template-register .container .row .agentur-model,
body.template-register-credits .container .row .agentur-model,
body.template-register-complete .container .row .agentur-model,
body.template-register-main-suite .container .row .agentur-model,
body.template-register-addons .container .row .agentur-model,
body.template-register-addons-buy .container .row .agentur-model,
body.template-register-main-suite-buy .container .row .agentur-model,
body.template-register-addons-trial .container .row .agentur-model {
  background-color: #f4f4f4;
  padding: 10px 15px 20px;
}

@media (min-width: 768px) {
  body.template-register-packages .container .row .agentur-model,
  body.template-register-modules .container .row .agentur-model,
  body.template-register .container .row .agentur-model,
  body.template-register-credits .container .row .agentur-model,
  body.template-register-complete .container .row .agentur-model,
  body.template-register-main-suite .container .row .agentur-model,
  body.template-register-addons .container .row .agentur-model,
  body.template-register-addons-buy .container .row .agentur-model,
  body.template-register-main-suite-buy .container .row .agentur-model,
  body.template-register-addons-trial .container .row .agentur-model {
    margin-top: 50px;
  }
}

body.template-register-packages .container .row .agentur-model h3,
body.template-register-modules .container .row .agentur-model h3,
body.template-register .container .row .agentur-model h3,
body.template-register-credits .container .row .agentur-model h3,
body.template-register-complete .container .row .agentur-model h3,
body.template-register-main-suite .container .row .agentur-model h3,
body.template-register-addons .container .row .agentur-model h3,
body.template-register-addons-buy .container .row .agentur-model h3,
body.template-register-main-suite-buy .container .row .agentur-model h3,
body.template-register-addons-trial .container .row .agentur-model h3 {
  text-transform: uppercase;
  line-height: 2;
  display: block;
  font-size: 26px;
  font-weight: lighter;
}

body.template-register-packages .container .row .agentur-model strong,
body.template-register-modules .container .row .agentur-model strong,
body.template-register .container .row .agentur-model strong,
body.template-register-credits .container .row .agentur-model strong,
body.template-register-complete .container .row .agentur-model strong,
body.template-register-main-suite .container .row .agentur-model strong,
body.template-register-addons .container .row .agentur-model strong,
body.template-register-addons-buy .container .row .agentur-model strong,
body.template-register-main-suite-buy .container .row .agentur-model strong,
body.template-register-addons-trial .container .row .agentur-model strong {
  font-size: 15px;
}

body.template-register-packages .container .row .agentur-model p,
body.template-register-modules .container .row .agentur-model p,
body.template-register .container .row .agentur-model p,
body.template-register-credits .container .row .agentur-model p,
body.template-register-complete .container .row .agentur-model p,
body.template-register-main-suite .container .row .agentur-model p,
body.template-register-addons .container .row .agentur-model p,
body.template-register-addons-buy .container .row .agentur-model p,
body.template-register-main-suite-buy .container .row .agentur-model p,
body.template-register-addons-trial .container .row .agentur-model p {
  font-size: 16px;
  font-weight: lighter;
}

body.template-register-packages .container .row .agentur-model ul,
body.template-register-modules .container .row .agentur-model ul,
body.template-register .container .row .agentur-model ul,
body.template-register-credits .container .row .agentur-model ul,
body.template-register-complete .container .row .agentur-model ul,
body.template-register-main-suite .container .row .agentur-model ul,
body.template-register-addons .container .row .agentur-model ul,
body.template-register-addons-buy .container .row .agentur-model ul,
body.template-register-main-suite-buy .container .row .agentur-model ul,
body.template-register-addons-trial .container .row .agentur-model ul {
  padding-left: 0;
}

body.template-register-packages .container .row .agentur-model ul li,
body.template-register-modules .container .row .agentur-model ul li,
body.template-register .container .row .agentur-model ul li,
body.template-register-credits .container .row .agentur-model ul li,
body.template-register-complete .container .row .agentur-model ul li,
body.template-register-main-suite .container .row .agentur-model ul li,
body.template-register-addons .container .row .agentur-model ul li,
body.template-register-addons-buy .container .row .agentur-model ul li,
body.template-register-main-suite-buy .container .row .agentur-model ul li,
body.template-register-addons-trial .container .row .agentur-model ul li {
  list-style-type: none;
  font-size: 16px;
  font-weight: lighter;
  margin-bottom: 5px;
}

body.template-register-packages .container .row .agentur-model ul li:after,
body.template-register-modules .container .row .agentur-model ul li:after,
body.template-register .container .row .agentur-model ul li:after,
body.template-register-credits .container .row .agentur-model ul li:after,
body.template-register-complete .container .row .agentur-model ul li:after,
body.template-register-main-suite .container .row .agentur-model ul li:after,
body.template-register-addons .container .row .agentur-model ul li:after,
body.template-register-addons-buy .container .row .agentur-model ul li:after,
body.template-register-main-suite-buy .container .row .agentur-model ul li:after,
body.template-register-addons-trial .container .row .agentur-model ul li:after {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  background-color: #00ae8f;
  border-radius: 5px;
  margin: 5px auto 0;
}

body.template-register-packages .container .row .agentur-model ul li:last-child:after,
body.template-register-modules .container .row .agentur-model ul li:last-child:after,
body.template-register .container .row .agentur-model ul li:last-child:after,
body.template-register-credits .container .row .agentur-model ul li:last-child:after,
body.template-register-complete .container .row .agentur-model ul li:last-child:after,
body.template-register-main-suite .container .row .agentur-model ul li:last-child:after,
body.template-register-addons .container .row .agentur-model ul li:last-child:after,
body.template-register-addons-buy .container .row .agentur-model ul li:last-child:after,
body.template-register-main-suite-buy .container .row .agentur-model ul li:last-child:after,
body.template-register-addons-trial .container .row .agentur-model ul li:last-child:after {
  content: none;
}

body.template-register-packages .container .row .pricing-table .panel,
body.template-register-modules .container .row .pricing-table .panel,
body.template-register .container .row .pricing-table .panel,
body.template-register-credits .container .row .pricing-table .panel,
body.template-register-complete .container .row .pricing-table .panel,
body.template-register-main-suite .container .row .pricing-table .panel,
body.template-register-addons .container .row .pricing-table .panel,
body.template-register-addons-buy .container .row .pricing-table .panel,
body.template-register-main-suite-buy .container .row .pricing-table .panel,
body.template-register-addons-trial .container .row .pricing-table .panel {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  border-top: 1px solid #e5e4e3;
  padding: 15px;
  margin: 0;
}

body.template-register-packages .container .row .pricing-table .panel:empty,
body.template-register-modules .container .row .pricing-table .panel:empty,
body.template-register .container .row .pricing-table .panel:empty,
body.template-register-credits .container .row .pricing-table .panel:empty,
body.template-register-complete .container .row .pricing-table .panel:empty,
body.template-register-main-suite .container .row .pricing-table .panel:empty,
body.template-register-addons .container .row .pricing-table .panel:empty,
body.template-register-addons-buy .container .row .pricing-table .panel:empty,
body.template-register-main-suite-buy .container .row .pricing-table .panel:empty,
body.template-register-addons-trial .container .row .pricing-table .panel:empty {
  display: none;
}

body.template-register-packages .container .row .pricing-table .panel:first-child,
body.template-register-modules .container .row .pricing-table .panel:first-child,
body.template-register .container .row .pricing-table .panel:first-child,
body.template-register-credits .container .row .pricing-table .panel:first-child,
body.template-register-complete .container .row .pricing-table .panel:first-child,
body.template-register-main-suite .container .row .pricing-table .panel:first-child,
body.template-register-addons .container .row .pricing-table .panel:first-child,
body.template-register-addons-buy .container .row .pricing-table .panel:first-child,
body.template-register-main-suite-buy .container .row .pricing-table .panel:first-child,
body.template-register-addons-trial .container .row .pricing-table .panel:first-child {
  border-top: 0;
}

body.template-register-packages .container .row .pricing-table .panel span,
body.template-register-modules .container .row .pricing-table .panel span,
body.template-register .container .row .pricing-table .panel span,
body.template-register-credits .container .row .pricing-table .panel span,
body.template-register-complete .container .row .pricing-table .panel span,
body.template-register-main-suite .container .row .pricing-table .panel span,
body.template-register-addons .container .row .pricing-table .panel span,
body.template-register-addons-buy .container .row .pricing-table .panel span,
body.template-register-main-suite-buy .container .row .pricing-table .panel span,
body.template-register-addons-trial .container .row .pricing-table .panel span {
  margin: 0;
  line-height: 1em;
}

body.template-register-packages .container .row .pricing-table .panel.price,
body.template-register-modules .container .row .pricing-table .panel.price,
body.template-register .container .row .pricing-table .panel.price,
body.template-register-credits .container .row .pricing-table .panel.price,
body.template-register-complete .container .row .pricing-table .panel.price,
body.template-register-main-suite .container .row .pricing-table .panel.price,
body.template-register-addons .container .row .pricing-table .panel.price,
body.template-register-addons-buy .container .row .pricing-table .panel.price,
body.template-register-main-suite-buy .container .row .pricing-table .panel.price,
body.template-register-addons-trial .container .row .pricing-table .panel.price {
  background-color: #00ae8f;
  color: #fff;
}

body.template-register-packages .container .row .pricing-table .panel.price .amount,
body.template-register-modules .container .row .pricing-table .panel.price .amount,
body.template-register .container .row .pricing-table .panel.price .amount,
body.template-register-credits .container .row .pricing-table .panel.price .amount,
body.template-register-complete .container .row .pricing-table .panel.price .amount,
body.template-register-main-suite .container .row .pricing-table .panel.price .amount,
body.template-register-addons .container .row .pricing-table .panel.price .amount,
body.template-register-addons-buy .container .row .pricing-table .panel.price .amount,
body.template-register-main-suite-buy .container .row .pricing-table .panel.price .amount,
body.template-register-addons-trial .container .row .pricing-table .panel.price .amount {
  font-size: 3em;
  font-weight: 700;
}

body.template-register-packages .container .row .pricing-table .panel.price .currency,
body.template-register-modules .container .row .pricing-table .panel.price .currency,
body.template-register .container .row .pricing-table .panel.price .currency,
body.template-register-credits .container .row .pricing-table .panel.price .currency,
body.template-register-complete .container .row .pricing-table .panel.price .currency,
body.template-register-main-suite .container .row .pricing-table .panel.price .currency,
body.template-register-addons .container .row .pricing-table .panel.price .currency,
body.template-register-addons-buy .container .row .pricing-table .panel.price .currency,
body.template-register-main-suite-buy .container .row .pricing-table .panel.price .currency,
body.template-register-addons-trial .container .row .pricing-table .panel.price .currency {
  font-size: 1.8em;
}

body.template-register-packages .container .row .pricing-table .panel.price span,
body.template-register-modules .container .row .pricing-table .panel.price span,
body.template-register .container .row .pricing-table .panel.price span,
body.template-register-credits .container .row .pricing-table .panel.price span,
body.template-register-complete .container .row .pricing-table .panel.price span,
body.template-register-main-suite .container .row .pricing-table .panel.price span,
body.template-register-addons .container .row .pricing-table .panel.price span,
body.template-register-addons-buy .container .row .pricing-table .panel.price span,
body.template-register-main-suite-buy .container .row .pricing-table .panel.price span,
body.template-register-addons-trial .container .row .pricing-table .panel.price span {
  vertical-align: baseline;
  color: #fff;
}

body.template-register-complete .col-md-12 .checkbox,
body.template-register .col-md-12 .checkbox,
body.template-register-credits .col-md-12 .checkbox {
  padding-top: 0 !important;
}

body.template-register-complete .checkbox,
body.template-register .checkbox,
body.template-register-credits .checkbox {
  margin-bottom: 15px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

body.template-register-complete .checkbox.text-left.not-block,
body.template-register .checkbox.text-left.not-block,
body.template-register-credits .checkbox.text-left.not-block {
  padding-top: 0 !important;
  padding-bottom: 7px !important;
}

body.template-register-complete .checkbox.keep-pad,
body.template-register .checkbox.keep-pad,
body.template-register-credits .checkbox.keep-pad {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  margin-bottom: 0 !important;
}

body.template-register-complete .checkbox.add-margin-20-bottom,
body.template-register .checkbox.add-margin-20-bottom,
body.template-register-credits .checkbox.add-margin-20-bottom {
  margin-bottom: 20px !important;
}

body.template-register-complete .checkbox a,
body.template-register .checkbox a,
body.template-register-credits .checkbox a {
  text-decoration: underline;
}

body.template-register-complete .weitere,
body.template-register .weitere,
body.template-register-credits .weitere {
  display: block;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

body.template-register-complete .row.white-bg,
body.template-register .row.white-bg,
body.template-register-credits .row.white-bg {
  max-width: unset !important;
}

body.template-register-complete .row,
body.template-register .row,
body.template-register-credits .row {
  max-width: 1400px !important;
}

@media (min-width: 768px) {
  body.template-register-complete .row.flex,
  body.template-register .row.flex,
  body.template-register-credits .row.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

body.template-register-complete .row.flex .step-laptop,
body.template-register .row.flex .step-laptop,
body.template-register-credits .row.flex .step-laptop {
  max-width: 100%;
}

@media (min-width: 1700px) {
  body.template-register-complete .row.flex .step-laptop,
  body.template-register .row.flex .step-laptop,
  body.template-register-credits .row.flex .step-laptop {
    max-width: 640px;
    margin-left: -243px;
  }
}

body.template-register-complete .row .container,
body.template-register .row .container,
body.template-register-credits .row .container {
  display: block;
  height: auto;
}

body.template-register-complete .row .panel,
body.template-register .row .panel,
body.template-register-credits .row .panel {
  border: 0 !important;
}

body.template-register-complete .row .panel .wizard-header .wizard-title,
body.template-register .row .panel .wizard-header .wizard-title,
body.template-register-credits .row .panel .wizard-header .wizard-title {
  color: #EEEEEE;
}

@media (max-width: 575px) {
  body.template-register-complete .row .panel .wizard-navigation .wizard-progress-with-circle,
  body.template-register .row .panel .wizard-navigation .wizard-progress-with-circle,
  body.template-register-credits .row .panel .wizard-navigation .wizard-progress-with-circle {
    top: 140px;
  }
}

@media (max-width: 575px) {
  body.template-register-complete .row .panel .wizard-navigation ul.wizard-nav,
  body.template-register .row .panel .wizard-navigation ul.wizard-nav,
  body.template-register-credits .row .panel .wizard-navigation ul.wizard-nav {
    display: block;
  }
}

@media (max-width: 575px) {
  body.template-register-complete .row .panel .wizard-navigation ul.wizard-nav li,
  body.template-register .row .panel .wizard-navigation ul.wizard-nav li,
  body.template-register-credits .row .panel .wizard-navigation ul.wizard-nav li {
    text-align: left;
  }
}

body.template-register-complete .row .panel .wizard-navigation ul.wizard-nav li a:link,
body.template-register-complete .row .panel .wizard-navigation ul.wizard-nav li a:visited,
body.template-register .row .panel .wizard-navigation ul.wizard-nav li a:link,
body.template-register .row .panel .wizard-navigation ul.wizard-nav li a:visited,
body.template-register-credits .row .panel .wizard-navigation ul.wizard-nav li a:link,
body.template-register-credits .row .panel .wizard-navigation ul.wizard-nav li a:visited {
  font-family: "Poppins", sans-serif;
}

body.template-register-complete .row .panel .wizard-navigation ul.wizard-nav li a:link:hover,
body.template-register-complete .row .panel .wizard-navigation ul.wizard-nav li a:link:active,
body.template-register-complete .row .panel .wizard-navigation ul.wizard-nav li a:link:focus,
body.template-register-complete .row .panel .wizard-navigation ul.wizard-nav li a:visited:hover,
body.template-register-complete .row .panel .wizard-navigation ul.wizard-nav li a:visited:active,
body.template-register-complete .row .panel .wizard-navigation ul.wizard-nav li a:visited:focus,
body.template-register .row .panel .wizard-navigation ul.wizard-nav li a:link:hover,
body.template-register .row .panel .wizard-navigation ul.wizard-nav li a:link:active,
body.template-register .row .panel .wizard-navigation ul.wizard-nav li a:link:focus,
body.template-register .row .panel .wizard-navigation ul.wizard-nav li a:visited:hover,
body.template-register .row .panel .wizard-navigation ul.wizard-nav li a:visited:active,
body.template-register .row .panel .wizard-navigation ul.wizard-nav li a:visited:focus,
body.template-register-credits .row .panel .wizard-navigation ul.wizard-nav li a:link:hover,
body.template-register-credits .row .panel .wizard-navigation ul.wizard-nav li a:link:active,
body.template-register-credits .row .panel .wizard-navigation ul.wizard-nav li a:link:focus,
body.template-register-credits .row .panel .wizard-navigation ul.wizard-nav li a:visited:hover,
body.template-register-credits .row .panel .wizard-navigation ul.wizard-nav li a:visited:active,
body.template-register-credits .row .panel .wizard-navigation ul.wizard-nav li a:visited:focus {
  color: #00ae8f !important;
  text-decoration: none !important;
}

body.template-register-complete .row .panel .wizard-navigation ul.wizard-nav li a:link span.active,
body.template-register-complete .row .panel .wizard-navigation ul.wizard-nav li a:visited span.active,
body.template-register .row .panel .wizard-navigation ul.wizard-nav li a:link span.active,
body.template-register .row .panel .wizard-navigation ul.wizard-nav li a:visited span.active,
body.template-register-credits .row .panel .wizard-navigation ul.wizard-nav li a:link span.active,
body.template-register-credits .row .panel .wizard-navigation ul.wizard-nav li a:visited span.active {
  color: #00ae8f !important;
  text-decoration: none !important;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content,
body.template-register .row .panel .wizard-navigation .wizard-tab-content,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content {
  margin: 0 auto;
}

@media (min-width: 768px) {
  body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content,
  body.template-register .row .panel .wizard-navigation .wizard-tab-content,
  body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content {
    padding-left: 15px;
  }
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container.ziele-budget input,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container.ziele-budget input,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container.ziele-budget input {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkot-box-shadow: none;
  border: 0;
  border-bottom: 1px solid #ccc;
  border-radius: 0 !important;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container h3.text-primary,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container h3.text-primary,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container h3.text-primary {
  color: inherit;
  text-align: center;
  border-bottom: 1px solid #e5e4e3;
  text-transform: uppercase;
  font-family: "Saira Condensed", sans-serif;
  font-size: 18px;
  padding-bottom: 20px;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container h3.text-primary small,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container h3.text-primary small,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container h3.text-primary small {
  font-family: 'Roboto', sans-serif;
  display: block;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container table,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container table,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container table {
  border: 0 !important;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container table th,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container table th,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container table th {
  padding: 15px 10px 15px 0;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container table th:last-child,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container table th:last-child,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container table th:last-child {
  padding: 15px 0;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container table td,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container table td,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container table td {
  padding: 0 15px 15px 0;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container table td:last-child,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container table td:last-child,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container table td:last-child {
  padding: 0 0 15px 0;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label {
  display: block;
  float: none;
  width: auto;
  margin: 0 0 5px;
  text-align: left;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #EEEEEE;
  line-height: 1em;
  text-align: center;
  margin: 0;
  padding: 15px 0;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox.checked,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox.checked,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox.checked {
  background-color: #00ae8f;
  color: #fff;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox.checked .checkmark:after,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox.checked .checkmark:after,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox.checked .checkmark:after {
  border: solid #fff;
  border-width: 0 3px 3px 0;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox.checked-default,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox.checked-default,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox.checked-default {
  pointer-events: none;
  background-color: #00ae8f;
  color: #fff;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox.checked-default .checkmark:after,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox.checked-default .checkmark:after,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox.checked-default .checkmark:after {
  border: solid #fff;
  border-width: 0 3px 3px 0;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox:hover,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox:hover,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox:hover {
  background-color: #EEEEEE;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox input[type="checkbox"],
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox input[type="checkbox"],
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox input[type="checkbox"]:checked ~ .checkmark,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox input[type="checkbox"]:checked ~ .checkmark,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox input[type="checkbox"]:checked ~ .checkmark {
  background-color: transparent;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox input[type="checkbox"]:checked ~ .checkmark:after,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox input[type="checkbox"]:checked ~ .checkmark:after,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox input[type="checkbox"]:checked ~ .checkmark:after {
  display: block;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox .checkmark,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox .checkmark,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox .checkmark {
  position: relative;
  top: -10px;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox .checkmark.absolute,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox .checkmark.absolute,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox .checkmark.absolute {
  position: absolute;
  margin: 0;
  top: -5px;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox .checkmark:after,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox .checkmark:after,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 9px;
  top: 12px;
  width: 9px;
  height: 15px;
  border: solid #00ae8f;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox:hover input ~ .checkmark,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox:hover input ~ .checkmark,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.checkbox:hover input ~ .checkmark {
  background-color: transparent;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.not-block,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.not-block,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.not-block {
  padding: 0 0 0 35px;
  background: transparent !important;
  text-align: left;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.not-block:hover input ~ .checkmark,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.not-block:hover input ~ .checkmark,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.not-block:hover input ~ .checkmark {
  background-color: #00ae8f;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.not-block input[type="checkbox"]:checked ~ .checkmark,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.not-block input[type="checkbox"]:checked ~ .checkmark,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.not-block input[type="checkbox"]:checked ~ .checkmark {
  background-color: #00ae8f;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.not-block .checkmark:after,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.not-block .checkmark:after,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container label.not-block .checkmark:after {
  border: solid #fff;
  border-width: 0 3px 3px 0;
  top: 3px;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container form label,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container form label,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container form label {
  margin: 0 15px 5px;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container .row,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container .row,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container .row {
  margin-left: -15px;
  margin-right: -15px;
  max-width: unset;
  width: auto;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container #more-tool-info,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container #more-tool-info,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .wizard-tab-container #more-tool-info {
  display: none;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .alert-danger,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .alert-danger,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .alert-danger {
  display: block;
  background-color: #AD284B;
  color: #fff;
  border-radius: 0;
  border: 0;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .alert-danger span,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .alert-danger span,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .alert-danger span {
  color: #fff;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1.4em;
  font-size: 0.8em;
}

body.template-register-complete .row .panel .wizard-navigation .wizard-tab-content .alert-danger:first-child,
body.template-register .row .panel .wizard-navigation .wizard-tab-content .alert-danger:first-child,
body.template-register-credits .row .panel .wizard-navigation .wizard-tab-content .alert-danger:first-child {
  margin-top: 20px;
}

body.template-register-complete .row .panel .panel-body,
body.template-register .row .panel .panel-body,
body.template-register-credits .row .panel .panel-body {
  padding: 0;
}

@media (max-width: 991px) {
  body.template-register-complete .row .panel .panel-body div:nth-child(1).form-group div:nth-child(3),
  body.template-register .row .panel .panel-body div:nth-child(1).form-group div:nth-child(3),
  body.template-register-credits .row .panel .panel-body div:nth-child(1).form-group div:nth-child(3) {
    margin-top: 40px;
  }
}

.help-block:empty {
  display: none;
}

div.checkbox span.label {
  color: inherit;
  font-size: 1em;
}

label.checkbox {
  display: block;
  float: none;
  width: auto;
  margin: 0 0 5px;
  text-align: left;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1em;
  padding: 7px 0 7px 35px;
}

label.checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

label.checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 10px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

label.checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

label.checkbox input[type="checkbox"]:checked ~ .checkmark {
  background-color: #00ae8f;
}

label.checkbox input[type="checkbox"]:checked ~ .checkmark:after {
  display: block;
}

label.checkbox.centered {
  text-align: center;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}

label.checkbox.centered .checkmark {
  position: relative;
  display: inline-block;
  margin: 0;
}

label:hover input ~ .checkmark {
  background-color: #ccc;
}

body.template-register,
body.template-register-credits {
  height: 100vh;
}

body.template-register .row label.checkbox,
body.template-register-credits .row label.checkbox {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1em;
  text-align: left;
  margin: 0;
  padding: 0 0 0 35px;
}

body.template-register .row label.checkbox input[type="checkbox"],
body.template-register-credits .row label.checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

body.template-register .row label.checkbox input[type="checkbox"]:checked ~ .checkmark,
body.template-register-credits .row label.checkbox input[type="checkbox"]:checked ~ .checkmark {
  background-color: #00ae8f;
}

body.template-register .row label.checkbox input[type="checkbox"]:checked ~ .checkmark:after,
body.template-register-credits .row label.checkbox input[type="checkbox"]:checked ~ .checkmark:after {
  display: block;
}

body.template-register .row label.checkbox .checkmark,
body.template-register-credits .row label.checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
}

body.template-register .row label.checkbox .checkmark:after,
body.template-register-credits .row label.checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 7px;
  top: 4px;
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

body.template-register .row label.checkbox .checkmark:hover input ~ .checkmark,
body.template-register-credits .row label.checkbox .checkmark:hover input ~ .checkmark {
  background-color: #00ae8f;
}

body.login .content {
  margin-bottom: 65px;
}

@media (max-width: 575px) {
  body.login .content {
    margin-bottom: 75px;
  }
}

.sw-title {
  background-image: linear-gradient(95deg, #5458F1 20%, #EACCF8 64%, #69EACB 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: 100%;
  text-align: center;
}

.card-login {
  border-radius: 10px;
  background: #fff;
  opacity: 1;
  padding: 20px 20px 0 20px;
}

.text-with-card {
  padding: 30% 15%;
  padding-bottom: 0 !important;
}

.text-with-card h1 {
  text-align: center;
}

.benefits {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.benefits li {
  list-style-type: none;
  margin-right: 30px;
}

.benefits li span {
  color: white;
}

.benefits li span i {
  color: #2AD5A4;
}

.img-recession {
  width: 80%;
  border-radius: 10px;
}

p strong {
  font-size: 17px;
}

.register-right {
  background-color: black;
  height: 100vh;
}

@media (max-width: 1199px) {
  .register-right {
    display: none;
  }
}

#login.container {
  padding: 0;
}

#login.container .show-password {
  float: right;
  margin-top: -0.8em;
  font-size: 19px;
  position: relative;
  background: transparent;
  border: none;
  right: 10px;
  bottom: 19px;
}

.register-fields {
  padding: 15% 10%;
}

@media (max-width: 575px) {
  .register-fields {
    padding: 0;
  }
}

.register-complete {
  overflow: hidden;
}

.mb-20 {
  margin-bottom: 40px;
}

@media (max-width: 991px) {
  html.ourback {
    background-image: url("/images/bg.jpg");
    background-attachment: fixed;
  }
}

body {
  background-color: transparent !important;
}

body.quickcheck {
  background-color: transparent !important;
}

@media (max-width: 767px) {
  body.quickcheck {
    background-image: none !important;
  }
}

body.quickcheck #headerbar-container {
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  body.quickcheck #headerbar-container {
    display: none;
  }
}

@media (max-width: 767px) {
  body.quickcheck nav.navbar-fixed-top {
    display: none !important;
  }
}

#chevron-left {
  color: black;
  font-size: 20px;
  padding: 20px 20px 20px 0;
  width: 20%;
  text-align: left;
}

@media (min-width: 768px) {
  #chevron-left {
    display: none;
  }
}

.quickcheck {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
}

.quickcheck .mainNav-container {
  height: auto;
}

.quickcheck #homepage-form label {
  display: none;
}

.quickcheck #warning {
  color: #fff;
  text-align: center;
  background-color: #AD284B;
  font-weight: bold;
  padding: 20px 10px;
  border-radius: 10px;
}

.quickcheck #keyword_tool,
.quickcheck #ranking_tool,
.quickcheck #visibility_tool {
  background-color: #fff;
  border-radius: 10px;
  padding: 0 20px 20px;
  margin-top: 30px;
}

@media (max-width: 767px) {
  .quickcheck #keyword_tool,
  .quickcheck #ranking_tool,
  .quickcheck #visibility_tool {
    margin: 0;
    padding: 0;
  }
}

.quickcheck #keywords_filter input {
  background-color: whitesmoke !important;
  color: #5e5e5e !important;
  width: 100% !important;
  border-radius: 80px !important;
  border: none !important;
  padding: 0 20px;
}

@media (max-width: 767px) {
  .quickcheck #keywords_filter input {
    background-color: white !important;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-bottom: 1px solid #888 !important;
    color: #35b396 !important;
    border-radius: 0 !important;
    margin: 0 0 0 10px !important;
    max-height: 0 !important;
    width: 130px !important;
  }

  .quickcheck #keywords_filter input::-webkit-input-placeholder {
    color: #35b396;
    opacity: 1;
  }

  .quickcheck #keywords_filter input::-moz-placeholder {
    color: #35b396;
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .quickcheck #keywords_wrapper {
    background: white;
    border-radius: 30px 30px 0 0;
    -webkit-box-shadow: 0 -5px 4px #8cc1b530;
            box-shadow: 0 -5px 4px #8cc1b530;
    min-width: 100%;
    max-width: 100%;
    position: relative;
    left: 0;
    padding-top: 20px;
  }
}

.quickcheck #keywords_wrapper .row {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.quickcheck #keywords_wrapper .row:first-child {
  padding: 20px 0;
  width: 100%;
  margin: 0 auto;
  text-align: right;
}

@media (max-width: 767px) {
  .quickcheck #keywords_wrapper .row:first-child {
    text-align: left;
    padding: 0;
  }
}

.quickcheck #keywords_wrapper .row:first-child .col-sm-6 {
  width: auto;
  max-width: unset;
  display: inline-block;
  margin: 20px 0;
}

.quickcheck #keywords_wrapper .row label {
  -webkit-box-pack: left !important;
      -ms-flex-pack: left !important;
          justify-content: left !important;
  display: block;
  text-align: left;
  font-weight: bold;
}

.quickcheck #keywords_wrapper .row.last-row {
  margin-top: 15px;
}

.quickcheck #keywords_wrapper .row.last-row .form-inline {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.quickcheck #keywords_wrapper .row.last-row > div {
  width: 33.333%;
  display: inline-block;
  vertical-align: middle;
  float: none;
}

@media (max-width: 991px) {
  .quickcheck #keywords_wrapper .row.last-row > div {
    width: auto;
    display: block;
  }
}

.quickcheck #keywords_wrapper .row.last-row > div .dataTables_info {
  padding-top: 0;
  text-align: right;
}

@media (max-width: 991px) {
  .quickcheck #keywords_wrapper .row.last-row > div .dataTables_info {
    text-align: center;
  }
}

.quickcheck #keywords_wrapper .row .col-sm-12,
.quickcheck #keywords_wrapper .row .col-sm-6,
.quickcheck #keywords_wrapper .row .col-sm-5,
.quickcheck #keywords_wrapper .row .col-sm-7 {
  padding: 0;
}

.quickcheck #keywords_wrapper.dataTables_wrapper .dataTables_length select {
  width: auto;
  margin: 0 10px;
}

.quickcheck #keywords_wrapper .dataTables_filter {
  text-align: center;
}

.quickcheck #keywords_wrapper .dataTables_filter label {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  font-size: 0;
}

.quickcheck #keywords_wrapper .dataTables_filter label input {
  height: 52px !important;
  display: block;
  margin: 0;
  width: 100%;
  font-size: 15px !important;
}

.quickcheck #options-bar {
  height: auto !important;
}

@media (max-width: 767px) {
  .quickcheck #search_volume_settings {
    margin: 0 !important;
    display: none;
  }
}

.quickcheck #search_volume_settings .chosen-container {
  margin-bottom: 10px;
}

.quickcheck #search_volume_settings #head h4,
.quickcheck #search_volume_settings #head #breadcrumb .breadcrumb li,
#breadcrumb .breadcrumb .quickcheck #search_volume_settings #head li,
.quickcheck #search_volume_settings #head #breadcrumb .breadcrumb span,
#breadcrumb .breadcrumb .quickcheck #search_volume_settings #head span {
  cursor: pointer;
}

.quickcheck #search_volume_settings #head h4:hover,
.quickcheck #search_volume_settings #head #breadcrumb .breadcrumb li:hover,
#breadcrumb .breadcrumb .quickcheck #search_volume_settings #head li:hover,
.quickcheck #search_volume_settings #head #breadcrumb .breadcrumb span:hover,
#breadcrumb .breadcrumb .quickcheck #search_volume_settings #head span:hover {
  color: #00ae8f;
}

.quickcheck #search_volume_settings #head h4.opened:after,
.quickcheck #search_volume_settings #head #breadcrumb .breadcrumb li.opened:after,
#breadcrumb .breadcrumb .quickcheck #search_volume_settings #head li.opened:after,
.quickcheck #search_volume_settings #head #breadcrumb .breadcrumb span.opened:after,
#breadcrumb .breadcrumb .quickcheck #search_volume_settings #head span.opened:after {
  border-top: 0;
  border-bottom: 5px solid #000;
}

.quickcheck #search_volume_settings #multisearch h4,
.quickcheck #search_volume_settings #multisearch #breadcrumb .breadcrumb li,
#breadcrumb .breadcrumb .quickcheck #search_volume_settings #multisearch li,
.quickcheck #search_volume_settings #multisearch #breadcrumb .breadcrumb span,
#breadcrumb .breadcrumb .quickcheck #search_volume_settings #multisearch span {
  cursor: pointer;
}

.quickcheck #search_volume_settings #multisearch h4:hover,
.quickcheck #search_volume_settings #multisearch #breadcrumb .breadcrumb li:hover,
#breadcrumb .breadcrumb .quickcheck #search_volume_settings #multisearch li:hover,
.quickcheck #search_volume_settings #multisearch #breadcrumb .breadcrumb span:hover,
#breadcrumb .breadcrumb .quickcheck #search_volume_settings #multisearch span:hover {
  color: #00ae8f;
}

.quickcheck #search_volume_settings #body {
  display: none;
}

.quickcheck h1 {
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 40px;
  margin-top: 40px;
  letter-spacing: 0.83333333px;
}

@media (max-width: 767px) {
  .quickcheck h1 {
    color: #00AE8F;
    text-align: center;
    margin-top: 100px;
  }
}

.quickcheck h1 span.volume {
  display: block;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-size: 10px;
  line-height: 2;
  font-weight: lighter;
  margin: 0;
}

.quickcheck h4,
.quickcheck #breadcrumb .breadcrumb li,
#breadcrumb .breadcrumb .quickcheck li,
.quickcheck #breadcrumb .breadcrumb span,
#breadcrumb .breadcrumb .quickcheck span {
  font-size: 16px;
  line-height: 19.2px;
  margin-bottom: 6.4px;
  letter-spacing: 0.44444444px;
}

.quickcheck a {
  color: inherit;
}

.quickcheck .container {
  display: block;
  width: 100% !important;
}

.quickcheck .box .container {
  width: 100%;
}

.quickcheck #qc.box .container {
  padding: 0;
}

.quickcheck #navbar-top .header-logo {
  margin-left: 13px;
}

@media (max-width: 1199px) {
  .quickcheck #navbar-top .container .row {
    width: 100%;
  }
}

.quickcheck #navbar-top .navbar {
  display: block;
  padding: 0;
  width: 100%;
}

@media (max-width: 767px) {
  .quickcheck #navbar-top .navbar {
    position: absolute;
  }
}

.quickcheck #navbar-top .navbar .mainNav a {
  color: inherit;
}

.quickcheck #navbar-top .navbar input {
  font-size: 15px;
}

.quickcheck #app {
  background-color: transparent;
}

.quickcheck #app .navbar {
  background-color: transparent !important;
}

.quickcheck #breadcrumb {
  border-bottom: 0 !important;
  background-color: transparent;
  margin: 0;
  padding: 0 20px;
}

.quickcheck #breadcrumb .content {
  padding: 0;
}

.quickcheck #breadcrumb .breadcrumb li {
  color: #fff;
}

.quickcheck #breadcrumb .breadcrumb li span {
  color: #fff;
}

.quickcheck #breadcrumb .breadcrumb a {
  margin-bottom: 0;
  color: #fff;
}

.quickcheck .navbar {
  padding: 0;
  display: block;
}

.quickcheck .light-grey-box {
  background-color: #EEEEEE;
  padding: 0;
  line-height: 1em;
  font-size: 22px;
  text-align: center;
  margin-bottom: 0;
}

.quickcheck .light-grey-box.nav-quickcheck {
  display: block;
  position: relative;
  z-index: 2;
}

@media (max-width: 767px) {
  .quickcheck .light-grey-box.nav-quickcheck .col-sm-4,
  .quickcheck .light-grey-box.nav-quickcheck .col-sm-6 {
    margin-bottom: 0;
  }
}

.quickcheck .light-grey-box.nav-quickcheck label {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  display: block;
  padding: 10px;
  cursor: pointer;
  margin-bottom: 0;
}

.quickcheck .light-grey-box.nav-quickcheck label.active-tab {
  background-color: #00ae8f;
  color: #fff;
}

.quickcheck .light-grey-box.nav-quickcheck label.for-dropdown:after {
  content: '';
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 5px solid #000;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.quickcheck .light-grey-box.nav-quickcheck label:hover,
.quickcheck .light-grey-box.nav-quickcheck label:active,
.quickcheck .light-grey-box.nav-quickcheck label:focus {
  background-color: #00ae8f;
  color: #fff;
}

.quickcheck .light-grey-box.nav-quickcheck label:hover:after,
.quickcheck .light-grey-box.nav-quickcheck label:active:after,
.quickcheck .light-grey-box.nav-quickcheck label:focus:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.quickcheck .light-grey-box.nav-quickcheck label:hover:after,
.quickcheck .light-grey-box.nav-quickcheck label:active:after,
.quickcheck .light-grey-box.nav-quickcheck label:focus:after {
  border-top: 5px solid #fff;
}

.quickcheck .light-grey-box.nav-quickcheck label:hover ~ ul,
.quickcheck .light-grey-box.nav-quickcheck label:active ~ ul,
.quickcheck .light-grey-box.nav-quickcheck label:focus ~ ul {
  display: block !important;
}

.quickcheck .light-grey-box.nav-quickcheck label.active-tab2 {
  background-color: #00ae8f;
  color: #fff;
}

.quickcheck .light-grey-box.nav-quickcheck label.active-tab2:after {
  border-top: 5px solid #fff;
}

.quickcheck .light-grey-box.nav-quickcheck label.active-tab {
  background-color: #00ae8f;
  color: #fff;
}

.quickcheck .light-grey-box.nav-quickcheck label.active-tab:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.quickcheck .light-grey-box.nav-quickcheck label.active-tab:after {
  border-top: 5px solid #fff;
}

.quickcheck .light-grey-box.nav-quickcheck a {
  font-family: "Poppins", sans-serif;
  display: block;
  padding: 10px;
  text-decoration: none !important;
}

.quickcheck .light-grey-box.nav-quickcheck a:hover,
.quickcheck .light-grey-box.nav-quickcheck a:active,
.quickcheck .light-grey-box.nav-quickcheck a:focus {
  background-color: #00ae8f;
  color: #fff;
}

.quickcheck .light-grey-box.nav-quickcheck ul {
  position: absolute;
  top: 100%;
  left: 15px;
  width: calc(100% - 30px);
  padding: 0;
  background-color: #646464;
  color: #fff;
}

.quickcheck .light-grey-box.nav-quickcheck ul li {
  list-style-type: none;
  font-family: "Poppins", sans-serif;
  padding: 5px;
  font-size: 16px;
  cursor: pointer;
}

.quickcheck .light-grey-box.nav-quickcheck ul li.active-tab {
  color: #fff;
  background-color: #00ae8f;
}

.quickcheck .light-grey-box.nav-quickcheck ul li:hover {
  background-color: #00ae8f;
  color: #fff;
}

.quickcheck .light-grey-box.nav-quickcheck ul li a {
  font-family: "Poppins", sans-serif;
  padding: 5px;
  font-size: 16px;
}

.quickcheck .light-grey-box .volume_search:hover ul,
.quickcheck .light-grey-box .volume_search:active ul,
.quickcheck .light-grey-box .volume_search:focus ul {
  display: block !important;
}

.quickcheck #keyword_input,
.quickcheck #keyword_input_multiple {
  height: 68px !important;
  margin-top: 40px;
  background-color: #00ae8f;
  color: white;
  width: 100%;
  border-radius: 35px;
  padding: 25px;
  font-size: 20px;
  -webkit-box-shadow: 0 4px 4px 0 #ccc;
          box-shadow: 0 4px 4px 0 #ccc;
  padding-right: 130px;
}

@media (max-width: 767px) {
  .quickcheck #keyword_input,
  .quickcheck #keyword_input_multiple {
    color: white;
    -webkit-box-shadow: 4px 4px 2px #8cc1b5;
            box-shadow: 4px 4px 2px #8cc1b5;
    font-size: 16px;
    padding-right: 90px;
    height: 55px !important;
  }
}

.quickcheck #keyword_input:focus,
.quickcheck #keyword_input_multiple:focus {
  outline: none;
}

.quickcheck #keyword_input::-webkit-input-placeholder,
.quickcheck #keyword_input_multiple::-webkit-input-placeholder {
  color: white;
  font-size: 20px;
  opacity: 1;
}

@media (max-width: 767px) {
  .quickcheck #keyword_input::-webkit-input-placeholder,
  .quickcheck #keyword_input_multiple::-webkit-input-placeholder {
    color: #35b396;
    font-size: 16px;
  }
}

.quickcheck #keyword_input::-moz-placeholder,
.quickcheck #keyword_input_multiple::-moz-placeholder {
  color: white;
  font-size: 20px;
  opacity: 1;
}

@media (max-width: 767px) {
  .quickcheck #keyword_input::-moz-placeholder,
  .quickcheck #keyword_input_multiple::-moz-placeholder {
    color: #35b396;
    font-size: 16px;
  }
}

.quickcheck #keyword_input_multiple {
  height: 150px !important;
  border: none;
  resize: none;
  border-radius: 15px;
}

.quickcheck .keyword-tool-offer {
  margin-left: -308px;
  margin-top: 49px;
  position: absolute;
  height: 50px;
  background: white;
  color: #00ae8f;
  border: 0;
  border-radius: 35px;
  font-size: 20px;
  -webkit-appearance: none;
  -webkit-box-shadow: 0 2px 4px 0 #25795B;
          box-shadow: 0 2px 4px 0 #25795B;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

@media (max-width: 767px) {
  .quickcheck .keyword-tool-offer {
    height: 37px;
    width: 60px;
    margin-left: -90px;
    color: #00ae8f;
    -webkit-box-shadow: 0 2px 4px 0 #ccc;
            box-shadow: 0 2px 4px 0 #ccc;
  }
}

.quickcheck .keyword-tool-go:hover,
.quickcheck .keyword-tool-offer:hover,
.quickcheck .website-analyzer-go:hover {
  background-color: #eaeaea;
}

@media (max-width: 767px) {
  .quickcheck .keyword-tool-go:hover,
  .quickcheck .keyword-tool-offer:hover,
  .quickcheck .website-analyzer-go:hover {
    background-color: #8cc1b5;
  }
}

.quickcheck .keyword-tool.container {
  width: 100%;
  padding: 0;
}

.quickcheck .keyword-tool #platforms div {
  margin-bottom: 20px;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.quickcheck .keyword-tool #platforms div .platform {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  width: 0;
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  cursor: pointer;
  -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  margin: 12px;
  border-radius: 8px;
  -webkit-transition: background-color 0.5s, -webkit-box-shadow 0.5s;
  transition: background-color 0.5s, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, background-color 0.5s;
  transition: box-shadow 0.5s, background-color 0.5s, -webkit-box-shadow 0.5s;
}

@media (max-width: 767px) {
  .quickcheck .keyword-tool #platforms div .platform h4.logo-name,
  .quickcheck .keyword-tool #platforms div .platform #breadcrumb .breadcrumb li.logo-name,
  #breadcrumb .breadcrumb .quickcheck .keyword-tool #platforms div .platform li.logo-name,
  .quickcheck .keyword-tool #platforms div .platform #breadcrumb .breadcrumb span.logo-name,
  #breadcrumb .breadcrumb .quickcheck .keyword-tool #platforms div .platform span.logo-name {
    display: none;
  }
}

@media (max-width: 767px) {
  .quickcheck .keyword-tool #platforms div .platform {
    background-color: white;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    padding: 4%;
    margin: 4%;
  }
}

.quickcheck .keyword-tool #platforms div .platform.active,
.quickcheck .keyword-tool #platforms div .platform:hover {
  -webkit-box-shadow: 0px 2px 8px 0px #00ae8f;
  box-shadow: 0px 2px 8px 0px #00ae8f;
}

.quickcheck .keyword-tool #platforms div .platform input {
  display: none;
}

.quickcheck .keyword-tool #platforms div a {
  display: block;
  background-color: #EEEEEE;
  width: 100%;
  text-align: center;
  padding: 12px 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
}

.quickcheck .keyword-tool #platforms div a:hover,
.quickcheck .keyword-tool #platforms div a:active,
.quickcheck .keyword-tool #platforms div a:focus,
.quickcheck .keyword-tool #platforms div a#fake-link {
  background-color: #00ae8f;
  color: #fff;
}

@media (min-width: 768px) {
  .quickcheck .keyword-tool #platforms div a {
    width: 13%;
    display: inline-block;
  }
}

.quickcheck .keyword-tool #box .row {
  margin-bottom: 20px;
}

.quickcheck .keyword-tool #box .row .col-sm-4:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 767px) {
  .quickcheck .keyword-tool #box .row .col-sm-4 {
    margin-bottom: 15px;
  }
}

.quickcheck .sort_form {
  margin-top: 20px;
}

.quickcheck #container_table {
  background-color: #fff;
  padding: 22px 20px;
  width: auto !important;
  max-width: 1570px !important;
  margin-bottom: 65px;
  border-radius: 0 0 10px 10px;
  top: -10px;
  position: relative;
}

@media (max-width: 767px) {
  .quickcheck #container_table {
    border-radius: 15px;
    margin: 0;
    padding: 0;
    top: 0;
  }
}

.quickcheck #container_table .container {
  padding: 0 !important;
}

.quickcheck #container_table table:first-child > tbody > tr > th {
  padding: 15px 15px 15px 0px !important;
}

.quickcheck #container_table table.google th {
  width: auto !important;
}

.quickcheck #container_table table.appstore-results th:first-child,
.quickcheck #container_table table.appstore-results td:first-child {
  width: 50px !important;
}

.quickcheck #container_table table.appstore-results:first-child td {
  width: auto !important;
}

.quickcheck #container_table rect.highcharts-point {
  fill: #00ae8f;
}

.quickcheck #container_table rect.highcharts-point.highcharts-color-0 {
  fill: #00ae8f;
}

@media (max-width: 767px) {
  .quickcheck #container_table table#keywords thead {
    display: none;
  }
}

@media (max-width: 767px) {
  .quickcheck #container_table table#keywords {
    border-collapse: separate;
    border-spacing: 0 1em;
    padding: 0 10px;
  }

  .quickcheck #container_table table#keywords tr {
    -webkit-box-shadow: 0 2px 5px #cecece;
            box-shadow: 0 2px 5px #cecece;
    border-radius: 15px;
    background: transparent;
  }
}

.quickcheck #container_table table#keywords td {
  position: relative;
  padding: 15px 0 !important;
}

@media (max-width: 767px) {
  .quickcheck #container_table table#keywords td span.mobile-column-name {
    color: #35b396;
    font-size: 11px;
    display: block;
    width: 90%;
    margin-left: 10%;
  }
}

@media (min-width: 768px) {
  .quickcheck #container_table table#keywords td span.mobile-column-name {
    display: none;
  }
}

@media (max-width: 767px) {
  .quickcheck #container_table table#keywords td span:nth-child(2) {
    margin-left: 10%;
    display: inline-block;
  }
}

.quickcheck #container_table table#keywords td.chart-table-cell button {
  width: 100% !important;
  color: #00ae8f;
}

.quickcheck #container_table table#keywords td.chart-table-cell button.activated {
  width: 72px !important;
}

.quickcheck #container_table table#keywords td.chart-table-cell button:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\F080";
  color: #00ae8f;
  margin-left: 2px;
  margin-right: 5px;
}

.quickcheck #container_table table#keywords td button {
  position: absolute;
  -webkit-appearance: none;
  border: 1px solid #d9d9d9;
  background-color: #00ae8f;
  color: #fff;
  height: 25px;
}

@media (min-width: 768px) {
  .quickcheck #container_table table#keywords td button {
    top: 2px;
  }
}

.quickcheck #container_table table#keywords td button.activated {
  width: 72px !important;
}

.quickcheck #container_table table#keywords td button:hover {
  background-color: #b6dbce;
}

.quickcheck #container_table table#keywords td.opened button {
  width: auto;
  right: 5px;
}

@media (max-width: 767px) {
  .quickcheck #container_table table#keywords td.column-hide,
  .quickcheck #container_table table#keywords th.column-hide {
    display: none;
  }
}

@media (max-width: 767px) {
  .quickcheck #container_table table#keywords td:nth-child(2) {
    border-radius: 15px 0 0 15px;
    margin-left: 10px;
  }
}

@media (max-width: 767px) {
  .quickcheck #container_table table#keywords td:nth-child(6) {
    border-radius: 0 15px 15px 0;
    margin-right: 10px;
  }
}

@media (max-width: 767px) {
  .quickcheck div div.hide-column-mobile {
    display: none;
  }
}

.quickcheck #footer {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 10;
}

@media (max-width: 767px) {
  .quickcheck #footer {
    max-height: 80px !important;
    bottom: unset !important;
    position: fixed !important;
    display: none !important;
  }
}

.quickcheck #container_table form:last-child {
  text-align: left;
}

.quickcheck #container_table form:last-child select {
  background-color: #fff !important;
  border-radius: 3px !important;
  padding: 15px 20px !important;
  font-size: inherit !important;
  height: auto !important;
  border: 1px solid #ccc !important;
  color: #555 !important;
  vertical-align: middle;
  display: inline-block !important;
  width: auto !important;
}

#container_table table td button.keyword,
#container_table table td button.chart-btn {
  height: 100%;
  float: right;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #cfeee3;
  width: 55%;
  color: #00ae8f;
  border-radius: 20px;
  max-height: 30px;
  font-weight: bold;
  border: none;
  font-size: 13px;
  margin-top: 10px;
  max-width: 90px;
}

@media (max-width: 767px) {
  #container_table table td button.keyword,
  #container_table table td button.chart-btn {
    background-color: transparent;
    max-width: 60px;
    min-width: 40px;
  }
}

#container_table table td button.keyword.add,
#container_table table td button.chart-btn.add {
  background-color: #cfeee3;
}

@media (max-width: 767px) {
  #container_table table td button.keyword.add,
  #container_table table td button.chart-btn.add {
    background-color: transparent;
  }
}

#container_table table td button.keyword.add::before,
#container_table table td button.chart-btn.add::before {
  content: "+ ADD";
  color: #00ae8f;
  font-size: 13px;
  margin-right: 5px;
}

@media (max-width: 767px) {
  #container_table table td button.keyword.add::before,
  #container_table table td button.chart-btn.add::before {
    content: "";
  }
}

#container_table table td button.keyword.add:hover,
#container_table table td button.chart-btn.add:hover {
  background-color: #b6dbce;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

#container_table table td button.keyword.delete,
#container_table table td button.chart-btn.delete {
  background-color: #AD284B;
}

@media (max-width: 767px) {
  #container_table table td button.keyword.delete,
  #container_table table td button.chart-btn.delete {
    background-color: transparent;
  }
}

#container_table table td button.keyword.delete::after,
#container_table table td button.chart-btn.delete::after {
  content: "- DELETE";
  color: white;
}

@media (max-width: 767px) {
  #container_table table td button.keyword.delete::after,
  #container_table table td button.chart-btn.delete::after {
    content: "";
  }
}

#container_table table td button.keyword.delete:hover,
#container_table table td button.chart-btn.delete:hover {
  background-color: #86213A;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

@media (max-width: 767px) {
  #container_table table td button.keyword.delete:hover,
  #container_table table td button.chart-btn.delete:hover {
    background-color: transparent;
  }
}

#container_table table td button.chart-btn {
  text-align: center;
}

@media (min-width: 768px) {
  #average-table {
    background-color: #f3f3f9;
    padding: 20px 0;
    font-size: 20px;
    font-weight: bold;
    color: #5e5e5e;
    line-height: 4;
    border-radius: 10px;
    min-height: 150px;
  }
}

@media (max-width: 767px) {
  #average-table {
    background-color: #f3f3f9;
    color: #5e5e5e;
    font-size: 13px;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 10px;
    padding: 20px 10px;
  }
}

#average-table strong {
  font-size: 30px;
}

@media (max-width: 767px) {
  #average-table strong {
    font-size: 20px;
  }
}

.border-right {
  border-right: 3px solid #c8c8c8;
}

@media (max-width: 991px) {
  .border-right {
    border-right: none;
    padding: 15px 0;
  }
}

@media (max-width: 767px) {
  .border-right {
    border: none;
  }
}

@media (min-width: 768px) {
  .padding {
    padding-left: 40px !important;
    line-height: 40px;
  }
}

@media (max-width: 767px) {
  .padding {
    padding: 10px !important;
    width: 100%;
  }
}

.green {
  color: #00ae8f;
}

.red {
  color: #AD284B;
}

.line-graph {
  width: 23px;
  float: right;
  margin-right: 20px;
}

.lt {
  width: 25%;
}

#summaryChart {
  margin-top: 70px;
  width: 100%;
}

.summary-chart {
  border: none !important;
}

@media (max-width: 767px) {
  .summary-chart {
    display: none;
  }
}

.result-message-desktop {
  color: #5e5e5e;
  font-size: 16px;
  margin-bottom: 50px;
  font-weight: bold;
  text-align: center;
}

@media (max-width: 767px) {
  .result-message-desktop {
    display: none;
  }
}

@media (max-width: 767px) {
  .result-message-mobile {
    color: #5e5e5e;
    font-size: 16px;
    margin-bottom: 50px;
    font-weight: bold;
    text-align: center;
  }
}

@media (min-width: 768px) {
  .result-message-mobile {
    display: none;
  }
}

.template-keywords-table tr {
  border: 0 !important;
}

.template-keywords-table .center {
  text-align: center !important;
}

.container-quick {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  max-width: 100%;
  min-width: 100%;
}

@media (max-width: 767px) {
  .container-quick {
    margin-top: 395px;
    -webkit-box-shadow: 0px 2px 8px 0px #00ae8f;
    box-shadow: 0px 2px 8px 0px #00ae8f;
    border-radius: 8px 8px 0 0;
  }
}

.container-quick h2 {
  text-transform: unset;
  font-weight: bold;
}

.q-data {
  padding: 3px;
  margin: auto;
}

@media (max-width: 767px) {
  .q-data {
    margin: 0;
  }
}

.q-data button,
.q-data a {
  background-color: #c9e8dd;
  color: #2fb588;
  font-size: 17px;
  border: none;
  border-radius: 20px;
  padding: 5px;
  width: 100px;
  height: 40px;
}

.q-data button span,
.q-data a span {
  color: #2fb588;
  font-size: 17px;
}

@media (max-width: 767px) {
  .q-data button,
  .q-data a {
    width: 40px;
  }
}

.button-hide {
  width: 9%;
}

@media (min-width: 768px) {
  .button-hide {
    display: none;
  }
}

@media (min-width: 768px) {
  .even {
    background-color: whitesmoke;
  }
}

img.logo {
  width: 80px;
  height: 80px;
}

@media (max-width: 767px) {
  img.logo {
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 767px) {
  .result-average-box {
    background-color: white;
    padding: 15px 0;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 15px #00ae8f;
            box-shadow: 0 0 15px #00ae8f;
    margin: 0 15px;
  }
}

@media (max-width: 767px) {
  ul.pagination {
    font-size: 12px !important;
    text-align: center !important;
  }
}

@media (max-width: 767px) {
  li:nth-child(5).paginate_button {
    display: none;
  }
}

@media (max-width: 767px) {
  li:nth-child(6).paginate_button {
    display: none;
  }
}

@media (max-width: 767px) {
  .template-keywords {
    display: none !important;
  }
}

@media (max-width: 767px) {
  #empty-col {
    display: none;
  }
}

@media (min-width: 768px) {
  .kw-analyzer-mobile {
    display: none;
  }
}

@media (max-width: 767px) {
  .kw-analyzer-desktop {
    display: none;
  }
}

#keyword_tool.frame-0,
#ranking_tool.frame-0 {
  padding: 0 20px !important;
}

#keyword_tool textarea,
#ranking_tool textarea {
  min-height: 140px;
}

.tab-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 100px;
  background-color: #f3f3f9;
}

.tab-switch .switch-item {
  border-radius: 100px;
  padding: 11px 20px;
  cursor: pointer;
}

.tab-switch .switch-item .content {
  border-radius: 50px;
  padding: 0;
  white-space: nowrap;
}

.tab-switch .switch-item.active {
  background-color: #00ae8f;
  -webkit-transition: .5s;
  transition: .5s;
}

.tab-switch .switch-item.active h6 {
  color: #ffffff;
}

.tab-switch h6 {
  margin: 0;
}

@media (max-width: 767px) {
  .tab-switch h6 {
    font-size: 14px;
  }
}

/*font family*/

#page-massnahmen {
  margin-top: 28px;
}

#page-massnahmen .white-back {
  background-color: #fff;
}

#page-massnahmen div .frame-0 {
  padding: 0 20px;
  border-radius: 10px;
}

@media (max-width: 767px) {
  #page-massnahmen div .frame-0 {
    padding: 0;
  }
}

#massnahmeliste-seo-analyse .addKeyword {
  margin-bottom: 28px;
}

#massnahmeliste-seo-analyse .addKeyword h3 {
  margin-bottom: 12px;
}

#massnahmeliste-seo-analyse .addKeyword [class*="col-"].seperate-line {
  border-right: 1px solid #d9d9d9;
  border-right-color: #d9d9d9;
  border-right-style: solid;
  border-right-width: 1px;
}

#seo-table-container td.add-url span {
  display: inline-block;
  position: relative;
  color: #FFFFFF;
  border: 1px solid #555;
  border-radius: 8px;
  margin-top: 3px;
  margin-bottom: -6px;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0px;
  padding-left: 13px;
  min-height: 25px;
}

#seo-table-container td.add-url a.add {
  display: block;
  position: absolute;
  right: 13px;
  top: 13px;
  width: 115px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #EEEEEE;
  color: #000000;
  font-size: 13px;
  line-height: 13px;
}

#seo-table-container td.add-url a.remove {
  display: block;
  position: absolute;
  right: 13px;
  top: 13px;
  width: 115px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #AD284B;
  color: #ffffff;
  font-size: 13px;
  line-height: 13px;
}

#seo-table-container td.toggle-hidden input {
  padding: 5px;
  width: 100%;
  display: block;
  border-radius: 8px;
  border: 1px solid transparent;
}

#seo-table-container span {
  padding-top: 6px;
  padding-bottom: 6px;
}

#seo-table-container {
  overflow-x: auto;
  position: relative;
  width: auto;
  padding: 10px 0;
  margin: 0 -15px;
}

#seo-table-container button.actions.smaller {
  position: absolute;
  right: 10px;
  top: 10px;
}

#seo-table-container table {
  width: 1137px;
  table-layout: fixed;
  margin: 0 22px;
}

@media (max-width: 767px) {
  #seo-table-container table {
    margin: 0;
  }
}

#seo-table-container table tr[data-trash=true] td:nth-child(1) {
  color: rgba(52, 58, 64, 0.3);
}

#seo-table-container table tr td {
  padding: 13px 15px;
  position: relative;
  border-right: 1px solid #d9d9d9;
  width: 165px;
  font-size: 13px !important;
  height: 38px;
  word-break: keep-all;
  white-space: nowrap;
}

#seo-table-container table tr td:last-child table tr th:last-child {
  border-right: 0;
}

#seo-table-container table tr td input.no-border {
  font-size: 13px;
}

#seo-table-container table tr th:first-child {
  width: 300px;
}

#seo-table-container table tr th {
  padding: 10px 15px;
  position: relative;
  border-right: 1px solid #d9d9d9;
  width: 165px;
  font-size: 11px !important;
  height: 38px;
  word-break: keep-all;
  white-space: nowrap;
}

#seo-table-container table tr th:last-child table tr th:last-child {
  border-right: 0;
}

#seo-table-container table tr th:nth-child(2) {
  width: 140px;
}

#seo-table-container table tr th:nth-child(3) {
  width: 600px;
  color: #FFFFFF;
}

#seo-table-container table tr th span {
  font-size: 13px;
  font-weight: bold;
  text-align: left;
}

#seo-table-container table tr th.toggle-hidden span {
  font-size: 11px;
}

#seo-table-container span.colored-content {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-top: 0px;
  margin-bottom: 0;
  font-size: 13px;
}

#seo-table-container .toggle-hidden span.colored-content {
  width: 75%;
}

#seo-table-container.massnahmen-seo button.actions.smaller {
  right: 15px;
}

#seo-table-container.massnahmen-seo button.actions.smaller.with-more-seo {
  right: 40px;
}

.new-contact,
.new-contact-options,
.import-button,
.new-task {
  border-radius: 50px !important;
  background-color: #c9e8dd;
  color: #27ae8f !important;
  height: 45px;
  font-size: 16px !important;
  border: none;
  width: 220px;
  padding: 0 32px;
}

@media (max-width: 767px) {
  .new-contact,
  .new-contact-options,
  .import-button,
  .new-task {
    width: unset;
  }
}

.new-task {
  margin: auto 40px auto 0;
}

.frame-0 {
  border-radius: 10px;
}

@media (max-width: 767px) {
  .frame-0 .distribution-title {
    padding-top: 0;
  }

  .frame-0 .distribution-title h3.distribution-desktop {
    margin: 0 0 35px 0;
  }
}

.frame-0 .distribution-title .new-contact-options {
  margin-left: 22px;
}

.frame-0 .distribution-title .edit-table-columns {
  border-radius: 50px !important;
  background-color: #c9e8dd;
  height: 45px;
  font-size: 16px !important;
  border: none;
  padding: 0 15px;
}

@media (max-width: 767px) {
  .frame-0 .distribution-title .edit-table-columns {
    margin: 22px;
  }
}

@media (max-width: 767px) {
  .frame-0 .distribution-title .details-button {
    display: none;
  }
}

.frame-0 .distribution-title .options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 22px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (max-width: 767px) {
  .frame-0 .distribution-title .options {
    margin: 22px;
    display: block;
  }
}

.table-footer,
.seo-ranking-footer {
  padding: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
}

@media (max-width: 767px) {
  .table-footer,
  .seo-ranking-footer {
    margin: auto;
    display: block !important;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
}

.table-footer span,
.seo-ranking-footer span {
  display: none;
}

@media (max-width: 767px) {
  .table-footer span,
  .seo-ranking-footer span {
    display: inline-block;
  }
}

.table-footer .import-button,
.seo-ranking-footer .import-button {
  max-width: 80px;
  margin-left: 20px;
}

.table-footer .new-contact,
.table-footer .new-task,
.seo-ranking-footer .new-contact,
.seo-ranking-footer .new-task {
  font-size: 14px !important;
  width: 180px;
  padding: 0 20px;
}

@media (max-width: 575px) {
  .table-footer .new-contact,
  .table-footer .new-task,
  .seo-ranking-footer .new-contact,
  .seo-ranking-footer .new-task {
    padding: 0 10px;
  }
}

.table-footer .show-entries-dropdown button.dropdown-toggle,
.seo-ranking-footer .show-entries-dropdown button.dropdown-toggle {
  border-radius: 8px !important;
  background-color: transparent !important;
  padding: 6px 12px !important;
}

.table-footer .show-entries-dropdown button.dropdown-toggle:hover,
.seo-ranking-footer .show-entries-dropdown button.dropdown-toggle:hover {
  color: #00ae8f !important;
  border: 0.5px solid #00ae8f !important;
}

.table-footer .pagination-mobile,
.seo-ranking-footer .pagination-mobile {
  text-align: center;
}

@media (min-width: 768px) {
  .table-footer .pagination-mobile,
  .seo-ranking-footer .pagination-mobile {
    display: none;
  }
}

.table-footer .pagination-desktop,
.seo-ranking-footer .pagination-desktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 767px) {
  .table-footer .pagination-desktop,
  .seo-ranking-footer .pagination-desktop {
    display: none;
  }
}

@media (max-width: 767px) {
  #new-distribution-modal {
    padding-left: 0;
  }

  #new-distribution-modal .input-group label {
    margin-bottom: 10px;
  }

  #new-distribution-modal input,
  #new-distribution-modal select,
  #new-distribution-modal textarea {
    margin-left: 0;
  }
}

#new-distribution-modal .textarea-comment {
  width: 98%;
  resize: vertical;
  background-color: #FFFFFF;
  border: 1px solid #ccc;
  border-radius: 3px;
  display: block;
  padding: 6px 12px;
  -webkit-transition: border-color 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
  transition: border-color 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
}

@media (max-width: 767px) {
  #new-distribution-modal .textarea-comment {
    height: 150px;
  }
}

.table-footer-projects {
  padding: 28px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
}

@media (max-width: 767px) {
  .table-footer-projects {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }

  .table-footer-projects .btn.dropdown-toggle.btn-secondary {
    margin: 30% 0 0 -92%;
    border-radius: 1vh !important;
  }
}

/*font family*/

.seo-analyse button,
.seo-analyse input,
.seo-analyse select,
.seo-analyse textarea {
  width: 100%;
}

.seo-analyse .container {
  width: auto !important;
}

.seo-analyse .col-xs-17:nth-child(1) {
  width: 20%;
}

.seo-analyse .col-xs-17:nth-child(2) {
  width: 8.4%;
}

.seo-analyse .col-xs-18,
.seo-analyse .col-xs-6 {
  border-right: 1px solid #d9d9d9;
  padding: 10px 15px;
}

.seo-analyse .col-xs-18.last,
.seo-analyse .col-xs-6.last {
  border-right: 0;
  width: 9%;
}

.seo-analyse .col-xs-18.second,
.seo-analyse .col-xs-18.small,
.seo-analyse .col-xs-6.second,
.seo-analyse .col-xs-6.small {
  width: 8%;
}

.seo-analyse .col-xs-18 span,
.seo-analyse .col-xs-6 span {
  font-size: 13px;
}

.seo-analyse .col-xs-18.url-button,
.seo-analyse .col-xs-6.url-button {
  width: 5%;
}

.seo-analyse .col-xs-6 {
  width: 48%;
}

.seo-analyse .col-xs-18 {
  width: 12%;
}

.seo-analyse .col-xs-18:nth-child(1) {
  width: 25%;
}

.seo-analyse .opened .col-xs-17:nth-child(1) {
  width: 14.2%;
}

.seo-analyse .opened .col-xs-18:nth-child(1),
.seo-analyse .opened .col-xs-18.first {
  width: 15%;
  margin-left: 5%;
}

.seo-analyse .opened .col-xs-17:nth-child(2) {
  width: 14.2%;
}

.seo-analyse .opened .col-xs-18.second {
  width: 11%;
}

.seo-analyse input::-webkit-input-placeholder {
  color: #646464 !important;
  font-weight: 300 !important;
}

.seo-analyse input::-moz-placeholder {
  color: #646464 !important;
  font-weight: 300 !important;
}

.seo-analyse input:-ms-input-placeholder {
  color: #646464 !important;
  font-weight: 300 !important;
}

.seo-analyse input:-moz-placeholder {
  color: #646464 !important;
  font-weight: 300 !important;
}

#seo-keywords .opened span,
#seo-keywords-top10 .opened span {
  display: block;
  position: relative;
  text-align: center;
  color: #FFFFFF;
  border: 1px solid #555;
  border-radius: 8px;
  margin-top: 3px;
  margin-bottom: -6px;
}

#seo-keywords a.link-button,
#seo-keywords-top10 a.link-button {
  display: block;
  position: absolute;
  right: 15px;
  top: 10px;
}

#seo-keywords .row,
#seo-keywords-top10 .row {
  margin-bottom: 0;
}

#seo-keywords .row .last .button-bordered,
#seo-keywords-top10 .row .last .button-bordered {
  position: absolute;
  top: 0;
}

@media (max-width: 767px) {
  .hidden-seo-table-column {
    display: none;
  }
}

@media (max-width: 767px) {
  .seo-analyse .col-xs-18 {
    float: left;
    min-width: 33%;
  }
}

.form-preferences {
  margin-top: 28px;
}

.form-preferences .area1 {
  padding-bottom: 28px;
}

.form-preferences .area2 {
  padding-top: 22px;
  padding-bottom: 22px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}

.form-preferences .area2:first-of-type {
  padding-top: 0;
}

.form-preferences .area2:last-of-type {
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.form-preferences .label-input-group {
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#footer {
  background-color: #FFFFFF;
  position: fixed;
  bottom: 0;
  font-family: "Open Sans";
  width: 100%;
  border-top: 1px solid #e7eaec;
  z-index: 1;
}

#footer nav {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 13px;
  margin-bottom: 13px;
  font-family: "Poppins", sans-serif;
  text-align: center;
}

#footer nav a {
  display: inline-block;
  margin-left: 13px;
  margin-right: 13px;
  text-transform: uppercase;
  font-size: 13px !important;
  line-height: 13px;
  font-weight: bold;
  color: #343a40;
}

#footer nav span {
  position: absolute;
  margin: auto;
  top: 0;
  right: 15px;
  bottom: 0;
  height: 15px;
  padding-right: 13px;
  color: #343a40;
}

@media (max-width: 575px) {
  #footer nav span,
  #footer nav a {
    position: relative;
    margin-bottom: 6px;
    right: unset;
    text-align: center;
  }

  #footer nav span {
    margin-top: 21px;
  }
}

#login-footer {
  background-color: #FFFFFF;
  font-family: "Open Sans";
  width: 100%;
  border-top: 1px solid #e7eaec;
  bottom: 0px;
  position: fixed !important;
  z-index: 1;
}

@media (max-width: 575px) {
  #login-footer {
    width: 100%;
  }
}

#login-footer nav {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 13px;
  margin-bottom: 13px;
  font-family: "Poppins", sans-serif;
  text-align: center;
}

#login-footer nav a {
  display: inline-block;
  margin-left: 13px;
  margin-right: 13px;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 13px;
  font-weight: bold;
  color: #343a40;
}

#login-footer nav span {
  position: absolute;
  margin: auto;
  top: 0;
  right: 15px;
  bottom: 0;
  height: 15px;
  padding-right: 13px;
  color: #343a40;
}

@media (max-width: 575px) {
  #login-footer nav span,
  #login-footer nav a {
    position: relative;
    margin-bottom: 6px;
    right: unset;
    text-align: center;
  }

  #login-footer nav span {
    margin-top: 21px;
  }
}

.vue-form-wizard h2 {
  color: #00ae8f;
  font-weight: normal;
}

.vue-form-wizard .wizard-footer-right {
  float: right;
}

.vue-form-wizard .wizard-btn {
  background-color: #FFF !important;
  color: #000 !important;
  border: 1px solid #00ae8f;
  padding: 4px;
  padding-left: 16px;
  padding-right: 16px;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  position: relative;
}

.vue-form-wizard .time-picker {
  width: 100%;
}

.vue-form-wizard .time-picker input.display-time {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.vue-form-wizard .wizard-navigation {
  position: relative;
}

.vue-form-wizard .wizard-navigation .wizard-tab-content {
  padding: 40px 0 20px;
}

.vue-form-wizard .wizard-navigation .wizard-icon-circle {
  display: none;
}

.vue-form-wizard .wizard-navigation .wizard-progress-with-circle {
  height: 5px;
  background: #EEEEEE;
  position: absolute;
  top: 40px;
  width: 100%;
}

.vue-form-wizard .wizard-navigation .wizard-progress-with-circle .wizard-progress-bar {
  height: 100%;
  -webkit-transition: 500ms all;
  transition: 500ms all;
}

.vue-form-wizard .wizard-navigation .wizard-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
}

.vue-form-wizard .wizard-navigation .wizard-nav li {
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  list-style: none;
  padding: 8px 0px;
  position: relative;
}

.vue-form-wizard .wizard-navigation .wizard-nav li a {
  color: #000;
}

.modal-open .fade.show {
  background-color: rgba(0, 0, 0, 0.65);
  opacity: 1;
}

.modal-open .fade.show .modal-dialog {
  -webkit-transform: translate(0);
  transform: translate(0);
}

.modal-open .fade.show .modal-dialog .modal-content {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 10px !important;
}

.modal-open .fade.show .modal-dialog .modal-content .modal-header {
  margin: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal-open .fade.show .modal-dialog .modal-content .modal-header .modal-title {
  text-align: center;
  font-size: 25px;
}

.modal-open .fade.show .modal-dialog .modal-content .modal-header .close {
  margin-top: 0;
  position: absolute;
  top: 10px;
  right: 20px;
  opacity: 0.5;
}

.modal-open .fade.show .modal-dialog .modal-content .modal-body {
  margin: 28px;
}

.modal-open .fade.show .modal-dialog .modal-content .modal-body p a {
  color: #00ae8f;
  cursor: pointer;
  font-weight: bold;
}

#modal-1 .modal-content {
  border-radius: 20px !important;
  position: relative;
  overflow: hidden;
}

#modal-1 .modal-content h3 {
  color: #FFFFFF;
  font-size: 26px;
  font-weight: 600;
  line-height: 33px;
}

#modal-1 .modal-content p {
  color: #646464;
  font-size: 26px;
  line-height: 33px;
  font-weight: 300;
}

#modal-1 .modal-content p b {
  color: #646464;
  font-size: 26px;
  font-weight: 600;
  line-height: 33px;
  margin-bottom: 0;
  display: inline;
}

#modal-1 .modal-content .modal-header,
#modal-1 .modal-content .modal-body,
#modal-1 .modal-content .modal-footer {
  border: 0;
  padding: 0;
}

#modal-1 .modal-content .modal-header {
  margin-top: 60px;
  margin-left: 60px;
  margin-right: 60px;
  margin-bottom: 28px;
}

#modal-1 .modal-content .modal-body {
  margin: 28px 60px;
}

#modal-1 .modal-content .modal-footer {
  margin-top: 28px;
  padding: 28px 60px;
  background-color: #646464;
  text-align: left;
  overflow: hidden;
}

#modal-1 .modal-content .modal-footer p,
#modal-1 .modal-content .modal-footer b {
  color: #FFFFFF;
}

/*font family*/

table.timeRange {
  background-color: #FFFFFF;
}

table.timeRange td input {
  width: 100% !important;
  padding-top: 5px;
  padding-bottom: 5px;
}

table.timeRange span.button.add {
  color: #00ae8f;
  font-weight: bold;
}

.container .custom-checkbox {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.container .custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: -7px;
  left: 0;
  height: 15px;
  width: 15px;
  border-radius: 4px;
  background-color: #EEEEEE;
}

.checkmark:hover {
  background-color: #EEEEEE;
}

.register-fields .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  border-radius: 4px;
  background-color: #EEEEEE;
}

.register-fields .checkmark:hover {
  background-color: #EEEEEE;
}

.container:hover input ~ .checkmark {
  background-color: #EEEEEE;
}

.container input:checked ~ .checkmark {
  background-color: #00ae8f;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.container input:checked ~ .checkmark:after {
  display: block;
}

.container .checkmark:after {
  left: 6px;
  top: 2px;
  width: 4px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.c-knobs,
.c-layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.c-button {
  position: relative;
  width: 63px;
  height: 28px;
  overflow: hidden;
}

.c-button.r,
.c-button.r .c-layer {
  border-radius: 100px;
}

.c-button.b2 {
  border-radius: 2px;
}

.c-button.b2 {
  border-radius: 2px;
}

.c-checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}

.c-knobs {
  z-index: 2;
}

.c-layer {
  width: 100%;
  background-color: #f3f3f9;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
  z-index: 1;
}

#button-2 .c-knobs:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 2px;
  width: 26px;
  height: 26px;
  color: #000;
  font-size: 7px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 5px 0px;
  background-color: #343a40;
  border-radius: 50%;
  -webkit-transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
  transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-2 .c-checkbox:checked + .c-knobs:before {
  content: "";
  left: 36px;
  background-color: #00ae8f;
  font-size: 7px;
}

#button-2 .c-checkbox:checked ~ .c-layer {
  background-color: #00AE8F40;
}

#button-2 .c-knobs,
#button-2 .c-knobs:before,
#button-2 .c-layer {
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

.knobs,
.layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.button {
  position: relative;
  width: 45px;
  height: 20px;
  overflow: hidden;
}

.button.r,
.button.r .layer {
  border-radius: 100px;
}

.button.b2 {
  border-radius: 2px;
}

.checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}

.knobs {
  z-index: 2;
}

.layer {
  width: 100%;
  background-color: #f3f3f9;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
  z-index: 1;
}

#button-1 .knobs:before {
  content: "OFF";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 5px 0px;
  background-color: #343a40;
  border-radius: 50%;
  -webkit-transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
  transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-1 .checkbox:checked + .knobs:before {
  content: "ON";
  left: 27px;
  background-color: #00ae8f;
  font-size: 7px;
}

#button-1 .checkbox:checked ~ .layer {
  background-color: #00AE8F40;
}

#button-1 .knobs,
#button-1 .knobs:before,
#button-1 .layer {
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

.form {
  margin-bottom: 15px;
}

.form textarea.form-control {
  height: 43px;
}

.form input.form-control {
  height: 43px !important;
}

.form .form-control {
  display: block;
  width: 100%;
  padding: 11px 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #f3f3f9 !important;
  background-clip: padding-box;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 8px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.form .form-control:focus,
.form .form-control:hover {
  -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
          box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.form .form-label {
  margin-bottom: 5px !important;
  display: inline-block;
}

.select {
  margin-bottom: 15px;
}

.select .form-control {
  display: block;
  width: 100%;
  padding: 11px 12px !important;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #f3f3f9;
  background-clip: padding-box;
  border: none;
  border-radius: 8px;
  border-right: 16px solid #f3f3f9;
  cursor: pointer !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 43px !important;
  background-image: url("/resources/assets/images/select-background.png");
}

.select .form-control.xl {
  height: 86px !important;
}

.select .form-control:focus,
.select .form-control:hover {
  -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
          box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  background-color: #f3f3f9 !important;
}

.select .form-label {
  margin-bottom: 5px;
  display: inline-block;
}

.select option {
  border-radius: 8px;
}

.form-control-inside select[multiple],
select[multiple].form-control {
  padding: 5px 9px !important;
}

.search-input .position-relative {
  position: relative;
}

.search-input .position-relative .form-control {
  border: none !important;
  height: 39px !important;
  padding-left: 40px !important;
  padding-right: 20px !important;
  background-color: #f3f3f9 !important;
  border-radius: 100px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-right: 16px solid #f3f3f9 !important;
}

.search-input .position-relative .form-control:focus,
.search-input .position-relative .form-control:hover {
  -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
          box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.search-input .position-relative i {
  position: absolute;
  z-index: 10;
  font-size: 16px;
  line-height: 37px;
  left: 13px;
  top: 0;
  color: #74788d;
}

#customGoogleSignInButton {
  background: url("/images/btn_google_signin_dark_normal_web.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 0;
  padding-top: 10%;
}

#customGoogleSignInButton:hover {
  background: url("/images/btn_google_signin_dark_focus_web.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 0;
  padding-top: 10%;
  cursor: pointer;
}

#customGoogleSignInButton.pressed {
  background: url("/images/btn_google_signin_dark_pressed_web.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 0;
  padding-top: 10%;
  cursor: pointer;
}

.table-responsive-fixed-header .table-wrapper {
  overflow: auto;
  height: -webkit-fit-content  !important;
  height: -moz-fit-content  !important;
  height: fit-content  !important;
  max-height: 66.4vh  !important;
}

.table-responsive-fixed-header table {
  min-width: -webkit-max-content  !important;
  min-width: -moz-max-content  !important;
  min-width: max-content  !important;
  border-collapse: collapse  !important;
  border-spacing: 0px  !important;
  width: 100%  !important;
  border: none !important;
  margin-bottom: 0px !important;
}

.table-responsive-fixed-header table th,
.table-responsive-fixed-header table td,
.table-responsive-fixed-header table tr {
  font-size: 16px;
}

.table-responsive-fixed-header table th input,
.table-responsive-fixed-header table td input,
.table-responsive-fixed-header table tr input {
  font-size: 16px;
}

.table-responsive-fixed-header table th textarea,
.table-responsive-fixed-header table td textarea,
.table-responsive-fixed-header table tr textarea {
  font-size: 16px;
}

.table-responsive-fixed-header table th select,
.table-responsive-fixed-header table td select,
.table-responsive-fixed-header table tr select {
  font-size: 16px;
}

.table-responsive-fixed-header table th span,
.table-responsive-fixed-header table td span,
.table-responsive-fixed-header table tr span {
  font-size: 16px;
  margin-bottom: 0px;
}

.table-responsive-fixed-header table.visits-table td,
.table-responsive-fixed-header table.visits-table th {
  max-width: 33.3% !important;
  min-width: 33.3% !important;
  width: 33.3% !important;
}

.table-responsive-fixed-header table.admin tr {
  background-color: transparent !important;
}

.table-responsive-fixed-header table.roi-table th select {
  background-color: transparent !important;
  color: #ffffff;
}

.table-responsive-fixed-header table.roi-table th select option {
  color: #343a40;
}

.table-responsive-fixed-header table.coupon-table td select {
  background-color: transparent;
}

.table-responsive-fixed-header table th {
  position: sticky  !important;
  top: 0  !important;
  color: #ffffff;
  z-index: 0 !important;
  vertical-align: middle !important;
  /* TODO: remove sm, md, lg, xl -> some tables uses them -> replace with small-column, middle-column, large-column */
}

.table-responsive-fixed-header table th.xs {
  width: 35px !important;
}

.table-responsive-fixed-header table th.sm {
  width: 70px !important;
}

.table-responsive-fixed-header table th.md {
  width: 100px !important;
}

.table-responsive-fixed-header table th.lg {
  width: 130px !important;
}

.table-responsive-fixed-header table th.xl {
  width: 160px !important;
}

.table-responsive-fixed-header table th .dropdown.xs,
.table-responsive-fixed-header table th .b-dropdown.xs {
  width: 35px !important;
}

.table-responsive-fixed-header table th .dropdown.xs button.dropdown-toggle,
.table-responsive-fixed-header table th .b-dropdown.xs button.dropdown-toggle {
  max-width: 35px !important;
  min-width: 35px !important;
}

.table-responsive-fixed-header table th .dropdown.sm,
.table-responsive-fixed-header table th .b-dropdown.sm {
  width: 70px !important;
}

.table-responsive-fixed-header table th .dropdown.sm button.dropdown-toggle,
.table-responsive-fixed-header table th .b-dropdown.sm button.dropdown-toggle {
  max-width: 70px !important;
  min-width: 70px !important;
}

.table-responsive-fixed-header table th .dropdown.md,
.table-responsive-fixed-header table th .b-dropdown.md {
  width: 100px !important;
}

.table-responsive-fixed-header table th .dropdown.md button.dropdown-toggle,
.table-responsive-fixed-header table th .b-dropdown.md button.dropdown-toggle {
  max-width: 100px !important;
  min-width: 100px !important;
}

.table-responsive-fixed-header table th .dropdown.lg,
.table-responsive-fixed-header table th .b-dropdown.lg {
  width: 130px !important;
}

.table-responsive-fixed-header table th .dropdown.lg button.dropdown-toggle,
.table-responsive-fixed-header table th .b-dropdown.lg button.dropdown-toggle {
  max-width: 130px !important;
  min-width: 130px !important;
}

.table-responsive-fixed-header table th .dropdown.xl,
.table-responsive-fixed-header table th .b-dropdown.xl {
  width: 160px !important;
}

.table-responsive-fixed-header table th .dropdown.xl button.dropdown-toggle,
.table-responsive-fixed-header table th .b-dropdown.xl button.dropdown-toggle {
  max-width: 160px !important;
  min-width: 160px !important;
}

.table-responsive-fixed-header table th .fa-sort {
  width: 15px  !important;
  float: right  !important;
  -webkit-transform: translateY(20%) !important;
          transform: translateY(20%) !important;
  cursor: pointer  !important;
  margin-left: 5px;
}

.table-responsive-fixed-header table th .fa-sort.active {
  color: #00ae8f !important;
}

.table-responsive-fixed-header table th button.dropdown-toggle {
  background-color: transparent;
  color: #ffffff !important;
  border: none;
  padding: 0 !important;
  font-weight: 600 !important;
  text-align: left !important;
}

.table-responsive-fixed-header table th button.dropdown-toggle:focus,
.table-responsive-fixed-header table th button.dropdown-toggle:active {
  background-color: transparent !important;
}

.table-responsive-fixed-header table th ul.dropdown-menu.show {
  top: 8px !important;
}

.table-responsive-fixed-header table th .dropdown-menu {
  z-index: 200 !important;
}

.table-responsive-fixed-header table th,
.table-responsive-fixed-header table td {
  text-align: start  !important;
  padding: 10px !important;
}

.table-responsive-fixed-header table th.small-column,
.table-responsive-fixed-header table td.small-column {
  max-width: 80px !important;
  min-width: 80px !important;
  width: 80px !important;
}

.table-responsive-fixed-header table th.middle-column,
.table-responsive-fixed-header table td.middle-column {
  max-width: 130px !important;
  min-width: 130px !important;
  width: 130px !important;
}

.table-responsive-fixed-header table th.large-column,
.table-responsive-fixed-header table td.large-column {
  max-width: 200px !important;
  min-width: 200px !important;
  width: 200px !important;
}

.table-responsive-fixed-header table td {
  vertical-align: middle !important;
  /* TODO: remove sm, md, lg, xl -> some tables uses them -> replace with small-column, middle-column, large-column */
}

.table-responsive-fixed-header table td .table-row-input,
.table-responsive-fixed-header table td .table-row-select {
  background: transparent !important;
  border: none !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}

.table-responsive-fixed-header table td .table-row-input:focus,
.table-responsive-fixed-header table td .table-row-select:focus {
  outline: none !important;
}

.table-responsive-fixed-header table td .xs {
  width: 35px !important;
}

.table-responsive-fixed-header table td .sm {
  width: 70px !important;
}

.table-responsive-fixed-header table td .md {
  width: 100px !important;
}

.table-responsive-fixed-header table td .lg {
  width: 130px !important;
}

.table-responsive-fixed-header table td .xl {
  width: 160px !important;
}

.table-responsive-fixed-header table td.open {
  border-left: 3px solid #00ae8f !important;
}

.table-responsive-fixed-header table td .progress {
  margin-bottom: 0px !important;
}

.table-responsive-fixed-header table td .progress-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
}

.table-responsive-fixed-header table td .table-desc-title span {
  font-weight: bold !important;
}

.table-responsive-fixed-header table th {
  background-color: #343a40 !important;
  color: #ffffff !important;
}

.table-responsive-fixed-header table th:first-child {
  border-radius: 8px 0 0 0  !important;
}

.table-responsive-fixed-header table th:last-child {
  border-radius: 0 8px 0 0  !important;
}

.table-responsive-fixed-header table tr {
  border-bottom: 1px solid #f3f3f9 !important;
}

.table-responsive-fixed-header table tr:nth-child(2n) {
  background-color: #f3f3f9 !important;
}

.table-responsive-fixed-header table tr,
.table-responsive-fixed-header table td,
.table-responsive-fixed-header table th {
  border: none !important;
}

/*font family*/

#admin-panel {
  margin-top: 60px;
  background-color: rgba(255, 255, 255, 0.06) !important;
  /* The side navigation menu */
}

#admin-panel #openSideNav {
  padding: 22px;
  padding-left: 28px;
  margin: 0;
  background-color: #202325;
  cursor: pointer;
  display: block;
  position: fixed;
  top: 0;
  color: #bbb;
  z-index: 99;
  text-align: right;
  font-size: 22px;
}

#admin-panel .sideNav {
  height: 100%;
  /* 100% Full-height */
  width: 0;
  /* 0 width - change this with JavaScript */
  position: fixed;
  /* Stay in place */
  z-index: 100;
  /* Stay on top */
  top: 0;
  /* Stay at the top */
  left: 0;
  background-color: #202325;
  /* Black */
  overflow-x: hidden;
  /* Disable horizontal scroll */
  padding-top: 60px;
  /* Place content 60px from the top */
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 250px;
}

#admin-panel .sideNav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  color: #bbb;
  font-size: 22px;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#admin-panel .sideNav a.active {
  color: #00ae8f;
  font-weight: bold;
}

#admin-panel .sideNav a:hover {
  color: #f1f1f1;
}

#admin-panel .sideNav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  z-index: 100;
}

@media screen and (max-height: 450px) {
  #admin-panel .sideNav {
    padding-top: 15px;
  }

  #admin-panel .sideNav a {
    font-size: 18px;
  }
}

#admin-panel #app {
  -webkit-transition: padding-left .5s;
  transition: padding-left .5s;
  padding-left: 250px;
  max-width: 1700px !important;
}

#admin-panel #app .labelArea {
  display: inherit;
  text-align: left !important;
  color: #343a40;
  width: 100%;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 22px;
  margin-top: 28px;
}

#admin-panel #app .panel {
  background-color: transparent;
  border: 0;
}

#admin-panel #app .panel h2,
#admin-panel #app .panel h3,
#admin-panel #app .panel h4,
#admin-panel #app .panel #breadcrumb .breadcrumb li,
#breadcrumb .breadcrumb #admin-panel #app .panel li,
#admin-panel #app .panel #breadcrumb .breadcrumb span,
#breadcrumb .breadcrumb #admin-panel #app .panel span {
  color: #202325;
}

#admin-panel #app .panel .panel-heading {
  background-color: transparent;
  font-size: 30px;
  font-weight: bold;
  border: 0;
}

#admin-panel #app .panel .panel-heading h1 {
  color: #00ae8f;
}

#admin-panel #app .panel .panel-heading .info {
  display: block;
  padding: 22px;
  background-color: #00ae8f;
  color: #343a40;
  font-weight: bold;
}

#admin-panel #app .panel .panel-body .btn-collapse {
  width: 100%;
}

#admin-panel #app .panel .panel-body .badge {
  border: 0;
  background-color: transparent;
  position: relative;
  color: #202325;
}

#admin-panel #app .panel .panel-body .badge:hover {
  opacity: 0.8;
}

#admin-panel #app .panel .panel-body .badge:active {
  opacity: 0.4;
}

#admin-panel #app .panel .panel-body .badge i.fa {
  display: block;
  position: absolute;
  font-size: 22px;
  top: -5px;
  left: -1px;
  width: 11px;
  height: 10px;
  overflow: hidden;
  -webkit-transform: rotate(-14deg);
          transform: rotate(-14deg);
  color: #EB9B46;
}

#admin-panel #app .panel .panel-body .badge label {
  margin: 0;
  color: #202325;
}

#admin-panel #app .panel .panel-body ul.nav-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0;
}

#admin-panel #app .panel .panel-body ul.nav-tabs li a {
  color: #202325;
  font-size: 22px;
  border: 0;
}

#admin-panel #app .panel .panel-body ul.nav-tabs li a:first-child {
  padding-left: 0;
}

#admin-panel #app .panel .panel-body ul.nav-tabs li a:hover,
#admin-panel #app .panel .panel-body ul.nav-tabs li a:focus {
  background-color: transparent;
  border-color: transparent;
  border: 0;
}

#admin-panel #app .panel .panel-body ul.nav-tabs li.active a {
  background-color: transparent;
  color: #00ae8f;
  border: 0;
}

#admin-panel #app form {
  position: relative;
}

#admin-panel #app form input[type="submit"] {
  width: 100%;
  padding: 22px;
  background-color: #00ae8f !important;
  color: #343a40 !important;
  font-weight: bold;
  font-size: 15px;
  line-height: 15px;
  text-transform: capitalize;
}

#admin-panel #app form input,
#admin-panel #app form select {
  margin-bottom: 13px;
  background-color: rgba(214, 214, 214, 0.35) !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #202325 !important;
}

#admin-panel #app form input::-webkit-input-placeholder,
#admin-panel #app form select::-webkit-input-placeholder {
  color: #343a40 !important;
}

#admin-panel #app form input::-moz-placeholder,
#admin-panel #app form select::-moz-placeholder {
  color: #343a40 !important;
}

#admin-panel #app form input::-ms-input-placeholder,
#admin-panel #app form select::-ms-input-placeholder {
  color: #343a40 !important;
}

#admin-panel #app form input::placeholder,
#admin-panel #app form select::placeholder {
  color: #343a40 !important;
}

#admin-panel #app form [class*=col-] {
  padding-right: 6.5px;
  padding-left: 6.5px;
}

#admin-panel #app form hr {
  border: 0;
  height: 28px;
}

#admin-panel #accordion .panel {
  background-color: rgba(214, 214, 214, 0.35);
  border-radius: 0;
}

#admin-panel #accordion .panel-collapse {
  border-top: 2px solid rgba(255, 255, 255, 0.1);
}

#admin-panel #accordion .panel-title {
  color: #bbb;
}

#admin-panel #accordion .panel-body {
  border-top: 0;
}

#admin-panel #accordion .panel-body [class*="col-6"]:first-child {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

#admin-panel #accordion .panel-body [class*="col-6"]:last-child {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

#admin-panel #accordion .panel-body li {
  background-color: transparent;
  border: 0;
  color: #202325;
}

#admin-panel #accordion .panel-body li:nth-child(2n) {
  background-color: rgba(175, 175, 175, 0.35);
}

#admin-panel #accordion .panel-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: transparent;
}

#admin-panel #accordion .panel-footer button {
  width: 100%;
  border: 0;
  border-radius: 0;
}

/*font family*/

#ranking_tool {
  border-radius: 10px;
  margin-top: 30px;
}

#ranking_tool table th:nth-child(1) {
  min-width: 30px;
}

#ranking_tool table th:nth-child(2) {
  min-width: 100px;
}

#ranking_tool table th:nth-child(3) {
  min-width: 170px;
}

#ranking_tool table th:nth-child(4) {
  min-width: 160px;
}

#ranking_tool table th:nth-child(5) {
  min-width: 65px;
}

#ranking_tool table th:nth-child(6) {
  min-width: 100px;
}

.keyword-tool-offer {
  background-color: #00ae8f;
  border: none;
  border-radius: 2px;
  color: white;
  font-size: 16px;
  padding: 10px 20px;
  margin: 0;
}

/*
 * VORHER MUSS BOOTSTRAP-VUE UND BOOTSTRAP ERSTMAL RICHTIG EINGEBUNDEN WERDEN, DAMIT VARIABELN VERWENDET WERDEN KÖNNEN
 *
 * Grundlegend muss BootsrapVue angepasst werden - Theme Farben variables usw.
 * Angepasst an bootstrap/buttons.scss sollten hier grundlegende Anpassungen für Buttons sinnvoll überschrieben werden.
 * Alle weiteren Styles die sich speziell auf eine VueComponente beziehen, sollen in der Komponente selber gestylt werden.
 *
 * Beispiel hier überschreiben: Wir wollen für Buttons einheitliche paddings dafür aber vorher prüfen ob es schon mit Anpassungen der Variablen erreicht werden kann.
 * Beipsiel in Komponente stylen: Buttons zum hinzufügen sind grün oder haben ein plus, dessen größe bestimmt werden muss -> buttonAdd.Vue
 *
 * Bitte hier schauen: node_modules/bootstrap-sass/_buttons.scss und node_modules/bootstrap-sass/mixins/_buttons.scss */

.btn {
  display: inline-block !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #495057 !important;
  text-align: center !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
  padding: 8px 24px !important;
  font-size: 14px !important;
  border-radius: 100px !important;
  min-width: 140px !important;
}

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

.btn.table {
  padding: 8px 0px !important;
  font-size: 10px !important;
  max-width: 50px !important;
}

.btn.btn-sw,
.btn.btn-good,
.btn.btn-primary {
  color: #ffffff !important;
  background-color: #00ae8f !important;
  border-color: #00ae8f !important;
}

.btn.btn-sw:hover,
.btn.btn-good:hover,
.btn.btn-primary:hover {
  color: #00ae8f !important;
  background-color: #ffffff !important;
  border-color: #00ae8f !important;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

.btn.btn-sw:hover span,
.btn.btn-sw:hover b,
.btn.btn-good:hover span,
.btn.btn-good:hover b,
.btn.btn-primary:hover span,
.btn.btn-primary:hover b {
  color: #00ae8f !important;
}

.btn.btn-sw span,
.btn.btn-sw b,
.btn.btn-good span,
.btn.btn-good b,
.btn.btn-primary span,
.btn.btn-primary b {
  color: #ffffff !important;
}

.btn.btn-warning {
  color: #ffffff !important;
  background-color: #EB9B46 !important;
  border-color: #EB9B46 !important;
}

.btn.btn-warning:hover {
  color: #EB9B46 !important;
  background-color: #ffffff !important;
  border-color: #EB9B46 !important;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

.btn.btn-warning:hover span,
.btn.btn-warning:hover b {
  color: #EB9B46 !important;
}

.btn.btn-warning span,
.btn.btn-warning b {
  color: #ffffff !important;
}

.btn.btn-danger {
  color: #ffffff !important;
  background-color: #AD284B !important;
  border-color: #AD284B !important;
}

.btn.btn-danger:hover {
  color: #AD284B !important;
  background-color: #ffffff !important;
  border-color: #AD284B !important;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

.btn.btn-danger:hover span,
.btn.btn-danger:hover b {
  color: #AD284B !important;
}

.btn.btn-danger span,
.btn.btn-danger b {
  color: #ffffff !important;
}

.btn.btn-dark {
  color: #ffffff !important;
  background-color: #343a40 !important;
  border-color: #343a40 !important;
}

.btn.btn-dark:hover {
  color: #343a40 !important;
  background-color: #ffffff !important;
  border-color: #343a40 !important;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

.btn.btn-dark:hover span,
.btn.btn-dark:hover b {
  color: #343a40 !important;
}

.btn.btn-dark span,
.btn.btn-dark b {
  color: #ffffff !important;
}

.btn.btn-secondary {
  color: #343a40 !important;
  background-color: #f3f3f9 !important;
  border-color: #f3f3f9 !important;
}

.btn.btn-secondary:hover {
  color: #343a40 !important;
  background-color: #ffffff !important;
  border-color: #343a40 !important;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

.btn.btn-good-neg,
.btn .btn-sw-neg {
  color: #00ae8f !important;
  background-color: #ffffff !important;
  border-color: #00ae8f !important;
}

.btn.btn-good-neg:hover,
.btn .btn-sw-neg:hover {
  color: #ffffff !important;
  background-color: #00ae8f !important;
  border-color: #00ae8f !important;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

.btn.btn-good-neg:hover span,
.btn.btn-good-neg:hover b,
.btn .btn-sw-neg:hover span,
.btn .btn-sw-neg:hover b {
  color: #ffffff !important;
}

.btn.btn-good-neg span,
.btn.btn-good-neg b,
.btn .btn-sw-neg span,
.btn .btn-sw-neg b {
  color: #00ae8f !important;
}

.btn.btn-warning-neg {
  color: #EB9B46 !important;
  background-color: #ffffff !important;
  border-color: #EB9B46 !important;
}

.btn.btn-warning-neg:hover {
  color: #ffffff !important;
  background-color: #EB9B46 !important;
  border-color: #EB9B46 !important;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

.btn.btn-warning-neg:hover span,
.btn.btn-warning-neg:hover b {
  color: #ffffff !important;
}

.btn.btn-warning-neg span,
.btn.btn-warning-neg b {
  color: #EB9B46 !important;
}

.btn.btn-danger-neg {
  color: #AD284B !important;
  background-color: #ffffff !important;
  border-color: #AD284B !important;
}

.btn.btn-danger-neg:hover {
  color: #ffffff !important;
  background-color: #AD284B !important;
  border-color: #AD284B !important;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

.btn.btn-danger-neg:hover span,
.btn.btn-danger-neg:hover b {
  color: #ffffff !important;
}

.btn.btn-danger-neg span,
.btn.btn-danger-neg b {
  color: #AD284B !important;
}

.btn.btn-dark-neg {
  color: #343a40 !important;
  background-color: #ffffff !important;
  border-color: #343a40 !important;
}

.btn.btn-dark-neg:hover {
  color: #ffffff !important;
  background-color: #343a40 !important;
  border-color: #343a40 !important;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

.btn.btn-dark-neg:hover span,
.btn.btn-dark-neg:hover b {
  color: #ffffff !important;
}

.btn.btn-dark-neg span,
.btn.btn-dark-neg b {
  color: #343a40 !important;
}

.btn.btn-good-soft,
.btn .btn-sw-soft {
  color: #00ae8f !important;
  background-color: #00AE8F40 !important;
  border-color: #00AE8F40 !important;
}

.btn.btn-good-soft:hover,
.btn .btn-sw-soft:hover {
  color: #00ae8f !important;
  background-color: #ffffff !important;
  border-color: #00ae8f !important;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

.btn.btn-good-soft span,
.btn.btn-good-soft b,
.btn .btn-sw-soft span,
.btn .btn-sw-soft b {
  color: #00ae8f !important;
}

.btn.btn-warning-soft {
  color: #EF5031 !important;
  background-color: #EF503140 !important;
  border-color: #EF503140 !important;
}

.btn.btn-warning-soft:hover {
  color: #EB9B46 !important;
  background-color: #ffffff !important;
  border-color: #EF5031 !important;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

.btn.btn-warning-soft span,
.btn.btn-warning-soft b {
  color: #EB9B46 !important;
}

.btn.btn-danger-soft {
  color: #AD284B !important;
  background-color: #AD284B40 !important;
  border-color: #AD284B40 !important;
}

.btn.btn-danger-soft:hover {
  color: #AD284B !important;
  background-color: #ffffff !important;
  border-color: #AD284B !important;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

.btn.btn-danger-soft span,
.btn.btn-danger-soft b {
  color: #AD284B !important;
}

.btn.btn-dark-soft {
  color: #343a40 !important;
  background-color: #343a4040 !important;
  border-color: #343a4040 !important;
}

.btn.btn-dark-soft:hover {
  color: #343a40 !important;
  background-color: #ffffff !important;
  border-color: #343a40 !important;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

.btn.btn-dark-soft span,
.btn.btn-dark-soft b {
  color: #343a40 !important;
}

.btn-icon {
  border: none;
  background-color: transparent;
  font-size: 18px;
  color: #343a40;
  z-index: 1;
}

.btn-icon.active {
  color: #00ae8f;
}

.btn-icon.tile-settings {
  border-radius: 8px;
  background-color: #f3f3f9;
  padding: 5px 10px;
}

.btn-icon.btn-margin {
  margin-right: 15px;
}

@media (max-width: 767px) {
  .btn-icon.btn-margin {
    margin-right: 0;
  }
}

.btn-link {
  color: #00ae8f !important;
  font-size: 16px;
  -webkit-appearance: none !important;
}

.btn-link:hover,
.btn-link:active,
.btn-link:focus {
  color: #00ae8f !important;
}

.btn-link.full-width {
  width: 100% !important;
}

.btn-link.smaller {
  padding: 5px !important;
  font-size: 14px !important;
}

.mainNav {
  position: relative;
  z-index: 1;
  -webkit-transition: 1s all;
  transition: 1s all;
  display: inline-block;
}

.mainNav-link {
  display: inline-block;
  padding: 5px 0;
  margin-top: 20px;
}

.mainNav-teaser-content {
  position: absolute;
  width: 31%;
  max-height: 100%;
  top: 25px;
  right: 30px;
  padding-top: 30px;
  z-index: 0;
}

.mainNav-teaser-content-headline {
  font-size: 29px;
  font-weight: 300;
}

.mainNav-text-red {
  color: #000;
  display: block;
}

.mainNav-teaser-image {
  position: absolute;
  bottom: 25px;
  right: 0;
}

.mainNav-teaser-image img {
  max-width: 420px;
}

.mainNav-shadow {
  -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
  box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
}

.mainNav-search,
.mainNav-search-button {
  display: none;
}

.mainNav-pointer-botton {
  background: url(https://imi.warema.de/images/svg/location_pin.svg) no-repeat 50% 50%/30%;
  width: 100%;
  height: 100%;
  float: left;
  border: none;
  border-right: none;
  position: absolute;
}

.mainNav-form-control {
  border: solid 3px #4a4949;
  padding: 16px;
  background: #ffffff;
  width: 100%;
  padding-left: 60px;
}

.mainNav-mobile-button {
  position: relative;
  background-color: transparent;
  background-image: none;
  display: none;
  border: none;
  height: 50px;
  width: 50px;
}

.mainNav-mobile-button:focus {
  outline: none;
}

.mainNav-mobile-button-icon-bar {
  background-color: #4a4949;
  border: 2px solid;
  border-radius: 11px !important;
  margin-bottom: 5px;
  -webkit-transition: 300ms all;
  transition: 300ms all;
  display: block;
  height: 3px;
  width: 30px;
}

.mainNav-home-button {
  background: url(https://www.warema.de/images/svg/home.svg) no-repeat 50% 45%/50%;
  position: relative;
  float: right;
  padding: 0;
  width: 60px;
  height: 60px;
  display: none;
  border: none;
}

.mainNav .logo {
  background: url(https://imi.warema.de/images/svg/warema-logo.svg) no-repeat;
  width: 480px;
  position: absolute;
  height: 120px;
  z-index: 100;
  top: 14px;
  left: 10%;
  margin-left: -200px;
  -webkit-transition: 1s all;
  transition: 1s all;
}

.mainNav .logo::before {
  content: "";
  position: absolute;
  height: 90%;
  width: 100%;
  top: 10%;
  background: #000;
  left: -99.79%;
  opacity: 0.95;
}

.mainNav .desc {
  display: block;
}

.mainNav-container {
  padding-left: 15px;
  padding-right: 15px;
  height: 100%;
}

.mainNav-container-list {
  width: auto;
}

.mainNav-container-list-item {
  display: inline-block;
  padding-top: 13px;
}

.mainNav-container-list-item .mainNav-sub-container {
  display: none;
  position: absolute;
  min-width: 250px;
  height: auto;
  z-index: 100;
}

.mainNav-container-list-item .mainNav-sub-container-inner {
  background: #ffffff;
  display: block;
  z-index: 1;
}

.mainNav-container-list-item .mainNav-sub-container-list {
  margin: 0;
  position: relative;
  list-style: none;
  padding: 0;
}

.mainNav-container-list-item .mainNav-sub-container-list:after {
  content: "";
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
}

.mainNav-container-list-item .mainNav-sub-container-list-item {
  padding: 0 20px;
}

.mainNav-container-list-item .mainNav-sub-container-list-item:hover > .mainNav-sub-container {
  display: block;
}

.mainNav-container-list-item .mainNav-sub-container-list-item.back {
  display: none;
}

.mainNav-container-list-item .mainNav-sub-container-list-item .mainNav-sub-container {
  width: 100%;
  top: 0;
  padding: 0;
  left: 100%;
  margin: 0;
  display: none;
  background: transparent;
  background: #ffffff;
  z-index: 1;
}

.mainNav-container-list-item .mainNav-sub-container-list-item .mainNav-sub-container-inner {
  background: transparent;
  padding: 0;
  min-height: auto;
  max-height: 100%;
}

.mainNav-container-list-item .mainNav-sub-container-list-item .mainNav-sub-container-list {
  width: 100%;
}

.mainNav-container-list-item .mainNav-sub-container-list-item .mainNav-sub-container-list-item {
  font-weight: normal;
}

.mainNav-container-list-item .mainNav-sub-container-list-item .mainNav-sub-container-list:last-child a {
  padding: 5.5px 0 0px;
  background: none;
}

.mainNav-container-list-item .mainNav-sub-container-list-item .mainNav-sub-container-list:last-child .desc {
  font-weight: normal;
}

.mainNav-container-list-item .mainNav-sub-container-list-item a {
  position: relative;
  display: block;
  font-weight: bold;
  padding: 10px 0;
}

.mainNav-container-list-item .mainNav-sub-container-list-item a:hover {
  color: #00ae8f;
}

.mainNav-container-list-item a {
  padding: 11px 20px;
}

.mainNav-container-list-item:hover > a,
.mainNav-container-list-item:active > a {
  color: #00ae8f;
}

.mainNav-container-list-item:hover > .mainNav-sub-container {
  display: block;
}

@media screen and (max-width: 1200px) {
  .mainNav {
    background: #ffffff;
  }

  .mainNav-teaser-image {
    display: none;
  }

  .mainNav *:focus {
    outline: none;
  }

  .mainNav-search {
    padding: 50px 20px 20px;
    background: #ffffff;
    display: block;
    top: -140px;
    position: fixed;
    width: 100%;
    z-index: -1;
  }

  .mainNav-search-button {
    display: block;
    border: none;
    background: #ffffff;
    padding: 14.5px;
    float: right;
    -webkit-transition: .3s all;
    transition: .3s all;
    margin-right: 5px;
    font-size: 12.5px;
  }

  .mainNav-search-button:hover,
  .mainNav-search-button:focus {
    color: #000;
  }

  .mainNav-search-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    padding: 15px;
    width: 100%;
    border: solid 2px #eceded;
    background: #ffffff;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  .mainNav-search-input:focus {
    outline: none;
  }

  .mainNav-search-input-addon {
    position: relative;
  }

  .mainNav-search-input-button {
    position: absolute;
    padding: 9.5px 20px;
    background: #000;
    color: #ffffff;
    border: none;
    top: 0;
    right: 0;
    border: none;
    border-left: none;
  }

  .mainNav-search-input-button:hover {
    background: #000;
    color: #ffffff;
  }

  .mainNav-map {
    position: fixed;
    height: 100vh;
    width: 100%;
    background: green;
    top: -1px;
  }

  .mainNav-map-result {
    position: fixed;
    top: 100%;
    height: 100%;
    width: 100%;
  }

  .mainNav-map-result-btn-group {
    position: absolute;
    right: 20px;
    height: 100%;
    top: 20px;
  }

  .mainNav-map-result-btn-group-btn-group-link {
    color: #000;
    padding: 0 !important;
    margin: 0 10px 0;
    border: none !important;
    background: none !important;
  }

  .mainNav-map-result-item {
    position: absolute;
    top: 0;
    width: 100%;
    background: white;
  }

  .mainNav-map-result-item-content {
    width: 80%;
  }

  .mainNav-map-result-item h2 {
    color: #000;
    margin: 0 0 0;
    padding: 0;
    font-size: 18px;
    display: block;
  }

  .mainNav-map-result-item p {
    margin: 0;
    padding: 5px 0;
  }

  .mainNav-home-button {
    display: block;
  }

  .mainNav button.opened span {
    position: absolute;
    top: 50%;
    margin-top: -3px;
  }

  .mainNav button.opened span:nth-child(1) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }

  .mainNav button.opened span:nth-child(2) {
    display: none;
  }

  .mainNav button.opened span:nth-child(3) {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  .mainNav .active {
    display: block !important;
    right: 0 !important;
  }

  .mainNav-container {
    position: fixed;
    padding: 0 0 0 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    right: -300%;
    -webkit-transition: .5s all;
    transition: .5s all;
    z-index: -1;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .mainNav-container:before {
    content: "";
    background: #ffffff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
  }

  .mainNav-container-list {
    top: 0px;
    width: 100%;
    padding: 0;
    background: #ffffff;
    position: relative;
    height: 100%;
    margin: 0;
  }

  .mainNav-container-list-item {
    padding: 0 20px;
    display: block;
  }

  .mainNav-container-list-item > a {
    position: relative;
    padding: 20px 20px;
    font-size: 16px;
    display: block;
    border-bottom: none;
    font-weight: bold;
  }

  .mainNav-container-list-item > a:hover {
    color: #00ae8f;
  }

  .mainNav-container-list-item .mainNav-sub-container {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
    right: -200%;
    top: 0;
    padding-top: 0;
    margin: 0;
    -webkit-transition: .5s all;
    transition: .5s all;
    left: auto !important;
  }

  .mainNav-container-list-item .mainNav-sub-container .mainNav-sub-container-list {
    width: 100%;
  }

  .mainNav-container-list-item .mainNav-sub-container-inner {
    background: #ffffff !important;
    display: block;
    padding: 0;
    padding-bottom: 0;
    height: 100%;
    width: 100%;
    position: absolute;
  }

  .mainNav-container-list-item .mainNav-sub-container-list {
    width: 100%;
    margin: 0;
    padding: 0;
    border-right: none;
    position: relative;
    list-style: none;
    background: #ffffff;
  }

  .mainNav-container-list-item .mainNav-sub-container-list-item.back {
    display: block;
  }

  .mainNav-container-list-item .mainNav-sub-container-list-item.back > a {
    color: #000;
    padding-left: 40px;
  }

  .mainNav-container-list-item .mainNav-sub-container-list-item.back > a::after {
    font-family: FontAwesome;
    content: "\F104";
    position: absolute;
    left: 20px;
    top: 20px;
  }

  .mainNav-container-list-item .mainNav-sub-container-list-item a {
    padding: 20px 20px;
    font-weight: bold;
  }

  .mainNav-mobile-button {
    display: block;
  }

  .mainNav .logo {
    top: 0;
    height: 86px;
    width: 360px;
    left: -140px;
    margin-left: 0;
  }
}

@media screen and (min-width: 1024px) {
  .mobile-button {
    display: none;
  }
}

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */

/* Document
 * ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS. */

html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
}

/* 2 */

/* Sections
 * ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated). */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-. */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari. */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */

/**
 * Add the correct display in IE 9-. */

figcaption {
  display: block;
}

figure {
  display: block;
  margin: 1em 40px;
}

/**
 * Add the correct margin in IE 8. */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE. */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
}

/* 2 */

/**
 * Add the correct display in IE. */

main {
  display: block;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers. */

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
}

/* 2 */

/* Links
 * ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */

a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
}

/* 2 */

/* Text-level semantics
 * ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/* 2 */

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari. */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers. */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
}

/* 2 */

/**
 * Add the correct font style in Android 4.3-. */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-. */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers. */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers. */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
 * ========================================================================== */

/**
 * Add the correct display in IE 9-. */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7. */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-. */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE. */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
 * ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari. */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
}

/* 2 */

/**
 * Show the overflow in IE. */

button {
  overflow: visible;
  /* 1 */
  text-transform: none;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox. */

select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari. */

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/* 2 */

/**
 * Remove the inner border and padding in Firefox. */

/**
 * Restore the focus styles unset by the previous rule. */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Show the overflow in Edge. */

input {
  overflow: visible;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-. */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
}

/* 2 */

/**
 * Correct the cursor style of increment and decrement buttons in Chrome. */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari. */

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
  /**
   * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari. */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
}

/* 2 */

/**
 * Correct the padding in Firefox. */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers. */

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  color: inherit;
  /* 2 */
  white-space: normal;
}

/* 1 */

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */

progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
}

/* 2 */

/**
 * Remove the default vertical scrollbar in IE. */

textarea {
  overflow: auto;
}

/* Interactive
 * ========================================================================== */

/*
 * Add the correct display in Edge, IE, and Firefox. */

details {
  display: block;
}

/*
 * Add the correct display in all browsers. */

summary {
  display: list-item;
}

/*
 * Add the correct display in IE 9-. */

menu {
  display: block;
}

/* Scripting
 * ========================================================================== */

/**
 * Add the correct display in IE 9-. */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE. */

template,
[hidden] {
  display: none;
}

a {
  text-decoration: none;
  color: inherit;
}

body {
  background: #eceded;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}