/*-------- LOGIN --------*/
.logo-login {
    max-width: 180px;
}

.encours-badge-affaire {
    position: absolute;
    top: 12px;
    right: 15px;
    padding: 2px 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;"
}

.container-l90 {
    width: 95%;
    margin: auto;
    max-width: 2000px;
}

.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 2000px !important;
    width: 100% !important;
}

table td.td-error input, table td.td-error select {
    border: 1px solid #ff7171;
}

span.badge.kpi-header {
  float: right;
  margin: 0 3px;
  padding: 5px;
}

.row.bloc-recherche-filtre {
  max-width: 98%;
  margin-top: 1%;
}


.tablehisto.display thead {
    background: #000;
    color: #FFF;
}

.nav-item .nav-link.active {
    color: var(--falcon-navbar-vertical-link-active-color) !important;
}

.tablehisto.display thead th {
    padding: 5px 11px;
    font-size: 14px;
}

.col-lg-12.marginbottom20 {
    padding-left: 0;
    padding-right: 0;
}

nav.navbar-vertical {
    position: inherit;
    vertical-align: top;
    height: 100% !important;
}

.dropdown-menu.show {
    max-width: 350px;
}

.dropdown-menu .inner.show {
    width: 100%;
    overflow: hidden;
}

.dropdown-menu div.inner.show {
    width: 100%;
    max-height: 350px !important;
}


#top > .container > .content {
    display: inline-block;
    margin-left: 2%;
    vertical-align: top;
    width: 100%;
}

@media (min-width: 1880px) {
    #top > .container > .content {
        max-width: 88%;
    }
}

@media (max-width: 1880px) and (min-width: 1551px) {
    #top > .container > .content {
        max-width: 86%;
    }
}

@media (max-width: 1550px) and (min-width: 1200px) {
    #top > .container > .content {
        max-width: 82%;
    }
}

@media (max-width: 1200px) {
    #top > .container > .content {
        max-width: 100%;
    }
}

.navbar-vertical .navbar-collapse .navbar-vertical-content {
    max-height: 100%;
    height: 100% !important;
}

#table_facture_paiement td {
    padding: 10px !important;
}

.tablehisto.display td {
    border-bottom: 1px solid #C5C5C5;
}

.cache {
    display: none
}

#montant_ht.readonly {
    min-height: 26px;
}

.noncache {
    display: inherit
}

#dropZone {
    font-family: Open Sans !important;
}

#id_commentaires {
    height: 100px;
}

.mb-0.navbar-vertical-divider {
    margin-left: 5px;
}

div td > .form-control, div td > .form-select {
    padding: 4px 4px;
    line-height: 1;
    min-height: 31px;
    height: auto;
}

form .card.theme-wizard.mb-5 {
    padding: 0;
}

tr.statutencours-True {
    background-color: #f9aded !important;
}

.form-control.readonly {
    background: #eeeded;
    min-height: 33px;
}

div.imgproduit {
    width: 50px;
    height: 50px;
    margin: auto;
    border-radius: 5px;
    background-size: cover;
    background-position: center;
}

.alert.alert-error {
    background: #f78888;
    color: #fff;
}

.avatar.avatar-xl img {
    border-radius: 100%;
}

tr.statutclient-compte_bloque,
tr.statutclient-selon_code_risque {
    background: #ffcfcf !important;
}

.todo-True td, .todo-True td strong {
    color: #acacac !important;
    text-decoration: line-through;
}

.checktache a {
    width: 25px;
    height: 25px;
    content: "";
    display: block;
    border-radius: 100%;
    margin: auto;
    border: 2px dashed #2dce89;
}

.todo-True .checktache a {
    background: #2dce89;
}


#menu-Affaire-courtage li a,
#menu-Affaire li a {
    display: block;
    color: #5e6e82;
    padding-left: 8px;
    line-height: 24px;
    text-decoration: none;
}

div.dropdown.bootstrap-select {
    width: 100% !important;
}

.dropdown.bootstrap-select .btn.dropdown-toggle.btn-light {
    background: #fff;
}

