body{margin:0;font-family:'Source Sans Pro','Helvetica Neue',Arial,sans-serif;font-size:20px;overflow:hidden}.sidebar-wrapper{width:400px;position:relative}.sidebar{position:fixed;left:0;width:400px;height:100vh;overflow:auto;box-sizing:border-box;box-shadow:0 0 3px rgba(0,0,0,.3);z-index:200}.sidebar .sidebar-content{padding:55px 30px 120px}.sidebar .title{white-space:nowrap}.sidebar .title>span{cursor:pointer}.sidebar .title>span.disabled{cursor:default}.sidebar .title>span.disabled:hover{color:inherit}.sidebar .level .title{margin:10px 0}.sidebar .level[data-level='0']{color:#8d92a1;font-size:1em}.sidebar .level[data-level='0']>.title .expanding-status{display:none}.sidebar .level[data-level='0']>.title .title-content{display:inline-block;margin-left:23px;margin-bottom:5px;font-size:1.4em}.sidebar .level[data-level='1'] .level{font-size:16px;color:#243348;margin-left:20px}.sidebar .level .title-content:hover,.sidebar .level .expanding-status:hover .fa{color:#ff7c72}.sidebar .level .title.selected{color:#42b983}.sidebar .level .title-content{white-space:nowrap}.content{padding-left:400px;position:relative;z-index:50;box-sizing:border-box;width:100vw;height:100vh}.content iframe{border:none;width:100%;height:100%}.expanding-status{width:20px;margin-right:4px;text-align:center;display:inline-block}.expanding-status .fa,.level.no-child>.title .expanding-status .fa{display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#999}.level.no-child>.title .expanding-status .icon-none,.level[data-expanding-status=expanded]>.title .icon-down,.level[data-expanding-status=collapsed]>.title .icon-right{display:inline-block}.level.no-child>.title .expanding-status .icon-none{font-size:8px;color:#ddd;vertical-align:2px}.level[data-expanding-status=collapsed]>.children{display:none}.read-status.fa{position:absolute;right:0;font-size:12px;color:#999;opacity:.1;-webkit-transition:right 400ms,opacity 400ms,color 400ms;transition:right 400ms,opacity 400ms,color 400ms;background:#fff;padding:5px 10px 5px 5px;margin-top:-1px}.read-status.read.fa{opacity:.9;color:#42b983}[data-level='0']>.title .read-status,.read-status{display:none}.page-filter-container{position:absolute;width:100%;box-sizing:border-box;z-index:2000;top:0;padding:20px 30px 10px 20px;-webkit-transition:opacity 400ms;transition:opacity 400ms}.page-filter-container .fa-filter{position:absolute;top:28px;font-size:12px;left:30px;color:#999;-webkit-transition:color 400ms;transition:color 400ms}.page-filter-container.focused .fa-filter{color:#555}.page-filter-container input{width:100%;box-sizing:border-box;outline:none;color:#555}#page-filter{border:1px #ccc solid;line-height:24px;padding:0 5px 0 25px;border-radius:12px;font-size:14px}.page-filter-container.fixed{opacity:.5}.page-filter-container.fixed.focused{opacity:1}.filtering .level{display:none}.filtering .level.filtered{display:block}.filtering .level.filtered>.title{opacity:.4}.filtering .level.filtered.filtered-hit>.title{opacity:1}.search-wrap{position:fixed;width:300px;padding-top:20px}.search-wrap .input-wrap{width:280px;height:30px;margin-left:45px;border:solid 1px #ccc;border-radius:20px;padding:0 3px 0 10px}.search-wrap .input-wrap input{width:210px;border:none;outline:none}.search-wrap .input-wrap input:focus{border-color:#48cc96}.search-wrap .input-wrap em{margin-top:3px;float:right;display:inline-block;width:22px;height:22px;background:url(../images/search.png);background-size:22px 22px}.search-wrap ul{background-color:#fff;border:solid 1px #ccc;width:280px;display:block;margin:5px 50px;border-radius:5px;padding:0;overflow:hidden;max-height:400px;overflow-y:auto}.search-wrap ul li{list-style:none;color:#48cc96;padding:5px 10px;font-size:14px;cursor:pointer}.search-wrap ul li em{color:#ff7c72}.search-wrap ul li:nth-child(odd){background-color:#f7f7f7}.search-wrap ul .li-hover,.search-wrap ul li:hover{color:#ff7c72}