.empty {
    display: none;
    visibility: hidden;
}

.fright {
    float: right;
}

.fleft {
    float: left;
}

.fnone {
    float: none;
}

.cboth {
    clear: both;
}

.inline-block {
    display: inline-block;
}

.align-center {
    text-align: center
}

.align-left {
    text-align: left
}

.align-right {
    text-align: right
}


/**** Onglet de navigation : Consulter, Editer, Supprimer, ... ***/
.right-side .navbar .navbar-left .nav > li a {
    color: #333;
}

.right-side .navbar .navbar-left .nav > li:hover a {
    color: #333
}

.navbar-left > .navbar-nav > li {
    background-color: #FFF;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.09) inset;
    margin: 9px 5px 1px 0px;
    min-width: 110px;
    text-align: center;
    height: 40px;
    border-radius: 10px;
    border-bottom: 0px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    text-transform: uppercase;
    font-weight: bold;
}

.right-side .navbar .navbar-left .nav a,
.right-side .navbar .navbar-left .nav a:hover,
.skin-black .navbar .nav > li > a:active {
    color: #585858;
    padding-bottom: 10px;
    padding-top: 10px;
    text-decoration: none;
}

.navbar-left > .navbar-nav > li.onglet-edit:hover,
.navbar-left > .navbar-nav > li.onglet-suivi:hover,
.navbar-left > .navbar-nav > li.onglet-delete:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
    cursor: pointer;
}

.navbar-left > .navbar-nav > li.onglet-edit.active,
.navbar-left > .navbar-nav > li.onglet-edit.active:hover,
.navbar-left > .navbar-nav > li.onglet-edit.active:focus,
.navbar-left > .navbar-nav > li.onglet-suivi.active,
.navbar-left > .navbar-nav > li.onglet-suivi.active:hover,
.navbar-left > .navbar-nav > li.onglet-suivi.active:focus,
.navbar-left > .navbar-nav > li.onglet-delete.active,
.navbar-left > .navbar-nav > li.onglet-delete.active:hover,
.navbar-left > .navbar-nav > li.onglet-delete.active:focus {
    background-color: #3c8dbc;
}

.right-side .navbar .navbar-left .nav .active a,
.navbar-left > .navbar-nav > .active > a:hover,
.navbar-left > .navbar-nav > .active > a:focus,
.right-side .navbar .navbar-left .nav > li.active:hover a {
    background: none;
    color: #FFF;
}

/*.sonata-ba-list-field-header-actions{*/
/*    width: 76px;*/
/*}*/

/*.list-projets .sonata-ba-list-field-header-actions {*/
/*    width: 14em;*/
/*}*/
/*.list-user-admin .sonata-ba-list-field-header-actions*/
/*.sonata-ba-list-field-header-actions {*/
/*    width: 8em;*/
/*}*/
/*Légende  */
div.group-etat {
    margin: 1em 0;
}

.group-etat i {
    font-size: 1.5em;
}

/*Légende des actions (en haut des tableaux de liste  ) */
div.group-legend-actions {
    margin: 1em 0;
    text-align: right;
}

/* classes des icon de legende*/

i.alert_vert {
    color: #00a65a;
}

i.alert_vert_clair {
    color: #33fffc;
}

i.alert_bleu {
    color: #0070ff;
}
i.alert_orange {
    color: orange;
}

i.alert_rouge {
    color:red;
}

i.alert_gris {
    color: grey;
}
i.alert_noir {
    color: black;
}
i.alert_bleu {
    color: darkblue;
}

.required::after {
    color: red;
}

th.sonata-ba-list-field-header {
    min-width: 0;
}

/*.list-projets .sonata-ba-list-field-header-actions{*/
/*    width: 14em;*/
/*}*/

.btn-group {
    display: flex;
}

table td.sonata-ba-list-field-actions {
    overflow: initial;
}

/*Partie formulaire filtres*/

.block-filtre {
    padding: 0;
}

.block-filtre legend {
    margin-bottom: 5px;
}

.block-filtre > div {
    margin-bottom: 5px !important;
}

fieldset.more_filters {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 2px solid #3c8dbc;
}

