@font-face {
  font-family: AccordAlternate;
  src: url(../fonts/SoneriType-AccordAlternate.otf);
  font-weight: 100; }

@font-face {
  font-family: AccordAlternateLight;
  src: url(../fonts/SoneriType-AccordAlternate-Light.otf); }

@font-face {
  font-family: AccordAlternateExtraLight;
  src: url(../fonts/SoneriTypeAccordAlternateExtraLight.otf); }

@font-face {
  font-family: AccordAlternateBold;
  src: url(../fonts/SoneriType-AccordAlternate-Bold.otf);
  font-weight: bold; }

@font-face {
  font-family: Helvetica;
  src: url(../fonts/Helvetica.otf);
  font-weight: normal; }

@font-face {
  font-family: Helvetica;
  src: url(../fonts/Helvetica.otf);
  font-weight: bold; }

@font-face {
  font-family: HelveticaNeueLight;
  src: url(../fonts/HelveticaNeue-Light.otf);
  font-weight: 300; }

@font-face {
  font-family: HelveticaNeueRoman;
  src: url(../fonts/HelveticaNeue-Roman.otf);
  font-weight: normal; }

@font-face {
  font-family: HelveticaNeueBold;
  src: url(../fonts/HelveticaNeue-Bold.otf);
  font-weight: bold; }

