@import "variables"

.page-wrapper
    flex: 1

.header
    // background: #ffffff
    background: $header-background
    height: $header-height
    padding: 0 2rem
    border-bottom: 1px solid #dee2e6
    display: -ms-flexbox
    display: flex
    -ms-flex-align: center
    align-items: center
    -ms-flex-pack: justify
    justify-content: space-between
    color: #495057

    .left
        display: -ms-flexbox
        display: flex
        -ms-flex-align: center
        align-items: center

.footer
    // background: #ffffff
    background: $footer-background
    height: $footer-height
    border-top: 1px solid #dee2e6
    border-bottom: 1px solid #dee2e6
    padding: 0 2rem
    display: -ms-flexbox
    display: flex
    -ms-flex-align: center
    align-items: center
    -ms-flex-pack: justify
    justify-content: space-between

    flex-shrink: 0

    .left
        display: -ms-flexbox
        display: flex
        -ms-flex-align: center
        align-items: center


    .right
        font-size: 0.875rem
        color: #6c757d

.content
    padding: $content-padding