.more_filters  {
    border-right: 2px solid #3c8dbc;
}
.block-filtre:not(div):not(#filter_id_value_bloc_principal_3, #filter_id_value_plus_de_filtres_bloc_plus_filtres_3) {
    border-right: 2px solid #e8f2f9;
}

.sonata-filter-form .form-group label {
    margin-bottom: 0;
    min-width: 100px;
}

.sonata-filter-form .form-group > div > div {
    margin-bottom: 5px !important;
}

button.btn-plus-de-filtre {
    margin-top: 10px;
    background: #FFF!important;
    border-color: #FFF!important;
    box-shadow: none!important;
    font-family: "Source Sans Pro";
    color: #3c8dbc!important;
}

button.btn-plus-de-filtre::before{
    content: "\f067";
    font-family: "Fontawesome";
    padding: 0 6px;
}


.table-bordered>tbody>tr>td{
    border: 1px solid #d8d6d6;
}

/******************** Tous les Tableaux ********************/
.table {}

.table thead {
    background-color: #585858;
}

.table thead th {
    color: #FFF;
}

.table-striped > tbody > tr.odd-row:hover > td,
.table-striped > tbody > tr.even-row:hover > td,
.table-striped > tbody > tr:hover > td {
    background: #CCDCE6;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 3px;
    vertical-align: middle;
}

.table-basic {
    border: 0;
}

.table-basic > tbody > tr.odd-row:hover > td,
.table-striped > tbody > tr.even-row:hover > td,
.table-striped > tbody > tr:hover > td {
    background: #fcf8e3;
}

.table-basic > tbody > tr {
    background-color: #f9f9f9;
}

.table-basic > thead > tr > th {
    border: 0;
}

.table > thead > tr > th {
    vertical-align: top;
}


table.list-projets th.sonata-ba-list-field-header-order-asc a,
table.list-projets th.sonata-ba-list-field-header-order-desc a{
    margin-right: 2rem;
}

/*Ordre colonne tableau*/
th.sonata-ba-list-field-header-order-asc a,
th.sonata-ba-list-field-header-order-desc a {
    color: #FFF;
    padding-right: 10px;
    margin-right: 0px;
}

th.sonata-ba-list-field-header-order-asc a:hover,
th.sonata-ba-list-field-header-order-desc a:hover {
    color: #FFF;
    text-decoration: underline;
}

th.sonata-ba-list-field-order-active {
    background: #2c3b41;
}

th.sonata-ba-list-field-order-active a {
    color: #FFF;
}

/*Ordre colonne asc/desc : état inactif*/
th.sonata-ba-list-field-header-order-asc a:before {
    content: "";
    display: block;
    border-top: 4px solid #FFF;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -1px;
}

th.sonata-ba-list-field-header-order-desc a:before {
    content: "";
    display: block;
    border-bottom: 4px solid #FFF;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid transparent;
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -5px;
}

/*Ordre colonne asc/desc : état actif*/
th.sonata-ba-list-field-header-order-asc.sonata-ba-list-field-order-active a:before {
    border-color: #FFF transparent transparent;
}

th.sonata-ba-list-field-header-order-desc.sonata-ba-list-field-order-active a:before {
    border-color: transparent transparent #FFF;
}

/*Ordre colonne asc/desc : état hover*/
th.sonata-ba-list-field-header-order-asc a:hover::before {
    border-color: #FFF transparent transparent;
}

th.sonata-ba-list-field-header-order-desc a:hover::before {
    border-color: transparent transparent #FFF;
}

th.sonata-ba-list-field-header-order-desc.sonata-ba-list-field-order-active a:hover,
th.sonata-ba-list-field-header-order-asc.sonata-ba-list-field-order-active a:hover {
    color: #FFF
}

th.sonata-ba-list-field-header-order-desc.sonata-ba-list-field-order-active a:hover::before {
    border-color: #FFF transparent transparent;
}

th.sonata-ba-list-field-header-order-asc.sonata-ba-list-field-order-active a:hover::before {
    border-color: transparent transparent #FFF;
    margin-top: -5px;
}