/* line 56, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
body {
  font-size: 16px; }

/* line 60, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
p {
  margin-bottom: 1em; }

/* line 64, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
pre {
  font-family: "Courier New", Courier, monospace;
  font-size: 100%;
  color: #000;
  text-decoration: none; }

/* line 70, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.heading {
  margin-bottom: 0.618em; }
  /* line 73, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
  .heading.-large, h1 {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px; }
  /* line 79, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
  .heading.-medium, h2 {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px; }
  /* line 85, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
  .heading.-small, h3 {
    font-size: 12px;
    font-weight: bold;
    line-height: 13.33333px; }
  /* line 91, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
  .heading.-smallest {
    font-size: 10px;
    font-weight: bold; }

/* line 109, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.nav-container a, .nav-container a:visited, .footer-nav-wrapper a, .footer-nav-wrapper a:visited {
  font-family: AccordAlternateLight;
  font-size: 125%;
  color: #000;
  text-decoration: none; }

/* line 116, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.nav-container .internaldoc a {
  font-size: 100%; }

/* line 120, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.nav-container a.active, .footer-nav-wrapper a.active {
  color: #ff9900; }

/* line 124, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.nav-container a:hover, .footer-nav-wrapper a:hover {
  color: #999999; }

/* line 128, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
input::-webkit-input-placeholder {
  font-family: AccordAlternateLight;
  color: #999999;
  font-size: 110%; }

/* line 134, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
input[type="text"]:-moz-placeholder {
  font-family: AccordAlternateLight;
  color: #999999;
  font-size: 110%; }

/* line 140, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
input[type="text"]::-moz-placeholder {
  font-family: AccordAlternateLight;
  color: #999999;
  font-size: 110%; }

/* line 146, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
input[type="text"]:-ms-input-placeholder {
  font-family: AccordAlternateLight;
  color: #999999;
  font-size: 110%; }

/* line 152, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
input[type=text], input[type=password], input[type=email] {
  font-family: Helvetica;
  color: #272727;
  font-size: 110%; }

/* line 158, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.content h1.page-title {
  font-family: AccordAlternateExtraLight;
  font-size: 470%;
  color: #222222;
  margin-bottom: 77px;
  font-weight: normal;
  margin-top: 0;
  line-height: 1; }

/* line 169, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.content h2.page-title {
  font-family: AccordAlternateExtraLight;
  font-size: 300%;
  color: #222222;
  margin-bottom: 43px;
  font-weight: normal;
  margin-top: 0;
  line-height: 1; }

/* line 180, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.content .documentation-page h2 {
  font-family: AccordAlternateExtraLight;
  font-size: 350%;
  color: #222222;
  font-weight: normal;
  margin-top: 0;
  position: relative;
  z-index: 1;
  display: inline;
  background-color: #fff;
  padding-right: 20px; }

/* line 192, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.content .documentation-page h3 {
  font-family: AccordAlternateExtraLight;
  font-size: 275%;
  color: #222222;
  font-weight: normal;
  margin: 40px 0 22px; }

/* line 199, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.content .documentation-page h4 {
  font-family: AccordAlternateExtraLight;
  font-size: 150%;
  color: #222222;
  font-weight: normal;
  line-height: 1.4;
  margin-bottom: 65px; }

/* line 207, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.content .documentation-page h5 {
  font-family: HelveticaNeueBold;
  font-weight: bold;
  font-size: 175%;
  color: #222;
  margin-top: 39px;
  margin-bottom: 50px; }

/* line 215, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.content .documentation-page h6 {
  font-family: Helvetica;
  font-weight: bold;
  font-size: 140%;
  color: #222;
  margin: 0px 0 5px; }

/* line 222, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.content .documentation-page p, .content .documentation-page li {
  font-family: Helvetica;
  font-size: 95%;
  color: #222222;
  font-weight: normal;
  line-height: 1.8; }

/* line 229, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.content .documentation-page p {
  padding-bottom: 30px;
  margin-bottom: 0px; }

/* line 237, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.content .documentation-page ul {
  margin: 0px 15px 40px; }

/* line 240, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.content .documentation-page .col-head {
  font-family: HelveticaNeueBold;
  font-weight: bold;
  font-size: 95%;
  color: #231f20;
  padding-bottom: 0; }

/* line 247, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.content .documentation-page .doc-call-out p {
  padding-bottom: 0; }

/* line 250, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.content .documentation-page .doc-cta p {
  font-family: AccordAlternateExtraLight;
  font-size: 115%;
  color: #222222;
  font-weight: normal;
  line-height: 1.4; }

/* line 257, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.content .documentation-page .doc-cta button {
  margin-top: -10px; }

/* line 262, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.card .eyebrow {
  font-family: "Helvetica";
  font-size: 11px;
  color: #999999;
  margin-bottom: 10px;
  text-transform: uppercase; }

/* line 270, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.card .title {
  font-family: AccordAlternateExtraLight;
  font-size: 26px;
  color: #222222;
  margin-bottom: 10px;
  line-height: 110%; }

/* line 278, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.card .description {
  font-family: "Helvetica";
  font-size: 16px;
  color: #999999;
  line-height: 130%; }

/* line 285, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.navbar-default .navbar-nav > li > a {
  color: #000;
  cursor: pointer; }

/* line 290, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.navbar-default .navbar-nav > li > a.active {
  color: #f38b1c; }

/* line 295, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.homepage p {
  line-height: 1.5;
  font-family: Helvetica;
  font-size: 115%; }

/* line 301, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.homepage a {
  color: #ff9900;
  font-size: 115%;
  text-decoration: none;
  cursor: pointer; }

/* line 308, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.homepage h1.page-title {
  font-size: 570%; }

/* line 312, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.homepage h2 {
  font-family: AccordAlternateExtraLight;
  font-size: 290%;
  color: #222222;
  font-weight: normal;
  margin-bottom: 27px; }

/* line 320, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.homepage h3 {
  font-size: 165%;
  font-family: AccordAlternateExtraLight; }

/* line 325, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.homepage .whouses a {
  color: #272727;
  text-decoration: underline; }

/* line 330, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.homepage a.btn-primary {
  color: #fff;
  font-size: 1em; }

/* line 336, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.homepage .card .eyebrow {
  font-family: "Helvetica";
  font-size: 11px;
  color: #999999;
  margin-bottom: 10px; }

/* line 343, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.homepage .card .title {
  font-size: 26px;
  color: #222222;
  margin-bottom: 10px;
  line-height: 110%; }

/* line 350, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.homepage .card .description {
  font-family: "Helvetica";
  font-size: 16px;
  color: #999999;
  line-height: 1.7; }

/* line 357, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.homepage .card .moreinfo {
  opacity: 0;
  font-family: "Helvetica";
  font-size: 13px;
  color: #222222;
  padding-top: 30px; }

/* line 368, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.content .login .showHidePassLeft, .content .login .showHidePassRight {
  font-family: "Helvetica";
  color: #999999;
  font-size: 90%; }

/* line 375, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.content .login .login-with a:link, .content .login .login-with a:hover, .content .login .login-with a:visited {
  color: #ff9900;
  font-size: 100%;
  text-decoration: none; }

/* line 382, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.content .login .forgot-password-link {
  font-size: 95%;
  color: #999;
  text-decoration: none; }

/* line 389, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.content .login .dont-have-account h3 {
  font-size: 180%;
  font-family: AccordAlternateExtraLight;
  color: #272727; }

/* line 398, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.password-req {
  color: #ca0813; }

/* line 402, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.fa-exclamation-circle {
  color: #ca0813;
  font-size: 160%; }

/* line 407, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.fa-check-circle {
  color: #72B62B;
  font-size: 160%; }

/* line 412, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
input[type=text].fail, input[type=password].fail, input[type=email].fail, input[type=text]:focus.fail, input[type=password]:focus.fail, input[type=email]:focus.fail, .fail, .fail a {
  color: #ca0813 !important; }

/* line 416, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.label {
  font-family: Helvetica;
  font-size: 95%;
  color: #272727;
  font-weight: normal;
  line-height: 1.8;
  white-space: normal; }

/* line 425, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.label a {
  text-decoration: underline;
  color: #272727; }

/* line 430, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.content .get-started a:link, .content .get-started a:hover, .content .get-started a:visited {
  color: #272727;
  font-size: 100%;
  text-decoration: underline; }

/* line 436, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.content .get-started a.cta:link, .content .get-started a.cta:hover, .content .get-started a.cta:visited {
  color: #ff9900;
  text-decoration: none; }

/* line 441, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.content .get-started a.btn:link, .content .get-started a.btn:hover, .content .get-started a.btn:visited {
  color: #fff;
  text-decoration: none; }

/* line 447, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.modal-header .close {
  font-size: 500%;
  font-family: AccordAlternateExtraLight;
  color: #272727;
  opacity: 1; }

/* line 457, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
#createProject h2.page-title {
  font-size: 315%;
  font-family: AccordAlternateExtraLight;
  color: #272727;
  opacity: 1; }

/* line 464, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
#createProject aside p {
  color: #989898;
  font-size: 90%; }

/* line 470, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.fa-plus {
  color: #fd9827;
  font-size: 94%; }

/* line 475, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.projectdashboard h2.resources-title {
  font-family: AccordAlternateExtraLight;
  font-size: 45px;
  color: #222;
  margin-bottom: 15px;
  line-height: 130%; }

/* line 484, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.projectdashboard .card .eyebrow, .projectdashboard .card .eyebrow, .projectdashboard .card.withborder .eyebrow, .projectdashboard .card.withborder .eyebrow {
  font-family: "Helvetica";
  font-size: 16px;
  color: #939393;
  text-transform: none; }

/* line 491, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.projectdashboard .card .title, .projectdashboard .card .title, .projectdashboard .card.withborder .title, .projectdashboard .card.withborder .title {
  font-family: AccordAlternateExtraLight;
  font-size: 35px;
  color: #939393;
  margin-bottom: 5px;
  line-height: 100%; }

/* line 499, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.projectdashboard .card p.api, .projectdashboard .card p.api, .projectdashboard .card.withborder p.api, .projectdashboard .card.withborder p.api {
  font-family: "Helvetica";
  font-size: 16px;
  color: #939393;
  line-height: 130%;
  margin-bottom: 0; }

/* line 507, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.projectdashboard .card .api-list, .projectdashboard .card .api-list, .projectdashboard .card.withborder .api-list, .projectdashboard .card.withborder .api-list {
  margin-top: 40px; }

/* line 513, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.projectdashboard .card:hover .eyebrow, .projectdashboard .card.withborder:hover .eyebrow {
  font-family: "Helvetica";
  font-size: 16px;
  color: #222;
  text-transform: none; }

/* line 520, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.projectdashboard .card:hover .title, .projectdashboard .card.withborder:hover .title {
  font-family: AccordAlternateExtraLight;
  font-size: 35px;
  color: #ff9900;
  margin-bottom: 5px;
  line-height: 100%; }

/* line 528, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.projectdashboard .card:hover p.api, .projectdashboard .card.withborder:hover p.api {
  font-family: "Helvetica";
  font-size: 16px;
  color: #222;
  line-height: 130%;
  margin-bottom: 0; }

/* line 538, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.project h1.page-title, .production h1.page-title {
  margin-bottom: 14px; }

/* line 542, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.project h2.page-title, .production h2.page-title {
  font-family: AccordAlternateExtraLight;
  font-size: 350%;
  color: #222222;
  margin-bottom: 43px;
  font-weight: normal;
  margin-top: 0;
  line-height: 1; }

/* line 552, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.project h3, .production h3 {
  font-family: AccordAlternateExtraLight;
  font-size: 250%;
  color: #222222;
  font-weight: normal;
  line-height: 1;
  margin-top: 32px;
  margin-bottom: 0; }

/* line 562, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.project .page-title-eyebrow, .production .page-title-eyebrow {
  font-weight: bold;
  font-family: HelveticaNeueBold;
  font-size: 115%;
  margin-top: -13px;
  margin-bottom: 10px;
  margin-left: 5px; }

/* line 571, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.project .prod-status, .production .prod-status {
  text-transform: uppercase;
  font-size: 70%;
  text-align: center;
  font-family: Helvetica; }

/* line 578, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.project h4, .production h4 {
  font-size: 160%;
  font-weight: bold;
  font-family: HelveticaNeueBold; }

/* line 584, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.project a, .production a {
  text-decoration: none;
  color: #ff9900; }

/* line 589, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.project a.btn-primary, .production a.btn-primary {
  color: #fff; }

/* line 593, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.project p.delete-api a, .production p.delete-api a {
  color: #989898; }

/* line 597, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.project .resource-heading, .production .resource-heading {
  font-weight: bold;
  font-family: HelveticaNeueBold; }

/* line 602, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.project .renew-key, .production .renew-key {
  text-align: right; }

/* line 607, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.project .pricing .price, .production .pricing .price {
  font-weight: bold;
  font-family: HelveticaNeueBold; }

/* line 613, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.project .subhead-link, .production .subhead-link {
  color: #989898; }

/* line 617, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.project p.title, .production p.title {
  font-weight: bold;
  font-family: HelveticaNeueBold; }

/* line 622, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.project span.detail, .production span.detail {
  color: #989898;
  font-weight: normal;
  font-family: Helvetica; }

/* line 629, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.project .billing-header p, .production .billing-header p {
  color: #989898;
  text-transform: uppercase;
  font-family: Helvetica;
  font-size: 75% !important;
  letter-spacing: 2px; }

/* line 639, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
.project .billing p, .project .billing p.title, .project .billing a, .production .billing p, .production .billing p.title, .production .billing a {
  margin-bottom: 5px;
  font-size: 120%; }

/* line 648, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
#apis .apigrid a {
  font-size: 26px;
  color: #222222;
  margin-bottom: 10px;
  line-height: 110%;
  text-decoration: none; }

/* line 656, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
#apis .apigrid a:hover {
  color: #ff9900; }

/* line 660, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
#apis .apigrid .doclinks a, #apis .apigrid .doclinks {
  font-family: "Helvetica";
  font-size: 90%;
  color: #989898;
  text-decoration: none;
  letter-spacing: 1px; }

/* line 668, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
#apis .apigrid .doclinks a:hover {
  color: #ff9900; }

/* line 674, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
#apis .whouses a {
  color: #272727;
  text-decoration: underline; }

/* line 679, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
#apis .whouses p {
  line-height: 1.5;
  font-family: Helvetica;
  font-size: 115%; }

/* line 685, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
#apis .whouses img {
  margin-bottom: 40px; }

/* line 692, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_typography.scss */
#footer a {
  color: #272727;
  line-height: 2.7; }

