:root{
    --main-color-first: #3b5998; 
    --main-color-second: #3b955f;
    --main-color-third: rgb(63, 180, 152);
	--main-color-fourth: rgb(194, 13, 25,0.5);  
	--main-color-fifth: rgba(250, 182, 0); 
    --main-color-six:  rgba(140, 25, 45); 


    --main-color-red: rgb(232, 102, 89); /* rouge pastel */
    --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(232, 102, 89);

    --main-color-filter-first:  brightness(0) saturate(100%) invert(30%) sepia(50%) saturate(741%) hue-rotate(183deg) brightness(94%) contrast(86%);
    --main-color-filter-second: brightness(0) saturate(100%) invert(51%) sepia(20%) saturate(1160%) hue-rotate(91deg) brightness(93%) contrast(83%);
}

html, body {
    background: url(https://cdn.sogefi-web.com/interne/images/applications/smeg/login-fond.jpg) no-repeat center;
    background-size: cover;
}
.img_logo_application{
    background: url(https://cdn.sogefi-web.com/interne/images/applications/smeg/logo.svg) no-repeat center;
    background-size: 155px;
}   


.badge-green{
    background-color: #415f04;
    border-radius: 12px;
    padding-inline: 12px;
    color: white;
}

.badge-yellow-green{
    background-color: #b1d31c;
    border-radius: 12px;
    padding-inline: 12px;
    color: white;
}

.badge-orange{
    background-color: orange;
    border-radius: 12px;
    padding-inline: 12px;
    color: white;
}

.badge-blue{
    background-color: rgb(72, 72, 201);
    border-radius: 12px;
    padding-inline: 12px;
    color: white;
}

.badge-yellow-orange{
    background-color: rgb(204, 162, 24);
    border-radius: 12px;
    padding-inline: 12px;
    color: white;
}

.badge-yellow{
    background-color: rgb(240, 236, 7);
    border-radius: 12px;
    padding-inline: 12px;
    color: white;
}

.badge-blue-green{
    background-color: rgb(14, 197, 136);
    border-radius: 12px;
    padding-inline: 12px;
    color: white;
}

.badge-red{
    background-color: rgb(212, 22, 22);
    border-radius: 12px;
    padding-inline: 12px;
    color: white;
}

fieldset.asana-form {
	border: 2px dotted hotpink !important;
	border-radius:5px !important;
}

div#info-APIasana {
	position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%,-50%);
    text-align: center;
}

.border_smeg_projects{
    border: 2px solid #d8dfe6;
    padding: 20px !important;
    width: 150px !important;
    height: 120px !important;
    border-radius: 3px;
    color: var(--main-color-first);
	font-weight: 800;
    background-color: white;
   /* transition: all 0.3s ease 0s;*/
}

.border_smeg_projects:hover{
    border-color: var(--main-color-first);
    /*transform: translateY(-7px);*/
}

#view_project_smeg{
    display: flex;
    justify-content: space-around;
}