/*!
 * DAUX.IO
 * http://daux.io/
 * MIT License
 */

 .roboto-slab.light {
    font-weight: 100
}

.roboto-slab.book,
.roboto-slab.light {
    font-family: Roboto Slab, Helvetica Neue, Helvetica, Arial, sans-serif
}

.roboto-slab.book {
    font-weight: 300
}

.roboto-slab.regular {
    font-weight: 400
}

.roboto-slab.bold,
.roboto-slab.regular {
    font-family: Roboto Slab, Helvetica Neue, Helvetica, Arial, sans-serif
}

.roboto-slab.bold {
    font-weight: 700
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Roboto Slab, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 300
}

h1 i {
    font-size: 26px
}

pre {
    padding: 0
}

.homepage-hero {
    padding-top: 60px!important;
    background-color: #a41e22;
    box-shadow: none;
    border-radius: 0;
    border: none;
    color: #b3b3b3;
    overflow: hidden;
    padding-bottom: 0;
    margin-bottom: 0
}

.homepage-hero .text-center {
    font-family: Roboto Slab, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    margin: 10px 0
}

.homepage-hero h2 {
    margin: 20px 0
}

.hero-buttons.container-fluid {
    padding: 20px 0;
    background-color: #4e4a4a
}

.hero-buttons.container-fluid .btn-hero.btn {
    font-family: Roboto Slab, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    padding: 20px 30px;
    background-image: none;
    -webkit-filter: none;
    filter: none;
    box-shadow: none;
    border-radius: 0;
    text-shadow: none;
    border: none;
    opacity: .8;
    filter: alpha(opacity=80);
    margin: 0 10px;
    text-transform: uppercase;
    border: 5px solid #b3b3b3
}

@media (max-width:768px) {
    .hero-buttons.container-fluid .btn-hero.btn {
        display: block;
        margin-bottom: 10px
    }
}

.hero-buttons.container-fluid .btn-hero.btn:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.hero-buttons.container-fluid .btn-hero.btn.btn-secondary {
    background-color: #4e4a4a;
    color: #b3b3b3
}

.hero-buttons.container-fluid .btn-hero.btn.btn-primary {
    background-color: #b3b3b3;
    color: #343131
}

.homepage-content.container-fluid {
    background-color: #fff;
    padding: 40px 0
}

.homepage-content.container-fluid .lead {
    font-family: Roboto Slab, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400
}

.homepage-content.container-fluid ol,
.homepage-content.container-fluid ul {
    padding: 20px 0;
    margin: 0 0 10px
}

.homepage-content.container-fluid ol li,
.homepage-content.container-fluid ul li {
    list-style: none;
    padding-bottom: 5px
}

.homepage-content.container-fluid ol li:before,
.homepage-content.container-fluid ul li:before {
    content: '';
    width: 0;
    height: 0;
    border: 3px solid transparent;
    border-left: 3px solid #a41e22;
    float: left;
    display: block;
    margin: 6px
}

@media (max-width:768px) {
    .homepage-content.container-fluid {
        padding: 40px 20px
    }
}

.homepage-footer.container-fluid {
    background-color: #b3b3b3;
    box-shadow: none;
    border-radius: 0;
    color: light;
    border: none
}

@media (max-width:768px) {
    .homepage-footer.container-fluid {
        padding: 0 20px
    }
}

.homepage-footer.container-fluid .footer-nav {
    margin: 40px 0
}

.homepage-footer.container-fluid .footer-nav li a {
    font-family: Roboto Slab, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px
}

.homepage-footer.container-fluid .footer-nav li a:hover {
    color: #a41e22;
    border-bottom-style: solid;
    border-bottom-color: #a41e22;
    text-decoration: none
}

.homepage-footer.container-fluid .twitter {
    margin-top: 20px
}

.homepage-footer.container-fluid .twitter:first-child {
    margin-top: 40px
}

body,
html {
    height: 100%;
    background-color: #fff;
    color: #2d2d2d
}

.content {
    background: #f0f0f0
}

.columns .left-column {
    background-color: #343131
}

