﻿/*#region Explore*/
body {
    background-color: var(--color-primary-light-blue-9);
    font-family: var(--font-family-1);
    margin: 0;
    position: absolute;
    min-height: 100%;
    width: 100%;
    max-width: 100vw;
    letter-spacing: 0.15px;
}

/*#endregion*/

a.lienMoteurPano, span.lienMoteurPano {
    font-size: var(--font-size-normal);
    color: var(--color-primary-light-white-1);
    font-weight: var(--font-weight-label-1);
    text-decoration: none;
    background-color: var(--color-secondary-light-green-1);
    padding: 12px 25px;
    border-radius: var(--border-radius-1);
    cursor: pointer;
    width: 154px;
    font-style: normal;
    text-align: center;
}


    a.lienMoteurPano.RetourTerritoire {
        display: block;
        width: 50px;
        padding: 9px 25px 8px 25px
    }

    a.lienMoteurPano:hover {
        text-decoration: none;
        font-weight: var(--generic-font-weight-light);
        background-color: var(--color-secondary-light-green-5);
    }

a.lienDernieresInfos {
    font-size: var(--font-size-normal);
    color: var(--color-primary-light-white-1);
    font-weight: var(--generic-font-weight-lightest);
    text-decoration: none;
    background-color: var(--color-primary-light-blue-1);
    padding: 12px 25px;
    border-radius: var(--border-radius-1);
    cursor: pointer;
    min-width: 180px;
    text-align: center;
}

    a.lienDernieresInfos:hover {
        text-decoration: none;
        background-color: var(--color-primary-light-blue-1-1);
        font-weight: var(--generic-font-weight-light);
    }

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.inline-table {
    display: inline-table;
}

.italic, .font-italic {
    font-style: italic;
}

