::backdrop {
    background-color: white; /* Needed if not : While in FullScreen mode  background-color turns black !!! */
}

.coverScreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1005;
    /*backdrop-filter: blur(3px);*/
    background-color: #000000;
    opacity: 0.6;
}

.NewVersion {
    width: 100%;
    top: -51px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #22a0b6;
    margin: 0;
    padding: 0;
    box-shadow: 0 0 4px #888;
    font-size: 15px;
    font-weight: 400;
    position: fixed;
    z-index: 1010;
    color: white;
    text-align: center;
}

fieldset.aasCheckBoxList > div.aasSelected {
    background-color: transparent !important;
}

/*.radio-inline, .checkbox-inline {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

    .radio-inline input, .checkbox-inline input {
        margin-right: 5px;
    }*/

.hpx-60 {
    height: 60px !important;
}

.w-85 {
    width: 85% !important;
}

.w-95 {
    width: 95% !important;
}

.w-90 {
    width: 90% !important;
}

.w-80 {
    width: 80% !important;
}

.w-70 {
    width: 70% !important;
}

.w-65 {
    width: 65% !important;
}

.w-60 {
    width: 60% !important;
}

.w-45 {
    width: 45% !important;
}

.w-40 {
    width: 40% !important;
}

.w-35 {
    width: 35% !important;
}

.w-33 {
    width: 33.33% !important;
}

.w-30 {
    width: 30% !important;
}

.w-25 {
    width: 25% !important;
}

.w-20 {
    width: 20% !important;
}

.w-15 {
    width: 15% !important;
}

.w-10 {
    width: 10% !important;
}

.w-55 {
    width: 55% !important;
}


.h-90 {
    height: 90% !important;
}

.h-85 {
    height: 85% !important;
}

.h-95 {
    height: 95% !important;
}

.h-80 {
    height: 80% !important;
}

.h-60 {
    height: 60% !important;
}

.h-40 {
    height: 40% !important;
}

.h-33 {
    height: 33.33% !important;
}

.h-30 {
    height: 30% !important;
}

.h-20 {
    height: 30% !important;
}

.h-25 {
    height: 25% !important;
}

.h-min-65 {
    min-height: 65vh;
}

.fit-content {
    width: fit-content;
}


body .aasNotActive {
    display: none !important;
}

.zoomContainer {
    z-index: 1010 !important;
}

#Maintenance {
    font-size: xx-large;
}

#Home-ToggleMenu {
    color: #00afbf;
    display: block;
    padding: 4px;
    position: absolute;
    right: 0;
    top: .5rem;
    -webkit-transform: translate(50%,-50%);
    -ms-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
    z-index: 5;
}

#MapLibre-HideNavBarMap {
    color: #00afbf;
    display: block;
    padding: 4px;
    position: absolute;
    left: 0;
    top: .5rem;
    -webkit-transform: translate(10%,0%);
    -ms-transform: translate(10%,0%);
    transform: translate(10%,0%);
    z-index: 1005;
}

.floatingButtons {
    display: block;
    padding: 4px;
    position: absolute;
    right: 0;
    top: .5rem;
    z-index: 1004;
}

#PBIReport-RefreshBI {
    color: #00afbf;
    display: block;
    padding: 4px;
    position: absolute;
    left: 0;
    top: .5rem;
    -webkit-transform: translate(30%,0%);
    -ms-transform: translate(30%,0%);
    transform: translate(30%,0%);
    z-index: 1005;
}

div.table-wrapper table thead {
    background-color: white;
}

div.table-wrapper table tbody tr td a {
    color: var(--bs-link-color) !important;
}

div.table-wrapper table tbody tr td:hover a {
    text-decoration: underline !important;
}

div.table-wrapper table.table {
    font-size: 0.8vw;
}

div.table-wrapper table tr {
    height: 38px !important;
}

div.LigneOperation {
    height: 55px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: rgb(237, 241, 245);
}

    div.LigneOperation * {
        font-size: 1.4vh;
    }

    div.LigneOperation .ActionLink {
        color: var(--bs-link-color) !important;
    }

        div.LigneOperation .ActionLink:hover {
            text-decoration: underline !important;
        }


html {
    overflow-y: auto;
}

/************* Sort Direction *************/
.table-rep-plugin table thead th.asc, .table-rep-plugin table thead th.desc {
    position: relative;
}

    .table-rep-plugin table thead th.asc:after, .table-rep-plugin table thead th.desc:after {
        background-color: #00afbf;
        bottom: 0;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        width: 100%;
    }

.table > :not(caption) th .down, .table > :not(caption) th .up {
    cursor: pointer;
    height: 10px;
}

.table > :not(caption) th.asc .down, .table > :not(caption) th.desc .up {
    color: #00afbf;
}

.table > :not(caption) th.asc .up i, .table > :not(caption) th.desc .down i {
    display: block;
    font-size: 12px;
}

.table > :not(caption) th.asc .ordon-choice, .table > :not(caption) th.desc .ordon-choice, .table > :not(caption) th:hover .ordon-choice {
    opacity: 1;
}

.table-rep-plugin table thead th.gcCycle .up, .table-rep-plugin table thead th.gcCycle .down,
.table-rep-plugin table thead th.gcAvecDateExecution .up, .table-rep-plugin table thead th.gcAvecDateExecution .down,
.table-rep-plugin table thead th.gcAvecNbPrises .up, .table-rep-plugin table thead th.gcAvecNbPrises .down,
.table-rep-plugin table thead th.gcAnalyse .up, .table-rep-plugin table thead th.gcAnalyse .down,
.table-rep-plugin table thead th.gcLivraison .up, .table-rep-plugin table thead th.gcLivraison .down,
.table-rep-plugin table thead th.gcChoixEtat .up, .table-rep-plugin table thead th.gcChoixEtat .down,
.table-rep-plugin table thead th.gcX .up, .table-rep-plugin table thead th.gcX .down,
.table-rep-plugin table thead th.gcY .up, .table-rep-plugin table thead th.gcY .down {
    display: none;
}

/************* Sort Direction *************/

/*************** largeurs colonnes (Element = OwnerName) ***************/
td.gcType {
    max-width: 80px;
}

td.gcElement {
    max-width: 100px;
}

td.gcAction {
    min-width: 200px !important;
}

td.gcLivrable {
    min-width: 150px !important;
}

td.gcTypeSuivi {
    min-width: 250px !important;
}

#AcceptanceTests-GridTests td.gcDate, #AcceptanceTests-GridTests td.gcMAJ {
    min-width: 140px !important;
}

#Operations .gcType {
    min-width: 200px;
}

#Dashboard td.gcId > span, #Dashboard td.gcIdExternal > span, td.gcSuivi > span
#DashboardVDR td.gcId > span, #DashboardVDR td.gcIdExternal > span,
#DashboardEntreprise td.gcId > span, #DashboardEntreprise td.gcIdExternal > span,
#DashboardEntrepriseVDR td.gcId > span, #DashboardEntrepriseVDR td.gcIdExternal > span {
    white-space: nowrap;
}

#Network td.gcX > div, #SuiteAction td.gcX > div, td.gcEdit > div,
#SuiviFinancial td.gcEdit, #SuiviFinancial td.gcAddItem,
#SuiviFinancialOP td.gcEdit, #SuiviFinancialOP td.gcAddItem,
#SuiviElem td.gcEditComment, #SuiviOperation td.gcEditComment {
    text-align: right;
    margin-right: 5px;
}

 td.gcX > div {
    text-align: right;
 }

td.left-align > div {
    text-align: left !important;
 }

#panelGED td.gcSelect, #panelGED td.gcSelect > div {
    max-width: 40px;
    width: 40px;
}

    #panelGED td.gcSelect input {
        margin: 0px;
    }