.columns .right-column .content-page {
    padding: 10px;
    background-color: #fff
}

.container-fluid .navbar-static-top {
    margin-left: -15px;
    margin-right: -15px
}

.responsive-collapse {
    padding: 10px 15px;
    display: block;
    background-color: #606060;
    border-bottom: 1px solid #606060
}

.sub-nav-collapse {
    display: none
}

.article-tree,
.content-area {
    padding: 0
}

@media screen and (min-width:768px) {
    body {
        background-color: #fff
    }
    .navbar-static-top {
        position: fixed;
        z-index: 1030;
        width: 100%
    }
    .responsive-collapse {
        display: none
    }
    .sub-nav-collapse {
        display: block!important
    }
    .container-fluid.fluid-height {
        height: 100%
    }
    .article-tree,
    .content-area {
        overflow: auto;
        height: 100%
    }
    .columns {
        height: 100%;
        padding-top: 0
    }
    .columns .left-column {
        max-width: 400px;
        border-right: 1px solid #606060;
        overflow-x: hidden
    }
    .columns .right-column .content-page {
        margin: auto;
        position: relative;
        max-width: 800px;
        padding: 20px;
        min-height: 100%
    }
}

@media screen and (min-width:1200px) {
    .columns .right-column {
        width: calc(100% - 400px)
    }
}

@media only screen and (max-width:800px) {
    table,
    tbody,
    td,
    th,
    thead,
    tr {
        display: block;
        border: none
    }
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }
    tr {
        margin-bottom: 10px;
        border-bottom: 2px solid #ccc
    }
    tr td,
    tr th {
        border: 1px solid #ccc;
        border-bottom: none
    }
    td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%!important;
        white-space: normal
    }
    td,
    td:before {
        text-align: left
    }
    td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: 700;
        content: attr(data-title)
    }
}

@media print {
    .content-area {
        width: 100%!important
    }
    h1 a[href]:after {
        font-size: 50%
    }
}

body {
    font-family: Roboto Slab, Helvetica Neue, Helvetica, Arial, sans-serif
}

a {
    color: #a41e22;
    border-bottom: 1px dotted #a41e22
}

a:hover {
    border-bottom-style: solid;
    border-bottom-color: #b3b3b3;
    text-decoration: none
}

a>code {
    border-bottom: 1px dotted #a41e22
}

a>code:hover {
    border-bottom-style: solid
}

a.folder {
    border-bottom: none
}

.btn {
    display: inline-block
}

.btn.btn-sidebar {
    padding: 7px 10px;
    background-image: none;
    -webkit-filter: none;
    filter: none;
    box-shadow: none;
    background-color: #4e4a4a;
    border: none
}

.btn.btn-sidebar .icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    margin-top: 2px;
    margin-bottom: 3px
}

.btn.btn-sidebar .icon-bar,
.btn.btn-sidebar:hover {
    background-color: #b3b3b3;
    box-shadow: none
}

.btn.btn-sidebar:hover .icon-bar {
    background-color: #a41e22;
    box-shadow: none
}

code {
    color: #666;
    border: 1px solid #ddd
}

a code {
    color: #a41e22
}

.nav-logo {
    background: #a41e22;
    padding: 20px;
    color: #fff;
    font-size: 40px
}

.navbar {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
    background-color: #b3b3b3;
    margin-bottom: 0
}

.navbar .container,
.navbar .container-fluid {
    background-image: none;
    -webkit-filter: none;
    filter: none;
    border-bottom: none;
    padding: 0 20px
}

.navbar .container-fluid .brand,
.navbar .container .brand {
    color: #a41e22;
    text-shadow: none;
    font-family: Roboto Slab, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    border-bottom: none
}

.navbar .container-fluid .navbar-text,
.navbar .container-fluid .navbar-text a,
.navbar .container .navbar-text,
.navbar .container .navbar-text a {
    color: #a41e22
}

.code-buttons-text {
    font-size: 12px;
    line-height: 1.5;
    padding: 6px 10px 6px 0;
    display: inline-block;
    vertical-align: middle
}

.Nav {
    background: #272525
}

