.wrap{margin: 20px 0;}
.code-outjava{background: #151515;padding: 15px;border-radius: 5px;margin: 0 0 20px;}
.highlight{color:#d0d0d0}
.highlight table td{padding:5px}
.highlight table pre{margin:0}
.highlight .w{color:#d0d0d0}
.highlight .err{color:#151515;background-color:#ac4142}
.highlight .c,.highlight .cd,.highlight .cm,.highlight .c1,.highlight .cs{color:#888}
.highlight .cp{color:#f4bf75}
.highlight .o,.highlight .ow{color:#f4bf75}
.highlight .p,.highlight .pi{color:#d0d0d0}
.highlight .gi{color:#90a959}
.highlight .gd{color:#ac4142}
.highlight .gh{color:#6a9fb5;font-weight:bold}
.highlight .k,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kv{color:#aa759f}
.highlight .kc,.highlight .kt,.highlight .kd{color:#d28445}
.highlight .s,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .s2,.highlight .sh,.highlight .sx,.highlight .s1{color:#90a959}
.highlight .sr{color:#75b5aa}
.highlight .si,.highlight .se{color:#8f5536}
.highlight .nt,.highlight .nn,.highlight .nc,.highlight .no{color:#f4bf75}
.highlight .na{color:#6a9fb5}
.highlight .m,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .il,.highlight .mo,.highlight .mb,.highlight .mx{color:#90a959}
.highlight .ss{color:#90a959}
dt{font-style:italic;font-weight:bold}
blockquote{color:#aaa;padding-left:10px;border-left:1px dotted #666}
pre{background:rgba(0,0,0,0.9);border:1px solid rgba(255,255,255,0.15);padding:10px;font-size:16px;color:#b5e853;border-radius:2px;word-wrap:normal;overflow:auto;overflow-y:hidden}
code.highlighter-rouge{background:rgba(0,0,0,0.9);border:1px solid rgba(255,255,255,0.15);padding:0 3px;margin:0 -3px;color:#aa759f;border-radius:2px}
table{width:100%;margin:0 0 20px 0}
th{text-align:left;border-bottom:1px dashed #b5e853;padding:5px 10px}
td{padding:5px 10px}
hr{height:0;border:0;border-bottom:1px dashed #b5e853;color:#b5e853}
.btn{margin: 0 5px;display:inline-block;background:-webkit-linear-gradient(top,rgba(40,40,40,0.3),rgba(35,35,35,0.3) 50%,rgba(10,10,10,0.3) 50%,rgba(0,0,0,0.3));padding:8px 18px;border-radius:50px;border:2px solid rgba(0,0,0,0.7);border-bottom:2px solid rgba(0,0,0,0.7);border-top:2px solid #000;color:rgba(255,255,255,0.8)!important;font-family:Helvetica,Arial,sans-serif;font-weight:bold;font-size:13px;text-decoration:none;text-shadow:0 -1px 0 rgba(0,0,0,0.75);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05)}
.btn:hover{background:-webkit-linear-gradient(top,rgba(40,40,40,0.6),rgba(35,35,35,0.6) 50%,rgba(10,10,10,0.8) 50%,rgba(0,0,0,0.8))}
.btn .icon{display:inline-block;width:16px;height:16px;margin:1px 8px 0 0;float:left}
.btn-github .icon{opacity:0.6;background:url("https://vietbloggerdesign.github.io/images/blacktocat.png") 0 0 no-repeat}
.cf:before,.cf:after{content:"";display:table}
.cf:after{clear:both}
.cf{zoom:1}
.hljs-comment,.hljs-quote{color:#969896}
.hljs-variable,.hljs-template-variable,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-deletion{color:#d54e53}
.hljs-number,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params,.hljs-meta,.hljs-link{color:#e78c45}
.hljs-attribute{color:#e7c547}
.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#b9ca4a}
.hljs-title,.hljs-section{color:#7aa6da}
.hljs-keyword,.hljs-selector-tag{color:#c397d8}
.hljs{display:block;overflow-x:auto;background:black;color:#eaeaea;padding:0.5em}
.hljs-emphasis{font-style:italic}
.hljs-strong{font-weight:bold}
@keyframes hover-color{from{border-color:#5A5A5A}to{border-color:#b5e853}}
.magic-radio,.magic-checkbox{position:absolute;display:none}
.magic-radio[disabled],.magic-checkbox[disabled]{cursor:not-allowed}
.magic-radio+label,.magic-checkbox+label{position:relative;display:block;padding-left:30px;cursor:pointer;vertical-align:middle}
.magic-radio+label:hover:before,.magic-checkbox+label:hover:before{animation-duration:0.4s;animation-fill-mode:both;animation-name:hover-color}
.magic-radio+label:before,.magic-checkbox+label:before{position:absolute;top:0;left:0;display:inline-block;width:20px;height:20px;content:'';border:1px solid #5A5A5A}
.magic-radio+label:after,.magic-checkbox+label:after{position:absolute;display:none;content:''}
.magic-radio[disabled]+label,.magic-checkbox[disabled]+label{cursor:not-allowed;color:#7e7e7e}
.magic-radio[disabled]+label:hover,.magic-radio[disabled]+label:before,.magic-radio[disabled]+label:after,.magic-checkbox[disabled]+label:hover,.magic-checkbox[disabled]+label:before,.magic-checkbox[disabled]+label:after{cursor:not-allowed}
.magic-radio[disabled]+label:hover:before,.magic-checkbox[disabled]+label:hover:before{border:1px solid #7e7e7e;animation-name:none}
.magic-radio[disabled]+label:before,.magic-checkbox[disabled]+label:before{border-color:#7e7e7e}
.magic-radio:checked+label:before,.magic-checkbox:checked+label:before{animation-name:none}
.magic-radio:checked+label:after,.magic-checkbox:checked+label:after{display:block}
.magic-radio+label:before{border-radius:50%}
.magic-radio+label:after{top:7px;left:7px;width:8px;height:8px;border-radius:50%;background:#b5e853}
.magic-radio:checked+label:before{border:1px solid #b5e853}
.magic-radio:checked[disabled]+label:before{border:1px solid #effada}
.magic-radio:checked[disabled]+label:after{background:#effada}
.magic-checkbox+label:before{border-radius:3px}
.magic-checkbox+label:after{top:2px;left:7px;box-sizing:border-box;width:6px;height:12px;transform:rotate(45deg);border-width:2px;border-style:solid;border-color:#fff;border-top:0;border-left:0}
.magic-checkbox:checked+label:before{border:#b5e853;background:#b5e853}
.magic-checkbox:checked[disabled]+label:before{border:#effada;background:#effada}
.content{box-sizing:border-box;background:rgba(0,0,0,0.9);color:#eaeaea;display:block;width:100%!important;padding:.5em;border:1px solid rgba(255,255,255,0.15);resize:vertical}
#output{display:none}
.config{font-size:smaller;color:#595656}
.config input{margin-right:4px;vertical-align:middle}
.config input:checked+label{color:#eaeaea}
.config label{display:inline-block;margin:.5em}
.center{text-align:center;margin:20px auto 0}
.btn:active,.btn:focus,.btn:hover{outline:0 none}
.btn:active{background:rgba(0,0,0,0.8);color:#b5e853}
.btn::-moz-focus-inner{border:0 none}
#view{transition:opacity ease-in-out .2s}
#view.waiting{opacity:.3}
.magic-radio[disabled]+label{color:#ff2323}
.magic-radio[disabled]+label:before,.magic-radio[disabled]+label:hover:before{border-color:#ff2323}
#offline{display:none;font-size:.4em;text-transform:uppercase;color:#afafaf;margin-left:1em;padding:1px 4px;border:1px solid #111;background:#444;border-radius:4px;text-shadow:initial}
#offline.show{display:inline-block}
#nicify+label{color:#ffeb3b}
#nicify+label:before{border-color:#ffeb3b}
#nicify+label:hover:before{animation-name:special-hover-color}
#nicify+label:after{background:#9C27B0}
#nicify[disabled]+label{color:#000}
#nicify[disabled]+label:before{border-color:#000}
#nicify[disabled]+label:hover:before{animation:initial}
#nicify:checked+label{color:#9C27B0}
#nicify:checked+label:before{border-color:#9C27B0}
@keyframes special-hover-color{from{border-color:#ffeb3b}to{border-color:#9C27B0}}
pre{counter-reset:line-numbers;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;padding:.5em .5em .5em 5em;border-left:1px solid #1d1f21}
code{display:block;position:relative;margin-left:3em;padding-left:.5em;min-height:1em;border-left:1px solid #232323}
code:before{counter-increment:line-numbers;content:counter(line-numbers);display:block;position:absolute;left:-3.5em;top:0;width:3em;text-align:right;color:#4a4a4a;white-space:pre}
.view-wrap{position:relative}
.view-wrap:hover .view-control{opacity:1}
.view-control{position:absolute;right:1px;top:5px;z-index:10;opacity:0;transition:opacity 200ms}
.view-control .btn{border-radius: 4px;display:block;background:#000;border:0 none;box-shadow:initial;border-radius:0;cursor:pointer;width:40px;height:40px;padding:0;line-height:40px;transition:background 200ms;text-align:center;float:right}
.view-control .btn:hover{background:#444}
.view-control .btn:active{background:#222}
.view-control .btn .btn-icon{width:16px;height:16px;vertical-align:middle}
#copyjs.copied{background:#b5e853}
#copyjs.selected{background:#ff2323}
#preview{display:none}
#preview.show{display:block}