/* line 1, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_base.scss */
* {
  margin: 0;
  padding: 0; }

/* line 6, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_base.scss */
html {
  background-color: #fff;
  min-height: 100% !important;
  height: 100%; }

/* line 12, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_base.scss */
body {
  font-family: Helvetica, sans-serif;
  color: #333;
  height: 100%; }

/* line 18, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_base.scss */
#app {
  position: relative;
  min-height: 100% !important;
  height: 100%; }

/* line 24, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_base.scss */
.container-fluid {
  min-height: 100% !important;
  height: 100%;
  position: relative; }

/* line 30, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_base.scss */
.wrapper {
  min-height: 100% !important;
  height: 100%;
  position: relative; }

/* line 37, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_base.scss */
.content {
  background: #fff;
  position: relative;
  min-height: 100%;
  padding-bottom: 225px;
  border-left: 1px solid #e5e5e5;
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 53px;
  overflow: hidden;
  z-index: 3; }

/* line 50, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_base.scss */
.hide {
  display: none; }

/* line 54, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_base.scss */
.show {
  display: block; }

/* line 58, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_base.scss */
.btn, .btn:hover {
  border: 1px solid #ff9900;
  text-shadow: none;
  font-size: 1em;
  padding: 15px; }

/* line 64, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_base.scss */
.btn-default {
  background: #fff;
  color: #ff9900;
  font-family: HelveticaNeueBold; }

/* line 70, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_base.scss */
.btn-default:hover {
  background: #fff !important;
  color: #ffac30 !important;
  border: 1px solid #ffac30 !important;
  font-family: HelveticaNeueBold; }

/* line 76, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_base.scss */
.btn-primary {
  background: #ff9900;
  color: #fff;
  font-family: HelveticaNeueBold; }

/* line 82, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_base.scss */
.btn-primary:hover {
  background: #ffac30;
  color: #fff;
  font-family: HelveticaNeueBold; }

/* line 87, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_base.scss */
.btn:active, .btn-primary:active, .btn-lg:active, .btn-block:active, .btn:focus, .btn-primary:focus, .btn-lg:focus, .btn-block:focus {
  background: #ff9900 !important;
  color: #fff !important;
  outline: none;
  border: none; }

/* line 94, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_base.scss */
.btn-default:active, .btn-default:focus {
  border: 1px solid #ff9900 !important;
  background: #fff !important;
  color: #ff9900 !important;
  outline: none !important;
  box-shadow: none; }

/* line 102, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_base.scss */
.btn.disabled, .btn[disabled], .btn.disabled:hover, .btn[disabled]:hover, .btn.disabled:focus, .btn[disabled]:focus, .btn.disabled:active, .btn[disabled]:active {
  background-color: #dbdbdb !important;
  border: none;
  opacity: 1; }

/* line 108, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_base.scss */
hr.line-break {
  background-color: #e5e5e5;
  margin-top: -5px;
  padding: 0; }

/* line 114, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_base.scss */
pre {
  background: none;
  margin: 0;
  padding: 0;
  border: none; }

/* line 1, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
input:focus {
  outline: none;
  box-shadow: none !important;
  border: 1px solid #272727 !important;
  background: #F7F7F7; }

/* line 10, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
select.select:focus {
  outline: none;
  box-shadow: none !important; }

/* line 17, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
input[type=text], input[type=password], input[type=email] {
  outline: none;
  box-shadow: none !important;
  padding: 23px 20px;
  background: #F7F7F7;
  border-radius: 4px;
  margin-bottom: 12px; }

/* line 28, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
.form-control {
  height: 49px; }

/* line 32, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
input[type=checkbox].form-control {
  height: auto;
  width: auto;
  display: inline; }

/* line 38, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
.input-container {
  margin-top: 25px; }

/* line 42, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 11px;
  right: 10px; }

/* line 47, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
.has-feedback label ~ .form-control-feedback {
  top: 78px;
  right: 10px; }

/* line 52, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
input[type=password].sign-in-password {
  padding-right: 180px; }

/* line 56, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
.input-button {
  cursor: pointer; }

/* line 60, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
select.select {
  padding: 0px 15px;
  width: 100%;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  height: 53px;
  font-family: HelveticaNeueLight;
  color: #4A4A4A;
  font-weight: 300;
  border: 1px solid #AAA;
  cursor: pointer; }

/* line 79, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
.customselect {
  border: none;
  box-shadow: none;
  padding: 0; }

/* line 84, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
.customselect:after {
  top: -22px;
  left: 93%;
  border: 1px solid #EAEAEA;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  border-color: transparent;
  border-top-color: #4A4A4A;
  border-width: 5px;
  margin-top: -2px;
  z-index: 100; }

/* line 99, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
.errorFieldMessage {
  margin-top: 6px;
  color: #d43f3a; }

/* line 104, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
.popover {
  margin-top: -10px;
  left: 15px !important; }

/* line 109, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
.form-control-feedback {
  top: 11px;
  right: 32px; }

/* line 118, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
input[type=text].fail, input[type=password].fail, input[type=email].fail, input[type=text]:focus.fail, input[type=password]:focus.fail, input[type=email]:focus.fail, input[type=checkbox].fail, .fail {
  border: 1px solid #ca0813 !important; }

/* line 122, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
.showHidePassRight {
  position: absolute;
  top: 14px;
  right: 35px;
  cursor: pointer; }

/* line 129, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
.showHidePassLeft {
  position: absolute;
  top: 14px;
  right: 85px;
  cursor: pointer; }

/* line 136, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
.password-req {
  margin-top: -5px;
  padding-left: 20px; }

/* line 141, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
.label {
  display: block;
  float: left;
  text-align: left;
  width: 80%;
  margin-top: 0;
  margin-left: 10px;
  padding: 0;
  margin-bottom: 20px;
  line-height: 1.4;
  border: none !important; }

/* line 154, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
input[type=checkbox] {
  display: none; }

/* line 158, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
.checkbox label {
  cursor: pointer;
  width: 20px;
  height: 20px;
  background: #f7f7f7;
  border: 1px solid #cccccc;
  border-radius: 4px;
  padding: 0;
  float: left; }

/* line 169, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
.checkbox label:after {
  opacity: 0;
  content: '';
  position: absolute;
  width: 11px;
  height: 6px;
  background: transparent;
  top: 5px;
  left: 5px;
  border: 3px solid #333;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* line 185, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
.checkbox input[type=checkbox]:checked + label:after {
  opacity: 1; }

/* line 189, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
.fa-plus {
  border: 1px solid #fd9827;
  border-radius: 100%;
  padding: 4px 5px 4px 5px;
  margin: -5px 5px 25px 0px; }

/* line 196, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_forms.scss */
a.signup {
  margin-top: 25px; }

