.roo-layout-container {
    width:100%;
    height:100%;
    overflow:hidden;
}
.modal-body.roo-layout-container {
    padding: 0; /* modal padding messes up calcs on layout */
}
 
.roo-layout-inactive-content{
    position:absolute;
    left:-10000px;
    top:-10000px;
    visibility:hidden;
}
.roo-layout-active-content{
    visibility:visible;
    /* padding: 10px; */
}
.roo-layout-panel{
    position:absolute;
    /* overflow:hidden;  -- menus inside of contains do not work with this */
    /*
    background-color:white;
    border:1px solid #98c0f4;
    */
}
/*
 *not sure why these are set - they seem to cause problems displaying the popdownmenus over nav bars.
.roo-layout-panel-east, .roo-layout-panel-west {
    z-index:10;
}
.roo-layout-panel-north, .roo-layout-panel-south {
    z-index:11;
}
/*
.roo-layout-collapsed-north, .x-layout-collapsed-south, .x-layout-collapsed-east, .x-layout-collapsed-west {
    z-index:12;
}
*/
.roo-layout-panel-body{
    overflow:hidden;
}
/*

.roo-layout-grid-wrapper{

}
*/
.roo-layout-split
{
    position:absolute;
    height:5px;
    width:5px;
    line-height:1px;
    font-size:1px;
    z-index:3;
    background-color:$well-bg;
}
.roo-layout-split-south, .roo-layout-split-north {
    border-bottom : 1px solid $gray-light;
}
.roo-layout-split-east, .roo-layout-split-west {
    border-right: 1px solid $gray-light;
}
 

.roo-layout-panel-hd{
    
    position:relative;
}
.roo-layout-panel-hd.breadcrumb {
    margin-bottom: 0;
}

.roo-layout-panel-hd-text{
    padding: 4px;
    padding-left: 4px;
    display:block;
	white-space: nowrap;
}
.roo-layout-panel-hd-tools{
    position:absolute;
    right:0;
    top:0;
    text-align:right;
    padding-top:2px;
    padding-right:2px;
    width:40px;
}
/*
.x-layout-tools-button{
    z-index:6;
    padding:2px;
    float:right;
    cursor:pointer;
}
.x-layout-tools-button-over{
    padding:1px;
    border:1px solid #98c0f4;
    background-color:white;
}
.x-layout-tools-button-inner{
    height:12px;
    width:12px;
    line-height:1px;
    font-size:1px;
    background-repeat:no-repeat;
    background-position:center;
}
.x-layout-close{
    background-image:url(../images/default/layout/layout-sprite.gif);
    background-repeat: no-repeat;
    background-position: 50% -48px;
}
.x-layout-collapse-west,.x-layout-expand-east{
    background-image:url(../images/default/layout/layout-sprite.gif);
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.x-layout-expand-west,.x-layout-collapse-east{
    background-image:url(../images/default/layout/layout-sprite.gif);
    background-repeat: no-repeat;
    background-position: 50% -12px;
}
.x-layout-collapse-north,.x-layout-expand-south{
    background-image:url(../images/default/layout/layout-sprite.gif);
    background-repeat: no-repeat;
    background-position: 50% -24px;
}
.x-layout-expand-north,.x-layout-collapse-south{
    background-image:url(../images/default/layout/layout-sprite.gif);
    background-repeat: no-repeat;
    background-position: 50% -36px;
}
.x-layout-split-h{
    background-image:url(../images/default/sizer/e-handle.gif);
    background-position: left;
    cursor:col-resize;
}
.x-layout-split-v{
    background-image:url(../images/default/sizer/s-handle.gif);
    background-position: top;
    cursor:row-resize;
}
.x-layout-panel .x-tabs-wrap{
    background:url(../images/default/layout/gradient-bg.gif);
}
*/




.roo-layout-panel .roo-tabbody {
    background-color: $body-bg;
    overflow: auto;
    height: 100%;
}

.roo-layout-component-panel, .roo-layout-nested-layout {
    position:relative;
    padding:0;
    overflow:hidden;
    width:200px;
    height:200px;
}
.roo-layout-nested-layout .roo-layout-panel {
    border:0 none;
}
/*
.x-layout-nested-layout .x-layout-panel-north {
	  border-bottom:1px solid #98c0f4;
}
.x-layout-nested-layout .x-layout-panel-south {
	  border-top:1px solid #98c0f4;
}
.x-layout-nested-layout .x-layout-panel-east {
	  border-left:1px solid #98c0f4;
}
.x-layout-nested-layout .x-layout-panel-west {
	  border-right:1px solid #98c0f4;
}
*/
.roo-repaint{
    zoom:1;
    background-color: transparent;
}
/*
.x-layout-panel-dragover {
	border: 2px solid #6593cf;
}
.x-layout-panel-proxy {
	background-image: url(../images/default/layout/gradient-bg.gif);
	background-color:#c3daf9;
	border:1px dashed #6593cf;
	z-index:10001;
	overflow:hidden;
	position:absolute;
	left:0;top:0;
}

.x-layout-slider {
	z-index:15;
	overflow:hidden;
	position:absolute;
}
*/
.roo-unselectable{
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	cursor:default;
}

/** --- split bar dragging ---*/

.roo-splitbar-proxy{
        z-index:40009;
        visibility:hidden;
        position:absolute;
        background: $gray-light;
        border: 1px solid $gray-base;
        overflow:hidden;
}
.roo-splitbar-h,.roo-splitbar-proxy-h{
    cursor:col-resize;
}
.roo-splitbar-v,.roo-splitbar-proxy-v{
    cursor:row-resize;
}
/*
.x-grid-resize-proxy
{
        z-index:40009;
        visibility:hidden;
        position:absolute;
        background:#666;
        border: 1px solid #000;
        overflow:hidden;
        cursor:col-resize;
        overflow:hidden;
        width: 2px;
}


*/
.roo-layout-panel-body  .navbar ul.nav-tabs {
    margin-top: 9px;
    display: table;
}

.roo-layout-panel-body  .navbar {
    margin-bottom: 0px;
}

.roo-form-group-label-left::before,
.roo-form-group-label-left::after {
    display: table;
    content: " ";
    clear: both;
}