/* (c) 2012 Instagram, Inc, */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block; }

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

body {
  margin: 0; }

h1 {
  font-size: 2em; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before,
q:after {
  content: '';
  content: none; }

small {
  font-size: 75%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

ul,
ol {
  margin-left: 0;
  padding: 0 0 0 40px; }

dd {
  margin: 0 0 0 40px; }

nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

form {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px; }

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button,
input {
  line-height: normal; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
  input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html, body {
  height: 100%; }

html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased; }

body {
  background: #fff; }

a img, fieldset {
  border: none; }

fieldset {
  padding: 0; }

input[type=submit],
input.submit {
  font-weight: bold;
  width: auto !important; }

input[type=image], input.image,
input[type=radio], input.radio,
input[type=checkbox], input.checkbox {
  background: none !important;
  border: none !important;
  height: auto !important;
  width: auto !important; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
  margin: 0; }

img.left {
  display: inline;
  float: left !important; }

img.right {
  display: inline;
  float: right !important; }

caption, th {
  text-align: left; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden !important; }

.visible {
  visibility: visible !important; }

.clear:after, .page-footer:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0.01em !important;
  line-height: 0.01em !important; }

.clear, .page-footer {
  display: inline-block; }

* html .clear, * html .page-footer {
  height: 1%; }

.clear, .page-footer {
  display: block; }

@media screen and (max-device-width: 480px) {
  html {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none; } }

form p {
  margin-bottom: 10px; }

label {
  display: block; }

input,
select,
textarea {
  border: 1px solid #ccc;
  padding: 9px 8px 7px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  box-shadow: "inset 0 1px 1px rgba(0,0,0,0.05)"; }
  input:focus,
  select:focus,
  textarea:focus {
    border-color: #a4baca !important;
    background: #f5f7f9; }

input:focus,
select:focus,
textarea:focus {
  border-color: #999; }

select {
  padding: 2px; }

input[type=file] {
  padding: 2px;
  border: none;
  box-shadow: none; }

label {
  font-weight: bold; }

.form-checkbox > span label span,
.form-radio > span label span {
  padding-left: 10px; }

.form-checkbox > span label span,
.form-radio > span label span {
  font-weight: normal; }

body {
  line-height: 20px;
  color: #222; }

.system, h1, h2, h3,
.three-step blockquote,
body, input, select, textarea {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }

.proxima-nova, .card h2, #google a.gs-title,
#google div.gs-snippet {
  font-family: 'proxima-nova', 'Helvetica Neue', Arial, Helvetica, sans-serif; }

.freight-sans-pro {
  font-family: 'freight-sans-pro', 'proxima-nova', 'Helvetica Neue', Arial, Helvetica, sans-serif; }

code {
  font-family: Monaco, Consolas, 'Lucida Console', monospace; }

.at-symbol {
  font-family: Verdana, Helvetica, Arial, sans-serif; }

body {
  font-size: 14px;
  font-size: 1.4rem; }

h1 {
  font-size: 36px;
  line-height: 40px; }

h2 {
  font-size: 23px;
  line-height: 30px; }

h3 {
  font-size: 16px;
  font-weight: 600;
  font-weight: bold; }

h4 {
  font-size: 14px;
  font-weight: 600;
  font-weight: bold;
  text-transform: uppercase; }

small {
  font-size: 12px; }

h1, h2, h3, h4, h5, h6,
th {
  font-weight: 600;
  font-weight: bold; }

h1 {
  margin: 40px 0 20px -1px; }

h2 {
  margin: 20px 0 10px; }

h1 + h2 {
  margin-top: 20px; }

h3 {
  margin: 20px 0 10px; }

h4 {
  margin: 20px 0 10px; }

h1:first-child, h2:first-child {
  margin-top: 0; }

p {
  margin: 0 0 10px; }

pre {
  margin: 15px 0 25px; }
  pre code {
    padding: 14px 14px 14px 19px; }

form label {
  display: block;
  margin: 0 0 5px; }

form input, form select, form textarea {
  font-size: 14px;
  font-size: 1.4rem; }

table {
  margin: 20px 0 30px; }

th, td {
  padding: 5px 10px 4px 0;
  border-bottom: 1px solid #ddd; }

th, tr:last-child td {
  border-bottom-color: #ccc; }

ul, ol {
  margin: 0 0 20px; }
  ul ul, ul ol, ol ul, ol ol {
    margin: 5px 0 15px; }

li {
  margin: 0 0 5px; }

a, a:visited {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

a, a:visited {
  color: #3f729b; }

a:hover {
  color: #1c5380; }

code {
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 15px; }

th {
  text-transform: uppercase; }

.at-symbol {
  opacity: 0.6; }

p.emphasized {
  font-size: 16px;
  font-weight: 600;
  line-height: 25px; }

.top-bar h1, .top-bar h2 {
  color: #fff; }

.top-bar h2 {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); }

.top-bar a, .top-bar a:visited, .top-bar a:hover {
  text-decoration: none; }

.page-footer {
  font-size: 12px;
  line-height: 16px; }
  .page-footer nav, .page-footer p {
    text-transform: uppercase;
    font-weight: bold; }
  .page-footer p {
    color: #999;
    color: rgba(0, 0, 0, 0.3); }

.account-state {
  font-weight: bold; }
  .account-state, .account-state a, .account-state a:hover, .account-state a:active {
    color: #fff; }
  .account-state a:active {
    color: #eee; }

.dropdown {
  color: #333;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  font-weight: bold; }
  .dropdown, .dropdown a, .dropdown a:link, .dropdown a:active {
    color: #666;
    text-decoration: none; }
  .dropdown a:hover {
    color: #444; }
  .dropdown a:active {
    color: #111; }
  .dropdown li.negative, .dropdown li.negative a, .dropdown li.negative a:active {
    color: #c00; }
  .dropdown li strong {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 15px;
    color: #aaa; }

.page-footer-chromeless {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }

.page-footer-dark span, .page-footer-dark a, .page-footer-dark a:visited, .page-footer-dark a:active, .page-footer-dark a:hover {
  color: #fff;
  opacity: 0.3; }

.page-footer-dark a:hover, .page-footer-dark a:active {
  opacity: 0.8;
  opacity: 0.8; }

a {
  -webkit-tap-highlight-color: rgba(63, 114, 155, 0.3); }

pre code {
  display: block;
  overflow: auto;
  background: #fafafa;
  border: 1px solid #ddd; }

code {
  max-width: 100%;
  display: inline;
  background: #eee; }

form ul.errorlist {
  display: none; }
  form ul.errorlist + p input {
    background-color: #fff6f6;
    border-color: #eec3c7; }
  form ul.errorlist + p textarea {
    background-color: #fff6f6;
    border-color: #eec3c7; }

fieldset {
  margin: 0 0 20px; }

input[type=text] {
  -webkit-appearance: none; }

textarea {
  padding: 7px 7px 6px; }

.form-actions {
  padding-top: 20px; }

.main form.bordered {
  padding: 40px 0 1px;
  margin: -1px 0 0;
  border-top: 1px solid #ddd; }
  .main form.bordered input:not([type=submit]), .main form.bordered span {
    width: 50%;
    display: inline-block; }
  .main form.bordered span > input:not([type=submit]) {
    width: 100%; }
  .main form.bordered textarea {
    width: 100%; }
  .main form.bordered .form-actions {
    margin-top: 40px;
    border-top: 1px solid #ddd;
    padding-top: 20px; }

.main form.adjacent fieldset {
  margin: 0 0 30px; }

.main form.adjacent p {
  min-height: 30px;
  margin-bottom: 10px; }

.main form.adjacent label {
  display: inline-block;
  width: 160px;
  min-height: 20px; }

.main form.adjacent.wide label {
  width: 220px; }

.main form.adjacent.very-wide label {
  width: 330px; }

.main form.adjacent input[type=text],
.main form.adjacent input[type=email],
.main form.adjacent input[type=password],
.main form.adjacent input[type=tel],
.main form.adjacent textarea {
  margin-top: -5px;
  position: relative;
  top: 0; }

.main form.adjacent textarea {
  margin-bottom: 10px; }

.main form.adjacent span .button {
  margin: -5px 0 0 10px; }

.main form.adjacent span.helptext {
  font-size: 0.9em;
  font-style: italic;
  display: block;
  padding: 10px 0 10px 0;
  width: auto;
  max-width: 999px !important; }

.fadedTextField {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(0, 0, 0, 0.08); }
  .fadedTextField:focus {
    background: #fff; }

table {
  width: 100% !important; }

ol, ul {
  padding-left: 20px;
  list-style-position: outside; }

ul {
  list-style-type: square; }

ol {
  list-style-type: decimal; }

[type=submit],
.button {
  position: relative;
  cursor: pointer;
  font-weight: bold;
  line-height: 1em;
  text-decoration: none !important;
  color: #111;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  position: relative;
  background-color: #eee;
  border-radius: 4px; }
  [type=submit]:hover,
  .button:hover {
    background-color: #eee; }
  .ButtonActive[type=submit],
  .ButtonActive.button, .button-active[type=submit],
  .button-active.button, .active[type=submit],
  .active.button, [type=submit]:active,
  .button:active,
  html.touch .pressed[type=submit],
  html.touch
  .pressed.button {
    background-color: #ddd; }
  [type=submit],
  .button {
    border: 1px solid #bbb; }
  .ButtonActive[type=submit],
  .ButtonActive.button, .button-active[type=submit],
  .button-active.button, .active[type=submit],
  .active.button, [type=submit]:active,
  .button:active,
  html.touch .pressed[type=submit],
  html.touch
  .pressed.button {
    border-color: #a2a2a2; }

.button-micro {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 4px 7px 4px;
  border-radius: 2px; }

.button-tiny, .tooltip a {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 4px 7px 4px;
  border-radius: 2px; }

.button-small, .card header .button,
.card-info .button,
.button-altsmall, .main form.adjacent span .button {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 7px 9px 6px; }

[type=button],
[type=submit],
.button,
.button-medium {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 7px 10px 8px;
  border-radius: 3px; }

.button-large, .introduction-wrapper .introduction .button, .introduction-wrapper-tall .introduction .button {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 9px 12px; }

.button-xlarge {
  font-size: 23px;
  font-size: 2.3rem;
  padding: 10px 13px; }

[type=submit],
.button,
.button-light, .card-info .button, [type=submit]:visited,
.button:visited,
.button-light:visited {
  color: #0f3556; }

[type=submit]:hover,
.button:hover,
.button-light:hover {
  color: #062540; }

.button-active[type=submit],
.button-active.button,
.button-active.button-light, .active[type=submit],
.active.button,
.active.button-light, [type=submit]:active,
.button:active,
.button-light:active,
html.touch .pressed[type=submit],
html.touch
.pressed.button,
html.touch
.pressed.button-light {
  color: #062540; }

.button-blue, .introduction-wrapper .introduction .button, .introduction-wrapper-tall .introduction .button, .button-headerblue, .card header .button, .button-gray, .button-green, .tooltip .button.positive, .button-altgreen, .button-red, .tooltip .button.negative, .button-darkred, .card header .negative, .button-brown, .button-yellow, .button-altblue, .button-blue:visited, .introduction-wrapper .introduction .button:visited, .introduction-wrapper-tall .introduction .button:visited, .button-headerblue:visited, .card header .button:visited, .button-gray:visited, .button-green:visited, .tooltip .button.positive:visited, .button-altgreen:visited, .button-red:visited, .tooltip .button.negative:visited, .button-darkred:visited, .card header .negative:visited, .button-brown:visited, .button-yellow:visited, .button-altblue:visited {
  color: #fff; }

.button-blue:hover, .introduction-wrapper .introduction .button:hover, .introduction-wrapper-tall .introduction .button:hover, .button-headerblue:hover, .card header .button:hover, .button-gray:hover, .button-green:hover, .tooltip .button.positive:hover, .button-altgreen:hover, .button-red:hover, .tooltip .button.negative:hover, .button-darkred:hover, .card header .negative:hover, .button-brown:hover, .button-yellow:hover, .button-altblue:hover {
  color: #fff; }

.ButtonActive.button-blue, .introduction-wrapper .introduction .ButtonActive.button, .introduction-wrapper-tall .introduction .ButtonActive.button, .ButtonActive.button-headerblue, .card header .ButtonActive.button, .ButtonActive.button-gray, .ButtonActive.button-green, .tooltip .ButtonActive.button.positive, .ButtonActive.button-altgreen, .ButtonActive.button-red, .tooltip .ButtonActive.button.negative, .ButtonActive.button-darkred, .card header .ButtonActive.negative, .ButtonActive.button-brown, .ButtonActive.button-yellow, .ButtonActive.button-altblue, .button-active.button-blue, .introduction-wrapper .introduction .button-active.button, .introduction-wrapper-tall .introduction .button-active.button, .button-active.button-headerblue, .card header .button-active.button, .button-active.button-gray, .button-active.button-green, .tooltip .button-active.button.positive, .button-active.button-altgreen, .button-active.button-red, .tooltip .button-active.button.negative, .button-active.button-darkred, .card header .button-active.negative, .button-active.button-brown, .button-active.button-yellow, .button-active.button-altblue, .active.button-blue, .introduction-wrapper .introduction .active.button, .introduction-wrapper-tall .introduction .active.button, .active.button-headerblue, .card header .active.button, .active.button-gray, .active.button-green, .tooltip .active.button.positive, .active.button-altgreen, .active.button-red, .tooltip .active.button.negative, .active.button-darkred, .card header .active.negative, .active.button-brown, .active.button-yellow, .active.button-altblue, .button-blue:active, .introduction-wrapper .introduction .button:active, .introduction-wrapper-tall .introduction .button:active, .button-headerblue:active, .card header .button:active, .button-gray:active, .button-green:active, .tooltip .button.positive:active, .button-altgreen:active, .button-red:active, .tooltip .button.negative:active, .button-darkred:active, .card header .negative:active, .button-brown:active, .button-yellow:active, .button-altblue:active,
html.touch .pressed.button-blue,
html.touch .introduction-wrapper .introduction .pressed.button, .introduction-wrapper .introduction
html.touch .pressed.button,
html.touch .introduction-wrapper-tall .introduction .pressed.button, .introduction-wrapper-tall .introduction
html.touch .pressed.button,
html.touch .pressed.button-headerblue,
html.touch .card header .pressed.button, .card header
html.touch .pressed.button,
html.touch .pressed.button-gray,
html.touch .pressed.button-green,
html.touch .tooltip .pressed.button.positive, .tooltip
html.touch .pressed.button.positive,
html.touch .pressed.button-altgreen,
html.touch .pressed.button-red,
html.touch .tooltip .pressed.button.negative, .tooltip
html.touch .pressed.button.negative,
html.touch .pressed.button-darkred,
html.touch .card header .pressed.negative, .card header
html.touch .pressed.negative,
html.touch .pressed.button-brown,
html.touch .pressed.button-yellow,
html.touch .pressed.button-altblue {
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }

.button-grey, .button-grey:visited {
  color: #666; }

.button-grey:hover {
  color: #444; }

.button-active.button-grey, .active.button-grey, .button-grey:active,
html.touch .pressed.button-grey {
  color: #444; }

.button-disabled, .button-disabled:visited {
  color: silver; }

.button-disabled:hover {
  color: silver; }

.ButtonActive.button-disabled, .button-active.button-disabled, .active.button-disabled, .button-disabled:active,
html.touch .pressed.button-disabled {
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }

[type=submit],
.button,
.button-light, .card-info .button,
.button-disabled, .button-grey {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 1px 0 0 rgba(255, 255, 255, 0.05), inset -1px 0 0 rgba(255, 255, 255, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.2); }
  .ButtonActive[type=submit],
  .ButtonActive.button,
  .ButtonActive.button-light,
  .ButtonActive.button-disabled, .ButtonActive.button-grey, .button-active[type=submit],
  .button-active.button,
  .button-active.button-light,
  .button-active.button-disabled, .button-active.button-grey, .active[type=submit],
  .active.button,
  .active.button-light,
  .active.button-disabled, .active.button-grey, [type=submit]:active,
  .button:active,
  .button-light:active,
  .button-disabled:active, .button-grey:active,
  html.touch .pressed[type=submit],
  html.touch
  .pressed.button,
  html.touch
  .pressed.button-light,
  html.touch
  .pressed.button-disabled,
  html.touch .pressed.button-grey {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 0 1px rgba(0, 0, 0, 0.08), 0 1px 0 rgba(255, 255, 255, 0.9); }

.button-blue, .introduction-wrapper .introduction .button, .introduction-wrapper-tall .introduction .button, .button-gray,
.button-brown,
.button-red, .tooltip .button.negative,
.button-green,
.button-yellow,
.button-altblue,
.button-altgreen {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(255, 255, 255, 0.05), inset -1px 0 0 rgba(255, 255, 255, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.2); }
  .ButtonActive.button-blue, .introduction-wrapper .introduction .ButtonActive.button, .introduction-wrapper-tall .introduction .ButtonActive.button, .ButtonActive.button-gray,
  .ButtonActive.button-brown,
  .ButtonActive.button-red, .tooltip .ButtonActive.button.negative,
  .ButtonActive.button-green,
  .ButtonActive.button-yellow,
  .ButtonActive.button-altblue,
  .ButtonActive.button-altgreen, .button-active.button-blue, .introduction-wrapper .introduction .button-active.button, .introduction-wrapper-tall .introduction .button-active.button, .button-active.button-gray,
  .button-active.button-brown,
  .button-active.button-red, .tooltip .button-active.button.negative,
  .button-active.button-green,
  .button-active.button-yellow,
  .button-active.button-altblue,
  .button-active.button-altgreen, .active.button-blue, .introduction-wrapper .introduction .active.button, .introduction-wrapper-tall .introduction .active.button, .active.button-gray,
  .active.button-brown,
  .active.button-red, .tooltip .active.button.negative,
  .active.button-green,
  .active.button-yellow,
  .active.button-altblue,
  .active.button-altgreen, .button-blue:active, .introduction-wrapper .introduction .button:active, .introduction-wrapper-tall .introduction .button:active, .button-gray:active,
  .button-brown:active,
  .button-red:active, .tooltip .button.negative:active,
  .button-green:active,
  .button-yellow:active,
  .button-altblue:active,
  .button-altgreen:active,
  html.touch .pressed.button-blue,
  html.touch .introduction-wrapper .introduction .pressed.button, .introduction-wrapper .introduction
  html.touch .pressed.button,
  html.touch .introduction-wrapper-tall .introduction .pressed.button, .introduction-wrapper-tall .introduction
  html.touch .pressed.button,
  html.touch .pressed.button-gray,
  html.touch
  .pressed.button-brown,
  html.touch
  .pressed.button-red,
  html.touch .tooltip .pressed.button.negative, .tooltip
  html.touch .pressed.button.negative,
  html.touch
  .pressed.button-green,
  html.touch
  .pressed.button-yellow,
  html.touch
  .pressed.button-altblue,
  html.touch
  .pressed.button-altgreen {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.8); }

.tooltip .button.positive, .tooltip .button.negative {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), inset 1px 0 0 rgba(255, 255, 255, 0.05), inset -1px 0 0 rgba(255, 255, 255, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.1); }
  .tooltip .ButtonActive.button.positive, .tooltip .ButtonActive.button.negative, .tooltip .button-active.button.positive, .tooltip .button-active.button.negative, .tooltip .active.button.positive, .tooltip .active.button.negative, .tooltip .button.positive:active, .tooltip .button.negative:active,
  html.touch .tooltip .pressed.button.positive, .tooltip
  html.touch .pressed.button.positive,
  html.touch .tooltip .pressed.button.negative, .tooltip
  html.touch .pressed.button.negative {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.3); }

[type=submit],
.button,
.button-light, .card-info .button,
.button-disabled {
  background-color: #f9fafb;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9fafb), to(#eef1f4));
  background-image: -webkit-linear-gradient(top, #f9fafb, #eef1f4);
  background-image: -moz-linear-gradient(top, #f9fafb, #eef1f4);
  background-image: -o-linear-gradient(top, #f9fafb, #eef1f4);
  background-image: -ms-linear-gradient(top, #f9fafb, #eef1f4);
  background-image: linear-gradient(to bottom, #f9fafb, #eef1f4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9fafb', EndColorStr='#eef1f4');
  background-position: 50% 50%; }
  .ButtonActive[type=submit],
  .ButtonActive.button,
  .ButtonActive.button-light,
  .ButtonActive.button-disabled, .button-active[type=submit],
  .button-active.button,
  .button-active.button-light,
  .button-active.button-disabled, .active[type=submit],
  .active.button,
  .active.button-light,
  .active.button-disabled, [type=submit]:active,
  .button:active,
  .button-light:active,
  .button-disabled:active,
  html.touch .pressed[type=submit],
  html.touch
  .pressed.button,
  html.touch
  .pressed.button-light,
  html.touch
  .pressed.button-disabled {
    background: #e8ecf0; }
  [type=submit],
  .button,
  .button-light, .card-info .button,
  .button-disabled {
    border: 1px solid #c6daec; }
  .ButtonActive[type=submit],
  .ButtonActive.button,
  .ButtonActive.button-light,
  .ButtonActive.button-disabled, .button-active[type=submit],
  .button-active.button,
  .button-active.button-light,
  .button-active.button-disabled, .active[type=submit],
  .active.button,
  .active.button-light,
  .active.button-disabled, [type=submit]:active,
  .button:active,
  .button-light:active,
  .button-disabled:active,
  html.touch .pressed[type=submit],
  html.touch
  .pressed.button,
  html.touch
  .pressed.button-light,
  html.touch
  .pressed.button-disabled {
    border-color: #b3cee6; }

.button-blue, .introduction-wrapper .introduction .button, .introduction-wrapper-tall .introduction .button {
  background-color: #6f97b6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6f97b6), to(#3f729b));
  background-image: -webkit-linear-gradient(top, #6f97b6, #3f729b);
  background-image: -moz-linear-gradient(top, #6f97b6, #3f729b);
  background-image: -o-linear-gradient(top, #6f97b6, #3f729b);
  background-image: -ms-linear-gradient(top, #6f97b6, #3f729b);
  background-image: linear-gradient(to bottom, #6f97b6, #3f729b);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#6f97b6', EndColorStr='#3f729b');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #1c5380; }
  .ButtonActive.button-blue, .introduction-wrapper .introduction .ButtonActive.button, .introduction-wrapper-tall .introduction .ButtonActive.button, .button-active.button-blue, .introduction-wrapper .introduction .button-active.button, .introduction-wrapper-tall .introduction .button-active.button, .active.button-blue, .introduction-wrapper .introduction .active.button, .introduction-wrapper-tall .introduction .active.button, .button-blue:active, .introduction-wrapper .introduction .button:active, .introduction-wrapper-tall .introduction .button:active,
  html.touch .pressed.button-blue,
  html.touch .introduction-wrapper .introduction .pressed.button, .introduction-wrapper .introduction
  html.touch .pressed.button,
  html.touch .introduction-wrapper-tall .introduction .pressed.button, .introduction-wrapper-tall .introduction
  html.touch .pressed.button {
    background: #3c6d94; }
  .button-blue, .introduction-wrapper .introduction .button, .introduction-wrapper-tall .introduction .button {
    border: 1px solid #1c5380; }
  .ButtonActive.button-blue, .introduction-wrapper .introduction .ButtonActive.button, .introduction-wrapper-tall .introduction .ButtonActive.button, .button-active.button-blue, .introduction-wrapper .introduction .button-active.button, .introduction-wrapper-tall .introduction .button-active.button, .active.button-blue, .introduction-wrapper .introduction .active.button, .introduction-wrapper-tall .introduction .active.button, .button-blue:active, .introduction-wrapper .introduction .button:active, .introduction-wrapper-tall .introduction .button:active,
  html.touch .pressed.button-blue,
  html.touch .introduction-wrapper .introduction .pressed.button, .introduction-wrapper .introduction
  html.touch .pressed.button,
  html.touch .introduction-wrapper-tall .introduction .pressed.button, .introduction-wrapper-tall .introduction
  html.touch .pressed.button {
    border-color: #133856; }

.button-headerblue, .card header .button {
  background-color: #517fa4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#517fa4), to(#306088));
  background-image: -webkit-linear-gradient(top, #517fa4, #306088);
  background-image: -moz-linear-gradient(top, #517fa4, #306088);
  background-image: -o-linear-gradient(top, #517fa4, #306088);
  background-image: -ms-linear-gradient(top, #517fa4, #306088);
  background-image: linear-gradient(to bottom, #517fa4, #306088);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#517fa4', EndColorStr='#306088');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #06365f; }
  .ButtonActive.button-headerblue, .card header .ButtonActive.button, .button-active.button-headerblue, .card header .button-active.button, .active.button-headerblue, .card header .active.button, .button-headerblue:active, .card header .button:active,
  html.touch .pressed.button-headerblue,
  html.touch .card header .pressed.button, .card header
  html.touch .pressed.button {
    background: #2d5b80; }
  .button-headerblue, .card header .button {
    border: 1px solid #06365f; }
  .ButtonActive.button-headerblue, .card header .ButtonActive.button, .button-active.button-headerblue, .card header .button-active.button, .active.button-headerblue, .card header .active.button, .button-headerblue:active, .card header .button:active,
  html.touch .pressed.button-headerblue,
  html.touch .card header .pressed.button, .card header
  html.touch .pressed.button {
    border-color: #031b2f; }

.button-gray {
  background-color: #999;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#999), to(#7c7c7c));
  background-image: -webkit-linear-gradient(top, #999, #7c7c7c);
  background-image: -moz-linear-gradient(top, #999, #7c7c7c);
  background-image: -o-linear-gradient(top, #999, #7c7c7c);
  background-image: -ms-linear-gradient(top, #999, #7c7c7c);
  background-image: linear-gradient(to bottom, #999, #7c7c7c);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#999', EndColorStr='#7c7c7c');
  background-position: 50% 50%;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
  .ButtonActive.button-gray, .button-active.button-gray, .active.button-gray, .button-gray:active,
  html.touch .pressed.button-gray {
    background: #777777; }
  .button-gray {
    border: 1px solid #777; }
  .ButtonActive.button-gray, .button-active.button-gray, .active.button-gray, .button-gray:active,
  html.touch .pressed.button-gray {
    border-color: #666; }

.button-grey {
  background-color: #f3f3f3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#ddd));
  background-image: -webkit-linear-gradient(top, #f3f3f3, #ddd);
  background-image: -moz-linear-gradient(top, #f3f3f3, #ddd);
  background-image: -o-linear-gradient(top, #f3f3f3, #ddd);
  background-image: -ms-linear-gradient(top, #f3f3f3, #ddd);
  background-image: linear-gradient(to bottom, #f3f3f3, #ddd);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f3f3f3', EndColorStr='#ddd');
  background-position: 50% 50%;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
  .ButtonActive.button-grey, .button-active.button-grey, .active.button-grey, .button-grey:active,
  html.touch .pressed.button-grey {
    background: #d8d8d8; }
  .button-grey {
    border: 1px solid #c6c6c6; }
  .ButtonActive.button-grey, .button-active.button-grey, .active.button-grey, .button-grey:active,
  html.touch .pressed.button-grey {
    border-color: #bbb; }

.button-green, .tooltip .button.positive {
  background-color: #6bb38a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6bb38a), to(#3d8b5f));
  background-image: -webkit-linear-gradient(top, #6bb38a, #3d8b5f);
  background-image: -moz-linear-gradient(top, #6bb38a, #3d8b5f);
  background-image: -o-linear-gradient(top, #6bb38a, #3d8b5f);
  background-image: -ms-linear-gradient(top, #6bb38a, #3d8b5f);
  background-image: linear-gradient(to bottom, #6bb38a, #3d8b5f);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#6bb38a', EndColorStr='#3d8b5f');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #1e693f; }
  .ButtonActive.button-green, .tooltip .ButtonActive.button.positive, .button-active.button-green, .tooltip .button-active.button.positive, .active.button-green, .tooltip .active.button.positive, .button-green:active, .tooltip .button.positive:active,
  html.touch .pressed.button-green,
  html.touch .tooltip .pressed.button.positive, .tooltip
  html.touch .pressed.button.positive {
    background: #3a845a; }
  .button-green, .tooltip .button.positive {
    border: 1px solid #3d8b5f; }
  .ButtonActive.button-green, .tooltip .ButtonActive.button.positive, .button-active.button-green, .tooltip .button-active.button.positive, .active.button-green, .tooltip .active.button.positive, .button-green:active, .tooltip .button.positive:active,
  html.touch .pressed.button-green,
  html.touch .tooltip .pressed.button.positive, .tooltip
  html.touch .pressed.button.positive {
    border-color: #2d6847; }

.button-altgreen {
  background-color: #47bc60;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#47bc60), to(#39a64e));
  background-image: -webkit-linear-gradient(top, #47bc60, #39a64e);
  background-image: -moz-linear-gradient(top, #47bc60, #39a64e);
  background-image: -o-linear-gradient(top, #47bc60, #39a64e);
  background-image: -ms-linear-gradient(top, #47bc60, #39a64e);
  background-image: linear-gradient(to bottom, #47bc60, #39a64e);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#47bc60', EndColorStr='#39a64e');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #2c803c; }
  .ButtonActive.button-altgreen, .button-active.button-altgreen, .active.button-altgreen, .button-altgreen:active,
  html.touch .pressed.button-altgreen {
    background: #369e4a; }
  .button-altgreen {
    border: 1px solid #329345; }
  .ButtonActive.button-altgreen, .button-active.button-altgreen, .active.button-altgreen, .button-altgreen:active,
  html.touch .pressed.button-altgreen {
    border-color: #256d33; }

.button-red, .tooltip .button.negative {
  background-color: #e8485f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8485f), to(#b72e42));
  background-image: -webkit-linear-gradient(top, #e8485f, #b72e42);
  background-image: -moz-linear-gradient(top, #e8485f, #b72e42);
  background-image: -o-linear-gradient(top, #e8485f, #b72e42);
  background-image: -ms-linear-gradient(top, #e8485f, #b72e42);
  background-image: linear-gradient(to bottom, #e8485f, #b72e42);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#e8485f', EndColorStr='#b72e42');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #b72e42; }
  .ButtonActive.button-red, .tooltip .ButtonActive.button.negative, .button-active.button-red, .tooltip .button-active.button.negative, .active.button-red, .tooltip .active.button.negative, .button-red:active, .tooltip .button.negative:active,
  html.touch .pressed.button-red,
  html.touch .tooltip .pressed.button.negative, .tooltip
  html.touch .pressed.button.negative {
    background: #af2c3f; }
  .button-red, .tooltip .button.negative {
    border: 1px solid #b72e42; }
  .ButtonActive.button-red, .tooltip .ButtonActive.button.negative, .button-active.button-red, .tooltip .button-active.button.negative, .active.button-red, .tooltip .active.button.negative, .button-red:active, .tooltip .button.negative:active,
  html.touch .pressed.button-red,
  html.touch .tooltip .pressed.button.negative, .tooltip
  html.touch .pressed.button.negative {
    border-color: #8e2433; }

.button-darkred, .card header .negative {
  background-color: #c6213a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c6213a), to(#961427));
  background-image: -webkit-linear-gradient(top, #c6213a, #961427);
  background-image: -moz-linear-gradient(top, #c6213a, #961427);
  background-image: -o-linear-gradient(top, #c6213a, #961427);
  background-image: -ms-linear-gradient(top, #c6213a, #961427);
  background-image: linear-gradient(to bottom, #c6213a, #961427);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#c6213a', EndColorStr='#961427');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #961427; }
  .ButtonActive.button-darkred, .card header .ButtonActive.negative, .button-active.button-darkred, .card header .button-active.negative, .active.button-darkred, .card header .active.negative, .button-darkred:active, .card header .negative:active,
  html.touch .pressed.button-darkred,
  html.touch .card header .pressed.negative, .card header
  html.touch .pressed.negative {
    background: #8d1325; }
  .button-darkred, .card header .negative {
    border: 1px solid #961427; }
  .ButtonActive.button-darkred, .card header .ButtonActive.negative, .button-active.button-darkred, .card header .button-active.negative, .active.button-darkred, .card header .active.negative, .button-darkred:active, .card header .negative:active,
  html.touch .pressed.button-darkred,
  html.touch .card header .pressed.negative, .card header
  html.touch .pressed.negative {
    border-color: #690e1b; }

.button-uppercase, .button-altsmall, .main form.adjacent span .button {
  text-transform: uppercase; }

.button-icon {
  text-indent: -9999em; }
  .button-icon i {
    display: block; }
  .button-icon:active i,
  html.touch .button-icon.pressed i {
    opacity: 0.8; }

.button-icon-left b {
  padding-left: 24px; }

.button-icon-right b, .button-pulldown b, .card-info .button b {
  padding-right: 24px; }

.button-pulldown b, .card-info .button b {
  padding-right: 14px;
  background: url("/static/images/glyphs/arrow-down-small.png/f0ab64802b93.png") no-repeat 100% 50%; }

.button-light, .card-info .button {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9fafb));
  background-image: -webkit-linear-gradient(top, #fff, #f9fafb);
  background-image: -moz-linear-gradient(top, #fff, #f9fafb);
  background-image: -o-linear-gradient(top, #fff, #f9fafb);
  background-image: -ms-linear-gradient(top, #fff, #f9fafb);
  background-image: linear-gradient(to bottom, #fff, #f9fafb);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fff', EndColorStr='#f9fafb');
  background-position: 50% 50%; }
  .button-light.ButtonActive, .card-info .ButtonActive.button, .button-light.button-active, .card-info .button-active.button, .button-light.active, .card-info .active.button, .button-light:active, .card-info .button:active,
  html.touch .button-light.pressed,
  html.touch .card-info .pressed.button, .card-info
  html.touch .pressed.button {
    background: #f3f5f7; }

.button-brown {
  background-color: #8f6a58;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8f6a58), to(#6c4634));
  background-image: -webkit-linear-gradient(top, #8f6a58, #6c4634);
  background-image: -moz-linear-gradient(top, #8f6a58, #6c4634);
  background-image: -o-linear-gradient(top, #8f6a58, #6c4634);
  background-image: -ms-linear-gradient(top, #8f6a58, #6c4634);
  background-image: linear-gradient(to bottom, #8f6a58, #6c4634);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#8f6a58', EndColorStr='#6c4634');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #6c4634; }
  .button-brown.ButtonActive, .button-brown.button-active, .button-brown.active, .button-brown:active,
  html.touch .button-brown.pressed {
    background: #654231; }
  .button-brown {
    border: 1px solid #6c4634; }
  .button-brown.ButtonActive, .button-brown.button-active, .button-brown.active, .button-brown:active,
  html.touch .button-brown.pressed {
    border-color: #4a3023; }

.button-yellow {
  background-color: #c9981a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c9981a), to(#a07711));
  background-image: -webkit-linear-gradient(top, #c9981a, #a07711);
  background-image: -moz-linear-gradient(top, #c9981a, #a07711);
  background-image: -o-linear-gradient(top, #c9981a, #a07711);
  background-image: -ms-linear-gradient(top, #c9981a, #a07711);
  background-image: linear-gradient(to bottom, #c9981a, #a07711);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#c9981a', EndColorStr='#a07711');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #a07711; }
  .button-yellow.ButtonActive, .button-yellow.button-active, .button-yellow.active, .button-yellow:active,
  html.touch .button-yellow.pressed {
    background: #977010; }
  .button-yellow {
    border: 1px solid #a07711; }
  .button-yellow.ButtonActive, .button-yellow.button-active, .button-yellow.active, .button-yellow:active,
  html.touch .button-yellow.pressed {
    border-color: #72550c; }

.button-altblue {
  background-color: #5daaf3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5daaf3), to(#2a85de));
  background-image: -webkit-linear-gradient(top, #5daaf3, #2a85de);
  background-image: -moz-linear-gradient(top, #5daaf3, #2a85de);
  background-image: -o-linear-gradient(top, #5daaf3, #2a85de);
  background-image: -ms-linear-gradient(top, #5daaf3, #2a85de);
  background-image: linear-gradient(to bottom, #5daaf3, #2a85de);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#5daaf3', EndColorStr='#2a85de');
  background-position: 50% 50%;
  text-shadow: 0 1px 1px #2a85de; }
  .button-altblue.ButtonActive, .button-altblue.button-active, .button-altblue.active, .button-altblue:active,
  html.touch .button-altblue.pressed {
    background: #2280dc; }
  .button-altblue {
    border: 1px solid #2a85de; }
  .button-altblue.ButtonActive, .button-altblue.button-active, .button-altblue.active, .button-altblue:active,
  html.touch .button-altblue.pressed {
    border-color: #1d6bb8; }

.button-disabled {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9fafb));
  background-image: -webkit-linear-gradient(top, #fff, #f9fafb);
  background-image: -moz-linear-gradient(top, #fff, #f9fafb);
  background-image: -o-linear-gradient(top, #fff, #f9fafb);
  background-image: -ms-linear-gradient(top, #fff, #f9fafb);
  background-image: linear-gradient(to bottom, #fff, #f9fafb);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fff', EndColorStr='#f9fafb');
  background-position: 50% 50%;
  pointer-events: none;
  cursor: default; }
  .button-disabled.ButtonActive, .button-disabled.button-active, .button-disabled.active, .button-disabled:active,
  html.touch .button-disabled.pressed {
    background: #f3f5f7; }

.img {
  position: relative;
  display: inline-block; }
  .img b {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%; }
  .img img {
    display: block; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  span.img-outset {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.1); } }

.avatar-xsmall, .top-bar-actions > li img, .avatar-xsmall img, .top-bar-actions > li img img {
  width: 22px;
  height: 22px; }

.avatar-small, .avatar-small img {
  width: 30px;
  height: 30px; }

.avatar-medium, .avatar-medium img {
  width: 40px;
  height: 40px; }

.avatar-medium, .avatar-medium b {
  border-radius: 4px; }

.avatar-large, .avatar-large img {
  width: 70px;
  height: 70px; }

.avatar-large, .avatar-large b {
  border-radius: 4px; }

.avatar-profile, .avatar-profile img {
  width: 110px;
  height: 110px; }

.avatar-profile, .avatar-profile b {
  border-radius: 3px; }

.root {
  height: 100%;
  min-width: 320px; }

body.thirdparty .root {
  min-width: 240px; }

.page,
.dialog-outer {
  position: relative;
  min-height: 100%; }

.page-footer {
  position: relative;
  margin-top: -48px;
  z-index: 20; }

.hidden {
  display: none; }

.wrapper {
  margin: 0 auto;
  padding: 0 16px;
  position: relative;
  width: 992px; }

.top-bar {
  position: relative;
  height: 43px;
  border-bottom: 1px solid #1c5380;
  border-bottom-color: rgba(4, 40, 71, 0.8);
  box-shadow: 0 1px 0 rgba(111, 151, 182, 0.5) inset, 0 -1px 0 rgba(111, 151, 182, 0.2) inset, 0px 1px 1px rgba(0, 0, 0, 0.2);
  background-color: #517fa4;
  background-image: url("/static/images/shared/noise-1.png/789f92631216.png"), -webkit-gradient(linear, left top, left bottom, from(#517fa4), to(#306088));
  background-image: url("/static/images/shared/noise-1.png/789f92631216.png"), -webkit-linear-gradient(top, #517fa4, #306088);
  background-image: url("/static/images/shared/noise-1.png/789f92631216.png"), -moz-linear-gradient(top, #517fa4, #306088);
  background-image: url("/static/images/shared/noise-1.png/789f92631216.png"), -o-linear-gradient(top, #517fa4, #306088);
  background-image: url("/static/images/shared/noise-1.png/789f92631216.png"), -ms-linear-gradient(top, #517fa4, #306088);
  background-image: url("/static/images/shared/noise-1.png/789f92631216.png"), linear-gradient(to bottom, #517fa4, #306088);
  background-position: 50% 50%;
  z-index: 100; }
  .top-bar hgroup {
    position: relative;
    height: 44px; }
  .top-bar .logo {
    height: 35px;
    width: 97px;
    background: url("/static/images/shared/shared-assets.png/e77fa4dda1ec.png") no-repeat 0 4px;
    position: absolute;
    top: 4px;
    margin: 0;
    text-indent: -9999em; }
    .top-bar .logo a {
      display: block;
      height: 100%;
      width: 100%; }
  .top-bar h2 {
    position: absolute;
    top: 7px;
    left: 120px;
    margin: 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .top-bar {
    background-color: #517fa4;
    background-image: url("/static/images/shared/noise-2.png/19781e562e1e.png"), -webkit-gradient(linear, left top, left bottom, from(#517fa4), to(#306088));
    background-image: url("/static/images/shared/noise-2.png/19781e562e1e.png"), -webkit-linear-gradient(top, #517fa4, #306088);
    background-image: url("/static/images/shared/noise-2.png/19781e562e1e.png"), -moz-linear-gradient(top, #517fa4, #306088);
    background-image: url("/static/images/shared/noise-2.png/19781e562e1e.png"), -o-linear-gradient(top, #517fa4, #306088);
    background-image: url("/static/images/shared/noise-2.png/19781e562e1e.png"), -ms-linear-gradient(top, #517fa4, #306088);
    background-image: url("/static/images/shared/noise-2.png/19781e562e1e.png"), linear-gradient(to bottom, #517fa4, #306088);
    background-position: 50% 50%;
    background-size: "30px 20px, auto"; }
    .top-bar .logo {
      background-image: url("/static/images/shared/shared-assets@2x.png/99ccfe0214d6.png");
      background-size: 150px 600px; } }

.top-bar-new {
  position: relative; }
  .top-bar-new .logo {
    position: absolute;
    left: 50%;
    margin-left: -50px !important; }
  .top-bar-new .top-bar-left,
  .top-bar-new .top-bar-right {
    position: absolute;
    top: 0; }
  .top-bar-new .top-bar-left {
    left: -1px; }
  .top-bar-new .top-bar-right {
    right: 0; }
  .top-bar-new .top-bar-center {
    margin-left: auto;
    margin-right: auto;
    width: 50px; }

.top-bar-wrapper {
  position: relative;
  max-width: 1024px;
  margin: 0 auto; }

.top-bar-left .top-bar-actions {
  float: left;
  display: inline; }

.top-bar-home {
  height: 44px !important;
  width: 44px !important;
  padding: 0 !important; }
  .top-bar-home i {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 44px !important;
    width: 44px !important;
    margin: 0 !important;
    background: url("/static/images/shared/shared-assets.png/e77fa4dda1ec.png") no-repeat 6px -194px; }
  .top-bar-home:hover {
    background: url("/static/images/alpha/fff_10.png/c1abab33d216.png");
    background: rgba(255, 255, 255, 0.1); }
  .top-bar-home:active {
    background-color: #1c5380;
    background-color: rgba(6, 54, 95, 0.35);
    box-shadow: -1px 0 0 rgba(255, 255, 255, 0.15), inset 0 0 1px rgba(6, 54, 95, 0.4), inset 1px 0 1px rgba(6, 54, 95, 0.4); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .top-bar-home i {
    background-image: url("/static/images/shared/shared-assets@2x.png/99ccfe0214d6.png");
    background-size: 150px 600px; } }

.page-footer {
  clear: both;
  overflow: hidden;
  padding: 8px 0 7px;
  border-top: 1px solid #ddd;
  background: #fff;
  text-align: center; }
  .page-footer nav, .page-footer nav ul, .page-footer .copyright {
    margin: 0;
    padding: 0; }
  .page-footer nav, .page-footer .copyright, .page-footer li {
    display: inline-block; }
  .page-footer li {
    margin: 0; }
  .page-footer a {
    display: block;
    padding: 8px 6px; }
  .page-footer .copyright {
    padding: 8px 6px;
    margin: 0 0 0 8px; }

.top-bar-actions {
  margin: 0;
  padding: 0;
  border-right: 1px solid #5786aa;
  border-right-color: rgba(255, 255, 255, 0.1);
  border-left: 1px solid #06365f;
  border-left-color: rgba(0, 0, 0, 0.1); }
  .top-bar-actions > li {
    position: relative;
    float: left;
    display: inline;
    margin: 0; }
    .top-bar-actions > li > a {
      position: relative;
      display: block;
      height: 20px;
      padding: 11px 11px 13px 12px;
      border-right: 1px solid #06365f;
      border-right-color: rgba(0, 0, 0, 0.1);
      box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.1);
      text-shadow: 0 1px 0 rgba(3, 27, 47, 0.5);
      -webkit-tap-highlight-color: transparent; }
      .top-bar-actions > li > a i {
        display: block;
        float: left;
        height: 28px;
        width: 28px;
        margin: -5px 4px 0 -8px; }
      .top-bar-actions > li > a:hover {
        background: url("/static/images/alpha/fff_10.png/c1abab33d216.png");
        background: rgba(255, 255, 255, 0.1);
        border-right-color: rgba(0, 0, 0, 0.15); }
      .top-bar-actions > li > a:active, .top-bar-actions > li > a.link-active,
      html.touch .top-bar-actions > li > a.pressed {
        border-left: none;
        background-color: #1c5380;
        background-color: rgba(6, 54, 95, 0.35);
        box-shadow: -1px 0 0 rgba(255, 255, 255, 0.15), inset 0 0 1px rgba(6, 54, 95, 0.4), inset 1px 0 1px rgba(6, 54, 95, 0.4); }
    .top-bar-actions > li .img-outset {
      float: left;
      display: inline;
      margin: -2px 10px 1px -1px; }
    .top-bar-actions > li img {
      width: 24px;
      height: 24px; }
  .top-bar-actions .link-signin i {
    background: url("/static/images/shared/glyph-assets.png/2c68ed469c0c.png") no-repeat 2px 3px; }
  .top-bar-actions .link-settings i {
    background: url("/static/images/shared/glyph-assets.png/2c68ed469c0c.png") no-repeat 3px -196px; }

.account-state {
  position: absolute;
  top: 0;
  right: 15px; }
  .account-state p, .account-state .top-bar-actions {
    float: right;
    display: inline; }
  .account-state p {
    padding: 8px 0 0 15px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }
  .account-state .dropdown {
    right: 1px;
    top: 38px; }
    .account-state .dropdown a {
      padding-right: 18px;
      -webkit-tap-highlight-color: transparent; }
    .account-state .dropdown i {
      top: 0;
      left: auto;
      right: 13px;
      height: 10px;
      width: 13px;
      background: url("/static/images/shared/dropdown-arrow.png/5cff14bb38a5.png") no-repeat 0 0; }
    .account-state .dropdown ul {
      min-width: 150px; }

.dropdown {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 50;
  margin: -10px 0 0;
  padding: 10px 0 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease-out, margin 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out, margin 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out, margin 0.2s ease-out;
  transition: opacity 0.2s ease-out, margin 0.2s ease-out;
  opacity: 0;
  /* Add .dropdownOptionList if extra specificity is needed. */ }
  html.android .dropdown,
  html.no-csstransitions .dropdown,
  html.msie .dropdown,
  html.opera .dropdown {
    display: none; }
  .dropdown ul.dropdownOptionList,
  .dropdown ul {
    background: #eee url("/static/images/bg/white-gradient-300px.png/fc58b2d34ec5.png") repeat-x 0 0;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 1px 8px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
    min-width: 100px;
    padding: 1px 3px;
    margin: 0;
    list-style: none; }
  .dropdown li {
    padding: 5px 0 5px;
    margin: 0;
    border-top: 1px solid #eee;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95); }
    .dropdown li:first-child {
      border-top: none;
      box-shadow: none; }
    .dropdown li a {
      display: block;
      padding: 4px 8px 4px 8px;
      margin: -3px 0px -3px;
      border: 1px solid transparent;
      border-radius: 2px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      /* Add .dropdownLinkHover if extra specificity is needed. */ }
      .dropdown li a:hover.dropdownLinkHover, .dropdown li a:hover {
        border: 1px solid #eee;
        background: #999 url("/static/images/bg/white-gradient-300px.png/fc58b2d34ec5.png") repeat-x 50% 50%;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9); }
      html.touch .dropdown li a:hover, .dropdown li a:active {
        border: 1px solid #ddd;
        border-top-color: #d6d6d6;
        background: #eaeaea;
        box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.9); }
    .dropdown li > strong {
      display: block;
      margin-bottom: -5px;
      padding-bottom: 5px;
      border-bottom: 1px solid #ddd; }
  .dropdown i {
    position: absolute;
    left: 10px;
    right: auto;
    top: 0;
    height: 10px;
    width: 13px;
    z-index: 10;
    background: url("/static/images/shared/glyph-assets.png/2c68ed469c0c.png") no-repeat -1px -800px; }
  .dropdown i.right {
    left: auto;
    right: 10px; }

.dropdown-open .dropdown {
  margin: 0;
  opacity: 0.99;
  pointer-events: all; }
  html.android .dropdown-open .dropdown,
  html.no-csstransitions .dropdown-open .dropdown,
  html.msie .dropdown-open .dropdown,
  html.opera .dropdown-open .dropdown {
    display: block; }

.alerts {
  margin-bottom: 20px; }

.alert-red, #google .gs-no-results-result .gs-snippet,
.alert-blue,
.alert-green {
  padding: 11px 12px 9px;
  border-radius: 4px;
  margin-bottom: 10px;
  border: solid 1px;
  min-height: 0; }

.alert-red, #google .gs-no-results-result .gs-snippet {
  color: #b94a5c;
  background-color: #f2dede;
  border-color: #eed3d7; }

.alert-blue {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1; }
  .alert-blue a {
    color: #06365F; }

.alert-green {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6; }

.p-error .main {
  padding: 0 0 160px; }

.error-container {
  margin: -47px auto 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%; }
  .error-container h2 {
    font-size: 3em;
    font-weight: 300;
    line-height: 45px;
    margin-bottom: 30px;
    padding: 0 10px; }
  .error-container p {
    font-size: 22px;
    line-height: 28px;
    padding: 0 10px; }
  .error-container a {
    color: #6796da; }

@media screen and (max-width: 460px) {
  .p-error .main {
    padding-bottom: 0; }
  .error-container {
    margin: -110px 0 20px;
    padding: 20px;
    width: auto; }
    .error-container h2 {
      margin-bottom: 20px; }
  .page-footer {
    margin-top: 20px; } }

@media screen and (max-width: 990px) {
  body, .root {
    width: 100%; }
  .wrapper {
    width: 100%;
    box-sizing: border-box; }
  .account-state {
    right: 0; }
    .account-state ul {
      border-right-width: 0; } }

@media screen and (max-width: 480px) {
  .account-state .link-signin > a strong,
  .account-state .link-profile > a strong {
    display: none; }
  .account-state a {
    padding-bottom: 12px; } }

@media screen and (max-width: 480px) {
  .top-bar .wrapper {
    padding: 0 9px; } }

@-webkit-keyframes 'fade-in' {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes 'fade-in' {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .top-bar {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0); }
  .account-state .link-signin i,
  .account-state .link-settings i {
    background-image: url("/static/images/shared/glyph-assets@2x.png/3cfb3abe405c.png");
    background-size: 150px 1700px; }
  .dropdown {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
  .dropdown-open .dropdown {
    margin: -10px 0 0;
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); } }

.mobileAvatarImage img {
  height: 100%;
  visibility: hidden;
  width: auto; }

.card h2 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }
  .card h2 code {
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased; }

.card caption, .card th {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase; }

.card caption {
  color: #3f729b; }

.card header .button,
.card-info .button {
  text-transform: uppercase; }

.card-info code {
  font-size: 11px; }

.card {
  background: #fcfcfc;
  border: 1px solid #a7bcce;
  margin: -1px 0 39px -1px;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
  .card code {
    background: transparent; }
  .card form {
    padding: 0 !important; }
  .card header {
    padding: 5px 5px 5px 20px;
    position: relative;
    margin: -1px -1px 0;
    border: 1px solid #1c5380;
    background-color: #517fa4;
    background-image: url("/static/images/shared/noise-1.png/789f92631216.png"), -webkit-gradient(linear, left top, left bottom, from(#517fa4), to(#306088));
    background-image: url("/static/images/shared/noise-1.png/789f92631216.png"), -webkit-linear-gradient(top, #517fa4, #306088);
    background-image: url("/static/images/shared/noise-1.png/789f92631216.png"), -moz-linear-gradient(top, #517fa4, #306088);
    background-image: url("/static/images/shared/noise-1.png/789f92631216.png"), -o-linear-gradient(top, #517fa4, #306088);
    background-image: url("/static/images/shared/noise-1.png/789f92631216.png"), -ms-linear-gradient(top, #517fa4, #306088);
    background-image: url("/static/images/shared/noise-1.png/789f92631216.png"), linear-gradient(to bottom, #517fa4, #306088);
    background-position: 50% 50%;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 1px 0 rgba(111, 151, 182, 0.7) inset; }
    .card header:before, .card header:after {
      content: "";
      display: block;
      overflow: hidden; }
    .card header:after {
      clear: both; }
    .card header {
      zoom: 1; }
    .card header h2 {
      margin: 0;
      padding: 4px 0 6px; }
    .card header code {
      float: left;
      display: inline;
      position: relative;
      top: 1px;
      padding: 0 0 10px 0; }
    .card header form {
      float: right;
      padding: 0;
      margin: 0; }
    .card header .token {
      float: left;
      display: inline;
      background: #06365f;
      margin: 0 3px;
      padding: 0 5px;
      line-height: 20px;
      border-radius: 3px;
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.15); }
  .card caption {
    position: relative;
    margin: 0 0 5px;
    z-index: 1; }
  .card th, .card td {
    vertical-align: top;
    padding: 0 0 5px 0;
    border: none; }
  .card th:first-child {
    padding-right: 20px; }

.card header,
.card-info {
  position: relative; }
  .card header .actions,
  .card-info .actions {
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 5;
    margin: 0;
    padding: 0;
    list-style: none; }
    .card header .actions > li,
    .card-info .actions > li {
      float: left;
      display: inline;
      position: relative;
      margin: 0 0 0 4px; }
    .card header .actions a,
    .card-info .actions a {
      display: block; }
  .card header .button,
  .card-info .button {
    margin: -2px -2px 0 0; }

.card-info,
.card-description {
  padding: 10px 20px; }
  .card-info table,
  .card-description table {
    margin: 20px 0 0; }

.card-info,
.card-description {
  position: relative; }
  .card-info caption strong,
  .card-info .actions,
  .card-description caption strong,
  .card-description .actions {
    z-index: 5; }
  .card-info p,
  .card-description p {
    margin: 5px 0; }
  .card-info caption span,
  .card-description caption span {
    display: block;
    position: relative; }
  .card-info caption strong,
  .card-description caption strong {
    position: relative;
    padding-right: 15px; }
  .card-info caption i,
  .card-description caption i {
    position: absolute;
    top: 9px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #6f97b6;
    z-index: 1; }

.card-info,
.card-info-more {
  border-bottom: 1px solid #ddd; }
  .card-info,
  .card-info caption strong,
  .card-info-more,
  .card-info-more caption strong {
    background: #fff; }

.card-info code {
  display: block;
  width: 580px;
  padding: 3px 0 1px 0;
  white-space: pre-wrap;
  white-space: pre;
  word-wrap: break-word; }

.card-info-more {
  position: relative;
  z-index: 10;
  display: none; }
  .card-info-more pre {
    margin: 0; }
  .card-info-more code {
    border: none;
    font-size: 11px; }

.card-description {
  border-radius: 0 0 4px 4px; }
  .card-description,
  .card-description caption strong,
  .card-description .actions {
    background: #fcfcfc; }
  .card-description small {
    display: block; }

.card.client table {
  margin-top: 5px; }

.sidebar-nav .type {
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  opacity: 0.5; }

.sidebar-nav li {
  font-weight: bold; }

.sidebar-nav li li {
  font-weight: normal; }

.sidebar-nav li li,
.sidebar-nav a {
  color: #3f729b; }

.sidebar-nav li li:hover,
.sidebar-nav a:hover {
  color: #1c5380; }

.sidebar-nav li .active,
.sidebar-nav .active > a,
.sidebar-nav a:active {
  color: #06365f; }

.sidebar-nav li .active {
  font-weight: bold; }

.sidebar-nav h2 {
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: #a4baca; }

body.sidebar-page {
  background: #fff url("/static/images/bg/body_split.jpg/ce6ccd227ee6.jpg") repeat-y 49.9% 50%; }
  body.sidebar-page .root {
    min-height: 1000px; }
  body.sidebar-page .wrapper {
    position: static; }
  body.sidebar-page .top-bar .wrapper {
    position: relative; }

.sidebar {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  margin-top: -51px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .sidebar .wrapper {
    height: 100%; }

.sidebar-nav {
  float: left;
  height: 100%;
  margin: 0 0 0 -17px;
  background: #eef2f5 url("/static/images/bg/blue-noisy.jpg/2dcca060b7f9.jpg") repeat 50% 50%; }
  .sidebar-nav .sidebar-content {
    padding-top: 50px;
    margin: -1px 0 0 -1px; }
    .sidebar-nav .sidebar-content .subtitle {
      color: #3f729b;
      display: none; }

.sidebar-nav,
.sidebar-content {
  width: 256px;
  padding-right: 0;
  background-color: #f7f7f7;
  border-left: 1px solid #c3cfd9;
  border-right: 1px solid #c3cfd9;
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05); }
  .sidebar-nav h2,
  .sidebar-content h2 {
    padding: 20px 0px 10px 15px;
    margin: 0; }
    .sidebar-nav h2 .separator,
    .sidebar-content h2 .separator {
      display: none; }

.sidebar-content > ul,
.index-nav > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #c3cfd9; }
  .sidebar-content > ul > li,
  .index-nav > ul > li {
    position: relative;
    margin: 0;
    background: #f9f9f9 url("/static/images/bg/white-gradient-light-context-50px.png/58bb8686c4f0.png") repeat-x 0 0; }
    .sidebar-content > ul > li a,
    .index-nav > ul > li a {
      position: relative;
      display: block;
      padding: 9px 5px 10px 15px;
      border-bottom: 1px solid #c3cfd9;
      background: url("/static/images/shared/nav-shadow.png/fae1c515f490.png") repeat-y 100% 0; }
      .sidebar-content > ul > li a, .sidebar-content > ul > li a:visited, .sidebar-content > ul > li a:hover,
      .index-nav > ul > li a,
      .index-nav > ul > li a:visited,
      .index-nav > ul > li a:hover {
        text-decoration: none; }
      .sidebar-content > ul > li a:hover,
      .index-nav > ul > li a:hover {
        z-index: 15;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(0, 0, 0, 0.02), 0px -2px 0px rgba(0, 0, 0, 0.02); }
      .sidebar-content > ul > li a:active,
      .index-nav > ul > li a:active {
        background-color: #eee;
        z-index: 20;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95), 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.05) inset; }
    .sidebar-content > ul > li i.disclosure,
    .index-nav > ul > li i.disclosure {
      position: absolute;
      top: 14px;
      right: 14px;
      display: block;
      width: 7px;
      height: 13px;
      background: url("/static/images/shared/nav-arrow.png/380a1e251a4c.png") no-repeat 0 0;
      opacity: 0.5;
      -webkit-transition: margin-right 0.1s ease-out, opacity 0.1s ease-out;
      -moz-transition: margin-right 0.1s ease-out, opacity 0.1s ease-out;
      -o-transition: margin-right 0.1s ease-out, opacity 0.1s ease-out;
      transition: margin-right 0.1s ease-out, opacity 0.1s ease-out; }
    .sidebar-content > ul > li a:hover i.disclosure,
    .index-nav > ul > li a:hover i.disclosure {
      margin-right: -3px;
      opacity: 1; }
    .sidebar-content > ul > li.active a i.disclosure,
    .index-nav > ul > li.active a i.disclosure {
      top: 10px;
      right: 0;
      width: 9px;
      height: 17px;
      margin: 0 -2px 0 0;
      background: url("/static/images/shared/nav-active-arrow.png/08b54aeb4340.png") no-repeat 0 0;
      opacity: 1 !important; }
  .sidebar-content > ul > li.active > a,
  .index-nav > ul > li.active > a {
    background-color: #f1f2f4;
    border-bottom-color: #c3cfd9;
    border-radius: 0; }
    .sidebar-content > ul > li.active > a, .sidebar-content > ul > li.active > a:hover,
    .index-nav > ul > li.active > a,
    .index-nav > ul > li.active > a:hover {
      box-shadow: none; }
  .sidebar-content > ul ul,
  .index-nav > ul ul {
    padding: 10px 15px 9px;
    margin: -1px 0 0;
    position: relative;
    z-index: 15;
    border-top: 1px solid #dfe4e8;
    border-bottom: 1px solid #c3cfd9;
    list-style: disc; }
    .sidebar-content > ul ul li,
    .index-nav > ul ul li {
      margin: 0 0 0 15px; }
    .sidebar-content > ul ul a,
    .index-nav > ul ul a {
      display: block; }
    .sidebar-content > ul ul a.active,
    .index-nav > ul ul a.active {
      position: relative;
      top: -1px; }

.index-nav {
  margin: -1px 0 40px -1px;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  border: 1px solid #c3cfd9; }
  .index-nav ul {
    margin: 0;
    border-top: none; }
    .index-nav ul > li:first-child, .index-nav ul > li:first-child > a {
      border-top-left-radius: 3px;
      border-top-right-radius: 3px; }
    .index-nav ul > li:last-child, .index-nav ul > li:last-child > a {
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px; }
    .index-nav ul > li:last-child > a {
      margin-bottom: -1px; }
  .index-nav a {
    overflow: hidden; }
    .index-nav a:before, .index-nav a:after {
      content: "";
      display: block;
      overflow: hidden; }
    .index-nav a:after {
      clear: both; }
    .index-nav a {
      zoom: 1; }
  .index-nav .type, .index-nav b, .index-nav .description {
    float: left;
    display: inline; }
  .index-nav .type {
    width: 30px;
    padding-right: 15px; }
  .index-nav b {
    width: 265px;
    padding-right: 40px;
    background: url("/static/images/shared/three-dots.png/e4f2fd7b46ee.png") no-repeat 100% 0; }
  .index-nav .description {
    width: 330px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .index-nav code {
    float: left;
    display: inline;
    position: relative;
    top: 2px;
    background: transparent; }
  .index-nav .token {
    float: left;
    display: inline;
    background: #f0f0f0;
    background: rgba(0, 0, 0, 0.05);
    margin: 0 2px -1px;
    padding: 0 4px;
    border-radius: 3px;
    font-size: 12px; }

.nav-page-content {
  position: relative;
  margin-left: 240px;
  margin-right: -16px;
  padding: 16px 0 80px 40px; }
  .nav-page-content > header {
    padding: 0 0 10px; }
  .nav-page-content .iframe-container {
    min-width: 800px; }
  .nav-page-content h1 {
    padding: 15px 0 15px;
    margin: 0 0 0 -1px; }

.cards-page .nav-page-content {
  padding-right: 0; }

@media screen and (min-device-width: 990px) and (min-width: 990px) {
  .sidebar-content.pinned {
    position: fixed;
    top: 0px;
    padding-top: 0px !important; } }

@media screen and (max-width: 990px) {
  .sidebar-content {
    width: 100%; }
  .nav-page-content {
    padding-right: 20px; }
  .main form.bordered input:not([type=submit]), .main form.bordered span {
    max-width: 356px; }
  .index-nav > ul > li > a {
    padding: 8px 10px; }
    .index-nav > ul > li > a .type {
      margin-bottom: 2px; }
    .index-nav > ul > li > a b {
      background: none;
      margin-bottom: 5px; }
    .index-nav > ul > li > a .description {
      width: 100%;
      white-space: normal; } }

@media screen and (max-width: 820px) {
  .card-info th, td {
    display: block;
    width: auto; } }

@media screen and (max-width: 640px) {
  .card-info th, td {
    display: table-cell;
    width: 50%; } }

@media screen and (max-width: 580px) {
  .card header {
    padding: 5px 6px 5px 10px; }
  .card .card-info,
  .card .card-description {
    padding: 10px; }
  .card .card-info th, .card .card-info td,
  .card .card-description th,
  .card .card-description td {
    display: block;
    width: auto; } }

@media screen and (max-width: 800px) {
  .sidebar-nav {
    width: 28%; }
  .nav-page-content {
    margin-left: 31.15% !important;
    padding-left: 0; }
  .main form.adjacent.wide label {
    display: block; }
  .main form.adjacent.wide input:not([type=submit]), .main form.adjacent.wide textarea, .main form.adjacent.wide span {
    width: 100%;
    max-width: 356px; } }

@media screen and (max-width: 710px) {
  .sidebar-nav {
    width: 192px; }
  .nav-page-content {
    margin-left: 214px !important; } }

@media screen and (min-width: 641px) {
  .sidebar .sidebar-nav .sidebar-content h2, .sidebar .sidebar-nav .sidebar-content ul {
    display: block !important; }
  .sidebar .sidebar-nav .sidebar-content h2 .subtitle, .sidebar .sidebar-nav .sidebar-content h2 .separator {
    display: none !important; } }

@media screen and (max-width: 640px) {
  .main .sidebar {
    position: static; }
    .main .sidebar .wrapper {
      padding: 0; }
    .main .sidebar .sidebar-nav {
      float: none;
      display: block;
      margin: 0 !important;
      background: none;
      border: none;
      width: 100%; }
      .main .sidebar .sidebar-nav .sidebar-content {
        border: none; }
        .main .sidebar .sidebar-nav .sidebar-content h2 {
          display: none;
          padding: 13px 10px 12px;
          -webkit-tap-highlight-color: transparent; }
          .main .sidebar .sidebar-nav .sidebar-content h2:hover {
            cursor: pointer; }
          .main .sidebar .sidebar-nav .sidebar-content h2:first-child {
            display: block; }
            .main .sidebar .sidebar-nav .sidebar-content h2:first-child .subtitle {
              display: inline;
              white-space: nowrap; }
            .main .sidebar .sidebar-nav .sidebar-content h2:first-child .separator {
              display: inline; }
            .main .sidebar .sidebar-nav .sidebar-content h2:first-child i {
              float: left;
              width: 22px;
              height: 22px;
              margin-right: 8px;
              background: url("/static/images/glyphs/disclosure-down@2x.png/9ae8409fbb3a.png") no-repeat center;
              background-size: 14px 14px; }
        .main .sidebar .sidebar-nav .sidebar-content ul {
          display: none; }
          .main .sidebar .sidebar-nav .sidebar-content ul li {
            background: url("/static/images/glyphs/arrow-right.png/e067aadeda6e.png") no-repeat 14px 13px;
            background-size: 14px 14px; }
            .main .sidebar .sidebar-nav .sidebar-content ul li ul {
              list-style: none; }
              .main .sidebar .sidebar-nav .sidebar-content ul li ul li {
                background-position: 19px 50%; }
            .main .sidebar .sidebar-nav .sidebar-content ul li a {
              padding-left: 40px; }
            .main .sidebar .sidebar-nav .sidebar-content ul li.active {
              background-image: url("/static/images/glyphs/here.png/f803110647c9.png"); }
              .main .sidebar .sidebar-nav .sidebar-content ul li.active a {
                background: none; }
              .main .sidebar .sidebar-nav .sidebar-content ul li.active i.disclosure {
                display: none; }
        .main .sidebar .sidebar-nav .sidebar-content.active h2:first-child i {
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg); }
  .nav-page-content {
    margin-left: 0 !important;
    padding-right: 0;
    padding-top: 0; }
    .nav-page-content form.adjacent {
      padding-top: 0;
      border: none; }
      .nav-page-content form.adjacent label {
        display: inline-block; }
      .nav-page-content form.adjacent input:not([type=submit]), .nav-page-content form.adjacent textarea, .nav-page-content form.adjacent span {
        width: 100%; }
      .nav-page-content form.adjacent .form-actions {
        padding-top: 0;
        border: none; }
  h1 {
    font-size: 27px; }
  ol, ul {
    padding-left: 25px; }
  pre code {
    padding: 5px 8px; }
  .page-footer .copyright {
    float: none;
    clear: both;
    margin-top: 10px;
    display: block; } }

@media screen and (max-width: 640px) {
  .main .wrapper {
    padding: 0 10px; } }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  background-image: url("/static/images/shared/nav-arrow@2x.png/a4ca46bd8278.png");
  background-size: 7px 13px; }

.tooltip {
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: 37px;
  margin-left: -98px;
  width: 180px;
  padding: 15px 8px 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.85);
  text-align: center;
  z-index: 30;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  border-radius: 4px;
  color: #fff;
  font-weight: bold; }
  .tooltip ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    left: -2px; }
  .tooltip li {
    float: left;
    display: inline;
    margin-left: 4px; }
  .tooltip a {
    width: 24px;
    border: 1px solid #000 !important;
    border-color: rgba(0, 0, 0, 0.9) !important; }
  .tooltip:after {
    border: 5px solid transparent;
    border-width: 5px;
    border-bottom-color: rgba(0, 0, 0, 0.85);
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -4px;
    content: "";
    display: block;
    width: 0px;
    overflow: hidden; }

.tooltip.active {
  pointer-events: auto;
  opacity: 1;
  opacity: 1; }

@media screen and (max-width: 1020px) {
  .tooltip {
    left: 0%; }
    .tooltip:after {
      left: 80%; } }

.endpoint h3 {
  font-weight: normal; }

.terms h2 {
  font-size: 17px;
  font-weight: 600;
  font-weight: bold;
  text-transform: uppercase; }

form p p {
  min-height: 60px;
  margin: 0 0 25px; }

.endpoint h3 {
  margin: 20px 0; }

h1 {
  position: relative;
  top: 0px; }

.endpoint h3 {
  position: relative;
  top: -2px; }

h1, h2, h3 {
  color: #06365f; }

.index-nav .type {
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  opacity: 0.5; }

.index-nav li li {
  font-weight: normal; }

.index-nav li li,
.index-nav a {
  color: #3f729b; }

.index-nav li li:hover,
.index-nav a:hover {
  color: #1c5380; }

.index-nav li .active,
.index-nav .active > a,
.index-nav a:active {
  color: #06365f; }

.index-nav li .active {
  font-weight: bold; }

.quick-search input {
  font-size: 12px; }

.ep-type {
  text-align: center;
  line-height: 20px;
  padding: 9px 0 0; }

.introduction {
  font-size: 16px;
  line-height: 25px;
  color: #1c5380; }
  .introduction h1 {
    font-size: 37px; }
  .introduction p {
    -webkit-font-smoothing: subpixel-antialiased;
    position: relative;
    top: 8px; }
  .introduction .cta {
    margin-top: 36px;
    font-size: 18px; }
    .introduction .cta a {
      font-weight: bold;
      -webkit-font-smoothing: antialiased; }
      .introduction .cta a, .introduction .cta a:visited {
        text-decoration: underline; }
      .introduction .cta a:hover {
        text-decoration: none; }
    .introduction .cta .button {
      margin-top: -4px;
      margin-bottom: -4px;
      font-size: 18px; }

.three-step i {
  font-size: 27px;
  font-style: normal;
  font-weight: 600;
  color: #a4baca;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }

.terms {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.95); }
  .terms, .terms h2 {
    color: #444; }

.legal-body h3 {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase; }

.legal-body strong {
  font-weight: 600; }

pre code .hll {
  background-color: #ffffcc; }

pre code .err {
  background-color: #e6e6e6; }

pre code .c {
  color: #60a0b0;
  font-style: italic; }

/* Comment */
pre code .k {
  color: #007020; }

/* Keyword */
pre code .o {
  color: #666666; }

/* Operator */
pre code .cm {
  color: #60a0b0;
  font-style: italic; }

/* Comment.Multiline */
pre code .cp {
  color: #007020; }

/* Comment.Preproc */
pre code .c1 {
  color: #60a0b0;
  font-style: italic; }

/* Comment.Single */
pre code .cs {
  color: #60a0b0;
  background-color: #fff0f0; }

/* Comment.Special */
pre code .gd {
  color: #a00000; }

/* Generic.Deleted */
pre code .ge {
  font-style: italic; }

/* Generic.Emph */
pre code .gr {
  color: #ff0000; }

/* Generic.Error */
pre code .gh {
  color: #000080; }

/* Generic.Heading */
pre code .gi {
  color: #00a000; }

/* Generic.Inserted */
pre code .go {
  color: #808080; }

/* Generic.Output */
pre code .gp {
  color: #c65d09; }

/* Generic.Prompt */
/* Generic.Strong */
pre code .gu {
  color: #800080; }

/* Generic.Subheading */
pre code .gt {
  color: #0040D0; }

/* Generic.Traceback */
pre code .kc {
  color: #007020; }

/* Keyword.Constant */
pre code .kd {
  color: #007020; }

/* Keyword.Declaration */
pre code .kn {
  color: #007020; }

/* Keyword.Namespace */
pre code .kp {
  color: #007020; }

/* Keyword.Pseudo */
pre code .kr {
  color: #007020; }

/* Keyword.Reserved */
pre code .kt {
  color: #902000; }

/* Keyword.Type */
pre code .m {
  color: #40a070; }

/* Literal.Number */
pre code .s {
  color: #457da9; }

/* Literal.String */
pre code .na {
  color: #457da9; }

/* Name.Attribute */
pre code .nb {
  color: #007020; }

/* Name.Builtin */
pre code .nc {
  color: #0e84b5; }

/* Name.Class */
pre code .no {
  color: #60add5; }

/* Name.Constant */
pre code .nd {
  color: #555555; }

/* Name.Decorator */
pre code .ni {
  color: #d55537; }

/* Name.Entity */
pre code .ne {
  color: #007020; }

/* Name.Exception */
pre code .nf {
  color: #06287e; }

/* Name.Function */
pre code .nl {
  color: #002070; }

/* Name.Label */
pre code .nn {
  color: #0e84b5; }

/* Name.Namespace */
pre code .nt {
  color: #164b75; }

/* Name.Tag */
pre code .nv {
  color: #bb60d5; }

/* Name.Variable */
pre code .ow {
  color: #007020; }

/* Operator.Word */
pre code .w {
  color: #bbbbbb; }

/* Text.Whitespace */
pre code .mf {
  color: #40a070; }

/* Literal.Number.Float */
pre code .mh {
  color: #40a070; }

/* Literal.Number.Hex */
pre code .mi {
  color: #40a070; }

/* Literal.Number.Integer */
pre code .mo {
  color: #40a070; }

/* Literal.Number.Oct */
pre code .sb {
  color: #457da9; }

/* Literal.String.Backtick */
pre code .sc {
  color: #457da9; }

/* Literal.String.Char */
pre code .sd {
  color: #457da9;
  font-style: italic; }

/* Literal.String.Doc */
pre code .s2 {
  color: #457da9; }

/* Literal.String.Double */
pre code .se {
  color: #457da9; }

/* Literal.String.Escape */
pre code .sh {
  color: #457da9; }

/* Literal.String.Heredoc */
pre code .si {
  color: #70a0d0;
  font-style: italic; }

/* Literal.String.Interpol */
pre code .sx {
  color: #c65d09; }

/* Literal.String.Other */
pre code .sr {
  color: #235388; }

/* Literal.String.Regex */
pre code .s1 {
  color: #457da9; }

/* Literal.String.Single */
pre code .ss {
  color: #517918; }

/* Literal.String.Symbol */
pre code .bp {
  color: #007020; }

/* Name.Builtin.Pseudo */
pre code .vc {
  color: #bb60d5; }

/* Name.Variable.Class */
pre code .vg {
  color: #bb60d5; }

/* Name.Variable.Global */
pre code .vi {
  color: #bb60d5; }

/* Name.Variable.Instance */
pre code .il {
  color: #40a070; }

/* Literal.Number.Integer.Long */
.main form {
  padding: 20px 0 1px;
  margin: -1px 0 0; }
  .main form input {
    width: 38.2%; }
  .main form input[type="radio"] {
    margin: 3px 0.5ex; }
  .main form textarea {
    width: 61.8%; }
  .main form table {
    margin: 0 0 20px; }
  .main form .radiobutton_output {
    display: none;
    margin-top: 20px; }

.quick-search {
  padding: 7px 5px 8px !important;
  height: 25px;
  border-bottom: solid 1px #c3cfd9;
  margin: 0 0 -2px 0 !important;
  background-color: #f9fafb;
  background-image: url("/static/images/shared/noise-1.png/789f92631216.png"), -webkit-gradient(linear, left top, left bottom, from(#f9fafb), to(#eef1f4));
  background-image: url("/static/images/shared/noise-1.png/789f92631216.png"), -webkit-linear-gradient(top, #f9fafb, #eef1f4);
  background-image: url("/static/images/shared/noise-1.png/789f92631216.png"), -moz-linear-gradient(top, #f9fafb, #eef1f4);
  background-image: url("/static/images/shared/noise-1.png/789f92631216.png"), -o-linear-gradient(top, #f9fafb, #eef1f4);
  background-image: url("/static/images/shared/noise-1.png/789f92631216.png"), -ms-linear-gradient(top, #f9fafb, #eef1f4);
  background-image: url("/static/images/shared/noise-1.png/789f92631216.png"), linear-gradient(to bottom, #f9fafb, #eef1f4);
  background-position: 50% 50%; }
  .quick-search input {
    border-color: #a4baca;
    width: 100% !important;
    padding: 6px 4px 6px 26px;
    background-image: url("/static/images/glyphs/magnifier.png/cb570b41f345.png");
    background-repeat: no-repeat;
    background-position: 8px 49%;
    border-radius: 15px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.95); }
    .quick-search input:focus {
      border-color: #6f97b6 !important;
      background-color: #fff; }
  .quick-search input[type=submit] {
    position: absolute;
    left: -9999em; }

.nav-page-content > header {
  position: relative; }
  .nav-page-content > header .actions {
    position: absolute;
    right: 0;
    top: 50%;
    margin: -23px 0 0 0;
    list-style: none; }
    .nav-page-content > header .actions > li {
      float: left;
      display: inline;
      position: relative;
      margin-left: 4px; }
    .nav-page-content > header .actions a {
      display: block; }

.main form.adjacent .button.reset-secret {
  display: inline;
  margin: 10px 0 30px 30px; }

.main form.adjacent ul {
  list-style-type: none; }

.main form.adjacent ul.errorlist + div textarea {
  background-color: #f2dede;
  border-color: #eec3c7; }

.main form.adjacent ul.errorlist + div input {
  background-color: #f2dede;
  border-color: #eec3c7; }

.main form.adjacent ul.errorlist + div ul {
  background-color: #f2dede;
  border-color: #eec3c7;
  border-radius: 4px; }

.main form.adjacent ul.errorlist + p input {
  background-color: #f2dede;
  border-color: #eec3c7; }

.main form.adjacent ul.errorlist + p textarea {
  background-color: #f2dede;
  border-color: #eec3c7; }

.main td.side-actions {
  width: 1px; }

.main td > form {
  margin: 0;
  padding: 0;
  white-space: nowrap; }
  .main td > form button {
    white-space: nowrap; }

.main .permission-granted {
  color: #33AA33; }

.main .permission-denied {
  color: #AA3333; }

.main .permission-na {
  color: #AAAAAA; }

.endpoint header {
  padding-left: 80px; }

.card header code {
  position: relative;
  top: 2px; }

.ep-type {
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 100%;
  margin: 0 15px 0 0;
  border-right: 1px solid #0f3556;
  border-radius: 4px 0 0 0;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 1px 0 0 rgba(255, 255, 255, 0.1);
  background-color: #1c5380;
  background-image: url("/static/images/shared/noise-1.png/789f92631216.png"), -webkit-gradient(linear, left top, left bottom, from(#1c5380), to(#06365f));
  background-image: url("/static/images/shared/noise-1.png/789f92631216.png"), -webkit-linear-gradient(top, #1c5380, #06365f);
  background-image: url("/static/images/shared/noise-1.png/789f92631216.png"), -moz-linear-gradient(top, #1c5380, #06365f);
  background-image: url("/static/images/shared/noise-1.png/789f92631216.png"), -o-linear-gradient(top, #1c5380, #06365f);
  background-image: url("/static/images/shared/noise-1.png/789f92631216.png"), -ms-linear-gradient(top, #1c5380, #06365f);
  background-image: url("/static/images/shared/noise-1.png/789f92631216.png"), linear-gradient(to bottom, #1c5380, #06365f);
  background-position: 50% 50%; }

.new-platform {
  background-color: #fcf8e3;
  padding: 20px; }
  .new-platform a {
    color: #000; }
    .new-platform a:hover {
      text-decoration: none; }
  .new-platform .underline {
    text-decoration: underline; }

.instagram-graph-api-platform {
  background-color: #fcf8e3;
  font-size: 16px;
  padding: 20px; }
  .instagram-graph-api-platform a {
    color: #000;
    line-height: 20px; }
    .instagram-graph-api-platform a:hover {
      text-decoration: none; }
  .instagram-graph-api-platform .strong {
    font-weight: bold;
    text-decoration: underline; }

.introduction-wrapper {
  position: relative; }
  .introduction-wrapper:after {
    padding-top: 60%;
    display: block;
    content: ''; }
  .introduction-wrapper .introduction {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: url("/static/images/developer/introduction-bg.jpg/01ca3f08f44a.jpg") no-repeat;
    background-size: 100%;
    margin-top: 20px;
    padding: 25px 40px; }
    .introduction-wrapper .introduction p {
      width: 46%; }
    .introduction-wrapper .introduction .cta {
      width: 100%;
      position: absolute;
      bottom: 45px;
      left: 40px; }
      .introduction-wrapper .introduction .cta a {
        margin-right: 3px; }

.introduction-wrapper-tall {
  position: relative;
  width: 728px;
  height: 538px; }
  .introduction-wrapper-tall:after {
    padding-top: 60%;
    display: block;
    content: ''; }
  .introduction-wrapper-tall .introduction {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: url("/static/images/developer/introduction-bg-tall.jpg/2a34ed427e08.jpg") no-repeat;
    background-size: 100%;
    margin-top: 20px;
    padding: 25px 40px; }
    .introduction-wrapper-tall .introduction ol, .introduction-wrapper-tall .introduction li, .introduction-wrapper-tall .introduction p {
      width: 46%; }
    .introduction-wrapper-tall .introduction .cta {
      width: 100%;
      position: absolute;
      bottom: 45px;
      left: 40px; }
      .introduction-wrapper-tall .introduction .cta a {
        margin-right: 3px; }

.three-step {
  padding-top: 20px;
  margin: 0 0 20px; }
  .three-step ol {
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
    background: url("/static/images/developer/threesteps.png/794079814d11.png") no-repeat 50% 0; }
    .three-step ol:before, .three-step ol:after {
      content: "";
      display: block;
      overflow: hidden; }
    .three-step ol:after {
      clear: both; }
    .three-step ol {
      zoom: 1; }
  .three-step li {
    float: left;
    display: inline;
    width: 210px;
    position: relative;
    padding: 80px 40px 0 0; }
    .three-step li.step-3 {
      padding-right: 0px;
      margin-right: -20px; }
  .three-step h2 {
    margin-bottom: 30px; }
  .three-step h2, .three-step h3, .three-step blockquote, .three-step p {
    text-align: center; }
  .three-step blockquote {
    padding: 0;
    margin: -10px 0 30px; }
  .three-step p {
    padding: 10px 0; }
  .three-step a {
    margin: 0;
    display: inline; }

.terms,
blockquote {
  background: #fafafa url("/static/images/developer/exclamation-alt.png/c3fbba848992.png") no-repeat 16px 15px;
  border: 1px solid #ddd;
  padding: 14px 24px 9px 59px;
  margin: 30px 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px; }
  .terms ul, .terms ol,
  blockquote ul,
  blockquote ol {
    margin-bottom: 10px;
    padding-left: 20px; }

.legal-body h2 strong:first-child {
  position: relative;
  top: 1px; }

.legal-body h3 {
  margin: 30px 0 10px; }

.legal-body ol, .legal-body li, .legal-body p {
  margin: 20px 0; }

.legal-body ol {
  list-style: decimal;
  margin-left: 20px;
  list-style: none; }
  .legal-body ol strong:first-child {
    float: left;
    display: inline;
    width: 30px;
    margin-left: -30px; }

#permission_selector .request {
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0px 1px 2px #efefef;
  margin: 15px 0px;
  padding: 15px; }
  #permission_selector .request textarea {
    width: 520px; }

@media screen and (max-width: 990px) {
  .api-console.iframe-container {
    display: none; }
  .three-step h2,
  .three-step h3,
  .three-step blockquote,
  .three-step p {
    text-align: left; }
  .three-step h2 {
    margin-bottom: 20px; }
  .three-step ol {
    margin: 0;
    padding: 0;
    background: none; }
    .three-step ol li {
      width: auto;
      padding: 0; }
      .three-step ol li h3, .three-step ol li p {
        margin: 0; } }

@media screen and (max-width: 880px) {
  .introduction-wrapper:after {
    display: none; }
  .introduction-wrapper .introduction {
    position: static;
    background: none;
    padding: 0;
    margin: 0; }
    .introduction-wrapper .introduction p {
      width: auto; }
    .introduction-wrapper .introduction .cta {
      position: static;
      margin-bottom: 25px; }
    .introduction-wrapper .introduction .after-register {
      display: none; }
  .nav-page-content > header .actions {
    position: static;
    margin: 0px 0 10px 0;
    padding: 0; }
    .nav-page-content > header .actions li {
      display: inline-block;
      float: none;
      margin: 0; } }

@media screen and (max-width: 640px) {
  .quick-search {
    position: relative;
    padding-left: 48px !important; }
    .quick-search .disclosure-down {
      position: absolute;
      top: 11px;
      left: 15px;
      background: url("/static/images/glyphs/disclosure-down.png/895845cd748d.png") center no-repeat;
      width: 22px;
      height: 22px; }
  .top-bar h2 {
    display: none; }
  code {
    font-size: 11px; } }

@media screen and (max-width: 440px) {
  .top-bar .manage-clients {
    text-indent: -3000px;
    white-space: nowrap; }
    .top-bar .manage-clients i {
      margin-right: 0; }
  .terms,
  blockquote {
    padding-left: 18px; }
    .terms h2,
    blockquote h2 {
      margin-left: 36px; } }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .quick-search input {
    background-image: url("/static/images/glyphs/magnifier@2x.png/a234b55995f0.png");
    background-size: 14px 14px; }
  .terms,
  blockquote {
    background-image: url("/static/images/developer/exclamation-alt@2x.png/83276c6e7c7e.png");
    background-size: 28px 28px; } }

@media screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2) {
  .quick-search .disclosure-down {
    background-image: url("/static/images/glyphs/disclosure-down@2x.png/9ae8409fbb3a.png");
    background-size: 14px 14px; } }

#google table {
  margin: 0px; }
  #google table.gsc-search-box {
    position: relative;
    margin-bottom: 20px; }
  #google table.gsc-resultsHeader {
    display: none; }
  #google table th, #google table td {
    border: none; }

#google form.gsc-search-box,
#google .gsc-adBlockNoHeight {
  display: none; }

#google .gsc-result-info {
  padding: 0px; }

#google a.gs-title,
#google div.gs-snippet {
  font-size: 14px; }

#google a.gs-title:link,
#google a.gs-title:visited,
#google a.gs-title b {
  color: #3f729b;
  font-weight: bold;
  text-decoration: none !important; }

#google a.gs-title:visited {
  color: #3f729b; }

#google a.gs-title b {
  background-color: #ddffee; }

#google .gsc-url-bottom {
  display: none; }

#google .gsc-webResult {
  margin-bottom: 20px; }

#google .gs-no-results-result .gs-snippet {
  margin: 10px 0px; }

#google .gsc-cursor-box {
  float: left; }

#google .gcsc-branding,
#google .gcsc-branding table {
  float: right;
  width: 100px !important; }

#google .gsc-branding-img,
#google .gsc-branding-text {
  display: none !important; }