/* line 2, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_modal.scss */
.create .modal-backdrop.in {
  filter: alpha(opacity=100);
  opacity: 1; }

/* line 7, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_modal.scss */
.create .modal-backdrop {
  background-color: #fff; }

/* line 13, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_modal.scss */
.global-nav .modal.fade .global-sidebar {
  left: -200px;
  -webkit-transform: translateX(-200px);
          transform: translateX(-200px);
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }

/* line 18, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_modal.scss */
.global-nav .modal.fade.in .global-sidebar {
  -webkit-transform: translateX(200px);
          transform: translateX(200px);
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }

/* line 22, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_modal.scss */
.global-nav .modal.fade .footer-nav-wrapper {
  left: -200px;
  -webkit-transform: translateX(-200px);
          transform: translateX(-200px);
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }

/* line 27, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_modal.scss */
.global-nav .modal.fade.in .footer-nav-wrapper {
  -webkit-transform: translateX(200px);
          transform: translateX(200px);
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }

/* line 31, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_modal.scss */
.global-nav .modal {
  height: 100%; }

/* line 34, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_modal.scss */
.global-nav .modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5; }

/* line 39, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_modal.scss */
.global-nav .modal-backdrop {
  background-color: #000; }

/* line 43, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_modal.scss */
.global-nav .modal-content {
  box-shadow: none !important;
  background: none !important;
  background-clip: initial !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  height: 100%; }

/* line 56, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_modal.scss */
.global-nav .modal-dialog {
  height: 100%;
  margin: 0; }

/* line 61, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_modal.scss */
.global-nav .modal-body {
  padding: 0;
  height: 100%; }

/* line 66, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/_modal.scss */
.global-nav .sidebar {
  height: 100%; }

/* line 1, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
.nav-col, .nav-row {
  height: 100%; }

/* line 5, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
.nav-container {
  background: #fff;
  position: relative;
  min-height: 100%; }
  /* line 9, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
  .nav-container .nav-stacked li {
    padding: 11px 0; }
  /* line 12, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
  .nav-container .nav-stacked li.internaldoc {
    padding: 11px 0 0 0;
    margin: 2px 0 -5px 0; }
  /* line 16, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
  .nav-container .nav-stacked li.heading {
    margin: 20px 0 -15px;
    padding: 8px 0; }
  /* line 20, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
  .nav-container .nav-stacked li.nested {
    margin: 0;
    padding: 0; }
  /* line 24, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
  .nav-container .nav-stacked li.nested a {
    border-left: 1px solid #dfe1e3;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    cursor: pointer; }
  /* line 32, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
  .nav-container .nav-stacked li.nested a.active {
    border-left: 1px solid #ff9900;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px; }
  /* line 38, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
  .nav-container .nav-wrapper {
    position: static;
    height: 100%; }
  /* line 42, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
  .nav-container .nav {
    margin-bottom: 30px; }
  /* line 45, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
  .nav-container .nav-pills > li > a:hover, .nav-container .nav-pills > li > a:focus, .nav-container .nav-pills > li > a:hover:active {
    background: none; }
  /* line 48, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
  .nav-container .search {
    position: relative;
    color: #272727;
    border-top: 1px solid #e4e4e4;
    border-bottom: none;
    border-left: none;
    border-right: none;
    width: 75%;
    padding: 20px 0 0 0;
    margin: 15px 0; }
  /* line 59, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
  .nav-container .search input {
    height: 32px;
    color: #272727;
    border: none;
    outline: none;
    width: 100%; }
  /* line 66, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
  .nav-container .search input {
    text-indent: 32px; }
  /* line 67, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
  .nav-container .search input:focus {
    background-color: #fff;
    border: none !important;
    outline: none; }
  /* line 68, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
  .nav-container .search .fa-search {
    position: absolute;
    top: 28px;
    left: 0px; }
  /* line 73, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
  .nav-container .fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

/* line 84, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
.forward, .backward {
  /*height: 100%;
    position: relative;*/ }

/* line 89, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
.internal-nav, .internal-nav .nav-container, .internal-nav .menu-footer-nav {
  background: #eff2f4; }

/* line 93, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
.menu {
  height: 100%;
  margin-bottom: 85px;
  position: static;
  padding: 0 0 0 40px; }
  /* line 99, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
  .menu #fixed-menu {
    background-color: #eff2f4;
    margin: 0;
    padding-top: 12px;
    position: fixed;
    display: none;
    z-index: 2;
    width: 14%;
    top: 0; }
  /* line 110, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
  .menu .gears {
    margin: 40px 0 45px; }
    /* line 113, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
    .menu .gears #right_logo {
      margin-left: -3px; }
    /* line 117, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
    .menu .gears .logo-name {
      display: block;
      margin-top: 10px; }
  /* line 122, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
  .menu .nav > li > a, .menu .nav > li > a:hover, .menu .nav > li > a:visited {
    background: none;
    padding: 0;
    margin: 0;
    display: block;
    cursor: pointer; }
  /* line 129, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
  .menu a.menuLink {
    border-bottom: 1px solid #D6D8DA;
    width: 80%;
    padding-bottom: 11px;
    cursor: pointer; }
  /* line 136, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
  .menu ul ul {
    list-style-type: none;
    margin-top: 27px;
    margin-bottom: 17px;
    display: none; }

/* line 145, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
.menu-footer-nav {
  height: 100px;
  position: fixed;
  bottom: 0;
  padding: 0 0 0 40px;
  margin: 0;
  left: 0px;
  background: #fff; }
  /* line 154, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
  .menu-footer-nav a, .menu-footer-nav a.active {
    padding: 0 !important; }
  /* line 158, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
  .menu-footer-nav #docversion {
    display: none;
    position: fixed;
    font-size: 75%;
    bottom: 0;
    width: 100%;
    left: 0px;
    padding-left: 40px;
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #e9ebee; }

/* line 172, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
.forward .carousel-leave {
  transition: -webkit-transform .1s ease-in-out;
  transition: transform .1s ease-in-out;
  transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%; }

/* line 177, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
.forward .carousel-leave-active {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%; }

/* line 182, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
.forward .carousel-enter {
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
  -webkit-transform: translate(100%, 0);
          transform: translate(100%, 0); }

/* line 186, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
.forward .carousel-enter-active {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0); }

/* line 190, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
.carousel-height {
  transition: height .1s ease-in-out; }

/* line 194, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
.backward .carousel-leave {
  transition: -webkit-transform .1s ease-in-out;
  transition: transform .1s ease-in-out;
  transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0); }

/* line 198, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
.backward .carousel-leave-active {
  -webkit-transform: translate(100%, 0);
          transform: translate(100%, 0); }

/* line 202, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
.backward .carousel-enter {
  transition: -webkit-transform .1s ease-in-out;
  transition: transform .1s ease-in-out;
  transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%; }

/* line 207, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
.backward .carousel-enter-active {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%; }

/* line 212, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
#sidebar {
  position: fixed;
  overflow-y: auto;
  top: 0;
  bottom: 0; }

/* line 219, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
.sidebar-wrapper {
  height: 100%;
  position: relative; }

/* line 225, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
.global-nav .global-sidebar {
  background: #fff;
  padding: 0; }

/* line 229, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
.global-nav .global-nav-container .menu {
  padding: 0 0 0 55px; }

/* line 232, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
.global-nav .footer-nav-wrapper {
  position: fixed;
  display: block;
  height: 100px;
  bottom: 0;
  background: #fff; }
  /* line 239, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
  .global-nav .footer-nav-wrapper .nav-pills > li > a:hover, .global-nav .footer-nav-wrapper .nav-pills > li > a:focus, .global-nav .footer-nav-wrapper .nav-pills > li > a:hover:active {
    background: none; }
  /* line 243, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
  .global-nav .footer-nav-wrapper .nav-stacked li {
    padding: 11px 0; }

/* line 247, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
.global-nav .global-menu-footer-nav {
  height: 100px;
  position: fixed;
  /*bottom: 0;*/
  top: 0;
  padding: 0 0 0 40px;
  margin: 0;
  left: 0px;
  background: #fff; }
  /* line 257, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_sidebar.scss */
  .global-nav .global-menu-footer-nav a, .global-nav .global-menu-footer-nav a.active {
    padding: 0 !important; }

