/*********************************************************************************************************************/
/*    H T M L                                                                                                        */
/*********************************************************************************************************************/

html 
{
    height:            100%;      /* Ensure the full height is taken */
}
    
/*********************************************************************************************************************/
/*    B O D Y                                                                                                        */
/*********************************************************************************************************************/

body 
{
    display:           flex;      /* Enable flex on the body */
    flex-direction:    column;    /* Stack children vertically */
    height:            100%;      /* Ensure the full height is taken */
}

/*********************************************************************************************************************/
/*    M A I N     P A R T                                                                                            */
/*********************************************************************************************************************/

#main-part 
{
    display:           flex;      /* Enable flex on the main container part */
    flex:              1;         /* Allow it to grow */
    overflow:          auto;
}

/*********************************************************************************************************************/
/*    M A I N     O B J E C T                                                                                        */
/*********************************************************************************************************************/

#main-object 
{
    width:             100%;      /* Full width */
    height:            100%;      /* Full height */
}

/*********************************************************************************************************************/
/*    F O O T E R                                                                                                    */
/*********************************************************************************************************************/

#textware-footer-part 
{                                                                               
    margin-top:        auto;      /* Push the footer to the bottom */                              
}                                                                                      

/*********************************************************************************************************************/
/*    EOF
/*********************************************************************************************************************/