td > div.true {
    text-align: center;
}

.gcMontant, .numCol, th.gcMontant {
    text-align: right !important;
    white-space: nowrap !important;
}

.grid-x line, .grid-y line {
  stroke: lightgray;
  stroke-opacity: 0.7;
  shape-rendering: crispEdges;
}

#DemandOperation td.gcIdentifiant:hover, #DemandOperation td.gcIdExternal:hover {
    text-decoration: underline;
}


/*************** largeurs colonnes ***************/
/*************** BootsrapSelect *********/
div.bsPad > div {
    width: auto !important;
}

div.bsPad button {
    padding: 0.25rem;
}

/*************** BootsrapSelect *********/

/************* Chat *********/
.chat-conversation div.Clear {
    clear: both;
}

#ChatReserve .chat-conversation {
    overflow-y: scroll;
}

#ChatReserve .card {
    height: calc(100vh - 175px);
}

#ChatReserve {
    display: flex;
    flex-direction: column;
}

/*i.ok {
    color: green;
}

i.nok {
    color: red;
}*/

.nok {
    padding: 5px 10px;
    border-radius: 15px;
    color: white;
    background-color: #bf1212;
}

.ok {
    padding: 5px 10px;
    border-radius: 15px;
    color: white;
    background-color: #29ae25;
}

.Attachments img {
    max-height: 100px;
}


/*************alert hidden*******/
div.alert.hidden {
    display: none !important;
    visibility: hidden !important;
}
/************* alert hidden *********/

/*************** Card  *********/
div.card-body.noPadding {
    padding: 0;
}



/*************** Card  *********/

#NewSuivi-cbAfficherTout:checked,
#SuiviElement-cbAfficherTout:checked,
#SuiviClient-cbAfficherTout:checked,
#SuiviOperation-cbAfficherTout:checked,
#SuiviElement-cbMesActions:checked #NewSuivi-cbMesActions:checked {
    border-color: white;
}

/**************** vertical-collpsed dropdown-toggle **************/

body.vertical-collpsed .dropdown-toggle::after {
    content: none;
}
/**************** vertical-collpsed dropdown-toggle **************/

/************* Hide menus if no project selected *************/
body li.hide, img#Home-ProjectLogo.hide {
    display: none;
}

/************* Hide menus if no project selected *************/

#NewSuivi-GridSuiviActions .gcX, #NewSuivi-GridSuiviActions .gcX > div,
#NewSuivi-GridSuiviActions .gcY, #NewSuivi-GridSuiviActions .gcY > div,
#NewSuivi-GridSuiviActions .gcZ, #NewSuivi-GridSuiviActions .gcZ > div,
#NewSuivi-GridSuiviActions .gcE, #NewSuivi-GridSuiviActions .gcE > div,
#NewSuivi-GridSuiviActions .gcTS, #NewSuivi-GridSuiviActions .gcTS > div {
    width: 22px;
    padding: 2px;
}

#SuiviElement-GridSuiviActions .gcX, #SuiviElement-GridSuiviActions .gcX > div,
#SuiviElement-GridSuiviActions .gcY, #SuiviElement-GridSuiviActions .gcY > div,
#SuiviElement-GridSuiviActions .gcZ, #SuiviElement-GridSuiviActions .gcZ > div,
#SuiviElement-GridSuiviActions .gcE, #SuiviElement-GridSuiviActions .gcE > div,
#SuiviElement-GridSuiviActions .gcTS, #SuiviElement-GridSuiviActions .gcTS > div {
    width: 22px;
    padding: 2px;
}

/*.gcX {
    width: 50px;
}*/

#DocLivrable-Grid .gcType {
    width: 260px;
}

#DocLivrable-Grid .gcNom {
    width: 230px;
}

i.icon-like {
    color: green !important;
}

div.LeftSideBar {
    width: 84px !important;
}

div.ViewZone {
    width: calc(100% - 84px) !important;
}

[aas-type="Bootstrap.BootstrapGrid"] > table > tbody > tr > td div.true {
    position: relative;
}

    [aas-type="Bootstrap.BootstrapGrid"] > table > tbody > tr > td div.true:before {
        font-family: 'FontAwesome';
        width: 16px;
        height: 16px;
        display: inline-block;
        margin-right: 2px;
        font-weight: 900;
        content: "\f00c";
    }

div.h3 {
    line-height: 1.1;
    font-size: 24px;
    font-weight: 500;
}

.aasFileUpload > div.content {
    background-image: none;
    padding: 0;
    line-height: 20px;
    margin: 0;
}

    .aasFileUpload > div.content > span.text {
        color: white;
        text-decoration: none;
        line-height: 20px;
    }


        div#ChatReserve-AttachFiles.aasFileUpload > div.content > span.text::before,
        div#EditDemandOperation-AttachFile.aasFileUpload > div.content > span.text::before,
        div#EffectuerNewAction-AttachFile.aasFileUpload > div.content > span.text::before,
        div#EditProject-UploadLogo.aasFileUpload > div.content > span.text::before,
        .aasFileUpload > div.content > span.text::before {
            font-family: "icomoon";
            font-size: 1.375rem;
            content: "\ebd9";
            color: #12c9ce;
            padding-top: 2px;
        }

#EditElementType-BtnImportElements.aasFileUpload > div.content > span.text::before,
#EditElementType-BtnImportGeoJSON.aasFileUpload > div.content > span.text::before {
    font-family: "icomoon";
    font-size: 1.375rem;
    content: "\eed3";
    color: white;
    vertical-align: text-bottom;
    margin-right: 8px;
    padding: 0;
}

.btn-hover-light-blue:hover {
    background-color: #c4ecee;
    color: white;
    border-radius: 10px;
}

.text-hover-blue:hover {
    color: #00afbf !important;
}

.btn-hover-blue:hover {
    background-color: #00afbf;
    color: white;
    border-radius: 10px;
}

.btn-hover-light-green:hover {
    background-color: #baf7ba;
    color: white;
    border-radius: 10px;
}

.btn-hover-light-red:hover {
    background-color: #f7baba;
    color: white;
    border-radius: 10px;
}

.btn-hover-red:hover {
    background-color: #f14e4e;
    color: white;
    border-radius: 10px;
}


.GridStickyHeader thead > tr > th {
    position: sticky;
    top: 0px;
    background-color: white;
}

.GridStickyHeader {
    max-height: calc(100vh - 250px);
    overflow-y: auto;
}

#Suivi .GridStickyHeader {
    max-height: calc(100vh - 192px);
    overflow-y: auto;
}

.gcR:hover, .gcXL:hover, .gcX:hover, .gcEdit:hover, .gcDel:hover, .gcMap:hover, .gcStats:hover {
    cursor: pointer;
}

fieldset.aasCheckBoxList {
    border-style: none;
}

/* Legend */
.legend .legend-title {
    text-align: left;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 90%;
}

.legend .legend-scale ul {
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
    float: left;
    list-style: none;
}

    .legend .legend-scale ul li {
        font-size: 80%;
        list-style: none;
        margin-left: 0;
        line-height: 18px;
        margin-bottom: 2px;
    }

.legend ul.legend-labels li span {
    display: block;
    float: left;
    height: 16px;
    width: 30px;
    margin-right: 5px;
    margin-left: 0;
    border: 1px solid #999;
}

.legend .legend-source {
    font-size: 70%;
    color: #999;
    clear: both;
}

.legend a {
    color: #777;
}
/* Legend */


/* TreeView Nodes */
.Nodes > .aasTreeView.aasTreeView > ul li {
    margin-top: 3px;
}

.Nodes > .aasTreeView.aasTreeView .open span.image,
.Nodes > .aasTreeView.aasTreeView .closed span.image {
    background: none;
    padding: 0 4px;
}