.mb0 {
    margin-bottom: 0px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mt-30 {
    margin-top: -30px;
}

.mt-15 {
    margin-top: -15px;
}

.mt0 {
    margin-top: 0px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt25 {
    margin-top: 25px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

.mr10 {
    margin-right: 10px;
}

.pl10 {
    padding-left: 10px;
}

.pl20 {
    padding-left: 20px;
}

.pl40 {
    padding-left: 40px;
}

.pr10 {
    padding-right: 10px;
}

.span2 {
    color: #173D50;
    font-size: var(--font-size-smallest);
    font-family: var(--font-family-1);
    font-weight: var(--generic-font-weight-heavy);
    text-transform: uppercase;
}

.span3 {
    color: Black;
    font-size: var(--font-size-smallest);
    font-family: var(--font-family-1);
}

.rowDevExpress {
    height: 25px;
}

.hidescroll {
    overflow-y: hidden;
}

.HeaderRowDevExpress {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 40px;
    background-color: #EEEEEE;
    color: black;
    font-weight: var(--generic-font-weight-heavy);
}

.TblLienCollaborateur {
    position: absolute;
    background-color: var(--color-primary-info-blue-1);
    border: 1px solid var(--color-primary-info-blue-1);
    line-height: 9pt;
    /*z-index: 100;*/
    display: none;
    width: 350px;
    color: white;
}

    .TblLienCollaborateur a {
        text-decoration: none;
        color: white;
        padding-left: 10px;
        padding-right: 10px;
        font-family: var(--font-family-1);
        font-size: var(--font-size-tiny);
    }

.data-item-template-titre {
    font-family: var(--font-family-1);
    color: var(--color-primary-light-blue-1);
    font-size: var(--font-size-big);
    font-weight: var(--generic-font-weight-light);
}
.data-item-template-text {
    font-family: var(--font-family-1);
    color: var(--color-primary-light-blue-1);
    font-size: var(--font-size-normal);
    font-weight: var(--generic-font-weight-lightest);
    cursor: text;
}
    .data-item-template-text a {
        font-family: var(--font-family-1);
        color: var(--color-primary-info-blue-1);
        font-size: var(--font-size-normal);
        font-weight: var(--generic-font-weight-light);
        text-decoration: none;
        cursor: pointer;
    }

.grid-view-row-over .data-item-template-picto {
    position: relative;
    font-size: var(--font-size-big);
}
.data-item-template-table {
    font-family: var(--font-family-1);
}

span.span-img-histo-gc {
    padding: 5px 5px 5px 0;
}
    span.span-img-histo-gc > i {
        width: 20px;
        height: 20px;
    }
span.compteur-histo-gc-none {
    position: absolute;
    top: 4px;
    right: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--color-grey-1-1);
    display: inline-table;
    line-height: 8px;
    text-align: center;
    visibility: hidden;
}
span.compteur-histo-gc {
    position: absolute;
    top: 4px;
    right: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--color-secondary-light-green-2);
    display: inline-table;
    line-height: 8px;
    text-align: center;
}
@-moz-document url-prefix() {
    /* CSS différent pour Firefox car 4px de décalage au niveau de la pastille du nombre... */
    span.compteur-histo-gc-none {
        position: absolute;
        top: 4px;
        right: 4px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: var(--color-grey-1-1);
        display: inline-table;
        line-height: 8px;
        text-align: center;
        visibility: hidden;
    }
    span.compteur-histo-gc {
        position: absolute;
        top: 4px;
        right: 4px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: var(--color-secondary-light-green-2);
        display: inline-table;
        line-height: 8px;
        text-align: center;
    }
}
span.compteur-histo-gc-none > span.histo-gc-compteur, span.compteur-histo-gc > span.histo-gc-compteur {
    color: var(--color-primary-light-white-2);
    font-size: 9px;
    font-weight: var(--generic-font-weight-heavy);
    position: relative;
    top: -1px;
    left: 0;
}

.TblGestionCoGrid {
    position: absolute;
    z-index: 100;
    background-color: var(--color-primary-light-white-1);
    border: 1px solid var(--color-grey-6);
    border-radius: var(--border-radius-1);
    display: none;
    font-family: var(--font-family-1);
}

    .TblGestionCoGrid .dxgvTable {
        border-radius: var(--border-radius-1);
        padding: 4px 10px
    }

        .TblGestionCoGrid .dxgvTable .dxgvDataRow td.dxgv {
            padding: 2px 0;
        }
        .TblGestionCoGrid .dxgvTable .dxgvHeader {
            padding: 0;
        }

.TblGestionCoGrid .dxcvTable {
    padding: 5px !important;
}

    .TblGestionCoGrid .dxcvCard, .TblGestionCoGrid .dxcvFlowCard {
        height: 10px;
        width: 400px;
        max-width: 500px;
    }

    .TblGestionCoGrid .dxcvSeparator, .TblGestionCoGrid .dxcvSeparator div {
        height: 5px;
    }

.dxcvTable_Material {
    padding: 5px;
}

/* Projets non consultés en gras */
table.dxgv tr[data-consulte='0'] {
    font-weight: var(--generic-font-weight-heavy);
}
/* Projets consultés pas en gras */
table.dxgv tr[data-consulte='1'] {
    font-weight: var(--generic-font-weight-lightest);
}

.HyperlinkColumn .dxeHyperlink_Material, tr.dxgvDataRow_Material > td.HyperlinkColumn.dxgv > a {
    font-weight: inherit;
}

.libNB {
    font-size: var(--font-size-big);
    font-weight: var(--generic-font-weight-heavy);
    margin: 8px 0px;
    display: block;
    font-family: var(--font-family-1);
    color: var(--color-secondary-light-green-1);
}


.libCriteres {
    display: block;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-style: italic;
    max-width: 600px;
    width: 100%;
}

.libelleTips {
    /*color: #173D50;*/
    color: #A0A0A0;
}

font.EnteteBlocDetail, span.EnteteBlocDetail {
    color: #F17800;
    font-weight: var(--generic-font-weight-heavy);
    font-size: var(--font-size-smallest);
    padding-left: 5px;
}

/*Common*/

/*tableau de bord collaborateur*/
#lbTitrePage {
    font-size: var(--font-size-big-3);
    font-weight: var(--generic-font-weight-heavy);
    padding-left: 10px;
    color: #173D50;
}

#lbSousTitrePage {
    font-size: var(--font-size-small);
    font-weight: var(--generic-font-weight-heavy);
    color: #6D7E88;
    padding-left: 10px;
    padding-bottom: 20px;
}
/*tableau de bord collaborateur*/

