/* CODE BLOCK */
.highlight,
html .gist .gist-file .gist-syntax .gist-highlight { border: 1px solid #05232b !important }
.highlight table td.code,
html .gist .gist-file .gist-syntax .gist-highlight table td.code { width: 100% }
.highlight .line-numbers,
html .gist .gist-file .gist-syntax .highlight .line_numbers {
    text-align: right;
    font-size: 13px;
    line-height: 1.45em;
    background: #073642 url('/blog/images/noise.png?1396784385') top left !important;
    border-right: 1px solid #00232c !important;
    -webkit-box-shadow: #083e4b -1px 0 inset;
    -moz-box-shadow: #083e4b -1px 0 inset;
    box-shadow: #083e4b -1px 0 inset;
    text-shadow: #021014 0 -1px;
    padding: .8em !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.highlight .line-numbers span,
html .gist .gist-file .gist-syntax .highlight .line_numbers span { color: #586e75 !important }
figure.code,
.gist-file,
pre {
    -webkit-box-shadow: rgba(0,0,0,0.06) 0 0 10px;
    -moz-box-shadow: rgba(0,0,0,0.06) 0 0 10px;
    box-shadow: rgba(0,0,0,0.06) 0 0 10px;
}
figure.code .highlight pre,
.gist-file .highlight pre,
pre .highlight pre {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.gist .highlight *::-moz-selection,
figure.code .highlight *::-moz-selection {
    background: #386774;
    color: inherit;
    text-shadow: #002b36 0 1px;
}
.gist .highlight *::-webkit-selection,
figure.code .highlight *::-webkit-selection {
    background: #386774;
    color: inherit;
    text-shadow: #002b36 0 1px;
}
.gist .highlight *::selection,
figure.code .highlight *::selection {
    background: #386774;
    color: inherit;
    text-shadow: #002b36 0 1px;
}
html .gist .gist-file {
    margin-bottom: 1.8em;
    position: relative;
    border: none;
    padding-top: 26px !important;
}
html .gist .gist-file .highlight { margin-bottom: 0 }
html .gist .gist-file .gist-syntax {
    border-bottom: 0 !important;
    background: none !important;
}
html .gist .gist-file .gist-syntax .gist-highlight { background: #002b36 !important }
html .gist .gist-file .gist-syntax .highlight pre { padding: 0 }
html .gist .gist-file .gist-meta {
    padding: .6em 0.8em;
    border: 1px solid #083e4b !important;
    color: #586e75;
    font-size: .7em !important;
    background: #073642 url('/blog/images/noise.png?1396784385') top left;
    line-height: 1.5em;
}
html .gist .gist-file .gist-meta a {
    color: #75878b !important;
    text-decoration: none;
}
html .gist .gist-file .gist-meta a:hover { text-decoration: underline }
html .gist .gist-file .gist-meta a:hover { color: #93a1a1 !important }
html .gist .gist-file .gist-meta a[href*='#file'] {
    position: absolute;
    top: 0;
    left: 0;
    right: -10px;
    color: #474747 !important;
}
html .gist .gist-file .gist-meta a[href*='#file']:hover { color: #1863a1 !important }
html .gist .gist-file .gist-meta a[href*=raw] { top: .4em }
pre {
    background: #002b36 url('/blog/images/noise.png?1396784385') top left;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    -ms-border-radius: 0.4em;
    -o-border-radius: 0.4em;
    border-radius: 0.4em;
    border: 1px solid #05232b;
    line-height: 1.45em;
    font-size: 13px;
    margin-bottom: 2.1em;
    padding: .8em 1em;
    color: #93a1a1;
    overflow: auto;
}
h3.filename+pre {
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
}
p code,
li code {
    display: inline-block;
    white-space: no-wrap;
    background: #fff;
    font-size: .8em;
    line-height: 1.5em;
    color: #555;
    border: 1px solid #ddd;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    -ms-border-radius: 0.4em;
    -o-border-radius: 0.4em;
    border-radius: 0.4em;
    padding: 0 .3em;
    margin: -1px 0;
}
p pre code,
li pre code {
    font-size: 1em !important;
    background: none;
    border: none;
}
.pre-code,
html .gist .gist-file .gist-syntax .highlight pre,
.highlight code {
    font-family: Menlo,Monaco,"Andale Mono","lucida console","Courier New",monospace !important;
    overflow: scroll;
    overflow-y: hidden;
    display: block;
    padding: .8em;
    overflow-x: auto;
    line-height: 1.45em;
    background: #002b36 url('/blog/images/noise.png?1396784385') top left !important;
    color: #93a1a1 !important;
}
.pre-code span,
html .gist .gist-file .gist-syntax .highlight pre span,
.highlight code span { color: #93a1a1 !important }
.pre-code span,
html .gist .gist-file .gist-syntax .highlight pre span,
.highlight code span {
    font-style: normal !important;
    font-weight: normal !important;
}
.pre-code .c,
html .gist .gist-file .gist-syntax .highlight pre .c,
.highlight code .c {
    color: #586e75 !important;
    font-style: italic !important;
}
.pre-code .cm,
html .gist .gist-file .gist-syntax .highlight pre .cm,
.highlight code .cm {
    color: #586e75 !important;
    font-style: italic !important;
}
.pre-code .cp,
html .gist .gist-file .gist-syntax .highlight pre .cp,
.highlight code .cp {
    color: #586e75 !important;
    font-style: italic !important;
}
.pre-code .c1,
html .gist .gist-file .gist-syntax .highlight pre .c1,
.highlight code .c1 {
    color: #586e75 !important;
    font-style: italic !important;
}
.pre-code .cs,
html .gist .gist-file .gist-syntax .highlight pre .cs,
.highlight code .cs {
    color: #586e75 !important;
    font-weight: bold !important;
    font-style: italic !important;
}
.pre-code .err,
html .gist .gist-file .gist-syntax .highlight pre .err,
.highlight code .err {
    color: #dc322f !important;
    background: none !important;
}
.pre-code .k,
html .gist .gist-file .gist-syntax .highlight pre .k,
.highlight code .k { color: #cb4b16 !important }
.pre-code .o,
html .gist .gist-file .gist-syntax .highlight pre .o,
.highlight code .o {
    color: #93a1a1 !important;
    font-weight: bold !important;
}
.pre-code .p,
html .gist .gist-file .gist-syntax .highlight pre .p,
.highlight code .p { color: #93a1a1 !important }
.pre-code .ow,
html .gist .gist-file .gist-syntax .highlight pre .ow,
.highlight code .ow {
    color: #2aa198 !important;
    font-weight: bold !important;
}
.pre-code .gd,
html .gist .gist-file .gist-syntax .highlight pre .gd,
.highlight code .gd {
    color: #93a1a1 !important;
    background-color: #372c34 !important;
    display: inline-block;
}
.pre-code .gd .x,
html .gist .gist-file .gist-syntax .highlight pre .gd .x,
.highlight code .gd .x {
    color: #93a1a1 !important;
    background-color: #4d2d33 !important;
    display: inline-block;
}
.pre-code .ge,
html .gist .gist-file .gist-syntax .highlight pre .ge,
.highlight code .ge {
    color: #93a1a1 !important;
    font-style: italic !important;
}
.pre-code .gh,
html .gist .gist-file .gist-syntax .highlight pre .gh,
.highlight code .gh { color: #586e75 !important }
.pre-code .gi,
html .gist .gist-file .gist-syntax .highlight pre .gi,
.highlight code .gi {
    color: #93a1a1 !important;
    background-color: #1a412b !important;
    display: inline-block;
}
.pre-code .gi .x,
html .gist .gist-file .gist-syntax .highlight pre .gi .x,
.highlight code .gi .x {
    color: #93a1a1 !important;
    background-color: #355720 !important;
    display: inline-block;
}
.pre-code .gs,
html .gist .gist-file .gist-syntax .highlight pre .gs,
.highlight code .gs {
    color: #93a1a1 !important;
    font-weight: bold !important;
}
.pre-code .gu,
html .gist .gist-file .gist-syntax .highlight pre .gu,
.highlight code .gu { color: #6c71c4 !important }
.pre-code .kc,
html .gist .gist-file .gist-syntax .highlight pre .kc,
.highlight code .kc {
    color: #859900 !important;
    font-weight: bold !important;
}
.pre-code .kd,
html .gist .gist-file .gist-syntax .highlight pre .kd,
.highlight code .kd { color: #268bd2 !important }
.pre-code .kp,
html .gist .gist-file .gist-syntax .highlight pre .kp,
.highlight code .kp {
    color: #cb4b16 !important;
    font-weight: bold !important;
}
.pre-code .kr,
html .gist .gist-file .gist-syntax .highlight pre .kr,
.highlight code .kr {
    color: #d33682 !important;
    font-weight: bold !important;
}
.pre-code .kt,
html .gist .gist-file .gist-syntax .highlight pre .kt,
.highlight code .kt { color: #2aa198 !important }
.pre-code .n,
html .gist .gist-file .gist-syntax .highlight pre .n,
.highlight code .n { color: #268bd2 !important }
.pre-code .na,
html .gist .gist-file .gist-syntax .highlight pre .na,
.highlight code .na { color: #268bd2 !important }
.pre-code .nb,
html .gist .gist-file .gist-syntax .highlight pre .nb,
.highlight code .nb { color: #859900 !important }
.pre-code .nc,
html .gist .gist-file .gist-syntax .highlight pre .nc,
.highlight code .nc { color: #d33682 !important }
.pre-code .no,
html .gist .gist-file .gist-syntax .highlight pre .no,
.highlight code .no { color: #b58900 !important }
.pre-code .nl,
html .gist .gist-file .gist-syntax .highlight pre .nl,
.highlight code .nl { color: #859900 !important }
.pre-code .ne,
html .gist .gist-file .gist-syntax .highlight pre .ne,
.highlight code .ne {
    color: #268bd2 !important;
    font-weight: bold !important;
}
.pre-code .nf,
html .gist .gist-file .gist-syntax .highlight pre .nf,
.highlight code .nf {
    color: #268bd2 !important;
    font-weight: bold !important;
}
.pre-code .nn,
html .gist .gist-file .gist-syntax .highlight pre .nn,
.highlight code .nn { color: #b58900 !important }
.pre-code .nt,
html .gist .gist-file .gist-syntax .highlight pre .nt,
.highlight code .nt {
    color: #268bd2 !important;
    font-weight: bold !important;
}
.pre-code .nx,
html .gist .gist-file .gist-syntax .highlight pre .nx,
.highlight code .nx { color: #b58900 !important }
.pre-code .vg,
html .gist .gist-file .gist-syntax .highlight pre .vg,
.highlight code .vg { color: #268bd2 !important }
.pre-code .vi,
html .gist .gist-file .gist-syntax .highlight pre .vi,
.highlight code .vi { color: #268bd2 !important }
.pre-code .nv,
html .gist .gist-file .gist-syntax .highlight pre .nv,
.highlight code .nv { color: #268bd2 !important }
.pre-code .mf,
html .gist .gist-file .gist-syntax .highlight pre .mf,
.highlight code .mf { color: #2aa198 !important }
.pre-code .m,
html .gist .gist-file .gist-syntax .highlight pre .m,
.highlight code .m { color: #2aa198 !important }
.pre-code .mh,
html .gist .gist-file .gist-syntax .highlight pre .mh,
.highlight code .mh { color: #2aa198 !important }
.pre-code .mi,
html .gist .gist-file .gist-syntax .highlight pre .mi,
.highlight code .mi { color: #2aa198 !important }
.pre-code .s,
html .gist .gist-file .gist-syntax .highlight pre .s,
.highlight code .s { color: #2aa198 !important }
.pre-code .sd,
html .gist .gist-file .gist-syntax .highlight pre .sd,
.highlight code .sd { color: #2aa198 !important }
.pre-code .s2,
html .gist .gist-file .gist-syntax .highlight pre .s2,
.highlight code .s2 { color: #2aa198 !important }
.pre-code .se,
html .gist .gist-file .gist-syntax .highlight pre .se,
.highlight code .se { color: #dc322f !important }
.pre-code .si,
html .gist .gist-file .gist-syntax .highlight pre .si,
.highlight code .si { color: #268bd2 !important }
.pre-code .sr,
html .gist .gist-file .gist-syntax .highlight pre .sr,
.highlight code .sr { color: #2aa198 !important }
.pre-code .s1,
html .gist .gist-file .gist-syntax .highlight pre .s1,
.highlight code .s1 { color: #2aa198 !important }
.pre-code div .gd,
html .gist .gist-file .gist-syntax .highlight pre div .gd,
.highlight code div .gd,
.pre-code div .gd .x,
html .gist .gist-file .gist-syntax .highlight pre div .gd .x,
.highlight code div .gd .x,
.pre-code div .gi,
html .gist .gist-file .gist-syntax .highlight pre div .gi,
.highlight code div .gi,
.pre-code div .gi .x,
html .gist .gist-file .gist-syntax .highlight pre div .gi .x,
.highlight code div .gi .x {
    display: inline-block;
    width: 100%;
}
.highlight,
.gist-highlight {
    margin-bottom: 1.8em;
    background: #002b36;
    overflow-y: hidden;
    overflow-x: auto;
}
.highlight pre,
.gist-highlight pre {
    background: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    border: none;
    padding: 0;
    margin-bottom: 0;
}
pre::-webkit-scrollbar,
.highlight::-webkit-scrollbar,
.gist-highlight::-webkit-scrollbar {
    height: .5em;
    background: rgba(255,255,255,0.15);
}
pre::-webkit-scrollbar-thumb:horizontal,
.highlight::-webkit-scrollbar-thumb:horizontal,
.gist-highlight::-webkit-scrollbar-thumb:horizontal {
    background: rgba(255,255,255,0.2);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.highlight code { background: #000 }
figure.code {
    background: none;
    padding: 0;
    border: 0;
    margin-bottom: 1.5em;
}
figure.code pre { margin-bottom: 0 }
figure.code figcaption { position: relative }
figure.code .highlight { margin-bottom: 0 }
.code-title,
html .gist .gist-file .gist-meta a[href*='#file'],
h3.filename,
figure.code figcaption {
    text-align: center;
    font-size: 13px;
    line-height: 2em;
    text-shadow: #cbcccc 0 1px 0;
    color: #474747;
    font-weight: normal;
    margin-bottom: 0;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    font-family: "Helvetica Neue", Arial, "Lucida Grande", "Lucida Sans Unicode", Lucida, sans-serif;
    background: #aaa url('/blog/images/code_bg.png?1396784385') top repeat-x;
    border: 1px solid #565656;
    border-top-color: #cbcbcb;
    border-left-color: #a5a5a5;
    border-right-color: #a5a5a5;
    border-bottom: 0;
}
.download-source,
html .gist .gist-file .gist-meta a[href*=raw],
figure.code figcaption a {
    position: absolute;
    right: .8em;
    text-decoration: none;
    color: #666 !important;
    z-index: 1;
    font-size: 13px;
    text-shadow: #cbcccc 0 1px 0;
    padding-left: 3em;
}
.download-source:hover,
html .gist .gist-file .gist-meta a[href*=raw]:hover,
figure.code figcaption a:hover { text-decoration: underline }

.highlight > table {
	margin-top: -5px !important;
}

.code {
	margin-top: 20px !important;
}

.img-leg {
	text-align: center;
	font-size: 14px;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}

.fixed-height {
    height: 500px !important;
    background-color: #A3A3A3 !important;
}