@import url(//fonts.googleapis.com/css?family=Google+Sans+Display);
@import url(//fonts.googleapis.com/css?family=Google+Sans);

/*
Override of MI class since loading it in this CSS overrides Devsite
defaults, displaying things it should not.
*/


#cloud-site .identity-spacing-top {
  margin-top: 16px;
}

#cloud-site .cloud-hero .identity-logo {
  background: url(/images/identity/cloud-identity-logo.svg) no-repeat;
  background-size: contain;
  line-height: 61px;
  padding-left: 68px;
  text-transform: inherit;
}

.devsite-doc-set-nav-tab {
  text-transform: inherit;
}

.pricing-border {
  border: 1px solid #dadce0;
  border-radius: 8px;
}

.vertical-border {
  border-left: 1px solid #dadce0;
  padding-left: 50px;
}

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

.pricing-dollar-sign {
  font-family: Google Sans, Arial, sans-serif;
  font-size: 54px;
}

.pricing-dollar-digit {
  font-family: Google Sans, Arial, sans-serif;
  font-size: 100px;
  line-height: 0.4;
}

.pricing-unit {
  padding-left: 10px;
}

.pricing-border-box-top {
  padding-top: 40px;
}

@media screen and (max-width: 767px) {
  .vertical-border {
    border-left: 0;
    border-top: 1px solid #dadce0;
    padding: 24px 0 0;
  }
}