:root{
    --main-color-first: rgb(0, 53, 78);
    --main-color-second: rgb(0, 182, 214);
    --main-color-link-first: rgb(0, 182, 214);
    
    --main-color-filter-first:  brightness(0) saturate(100%) invert(15%) sepia(21%) saturate(3650%) hue-rotate(167deg) brightness(101%) contrast(101%);
    --main-color-filter-second: brightness(0) saturate(100%) invert(66%) sepia(61%) saturate(4685%) hue-rotate(150deg) brightness(96%) contrast(101%);


    
    --main-color-third: rgb(45, 106, 121);
    --main-color-fourth: rgb(247, 223, 137);
    --main-color-fifth: rgb(64, 64, 64); 
    --main-color-six:   rgb(154 181 44 / 49%);

    --main-color-red: #e86659; /* rouge pastel */
    --main-color-disabled: #e2e2e2 ;

    --main-color-text-first: #575756;

    --main-color-border-first: #c3c0c0;

    --main-color-success: rgb(110, 183, 70);
    --main-color-warning: rgb(255, 153, 0);
    --main-color-info: rgb(0, 174, 239);
    --main-color-danger: rgb(162, 10, 66);
}

html, body {
    background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.5)), url(https://cdn.sogefi-web.com/interne/images/applications/grinnters/login-fond.jpg);
    background-size: cover;
}
.img_logo_application{
    background: url(https://cdn.sogefi-web.com/interne/images/applications/grinnters/logo.png) no-repeat center;
    background-size: 400px;
}   


.grinntersLogo{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 5px;
    z-index: 999;
    background: #fff;
    padding: 5px;
    border: 1px solid black;
}
.grinntersLogo img {
    vertical-align: sub;
}