.style_trash {
    position: absolute;
    right: -13px;
    background-color: #ddd;
    top: -15px;
    padding: 6px 10px;
    border-radius: 25px;
    opacity: 0.8;
    width: unset !important;
}

.card-body.bg-light.commission,
.card-body.bg-light.tarif_spec {
    position: relative;
}

.mb-3.form-check label.form-label {
    margin: 0;
}

.authent-logo {
    text-align: center;
}

.login-page .container .row .login-box-container {
    top: 50%;
    transform: translateY(-50%);
}

.row.justify-content-md-center {
    height: 100vh;
}

.authent-text {
    text-align: center;
}


.password-init-text {
    text-align: center;
}


.authent-reg {
    text-align: center;
    margin-top: 20px;
}

.authent-reg a {
    font-size: 14px;
}

.authent-text > h1 {
    font-weight: bold;
    font-size: 20px;
    margin: 20px 0;
}

img.max_px {
    max-width: 100px
}

/*-------- FIN LOGIN --------*/

/*-------- DÉBUT BADGE --------*/

.badge-en_attente, .badge-en_cours, .badge-EA {
    background-color: #fd9864 !important;
}

.badge-en_attente_de_validation, .badge-inactif, .badge-brouillon {
    background-color: #787270 !important;
}

.badge-valide, .badge-paye, .badge-P, .badge-envoye, .badge-actif, .badge-confirme, .badge-publie, .badge.badge-termine {
    background-color: #47B27A !important;
}

.badge-annule, .badge-refuse, .badge-non_publie, .badge-B {
    background-color: #FF0800 !important;
}

.badge-ajout_a_la_bdd, .badge.badge-programme {
    background-color: #72A0C1 !important;
}


.badge-orange {
    background-color: #fd9864 !important;
}

.badge-gris {
    background-color: #787270 !important;
}

.badge-vert {
    background-color: #47B27A !important;
}

.badge-jaune {
    background-color: #fdbe00;
}

.badge-rouge {
    background-color: #FF0800 !important;
}

.badge-bleu {
    background-color: blue !important;
}

.badge-violet {
    background-color: #6a0dad !important;
}

/* Style pour le badge OK */
.badge-ok {
    background-color: green; /* Couleur de fond verte */
    color: white; /* Texte blanc */
}

/* Style pour le badge FORBIDDEN */
.badge-forbidden {
    background-color: red; /* Couleur de fond rouge */
    color: white; /* Texte blanc */
}

.fc-event-title.fc-sticky {
    color: #fff;
}

/* Style pour le badge REDIRECT */
.badge-redirect {
    background-color: orange; /* Couleur de fond orange */
    color: black; /* Texte noir */
}

/* Style pour le badge NOT FOUND */
.badge-not, .badge-argument {
    background-color: blue; /* Couleur de fond bleu */
    color: white; /* Texte blanc */
}

/* Style pour le badge SERVER ERROR */
.badge-server-error {
    background-color: grey; /* Couleur de fond gris */
    color: black; /* Texte noir */
}

/* Style pour le badge TEMPLATE MISSING */
.badge-templatedoesnotexist {
    background-color: purple; /* Couleur de fond violet */
    color: white; /* Texte blanc */
}

/* Style pour le badge NO PK */
.badge-unhandled {
    background-color: yellow; /* Couleur de fond jaune */
    color: black; /* Texte noir */
}

/* Style général des badges pour assurer la cohérence */
.badge {
    padding: 0.25em 0.4em; /* Padding autour du texte */
    font-size: 75%; /* Taille de la police réduite */
    font-weight: 700; /* Gras */
    line-height: 1; /* Hauteur de ligne normale */
    text-align: center; /* Texte centré */
    white-space: nowrap; /* Empêche le retour à la ligne du texte */
    vertical-align: baseline; /* Alignement vertical standard */
    border-radius: 0.25rem; /* Coins arrondis */
}


/*-------- FIN BADGE --------*/


/*-------- DEBUT TABLE --------*/
#sans_datatable tr > th {
    background: #47b27a;
    color: #fff;
    padding: 5px 10px;
    font-size: 13px;
}