th.sonata-ba-list-field-header-order-asc a:hover::after,
th.sonata-ba-list-field-header-order-asc.sonata-ba-list-field-order-active a::after,
th.sonata-ba-list-field-header-order-desc.sonata-ba-list-field-order-active a:hover::after,
th.sonata-ba-list-field-header-order-desc a:hover::after,
th.sonata-ba-list-field-header-order-desc.sonata-ba-list-field-order-active a::after,
th.sonata-ba-list-field-header-order-asc.sonata-ba-list-field-order-active a:hover::after {
    display: none;
}

/******************** Actions dans tableau ********************/
.sonata-ba-list-field .glyphicon {}

.sonata-ba-list-field .btn.btn-default {
    font-size: 0.9em;
    margin: 0 0.2em;
    padding: 5px 7px;
}

.sonata-ba-list-field .btn.btn-default:hover {
    color: #000
}

.sonata-ba-list-field-header-actions {
    text-align: center;
}
/*.list-projets .sonata-ba-list-field-header-actions{*/
/*    width: 14em;*/
/*}*/

table td.sonata-ba-list-field-actions {
    overflow: initial;
}

/**Page d'accueil*************/

#contenu_accueil a {
    text-decoration: underline;
}

#contenu_accueil h1 {
    font-size: 40px;
    font-weight: bold;
    margin-left: 15px;
}

#contenu_accueil h2 {
    border-bottom: 5px solid #6e1e78;
    padding-bottom: 2px;
}

#contenu_accueil h3 {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    margin-top: 5px;
}

#contenu_accueil h3 span {
    font-size: 12px;
}

#contenu_accueil .actu-block h2 {
    margin: 0 0 20px 0;
    text-decoration: underline;
    font-size: 20px;
    padding: 0;
    border: none;
}

.content-block {
    min-height: 135px;
    margin-bottom: 30px;
    border-right: 5px solid #fff;
}

.content-block.espace_pilotage {
    background: #871c64;
}
.content-block.espace_documentaire {
    background: #b0056f;
}

.content-block.espace_cartographie {
    background: #bc015a;
}


fieldset.__actif {
    border: 1px solid #3c8dbc;
}
/*Style PL*/
.margin-filter-fields{
    margin-bottom: 15px;
}
.box-title {
    width: 100%;
}

.box-title .align-right{
    float: right;
}

.box-header{
    height: 40px;
}
.box.etat-proc {
    width: 9rem;
    display: block;
    height: 30px;
    MARGIN: 0;
    position: relative;
    bottom: 5px;
    float: right;
    border: none;
}
.box.etat-proc i {
    display: flex;
    margin: 6px;
}
.box.etat-proc i p {
    margin-bottom: 0;
    margin-left: 5px;
}
.label-separator{
    margin-bottom: 0;
    border-top: none;
    border-radius: inherit;
    height: 45px;
    border-left: solid 2px #3C8DBC;
    background-color: #D9D9D9;
    padding: 12px;
    font-weight: 600;
}
.background-fieldset{
    padding-top: 1rem;
    background-color: #E2EEFF;
    width: 100%;
    height: 100%;
    display: inline-block;
}
.background-fieldset .wysiwyg-toolbar-top,
.background-fieldset .wysiwyg-editor{
    background-color: white;
}

/* Module fiche */
.generer_action{
    background-color: white;
    color: #70aece;
    border-color: #70aece;
    font-weight: bolder;
    margin-top: 12%;
}

.generer_action:hover{
    background-color: #70aece;
    color: white;
    border-color: unset;
}

.generer_action:active, .generer_action:focus{
    background-color: #70aece;
    color: white;
    border-color: unset;
}

.fiche, .documents, .alertes{
    background-color: white;
    width: 90%;
    padding: 1.5%;
    border-radius: 20px;
    min-height: 70vh;
}

.alertes-footer, .documents-footer, .fiche-footer{
    background-color: white;
    width: 90%;
    padding: 1.5%;
    border-radius: 20px;
    min-height: 5vh;
}

.documents {
    background-color: white;
    width: 90%;
    padding: 1.5%;
    border-radius: 20px;
    min-height: 50vh;
}

.container.entete-documents{
    background-color: white;
    width: 90%;
    border-radius: 20px;
}

