.ba-layout {
    width: 100%;
    height: 100%;
}

.ba-layout .menu > a {
    display: block;
    width: 100%;
    height: 100%;
}

.ba-layout-toolbar td {
    height: 32px;
    user-select: none;
}


@-moz-document url-prefix() {
    .ba-code-app-fierfox-fix {
        height: 100%;
    }
}




.light .ba-layout-toolbar {
    background-color: #DDDDDD;
}

.dark .ba-layout-toolbar {
    background-color: #3C3C3C;
}

.ba-layout .menu {
    width: 45px;
    text-align: center;
    vertical-align: top;
}

.dark .ba-layout .menu:hover, .dark .ba-layout .menu.selected, .dark .ba-layout .menu.focused {
    background-color: #252526;
}

.light .ba-layout .menu:hover, .light .ba-layout .menu.selected, .light .ba-layout .menu.focused {
    background-color: #ffffff;
}

h1.ba-layout-toolbar-title {
    padding: 0 10px;
    margin: 0;
    font: 14px "Segoe UI", Arial, sans-serif;
}


.dark h1.ba-layout-toolbar-title {
    color: #cfcfcf;
}


.light h1.ba-layout-toolbar-title {
    color: #333333;
}



.ba-layout-content {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.ba-layout-container {
    padding: 14px 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100% - 28px);
}