body {
    background: #fff;
    font-family: "Segoe UI",Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif
}

.craftpip-logo {
    background-image: url(logo-name.svg);
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    width: 130px;
    display: block;
    height: 20px
}

kbd.blue {
    background-color: #2980B9;
    font-family: inherit;
    padding-left: 10px;
    padding-right: 10px
}

.sideBar {
    position: fixed
}

@media (max-width: 992px) {
    .sideBar {
        position:relative
    }
}

.section {
    border-left: solid 5px #2980B9;
    padding-left: 15px
}

.spacer15 {
    height: 15px
}

pre ol {
    margin: 0!important
}

.btn-download {
    background: #3498db;
    color: #fff;
    border: none;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.1);
    box-shadow: 0 2px 3px rgba(0,0,0,.1)
}

.btn-download:hover {
    background: #2980b9;
    color: #fff
}

.btn-download {
    border-radius: 0
}

.com {
    color: #93a1a1
}

.lit {
    color: #195f91
}

.clo,.opn,.pun {
    color: #93a1a1
}

.fun {
    color: #dc322f
}

.atv,.str {
    color: #D14
}

.kwd,.prettyprint .tag {
    color: #1e347b
}

.atn,.dec,.typ,.var {
    color: teal
}

.pln {
    color: #48484c
}

.prettyprint {
    padding: 8px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8
}

.prettyprint.linenums {
    -webkit-box-shadow: inset 40px 0 0 #fbfbfc,inset 41px 0 0 #ececf0;
    box-shadow: inset 40px 0 0 #fbfbfc,inset 41px 0 0 #ececf0
}

ol.linenums {
    margin: 0 0 0 33px
}

ol.linenums li {
    padding-left: 12px;
    color: #bebec5;
    line-height: 20px;
    text-shadow: 0 1px 0 #fff
}

.special {
    font-style: italic;
    font-weight: 700!important;
    color: #bc0000!important;
    background: #000
}
.gotoSmooth:hover{
    background: #3498db !important;
    font-weight: bold;
    color: white !important;
}