@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v7/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v7/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff'); }

.tagline {
  margin-top: 1em;
  font-size: 2.5em;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', "Helvetica Neue", "Lucida Grande", "Arial", sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #2a2a2a;
}

.wrapper {
  overflow: hidden;
}


.fluid-logo {
  font-family: 'Open Sans', sans-serif;
  padding-top: 0.5em;
  margin-right: 1em;
  font-size: 0.6em;
  color: #2a2a2a;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}

.dark .fluid-logo, h1 .fluid-logo {
  color: #fff;
}

.fluid-logo:after {
  content: "";
  display: inline-block;
  background-color: #28b9d1;
  width: 0.65em;
  height: 0.65em;
  border-radius: 0.20em;
  -webkit-transform: translate(0, -0.7em) rotate(45deg);
  transform: translate(0, -0.7em) rotate(45deg);
}


a img {
  border: none;
  outline-style: none;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
  color: hsl(189, 100%, 42%);
  -webkit-transition-property: opacity, -webkit-transform, color, background-color, padding, -webkit-box-shadow;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-out;
}

h1, h2, h3, h4 {
  margin: 0;
  padding: 4em 0 0 0;
  font-weight: normal;
}

h3 {
  font-size: 18px;
  text-transform: uppercase;
}
h4 {
  margin-left: 10px;
  font-size: 14px;
  text-transform: uppercase;
}

code {
  font-size: 0.8rem;
}

blockquote {
  font-style: italic;
  color: #888;
  margin: 2em 3em;
}

ul {
  margin: 15px 0;
  padding: 0 0 0 2em; }
  ul li {
    margin: 0;
    padding: 2px 0;
    list-style: square; }
    ul li ul {
      margin: 0;
      padding-left: 1.2em;
    }

.sect {
  margin-left: 40px; }

table {
    border-width: 1px;
    border-spacing: 0;
    border-style: none;
    border-color: #ccc;
    border-collapse: collapse;
    background-color: white;
    font-size: 0.8em;
}
table:hover {
    font-size: 1em;
}
table th {
    border-width: 1px;
    padding: 4px;
    border-style: solid;
    border-color: #ccc;
    background-color: white;
}
table td {
    border-width: 1px;
    padding: 4px;
    border-style: solid;
    border-color: #ccc;
    background-color: white;
}


aside {
  /*width: 280px;*/
  max-width:280px;
  width:100%;

  float: left;
  position: fixed;
  top: 0;
  height: 100%;
  overflow-y: scroll;
}

aside {
  z-index: 2;
  padding: 20px;
  background-color: #444;
}

article {
  margin-left: 280px; /*300px;*/
  float: left;
  line-height: 1.8;
}

article p {
  margin: 1.5em 0;
}

.container {
  margin: 0 1em 0 4em;
  padding-bottom: 20em;
  /* max-width: 40em; */
}

.anchor {
    margin-left: -1em;
    color: #fff;
    font-size: 16px;
}

h1:hover .anchor,
h2:hover .anchor,
h3:hover .anchor{
    color: #ccc;
}

.toc {
  list-style: none;
  margin: 0;
  padding-left: 0;
  color: #ccc;
}

.toc li {
  padding: 0;
  -webkit-transition-property: opacity, -webkit-transform, color, background-color, -webkit-box-shadow;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-out;
  transition-property: opacity, transform, color, background-color, box-shadow;
  transition-duration: 0.15s;
  transition-timing-function: ease-out;
}

.toc li a {
  color: #ccc;
  font-size: 0.8em;
  line-height: 2.5;
  box-shadow: inset 0 2px 2px -2px rgba(255, 255, 255, 0.1),
    inset 0 -2px 2px -2px rgba(0, 0, 0, 0.1);
  width: 90%;
  display: block;
}

.toc li ol {
  list-style: none;
  padding-left: 1.2em;
}

.toggle, .hidden{
  display: none;
}

.toc a.active {
  color: #fff;
}

.toc li.active {
  background: url(data:image/png;base64,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TUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE0LTA2LTIzVDE5OjA2Ojc4PC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5QaXhlbG1hdG9yIDMuMjwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpDb21wcmVzc2lvbj41PC90aWZmOkNvbXByZXNzaW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4xPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+NzI8L3RpZmY6WFJlc29sdXRpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj44PC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT4xPC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4xMTwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgq5cQW0AAAAbUlEQVQYGWNgwAP+//8vj1UaKMEKxBVA/BVDAVDQAYivATEYwBUAeeJAvBgijCAZgEwmIM4C4vcIYQQLpGA6govJgpmQDZT6gCn9/z+6G5agK4IrgDGAChyBGNMXMAUgGqgAFA6VQIwZDmgKFQDEecJdBt9lLQAAAABJRU5ErkJggg==)     no-repeat right 5px;
}


.toc .collapsed {
  display: none;
}

.toc {
  clear: both;
}

.broken-link {
  border-bottom: dotted 1px red;
}

li.expand-collapse {
  padding: 1em;
  text-align: center;
  font-size: 0.8em;
}

li.expand-collapse.active {
  background: none;
}


@media all and (max-width: 40em) {
  .wrapper {
    margin-top: 2em;
  }
  .default-theme {
    background: none;
  }
  aside {
    float: none;
    background-color: #444;
    width: 100%;
    max-width:100%;
    position: fixed;
    top: 0;
    margin-bottom: 2em;
    height: auto;
    padding: 0.7em;
  }
  article {
    position: relative;
    width: 100%;
    margin-left: 0;
    float: none;
  }
  .container {
    padding: 1em;
    margin: 0;
  }
  .toc {
    position: relative;
    background-color: #444;
    max-height: 75vh;
    overflow: scroll;
  }
  .toc ol,
  .expand-collapse {
    display: none;
  }
  .toc:hover ol ,
  .toc:hover .expand-collapse {
    display: block;
  }

}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.json-schema .property {
  padding: 5px 10px 5px 20px;
}
.json-schema .type {
  color: #34f;
}
.json-schema .name {
  color: #333;
}
.json-schema .description {
    font-size: 0.7em;
    color: #999;
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

table.live-code, .live-code th, .live-code td {
  border-width: 0;
  background-color: white;
  font-size: 1em;
}
.live-code td {
  width: 50%;
}

.live-status {
  text-align: center;
  font-size: 0.7em;
}

.live-status .error {
  color: white;
  background-color: red;
  padding: 0.4em;
}

.live-preview {
  margin-left: 1em;
}