.entete-fiche{
    display: flex;
    height: 200px;
}

.lnc-fiche, .code-ligne-fiche{
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-orientation: mixed;
    background-color: #8BC34A;
    color: white;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    height: 200px;
    width: 5%;
    display: flex;
    justify-content: center;
    align-items: center
}


.infos-projet-fiche {
    position: relative;
    width: 70%;
    height: 200px;
    background-image: url('../images/rails_lnc.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    text-transform: uppercase;
}

.infos-projet {
    font-size: 24px;
    font-weight: bold;
    color: #8BC34A;
    position: absolute;
    top: 40%;
    left: 10%;
}

.infos-ligne {
    font-size: 16px;
    color: black;
    position: absolute;
    top: 60%;
    left: 20%;
}

.vignette-container{
    width: 20%;
    position: relative;
    /*background-image: url('../images/vignette.png');*/
    background-size: 100% 90%;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 5%;
    padding-bottom: 5%;
    box-sizing: border-box;
}

/*.vignette-fiche{*/

/*}*/

.empty-field-fiche{
    color: orangered;
}

.group-legend-actions {
    float: right;
    /*display: flex;*/
    /*justify-content: flex-end;*/
}

/*.corps-fiche*/

/* Alerte superposition */
.alertes{
    background-color: white;
    font-size: 20px;
}

.header-alertes{
    font-size: larger;
}

.icon-alerte{
    color: red;
}

.nb-alertes-warning{
    background-color: red;
    color: white;
    border-radius: 50%;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.nb-alertes-primary{
    background-color: #70aece;
    color: white;
}

.filtre-superposition-pks {
    display: flex;
    font-style: italic;
    justify-content: left;
}


/* Liste projets */

.table > thead > tr > th{
    vertical-align: middle;
}
#lien-dashboard-projet, #lien-liste-projet, #lien-liste-groupe-projet{
    background-color: #e0e0e0;
    color: #3c8dbc;
    /*font-weight: bold;*/
    padding: 5px;
    /*border-radius: 5%;*/
}

#lien-dashboard-projet.active, #lien-liste-projet.active, #lien-liste-groupe-projet.active{
    background-color: #3c8dbc;
    color: white;
    /*font-weight: bolder;*/
    /*font-size: larger;*/
}

tr.alerte-superposition {
    border: 2px solid red;
}

/* table illustration */
.header-row {
    text-align: center;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    background-color: #f8f9fa;
    padding: 10px;
}

.data-warning-row{
    text-align: center;
    font-weight: bold;
    font-style: italic;
    background-color: #f8f9fa;
    color: red;
    padding: 10px;
}

/* Styles de base pour le menu */
#menu-dashboard-projet {
    display: none;
    position: absolute;
    top: 95%;
    left: 0;
    background: white;
    border: 1px solid #ccc;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    list-style: none;
    padding: 5px 0;
    min-width: 200px;
    z-index: 1000;
}

#menu-dashboard-projet.show {
    display: block;
}

.dashboard-item {
    padding: 10px 15px;
    display: block;
    color: #333;
    text-decoration: none;
}

.dashboard-item:hover {
    background-color: #f0f0f0;
}

.dashboard-item.active {
    background-color: #3c8dbc !important; /* Forcer l'application du style */
    color: white !important;
}

.no-results-message {
    display: none;
    text-align: center;
    font-weight: bold;
    color: red;
    margin-top: 10px;
}

/* Styles liste sections de ligne */
.legend-color,
.legend-actions {
    display: flex;
    justify-content: space-evenly;
    background: #F6F6F6;
    padding: 0.5em;
    border-radius: 6px;
}
.legend-color span i.fa-circle,
.legend-actions div i
{
    margin-right: 5px;
}
.container-legends{
    display: flex;
    justify-content: space-between;
    height: 6em;
    align-items: center;
}

