.app
{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.app-tool-bar
{
    display: flex;
    width: 100%;
    height: 60px;
    background-color: var(--default-background-color);
}

.app-center
{
    flex: 1;
    width: 100%;
    display: flex;
    background-color: yellow;
}

.app-content
{
    flex: 1;
}

.app-menu
{
    min-width: 300px;
    background-color: red;
}

.app-status-bar
{
    height: 60px;
    background-color: blue;
    
}

.browser
{
    display: flex;
    flex-wrap: wrap;
}

.browser > .bar
{
    width: 100%;
    flex-grow:2;
    height: 40px;
}

.browser > .table:nth-child(2)
{
    width: 200px;
    height: calc(100% - 40px);
}

.browser > .table:nth-child(3)
{
    width: calc(100% - 200px);
    height: calc(100% - 40px);
}