.Nodes > .aasTreeView span.image:before {
    font-family: 'Font Awesome 5 Free';
    width: 16px;
    height: 16px;
    display: inline-block;
    background: none;
    font-weight: 900;
}

.Nodes > .aasTreeView > ul > li span.node {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 445px;
    display: table-cell;
}

.Nodes > .aasTreeView > ul > li > span > span.image:before {
    content: "\f6ff";
}

.Nodes > .aasTreeView > ul > li > ul > li > span > span.image:before {
    content: "\f542";
}

.Nodes > .aasTreeView > ul > li > ul > li > ul > li > span > span.image:before {
    content: "\f1e6";
}
/* TreeView Nodes */

/* TreeView */
.aasTreeView li.lastNode span.expander,
.aasTreeView .closed span.expander,
.aasTreeView .open span.expander {
    background: none !important;
    position: relative;
    padding-right: 0px;
}

.aasTreeView span.expander:hover {
    background-color: #ddd;
}

.aasTreeView .closed span.expander:before, .aasTreeView .open span.expander:before {
    font-family: 'Font Awesome 5 Free';
    width: 16px;
    height: 16px;
    font-weight: 900;
    display: inline-block;
    margin-right: 2px;
}

.aasTreeView .closed > span > span.expander:before {
    content: "\f067";
}

.aasTreeView .open > span > span.expander:before {
    content: "\f068";
}

.aasTreeView li.lastNode > span > span.expander:before {
    content: "";
}

/* TreeView */

.MsgAuteur {
    font-weight: bold;
}

.MsgDate {
    font-style: italic;
}

.MsgContenu {
    font-size: medium;
}

/*PowerBi*/

.PBI {
    height: calc(100vh - 60px);
}




.ProjectCard {
    width: 288px;
    height: 288px;
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 20px;
    background-color: white;
    float: left;
    /*overflow: hidden;*/
    position: relative;
    border: solid 1px #e5e5e5;
}

    .ProjectCard:hover {
        box-shadow: 0 8px 16px 0 rgb(0 0 0 / 10%);
    }

.ProjectLink {
    color: #666;
}

.ProjectBackground {
    width: 200px;
    background-color: #fff;
    background-position: center;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.ProjectContent {
    width: 100%;
    background-color: white;
    padding: 12px 16px;
}

.ProjectName {
    padding-bottom: 5px;
    font-size: 17px;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #212121;
}

div.CardCommandes {
    width: 100%;
    bottom: 15px;
    position: absolute;
}

    div.CardCommandes div {
        float: right;
        width: 25%;
        text-align: center;
    }

td.Red i, i.Red {
    color: red;
}

td.Green i, i.Green {
    color: green;
}

td.Orange i, i.Orange {
    color: orange;
}

.gcAlerte {
    font-size: larger;
}

/*html {
    background-color:white!important;
}*/

div.sp div {
    padding: 0 5px !important;
}

tr.Erreur * {
    background-color: orangered !important;
}

tr.Integre * {
    background-color: lightgreen !important;
}

div.flip {
    display: none;
    /*transform: rotateX(180deg);
    transition: 0.8s;
    backface-visibility: hidden;*/
}

div.noflip {
    /*transform: rotateX(0);
    transition: 0.8s;*/
}


div.aasRepeaterItem td.gcType, div.aasRepeaterItem td.gcActeur {
    width: 15% !important;
}


a.true .Expanded {
    display: block;
}

a.false .Expanded {
    display: none;
}

a.true .NotExpanded {
    display: none;
}

a.false .NotExpanded {
    display: block;
}

.BlocLivrable {
    display: inline-block;
    margin-right: 10px;
    background-color: white;
    /*float: left;
    overflow: hidden;
    position: relative;*/
    border: solid 1px #e5e5e5;
    padding: 10px;
}


tr.Pending * {
    background-color: rgb(255, 230, 196) !important;
}


tr.active * {
    background-color: #e8f5f6  !important;
    --bs-table-accent-bg: #e8f5f6  !important;
}

tr.active-highlight * {
    background-color: #cceff2 !important;
    --bs-table-accent-bg: #cceff2 !important;
}


#ReportsMenu, #SelectTeamMenu, #RecettesMenu,
#DemandesMenu, #RequestMenu {
    min-width: 300px;
    overflow-y: auto;
    background-color: #ffffff;
}

    #ReportsMenu ul :last-child, #SelectTeamMenu ul :last-child,
    #RecettesMenu ul :last-child, DemandesMenu ul :last-child,
    #RequestMenu ul :last-child {
        padding-bottom: 0;
    }

    #ReportsMenu ul li, #SelectTeamMenu ul li,
    #RecettesMenu ul li, #RequestMenu ul li {
        position: relative;
        padding-bottom: 2rem;
    }

        #ReportsMenu ul li span:after, #SelectTeamMenu ul li span:after,
        #RecettesMenu ul li span:after, #DemandesMenu ul li span:after,
        #RequestMenu ul li span:after {
            background: linear-gradient(90deg,#e0e1e2,#f1f1f1,#fff);
            content: "";
            display: block;
            height: 1px;
            left: 1rem;
            position: absolute;
            width: 95%;
            margin-top: 0.5rem;
        }

        #ReportsMenu ul li:hover span:after, #ReportsMenu ul li.active span:after,
        #SelectTeamMenu ul li:hover span:after, #SelectTeamMenu ul li.active span:after,
        #RecettesMenu ul li:hover span:after, #RecettesMenu ul li.active span:after,
        #DemandesMenu ul li:hover span:after, #DemandesMenu ul li.active span:after,
        #RequestMenu ul li:hover span:after, #RequestMenu ul li.active span:after {
            background: linear-gradient(90deg,#00afbf,#f1f1f1,#fff);
        }

        #ReportsMenu ul li ul, #SelectTeamMenu ul li ul, #RecettesMenu ul li ul,
        #DemandesMenu ul li ul, #RequestMenu ul li ul {
            padding: 1rem 0 0 2rem;
        }

            #ReportsMenu ul li ul li, #SelectTeamMenu ul li ul li, #RecettesMenu ul li ul li,
            #DemandesMenu ul li ul li, #RequestMenu ul li ul li {
                padding: 0.5rem 0 0 0;
                font-size: 1.05rem;
            }

.pbiCatMenu {
    font-size: 1.125rem;
    padding-left: 1rem;
    cursor: pointer;
    background-color: white;
}

.aasFlyOut {
    padding-left: 15px;
    margin: 0;
    min-width: 315px;
    z-index: 1002;
}


/********** ProjectType : Dashboard Deploiement Recette VDR VDRS BI Dynamic Menus*********/

li.Dashboard, li.Deploiement, li.Recette, li.VDR, li.VDRS, li.BI {
    display: none;
}

    li.Deploiement.d, li.Recette.r, li.VDR.v, li.VDRS.vs, li.BI.bi,
    li.Dashboard.d, li.Dashboard.r li.Dashboard.v, li.Dashboard.vs {
        display: block;
    }

/*********** GooglePlaceInput in modal **********************/
.pac-container {
    z-index: 10000 !important;
}

/********** VDR : Operation Request elements *******/
.ElementContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0.5rem;
}

    .ElementContainer .selectedElement {
        padding: 5px;
        border: 2px dashed;
        border-color: rgb(199, 206, 213);
        border-radius: 10px;
        margin-bottom: 0.5rem;
        margin-right: 0.5rem;
    }

        .ElementContainer .selectedElement span.Type {
        }

        .ElementContainer .selectedElement span.Element {
            font-weight: bold;
        }

        .ElementContainer .selectedElement span.Lot {
        }

span.Del i {
    vertical-align: middle;
}

span.dateInfo {
    font-size: smaller;
}