.dxtc-spacer {
    /*height: 42px;*/
}

/*.dxichTextCellSys {
    color: black;
    font-weight: var(--generic-font-weight-heavy);
    font-size: var(--font-size-tiny);
}*/

.dxnbLite_Moderno .dxnb-last {
    margin-bottom: 0px;
}

.dxnbLite_Moderno .dxnb-itemHover, .dxnbLite_Moderno .dxnb-itemHover a, .dxnbLite_Moderno .dxnb-largeHover, .dxnbLite_Moderno .dxnb-largeHover a {
    background-color: #D2DADD;
}

.dxpLite_Material .dxp-num {
    margin-top: 3px;
    padding: 6px 14px;
}

/* Enlève les bordures du haut et du bas en trop pour les RoundPanel */
.dxrpControl_Material {
    border-top: none;
    border-bottom: none;
}

/* Panel */
.Panel {
    background-repeat: repeat-y;
    border-bottom-style: inset;
    border-right-style: inset;
    margin-bottom: 15px;
    border: 1px solid var(--color-primary-light-blue-3);
    border-radius: var(--border-radius-1);
    /*background-image:url("../../IMG/FondPanelNew.jpg");*/
}

.Panel2 {
    background-repeat: repeat-y;
    border-bottom-style: inset;
    border-right-style: inset;
    margin-bottom: 15px;
    border-left: solid 1px #ECE9D8;
    border-right: solid 4px #DFDFDC;
    border-top: solid 1px #ECE9D8;
    border-bottom: solid 3px #DFDFDC;
    /*background-image:url("../../IMG/FondPanelNew.jpg");*/
    padding-bottom: 6px;
}

/*Titre principal des panels*/
.TitrePanel {
    font-weight: var(--generic-font-weight-heavy);
    font-family: var(--font-family-1);
    font-size: var(--font-size-small);
    color: #0061B0;
    font-style: normal;
}

/*Liens des titres des panels*/
A.LienTitrePanel, A.LienTitrePanel:link, A.LienTitrePanel:visited {
    font-weight: var(--generic-font-weight-lightest);
    font-family: var(--font-family-1);
    font-size: var(--font-size-smallest);
    color: var(--color-primary-light-blue-1);
}

    A.LienTitrePanel:hover {
        font-weight: var(--generic-font-weight-lightest);
        color: var(--color-primary-light-blue-1);
        font-family: var(--font-family-1);
        font-size: var(--font-size-smallest);
        TEXT-DECORATION: underline;
    }

A.LienAnalyseTerr, A.LienAnalyseTerr:link, A.LienAnalyseTerr:visited {
    font-family: var(--font-family-1);
    font-style: normal;
    font-size: var(--font-size-small);
    font-weight: var(--generic-font-weight-heavy);
    color: #0061B0;
}

    A.LienAnalyseTerr:hover {
        font-family: var(--font-family-1);
        font-size: var(--font-size-small);
        font-weight: var(--generic-font-weight-heavy);
        color: #0061B0;
        TEXT-DECORATION: underline;
    }

A.LienMapPath, A.LienMapPath:link, A.LienMapPath:visited {
    font-family: var(--font-family-1);
    font-size: var(--font-size-small);
    color: #0061B0;
}

    A.LienMapPath:hover {
        font-family: var(--font-family-1);
        font-size: var(--font-size-small);
        font-weight: var(--generic-font-weight-heavy);
        color: #0061B0;
        TEXT-DECORATION: underline;
    }

/*Texte à l'intérieur des panels*/
.TextePanel {
    font-family: var(--font-family-1);
    font-size: var(--font-size-smallest);
    color: #666666;
}

/*Lien hypertext dont la casse est Min*/
A.LienPanel, A.LienPanel:visited, A.LienPanel:link {
    font-family: var(--font-family-1);
    font-size: var(--font-size-smallest);
    color: Blue;
}

    A.LienPanel:hover {
        font-family: var(--font-family-1);
        font-size: var(--font-size-smallest);
        TEXT-DECORATION: underline;
        color: Red;
    }

