/*@import url(//fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);*/

html, body {background:#171717; color:#e6e6e6; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-top:0.5rem;}
a {color:#75b6e7;}
a:hover {color:#278cda;}
a.normal {color:#e6e6e6;}
a.normal:hover{color:#e6e6e6;}

.wrapper {width:100%; height:100%; display: flex; flex-direction: column; align-items: stretch;}
.header {background: #000;color: #fff;padding: 15px; z-index: 40;}
.header h1 {margin:0;}
.header h1 img {width: auto; height: 13px; }
.contents {flex:1; display: flex; align-items: stretch;}
.contents .navi {width:350px; height:100vh; padding: 20px 20px 20px; position: fixed; top:43px; left:0; overflow-y: auto; font-size: 90%; color:#e6e6e6}
.contents .navi.sticky {top:0;}
.contents .navi ul li > ul { padding-left:10px; margin-top:5px;}
.contents .navi ul li  {padding: 3px 0;}
.contents .navi ul li strong { color :#fff;}
.contents .navi ul li a { color: #e6e6e6;}
.contents .document {flex:1; width:100%; padding-left:350px;}
.contents .document .document-content {padding:15px 30px 100px;}
.table {margin-top:1rem; margin-bottom: 2rem;}
.table-bordered {border:1px solid #2d2d2d;}
.table thead th {border-bottom:1px solid #2d2d2d;}
.table-bordered td, .table-bordered th {border:1px solid #2d2d2d;}
.table-bordered thead td, .table-bordered thead th {border-bottom-width: 1px; padding:.5rem;}
code {color:#e6e6e6; word-wrap: break-word;background-color: #404040;border-radius: 3px;font-size: 85%;padding: 0.2em 0.3em;}
span.warning {color: #f08d49;}
nav.sample {padding-top:5px;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color:#e6e6e6; background: #171717;border-color: #dee2e6 #dee2e6 #171717;}
.nav-tabs .nav-link {color:#d2d2d2;}
.nav-tabs .nav-link {margin-bottom: -1px;border: 1px solid transparent;border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem;}

code[class*=language-], pre[class*=language-] {font-size:90%; }
pre[class*=language-] {border-radius: 5px;}
code[class*=language-] {padding:0;}

a.next-session {display:block; margin-top:20px;}

hr {border-top:1px solid rgba(255,255,255,.1)}
.indent {text-indent: 5px;}

.indent-double {text-indent: 25px;}
.update-date {color:#666666; font-style: italic}