.Nav {
    padding-left: 0;
    padding-right: 0
}

.Nav li a {
    margin: 0;
    padding: 6px 15px 6px 20px;
    font-family: Roboto Slab, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #b3b3b3;
    font-size: 15px;
    text-shadow: none;
    border-color: #606060;
    border-bottom: none
}

.Nav li a .Nav__arrow {
    display: inline-block;
    position: relative;
    width: 16px;
    margin-left: -16px
}

.Nav li a .Nav__arrow:before {
    position: absolute;
    display: block;
    content: "";
    margin: -.25em 0 0 -.4em;
    left: 50%;
    top: 50%;
    width: .5em;
    height: .5em;
    border-right: .15em solid #b3b3b3;
    border-top: .15em solid #b3b3b3;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.Nav li a:hover {
    color: #b3b3b3;
    text-shadow: none;
    background-color: #4e4a4a;
    border-bottom: none
}

.Nav li.Nav__item--active a {
    background-color: #4e4a4a
}

.Nav li.Nav__item--open>ul {
    display: block
}

.Nav li.Nav__item--open>a,
.Nav li.Nav__item--open>a:focus,
.Nav li.Nav__item--open>a:hover {
    background-color: transparent
}

.Nav li.Nav__item--open>a>.Nav__arrow:before {
    margin-left: -.25em;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.Nav li ul {
    display: none;
    margin-left: 15px
}

.Nav li ul li a {
    font-weight: 400;
    font-size: 14px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 20px;
    margin: 0;
    margin-left: -15px;
    padding: 3px 30px;
    border: none;
    color: #b3b3b3;
    opacity: .7;
    filter: alpha(opacity=70)
}

.Nav li ul li a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: transparent
}

.Nav li ul li.active a {
    color: #b3b3b3
}

.page-header {
    margin: 10px 0;
    padding: 0
}

.page-header h1 {
    margin-top: 0
}

.page-header h1 a {
    border-bottom: none
}

.page-header sub-heading {
    padding: 0, 0, 20px
}

pre {
    border: none;
    background-color: #343131;
    border-radius: 0;
    padding: 10px;
    margin-left: -20px;
    padding-left: 30px;
    margin-right: -20px;
    padding-right: 30px
}

pre code {
    background: transparent;
    border: none;
    color: #fff
}

