/* =========================================
   ESTRUTURA PRINCIPAL DO SITE
========================================= */

html,
body {

    margin: 0;

    padding: 0;

    min-height: 100%;

}


/* =========================================
   BODY
========================================= */

body {

    min-height: 100vh;

    display: flex;

    flex-direction: column;

}


/* =========================================
   APP
========================================= */

.app-layout {

    display: flex;

    flex-direction: row;

    flex: 1;

    width: 100%;

    min-height: 0;

    box-sizing: border-box;

}


/* =========================================
   SIDEBAR
========================================= */

.sidebar {

    width: 250px;

    min-height: 100%;

    background: #fff;

    border-right: 1px solid #ddd;

    padding: 20px;

    flex-shrink: 0;

    box-sizing: border-box;

}


/* =========================================
   CONTEÚDO PRINCIPAL
========================================= */

.content-area {

    flex: 1;

    width: 100%;

    min-width: 0;

    box-sizing: border-box;

    padding: 0px;

}


/* =========================================
   CONTEÚDO PÚBLICO
========================================= */

.site-content {

    width: 100%;

    box-sizing: border-box;

    padding-top: 40px;

    padding-bottom: 60px;

}