/************ File Attachments ********/
.Attachments {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0.5rem;
}
/****************** Messsages **********************/
.From {
    font-weight: bold;
}

    .From:after {
        content: " : ";
    }

div.message {
    width: 80%;
}

    div.message.left {
        align-self: flex-start;
        text-align: left;
    }

    div.message.right {
        align-self: flex-end;
        text-align: right;
    }

/************ Save Buttons ********/
.ButtonBar {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: baseline;
}

    .ButtonBar button, .ButtonBar input {
        margin: 0.5rem;
    }

/* Filter push buttons*/

.fa-stack[data-count]:after {
    position: relative;
    right: 10px;
    top: -12px;
    content: attr(data-count);
    font-size: 90%;
    padding: 2px 6px 2px 4px;
    border-radius: 999px;
    line-height: .75em;
    color: white;
    background-color: red;
    text-align: center;
    min-width: 1em;
    /*font-weight: bold;*/
}

.fa-stack {
    width: 0;
    white-space: nowrap;
}

#ExportedData .isax-close-circle::before {
    color: #df0000;
}

#ExportedData .isax-tick-circle::before {
    color: #0c0;
}

/********** Readonly Mode******************/
.ReadOnly, .Show.Edit {
    display: none;
}

.Show.ReadOnly {
    display: block;
}

.bgColor-Success {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

.bgColor-Warning {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
}

.bgColor-Danger {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.Warning {
    background-color: #ec9538 !important;
    border-color: #ec9538 !important;
}

.GoogleMap {
    height: 100%;
}

td.gcEtatDemande {
    background-clip: padding-box;
    text-align: center;
}

    td.gcEtatDemande span {
        border-radius: 100px;
        padding: 6px;
        color: var(--bs-table-color) !important;
    }

    td.gcEtatDemande.SubmittedForValidation span {
        background-color: #D4E7F6;
    }

    td.gcEtatDemande.OnSiteVisit span {
        background-color: #FFEBC0;
    }

    td.Pending span {
        border-radius: 100px;
        padding: 6px;
        background-color: #b9c6c2 !important;
        color: white !important;
    }

    td.Validated span {
        border-radius: 100px;
        padding: 6px;
        background-color: #3da940 !important;
        color: white !important;
    }

    td.Disabled span {
        border-radius: 100px;
        padding: 6px;
        background-color: #ffa64d !important;
        color: white !important;
    }

.badge.SubmittedForValidation {
    border-radius: 100px;
    padding: 6px;
    background-color: #D4E7F6;
    color: var(--bs-table-color) !important;
}

.badge.OnSiteVisit {
    border-radius: 100px;
    padding: 6px;
    background-color: #FFEBC0;
    color: var(--bs-table-color) !important;
}

.badge.Current {
    border-radius: 100px;
    padding: 6px;
    background-color: #C3C1C1;
    color: var(--bs-table-color) !important;
}

.badge.Validated {
    border-radius: 100px;
    padding: 6px;
    background-color: #006837;
    color: white !important;
}

.badge.Refused {
    border-radius: 100px;
    padding: 6px;
    background-color: red;
    color: white !important;
}

#DemandeEnCours td.gcType, #DemandeAcceptee td.gcType, #DemandeRefusee td.gcType {
    width: 15%;
}

#EmailTemplateGrid td.gcX { /*, #EmailTemplateGrid td.gcType*/
    width: 40px;
}

/*#Operations td.gcEtat, #OperationsElement td.gcEtat,
#Operations td.gcE1, #OperationsElement td.gcE1,
#Operations td.gcE2, #OperationsElement td.gcE2,
#Operations td.gcE3, #OperationsElement td.gcE3,
#Operations td.gcE4, #OperationsElement td.gcE4,
#Operations td.gcE5, #OperationsElement td.gcE5 {
    background-clip: padding-box;
    text-align: center;
}

    #Operations td.gcEtat span, #OperationsElement td.gcEtat span,
    #Operations td.gcE1 span, #OperationsElement td.gcE1 span,
    #Operations td.gcE2 span, #OperationsElement td.gcE2 span,
    #Operations td.gcE3 span, #OperationsElement td.gcE3 span,
    #Operations td.gcE4 span, #OperationsElement td.gcE4 span,
    #Operations td.gcE5 span, #OperationsElement td.gcE5 span {
        border-radius: 100px;
        padding: 6px;
    }*/

td.gcEtat, td.gcE1, td.gcE2,
td.gcE3, td.gcE4, td.gcE5 {
    background-clip: padding-box;
    text-align: center;
}

    td.gcEtat span, td.gcE1 span, td.gcE2 span,
    td.gcE3 span, td.gcE4 span, td.gcE5 span {
        border-radius: 100px;
        padding: 6px;
    }

#MailingList td.gcEtat {
    text-align: unset;
}

td.gcParentElement {
    text-align: center;
}

#Suivi th.gcIdExternal {
    width: 150px;
}

#Dashboard td.gcIdExternal span {
    display: block;
    width: 70px;
}

tr.DocSelected * {
    background-color: lightblue;
    font-weight: bold;
}

.horizontal-scroll-wrapper {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%;
    scrollbar-color: #22a0b6 rgba(255, 255, 255, 0); /* For FireFox*/
    scrollbar-width: thin;
}

    .horizontal-scroll-wrapper .card {
        display: inline-block;
        width: 40%;
        margin: 10px;
    }

::-webkit-scrollbar {
    height: 3px;
    width: 3px;
}

::-webkit-scrollbar-track {
    background: white;
}

::-webkit-scrollbar-thumb {
    background: #22a0b6;
    border-radius: 3px;
}

/* Handle on hover 
::-webkit-scrollbar-thumb:hover {
  background: #22a0b6; 
}*/

span.RoundCorners {
    padding: 6px;
}

td.gcPastille {
    opacity: 0;
}

tr.Pastille td.gcPastille, tr.Pastille td.gcPastille * {
    opacity: 1;
    width: 15px;
    height: 15px;
}

div.conversation-list .Date {
    font-size: smaller;
    font-style: italic;
}

div.FilterHidden, div.FilterHidden.Yes {
    display: none;
}

    div.FilterHidden.No {
        display: block;
    }

.notDisplayed {
    display: none !important;
}

div:has(> .parentNotDisplayed), .table-rep-plugin:has(.notDisplayedTable) {
    display: none !important;
}