/*Lien hypertext dont la casse est Maj*/
A.LienPanelMaj, A.LienPanelMaj:visited, A.LienPanelMaj:link {
    font-family: var(--font-family-1);
    font-size: var(--font-size-tiny);
    color: Blue;
}

    A.LienPanelMaj:hover {
        font-family: var(--font-family-1);
        font-size: var(--font-size-tiny);
        TEXT-DECORATION: underline;
        color: Red;
    }
/* Panel */

/* Pages stat */
table.StatTableauMvt {
    border: solid 1px #4e8aa4;
}

tr.StatEnteteMvt td {
    background-color: #FFFFFF;
    color: #64738f;
    font-size: var(--font-size-small);
}

tr.StatHeaderFooterMvt td {
    background-color: #4e8aa4;
    color: #FFFFFF;
    font-weight: var(--generic-font-weight-heavy);
}

td.StatHeaderFooterMvtTD {
    background-color: #4e8aa4;
    font-weight: var(--generic-font-weight-heavy);
}

tr.altRowStat1Mvt td {
    background-color: #FFFFFF;
    color: #666666;
}

tr.altRowStat2Mvt td {
    background-color: #def2f3;
    color: #666666;
}

td.altRowStat2MvtTD {
    background-color: #def2f3;
}
/* Pages stat */

a.NoeudSocieteNBGC, a.NoeudSocieteNBGC:link, a.NoeudSocieteNBGC:visited {
    cursor: pointer;
}

    a.NoeudSocieteNBGC:hover {
        cursor: pointer;
        text-decoration: none;
        color: Red;
    }

.SRTableRubrique {
    width: 100%;
    margin-top: 30px;
}

.SRRubrique {
    color: #016297;
    font-size: var(--font-size-big-3);
    font-weight: var(--generic-font-weight-heavy);
    font-family: var(--font-family-1);
}

.SRtdRubrique {
    width: 1px;
    white-space: nowrap;
}

.SRtd2Rubrique {
    /*border-bottom: 2px solid var(--color-primary-light-blue-3);*/
}

table.SiteTableRubrique.withButton {
    margin-top: 75px;
}

    table.SiteTableRubrique.withButton td.SRtdRubrique {
        vertical-align: bottom;
    }

    table.SiteTableRubrique.withButton td.SRtd2Rubrique {
        align-items: center;
        display: flex;
        justify-content: flex-end;
    }

.gridgroupe {
    border: 2px dashed #D4D4D4;
    color: #A0A0A0;
    font-weight: var(--generic-font-weight-heavy);
}

.headergridlegergras {
    font-weight: var(--generic-font-weight-light);
    background-color: #EEEEEE;
}

.gridheaadergc {
    border-right-style: none;
}

.rowover:not(.dxgvFocusedRow_Material) {
    background-color: #ffffff;
}

    .rowover:not(.dxgvFocusedRow_Material):hover {
        background-color: #EEEEEE;
    }

.rowover.dxgvFocusedRow_Material {
    font-style: italic;
}

    .rowover.dxgvFocusedRow_Material a {
        color: white;
        font-style: normal;
        text-decoration: underline;
    }

.SiteTableRubrique {
    width: 100%;
    margin-top: 30px;
    padding: 0px 20px;
}

.descriptifliste {
    font-size: var(--font-size-smallest);
}

.SiteTableDescriptif {
    width: 100%;
    padding: 0px 20px;
}

.SiteTableContenu1 {
    width: 100%;
    padding: 0px 16px;
    table-layout: fixed;
}

.SiteTableContenu2 {
    width: 100%;
    /*background-color: white;*/
}

.choixlecture {
    border-radius: var(--border-radius-1);
    -moz-border-radius: var(--border-radius-1);
    -webkit-border-radius: var(--border-radius-1);
    padding: 0px 0px 5px 0px;
    color: var(--color-primary-light-blue-1);
}

    .choixlecture table {
        border-spacing: 0px;
    }

.choixlectureMP {
    padding: 0px 0px 10px 0px;
}


.radioFondGris {
    border-radius: 8px;
    background-color: #C1C1C1;
}

.TblLienSociete {
    position: absolute;
    background-color: white;
    color: #003C6B;
    border: 1px solid #003C6B;
    line-height: 9pt;
    /*z-index: 100;*/
    display: none;
    width: 350px;
}

    .TblLienSociete a {
        text-decoration: none;
        color: black;
        padding-left: 10px;
        padding-right: 10px;
        font-family: var(--font-family-1);
        font-size: var(--font-size-tinier);
    }

        .TblLienSociete a:hover {
            color: blue;
        }

