:root{
    --main-color-first: rgb(1, 61, 73);
    --main-color-second: rgb(5, 156, 148);
    --main-color-third: rgb(142, 207, 211);
	--main-color-fourth: rgba(142, 207, 211);
	--main-color-fifth: rgba(142, 207, 211);
    --main-color-six:  rgba(142, 207, 211);

    --main-color-red: rgb(246, 172, 132);
    --main-color-disabled: #bababa ;

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

    --main-color-border-first: #c3c0c0;
    --main-color-link-first: rgb(45, 117, 135);

    --main-color-success: rgb(45, 154, 98);
    --main-color-warning: rgb(253, 197, 101);
    --main-color-info: rgb(45, 117, 135);
    --main-color-danger: rgb(246, 172, 132);

    --main-color-filter-first: brightness(0) saturate(100%) invert(17%) sepia(13%) saturate(4081%) hue-rotate(149deg) brightness(102%) contrast(99%);
    --main-color-filter-second: brightness(0) saturate(100%) invert(42%) sepia(81%) saturate(2663%) hue-rotate(150deg) brightness(92%) contrast(96%);
}

html, body {
    background-image: url(https://cdn.sogefi-web.com/interne/images/fond/login-fond-lumia.webp);
    font-family: 'Barlow' !important;
    font-weight: 400;
}
.img_logo_application{
    background: url(https://cdn.sogefi-web.com/interne/images/applications/segat/logo.png) no-repeat center;
    height: 165px;    
} 
button, input {
    font-family: 'Barlow' !important;
}  
#card_login .card-action #btn_login {
    font-family: 'Barlow';
}