/*3 scale specific*/
#dev-portal-3scale .center {text-align: center !important;}
#dev-portal-3scale  .top-margin-login {margin-top: 3em;}
#dev-portal-3scale  .label-login {display: inline-block; }
#dev-portal-3scale  .btm-margin-login {margin-bottom: 3em;}
#dev-portal-3scale  .remember-me-label{width: auto; float: none; margin-left: 5px;}
#dev-portal-3scale  .pure-form fieldset {border:none !important;}
#dev-portal-3scale  .sign-up-content-link p {display: block; border-top: 1px solid #ccc; margin-top: 2em; }
#dev-portal-3scale  .hidden { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px;overflow: hidden;}
#dev-portal-3scale  .center-login {width: auto; margin: 0 auto; }

html {background: #fff !important; background-image: none; }/*needs to be inline does not work otherwise*/
#dev-portal-3scale  #secondary-nav { background-color: #f5f5f5; }
#dev-portal-3scale .container { padding-top: 0!important; padding-bottom: 0!important; }
#dev-portal-3scale form fieldset {border: none !important;}

#dev-portal-3scale h1 { 
display: block;
text-align: center;
padding-bottom: 0.5571428571428572rem;
padding-top: 0.9428571428571428rem;
margin-bottom: 0.42857142857142854rem;
margin-top: 5px;
color: #262626;    
font-family: Roboto, Arial, Helvetica, sans-serif;
/*border-bottom: 1px solid #e4e4e4;*/
 
}


h2, h3, h4 {color: #262626; font-family: Roboto, Arial, Helvetica, sans-serif;}

/*specific 3 scale overwirtes part 2 to extract */
#jg-global-header {
  margin-top: -30px;
}
.logo-container span {
  font-size: 1.71428em;
  margin-top: 6px;
  margin-top: 0.3428571428571429rem;
  vertical-align: top;
  display: inline-block;
  font-weight: 300;
}
.margin-right-nav {
  margin-right: 23px;
  margin-right: 1.2857142857142855rem;
}
.login-in-help {
  text-align: right;
  width: auto;
  margin-top: -4px;
}
.login-in-help a {
  display: block;
  padding: 0.5em 1em 0.4em 1em;
  text-decoration: none;
  float: left;
}
.login-in-help a:hover {
  border-bottom: 3px solid #7A04DD;
}
.login-in-help a.login-nav {
  padding-left: 1.5em;
}
#secondary-nav .login-in-help a.help-nav {
  margin-left: 0 !important;
}
/*login on state */
.login-in-help a.login-nav-active {
  background-color: #999999;
  color: #fff !important;
  padding-left: 1.5em;
  border-bottom: 3px solid transparent;
  margin-top: -3px;
}
.login-in-help a.signup-nav-active {
  background-color: #999999;
  color: #fff !important;
  border-bottom: 3px solid transparent;
  margin-top: -3px;
}
.login-in-help a.login-nav-active:before {
  color: #fff !important;
}
#secondary-nav .login-in-help a.help-nav:before {
  top: 4px !important;
  right: 46px;
  font-size: 18px;
}
#secondary-nav .login-in-help a.login-nav:before {
  top: 4px !important;
  right: 53px;
  font-size: 18px;
}
/*login page*/
.login-signin-wrap {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 54px;
  margin-top: 3rem;
}
.login-signin-content {
  border: 1px solid #e9e9e9;
  background: #fff;
}
.centering-wrap {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
/*sign up page*/
.sign-up-content-link p {
  padding-top: 15px;
  padding-top: 0.8571428571428571rem;
}
/*error messages - overwrite bootsrap*/
/*.navbar-fixed-top {
    z-index: 2000 !important;
}*/














tertiary nav for 3 scale (the rest is in 3scale cms)*/

#tertiary-nav {margin-bottom: 50px; }

#tertiary-nav ul {
  width: auto;
 
}
#tertiary-nav ul li a {
  color: #fff;
}
#main-content #tertiary-nav ul#top-level-menu2 li a {
  /*padding-top: 0.5em !important;*/
  /*padding-bottom: 0.5em!important;*/
  display: inline-block;
}


#tertiary-nav ul#top-level-menu2 li a.active-tertiary {
  border-bottom: 3px solid #7A04DD !important;
} 


















#dev-portal-3scale .margin-bottom-medium {margin-bottom: 2.5em; }