/*-------- FIN TABLE --------*/


/*-------- DEBUT TABLE --------*/
#table_echantillons tr > th {
    background: #47b27a;
    color: #fff;
    padding: 5px 10px;
    font-size: 13px;
}

/*-------- FIN TABLE --------*/


/*-------- DEBUT TABLE --------*/
#table_panneaux tr > th {
    background: #47b27a;
    color: #fff;
    padding: 5px 10px;
    font-size: 13px;
}

/*-------- FIN TABLE --------*/

/*-------- FIN BADGE V2 --------*/

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

/* GESTION DE LA DRAG AND DROP AREA - MULTIFILE UPLOAD */
.area {
    padding: 15px;
    border: 1px solid #333;
    background: #4b5763;
}

#dropZone {
    border: 2px dashed white;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 50px;
    text-align: center;
    font: 21pt bold arial;
    color: white;
}

.pointer {
    cursor: pointer;
}

.delete_ged_file {
    text-decoration: line-through;
}

ul.list_file {
    padding-left: 15px;
    border-left: outset;
    border-left-width: 2px;
}

/* PDF VIEWER */
#pdfviewer {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 99;
    text-align: right;
    border-top: solid 1px;
    border-left: solid 1px;
    border-bottom: solid 1px;
    border-color: #343a40;
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
    background: white;
    padding: 4px;
    transition: all 0.8s ease;
}

#pdfviewer.collapse_viewer {
    transform: translate(100%, -50%);
}

#pdfviewer .canvas_div {
    height: 585px;
    width: 426px;
    max-height: 585px;
    max-width: 426px;
    overflow: scroll;
}

ol.breadcrumb {
    background-color: inherit;
    margin: 0px 15px;
}

.breadcrumb-item > a {
    color: #47B27A !important;
    text-decoration: none;
}

ol.breadcrumb > li.link > a:hover {
    color: #344050 !important;
}

a.btn-edition {
    background-color: #43b379;
    color: white;
    border-radius: 4px;
    padding: 3px;
}

a.btn-suppression {
    background-color: #e63757;
    color: white;
    border-radius: 4px;
    padding: 3px;
}

.custom-input {
    width: 80px;
}

/* CLASS ITEM COLOR WORKFLOW */
span.nav-item-color-E {
    background-color: #73bc48 !important;
    color: white !important;
    border-color: #73bc48 !important;
}

span.nav-item-color-A {
    background-color: blue !important;
    color: white !important;
    border-color: blue !important;
}

span.nav-item-color-I {
    background-color: #dddddd !important;
    color: white !important;
    border-color: #dddddd !important;
}

span.nav-item-color-O {
    background-color: red !important;
    color: white !important;
    border-color: red !important;
}

#champ_soumis_tva {
    margin-top: 29px;
    width: 10%;
    font-size: 14px;
    font-weight: 500;
    color: #4d5a69;
    background-color: #fff;
    border: 1px solid #ebebef;
    padding: 7px 10px;
    border-radius: 5px;
    display: none;
}

.field_readonly {
    background-color: #fbf9f9;
    border: 1px solid #d8e2ef;
    padding: 6px 10px;
    color: #344050;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
}

.navbar-vertical-collapsed .navbar-brand {
    visibility: hidden;
}


ul.timeline-3 {
    list-style-type: none;
    position: relative;
}

ul.timeline-3:before {
    content: " ";
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}

ul.timeline-3 > li {
    margin: 20px 0;
    padding-left: 20px;
}

ul.timeline-3 > li:before {
    content: " ";
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

.close-custom {
    position: relative; /* Utiliser une position relative pour positionner l'élément .close par rapport à son parent */
    top: auto; /* Remettre la propriété top à auto pour permettre à l'élément .close de suivre le flux du document */
    right: auto; /* Remettre la propriété right à auto pour permettre à l'élément .close de suivre le flux du document */
}

.icon-tdb {
    font-size: 15px;
    margin-right: 12px;
    color: #43B37A;
}

.icon-title-tdb {
    font-size: 1.728rem;
    margin-right: 12px;
}