body { padding-top:120px; padding-bottom:40px; color:#333; font-family:"Open Sans",Helvetica,Arial,sans-serif; font-size:14px; }
a { cursor:pointer; }
img { max-width:100%; }
h1 { font-family:'Alegreya Sans SC',Impact,sans-serif; color:#999; }
.jumbo { font-size:400%; font-family:'Shadows Into Light','Lucida Sans',sans-serif; font-style:italic; }
.off { display:none; }
.first-header { margin-top:0; }

header { z-index:10; position:fixed; top:0; left:0; right:0; height:49px; padding:5px; background-color:#f3f3f3; }
.header-group { display:inline-block; position:relative; margin-left:50px; }
.header-group label { display:block; font-size:10px; font-weight:bold; color:#bfbfbf; text-transform:uppercase; }
header > ul { padding-top:5px; }
.navbar-brand { padding:5px 12px; font-size:20px; height:25px; font-family:'Alegreya Sans SC',Verdana,sans-serif; color:#999; }
#bar {
    background: linear-gradient(to right, #3a3633 93%, #2a2725 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #222; border-top: 1px solid #333; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    z-index:5; position:fixed; top:49px; left:0; right:0; height:70px;
    }
#bar > ul > li { display:inline; }
#bar > ul > li > a {
    display:inline-block; color:#a8a8a8; min-width:68px; height:68px; margin:0; text-align:center; padding:15px 5px !important; line-height:24px !important;
    border-left:1px solid #4e4e4e; border-right:1px solid #222;
    }
#bar > ul > li > a:hover, #bar > ul > li.open > a {
    background:linear-gradient(to bottom, #cfcfcf 0px, #fff 66%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color:#333; text-decoration:none;
    border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7;
    }
#bar > ul > li > a > i { display:block; font-size:18px; margin:0 auto; padding-bottom:5px; }
#bar > ul > li > a > span { display:block; font-size:18px; margin:0 auto; color:#636363; }
#bar ul ul, nav ul ul ul {
    border-radius:0; margin-left:0; padding-left:5px; width:240px;
    background: none repeat scroll 0 0 #fff !important; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; border-style: none solid solid;
}
#bar ul ul li a { padding:5px; }
#bar ul ul li a:hover, #bar ul ul li:hover { background-color:#4c4f53; color:#fff; } /* broken background color */

.navbar-right { width:60%; }
.nav-panel { float:right; width:60%; padding:10px; color:#fff; }
.nav-panel .header-group { margin-left:57px; }
.nav-panel .header-group label { color:#999; }
.navbar-nav > li > a { padding-top:0; padding-bottom:0; line-height:20px; }
.sidebar-nav { padding:9px 0; background-color:#ccc; }
.sidebar-nav-fixed { position:fixed; top:40px; left:0; width:21.97%; height:100%; }
.nav-list { font-size:12px; }
.nav-list img { vertical-align:top; }
.nav-header { text-transform:none; }
.nav-tabs { border-bottom-width:0; }
.nav-tabs > li > a { padding:2px 4px; font-size:12px; }
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus { background-color: #e8e8e8; }
.tooltip-inner { text-align:left; max-width:none; white-space:nowrap; }
.dl-horizontal-small dt { width:80px; }
.dl-horizontal-small dd { margin-left:90px; }
@media (max-width: 980px) {
    .navbar-text.pull-right { float:none; padding-left:5px; padding-right:5px; }
    .sidebar-nav-fixed { position:static; width:auto; }
}
.mainview { position:absolute; top:0; left:0; right:0; bottom:0; border-top:5px solid #fff; }
.viewiframe { width:100%; height:100%; border:0; }
.panehdr { padding:5px; background-color:#333; color:#fff; font-weight:bold; }
.pane { background-color:#2b3e50; color:#ccc; }
.help { font:11px Arial; }
.help blockquote { margin:0; }
.ace_editor p, .ace_editor div { font-family:'Inconsolata',monospace; }
#viewcontainer { position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; }
#viewcontainertabs li:after { content:attr(data-content-after); }
#upload-drag { height:20px; line-height:10px; margin-left:20px; margin-right:20px; }
#upload-multiple { position:absolute; top:-100px; }
.dragbar { background-color:#aaa; height:100%; width:3px; cursor:col-resize; }
#ghostbar { width:3px; background-color:#000; opacity:0.5; position:absolute; cursor:col-resize; z-index:999; }
#dbtree { height:90%; }
.btn-db-add { background:url(https://6d7.com/icosilk/add.png) no-repeat; }
.btn-db-edit { background:url(https://6d7.com/icosilk/pencil.png) no-repeat; }
.btn-db-delete { background:url(https://6d7.com/icosilk/delete.png) no-repeat; }

div#leftmost { position:absolute;margin:0;padding:0;top:119px;left:0;bottom:0;width:0;overflow-y:auto;background-color:#111; }
div#rightmost { position:absolute;margin:0;padding:0;top:119px;right:0;bottom:0;width:0;overflow-y:auto;background-color:#111; }
div#wrapper { position:absolute;margin:0;padding:0;top:119px;left:0;right:0;bottom:0;overflow:hidden; }
div#left { position:absolute;margin:0;padding:0;top:0;bottom:0;left:0;width:350px;overflow-y:auto;background-color:#333;color:#ccc }
#leftftr { position:absolute;margin:0;padding:0;left:0;right:0;bottom:0;height:41px; }
#leftftr a { color:#a8a8a8; }
#leftcontent { position:absolute;margin:0;padding:0;left:0;top:0;right:0;bottom:41px;overflow-y:auto; }
#inner-dragbar { position:absolute;top:0;left:350px;background-color:#333; border-right:1px solid #2b3e50; }
div#righthdr { position:absolute;margin:0;padding:5px 0 0 5px;top:0;left:353px;right:0;height:28px;overflow:hidden;background-color:#2b3e50; }
div#right { position:absolute;margin:0;padding:0;top:28px;bottom:0;left:353px;right:0;overflow-y:auto;background-color:#2b3e50; }

#rightmost pre { background-color:#e8e8e8;border:0;font:11px Arial; }
#rightmost code { background-color:#e8e8e8;border:0;color:#090;padding:0 4px; }
.em { font-style:italic; }
#left .tab-pane { padding:5px; }

#leftftr {
    background: linear-gradient(to right, #3a3633 93%, #2a2725 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-top: 1px solid #222; border-bottom: 1px solid #333; box-shadow: 4px 0 0 2px rgba(0, 0, 0, 0.25);
    }

/* MULTI-LEVEL DROPDOWNS FOR BOOTSTRAP */
.dropdown-menu .sub-menu { left:100%; position:absolute; top:0; visibility:hidden; margin-top:-1px; }
.dropdown-menu li:hover .sub-menu { visibility:visible; display:block; }
.navbar .sub-menu:before { left:-7px; top:10px; border-bottom:7px solid transparent; border-left:none; border-right:7px solid rgba(0, 0, 0, 0.2); border-top:7px solid transparent; }
.navbar .sub-menu:after { left:10px; top:11px; left:-6px; border-top:6px solid transparent; border-left:none; border-right:6px solid #fff; border-bottom:6px solid transparent; }