/* line 1, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_footer.scss */
.footer-container {
  position: absolute;
  bottom: 21px;
  padding: 20px 0 0 30px;
  clear: both;
  width: 100%;
  margin-left: -60px;
  border-top: 1px solid #e0e2e4; }
  /* line 10, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_footer.scss */
  .footer-container a {
    margin-right: 38px; }
  /* line 14, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_footer.scss */
  .footer-container .mc-logo {
    text-align: right; }

/* line 1, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_card.scss */
#apis .card {
  width: 285px;
  float: left;
  transition: all 200ms cubic-bezier(0.385, 0.205, 0.235, 0.835);
  transition-property: all;
  height: 250px;
  border-bottom: 1px solid #e5e5e5;
  padding-top: 15px;
  padding-bottom: 15px; }
  /* line 11, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_card.scss */
  #apis .card .eyebrow {
    font-family: "Helvetica";
    font-size: 11px;
    color: #999999;
    margin-bottom: 0;
    letter-spacing: 2px; }
  /* line 19, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_card.scss */
  #apis .card .title {
    font-size: 26px;
    color: #222222;
    margin-bottom: 6px;
    line-height: 110%;
    margin-top: 11px; }
  /* line 27, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_card.scss */
  #apis .card .description {
    font-family: "Helvetica";
    font-size: 16px;
    color: #222;
    line-height: 170%; }
  /* line 34, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_card.scss */
  #apis .card .moreinfo {
    opacity: 0;
    font-family: "Helvetica";
    font-size: 13px;
    color: #222222;
    padding-top: 30px; }

/* line 43, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_card.scss */
#apis .card-wrapper {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  width: 338px;
  float: left;
  padding: 0 25px;
  margin: 0 25px; }

/* line 56, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_card.scss */
.homepage .card {
  width: 260px;
  float: left;
  margin-bottom: 30px;
  cursor: pointer;
  transition: all 200ms cubic-bezier(0.385, 0.205, 0.235, 0.835);
  transition-property: all;
  height: 225px;
  border-bottom: 1px solid #e5e5e5; }

/* line 74, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_card.scss */
.homepage .card-wrapper {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  width: 315px;
  float: left;
  padding: 0 25px;
  margin: 0 25px; }

/* line 83, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_card.scss */
.homepage .noborder .card {
  border-bottom: none; }

/* line 88, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_card.scss */
.projectdashboard .card {
  width: 260px;
  float: left;
  margin-bottom: 30px;
  cursor: pointer;
  transition: all 200ms cubic-bezier(0.385, 0.205, 0.235, 0.835);
  transition-property: all;
  height: 225px;
  border-bottom: 1px solid #e5e5e5; }

/* line 106, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_card.scss */
.projectdashboard .card-wrapper {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  width: 315px;
  float: left;
  padding: 0 25px;
  margin: 0 25px; }

/* line 115, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_card.scss */
.projectdashboard .noborder .card {
  border-bottom: none; }

/* line 3, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_apis.scss */
#apis .navbar-default {
  border: none;
  background-color: #fff;
  padding: 0;
  margin-bottom: 0; }
  /* line 9, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_apis.scss */
  #apis .navbar-default .usernav {
    float: right; }

/* line 14, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_apis.scss */
#apis .api-filters {
  border-bottom: 1px solid #272727;
  padding: 0;
  margin-left: 0px;
  margin-right: 0; }

/* line 21, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_apis.scss */
#apis .nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px 10px 0; }

/* line 27, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_apis.scss */
#apis #features {
  display: none;
  border-bottom: 1px solid #272727;
  padding: 0;
  margin-left: 0px;
  margin-right: 0; }
  /* line 34, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_apis.scss */
  #apis #features #payment-features {
    display: none; }
  /* line 37, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_apis.scss */
  #apis #features #security-features {
    display: none; }
  /* line 40, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_apis.scss */
  #apis #features #data-features {
    display: none; }

/* line 45, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_apis.scss */
#apis .apigrid {
  margin-top: 35px; }
  /* line 48, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_apis.scss */
  #apis .apigrid .doclinks {
    position: absolute;
    bottom: 15px; }
  /* line 53, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_apis.scss */
  #apis .apigrid .fa-circle {
    font-size: 40%;
    padding: 0;
    vertical-align: middle; }

/* line 60, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_apis.scss */
#apis .use-api {
  position: relative;
  left: -44px;
  background-color: #f7f9fb;
  right: -37px;
  width: 112%;
  padding-left: 30px;
  padding-right: 55px;
  margin-top: 70px;
  margin-bottom: -230px;
  padding-bottom: 221px; }
  /* line 61, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_apis.scss */
  #apis .use-api h2.page-title {
    border-bottom: 1px solid #e4e4e4;
    padding-top: 58px;
    padding-bottom: 51px;
    font-size: 330%; }
  /* line 78, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_apis.scss */
  #apis .use-api .whouses {
    margin-left: 0; }

/* line 2, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation.scss */
.content .documentation-page .doc-call-out {
  background-color: #f7f7f7;
  margin: 25px 0;
  padding: 16px 0 25px 27px; }

/* line 7, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation.scss */
.content .documentation-page .doc-cta {
  border-top: 1px solid #272727;
  border-bottom: 1px solid #272727;
  margin: 75px 0;
  padding: 41px 0 24px; }
  /* line 13, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation.scss */
  .content .documentation-page .doc-cta div {
    padding: 0; }
  /* line 17, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation.scss */
  .content .documentation-page .doc-cta p {
    padding: 0; }

/* line 21, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation.scss */
.content .documentation-page .doc-signup-btn {
  margin-bottom: 90px; }

/* line 24, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation.scss */
.content .documentation-page section {
  margin-bottom: 130px; }