/* fixes for uses page */
#dev-portal-3scale  #content-uses h2 {
  margin-top: 46px;
  margin-top: 2.571428571428571rem;
}
#dev-portal-3scale  #content-uses .background-white {
  background: #fff;
}


/*h3 and link*/
#dev-portal-3scale  h3.trigger {
  margin-top: 15px;
  margin-top: 0.8571428571428571rem;
}
#dev-portal-3scale  h3.trigger a {
  text-decoration: none;
  display: block;
  background: url(/images/plus-minus.png) no-repeat top right;
  height: 39px;
  height: 2.142857142857143rem;
  font-size: 22px;
  font-size: 1.1999999999999997rem;
  margin-left: 19px;
  margin-left: 1.0714285714285714rem;
}
#dev-portal-3scale  h3.trigger:hover {
  text-decoration: underline;
}
#dev-portal-3scale  h3.active a {
  background-position: bottom right;
}
/*hidden content container*/
#dev-portal-3scale  .toggle-container {
  display: none;
  margin-top: 8px;
  margin-top: 0.42857142857142854rem;
  overflow: hidden;
}
#dev-portal-3scale  .toggle-container .block {
  background: #fff;
  border-bottom: 1px solid #7A04DD;
}
#dev-portal-3scale  .toggle-container .block h4 {
  color: #4b6ea8;
}
#dev-portal-3scale  .toggle-container .block p.footnote {
  text-align: center;
  padding-left: 39px;
  padding-left: 2.142857142857143rem;
  padding-right: 39px;
  padding-right: 2.142857142857143rem;
}
#dev-portal-3scale .toggle-container .block ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  margin-top: 46px;
  margin-top: 2.571428571428571rem;
  margin-bottom: 62px;
  margin-bottom: 3.4285714285714284rem;
}
#dev-portal-3scale .toggle-container .block li {
  background: #fff;
  border-top: 1px solid #c9c9c9;
  margin-top: 31px;
  margin-top: 1.7142857142857142rem;
  padding-bottom: 15px;
  padding-bottom: 0.8571428571428571rem;
}
#dev-portal-3scale .toggle-container .block li h5 {
  display: block;
  text-align: center;
  padding: 12px;
  padding: 0.6428571428571428rem;
  margin-bottom: 31px;
  margin-bottom: 1.7142857142857142rem;
  margin-top: -25px;
  margin-top: -1.414285714285714rem;
}
#dev-portal-3scale .toggle-container .block li h5 strong {
  border: 1px solid transparent;
  padding-left: 46px;
  padding-left: 2.571428571428571rem;
  padding-right: 46px;
  padding-right: 2.571428571428571rem;
  background: #fff;
}
#dev-portal-3scale .toggle-container .block li h5 span {
  background: #4b6ea8;
  padding-left: 13px;
  padding-left: 0.7285714285714284rem;
  padding-right: 13px;
  padding-right: 0.7285714285714284rem;
  padding-top: 4px;
  padding-top: 0.21428571428571427rem;
  padding-bottom: 8px;
  padding-bottom: 0.42857142857142854rem;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1px solid #c9c9c9;
  color: #fff;
  text-align: center;
}


#dev-portal-3scale .toggle-container .block li .extra-padding {
  padding-bottom: 23px;
  padding-bottom: 1.2857142857142855rem;}
  
  
  
#dev-portal-3scale  ul.list-spacing {
  padding-bottom: 23px;
  padding-bottom: 1.2857142857142855rem;
}
#dev-portal-3scale  ul.list-spacing li {
  margin-bottom: 1em;
}
#dev-portal-3scale  .border-top-grey {
  border-top: 1px solid #cccccc !important;
  display: block;
  padding-top: 23px;
  padding-top: 1.2857142857142855rem;
}
  
  




#dev-portal-3scale filedset{
border: none !important;
}






#dev-portal-3scale .pure-container.no-padding-all {margin-top: 2em;}



  
}
/*phone up*/
@media (max-width: 320px) {
  #dev-portal-3scale  h3.trigger a {
    background: url(/images/plus-minus-small.png) no-repeat top right;
    height: 35px;
    height: 1.9285714285714283rem;
  }
  #dev-portal-3scale  h3.active a {
    background-position: bottom right;
  }
  #dev-portal-3scale  .extra-padding {
    padding-bottom: 8px;
    padding-bottom: 0.42857142857142854rem;
  }
  #dev-portal-3scale  h3.trigger {
    margin-left: 0px;
    margin-left: 0rem;
  }
}