.loader {
    width: 50px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(farthest-side,#00afbf 94%,#0000) top/8px 8px no-repeat, conic-gradient(#0000 30%,#00afbf);
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
    animation: l13 1s infinite linear;
}

@keyframes l13 {
    100% {
        transform: rotate(1turn);
    }
}

.modal {
    --bs-modal-border-width: 0px;
}

.modal-height {
    height: 74vh;
    overflow: scroll;
}

/*.modalSmallOrLarge {
    --bs-modal-width: 1000px;
}

    .modalSmallOrLarge:has( #DoAction-LivrableFinancier.notDisplayed) {
        --bs-modal-width: 500px !important;
    }

.halfOrAll {
    width : 50%;
}

    .halfOrAll:has(~ #DoAction-LivrableFinancier.notDisplayed) {
        width : 100% !important;
    }*/

/*Waiting for fix suivi financier in doTask*/
.halfOrAll {
    width :100%;
}
.modalSmallOrLarge {
    --bs-modal-width: 500px;
}


.flyoutDashboard {
    font-size: 1rem;
    padding-left: 1rem;
    cursor: pointer;
}

/*.menu:after {
  background: linear-gradient(90deg,#e0e1e2,#f1f1f1,#fff);
  content: "";
  display: block;
  height: 1px;
  left: 1rem;
  position: absolute;
  width: 95%;
  margin-top: 0.5rem;
}

.menu:after:hover {
  background: linear-gradient(90deg,#00afbf,#8cbbbf,#fff);
  content: "";
  display: block;
  height: 1px;
  left: 1rem;
  position: absolute;
  width: 95%;
  margin-top: 0.5rem;
}*/

.w-45-or-55 {
    width: 45%;
}

.marginOnTable {
    margin: 0px 4px;
}

.border-radius-table {
    border-radius: 8px;
}

.shadow-scroll {
    mask-image: linear-gradient(to bottom, black 96%, transparent 100%);
}

.crop-text-3 {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


/*#region ModelAction*/

.scrollModal {
    height: 65vh;
    overflow-x: scroll;
}

.modal-size {
    --bs-modal-width: 1200px;
}

.modal-medium-size {
    --bs-modal-width: 50vw;
}

.pastille-docs[data-count]:after {
    position: relative;
    right: 10px;
    top: -12px;
    content: attr(data-count);
    font-size: 90%;
    padding: 2px 6px 2px 4px;
    border-radius: 999px;
    line-height: .75em;
    color: white;
    background-color: #0b314c;
    text-align: center;
    min-width: 1em;
    /*font-weight: bold;*/
}

.on-save.invalid-element, input:invalid {
    border: #d80000 2px solid;
    border-radius:.6rem;
    box-shadow : none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

#CaracteristiqueLivrable .row {
    margin: 0px;
}

.modal + .modal {
    z-index: 1056 !important;
}

.modal-backdrop + .modal-backdrop {
    z-index: 1055 !important;
}

/*#endregion */

/*#region Dashboard */

.grid-dashboard {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-flow: dense;
}

.grid-dashboard-entreprise {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    grid-auto-flow: dense;
}

.gridProject {
    display: grid;
    grid-template-columns: repeat(3, 2fr);
    grid-auto-flow: dense;
}

.gridConfigModel {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    grid-auto-flow: dense;
    overflow-y: scroll;
    height: 80vh;
}

.gridAttachements {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    grid-auto-flow: dense;
}

.ZoneDashboard {
    padding: 0 8px;
}

.zoneToDoList {
    overflow-y: scroll;
    height: 97vh;
    width: 50%;
    margin: 0 !important;
    padding: 0 !important;
}

.zoneCards {
    overflow-y: scroll;
    height: 97vh;
    margin: 0 !important;
    padding: 0 !important;
}

.todoNotExtended {
    grid-column: span 1;
}

.todoExtended {
    grid-column: span 1;
}

.cndNotExtended {
    grid-column: span 1;
}

.cndExtended {
    grid-column: span 2 !important;
    grid-row: 1 !important;
}

.headerToDo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.zoneNotExtended {
    width: 50%;
}

.zoneExtended {
    width: 85%;
}

.card-footer {
    background-color: #0b314c !important;
}

.card-footer-clear {
    background-color: #00afbf !important;
}

td.gcLabel.label-private-vers span, td.gcStatus.Pending span {
    background-color: #0b314c !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 15px;
}

.label-size span {
    width: 20px !important;
    height: 20px !important;
    border-radius: 15px;
}

.modelConfigElem {
    width: 99%;
    margin-left: 5%;
}

/*#endregion */

/*#region Suivi */
.zoneRecherche {
    display: flex;
    /*width: 28rem;*/
    margin-right: 0.25rem;
    border-radius: 10px;
    padding: 0 0.5rem;
    background-color: rgba(230,230,230,1);
}

.searchField {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /*margin-right: 0.5rem;*/
    background-color: rgba(230,230,230,1);
    border-radius: 10px;
}

.filterButtons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin-left: 0.5rem;
}

.checkboxZone {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}

.checkboxMargin {
    margin-bottom: 0 !important;
}

.marginOnFilters {
    margin-right: 0.5rem;
}

.WithoutMargin {
    margin-left: 0;
    padding: 0px;
}

.h3 {
    font-size: 1.3rem !important;
}

.zoneTeamList {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow-y: scroll;
    height: 88vh;
}

thead {
    z-index: 1 !important;
}

.NotAssignedFilterOn {
    min-height: 75vh;
    height: calc(86vh - 56px);
    position: relative;
}

.NotAssignedFilterOff {
    min-height: 75vh;
    height: 86vh;
    position: relative;
}

.scrollToDo {
    inset: 0;
    overflow-x: auto;
    overflow-y: auto;
    position: absolute;
    scroll-snap-type: both mandatory;
    border-radius: 8px;
}

    .scrollToDo:hover::-webkit-scrollbar {
        height: 8px;
        width: 8px;
    }

.table-scroll:hover::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

.bg-dark-blue {
    background-color: #0b314c !important;
}

.border-btn-active {
    border-bottom: 2px solid;
}

.suiviCardSplit {
}

.suiviTabSplit {
    min-height: 65vh;
}

.pastille-danger[data-count]:after {
    position: relative;
    right: 10px;
    top: -12px;
    content: attr(data-count);
    font-size: 90%;
    padding: 2px 6px 2px 4px;
    border-radius: 999px;
    line-height: .75em;
    color: white;
    background-color: #9f0000;
    text-align: center;
    min-width: 1em;
    /*font-weight: bold;*/
}

.pastille-popgreen-outlined[data-count]:after {
    position: relative;
    right: 10px;
    top: -12px;
    content: attr(data-count);
    font-size: 90%;
    padding: 2px 6px 2px 4px;
    border-radius: 999px;
    line-height: .75em;
    color: white;
    background-color: #12c9ce;
    text-align: center;
    min-width: 1em;
    outline: solid #0b314c;
}

.form-select-footer {
    background-color: #0095a2;
    color: white;
    border-color: teal !important;
}

    .form-select-footer > option {
        color: #0095a2;
    }

#ChooseLivrable .dropdown .dropdown-menu {
    transform: none !important;
}

    #ChooseLivrable .dropdown .dropdown-menu .inner {
        height: 210px;
        overflow-y: scroll;
    }

/*#endregion */

/*#region loader*/
.loader-blue {
    width: 25px;
    height: 25px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(farthest-side,#00afbf 94%,#0000) top/5px 5px no-repeat, conic-gradient(#0000 30%,#00afbf);
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 0);
    animation: l13 1s infinite linear;
}

.loader-white {
    width: 25px;
    height: 25px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(farthest-side,#fff 94%,#0000) top/5px 5px no-repeat, conic-gradient(#0000 30%,#fff);
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 0);
    animation: l13 1s infinite linear;
}

.loader-teal {
    width: 25px;
    height: 25px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(farthest-side,#0b314c 94%,#0000) top/5px 5px no-repeat, conic-gradient(#0000 30%,#0b314c);
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 0);
    animation: l13 1s infinite linear;
}

@keyframes l13 {
    100% {
        transform: rotate(1turn);
    }
}

/*#endregion */

/*#region maps*/
input[type="checkbox"].market::before {
    content: "market";
}
/*#endregion */

/*#region GED*/
.aasTreeView .closed span.expander:before, .aasTreeView .open span.expander:before {
    font-family: 'icomoon' !important;
}

.aasTreeView .open > span > span.expander:before {
    content: "\ef8c";
}

.aasTreeView .closed > span > span.expander:before {
    content: "\efa3";
}

.aasTreeView .open > span > span.image,
.aasTreeView .closed > span > span.image {
    font-family: 'icomoon' !important;
    speak: never;
    font-size: 1.2rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    background: none !important;
    padding: 0px 5px 0px 0px;
}

.aasTreeView .open > span > span.expander,
.aasTreeView .closed > span > span.expander {
    padding: 0px !important;
}

.aasTreeView .closed > span > span.image:before {
    content: "\ed88";
}

.aasTreeView .open > span > span.image:before {
    content: "\ed7f";
}

.aasTreeView .closed > span, .aasTreeView .open > span {
    display: flex;
    align-items: center;
}

    .aasTreeView .closed > span > span:hover, .aasTreeView .open > span > span:hover {
        background-color: transparent !important;
    }