@media (min-width:1150px) {
    .float-view .content-page {
        height: 100%;
        overflow: auto;
        padding: 0!important;
        background-color: transparent!important;
        position: relative
    }
    .float-view .content-page article {
        width: 100%;
        min-height: 100%;
        overflow: auto;
        position: relative;
        z-index: 1
    }
    .float-view .content-page article:before {
        content: "";
        width: 50%;
        min-height: 100%;
        overflow: auto;
        background-color: #fff;
        display: block;
        margin: 0;
        position: absolute;
        z-index: -1
    }
    .float-view .content-page table {
        float: left;
        clear: left;
        width: 47%;
        margin-left: 1.5%;
        margin-right: 1.5%;
        background-color: #fff;
        white-space: normal
    }
    .float-view .content-page table code,
    .float-view .content-page table pre {
        white-space: normal
    }
    .float-view .content-page .page-header {
        padding: 0
    }
    .float-view .content-page .page-header,
    .float-view .content-page blockquote,
    .float-view .content-page dl,
    .float-view .content-page h2,
    .float-view .content-page h3,
    .float-view .content-page h4,
    .float-view .content-page h5,
    .float-view .content-page h6,
    .float-view .content-page hr,
    .float-view .content-page ol,
    .float-view .content-page p,
    .float-view .content-page ul {
        float: left;
        clear: left;
        width: 47%;
        margin-left: 1.5%;
        margin-right: 1.5%;
        background-color: #fff
    }
    .float-view .content-page .page-header:before,
    .float-view .content-page blockquote:before,
    .float-view .content-page dl:before,
    .float-view .content-page h2:before,
    .float-view .content-page h3:before,
    .float-view .content-page h4:before,
    .float-view .content-page h5:before,
    .float-view .content-page h6:before,
    .float-view .content-page hr:before,
    .float-view .content-page ol:before,
    .float-view .content-page p:before,
    .float-view .content-page ul:before {
        width: 100%;
        height: 10px;
        display: block;
        clear: both
    }
    .float-view .content-page .page-header dl,
    .float-view .content-page .page-header h2,
    .float-view .content-page .page-header h3,
    .float-view .content-page .page-header h4,
    .float-view .content-page .page-header h5,
    .float-view .content-page .page-header h6,
    .float-view .content-page .page-header hr,
    .float-view .content-page .page-header ol,
    .float-view .content-page .page-header p,
    .float-view .content-page .page-header pre,
    .float-view .content-page .page-header ul,
    .float-view .content-page blockquote dl,
    .float-view .content-page blockquote h2,
    .float-view .content-page blockquote h3,
    .float-view .content-page blockquote h4,
    .float-view .content-page blockquote h5,
    .float-view .content-page blockquote h6,
    .float-view .content-page blockquote hr,
    .float-view .content-page blockquote ol,
    .float-view .content-page blockquote p,
    .float-view .content-page blockquote pre,
    .float-view .content-page blockquote ul,
    .float-view .content-page dl dl,
    .float-view .content-page dl h2,
    .float-view .content-page dl h3,
    .float-view .content-page dl h4,
    .float-view .content-page dl h5,
    .float-view .content-page dl h6,
    .float-view .content-page dl hr,
    .float-view .content-page dl ol,
    .float-view .content-page dl p,
    .float-view .content-page dl pre,
    .float-view .content-page dl ul,
    .float-view .content-page h2 dl,
    .float-view .content-page h2 h2,
    .float-view .content-page h2 h3,
    .float-view .content-page h2 h4,
    .float-view .content-page h2 h5,
    .float-view .content-page h2 h6,
    .float-view .content-page h2 hr,
    .float-view .content-page h2 ol,
    .float-view .content-page h2 p,
    .float-view .content-page h2 pre,
    .float-view .content-page h2 ul,
    .float-view .content-page h3 dl,
    .float-view .content-page h3 h2,
    .float-view .content-page h3 h3,
    .float-view .content-page h3 h4,
    .float-view .content-page h3 h5,
    .float-view .content-page h3 h6,
    .float-view .content-page h3 hr,
    .float-view .content-page h3 ol,
    .float-view .content-page h3 p,
    .float-view .content-page h3 pre,
    .float-view .content-page h3 ul,
    .float-view .content-page h4 dl,
    .float-view .content-page h4 h2,
    .float-view .content-page h4 h3,
    .float-view .content-page h4 h4,
    .float-view .content-page h4 h5,
    .float-view .content-page h4 h6,
    .float-view .content-page h4 hr,
    .float-view .content-page h4 ol,
    .float-view .content-page h4 p,
    .float-view .content-page h4 pre,
    .float-view .content-page h4 ul,
    .float-view .content-page h5 dl,
    .float-view .content-page h5 h2,
    .float-view .content-page h5 h3,
    .float-view .content-page h5 h4,
    .float-view .content-page h5 h5,
    .float-view .content-page h5 h6,
    .float-view .content-page h5 hr,
    .float-view .content-page h5 ol,
    .float-view .content-page h5 p,
    .float-view .content-page h5 pre,
    .float-view .content-page h5 ul,
    .float-view .content-page h6 dl,
    .float-view .content-page h6 h2,
    .float-view .content-page h6 h3,
    .float-view .content-page h6 h4,
    .float-view .content-page h6 h5,
    .float-view .content-page h6 h6,
    .float-view .content-page h6 hr,
    .float-view .content-page h6 ol,
    .float-view .content-page h6 p,
    .float-view .content-page h6 pre,
    .float-view .content-page h6 ul,
    .float-view .content-page hr dl,
    .float-view .content-page hr h2,
    .float-view .content-page hr h3,
    .float-view .content-page hr h4,
    .float-view .content-page hr h5,
    .float-view .content-page hr h6,
    .float-view .content-page hr hr,
    .float-view .content-page hr ol,
    .float-view .content-page hr p,
    .float-view .content-page hr pre,
    .float-view .content-page hr ul,
    .float-view .content-page ol dl,
    .float-view .content-page ol h2,
    .float-view .content-page ol h3,
    .float-view .content-page ol h4,
    .float-view .content-page ol h5,
    .float-view .content-page ol h6,
    .float-view .content-page ol hr,
    .float-view .content-page ol ol,
    .float-view .content-page ol p,
    .float-view .content-page ol pre,
    .float-view .content-page ol ul,
    .float-view .content-page p dl,
    .float-view .content-page p h2,
    .float-view .content-page p h3,
    .float-view .content-page p h4,
    .float-view .content-page p h5,
    .float-view .content-page p h6,
    .float-view .content-page p hr,
    .float-view .content-page p ol,
    .float-view .content-page p p,
    .float-view .content-page p pre,
    .float-view .content-page p ul,
    .float-view .content-page ul dl,
    .float-view .content-page ul h2,
    .float-view .content-page ul h3,
    .float-view .content-page ul h4,
    .float-view .content-page ul h5,
    .float-view .content-page ul h6,
    .float-view .content-page ul hr,
    .float-view .content-page ul ol,
    .float-view .content-page ul p,
    .float-view .content-page ul pre,
    .float-view .content-page ul ul {
        float: none;
        display: block
    }
    .float-view .content-page hr {
        border-color: #ddd
    }
    .float-view .content-page blockquote p,
    .float-view .content-page blockquote pre,
    .float-view .content-page li p,
    .float-view .content-page li pre {
        width: 100%
    }
    .float-view .content-page ol li,
    .float-view .content-page ul li {
        margin-left: 30px
    }
    .float-view .content-page pre {
        float: left;
        clear: right;
        width: 47%;
        border: none;
        border-left: 10px solid #fff;
        margin: 0 0 10px;
        padding: 0 0 0 10px
    }
}