/* line 27, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation.scss */
.content .documentation-page .code-sample {
  margin: 62px 0; }
  /* line 29, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation.scss */
  .content .documentation-page .code-sample img {
    margin: 32px 0; }

/* line 33, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation.scss */
.content .documentation-page .parameter-table {
  margin-top: 23px; }

/* line 36, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation.scss */
.content .documentation-page .parameter {
  border-bottom: 1px solid #e4e4e4;
  padding-top: 32px;
  padding-bottom: 13px; }
  /* line 41, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation.scss */
  .content .documentation-page .parameter pre {
    padding-top: 3px; }

/* line 1, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_home.scss */
.home-bg {
  background-color: #f7f9fb; }

/* line 4, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_home.scss */
.homepage {
  margin: 0 -60px; }
  /* line 6, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_home.scss */
  .homepage .homepage-hero-wrapper {
    margin: -53px 0 65px; }
  /* line 11, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_home.scss */
  .homepage .find-api .btn {
    margin-top: 10px; }
  /* line 16, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_home.scss */
  .homepage h1.page-title {
    margin-bottom: 40px; }
  /* line 20, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_home.scss */
  .homepage h3 {
    margin-bottom: 24px; }
  /* line 24, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_home.scss */
  .homepage .works-with-cards {
    margin-top: 20px;
    margin-bottom: 57px;
    height: 50px;
    padding-top: 6px; }
    /* line 30, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_home.scss */
    .homepage .works-with-cards img {
      margin-right: 20px; }
  /* line 36, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_home.scss */
  .homepage .works-with-os {
    margin-top: 10px;
    margin-bottom: 67px;
    height: 50px; }
    /* line 41, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_home.scss */
    .homepage .works-with-os img {
      margin-right: 15px; }
  /* line 47, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_home.scss */
  .homepage .api-categories-wrapper {
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 66px; }
    /* line 52, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_home.scss */
    .homepage .api-categories-wrapper .api-categories {
      border-bottom: 1px solid #e4e4e4;
      float: left;
      padding-left: 0;
      padding-bottom: 97px; }
  /* line 61, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_home.scss */
  .homepage .homepage-hero img {
    width: 100%; }
  /* line 66, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_home.scss */
  .homepage .homepage-content {
    margin: 0 60px; }
  /* line 69, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_home.scss */
  .homepage .apigrid {
    margin-bottom: 80px; }
  /* line 72, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_home.scss */
  .homepage .whouses {
    margin-top: 20px; }
    /* line 75, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_home.scss */
    .homepage .whouses img {
      margin-bottom: 40px; }

/* line 1, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_login.scss */
.content .login {
  margin-top: 41px; }
  /* line 4, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_login.scss */
  .content .login .login-with {
    border-left: 1px solid #e8e8e8;
    display: block;
    padding-top: 4px; }
    /* line 9, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_login.scss */
    .content .login .login-with p {
      margin-bottom: 16px; }
    /* line 13, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_login.scss */
    .content .login .login-with a:link, .content .login .login-with a:hover, .content .login .login-with a:visited {
      display: block;
      padding-top: 16px;
      padding-bottom: 5px; }
    /* line 19, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_login.scss */
    .content .login .login-with img {
      width: 18px;
      margin-right: 7px;
      margin-top: -4px; }
    /* line 25, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_login.scss */
    .content .login .login-with div {
      padding-left: 13px; }
  /* line 30, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_login.scss */
  .content .login .forgot-password-link {
    margin-bottom: 40px;
    display: block; }
  /* line 35, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_login.scss */
  .content .login .dont-have-account {
    border-top: 1px solid #e5e5e5;
    margin-top: 65px;
    padding-top: 30px; }
    /* line 40, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_login.scss */
    .content .login .dont-have-account h3 {
      margin-bottom: 35px;
      display: block; }

/* line 1, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_getstarted.scss */
.content .get-started {
  border-bottom: 1px solid #ccc;
  margin-bottom: 64px;
  padding-bottom: 50px; }
  /* line 6, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_getstarted.scss */
  .content .get-started .page-title {
    margin-bottom: 0px; }
  /* line 10, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_getstarted.scss */
  .content .get-started img {
    margin-bottom: 10px; }

/* line 15, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_getstarted.scss */
.content .get-started-last {
  border: none; }

/* line 3, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_createproject.scss */
#createProject .modal-dialog {
  margin: 0;
  width: 100%; }
  /* line 6, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_createproject.scss */
  #createProject .modal-dialog .modal-content {
    box-shadow: none;
    border: none; }
  /* line 10, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_createproject.scss */
  #createProject .modal-dialog .modal-header {
    margin: 20px 0 15px 30px;
    border: none; }
    /* line 14, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_createproject.scss */
    #createProject .modal-dialog .modal-header .close {
      margin-top: -12px;
      margin-right: 30px; }
  /* line 19, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_createproject.scss */
  #createProject .modal-dialog .modal-body {
    border-top: 1px solid #e8e8e8;
    padding: 65px 0 50px 75px; }
    /* line 23, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_createproject.scss */
    #createProject .modal-dialog .modal-body a, #createProject .modal-dialog .modal-body a:link, #createProject .modal-dialog .modal-body a:hover, #createProject .modal-dialog .modal-body a:visited {
      color: #ff9900;
      font-size: 100%;
      text-decoration: none;
      cursor: pointer;
      display: inline-block; }
    /* line 31, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_createproject.scss */
    #createProject .modal-dialog .modal-body h2.page-title {
      margin-bottom: 51px; }
    /* line 36, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_createproject.scss */
    #createProject .modal-dialog .modal-body .create-project-form p {
      line-height: 1.7; }
    /* line 39, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_createproject.scss */
    #createProject .modal-dialog .modal-body .create-project-form .btn-primary {
      color: #fff !important;
      margin-top: 23px; }
    /* line 44, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_createproject.scss */
    #createProject .modal-dialog .modal-body .create-project-form input[type=text], #createProject .modal-dialog .modal-body .create-project-form input[type=password], #createProject .modal-dialog .modal-body .create-project-form input[type=email] {
      margin-top: 38px;
      margin-bottom: 22px;
      padding: 26px 20px; }
    /* line 51, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_createproject.scss */
    #createProject .modal-dialog .modal-body .customselect {
      margin-bottom: 30px; }
    /* line 55, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_createproject.scss */
    #createProject .modal-dialog .modal-body aside {
      padding-left: 25px;
      margin-left: 55px;
      border-left: 1px solid #e8e8e8; }

/* line 1, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_dashboard.scss */
.projectdashboard .resources {
  margin-top: 30px; }
  /* line 4, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_dashboard.scss */
  .projectdashboard .resources .btn {
    margin-top: 17px; }

/* line 3, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_project.scss */
.project .collaborators {
  white-space: nowrap; }