.iconFile > span > span.image:before, .iconFileImage > span > span.image:before {
    content: "\ebd9" !important;
}

.iconFile > span:hover, .iconFileImage > span:hover {
    color: #31a6bb;
}

.iconFile > span > span:hover, .iconFileImage > span > span:hover {
    background-color: transparent !important;
    color: #31a6bb;
}

.iconFile > span, .iconFileImage > span {
    padding-top: 3px;
}

    .iconFileImage > span > span.image:before {
        content: "\ead6" !important;
    }

.aasTreeView > ul {
    padding-left: 0px !important;
}

.aasTreeView .elementNode ul {
    padding-left: 0.4rem;
}

.aasTreeView li li {
    margin-left: 12px;
}

.aasTreeView span.selected {
    color: #00afbf;
    font-weight: 550;
    background-color: transparent !important;
}

.aasTreeView li > span {
    margin-bottom: 2px;
}

/*#endregion*/

/*#region Home*/
.dropup > #dropupProject.dropdown-menu[data-popper-placement="bottom-start"] {
    transform: translate3d(0px, 0px, 0px) !important;
}
/*#endregion */

.selectedColor {
    color: #0b314c !important;
}

.notSelectedColor {
    color: #00afbf !important;
}

.tooltip-inner {
    white-space: pre-wrap;
}

/*#region check boxs*/
.checkbox-wrapper-fiberstate input[type=checkbox] {
    --active: #00afbf;
    --active-inner: #fff;
    --focus: 2px rgba(39, 94, 254, .3);
    --border: #BBC1E1;
    --border-hover: #0095a2;
    --background: #fff;
    --disabled: #eef8f8;
    --disabled-inner: #E1E6F9;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 21px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    margin-right: .5rem;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
}

    .checkbox-wrapper-fiberstate input[type=checkbox]:after {
        content: "";
        display: block;
        left: 0;
        top: 0;
        position: absolute;
        transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }

    .checkbox-wrapper-fiberstate input[type=checkbox]:checked {
        --b: var(--active) !important;
        --bc: var(--active) !important;
        --d-o: .3s;
        --d-t: .6s;
        --d-t-e: cubic-bezier(0, 0.83, 0.32, 1.2);
        background-color: var(--active) !important;
    }

    .checkbox-wrapper-fiberstate input[type=checkbox]:disabled {
        --b: var(--disabled);
        cursor: not-allowed;
        opacity: 0.9;
    }

        .checkbox-wrapper-fiberstate input[type=checkbox]:disabled:checked {
            --b: var(--disabled-inner);
            --bc: var(--border);
        }

        .checkbox-wrapper-fiberstate input[type=checkbox]:disabled + label {
            cursor: not-allowed;
        }

    .checkbox-wrapper-fiberstate input[type=checkbox]:hover:not(:checked):not(:disabled) {
        --bc: var(--border-hover);
    }

    .checkbox-wrapper-fiberstate input[type=checkbox]:focus {
        box-shadow: 0 0 0 var(--focus);
    }

    .checkbox-wrapper-fiberstate input[type=checkbox]:not(.switch) {
        width: 21px;
    }

        .checkbox-wrapper-fiberstate input[type=checkbox]:not(.switch):after {
            opacity: var(--o, 0);
        }

        .checkbox-wrapper-fiberstate input[type=checkbox]:not(.switch):checked {
            --o: 1;
        }

    .checkbox-wrapper-fiberstate input[type=checkbox] + label {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        margin-left: 4px;
    }

    .checkbox-wrapper-fiberstate input[type=checkbox]:not(.switch) {
        border-radius: 7px;
    }

        .checkbox-wrapper-fiberstate input[type=checkbox]:not(.switch):after {
            width: 5px;
            height: 9px;
            border: 2px solid var(--active-inner);
            border-top: 0;
            border-left: 0;
            left: 7px;
            top: 4px;
            transform: rotate(var(--r, 20deg));
        }

        .checkbox-wrapper-fiberstate input[type=checkbox]:not(.switch):checked {
            --r: 43deg;
        }



.checkbox-wrapper-fiberstate * {
    box-sizing: inherit;
}

    .checkbox-wrapper-fiberstate *:before,
    .checkbox-wrapper-fiberstate *:after {
        box-sizing: inherit;
    }


/*#endregion */

/*#region text box*/
.inputTextBox {
    padding: 4px 10px;
    color: #24292e;
    vertical-align: middle;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: right 8px center;
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    outline: none;
    box-shadow: rgba(225, 228, 232, 0.2) 0px 1px 0px 0px inset;
}

#DashboardManager .inputTextBox {
    width: 40px;
    text-align: center;
}


/*#endregion */

/*#region Photo*/

div.Photo {
    position: relative;
}

    div.Photo button {
        color: #00afbf;
        display: block;
        padding: 0;
        position: absolute;
        right: 5px;
        top: 5px;
        z-index: 5;
    }

        #Home-ToggleMenu i, #MapLibre-HideNavBarMap i, #PBIReport-RefreshBI, div.Photo button i {
            display: block;
        }

.NewMessage img {
    max-height: 50px;
}

.NewMessage div.Photo {
    position: relative;
}

    .NewMessage div.Photo button {
        color: #00afbf;
        display: block;
        padding: 0;
        position: absolute;
        right: 5px;
        top: 5px;
        z-index: 5;
    }

        .NewMessage div.Photo button i {
            display: block;
        }

#EditDemandOperation .Photo img,
#EffectuerNewAction .Photo img {
    width: 80px;
    max-height: 120px;
}

#EditDemandOperation div.Photo button,
#EffectuerNewAction div.Photo button,
#EffectuerOpAction div.Photo button {
    color: #00afbf;
    display: block;
    padding: 0;
    position: absolute;
    right: -18px;
    top: -5px;
    z-index: 5;
}

#EditDemandOperation .conversation-list {
    width: 80% !important;
}

#ChatReserve .Photo img {
    max-width: 150px;
    max-height: 200px;
}

#ChatReserve div.Photo button {
    color: #00afbf;
    display: block;
    padding: 0;
    position: absolute;
    right: -15px;
    top: -5px;
    z-index: 5;
}

#ChatReserve .conversation-list {
    width: 65% !important;
}

/*#endregion*/

#ExportedData .gcX div {
    display: flex;
    align-content: center;
    justify-content: center;
}

.dropdown-suivi {
    float: right;
    position: relative;
    display: inline-block;
}

.dropdown-suivi-content {
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    min-width: 400px;
    padding: 10px;
    border-radius: 10px;
    border: #e6e6e6 1px solid;
    /*top: 40px;*/
    right: 0;
    z-index: 1;
}

.show-dropdown {
    display: block !important;
}

#DownloadDatesFlyout-Debut .tempus-dominus-widget[data-popper-placement="bottom-end"],
#DownloadDatesFlyout-Debut .tempus-dominus-widget[data-popper-placement="bottom-start"],
#DownloadDatesFlyout-Fin .tempus-dominus-widget[data-popper-placement="bottom-end"],
#DownloadDatesFlyout-Fin .tempus-dominus-widget[data-popper-placement="bottom-start"] {
    transform: translate3d(0px, -318px, 0px) !important;
}

.scrollAuthorization {
    max-height: 78vh;
    overflow: scroll;
}