table {
    width: 100%;
    border-bottom: 1px solid #606060;
    margin-bottom: 10px
}

table tr td,
table tr th {
    padding: 8px;
    line-height: 20px;
    vertical-align: top;
    border-top: 1px solid #606060;
    border-left: 1px solid #606060;
    border-color: #606060!important
}

table tr td:last-child,
table tr th:last-child {
    border-right: 1px solid #606060
}

.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 15px
}

#github-ribbon {
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 200
}

.language-picker {
    color: white;
}

.sidebar-links, .language-picker {
    padding: 20px
}

.sidebar-links a, .language-picker a {
    font-size: 13px;
    font-family: Roboto Slab, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #fff;
    line-height: 28px
}

.sidebar-links a,
.sidebar-links a:hover,
.language-picker a,
.language-picker a:hover {
    border-bottom-color: #fff
}

.sidebar-links .twitter hr {
    border-bottom: none;
    margin-left: -20px;
    margin-right: -20px
}

.search {
    position: relative
}

.search__field {
    padding-right: 30px
}

.search__icon {
    position: absolute;
    right: 12px;
    top: 10px
}

.TableOfContents {
    font-size: 16px;
    padding-left: 30px;
    border-left: 6px solid #efefef
}

.TableOfContents p {
    margin-bottom: 0
}

.TableOfContents .TableOfContents {
    border-left-width: 0;
    padding-left: 20px
}

.hljs {
    display: block;
    padding: .5em
}

.hljs,
.hljs-clojure .hljs-built_in,
.hljs-lisp .hljs-title,
.hljs-nginx .hljs-title,
.hljs-subst,
.hljs-tag .hljs-title {
    color: #f8f8f2
}

.hljs-meta {
    color: #75715e
}

.hljs-keyword {
    color: #f92672
}

.hljs-function {
    color: #89e229
}

.hljs-function .hljs-params {
    color: #fff
}

.hljs-literal,
.hljs-number {
    color: #ae81ff
}

.hljs-string {
    color: #e6db74
}

.hljs-comment {
    color: #75715e
}

.hljs-type {
    color: #66d8ee
}