:root{
    --main-color-first: rgb(41, 122, 75); 
    --main-color-second: rgb(109, 77, 51); 
    --main-color-third: rgb(254, 196, 105); 
	--main-color-fourth: rgba(94, 149, 162, 0.5); /* Bleu clair 50% */
	--main-color-fifth: rgba(254, 196, 105, 0.5); /* Bleu clair 50% */
    --main-color-six:  rgba(235, 99, 88, 0.5); /* Rouge clair 50% */

    --main-color-red: rgb(232, 102, 89); 
    --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(42%) sepia(23%) saturate(1052%) hue-rotate(92deg) brightness(88%) contrast(92%);
    --main-color-filter-second: brightness(0) saturate(100%) invert(28%) sepia(23%) saturate(973%) hue-rotate(345deg) brightness(99%) contrast(85%);
}

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

/* FORM */
#fi_search .ctn_flex {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
#fi_search .form_title {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
#fi_search .form_title span {
    margin-left: 10px;
}
#fi_search #footer_recherche {
    padding: 5px 0;
}
#fi_search #footer_recherche a[data-action="search"] {
    position: relative;
}

#fi_search #dataContainer{
    display: flex;
    justify-content: space-evenly;
    min-height: 100px;
    align-items: center; 
}
#fi_search #dataContainer .dataItems {
    display: flex; 
    align-items: center; 
    max-width: 200px;
}
#fi_search #dataContainer i {
    color: var(--main-color-first);
    font-size: 35px;
    margin-right: 10px;
}
#fi_search #dataContainer .label {
    line-height: 15px;
}
#fi_search .buttons-excel, #fi_search .add_new_parcelles, #fi_search .buttons-csv {
    top: 13px;
}
#fi_search .ctn_section {
    background-color: whitesmoke;
    border-radius: 5px;
    border: 1px #d5d5d5 solid;
}
#fi_search [data-action="zoom_marker"] i:hover,
#fi_search [data-action="zoom_parcelle"] i:hover {
    color: var(--main-color-first);
}
#fi_search #sections.dossierAdded input {
    background-color: #efefef !important;
    pointer-events: none;
}
#fi_search #footer_recherche.dossierAdded [data-action="add"] {
    background-color: #ccc !important;
    pointer-events: none;
}
.extract_modal_class #modalExtractFormat {
    display: flex;
    justify-content: center;
	gap: 20px;
    align-items: center;
    width: 30%;
    margin: 0 auto;
}
.extract_modal_class #modalExtractFormat > div {
    font-weight: bold;
    background: #efefef;
    padding: 5px 30px;
}
.extract_modal_class #modalExtractFormat > div.selected {
    background: var(--main-color-first);
    color: #fff;
}