@font-face {
  font-display: optional;
  font-family: Open Sans Bold;
  font-style: normal;
  font-weight: 400;
  src: url(fonts/OpenSans/opensans-bold-webfont.eot);
  src: url(fonts/OpenSans/opensans-bold-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/OpenSans/opensans-bold-webfont.woff2) format("woff2"), url(fonts/OpenSans/opensans-bold-webfont.woff) format("woff"), url(fonts/OpenSans/opensans-bold-webfont.svg#open_sansbold) format("svg");
}

@font-face {
  font-display: optional;
  font-family: Open Sans Light;
  font-style: normal;
  font-weight: 400;
  src: url(fonts/OpenSans/opensans-light-webfont.eot);
  src: url(fonts/OpenSans/opensans-light-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/OpenSans/opensans-light-webfont.woff2) format("woff2"), url(fonts/OpenSans/opensans-light-webfont.woff) format("woff"), url(fonts/OpenSans/opensans-light-webfont.svg#open_sanslight) format("svg");
}

@font-face {
  font-display: optional;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  src: url(fonts/OpenSans/opensans-regular-webfont.eot);
  src: url(fonts/OpenSans/opensans-regular-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/OpenSans/opensans-regular-webfont.woff2) format("woff2"), url(fonts/OpenSans/opensans-regular-webfont.woff) format("woff"), url(fonts/OpenSans/opensans-regular-webfont.svg#open_sansregular) format("svg");
}

@font-face {
  font-display: optional;
  font-family: Open Sans Semi Bold;
  font-style: normal;
  font-weight: 400;
  src: url(fonts/OpenSans/opensans-semibold-webfont.eot);
  src: url(fonts/OpenSans/opensans-semibold-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/OpenSans/opensans-semibold-webfont.woff2) format("woff2"), url(fonts/OpenSans/opensans-semibold-webfont.woff) format("woff"), url(fonts/OpenSans/opensans-semibold-webfont.svg#open_sanssemibold) format("svg");
}

html[lang="cs"] .landingButtonWrapper {
  flex: 22% 0 0;
}

html[lang="cs"] .landingBannerText {
  flex: 28% 0 0;
}

html[lang="ar"] [itemprop="address"] li:nth-child(3) {
  direction: ltr;
  display: flex;
}

html[lang="ar"] [itemprop="address"] li:nth-child(3) span[itemprop="PostalCode"] {
  margin-right: 5px;
}

#noJavaScript {
  background: #ffffff;
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
}

#noJavaScript .messageContainer {
  color: #0F1419;
  max-width: 600px;
  margin: 0 auto;
  padding: 10%;
  font-family: Helvetica, sans-serif;
  font-size: 16px;
  text-align: center;
}

#noJavaScript .messageContainer p {
  margin: 0;
  padding: 0;
}

#noJavaScript .messageContainer h1 {
  color: #48aff2;
  padding: 0;
  margin: 15px 0;
}

#noJavaScript .messageContainer .errorLogo {
  display: block;
  margin: auto;
}

#noJavaScript .messageCode {
  color: #6d6d6d;
  margin-top: 10px;
  display: block;
  font-size: 13px;
}

.landingWrapper .landingInfoText ul.pricing li a.pricing4YrFree,
.landingWrapper .landingInfoText ul.pricing li a.pricingFree,
.landingWrapper .landingInfoText ul.pricing li a.pricingPublicData {
  align-self: center;
  margin: 0 0 20px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  width: 50%;
  background: #646464;
  background: linear-gradient(105deg, #646464, #7f7d7d);
  border-bottom: 3px solid #4b4b4b;
  border-top: 1px solid #4b4b4b;
  border-left: 1px solid #4b4b4b;
  border-right: 1px solid #4b4b4b;
  border-radius: 6px;
  color: #fff;
  text-shadow: 2px 2px 2px #2a2a2a;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

.galleryOverlay {
  background: hsla(0, 0%, 100%, 0.8);
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.menuWrapper li.subItem:hover {
  background: rgba(238, 246, 255, 0.8);
}

.mainItem:after,
.subItem.home:after {
  background: url(cloud-icon-sprite-active.svg);
  background-position: 100% 77.7%;
  background-size: 200%;
  content: "";
  cursor: pointer;
  height: 16px;
  width: 16px;
}

.mainItem.active:after,
.mainItem:hover:after,
.subItem.home.active:after,
.subItem.home:hover:after {
  background: url(cloud-icon-sprite-active.svg);
  background-position: 0 77.7%;
  background-size: 200%;
  content: "";
  cursor: pointer;
  height: 16px;
  width: 16px;
}

.invantive-bridgeonline .menuLeft.collapsed .subItem.home.active:after {
  content: "";
  display: none;
}

.menuWrapper li.mainItem.active,
.menuWrapper li.subItem.active {
  background: #eef6ff;
  transition: background 0.2s;
}

.menuWrapper li.home.active:before,
.menuWrapper li.home:hover:before {
  background: url(cloud-icon-sprite-active.svg);
  background-position: 0 0;
  background-size: 200%;
  content: "";
}

.menuWrapper li.setup.active:before,
.menuWrapper li.setup:hover:before {
  background: url(cloud-icon-sprite-active.svg);
  background-position: 100% 0;
  background-size: 200%;
  content: "";
}

.menuWrapper li.databases.active:before,
.menuWrapper li.databases:hover:before {
  background: url(cloud-icon-sprite-active.svg);
  background-position: 0 11.1%;
  background-size: 200%;
  content: "";
}

.menuWrapper li.sql-editor.active:before,
.menuWrapper li.sql-editor:hover:before {
  background: url(cloud-icon-sprite-active.svg);
  background-position: 100% 11.1%;
  background-size: 200%;
  content: "";
}

.menuWrapper li.application.active:before,
.menuWrapper li.application:hover:before {
  background: url(cloud-icon-sprite-active.svg);
  background-position: 0 22.2%;
  background-size: 200%;
  content: "";
}

.menuWrapper li.licensing.active:before,
.menuWrapper li.licensing:hover:before {
  background: url(cloud-icon-sprite-active.svg);
  background-position: 100% 22.2%;
  background-size: 200%;
  content: "";
}

.menuWrapper li.parties.active:before,
.menuWrapper li.parties:hover:before {
  background: url(cloud-icon-sprite-active.svg);
  background-position: 0 33.3%;
  background-size: 200%;
  content: "";
}

.menuWrapper li.users.active:before,
.menuWrapper li.users:hover:before {
  background: url(cloud-icon-sprite-active.svg);
  background-position: 100% 33.3%;
  background-size: 200%;
  content: "";
}

.menuWrapper li.invoices.active:before,
.menuWrapper li.invoices:hover:before {
  background: url(cloud-icon-sprite-active.svg);
  background-position: 0 44.4%;
  background-size: 200%;
  content: "";
}

.menuWrapper li.agreements.active:before,
.menuWrapper li.agreements:hover:before {
  background: url(cloud-icon-sprite-active.svg);
  background-position: 100% 44.4%;
  background-size: 200%;
  content: "";
}

.menuWrapper li.data-replicator.active:before,
.menuWrapper li.data-replicator:hover:before {
  background: url(cloud-icon-sprite-active.svg);
  background-position: 0 55.5%;
  background-size: 200%;
  content: "";
}

.menuWrapper li.diagnostics.active:before,
.menuWrapper li.diagnostics:hover:before {
  background: url(cloud-icon-sprite-active.svg);
  background-position: 100% 55.5%;
  background-size: 200%;
  content: "";
}

.menuWrapper li.logging.active:before,
.menuWrapper li.logging:hover:before {
  background: url(cloud-icon-sprite-active.svg);
  background-position: 0 66.6%;
  background-size: 200%;
  content: "";
}

.menuWrapper li.sessionios.active:before,
.menuWrapper li.sessionios:hover:before {
  background: url(cloud-icon-sprite-active.svg);
  background-position: 100% 66.6%;
  background-size: 200%;
  content: "";
}

.menuWrapper li.transactions.active:before,
.menuWrapper li.transactions:hover:before {
  background: url(cloud-icon-sprite-active.svg);
  background-position: 100% 88.8%;
  background-size: 200%;
  content: "";
}

.menuWrapper li.active a {
  text-decoration: underline;
}

.dataTables_processing {
  background: hsla(0, 0%, 100%, 0.65) !important;
  height: 100% !important;
  left: auto !important;
  margin: 0 !important;
  position: absolute !important;
  top: auto !important;
  width: 100% !important;
  z-index: 1;
}

td.string {
  white-space: pre-wrap;
  word-break: break-word;
}

td.string>a>img {
  max-height: 64px;
  width: auto;
}

ul.menu li.transaction a:before {
  background: url(cloud-icon-sprite-4.svg);
  background-position: 100% 66.6%;
  background-size: 200%;
  content: "";
}

.content {
  overflow-y: auto;
  padding: 5px 10px 10px;
  position: relative;
}

.contentInnerWrapper {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.is-authenticated .content {
  height: 100%;
}

.content h3.moduleName {
  height: 26px;
}

input[name="AccountName"][type=text] {
  border: 0;
  margin-left: 5px;
  padding: 0 5px;
}

label.required[for="Token"] {
  white-space: nowrap;
}

form#newPoolIdentityForm {
  overflow: initial;
}

form ul li {
  align-items: baseline;
  display: flex;
  list-style-type: none;
}

@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  form ul li {
    align-items: flex-start;
  }
}

@supports (-moz-appearance: button) and (contain: paint) {
  form ul li {
    align-items: unset;
  }
}

form ul li.invantive-only,
form ul li.invantive-only label {
  color: #929293;
}

ul li>ul li input[type="checkbox"]+label,
ul li>ul li input[type="radio"]+label {
  flex: 1 0 0;
}

ul li input[type="checkbox"]+label,
ul li input[type="radio"]+label {
  flex: 250px 0 0;
}

ul li input[type="checkbox"]+label[for=HaveReadAndUnderstand],
.deviating #deviate-redirect-uri+label[for=deviate-redirect-uri] {
  flex: auto;
}

form div.tooltip.goLeft>span {
  left: auto;
  right: 30px;
}

form div.tooltip.goLeft>span:after {
  border-width: 5px 0 5px 8px;
  content: "";
  left: auto;
  right: -8px;
}

.copy {
  background: url(copy.svg);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  flex: 18px 0 0;
  height: 11px;
  margin-left: -18px;
  width: 11px;
}

#alertBox .supportMessage {
  display: inline-block;
  padding: 5px;
  vertical-align: middle;
}

#cancelSqlExecution {
  align-items: center;
  background: #fff;
  border: 1px solid #47aff3;
  box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.1);
  color: #47aff3;
  display: flex;
  left: 50%;
  min-width: auto;
  padding: 7px;
  position: absolute;
  text-shadow: none;
  top: 50%;
  transform: translate(-50%, -50%);
}

#cancelSqlExecution:hover {
  background: #e0f3ff;
}

#cancelSqlExecution:before {
  background: url(cloud-icon-sprite-4.svg);
  background-position: 0 77.7%;
  background-size: 200%;
  content: "";
  height: 22px;
  margin-right: 5px;
  width: 22px;
}

.onBoardingWrapper .messagebanner {
  margin: 10px;
}

.messagebanner.error {
  position: relative;
  background: #ffcfcb;
  border: 1px dashed #e74c3c;
  padding: 10px 10px 7px 10px;
}

.messagebannerwrapper,
.nkwrapper {
  background: #fff4f3;
  padding: 5px;
  border: 1px solid #d79189;
}

.messagebanner.warning .messagebannerwrapper {
  background: #fff4d5;
  padding: 5px;
  border: 1px solid #fff4d5;
}

.messagebanner.error .hintswrapper {
  background: #fff4f3;
  padding: 5px;
  border: 1px solid #d79189;
  margin-top: 10px;
  max-width: 100%;
}

.messagebanner.error .hintswrapper ul {
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 14vh;
  margin: 10px 5px 10px 0px;
}

.messagebanner.error .hintswrapper .hintscontent a {
  color: #353535;
  font-weight: 100;
}

.messagebanner.error .hintswrapper .hintscontent a:after {
  margin-right: 5px;
}


.messagebanner.error .hintswrapper>div {
  background: #fff4f3;
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 14vh;
  border: 0;
  padding: 5px;
}

.messagebanner.error .hintswrapper>div a {
  color: #47aff3;
}

.nkwrapper {
  margin-top: 10px;
}

.nkwrapper ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.nkwrapper ul li:first-of-type {
  margin-right: 10px;
}

.dashboardCard.usage-details.monitoring-stats ul.cardWrapper>li {
  padding: 0 5px;
}

.newDatabase .dashboardCard.image-and-description[data-url*="accountview"] h3:before {
  background-position: 100% 66.6%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="openexchangerates"] h3:before {
  background-image: url(cloud-provider-white-sprite-2.svg);
  background-position: 0 88.8%;
  content: "";
}

.newDatabase .dashboardCard.database.icon-and-description[data-url*="vismanet"] h3:before,
.newDatabase .dashboardCard.database.icon-and-description[data-url*="vismasevera"] h3:before,
.newDatabase .dashboardCard.image-and-description[data-url*="visma"] h3:before {
  background-image: url(cloud-provider-white-sprite.svg);
  background-position: 100% 66.6%;
  content: "";
}

.newDatabase .dashboardCard.database.icon-and-description[data-url*="ionbiz"] h3:before {
  background-image: url(cloud-provider-white-sprite-12.svg);
  background-position: 100% 33.3%;
  content: "";
}

.seeMore,
.seeMoreNoFollow {
  bottom: 10px;
  color: #48aff2;
  line-height: 12px;
  position: absolute;
  right: 10px;
  z-index: 0;
}

.dashboardCard:not(.list):hover .seeMore,
.dashboardCard:not(.list):hover .seeMoreNoFollow {
  text-decoration: underline;
}

.platform {
  background: url(landing-sprite.svg);
  background-size: 300%;
}

.platform.access {
  background: url(landing-sprite-2.svg);
  background-position: 50% 25%;
  background-size: 300%;
}

.platform.accountview {
  background-position: 100% 0;
}

.platform.actcrm {
  background: url(landing-sprite-2.svg);
  background-position: 100% 25%;
  background-size: 300%;
}

.platform.activecampaign {
  background-position: 100% 85%;
}

.platform.acton {
  background: url(landing-sprite-2.svg);
  background-position: 0 30%;
  background-size: 300%;
}

.platform.acumatica {
  background: url(landing-sprite-2.svg);
  background-position: 100% 30%;
  background-size: 300%;
}

.platform.adobeanalytics {
  background: url(landing-sprite-2.svg);
  background-position: 0 35%;
  background-size: 300%;
}

.platform.adp {
  background: url(landing-sprite-2.svg);
  background-position: 100% 20%;
  background-size: 300%;
}

.platform.afas {
  background-position: 0 20%;
}

.platform.afassb {
  background: url(landing-sprite-5.svg);
  background-position: 50% 5%;
  background-size: 300%;
}

.platform.airtable {
  background: url(landing-sprite-2.svg);
  background-position: 50% 35%;
  background-size: 300%;
}

.platform.amazonathena {
  background: url(landing-sprite-2.svg);
  background-position: 0 40%;
  background-size: 300%;
}

.platform.amazondynamodb {
  background: url(landing-sprite-2.svg);
  background-position: 50% 40%;
  background-size: 300%;
}

.platform.amazonmarketplace {
  background: url(landing-sprite-2.svg);
  background-position: 100% 40%;
  background-size: 300%;
}

.platform.amazons3 {
  background: url(landing-sprite-2.svg);
  background-position: 0 45%;
  background-size: 300%;
}

.platform.asana {
  background: url(landing-sprite-2.svg);
  background-position: 50% 45%;
  background-size: 300%;
}

.platform.authorizenet {
  background: url(landing-sprite-2.svg);
  background-position: 100% 45%;
  background-size: 300%;
}

.platform.autotask {
  background-position: 0 55%;
}

.platform.avalaravatax {
  background: url(landing-sprite-2.svg);
  background-position: 50% 50%;
  background-size: 300%;
}

.platform.avro {
  background: url(landing-sprite-2.svg);
  background-position: 100% 50%;
  background-size: 300%;
}

.platform.aws {
  background-position: 50% 30%;
}

.platform.azureactivedirectory {
  background: url(landing-sprite-2.svg);
  background-position: 50% 30%;
  background-size: 300%;
}

.platform.azureadatacatalog {
  background: url(landing-sprite-2.svg);
  background-position: 50% 55%;
  background-size: 300%;
}

.platform.azureadatalakestorage {
  background: url(landing-sprite-2.svg);
  background-position: 100% 55%;
  background-size: 300%;
}

.platform.azureanalysisservices {
  background: url(landing-sprite-2.svg);
  background-position: 0 55%;
  background-size: 300%;
}

.platform.azuredevops {
  background: url(landing-sprite-2.svg);
  background-position: 0 60%;
  background-size: 300%;
}

.platform.azuretable {
  background: url(landing-sprite-2.svg);
  background-position: 0 65%;
  background-size: 300%;
}

.platform.azurezynapse {
  background: url(landing-sprite-2.svg);
  background-position: 50% 60%;
  background-size: 300%;
}

.platform.basecamp {
  background: url(landing-sprite-2.svg);
  background-position: 50% 65%;
  background-size: 300%;
}

.platform.basecone {
  background: url(landing-sprite-4.svg);
  background-position: 100% 85%;
  background-size: 300%;
}

.platform.bigcommerce {
  background: url(landing-sprite-2.svg);
  background-position: 100% 65%;
  background-size: 300%;
}

.platform.bigquery {
  background: url(landing-sprite-2.svg);
  background-position: 0 70%;
  background-size: 300%;
}

.platform.bingads {
  background: url(landing-sprite-2.svg);
  background-position: 50% 70%;
  background-size: 300%;
}

.platform.bingsearch {
  background: url(landing-sprite-2.svg);
  background-position: 100% 70%;
  background-size: 300%;
}

.platform.bouw7 {
  background: url(landing-sprite-4.svg);
  background-position: 50% 70%;
  background-size: 300%;
}

.platform.box {
  background: url(landing-sprite-2.svg);
  background-position: 0 75%;
  background-size: 300%;
}

.platform.brevo {
  background: url(landing-sprite-4.svg);
  background-position: 0 85%;
  background-size: 300%;
}

.platform.bridgeonline {
  background: url(landing-sprite-4.svg);
  background-position: 50% 95%;
  background-size: 300%;
}

.platform.bugzilla {
  background: url(landing-sprite-2.svg);
  background-position: 50% 75%;
  background-size: 300%;
}

.platform.bullhorncrm {
  background: url(landing-sprite-2.svg);
  background-position: 100% 75%;
  background-size: 300%;
}

.platform.calendly {
  background: url(landing-sprite-5.svg);
  background-position: 0 5%;
  background-size: 300%;
}

.platform.cassandra {
  background: url(landing-sprite-2.svg);
  background-position: 0 80%;
  background-size: 300%;
}

.platform.cbs {
  background: url(landing-sprite-2.svg);
  background-position: 50% 5%;
  background-size: 300%;
}

.platform.chargebee {
  background: url(landing-sprite-2.svg);
  background-position: 50% 0;
  background-size: 300%;
}

.platform.cir {
  background-position: 0 30%;
}

.platform.cloudant {
  background: url(landing-sprite-2.svg);
  background-position: 50% 80%;
  background-size: 300%;
}

.platform.cockroachdb {
  background: url(landing-sprite-2.svg);
  background-position: 100% 80%;
  background-size: 300%;
}

.platform.companyinfo {
  background-position: 0 10%;
}

.platform.companyinfoapidatahub {
  background-position: 0 10%;
}

.platform.cor {
  background: url(landing-sprite-2.svg);
  background-position: 100% 0;
  background-size: 300%;
}

.platform.cosmosdb {
  background: url(landing-sprite-2.svg);
  background-position: 0 85%;
  background-size: 300%;
}

.platform.couchbase {
  background: url(landing-sprite-2.svg);
  background-position: 100% 85%;
  background-size: 300%;
}

.platform.couchdb {
  background: url(landing-sprite-2.svg);
  background-position: 50% 85%;
  background-size: 300%;
}

.platform.crisp {
  background: url(landing-sprite-5.svg);
  background-position: 0 0;
  background-size: 300%;
}

.platform.csv {
  background-position: 50% 95%;
}

.platform.databricks {
  background: url(landing-sprite-2.svg);
  background-position: 0 90%;
  background-size: 300%;
}

.platform.db2 {
  background-position: 50% 80%;
}

.platform.discourse {
  background: url(landing-sprite-2.svg);
  background-position: 0 0;
  background-size: 300%;
}

.platform.documentcloud {
  background: url(landing-sprite-2.svg);
  background-position: 100% 15%;
  background-size: 300%;
}

.platform.docusign {
  background: url(landing-sprite-2.svg);
  background-position: 50% 90%;
  background-size: 300%;
}

.platform.dropbox {
  background-position: 100% 35%;
}

.platform.dummy {
  background-position: 100% 70%;
}

.platform.dynamics {
  background-position: 0 25%;
}

.platform.easyflex {
  background: url(landing-sprite-4.svg);
  background-position: 0 90%;
  background-size: 300%;
}

.platform.ebay {
  background: url(landing-sprite-4.svg);
  background-position: 0 65%;
  background-size: 300%;
}

.platform.ecbexra {
  background: url(landing-sprite-2.svg);
  background-position: 0 15%;
  background-size: 300%;
}

.platform.elasticsearch {
  background: url(landing-sprite-2.svg);
  background-position: 100% 90%;
  background-size: 300%;
}

.platform.enterprisedb {
  background: url(landing-sprite-2.svg);
  background-position: 0 95%;
  background-size: 300%;
}

.platform.epicorerp {
  background: url(landing-sprite-2.svg);
  background-position: 50% 95%;
  background-size: 300%;
}

.platform.exactonline {
  background: url(landing-sprite-2.svg);
  background-position: 50% 15%;
  background-size: 300%;
}

.platform.excel {
  background-position: 0 95%;
}

.platform.facebook {
  background-position: 0 15%;
}

.platform.financialforce {
  background: url(landing-sprite-2.svg);
  background-position: 100% 95%;
  background-size: 300%;
}

.platform.fiscaalgemak {
  background: url(landing-sprite-4.svg);
  background-position: 100% 70%;
  background-size: 300%;
}

.platform.fortnox {
  background: url(landing-sprite-4.svg);
  background-position: 100% 100%;
  background-size: 300%;
}

.platform.freshbooks {
  background: url(landing-sprite-2.svg);
  background-position: 0 100%;
  background-size: 300%;
}

.platform.freshdesk {
  background-position: 50% 25%;
}

.platform.github {
  background: url(landing-sprite-4.svg);
  background-position: 50% 100%;
  background-size: 300%;
}

.platform.gitlab {
  background-position: 50% 60%;
}

.platform.googlecalendar {
  background: url(landing-sprite-2.svg);
  background-position: 100% 100%;
  background-size: 300%;
}

.platform.googlecloudstorage {
  background: url(landing-sprite-3.svg);
  background-position: 0 0;
  background-size: 300%;
}

.platform.googlecontacts {
  background: url(landing-sprite-3.svg);
  background-position: 50% 0;
  background-size: 300%;
}

.platform.googledatacatalog {
  background: url(landing-sprite-3.svg);
  background-position: 100% 0;
  background-size: 300%;
}

.platform.googledirectory {
  background: url(landing-sprite-3.svg);
  background-position: 0 5%;
  background-size: 300%;
}

.platform.googledrive {
  background: url(landing-sprite-3.svg);
  background-position: 50% 5%;
  background-size: 300%;
}

.platform.googlesearch {
  background: url(landing-sprite-3.svg);
  background-position: 100% 5%;
  background-size: 300%;
}

.platform.googlesheets {
  background: url(landing-sprite-3.svg);
  background-position: 0 10%;
  background-size: 300%;
}

.platform.googlespanner {
  background: url(landing-sprite-3.svg);
  background-position: 50% 10%;
  background-size: 300%;
}

.platform.graphql {
  background: url(landing-sprite-3.svg);
  background-position: 100% 10%;
  background-size: 300%;
}

.platform.greenplum {
  background: url(landing-sprite-3.svg);
  background-position: 0 15%;
  background-size: 300%;
}

.platform.grippcrm {
  background: url(landing-sprite-4.svg);
  background-position: 100% 65%;
  background-size: 300%;
}

.platform.harperdb {
  background: url(landing-sprite-3.svg);
  background-position: 0 20%;
  background-size: 300%;
}

.platform.hcldomino {
  background: url(landing-sprite-3.svg);
  background-position: 50% 15%;
  background-size: 300%;
}

.platform.hdfs {
  background: url(landing-sprite-3.svg);
  background-position: 100% 15%;
  background-size: 300%;
}

.platform.highrise {
  background: url(landing-sprite-3.svg);
  background-position: 50% 20%;
  background-size: 300%;
}

.platform.hive {
  background: url(landing-sprite-3.svg);
  background-position: 100% 20%;
  background-size: 300%;
}

.platform.horeko {
  background: url(landing-sprite-4.svg);
  background-position: 0 100%;
  background-size: 300%;
}

.platform.html {
  background-position: 100% 90%;
}

.platform.hubspot {
  background: url(landing-sprite-2.svg);
  background-position: 0 10%;
  background-size: 300%;
}

.platform.ibmcloudobjectstorage {
  background: url(landing-sprite-3.svg);
  background-position: 0 25%;
  background-size: 300%;
}

.platform.ibmcloudsqlquery {
  background: url(landing-sprite-3.svg);
  background-position: 50% 25%;
  background-size: 300%;
}

.platform.ibminformix {
  background: url(landing-sprite-3.svg);
  background-position: 100% 25%;
  background-size: 300%;
}

.platform.impala {
  background: url(landing-sprite-3.svg);
  background-position: 0 30%;
  background-size: 300%;
}

.platform.ionbiz {
  background: url(landing-sprite-4.svg);
  background-position: 0 80%;
  background-size: 300%;
}

.platform.ionprojects {
  background: url(landing-sprite-4.svg);
  background-position: 0 80%;
  background-size: 300%;
}

.platform.jira {
  background-position: 50% 45%;
}

.platform.jortt {
  background: url(landing-sprite-4.svg);
  background-position: 100% 90%;
  background-size: 300%;
}

.platform.json {
  background-position: 100% 95%;
}

.platform.kadaster {
  background-position: 0 60%;
}

.platform.kafka {
  background: url(landing-sprite-3.svg);
  background-position: 50% 30%;
  background-size: 300%;
}

.platform.knack {
  background-position: 50% 100%;
}

.platform.linkedin {
  background-position: 50% 15%;
}

.platform.localazy {
  background: url(landing-sprite-5.svg);
  background-position: 100% 0;
  background-size: 300%;
}

.platform.loketnl {
  background-position: 50% 10%;
}

.platform.magento {
  background-position: 100% 50%;
}

.platform.mariadb {
  background: url(landing-sprite-3.svg);
  background-position: 0 35%;
  background-size: 300%;
}

.platform.marketo {
  background: url(landing-sprite-3.svg);
  background-position: 100% 35%;
  background-size: 300%;
}

.platform.marklogic {
  background: url(landing-sprite-3.svg);
  background-position: 50% 35%;
  background-size: 300%;
}

.platform.mendix {
  background-position: 0 80%;
}

.platform.microsoftdataverse {
  background: url(landing-sprite-3.svg);
  background-position: 0 40%;
  background-size: 300%;
}

.platform.microsoftexchange {
  background: url(landing-sprite-3.svg);
  background-position: 50% 40%;
  background-size: 300%;
}

.platform.microsoftonedrive {
  background: url(landing-sprite-3.svg);
  background-position: 100% 40%;
  background-size: 300%;
}

.platform.microsoftplanner {
  background: url(landing-sprite-3.svg);
  background-position: 0 45%;
  background-size: 300%;
}

.platform.microsoftteams {
  background: url(landing-sprite-3.svg);
  background-position: 50% 45%;
  background-size: 300%;
}

.platform.minox {
  background: url(landing-sprite-4.svg);
  background-position: 50% 80%;
  background-size: 300%;
}

.platform.mkg {
  background: url(landing-sprite-4.svg);
  background-position: 100% 95%;
  background-size: 300%;
}

.platform.mollie {
  background: url(landing-sprite-4.svg);
  background-position: 50% 85%;
  background-size: 300%;
}

.platform.mondaycom {
  background: url(landing-sprite-3.svg);
  background-position: 100% 45%;
  background-size: 300%;
}

.platform.more {
  background-position: 50% 85%;
}

.platform.myobaccountright {
  background: url(landing-sprite-3.svg);
  background-position: 100% 30%;
  background-size: 300%;
}

.platform.mysql {
  background-position: 100% 45%;
}

.platform.nasa {
  background: url(landing-sprite-2.svg);
  background-position: 0 20%;
  background-size: 300%;
}

.platform.ndjson {
  background: url(landing-sprite-4.svg);
  background-position: 0 75%;
  background-size: 300%;
}

.platform.neo4j {
  background: url(landing-sprite-3.svg);
  background-position: 0 50%;
  background-size: 300%;
}

.platform.netsuite {
  background: url(landing-sprite-3.svg);
  background-position: 50% 50%;
  background-size: 300%;
}

.platform.nmbrs {
  background-position: 100% 40%;
}

.platform.octopus {
  background-position: 0 65%;
}

.platform.odata {
  background-position: 100% 10%;
}

.platform.odoo {
  background: url(landing-sprite-3.svg);
  background-position: 100% 50%;
  background-size: 300%;
}

.platform.office {
  background-position: 100% 75%;
}

.platform.onenote {
  background: url(landing-sprite-3.svg);
  background-position: 0 55%;
  background-size: 300%;
}

.platform.openarch {
  background-position: 50% 70%;
}

.platform.openexra {
  background: url(landing-sprite-2.svg);
  background-position: 100% 10%;
  background-size: 300%;
}

.platform.openonderwijsdata {
  background: url(landing-sprite-2.svg);
  background-position: 50% 20%;
  background-size: 300%;
}

.platform.openspending {
  background-position: 50% 65%;
}

.platform.oracle {
  background-position: 100% 25%;
}

.platform.oracle {
  background: url(landing-sprite-3.svg);
  background-position: 100% 55%;
  background-size: 300%;
}

.platform.oracleeloqua {
  background: url(landing-sprite-3.svg);
  background-position: 50% 55%;
  background-size: 300%;
}

.platform.outreachio {
  background: url(landing-sprite-3.svg);
  background-position: 0 60%;
  background-size: 300%;
}

.platform.parquet {
  background: url(landing-sprite-3.svg);
  background-position: 50% 60%;
  background-size: 300%;
}

.platform.paylocity {
  background: url(landing-sprite-3.svg);
  background-position: 100% 60%;
  background-size: 300%;
}

.platform.paypal {
  background-position: 50% 75%;
}

.platform.phoenix {
  background: url(landing-sprite-3.svg);
  background-position: 0 65%;
  background-size: 300%;
}

.platform.pinterest {
  background-position: 100% 80%;
}

.platform.pinterest {
  background: url(landing-sprite-3.svg);
  background-position: 50% 65%;
  background-size: 300%;
}

.platform.pipedrive {
  background: url(landing-sprite-2.svg);
  background-position: 50% 10%;
  background-size: 300%;
}

.platform.postgresql {
  background-position: 50% 5%;
}

.platform.postman {
  background: url(landing-sprite-5.svg);
  background-position: 50% 0;
  background-size: 300%;
}

.platform.presto {
  background: url(landing-sprite-3.svg);
  background-position: 100% 65%;
  background-size: 300%;
}

.platform.quickbase {
  background: url(landing-sprite-3.svg);
  background-position: 0 70%;
  background-size: 300%;
}

.platform.quickbooks {
  background: url(landing-sprite-3.svg);
  background-position: 50% 70%;
  background-size: 300%;
}

.platform.quickbooksonline {
  background: url(landing-sprite-3.svg);
  background-position: 100% 70%;
  background-size: 300%;
}

.platform.quickbookspos {
  background: url(landing-sprite-3.svg);
  background-position: 0 75%;
  background-size: 300%;
}

.platform.raisersedgenxt {
  background: url(landing-sprite-3.svg);
  background-position: 50% 75%;
  background-size: 300%;
}

.platform.rdw {
  background-position: 50% 50%;
}

.platform.reckon {
  background: url(landing-sprite-3.svg);
  background-position: 100% 75%;
  background-size: 300%;
}

.platform.reckonaccountshosted {
  background: url(landing-sprite-3.svg);
  background-position: 0 80%;
  background-size: 300%;
}

.platform.redis {
  background: url(landing-sprite-3.svg);
  background-position: 50% 80%;
  background-size: 300%;
}

.platform.redshift {
  background: url(landing-sprite-3.svg);
  background-position: 100% 80%;
  background-size: 300%;
}

.platform.robaws {
  background-position: 0 90%;
}

.platform.roller {
  background-position: 0 45%;
}

.platform.rss {
  background-position: 0 85%;
}

.platform.sage200 {
  background: url(landing-sprite-3.svg);
  background-position: 0 100%;
  background-size: 300%;
}

.platform.sage300 {
  background: url(landing-sprite-3.svg);
  background-position: 50% 100%;
  background-size: 300%;
}

.platform.sage50uk {
  background: url(landing-sprite-3.svg);
  background-position: 100% 100%;
  background-size: 300%;
}

.platform.sagecloudaccounting {
  background: url(landing-sprite-4.svg);
  background-position: 0 0;
  background-size: 300%;
}

.platform.sageintacct {
  background: url(landing-sprite-4.svg);
  background-position: 50% 0;
  background-size: 300%;
}

.platform.salesforce {
  background-position: 50% 20%;
}

.platform.salesforceeinstein {
  background: url(landing-sprite-4.svg);
  background-position: 100% 0;
  background-size: 300%;
}

.platform.salesloft {
  background: url(landing-sprite-4.svg);
  background-position: 0 5%;
  background-size: 300%;
}

.platform.sap {
  background: url(landing-sprite-3.svg);
  background-position: 0 85%;
  background-size: 300%;
}

.platform.sapbusinessone {
  background: url(landing-sprite-3.svg);
  background-position: 50% 85%;
  background-size: 300%;
}

.platform.sapconcur {
  background: url(landing-sprite-3.svg);
  background-position: 100% 85%;
  background-size: 300%;
}

.platform.sapfieldglass {
  background: url(landing-sprite-3.svg);
  background-position: 0 90%;
  background-size: 300%;
}

.platform.saphybrisc4c {
  background: url(landing-sprite-3.svg);
  background-position: 50% 90%;
  background-size: 300%;
}

.platform.sapsuccessfactors {
  background: url(landing-sprite-3.svg);
  background-position: 100% 90%;
  background-size: 300%;
}

.platform.sasdatasets {
  background: url(landing-sprite-3.svg);
  background-position: 0 95%;
  background-size: 300%;
}

.platform.sendgrid {
  background: url(landing-sprite-4.svg);
  background-position: 50% 5%;
  background-size: 300%;
}

.platform.sendinblue {
  background: url(landing-sprite-4.svg);
  background-position: 0 85%;
  background-size: 300%;
}

.platform.servicenow {
  background: url(landing-sprite-4.svg);
  background-position: 100% 5%;
  background-size: 300%;
}

.platform.sftp {
  background: url(landing-sprite-3.svg);
  background-position: 50% 95%;
  background-size: 300%;
}

.platform.shipstation {
  background: url(landing-sprite-4.svg);
  background-position: 0 10%;
  background-size: 300%;
}

.platform.shopify {
  background: url(landing-sprite-4.svg);
  background-position: 50% 10%;
  background-size: 300%;
}

.platform.sie {
  background: url(landing-sprite-5.svg);
  background-position: 100% 5%;
  background-size: 300%;
}

.platform.simplicate {
  background-position: 50% 90%;
}

.platform.singlestore {
  background: url(landing-sprite-4.svg);
  background-position: 100% 10%;
  background-size: 300%;
}

.platform.slack {
  background-position: 100% 30%;
}

.platform.smartsheet {
  background: url(landing-sprite-4.svg);
  background-position: 0 15%;
  background-size: 300%;
}

.platform.snapchatads {
  background: url(landing-sprite-4.svg);
  background-position: 50% 15%;
  background-size: 300%;
}

.platform.snelstart {
  background-position: 0 35%;
}

.platform.snowflake {
  background: url(landing-sprite-4.svg);
  background-position: 100% 15%;
  background-size: 300%;
}

.platform.spark {
  background: url(landing-sprite-4.svg);
  background-position: 0 20%;
  background-size: 300%;
}

.platform.splunk {
  background: url(landing-sprite-4.svg);
  background-position: 50% 20%;
  background-size: 300%;
}

.platform.sqlite {
  background: url(landing-sprite-3.svg);
  background-position: 100% 95%;
  background-size: 300%;
}

.platform.sqlserver {
  background-position: 0 5%;
}

.platform.square {
  background: url(landing-sprite-4.svg);
  background-position: 100% 20%;
  background-size: 300%;
}

.platform.stackexchange {
  background-position: 50% 35%;
}

.platform.streak {
  background: url(landing-sprite-4.svg);
  background-position: 0 25%;
  background-size: 300%;
}

.platform.stripe {
  background: url(landing-sprite-4.svg);
  background-position: 50% 25%;
  background-size: 300%;
}

.platform.sugarcrm {
  background: url(landing-sprite-4.svg);
  background-position: 100% 25%;
  background-size: 300%;
}

.platform.suitecrm {
  background: url(landing-sprite-4.svg);
  background-position: 0 30%;
  background-size: 300%;
}

.platform.sumatra {
  background: url(landing-sprite-4.svg);
  background-position: 0 70%;
  background-size: 300%;
}

.platform.surveymonkey {
  background: url(landing-sprite-4.svg);
  background-position: 50% 30%;
  background-size: 300%;
}

.platform.tableau {
  background: url(landing-sprite-4.svg);
  background-position: 100% 80%;
  background-size: 300%;
}

.platform.tally {
  background: url(landing-sprite-4.svg);
  background-position: 0 35%;
  background-size: 300%;
}

.platform.taxjar {
  background: url(landing-sprite-4.svg);
  background-position: 50% 35%;
  background-size: 300%;
}

.platform.teamleader {
  background-position: 0 50%;
}

.platform.teamleader-orbit {
  background: url(landing-sprite-4.svg);
  background-position: 50% 90%;
  background-size: 300%;
}

.platform.teamleader-orbit-reporting {
  background: url(landing-sprite-4.svg);
  background-position: 0 95%;
  background-size: 300%;
}

.platform.teradata {
  background-position: 50% 40%;
}

.platform.tigergraph {
  background: url(landing-sprite-4.svg);
  background-position: 100% 35%;
  background-size: 300%;
}

.platform.tixly {
  background: url(landing-sprite-4.svg);
  background-position: 100% 75%;
  background-size: 300%;
}

.platform.tsheets {
  background: url(landing-sprite-4.svg);
  background-position: 100% 30%;
  background-size: 300%;
}

.platform.tweedekamernl {
  background: url(landing-sprite-2.svg);
  background-position: 100% 5%;
  background-size: 300%;
}

.platform.twilio {
  background: url(landing-sprite-4.svg);
  background-position: 50% 40%;
  background-size: 300%;
}

.platform.twinfield {
  background-position: 100% 20%;
}

.platform.twitter {
  background-position: 100% 15%;
}

.platform.veeva {
  background: url(landing-sprite-4.svg);
  background-position: 100% 40%;
  background-size: 300%;
}

.platform.veevacrm {
  background: url(landing-sprite-4.svg);
  background-position: 0 45%;
  background-size: 300%;
}

.platform.virustotal {
  background-position: 100% 5%;
}

.platform.vismaeaccounting,
.platform.vismanet {
  background-position: 100% 0;
}

.platform.vismasevera {
  background-position: 0 40%;
}

.platform.wavefinancial {
  background: url(landing-sprite-4.svg);
  background-position: 50% 45%;
  background-size: 300%;
}

.platform.wikipedia {
  background-position: 100% 55%;
}

.platform.woocommerce {
  background: url(landing-sprite-4.svg);
  background-position: 100% 45%;
  background-size: 300%;
}

.platform.wordpress {
  background: url(landing-sprite-4.svg);
  background-position: 0 50%;
  background-size: 300%;
}

.platform.workday {
  background: url(landing-sprite-4.svg);
  background-position: 50% 50%;
  background-size: 300%;
}

.platform.xaa {
  background-position: 0 70%;
}

.platform.xaf {
  background-position: 0 75%;
}

.platform.xas {
  background-position: 100% 65%;
}

.platform.xbase {
  background: url(landing-sprite-4.svg);
  background-position: 50% 65%;
  background-size: 300%;
}

.platform.xero {
  background: url(landing-sprite-4.svg);
  background-position: 100% 50%;
  background-size: 300%;
}

.platform.xeroworkflowmax {
  background: url(landing-sprite-4.svg);
  background-position: 0 55%;
  background-size: 300%;
}

.platform.xml {
  background-position: 0 100%;
}

.platform.youtrack {
  background: url(landing-sprite-2.svg);
  background-position: 0 5%;
  background-size: 300%;
}

.platform.yuki {
  background-position: 50% 0;
}

.platform.zendesk {
  background: url(landing-sprite-4.svg);
  background-position: 50% 55%;
  background-size: 300%;
}

.platform.zohocreator {
  background: url(landing-sprite-4.svg);
  background-position: 0 60%;
  background-size: 300%;
}

.platform.zohocrm {
  background: url(landing-sprite-4.svg);
  background-position: 100% 55%;
  background-size: 300%;
}

.platform.zohoprojects {
  background: url(landing-sprite-4.svg);
  background-position: 50% 60%;
  background-size: 300%;
}

.platform.zoom {
  background-position: 100% 100%;
}

.platform.zuora {
  background: url(landing-sprite-4.svg);
  background-position: 100% 60%;
  background-size: 300%;
}

.platform.bridge {
  background: url(landing-sprite-5.svg);
  background-position: 0 10%;
  background-size: 300%;
}

.platform.business {
  background: url(landing-sprite-5.svg);
  background-position: 50% 10%;
  background-size: 300%;
}

.platform.control {
  background: url(landing-sprite-5.svg);
  background-position: 100% 10%;
  background-size: 300%;
}

.platform.composition {
  background: url(landing-sprite-5.svg);
  background-position: 0 15%;
  background-size: 300%;
}

.platform.dataaccesspoint {
  background: url(landing-sprite-5.svg);
  background-position: 50% 15%;
  background-size: 300%;
}

.platform.datahub {
  background: url(landing-sprite-5.svg);
  background-position: 100% 15%;
  background-size: 300%;
}

.platform.querytool {
  background: url(landing-sprite-5.svg);
  background-position: 0 20%;
  background-size: 300%;
}

.platform.dataloader {
  background: url(landing-sprite-5.svg);
  background-position: 50% 20%;
  background-size: 300%;
}

.platform.cloud {
  background: url(landing-sprite-5.svg);
  background-position: 100% 20%;
  background-size: 300%;
}

.platform.authenticator,
.platform.keychain {
  background: url(landing-sprite-5.svg);
  background-position: 0 25%;
  background-size: 300%;
}

.platform.support {
  background: url(landing-sprite-5.svg);
  background-position: 50% 25%;
  background-size: 300%;
}

.platform.studio {
  background: url(landing-sprite-5.svg);
  background-position: 100% 25%;
  background-size: 300%;
}

.platform.webservice {
  background: url(landing-sprite-5.svg);
  background-position: 0 30%;
  background-size: 300%;
}

.platform.getmyreport {
  background: url(landing-sprite-5.svg);
  background-position: 50% 30%;
  background-size: 300%;
}

.platform.producerruntime {
  background: url(landing-sprite-5.svg);
  background-position: 100% 30%;
  background-size: 300%;
}

.platform.estate {
  background: url(landing-sprite-5.svg);
  background-position: 0 35%;
  background-size: 300%;
}

.platform.vision {
  background: url(landing-sprite-5.svg);
  background-position: 50% 35%;
  background-size: 300%;
}

.platform.drive {
  background: url(landing-sprite-5.svg);
  background-position: 100% 35%;
  background-size: 300%;
}

.platform.vt {
  background: url(landing-sprite-5.svg);
  background-position: 0 40%;
  background-size: 300%;
}

.platform.optimizer {
  background: url(landing-sprite-5.svg);
  background-position: 50% 40%;
  background-size: 300%;
}

.platform.scheduler {
  background: url(landing-sprite-5.svg);
  background-position: 100% 40%;
  background-size: 300%;
}

.platform.customerservice {
  background: url(landing-sprite-5.svg);
  background-position: 0 45%;
  background-size: 300%;
}

.platform.openarchivaris {
  background: url(landing-sprite-5.svg);
  background-position: 50% 45%;
  background-size: 300%;
}

.platform.dnpi {
  background: url(landing-sprite-5.svg);
  background-position: 100% 45%;
  background-size: 300%;
}

.platform.mail {
  background: url(landing-sprite-5.svg);
  background-position: 0 50%;
  background-size: 300%;
}

.platform.datareplicator {
  background: url(landing-sprite-5.svg);
  background-position: 50% 50%;
  background-size: 300%;
}

.platform.datadictionary {
  background: url(landing-sprite-5.svg);
  background-position: 100% 50%;
  background-size: 300%;
}

.platform.edifact {
  background: url(landing-sprite-5.svg);
  background-position: 0 55%;
  background-size: 300%;
}

.platform.ezbase {
  background: url(landing-sprite-5.svg);
  background-position: 50% 55%;
  background-size: 300%;
}

.platform.ftp {
  background: url(landing-sprite-5.svg);
  background-position: 100% 55%;
  background-size: 300%;
}

.platform.keepass {
  background: url(landing-sprite-5.svg);
  background-position: 0 60%;
  background-size: 300%;
}

.platform.os {
  background: url(landing-sprite-5.svg);
  background-position: 50% 60%;
  background-size: 300%;
}

.platform.outlook {
  background: url(landing-sprite-5.svg);
  background-position: 100% 60%;
  background-size: 300%;
}

.platform.mt940 {
  background: url(landing-sprite-5.svg);
  background-position: 0 65%;
  background-size: 300%;
}

.platform.freshservice {
  background: url(landing-sprite-5.svg);
  background-position: 0 70%;
  background-size: 300%;
}

.platform.wmi {
  background: url(landing-sprite-5.svg);
  background-position: 50% 65%;
  background-size: 300%;
}

.platform.graph {
  background: url(landing-sprite-5.svg);
  background-position: 100% 65%;
  background-size: 300%;
}

.platform.universalsqlserver {
  background: url(landing-sprite-5.svg);
  background-position: 50% 70%;
  background-size: 300%;
}

.platform.universalsqlservermysql {
  background: url(landing-sprite-5.svg);
  background-position: 100% 70%;
  background-size: 300%;
}

.platform.universalsqlservermstds {
  background: url(landing-sprite-5.svg);
  background-position: 0% 75%;
  background-size: 300%;
}

.platform.universalsqlserverpostgresql {
  background: url(landing-sprite-5.svg);
  background-position: 50% 75%;
  background-size: 300%;
}

.platform.koopbwb {
  background: url(landing-sprite-5.svg);
  background-position: 100% 75%;
  background-size: 300%;
}

.platform.koopcvdr {
  background: url(landing-sprite-5.svg);
  background-position: 0 80%;
  background-size: 300%;
}

.platform.kooper {
  background: url(landing-sprite-5.svg);
  background-position: 50% 80%;
  background-size: 300%;
}

.platform.koopop {
  background: url(landing-sprite-5.svg);
  background-position: 100% 80%;
  background-size: 300%;
}

.platform.koopplooi {
  background: url(landing-sprite-5.svg);
  background-position: 0 85%;
  background-size: 300%;
}

.platform.kooppucod {
  background: url(landing-sprite-5.svg);
  background-position: 50% 85%;
  background-size: 300%;
}

.platform.koopsc {
  background: url(landing-sprite-5.svg);
  background-position: 100% 85%;
  background-size: 300%;
}

.platform.koopsgd {
  background: url(landing-sprite-5.svg);
  background-position: 0 90%;
  background-size: 300%;
}

.platform.koopsa {
  background: url(landing-sprite-5.svg);
  background-position: 50% 90%;
  background-size: 300%;
}

.platform.kooptr {
  background: url(landing-sprite-5.svg);
  background-position: 100% 90%;
  background-size: 300%;
}

.platform.koopvb {
  background: url(landing-sprite-5.svg);
  background-position: 0 95%;
  background-size: 300%;
}

.platform.koopwd {
  background: url(landing-sprite-5.svg);
  background-position: 50% 95%;
  background-size: 300%;
}

.platform.foxpro {
  background: url(landing-sprite-5.svg);
  background-position: 100% 95%;
  background-size: 300%;
}


.downloadButton,
.getStartedButton,
.releaseNotesButton,
.trialButton {
  background: #78a91d;
  background: linear-gradient(105deg, #82b71f, #8fbb39);
  border-bottom: 3px solid #406300;
  border-top: 1px solid #548300;
  border-left: 1px solid #548300;
  border-right: 1px solid #548300;
  text-shadow: 2px 2px 2px #2c4007;
  border-radius: 6px;
  font-size: 13px;
  color: white;
  text-align: center;
  font-weight: 400;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  flex: 1 0 0;
  margin: 0 0 10px;
  padding: 8px 10px;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.trialButton {
  padding: 20px 0;
}

.getStartedButton {
  background: #4398cf;
  background: linear-gradient(to right, #0f78bd 0%, #4398cf 100%);
  border-bottom: 3px solid #015083;
  border-top: 1px solid #045081;
  border-left: 1px solid #045081;
  border-right: 1px solid #045081;
  text-shadow: 2px 2px 2px #023e65;
  margin: 0;
}

.releaseNotesButton {
  margin: 0;
  background: #646464;
  background: linear-gradient(105deg, #646464, #7f7d7d);
  border-bottom: 3px solid #4b4b4b;
  border-top: 1px solid #4b4b4b;
  border-left: 1px solid #4b4b4b;
  border-right: 1px solid #4b4b4b;
  text-shadow: 2px 2px 2px #2a2a2a;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.settingsList .listFooter span#version {
  margin-left: 5px;
}

.settingsList .listFooter span#nodeMachineName+span {
  margin-left: auto;
}

.connectorList ul li a {
  height: 100%;
  position: relative;
  text-decoration: none;
  width: 100%;
}

.connectorSetup.improveContainer {
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.improveWrapper {
  margin-right: 10px;
}

.improveWrapper+aside {
  flex: 25% 0 0;
  margin-left: auto;
}

.connectorSetup.improveContainer ul.relatedVideos {
  background: none;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  list-style-type: none;
  margin: 0 0 0 20px;
  padding: 0;
}

.connectorSetup.improveContainer .forumLabel {
  font-size: 35px;
  font-weight: 300;
  letter-spacing: 9px;
  line-height: 32px;
  text-shadow: 2px 2px #0083d9;
}

.landingWrapper.providerPage.connectorSetup aside,
.landingWrapper.connectorSetup aside {
  max-width: 300px;
}

.improveContainer ul.relatedVideos,
.landingWrapper.providerPage .improveContainer aside,
.landingWrapper.improveContainer aside {
  display: flex;
  flex-direction: column;
}

.improveContainer ul.relatedVideos {
  background: #fff;
  box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.25);
  list-style-type: none;
  margin: 0;
  padding: 0;
}

lite-youtube {
  background-color: #000;
  background-position: 50%;
  background-size: cover;
  contain: content;
  cursor: pointer;
  display: block;
  max-width: 720px;
  position: relative;
}

lite-youtube:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
  background-position: top;
  background-repeat: repeat-x;
  content: "";
  display: block;
  height: 60px;
  padding-bottom: 50px;
  position: absolute;
  top: 0;
  transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
  width: 100%;
}

lite-youtube:after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}

lite-youtube>iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

lite-youtube>.lty-playbtn {
  background-color: transparent;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');
  background-position-x: 50%;
  background-repeat: no-repeat;
  border: none;
  box-shadow: none;
  cursor: pointer;
  display: block;
  filter: grayscale(100%);
  height: 48px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  transition: filter 0.1s cubic-bezier(0, 0, 0.2, 1);
  width: 68px;
  z-index: 1;
}

lite-youtube .lty-playbtn:focus,
lite-youtube:hover>.lty-playbtn {
  filter: none;
}

lite-youtube.lyt-activated {
  cursor: unset;
}

lite-youtube.lyt-activated:before,
lite-youtube.lyt-activated>.lty-playbtn {
  opacity: 0;
  pointer-events: none;
}

.lyt-visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.onBoardingWrapper .phoneNumberWrapper select {
  margin: 0;
  width: 100%;
}

.onBoardingWrapper .phoneNumberWrapper input[type="text"] {
  width: 55%;
}

.onBoardingWrapper .mobileNumberWrapper select {
  margin: 0;
  width: 100%;
}

.onBoardingWrapper .mobileNumberWrapper input[type="text"] {
  width: 55%;
}

.copyButtons {
  box-sizing: border-box;
  height: 100%;
}

.copyButtons ul {
  display: flex;
  padding: 0;
  width: 100%;
}

.dashboardWrapper .cardWrapper.databaseList {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 10px;
  padding: 0;
}

.dashboardWrapper .cardWrapper.databaseList>li {
  height: 100%;
  justify-content: center;
  margin: 5px 10px;
}

.copyButtons>ul li.copy {
  align-items: center;
  background: #f5f5f5;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.13);
  display: flex;
  flex: 1 0 0;
  justify-content: center;
  margin: 3px 5px 3px 0;
  padding: 10px;
  position: relative;
}

.copyButtons li.copy:before {
  background: url(copy.svg);
  background-repeat: no-repeat;
  content: "";
  height: 16px;
  width: 16px;
}

.copyButtons li.copy.copyOData {
  background: orange;
  border: 1px solid #ff7f00;
}

.copyButtons li.copy.copyOData:before {
  background: url(opendata4.svg);
  background-repeat: no-repeat;
  background-size: contain;
  box-shadow: 0 0 5px #ff5200e8;
  content: "";
  height: 20px;
  margin-right: 3px;
  width: 20px;
}

.copyButtons li.copy.copySwagger:before {
  background: url(swagger2.svg);
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  box-shadow: 0 0 5px #1b6c00ed;
  content: "";
  height: 20px;
  margin-right: 3px;
  width: 20px;
}

.copyButtons li.copy.copyOpenAPI:before {
  background: url(openapi3.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 20px;
  margin-right: 3px;
  width: 20px;
}

.copyButtons li.copy.copySwagger {
  background: #2bad00;
  border: 1px solid #1a6800;
}

.copyButtons li.copy.copyOpenAPI {
  background: #0081ef;
  border: 1px solid #003f74;
}

.copyButtons li.copy .copiedUrl {
  display: none;
}

.copyButtons li.copy .copiedClipboard {
  background: #242424f0;
  border: 0;
  border-radius: 3px;
  box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.13);
  display: none;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
}

.cardWrapper .copyButtons li.copy .copiedClipboard {
  left: 50%;
  position: absolute;
  top: 50%;
}

.license-usage-statistics>ul.cardWrapper {
  height: 100%;
  margin: unset;
  padding: 0;
}

.license-usage-statistics>ul.cardWrapper>li {
  height: 100%;
  margin: 0;
  padding: 5px;
}

.menu li.grid-filters select {
  border-radius: 4px;
  padding: 1px 5px;
}

.menu li.grid-filters,
.menu li.grid-filters:hover {
  background: none;
  border: 0;
}

@media only screen and (max-width: 1023px) and (orientation: landscape) {
  .mobileTopMenu {
    display: block;
  }

  ul.menu {
    background: #ecf0f3;
    box-shadow: 2px 4px 5px 0 rgba(0, 0, 0, 0.25);
    display: none;
    height: calc(100% - 30px);
    left: 0;
    overflow-y: auto;
    padding: 10px;
    position: absolute;
    top: 40px;
    z-index: 5;
  }

  ul.menu li {
    display: block;
  }

  .menuLeft {
    z-index: 6;
  }

  .appLauncherMenu {
    z-index: 7;
  }

  .database-setup .cardItem:first-of-type:before {
    content: "";
    height: 150px;
    width: 150px;
  }

  .database-setup .cardItem:nth-of-type(2) {
    font-size: 50px;
  }

  .database-setup .cardWrapper li a,
  .database-setup .cardWrapper p {
    font-size: 11px;
  }
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
  .connectorSetup .content {
    order: 2;
  }

  .connectorSetup.improveContainer ul.relatedVideos {
    margin: 0;
    order: 1;
  }

  .menuWrapper li.collapseMenu {
    display: none;
  }

  .contentInnerWrapper,
  .improveContainer {
    flex-direction: column;
  }

  .userNameNotLoggedOn img {
    display: none;
  }

  .landingInfoText {
    margin-right: 0;
    padding: 10px;
    width: auto;
  }

  .landingButtonWrapper {
    flex: auto;
    justify-content: center;
    margin: 0;
    order: 3;
    width: 100%;
  }

  .landingWrapper.providerPage.connectorSetup aside {
    max-width: inherit;
  }

  .improveWrapper+aside {
    margin-left: inherit;
  }

  .newProviderContainer .newProviderWrapper {
    flex-direction: column;
    padding: 10px;
  }

  .newProviderWrapper .newProviderInfo h2 {
    font-size: 16px;
  }

  .newProviderInfo {
    text-align: center;
  }

  .sendEmail input[type="text"] {
    margin-top: 5px;
    max-width: 100%;
  }

  select.languageSelector {
    max-width: 40%;
  }
}

@media only screen and (max-width: 1023px) and (orientation: landscape) {
  .menuWrapper li.collapseMenu {
    display: none;
  }

  .contentInnerWrapper,
  .improveContainer {
    flex-direction: column;
  }

  .improveContainer ul.relatedVideos {
    margin-bottom: 10px !important;
  }

  .landingAppContent .breadcrumb {
    width: auto;
  }

  .body-content {
    max-height: calc(100% - 85px);
  }

  .connectorList ul {
    grid-template-columns: 1fr 1fr;
  }

  .confirmation label {
    width: 90%;
  }

  .navbar-fixed-top ul li a {
    color: #fff;
    font-size: 1em;
    margin: 0 10px;
    text-decoration: none;
  }

  .contact {
    display: block;
  }

  .content h1 {
    display: none;
  }

  .onBoardingWrapper.content h1 {
    display: block;
  }

  .onBoardingWrapper {
    margin: 10px auto;
    margin-top: 10px;
    max-width: 500px;
    overflow: scroll;
    width: 100%;
  }

  .onBoardingWrapper .tooltipWrapper {
    align-items: normal;
  }

  .content h3,
  h2 {
    font-size: 1em;
  }

  .results label {
    text-align: left;
    width: auto;
  }

  textarea {
    width: 88%;
  }

  form div.tooltip>span {
    left: auto;
    right: 30px;
  }

  form div.tooltip>span:after {
    border-width: 5px 0 5px 8px;
    content: "";
    left: auto;
    right: -8px;
  }

  .security-pop {
    height: 80%;
    left: 0;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    transform: none;
  }

  .nav-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5px;
  }

  .navbar-right {
    margin-left: auto;
  }

  ul.navbar-nav.nav {
    background: hsla(0, 0%, 100%, 0.95);
    box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.06);
    display: none;
    height: 100vh;
    left: 0;
    margin: 5px 0 0;
    position: absolute;
    text-align: left;
    width: 50vw;
    z-index: 1;
  }

  .navbar-fixed-top ul li a {
    color: #48aff2;
  }

  ul.navbar-nav.nav ul {
    margin-left: 10px;
  }

  ul.navbar-nav.nav>li a {
    display: block;
    margin: 10px 0;
    padding-left: 5px;
  }

  .selector .dbWrapper {
    width: 75%;
  }

  .selector li img {
    height: 32px;
  }

  .selector li p {
    font-size: 11px;
  }

  ul.navbar-nav.nav>li {
    border-bottom: 1px solid #9a9a9a;
    display: block;
    margin: 0;
  }

  ul.navbar-nav.nav>li>a:hover {
    color: #48aff2;
  }

  .selector li img {
    vertical-align: top;
  }

  .copyright {
    margin: 5px 5px 2px 0;
  }

  .version {
    margin: 0 5px 10px 0;
  }

  form {
    overflow: auto;
  }

  .menuLeft {
    position: absolute;
    overflow-y: auto;
    height: calc(100% - 42px);
    left: -800px;
    transition: .2s;
  }

  .menuLeft.show {
    transition: .2s;
    left: 0;
  }

  .mobileMenu {
    background: url(cloud-icon-sprite.svg);
    background-position: 0 55.5%;
    background-repeat: no-repeat;
    background-size: 200%;
    display: inline-block;
    height: 32px;
    margin: 0 10px 0 0;
    width: 32px;
  }

  .sqlHelpMenu>ul>li {
    padding-bottom: 0;
  }

  .sqlHelpMenu>ul>li>a,
  .sqlHelpMenu>ul>li>span {
    padding: 2px 4px;
  }

  .CodeMirror-scroll {
    max-height: 10vh;
  }

  .landingBannerWrapperOuter,
  .landingWrapper {
    padding: 0;
  }

  .landingWrapper {
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
  }

  .landingBannerWrapperOuter {
    height: auto;
  }

  .landingBannerWrapperInner {
    flex-direction: column;
    padding: 0 0 10px;
  }

  .landingBannerText {
    margin-right: 0;
  }

  .landingBannerText h1,
  .landingBannerText h2 {
    padding: 0 10px;
  }

  .landingBannerText p {
    padding: 10px;
  }

  .landingIconGrid .platform:last-child {
    display: block;
  }

  .landingPinPointsWrapper {
    flex-direction: column;
    margin: 0;
  }

  .landingPinPoint {
    margin: 10px 0;
  }

  .landingInfoWrapper {
    flex-direction: column;
  }

  .landingInfoText {
    margin-right: 0;
    padding: 10px;
    width: auto;
  }

  div.tooltip>span:after {
    border-width: 5px 8px 5px 0;
    content: "";
    left: -8px;
  }

  div.tooltip {
    flex: 16px 0 0;
  }

  .productCompareWrapper div.tooltip>span {
    left: 30px;
    min-width: 145px;
  }

  .componentIcon {
    flex: 16px 0 0;
  }

  .componentIcon,
  .componentIcon>img {
    margin-right: 5px;
  }

  .col-3 .productName,
  .col-3 .value {
    flex: 1;
  }

  .component a,
  .component span:nth-child(2) {
    word-break: break-word;
  }

  .component {
    flex: 35% 0 0;
  }

  input[type="password"],
  input[type="text"]:not([autocomplete=one-time-code])  {
    max-width: 55%;
    width: auto;
  }

  .landingButtonWrapper {
    flex: auto;
    flex-direction: row;
    justify-content: center;
    margin: 0;
    width: 100%;
  }

  .getStartedButton,
  .trialButton {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 10px;
  }

  .landingWrapper .landingButtonWrapper ul.docPricing {
    margin: 10px;
  }

  .gallerySlider {
    justify-content: flex-start;
    overflow-x: auto;
  }

  .pricing {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .pricing>li {
    flex: 45% 0 0;
    margin: 10px;
    max-width: none;
  }

  .bigImageWrapper {
    width: 100%;
  }

  .bigImage {
    height: auto;
    max-height: 80vh;
  }

  .nextImg,
  .prevImg {
    height: 19px;
    width: 19px;
  }

  .connectorSetup .content {
    width: auto;
  }

  .connectorSetup .fancybox {
    margin-left: 0;
    margin-top: 10px;
  }

  .contactFooter {
    box-sizing: border-box;
    flex-direction: column;
    width: 100%;
  }

  .appContent.landingAppContent {
    height: auto;
    overflow-y: initial;
  }

  .landingWrapper.providerPage.connectorSetup aside {
    max-width: inherit;
  }
}

@media (-ms-high-contrast: none),
screen and (-ms-high-contrast: active) {
  pre {
    word-wrap: break-word;
    max-width: 50vw;
  }

  .landingBannerWrapperInner {
    margin: 0 35px;
    width: 100%;
  }

  .landingIconGrid {
    display: -ms-flexbox;
    -ms-flex: 1;
    -ms-flex-wrap: wrap;
  }

  .landingIconGrid .platform {
    margin: 4px;
  }

  .landingBannerText {
    -ms-flex: 34% 0 0;
  }

  .landingPinPoint p {
    width: 100%;
  }

  .landingPinPoint {
    -ms-flex: 1;
  }

  .body-content {
    height: calc(100% - 90px);
    overflow-y: scroll;
  }

  .dashboardWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .dashboardCard {
    margin: 10px;
    width: 450px;
  }

  .figure .cardWrapper {
    display: flex;
  }

  .cardWrapper li {
    align-items: center;
    display: flex;
    flex: 40%;
    margin: 10px;
  }

  .list .cardWrapper {
    display: flex;
    flex-wrap: wrap;
  }
}

.userNameLoggedOn {
  color: #fff;
  display: flex;
  text-decoration: none;
}

.userNameLoggedOn .userNameWrapper {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin-right: 10px;
}

.userNameLoggedOn .userNameWrapper .userName {
  font-weight: 700;
}

.userNameLoggedOn .user-icon {
  cursor: pointer;
}

.landingButtonWrapper {
  display: flex;
  flex: 20% 0 0;
  flex-direction: column;
  height: 100%;
  margin: 0 25px 0 0;
}

.contactWrapper {
  display: flex;
}

.contactWrapper a {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  margin: 0 10px 0 0;
  text-decoration: none;
}

.contactWrapper img {
  height: 16px;
  margin-right: 5px;
}

.pricing {
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.pricing>li {
  background: #fff;
  box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.25);
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  list-style-type: none;
  margin: 0 8px;
  max-width: 50%;
  min-width: 19%;
}

.pricing li h4 {
  background: #48aff2;
  color: #fff;
  font-size: 16px;
  font-weight: 200;
  margin: 0;
  padding: 10px 0;
  text-align: center;
}

.pricing li .price {
  color: #48aff2;
  display: flex;
  justify-content: center;
  margin: 20px 0 0;
}

.pricingTrial {
  align-self: center;
  color: #fff;
  margin: 0 0 20px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  width: 50%;
  background: #78a91d;
  background: linear-gradient(105deg, #82b71f, #8fbb39);
  border-bottom: 3px solid #406300;
  border-top: 1px solid #406300;
  border-left: 1px solid #406300;
  border-right: 1px solid #406300;
  text-shadow: 2px 2px 2px #2c4007;
  border-radius: 6px;
  font-weight: 400;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

li.freshdeskSub .pricingTrial {
  background: #28cc76;
  border: 1px solid #139a53;
}

.pricing .freshdeskSub h4 {
  background: #28cc76;
}

.pricing .freshdeskSub .price {
  color: #28cc76;
}

.pricing>li.freeSub h4 {
  background: grey;
}

.pricing>li.freeSub .price {
  color: grey;
  font-size: 30px;
}

li.freeSub .pricingTrial {
  background: grey;
  border: 1px solid #545454;
}

.gallerySlider {
  display: flex;
  justify-content: space-evenly;
  margin: 10px 0;
  overflow-x: hidden;
  overflow-y: hidden;
}

.gallerySlider.wide {
  justify-content: flex-start;
}

.gallerySlider:hover {
  overflow-x: auto;
}

.gallerySlider .smallImageWrapper {
  border: 1px solid #646464;
  box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  flex: 175px 0 0;
  height: 175px;
  margin: 10px;
  overflow: hidden;
}

.bigImageWrapper {
  display: none;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.bigImage {
  border: 1px solid #646464;
  box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.25);
  max-height: 55vh;
  width: auto;
  z-index: 2;
  display: inline-block;
  vertical-align: middle;
}

.nextImg,
.prevImg {
  background: url(cloud-icon-sprite.svg);
  background-repeat: no-repeat;
  background-size: 200%;
  cursor: pointer;
  height: 64px;
  margin: 10px;
  width: 64px;
  z-index: 10;
  display: inline-block;
  vertical-align: middle;
}

.nextImg {
  transform: rotate(90deg);
}

.nextImg,
.prevImg {
  background-position: 0 33.3%;
}

.prevImg {
  transform: rotate(-90deg);
}

html {
  background: #ecf0f3;
}

body {
  margin: 0;
}

body,
button,
input,
select {
  font-family: Open Sans, Verdana, sans-serif;
  font-size: 12px;
}

body,
html {
  height: 100%;
  overflow: hidden;
}

.mainWrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.contentWrapper {
  display: flex;
  height: 100%;
  overflow-y: auto;
  width: 100%;
}

.appContent,
.landingContentWrapper {
  flex-direction: column;
}

.appContent {
  display: flex;
  height: 100%;
  overflow-y: auto;
  width: 100%;
}

.appContent iframe {
  border: 0;
}

.menuTop {
  align-items: center;
  background: #646464;
  display: flex;
  flex: 0 0 42px;
  position: relative;
  z-index: 2;
}

.appLogo {
  background: url(cloud-apps-sprite.svg);
  display: inline-block;
  flex: 32px 0 0;
  height: 32px;
  vertical-align: middle;
}

.invantive-cloud .appLogo {
  background-position: 0 0;
}

.invantive-bridgeonline .appLogo {
  background-position: 0 11.1%;
}

.is-anonymous .lead.app .appLogo {
  background-size: 200%;
  flex: 72px 0 0;
  height: 72px;
}

.is-anonymous .userNameNotLoggedOn>span {
  display: none;
}

.is-anonymous .lead.app .appTitle.grey {
  font-size: 36px;
  line-height: 36px;
}

.app {
  align-items: center;
  display: flex;
  flex: 1 0 0;
  margin-right: auto;
  text-decoration: none;
}

.appTitle {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
  margin: 0 5px;
}

.appTitleWrapper {
  display: flex;
  flex-direction: column;
}

.appSubTitle {
  color: #bfbfbf;
  font-size: 13px;
  font-weight: 300;
  line-height: 13px;
  margin: 2px 6px;
}

.appLauncher {
  align-items: center;
  background: #bfbfbf;
  cursor: pointer;
  display: flex;
  height: 100%;
  margin: 0 10px 0 0;
}

.appLauncherIcon {
  background: url(cloud-icon-sprite.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 200%;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  margin: 5px 10px;
  vertical-align: middle;
  width: 25px;
}

.profileWrapper {
  align-items: center;
  color: #fff;
  display: flex;
  margin-right: 10px;
}

.profileWrapper img {
  border-radius: 16px;
  display: inline-block;
  height: 32px;
  vertical-align: middle;
  width: 32px;
}

.delegationArrow {
  margin-right: 10px;
}

a.userNameNotLoggedOn {
  color: #fff;
  text-decoration: none;
}

.delegationsWrapper {
  margin: 0 10px 0 0;
}

.delegationsWrapper form {
  background: unset;
  border: unset;
  box-shadow: unset;
  margin: auto;
  overflow: auto;
  padding: unset;
}

.delegationsWrapper select {
  max-width: none;
}

.delegationHeaderWrapper {
  align-items: center;
  background-color: #ecaa07;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.delegationHeaderWrapper span:first-of-type {
  color: #fff;
  font-size: 19px;
  margin: auto;
  padding: 3px;
}

.delegationHeaderWrapper span:nth-of-type(2) {
  background: #f5f5f5;
  border: 1px solid #646464;
  border-radius: 4px;
  box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.13);
  color: #646464;
  display: inline-block;
  margin: 0 10px;
  padding: 3px 10px;
  text-decoration: none;
  vertical-align: middle;
}

.delegationHeaderWrapper span:nth-of-type(2):before {
  background: url(cloud-icon-sprite-3.svg);
  background-position: 0 67.5%;
  background-size: 200%;
  content: "";
  display: inline-block;
  height: 16px;
  vertical-align: middle;
  width: 16px;
}

.delegationHeaderWrapper span:nth-of-type(2):hover {
  background: #dcdcdc;
}

.delegationHeaderWrapper span:nth-of-type(2) a {
  color: #000;
  padding: 3px;
  text-decoration: none;
}

.menuWrapper {
  list-style-type: none;
  margin: 0;
  padding: 10px;
}

.menuWrapper li.mainItem {
  padding: 0;
}

.menuWrapper li.mainItem,
.menuWrapper li.subItem {
  align-items: center;
  border: 1px solid hsla(0, 0%, 100%, 0);
  display: flex;
  font-size: 14px;
  margin-bottom: 5px;
}

.menuWrapper li.subItem {
  cursor: pointer;
}

.menuWrapper li a {
  color: #646464;
  display: flex;
  flex: 1;
  overflow: hidden;
  padding: 5px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  align-items: center;
}

.menuWrapper ul {
  cursor: pointer;
  padding: 0;
  width: 100%;
}

.menuLeft {
  background: #dee0e4;
  flex: 200px 0 0;
  height: 100%;
  margin: 0;
  overflow-y: auto;
  padding: 0;
  position: relative;
  z-index: 5;
}

.invantive-cloud .menuLeft.collapsed {
  flex: 63px 0 0;
}

.invantive-bridgeonline .menuLeft.collapsed {
  flex: 47px 0 0;
}

.menuLeft.collapsed li.mainItem a,
.menuLeft.collapsed li.subItem a {
  display: none;
}

.menuLeft.collapsed .menuWrapper {
  padding: 10px 6px;
}

.menuWrapper li.collapseMenu {
  align-items: center;
  background: #f5f5f5;
  display: flex;
  height: 10px;
  justify-content: center;
  margin: 0 0 5px auto;
  padding: 5px 2px;
  width: 30px;
}

.menuLeft .menuWrapper li.collapseMenu:before {
  background: url(cloud-icon-sprite-4.svg);
  background-position: 100% 33.3%;
  background-size: 200%;
  content: "";
  display: flex;
  flex: 22px 0 0;
  height: 22px;
  margin: 0 auto;
  width: 22px;
}

.menuLeft.collapsed .menuWrapper li.collapseMenu:before {
  background-position: 0 44.4%;
  content: "";
}

.mainItem {
  background: #e9ebed;
  font-size: 14px;
  font-weight: 600;
}

.subItem {
  transition: background 0.2s;
}

.mainItem a:before,
.subItem a:before {
  background: url(cloud-icon-sprite.svg);
  content: "";
  display: inline-block;
  height: 22px;
  margin: 0 5px 0 0;
  min-width: 22px;
  width: 22px;
}

.invantive-bridgeonline .menuLeft.collapsed .subItem:before {
  content: "";
  width: 24px;
}

.menuWrapper li.home {
  background: #f5f5f5;
  border: 1px solid #646464;
}

.menuWrapper li.home a {
  font-weight: 600;
}

.setup a:before {
  background-position: 0 88.8%;
  background-size: 200%;
  content: "";
}

.menuWrapper li.home a:before {
  background: url(cloud-icon-sprite-3.svg);
  background-position: 0 100%;
  background-size: 200%;
  content: "";
}

.licensing a:before {
  background-position: 0 11.1%;
  background-size: 200%;
  content: "";
}

.diagnostics a:before {
  background-position: 100% 0;
  background-size: 200%;
  content: "";
}

.profile a:before,
.userprofile a:before {
  background-position: 100% 44.4%;
  background-size: 200%;
  content: "";
}

.logoff a:before {
  background-position: 100% 55.5%;
  background-size: 200%;
  content: "";
}

.databases a:before {
  background-position: 0 44.4%;
  background-size: 200%;
  content: "";
}

.preauthenticate a:before {
  background-position: 0 22.2%;
  background-size: 200%;
  content: "";
}

.agreements a:before {
  background-position: 100% 33.3%;
  background-size: 200%;
  content: "";
}

.dashboard a:before {
  background-position: 0 66.6%;
  background-size: 200%;
  content: "";
}

.parties a:before {
  background: url(cloud-icon-sprite-3.svg);
  background-position: 0 66%;
  background-size: 200%;
  content: "";
}

.sessionios a:before {
  background: url(cloud-icon-sprite-4.svg);
  background-position: 0 0;
  background-size: 200%;
  content: "";
}

.monitoring a:before {
  background: url(cloud-icon-sprite-4.svg);
  background-position: 0 11.1%;
  background-size: 200%;
  content: "";
}

.monitoring-live a:before {
  background: url(cloud-icon-sprite-5.svg);
  background-position: 100% 77.7%;
  background-size: 200%;
  content: "";
}

.monitoring-history a:before {
  background: url(cloud-icon-sprite-5.svg);
  background-position: 0% 88.8%;
  background-size: 200%;
  content: "";
}

.monitoring-sessions a:before {
  background: url(cloud-icon-sprite-4.svg);
  background-position: 100% 88.8%;
  background-size: 200%;
  content: "";
}

.monitoring-nodes a:before {
  background: url(cloud-icon-sprite-5.svg);
  background-position: 0 99.9%;
  background-size: 200%;
  content: "";
}

.monitoring-timeline a:before {
  background: url(cloud-icon-sprite-5.svg);
  background-position: 0 44.4%;
  background-size: 200%;
  content: "";
}

.users a:before {
  background-position: 100% 11.1%;
  background-size: 200%;
  content: "";
}

.licensekeys a:before {
  background-position: 0 77.7%;
  background-size: 200%;
  content: "";
}

.invoices a:before {
  background-position: 100% 22.2%;
  background-size: 200%;
  content: "";
}

.logging a:before {
  background-position: 0 100%;
  background-size: 200%;
  content: "";
}

.sql-editor a:before {
  background: url(cloud-icon-sprite-2.svg);
  background-position: 0 0;
  background-size: 200%;
  content: "";
}

.messages a:before {
  background: url(cloud-icon-sprite-2.svg);
  background-position: 0 44.4%;
  background-size: 200%;
  content: "";
}

.application a:before {
  background: url(cloud-icon-sprite-3.svg);
  background-position: 0 22.2%;
  background-size: 200%;
  content: "";
}

.contact-us a:before {
  background: url(cloud-icon-sprite-2.svg);
  background-position: 100% 44.4%;
  background-size: 200%;
  content: "";
}

.mfa a:before {
  background: url(cloud-icon-sprite-2.svg);
  background-position: 0 55.5%;
  background-size: 200%;
  content: "";
}

.data-replicator a:before {
  background: url(cloud-icon-sprite-4.svg);
  background-position: 0 33.3%;
  background-size: 200%;
  content: "";
}

.transactions a:before {
  background: url(cloud-icon-sprite-4.svg);
  background-position: 100% 66.6%;
  background-size: 200%;
  content: "";
}

.discounts a:before {
  background: url(cloud-icon-sprite-5.svg);
  background-position: 0 22.2%;
  background-size: 200%;
  content: "";
}

.appLauncherMenu {
  background: #dee0e4;
  box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.25);
  display: none;
  flex-direction: column;
  height: 100%;
  position: absolute;
  width: 260px;
  z-index: 6;
}

.appLauncherMenu.show {
  display: flex;
}

.appMenu {
  height: 100%;
  overflow-y: auto;
}

.appHeader {
  align-items: center;
  background: #bfbfbf;
  display: flex;
  flex: 42px 0 0;
}

.appMenuTitle {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}

.appMenuWrapper {
  margin: 5px;
  padding: 0;
}

.appItem {
  align-items: center;
  background: #e9ebed;
  color: #646464;
  display: flex;
  font-size: 14px;
  margin-bottom: 5px;
  padding: 5px;
  text-decoration: none;
  transition: color 0.2s, background 0.2s;
}

.appItem:before {
  background: url(cloud-apps-sprite.svg);
  content: "";
  display: inline-block;
  height: 32px;
  margin-right: 5px;
  min-width: 32px;
  width: 32px;
}

.appItem.osr:before {
  background-position: 100% 0;
  background-size: 200%;
  content: "";
}

.appItem.bo:before {
  background-position: 0 11.25%;
  background-size: 200%;
  content: "";
}

.appItem.tt:before {
  background-position: 0 44%;
  background-size: 200%;
  content: "";
}

.appItem.cq:before {
  background-position: 100% 44%;
  background-size: 200%;
  content: "";
}

.appItem.ci:before {
  background-position: 0 56%;
  background-size: 200%;
  content: "";
}

.appItem.ra:before {
  background-position: 0 22.25%;
  background-size: 200%;
  content: "";
}

.appItem.pe:before {
  background-position: 100% 11%;
  background-size: 200%;
  content: "";
}

.appItem.dn:before {
  background-position: 100% 22.25%;
  background-size: 200%;
  content: "";
}

.appItem.kb:before {
  background-position: 100% 33%;
  background-size: 200%;
  content: "";
}

.appItem.dd:before {
  background-position: 0 33.25%;
  background-size: 200%;
  content: "";
}

.appItem.ct:before {
  background-position: 0 67%;
  background-size: 200%;
  content: "";
}

.appItem.pr:before {
  background-position: 100% 56%;
  background-size: 200%;
  content: "";
}

.appItem.dl:before {
  background-position: 100% 66.6%;
  background-size: 200%;
  content: "";
}

.appItem.ao:before {
  background-position: 0 77.7%;
  background-size: 200%;
  content: "";
}

.appItem.gm:before {
  background-position: 0 88.8%;
  background-size: 200%;
  content: "";
}

.appItem.vt:before {
  background-position: 100% 77.7%;
  background-size: 200%;
  content: "";
}

.appItem .appName {
  word-break: break-word;
}

.mobileOverlay {
  background: hsla(0, 0%, 100%, 0.8);
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.appItem:hover {
  background: #48aff1;
  color: #fff;
  transition: color 0.2s, background 0.2s;
}

ul.dashboard {
  flex-wrap: wrap;
  padding: 0;
}

ul.dashboard,
ul.dashboard li {
  display: flex;
  justify-content: center;
}

ul.dashboard li {
  align-items: center;
  background: #fff;
  border: 1px solid #48aff2;
  border-radius: 10px;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.15);
  margin: 10px;
  padding: 5px;
  transition: background 0.2s;
  width: 150px;
}

ul.dashboard li:hover {
  background: #eef6ff;
  transition: background 0.2s;
}

ul.dashboard li a {
  align-items: center;
  color: #646464;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-weight: 300;
  justify-content: center;
  text-align: center;
  text-decoration: none;
}

ul.dashboard li a:before {
  background: url(cloud-icon-sprite.svg);
  content: "";
  display: block;
  height: 128px;
  margin-bottom: 10px;
  width: 128px;
}

ul.dashboard li.database a:before {
  background-position: 0 44%;
  background-size: 200%;
  content: "";
}

ul.dashboard li.datacontainer a:before {
  background-position: 100% 66%;
  background-size: 200%;
  content: "";
}

ul.menu li.known-data-container a:before {
  background-position: 100% 66.6%;
  background-size: 200%;
  content: "";
}

ul.dashboard li.bridge-configuration a:before {
  background: url(cloud-icon-sprite-2.svg);
  background-position: 100% 55.5%;
  background-size: 200%;
  content: "";
}

ul.dashboard li.preauthenticate a:before {
  background-position: 0 22%;
  background-size: 200%;
  content: "";
}

ul.dashboard li.agreement a:before {
  background-position: 0 11%;
  background-size: 200%;
  content: "";
}

ul.dashboard li.party a:before {
  background-position: 100% 11%;
  background-size: 200%;
  content: "";
}

ul.dashboard li.user a:before {
  background-position: 100% 44%;
  background-size: 200%;
  content: "";
}

ul.dashboard li.licensekey a:before {
  background-position: 0 78%;
  background-size: 200%;
  content: "";
}

ul.dashboard li.logging a:before {
  background-position: 0 100%;
  background-size: 200%;
  content: "";
}

ul.dashboard li.blockedagreement a:before {
  background-position: 100% 88.25%;
  background-size: 200%;
  content: "";
}

.content.setup {
  max-height: calc(100% - 125px);
}

.appContent .content.centered {
  margin: 10px auto;
}

.content.centered {
  margin: auto;
  max-width: 1000px;
  overflow-y: unset;
}

td.string-monotype {
  font-family: monospace;
  white-space: pre-wrap;
  min-width: 70px;
}

@keyframes spinner {
  to {
    transform: rotate(1turn);
  }
}

.spinner:before {
  animation: spinner 0.6s linear infinite;
  border: 2px solid #ccc;
  border-radius: 50%;
  border-top-color: #333;
  box-sizing: border-box;
  content: "";
  height: 20px;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 20px;
}

ul.menu {
  flex: 1 0 0;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu li {
  background: #f5f5f5;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.13);
  display: inline-block;
  margin: 3px 5px 3px 0;
  vertical-align: middle;
}

.menu li a {
  align-items: center;
  color: #646464;
  display: flex;
  padding: 2px 10px;
  text-decoration: none;
}

.menu li a span {
  margin-left: 2px;
}

.menu li a span,
ul.menu li a:before {
  display: inline-block;
  vertical-align: middle;
}

ul.menu li a:before {
  background: url(cloud-icon-sprite.svg);
  background-position: 100% 100%;
  background-size: 200%;
  content: "";
  height: 16px;
  margin-right: 2px;
  width: 16px;
}

ul.menu li.node a:before {
  background: url(cloud-icon-sprite-5.svg);
  background-position: 0 44.4%;
  background-size: 200%;
  content: "";
}

ul.menu li.database a:before {
  background-position: 0 44.4%;
  background-size: 200%;
  content: "";
}

ul.menu li.datacontainer a:before {
  background-position: 100% 66.6%;
  background-size: 200%;
  content: "";
}

ul.menu li.bridge-configuration a:before {
  background: url(cloud-icon-sprite-2.svg);
  background-position: 100% 55.5%;
  background-size: 200%;
  content: "";
}

ul.menu li.show-all a:before {
  background: url(cloud-icon-sprite-2.svg);
  background-position: 0 66.6%;
  background-size: 200%;
  content: "";
}

ul.menu li.phases a:before {
    background: url(cloud-icon-sprite-5.svg);
    background-position: 100% 88.8%;
    background-size: 200%;
    content: "";
}

ul.menu li.audit a:before {
  background: url(cloud-icon-sprite-2.svg);
  background-position: 0 77.7%;
  background-size: 200%;
  content: "";
}

ul.menu li.bridge-online-password a:before {
  background: url(cloud-icon-sprite-4.svg);
  background-position: 100% 0;
  background-size: 200%;
  content: "";
}

ul.menu li.terminate-sessions a:before {
  background: url(cloud-icon-sprite-4.svg);
  background-position: 100% 55.5%;
  background-size: 200%;
  content: "";
}

ul.menu li.mfa-status a:before {
  background: url(cloud-icon-sprite-2.svg);
  background-position: 0 55.5%;
  background-size: 200%;
  content: "";
}

ul.menu li.reset-mfa a:before {
  background: url(cloud-icon-sprite-2.svg);
  background-position: 0 88.8%;
  background-size: 200%;
  content: "";
}

ul.menu li.pay a:before {
  background: url(cloud-icon-sprite-2.svg);
  background-position: 100% 77.7%;
  background-size: 200%;
  content: "";
}

ul.menu li.download-lic a:before {
  background: url(cloud-icon-sprite-3.svg);
  background-position: 0 44.4%;
  background-size: 200%;
  content: "";
}

ul.menu li.activations a:before {
  background: url(cloud-icon-sprite-5.svg);
  background-position: 100% 100%;
  background-size: 200%;
  content: "";
}

ul.menu li.modules a:before {
  background: url(cloud-icon-sprite-3.svg);
  background-position: 100% 44.4%;
  background-size: 200%;
  content: "";
}

ul.menu li.parameter-values a:before {
  background: url(cloud-icon-sprite-2.svg);
  background-position: 100% 88.8%;
  background-size: 200%;
  content: "";
}

ul.menu li.download-pdf a:before,
ul.menu li.download-xml a:before {
  background: url(cloud-icon-sprite.svg);
  background-position: 100% 22.2%;
  background-size: 200%;
  content: "";
}

ul.menu li.refresh-authorization a:before {
  background: url(cloud-icon-sprite-2.svg);
  background-position: 100% 66.6%;
  background-size: 200%;
  content: "";
}

ul.menu li.add-oauth-credentials a:before {
  background: url(cloud-icon-sprite-4.svg);
  background-position: 100% 0;
  background-size: 200%;
  content: "";
}

ul.menu li.refresh-authorization.urgent {
  background: #ff6b6b;
  border: 2px solid #fd1c1c;
}

ul.menu li.refresh-authorization.urgent a {
  color: #fff;
}

ul.menu li.refresh-authorization.urgent a:before {
  background: url(cloud-icon-sprite-4.svg);
  background-position: 100% 55.5%;
  background-size: 200%;
  content: "";
}

ul.menu li.sessionios a:before {
  background: url(cloud-icon-sprite-4.svg);
  background-position: 0 0;
  background-size: 200%;
  content: "";
}

ul.menu li.component a:before {
  background: url(cloud-icon-sprite-3.svg);
  background-position: 0 0;
  background-size: 200%;
  content: "";
}

ul.menu li.compare a:before {
  background: url(cloud-icon-sprite-3.svg);
  background-position: 0 33.3%;
  background-size: 200%;
  content: "";
}

ul.menu li.settings-xml a:before {
  background: url(cloud-icon-sprite-3.svg);
  background-position: 100% 33.3%;
  background-size: 200%;
  content: "";
}

ul.menu li.export-pdf a:before {
  background: url(cloud-icon-sprite-3.svg);
  background-position: 100% 0;
  background-size: 200%;
  content: "";
}

ul.menu li.export-csv a:before {
  background: url(cloud-icon-sprite-3.svg);
  background-position: 0 11.1%;
  background-size: 200%;
  content: "";
}

ul.menu li.export-excel a:before {
  background: url(cloud-icon-sprite-3.svg);
  background-position: 100% 11.1%;
  background-size: 200%;
  content: "";
}

ul.menu li.application a:before {
  background: url(cloud-icon-sprite-3.svg);
}

ul.menu li.application a:before,
ul.menu li.preauthenticate a:before {
  background-position: 0 22.2%;
  background-size: 200%;
  content: "";
}

ul.menu li.clear-output a:before {
  background: url(cloud-icon-sprite-2.svg);
  background-position: 100% 11.1%;
  background-size: 200%;
  content: "";
}

ul.menu li.copy-to-clipboard a:before {
  background: url(cloud-icon-sprite-4.svg);
  background-position: 0 55.5%;
  background-size: 200%;
  content: "";
}

ul.menu li.timeline a:before {
  background: url(cloud-icon-sprite-5.svg);
  background-position: 0 44.4%;
  background-size: 200%;
  content: "";
}

ul.menu li.monitoring a:before {
  background: url(cloud-icon-sprite-5.svg);
  background-position: 0 88.8%;
  background-size: 200%;
  content: "";
}

.copiedClipboard {
  background: #47aff3;
  border: 1px solid #0d8bcd;
  border-radius: 5px;
  box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.13);
  color: #fff;
  display: none;
  left: 50%;
  margin: 0 10px;
  padding: 2px 10px;
  position: fixed;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.bridge-configuration:before {
  background: url(cloud-icon-sprite-2.svg);
  background-position: 100% 55.5%;
  background-size: 200%;
  content: "";
}

ul.menu li.agreement a:before {
  background-position: 0 11.1%;
  background-size: 200%;
  content: "";
}

ul.menu li.party a:before {
  background-position: 100% 11%;
  background-size: 200%;
  content: "";
}

ul.menu li.user a:before {
  background-position: 100% 44.4%;
  background-size: 200%;
  content: "";
}

ul.menu li.licensekey a:before {
  background-position: 0 77.7%;
  background-size: 200%;
  content: "";
}

ul.menu li.logging a:before {
  background-position: 0 100%;
  background-size: 200%;
  content: "";
}

ul.menu li.blockedagreement a:before {
  background-position: 100% 88.8%;
  background-size: 200%;
  content: "";
}

ul.menu li.invoice a:before {
  background-position: 100% 22.2%;
  background-size: 200%;
  content: "";
}

ul.menu li.sql-editor a:before {
  background: url(cloud-icon-sprite-2.svg);
  background-position: 0 0;
  background-size: 200%;
  content: "";
}

ul.menu li.sql-grammar a:before {
  background: url(cloud-icon-sprite-2.svg);
  background-position: 0 22.2%;
  background-size: 200%;
  content: "";
}

ul.menu li.save a:before {
  background: url(cloud-icon-sprite-2.svg);
  background-position: 100% 0;
  background-size: 200%;
  content: "";
}

ul.menu li.upload a:before {
  background: url(cloud-icon-sprite-2.svg);
  background-position: 0 11.1%;
  background-size: 200%;
  content: "";
}

ul.menu li.delete a:before {
  background: url(cloud-icon-sprite-2.svg);
  background-position: 100% 11.1%;
  background-size: 200%;
  content: "";
}

ul.menu li.execute a:before {
  background: url(cloud-icon-sprite-2.svg);
  background-position: 100% 22.2%;
  background-size: 200%;
  content: "";
}

ul.menu li.disconnect a:before {
  background: url(cloud-icon-sprite-2.svg);
  background-position: 0 33.3%;
  background-size: 200%;
  content: "";
}

ul.menu li.change-password a:before {
  background: url(cloud-icon-sprite-4.svg);
  background-position: 100% 22.2%;
  background-size: 200%;
  content: "";
}

ul.menu li.delegation a:before {
  background: url(cloud-icon-sprite-4.svg);
  background-position: 100% 44.4%;
  background-size: 200%;
  content: "";
}

ul.menu li.refresh-data a:before {
  background: url(cloud-icon-sprite-3.svg);
  background-position: 100% 100%;
  background-size: 200%;
  content: "";
}

ul.menu li.abort-request a:before {
  background: url(cloud-icon-sprite-4.svg);
  background-position: 0 66.6%;
  background-size: 200%;
  content: "";
}

ul.menu li.edit-database a:before {
  background: url(cloud-icon-sprite-5.svg);
  background-position: 100% 11.1%;
  background-size: 200%;
  content: "";
}

ul.menu li.new-application a:before,
ul.menu li.new-database a:before,
ul.menu li.new-delegation a:before,
ul.menu li.new-module a:before,
ul.menu li.new-organisation a:before,
ul.menu li.new-poolidentity a:before {
  background: #646464;
  border-radius: 10px;
  color: #fff;
  content: "+";
  font-weight: 700;
  height: 15px;
  line-height: 15px;
  text-align: center;
  width: 15px;
}

ul.menu li.retry a:before {
  background: url(cloud-icon-sprite-3.svg);
  background-position: 100% 100%;
  background-size: 200%;
  content: "";
}

ul.menu li.discount a:before {
  background: url(cloud-icon-sprite-5.svg);
  background-position: 0 22.2%;
  background-size: 200%;
  content: "";
}

.menu li:hover {
  background: #dcdcdc;
}

.menu li a span:hover {
  text-decoration: none;
}

thead {
  font-weight: 700;
}

.nav-container {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 5px;
}

.content h3 {
  color: #48aff2;
  font-size: 16px;
  font-weight: 600;
  margin: 5px 0;
}

hgroup h3 {
  font-size: 1em;
  font-weight: 400;
  margin: 10px 0;
  text-align: center;
}

.body-content {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: auto;
  max-height: calc(100% - 100px);
  position: relative;
}

.navbar-fixed-top {
  background: #48aff2;
  border-bottom: 1px solid #fff;
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
  color: #fff;
}

.navbar-fixed-top ul {
  margin: 0;
  padding: 0;
}

.navbar-fixed-top ul li a {
  color: #fff;
  font-size: 1em;
  text-decoration: none;
}

.navbar-fixed-top ul li ul li {
  margin: 0;
}

.navbar-fixed-top .navbar-brand img {
  display: inline-block;
  height: 32px;
  margin-right: 5px;
  vertical-align: middle;
  width: auto;
}

.navbar-fixed-sub-top {
  background: #606060;
  border-bottom: 1px solid #fff;
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
  color: #fff;
  left: 0;
  position: fixed;
  right: 0;
}

.navbar-fixed-sub-top ul {
  margin: 0;
  padding: 0;
}

.navbar-fixed-sub-top ul li {
  display: inline;
}

.navbar-fixed-sub-top ul li a {
  border-bottom: 3px solid #48aff2;
  color: #fff;
  margin: 0 20px;
  text-decoration: none;
  transition: border 0.4s;
}

.navbar-fixed-sub-top .navbar-brand img {
  display: inline-block;
  height: 32px;
  margin-right: 5px;
  vertical-align: middle;
  width: auto;
}

.navbar-right {
  margin-left: auto;
  margin-right: 5px;
}

.nav-logo a {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.nav-logo a span {
  display: inline-block;
  vertical-align: middle;
}

.navbar-right a {
  border-bottom: 3px solid #48aff2;
  color: #fff;
  font-size: 1em;
  text-decoration: underline;
  transition: border 0.4s ease 0s;
}

ul.navbar-nav.nav>li>a:hover {
  color: #c5e1ff;
}

ul.navbar-nav.nav>li>a {
  position: relative;
}

ul.navbar-nav.nav>li {
  display: inline-block;
  margin: 0 20px;
  position: relative;
  vertical-align: middle;
}

.content h1 {
  background: #48aff2;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.06);
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  margin: 0 0 10px;
  padding: 0 5px;
}

.content h2 {
  background: #48aff2;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  margin: 0;
  padding: 3px 3px 3px 5px;
}

.bridgeOnline h2,
.productCompareWrapper h2 {
  background: #48aff2;
  color: #fff;
  font-weight: 300;
  margin: 0;
  padding: 5px;
  text-align: center;
}

.navbar-fixed-top ul li .navbar-brand {
  font-size: 1em;
  font-style: italic;
  font-weight: 700;
  text-decoration: none;
}

footer p {
  color: gray;
  font-size: 0.7em;
  margin: 5px 10px 5px 5px;
  text-align: right;
}

.btn,
.button,
button,
input[type="submit"] {
  background: #8fc800;
  border: 1px solid #498202;
  border-radius: 0.25rem;
  box-shadow: 2px 3px 0 hsla(0, 0%, 69%, 0.25);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
  margin: 3px;
  min-width: 215px;
  padding: 0.375rem 0.75rem;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  vertical-align: middle;
  white-space: nowrap;
}

.button.button-small-100,
button.button-small-100,
input[type="submit"].button-small-100 {
  width: 100px;
}

.linkOrganisation a.button {
  margin: 0;
}

.button.big {}

.button.cancel,
.button.existingOrg,
.button.newOrg,
button.wizardButtonPrev {
  background: #c7c7c7;
  border: 1px solid #868686;
}

.btn-primary {
  background: #48aef2;
  border-color: #119efb;
  box-shadow: 2px 3px 0 hsla(0, 0%, 69%, 0.25);
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

input.delete {
  background: red;
  border: 1px solid #c00;
}

input[type="submit"].delete {
  background: red;
  border: 1px solid #c00;
}

input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"]:not([autocomplete=one-time-code]) ,
input[type="time"],
input[type="url"],
select {
  margin: 3px 0;
  max-width: 80%;
  padding: 3px;
}

::placeholder {
  color: silver;
}

.mfa-app-image {
  margin: 5px 0;
  max-height: 50px;
  max-width: 150px;
}

input[type="checkbox"] {
  vertical-align: middle;
}

textarea {
  margin: 3px 0;
  padding: 3px;
  vertical-align: top;
  width: 80%;
}

label {
  flex: 250px 0 0;
  font-weight: 600;
  margin: 5px 14px 5px 0;
  text-align: left;
}

label.required:after {
  content: " *";
}

#monitoringSubFullQualifiedName,
pre {
  font-size: 1.1em;
  white-space: pre-wrap;
  word-break: break-word;
}

form {
  background: #f5f5f5;
  border: 1px solid #bfbfbf;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.06);
  margin: 10px 0;
  overflow: hidden;
  padding: 10px;
}

form ul {
  margin: 0;
  padding: 0;
}

.deleteForm {
  display: none;
}

form ul li.invantive-only {
  color: #929293;
}

form ul li>img {
  align-self: flex-start;
}

.mfa-edit-form li {
  align-items: flex-start;
}

#StartUpSql {
  height: 200px;
}

#ManagedStartUpSql {
    height: 100px;
}

#StaffStartUpSql {
    height: 100px;
}

#deviate-redirect-uri+label {
  flex: 130px 0 0;
}

.contact a,
.documentation a {
  color: #007bff;
  text-decoration: none;
}

.contact {
  background: #f5f5f5;
  border: 1px solid #bfbfbf;
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

.contact article {
  margin: 5px;
}

.contact article ul {
  margin: 0;
  padding: 0;
}

.contact article ul.security {
  background: #f1f9ff;
  border: 1px solid #48adf1;
  margin-top: 3px;
  padding: 5px;
}

.contact article ul.security li:first-of-type {
  background: #48adf1;
  color: #fff;
  margin-bottom: 3px;
  text-align: center;
}

.contact article ul li {
  list-style-type: none;
}

.contact article ul.security li .more {
  font-weight: 700;
  text-decoration: underline;
}

h3:empty,
hr,
p:empty {
  display: none;
}

.field-validation-error {
  background: #ffb4b4;
  border: 1px solid #c73f3f;
  color: #fff;
  font-size: 0.7em;
  padding: 1px;
}

.encrypt-statement,
.unencrypted-connection-string {
  min-height: 80px;
}

.invantive-settings-xml {
  min-height: 300px;
}

.confirmation-text {
  font-weight: 700;
}

input[type="text"]:read-only {
  background: #e2e2e2;
  border: 1px solid #ccc;
  padding: 4px;
}

.hidden {
  display: none !important;
}

.confirmation,
.deviating {
  margin-left: 257px;
}

.confirmation label,
.deviating label {
  margin-top: 2px;
  text-align: left;
  vertical-align: top;
  width: auto;
}

.security-warning {
  margin: 0;
}

.security-warning,
.usermessage-warning {
  background: #ffecd0;
  border: 1px dashed #ffbc9e;
  padding: 10px;
}

.usermessage-warning {
  margin: 10px;
}

.usermessage-error {
  background: #fff4f3;
  border: 1px dashed #e74c3c;
  margin: 10px;
  padding: 10px;
}

.usermessage-information {
  background: #d5e7fd;
  border: 1px dashed #00f;
  margin: 10px;
  padding: 10px;
}

.security-warning button {
  background: #ef9818;
  border: 1px #ffbc9e;
  display: block;
}

div.tooltip {
  align-self: baseline;
  background: url(tooltip-icon.svg);
  background-size: cover;
  display: inline-block;
  height: 16px;
  margin-left: 5px;
  position: relative;
  vertical-align: middle;
  width: 16px;
  flex: 16px 0 0;
}

div.tooltip>span {
  background: #74beef;
  border-radius: 5px;
  box-shadow: 2px 2px 0 #177dbf;
  color: #fff;
  min-width: 250px;
  opacity: 0;
  padding: 10px;
  position: absolute;
  right: 30px;
  top: -10px;
  transition: opacity 0.3s;
  visibility: hidden;
  z-index: 999;
}

.results div.tooltip>span {
  min-width: 350px;
}

form div.tooltip>span {
  left: 30px;
  right: auto;
}

div.tooltip>span:after {
  border-color: transparent #74beef;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  bottom: auto;
  content: "";
  display: block;
  position: absolute;
  right: -8px;
  top: 15px;
  width: 0;
}

form div.tooltip>span:after {
  border-width: 5px 8px 5px 0;
  content: "";
  left: -8px;
  right: auto;
}

div.tooltip:hover>span {
  opacity: 1;
  transition: opacity 0.6s;
  visibility: visible;
}

form div.tooltip.leftAligned>span {
  left: auto;
  right: 30px;
}

form div.tooltip.leftAligned>span:after {
  border-width: 5px 0 5px 8px;
  content: "";
  left: auto;
  right: -8px;
}

form.leftAligned div.tooltip>span {
  left: auto;
  right: 30px;
}

form.leftAligned div.tooltip>span:after {
  border-width: 5px 0 5px 8px;
  content: "";
  left: auto;
  right: -8px;
}

.confirmation .field-validation-error {
  display: block;
  margin-left: 20px;
  width: 50%;
}

.refresh-token {
  min-height: 50px;
}

.message-payload {
  min-height: 200px;
}

.invantive-settings-xml,
.message-payload,
.refresh-token {
  word-break: break-all;
}

.security-pop {
  background: #fff;
  border: 3px solid #48adf1;
  box-shadow: 5px 5px 0 #5f5f5f;
  display: none;
  left: 50%;
  padding: 15px;
  position: absolute;
  top: 50%;
  transform: translate(-52%, -52%);
  z-index: 999;
}

.security-pop ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.security-pop ul li:first-of-type {
  background: #48adf1;
  color: #fff;
  margin: 5px 0;
  padding: 3px 3px 3px 10px;
}

.security-pop ul li {
  background: #f1f9ff;
  padding: 5px 3px 5px 25px;
  position: relative;
}

.security-pop ul li .close-secpop {
  cursor: pointer;
  float: right;
  font-family: Open Sans Bold, sans-serif;
  margin-right: 5px;
}

.security-pop ul li:before {
  background: #48adf1;
  content: "";
  display: inline-block;
  height: 4px;
  left: 10px;
  margin-right: 10px;
  position: absolute;
  top: 10px;
  vertical-align: middle;
  width: 4px;
}

.security-pop ul li:first-of-type:before {
  height: 0;
  width: 0;
}

.security-overlay {
  animation: fadein 0.5s;
  animation-fill-mode: both;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 1;
}

.selector div {
  margin: 20px;
}

.selector ul {
  list-style-type: none;
  padding: 0;
}

.selector h3 {
  font-weight: 700;
  margin: 0;
}

.selector li img {
  display: inline-block;
  height: 48px;
  vertical-align: middle;
}

.selector li a {
  color: #000;
  text-decoration: none;
}

.selector li p {
  margin: 0;
}

.selector li {
  background: #fff;
  border: 1px solid #dee0e3;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.06);
  margin: 10px;
  padding: 10px;
}

.selector li:hover {
  background: #ecf3f7;
  border: 1px solid #b8e4fd;
  box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.06);
  cursor: pointer;
}

.selector .dbWrapper {
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
}

.nav-logo {
  white-space: nowrap;
}

.mobileMenu {
  display: none;
}

table.dataTable.no-footer {
  border: 1px solid #bfbfbf !important;
}

table.dataTable thead td,
table.dataTable thead th {
  border: 0 !important;
}

table.dataTable tbody td {
  vertical-align: top !important;
}

table.dataTable tbody td.text.SqlStatement,
table.dataTable tbody td.text.RelativePath,
table.dataTable tbody td.text.Exception {
  max-width: 0;
  min-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  word-break: break-all;
}

table.dataTable tbody td.text.UserEmailAddress {
  max-width: 0;
  min-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  word-break: break-all;
}

table.dataTable tbody td.text.Node {
  white-space: nowrap;
}

table.dataTable tbody .integer,
table.dataTable tbody .number,
table.dataTable thead th.sorting.integer,
table.dataTable thead th.sorting.number,
table.dataTable thead th.sorting_asc.integer,
table.dataTable thead th.sorting_asc.number,
table.dataTable thead th.sorting_desc.integer,
table.dataTable thead th.sorting_desc.number {
  text-align: right;
}

.datetime,
.time,
table.dataTable tbody .boolean,
table.dataTable tbody .date,
table.dataTable thead th.sorting.boolean,
table.dataTable thead th.sorting.date,
table.dataTable thead th.sorting.datetime,
table.dataTable thead th.sorting_asc.boolean,
table.dataTable thead th.sorting_asc.date,
table.dataTable thead th.sorting_asc.datetime,
table.dataTable thead th.sorting_desc.boolean,
table.dataTable thead th.sorting_desc.date,
table.dataTable thead th.sorting_desc.datetime {
  text-align: center;
}

table.dataTable tr[data-link]:not([data-link=""]) {
  cursor: pointer;
}

table.dataTable tr.odd {
  background-color: #efefef;
}

.dataTables_scrollHead table.dataTable thead .sorting_desc:after {
  content: "\25bc";
  margin-left: 5px;
}

.dataTables_scrollHead table.dataTable thead .sorting_asc:after {
  content: "\25b2";
  margin-left: 5px;
}

.dt-buttons {
  display: none;
}

.dbWrapper h3 {
  color: #000;
}

.agreementDetails ul li {
  list-style-type: none;
  margin: 10px 0;
  color: #545454;
}

.agreementDetails ul {
  margin: 0;
  padding: 10px;
}

.editDatabase form label {
  text-align: left;
}

.breadcrumb {
  font-size: 0.9em;
  list-style: none;
  margin: 10px 15px 5px;
  padding: 0;
}

.landingAppContent .breadcrumb {
  margin: 0px auto;
  padding: 10px 25px 0;
  width: 1000px;
}

.support-page .landingAppContent .breadcrumb {
  padding: 10px 15px 0;
  width: auto;
  max-width: 75%;
}

.breadcrumb li a {
  color: #000;
  text-decoration: none;
}

.breadcrumb li {
  display: inline;
}

.breadcrumb li.separator:before {
  content: "\00bb";
  margin: auto 5px;
}

.ad {
  background: #6998da;
  border-bottom: 4px solid #3266b0;
  border-radius: 4px;
  display: block;
  padding: 4px 10px;
  position: relative;
  text-decoration: none;
}

.ad img {
  border: 1px solid #fff;
  border-radius: 4px;
  box-shadow: 1px 1px 0 #00000052;
  margin-right: 5px;
  width: 24px;
}

.ad img,
.ad span {
  vertical-align: middle;
}

.ad span {
  color: #fff;
  font-size: 12px;
}

.adButton {
  display: inline-block;
}

.appTitle.grey {
  color: #646464;
}

.helpMenu {
  background: url(cloud-icon-sprite.svg);
  background-position: 100% 100%;
  background-size: 200%;
  height: 20px;
  margin-right: 10px;
  width: 20px;
}

#modalContainer {
  background-color: hsla(0, 0%, 100%, 0.6);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10000;
}

#alertBox {
  background-color: #fff;
  border: 1px solid #188fc7;
  margin-top: 50px;
  min-height: 100px;
  position: relative;
  width: 570px;
}

#modalContainer>#alertBox {
  position: fixed;
}

#alertBox h1 {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  margin: 0;
}

#alertBox h2 {
  display: inline-block;
  font-size: 11px;
  margin: 0 0 0 5px;
}

#alertBox span .productIcon {
  left: 0;
  margin: 6px;
  position: absolute;
  top: 0;
  width: 20px;
}

#alertBox .lowerBox,
#alertBox .upperBox {
  background: #f6f6f6;
  border: 1px solid #e2e2e2;
  margin: 5px;
}

#alertBox .lowerFirstBox {
  display: flex;
  background: #f6f6f6;
  border: 1px solid #e2e2e2;
  margin: 5px;
}

#alertBox .lowerFirstBox:empty {
  display: none
}

#alertBox span:nth-child(2) {
  margin-left: auto;
}

#alertBox span.naturalkey,
#alertBox span.partitioncode,
#alertBox span.messageuid,
#alertBox span.requestId {
    color: grey;
    padding: 5px;
    vertical-align: middle;
}

#alertBox span.naturalkey {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#alertBox span.kindrequest {
  margin-top: 10px;
  display: block;
}

#alertBox .upperBox {
  max-height: 200px;
  overflow-y: scroll;
}

#alertBox .statusContainer {
  display: inline-block;
  font-size: 10px;
  margin: 5px;
  text-align: center;
  vertical-align: middle;
}

#alertBox .kindRequest {
  display: block;
  margin-top: 10px;
}

#alertBox .errorText {
  display: block;
}

#alertBox .statusIcon {
  display: block;
  margin: 0 auto;
  width: 48px;
}

#alertBox .headerBox {
  background-color: #188fc7;
  border-bottom: 1px solid #188fc7;
  color: #fff;
  padding: 10px 10px 10px 35px;
}

#alertBox .closeContainer {
  text-align: right;
}

#alertBox p {
  word-wrap: break-word;
  display: inline-block;
  padding: 5px 10px;
  vertical-align: middle;
  width: auto;
}

#alertBox #alertAssistance,
#alertBox #closeBtn {
  background-color: #188fc7;
  border: 0;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  margin: 10px;
  min-width: 40px;
  padding: 7px;
  position: relative;
  text-align: center;
  text-decoration: none;
}

#alertBox #alertAssistance:before {
  content: url(sql-assistance.svg);
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}

#alertBox #alertAssistance {
  display: inline-block;
  padding: 6px 7px 4px;
}

#alertBox #closeCorner {
  background: url(closemodal.svg);
  height: 20px;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 20px;
}

#alertBox .upperBox {
  max-height: 200px;
  overflow-y: auto;
}

#alertBox .lowerBox .hintswrapper ul {
  list-style: none;
  margin: 0
}

#alertBox .lowerBox .hintswrapper {
  margin: 5px;
}

.statusAndMsgContainer {
  display: flex;
  align-items: flex-start;
}

.msgContainer {
  margin: 5px;
}

.overlay,
.overlayRe {
  background: rgba(0, 0, 0, 0.7);
  display: none;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 6;
}

.advertise,
.review {
  background: #fff;
  background: #fafafa;
  background-position: bottom;
  background-size: 100%;
  border: 2px solid #188fc7;
  border-radius: 10px;
  display: none;
  left: 50%;
  padding: 15px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -75%);
  z-index: 7;
}

.advertise p,
.review p {
  color: #6f6f6f;
  text-align: left;
}

.advertise p:first-child,
.review p:first-child {
  color: #188fc7;
  font-size: 13px;
  font-weight: 700;
  margin: 0;
}

.advertise .iconAdvertise,
.review .iconReview {
  display: inline-block;
  margin: 0 5px;
  vertical-align: top;
}

.advertise .textAdvertise,
.review .textReview {
  background: hsla(0, 0%, 100%, 0.62);
  display: inline-block;
  max-width: 400px;
  padding: 5px;
  vertical-align: middle;
}

.advertise a,
.review a {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #bfd255;
  border: 1px solid #7ca24d;
  color: #fff;
  display: block;
  float: right;
  font-weight: 700;
  margin: 5px;
  max-width: 80px;
  padding: 5px;
  text-decoration: none;
}

.advertise .advertiseTop h4,
.review .reviewTop h4 {
  color: #188fc7;
  display: inline-block;
  margin: 0 10px 10px;
}

.timer,
.timerRe {
  float: right;
  margin: 0;
}

.timer span,
.timerRe span {
  background: #98c7ec;
  border-radius: 5px;
  color: #fff;
  padding: 5px 10px;
}

.resultsIndication {
  background: #efefef;
  display: none;
  height: 80%;
  left: 50%;
  position: absolute;
  top: 51%;
  transform: translate(-50%, -50%);
  width: 80%;
}

.jstree-container-ul {
  list-style-type: none;
  padding: 0;
}

.sqlHelpMenu ul li:hover ul {
  display: block;
}

.sqlHelpMenu ul {
  margin: 0;
  padding: 0;
  text-align: center;
}

.sqlHelpMenu>ul>li {
  display: inline-block;
  margin: 0 5px;
  padding-bottom: 10px;
  position: relative;
}

.sqlHelpMenu ul li ul {
  background: #fff;
  border: 1px solid #48aff2;
  border-radius: 4px;
  display: none;
  margin-top: 8px;
  padding: 5px;
  position: absolute;
  top: 21px;
  width: auto;
  z-index: 5;
}

.sqlHelpMenu ul li ul li {
  list-style-type: none;
  white-space: nowrap;
}

.sqlHelpMenu ul li ul li a {
  color: #48aff2;
}

.sqlHelpMenu>ul>li>a,
.sqlHelpMenu>ul>li>span {
  background: #48aff2;
  border-bottom: 3px solid #3382b5;
  border-radius: 7px;
  color: #fff;
  cursor: pointer;
  padding: 3px 10px;
  text-decoration: none;
}

.sqlHelpMenu ul li span>ul li a {
  color: #0b72a2;
  text-decoration: none;
}

.sqlHelpMenu ul li ul:after {
  border: 6px solid rgba(136, 183, 213, 0);
  border-bottom-color: #48aff2;
  bottom: 100%;
  content: " ";
  height: 0;
  left: 30%;
  margin-left: -10px;
  pointer-events: none;
  position: absolute;
  width: 0;
}

.sqlHelpMenu ul li.sqlHelp span:before {
  content: url(sql-help.svg);
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}

.sqlHelpMenu ul li .sqlContact:before {
  content: url(sql-contact.svg);
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}

.sqlHelpMenu ul li .sqlAssistance:before {
  content: url(sql-assistance.svg);
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}

.sqlHelpMenu ul.sqlGrammar li a:before {
  content: url(sql-grammar.svg);
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}

#sqlEditorForm input {
  background: #48aff2;
  border-bottom: 3px solid #3382b5;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: inherit;
  margin: 5px;
  padding: 5px 10px;
}

.wrapWhitespace {
  white-space: pre-wrap;
}

#contentWrapper.sqlEditorWrapper {
  height: 100%;
  overflow: hidden;
}

.content.sqlEditor {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.progressOverlay {
  display: none;
}

.progressOverlay.show {
  background: hsla(0, 0%, 100%, 0.5);
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
}

#tabs {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
}

#availableWrapper,
#resultsWrapper {
  overflow-y: scroll;
}

#availableWrapper,
#outputWrapper,
#resultsWrapper {
  background: #fff;
  border: 1px solid #bfbfbf;
  flex-grow: 1;
}

#outputWrapper {
  overflow-y: hidden;
}

#output {
  background: #f5f5f5;
  border: 1px solid #aaa;
  margin-top: 5px;
  max-height: calc(100% - 60px);
  overflow-y: scroll;
  padding: 10px;
}

#tabs .ui-state-default {
  background: #646464;
  border-radius: 0;
  color: #fff;
  display: inline-block;
}

#tabs .ui-state-default a {
  color: #fff;
  text-decoration: none;
}

#tabs .ui-state-active {
  background: #fff;
}

#tabs .ui-state-active a {
  color: #757575;
}

#tabs .ui-widget-header,
#tabs.ui-widget-content {
  background: none;
  border: 0;
}

#tabs.ui-tabs .ui-tabs-nav {
  padding: 0;
}

div#tabs.ui-widget {
  font-size: 12px;
}

#results .dataTables_wrapper .dataTables_filter {
  float: none !important;
  padding: 10px 0;
  text-align: left !important;
}

.dataTables_wrapper .dataTables_paginate {
  margin-right: 75px;
}

.jstree-node[data-type]>a.jstree-anchor:before {
  background-image: url(available-objects-sprite.svg);
  background-repeat: no-repeat;
  background-size: 201%;
  content: "";
  display: inline-block;
  height: 20px;
  margin-right: 5px;
  vertical-align: middle;
  width: 20px;
}

.jstree-node[data-type="d"]>a.jstree-anchor:before {
  background-position: 0 0;
  content: "";
}

.jstree-node[data-type="t"]>a.jstree-anchor:before {
  background-position: 0 50%;
  content: "";
}

.jstree-node[data-type="z"]>a.jstree-anchor:before {
  background-position: 100% 50%;
  content: "";
}


/*catalog*/
.jstree-node[data-type="c"]>a.jstree-anchor:before {
  background-position: 0 0;
  content: "";
}

/*catalogs (datacontainer)*/
.jstree-node[data-type="d"]>a.jstree-anchor:before {
  background-position: 100% 0;
  content: "";
}

/*view*/
.jstree-node[data-type="v"]>a.jstree-anchor:before {
  background-position: 0 100%;
  content: "";
}

/*views*/
.jstree-node[data-type="vs"]>a.jstree-anchor:before {
  background-position: 100% 100%;
  content: "";
}

/*schema*/
.jstree-node[data-type="s"]>a.jstree-anchor:before {
  background-image: url(available-objects-sprite-2.svg);
  background-repeat: no-repeat;
  background-size: 201%;
  background-position: 0 0;
  content: "";
}

/*schemas*/
.jstree-node[data-type="schemas"]>a.jstree-anchor:before {
  background-image: url(available-objects-sprite-2.svg);
  background-repeat: no-repeat;
  background-size: 201%;
  background-position: 100% 0;
  content: "";
}

/*package*/
.jstree-node[data-type="p"]>a.jstree-anchor:before {
  background-image: url(available-objects-sprite-2.svg);
  background-repeat: no-repeat;
  background-size: 201%;
  background-position: 0 50%;
  content: "";
}

/*provider packages*/
.jstree-node[data-type="pps"]>a.jstree-anchor:before {
  background-image: url(available-objects-sprite-2.svg);
  background-repeat: no-repeat;
  background-size: 201%;
  background-position: 100% 50%;
  content: "";
}

/*generic packages*/
.jstree-node[data-type="gps"]>a.jstree-anchor:before {
  background-image: url(available-objects-sprite-2.svg);
  background-repeat: no-repeat;
  background-size: 201%;
  background-position: 100% 50%;
  content: "";
}

/*function*/
.jstree-node[data-type="f"]>a.jstree-anchor:before {
  background-image: url(available-objects-sprite-2.svg);
  background-repeat: no-repeat;
  background-size: 201%;
  background-position: 0 100%;
  content: "";
}

/*procedure*/
.jstree-node[data-type="o"]>a.jstree-anchor:before {
  background-image: url(available-objects-sprite-2.svg);
  background-repeat: no-repeat;
  background-size: 201%;
  background-position: 100% 100%;
  content: "";
}

/*functions & procedures*/
.jstree-node[data-type="fvs"]>a.jstree-anchor:before {
  background-image: url(available-objects-sprite-3.svg);
  background-repeat: no-repeat;
  background-size: 201%;
  background-position: 0 0;
  content: "";
}

/*piped table function*/
.jstree-node[data-type="pfp"]>a.jstree-anchor:before {
  background-image: url(available-objects-sprite-3.svg);
  background-repeat: no-repeat;
  background-size: 201%;
  background-position: 100% 0;
  content: "";
}

.jstree-node a {
  color: #000;
  display: inline-block;
  text-decoration: none;
}

li.jstree-node:before {
  display: inline-block;
  width: 10px;
}

/*li.jstree-open:before {
  content: "▼";
}
li.jstree-closed:before {
  content: "▶";
}
*/
li.jstree-closed>a:after {
  content: "▶";
  display: inline-block;
  position: absolute;
  left: -15px;
}

li.jstree-open>a:after {
  content: "▼";
  display: inline-block;
  position: absolute;
  left: -15px;
}

#availableObjects {
  margin-left: 20px;
}

.jstree-container-ul li {
  list-style-type: none;
  padding: 5px 0;
  position: relative;
}

.CodeMirror-gutter-filler,
.CodeMirror-scrollbar-filler,
.CodeMirror-vscrollbar {
  z-index: unset !important;
}

.userMessagesMenu span {
  border: 2px solid #646464;
  border-radius: 11px;
  color: #fff;
  font-size: 11px;
  height: 8px;
  line-height: 8px;
  padding: 3px;
  position: absolute;
  right: -9px;
  text-align: center;
  text-decoration: none;
  top: -2px;
  width: auto;
}

.userMessagesMenu .error {
  background: #f25348;
}

.userMessagesMenu .warning {
  background: #f90;
}

.userMessagesMenu .info {
  background: #48aff2;
}

.userMessagesMenu {
  background: url(cloud-icon-sprite-2.svg);
  background-position: 100% 144%;
  background-size: 200%;
  height: 20px;
  margin-right: 15px;
  position: relative;
  width: 20px;
}

#header-logo {
  align-items: center;
  display: flex;
  justify-content: space-evenly;
  padding: 10px;
}

.messagebanner {
  display: flex;
  flex-direction: column;
  margin: 10px 0;
  padding: 10px;
}

.messagebannercode,
.messagebannertext {
  color: #3e3e3e;
}

.onBoardingWrapper .messagebanner {
  margin: 10px 10px 0;
}

.messagebanner.info {
  background: #d5e7fd;
  border: 1px dashed #00f;
}

.messagebanner.success {
  background: #e2efd5;
  border: 1px dashed #7ab740;
}

.messagebanner.warning {
  background: #fff4d5;
  border: 1px dashed #daa101;
}

.messagebannercode {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 9px;
  text-align: center;
}

.messagebannercode:before {
  content: "";
  display: block;
  height: 32px;
  width: 32px;
}

.messagebanner.error .messagebannercode:before {
  background: url(unknown-error.svg);
  background-size: contain;
}

.messagebanner.info .messagebannercode:before {
  background: url(info.svg);
  background-size: contain;
}

.messagebanner.success .messagebannercode:before {
  background: url(success.svg);
  background-size: contain;
}

.messagebanner.warning .messagebannercode:before {
  background: url(warning.svg);
  background-size: contain;
}

.mbwrapper,
.messagebannerwrapper {
  display: flex;
}

.mbwrapper {
  flex-direction: column;
  margin-left: 15px;
}

.messagebannertext:first-of-type {
  font-weight: 600;
}

.messagebanneruid {
  align-self: flex-end;
  font-size: 11px;
  margin-left: auto;
}

.messagebanner.error .messagebanneruid {
  color: #e74c3c;
  opacity: 0.5;
}

.messagebanner.success .messagebanneruid {
  color: #629e25;
}

.messagebanner.info .messagebanneruid {
  color: blue;
  opacity: 0.5;
}

.messagebanner.warning .messagebanneruid {
  color: #daa101;
  opacity: 0.5;
}

div.halfWidth {
  max-width: 600px;
  width: 100vw;
}

form.bridgeOnline div.halfWidth {
  max-width: 800px;
  width: 100vw;
}

form.bridgeOnline button {
  margin-bottom: 10px;
}

form.bridgeOnline .step {
  background: #fdfdfd;
  border: 1px solid #48aff2;
  margin: 15px 0;
}

div.step {
  text-align: center;
}

div.step p {
  text-align: left;
}

div.step p,
div.step ul {
  padding: 5px;
}

.connectorSetup ol.providerSteps li {
  background: none;
  border: 0;
  margin: 0;
  padding: 5px;
}

form.bridgeOnline .fancybox img {
  border: 1px solid #646464;
  margin: 10px;
  max-width: 309px;
  width: 100%;
}

form.bridgeOnline .step h3 {
  background: #48aff2;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  padding: 0 5px;
  text-align: left;
}

.dashboardWrapper {
  grid-gap: 30px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  margin: 30px auto;
  width: 75vw;
}

.dashBoardWrapper.applicationDashBoard {
  background: #f5f5f5;
  border: 1px solid #bfbfbf;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin: 0;
  padding: 20px;
  width: 100%;
}

.dashboardWrapper.home {
  min-height: 300px;
}

.dashboardWrapper.newDatabase {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.dashboardCard {
  background: #fff;
  border: 1px solid #dee0e3;
  box-shadow: 2px 3px 0 #dee0e3;
  display: flex;
  flex-direction: column;
  min-height: 300px;
  position: relative;
}

.dashboardWrapper.newDatabase .dashboardCard,
.dashboardWrapper.sql-dashoard .dashboardCard {
  min-height: 0;
}

.dashboardCardButton {
  background: url(cloud-icon-sprite-2.svg);
  height: 16px;
  margin-left: auto;
  width: 16px;
}

.dashboardCardButton.resize {
  background-position: 0 100%;
  background-size: 200%;
}

.format-large .dashboardCardButton.resize {
  background-position: 100% 100%;
  background-size: 200%;
}

.content .dashboardCard h3 {
  align-items: center;
  background: #646464;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 19px;
  font-weight: 200;
  margin: 0;
  padding: 5px;
}

.content .dashboardCard.hide {
  display: none;
}

.content .dashboardCard.warning h3 {
  background: #ecaa07;
  color: #fff;
}

.content .dashboardCard.error h3 {
  background: darkred;
  color: #fff;
}

.content .dashboardCard h3:before {
  flex-shrink: 0;
}

.content .dashboardCard h3 span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboardCard.database-setup {
  grid-column: 1/-1;
}

.dashboardCard.database-setup .cardWrapper {
  display: grid;
  grid-template-columns: 0.5fr 0.9fr 1fr 1fr;
}

.database-setup .cardItem:nth-of-type(2) {
  color: #48aff2;
  font-size: 100px;
  text-align: center;
}

.database-setup .cardItem ul li[id*='fig'] {
  line-height: 90px;
}

.database-setup .cardItem:first-of-type:before {
  background: url(cloud-icon-sprite.svg);
  background-position: 0 44%;
  background-size: 200%;
  content: "";
  display: inline-block;
  height: 200px;
  width: 200px;
}

.dashboardCard.database-setup .cardWrapper li .setupDatabase {
  background: #6ebb28;
  border: 1px solid #529e0d;
  border-radius: 6px;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  margin: 10px 0;
  padding: 20px 30px;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px #366b06;
}

.database-setup .databaseFigures {
  align-items: center;
  display: grid;
  grid-template-columns: 0.3fr 7fr;
}

.database-setup .repairDataContainerCount {
  color: #e74c3c;
}

.database-setup .runningOutDataContainerCount {
  color: #eb7c2a;
}

.dashboardCard.database-setup ul {
  counter-reset: db-step-counter;
  list-style: none;
  padding: 0;
}

.dashboardCard.database-setup .databaseSteps ul li {
  align-items: center;
  display: flex;
}

.dashboardCard.database-setup .databaseSteps ul li.disabled a,
.dashboardCard.database-setup .databaseSteps ul li.unchecked.disabled a {
  color: #dedede;
}

.dashboardCard.database-setup .databaseSteps ul li.checked.disabled a {
  color: #646464;
}

.dashboardCard.database-setup .databaseSteps ul li:before {
  background: url(cloud-icon-sprite-3.svg);
  background-position: 100% 88.8%;
  background-size: 200%;
  content: "";
  display: block;
  flex: 32px 0 0;
  height: 32px;
  margin-right: 10px;
}

.dashboardCard.database-setup .databaseSteps ul li.checked.disabled:before,
.dashboardCard.database-setup .databaseSteps ul li.checked:before {
  background-position: 0 88.8%;
  content: "";
  opacity: 1;
}

.dashboardCard.database-setup .databaseSteps ul li.unchecked:before {
  background-position: 100% 77.7%;
  content: "";
}

.dashboardCard.database-setup .databaseSteps ul li.unchecked.disabled:before {
  background-position: 100% 77.7%;
  content: "";
  opacity: 0.4;
}

.dashboardCard.database-setup .databaseSteps ul li.disabled:before {
  background-position: 100% 88.8%;
  content: "";
  opacity: 0.4;
}

.monitoring-stats .cardWrapper {
  grid-gap: 5px;
  display: grid;
  grid-auto-columns: minmax(0, auto);
  grid-auto-rows: minmax(0, 25px);
  grid-template-columns: repeat(4, auto);
  margin: 0;
  padding: 10px;
}

.dashboardCard.usage-details.monitoring-stats .cardWrapper {
  margin: auto auto auto 10px;
}

.monitoring-stats.col-4 .cardWrapper {
  grid-template-columns: repeat(4, auto);
}

.monitoring-stats .cardItem.tableHeading {
  justify-content: center;
}

.cardItem.rowHeading p,
.monitoring-stats .cardItem.tableHeading p {
  font-weight: 700;
}

.monitoring-stats .cardItem.tableHeading p {
  text-align: center;
}

.monitoring-stats .cardItem.tableData {
  justify-content: center;
}

.monitoring-stats .cardItem.rowHeading {
  justify-content: flex-end;
}

.monitoring-stats .cardItem.rowHeading.users:before {
  background: url(cloud-icon-sprite.svg);
  background-position: 100% 11.1%;
  background-size: 200%;
  content: "";
  display: inline-block;
  height: 22px;
  margin: 5px;
  min-width: 22px;
  width: 22px;
}

.monitoring-stats .cardItem.rowHeading.ipaddresses:before {
  background: url(cloud-icon-sprite-4.svg);
  background-position: 100% 11.1%;
  background-size: 200%;
  content: "";
  display: inline-block;
  height: 22px;
  margin: 5px;
  min-width: 22px;
  width: 22px;
}

.monitoring-stats .cardItem.rowHeading.errors:before {
  background-position: 100% 44.4%;
}

.monitoring-stats .cardItem.rowHeading.data-sent:before {
  background: url(cloud-icon-sprite-3.svg);
  background-position: 0 77.7%;
  background-size: 200%;
  content: "";
  display: inline-block;
  height: 22px;
  margin: 5px;
  min-width: 22px;
  width: 22px;
}

.monitoring-stats .cardItem.rowHeading.errors:before,
.monitoring-stats .cardItem.rowHeading.requests:before {
  background: url(cloud-icon-sprite-4.svg);
  background-position: 0 22.2%;
  background-size: 200%;
  content: "";
  display: inline-block;
  height: 22px;
  margin: 5px;
  min-width: 22px;
  width: 22px;
}

.monitoring-stats .cardItem.rowHeading.active-requests:before {
  background: url(cloud-icon-sprite-5.svg);
  background-position: 0 77.7%;
  background-size: 200%;
  content: "";
  display: inline-block;
  height: 22px;
  margin: 5px;
  min-width: 22px;
  width: 22px;
}

.monitoring-stats .cardItem.tableData {
  background: #f7f7f7;
}

.monitoring-stats ul.cardWrapper>li {
  margin: 0;
  padding: 0 10px;
}

.monitoring-stats.col-4 ul.cardWrapper>li {
  padding: 0 10px;
}

.monitoring-stats ul.cardWrapper>li p {
  font-size: 13px;
}

.monitoring-stats .cardItem.rowHeading p {
  font-weight: 400;
}

.dashboardCard.support h3:before {
  background-position: 100% 0;
  content: "";
  height: 24px;
  width: 24px;
}

.dashboardCard.database h3:before,
.dashboardCard.database-setup h3:before {
  background-position: 0 0;
  content: "";
  height: 24px;
  width: 24px;
}

.dashboardCard.monitoring h3:before {
  background-position: 100% 66.6%;
  content: "";
  height: 24px;
  width: 24px;
}

.dashboardCard.sql-editor h3:before {
  background-position: 100% 77.7%;
  content: "";
  height: 24px;
  width: 24px;
}

.dashboardCard.database-first h3:before {
  background-position: 0 0;
  content: "";
  height: 24px;
  width: 24px;
}

.dashboardCard.datacontainer h3:before {
  background-position: 100% 11%;
  content: "";
  height: 24px;
  width: 24px;
}

.dashboardCard.profile h3:before {
  background-position: 0 22%;
  content: "";
  height: 24px;
  width: 24px;
}

.dashboardCard.samples h3:before {
  background-position: 0 11%;
  content: "";
  height: 24px;
  width: 24px;
}

.dashboardCard.preauthenticate h3:before {
  background-position: 100% 22%;
  content: "";
  height: 24px;
  width: 24px;
}

.dashboardCard.bridge-configuration h3:before {
  background-position: 0 33%;
  content: "";
  height: 24px;
  width: 24px;
}

.dashboardCard.party h3:before {
  background-position: 100% 33%;
  content: "";
  height: 24px;
  width: 24px;
}

.dashboardCard.user h3:before {
  background-position: 0 22%;
  content: "";
  height: 24px;
  width: 24px;
}

.dashboardCard.agreement h3:before {
  background-position: 100% 44%;
  content: "";
  height: 24px;
  width: 24px;
}

.dashboardCard.blockedagreement h3:before {
  background-position: 0 55%;
  content: "";
  height: 24px;
  width: 24px;
}

.dashboardCard.licensekey h3:before {
  background-position: 0 44%;
  content: "";
  height: 24px;
  width: 24px;
}

.dashboardCard.delegation h3:before {
  background-position: 0 77.7%;
  content: "";
  height: 24px;
  width: 24px;
}

.dashboardCard.logging h3:before {
  background-position: 100% 55%;
  content: "";
  height: 24px;
  width: 24px;
}

.dashboardCard h3:before {
  background: url(dashboard-icon-sprite.svg);
  background-size: 200%;
  content: "";
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  width: 0;
}

.newDatabase .dashboardCard.image-and-description h3:before {
  background: url(cloud-provider-white-sprite.svg);
  background-size: 200%;
  content: "";
  height: 24px;
  width: 24px;
}

.newDatabase .dashboardCard.image-and-description[data-url*="exactonline"] h3:before {
  background-position: 0 22.2%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="teamleader"] h3:before {
  background-position: 0 44.4%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="vismaadvisor"] h3:before,
.newDatabase .dashboardCard.image-and-description[data-url*="vismaeaccounting"] h3:before,
.newDatabase .dashboardCard.image-and-description[data-url*="vismanet"] h3:before {
  background-position: 100% 66.6%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="freshdesk"] h3:before {
  background-position: 100% 44.4%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="loket"] h3:before {
  background-position: 0 66.6%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="nmbrsnl"] h3:before {
  background-position: 0 33.3%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="sample"] h3:before {
  background-position: 100% 33.3%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="oracle"] h3:before {
  background-position: 100% 22.2%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="afasonline"] h3:before {
  background-position: 0 11.1%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="sqlserver"] h3:before {
  background-position: 100% 55.5%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="postgresql"] h3:before {
  background-position: 0 55.5%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="mysql"] h3:before {
  background-position: 0 0;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="teradata"] h3:before {
  background-position: 100% 11.1%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="db2"] h3:before {
  background-position: 100% 0;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="twinfield"] h3:before {
  background-position: 0 77.7%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="snelstart"] h3:before {
  background-position: 100% 77.7%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="yuki"] h3:before {
  background-position: 0 88.8%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="roller"] h3:before {
  background-position: 100% 88.8%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="microsoft/graph"] h3:before {
  background-position: 0 100%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="paypal"] h3:before {
  background-position: 100% 100%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="salesforce"] h3:before {
  background-image: url(cloud-provider-white-sprite-2.svg);
  background-position: 0 0;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="microsoft/dynamics"] h3:before {
  background-image: url(cloud-provider-white-sprite-2.svg);
  background-position: 0 11.1%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description.microsoft h3:before {
  background-image: url(cloud-provider-white-sprite-2.svg);
  background-position: 100% 0;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="microsoft/onenote"] h3:before {
  background-image: url(cloud-provider-white-sprite-2.svg);
  background-position: 100% 11.1%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="jira"] h3:before {
  background-image: url(cloud-provider-white-sprite-2.svg);
  background-position: 0 22.2%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="microsoft/sharepoint"] h3:before {
  background-image: url(cloud-provider-white-sprite-2.svg);
  background-position: 100% 22.2%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="activecampaign"] h3:before {
  background-image: url(cloud-provider-white-sprite-3.svg);
  background-position: 100% 55.5%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="robaws"] h3:before {
  background-image: url(cloud-provider-white-sprite-3.svg);
  background-position: 0 66.6%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="knack"] h3:before {
  background-image: url(cloud-provider-white-sprite-3.svg);
  background-position: 0 88.8%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="discourse"] h3:before {
  background-image: url(cloud-provider-white-sprite-3.svg);
  background-position: 100% 100%;
}

.newDatabase .dashboardCard.image-and-description[data-url*="chargebee"] h3:before {
  background-image: url(cloud-provider-white-sprite-3.svg);
  background-position: 0 100%;
}

.newDatabase .dashboardCard.image-and-description[data-url*="zoom"] h3:before {
  background-image: url(cloud-provider-white-sprite-3.svg);
  background-position: 100% 88.8%;
}

.newDatabase .dashboardCard.image-and-description[data-url*="atlassian"] h3:before {
  background-image: url(cloud-provider-white-sprite-3.svg);
  background-position: 100% 66.6%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="simplicate"] h3:before {
  background-image: url(cloud-provider-white-sprite-2.svg);
  background-position: 0 33.3%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="confluence"] h3:before {
  background-image: url(cloud-provider-white-sprite-3.svg);
  background-position: 0 77.7%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="jiraservicedesk"] h3:before {
  background-image: url(cloud-provider-white-sprite-3.svg);
  background-position: 100% 77.7%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="vismasevera"] h3:before {
  background-image: url(cloud-provider-white-sprite-3.svg);
  background-position: 100% 88.8%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="logiuscor"] h3:before {
  background-image: url(cloud-provider-white-sprite-2.svg);
  background-position: 100% 33.3%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="chargebee"] h3:before {
  background-image: url(cloud-provider-white-sprite-2.svg);
  background-position: 100% 44.4%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="youtrack"] h3:before {
  background-image: url(cloud-provider-white-sprite-2.svg);
  background-position: 100% 55.5%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="cbs"] h3:before {
  background-image: url(cloud-provider-white-sprite-2.svg);
  background-position: 0 66.6%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="tweedekamer"] h3:before {
  background-image: url(cloud-provider-white-sprite-2.svg);
  background-position: 100% 66.6%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="hubspot"] h3:before {
  background-image: url(cloud-provider-white-sprite-2.svg);
  background-position: 0 77.7%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="pipedrive"] h3:before {
  background-image: url(cloud-provider-white-sprite-2.svg);
  background-position: 100% 77.7%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="discourse"] h3:before {
  background-image: url(cloud-provider-white-sprite-2.svg);
  background-position: 0 55.5%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="zoom"] h3:before {
  background-image: url(cloud-provider-white-sprite-2.svg);
  background-position: 0 44.4%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="autotask"] h3:before {
  background-image: url(cloud-provider-white-sprite-3.svg);
  background-position: 0 100%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="facebook"] h3:before {
  background-image: url(cloud-provider-white-sprite-3.svg);
  background-position: 100% 100%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="tweedekamernl"] h3:before {
  background-image: url(cloud-provider-white-sprite-3.svg);
  background-position: 100% 66.6%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="ecbexra"] h3:before {
  background-image: url(cloud-provider-white-sprite-3.svg);
  background-position: 100% 88.8%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="ecbexchangerates"] h3:before {
  background-image: url(cloud-provider-white-sprite-2.svg);
  background-position: 100% 88.8%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="openexra"] h3:before {
  background-image: url(cloud-provider-white-sprite-3.svg);
  background-position: 0 88.8%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="documentcloud"] h3:before {
  background-image: url(cloud-provider-white-sprite-2.svg);
  background-position: 0 100%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="dropbox"] h3:before {
  background-image: url(cloud-provider-white-sprite-2.svg);
  background-position: 100% 100%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="gitlab"] h3:before {
  background-image: url(cloud-provider-white-sprite-4.svg);
  background-position: 0 0;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="kadaster"] h3:before {
  background-image: url(cloud-provider-white-sprite-4.svg);
  background-position: 100% 0;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="nasa"] h3:before {
  background-image: url(cloud-provider-white-sprite-4.svg);
  background-position: 0 11.1%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="openarch"] h3:before {
  background-image: url(cloud-provider-white-sprite-4.svg);
  background-position: 100% 11.1%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="openonderwijsdata"] h3:before {
  background-image: url(cloud-provider-white-sprite-4.svg);
  background-position: 0 22.2%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="openspendingnl"] h3:before {
  background-image: url(cloud-provider-white-sprite-4.svg);
  background-position: 100% 22.2%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="rdwnl"] h3:before {
  background-image: url(cloud-provider-white-sprite-4.svg);
  background-position: 0 33.3%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="stackexchange"] h3:before {
  background-image: url(cloud-provider-white-sprite-4.svg);
  background-position: 100% 33.3%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="virustotal"] h3:before {
  background-image: url(cloud-provider-white-sprite-4.svg);
  background-position: 0 44.4%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="wikipedia"] h3:before {
  background-image: url(cloud-provider-white-sprite-4.svg);
  background-position: 100% 44.4%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="companyinfo"] h3:before {
  background-image: url(cloud-provider-white-sprite-4.svg);
  background-position: 0 55.5%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="companyinfoapidatahub"] h3:before {
  background-image: url(cloud-provider-white-sprite-4.svg);
  background-position: 0 55.5%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="grippcrm"] h3:before {
  background-image: url(cloud-provider-white-sprite-12.svg);
  background-position: 0 0;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="sumatra"] h3:before {
  background-image: url(cloud-provider-white-sprite-12.svg);
  background-position: 100% 0;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="fiscaal-gemak"] h3:before {
  background-image: url(cloud-provider-white-sprite-12.svg);
  background-position: 100% 11.1%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="bouw7"] h3:before {
  background-image: url(cloud-provider-white-sprite-12.svg);
  background-position: 0 11.1%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="ndjson"] h3:before {
  background-image: url(cloud-provider-white-sprite-12.svg);
  background-position: 0 22.2%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="ionprojects"] h3:before {
  background-image: url(cloud-provider-white-sprite-12.svg);
  background-position: 100% 33.3%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="minox"] h3:before {
  background-image: url(cloud-provider-white-sprite-12.svg);
  background-position: 0 44.4%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="tixly"] h3:before {
  background-image: url(cloud-provider-white-sprite-12.svg);
  background-position: 0 33.3%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="tableau"] h3:before {
  background-image: url(cloud-provider-white-sprite-12.svg);
  background-position: 0 44.4%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="sendinblue"] h3:before {
  background-image: url(cloud-provider-white-sprite-12.svg);
  background-position: 0 55.5%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="brevo"] h3:before {
  background-image: url(cloud-provider-white-sprite-12.svg);
  background-position: 0 55.5%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="mollie"] h3:before {
  background-image: url(cloud-provider-white-sprite-12.svg);
  background-position: 100% 55.5%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="basecone"] h3:before {
  background-image: url(cloud-provider-white-sprite-12.svg);
  background-position: 0 66.6%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="easyflex"] h3:before {
  background-image: url(cloud-provider-white-sprite-12.svg);
  background-position: 100% 66.6%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="jortt"] h3:before {
  background-image: url(cloud-provider-white-sprite-12.svg);
  background-position: 0 77.7%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="teamleader-orbit"] h3:before {
  background-position: 100% 77.7%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="odoo"] h3:before {
  background-image: url(cloud-provider-white-sprite-12.svg);
  background-position: 0 88.8%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="bridgeonline"] h3:before {
  background-image: url(cloud-provider-white-sprite-12.svg);
  background-position: 100% 88.8%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="horeko"] h3:before {
  background-image: url(cloud-provider-white-sprite-12.svg);
  background-position: 0 100%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="github"] h3:before {
  background-image: url(cloud-provider-white-sprite-12.svg);
  background-position: 100% 100%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="mkg"] h3:before {
  background-image: url(cloud-provider-white-sprite-13.svg);
  background-position: 0 0;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="fortnox"] h3:before {
  background-image: url(cloud-provider-white-sprite-13.svg);
  background-position: 100% 0;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="localazy"] h3:before {
  background-image: url(cloud-provider-white-sprite-13.svg);
  background-position: 100% 11.1%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="postman"] h3:before {
  background-image: url(cloud-provider-white-sprite-13.svg);
  background-position: 100% 22.2%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="calendly"] h3:before {
  background-image: url(cloud-provider-white-sprite-13.svg);
  background-position: 0 22.2%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="crisp"] h3:before {
  background-image: url(cloud-provider-white-sprite-13.svg);
  background-position: 0 11.1%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="afas-sb"] h3:before {
  background-image: url(cloud-provider-white-sprite-13.svg);
  background-position: 0 33.3%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="sie"] h3:before {
  background-image: url(cloud-provider-white-sprite-13.svg);
  background-position: 100% 33.3%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="freshservice"] h3:before {
  background-image: url(cloud-provider-white-sprite-13.svg);
  background-position: 100% 100%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="universalsql"] h3:before {
  background-image: url(cloud-provider-white-sprite-14.svg);
  background-position: 0% 0%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="universalsqlmysql"] h3:before {
  background-image: url(cloud-provider-white-sprite-14.svg);
  background-position: 100% 0%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="universalsqlmstds"] h3:before {
  background-image: url(cloud-provider-white-sprite-14.svg);
  background-position: 0% 11.1%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="universalsqlpostgresql"] h3:before {
  background-image: url(cloud-provider-white-sprite-14.svg);
  background-position: 100% 11.1%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="ionbiz"] h3:before {
  background-image: url(cloud-provider-white-sprite-12.svg);
  background-position: 100% 33.3%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="publicdata"] h3:before {
  background-image: url(cloud-provider-white-sprite-14.svg);
  background-position: 0 22.2%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="kooper"] h3:before {
  background-image: url(cloud-provider-white-sprite-14.svg);
  background-position: 100% 22.2%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="kooppucod"] h3:before {
  background-image: url(cloud-provider-white-sprite-14.svg);
  background-position: 0 33.3%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="koopsgd"] h3:before {
  background-image: url(cloud-provider-white-sprite-14.svg);
  background-position: 100% 33.3%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="koopbwb"] h3:before {
  background-image: url(cloud-provider-white-sprite-14.svg);
  background-position: 0 44.4%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="koopcvdr"] h3:before {
  background-image: url(cloud-provider-white-sprite-14.svg);
  background-position: 100% 44.4%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="koopsc"] h3:before {
  background-image: url(cloud-provider-white-sprite-14.svg);
  background-position: 0 55.5%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="koopplooi"] h3:before {
  background-image: url(cloud-provider-white-sprite-14.svg);
  background-position: 100% 55.5%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="koopwd"] h3:before {
  background-image: url(cloud-provider-white-sprite-14.svg);
  background-position: 0 66.6%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="koopsa"] h3:before {
  background-image: url(cloud-provider-white-sprite-14.svg);
  background-position: 100% 66.6%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="koopop"] h3:before {
  background-image: url(cloud-provider-white-sprite-14.svg);
  background-position: 0 77.7%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="koopvb"] h3:before {
  background-image: url(cloud-provider-white-sprite-14.svg);
  background-position: 100% 77.7%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="kooptr"] h3:before {
  background-image: url(cloud-provider-white-sprite-14.svg);
  background-position: 0 88.8%;
  content: "";
}

.newDatabase .dashboardCard.image-and-description[data-url*="foxpro"] h3:before {
  background-image: url(cloud-provider-white-sprite-14.svg);
  background-position: 100% 88.8%;
  content: "";
}

.dashboardCard.database.atlassian ul>li:first-of-type:after,
.dashboardCard.database.exactonlineall ul>li:first-of-type:after,
.dashboardCard.database.microsoft ul>li:first-of-type:after {
  background: url(cloud-icon-sprite-3.svg);
  background-position: 100% 55.5%;
  background-size: 201%;
  bottom: -8px;
  content: "";
  height: 20px;
  position: absolute;
  right: -8px;
  width: 20px;
}

.dashboardCard.database ul li:first-of-type {
  position: relative;
}

[data-url] {
  cursor: pointer;
}

.list .cardWrapper {
  grid-gap: 5px;
  display: grid;
  grid-auto-columns: minmax(0, auto);
  grid-auto-rows: minmax(0, auto);
  grid-template-columns: repeat(2, 1fr);
  margin: 0;
  padding: 10px;
}

.figure .cardWrapper {
  display: grid;
  grid-template-columns: 1fr 0.75fr 2fr;
  margin: 0;
  padding: 10px;
}

.icon-and-description .cardWrapper,
.image-and-description .cardWrapper {
  display: grid;
  grid-template-columns: 1fr 4fr;
  margin: 0;
  padding: 10px;
}

.dashboardWrapper .cardWrapper {
  margin: auto;
  padding: 10px;
}

.figure .cardWrapper p {
  text-align: left;
}

.cardWrapper p {
  color: #646464;
  font-size: 14px;
  margin: 0;
  word-break: break-word;
}

.figure .cardWrapper li:nth-child(2) {
  color: #48aff2;
  font-size: 100px;
  text-align: center;
}

ul.cardWrapper>li {
  align-items: center;
  display: flex;
  list-style-type: none;
  margin: 10px;
}

.cardWrapper li a {
  color: #646464;
  font-size: 14px;
  text-decoration: none;
}

.cardWrapper li a,
.list .cardItem:before {
  display: inline-block;
  vertical-align: middle;
}

.list .cardItem:before {
  background: url(cloud-apps-sprite.svg);
  background-size: 200%;
  content: "";
  height: 32px;
  margin-right: 5px;
  min-width: 32px;
  width: 32px;
}

.icon-and-description.database li:first-of-type:before {
  background: url(cloud-icon-sprite.svg);
  background-position: 0 44%;
  background-size: 200%;
  content: "";
  height: 100px;
  width: 100px;
}

.icon-and-description.monitoring li:first-of-type:before {
  background: url(cloud-icon-sprite-4.svg);
  background-position: 0 11.1%;
  background-size: 200%;
  content: "";
  height: 100px;
  width: 100px;
}

.database .cardItem:first-of-type:before {
  background: url(cloud-icon-sprite.svg);
  background-position: 0 44%;
  background-size: 200%;
  content: "";
  display: inline-block;
  height: 100px;
  width: 100px;
}

.datacontainer .cardItem:first-of-type:before {
  background: url(cloud-icon-sprite.svg);
  background-position: 100% 66%;
  background-size: 200%;
  content: "";
  display: inline-block;
  height: 100px;
  width: 100px;
}

.cardItem.tt:before {
  background-position: 0 44.4%;
  content: "";
}

.cardItem.bolm:before {
  background-position: 100% 88.8%;
  content: "";
}

.cardItem.ra:before {
  background-position: 0 22.2%;
  content: "";
}

.cardItem.cq:before {
  background-position: 100% 44.4%;
  content: "";
}

.cardItem.pd:before {
  background-position: 100% 22.2%;
  content: "";
}

.cardItem.ci:before {
  background-position: 0 55.5%;
  content: "";
}

.cardItem.kb:before {
  background-position: 100% 33.3%;
  content: "";
}

.cardItem.ct:before {
  background-position: 0 66.6%;
  content: "";
}

.cardItem.dn:before {
  background-position: 100% 22.2%;
  content: "";
}

.cardItem.pr:before {
  background-position: 100% 55.5%;
  content: "";
}

.cardItem.dl:before {
  background-position: 100% 66.6%;
  content: "";
}

.cardItem a:hover {
  color: #48aff2;
  text-decoration: underline;
}

.dashboardCard[data-url]:hover {
  border: 1px solid #48aff2;
  box-shadow: 0 0 5px 1px #00000030;
}

.seeMore {
  bottom: 10px;
  color: #48aff2;
  line-height: 12px;
  position: absolute;
  right: 10px;
  z-index: 0;
}

.dashboardCard:not(.list):hover .seeMore {
  text-decoration: underline;
}

.dashboardCard a.resize {
  display: none;
  flex-shrink: 0;
}

.dashboardCard.chart a.resize {
  display: initial;
}

.dashboardCard.format-large {
  grid-column: span 2;
  grid-row: span 2;
}

.dashboardCard.usage-details h3:before {
  background-position: 0 66%;
  content: "";
  height: 24px;
  width: 24px;
}

.usage-details .intensity {
  flex-wrap: wrap;
}

.usage-details .intensity span {
  border-radius: 10px;
  display: inline-block;
  height: 12px;
  margin: 2px 10px 2px 0;
  width: 12px;
}

.usage-details .intensity span.inactive {
  background: #e6e6e6;
  border: 1px solid #6f6f6f;
}

.usage-details .intensity span.green {
  background: #8cd48c;
  border: 1px solid green;
}

.usage-details .intensity span.yellow {
  background: #daf121;
  border: 1px solid #dec300;
}

.usage-details .intensity span.red {
  background: #f55a5a;
  border: 1px solid #940101;
}

.usage-details .amountnet,
.usage-details .date-cut-off {
  font-weight: 700;
}

.usage-details .usage-list {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  padding: 0;
  width: 100%;
}

.usage-details .usage-list li {
  align-items: center;
  color: #646464;
  display: flex;
  font-size: 14px;
  list-style-type: none;
  margin: 5px;
}

.usage-details .usage-list li ul {
  padding: 0;
}

.usage-details .usage-list li ul li:before {
  background: url(cloud-icon-sprite-3.svg);
  content: "";
  height: 16px;
  margin-right: 5px;
  width: 16px;
}

.usage-details .usage-list li ul li.users:before {
  background: url(cloud-icon-sprite.svg);
  background-position: 100% 11.1%;
  background-size: 200%;
  content: "";
}

.usage-details .usage-list li ul li.partitions:before {
  background-position: 0 66.6%;
  background-size: 200%;
  content: "";
}

.usage-details .usage-list li ul li.devices:before {
  background-position: 100% 66.6%;
  background-size: 200%;
  content: "";
}

.usage-details .usage-list li ul li.traffic:before {
  background-position: 0 77.7%;
  background-size: 200%;
  content: "";
}

.usage-details .usage-list li ul li.agreements:before {
  background: url(cloud-icon-sprite.svg);
  background-position: 100% 33.3%;
  background-size: 200%;
  content: "";
}

.usage-details .usage-list li ul li.no-icon:before {
  background: none;
  content: "";
  margin-right: 0;
  width: 0;
}

.usage-details .intensity-list {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  padding: 0;
  width: 100%;
}

.usage-details .intensity-list li {
  color: #646464;
  font-size: 14px;
  margin: 5px;
}

.usage-details .intensity-list li ul {
  padding: 0;
}

.databaseSteps li.disabled a {
  cursor: default;
}

.dashboardWrapper .spinnerOverlay {
  bottom: 0;
  display: none;
  height: calc(100% - 35px);
  position: absolute;
  width: 100%;
  z-index: 1;
}

.dashboardWrapper .spinnerOverlay:before {
  background: url(spinner.svg);
  background-size: contain;
  content: "";
  display: block;
  height: 64px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
}

.dashboardWrapper .spinnerOverlay.show {
  display: block;
}

a.documentation {
  margin-left: 5px;
}

.landingWrapper {
  background: hsla(0, 0%, 100%, 0.5);
  margin: auto;
  padding: 25px;
  width: 1000px;
}

.landingAppContent .landingWrapper {
  padding: 10px 25px 0;
}

.landingBannerWrapperOuter {
  position: relative;
  align-items: center;
  background: linear-gradient(45deg, #48aef2, #85cdfd);
  box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  padding: 10px;
}

.landingBannerWrapperInner {
  align-items: center;
  display: flex;
  justify-content: center;
}

.landingBannerText {
  color: #fff;
  flex: 30% 0 0;
  margin-right: 25px;
}

.landingBannerText h1 {
  font-size: 22px;
  font-weight: 600;
  line-height: 22px;
  margin: 0 0 5px;
  padding: 0;
}

.landingBannerText h2 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 5px;
  padding: 0;
}

.landingBannerText p {
  font-size: 14px;
  font-weight: 100;
  margin: 0;
  padding: 0;
}

.landingIconGrid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: grid;
  grid-template-columns: repeat(10, 36px);
  grid-template-rows: repeat(4, 36px);
  justify-items: center;
}

.landingIconGrid .platform:nth-child(n + 40) {
  display: none;
}

.landingIconGrid .platform:last-child {
  display: block;
}

.landingIconGrid .platform {
  height: 36px;
  width: 36px;
}

.landingPinPointsWrapper {
  display: flex;
  justify-content: space-between;
  margin: 10px -20px 35px -20px;
}

.landingPinPoint {
  background: #fff;
  box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.25);
  flex: 25%;
  margin: 0 20px;
}

.landingPinPoint,
.landingPinPoint a {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.landingPinPoint a {
  text-decoration: none;
  width: 100%;
}

.landingPinPoint h3 {
  background: #48aff2;
  color: #fff;
  font-weight: 200;
  padding: 10px 0;
  width: 100%;
}

.landingPinPoint h3,
.landingPinPoint p {
  font-size: 13px;
  margin: 0;
  text-align: center;
}

.landingPinPoint p {
  color: #595959;
  padding: 10px;
}

.pinPointImage {
  background: url(point-sprite.svg);
  background-size: 200%;
  display: block;
  height: 128px;
  margin-top: 10px;
  width: 128px;
}

.composeReports .pinPointImage {
  background-position: 0 0;
}

.exchangeBusiness .pinPointImage {
  background-position: 100% 0;
}

.webApps .pinPointImage {
  background-position: 0 100%;
}

.portal .pinPointImage {
  background-position: 100% 100%;
}

.landingInfoWrapper {
  display: flex;
}

.landingInfoText {
  flex: 1 0 0;
  width: 100%;
}

.landingInfoText ul.checkMarks {
  margin-left: -22px;
}

.landingInfoText ul.checkMarks li {
  background: url(/css/check.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  list-style-type: none;
  padding: 0 0 5px 32px;
}

.landingInfoImage {
  flex: 50% 0;
  position: relative;
}

.landingInfoImage .zoomImage {
  background: rgba(72, 175, 243, 0.75);
  border: 3px solid #fff;
  border-radius: 30px;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
  height: 48px;
  opacity: 1;
  position: absolute;
  right: 15px;
  top: 15px;
  transition: opacity 0.2s;
  width: 48px;
  z-index: 99999;
}

.landingInfoImage .zoomImage span {
  background: 100% 22.2%/200% no-repeat url(cloud-icon-sprite-3.svg);
  display: block;
  height: 32px;
  left: 50%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
}

.landingInfoImage .zoomImage:hover~.slideShowImage img {
  box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.25);
  transform: scale(1.5);
  transition: transform 0.2s;
}

.landingInfoImage .zoomImage:hover {
  opacity: 0;
}

.landingInfoImage .slideShowImage {
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  width: 100%;
}

.landingInfoImage .slideShowImage img {
  transition: transform 0.2s;
  width: 100%;
}

.landingInfoImage .slideShowImage:nth-child(2) {
  animation: fadeImage 30s 0s infinite;
}

.landingInfoImage .slideShowImage:nth-child(3) {
  animation: fadeImage 30s 6s infinite;
}

.landingInfoImage .slideShowImage:nth-child(4) {
  animation: fadeImage 30s 12s infinite;
}

.landingInfoImage .slideShowImage:nth-child(5) {
  animation: fadeImage 30s 18s infinite;
}

.landingInfoImage .slideShowImage:nth-child(6) {
  animation: fadeImage 30s 24s infinite;
}

.landingInfoImage .downloadPDF {
  background: #88bb28;
  background: linear-gradient(105deg, #78ad14, #addc55);
  border: 2px solid #fff;
  border-radius: 6px;
  box-shadow: 1px 1px 10px 10px rgba(0, 0, 0, 0.15);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  left: 50%;
  margin: 0 10px;
  padding: 8px 10px;
  position: absolute;
  text-decoration: none;
  text-shadow: 1px 1px #79ae16;
  top: 50%;
  transform: translate(-50%, -50%);
}

@keyframes fadeImage {
  0% {
    opacity: 1;
  }

  18% {
    opacity: 1;
  }

  20% {
    opacity: 0;
  }

  98% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.landingInfoText h2,
h3 {
  color: #48aef2;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}

.landingInfoText p,
.landingInfoText ul {
  color: #646464;
  font-size: 14px;
}

.platform {
  order: 2;
}

.platform:hover {
  cursor: default;
}

.landingWrapper.providerPage a.platform:first-of-type {
  grid-column: 1/3;
  grid-row: 1/3;
  height: 100%;
  width: 100%;
}

.landingWrapper.providerPage .platform:nth-child(n + 37) {
  display: none;
}

.landingWrapper.providerPage .platform:last-child {
  display: block;
}

.landingWrapper.providerPage .landingBannerText h2 {
  font-size: 14px;
  font-weight: 100;
}

.landingWrapper.providerPage .landingInfoText h2,
h3 {
  color: #000;
  margin: 0;
}

.landingWrapper .landingInfoText ul.pricing li a.pricingTrial {
  color: #fff;
}

.landingWrapper.exactonline .landingInfoText ul li a {
  color: #48aff2;
}

.landingWrapper.exactonline .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #ed1c24, #f9cdcf);
}

.landingWrapper.exactonline .landingPinPoint h3 {
  background: #ed1c24;
}

.landingWrapper.exactonline .landingInfoText h2,
h3 {
  color: #ed1c24;
  margin: 0;
}

.connectorSetup.exactonline h1,
.connectorSetup.exactonline h2 {
  background: #ed1c24;
}

.landingWrapper.vismasevera .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #b11151, #f16da2);
}

.landingWrapper.vismasevera .landingPinPoint h3 {
  background: #b11151;
}

.landingWrapper.vismasevera .landingInfoText h2,
h3 {
  color: #b11151;
  margin: 0;
}

.landingWrapper.vismaeaccounting .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #007aca, #4caae8);
}

.landingWrapper.vismaeaccounting .landingPinPoint h3 {
  background: #007aca;
}

.landingWrapper.vismaeaccounting .landingInfoText h2,
h3 {
  color: #007aca;
  margin: 0;
}

.landingWrapper.vismanet .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #007aca, #4caae8);
}

.landingWrapper.vismanet .landingPinPoint h3 {
  background: #007aca;
}

.landingWrapper.vismanet .landingInfoText h2,
h3 {
  color: #007aca;
  margin: 0;
}

.connectorSetup.vismanet h1,
.connectorSetup.vismanet h2 {
  background: #007aca;
}

.landingWrapper.twinfield .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #62b6dc, #0078af);
}

.landingWrapper.twinfield .landingPinPoint h3 {
  background: #0078af;
}

.landingWrapper.twinfield .landingInfoText h2,
h3 {
  color: #0078af;
  margin: 0;
}

.connectorSetup.twinfield h1,
.connectorSetup.twinfield h2 {
  background: #0078af;
}

.landingWrapper.teamleader .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #85c5c5, #00b2b2);
}

.landingWrapper.teamleader .landingPinPoint h3 {
  background: #00b2b2;
}

.landingWrapper.teamleader .landingInfoText h2,
h3 {
  color: #00b2b2;
  margin: 0;
}

.landingWrapper.teamleader .improveContainer ul.relatedVideos li.relatedVideo {
  border: 3px solid #6bcfd0;
}

.connectorSetup.teamleader h1,
.connectorSetup.teamleader h2,
.landingWrapper.teamleader .improveContainer ul.relatedVideos li h3 {
  background: #00b2b2;
}

.landingWrapper.activecampaign .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #4174b4, #7cace8);
}

.landingWrapper.activecampaign .landingPinPoint h3 {
  background: #4174b4;
}

.landingWrapper.activecampaign .landingInfoText h2,
h3 {
  color: #4174b4;
  margin: 0;
}

.connectorSetup.activecampaign h1,
.connectorSetup.activecampaign h2 {
  background: #4174b4;
}

.landingWrapper.companyinfo .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #69a0b1, #a0cedc);
}

.landingWrapper.companyinfo .landingPinPoint h3 {
  background: #69a0b1;
}

.landingWrapper.companyinfo .landingInfoText h2,
h3 {
  color: #69a0b1;
  margin: 0;
}

.connectorSetup.companyinfo h1,
.connectorSetup.companyinfo h2 {
  background: #69a0b1;
}

.landingWrapper.afas .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #005da4, #73b8ec);
}

.landingWrapper.afas .landingPinPoint h3 {
  background: #005da4;
}

.landingWrapper.afas .landingInfoText h2,
h3 {
  color: #005da4;
  margin: 0;
}

.connectorSetup.afas h1,
.connectorSetup.afas h2 {
  background: #005da4;
}

.landingWrapper.paypal .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #004b81, #5790bb);
}

.landingWrapper.paypal .landingPinPoint h3 {
  background: #004a81;
}

.landingWrapper.paypal .landingInfoText h2,
h3 {
  color: #004a81;
  margin: 0;
}

.connectorSetup.paypal h1,
.connectorSetup.paypal h2 {
  background: #004a81;
}

.landingWrapper.db2 .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #02962b, #34c55c);
}

.landingWrapper.db2 .landingPinPoint h3 {
  background: #02962b;
}

.landingWrapper.db2 .landingInfoText h2,
h3 {
  color: #02962b;
  margin: 0;
}

.connectorSetup.db2 h1,
.connectorSetup.db2 h2 {
  background: #02962b;
}

.landingWrapper.freshdesk .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #25c16f, #63efa5);
}

.landingWrapper.freshdesk .landingPinPoint h3 {
  background: #25c16f;
}

.landingWrapper.freshdesk .landingInfoText h2,
h3 {
  color: #25c16f;
  margin: 0;
}

.connectorSetup.freshdesk h1,
.connectorSetup.freshdesk h2 {
  background: #25c16f;
}

.landingWrapper.roller .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #ea4947, #dea3a3);
}

.landingWrapper.roller .landingPinPoint h3 {
  background: #ea4947;
}

.landingWrapper.roller .landingInfoText h2,
h3 {
  color: #ea4947;
  margin: 0;
}

.connectorSetup.roller h1,
.connectorSetup.roller h2 {
  background: #ea4947;
}

.landingWrapper.jira .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #1c3661, #7289b1);
}

.landingWrapper.jira .landingPinPoint h3 {
  background: #1c3661;
}

.landingWrapper.jira .landingInfoText h2,
h3 {
  color: #1c3661;
  margin: 0;
}

.connectorSetup.jira h1,
.connectorSetup.jira h2 {
  background: #1c3661;
}

.landingWrapper.loketnl .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #e8a713, #f9d789);
}

.landingWrapper.loketnl .landingPinPoint h3 {
  background: #e8a713;
}

.landingWrapper.loketnl .landingInfoText h2,
h3 {
  color: #e8a713;
  margin: 0;
}

.connectorSetup.loketnl h1,
.connectorSetup.loketnl h2 {
  background: #e8a713;
}

.landingWrapper.robaws .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #2ba3dc, #78c8ef);
}

.landingWrapper.robaws .landingPinPoint h3 {
  background: #2ba3dc;
}

.landingWrapper.robaws .landingInfoText h2,
h3 {
  color: #2ba3dc;
  margin: 0;
}

.connectorSetup.robaws h1,
.connectorSetup.robaws h2 {
  background: #2ba3dc;
}

.landingWrapper.documentcloud .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #6da4ce, #b6d9f3);
}

.landingWrapper.documentcloud .landingPinPoint h3 {
  background: #7dafd6;
}

.landingWrapper.documentcloud .landingInfoText h2,
h3 {
  color: #7dafd6;
  margin: 0;
}

.connectorSetup.documentcloud h1,
.connectorSetup.documentcloud h2 {
  background: #7dafd6;
}

.landingWrapper.salesforce .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #0f9bd7, #5ac2ef);
}

.landingWrapper.salesforce .landingPinPoint h3 {
  background: #0f9bd7;
}

.landingWrapper.salesforce .landingInfoText h2,
h3 {
  color: #0f9bd7;
  margin: 0;
}

.connectorSetup.salesforce h1,
.connectorSetup.salesforce h2 {
  background: #0f9bd7;
}

.landingWrapper.simplicate .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #89a3bd, #edf2f7);
}

.landingWrapper.simplicate .landingPinPoint h3 {
  background: #9bb1c7;
}

.landingWrapper.simplicate .landingInfoText h2,
h3 {
  color: #9bb1c7;
  margin: 0;
}

.connectorSetup.simplicate h1,
.connectorSetup.simplicate h2 {
  background: #9bb1c7;
}

.landingWrapper.sqlserver .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #e30613, #ea8c92);
}

.landingWrapper.sqlserver .landingPinPoint h3 {
  background: #e30613;
}

.landingWrapper.sqlserver .landingInfoText h2,
h3 {
  color: #e30613;
  margin: 0;
}

.connectorSetup.sqlserver h1,
.connectorSetup.sqlserver h2 {
  background: #e30613;
}

.landingWrapper.oracle .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #e32124, #ef7577);
}

.landingWrapper.oracle .landingPinPoint h3 {
  background: #e32124;
}

.landingWrapper.oracle .landingInfoText h2,
h3 {
  color: #e32124;
  margin: 0;
}

.connectorSetup.oracle h1,
.connectorSetup.oracle h2 {
  background: #e32124;
}

.landingWrapper.postgresql .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #2d6793, #78b1dc);
}

.landingWrapper.postgresql .landingPinPoint h3 {
  background: #2d6793;
}

.landingWrapper.postgresql .landingInfoText h2,
h3 {
  color: #2d6793;
  margin: 0;
}

.connectorSetup.postgresql h1,
.connectorSetup.postgresql h2 {
  background: #2d6793;
}

.landingWrapper.discourse .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #a0a0a0, #404040);
}

.landingWrapper.discourse .landingPinPoint h3 {
  background: #a0a0a0;
}

.landingWrapper.discourse .landingInfoText h2,
h3 {
  color: #000;
  margin: 0;
}

.connectorSetup.discourse h1,
.connectorSetup.discourse h2 {
  background: #a0a0a0;
}

.landingWrapper.chargebee .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #e8a713, #f9d789);
}

.landingWrapper.chargebee .landingPinPoint h3 {
  background: #e8a713;
}

.landingWrapper.chargebee .landingInfoText h2,
h3 {
  color: #e8a713;
  margin: 0;
}

.connectorSetup.chargebee h1,
.connectorSetup.chargebee h2 {
  background: #e8a713;
}

.landingWrapper.cor .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #025075, #3392bf);
}

.landingWrapper.cor .landingPinPoint h3 {
  background: #0a5a80;
}

.landingWrapper.cor .landingInfoText h2,
h3 {
  color: #0a5a80;
  margin: 0;
}

.connectorSetup.cor h1,
.connectorSetup.cor h2 {
  background: #0a5a80;
}

.landingWrapper.default .platform:nth-child(n + 40) {
  display: none;
}

.landingWrapper.default .platform:last-child {
  display: block;
}

.landingWrapper.default .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #a0a0a0, #404040);
}

.landingWrapper.default .landingPinPoint h3 {
  background: #575757;
}

.landingWrapper.default .landingInfoText h2,
h3 {
  color: #000;
  margin: 0;
}

.productCompareWrapper {
  display: flex;
  flex-direction: column;
}

.productCompareWrapper div.tooltip>span {
  left: 30px;
}

.productCompareWrapper div.tooltip>span:after {
  border-width: 5px 8px 5px 0;
  left: -8px;
}

.productCompareWrapper div.tooltip {
  align-self: flex-start;
  flex: 16px 0 0;
}

.productCompareWrapper .row {
  display: flex;
}

.componentIcon,
.componentIcon>img {
  height: 16px;
  margin-right: 10px;
  width: 16px;
}

.productCompareWrapper .component a {
  color: inherit;
  text-decoration: none;
}

.productCompareWrapper .component {
  display: flex;
  flex: 20% 0 0;
}

.col-1 .productName,
.col-1 .value {
  flex: 25% 0 0;
}

.productName,
.value {
  flex: 2 0 0;
}

.productCompareWrapper .component,
.productName,
.value {
  margin: 0 5px;
  padding: 5px;
}

.row:nth-child(2n + 3) {
  background: #eaeaea;
}

.value {
  border-left: 1px solid #bfbfbf;
  display: flex;
  justify-content: center;
  text-align: center;
}

.value img {
  width: 16px;
}

.productName img {
  width: 64px;
}

.productName {
  font-weight: 600;
  justify-content: center;
  overflow: hidden;
}

.productName,
.productName.new a {
  text-align: center;
}

.productName a.new:before {
  background: #646464;
  border-radius: 32px;
  color: #fff;
  content: "+";
  display: inline-block;
  font-size: 45px;
  font-weight: 700;
  height: 64px;
  line-height: 64px;
  text-align: center;
  width: 64px;
}

.addProduct.value {
  flex: 1;
}

.addProduct {
  align-items: center;
  display: flex;
  flex: 2 0 0;
  flex-direction: column;
}

select#producttoadd {
  max-width: 242px;
}

.addProduct a.new:before {
  background: #646464;
  border-radius: 32px;
  color: #fff;
  content: "+";
  display: inline-block;
  font-size: 36px;
  font-weight: 700;
  height: 48px;
  line-height: 48px;
  text-align: center;
  width: 48px;
}

#ProductToAdd {
  margin: 5px;
  width: 100%;
}

.addProduct input[type="submit"] {
  margin: 0;
  width: 100%;
}

.titleHeader {
  align-items: flex-end;
  margin-bottom: 5px;
}

.titleHeader .productName {
  background: #dee0e4;
  color: #646464;
  margin: 0 5px 0 0;
  padding: 10px;
}

.titleHeader .addProduct span {
  color: #646464;
}

.row {
  padding: 0;
}

.discontinued {
  color: grey;
  display: block;
}

.settingsList ul li {
  align-items: center;
  color: #000;
  cursor: pointer;
  display: flex;
  padding-left: 5px;
}

.settingsList ul li a {
  color: #000;
  padding: 10px;
  text-decoration: none;
  width: 100%;
}

.settingsList ul li:hover {
  background: #e2f4ff;
}

.settingsList ul li.selected-organisation:hover {
  background: #b8e4ff;
}

.settingsList ul li:before {
  background: url(cloud-icon-sprite-4.svg);
  background-position: 100% 44.4%;
  background-size: 200%;
  content: "";
  display: inline-block;
  flex: 16px 0 0;
  height: 16px;
  margin-right: 5px;
  width: 16px;
}

.settingsList ul li.own-organisation:before {
  background: url(cloud-icon-sprite-3.svg);
  background-position: 0 66.6%;
  background-size: 200%;
  content: "";
  display: inline-block;
  height: 16px;
  width: 16px;
}

.settingsList ul li.my-profile:before {
  background: url(cloud-icon-sprite.svg);
  background-position: 100% 44.4%;
  background-size: 200%;
  content: "";
  display: inline-block;
  height: 16px;
  width: 16px;
}

.settingsList ul li.my-organisation:before {
  background: url(cloud-icon-sprite-3.svg);
  background-position: 0 66.6%;
  background-size: 200%;
  content: "";
  display: inline-block;
  height: 16px;
  width: 16px;
}

.settingsList li.selected-organisation {
  background-color: #f5f5f5;
  border-bottom: 1px solid #646464;
  border-top: 1px solid #646464;
}

#partitionsForm {
  flex-direction: column;
}

#editSelectedDelegationForm,
#partitionsForm {
  background: none;
  border: 0;
  box-shadow: none;
  display: flex;
  margin: 0 0 0 auto;
  padding: 0;
}

#editSelectedDelegationForm {
  flex-direction: row;
}

.partitionListButtons a.button {
  background: #48aff2;
  border: 1px solid #1488d4;
  flex: 1 0 0;
  min-width: auto;
}

.partitionListButtons input[type="submit"] {
  background: #8fc800;
  border: 1px solid #498202;
  flex: 1 0 0;
  min-width: auto;
}

.partitionListButtons {
  display: flex;
}

.selectPartition {
  margin-right: 5px;
}

.selectedPartitions {
  background: #fff;
  border: 1px solid #646464;
  display: inline-block;
  height: 16px;
  overflow: hidden;
  padding: 5px 20px 5px 8px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 200px;
}

.selectDelegationWrapper,
.selectPartitionWrapper {
  align-items: center;
  display: flex;
}

#editSelectedDelegationForm .settingsList,
#partitionsForm .partitionList {
  display: none;
}

#partitionsForm.dropdown-collapsed .partitionList {
  margin-top: 35px;
  max-height: calc(100% - 175px);
  right: 10px;
}

#editSelectedDelegationForm.dropdown-collapsed .settingsList,
#partitionsForm.dropdown-collapsed .partitionList {
  background: #fff;
  border: 1px solid #646464;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  position: absolute;
  width: 400px;
  z-index: 10;
}

#editSelectedDelegationForm.dropdown-collapsed .settingsList {
  color: #000;
  margin-top: 37px;
  max-height: calc(100vh - 175px);
  right: 0;
}

.partitionSearchWrapper {
  background: #fff;
  border: 1px solid #646464;
  border-radius: 4px;
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  display: flex;
  margin: 5px;
  padding: 1px;
}

.partitionSearchWrapper input {
  border: 0;
  flex: 1;
  max-width: none;
}

.partitionSearchWrapper img {
  margin: 0 5px;
  width: 20px;
}

.menuSQLWrapper {
  align-items: center;
  display: flex;
}

.selectedPartitions:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #646464;
  content: "";
  display: inline-block;
  height: 0;
  margin-left: 5px;
  position: absolute;
  right: 5px;
  top: 12px;
  width: 0;
}

#partitionsForm.dropdown-collapsed .selectedPartitions:after {
  border-bottom: 7px solid #646464;
  border-top: 0;
  content: "";
}

.partitionList ul li {
  align-items: flex-start;
  margin: 5px 0;
}

.partitionList input[type="checkbox"]+label {
  font-weight: 400;
  margin: 0 5px;
}

.partitionListHeader {
  background: #dee0e4;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5px 10px;
}

.partitionListHeader span {
  color: #646464;
  flex: 2 0 0;
  font-size: 13px;
  font-weight: 700;
}

.settingsList .listHeader {
  background: #dee0e4;
  padding: 5px 10px;
}

.settingsList .listHeader span {
  color: #646464;
  font-size: 13px;
  font-weight: 700;
}

#delegationListUl li span {
  padding: 10px;
  width: 100%;
}

#delegationListUl span:nth-of-type(2),
.listFooter span:nth-of-type(2) {
  margin-left: 5px;
  margin-right: 10px;
}

#delegationListUl span:first-of-type {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.settingsList .listFooter {
  align-items: center;
  background: #dee0e4;
  display: flex;
  padding: 5px 10px;
}

.settingsList .listFooter span#nodeMachineName {
  background: grey;
  border-radius: 3px;
  color: #fff;
  padding: 2px 5px;
}

.settingsList .listFooter span#currentTimeSpan {
  margin-left: 5px;
  margin-right: 10px;
}

.settingsList .listFooter a,
.settingsList .listFooter span {
  color: #646464;
  font-size: 10px;
  font-weight: 700;
}

.settingsList .listFooter a {
  margin-left: auto;
  margin-right: 0;
  text-decoration: none;
}

.selectedDelegations {
  display: flex;
  position: relative;
}

#selectedDelegationsLabel h5 {
  font-size: 12px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

#selectedDelegationsLabel {
  margin-right: 10px;
}

span.delegationArrow:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #fff;
  content: "";
  display: inline-block;
  height: 0;
  margin-left: 5px;
  position: absolute;
  right: -3px;
  top: 7px;
  width: 0;
}

#editSelectedDelegationForm.dropdown-collapsed span.delegationArrow:after {
  border-bottom: 7px solid #fff;
  border-top: 0;
  content: "";
}

#partitionListUl {
  display: block;
  height: 100vh;
  overflow-y: scroll;
}

.mobileTopMenu {
  background: url(cloud-icon-sprite-3.svg);
  background-position: 0 55.5%;
  background-size: 200%;
  display: none;
  height: 32px;
  width: 32px;
}

.connectorList ul {
  grid-gap: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-evenly;
  list-style-type: none;
  padding: 0;
}

.connectorList ul li {
  background: #fff;
  border: 1px solid #bfbfbf;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.06);
  min-height: 125px;
  padding: 0;
  position: relative;
}

.connectorList ul li h3 {
  background: #646464;
  color: #fff;
  font-size: 13px;
  margin: 0;
  padding: 5px;
  text-shadow: 1px 1px #4c4c4c;
  display: flex;
  align-items: center;
}

.connectorList ul li p {
  margin: 0;
  padding: 5px 10px;
}

.connectorList.dataModelList ul li p,
.connectorList.productManualList ul li p {
  margin: 0;
  padding: 5px 10px;
}

.contentWrapper .landingWrapper .connectorList span.platform {
  display: inline-block;
  height: 24px;
  margin-right: 5px;
  vertical-align: middle;
  width: 24px;
  order: 0;
  cursor: pointer;
}

.contentWrapper .landingWrapper .connectorList.productManualList span.platform {
  display: flex;
  height: 24px;
  margin-right: 5px;
  vertical-align: middle;
  width: 24px;
  order: 0;
  flex: 24px 0 0;
}

.contentWrapper .landingWrapper p.documentIconWrapper {
  display: flex;
}

.contentWrapper .landingWrapper p.tablesWrapper {
  background: #646464;
  color: white;
  text-align: center;
  margin: 5px 35px;
  border-radius: 5px;
  opacity: 0.5;
}

.contentWrapper .landingWrapper .runOut .productStatus,
.dashboardWrapper .runOut .productStatus {
  background: #de6c00;
  text-align: center;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
}

.contentWrapper .landingWrapper .runOut .productStatus:before,
.dashboardWrapper .runOut .productStatus:before {
  content: '';
  background: url('warning.svg');
  background-size: 100%;
  width: 24px;
  height: 24px;
  display: flex;
  margin-right: 5px;
}

.contentWrapper .landingWrapper .documentIconWrapper a {
  display: flex;
  justify-content: center;
}

.dataModelList.connectorList ul li,
.productManualList.connectorList ul li {
  background: #c9c9c9;
  margin: 3px;
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
  border: 1px solid #bfbfbf;
}

.contentWrapper .landingWrapper .documentIconWrapper .htmlIcon {
  background: url(cloud-icon-sprite-5.svg);
  background-position: 100% 55.5%;
  background-size: 200%;
  display: flex;
  height: 100px;
  width: 100px;
}

.contentWrapper .landingWrapper .documentIconWrapper .pdfIcon {
  background: url(cloud-icon-sprite-5.svg);
  background-position: 0 66.6%;
  background-size: 200%;
  display: flex;
  height: 100px;
  width: 100px;
}

.contentWrapper .landingWrapper .documentIconWrapper .erdIcon {
  background: url(cloud-icon-sprite-5.svg);
  background-position: 100% 66.6%;
  background-size: 200%;
  display: flex;
  height: 100px;
  width: 100px;
}

.status-1xx td,
.status-2xx td {
  background: #e2efd5;
  color: #646464;
}

.status-3xx td {
  background: #c3e7ff;
  color: #646464;
}

.status-200.status-error td,
.status-500 td,
.status-error td {
  background: #ffbaba;
}

.status-400 td,
.status-401 td,
.status-403 td,
.status-404 td,
.status-429 td,
.status-499 td  {
  background: #fff4f3;
}

.status-402 td {
  background: #ffe7c0;
  color: #646464;
}

.status-499.status-error td {
  background: #fca;
}

td.details-control:after {
  content: "►";
  cursor: pointer;
  display: block;
}

tr.shown td.details-control:after {
  content: "▼";
  cursor: pointer;
  display: block;
}

table.dataTable tbody td.text {
  max-width: 300px;
  overflow: auto;
  word-break: break-all;
}

table.dataTable tbody td.text.Description {
  white-space: pre-wrap;
}

table.dataTable tbody th.text {
  max-width: 300px;
}

span.userTip {
  margin-left: 5px;
}

.preAuthHeader {
  color: #646464;
  font-size: 16px;
  margin: 0 10px;
}

.access-denied-reasons {
  padding-left: 40px;
}

.access-denied-reasons li {
  display: list-item;
  list-style-type: disc;
}

.wizardWrapper .wizardStep {
  display: none;
}

.wizardWrapper[data-active-step="1"] .wizardStep:first-child,
.wizardWrapper[data-active-step="2"] .wizardStep:nth-child(2),
.wizardWrapper[data-active-step="3"] .wizardStep:nth-child(3),
.wizardWrapper[data-active-step="4"] .wizardStep:nth-child(4),
.wizardWrapper[data-active-step="5"] .wizardStep:nth-child(5) {
  display: block;
}

.connectorSetup .content {
  margin: 0 auto;
  width: 600px;
}

.connectorSetup ol.firstSteps {
  counter-reset: my-awesome-counter;
}

.connectorSetup ol {
  font-size: 13px;
  list-style: none;
  padding: 0;
  text-align: left;
}

.connectorSetup ol li {
  align-items: baseline;
  background: #fff;
  border: 1px solid #d9d9d9;
  counter-increment: my-awesome-counter;
  display: flex;
  margin: 5px 0;
  padding: 10px;
}

.connectorSetup ol li p {
  margin: 0;
  padding: 0;
}

.connectorSetup div.step p {
  font-size: 13px;
  padding: 0;
}

.connectorSetup div.step ol li p {
  display: flex;
  width: 100%;
}

.connectorSetup div.step ol li p span {
  flex: 1 0 0;
}

.connectorSetup ol li a,
.connectorSetup p a {
  color: #48aff2;
}

.fancybox-nav span {
  visibility: visible !important;
}

.connectorSetup ol li:before {
  color: #48aff2;
  content: counter(my-awesome-counter) ". ";
  font-size: 15px;
  font-weight: 700;
  margin-right: 10px;
}

.connectorSetup ol li:nth-child(n + 10):before {
  margin-right: 3px;
}

.connectorSetup .content h2 {
  font-size: 15px;
  text-align: left;
}

.connectorSetup ol>p {
  font-weight: 700;
}

.connectorSetup ol+p {
  color: #646464;
  font-size: 13px;
  font-weight: 700;
}

.connectorSetup .fancybox {
  background: #8c8c8c;
  border: 1px solid #48aff2;
  display: flex;
  height: auto;
  justify-content: center;
  margin-left: 10px;
  overflow: hidden;
  text-align: center;
  width: 200px;
}

.connectorSetup .fancybox img {
  height: auto;
  object-fit: contain;
  width: 100%;
}

.connectorSetup.improveContainer a.docButton {
  align-items: center;
  background: #f39201;
  background: url(datamodel-background.svg), linear-gradient(105deg, #f77c0d, #fba625);
  background-position: 100%;
  background-repeat: no-repeat;
  border: 1px solid #f77e0e;
  border-radius: 6px;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
  color: #fff;
  display: flex;
  font-size: 13px;
  justify-content: center;
  margin: 0 0 5px;
  padding: 8px 10px;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px #9e4400;
  width: 100%;
}

.connectorSetup.improveContainer a.docButton span.platform {
  border: 1px solid #fff;
  flex: 48px 0 0;
  height: 48px;
  margin: 0 10px;
  order: 1;
  pointer-events: none;
  width: 48px;
}

.connectorSetup.improveContainer a.docButton span.docLabel {
  flex: 80% 0 0;
  order: 2;
  text-align: left;
}

.connectorSetup.improveContainer ul.relatedVideos li.videosHeader {
  width: 100%;
}

.connectorSetup.improveContainer ul.relatedVideos li h3 {
  background: #48aff2;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.06);
  color: #fff;
  font-size: 13px;
  font-weight: 200;
  margin: 0;
  padding: 5px 0;
  text-align: center;
}

.connectorSetup.improveContainer ul.relatedVideos li.relatedVideo {
  margin: 5px 0;
}

.connectorSetup.improveContainer ul.relatedVideos li.relatedVideo video {
  width: 100%
}

.connectorSetup.improveContainer ul.relatedVideos li.relatedVideo iframe {
  display: block;
}

.connectorSetup.improveContainer ul.relatedVideos li.relatedVideo figure {
  border: 1px solid #646464;
  margin: 0;
  display: flex;
}

.connectorSetup.improveContainer .content {
  flex: 100%;
  padding: 0;
}

.connectorSetup.improveContainer ul.relatedVideos li.docButtonWrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0;
  width: 100%;
}

.connectorSetup .communityButtonWrapper {
  align-items: flex-start;
  background: linear-gradient(105deg, #107dc4, #48aff2);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  width: 100%;
}

.connectorSetup.improveContainer .communityButton {
  background-image: url(community-background.svg);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 21%;
  box-sizing: border-box;
  color: #fff;
  padding: 5px 5px 5px 25px;
  text-decoration: none;
}

.connectorSetup.improveContainer .communityLabel {
  font-size: 25px;
  font-weight: 900;
  letter-spacing: 3px;
  line-height: 22px;
  text-shadow: 2px 2px #0083d9;
}

.onBoardingWrapper {
  display: flex;
  flex-direction: column;
  margin: 50px auto;
  width: 350px;
  height: auto;
}

.is-authenticated .content.onBoardingWrapper {
  height: auto;
}

.onBoardingWrapper form {
  background: none;
  border: none;
  box-shadow: none;
  margin: 0;
  overflow: visible;
}

.onBoardingWrapper form input [type="password"],
.onBoardingWrapper form input[type="text"]:not([autocomplete=one-time-code])  {
  width: 100%;
}

.onBoardingWrapper form input[type="submit"] {
  display: flex;
  justify-content: center;
  margin: 15px auto 5px;
}

.onBoardingWrapper label {
  margin: 10px 0 3px;
}

.onBoardingWrapper form a {
  color: #48aff2;
  display: block;
  text-align: center;
}

.onBoardingWrapper form a.resendConfirmationCode {
  margin-top: 10px;
}

.onBoardingWrapper form ul li {
  align-items: flex-start;
  flex-direction: column;
}

.onBoardingWrapper form ul li label {
  flex: auto;
}

.onBoardingWrapper.content {
  background: #f5f5f5;
  border: 1px solid #bfbfbf;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.06);
  overflow-y: visible;
  padding: 0;
}

.onBoardingWrapper.content h1 {
  box-shadow: none;
  margin: 0;
  padding: 5px;
  text-align: center;
}

.onBoardingWrapper div.tooltip {
  align-self: auto;
  flex: 16px 0 0;
}

.onBoardingWrapper div.tooltip span {
  position: absolute;
}

.onBoardingWrapper .tooltipWrapper {
  align-items: center;
  display: flex;
  width: 100%;
}

.onBoardingWrapper .tooltipWrapper input:not([autocomplete=one-time-code])  {
  flex: auto;
  margin: 0;
  max-width: 100%;
}

.passwordRequirements {
  margin: 5px 0;
  padding: 5px;
}

.passwordRequirements ul li:not(:first-of-type) {
  color: red;
  display: flex;
  flex-direction: row;
}

.passwordRequirements ul li:first-of-type {
  font-weight: 600;
  margin-bottom: 5px;
}

.passwordRequirements ul li.valid {
  color: green;
}

.passwordRequirements ul li:not(:first-of-type):before {
  background: url(cross-pw.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  height: 16px;
  margin-right: 5px;
  width: 16px;
}

.passwordRequirements ul li.valid:before {
  background: url(check-pw.svg);
  background-size: 100%;
  content: "";
  flex: 16px 0 0;
}

.languageSelector {
  border: 1px solid #000;
  margin: 0 15px;
}

.languageSelector:focus {
  outline: 1px solid #fff;
}

.improveContainer {
  display: flex;
}

.improveContainer ul.relatedVideos li.videosHeader {
  width: 100%;
}

.improveContainer ul.relatedVideos li h3 {
  background: #575757;
  color: #fff;
  font-size: 13px;
  font-weight: 200;
  margin: 0;
  padding: 10px 0;
  text-align: center;
}

.improveContainer ul.relatedVideos li.relatedVideo {
  margin: 5px;
}

.improveContainer ul.relatedVideos li.relatedVideo iframe {
  display: block;
}

.improveContainer ul.relatedVideos li.relatedVideo figure {
  margin: 0;
  display: flex;
}

#monitoringSub {
  background: #f5f5f5;
  border: 1px solid #48aff2;
  box-shadow: 3px 3px 0 0 rgb(0 0 0/6%);
  display: none;
  flex-direction: column;
  height: calc(100vh - 120px);
  left: 0;
  margin: 60px;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: calc(100vw - 120px);
  z-index: 5;
}

#monitoringSubTitleHeader #closeCorner {
  background: url(closemodal.svg);
  height: 20px;
  position: absolute;
  right: 5px;
  top: 4px;
  width: 20px;
}

#monitoringSubContent {
  overflow: auto;
  padding: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

#monitoringSubContent ul.menu {
  flex: 0;
}

#monitoringSubContent form {
  margin: 10px 0 0;
}

#monitoringSubContent #monitoringSubPath {
  word-break: break-all;
}

#monitoringSubContent .multipleColumns .column {
  margin-right: 10px;
}

#monitoringSub.shown {
  display: flex;
}

#monitoringSubTable_wrapper {
  margin: 10px 0;
}

#monitoringSubTable_wrapper table.dataTable tbody td.text {
  white-space: pre-wrap;
}

.multipleColumns {
  display: flex;
}

.column {
  flex: 1;
  flex-direction: column;
}

.contactFooter {
  align-items: flex-start;
  background: #f5f6f7;
  border-top: 1px solid #48aff2;
  box-sizing: border-box;
  color: #646464;
  display: flex;
  font-size: 0.85em;
  justify-content: center;
  margin: auto;
  padding: 0 25px 0 10px;
  width: 100%;
}

.contactFooter div {
  margin: 5px 25px;
}

.contactFooter div ul {
  margin: 0;
  padding: 0;
}

.contactFooter div ul li {
  list-style-type: none;
}

.contactFooter div ul li a {
  color: #525252;
}

.contactFooter .contactLine {
  background: #a0a0a0;
  height: 50%;
  margin: 0;
  transform: translateY(50%);
  width: 1px;
}

.landingWrapper .landingButtonWrapper ul.docPricing {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  margin: 25px 0 0;
  padding: 0;
}

.landingWrapper .landingButtonWrapper ul.docPricing li {
  flex-basis: 50%;
  flex-grow: 0;
  flex-shrink: 0;
}

.landingWrapper .landingButtonWrapper ul.docPricing li:only-child {
  flex-basis: 100%;
  flex-grow: 0;
  flex-shrink: 0;
}

.landingWrapper .landingButtonWrapper ul.docPricing li a {
  align-items: center;
  background: #646464;
  background: linear-gradient(105deg, #646464, #7f7d7d);
  border-bottom: 3px solid #4b4b4b;
  border-top: 1px solid #4b4b4b;
  border-left: 1px solid #4b4b4b;
  border-right: 1px solid #4b4b4b;
  border-radius: 6px;
  color: #fff;
  display: flex;
  font-size: 13px;
  justify-content: center;
  padding: 8px 6px;
  text-align: center;
  text-decoration: none;
  text-shadow: 2px 2px 2px #2a2a2a;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.landingWrapper .landingButtonWrapper ul.docPricing li a.docButton {
  margin: 0 6px 0 0;
}

.landingWrapper .landingButtonWrapper ul.docPricing li a.pricingButton {
  margin: 0 0 0 6px;
}

.landingWrapper .landingButtonWrapper ul.docPricing li.singleButton {
  flex-basis: 100%;
  flex-grow: 0;
  flex-shrink: 0;
}

.landingWrapper .landingButtonWrapper ul.docPricing li.singleButton a.pricingButton {
  margin: 0;
}

.landingWrapper .landingButtonWrapper ul.docPricing li a span.platform {
  border: 1px solid #fff;
  height: 16px;
  margin-right: 5px;
  order: 1;
  width: 16px;
}

.landingWrapper .landingButtonWrapper ul.docPricing li a span.docLabel {
  order: 2;
}

.definedTermSet p span {
  color: #646464;
  font-size: 14px;
}

.appContent .content.centered.errorGenericWrapper {
  width: 750px;
  margin: 0 auto;
}

.errorGeneric {
  background: #fbfbfb;
  padding: 10px;
}

.errorGeneric .errorGenericInner {
  display: flex;
  margin-bottom: 15px;
}

.errorGeneric .errorGenericInnerLeft {
  margin-right: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.errorGeneric .errorGenericInnerLeft .pageErrorImage {
  margin: 0;
  display: block;
  width: 64px;
  align-self: flex-start;
}

.errorGenericInnerRight .message {
  margin: 0;
}

.errorGeneric .errorGenericInner .errorCode {
  font-size: 10px;
}

.errorGeneric .message p {
  margin: 5px 0 0 0;
}

.errorGeneric .errorDetailsWrapper {
  background: #f3f3f3;
  padding: 5px;
  margin: 15px 0 0 0;
}

.errorGeneric .errorDetailsWrapper p {
  color: grey;
  margin: 3px;
}

.errorGeneric .message .gotostart a, .errorGeneric .message .gotosupport a {
  color: #128ddf;
}

.errorGeneric .hintswrapper {
  margin: 10px 0 0 0;
}

.errorGeneric .hintswrapper div a {
  color: #128ddf;
}

.content.errorGenericWrapper .errorGeneric h1 {
  background: none;
  box-shadow: unset;
  padding: 0;
  color: #585858;
  font-size: 15px;
}

.hintswrapper {
  background: url(knowledge.svg) #eff7ff;
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 14vh;
  border: 1px solid #48aef2;
  margin: 15px 0 5px;
  max-width: 750px;
  padding: 10px;
}

.hintswrapper h3 {
  color: #353535;
  margin: 0;
}

.hintswrapper ul {
  margin: 10px 10px 0;
  max-height: 100px;
  overflow-y: auto;
  padding: 0;
}

.hintswrapper .hintscontent a {
  align-items: baseline;
  color: #128ddf;
  display: flex;
  font-weight: 600;
}

.messagebanner.error .hintswrapper .hintscontent a:after {
  background: url(external-link.svg);
  background-size: 100%;
  content: "";
  display: block;
  flex: 12px 0 0;
  height: 12px;
  margin-left: 10px;
  width: 12px;
  filter: invert(41%) sepia(100%) saturate(3000%) hue-rotate(340deg) brightness(100%) contrast(90%);
}


.hintswrapper .hintscontent a:after {
  background: url(external-link.svg);
  background-size: 100%;
  content: "";
  display: block;
  flex: 12px 0 0;
  height: 12px;
  margin-left: 10px;
  width: 12px;
}

.hintswrapper .hintscontent {
  background: url(wiki.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  list-style-type: none;
  padding: 0 0 5px 24px;
}

.hintswrapper .hintscontent.isquestion {
  background: url(answeredfalse.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  list-style-type: none;
  padding: 0 0 5px 24px;
}

.hintswrapper .hintscontent.isquestion.hasanswer {
  background: url(answeredtrue.svg);
  background-repeat: no-repeat;
  background-size: 16px;
}

.hintswrapper div {
  color: #3e3e3e;
}

ul.menu li a[target]:after {
  background: url(external-link.svg);
  background-size: 100%;
  content: "";
  height: 10px;
  margin-left: 8px;
  width: 10px;
}

span#monitoringSubException {
  word-break: break-word;
}

.ribbon {
  background: #48aff2;
  background: linear-gradient(90deg, #48aef2 0, #0067aa);
  box-shadow: 0 2px 5px #2a2a2a;
  color: #fff;
  font-size: 18px;
  height: 30px;
  line-height: 30px;
  margin: 20px 0 -15px -40px;
  position: relative;
  text-align: center;
  width: 1080px;
}

.ribbon p {
  margin: 0;
}

.ribbon p span {
  font-size: 23px;
  font-weight: 700;
}

.ribbon:after,
.ribbon:before {
  border: 8px solid #2c31b9;
  box-sizing: border-box;
  content: "";
  height: 30px;
  position: absolute;
  width: 30px;
  z-index: -1;
}

.ribbon:before {
  border-color: #136aa4;
  border-radius: 13px 0 0 13px;
  left: 0px;
  top: 10px;
  width: 0;
}

.ribbon:after {
  border-color: #004471;
  border-radius: 13px 0 13px 0;
  right: 0px;
  top: 10px;
  width: 0;
}

.CodeMirror pre.CodeMirror-line {
  z-index: 1 !important;
}

/*--- SQL editor scalable ---*/
#contentAjax.ui-resizable {
  flex-direction: column;
}

#contentAjax.ui-resizable:after {
  content: '=';
  color: black;
  text-align: center;
  position: absolute;
  bottom: -10px;
  left: 50%;
  font-size: 20px
}

.CodeMirror-scroll {
  max-height: unset;
}

.CodeMirror {
  height: 100% !important;
}

#contentAjax.ui-resizable {
  display: flex;
  max-height: 70vh;
  min-height: 30vh;
}

#sqlEditorForm {
  flex: auto;
}

#resultsWrapper {
  overflow-y: auto;
}

/*--- SQL editor scalable ---*/
.communityForums {
  background: #f3f5f6;
  list-style: none;
  margin: 5px 0 10px;
}

.communityForums ul {
  list-style: none;
  padding: 0;
}

.connectorSetup.improveContainer .communityForums .popularTopics li a {
  color: #48aff2;
}

.connectorSetup.improveContainer .communityForums a.communityButton {
  background-image: url(community-background.svg);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 23%;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5px 10px;
  text-decoration: none;
  width: 100%;
}

.connectorSetup.improveContainer .communityForums .communityLabel {
  font-size: 23px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 25px;
  text-shadow: 2px 2px #0083d9;
  text-transform: capitalize;
}

.connectorSetup.improveContainer .communityForums .forumLabel {
  font-size: 23px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 29px;
  text-shadow: 2px 2px #0083d9;
  text-transform: capitalize;
}

.popularTopics {
  background: #f3f5f6;
  margin: 0;
  padding: 5px 10px 0;
}

.popularTopics ul {
  color: #48aff2;
  list-style: none;
  padding: 0;
}

.popularTopics ul li {
  display: flex;
  margin: 10px 0;
}

.popularTopics ul li span {
  background: url(https://cloud.invantive.com/css/answeredtrue.svg);
  background-size: contain;
  display: block;
  flex: 16px 0 0;
  height: 16px;
  margin-right: 5px;
  width: 16px;
}

h3#h3popularTopics {
  background: 0;
  box-shadow: none;
  color: #646464;
  font-size: 13px;
  font-weight: 800;
  margin: 0;
  padding: 0;
  text-align: left;
}

.landingInfoText p.lowestPricesQuote {
  align-items: center;
  background: #2a2a2a;
  border-left: 5px solid #449ad2;
  color: #fff;
  display: flex;
  font-size: 16px;
  margin: 20px 8px;
  padding: 10px;
}

.landingInfoText p.lowestPricesQuote span.bold {
  color: #449ad2;
  font-weight: 700;
  margin-right: 5px;
}

.lowestPrices {
  background: #191919;
  border: 2px solid #449ad2;
  box-shadow: 0 0 20px #000;
  display: none;
  left: 50%;
  padding: 10px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.lowestPricesButton {
  background: grey;
  border: 1px solid #545454;
  border-radius: 5px;
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  margin: 0 0 0 auto;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
}

.landingInfoText p.serviceNotice {
  color: #a5a5a5;
  font-size: 11px;
  margin: 20px 10px;
}

.relatedPages {
  display: flex;
  justify-content: space-around;
  list-style: none;
  margin-top: 25px;
  padding: 5px;
}

.relatedPages li {
  background: #eaedef;
  border: 1px solid #48aff2;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.25);
  flex: 1 0 0;
  font-size: 10px;
  margin: 0 3px;
  padding: 8px 5px;
}

.relatedPages li:hover {
  background: #f5f6f7;
  border: 1px solid #242424;
}

.relatedPages li a {
  align-items: center;
  color: #474747;
  display: flex;
  flex-direction: column;
}

.relatedPages li.active {
  background: #f5f6f7;
  border: 1px solid transparent;
  border-bottom: 3px solid #48aff2;
}

.relatedPages li a span {
  text-align: center;
}

.relatedIcon {
  background: url(related-sprite.svg);
  display: block;
  height: 24px;
  width: 24px;
}

.relatedPBI {
  background-position: 0 0;
  background-size: 200%;
}

.relatedExcel {
  background-position: 100% 0;
  background-size: 200%;
}

.relatedWord {
  background-position: 0 11.1%;
  background-size: 200%;
}

.relatedDH {
  background-position: 100% 11.1%;
  background-size: 200%;
}

.relatedDR {
  background-position: 0 22.2%;
  background-size: 200%;
}

.relatedDL {
  background-position: 100% 22.2%;
  background-size: 200%;
}

.relatedFTP {
  background-position: 0 33.3%;
  background-size: 200%;
}

.relatedQT {
  background-position: 100% 33.3%;
  background-size: 200%;
}

.relatedAzure {
  background-position: 0 44.4%;
  background-size: 200%;
}

.relatedPQ {
  background-position: 100% 44.4%;
  background-size: 200%;
}

.relatedBR {
  background-position: 0 55.5%;
  background-size: 200%;
}

.relatedRT {
  background-position: 100% 55.5%;
  background-size: 200%;
}

.relatedSUM {
  background-position: 0 66.6%;
  background-size: 200%;
}

.relatedTAB {
  background-position: 100% 66.6%;
  background-size: 200%;
}

.relatedPS {
  background-position: 0 77.7%;
  background-size: 200%;
}

.relatedPA {
  background-position: 100% 77.7%;
  background-size: 200%;
}

.relatedVS {
  background-position: 0 88.8%;
  background-size: 200%;
}

.relatedQlik {
  background-position: 100% 88.8%;
  background-size: 200%;
}

.machineTranslated {
  background: #db7c00;
  color: #fff;
  margin-bottom: 10px;
  padding: 3px 0;
  text-align: center;
}

.connectorSetup .machineTranslated {
  width: 100%;
}

.copyLink:before {
  background: url(copy.svg);
  background-size: 100%;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 5px;
  width: 13px;
}

.copiedBar {
  align-items: center;
  background: #030303e0;
  color: #fff;
  display: none;
  font-size: 14px;
  height: calc(100% - 37px);
  justify-content: center;
  position: absolute;
  text-align: center;
  top: 37px;
  width: 100%;
  z-index: 2;
}

.copiedBar span {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.newProviderContainer {
  background: #2a2a2a;
  border: 1px solid #f2c446;
  box-shadow: 1px 1px 6px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0 0 #000;
  margin: 50px 0;
}

.providerImage img {
  animation: tilt-shaking 0.5s 2 forwards;
  transform: scale(1);
}

.newProviderContainer.sendgrid {
  display: none;
}

.newProviderWrapper {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  justify-content: space-around;
  padding: 40px 15px;
  width: 100%;
}

.providerImage img {
  filter: brightness(1) contrast(1);
  height: 100px;
  width: 100px;
}

.sendEmail,
.sendEmail form {
  display: flex;
  flex-direction: column;
}

.sendEmail form {
  background: none !important;
  border: 0;
  box-shadow: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.sendEmail input {
  border: 0.25rem;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 1em;
  margin: 0 0 10px;
  max-width: 100%;
  padding: 0.375rem 0.75rem;
  width: 100%;
}

.newProviderInfo h2 {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 10px;
  padding: 0;
}

.newProviderInfo p {
  color: #fff;
  font-size: 14px;
  margin: 0;
  padding: 0;
}

.newProviderForm button {
  box-sizing: border-box;
  margin: 0;
  width: 100%;
}

.launchingCustomer {
  font-style: italic;
  font-weight: 600;
}

.newProviderContainer.shopify .launchingCustomer {
  color: #5b9319;
}

.newProviderContainer.sendgrid .launchingCustomer {
  color: #0087b2;
}

.providerImage {
  align-items: center;
  display: flex;
  height: 100%;
}

.constructionTape {
  background-image: linear-gradient(135deg, #f2c446 25%, #2a2a2a 0, #2a2a2a 50%, #f2c446 0, #f2c446 75%, #2a2a2a 0, #2a2a2a);
  background-size: 36.77px 36.77px;
  height: 10px;
  width: 100%;
}

.progressBar {
  background: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  height: 15px;
  padding: 0;
}

.loadingBar {
  animation: load 5s ease;
  background: #78ad15;
  border-radius: 8px;
  display: inline-block;
  height: 15px;
  margin: 0;
  position: absolute;
  text-align: center;
  transition: all 0.5s ease;
  width: calc(100% - 30px);
}

.loadingText {
  color: #fff;
  font-size: 10px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.newProviderImage {
  display: flex;
  flex: 20% 0 0;
  flex-direction: column;
  height: 100%;
  margin: 0 25px 0 0;
  position: relative;
}

.newProviderImage img {
  height: 149px;
}

@keyframes load {
  0% {
    width: 2%;
  }

  10% {
    width: 10%;
  }
}

.sendEmail button {
  background: linear-gradient(105deg, #78ad14, #addc55);
  box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.25);
  text-shadow: 1px 1px #73b100;
}

.progressWrapper {
  background: #fff;
  border-radius: 20px;
  padding: 3px;
  position: relative;
}

.progressWrapper:after {
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  bottom: auto;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 50%;
  top: -7px;
  width: 0;
}

.landingWrapper a.platform.runOutPage {
  animation: fadeRunoutIn 3s;
  border: 1px dashed #fff;
  opacity: 0.2;
}

.landingWrapper a.platform.runOutPage:after {
  background-image: linear-gradient(45deg, #000 25%, #fff 0, #fff 50%, #000 0, #000 75%, #fff 0, #fff);
  background-size: 20px 20px;
  content: "";
  display: block;
  height: 100%;
  opacity: 0.2;
  width: 100%;
}

.altProviderForm {
  margin: 10px 10px 0;
}

.sendAltEmail {
  margin: 0;
}

.sendAltEmail input[type="text"] {
  border: 0.25rem;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 1em;
  margin: 0 0 10px;
  max-width: 100%;
  padding: 0.375rem 0.75rem;
  width: 100%;
}

.sendAltEmail button {
  background: linear-gradient(105deg, #78ad14, #addc55);
  box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.25);
  margin: 0;
  text-shadow: 1px 1px #73b100;
}

.altProviderFormWrapper {
  align-items: center;
}

.runOutWrapper h3.altTitle {
  background: #2a2a2a;
  color: #fff;
  padding: 5px;
  text-align: center;
}

.runOutWrapper ul {
  align-items: center;
  display: flex;
  justify-content: space-evenly;
  list-style: none;
  padding: 0;
}

.runOutWrapper ul li {
  align-items: center;
  background: #2a2a2a;
  box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.25);
  display: flex;
  flex: 20%;
  flex-direction: column;
  margin: 0 15px;
  min-height: 260px;
  padding: 0 0 10px;
}

.altProviderFormWrapper {
  display: flex;
  height: 100%;
  justify-content: center;
}

.runOutWrapper ul li img {
  filter: brightness(1) contrast(1);
  margin-top: 10px;
}

.runOutWrapper ul li h3 {
  background: #48aff2;
  background-image: linear-gradient(45deg, #48aff2 25%, #66b7ed 0, #66b7ed 50%, #48aff2 0, #48aff2 75%, #66b7ed 0, #66b7ed);
  background-size: 20px 20px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 5px;
  padding: 5px 0;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  width: 100%;
}

.runOutWrapper ul li p {
  color: #fff;
  margin: 0;
  padding: 10px;
}

.runOutWrapper ul li a {
  background: #48aef2;
  background: linear-gradient(90deg, #3485ba 0, #015083);
  border: 1px solid #00416c;
  border-radius: 0.25rem;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
  color: #fff;
  font-size: 11px;
  margin-top: auto;
  min-width: 115px;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px #003354;
}

.landingWrapper .landingButtonWrapper ul.docPricing.runOut {
  justify-content: center;
  margin: 10px 25px 0 0;
}

.landingWrapper .landingButtonWrapper ul.docPricing.runOut li {
  flex-basis: 100%;
}

.sendEmail input:focus {
  outline: 0;
}

.newProviderForm {
  margin-top: 10px;
}

.connectorList ul li.runOut h3:after {
  background: url(cloud-icon-sprite-4.svg);
  background-position: 0 88.8%;
  background-size: 200%;
}

.connectorList ul li.gathering h3:after {
  content: "";
  display: inline-block;
  height: 24px;
  margin-left: auto;
  min-width: 22px;
  order: 3;
  width: 24px;
}

.connectorList ul li.gathering h3:after {
  background: url(cloud-icon-sprite-4.svg);
  background-position: 100% 77.7%;
  background-size: 200%;
}

.connectorList ul li.gathering h3,
.connectorList ul li.runOut h3 {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}

.connectorList ul li.gathering h3 span.platform,
.connectorList ul li.runOut h3 span.platform {
  order: 1;
}

.connectorList ul li.gathering h3 span.platform+span,
.connectorList ul li.runOut h3 span.platform+span {
  order: 2;
}

html[dir="rtl"] .ribbon {
  margin: 20px -40px -15px 0;
}

html[dir="rtl"] .appLauncher {
  background: #bfbfbf;
  margin: 0 0 0 10px;
}

html[dir="rtl"] .pricing ul+strong {
  display: flex;
  justify-content: center;
}

html[dir="rtl"] .landingInfoText p.lowestPricesQuote span.bold {
  margin-left: 5px;
  margin-right: 0;
}

html[dir="rtl"] .landingInfoText ul.checkMarks li {
  background-position: 100% 0;
  padding: 0 32px 5px 0;
}

html[dir="rtl"] .improveWrapper {
  margin-left: 10px;
  margin-right: 0;
}

html[dir="rtl"] .landingButtonWrapper {
  margin: 0 0 0 25px;
}

html[dir="rtl"] .landingWrapper .landingButtonWrapper ul.docPricing li a.docButton {
  margin: 0 0 0 6px;
}

html[dir="rtl"] .connectorSetup.improveContainer .communityForums a.communityButton {
  background-position: 0;
}

html[dir="rtl"] .connectorSetup.improveContainer a.docButton span.docLabel {
  text-align: right;
}

html[dir="rtl"] .connectorSetup.improveContainer ul.relatedVideos {
  margin: 0 20px 0 0;
}

html[dir="rtl"] .connectorSetup div.step ol li p span {
  margin-right: 10px;
  text-align: right;
}

html[dir="rtl"] .connectorSetup div.step ol li p {
  margin-right: 10px;
}

html[dir="rtl"] .landingBannerText {
  margin-left: 25px;
  margin-right: 0;
}

html[dir="rtl"] .contentWrapper .landingWrapper .connectorList span.platform {
  margin-left: 5px;
  margin-right: 0;
}

html[dir="rtl"] .helpMenu,
html[dir="rtl"] .profileWrapper {
  margin-left: 10px;
  margin-right: 0;
}

html[dir="rtl"] .helpMenu {
  background: url(cloud-icon-sprite.svg);
  background-position: 100% 100%;
  background-size: 200%;
  height: 20px;
  width: 20px;
}

html[dir="rtl"] .contactWrapper a {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  margin: 0 0 0 10px;
  text-decoration: none;
}

html[dir="rtl"] .contactWrapper img {
  height: 16px;
  margin-left: 5px;
  margin-right: 0;
}

html[dir="rtl"] .landingInfoText ul.checkMarks {
  margin-left: 0;
  margin-right: -22px;
}

html[dir="rtl"] .lowestPricesButton {
  margin: 0 auto 0 0;
}

html[dir="rtl"] .landingWrapper .landingButtonWrapper ul.docPricing li a span.platform {
  margin-left: 5px;
  margin-right: 0;
}

html[dir="rtl"] .contactWrapper a.phoneNumber span {
  direction: ltr;
}

html[dir="rtl"] #editSelectedDelegationForm.dropdown-collapsed .settingsList {
  left: 0;
  right: auto;
}

html[dir="rtl"] .dashboardCard.database-setup .databaseSteps ul li:before {
  margin-left: 10px;
  margin-right: 0;
}

html[dir="rtl"] .list .cardItem:before,
html[dir="rtl"] .usage-details .usage-list li ul li:before {
  margin-left: 5px;
  margin-right: 0;
}

html[dir="rtl"] .delegationArrow,
html[dir="rtl"] .userNameLoggedOn .userNameWrapper {
  margin-left: 10px;
  margin-right: 0;
}

html[dir="rtl"] span.delegationArrow:after {
  left: -3px;
  margin-left: 0;
  margin-right: 5px;
  right: auto;
}

html[dir="rtl"] .seeMore {
  left: 10px;
  right: auto;
}

html[dir="rtl"] .dashboardCard.database-setup .databaseSteps ul li.enabled:before,
html[dir="rtl"] .menuLeft.collapsed .menuWrapper li.collapseMenu:before {
  transform: scaleX(-1);
}

html[dir="rtl"] table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_desc_disabled {
  text-align: right;
}

html[dir="rtl"] ul.menu li a:before {
  margin-left: 2px;
  margin-right: 0;
}

html[dir="rtl"] label {
  margin: 5px 0 5px 10px;
}

html[dir="rtl"] div.tooltip {
  margin-left: 0;
  margin-right: 5px;
}

html[dir="rtl"] form div.tooltip>span {
  box-shadow: -2px 2px 0 #177dbf;
  left: auto;
  right: 30px;
}

html[dir="rtl"] form div.tooltip>span:after {
  border-width: 5px 0 5px 5px;
  content: "";
  left: auto;
  right: -5px;
}

html[dir="rtl"] .copy {
  margin-left: 0;
  margin-right: -18px;
}

html[dir="rtl"] .security-warning button {
  margin-right: auto;
}

html[dir="rtl"] .appItem:before {
  margin-left: 5px;
  margin-right: 0;
}

html[dir="rtl"] #tabs.ui-tabs .ui-tabs-nav {
  display: flex;
  margin-left: auto;
}

html[dir="rtl"] .subItem.home:after,
html[dir="rtl"] .mainItem:after,
html[dir="rtl"] .menuLeft .menuWrapper li.collapseMenu:before {
  transform: scaleX(-1);
}

html[dir="rtl"] .dataTables_wrapper .dataTables_filter input {
  margin-left: 0;
  margin-right: 0.5em;
}

html[dir="rtl"] .dashboardCard h3:before,
html[dir="rtl"] .jstree-node[data-type]>a.jstree-anchor:before {
  margin-left: 5px;
  margin-right: 0;
}

html[dir="rtl"] li.jstree-closed:before {
  content: "⯇";
}

li.jstree-node:before {
  margin-left: 5px;
  margin-right: 5px;
}

#monitoringSubTable_filter {
  line-height: 32px;
}

p.msgCode {
  font-size: 10px;
  margin: 0;
  padding: 0;
  width: 100%;
}

@keyframes fadeRunoutIn {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0.2;
  }
}

img.shopify {
  filter: brightness(1) contrast(1);
}

.inputpostfix {
  margin-left: 5px;
}

.responsibleDisclosure {
  margin: auto;
  max-width: 50%;
  padding: 15px;
  background: #f5f6f7;
  border: 1px solid #48aff2;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    transform: scale(0.95);
  }

  70% {
    box-shadow: 0 0 0 10px transparent;
    transform: scale(1);
  }

  to {
    box-shadow: 0 0 0 0 transparent;
    transform: scale(0.95);
  }
}

@keyframes tilt-shaking {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(5deg);
  }

  50% {
    transform: rotate(0eg);
  }

  75% {
    transform: rotate(-5deg);
  }

  to {
    transform: rotate(0deg);
  }
}

.landingWrapper.powerBIConnectors .landingIconGrid,
.landingWrapper.dataModels .landingIconGrid,
.landingWrapper.productManuals .landingIconGrid {
  opacity: .25;
}

.landingWrapper.powerBIConnectors .relatedPages li {
  opacity: .5;
}

.landingWrapper.powerBIConnectors .relatedPages li.active {
  opacity: 1;
}

.landingWrapper .reviewRibbon {
  display: block;
  background: #ffffff;
  background: linear-gradient(90deg, #ededed 0, #ffffff);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, .5);
  color: #fff;
  font-size: 18px;
  position: absolute;
  width: auto;
  margin: 0;
  bottom: -10px;
  left: -15px;
  transform: translateY(-50%);
  z-index: 1;
  height: auto;
  text-align: center;
  padding: 3px 25px;
}

.landingWrapper .reviewRibbon:after {
  content: '';
  position: absolute;
  width: 15px;
  height: 10px;
  border-radius: 0 0 0 32px;
  background-color: #5e5e5e;
  border: 0;
  top: 45px;
  left: 0;
}

.landingWrapper .reviewRibbon>p {
  font-size: 1em;
  line-height: 1em;
  margin: 0;
  color: #70757a;
}

.landingWrapper .reviewRibbon .reviewWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
}

.landingWrapper .reviewRibbon .reviewWrapper p {
  margin: 0;
  color: #70757a;
}

.landingWrapper .reviewRibbon .reviewWrapper .ratingStars {
  margin: 0 10px;
}

.landingWrapper .reviewRibbon .reviewWrapper .ratingStars .star {
  font-size: 20px;
  color: #FBBC04;
  margin-right: 5px;
  cursor: pointer;
  line-height: 20px;
}

.landingWrapper .reviewRibbon .reviewWrapper .ratingStars .star:last-child {
  margin-right: 0;
}

.landingWrapper .reviewRibbon .reviewWrapper .ratingStars .star::before {
  content: "\2605";
}

.landingWrapper .reviewRibbon .reviewWrapper a {
  color: #1a0dab;
  text-decoration: none;
}

.landingWrapper.powerBIConnectors .getStartedButton {
  display: none;
}

.landingWrapper.powerBIConnectors .trialButton {
  font-size: 15px;
  padding: 20px 10px;
  margin-bottom: 0;
}

.landingWrapper.powerBIConnectors .landingBannerWrapperOuter {
  background: linear-gradient(45deg, #a0a0a0, #a0a0a0);
}

.landingWrapper.powerBIConnectors .landingBannerText h2,
.landingWrapper.dataModels .landingBannerText h2,
.landingWrapper.productManuals .landingBannerText h2 {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  line-height: 16px;
}

.landingWrapper.powerBIConnectors .landingBannerWrapperInner,
.landingWrapper.dataModels .landingBannerWrapperInner,
.landingWrapper.productManuals .landingBannerWrapperInner {
  align-items: flex-start;
}

.madeInEU {
  position: absolute;
  height: 162px;
  right: 21px;
  top: 0;
  filter: drop-shadow(0px 9px 4px black);
  z-index: 1;
}

.supportPage {
  margin: 0 auto;
  max-width: 75%;
  padding: 15px;
  background: #f5f6f7;
}

.supportItemList {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.supportItemList.support {
  margin-top: 15px;
}

.supportItemList.forum {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.supportItemList .supportItem {
  position: relative;
  list-style-type: none;
  background: white;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  flex: 1;
  margin: 0 10px;
  cursor: pointer;
}

.supportItemList .supportItem>a {
  width: 100%;
  align-items: center;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}

.supportItemList .supportItem .expandButtons {
  border-top: 1px solid #8b8b8b;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #47aef2;
  cursor: pointer;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 5px 0px;
}

.supportItemList .supportItem .expandButtons.expanded {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.supportItemList .supportItem .moreButtons {
  display: none;
}

.moreButtons ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}

.moreButtons ul li {
  margin: 5px 10px;
  padding: 5px;
  background: #f1f1f1;
  display: flex;
  align-items: center;
}

.moreButtons ul li a {
  width: 100%;
  height: 100%;
  color: #444444;
  text-decoration: none;
}

.moreButtons.expanded ul li:before {
  content: '';
  background: url("cloud-support-sprite.svg");
  background-repeat: no-repeat;
  background-size: 200%;
  height: 20px;
  display: flex;
  margin-right: 5px;
  box-sizing: border-box;
  flex: 20px 0 0;
}

.moreButtons.expanded ul li.supControl:before {
  content: '';
  background-position: 0 0;
}

.moreButtons.expanded ul li.supAuthenticator:before {
  content: '';
  background-position: 100% 0;
}

.moreButtons.expanded ul li.supQuerytool:before {
  content: '';
  background-position: 0 11.1%;
}

.moreButtons.expanded ul li.supRuntime:before {
  content: '';
  background-position: 0 44.4%;
}

.moreButtons.expanded ul li.callSales:before {
  content: '';
  background-position: 100% 66.6%;
}

.moreButtons.expanded ul li.callSecurity:before {
  content: '';
  background-position: 100% 66.6%;
}

.moreButtons.expanded ul li.scheduleConsult:before {
  content: '';
  background-position: 0 77.7%;
}

.moreButtons.expanded ul li.scheduleIntroduction:before {
  content: '';
  background-position: 0 77.7%;
}

.moreButtons.expanded ul li.docEol:before {
  content: '';
  background-position: 0 66.6%;
}

.moreButtons.expanded ul li.docOdoo:before {
  content: '';
  background-position: 0 55.5%;
}

.moreButtons.expanded ul li.docGrammar:before {
  content: '';
  background-position: 0 99.9%;
}

.moreButtons.expanded ul li.docTeamleader:before {
  content: '';
  background-position: 100% 55.5%;
}

.moreButtons.expanded ul li.docJira:before {
  content: '';
  background-position: 100% 44.4%;
}

.moreButtons.expanded ul li.dlSupportAssistant:before {
  content: '';
  background-position: 100% 88.8%;
}

.moreButtons.expanded ul li.dlTeamviewer:before {
  content: '';
  background-position: 0 88.8%;
}

.moreButtons.expanded ul li.dlRustdesk:before {
  content: '';
  background-position: 100% 100%;
}

.moreButtons.expanded ul li.dlAnydesk:before {
  content: '';
  background-position: 100% 77.7%;
}

.moreButtons.expanded ul li.dlDownload:before {
  content: '';
  background-position: 0 33.3%;
}

.moreButtons.expanded ul li.dlDocumentation:before {
  content: '';
  background-position: 100% 22.2%;
}

.supportItemList .supportItem .moreButtons.expanded {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.supportItemList .supportItem .moreButtons.expanded p {
  margin: 5px 10px;
}

.supportItemList .supportItem .arrow.up:after {
  content: "\25bc";
  margin-left: 5px;
}

.supportItemList .supportItem .arrow.down:after {
  content: "\25b2";
  margin-left: 5px;
}

.supportItemList .supportItem .supportIcon {
  width: 3em;
  height: 3em;
  margin: 14px 0;
}

.supportItemList h2 {
  flex: 0 0 100%;
  text-align: center;
  background: #47aef2;
  color: white;
  font-weight: 100;
  font-size: 19px;
  padding: 3px 0;
  width: 100%;
}

.supportTitle {
  background: #47aef2;
  display: block;
  width: 100%;
  text-align: center;
}

.supportTitle h3 {
  color: white;
  font-size: 1.2em;
  margin: 10px;
}

.supportIcon {
  margin: 10px;
  display: block;
}

.doc .supportIcon {
  background: url("cloud-support-sprite.svg");
  background-repeat: no-repeat;
  background-size: 200%;
  background-position: 100% 22.2%;
}

.helpMeToday .supportIcon {
  background: url("cloud-support-sprite.svg");
  background-repeat: no-repeat;
  background-size: 200%;
  background-position: 0 22.2%;
}

.download .supportIcon {
  background: url("cloud-support-sprite.svg");
  background-repeat: no-repeat;
  background-size: 200%;
  background-position: 0% 33.3%;
}

.knowledge .supportIcon {
  background: url("cloud-support-sprite.svg");
  background-repeat: no-repeat;
  background-size: 200%;
  background-position: 100% 33.3%;
}

.personalContact .supportIcon {
  background: url("cloud-support-sprite.svg");
  background-repeat: no-repeat;
  background-size: 200%;
  background-position: 100% 11.1%;
}

.supportText {
  width: 100%;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 1em;
  color: #444444;
  flex: auto;
}

.supportItemList .supportText p {
  padding: 10px;
  font-size: 1em;
}

.supportText p {
  padding: 5px 10px;
}

.supportText p span {
  display: block;
}

.supportText p span a {
  color: #47aef2;
  text-decoration: none;
}

.content.supportPage h1 {
  background: #47aef2;
}

.forumsWrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  background: #e9e9e9;
  border: 1px solid #cdcdcd;
  padding: 10px;
  margin: 10px;
  border-radius: 5px;
}

.supportItem.mostPopularTopics {
  grid-column: 2 / 5;
  justify-content: flex-start;
  margin: 0 0 0 5px;
}

.supportItem.knowledge {
  margin: 0 5px 0 0;
}

.popularTopicsWrapper {
  display: flex;
  justify-content: space-around;
  width: 100%;
  height: 100%;
  align-items: center;
}

.popularTopicsWrapper ul {
  padding: 0;
  margin: 0 15px;
  overflow: hidden;
}

.popularTopicsWrapper ul li {
  margin: 5px 10px;
  list-style: none;
  display: flex;
}

.popularTopicsWrapper ul li a {
  color: #47aff3;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.supportItem.knowledge:after {
  content: '';
  position: absolute;
  right: -10px;
  top: 64px;
  display: flex;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 10px solid #47aef2;
}

.popularTopicsWrapper ul li span {
  background: url(https://cloud.invantive.com/css/answeredtrue.svg);
  background-size: contain;
  display: block;
  flex: 16px 0 0;
  height: 16px;
  margin-right: 5px;
  width: 16px;
}

.supportItemList .supportItem .arrow.up:after,
.supportItemList .supportItem .arrow.down:after {
  color: white;
}

.forumTopicsHeader {
  background: #47aef2;
  width: 100%;
  text-align: center;
  font-size: 1.2em;
  padding: 10px 0;
  font-weight: 600;
  color: white;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

form[id^="createDatabase"] {
  min-height: 75px;
}

.planIntroduction form {
  display: inline-block;
}

.planIntroduction>.wizardButtonNext {
  display: block
}

a.indicator {
  margin-left: auto;
  margin-right: 3px;
  background: #8b8b8b;
  border-radius: 15px;
  padding: 5px 10px;
  text-decoration: none;
  display: flex;
  align-items: center;
  color: white;
}

a:visited.indicator {
  color: white;
}

.indicatorIcon {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 10px;
  vertical-align: middle;
  margin-right: 5px;
}

.indicatorIcon.none {
  background: #19b719;
}

.minor,
.maintenance {
  background: orange;
}

.degraded {
  background: yellow;
}

.major {
  background: red;
}

.critical {
  background: #b70404;
}

.supportTitleWrapper {
  display: flex;
  align-items: center;
  background: #48aff2;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.06);
}

.content.supportPage .supportTitleWrapper h1 {
  background: none;
  box-shadow: none;
  margin: 0;
  padding: 3px;
}

.calendly-overlay .calendly-popup {
  max-height: 90vh;
}

#bookIntroductionButton:empty {
  padding: 5px 0;
}

.introductionWrapper {
  background: #fff;
  border: 1px solid #dee0e3;
  margin-bottom: 5px;
  width: 50%;
  padding: 10px;
  margin: 0 auto;
}

.introductionWrapper .introductionTitle {
  background: #48aff2;
  background: linear-gradient(90deg, #48aef2 0, #0067aa);
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  position: relative;
  padding: 0 10px;
  margin: 0;
}

.introductionWrapper .introductionText {
  font-size: 13px
}

.introductionWrapper .introductionText:nth-child(1) {
  font-weight: 600;
}

.introductionButtonsWrapper {
  display: flex;
  align-items: flex-end;
}

.introductionSubWrapper {
  display: flex;
  align-items: center;
  padding: 0 10px;
}

#skipIntroductionButton {
  background: none;
  color: #47aff3;
  text-decoration: underline;
  text-shadow: none;
  box-shadow: none;
  border: none;
  min-width: auto;
  margin: 0;
  padding: 0;
}

#bookIntroductionButton {
  display: flex;
  margin-left: auto;
  align-items: center;
  justify-content: center;
  background: #78a91d;
  background: linear-gradient(105deg, #82b71f, #8fbb39);
  border-bottom: 3px solid #406300;
  border-top: 1px solid #548300;
  border-left: 1px solid #548300;
  border-right: 1px solid #548300;
  text-shadow: 2px 2px 2px #2c4007;
  border-radius: 6px;
  font-size: 13px;
  color: white;
  text-align: center;
  font-weight: 400;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  padding: 8px 6px;
  text-decoration: none;
}

#bookIntroductionButton:before {
  content: '';
  display: flex;
  background: url(cloud-icon-sprite-4.svg);
  background-position: 0 100%;
  background-size: 200%;
  width: 20px;
  height: 20px;
  margin-right: 3px;
}

.guidedTour:after {
  content: '';
  display: flex;
  background: url(cloud-icon-sprite-5.svg);
  background-position: 0 11.1%;
  background-size: 200%;
  width: 128px;
  height: 128px;
  margin-right: 3px;
}

#generalWrapper,
#phasesWrapper {
  background: #fff;
  border: 1px solid #bfbfbf;
  flex-grow: 1;
}

#generalWrapper .supportItem.mostPopularTopics {
  flex-direction: row;
}

#generalWrapper .popularTopicsWrapper {
  flex-direction: column;
}

#generalWrapper .popularTopicsWrapper ul li a {
  white-space: unset;
}

#generalWrapper .popularTopicsWrapper {
  justify-content: flex-start;
  align-items: flex-start;
}

#generalWrapper {
  overflow-y: auto;
}

#generalWrapper .supportItemList .supportItem {
  background: none;
  border: 0;
  box-shadow: unset;
}

#generalWrapper .supportItemList .supportItem .popularTopicsWrapper,
#generalWrapper .supportItemList .supportItem.knowledge {
  background: white;
  border: 1px solid #d6d6d6;
  box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.25);
}

#generalWrapper .popularTopicsWrapper ul {
  margin: 10px;
}

#generalWrapper .forumTopicsHeader {
  border-radius: 0;
  word-break: break-all;
  padding: 10px;
  box-sizing: border-box;
}

#generalWrapper #errorTips .forumTopicsHeader {
  background: #47aef2;
}

#generalWrapper .supportItemList .supportItem {
  border-radius: 0;
}

#monitoringSubContent form {
  margin: 0;
}

.ui-tabs #generalWrapper.ui-tabs-panel,
.ui-tabs #phasesWrapper.ui-tabs-panel {
  padding: 15px;
}

#tabs .forumsWrapper {
  background: #f5f5f5;
  border: 1px solid #bfbfbf;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.06);
  margin: 15px 0 0 0;
  overflow: hidden;
  padding: 10px;
  border-radius: 0;
  box-sizing: border-box;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: border-box;
}

.privacy-pop h3 {
  font-size: 14px;
}

#createDatabaseVismaNetForm ul li.attentionWrapper {
  background: #fff4d5;
  border: 1px dashed #daa101;
  padding: 5px;
  margin: 5px 0;
  color: #202020;
  font-weight: 600;
  flex-direction: column;
}

#createDatabaseVismaNetForm ul li.attentionWrapper a {
  margin-left: 3px;
  font-weight: 700;
}

#createDatabaseVismaNetForm ul li.attentionWrapper h3 {
  background: #daa101;
  color: white;
  width: 100%;
  padding: 0px 5px;
  margin: 0;
  box-sizing: border-box;
}

#createDatabaseVismaNetForm ul li.attentionWrapper p {
  color: #202020;
  margin: 5px 0;
}

.sepa-epc {
  filter: brightness(1) contrast(1);
  max-width: 300px;
}

.resetDelegationForm form {
  display: flex;
}

.resetDelegationForm form ul {
  flex: 1
}

.resetDelegationForm form .qrCode {
  margin-left: auto;
}

.resetDelegationForm form .qrCode li {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.resetDelegationForm form .qrCode li .qrSpan {
  flex: auto;
}

.resetDelegationForm form .qrCode li .qrSpan.qrLabel {
  font-weight: bold;
  margin-bottom: 5px;
}

.resetDelegationForm form .qrCode li .qrSpan.qrInvoice {
  font-weight: normal;
  font-style: italic;
  font-size: 11px;
}

.serviceArea code {
  background: #def1fd;
  display: flex;
  padding: 5px;
  border: 1px solid #48aff2;
}

.serviceArea .countryList {
  display: flex;
  justify-content: space-between;
}

.serviceArea .countryList ul {
  list-style: none;
  padding-left: 0;
  columns: 4;
}

.serviceArea .countryList ul li {
  display: flex;
  align-items: baseline;
}

.countryFlag {
  background-size: contain;
  background-repeat: no-repeat;
}

.countryFlag {
  line-height: 1em;
  display: flex;
}

.countryFlag:before {
  content: "";
  width: 16px;
  height: 12px;
  margin-right: 5px;
}

.country-xx {
  background-image: url(flags/xx.svg);
}

.country-ad {
  background-image: url(flags/ad.svg);
}

.country-ae {
  background-image: url(flags/ae.svg);
}

.country-af {
  background-image: url(flags/af.svg);
}

.country-ag {
  background-image: url(flags/ag.svg);
}

.country-ai {
  background-image: url(flags/ai.svg);
}

.country-al {
  background-image: url(flags/al.svg);
}

.country-am {
  background-image: url(flags/am.svg);
}

.country-ao {
  background-image: url(flags/ao.svg);
}

.country-aq {
  background-image: url(flags/aq.svg);
}

.country-ar {
  background-image: url(flags/ar.svg);
}

.country-as {
  background-image: url(flags/as.svg);
}

.country-at {
  background-image: url(flags/at.svg);
}

.country-au {
  background-image: url(flags/au.svg);
}

.country-aw {
  background-image: url(flags/aw.svg);
}

.country-ax {
  background-image: url(flags/ax.svg);
}

.country-az {
  background-image: url(flags/az.svg);
}

.country-ba {
  background-image: url(flags/ba.svg);
}

.country-bb {
  background-image: url(flags/bb.svg);
}

.country-bd {
  background-image: url(flags/bd.svg);
}

.country-be {
  background-image: url(flags/be.svg);
}

.country-bf {
  background-image: url(flags/bf.svg);
}

.country-bg {
  background-image: url(flags/bg.svg);
}

.country-bh {
  background-image: url(flags/bh.svg);
}

.country-bi {
  background-image: url(flags/bi.svg);
}

.country-bj {
  background-image: url(flags/bj.svg);
}

.country-bl {
  background-image: url(flags/bl.svg);
}

.country-bm {
  background-image: url(flags/bm.svg);
}

.country-bn {
  background-image: url(flags/bn.svg);
}

.country-bo {
  background-image: url(flags/bo.svg);
}

.country-bq {
  background-image: url(flags/bq.svg);
}

.country-br {
  background-image: url(flags/br.svg);
}

.country-bs {
  background-image: url(flags/bs.svg);
}

.country-bt {
  background-image: url(flags/bt.svg);
}

.country-bv {
  background-image: url(flags/bv.svg);
}

.country-bw {
  background-image: url(flags/bw.svg);
}

.country-by {
  background-image: url(flags/by.svg);
}

.country-bz {
  background-image: url(flags/bz.svg);
}

.country-ca {
  background-image: url(flags/ca.svg);
}

.country-cc {
  background-image: url(flags/cc.svg);
}

.country-cd {
  background-image: url(flags/cd.svg);
}

.country-cf {
  background-image: url(flags/cf.svg);
}

.country-cg {
  background-image: url(flags/cg.svg);
}

.country-ch {
  background-image: url(flags/ch.svg);
}

.country-ci {
  background-image: url(flags/ci.svg);
}

.country-ck {
  background-image: url(flags/ck.svg);
}

.country-cl {
  background-image: url(flags/cl.svg);
}

.country-cm {
  background-image: url(flags/cm.svg);
}

.country-cn {
  background-image: url(flags/cn.svg);
}

.country-co {
  background-image: url(flags/co.svg);
}

.country-cr {
  background-image: url(flags/cr.svg);
}

.country-cu {
  background-image: url(flags/cu.svg);
}

.country-cv {
  background-image: url(flags/cv.svg);
}

.country-cw {
  background-image: url(flags/cw.svg);
}

.country-cx {
  background-image: url(flags/cx.svg);
}

.country-cy {
  background-image: url(flags/cy.svg);
}

.country-cz {
  background-image: url(flags/cz.svg);
}

.country-de {
  background-image: url(flags/de.svg);
}

.country-dj {
  background-image: url(flags/dj.svg);
}

.country-dk {
  background-image: url(flags/dk.svg);
}

.country-dm {
  background-image: url(flags/dm.svg);
}

.country-do {
  background-image: url(flags/do.svg);
}

.country-dz {
  background-image: url(flags/dz.svg);
}

.country-ec {
  background-image: url(flags/ec.svg);
}

.country-ee {
  background-image: url(flags/ee.svg);
}

.country-eg {
  background-image: url(flags/eg.svg);
}

.country-eh {
  background-image: url(flags/eh.svg);
}

.country-er {
  background-image: url(flags/er.svg);
}

.country-es {
  background-image: url(flags/es.svg);
}

.country-et {
  background-image: url(flags/et.svg);
}

.country-fi {
  background-image: url(flags/fi.svg);
}

.country-fj {
  background-image: url(flags/fj.svg);
}

.country-fk {
  background-image: url(flags/fk.svg);
}

.country-fm {
  background-image: url(flags/fm.svg);
}

.country-fo {
  background-image: url(flags/fo.svg);
}

.country-fr {
  background-image: url(flags/fr.svg);
}

.country-ga {
  background-image: url(flags/ga.svg);
}

.country-gb {
  background-image: url(flags/gb.svg);
}

.country-gd {
  background-image: url(flags/gd.svg);
}

.country-ge {
  background-image: url(flags/ge.svg);
}

.country-gf {
  background-image: url(flags/gf.svg);
}

.country-gg {
  background-image: url(flags/gg.svg);
}

.country-gh {
  background-image: url(flags/gh.svg);
}

.country-gi {
  background-image: url(flags/gi.svg);
}

.country-gl {
  background-image: url(flags/gl.svg);
}

.country-gm {
  background-image: url(flags/gm.svg);
}

.country-gn {
  background-image: url(flags/gn.svg);
}

.country-gp {
  background-image: url(flags/gp.svg);
}

.country-gq {
  background-image: url(flags/gq.svg);
}

.country-gr {
  background-image: url(flags/gr.svg);
}

.country-gs {
  background-image: url(flags/gs.svg);
}

.country-gt {
  background-image: url(flags/gt.svg);
}

.country-gu {
  background-image: url(flags/gu.svg);
}

.country-gw {
  background-image: url(flags/gw.svg);
}

.country-gy {
  background-image: url(flags/gy.svg);
}

.country-hk {
  background-image: url(flags/hk.svg);
}

.country-hm {
  background-image: url(flags/hm.svg);
}

.country-hn {
  background-image: url(flags/hn.svg);
}

.country-hr {
  background-image: url(flags/hr.svg);
}

.country-ht {
  background-image: url(flags/ht.svg);
}

.country-hu {
  background-image: url(flags/hu.svg);
}

.country-id {
  background-image: url(flags/id.svg);
}

.country-ie {
  background-image: url(flags/ie.svg);
}

.country-il {
  background-image: url(flags/il.svg);
}

.country-im {
  background-image: url(flags/im.svg);
}

.country-in {
  background-image: url(flags/in.svg);
}

.country-io {
  background-image: url(flags/io.svg);
}

.country-iq {
  background-image: url(flags/iq.svg);
}

.country-ir {
  background-image: url(flags/ir.svg);
}

.country-is {
  background-image: url(flags/is.svg);
}

.country-it {
  background-image: url(flags/it.svg);
}

.country-je {
  background-image: url(flags/je.svg);
}

.country-jm {
  background-image: url(flags/jm.svg);
}

.country-jo {
  background-image: url(flags/jo.svg);
}

.country-jp {
  background-image: url(flags/jp.svg);
}

.country-ke {
  background-image: url(flags/ke.svg);
}

.country-kg {
  background-image: url(flags/kg.svg);
}

.country-kh {
  background-image: url(flags/kh.svg);
}

.country-ki {
  background-image: url(flags/ki.svg);
}

.country-km {
  background-image: url(flags/km.svg);
}

.country-kn {
  background-image: url(flags/kn.svg);
}

.country-kp {
  background-image: url(flags/kp.svg);
}

.country-kr {
  background-image: url(flags/kr.svg);
}

.country-kw {
  background-image: url(flags/kw.svg);
}

.country-ky {
  background-image: url(flags/ky.svg);
}

.country-kz {
  background-image: url(flags/kz.svg);
}

.country-la {
  background-image: url(flags/la.svg);
}

.country-lb {
  background-image: url(flags/lb.svg);
}

.country-lc {
  background-image: url(flags/lc.svg);
}

.country-li {
  background-image: url(flags/li.svg);
}

.country-lk {
  background-image: url(flags/lk.svg);
}

.country-lr {
  background-image: url(flags/lr.svg);
}

.country-ls {
  background-image: url(flags/ls.svg);
}

.country-lt {
  background-image: url(flags/lt.svg);
}

.country-lu {
  background-image: url(flags/lu.svg);
}

.country-lv {
  background-image: url(flags/lv.svg);
}

.country-ly {
  background-image: url(flags/ly.svg);
}

.country-ma {
  background-image: url(flags/ma.svg);
}

.country-mc {
  background-image: url(flags/mc.svg);
}

.country-md {
  background-image: url(flags/md.svg);
}

.country-me {
  background-image: url(flags/me.svg);
}

.country-mf {
  background-image: url(flags/mf.svg);
}

.country-mg {
  background-image: url(flags/mg.svg);
}

.country-mh {
  background-image: url(flags/mh.svg);
}

.country-mk {
  background-image: url(flags/mk.svg);
}

.country-ml {
  background-image: url(flags/ml.svg);
}

.country-mm {
  background-image: url(flags/mm.svg);
}

.country-mn {
  background-image: url(flags/mn.svg);
}

.country-mo {
  background-image: url(flags/mo.svg);
}

.country-mp {
  background-image: url(flags/mp.svg);
}

.country-mq {
  background-image: url(flags/mq.svg);
}

.country-mr {
  background-image: url(flags/mr.svg);
}

.country-ms {
  background-image: url(flags/ms.svg);
}

.country-mt {
  background-image: url(flags/mt.svg);
}

.country-mu {
  background-image: url(flags/mu.svg);
}

.country-mv {
  background-image: url(flags/mv.svg);
}

.country-mw {
  background-image: url(flags/mw.svg);
}

.country-mx {
  background-image: url(flags/mx.svg);
}

.country-my {
  background-image: url(flags/my.svg);
}

.country-mz {
  background-image: url(flags/mz.svg);
}

.country-na {
  background-image: url(flags/na.svg);
}

.country-nc {
  background-image: url(flags/nc.svg);
}

.country-ne {
  background-image: url(flags/ne.svg);
}

.country-nf {
  background-image: url(flags/nf.svg);
}

.country-ng {
  background-image: url(flags/ng.svg);
}

.country-ni {
  background-image: url(flags/ni.svg);
}

.country-nl {
  background-image: url(flags/nl.svg);
}

.country-no {
  background-image: url(flags/no.svg);
}

.country-np {
  background-image: url(flags/np.svg);
}

.country-nr {
  background-image: url(flags/nr.svg);
}

.country-nu {
  background-image: url(flags/nu.svg);
}

.country-nz {
  background-image: url(flags/nz.svg);
}

.country-om {
  background-image: url(flags/om.svg);
}

.country-pa {
  background-image: url(flags/pa.svg);
}

.country-pe {
  background-image: url(flags/pe.svg);
}

.country-pf {
  background-image: url(flags/pf.svg);
}

.country-pg {
  background-image: url(flags/pg.svg);
}

.country-ph {
  background-image: url(flags/ph.svg);
}

.country-pk {
  background-image: url(flags/pk.svg);
}

.country-pl {
  background-image: url(flags/pl.svg);
}

.country-pm {
  background-image: url(flags/pm.svg);
}

.country-pn {
  background-image: url(flags/pn.svg);
}

.country-pr {
  background-image: url(flags/pr.svg);
}

.country-ps {
  background-image: url(flags/ps.svg);
}

.country-pt {
  background-image: url(flags/pt.svg);
}

.country-pw {
  background-image: url(flags/pw.svg);
}

.country-py {
  background-image: url(flags/py.svg);
}

.country-qa {
  background-image: url(flags/qa.svg);
}

.country-re {
  background-image: url(flags/re.svg);
}

.country-ro {
  background-image: url(flags/ro.svg);
}

.country-rs {
  background-image: url(flags/rs.svg);
}

.country-ru {
  background-image: url(flags/ru.svg);
}

.country-rw {
  background-image: url(flags/rw.svg);
}

.country-sa {
  background-image: url(flags/sa.svg);
}

.country-sb {
  background-image: url(flags/sb.svg);
}

.country-sc {
  background-image: url(flags/sc.svg);
}

.country-sd {
  background-image: url(flags/sd.svg);
}

.country-se {
  background-image: url(flags/se.svg);
}

.country-sg {
  background-image: url(flags/sg.svg);
}

.country-sh {
  background-image: url(flags/sh.svg);
}

.country-si {
  background-image: url(flags/si.svg);
}

.country-sj {
  background-image: url(flags/sj.svg);
}

.country-sk {
  background-image: url(flags/sk.svg);
}

.country-sl {
  background-image: url(flags/sl.svg);
}

.country-sm {
  background-image: url(flags/sm.svg);
}

.country-sn {
  background-image: url(flags/sn.svg);
}

.country-so {
  background-image: url(flags/so.svg);
}

.country-sr {
  background-image: url(flags/sr.svg);
}

.country-ss {
  background-image: url(flags/ss.svg);
}

.country-st {
  background-image: url(flags/st.svg);
}

.country-sv {
  background-image: url(flags/sv.svg);
}

.country-sx {
  background-image: url(flags/sx.svg);
}

.country-sy {
  background-image: url(flags/sy.svg);
}

.country-sz {
  background-image: url(flags/sz.svg);
}

.country-tc {
  background-image: url(flags/tc.svg);
}

.country-td {
  background-image: url(flags/td.svg);
}

.country-tf {
  background-image: url(flags/tf.svg);
}

.country-tg {
  background-image: url(flags/tg.svg);
}

.country-th {
  background-image: url(flags/th.svg);
}

.country-tj {
  background-image: url(flags/tj.svg);
}

.country-tk {
  background-image: url(flags/tk.svg);
}

.country-tl {
  background-image: url(flags/tl.svg);
}

.country-tm {
  background-image: url(flags/tm.svg);
}

.country-tn {
  background-image: url(flags/tn.svg);
}

.country-to {
  background-image: url(flags/to.svg);
}

.country-tr {
  background-image: url(flags/tr.svg);
}

.country-tt {
  background-image: url(flags/tt.svg);
}

.country-tv {
  background-image: url(flags/tv.svg);
}

.country-tw {
  background-image: url(flags/tw.svg);
}

.country-tz {
  background-image: url(flags/tz.svg);
}

.country-ua {
  background-image: url(flags/ua.svg);
}

.country-ug {
  background-image: url(flags/ug.svg);
}

.country-um {
  background-image: url(flags/um.svg);
}

.country-us {
  background-image: url(flags/us.svg);
}

.country-uy {
  background-image: url(flags/uy.svg);
}

.country-uz {
  background-image: url(flags/uz.svg);
}

.country-va {
  background-image: url(flags/va.svg);
}

.country-vc {
  background-image: url(flags/vc.svg);
}

.country-ve {
  background-image: url(flags/ve.svg);
}

.country-vg {
  background-image: url(flags/vg.svg);
}

.country-vi {
  background-image: url(flags/vi.svg);
}

.country-vn {
  background-image: url(flags/vn.svg);
}

.country-vu {
  background-image: url(flags/vu.svg);
}

.country-wf {
  background-image: url(flags/wf.svg);
}

.country-ws {
  background-image: url(flags/ws.svg);
}

.country-ye {
  background-image: url(flags/ye.svg);
}

.country-yt {
  background-image: url(flags/yt.svg);
}

.country-za {
  background-image: url(flags/za.svg);
}

.country-zm {
  background-image: url(flags/zm.svg);
}

.country-zw {
  background-image: url(flags/zw.svg);
}

.country-arab {
  background-image: url(flags/arab.svg);
}

.country-cefta {
  background-image: url(flags/cefta.svg);
}

.country-cp {
  background-image: url(flags/cp.svg);
}

.country-dg {
  background-image: url(flags/dg.svg);
}

.country-eac {
  background-image: url(flags/eac.svg);
}

.country-es-ct {
  background-image: url(flags/es-ct.svg);
}

.country-es-ga {
  background-image: url(flags/es-ga.svg);
}

.country-es-pv {
  background-image: url(flags/es-pv.svg);
}

.country-eu {
  background-image: url(flags/eu.svg);
}

.country-gb-eng {
  background-image: url(flags/gb-eng.svg);
}

.country-gb-nir {
  background-image: url(flags/gb-nir.svg);
}

.country-gb-sct {
  background-image: url(flags/gb-sct.svg);
}

.country-gb-wls {
  background-image: url(flags/gb-wls.svg);
}

.country-ic {
  background-image: url(flags/ic.svg);
}

.country-pc {
  background-image: url(flags/pc.svg);
}

.country-sh-ac {
  background-image: url(flags/sh-ac.svg);
}

.country-sh-hl {
  background-image: url(flags/sh-hl.svg);
}

.country-sh-ta {
  background-image: url(flags/sh-ta.svg);
}

.country-un {
  background-image: url(flags/un.svg);
}

.country-xk {
  background-image: url(flags/xk.svg);
}

#toCompanies {
  color: #48aff2;
  font-weight: bold;
}

.slideContainer input.priceRange {
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
}

.slideContainer input.priceRange:focus {
  outline: none;
}

.slideContainer input.priceRange::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  background-image: linear-gradient(45deg, #dcf1ff 25%, #bce5ff 25%, #bce5ff 50%, #dcf1ff 50%, #dcf1ff 75%, #bce5ff 75%, #bce5ff 100%);
  background-size: 25px 25px;
  border-radius: 25px;
}

.slideContainer input.priceRange::-webkit-slider-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
}

.slideContainer .rangeWrap {
  width: 500px;
  position: relative;
}

.slideContainer .rangeValue {
  position: absolute;
  top: 2px;
}

.slideContainer .rangeValue span {
  width: 30px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #03a9f4;
  color: #fff;
  font-size: 12px;
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 6px;
  pointer-events: none;
  border: 2px solid #ffffff;
}

.slideContainer {
  position: relative;
}

.zeroEuro {
  display: none;
}

.pricing li .price span.euroSpan {
  align-self: flex-start;
  font-size: 30px;
}

.pricing li .price span.priceSpan {
  font-size: 50px;
  font-weight: 800;
  line-height: 50px;
}

.pricing li .price span.monthSpan {
  align-self: flex-end;
}

.pricing li .price span.euroSpan,
.pricing li .price span.monthSpan {
  font-weight: 600;
}

.pricing li .price span.totalSpan {
  align-self: center;
  margin-right: 5px;
  font-size: 15px;
}

.pricing li>ul>li:not(:last-child) {
  border-bottom: 1px solid #d6d6d6;
}

.pricing li>ul>li:last-child {
  padding: 10px 10px 0;
}

.pricing li>ul {
  list-style-type: none;
  margin-bottom: auto;
  padding: 10px;
  text-align: center;
}

.pricing li>ul>li {
  padding: 10px 0;
}

.priceRangeContainer .extraOptions {
  margin: 0;
  padding: 0;
}

.priceRangeContainer .extraOptions li {
  display: flex;
  align-items: center;
}

.priceRangeContainer .extraOptions li label {
  cursor: pointer;
}

.priceRangeContainer .extraOptions li input {
  margin: 0 5px 0 0;
}

.messagebanner.success .messagebannerwrapper,
.messagebanner.info .messagebannerwrapper {
  background: none;
  border: 0;
}

.messagebanner.success .messagebannercode,
.messagebanner.success .messagebannertext,
.messagebanner.info .messagebannercode,
.messagebanner.info .messagebannertext {
  color: #323232
}

.allPrices {
  position: relative;
}

.infoCompanies {
  border-radius: 50%;
  border: 1px solid white;
  font-size: 9px;
  padding: 0 4.5px;
  position: absolute;
  margin: 2px 0 0 3px;
}

.infoCompaniesModal {
  visibility: hidden;
  background-color: #48aff2eb;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 999;
  left: 22px;
  top: -5px;
  font-size: 12px;
  width: 200px;
  word-break: break-word;
  text-align: left;
}

.infoCompanies:hover .infoCompaniesModal {
  visibility: visible;
}

.infoCompaniesModal:after {
  border-color: transparent #48aff2eb;
  border-style: solid;
  border-width: 5px 8px 5px 0;
  bottom: auto;
  content: "";
  display: block;
  position: absolute;
  left: -8px;
  top: 7px;
  width: 0;
}

.relatedCarouselWrapper .relatedPages li {
  user-select: none;
  flex: 3.5rem 0 0;
}

.relatedCarouselWrapper {
  display: flex;
  margin-top: 25px;
}

.relatedCarouselWrapper button.arrow-prev,
.relatedCarouselWrapper button.arrow-next {
  background: none;
  border: 0;
  border-radius: 0.25rem;
  box-shadow: none;
  min-width: auto;
  flex: 26px 0 0;
  padding: 0;
}

.relatedCarouselWrapper .carouselArrow:before {
  content: "";
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTUgOSI+Cgk8cGF0aCBmaWxsPSIjMzMzMzMzIiBkPSJNNy44NjcgOC41NzRsLTcuMjItNy4yMi43MDctLjcwOEw3Ljg2NyA3LjE2IDE0LjA1Ljk4bC43MDYuNzA3Ii8+Cjwvc3ZnPgo=");
  background-size: contain;
  filter: brightness(5);
  display: block;
  width: 26px;
  height: 16px;
  cursor: pointer;
}

.relatedCarouselWrapper .carouselArrow.arrow-prev:before {
  transform: rotate(90deg);
  filter: brightness(2);
}

.relatedCarouselWrapper .carouselArrow.arrow-next:before {
  transform: rotate(-90deg);
  filter: brightness(2);
}

.relatedCarouselWrapper .carouselArrow.disabled::before {
  filter: brightness(4);
}

.relatedCarouselWrapper .dragging li a {
  pointer-events: none;
}

.relatedCarouselWrapper .relatedCarousel {
  overflow-y: hidden;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
  padding: 5px;
  margin: 0;
  grid-auto-flow: column;
  list-style: none;
}

.relatedCarouselWrapper .relatedCarousel::-webkit-scrollbar {
  display: none;
}

#calInlineContainer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 5;
  overflow: scroll;
  width: 42vw;
}

.protonPassMessage, .protonAuthenticatorMessage {
  background: #d5e7fd;
  border: 1px dashed #1972f5;
  padding: 10px;
  color: #2a2a2a;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.protonPassMessage a, .protonAuthenticatorMessage a {
  margin-left: 5px;
  color: #1972f5
}

.protonPassMessage a.protonPassLink, .protonAuthenticatorMessage a.protonAuthenticatorLink {
  background: #a96ddf;
  color: white;
  padding: 5px;
  border-radius: 5px;
  margin: 0 5px;
  padding: 3px 5px;
  display: flex;
  vertical-align: middle;
}

.protonPassMessage .protonPassLink img, .protonAuthenticatorMessage .protonAuthenticatorLink img  {
  height: 16px;
  filter: brightness(1) contrast(1);
  margin-right: 5px;
}

#search {
  padding: 10px;
  font-size: 13px;
  border-radius: 5px;
  border: 1px solid #626262;
  background: #ffffff;
  color: #626262;
  width: 100%;
  max-width: none;
  margin-top: 20px;
}
.labelLogo {
  background: #ffffff7d;
  padding: 5px;
  margin-bottom: 10px;
  display: flex;
  width: 120px;
  justify-content: center;
  align-self: center;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.sideMenu {
  flex: 225px 0 0;
  background: #e5e5e5;
  padding: 0 20px 20px 20px;
  position: relative;
  margin: 20px 0;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.sideMenu h2 {
  margin-top: 0;
  font-size: 18px;
  color: #333;
}
.sideMenu label {
  display: block;
  margin: 10px 0 5px;
  color: #626262;
  font-size: .75rem;
  cursor: pointer;
  flex: none;
}
.sideMenu input[type="checkbox"] {
  margin-right: 10px;
  appearance: none;
  width: 16px;
  height: 16px;
  background: #ffffff;
  display: grid;
  place-content: center;
  cursor: pointer;
}
.sideMenu input[type="checkbox"]:before {
  content: "";
  display: block;
  width: 0.65em;
  height: 0.65em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #8b8b8b;
}
.sideMenu input[type="checkbox"]:checked:before {
  content: "";
  transform: scale(1);
}
.sideMenu .filterOption {
  display: flex;
  align-items: center;
  cursor: pointer;
}  
.videoWrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
}
.videoContainer {
  background: #e5e5e5;
  padding: 0px;
  overflow-y: auto;
  margin: 20px 0 20px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-x: hidden;
}
.videoCounter {
  background: #626262;
  padding: 5px 10px;
  border-radius: 10px;
  color: white;
  font-size: 13px;
  margin: 20px 0 0px 0;
}
.videoGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  padding: 10px;
}
.video {
  padding: 10px;
}
.video img {
  max-width: 100%;
  border-radius: 5px;
}
.video a {
  display: block;
  margin-top: 10px;
  color: #06c;
  text-decoration: none;
}
.video a:hover {
  text-decoration: underline;
}
.video h3 {
  text-align: left;
  color: #626262;
  font-size: .75rem;
  margin: 5px 0 0 0;
}
.video p {
  text-align: left;
  margin: 0;
}
.video p span {
  color: #000000;
  font-size: .7rem;
  margin-right: 5px;
}
.video.hidden {
  display: none;
}
.videoObject {
  position: relative;
}
.lengthSpan {
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: #00000085;
  padding: 3px 5px;
  font-size: 12px;
  color: white;
  border-radius: 5px;
}
.sortingMenu button {
  font-weight: 400;
  line-height: normal;
  margin: 0;
  min-width: auto;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  vertical-align: middle;
  white-space: normal;
}
.searchContainer button {
  min-width: auto;
  box-shadow: none;
}
.sortingMenu button, .searchContainer button {
  background: #626262;
  color: white;
  border: 0;
  border-radius: 5px;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  font-size: 11px;
  cursor: pointer;
}
.sortingMenu button.active {
  background: #a7a7a7;
  color: #191919;
}
.sortingMenu button.active:after {
  color: #191919;
}
.sortingMenu button:after {
  content:"▲";
  font-size: 10px;
  margin-left: 3px;
  color: #ffffff;
}
.sortingMenu button.desc:after {
  content:"▼";
}
.sortingMenu {
  display: flex;
  font-size: 10px;
  margin: 10px 0;
  justify-content: space-between;
}
#clearFilters {
  background: #626262;
  color: white;
  border: 0;
  border-radius: 5px;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  font-size: 11px;
  cursor: pointer;
  justify-content: center;
  margin-top: 10px;
  min-width: auto;
}
#clearFilters img {
  margin-right: 5px;
  width: 20px;
}
.videoCounter p {
  margin: 0;
  min-width: 150px;
}
.searchContainer button.showFilters {
  display: none;
  flex: 100px 0 0;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  border: 1px solid #303030;
}
.searchContainer {
  display: flex;
  align-items: center;
}
.videoFull {
  display: flex;
  height: 100%;
}
.videoFullPage {
  overflow: hidden;
  margin: 0 auto;
  max-width: 75%;
  padding: 15px;
  background: #f5f6f7;
}
.videoFullPage.fullWidth {
  width: 100%;
}
.videoTitleWrapper {
  display: flex;
  align-items: center;
  background: #48aff2;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.06);
}
.videoTitleWrapper h1 {
  background: none;
  box-shadow: none;
  margin: 0;
  padding: 3px;
}
.videos-page .landingAppContent .breadcrumb {
  padding: 10px 15px 0;
  width: auto;
  max-width: 75%;
}

:where([autocomplete=one-time-code]) {
  --otp-digits: 6;
  --otp-ls: 2ch;
  --otp-gap: 1.25;

  /* private consts */
  --_otp-bgsz: calc(var(--otp-ls) + 1ch);
  --_otp-digit: 0;

  all: unset;
  background: 
  linear-gradient(90deg, 
    var(--otp-bg, #BBB) calc(var(--otp-gap) * var(--otp-ls)),
    transparent 0),
    linear-gradient(90deg, 
    var(--otp-bg, #FFF) calc(var(--otp-gap) * var(--otp-ls)),
    transparent 0
  );
  background-position: calc(var(--_otp-digit) * var(--_otp-bgsz)) 0, 0 0;
  background-repeat: no-repeat, repeat-x;
  background-size: var(--_otp-bgsz) 100%;
  caret-color: var(--otp-cc, #222);
  caret-shape: block;
  clip-path: inset(0% calc(var(--otp-ls) / 2) 0% 0%);
  font-family: ui-monospace, monospace;
  font-size: var(--otp-fz, 2.5em);
  inline-size: calc(var(--otp-digits) * var(--_otp-bgsz));
  letter-spacing: var(--otp-ls);
}

input[type="text"].separateInputs {
  font-size: 30px;    
  font-family: ui-monospace, monospace;
  padding-block: var(--otp-pb, .75ch);
  padding-inline-start: calc(((var(--otp-ls) - 1ch) / 2) * var(--otp-gap));
  color: #323232;
}

input.separateInputs::placeholder {
  color: #323232;
  opacity: 0.5;
}

input.mfa-password::-webkit-outer-spin-button,
input.mfa-password::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input.mfa-password[type=number] {
  -moz-appearance: textfield;
}

input.mfa-password {
  margin-bottom: 10px;
}

.content.interestedSuccess {
  margin: 0 auto;
  max-width: 75%;
  background: #f5f6f7;
}

.gc-timeline-tooltip ul {
  padding: 10px 25px;
  margin: 0;
}

.gc-timeline-tooltip ul li {
  list-style: square;
  padding: 2px 0;
}

.gc-timeline-tooltip ul li span:first-of-type:after {
  content:":";
  margin-right: 5px;
}

.gc-timeline-tooltip ul li span {
  display: inline-block;
}

.dataTables_scroll {
  overflow-x: scroll!important;
}
.dataTables_scrollHead, .dataTables_scrollBody {
  overflow: unset!important;
}

.accessDeniedWrapper {
  font-family: monospace;
}

.accessDeniedWrapper a {
  color: #48aff2;
}

.accessDenied.content h1 {
  background: none;
  box-shadow: none;
  color: #00131f;
  font-size: 20px;
  font-weight: 300;
  margin: 0 0 10px;
  padding: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
}

.accessDenied.content h1 span {
  font-size: 12px;
  color: gray;
  margin-top: 5px;
  font-family: monospace;
}

.accessDeniedImage {
  display: flex;
  margin: 0 auto;
  width: 92px;
  margin-bottom: 10px;
}

.accessDeniedDetails .errormessagehint {
  background: #def1fd;
  padding: 2px;
  border: 1px solid #48aff2;
}

.accessdeniedreasonstext {

}

.pageErrorImage {
  margin: 10px auto;
  display: block;
}

.mfa-qr-code {
  width: 300px;
}

@media (prefers-color-scheme: dark) {
  .accessDenied.content h1 {
    color: white;
  }
  .accessDeniedDetails .errormessagehint {
    background: #2a2a2a;
    border: 1px solid #bfbfbf;
  }
}

@media screen and (max-width: 667px) and (orientation: portrait) {
  .supportPage {
    margin: 0 10px;
    max-width: 100%;
    padding: 15px;
  }

  .supportItemList {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }

  .supportItemList .supportItem {
    margin-bottom: 10px;
  }

  .supportItemList .supportItem:hover {
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.10);
    transform: none;
  }

  .supportItemList h2 {
    flex: 1;
  }

  .forumsWrapper {
    display: flex;
    flex-direction: column;
  }

  .popularTopicsWrapper {
    flex-direction: column;
  }

  .supportItem.knowledge:after {
    content: '';
    left: 50%;
    transform: translateX(-50%);
    bottom: -21px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #8b8b8b;
    border-bottom: unset;
    top: unset;
  }

  .supportItemList .supportItem.mostPopularTopics {
    margin-top: 15px;
  }

  #generalWrapper .mostPopularTopics>.popularTopicsWrapper {
    margin-bottom: 10px
  }

  #generalWrapper .supportItemList .supportItem.mostPopularTopics {
    flex-direction: column;
  }

  .support-page .landingAppContent .breadcrumb {
    max-width: 100%;
    margin: 0 10px;
  }

  a.indicator .statusText {
    display: none;
  }

  a.indicator {
    background: none !important;
  }

  .videoFullPage {
    margin: 0 10px;
    max-width: 100%;
    padding: 15px;
    overflow-y: scroll;
  }
  .appContent.landingAppContent.videoFullPageContent {
    height: 100%;
  }
  .sideMenu {
    box-sizing: border-box;
    flex: 0 0 45px;
    width: auto;
    padding: 10px;
    margin: 10px 10px 0 10px;
    overflow-y: hidden;
  }
  .videoGrid {
    grid-template-columns: repeat(1, 0fr);
    gap: 0px;
  }
  .videoContainer {
    padding: 0px;
    margin: 10px;
  }
  .videoCounter {
    margin-bottom: 0;
    margin-top: 10px;
  }
  .sideMenu.open {
    overflow: visible;
  }
  .searchContainer button.showFilters {
    display: flex;
    flex: 90px 0 0;
    padding: 5px 10px;
    margin: 0;
    border: 0;
  }
  .sortingMenu {
    justify-content: space-evenly;
  }
  .videoFull {
    flex-direction: column;
  }
  #search {
    padding: 5px 10px;
    margin: 0px 10px 0 0;
    font-size: 11px;
  }
}

@media screen and (max-width: 800px) and (orientation: landscape) {
  .supportItemList {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }

  .supportItemList .supportItem {
    flex: 45% 0 0;
    margin-bottom: 10px;
  }

  .supportPage {
    margin: 0 10px;
    max-width: 100%;
    padding: 15px;
  }

  .supportItemList .supportItem:hover {
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.10);
    transform: none;
  }

  .supportItemList h2 {
    flex: 1;
  }

  .forumsWrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .popularTopicsWrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .supportItem.knowledge:after {
    content: '';
    left: 50%;
    transform: translateX(-50%);
    bottom: -13px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 13px solid #8b8b8b;
    border-bottom: unset;
    top: unset;
  }

  .supportItemList .supportItem.mostPopularTopics {
    margin-top: 15px;
  }

  #monitoringSubContent .multipleColumns ul.column li {
    flex-direction: column;
  }

  #monitoringSubContent .multipleColumns ul.column li label {
    flex: 1 0 0;
  }

  #generalWrapper .mostPopularTopics>.popularTopicsWrapper {
    margin-bottom: 10px
  }

  #generalWrapper .supportItemList .supportItem.mostPopularTopics {
    flex-direction: column;
  }

  .support-page .landingAppContent .breadcrumb {
    max-width: 100%;
    margin: 0 10px;
  }

  a.indicator .statusText {
    display: none;
  }

  a.indicator {
    background: none !important;
  }
}

@media only screen and (min-width: 374px) and (max-width: 1098px) {
  .ribbon {
    margin: 10px 0 0;
    width: auto;
  }

  .ribbon:before,
  .ribbon:after {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
  .mobileTopMenu {
    display: block;
  }

  ul.menu {
    background: #ecf0f3;
    box-shadow: 2px 4px 5px 0 rgba(0, 0, 0, 0.25);
    display: none;
    height: calc(100% - 30px);
    left: 0;
    overflow-y: auto;
    padding: 10px;
    position: absolute;
    top: 30px;
    z-index: 5;
  }

  ul.menu li {
    display: block;
  }

  .content h1 {
    display: none;
  }

  .onBoardingWrapper.content h1 {
    display: block;
  }

  .onBoardingWrapper {
    margin: 50px auto;
    max-width: 500px;
    overflow: scroll;
    width: 100%;
  }

  .onBoardingWrapper .tooltipWrapper {
    align-items: normal;
  }

  .menuLeft {
    z-index: 6;
  }

  .appLauncherMenu {
    z-index: 7;
  }

  .landingButtonWrapper {
    flex: auto;
    flex-direction: row;
    justify-content: center;
    margin: 0;
    max-width: 700px;
    width: 100%;
  }

  .getStartedButton,
  .trialButton {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 10px;
  }

  .landingWrapper .landingButtonWrapper ul.docPricing {
    margin: 10px;
  }

  .pricing {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .pricing>li {
    flex: 45% 0 0;
    margin: 10px;
    max-width: none;
  }
}

@media only screen and (min-width: 2165px) {
  .dataTables_scroll {
    overflow-x: hidden!important;
  }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
  .mobileTopMenu {
    display: block;
  }

  ul.menu {
    background: #ecf0f3;
    box-shadow: 2px 4px 5px 0 rgba(0, 0, 0, 0.25);
    display: none;
    height: calc(100% - 30px);
    left: 0;
    overflow-y: auto;
    padding: 10px;
    position: absolute;
    top: 40px;
    z-index: 5;
  }

  ul.menu li {
    display: block;
  }

  .menuLeft {
    z-index: 6;
  }

  .appLauncherMenu {
    z-index: 7;
  }

  #partitionsForm.dropdown-collapsed .partitionList {
    max-height: calc(100% - 50px);
    z-index: 9999999;
  }

  .landingIconGrid .platform:nth-child(n + 9) {
    display: none;
  }

  .landingIconGrid {
    grid-template-columns: 36px 36px 36px 36px 36px 36px 36px 36px 36px;
    grid-template-rows: 36px;
  }

  .providerPage .landingIconGrid {
    grid-template-rows: 36px 36px;
  }

  .videoFullPage {
    margin: 0 10px;
    max-width: 100%;
    padding: 15px;
    overflow-y: scroll;
  }
  .appContent.landingAppContent.videoFullPageContent {
    height: 100%;
  }
  .sideMenu {
    box-sizing: border-box;
    flex: 0 0 45px;
    width: auto;
    padding: 10px;
    margin: 10px 10px 0 10px;
    overflow-y: hidden;
  }
  .videoGrid {
    grid-template-columns: repeat(1, 0fr);
    gap: 0px;
  }
  .videoContainer {
    padding: 0px;
    margin: 10px;
  }
  .videoCounter {
    margin-bottom: 0;
    margin-top: 10px;
  }
  .sideMenu.open {
    overflow: visible;
  }
  .searchContainer button.showFilters {
    display: flex;
    flex: 90px 0 0;
    padding: 5px 10px;
    margin: 0;
    border: 0;
  }
  .sortingMenu {
    justify-content: space-evenly;
  }
  .videoFull {
    flex-direction: column;
  }
  #search {
    padding: 5px 10px;
    margin: 0px 10px 0 0;
    font-size: 11px;
  }
}

@media only screen and (max-width: 610px) and (orientation: landscape) {
  .contactWrapper a span {
    display: none;
  }
}

@media only screen and (max-device-width: 610px) and (orientation: landscape) {
  .contactWrapper a span {
    display: inline;
  }
}

@media only screen and (min-width: 355px) and (orientation: portrait) {
  .contact article:nth-child(4) ul:first-of-type li:first-of-type {
    white-space: nowrap;
  }
}

@media only screen and (max-width: 1023px) and (orientation: landscape) {
  .mobileTopMenu {
    display: block;
  }

  ul.menu {
    background: #ecf0f3;
    box-shadow: 2px 4px 5px 0 rgba(0, 0, 0, 0.25);
    display: none;
    height: calc(100% - 30px);
    left: 0;
    overflow-y: auto;
    padding: 10px;
    position: absolute;
    top: 40px;
    z-index: 5;
  }

  ul.menu li {
    display: block;
  }

  .menuLeft {
    z-index: 6;
  }

  .appLauncherMenu {
    z-index: 7;
  }
}

@media only screen and (min-width: 768px) and (orientation: portrait) {
  .body-content {
    margin: 10px;
    max-height: calc(100% - 120px);
  }

  input[type="password"],
  input[type="text"]:not([autocomplete=one-time-code])  {
    border: 1px solid #bfbfbf;
    max-width: 50%;
    padding: 3px;
    width: auto;
  }

  .confirmation label {
    width: 90%;
  }

  .contact {
    display: block;
  }

  h2 {
    font-size: 1em;
  }

  textarea {
    width: 75%;
  }

  form div.tooltip>span {
    left: auto;
    right: 30px;
  }

  form div.tooltip>span:after {
    border-width: 5px 0 5px 8px;
    content: "";
    left: auto;
    right: -8px;
  }

  div.halfWidth {
    width: auto;
  }

  .landingBannerWrapperOuterWrapper,
  .landingWrapper {
    padding: 0;
  }

  .landingWrapper {
    box-sizing: border-box;
    width: 100%;
  }

  .landingBannerWrapperInner {
    flex-direction: column;
  }

  .landingBannerText {
    margin-right: 0;
  }

  .landingBannerText h1,
  .landingBannerText h2 {
    padding: 0 10px;
  }

  .landingBannerText p {
    padding: 10px;
  }

  .landingIconGrid {
    display: none;
  }

  .landingPinPointsWrapper {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0;
  }

  .landingPinPoint {
    flex: 45% 0 0;
    margin: 10px 0;
  }

  .landingInfoWrapper {
    flex-direction: column;
  }

  .landingInfoText {
    margin-right: 0;
    padding: 10px;
    width: auto;
  }

  .gallerySlider {
    justify-content: flex-start;
    overflow-x: auto;
  }

  .contactFooter {
    box-sizing: border-box;
    width: 100%;
  }

  .appContent.landingAppContent {
    height: auto;
    overflow-y: initial;
  }
}

@media only screen and (min-width: 1024px) and (orientation: portrait) {
  form div.tooltip>span {
    left: 30px;
    right: auto;
  }

  form div.tooltip>span:after {
    border-width: 5px 8px 5px 0;
    content: "";
    left: -8px;
    right: auto;
  }

  form div.tooltip>span {
    min-width: 150px;
  }

  .landingButtonWrapper {
    flex: auto;
    flex-direction: row;
    justify-content: center;
    margin: 0;
    max-width: 700px;
    width: 100%;
  }

  .getStartedButton,
  .trialButton {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 10px;
  }

  .landingWrapper .landingButtonWrapper ul.docPricing {
    margin: 10px;
  }
}

@media only screen and (min-width: 1024px) and (orientation: landscape) {
  .confirmation label {
    width: 95%;
  }

  h2 {
    font-size: 1em;
  }

  form div.tooltip>span {
    min-width: 250px;
  }
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
  .connectorSetup .content {
    order: 2;
  }

  .dashboardCard.usage-details.monitoring-stats .cardWrapper {
    margin: 0 auto 20px;
  }

  #monitoringSub {
    height: calc(100vh - 55px);
    margin: 25px;
    width: calc(100vw - 55px);
  }

  .connectorSetup.improveContainer ul.relatedVideos {
    flex: auto;
    margin: 0;
    order: 1;
  }

  .menuWrapper li.collapseMenu {
    display: none;
  }

  .improveContainer {
    flex-direction: column;
  }

  .improveContainer ul.relatedVideos {
    margin-bottom: 10px !important;
  }

  .landingAppContent .breadcrumb {
    width: auto;
  }

  .mobileTopMenu {
    display: block;
  }

  .connectorList ul {
    grid-template-columns: 1fr;
  }

  .helpMenu,
  ul.menu {
    display: none;
  }

  ul.menu {
    background: #ecf0f3;
    box-shadow: 2px 4px 5px 0 rgba(0, 0, 0, 0.25);
    height: calc(100% - 30px);
    left: 0;
    overflow-y: auto;
    padding: 10px;
    position: absolute;
    top: 50px;
    z-index: 5;
  }

  ul.menu li {
    display: block;
  }

  .menuLeft {
    z-index: 6;
  }

  .appLauncherMenu {
    z-index: 7;
  }

  #partitionsForm {
    flex: 1 0 0;
    margin-left: 5px;
  }

  #partitionsForm.dropdown-collapsed .partitionList {
    display: flex;
    width: 90%;
  }

  .selectedPartitions {
    flex: 1;
    width: auto;
  }

  .contactWrapper a span {
    display: none;
  }

  .navbar-fixed-top ul li:first-child {
    display: block;
  }

  .navbar-fixed-top ul li a {
    margin: 0 3px;
  }

  .navbar-fixed-top {
    position: relative;
    text-align: center;
  }

  .body-content {
    margin: 0;
    max-height: 90%;
  }

  label {
    margin-bottom: 0;
    margin-right: 5px;
  }

  input {
    margin-bottom: 10px;
  }

  form ul li label+span:empty {
    display: block;
    margin-bottom: 20px;
  }

  form ul li label+span.copy {
    display: inline-block;
    height: 11px;
    margin: 0;
    width: 11px;
  }

  .results label {
    text-align: left;
    width: 100%;
  }

  #loginForm input[type="password"],
  #loginForm input[type="text"]:not([autocomplete=one-time-code])  {
    border: 1px solid #bfbfbf;
    margin: 3px 0;
    padding: 3px;
  }

  input[type="text"]:not([autocomplete=one-time-code]).mfa-password {
    width: 120px;
  }

  .content h1 {
    display: none;
  }

  .onBoardingWrapper.content h1 {
    display: block;
  }

  .onBoardingWrapper {
    margin: 10px;
    margin-top: 10px;
    max-width: 500px;
    overflow: scroll;
    width: auto;
  }

  .onBoardingWrapper .tooltipWrapper {
    align-items: normal;
  }

  .confirmation,
  .deviating {
    margin-left: 0;
  }

  .confirmation label {
    text-align: left;
    width: 85%;
  }

  .contact {
    display: block;
  }

  .content h3,
  h2 {
    font-size: 1em;
  }

  textarea {
    width: 83%;
  }

  .results div.tooltip>span {
    min-width: 235px;
  }

  form div.tooltip>span {
    left: auto;
    min-width: 150px;
    right: 30px;
  }

  form div.tooltip>span:after {
    border-width: 5px 0 5px 8px;
    content: "";
    left: auto;
    right: -8px;
  }

  .security-pop {
    height: 80%;
    left: 0;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    transform: none;
  }

  .content,
  form {
    padding: 10px;
  }

  div.tooltip {
    margin-left: 4px;
  }

  .nav-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5px;
  }

  .navbar-right {
    margin-left: auto;
  }

  ul.navbar-nav.nav {
    background: hsla(0, 0%, 100%, 0.95);
    box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.06);
    display: none;
    height: 100vh;
    left: 0;
    margin: 5px 0 0;
    position: absolute;
    text-align: left;
    width: 50vw;
    z-index: 1;
  }

  .navbar-fixed-top ul li a {
    color: #48aff2;
  }

  ul.navbar-nav.nav ul {
    margin-left: 10px;
  }

  ul.navbar-nav.nav>li a {
    display: block;
    margin: 10px 0;
    padding-left: 5px;
  }

  .selector .dbWrapper {
    width: 75%;
  }

  .selector li img {
    height: 32px;
  }

  .selector li p {
    font-size: 11px;
  }

  ul.navbar-nav.nav>li {
    border-bottom: 1px solid #9a9a9a;
    display: block;
    margin: 0;
  }

  ul.navbar-nav.nav>li>a:hover {
    color: #48aff2;
  }

  .selector li img {
    vertical-align: top;
  }

  .copyright {
    margin: 5px 5px 2px 0;
  }

  .version {
    margin: 0 5px 10px 0;
  }

  form {
    overflow: auto;
  }

  .menuLeft {
    position: absolute;
    overflow-y: auto;
    height: calc(100% - 42px);
    left: -800px;
    transition: .2s;
  }

  .menuLeft.show {
    transition: .2s;
    left: 0;
  }

  .mobileMenu {
    background: url(cloud-icon-sprite.svg);
    background-position: 0 55.5%;
    background-repeat: no-repeat;
    background-size: 200%;
    height: 32px;
    margin: 0 10px 0 0;
    width: 32px;
  }

  .mobileMenu,
  .userNameLoggedOn img {
    display: inline-block;
  }

  .userNameLoggedOn span {
    display: none;
  }

  .userNameLoggedOn .listHeader span,
  .userNameLoggedOn span.delegationArrow {
    display: block;
  }

  .userNameNotLoggedOn span {
    margin-right: 0;
    max-width: 60px;
    text-align: right;
    word-break: normal;
    display: none;
  }

  #alertBox {
    width: 85%;
  }

  .sqlHelpMenu>ul>li {
    padding-bottom: 0;
  }

  .sqlHelpMenu>ul>li>a,
  .sqlHelpMenu>ul>li>span {
    padding: 2px 4px;
  }

  div.halfWidth {
    width: auto;
  }

  .mfa-qr-code {
    width: 50%;
  }

  .dashboardWrapper {
    margin: 10px;
    width: auto;
  }

  .dashboardWrapper,
  .list .cardWrapper {
    grid-template-columns: 1fr;
  }

  .figure .cardWrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
  }

  form ul li,
  label {
    display: block;
  }

  div.tooltip {
    flex: 16px 0 0;
    float: right;
    margin-top: 7px;
  }

  div.tooltip>span:after {
    border-width: 5px 8px 5px 0;
    content: "";
    left: -8px;
  }

  .productCompareWrapper div.tooltip>span {
    left: 30px;
    min-width: 145px;
  }

  input[type="checkbox"]+label,
  input[type="checkbox"]+span {
    display: inline-block;
    vertical-align: top;
    width: 80%;
  }

  input[type="password"],
  input[type="text"]:not([autocomplete=one-time-code])  {
    max-width: 87%;
    width: auto;
  }

  .landingBannerWrapperOuterWrapper,
  .landingWrapper {
    padding: 0;
  }

  .landingWrapper {
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
  }

  .landingBannerWrapperOuter {
    height: auto;
  }

  .landingBannerWrapperInner {
    flex-direction: column;
  }

  .landingBannerText {
    margin-right: 0;
  }

  .landingBannerText h1,
  .landingBannerText h2 {
    padding: 0 10px;
  }

  .landingBannerText p {
    padding: 10px;
  }

  .landingIconGrid {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-columns: repeat(7, 36px);
    grid-template-rows: 36px;
    padding-bottom: 20px;
  }

  .landingWrapper.powerBIConnectors .landingIconGrid {
    padding-bottom: 0;
  }

  .landingWrapper .reviewRibbon {
    bottom: calc(27%);
  }

  .landingWrapper .reviewRibbon:after {
    content: '';
    top: 45px;
  }

  .madeInEU {
    height: 68px;
    right: 10px;
  }

  .providerPage .landingIconGrid {
    grid-template-rows: 36px 36px;
  }

  .landingIconGrid .platform:nth-child(n + 10) {
    display: none;
  }

  .landingWrapper.default .landingIconGrid {
    grid-template-columns: repeat(5, 36px);
  }

  .landingWrapper.exactonline .platform.exactonline,
  .landingWrapper.visma .platform.vismanet {
    grid-column: 1/2;
    grid-row: 1/2;
  }

  .landingWrapper.sql .platform.sql,
  .landingWrapper.teamleader .platform.teamleader,
  .landingWrapper.twinfield .platform.twinfield,
  .landingWrapper.xmlauditfiles .platform.xmlauditfiles {
    grid-column: 1/3;
    grid-row: 1/3;
  }

  .landingIconGrid .platform:last-child {
    display: block;
  }

  .landingPinPointsWrapper {
    flex-direction: column;
    margin: 0;
  }

  .landingPinPoint {
    margin: 10px 0;
  }

  .landingInfoWrapper {
    flex-direction: column;
  }

  .landingInfoText {
    margin-right: 0;
    padding: 0;
    width: auto;
  }

  .is-anonymous .appTitle {
    display: none;
  }

  .componentIcon {
    flex: 16px 0 0;
  }

  .componentIcon,
  .componentIcon>img {
    margin-right: 5px;
  }

  .col-3 .productName,
  .col-3 .value {
    flex: 1;
  }

  .component a,
  .component span:nth-child(2) {
    word-break: break-word;
  }

  .component {
    flex: 35% 0 0;
  }

  .titleHeader .productName span {
    display: none;
  }

  .landingButtonWrapper {
    flex: auto;
    justify-content: center;
    margin: 0;
    width: 100%;
  }

  .getStartedButton,
  .trialButton {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 10px;
  }

  .landingWrapper .landingButtonWrapper ul.docPricing {
    margin: 15px 10px 10px 10px;
  }

  .gallerySlider {
    justify-content: flex-start;
    overflow-x: auto;
  }

  .pricing {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
  }

  .pricing>li {
    flex: 45% 0 0;
    margin: 10px;
    max-width: none;
  }

  .bigImageWrapper {
    width: 100%;
  }

  .bigImage {
    height: auto;
    max-width: 75vw;
  }

  .nextImg,
  .prevImg {
    height: 19px;
    width: 19px;
  }

  .connectorSetup div.step ol li p {
    display: block;
  }

  .connectorSetup .content {
    width: auto;
  }

  .connectorSetup .fancybox {
    align-self: center;
    margin-left: 0;
    margin-top: 10px;
  }

  .appTitle {
    display: none;
  }

  .app,
  .mobileMenu {
    flex: 32px 0 0;
  }

  #selectedDelegationsLabel {
    min-width: 0;
  }

  .profileWrapper {
    margin-left: 5px;
  }

  #selectedDelegationsLabel h5,
  .profileWrapper {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #editSelectedDelegationForm.userNameLoggedOn .userNameWrapper {
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #editSelectedDelegationForm.dropdown-collapsed .settingsList {
    box-sizing: border-box;
    margin-top: 42px;
    max-height: calc(100vh - 175px);
    right: 0;
    top: 0;
    width: 100%;
  }

  .dashboardCard.database-setup .cardWrapper {
    grid-template-columns: 1fr;
  }

  .contactFooter {
    flex-direction: column;
    width: auto;
  }

  .appContent.landingAppContent {
    height: auto;
    overflow-y: initial;
  }

  .relatedPages {
    justify-content: space-between;
    margin-top: 25px;
    overflow-y: scroll;
  }

  .relatedPages li {
    flex: 25% 0 0;
    margin: 5px;
  }

  .lowestPrices {
    display: block;
    height: calc(100vh - 125px);
    overflow-y: auto;
    width: calc(100vw - 50px);
  }

  .runOutWrapper ul {
    flex-direction: column;
  }

  .runOutWrapper ul li {
    align-items: center;
    background: #2a2a2a;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.25);
    display: flex;
    flex: 20%;
    flex-direction: column;
    height: auto;
    margin: 10px;
    padding: 0 0 10px;
    width: 100%;
  }

  .sendAltEmail button {
    width: 100%;
  }
}

@media only screen and (min-width: 767px) and (max-width: 1023px) and (orientation: landscape) {
  .landingIconGrid {
    grid-template-columns: 36px 36px 36px 36px 36px 36px 36px 36px 36px 36px 36px 36px 36px 36px 36px;
    grid-template-rows: 36px;
  }

  .landingIconGrid .platform:nth-child(n + 15) {
    display: none;
  }
}

@media only screen and (max-width: 1023px) and (orientation: landscape) {
  .menuWrapper li.collapseMenu {
    display: none;
  }

  .madeInEU {
    display: none;
  }

  #monitoringSub {
    height: calc(100vh - 55px);
    margin: 25px;
    width: calc(100vw - 55px);
  }

  .improveContainer {
    flex-direction: column;
  }

  .improveContainer ul.relatedVideos {
    margin-bottom: 10px;
  }

  .landingAppContent .breadcrumb {
    width: auto;
  }

  .body-content {
    max-height: calc(100% - 85px);
  }

  .connectorList ul {
    grid-template-columns: 1fr 1fr;
  }

  .confirmation label {
    width: 90%;
  }

  .navbar-fixed-top ul li a {
    color: #fff;
    font-size: 1em;
    margin: 0 10px;
    text-decoration: none;
  }

  .contact {
    display: block;
  }

  .content h1 {
    display: none;
  }

  .onBoardingWrapper.content h1 {
    display: block;
  }

  .onBoardingWrapper {
    margin: 10px auto;
    margin-top: 10px;
    max-width: 500px;
    overflow: scroll;
    width: 100%;
  }

  .onBoardingWrapper .tooltipWrapper {
    align-items: normal;
  }

  .content h3,
  h2 {
    font-size: 1em;
  }

  .results label {
    text-align: left;
    width: auto;
  }

  textarea {
    width: 88%;
  }

  form div.tooltip>span {
    left: auto;
    right: 30px;
  }

  form div.tooltip>span:after {
    border-width: 5px 0 5px 8px;
    content: "";
    left: auto;
    right: -8px;
  }

  .security-pop {
    height: 80%;
    left: 0;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    transform: none;
  }

  .nav-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5px;
  }

  .navbar-right {
    margin-left: auto;
  }

  ul.navbar-nav.nav {
    background: hsla(0, 0%, 100%, 0.95);
    box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.06);
    display: none;
    height: 100vh;
    left: 0;
    margin: 5px 0 0;
    position: absolute;
    text-align: left;
    width: 50vw;
    z-index: 1;
  }

  .navbar-fixed-top ul li a {
    color: #48aff2;
  }

  ul.navbar-nav.nav ul {
    margin-left: 10px;
  }

  ul.navbar-nav.nav>li a {
    display: block;
    margin: 10px 0;
    padding-left: 5px;
  }

  .selector .dbWrapper {
    width: 75%;
  }

  .selector li img {
    height: 32px;
  }

  .selector li p {
    font-size: 11px;
  }

  ul.navbar-nav.nav>li {
    border-bottom: 1px solid #9a9a9a;
    display: block;
    margin: 0;
  }

  ul.navbar-nav.nav>li>a:hover {
    color: #48aff2;
  }

  .selector li img {
    vertical-align: top;
  }

  .copyright {
    margin: 5px 5px 2px 0;
  }

  .version {
    margin: 0 5px 10px 0;
  }

  form {
    overflow: auto;
  }

  .menuLeft {
    position: absolute;
    overflow-y: auto;
    height: calc(100% - 42px);
    left: -800px;
    transition: .2s;
  }

  .menuLeft.show {
    transition: .2s;
    left: 0;
  }

  .mobileMenu {
    background: url(cloud-icon-sprite.svg);
    background-position: 0 55.5%;
    background-repeat: no-repeat;
    background-size: 200%;
    display: inline-block;
    height: 32px;
    margin: 0 10px 0 0;
    width: 32px;
  }

  .sqlHelpMenu>ul>li {
    padding-bottom: 0;
  }

  .sqlHelpMenu>ul>li>a,
  .sqlHelpMenu>ul>li>span {
    padding: 2px 4px;
  }

  .CodeMirror-scroll {
    max-height: 10vh;
  }

  .landingBannerWrapperOuter,
  .landingWrapper {
    padding: 0;
  }

  .landingWrapper {
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
  }

  .landingBannerWrapperOuter {
    height: auto;
  }

  .landingBannerWrapperInner {
    flex-direction: column;
    padding: 0 0 10px;
  }

  .landingBannerText {
    margin-right: 0;
  }

  .landingBannerText h1,
  .landingBannerText h2 {
    padding: 0 10px;
  }

  .landingBannerText p {
    padding: 10px;
  }

  .landingIconGrid .platform:last-child {
    display: block;
  }

  .landingPinPointsWrapper {
    flex-direction: column;
    margin: 0;
  }

  .landingPinPoint {
    margin: 10px 0;
  }

  .landingInfoWrapper {
    flex-direction: column;
  }

  .landingInfoText {
    margin-right: 0;
    padding: 10px;
    width: auto;
  }

  div.tooltip>span:after {
    border-width: 5px 8px 5px 0;
    content: "";
    left: -8px;
  }

  div.tooltip {
    flex: 16px 0 0;
  }

  .productCompareWrapper div.tooltip>span {
    left: 30px;
    min-width: 145px;
  }

  .componentIcon {
    flex: 16px 0 0;
  }

  .componentIcon,
  .componentIcon>img {
    margin-right: 5px;
  }

  .col-3 .productName,
  .col-3 .value {
    flex: 1;
  }

  .component a,
  .component span:nth-child(2) {
    word-break: break-word;
  }

  .component {
    flex: 35% 0 0;
  }

  input[type="password"],
  input[type="text"]:not([autocomplete=one-time-code])  {
    max-width: 55%;
    width: auto;
  }

  .landingButtonWrapper {
    flex: auto;
    flex-direction: row;
    justify-content: center;
    margin: 0;
    width: 100%;
  }

  .landingWrapper.powerBIConnectors .trialButton {
    padding: 8px 10px;
    flex: 50% 0 0;
    margin-bottom: 10px;
  }

  .landingWrapper .reviewRibbon {
    top: unset;
    right: -15px;
    transform: unset;
    bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .landingWrapper .reviewRibbon>p {
    font-size: 15px;
    margin-right: 15px;
  }

  .landingWrapper .reviewRibbon:after {
    content: '';
    top: 27px;
    width: 15px;
  }

  .relatedPages li {
    flex: 10% 0 0;
  }

  .getStartedButton,
  .trialButton {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 10px;
  }

  .landingWrapper .landingButtonWrapper ul.docPricing {
    margin: 10px;
  }

  .gallerySlider {
    justify-content: flex-start;
    overflow-x: auto;
  }

  .pricing {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .pricing>li {
    flex: 45% 0 0;
    margin: 10px;
    max-width: none;
  }

  .bigImageWrapper {
    width: 100%;
  }

  .bigImage {
    height: auto;
    max-height: 80vh;
  }

  .nextImg,
  .prevImg {
    height: 19px;
    width: 19px;
  }

  .connectorSetup .content {
    width: auto;
  }

  .connectorSetup .fancybox {
    margin-left: 0;
    margin-top: 10px;
  }

  .contactFooter {
    box-sizing: border-box;
    flex-direction: column;
    width: 100%;
  }

  .appContent.landingAppContent {
    height: auto;
    overflow-y: initial;
  }

  .lowestPrices {
    display: block;
    height: 80vh;
    overflow-y: scroll;
    width: 80vw;
  }

  .sendEmail input[type="text"] {
    max-width: 100%;
  }

  .relatedPages {
    justify-content: flex-start;
    overflow-y: scroll;
  }

  .contactWrapper span {
    display: none;
  }

  .runOutWrapper ul {
    flex-direction: column;
  }

  .runOutWrapper ul li {
    align-items: center;
    background: #2a2a2a;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.25);
    display: flex;
    flex: 20%;
    flex-direction: column;
    height: auto;
    margin: 10px;
    padding: 0 0 10px;
    width: 100%;
  }

  .sendAltEmail button {
    width: 100%;
  }

  .languageSelector {
    width: 35%;
  }
}

.dataTables_wrapper label {
  width: auto;
}

.dataTables_scroll {
  padding: 10px 0;
}

.dataTables_filter label {
  margin: 0;
}

table.dataTable {
  width: 100% !important;
}

.gc-timeline {
  height: calc(100vh - 160px);
}

.service-availability .checkmarks li a {
  color: #48aff2
}

@media print {

  .appContent,
  .content,
  body,
  html {
    height: 100%;
    overflow: visible;
  }

  form {
    overflow: visible;
  }

  .contentWrapper {
    overflow-y: visible;
  }

  .menuLeft,
  .userMessagesMenu {
    display: none;
  }

  .content h2 {
    border: 1px solid #000;
  }

  .body-content {
    margin: 0;
    max-height: 10000px;
  }

  .confirmation label {
    width: 80%;
  }

  .navbar {
    display: none;
  }
  footer { 
    display: none
  }
}

@media (-ms-high-contrast: none),
screen and (min-width: 768px) and (orientation: portrait) and (-ms-high-contrast: active) {
  .body-content {
    height: calc(100% - 120px);
  }
}

@media (-ms-high-contrast: none),
screen and (-ms-high-contrast: active) {
  .body-content {
    height: calc(100% - 90px);
  }

  #monitoringSubFullQualifiedName,
  pre {
    word-wrap: break-word;
    max-width: 50vw;
  }

  .landingBannerWrapperInner {
    margin: 0 35px;
    width: 100%;
  }

  .landingIconGrid {
    display: -ms-flexbox;
    -ms-flex: 1;
    -ms-flex-wrap: wrap;
  }

  .landingIconGrid .platform {
    margin: 4px;
  }

  .landingBannerText {
    -ms-flex: 34% 0 0;
  }

  .landingPinPoint p {
    width: 100%;
  }

  .landingPinPoint {
    -ms-flex: 1;
  }
}

@media (-ms-high-contrast: none),
screen and (min-width: 1024px) and (orientation: landscape) and (-ms-high-contrast: active) {
  .body-content {
    height: calc(100% - 65px);
  }
}

@media (prefers-color-scheme: dark) {
  img {
    filter: brightness(0.75) contrast(1.2);
  }

  html {
    background: #191919;
  }

  .menuTop {
    background: #2a2a2a;
  }

  .dashboardCard {
    background: #282828;
    border: 1px solid #646464;
    box-shadow: 2px 3px 0 #3c3c3c;
  }

  .cardWrapper p,
  .dashboardCard.database-setup .databaseSteps ul li.checked.disabled a {
    color: #fff;
  }

  .cardWrapper li a {
    color: #48aff2;
  }

  .usage-details .usage-list li {
    color: #fff;
  }

  .contentWrapper .menuLeft {
    background: #202020;
  }

  .contentWrapper .mainItem {
    background: #323232;
  }

  .contentWrapper .menuWrapper li.home {
    background: #323232;
    border: 0;
  }

  .appContent form {
    background: #4c4c4c;
  }

  .appContent form p {
    color: #fff;
  }

  #monitoringTable table.dataTable tr.odd,
  .appContent table.dataTable tr.odd,
  .status-null td {
    background-color: #4a4a4a !important;
  }

  #monitoringTable table.dataTable tbody tr,
  .appContent table.dataTable tbody tr,
  .status-null td {
    background-color: #707070 !important;
  }

  #monitoringTable .dataTables_wrapper.no-footer div.dataTables_scrollBody>table,
  #monitoringTable .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
  .dataTables_wrapper.no-footer div.dataTables_scrollBody>table,
  .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
  .menuWrapper li a {
    color: #fff;
  }

  .menuWrapper li.mainItem.active,
  .menuWrapper li.mainItem:hover,
  .menuWrapper li.subItem.home:hover,
  .menuWrapper li.subitem.home.active {
    background: #000;
  }

  .menuWrapper li.subItem.active,
  .menuWrapper li.subItem:hover {
    background: #444;
  }

  .content h1 {
    background: #3e3e3e;
    box-shadow: 3px 3px 0 0 rgb(255 255 255 / 6%);
    color: #fff;
  }

  .dashboardCard.database-setup .cardWrapper li .setupDatabase {
    background: #2b5207;
    border: 1px solid #4d821d;
  }

  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_paginate,
  .dataTables_wrapper .dataTables_processing {
    color: #fff !important;
  }

  .breadcrumb li,
  .breadcrumb li a {
    color: #fff;
  }

  .menu li {
    background: #242424;
    border: 1px solid #666;
  }

  .menu li:hover {
    background: #000;
    border: 1px solid #fff;
  }

  .menu li a,
  label {
    color: #fff;
  }

  .content h2 {
    background: #2a2a2a;
  }

  form ul li {
    color: #fff;
  }

  a,
  a:active,
  a:visited {
    color: #47aff3;
  }

  a.button,
  a.button:active,
  a.button:visited {
    color: #fff;
  }

  .landingWrapper {
    background: #3a3a3a;
  }

  .landingInfoText p,
  .landingInfoText ul {
    color: #fff;
  }

  .landingWrapper.default .landingInfoText h2,
  h3 {
    color: #48aef2;
  }

  .pricing>li {
    background: #2a2a2a;
  }

  .landingInfoWrapper ul li a {
    color: #48aef2;
  }

  .landingPinPoint {
    background: #2a2a2a;
  }

  .landingPinPoint p {
    color: #fff;
  }

  .contactFooter {
    background: #575757;
    color: #fff;
  }

  .landingButtonWrapper a {
    color: #fff;
  }

  .btn,
  .button,
  button,
  input[type="submit"] {
    background: #5b7e02;
    box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.25);
  }

  input[type="submit"].delete {
    background: red;
    border: 1px solid #c00;
  }

  .onBoardingWrapper.content {
    border: 1px solid #000;
  }

  .improveContainer ul.relatedVideos li h3 {
    background: #2a2a2a;
  }

  .improveContainer ul.relatedVideos {
    background: #686868;
  }

  .landingWrapper.default .landingBannerWrapperOuter {
    background: linear-gradient(45deg, #5e5e5e, #000);
  }

  #monitoringSub {
    background: #4a4a4a;
    border: 1px solid #000;
    box-shadow: 0 0 40px #000;
  }

  .galleryOverlay {
    background: rgba(8, 8, 8, 0.91);
  }

  .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #fff !important;
  }

  .status-400 td,
  .status-401 td,
  .status-403 td,
  .status-404 td,
  .status-500 td,
  .status-499 td,
  .status-429 td {
    color: #3c3c3c;
  }

  .monitoring-stats .cardItem.tableData {
    background: #646464;
  }

  .invantive-cloud .landingWrapper .landingInfoText h2,
  h3 {
    color: #48aff2;
    margin: 0;
  }

  .invantive-cloud .landingWrapper .landingPinPoint h3 {
    background: #575757;
  }

  .invantive-cloud .landingWrapper .landingBannerWrapperOuter {
    background: linear-gradient(45deg, #5e5e5e, #000);
  }

  .definedTermSet p span {
    color: #fff;
    font-size: 14px;
  }

  .connectorSetup {
    color: #fff;
  }

  .invantive-cloud .connectorSetup h1,
  .invantive-cloud .connectorSetup h2 {
    background: #545454;
  }

  .connectorSetup ol+p,
  .invantive-cloud .connectorSetup h2 a {
    color: #fff;
  }

  .connectorSetup ol li {
    background: #545454;
    border: 1px solid #787878;
  }

  .connectorList {
    color: #fff;
  }

  .connectorList ul li {
    background: #363636;
    border: 1px solid #646464;
  }

  .dataModelList.connectorList ul li,
  .productManualList.connectorList ul li {
    background: #2a2a2a;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.4);
    border: 1px solid #bfbfbf;
  }

  #availableWrapper,
  #resultsWrapper {
    background: #2a2a2a;
    border: 1px solid #646464;
  }

  .ui-state-default,
  .ui-widget-content .ui-state-default,
  .ui-widget-header .ui-state-default,
  table.dataTable.no-footer {
    border-left: 1px solid #646464 !important;
    border-right: 1px solid #646464 !important;
    border-top: 1px solid #646464 !important;
  }

  table.dataTable.no-footer {
    color: #fff;
  }

  #tabs .ui-state-default.ui-state-active {
    background: #2a2a2a;
  }

  #tabs .ui-state-default.ui-state-active a {
    color: #fff;
  }

  #tabs .ui-state-default {
    background: #202020;
  }

  .ui-widget-content,
  .ui-widget-content a {
    color: #fff !important;
  }

  #outputWrapper {
    background: #2a2a2a;
    border: 1px solid #646464;
  }

  #output {
    background: #565656;
  }

  #output,
  #selectPartitionsLabel {
    color: #fff;
  }

  .CodeMirror {
    background: #e0e0e0 !important;
  }

  .CodeMirror-gutters {
    background-color: #242424 !important;
    border-right: 1px solid #242424 !important;
  }

  select[name="monitoringTable_length"] {
    background: #dadada;
  }

  .dataTables_wrapper .dataTables_paginate a.paginate_button {
    color: #fff !important;
  }

  .dataTable thead {
    background: #2a2a2a;
  }

  .contentPre .documentation p {
    color: #fff;
  }

  .security-warning {
    background: #7a7a7a;
    border: 1px dashed #b0b0b0;
    color: #fff;
  }

  .attentionCloud p a {
    color: #000;
  }

  .dataTables_processing {
    background: rgba(8, 8, 8, 0.86) !important;
  }

  .dashboardWrapper .spinnerOverlay {
    background: #282828;
  }

  .onBoardingWrapper.content {
    background: #4c4c4c;
  }

  .definedTermSet+p {
    color: #fff;
    font-size: 14px;
  }

  .contentPre p.documentation {
    color: #fff;
  }

  .button.cancel,
  .button.existingOrg,
  .button.newOrg,
  button.wizardButtonPrev {
    background: #b8b8b8;
  }

  #partitionsForm.dropdown-collapsed .partitionList {
    background: #2a2a2a;
  }

  .partitionList ul li:hover {
    background: #505050;
  }

  .partitionListHeader {
    background: #191919;
  }

  .partitionListHeader span {
    color: #fff;
  }

  .partitionListButtons a.button {
    background: #275b7c;
    border: 1px solid #072d46;
  }

  .partitionListButtons input[type="submit"] {
    background: #547402;
    border: 1px solid #264400;
  }

  .selector li {
    background: #2a2a2a;
    border: 1px solid #000;
    box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.28);
  }

  .selector li:hover {
    background: #ecf3f7;
    border: 1px solid #b8e4fd;
  }

  .selector li:hover h3 {
    color: #000;
  }

  .applicationDocumentation span,
  .dbWrapper h3,
  h4.groupkey,
  p.accessdeniedreasonstext,
  p.accessdeniedtext,
  p.connectoraltdescription,
  p.errormessagecode,
  p.errormessagedescription,
  p.errormessagehint,
  p.first,
  p.gotostart,
  p.gotosupport,
  p.pagenotfounderror,
  p.request {
    color: #fff;
  }

  .communityForums {
    background: #2d2d2d;
    list-style: none;
    margin: 5px 0 10px;
  }

  .communityForums ul {
    list-style: none;
    padding: 0;
  }

  .connectorSetup .communityButtonWrapper {
    align-items: flex-start;
    background: linear-gradient(105deg, #107dc4, #48aff2);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    width: 100%;
  }

  .connectorSetup.improveContainer .communityForums a.communityButton {
    background-image: url(community-background.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 23%;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5px 10px;
    text-decoration: none;
    width: 100%;
  }

  .connectorSetup.improveContainer .communityForums .communityLabel {
    font-size: 23px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 25px;
    text-shadow: 2px 2px #0083d9;
    text-transform: capitalize;
  }

  .connectorSetup.improveContainer .communityForums .forumLabel {
    font-size: 23px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 29px;
    text-shadow: 2px 2px #0083d9;
    text-transform: capitalize;
  }

  .popularTopics {
    background: #2d2d2d;
    margin: 0;
    padding: 5px 10px 0;
  }

  .popularTopics ul {
    list-style: none;
    padding: 0;
  }

  .popularTopics ul li {
    display: flex;
    margin: 10px 0;
  }

  .popularTopics ul li span {
    background: url(https://cloud.invantive.com/css/answeredtrue.svg);
    background-size: contain;
    display: block;
    flex: 16px 0 0;
    height: 16px;
    margin-right: 5px;
    width: 16px;
  }

  h3#h3popularTopics {
    background: 0;
    box-shadow: none;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    margin: 0;
    padding: 0;
    text-align: left;
  }

  .productCompareWrapper .row:nth-child(2n + 3) {
    background: #2a2a2a;
  }

  .productCompareWrapper .row {
    color: #fff;
    display: flex;
  }

  .productCompareWrapper .titleHeader .productName {
    background: #2a2a2a;
    color: #fff;
  }

  .productCompareWrapper .value {
    border-left: 1px solid #666565;
  }

  .content {
    color: #fff;
  }

  .connectorSetup.improveContainer ul.relatedVideos li h3 {
    background: #2a2a2a;
  }

  .selectedPartitions {
    background: #000;
  }

  .progressOverlay.show {
    background: rgba(0, 0, 0, 0.5);
  }

  #cancelSqlExecution {
    background: #2a2a2a;
    border: 1px solid #202020;
    color: #fff;
  }

  .row .component a.documentation img {
    filter: invert(1);
  }

  .copiedClipboard {
    background: #242424;
    border: 1px solid #666;
    border-radius: 5px;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.13);
    display: none;
    margin: 0 10px;
    padding: 2px 10px;
    text-align: center;
  }

  .responsibleDisclosure {
    background: #2a2a2a;
    border: 1px solid #8b8b8b;
  }

  .menu li.grid-filters select {
    background: #242424;
    color: #fff;
  }

  .relatedPages li {
    background: #2c2c2c;
    border: 1px solid #767676;
    box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.35);
  }

  .relatedPages li:hover {
    background: #242424;
    border: 1px solid #242424;
  }

  .relatedPages li a {
    color: #fff;
  }

  .relatedPages li.active {
    background: #474747;
    border: 1px solid transparent;
    border-bottom: 3px solid #48aff2;
  }

  .trialButton {
    background: #6aa300;
    background: linear-gradient(105deg, #78ad14, #80ab2d);
  }

  .getStartedButton {
    background: #48aef2;
    background: linear-gradient(to right, #046aad 0%, #3485ba 100%);
  }

  .landingWrapper .landingInfoText ul.pricing li a.pricing4YrFree,
  .landingWrapper .landingInfoText ul.pricing li a.pricingFree,
  .landingWrapper .landingInfoText ul.pricing li a.pricingPublicData {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  }

  .pricingTrial {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  }

  .landingWrapper.powerBIConnectors .landingIconGrid,
  .landingWrapper.dataModels .landingIconGrid,
  .landingWrapper.productManuals .landingIconGrid {
    opacity: .15;
  }

  .landingWrapper .reviewRibbon>p {
    text-shadow: 2px 2px 2px #101010;
    color: white;
  }

  .landingWrapper .reviewRibbon .reviewWrapper p {
    color: white;
  }

  .landingWrapper .reviewRibbon .reviewWrapper a {
    color: #8ab4f8;
  }

  .landingWrapper .reviewRibbon {
    background: #202124;
    background: linear-gradient(90deg, #3d3f45 0, #202124);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, .4);
    color: #fff;
  }

  .landingWrapper .reviewRibbon:after {
    content: '';
    background-color: #000000;
  }

  .landingWrapper .landingBannerText h2 {
    font-size: 14px;
    font-weight: 200;
    color: #e3e3e3;
  }

  .landingWrapper .reviewRibbon .reviewWrapper .ratingStars .star {
    color: #FDD663;
  }

  .invantive-cloud .landingWrapper.powerBIConnectors .landingBannerWrapperOuter {
    background: linear-gradient(45deg, #5e5e5e, #5e5e5e);
  }

  .trialButton {
    border-bottom: 3px solid #406300;
    border-top: 1px solid #406300;
    border-left: 1px solid #406300;
    border-right: 1px solid #406300;
  }

  img.mfa-qr-code {
    filter: brightness(1) contrast(1);
  }

  .mobileOverlay {
    background: hsl(0deg 0% 0% / 80%);
  }

  .appHeader {
    background: #1e1e1e;
  }

  .appLauncherMenu {
    background: #2a2a2a;
  }

  .appItem {
    background: #1e1e1e;
  }

  .supportText {
    color: #e8e6e3;
  }

  .supportPortalList .supportItem,
  .supportItemList .supportItem {
    background: #3e4244;
    border: 1px solid #8b8b8b;
  }

  #generalWrapper .supportItemList .supportItem .popularTopicsWrapper,
  #generalWrapper .supportItemList .supportItem.knowledge {
    background: #3e4244;
    border: 1px solid #8b8b8b;
  }

  .supportPage {
    background: #3a3a3a;
  }

  .content.supportPage h1 {
    background: #545454;
    box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.06);
  }

  .supportItemList .supportItem .expandButtons {
    background: #2a2a2a;
  }

  .moreButtons ul li {
    background: #2a2a2a;
  }

  .moreButtons ul li a {
    color: white;
  }

  .forumsWrapper {
    background: #585e61;
    border: 1px solid #8b8b8b
  }

  .supportTitleWrapper {
    background: #545454;
  }

  a.indicator {
    background: #2a2a2a
  }

  .introductionWrapper {
    background: #282828;
    border: 1px solid #646464;
  }

  #bookIntroductionButton {
    background: #6aa300;
    background: linear-gradient(105deg, #78ad14, #80ab2d);
    border-bottom: 3px solid #406300;
    border-top: 1px solid #406300;
    border-left: 1px solid #406300;
    border-right: 1px solid #406300;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  }

  .guidedTour:after {
    content: '';
    background: url(cloud-icon-sprite-5.svg);
    background-position: 100% 0;
    background-size: 200%;
  }

  #alertBox {
    background-color: #3a3a3a;
    border: 1px solid #2a2a2a;
  }

  #alertBox .headerBox {
    background-color: #2a2a2a;
    border-bottom: 1px solid #2a2a2a;
    color: #fff;
  }

  #alertBox .upperBox {
    background: #646464;
    border: 1px solid #2a2a2a;
    margin: 5px;
    color: white;
  }

  #alertBox .lowerFirstBox,
  #alertBox .lowerBox {
    background: #646464;
    border: 1px solid #2a2a2a;
    color: white;
  }

  #alertBox span.naturalkey,
  #alertBox span.partitioncode,
  #alertBox span.messageuid,
  #alertBox span.requestId {
    color: #b9b9b9;
  }

  #alertBox #closeBtn {
    background-color: #48aff2;
  }

  #alertBox .lowerBox .hintswrapper {
    background: url(knowledge.svg) #2a2a2a;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 14vh;
  }

  .hintswrapper .hintscontent a {
    color: #48aff2;
  }

  #generalWrapper,
  #phasesWrapper {
    background: #2a2a2a;
    border: 1px solid #646464;
  }

  #generalWrapper.popularTopicsWrapper ul li a {
    color: #fff;
  }

  .supportPage .popularTopicsWrapper ul li a {
    color: #47aff3 !important;
  }

  #tabs .forumsWrapper {
    background: #4c4c4c;
    border: 1px solid #bfbfbf;
  }

  #contentAjax.ui-resizable:after {
    content: '=';
    color: white;
    text-align: center;
    position: absolute;
    bottom: -10px;
    left: 50%;
    font-size: 20px
  }

  .messagebanner.error {
    position: relative;
    background-color: #3a3a3a;
    border: 1px solid #2a2a2a;
  }

  .messagebannerwrapper,
  .nkwrapper {
    background: #646464;
    border: 1px solid #2a2a2a;
  }
  
  .messagebanner.warning .messagebannercode,
  .messagebanner.warning .messagebannertext  {
    color: #3e3e3e;
  }
  
  .messagebanner.success .nkwrapper {
    background: #fff4f3;
    color: black;
    border: 1px solid #d79189;
  }

  .nkwrapper ul {}

  .messagebannercode,
  .messagebannertext {
    color: white;
  }
  .errorGeneric {
    background: #2a2a2a;
  }
  
  .errorGeneric .errorDetailsWrapper {
    background: #242424;
  }
  
  .errorGeneric .errorDetailsWrapper p {
    color: grey
  }

  .errorGeneric .message .gotostart a, .errorGeneric .message .gotosupport a {
    color: #47aff3
  }
  
  .errorGeneric .hintswrapper {
    background: url(knowledge.svg) #2a2a2a;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 14vh;
  }
  
  .errorGeneric .hintswrapper div {
    color: #fff;
  }

  .content.errorGenericWrapper .errorGeneric h1 {
    color: #fff;
  }

  .messagebanner.error .hintswrapper {
    background: url(knowledge.svg) #2a2a2a;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 14vh;
  }

  .hintswrapper h3 {
    color: #fff;
  }

  .messagebanner.error .messagebanneruid {
    color: #ffffff;
    opacity: 0.5;
  }

  .messagebanner.error .hintswrapper {
    background: #646464;
    border: 1px solid #2a2a2a;
  }

  .messagebanner.error .hintswrapper ul {
    background: url(knowledge.svg) #2a2a2a;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 14vh;
    border: 1px solid #48aef2;
    padding: 10px
  }

  .messagebanner.error .hintswrapper ul li.hintscontent a {
    color: #48aef2;
  }

  .messagebanner.error .hintswrapper .hintscontent a:after {
    filter: unset;
  }
  
  .messagebanner.error .hintswrapper>div {
    color: white;
    background: #646464;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 14vh;
    border: 0;
    padding: 5px;
  }

  .serviceArea code {
    background: #2a2a2a;
    display: flex;
    padding: 5px;
    border: 1px solid #bfbfbf;
  }

  .slideContainer .rangeValue span {
    border: 2px solid #2a2a2a;
  }

  .pricing li>ul>li:not(:last-child) {
    border-bottom: 1px solid #4c4c4c;
  }

  .messagebanner.success .messagebannerwrapper,
  .messagebanner.info .messagebannerwrapper {
    background: none;
    border: 0;
  }

  .messagebanner.success .messagebannercode,
  .messagebanner.success .messagebannertext,
  .messagebanner.info .messagebannercode,
  .messagebanner.info .messagebannertext {
    color: #323232
  }

  .videoTitleWrapper {
    background: #545454;
  }
  .content .videoTitleWrapper h1 {
    background: none;
  }
  .videoFullPage {
    background: #3a3a3a;
  }
  .sideMenu {
    background: #545454;;
  }
  .videoContainer {
    background: #545454;
  }
  .video h3 {
    color: #f1f1f1;
  }
  #search {
    border: 1px solid #303030;
    background: #191919;
    color: white;
  }
  .video p span {
    color: #aaaaaa;
  }
  .sideMenu label {
    color: white;
  }
  .sideMenu input[type="checkbox"] {
    background: #191919;
  }
  #clearFilters {
    background: #191919;
  }
  .videoCounter {
    background: #191919;
  }
  .sortingMenu button:after {
    color: #858585;
  }
  .sortingMenu button, .searchContainer button {
    background: #191919;
    color: white;
  }
  .sortingMenu button.active {
    background: #b5b5b5;
    color: #191919;
  }
  .sortingMenu button.active:after {
    color: #191919;
  }
  .relatedCarouselWrapper .carouselArrow.arrow-prev:before {
    transform: rotate(90deg);
    filter: brightness(4);
  }
  
  .relatedCarouselWrapper .carouselArrow.arrow-next:before {
    transform: rotate(-90deg);
    filter: brightness(4);
  }
  
  .relatedCarouselWrapper .carouselArrow.disabled::before {
    filter: brightness(2);
  }
  .content.interestedSuccess {
    background: #3a3a3a;
  }
  .content.interestedSuccess h1 {
    background: #545454;
  }
  .gc-timeline > div > div > div > svg g text {
    fill: #fff;
  }
  .gc-timeline .gc-timeline-tooltip ul {
    color: white;
    background: #3c3c3c;
  }
  /*
  .gc-timeline text:hover {
    fill: #ccc !important;
    cursor: pointer;
  }
  .gc-timeline text {
    fill: #fff !important;
    cursor: pointer;
  }*/
  .contactFooter div ul li a {
    color: #48aff2;
  }
  ul.menu {
    background: #191919;
  }
  #monitoringSubContent ul.menu {
    background: none;
  }
  #noJavaScript {
    background: #191919
  }
  #noJavaScript .messageContainer {
    color: #ffffff;
  }
}