/***************************************************************************************************************
*                                                                                                              *
* @License Starts                                                                                              *
*                                                                                                              *
* Copyright © 2024 to Date. Ileloro Property. All Rights Reserved.                                             *
*                                                                                                              *
***************************************************************************************************************/


html
{
    padding-top     : 5px;
    padding-bottom  : 5px;
    padding-left    : 5px;
    padding-right   : 5px;
    border          : 0px solid grey;
}


body
{
    background-color: white;
    font-size       : 15px; 
    color           : grey;
    font-family     : "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    float           : middle;
    font-style      : normal; 
    float           : middle;
    width           : auto;
    height          : auto;
    margin-right    : auto;
    margin-left     : auto;
    padding-top     : 0px;
    padding-bottom  : 0px;
    padding-left    : 0px;
    padding-right   : 0px;
    border-radius   : 20px;
    border          : 1px solid grey;
    clear: both;
}


header
{
    text-align      : center;
    vertical-align  : middle;
    clear            : both;
}

header.headerFormat
{
    /* background-color: white; */
    clear            : both;
}

.fontHeaderDatetimer
{
    font-size     : 12px;
    font-weight   : bold;
    clear         : both;
}


nav
{
    color           : grey;
    text-align      : center;
    vertical-align  : middle;
    font            : 15px;
    font-weight     : bold;
    margin-right    : auto;
    margin-left     : auto;
    border          : 0px solid white;
    height          : auto;
    width           : auto;
    font-family     : "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    clear           : both;
}

nav.navFormat
{
    font-size       : 100%;
    border-top      : 1px solid grey;
    border-bottom   : 1px solid grey;
    text-align      : center;
    vertical-align  : middle;
    padding         : 12px;
    clear: both;
}


nav.notFound
{
    font-size       : 160%;
}

footer
{
    color           : grey;
    text-align      : center;
    vertical-align  : middle;
    font            : 15px;
    font-weight     : bold;
    margin-right    : auto;
    margin-left     : auto;
    border          : 0px solid white;
    height          : auto;
    width           : auto;
    font-family     : "Segoe UI", "Frutiger", "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    clear           : both;
}

footer.footerFormat
{
    /*background-color : white;*/
    font-size        : 85%;
    border-top       : 1px solid grey;
    border-radius    : 0px 0px 20px 20px; 
    clear            : both;
}

.note
{
    font-size        : 85%;
}


a:link
{
   color          : grey;
   text-decoration: none;
}

a:visited
{
    color          : grey;
    text-decoration: none;
}

a:hover
{
   color          : grey;
   text-decoration: none;
}

a:active
{
   color          : grey;
   text-decoration: none;
}

@media (max-width: auto)
{
    /* mobile responsiveness */

    body
    {
        display     : block;
        width       : 90%;
        font-size   : 130%;
        zoom:100%;
    }

    footer.footerFormat
    {
        display     : block;
        width       : auto;
        font-size   : 130%;
    }

    nav.navFormat
    {
        display     : block;
        width       : 100%;
        height      : auto;
    }

    button.controBtn
    {
        display     : block;
        height      : auto;
        font-size   : 130%;
    }

}