.ZoneSuivi:has(#SuiviActions.aasActive) + div .hideIfSuiviFinancier,
.ZoneSuivi:has(#SuiviActionsOP.aasActive) + div .hideIfSuiviFinancier {
    display: flex;
}

.ZoneSuivi:has(#SuiviFinancial.aasActive) + div .hideIfSuiviFinancier,
.ZoneSuivi:has(#SuiviFinancialOP.aasActive) + div .hideIfSuiviFinancier {
    display: none;
}

#ZoneBasGauche .Active {
    color: #0b676f !important;
}

.ZoneSuivi:has(#SuiviFinancial.aasActive) + div #SuiviElem-FinancialSuivi,
.ZoneSuivi:has(#SuiviFinancialOP.aasActive) + div #SuiviOperation-FinancialSuivi,
#MontantsLivrable-ShowMontantsLivrable , #MontantsElement-ShowMontantsElement,
#MontantsLivrableOP-ShowMontantsLivrable , #MontantsOperation-ShowMontantsElement,
.ZoneSuivi:has(#SuiviActions.aasActive) + div .activeBtn,
.ZoneSuivi:has(#SuiviActionsOP.aasActive) + div .activeBtn,
#MapLibre div .activeBtn {
    background-color : #096a6a !important;
}


#EmailConfig:has(#EmailTemplates.aasActive) #EmailConfig-ShowTemplates,
#EmailConfig:has(#MailingList.aasActive) #EmailConfig-ShowMailingLists,
#EmailConfig:has(#ConfigurationTechniqueMail.aasActive) #EmailConfig-ShowConfigTechnique {
    background-color : #00afbf  !important;
}


/*#region Grids*/

.grid-suivi {
    display: grid;
    grid-template-areas: "main main" "livrable ged";
    grid-template-rows: 2fr 1fr;
    grid-template-columns: 40% 60%;
}

.grid-fullscreen-card-suivi {
    display: grid;
    grid-template-areas: "main main";
    grid-template-rows: 100%;
    grid-template-columns: 100%;
}

.grid-fullscreen-livrable {
    display: grid;
    grid-template-areas: "livrable livrable";
    grid-template-rows: 100%;
    grid-template-columns: 100%;
}

.grid-fullscreen-ged {
    display: grid;
    grid-template-areas: "ged ged";
    grid-template-rows: 100%;
    grid-template-columns: 100%;
}

.grid-ged {
    display: grid !important;
    grid-template-areas: "treeView separator info";
    grid-template-rows: 100%;
    grid-template-columns: 250px 17px 1fr;
}

    .grid-ged #image, .grid-ged #info + #separator {
        display: none !important;
    }

    .grid-ged.notDisplayed {
        display: none !important;
    }

.grid-ged-preview {
    display: grid !important;
    grid-template-areas: "treeView separator info separator image";
    grid-template-rows: 100%;
    grid-template-columns: 250px 17px 1.2fr 17px 1fr;
}

    .grid-ged-preview.notDisplayed {
        display: none !important;
    }

.grid-suivi .grid-ged-preview {
    display: grid !important;
    grid-template-areas: "treeView separator info";
    grid-template-rows: 100%;
    grid-template-columns: 250px 17px 1fr;
}

.grid-ged .isax-previewGED:before {
    content: "\edba";
}

.grid-ged-preview .isax-previewGED:before {
    content: "\edb8";
}

.grid-suivi .grid-ged-preview .isax-previewGED:before {
    content: "\edba";
}

/*#endregion*/

/*#region Network*/

#EditNetwork i, #EditMailTemplate-NamingMailInfos i {
    font-size: 1.2rem;
    vertical-align: top !important;
}

#EditNetwork-AzurePathInfo, #EditNetwork-AzureConnectionInfo,
#EditNetwork-NamingInfos, #EditMailTemplate-NamingMailInfos {
    border: 0px;
}

/*#endregion*/


/*#region GED*/
/*.grid-suivi .explorerGED {
    width : 100%;
}

.grid-fullscreen-ged .explorerGED {
    width : 50%;
}

.grid-suivi #info, .grid-suivi #dividerGED {
    display: none;
}

.grid-fullscreen-ged #info, .grid-fullscreen-ged #dividerGED {
    display: flex;
}*/

#SuiviElem:not(.grid-suivi), #SuiviOperation:not(.grid-suivi) {
    height: 100%;
}

tr.FileSelected {
    background-color: #a2e8ec36 !important;
}

/*#endregion*/

#SuiviElem #card-suivi, #SuiviOperation #card-suivi {
    grid-area: main;
}

#SuiviElem #livrables, #SuiviOperation #livrables {
    grid-area: livrable;
}

#SuiviElem #ged, #SuiviOperation #ged {
    grid-area: ged;
}


.aasModalWait {
    z-index: 1075 !important;
}

.smallOrLarge {
    width : 40%
}

.smaller-font {
    font-size: 1.8rem !important;
}

.smaller-margin {
    margin-top : 0rem !important;
}

.smaller-padding {
    padding: 1.5rem !important;
}

/*Medium Screen => All classes apply on small screens*/
@media (min-width : 1500px) and (max-width: 1699px) {
    .NotAssignedFilterOn {
        height: calc(88vh - 58px);
    }

    .NotAssignedFilterOff {
        height: 88vh;
    }

    .smallOrLarge {
        width : 50%
    }

    .smaller-font {
        font-size: 2.1875rem !important;
    }

    .smaller-margin {
        margin-top : 1rem !important;
    }

    .smaller-padding {
        padding: 3rem !important;
    }
}

