app.css

@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600,200,100&.css);/**
 * GitHub Gist Theme
 * Author : Louis Barranqueiro - https://github.com/LouisBarranqueiro
 */

.hljs {
  display: block;
  background: white;
  padding: 0.5em;
  color: #333333;
  overflow-x: auto;
}

.hljs-comment,
.hljs-meta {
  color: #969896;
}

.hljs-string,
.hljs-variable,
.hljs-template-variable,
.hljs-strong,
.hljs-emphasis,
.hljs-quote {
  color: #df5000;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-type {
  color: #a71d5d;
}

.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-attribute {
  color: #0086b3;
}

.hljs-section,
.hljs-name {
  color: #63a35c;
}

.hljs-tag {
  color: #333333;
}

.hljs-title,
.hljs-attr,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr {
  color: #795da3;
}

.hljs-addition {
  color: #55a532;
  background-color: #eaffea;
}

.hljs-deletion {
  color: #bd2c00;
  background-color: #ffecec;
}

.hljs-link {
  text-decoration: underline;
}
/* Position and sizing of burger button */
.bm-burger-button {
  position: absolute;
  width: 24px;
  height: 20px;
  right: 36px;
  top: 42px;
}
 
/* Color/shape of burger icon bars */
.bm-burger-bars {
  background: white;
}
 
/* Color of close button cross */
.bm-cross {
  background: #bdc3c7;
  margin-top: -1px;
  width: 1px!important;
  height: 18px!important;
}
 
/* Background color of sidebar */
.bm-menu {
  background: #3c3c3c;
  box-shadow: -1px 0 5px rgba(0,0,0,.15);
}
 
/* Morph shape necessary with bubble or elastic */
.bm-morph-shape {
  fill: white;
}
 
