html,
body {
    height: 100%;
}

.header {
}

.wrapper {
    padding: 0px;
    margin: 20px;
}

.inner-wrapper,
.center.pane .inner {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    display: inline-table;
}

.pane {
    display: table-cell;
}

.left.pane {
    width: 15%;
}

.center.pane {
    margin-left: 15px;
    margin-right: 15px;
    display: inline-block;
    height: 100%;
}

    .center.pane .inner .top,
    .center.pane .inner .bottom {
        display: table-row;
    }

    .center.pane .inner .top {
        height: 100%;
    }

    .center.pane .inner .bottom {
        width: 100%;
        display: inherit;
        background-color: #292b34;
    }

.right.pane {
    width: 15%;
}

.top-content {
    width: 100%;
    height: 100%;
}


.ui-resizable-w {
    width: 3px;
}

.ui-resizable-e {
    width: 3px;
}

.ui-resizable-s {
    height: 1px;
}

.cornerfixpane {
    display: table-cell;
    width: 40px;
    padding-top: 22px;
}



    .cornerfixpane.fixleft {
    }

    .cornerfixpane.fixright {
    }

.cornerfixpane-tempwidth {
    width: 200px !important;
}