/* z-index: 13000 pour être au-dessus des popup DevExpress qui ont un z-index: 12000 */
.swal-overlay, .swal-modal {
    z-index: 13000;
}

.swal-title {
    font-family: var(--font-family-1);
    font-size: var(--font-size-big);
    font-weight: var(--generic-font-weight-heavy);
    line-height: 23.3px;
    letter-spacing: 0.01em;
    text-align: center;
    color: var(--color-primary-light-blue-1);
}

.swal-text {
    font-family: var(--font-family-1);
    font-size: var(--font-size-normal);
    font-weight: var(--generic-font-weight-lightest);
    line-height: 23px;
    letter-spacing: 0.03em;
    text-align: center;
    color: var(--color-primary-light-blue-1);
}
.swal-footer {
    text-align: center;
    padding-top: 13px;
    margin-top: 13px;
    padding: 13px 16px;
    border-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.swal-button {
    font-family: var(--font-family-1);
    background-color: var(--color-secondary-light-green-1);
    color: var(--color-primary-light-white-1);
    border: none;
    box-shadow: none;
    border-radius: var(--border-radius-1);
    font-weight: var(--generic-font-weight-lightest);
    font-size: var(--font-size-normal);
    padding: 10px 24px;
    margin: 0;
    cursor: pointer;
}

.eFiccJ:focus {
    box-shadow: none !important;
}

.eFiccJ:hover {
    box-shadow: none !important;
}

.eFiccJ {
    box-shadow: none !important;
}

.grid-filter {
    text-align: left;
    color: var(--color-grey-7);
    font-weight: var(--generic-font-weight-light);
}

.table-filter-cell {
    padding: 0 5px;
}

.btStat {
    background-color: var(--color-primary-info-blue-3);
    color: var(--color-primary-light-blue-1);
}

/*#region resultat immeuble*/
.SourceDgfip {
    font-size: var(--font-size-tiny);
    Color: var(--color-grey-2);
    display: block;
}
/*#endregion*/

/*#region Tuiles */
#divTuiles {
    min-width: 1024px;
}

#divTuilesContainer {
    width: 100%;
    margin: auto;
}

.tableTuile {
    border-spacing: 15px; /* 15px d'espace entre chaque cellule */
    margin: 0 -15px; /* Supprime les marges de chaque côté du tableau */
    width: 102%; /* Safari */
    width: calc(100% + 30px);
    table-layout: fixed;
}

    .tableTuile .blocFlux {
        height: 30px;
        cursor: pointer;
        padding: 0px 4px;
        position: relative;
        border: 1px solid var(--color-primary-light-blue-3);
        border-radius: var(--border-radius-1);
    }

        .tableTuile .blocFlux .badge {
            width: fit-content;
            padding: 6px 8px;
            border-top-left-radius: var(--border-radius-1);
            border-bottom-left-radius: var(--border-radius-1);
            color: var(--color-primary-light-white-1);
            background-color: var(--color-secondary-light-green-1);
            font-weight: var(--generic-font-weight-light);
            font-size: var(--font-size-big);
            text-align: center;
            /*margin-right: -2px;*/
            /*box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, 0.25);*/
        }

        .tableTuile .blocFlux .libelleFlux {
            font-size: var(--font-size-normal);
            font-weight: var(--generic-font-weight-light);
            letter-spacing: 0.14px;
            color: var(--color-primary-light-blue-1);
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -webkit-line-clamp: 1;
            text-overflow: ellipsis;
            word-break: break-all;
        }

        .tableTuile .blocFlux.blocFluxHover, .tableTuile .blocFlux .blocFluxHover {
            background-color: var(--color-grey-10);
            /*color: var(--color-primary-light-white-1);*/
        }

        .tableTuile .blocFlux .libelleFlux .blocFluxHover {
            background-color: transparent;
        }

        .tableTuile .blocFlux img.displaynone {
            display: none;
        }

        .tableTuile .blocFlux.blocActif {
            background-color: var(--color-secondary-light-green-4);
        }

        .tableTuile .blocFlux.blocInactif {
            display: none;
        }

