.header, .sidebar, .main {
    top: 0px; /* .app-header(height) */
}

.app-header {
    height: 0px; /* .app-header(height) */
    position: fixed;
    z-index: 20;
    width: 100%;
}

.app-footer, .footerplaceholder { /* footerplaceholder is needed to ensure the footer does not overlap any content */
    height: 0px; /* = .app-footer(height)*/
}

.app-footer {
    position: relative;
    z-index: 20;
    width: 100%;
    top: 0px; /* .app-header(height) - .app-footer(height) */
}


/* css class properties specific to your header */
.app-header {
    background: #424D58;
    color: white;
    font-family: "Roboto", sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
}

/* css class properties specific to your footer */
.app-footer {
    background: #424D58;
    color: white;
    font-family: "Roboto", sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
}