/* line 6, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_project.scss */
.project .project-header {
  margin-bottom: 75px; }
  /* line 9, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_project.scss */
  .project .project-header .project-header-wrapper {
    border-bottom: 1px solid #e4e4e4; }

/* line 14, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_project.scss */
.project h1.page-title {
  margin-bottom: 14px; }

/* line 18, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_project.scss */
.project h2.page-title {
  font-family: AccordAlternateExtraLight;
  font-size: 350%;
  color: #222222;
  margin-bottom: 43px;
  font-weight: normal;
  margin-top: 0;
  line-height: 1; }

/* line 28, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_project.scss */
.project h3 {
  font-family: AccordAlternateExtraLight;
  font-size: 250%;
  color: #222222;
  font-weight: normal;
  line-height: 1;
  margin-top: 32px;
  margin-bottom: 0; }

/* line 38, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_project.scss */
.project .subhead-link {
  margin-top: 8px;
  margin-bottom: 14px; }

/* line 43, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_project.scss */
.project .card {
  margin-bottom: 30px;
  height: 105px;
  border-bottom: 1px solid #e5e5e5;
  width: 260px; }

/* line 50, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_project.scss */
.project .card-wrapper {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  width: 315px;
  padding: 0 25px;
  margin: 0 25px; }

/* line 58, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_project.scss */
.project .noborder .card {
  border-bottom: none; }

/* line 62, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_project.scss */
.project .keys {
  margin-top: 10px;
  margin-bottom: 21px; }
  /* line 66, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_project.scss */
  .project .keys h3 {
    margin-top: 8px; }

/* line 71, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_project.scss */
.project .key-data-table {
  margin-bottom: 126px; }

/* line 75, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_project.scss */
.project .permission-data-table {
  margin-bottom: 10px; }

/* line 80, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_project.scss */
.project .key-data div {
  border-bottom: 1px solid #e7e7e7;
  display: block;
  padding: 35px 0 25px;
  float: left;
  width: 100%; }
  /* line 87, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_project.scss */
  .project .key-data div p {
    padding-left: 0;
    padding-right: 0; }

/* line 94, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_project.scss */
.project img {
  width: 100%;
  margin-top: 10px; }

/* line 99, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_project.scss */
.project .analytics {
  margin-bottom: 128px; }

/* line 103, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_project.scss */
.project .resources {
  margin-top: 4px;
  margin-bottom: 48px; }
  /* line 107, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_project.scss */
  .project .resources a {
    display: block; }
  /* line 111, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_project.scss */
  .project .resources .sdks a {
    display: inline-block;
    margin-right: 5px; }

/* line 117, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_project.scss */
.project h4 {
  margin-top: 53px;
  margin-bottom: 24px; }

/* line 122, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_project.scss */
.project .pricing {
  margin-bottom: 29px; }

/* line 126, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_project.scss */
.project .project-info {
  margin-bottom: 15px; }
  /* line 129, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_project.scss */
  .project .project-info p {
    color: #989898; }
  /* line 132, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_project.scss */
  .project .project-info p.title {
    margin-bottom: 0;
    color: #222; }

/* line 3, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
.production .collaborators {
  white-space: nowrap; }

/* line 6, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
.production .project-header {
  margin-bottom: 75px; }
  /* line 9, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
  .production .project-header .project-header-wrapper {
    border-bottom: 1px solid #e4e4e4; }

/* line 14, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
.production .prod-status {
  border: 1px solid #222;
  border-radius: 10px;
  min-width: 60px;
  width: 7%;
  padding: 3px 8px;
  margin-bottom: -10px; }

/* line 23, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
.production .subhead-link {
  margin-top: 8px;
  margin-bottom: 14px; }

/* line 28, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
.production .card {
  margin-bottom: 30px;
  height: 105px;
  border-bottom: 1px solid #e5e5e5;
  width: 260px; }

/* line 35, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
.production .card-wrapper {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  width: 315px;
  padding: 0 25px;
  margin: 0 25px; }

/* line 43, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
.production .noborder .card {
  border-bottom: none; }

/* line 47, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
.production .keys {
  margin-top: 10px;
  margin-bottom: 21px; }
  /* line 51, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
  .production .keys h3 {
    margin-top: 8px; }

/* line 56, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
.production .key-data-table {
  margin-bottom: 126px; }

/* line 61, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
.production .prod-keys .key-data-table {
  margin-bottom: 65px; }

/* line 66, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
.production .permission-data-table {
  margin-bottom: 10px; }

/* line 71, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
.production .key-data div {
  border-bottom: 1px solid #e7e7e7;
  display: block;
  padding: 35px 0 25px;
  float: left;
  width: 100%; }
  /* line 78, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
  .production .key-data div p {
    padding-left: 0;
    padding-right: 0; }
  /* line 83, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
  .production .key-data div p.push-bottom {
    margin-top: 23px; }
  /* line 87, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
  .production .key-data div .fa-check {
    color: #ff9900;
    position: absolute;
    margin-top: 4px; }
  /* line 93, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
  .production .key-data div .prod-key-name {
    padding-left: 25px; }

/* line 100, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
.production img.analytics-graph {
  width: 100%;
  margin-top: 10px; }

/* line 105, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
.production .analytics {
  margin-bottom: 128px; }

/* line 109, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
.production .resources {
  margin-top: 4px;
  margin-bottom: 48px; }
  /* line 113, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
  .production .resources a {
    display: block; }

/* line 118, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
.production h4 {
  margin-top: 53px;
  margin-bottom: 24px; }

/* line 123, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
.production .billing {
  margin-bottom: 29px; }
  /* line 126, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
  .production .billing .billing-header div {
    padding-bottom: 0;
    border-bottom: 1px solid #e7e7e7;
    display: block;
    float: left;
    width: 100%;
    margin-top: 56px; }
    /* line 134, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
    .production .billing .billing-header div p {
      margin-bottom: 10px; }
  /* line 139, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
  .production .billing .billing-data {
    border-bottom: 1px solid #e7e7e7;
    display: block;
    padding: 35px 0 25px;
    margin-left: 15px; }
    /* line 145, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
    .production .billing .billing-data div:first-child {
      margin-left: -15px;
      margin-right: 5px; }
  /* line 151, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
  .production .billing .billing-header div p:first-child {
    padding: 0; }
  /* line 155, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
  .production .billing p, .production .billing p.title, .production .billing a {
    margin-bottom: 5px; }
  /* line 159, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
  .production .billing .billing-card-art {
    position: absolute;
    margin-left: 15px; }
  /* line 164, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
  .production .billing .card-data {
    padding-left: 75px; }

/* line 169, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
.production p.title {
  margin-bottom: 0;
  color: #222 !important; }

/* line 174, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
.production .project-info {
  margin-bottom: 15px; }
  /* line 177, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_production.scss */
  .production .project-info p {
    color: #989898; }

/* line 1, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_dave.scss */
.apiref-table {
  width: 100%; }
  /* line 4, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_dave.scss */
  .apiref-table th {
    font-weight: bold;
    color: #777777; }
  /* line 9, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_dave.scss */
  .apiref-table .apiref-header th {
    border-bottom: 2px solid #777777;
    padding: 10px 10px 10px 20px;
    font-family: HelveticaNeueBold; }
  /* line 15, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_dave.scss */
  .apiref-table .apiref-row {
    border-bottom: 1px solid #777777; }
  /* line 19, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_dave.scss */
  .apiref-table .apiref-row td {
    padding: 40px 10px; }
  /* line 23, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_dave.scss */
  .apiref-table .apiref-propcol {
    background-color: #FFFFFF;
    width: 60%; }
  /* line 28, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_dave.scss */
  .apiref-table .apiref-reqcol {
    background-color: #F2F2F2;
    width: 20%; }
  /* line 33, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_dave.scss */
  .apiref-table .apiref-exampcol {
    background-color: #F8F8F8;
    width: 20%; }
  /* line 38, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_dave.scss */
  .apiref-table .apiref-propprefix {
    font-family: monospace;
    color: #777777; }
  /* line 42, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_dave.scss */
  .apiref-table .apiref-propname {
    font-family: monospace;
    font-weight: bold; }
  /* line 47, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_dave.scss */
  .apiref-table .apiref-propdesc {
    margin-top: 15px;
    font-weight: lighter; }

/* line 53, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_dave.scss */
.apiref-sechead {
  font-family: HelveticaNeueBold;
  font-style: normal;
  font-size: 130%;
  margin-top: 40px;
  display: block; }

/* line 61, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_dave.scss */
pre.prettyprint {
  font-family: monospace;
  -moz-tab-size: 2;
       tab-size: 2; }
  /* line 64, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_dave.scss */
  pre.prettyprint ol.linenums {
    font-family: monospace; }
    /* line 66, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_dave.scss */
    pre.prettyprint ol.linenums li {
      font-family: monospace;
      line-height: 1.0; }
      /* line 69, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_dave.scss */
      pre.prettyprint ol.linenums li span {
        font-family: monospace; }

/* line 78, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_dave.scss */
.content .documentation-page h4 {
  font-size: 220%;
  margin-bottom: 0px; }

/* line 85, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_dave.scss */
.lighter {
  font-weight: 500;
  vertical-align: top;
  font-size: 70%; }

/* line 2, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
.content .documentation-page .documentation-title {
  margin-bottom: -145px; }

/* line 6, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
.content .documentation-page section {
  margin-bottom: 0 !important;
  margin-top: 130px; }

/* line 10, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
.content .documentation-page div section {
  margin-top: 0; }

/* line 13, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
.content .documentation-page .doc-call-out {
  background-color: #f7f7f7;
  margin: 25px 0;
  padding: 16px 0 25px 27px; }

/* line 18, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
.content .documentation-page .doc-cta {
  border-top: 1px solid #272727;
  border-bottom: 1px solid #272727;
  margin: 75px 0;
  padding: 41px 0 24px; }
  /* line 24, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
  .content .documentation-page .doc-cta div {
    padding: 0; }
  /* line 28, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
  .content .documentation-page .doc-cta p {
    padding: 0; }

/* line 32, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
.content .documentation-page .doc-signup-btn {
  margin-bottom: 90px; }

/* line 35, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
.content .documentation-page section {
  margin-bottom: 130px; }

/* line 38, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
.content .documentation-page .code-sample {
  margin: 62px 0; }
  /* line 40, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
  .content .documentation-page .code-sample img {
    margin: 32px 0; }

/* line 44, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
.content .documentation-page .parameter-table {
  margin-top: 23px; }

/* line 47, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
.content .documentation-page .parameter {
  border-bottom: 1px solid #e4e4e4;
  padding-top: 32px;
  padding-bottom: 13px; }
  /* line 52, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
  .content .documentation-page .parameter pre {
    padding-top: 3px; }

/* line 57, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
.content .documentation-page h5 {
  font-weight: bold;
  font-size: 110%;
  margin-bottom: 20px; }

/* line 63, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
.content .documentation-page .overview-description {
  font-size: 110%;
  font-weight: lighter;
  float: left;
  width: 34%;
  padding-right: 20px;
  padding-top: 20px;
  height: 240px; }

/* line 73, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
.content .documentation-page .overview-section {
  float: left;
  width: 25%;
  padding: 20px;
  height: 240px;
  border-left: 1px solid #ddd; }

/* line 82, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
.content .documentation-page .overview-container {
  border-bottom: 1px solid #ddd;
  width: auto; }

/* line 87, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
.content .documentation-page .overview-heading {
  font-family: HelveticaNeueBold;
  font-weight: bold;
  padding-bottom: 5px; }

/* line 93, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
.content .documentation-page .overview-badge {
  padding-right: 5px; }

/* line 97, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
.content .documentation-page .overview-items {
  padding-bottom: 20px; }

/* line 101, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
.content .documentation-page #downloadSdks span {
  padding: 4px;
  padding-right: 10px; }

/* line 106, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
.content .documentation-page #downloadSdks img {
  margin-right: 3px; }

/* line 110, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
.content .documentation-page .prettyprint {
  overflow: visible; }
  /* line 112, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
  .content .documentation-page .prettyprint ol > li {
    list-style-type: decimal;
    list-style-position: inside;
    color: #888; }
  /* line 118, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
  .content .documentation-page .prettyprint ol {
    counter-reset: linenumber; }
  /* line 121, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
  .content .documentation-page .prettyprint ol li {
    list-style-type: none;
    counter-increment: linenumber; }
  /* line 125, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
  .content .documentation-page .prettyprint ol li:before {
    content: counter(linenumber);
    float: left;
    margin-left: -4em;
    text-align: right;
    width: 3em; }
  /* line 133, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
  .content .documentation-page .prettyprint li.L1, .content .documentation-page .prettyprint li.L3, .content .documentation-page .prettyprint li.L5, .content .documentation-page .prettyprint li.L7, .content .documentation-page .prettyprint li.L9 {
    background: #000000 !important; }

/* line 138, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
.content .documentation-page .code-sample {
  background-color: black;
  width: 130%;
  margin-left: -140px;
  padding-left: 190px;
  padding-bottom: 20px;
  margin-top: 0px; }

/* line 147, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
.content .documentation-page .code-sample-controls {
  padding-top: 0px;
  padding-bottom: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  padding-right: 140px; }
  /* line 155, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
  .content .documentation-page .code-sample-controls span {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #888888; }
    /* line 156, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
    .content .documentation-page .code-sample-controls span a {
      color: #888888; }
  /* line 165, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
  .content .documentation-page .code-sample-controls .lang-selector-active {
    border-bottom: 1px solid white; }
    /* line 166, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
    .content .documentation-page .code-sample-controls .lang-selector-active a {
      color: #ffffff; }
  /* line 173, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
  .content .documentation-page .code-sample-controls .code-sample-control-spacer {
    /* this */
    -webkit-flex: 1 300px;
        -ms-flex: 1 300px;
            flex: 1 300px;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    /* is the same as */
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-flex-basis: 10px;
        -ms-flex-preferred-size: 10px;
            flex-basis: 10px; }
  /* line 182, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
  .content .documentation-page .code-sample-controls .code-sample-control {
    padding-left: 0px;
    padding-right: 16px; }
  /* line 187, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
  .content .documentation-page .code-sample-controls img {
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px; }

/* line 197, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
.content .documentation-page .getting-started a {
  color: #FDA546; }

/* line 200, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
.content .documentation-page .getting-started ol li {
  width: 70%;
  border-bottom: 1px solid #cccccc;
  padding: 15px;
  margin: 10px;
  margin-left: 20px; }
  /* line 207, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
  .content .documentation-page .getting-started ol li .getting-started-title {
    font-size: 1.3em; }
  /* line 211, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
  .content .documentation-page .getting-started ol li .getting-started-control {
    float: right; }
    /* line 214, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
    .content .documentation-page .getting-started ol li .getting-started-control .overview-badge {
      padding-right: 15px; }

/* line 221, /Users/e027763/Documents/mastercard/react/devzone-prototype/app/styles/elements/_documentation2.scss */
.content .documentation-page .getting-started ol li:last-child {
  border-bottom: none; }

/*# sourceMappingURL=sass */