@font-face {
    font-family: "OpenSans";
    src: url("../fonts/OpenSans-Regular.ttf");
}

@font-face {
    font-family: "OpenSans";
    src: url("../fonts/OpenSans-Bold.ttf");
    font-weight: bold;
}

@font-face {
    font-family: "OpenSans";
    src: url("../fonts/OpenSans-RegularItalic.ttf");
    font-style: italic;
}

body,
.rst-versions {
    color: #3c3c3c;
}

.rst-versions.shift-up {
    overflow-y: hidden;
}

.social-media a, .social-media a:visited {
    font-size: 16px;
    color: #3c3c3c;
    transition: 150ms color;
}

.social-media span {
    margin: 0px 8px;
}

.wy-nav-side {
    border-right: 1px solid #e1e4e5;
    background-color: #3c3c3c;
}

a,
.wy-alert.wy-alert-neutral a,
.wy-inline-validate.wy-inline-validate-info .wy-input-context,
.rst-content .wy-alert-neutral.note a,
.rst-content .wy-alert-neutral.attention a,
.rst-content .wy-alert-neutral.caution a,
.rst-content .wy-alert-neutral.danger a,
.rst-content .wy-alert-neutral.error a,
.rst-content .wy-alert-neutral.hint a,
.rst-content .wy-alert-neutral.important a,
.rst-content .wy-alert-neutral.tip a,
.rst-content .wy-alert-neutral.warning a,
.rst-content .wy-alert-neutral.seealso a,
.rst-content .wy-alert-neutral.admonition-todo a,
.rst-versions a,
.rst-content a tt,
.rst-content a tt,
.rst-content a code,
.btn-link,
.social-media a:hover {
    color: #0090d7
}

.wy-tray-container li.wy-tray-item-info,
.btn-info.wy-nav-top,
.wy-nav-top img {
    background-color: #0090d7;
}

.wy-table-responsive table td,
.wy-table-responsive table th {
    white-space: normal;
}

.wy-table-responsive {
    overflow: visible;
}

.wy-table-responsive thead th p {
    margin-bottom: 0;
}

.wy-dropdown.wy-dropdown-bubble .wy-dropdown-menu a:hover,
.wy-menu-vertical a:active,
.wy-dropdown-menu > dd > a:hover {
    background-color: #0090d7;
    color: #fff;
}

.wy-text-info {
    color: #0090d7 !important;
}

.wy-menu-vertical .highlighted {
    background: #F1C40F;
    display: inline-block;
    font-weight: bold;
    padding: 0px 6px;
}

.wy-menu-vertical a {
    color: #9c9c9c;
}

.wy-menu-vertical li.current a {
    color: #404040;
}

.wy-menu-vertical header,
.wy-menu-vertical p.caption {
    color: #fff;
}

.wy-menu-vertical li span.toctree-expand {
    color: #9c9c9c;
}

.wy-menu-vertical li.toctree-l2 span.toctree-expand {
    color: #404040;
}

.wy-menu-vertical a:hover {
    color:#d9d9d9;
}

.wy-side-nav-search {
    background-color: #0090d7;
    color: #fcfcfc;
}

.wy-side-nav-search img {
    background-color: transparent;
}

.wy-side-nav-search span {
    font-weight: bold;
}

.bth-spacer {
    position: relative;
    height: 170px;
}

.back-to-home {
    position: absolute;
    top: 0px;
    left: 0px;
    width: inherit;
    height: 180px;
    background-repeat: no-repeat;
    background-size: 400px 400px;
    background-position: right -45px bottom 10px;
}

.back-to-home img {
    height: 39px;
    width: 181px;
    border-radius: 0px;
    padding: 0;
    position: relative;
    margin: 12px 20px 0px auto;
    transition: 120ms opacity;
}

.back-to-home img:hover {
    opacity: 0.8;
}

.rst-versions {
    width: 299px;
    background-color: #292929;
}

.rst-content dl:not(.docutils) dt {
    color: #0090d7;
    border-top: solid 3px #6ab0de;
}

.rst-content .section ul p {
    margin-bottom: 4px;
}

.highlight pre {
    white-space: pre-wrap !important;
}

.lastupdated {
    float: right;
}

footer,
footer p {
    font-family: "OpenSans", "proxima-nova", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
}

.extrafooter {
    padding: 16px 0px;
}

.table-small colgroup col {
    width: auto !important;
}

.table-small th {
    white-space: nowrap !important;
}

.table-small .head p {
    transform: translate(0px, 130px) rotate(270deg);
    padding: 130px 0px;
    margin: 0 auto;
    width: 0;
}

.table-small td {
    padding: 4px 8px !important;
}

code,
.rst-content tt,
.rst-content code {
    white-space: pre-wrap !important;
}

.youtube_wrapper {
    margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
    .back-to-home {
        width: 100%;
    }

    .rst-versions {
        width: 85%;
    }
}