.tuile-container {
}

.tuile-table {
    border-spacing: 5px;
    width: 100%;
    max-width: 50vw;
    height: 50px;
    text-align: center;
}

    .tuile-table:hover {
        background-color: var(--color-grey-1-2);
        cursor: pointer;
    }

.tuile-ligne {
    height: 30px;
    vertical-align: middle;
}

.tuile-picto {
    width: 30px;
    height: 30px;
}

.tuile-label {
    width: 100%;
    height: 30px;
    text-align: left;
}

.tuile-compteur {
    width: 70px;
    height: 30px;
    text-align: right;
}

.picto-tile {
    font-size: var(--font-size-big-3);
    color: var(--color-primary-light-blue-2);
}

.hideTd {
    display: none;
}

.headergridlegergras {
    font-weight: var(--generic-font-weight-light);
}

.rowover {
    background-color: #ffffff;
}

    .rowover:hover {
        background-color: #D7EBF9;
        cursor: pointer;
    }

    .rowover.notclick:hover {
        cursor: default;
    }

    .rowover.etsEnCours {
        background-color: lightgray;
        cursor: default;
    }

.divShowAllData {
    /*background-color: white;*/
    padding: 2px 0;
    border-top: 1px solid #c0c0c0;
}

    .divShowAllData table {
        font-weight: var(--generic-font-weight-heavy);
    }

.spanInfo {
    /*color: #F17800;*/
    color: #036496;
    font-weight: var(--generic-font-weight-heavy);
    font-size: var(--font-size-tiny);
}

#ASPxNewsControlTwitter .dxhlHeader_MetropolisBlue a, #ASPxNewsControlTwitter .dxhlContent_MetropolisBlue a { /*NewsControl Twitter*/
    font-size: inherit;
}

#ASPxNewsControlTwitter .dxhlTailDiv_MetropolisBlue {
    padding: 8px 0 0 0;
}

#ASPxNewsControlTwitter .dxncEmptyData_MetropolisBlue {
    color: black;
    font-size: x-large;
}

table.banaticDetailInfos {
    margin-left: 10px;
}

    table.banaticDetailInfos tr:not(.banaticTitleInfos) td {
        border-bottom: 1px solid #6FABCA;
        padding: 5px 25px 0px 5px;
    }

tr.banaticTitleInfos td {
    font-size: var(--font-size-small);
    font-weight: var(--generic-font-weight-heavy);
    color: #006496;
}

.animateNode {
    animation-name: animateTreeViewNodeBanatic;
    animation-duration: 3s;
}

@keyframes animateTreeViewNodeBanatic {
    0% {
        background-color: transparent;
        color: #333333;
    }

    50% {
        background-color: #0072C6;
        color: white;
    }

    100% {
        background-color: transparent;
        color: #333333;
    }
}
/*#endregion*/

/*#region Donneurs d'ordres*/
/*#region MP*/
.donneur-container {
    max-width: 550px;
}

.donneur-datas {
    vertical-align: top;
}

.donneur-data-left, .donneur-data-right {
    width: 50%;
    vertical-align: top;
}

.donneur-type-etablissement {
    background-color: var(--color-secondary-light-green-3);
    color: var(--color-primary-light-blue-1);
    font-size: var(--font-size-small);
    font-style: italic;
    border-radius: 5px;
    padding: 2px 8px;
    line-height: 20px;
    width: fit-content;
    margin-left: 10px;
}

a.donneur-rs {
    color: var(--color-primary-light-blue-1);
    font-size: var(--font-size-normal);
    font-weight: var(--generic-font-weight-heavy);
    text-transform: uppercase;
}

    a.donneur-rs:hover {
        text-decoration: none;
        cursor: pointer;
    }

i.donneur-picto {
    cursor: pointer;
}

.donneur-verspieren, .donneur-lcl {
    color: var(--color-error-red-1);
    font-weight: var(--generic-font-weight-heavy);
}

.donneur-desservie-gaz {
    color: var(--color-error-red-3);
}
/*#endregion*/

/*#endregion*/

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.dxisControl_Material > .dxis-passePartout {
    background-color: transparent;
}
