:root{
    --main-color-first:  #12416D; /* Bleu */
    --main-color-second: #E5094D ;

    --main-color-third: rgb(253, 197, 101); /* Jaune */
    --main-color-fourth: rgb(45, 117, 135, 0.5); /* Bleu */
    --main-color-fifth: rgba(253, 197, 101, 0.5); /* Bleu 50% */
    --main-color-six: rgb(45, 117, 135, 0.4); /* Bleu */

    --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(17%) sepia(63%) saturate(1454%) hue-rotate(183deg) brightness(96%) contrast(91%);
    --main-color-filter-second: brightness(0) saturate(100%) invert(8%) sepia(82%) saturate(7464%) hue-rotate(337deg) brightness(111%) contrast(93%);
}

html, body {
    background: url(https://cdn.sogefi-web.com/interne/images/applications/shlmr/fond.png) no-repeat center fixed;
    background-size: cover;
}
.img_logo_application{
    background: url(https://cdn.sogefi-web.com/interne/images/applications/shlmr/logo.png) no-repeat center;
    background-size: 450px;
}   

/* EXPORT DES DONNEES */
.extract_modal_class #modalExtractFormat {
    display: flex;
    justify-content: space-between;
    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;
}
.extract_modal_class #modalExtractFormat > div:hover {
    border-color: #aaa;
}

/* GROUPE D HABITATION */
#onglet_grp_habitation .ctn_flex {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
#onglet_grp_habitation .form_title {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
#onglet_grp_habitation .form_title span {
    margin-left: 10px;
}
#onglet_grp_habitation #footer_recherche {
    padding: 5px 0;
}
#onglet_grp_habitation #footer_recherche a[data-action="search"] {
    position: relative;
}
#onglet_grp_habitation .buttons-excel, 
#onglet_grp_habitation .add_new_parcelles {
    top: 13px;
}
#onglet_grp_habitation .container_section{
    padding: 5px 5px 5px 5px;
    background-color: whitesmoke;
    margin-top: 15px;
    border-radius: 5px;
    border: 1px #d5d5d5 solid;
}
#onglet_grp_habitation .container_date_search{
    display: flex !important;
    width: 100%!important;
}
#onglet_grp_habitation .container_date_search div{
    flex: 1 !important;
    margin: 2px !important;
}
#onglet_grp_habitation #footer_recherche{
    position: relative;
    padding: 7px;
}


/* PATRIMOINE FONCIER */
#onglet_patrimoine_foncier .main_gh{
    height: calc(100% - 50px);
}
#onglet_patrimoine_foncier .container_section{
    padding: 5px 5px 5px 5px;
    background-color: whitesmoke;
    margin-top: 15px;
    border-radius: 5px;
    border: 1px #d5d5d5 solid;
}
#onglet_patrimoine_foncier .buttons-excel {
    top: 13px;
}

#onglet_patrimoine_foncier select,
#onglet_patrimoine_foncier input {
    box-sizing: border-box !important;
    height: 30px !important;
    font-size: 14px !important;
    margin-bottom: 0 !important;
}

#onglet_patrimoine_foncier .container_date_search{
    display: flex !important;
    width: 100%!important;
}

#onglet_patrimoine_foncier .container_date_search div{
    flex: 1 !important;
    margin: 2px !important;
}

#onglet_patrimoine_foncier #footer_recherche{
    position: relative;
    padding: 7px;
}
#onglet_patrimoine_foncier .tabs .tab a {
    font-size: 12px;
    font-weight: bold;
}
#onglet_patrimoine_foncier .tabs .tab a.active {
    color: #fff !important;
    background-color: var(--main-color-first);
}

/* DONNÉES RÉGLEMENTAIRES */
#onglet_donnees_reglementaires {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
#onglet_donnees_reglementaires #footer {
    padding: 5px 0;
}
#onglet_donnees_reglementaires #links_container.loading > *{
    color: #fff !important;
    background-color: #fff !important;
    box-shadow: none !important;
}
#onglet_donnees_reglementaires #links_container.loading:after {
    content: "";
    border-radius: 50%;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 5000;
    border-top: 5px solid rgba(255, 255, 255, 0.2);
    border-right: 5px solid rgba(255, 255, 255, 0.2);
    border-bottom: 5px solid rgba(255, 255, 255, 0.2);
    border-left: 5px solid var(--main-color-first);
    animation: rotate 0.4s infinite linear;
    left: 51.8%;
    top: 25%;
}
@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
#onglet_donnees_reglementaires #links_container .link {
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: var(--main-color-first);
    margin-top: 10px;
    font-size: 13px;
}
#onglet_donnees_reglementaires #links_container .link:hover {
    opacity: 0.8;
}
#onglet_donnees_reglementaires #links_container .link i {
    margin-right: 10px;
    font-size: 16px;
}