#lien-dashboard-projet.active,
#lien-liste-projet.active,
#lien-liste-groupe-projet.active{
    background-color: white;
    color: black;
    border-bottom-left-radius: inherit;
    right: 1px;
    position: relative;
}
#lien-dashboard-projet,
#lien-liste-projet,
#lien-liste-groupe-projet{

    border-left-color: #DDDDDD !important;
    border-right-color: #DDDDDD !important;
    border-top-color:#DDDDDD !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: solid 2px;
    border-bottom: none;
    /*width: 14em;*/
    padding: 10px;
    box-shadow: none;
    color: black;
    display: flex;
    align-items: center;
    justify-content: space-evenly;

}
.nav-fieldset{
    display: flex;
    top: 3px;
    z-index: 1;
    /*border-bottom: solid 2px #DDDDDD;*/
}

/*Groupe sections*/

.btn-edit-groupe,
.btn-delete-groupe
{
    background-color: white;
    color: black;
    border-color: transparent;
    border-radius: 7px;
    display: flex;
    align-items: center;
}
.btn-edit-groupe span,
.btn-delete-groupe span{
    margin-left: 5px;
}
.groupe-projet-fieldset{
    display: flex
;
    align-items: center;
    justify-content: space-between;
    background-color: deepskyblue;
    /* border-radius: 5px; */
    border: solid 1px transparent;
}
.action-sections{
    display: flex;
    justify-content: space-around;
}
/*.container-table-projects-groupe{*/
/*    border-bottom-left-radius: 5px;*/
/*    border-bottom-right-radius: 5px;*/
/*    border: 3px solid deepskyblue;*/
/*}*/
.list-projets.list-tab .box.box-primary,
.list-group-section.box.box-primary,
.dashboard-illustration.box.box-primary
{
    border: solid 2px #DDDDDD;

}
.select-dep-graph{
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    margin: 1rem 0 ;
    padding: 0;
}
/* Groupe projet*/

.nav-fieldset .navbar-btn{
    margin-bottom: 0;
}
.container-collapsed{
    border: 3px solid deepskyblue;
    border-radius: 5px;
    padding: 0;
    margin-bottom: 1em;
}
.container-table-projects-groupe .table{
    border: none;
    margin: 0;
}
/*Modal*/
.ui-dialog .ui-widget-header{
    background: none;
    border: none;
}
.ui-dialog .ui-widget-header .ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close{
    background: none;
    border: none;
}

.ui-dialog-title{
    font-size: 20px;
}
.ui-widget.ui-widget-content{
    border-radius: 15px;
}
.ui-widget .nom-groupe{
    padding-left: 0;
    margin: 1rem 0;
}
.ui-widget .choice-couleur{
    margin: 1rem 0;
}
.ui-widget input[type="text"]{
    background-color: #F1F1F1;
    border: none;
    height: 40px;
    color: #6e6e6e;
    font-weight: 700;
    border-radius: 8px;
}
.ui-widget #description-groupe{
    background-color: rgb(241, 241, 241);
    border-color: transparent;
    min-height: 58px;
    color: rgb(110, 110, 110);
    font-weight: 700;
    border-radius: 8px;

}
.ui-widget .description-groupe,
.ui-widget .description-groupe label

{
    padding-left: 0;
}
.description-groupe{
    margin: 1rem 0;
}
#filtre-container{
    background-color: #F1F1F1;
    height: 3rem;
    display: flex;
    align-items: center;
    padding-left: 1rem;
}
/*#filtre-container .ui-widget input[type="text"]{*/
/*    background-color: #F1F1F1;*/
/*    height: 30px;*/
/*    color: #6e6e6e;*/
/*    font-weight: 700;*/
/*    border: solid 1px #c5c5c5;*/
/*    border-radius: 6px;*/
/*    width: 7rem;*/
/*}*/
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable{
    top: 60px !important;
    margin-left: 15rem;
}
.sidebar-open .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable {
    margin-left: 15rem;
}


#filtre-container .filtre-input{
    background-color: #fff9f9;
    height: 30px;
    color: #6e6e6e;
    font-weight: 700;
    border: solid 1px #c5c5c5;
    border-radius: 8px;
    width: 7rem;
    margin-left: 1rem;
    padding-left: 10px;
}
.modal-actions{
    margin: 2rem 0;
}
.btn.btn-success.btn-regrouper{
    background-color: #3c8dbc;
    border-color: #367fa9;
    color: white;
}
#btn-ajouter-section,
#btn-supprimer-section-panier
{
    display: flex
;
    align-items: center;
}
#btn-ajouter-section svg,
#btn-supprimer-section-panier svg

