:root{
    --main-color-first: rgb(255, 165, 0, 1); /* Bleu principal 100% */
    --main-color-second: rgb(143, 136, 111, 1); /* Vert Clair 100% */
    --main-color-third: rgb(252, 204, 29); /* Jaune Foncé 100% */
    --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-link-first: rgb(60, 112, 31);

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

    --main-color-filter-first: brightness(0) saturate(100%) invert(62%) sepia(69%) saturate(1741%) hue-rotate(0deg) brightness(104%) contrast(101%);
    --main-color-filter-second: brightness(0) saturate(100%) invert(69%) sepia(37%) saturate(714%) hue-rotate(55deg) brightness(88%) contrast(82%);;
}
html, body {
    background: url(https://cdn.sogefi-web.com/interne/images/applications/geoafafe/login-fond.jpg) no-repeat center;
    background-size: cover;
}
h4 {
    color: #333;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    margin-top: 0;
}
.spliter {
    width: 25%;
    margin: 20px auto;
    border-bottom: 1px solid #ccc;
}
.blue_text {
    color: #337ab7;
}
.img_logo_application{
    background: url(https://cdn.sogefi-web.com/interne/images/applications/geoafafe/logo.png) no-repeat center;
    background-size: 400px;
}
/* SIDENAV */
#sidenav_container a i {
    color: orange;
    font-size: 20px;
    line-height: 43px;
}
/* ONGLET */
.onglet_ctn {
    padding: 20px 30px;
    text-align: center;
}
#info_geoafafe_ctn {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
#info_geoafafe_ctn .info-title {
    background: #efefef;
    text-transform: uppercase;
    font-weight: bold;
    color: #333;
    padding: 3px 0;
    text-align: center;
    margin-bottom: 10px;
}
/* DATATABLE */
#onglet_results_afafe table {
    border-color: #ccc;
}
#onglet_results_afafe table thead tr {
    background-color: var(--main-color-first);
}
#onglet_results_afafe table tbody tr:hover td:not(.cursor-pointer) {
    color: var(--main-color-first);
}
#onglet_results_afafe table .cursor-pointer:hover{
    color: #333;
}
/* CONTACT */
#contact_geoafafe_ctn .contact_geoafafe_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#contact_geoafafe_ctn .contact_geoafafe_flex > div {
    width: 50%;
    margin-bottom: 10px;
}
#contact_geoafafe_ctn .contact_geoafafe_flex > div > i {
    color: var(--main-color-first);
    margin-right: 5px;
}
/* PARCELLAIRE */
#parcellesBilan i {
    margin-left: 5px;
    color: var(--main-color-first);
}
.display_on_map span {
    text-transform: uppercase;
    font-size: 12px !important;
    color: #333;
    font-weight: bold;
}
.display_on_map.situation_ante [type=checkbox].filled-in:checked+span:not(.lever):after {
    border-color: #d9534f;
    background-color: #d9534f;
}
.display_on_map.situation_post [type=checkbox].filled-in:checked+span:not(.lever):after {
    border-color: #5cb85c;
    background-color: #5cb85c;
}
.leaflet-marker-icon.label {
    text-transform: uppercase;
    font-weight: bold;
    color: orange;
    white-space: nowrap;
    font-size: 18px;
    text-shadow: 0px 0px 3px #333;
}
/* CUSTOM LAYERTREE */
#layers #layer_action_container {
    display: none;
}
.custom_layertree > div {
    background: #f5f5f5;
    padding: 10px;
    margin-bottom: 5px;
    border: 1px solid #b1b1b1;;
}
.custom_layertree p {
    color: #333;
    margin-top: 0;
}
.custom_layertree .customLayerGroup {
    padding: 0 5px;
    display: flex;
}
.custom_layertree i {
    color: var(--main-color-first); 
    margin-right: 10px;
}
.custom_layertree label span {
    font-size: 13px !important;
}
.custom_layertree label:first-child span {
    display: inline-block;
    width: 150px;
}