.bm-menu-wrap {
  z-index: 10000!important;
}
/* General menu styles */
.bm-menu {
  padding: 2.5em 1.5em 0;
  font-size: 1.15em;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
details,
section,
summary,
aside,
main,
menu,
nav,
figcaption,
figure,
footer,
header,
hgroup {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
b,
strong {
  font-weight: bold;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  cursor: pointer;
  -webkit-appearance: button;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type='checkbox'],
input[type='radio'] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}
input[type='search'] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
.wrapper,
.header-wrapper,
.page-title h1,
.docs {
  *zoom: 1;
  width: auto;
  max-width: 960px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.wrapper:before,
.header-wrapper:before,
.page-title h1:before,
.docs:before,
.wrapper:after,
.header-wrapper:after,
.page-title h1:after,
.docs:after {
  content: '';
  display: table;
}
.wrapper:after,
.header-wrapper:after,
.page-title h1:after,
.docs:after {
  clear: both;
}
.wrapper {
  position: relative;
}
a,
a:hover {
  text-decoration: none;
}
a {
  color: #2a5dad;
}
p {
  margin-bottom: 1em;
}
html,
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #606060;
  line-height: 1.5;
  height: 100%;
  margin: 0;
  width: 100%;
}
.header {
  zoom: 1;
  position: relative;
  text-align: center;
  background: #4e2a8e;
  background-image: -webkit-radial-gradient(95% 101%, #4e2aae 5%, rgba(226,91,72,0) 100%);
  background-image: -moz-radial-gradient(95% 101%, #4e2aae 5%, rgba(226,91,72,0) 100%);
  background-image: -o-radial-gradient(95% 101%, #4e2aae 5%, rgba(226,91,72,0) 100%);
  background-image: -ms-radial-gradient(95% 101%, #4e2aae 5%, rgba(226,91,72,0) 100%);
  background-image: radial-gradient(95% 101%, #4e2aae 5%, rgba(226,91,72,0) 100%);
}
.header:before,
.header:after {
  content: "";
  display: table;
}
.header:after {
  clear: both;
}
.header .logo {
  width: 42px;
  height: 42px;
  vertical-align: middle;
}
.header h1 {
  max-width: 380px;
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: 42px;
  color: #fff;
  line-height: 49px;
  margin: 80px auto 40px;
  z-index: 110;
}
.header .get-started {
  font-family: 'Raleway';
  display: inline-block;
  margin: 0 auto;
  font-size: 13px;
  color: #fff;
  padding: 0 18px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 15px;
  border: 1px solid #fff;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 12px 18px;
  z-index: 111;
  position: relative;
}
.header .get-started:hover {
  background: #fff;
  color: #e05b49;
  text-decoration: none;
}
.header-wrapper {
  text-align: left;
  padding-top: 32px;
  padding-bottom: 32px;
  position: relative;
  z-index: 100;
}
.header-extended {
  padding-bottom: 100px;
}
.header-nav {
  margin-top: 8px;
}
.header-nav a {
  font-family: 'Raleway';
  font-size: 13px;
  color: #fff;
  margin: 0 16px;
  padding: 0 2px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 15px;
  position: relative;
}
.header-nav a.active:before {
  content: '';
  width: 5px;
  height: 5px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: block;
  position: absolute;
  background: #fff;
  left: 50%;
  margin-left: -3px;
  bottom: -24px;
}
@media only screen and (max-width: 600px) {
  .header-nav a {
    font-size: 11px;
    line-height: 13px;
    margin: 0 7px;
  }
}
.bm-burger-button,
.bm-menu-wrap,
.bm-overlay {
  display: none;
}
.bm-burger-button {
  z-index: 300 !important;
}
.bm-overlay {
  z-index: 1000 !important;
}
.bm-item-list a {
  font-family: 'Raleway';
  display: block;
  font-size: 15px;
  color: #ccc;
  margin: 6px 0;
  padding: 10px 6px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}
.bm-item-list a:hover {
  color: #fff;
}
.header-logo {
  font-family: 'Raleway';
  font-size: 22px;
  color: #fff;
  float: left;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.header-nav {
  float: right;
}
.logo path {
  stroke-dasharray: 250;
  stroke-dashoffset: 250;
  -webkit-animation: logo-dash 0.9s ease-in-out forwards;
  -moz-animation: logo-dash 0.9s ease-in-out forwards;
  -o-animation: logo-dash 0.9s ease-in-out forwards;
  -ms-animation: logo-dash 0.9s ease-in-out forwards;
  animation: logo-dash 0.9s ease-in-out forwards;
  -webkit-animation-delay: 0.12s;
  -moz-animation-delay: 0.12s;
  -o-animation-delay: 0.12s;
  -ms-animation-delay: 0.12s;
  animation-delay: 0.12s;
}
.logo g ellipse {
  -webkit-animation: logo-dot 0.3s ease forwards;
  -moz-animation: logo-dot 0.3s ease forwards;
  -o-animation: logo-dot 0.3s ease forwards;
  -ms-animation: logo-dot 0.3s ease forwards;
  animation: logo-dot 0.3s ease forwards;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.logo g:nth-child(2) ellipse {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.logo g:nth-child(3) ellipse {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.logo g:nth-child(4) ellipse {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.logo g:nth-child(5) ellipse {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.logo g:nth-child(6) ellipse {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.logo g:nth-child(7) ellipse {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.logo g:nth-child(8) ellipse {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  -o-animation-delay: 0.7s;
  -ms-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
#header-background {
  z-index: 0;
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.particles-js-canvas-el {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
}
@media only screen and (max-width: 600px) {
  .starwars-example-wrapper {
    margin-bottom: 30px;
  }
}
.starwars-example {
  background: #3c3c3c;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: -100px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
  -webkit-border-radius: 100px;
  border-radius: 100px;
  font-size: 13px;
  padding: 17px 17px 17px 71px;
  width: 236px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-family: 'Raleway';
  font-weight: 500;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.starwars-example:before {
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  top: 20px;
  height: 32px;
  width: 32px;
  background-image: url(data:image/png;base64,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);
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5/1), (min-device-pixel-ratio: 1.5), (min-resolution: 138dpi), (min-resolution: 1.5dppx) {
  .starwars-example:before {
    background-image: url(data:image/png;base64,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);
    -webkit-background-size: 32px 32px;
    -moz-background-size: 32px 32px;
    background-size: 32px 32px;
  }
}
.starwars-example:hover {
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.32);
  box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.32);
}
@media only screen and (max-width: 600px) {
  .starwars-example {
    top: -70px;
  }
}
.improve-document-link {
  position: fixed;
  right: 0;
  bottom: 70px;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  background: #999;
  border: 1px solid #919191;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  border-bottom: 0;
  padding: 9px 12px 12px 34px;
  -webkit-transform: rotate(270deg) translateX(100%) translateY(3px);
  -moz-transform: rotate(270deg) translateX(100%) translateY(3px);
  -o-transform: rotate(270deg) translateX(100%) translateY(3px);
  -ms-transform: rotate(270deg) translateX(100%) translateY(3px);
  transform: rotate(270deg) translateX(100%) translateY(3px);
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.3px;
  line-height: 11px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.improve-document-link:before {
  content: '';
  display: block;
  position: absolute;
  left: 10px;
  top: 8px;
  height: 16px;
  width: 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAStJREFUOBGdkjFPwlAUhVvRhEQWRtMQN0fcGXFlxFEXp/ofdDZhYnH3P/ATCswyNgwkJsbNxDjRhPqd9rW8tjQCJznvvnfPvYf3ynXiOB7BNaxDiOA5Bux9+Asn8NJhOaS5Sf0Q/kBh4mo15rfEMPslEz9c1/3WnrJHwjN8gCs4gw3b4JriBckKaPZJvlrCgP0ZvJBzhq5VkG8R9eZNVmTiF7GZFFlCxQBtV7PMdKMUdQb7NFPT2fmEPZs96pYVA5L6q+bQRuHaCG2o+YgLBpxv4AtswTcoFJr1cHLdRGEpG9wZYUo8hwHcfrDtd8sNTk2uHHoknmCf2ViXRftcNggQ703B53/NqrMNrjhrlN8lCFy/Mhup4qg2gUZZV9RYHoPohK4xjI7oVs/4DyUovZR1X5RbAAAAAElFTkSuQmCC);
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5/1), (min-device-pixel-ratio: 1.5), (min-resolution: 138dpi), (min-resolution: 1.5dppx) {
  .improve-document-link:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAmdJREFUWAm1l71LHFEUxV21iOJfYJEmEAR3W1kQq0A6u2wggpWNhSJEUgTxn0gXsE0QgiQggki6oNiICApusrYJZMtNbDRZf2d23jAzvJl587EXzt73ce89Z+6bmWVG+v3+BHgHfoMytj6SYBRtgVvwA+yAZhDKRORlbS0oGBtQWOR3MYL/zLe9UAZlrzyRXATUXwA3IG4S0VRAGUskp+hT0wzGU2DfQrRT06IJ9P17/HFszTb9VavVvto2KPmS9Q/gFKwSd8XaGGPVXgHGOrYOLJvdIl7kIHzmPeaLqoUfBV+AsdtKBVDVdsOJ7B8wIiYZXwOJbFUmQMX8ojirqROzfifmGLe8DltCcx+BioFw2y1lvaVvHmnoZzQ0LjQUOYkfwbhDgSbxwdOh+FICcpLfw7fEE/E9ItRrTPTH6QhEDlzaruqDGy7C7E+0G7NMAcRXQy4NMXJNUwVUSU6tN7kEVEz+mnp9ZwEVk2+IXOYkgLjH4I8SHCz5hhsc+Vq4hpMA/16pk3gRTraMs8ifxXNS3wMEvwBb4BHP7yVC5sGhBFnMPOefLHtmadoMAh9XxDx4Chgf+fsdfENJ+HFw4K8bl3rlhozgZZNgfGoHTCL+CTgh6Tmd0JXq//4cyFyufBBp+XUVoNQpsIeIBiL+Mn4FekCv17S2E5JsLn8g4WyJ+IyIOqRt/Az+Zzgg7zhPB0xtHcemJmXJVSOrA2cKsljbslZoKVUAV/i2UNUcSUWOIEf57FBbB+a5ubIzi0XoRRYx23dBJGDYEx1Bd9gkKfW7ErCbEjDsrV2926v6PKeUs+mDWF/lEw+fEq2kiXrekQAAAABJRU5ErkJggg==);
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
.improve-document-link:hover {
  -webkit-transform: rotate(270deg) translateX(100%);
  -moz-transform: rotate(270deg) translateX(100%);
  -o-transform: rotate(270deg) translateX(100%);
  -ms-transform: rotate(270deg) translateX(100%);
  transform: rotate(270deg) translateX(100%);
  background: #666;
  border-color: #555;
}
@media only screen and (max-width: 600px) {
  .improve-document-link {
    display: none;
  }
}
.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6,
.docs-content >h1 {
  display: block;
  font-family: 'Raleway';
  font-weight: 500;
  line-height: 1.2em;
  padding-top: 0.3em;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  color: #4a4a4a;
}
.markdown {
  margin-bottom: 40px;
}
.markdown .wrapper {
  margin-top: 60px;
}
@media only screen and (max-width: 600px) {
  .markdown .wrapper {
    margin-top: 30px;
  }
}
.markdown h1 {
  font-size: 32px;
}
.markdown h2 {
  font-size: 26px;
}
.markdown h3 {
  font-size: 24px;
}
.markdown h4 {
  font-size: 21px;
}
.markdown h5 {
  font-size: 18px;
}
.markdown h6 {
  font-size: 16px;
}
.markdown strong {
  font-weight: 500;
}
.markdown pre {
  line-height: 20px;
  background: #fafafa;
  padding: 20px;
  white-space: pre;
  display: block;
  color: #333;
  overflow-x: auto;
}
.markdown p code,
.markdown ul code {
  background: #fafafa;
  padding: 2px 4px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  color: #000;
}
.markdown p + p,
.markdown p + ul {
  margin-top: -0.4em;
}
.markdown p + ul {
  margin-top: -0.6em;
}
.markdown code {
  font-size: 14px;
  line-height: 20px;
  overflow-x: auto;
}
.markdown h1:first-child {
  margin-top: 0;
  padding-top: 0;
}
.page-title {
  background: #f9f9f9;
  padding: 48px 0;
}
.page-title h1 {
  margin: 0 auto;
  font-family: 'Raleway';
  font-size: 40px;
  font-weight: 200;
  color: #585858;
  line-height: 50px;
}
@media only screen and (max-width: 600px) {
  .page-title {
    padding: 30px 0;
  }
}
.docs-aside {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 22.75%;
  margin-left: 0%;
  margin-right: 3%;
  margin-top: 60px;
}
.docs-aside:before,
.docs-aside:after {
  content: '';
  display: table;
}
.docs-aside:after {
  clear: both;
}
.docs-aside:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 600px) {
  .docs-aside {
    padding: 20px;
    width: 100%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 -20px;
    margin-bottom: 30px;
    background: #f9f9f9;
  }
}
.docs-aside-group {
  display: block;
  margin-bottom: 40px;
}
.docs-aside-group h3 {
  font-family: 'Raleway';
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 1.2em;
  margin-bottom: 1em;
  color: #aaa;
}
.docs-aside-group a {
  display: block;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  height: 28px;
  padding: 3px 0;
  color: #4a4a4a;
}
.docs-aside-group a.active {
  font-weight: 500;
  line-height: 21px;
  color: #e05b49;
}
@media only screen and (max-width: 600px) {
  .docs-aside-group {
    display: none;
  }
}
.docs-aside-navselect {
  margin-top: -18px;
  display: none;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .docs-aside-navselect {
    display: block;
  }
}
.docs-content {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 74.25%;
  margin-left: 0%;
  margin-right: 3%;
  margin-top: 60px;
  margin-bottom: 20px;
}
.docs-content:before,
.docs-content:after {
  content: '';
  display: table;
}
.docs-content:after {
  clear: both;
}
.docs-content:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 600px) {
  .docs-content {
    margin-top: 10px;
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%;
  }
  .docs-content:before,
  .docs-content:after {
    content: '';
    display: table;
  }
  .docs-content:after {
    clear: both;
  }
  .docs-content:last-child {
    margin-right: 0%;
  }
}
.docs-content >h1 {
  margin: 0;
  font-size: 32px;
}
.docs-content .docs-next {
  float: right;
  color: #e05b49;
  font-weight: 400;
}
@-moz-keyframes logo-dash {
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes logo-dash {
  to {
    stroke-dashoffset: 0;
  }
}
@-o-keyframes logo-dash {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes logo-dash {
  to {
    stroke-dashoffset: 0;
  }
}
@-moz-keyframes logo-dot {
  from {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes logo-dot {
  from {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes logo-dot {
  from {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes logo-dot {
  from {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  to {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}