html, body {
	width:		100%;
	height:		100%;					
	overflow:	auto;
}

#wrap {
    height: inherit !important;
}
        

/** layout plugin overrides **/

.ui-layout-pane, .ui-layout-pane-hover {
    padding: 0 !important;
    overflow:hidden;
    border:0;
    background-color:#fdfdfd;
}

.ui-layout-pane-hover {
    background-color:#fff;
}

#menu.ui-layout-pane-west { 
    overflow-y:auto;
}

.ui-layout-resizer-west {
    border-width:0;
    background-color:#e6e6e6 !important;
    z-index:-1 !important;
}

.ui-layout-resizer-hover, .ui-layout-resizer-open-hover {
	background-color:#dddddd !important;
	border-width:0;
}

.ui-layout-resizer-dragging {
	background-color:#dddddd !important;
}

.ui-layout-toggler {
    padding:0;
}

.ui-layout-toggler:hover {
    background-color:#cc2222;
}

.ui-layout-content {
    padding:0; 
} 

.pane-label {
    position:absolute;
    z-index:99;
    padding:0;
    font-size:70%;
    opacity:.4;
    right:15px;
    bottom:15px;
    margin:0;
}

.CodeMirror {
    border: 0px solid #bbbbbb;
    height: 99.8%;
    padding-bottom:2px;
}
.CodeMirror-scroll {
    overflow-y: auto;
    overflow-x: auto;
    height: 99.7%;
    position:relative;
}
.CodeMirror-gutter-text {
}

#htmlPane .CodeMirror-scroll, #htmlPane .CodeMirror { 
    height: -moz-calc(100% - 48px);
    height: -webkit-calc(100% - 48px);
    height: -o-calc(100% - 48px);
    height: calc(100% - 48px);
}

.special span {
   display:none;
}

.navbar {
    margin-bottom:0;
    z-index:1300;
}

#menu,#main {
    margin-top:48px !important;    
}

#menu a, #menu a:visited, #menu a:link { 
    text-decoration:none;
}

#opts {
    font-size:80%;
    padding-left:11px;
}

#editorMenu {
    position:relative;
    background-color:#f5f5f5;
    border-bottom:1px solid #f0f0f0;
    height:49px;
    max-height:49px;
    width:100%;
    min-width:800px;
    /*color:#e3e3e3;*/
    vertical-align:middle;
}
#editorMenu div {}
#codeMenu {font-size:90%;}
#previewMenu {position:absolute;z-index:99;padding:0;opacity:.9;right:25px;top:12px;margin:0;color:#6d3353;font-size:120%;}
#previewMenu a {color:#7e4464;}
#toolbarMenu {padding:1px;}

.bootstrap-select .dropdown-menu li {font-size:90%;}
#toolbarMenu .dropdown-menu li:first-child {height:0;}
.bootstrap-select .dropdown-menu li .divider {display:none;}
textarea {
    resize: none;
}

#toolbarMenu .btn-group {
    margin-bottom:2px !important;
}
#toolbarMenu .dropdown-menu {
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding:0 0;
}

#bootstrapVersion,#jqueryVersion,#includes,#themes,#toolbarMenu .btn {
    outline-offset:-4px;
    outline-width:0;
    outline-color:#999 !important;    
}

#menu input[type="text"], #menu textarea {
    margin:1px;
    padding:3px;
    width:168px;
    border:1px solid #ccc;
    font-size:11px;
    height:15px;
    line-height: 15px;
}

.btn-mini {
    opacity:.93;    
}

.icon-chevron-up:hover {color:#22CC22;}
.icon-chevron-down:hover {color:#DD1111;}

.ellip {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

h1.ellip {
   font-size: 12px;
   line-height: 14px;
}

.smaller {
   font-size: 10px;
   line-height: 13px;
}

.well {
    padding: 5px;
    padding-left: 15px;
}

/*
@media (max-width: 979px) {
    .ui-layout-container {
        margin-top:50px !important;
    }
}
*/