/* =========== */
.page {
    display: flex;
    flex-direction: column;

    justify-content: center;
    align-content: center;

    width: 100%;
    height: 100%;
}

/* =========== */
.page-screen {
    display: flex;

    width: 100%;
    height: 100%;

    overflow-y: auto;
}

.page-header {
    width: 100%;
    height: auto;
}

.page-content {
    display: flex;

    width: 100%;
    height: 100%;

    overflow-y: auto;
}

.page-footer {
    width: 100%;
    height: auto;
}

/* =========== */
.page-aside {
    display: flex;
    flex-direction: column;
    
    overflow-y: auto;

    width: 35%;
    height: 100%;

    background-color: #2b2d31;

    z-index: 9999;

    /* Disable text selection. */
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.page-main {
    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;

    background-color: #313338;
}

/* ==================== */
/* CONTROL PANEL */
.page-control-panel {
    display: flex;

    width: 100%;
    height: auto;

    padding: 16px;

    justify-content: space-between;

    background-color: #2d2f33;
}