.hll {
  background-color: #ffffcc; }

.c {
  color: #999; }

.err {
  color: #AA0000;
  background-color: #FFAAAA; }

.k {
  color: #006699; }

.o {
  color: #555555; }

.cm {
  color: #999; }

.cp {
  color: #009999; }

.c1 {
  color: #999; }

.cs {
  color: #999; }

.gd {
  background-color: #FFCCCC;
  border: 1px solid #CC0000; }

.ge {
  font-style: italic; }

.gr {
  color: #FF0000; }

.gh {
  color: #003300; }

.gi {
  background-color: #CCFFCC;
  border: 1px solid #00CC00; }

.go {
  color: #AAAAAA; }

.gp {
  color: #000099; }

.gu {
  color: #003300; }

.gt {
  color: #99CC66; }

.kc {
  color: #006699; }

.kd {
  color: #006699; }

.kn {
  color: #006699; }

.kp {
  color: #006699; }

.kr {
  color: #006699; }

.kt {
  color: #007788; }

.m {
  color: #FF6600; }

.s {
  color: #d44950; }

.na {
  color: #4f9fcf; }

.nb {
  color: #336666; }

.nc {
  color: #00AA88; }

.no {
  color: #336600; }

.nd {
  color: #9999FF; }

.ni {
  color: #999999; }

.ne {
  color: #CC0000; }

.nf {
  color: #CC00FF; }

.nl {
  color: #9999FF; }

.nn {
  color: #00CCFF; }

.nt {
  color: #2f6f9f; }

.nv {
  color: #003333; }

.ow {
  color: #000000; }

.w {
  color: #bbbbbb; }

.mf {
  color: #FF6600; }

.mh {
  color: #FF6600; }

.mi {
  color: #FF6600; }

.mo {
  color: #FF6600; }

.sb {
  color: #CC3300; }

.sc {
  color: #CC3300; }

.sd {
  color: #CC3300;
  font-style: italic; }

.s2 {
  color: #CC3300; }

.se {
  color: #CC3300; }

.sh {
  color: #CC3300; }

.si {
  color: #AA0000; }

.sx {
  color: #CC3300; }

.sr {
  color: #33AAAA; }

.s1 {
  color: #CC3300; }

.ss {
  color: #FFCC33; }

.bp {
  color: #336666; }

.vc {
  color: #003333; }

.vg {
  color: #003333; }

.vi {
  color: #003333; }

.il {
  color: #FF6600; }

.css .o,
.css .o + .nt,
.css .nt + .nt {
  color: #999; }

.highlight {
  padding: 15px;
  margin: 15px -15px;
  background-color: #f5f5f5; }
  @media (min-width: 576px) {
    .highlight {
      padding: 20px;
      margin-right: 0;
      margin-left: 0;
      margin-bottom: 20px;
      border: 1px solid #e5e5e5;
      border-radius: 3px; } }
  .highlight pre {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    background-color: transparent;
    border: 0; }
  .highlight pre code {
    font-size: inherit;
    color: #434857; }

@media (min-width: 576px) {
  .docs-example + .highlight {
    border-width: 0 1px 1px;
    border-radius: 0 0 3px 3px; } }

body {
  overflow-x: hidden;
  padding-bottom: 40px; }

.docs-header {
  padding-top: 60px;
  padding-bottom: 60px;
  margin-bottom: 30px;
  font-size: 20px;
  color: #fff;
  background-color: #1997c6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#106382), to(#1997c6));
  background-image: linear-gradient(to bottom, #106382, #1997c6); }
  .docs-header h1 {
    margin-bottom: 5px;
    font-size: 40px;
    line-height: 1; }
  .docs-header p {
    font-weight: 300;
    line-height: 1.4;
    color: #88d4f0; }
  @media (min-width: 576px) {
    .docs-header {
      font-size: 24px; }
      .docs-header h1 {
        font-size: 60px; } }
  @media (min-width: 992px) {
    .docs-header h1,
    .docs-header p {
      max-width: 75%; } }

#contents {
  display: none; }

#markdown-toc {
  padding-left: 0;
  margin-top: 30px;
  font-size: 13px;
  list-style: none; }
  #markdown-toc a {
    display: block;
    padding: 2px 10px 2px 10px; }
    #markdown-toc a:hover {
      text-decoration: none; }
  #markdown-toc > li {
    margin-bottom: 5px; }
  #markdown-toc > li:first-child {
    display: none; }
  #markdown-toc ul {
    list-style: none;
    padding-left: 20px; }
    #markdown-toc ul ul {
      display: none; }
  @media (min-width: 576px) {
    #markdown-toc {
      float: right;
      width: 220px;
      margin-right: -250px; }
      #markdown-toc a {
        color: #6f7890;
        padding-left: 20px; }
      #markdown-toc ul {
        display: none; }
      #markdown-toc .active + ul {
        display: block; }
      #markdown-toc .active {
        padding-left: 18px;
        color: #1997c6;
        background-color: transparent;
        border-left: 2px solid #1997c6; }
      #markdown-toc.affix {
        top: 0; } }

.docs-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: none;
  padding: 6px 12px;
  font-size: 14px;
  background-color: #1a1c22; }
  .docs-top:hover, .docs-top:focus {
    text-decoration: none; }
  @media (min-width: 576px) {
    .docs-top {
      display: block; } }

.docs-icons {
  margin-bottom: 20px;
  font-size: 20px; }
  .docs-icons .icon {
    padding: 5px; }

@media (min-width: 576px) {
  .container .docs-jumbotron {
    padding-right: 20px;
    padding-left: 20px;
    margin-right: -10px;
    margin-left: -10px;
    border-radius: 0; } }

.docs-content {
  font-size: 16px; }
  .docs-content > h1 {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid white; }
    .docs-content > h1 + p {
      margin-bottom: 20px;
      font-size: 1rem;
      font-weight: 300;
      line-height: 1.5; }
      @media (min-width: 576px) {
        .docs-content > h1 + p {
          font-size: 1.35rem; } }
  @media (min-width: 576px) {
    .docs-content {
      padding-right: 260px; } }

.docs-example {
  position: relative;
  padding: 20px;
  margin: 20px -15px;
  font-size: 14px;
  border: 1px solid #e5e5e5;
  background: #fff; }
  .docs-example::after {
    display: block;
    clear: both;
    content: ""; }
  .docs-example + .highlight {
    margin-top: -20px; }
  @media (min-width: 576px) {
    .docs-example {
      margin-left: 0;
      margin-right: 0;
      border-radius: 3px 3px 0 0; } }
  .docs-example + p {
    margin-top: 30px; }
  .docs-example > *:last-child {
    margin-bottom: 0; }
  .docs-example .container {
    width: auto; }
  .docs-example > .dropdown-menu:first-child {
    position: static;
    display: block; }
  .docs-example > .list-group {
    max-width: 300px; }
  @media (min-width: 576px) {
    .docs-example .label {
      display: inline-block;
      margin: 5px; } }
  .docs-example.docs-example-modal {
    background-color: #fafafa; }
  .docs-example .modal {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 1;
    display: block; }
  .docs-example .modal-dialog {
    left: auto;
    margin-right: auto;
    margin-left: auto; }
  .docs-example .modal-lg {
    max-width: 90%; }
  .docs-example.bs-example-tooltips {
    text-align: center; }
  .docs-example.bs-example-tooltips > .btn {
    margin-top: 5px;
    margin-bottom: 5px; }
  .docs-example.bs-example-tooltip .tooltip {
    position: relative;
    display: inline-block;
    margin: 10px 20px;
    opacity: 1; }
  .docs-example.bs-example-popover {
    padding-bottom: 24px;
    background-color: #f9f9f9; }
  .docs-example.bs-example-popover .popover {
    position: relative;
    display: block;
    float: left;
    width: 260px;
    margin: 20px; }
  .docs-example > .btn {
    margin-top: 5px;
    margin-bottom: 5px; }

.docs-top,
#markdown-toc a {
  color: #9198aa; }
  .docs-top:hover,
  #markdown-toc a:hover {
    color: #fff; }

.docs-example {
  background-color: transparent;
  border-color: #434857; }
  .docs-example.docs-example-modal, .docs-example.bs-example-popover {
    background-color: rgba(0, 0, 0, 0.1); }

.highlight {
  background-color: #1a1c22;
  border: 0; }
  .highlight pre code {
    color: #999; }

.docs-example .iconav {
  position: relative !important; }

.docs-content > h2,
.docs-content > h1 {
  margin-top: 50px; }

.docs-content > h1 + h2 {
  margin-top: 10px; }