/*Large Screen only => besoin de n'overide que les propriétés qui changent*/
@media (min-width : 1700px) {
    .h3 {
        font-size: 1.5rem;
    }

    .smaller-font {
        font-size: 2.1875rem !important;
    }

    .smaller-margin {
        margin-top : 1rem !important;
    }

    .smaller-padding {
        padding: 3rem !important;
    }

    .w-45-or-55 {
        width: 55%;
    }

    .smallOrLarge {
         width : 100%
    }

    .scrollAuthorization {
        max-height: 82vh;
        overflow: scroll;
    }

    #SuiviElem.grid-suivi, #SuiviOperation.grid-suivi {
        height: 100%;
    }

    /*#region ModelAction*/
    .modal-size {
        --bs-modal-width: 1100px;
    }

    .scrollModal {
        height: 73vh;
    }
    /*#endregion */

    /*#region Dashboard*/

    .NotAssignedFilterOn {
        height: calc(91vh - 58px);
    }

    .NotAssignedFilterOff {
        height: 91vh;
    }

    .zoneToDoList {
        overflow-y: scroll;
        height: 97vh;
    }

    .zoneCards {
        overflow-y: scroll;
        height: 97vh;
    }

    .zoneNotExtended {
        width: 80%;
    }

    .zoneExtended {
        width: 80%;
    }

    .grid-dashboard {
        display: grid;
        grid-template-columns: repeat(2, 2fr);
        grid-auto-flow: dense;
    }

    .gridProject {
        display: grid;
        grid-template-columns: repeat(4, 2fr);
        grid-auto-flow: dense;
    }


    .todoNotExtended {
        grid-column: span 1 !important;
    }

    .todoExtended {
        grid-column: span 2 !important;
        grid-row: 1 !important;
    }

    .headerToDo {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .modelConfigElem {
        width: 85%;
        margin-left: 15%;
    }

    /*#endregion */

    /*#region Suivi */

    .searchField {
        flex-direction: row;
        flex-wrap: nowrap;
        background-color: rgba(230,230,230,1);
        border-radius: 10px;
    }

    .zoneRecherche {
        width: auto;
        margin-bottom: 0.25rem;
    }

    .filterButtons {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .checkboxZone {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .marginOnFilters {
        margin-bottom: 0;
        margin-right: 0.5rem;
    }

    div.table-wrapper table.table {
        font-size: 0.7vw;
    }

    .suiviCardSplit {
        height: 20vh;
    }

    .suiviTabSplit {
        min-height: 20vh;
    }

    /*#endregion */

}


/*#region AuthorisationLicense*/
/* Externe L1 Viewer L2 Standard L3 Admin L1000 */
label.labelAuthorization {
    display: none;
}

.L1 label:has(#EditAuthorization-CanCommentReserve),
.L1 label:has(#EditAuthorization-CanDoTask),
.L1 label:has(#EditAuthorization-CanEditTicketRT),
.L1 label:has(#EditAuthorization-CanSeeDashboardTab),
.L1 label:has(#EditAuthorization-CanSeeMapTab),
.L1 label:has(#EditAuthorization-CanSeeMonitoring),
.L1 label:has(#EditAuthorization-CanSeeQualityAssuranceTab),
.L1 label:has(#EditAuthorization-CanSeeRecette),
.L1 label:has(#EditAuthorization-CanSeeTicketsRT),
.L1 label:has(#EditAuthorization-CanViewReserves) {
    display: block;
}

.L2 label:has(#EditAuthorization-CanSeeAnalyticsTab),
.L2 label:has(#EditAuthorization-CanSeeMapTab),
.L2 label:has(#EditAuthorization-CanSeeMonitoring),
.L2 label:has(#EditAuthorization-CanSeeNetworks) {
    display: block;
}

.L3 label:has(#EditAuthorization-CanAssignTask),
.L3 label:has(#EditAuthorization-CanChangeStatusReserve),
.L3 label:has(#EditAuthorization-CanCommentReserve),
.L3 label:has(#EditAuthorization-CanCreateOperation),
.L3 label:has(#EditAuthorization-CanDeleteOperation),
.L3 label:has(#EditAuthorization-CanDeleteTask),
.L3 label:has(#EditAuthorization-CanDoTask),
.L3 label:has(#EditAuthorization-CanDownloadAudit),
.L3 label:has(#EditAuthorization-CanDownloadComments),
.L3 label:has(#EditAuthorization-CanDownloadPV),
.L3 label:has(#EditAuthorization-CanDownloadTask),
.L3 label:has(#EditAuthorization-CanEditOperation),
.L3 label:has(#EditAuthorization-CanEditReserve),
.L3 label:has(#EditAuthorization-CanEditStatus),
.L3 label:has(#EditAuthorization-CanEditTicketRT),
.L3 label:has(#EditAuthorization-CanExportPVWithPhotos),
.L3 label:has(#EditAuthorization-CanManageTeamsQuery),
.L3 label:has(#EditAuthorization-CanRefresh),
.L3 label:has(#EditAuthorization-CanSeeAnalyticsTab),
.L3 label:has(#EditAuthorization-CanSeeDashboardTab),
.L3 label:has(#EditAuthorization-CanSeeDoneBy),
.L3 label:has(#EditAuthorization-CanSeeElementTab),
.L3 label:has(#EditAuthorization-CanSeeMapTab),
.L3 label:has(#EditAuthorization-CanSeeMonitoring),
.L3 label:has(#EditAuthorization-CanSeeNetworks),
.L3 label:has(#EditAuthorization-CanSeeOperationRequestTab),
.L3 label:has(#EditAuthorization-CanSeeOperationTab),
.L3 label:has(#EditAuthorization-CanSeeQualityAssuranceTab),
.L3 label:has(#EditAuthorization-CanSeeRecette),
.L3 label:has(#EditAuthorization-CanSeeRequestTab),
.L3 label:has(#EditAuthorization-CanSeeTicketsRT),
.L3 label:has(#EditAuthorization-CanSeeTimeSeries),
.L3 label:has(#EditAuthorization-CanSeeWorkflows),
.L3 label:has(#EditAuthorization-CanUploadAudit),
.L3 label:has(#EditAuthorization-CanViewReserves) {
    display: block;
}

.L1000 label:has(#EditAuthorization-CanAssignTask),
.L1000 label:has(#EditAuthorization-CanChangeStatusReserve),
.L1000 label:has(#EditAuthorization-CanCommentReserve),
.L1000 label:has(#EditAuthorization-CanConfigureAuthorizations),
.L1000 label:has(#EditAuthorization-CanConfigureElement),
.L1000 label:has(#EditAuthorization-CanConfigureExternals),
.L1000 label:has(#EditAuthorization-CanConfigureNetwork),
.L1000 label:has(#EditAuthorization-CanConfigureOperation),
.L1000 label:has(#EditAuthorization-CanConfigureUsers),
.L1000 label:has(#EditAuthorization-CanCreateOperation),
.L1000 label:has(#EditAuthorization-CanDeleteElement),
.L1000 label:has(#EditAuthorization-CanDeleteOperation),
.L1000 label:has(#EditAuthorization-CanDeleteTask),
.L1000 label:has(#EditAuthorization-CanDoTask),
.L1000 label:has(#EditAuthorization-CanDownloadAudit),
.L1000 label:has(#EditAuthorization-CanDownloadComments),
.L1000 label:has(#EditAuthorization-CanDownloadPV),
.L1000 label:has(#EditAuthorization-CanDownloadTask),
.L1000 label:has(#EditAuthorization-CanEditWorkflows),
.L1000 label:has(#EditAuthorization-CanEditOperation),
.L1000 label:has(#EditAuthorization-CanEditProject),
.L1000 label:has(#EditAuthorization-CanEditReserve),
.L1000 label:has(#EditAuthorization-CanEditStatus),
.L1000 label:has(#EditAuthorization-CanEditTicketRT),
.L1000 label:has(#EditAuthorization-CanExportPVWithPhotos),
.L1000 label:has(#EditAuthorization-CanManageTeamsQuery),
.L1000 label:has(#EditAuthorization-CanRefresh),
.L1000 label:has(#EditAuthorization-CanSeeAdministration),
.L1000 label:has(#EditAuthorization-CanSeeAnalyticsTab),
.L1000 label:has(#EditAuthorization-CanSeeDashboardTab),
.L1000 label:has(#EditAuthorization-CanSeeDoneBy),
.L1000 label:has(#EditAuthorization-CanSeeElementTab),
.L1000 label:has(#EditAuthorization-CanSeeMapTab),
.L1000 label:has(#EditAuthorization-CanSeeModeleRecette),
.L1000 label:has(#EditAuthorization-CanSeeMonitoring),
.L1000 label:has(#EditAuthorization-CanSeeNetworks),
.L1000 label:has(#EditAuthorization-CanSeeOperationRequestTab),
.L1000 label:has(#EditAuthorization-CanSeeOperationTab),
.L1000 label:has(#EditAuthorization-CanSeeQualityAssuranceTab),
.L1000 label:has(#EditAuthorization-CanSeeRecette),
.L1000 label:has(#EditAuthorization-CanSeeRequestTab),
.L1000 label:has(#EditAuthorization-CanSeeTaskSequencies),
.L1000 label:has(#EditAuthorization-CanSeeTicketsRT),
.L1000 label:has(#EditAuthorization-CanSeeTimeSeries),
.L1000 label:has(#EditAuthorization-CanSeeWorkflows),
.L1000 label:has(#EditAuthorization-CanUnclockRecette),
.L1000 label:has(#EditAuthorization-CanUnlockSuivi),
.L1000 label:has(#EditAuthorization-CanUploadAudit),
.L1000 label:has(#EditAuthorization-CanViewReserves) {
    display: block;
}

/*#endregion AuthorisationLicense*/


/* Upload/Download FinancialItem File*/
/*div.FileState button,*/ div.FileState span.FileState {
    display: none;
}

div.FileState.NoFile button.NoFile,
div.FileState.AddedFile span.AddedFile,
div.FileState.SavedFile button.SavedFile {
    display: inline;
}

.isDownloading {
    cursor: not-allowed;
    opacity: 0.6;
}

table.Montants th:nth-child(2),
table.Montants td:nth-child(2),
table.Montants th:nth-child(3),
table.Montants td:nth-child(3) {
    text-align: right;
    white-space: nowrap;
}