@font-face
{
    font-family: 'Lato';
    src: url('/fonts/Lato-Thin.ttf?v=1.4.0') format('truetype');
    font-weight: 100;
    font-display: swap;
}

@font-face
{
    font-family: 'Lato';
    src: url('/fonts/Lato-ThinItalic.ttf?v=1.4.0') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face
{
    font-family: 'Lato';
    src: url('/fonts/Lato-Light.ttf?v=1.4.0') format('truetype');
    font-weight: 300;
    font-display: swap;
}

@font-face
{
    font-family: 'Lato';
    src: url('/fonts/Lato-LightItalic.ttf?v=1.4.0') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face
{
    font-family: 'Lato';
    src: url('/fonts/Lato-Regular.ttf?v=1.4.0') format('truetype');
    font-weight: 400;
    font-display: swap;
}

@font-face
{
    font-family: 'Lato';
    src: url('/fonts/Lato-Italic.ttf?v=1.4.0') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face
{
    font-family: 'Lato';
    src: url('/fonts/Lato-Bold.ttf?v=1.4.0') format('truetype');
    font-weight: 700;
    font-display: swap;
}

@font-face
{
    font-family: 'Lato';
    src: url('/fonts/Lato-BoldItalic.ttf?v=1.4.0') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face
{
    font-family: 'Lato';
    src: url('/fonts/Lato-Black.ttf?v=1.4.0') format('truetype');
    font-weight: 900;
    font-display: swap;
}

@font-face
{
    font-family: 'Lato';
    src: url('/fonts/Lato-BlackItalic.ttf?v=1.4.0') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

html,
body
{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    font-family: "Lato", sans-serif;
    background-color: #F5F5F5;
}

    body.overlay-no-scroll
    {
        height: 100%;
        overflow: hidden;
    }

.body-proper
{
    align-self: center;
    background-color: #F5F5F5;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.body-proper.body-proper-login
{
    background: #f8f9fa;
}