@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url('../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url('../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url('../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url('../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff') format('woff')}::selection{background:#000;color:#fff}
::-moz-selection{background:#000;color:#fff}
::-webkit-selection{background:#000;color:#fff}
*,body{font-family:'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;font-weight:300;font-size:14px}
h1,h2,h3{font-family:'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;font-weight:300 !important}
a{color:#000;cursor:pointer}
a:hover{text-decoration:none !important;color:#000}
a.raw{color:#428bca}
a.raw:hover{color:#2a6496}
#header{height:60px;background-color:#25313e;color:#fff;border-bottom:1px solid #ebeff2;webkit-user-select:none;-webkit-app-region:drag;}#header a{color:#ccc}
#header li{color:#000}
#header li a{color:#000}
#logo,#logo span{line-height:50px;font-size:28px}
#logo{width:140px;height:59px;padding-left:10px;padding-top:0;border-bottom:1px solid transparent;border-color:rgba(255,255,255,0.1)}
#logo span,#switcher span{background-color:#000;border-radius:10px;display:inline-block;padding:4px 0;line-height:1}
#switcher{line-height:50px;padding-top:6px;padding-right:5px;width:30px;text-align:center}#switcher i{font-size:16px;cursor:pointer}#switcher i:hover{color:#0fb264}
#switcher span{border-radius:5px;padding:8px 4px;cursor:pointer;font-size:16px}#switcher span:hover{color:#0fb264}
#searchNote{padding-left:0;line-height:60px;margin:0}#searchNote input{background-size:18px 13px;border-color:#ebeff2;border:none;color:#ccc;background-color:#000;padding-left:14px;border-radius:5px;width:250px;line-height:20px;box-shadow:none}#searchNote input:focus{outline:none !important;border-color:#0fb264;box-shadow:none}
#header ul{margin:0;padding:0;list-style:none}
#header ul li.dropdown{display:inline-block;height:60px}
#header ul>li>a.dropdown-toggle{display:block;padding:15px 5px 0 0;position:relative}
#header span.icon{display:inline-block;font-size:28px;color:#999}
.dropdown-menu{border-radius:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:1px solid #0fb264;overflow-x:hidden;overflow-y:auto}
.dropdown-menu li{padding-left:10px;width:100%;height:30px;line-height:30px}
.dropdown-menu>li>a{color:#000;display:inline-block;padding:3px 3px}
.dropdown-menu>li:hover,.dropdown-menu>li:focus{background-color:#ebeff2}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background-color:#ebeff2}
.ios7-a{display:inline-block;padding:0 10px 0 5px;height:40px;vertical-align:middle;line-height:38px;cursor:pointer}
#page{overflow:auto;position:absolute;top:0;left:0;bottom:0;right:0}
#pageInner{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}
#mainContainer{position:absolute;top:59px;left:0;right:0;bottom:0;overflow:auto;zoom:1}
#mainMask{position:absolute;left:0;right:0;bottom:0;top:0;background-color:#fff;text-align:center;padding-top:100px;z-index:1000}
.noteSplit{position:absolute;top:0;width:5px;height:100%;overflow:hidden;z-index:5;cursor:col-resize}
#notebookSplitter{left:170px}
#noteSplitter{left:250px}
#leftNotebook{position:absolute;left:0;top:0;bottom:0;width:170px}
#notebook,#notebookMin{position:absolute;left:0;bottom:0;top:0;right:0;background-color:#41586e;z-index:2}
#notebookMin{z-index:1;overflow-y:visible;overflow-x:visible;background-color:#41586e}#notebookMin div.minContainer{border-bottom:1px solid transparent;border-color:rgba(255,255,255,0.3);padding:5px;position:relative}#notebookMin div.minContainer i{font-size:20px;color:#fff}
#notebookMin div.minContainer:hover i{color:#0fb264}
#notebookMin div.minContainer ul{background-color:#fff;opacity:.8;display:none;list-style:none;margin:0;margin-left:20px;padding:5px 0;border:1px solid #0fb264;position:absolute;z-index:1000;top:0;left:10px;width:150px}#notebookMin div.minContainer ul li{padding:0 5px;cursor:pointer}#notebookMin div.minContainer ul li span{cursor:pointer}
#notebookMin div.minContainer ul li a{cursor:pointer}
#notebookBottom{position:absolute;bottom:0;height:30px;right:0;left:0;line-height:30px;text-align:right;padding-right:5px;background-color:#eee}#notebookBottom #leftSwitcher{border:1px solid #ccc;padding:3px 8px;cursor:pointer}
#noteAndEditor{position:absolute;bottom:0;top:0;right:0;left:170px}
#noteList{position:absolute;bottom:0;top:0;width:250px;overflow-x:hidden;overflow-y:hidden;border-right:1px solid #cfcfcf;border-left:1px solid #cfcfcf}
#note{position:absolute;bottom:0;top:0;left:250px;right:0;padding-left:5px;overflow-y:hidden;overflow-x:auto;background-color:#fff}
.folderHeader{min-height:35px;line-height:35px;cursor:pointer;border-bottom:1px solid transparent;border-color:rgba(255,255,255,0.05)}
.folderHeader span{display:inline-block;line-height:35px;color:#fff;font-size:16px}
.folderHeader .fa-left,.each-user .fa{display:inline-block;line-height:35px;font-size:16px;width:35px;border-right:1px solid rgba(255,255,255,0.05);text-align:center;color:#fff}
.each-user div{cursor:pointer;border-bottom:1px solid transparent;border-color:rgba(255,255,255,0.05)}.each-user div span{display:inline-block;line-height:35px;color:#fff;padding-left:3px;font-size:14px}
.each-user div .fa{width:20px;border-right:none}
.each-user ul{list-style:none;margin:0;padding:0}.each-user ul a{padding-left:20px;font-size:12px}
#myNotebooks.opened .fa-left{}
#myNotebooks .folderBody{}
#addNotebookPlus{padding-right:10px;color:#adbece}#addNotebookPlus .fa{font-size:16px}
.closed .folder-icon{width:9px;height:11px;background-position:-108px -149px}
.closed .folderBody{display:none}
.folderBody{list-style:none;margin:0;padding:0;background-color:#37485e}
.folderBody li{line-height:30px}
.folderBody a{padding-left:20px;display:block;color:#adbece;cursor:pointer;border-bottom:1px solid transparent;border-color:rgba(255,255,255,0.05);line-height:35px}
.folderBody a:hover,.folderBody .contextmenu-hover{color:#fff;background-color:rgba(0,0,0,0.05) !important}
.folderBody a.active,.folderBody a.active:hover{background-color:#25313e !important;color:#fff}
#notebookList input{border:1px solid #ebeff2;width:90%;box-shadow:none}#notebookList input:focus{outline:none !important;border-color:#0fb264}
#myTag .folderBody{}#myTag .folderBody li{position:relative}
#myTag .folderBody li .badge{width:40px;position:absolute;right:3px;top:7px;font-weight:normal;background-color:#fff;color:#000;border:1px solid #ebeff2}
#search{border:#bababa 1px solid;background-color:#fff;white-space:nowrap;position:absolute;height:30px;left:3px;right:60px;margin-top:3px}
#search label{display:none}
#searchButton{border:0 none;width:16px;height:16px;overflow:hidden;cursor:pointer;position:absolute;right:3px;top:5px}
#searchInput{border:0 none;overflow:hidden;position:absolute;right:20px;left:0;padding-left:10px;height:28px}
#searchInput:focus{border:none;outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
#notesAndSort{background-color:#eee;border-bottom:1px solid #ebeff2}
#sortType{float:right}
#noteItemList{position:absolute;left:0;right:0;bottom:0;top:0;width:100%;overflow-y:hidden;background-color:#f7f7f7;padding:0 5px}
#noteItemList .item{position:relative;height:110px;overflow:hidden;cursor:pointer;padding:5px;border:1px solid #ebeff2;border-radius:3px;margin-top:5px;background-color:#fff}
#noteItemList .item:hover,#noteItemList .contextmenu-hover{background-color:#ddd !important;color:#000}
.item-active,#noteItemList .item-active:hover{background-color:#65bd77 !important;color:#fff}.item-active .item-desc .fa,#noteItemList .item-active:hover .item-desc .fa{color:#eee !important}
.item-active .item-title,#noteItemList .item-active:hover .item-title{color:#fff}
#noteItemList .item-thumb{padding-left:10px;width:100px;overflow:hidden;position:absolute;right:0;height:100px;background-color:#fff;margin-right:5px}
.item-thumb img{width:100px}
#noteItemList .item-desc{position:absolute;left:0;right:100px;margin-left:4px}#noteItemList .item-desc .fa{color:#666}
#noteItemList .item-blog{position:absolute;right:1px;font-size:10px;z-index:2;top:1px;padding:3px;cursor:pointer;width:20px;text-align:center;opacity:.5;background-color:#464c5e}#noteItemList .item-blog .fa{color:#fff !important}
#noteItemList .item-blog:hover{opacity:.8}
.item-title{font-size:16px;height:22px;line-height:20px;overflow:hidden;margin-bottom:0;color:#000;border-bottom:dashed 1px #ebeff2}
#editorTool{margin:0;padding:0;list-style:none}
#editorTool li{display:inline-block}
#noteTitleDiv{height:30px;border-bottom:1px solid #ddd}
#noteTitle{height:100%;padding:0 3px;width:100%;border:none;background-color:#fff}
#noteTitle:focus{outline:none !important}
#editorMask{position:absolute;top:0;bottom:0;right:0;left:0;background-color:#fff;z-index:-10;padding-top:50px;text-align:center}#editorMask .fa,#editorMask a{font-size:24px}
#editorMask a{display:inline-block;border-radius:3px;border:1px solid #ebeff2;padding:10px}#editorMask a:hover{background-color:#65bd77;color:#fff}
#editor,#mdEditor{position:absolute;z-index:2;top:71px;bottom:0;right:0;left:5px;padding:0;display:none}
#mdEditor{z-index:1;background-color:#fff;bottom:10px}#mdEditor #md-section-helper,#mdEditor #wmd-input{font-size:14px;line-height:22px}
#editorContent{position:absolute;top:30px;bottom:10px;right:0;left:0;overflow:auto}
#editor .mce-ifr{border:none;overflow:hidden !important;}
#editor .mce-tinymce{border:none}
#mceToolbar,#wmd-button-bar{position:relative;height:30px;overflow:hidden;border-bottom:1px solid #ccc;background-color:#f0f0f0}
.mce-btn-small button{padding:5px 5px !important;line-height:20px !important}
.mce-menubtn.mce-btn-small span{line-height:20px !important}
.mce-btn span{font-family:'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif !important}
.mce-primary button,.mce-primary button i{text-shadow:none}
.mce-primary{background-color:#47a447 !important;border-color:#398439 !important}
.mce-menu-item:hover,.mce-menu-item.mce-selected,.mce-menu-item:focus{background-color:#ebeff2}.mce-menu-item:hover span,.mce-menu-item.mce-selected span,.mce-menu-item:focus span{color:#000 !important}
.mce-menu-item-normal.mce-active{background-color:#ebeff2}
.tool-split{display:inline-block;line-height:25px;color:#ddd}
#tool{border-bottom:1px solid #ddd}
#tag{height:40px;line-height:38px}
#tag .dropdown{line-height:30px}
#addTagInput{line-height:25px;display:none;padding:0;border:none;background-color:#fff}
#addTagInput:focus{outline:none}
.label-default{background-color:#464c5e}
.label-red{background-color:#d9534f}
.label-yellow{background-color:#f0ad4e}
.label-blue{background-color:#428bca}
.label-green{background-color:#5cb85c}
.label{border-radius:0;font-weight:normal}
.label i{width:10px;cursor:pointer;font-style:normal;display:inline-block;padding-left:3px;opacity:0}
.label i:hover{opacity:1}
#leanoteNav{position:absolute;right:5px;top:32px;border:1px solid #ccc;border-radius:3px;background-color:#fff;opacity:.5;z-index:11;margin-right:2px}#leanoteNav h1{margin:0;font-size:18px;padding:3px;cursor:pointer}
#leanoteNav i{padding:3px}
#leanoteNav span{display:none}
#leanoteNav #leanoteNavContent{display:none;overflow:auto}
#leanoteNav.unfolder{min-width:200px;max-width:300px;opacity:.8}#leanoteNav.unfolder h1{border-bottom:1px dashed #ebeff2}
#leanoteNav.unfolder span{display:inline}
#leanoteNav.unfolder #leanoteNavContent{display:block;min-height:30px}
#leanoteNav ul{margin:0;padding-left:23px}#leanoteNav ul li{list-style-type:disc}#leanoteNav ul li a:hover{color:#0fb264}
#leanoteNav ul .nav-h2{margin-left:20px}
#leanoteNav ul .nav-h3{margin-left:30px}
#leanoteNav ul .nav-h4{margin-left:40px}
#leanoteNav ul .nav-h5{margin-left:50px}
.scrollTo-a{cursor:pointer !important}
#noteRead{position:absolute;left:0;right:0;top:0;bottom:0;display:none;z-index:100;padding-left:5px;background-color:#fff}
#noteReadContainer{position:relative;width:100%;height:100%}
#noteReadTop{position:absolute;height:60px;left:0;right:0;border-bottom:1px solid #ebeff2}
#noteReadTitle{margin:3px 0}
#noteReadContent{position:absolute;top:60px;bottom:0;right:0;left:0;overflow:auto;padding:3px}
.fa-calendar{color:#666}
.dropdown-menu .fa{width:15px}
.dropdown-menu span,.dropdown-menu a,.dropdown-menu li{cursor:default}
#topNav a{display:inline-block;line-height:60px}
.tab-pane{padding:5px 0 0 0}
.alert{margin-bottom:10px}
.btn{border-radius:0 !important}
#notebookNavForNewNote li,#notebookNavForNewSharedNote>li{padding-left:0;border-bottom:1px solid #ebeff2}
#notebookNavForNewNote>li:hover,#notebookNavForNewNote>li:focus,#notebookNavForNewSharedNote>li:hover,#notebookNavForNewSharedNote>li:focus{background:none}
.new-note-left{padding:0 5px;width:95px;overflow:hidden;white-space:nowrap;border-right:1px dashed #ebeff2}.new-note-left:hover{background-color:#ebeff2}
.new-note-right{padding:0 5px}.new-note-right:hover{background-color:#ebeff2}
#historyList table{width:100%}
#historyList .btns{border-top:1px dashed #eee;padding:5px 0}