{
    margin-right: 5px;
}
.popup-deleted tr th:last-child{
    display: none;
}
.table-illu thead{
    display: none;
}
.section-tabs .header-row{
    /*height: 2rem;*/
    background-color: deepskyblue;
    margin: 0;
}
.table-illu .table-illustation-region{
    width: 30rem;
}




/*.container-illustration-region {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    padding: 20px;*/
/*}*/

.columns-container {
    display: flex;
    gap: 20px;
    /*max-width: 1200px;*/
    width: 100%;
}
.data-column.overload{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.column {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.section-tabs {
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
}

.header-row {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

.values-container {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.value-item {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Deux colonnes égales */
    gap: 10px;
    padding: 5px 10px;
    border-bottom: 1px solid #ccc;
}

.label {
    text-align: left;
}

.value {
    text-align: right;
    font-weight: bold;
}

.data-warning-row {
    text-align: center;
    color: red;
    font-weight: bold;
}

.values-container .value-item:last-child {
    border-bottom: none;
}





.table-illustation-region .row {
    display: flex;
    gap: 20px;
}

.section {
    margin-bottom: 20px;
}

.header-row {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.data-row {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
}

.data-label {
    flex: 1;
    font-weight: normal;
}

.data-value {
    font-weight: bold;
}

.data-warning-row {
    text-align: center;
    font-style: italic;
    color: red;
}

/*Adama style documents*/

.card {
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 20px;
    border-color: #E6E6E6;
}

.card h4 {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 20px;
}
.header {
    display: flex;
    flex-wrap: wrap; /* Permet aux éléments de se réorganiser */
    justify-content: flex-start;
    gap: 20px; /* Ajoute un espace entre les éléments */
}

.header div {
    font-weight: 400;
    font-size: 0.9em;
    color: #666;
    margin: 5px 0;
    max-width: 160px; /* Limite la largeur maximale des éléments */
    width: 50%;
}

.header div strong {
    font-size: 1em;
    color: #000;
    font-weight: bold;
    display: block;
}

@media (max-width: 768px) {
    .header div {
        max-width: 130px;
    }
}


.documents h3 {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.documents span.tag, .header-documents span.tag {
    background: #3c8dbc;
    color: #fff;
    padding: 4px 8px;
    border-radius: 5px;
    font-size: 14px;
    margin-left: 10px;
    font-weight: 400;
}

.document-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 colonnes par défaut */
    gap: 20px;
    margin-top: 10px;
}

@media (max-width: 1200px) {
    .document-list {
        grid-template-columns: repeat(3, 1fr); /* 3 colonnes pour les écrans moyens */
    }
}

@media (max-width: 992px) {
    .document-list {
        grid-template-columns: repeat(2, 1fr); /* 2 colonnes pour les écrans plus petits */
    }
}

@media (max-width: 576px) {
    .document-list {
        grid-template-columns: 1fr; /* 1 colonne pour les petits écrans */
    }
}

.doc-card {
    background: #ecf2f4;
    padding: 10px;
    border-radius: 15px;
    position: relative;
    max-width: 100%; /* Empêche l'agrandissement au-delà de la taille de la colonne */
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.doc-header {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    align-items: center;
    font-size: 12px;
    padding: 5px;
    font-weight: bold;
}

.doc-badge {
    background: #ffffff;
    border: 1px solid #e6e6e6;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 1em;
}

span.date-pub {
    color: gray;
}

.doc-card img {
    width: 100px;
    height: auto;
    margin: 10px 0;
    background-color: white;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 20px 20px #0000001f;
}

.doc-card p {
    text-align: left;
    font-size: 14px;
    color: #666;
    margin: 10px 0;
    flex-grow: 1; /* Permet au texte de prendre de l'espace sans affecter les autres éléments */
}

.documents .actions {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto; /* Pousse les boutons vers le bas */
}

.documents .btn {
    min-height: 45px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 12px;
    font-weight: bold;
    --bs-btn-padding-y: 0.1rem;
}
.documents .btn:hover {
    box-shadow: 0 10px 20px #0000001f;
}

.documents .btn.view {
    background: #3c8dbc;
    color: #fff;
}

.documents .btn.sharepoint {
    background: #ffffff;
    color: #036C70;
}

.documents .btn img {
    width: 20px;
}

.documents .emty-state-img{
    margin-left: 40%;
    width: 30%;
}

.btn-manage-doc.createDocument{
    height: 35px;
}

.btn-retour-liste{
    width: 100px;
}

.localisation-ligne{
    display: flex;
    flex-direction: column;
}

/*.localisation-ligne-row{*/
/*    display: flex;*/
/*    gap: 15px;*/
/*}*/

.projet-infos{
    display: flex;
    flex-direction: column;
    /*margin: 5px;*/

}

.info-card {
    background: #ecf2f4;
    padding: 10px;
    border-radius: 15px;
    position: relative;
    max-width: 100%; /* Empêche l'agrandissement au-delà de la taille de la colonne */
    /*width: 100%;*/
    box-sizing: border-box;
    border: 5px solid white;
    display: flex;
    flex-direction: column;
}

.info-badge {
    background: #ffffff;
    border: 1px solid #e6e6e6;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 1em;
}

.info-description {
    font-weight: bold;
    margin-left: 5px;
}

.commentaire-card {
    padding: 20px;
    text-align: justify;
}
/* END style documents */



/**
Login Page
 */

div.logo_login img {
    max-width:70px;
}
.login_container {
    background-color: #f9fafb;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
@media (min-width: 768px) {
    .login_container {
        flex-direction: row;
    }
}
.login_left {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}
.login_form_container {
    max-width: 400px;
    width: 100%;
    padding:20px 15px;
    background-color:#FFF;
    border-radius:20px;
}
h2.login_h2 {
    font-size: 2rem;
    margin-bottom: 1.5rem;
    color: #1f2937;
}
label.login_label {
    font-size: 0.875rem;
    color: #4b5563;
}
input {
    width: 100%;
    padding: 1rem 0.8rem;
    border: 1px solid #d1d5db;
    border-radius: 0.4rem;
    margin-top: 0.25rem;
    margin-bottom: 1rem;
    box-sizing: border-box;
}
button.login-submit-button {
    width: 100%;
    background-color: #264fc4;
    color: white;
    border: none;
    border-radius: 0.4rem;
    cursor: pointer;
    padding: 15px 0;
    transition: all 0.2s ease;
}
button.login-submit-button:hover {
    background-color: #1e3f9d;
}
.login_right {
    flex: 1;
    /*background-color: #f2fbfb;*/
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
    position: relative;
    overflow: hidden;
    background-image:linear-gradient(
            rgba(190, 23, 95, 0.8),
            rgba(190, 23, 95, 0.2)
    ), url('../images/exemple-lnc.jpg');
    background-color:#be175f;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    padding:0;
    margin:20px;
    border-radius:30px;
}
.slide {
    transition: opacity 0.5s ease-in-out;
    opacity: 0;
    position: absolute;
    max-width: 60%;
}
.slide.active {
    opacity: 1;
    position: relative;
}
.dots {
    display: flex;
    gap: 0.5rem;
    margin-top: 1.5rem;
}
.dot {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
}
.dot.active {
    background-color: white;
}

.user-type {
    padding: 30px;
    max-width: 20%;
    background-color: #ffffff1a;
    border-radius: 100%;
    margin-top:20px;
}

.form-group.position-relative {
    position: relative;
}

.field-icon.show-password {
    position: absolute;
    right: 35px;
    cursor: pointer;
    z-index: 10;
    pointer-events: auto; /* important pour autoriser le clic */
}

/* Empêche le champ input de bloquer les clics au-dessus */
.form-control {
    position: relative;
    z-index: 1; /* le champ passe derrière les icônes interactives */
}

/* Cadenas à droite */
.glyphicon-lock.form-control-feedback {
    z-index: 5;
}

.row.login.bloc-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.login-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

body.login-page div.wrapper .main-header {
    display: none !important;
}