[data-bs-theme=light] body:not(.app-blank) {
    background: #f3f3f3;
}

#kt_header {
    background: #9600ff;
}

[data-bs-theme=dark] body:not(.app-blank) {
    background-image: url("https://preview.keenthemes.com/metronic8/demo2/assets/media/patterns/header-bg-dark.png");
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-logo {
    border-bottom: 1px #393945 solid;
}

.swal2-container {
    z-index: 3000;
}

.blockui-message-container {
    position:fixed;
    top: 50% !important;
    left: 50%; /* Centrer horizontalement */
    background-color: white;
    padding: 20px !important;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    z-index: 5000 !important;
}

.ui-datepicker {
    z-index: 9000 !important;
}

.ag-theme-balham .ag-cell {
    font-size: 11px;
}

.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover {
    border-bottom: 2px solid var(--bs-info) !important; /* Utilise la couleur "info" pour le soulignage */
}

.modal-spinner {
    display: none;
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
}

.hide {
    display: none !important;
}

.arrow[aria-expanded="false"] .bi-chevron-down {
    transform: rotate(0);
    transition: transform 0.3s;
}

.arrow[aria-expanded="true"] .bi-chevron-down {
    transform: rotate(180deg);
    transition: transform 0.3s;
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.5); /* Gris semi-transparent */
}

#financed_amount_display, #duration_display, #rent_amount_display, #firstRentAmount_display {
    font-weight: 600;
}

.form-label {
    font-weight: 600;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.btn-check:active + .btn.btn-active-info, .btn-check:checked + .btn.btn-active-info, .btn.btn-active-info.active, .btn.btn-active-info.show, .btn.btn-active-info:active:not(.btn-active), .btn.btn-active-info:focus:not(.btn-active), .btn.btn-active-info:hover:not(.btn-active), .show > .btn.btn-active-info {
    color: var(--bs-white);
    border-color: var(--bs-info) !important;
}

.btn-check:active + .btn.btn-active-secondary, .btn-check:checked + .btn.btn-active-secondary, .btn.btn-active-secondary.active, .btn.btn-active-secondary.show, .btn.btn-active-secondary:active:not(.btn-active), .btn.btn-active-secondary:focus:not(.btn-active), .btn.btn-active-secondary:hover:not(.btn-active), .show > .btn.btn-active-secondary {
    color: var(--bs-white);
    border-color: var(--bs-info) !important;
    background-color: var(--bs-info) !important;
}

.btn.btn-outline-dashed-info {
    border-color: var(--bs-info) !important;
}

.btnPlan {
    --bs-btn-color: var(--bs-info)
}

#block_result .form-check {
    display: none;
}

/* Modifier le style des en-têtes de colonnes */
.tabulator .tabulator-header .tabulator-col {
    font-weight: normal; /* enlève le gras */
    font-size: 12px; /* taille de la police réduite pour les en-têtes */
}

/* Modifier le style des cellules du tableau */
.tabulator .tabulator-cell {
    font-size: 12px; /* taille de la police pour le contenu des cellules */
}

/*.swal2-popup {*/
/*    width: 800px !important;*/
/*    text-align: left !important;*/
/*}*/

.swal-wide {
    width: 600px !important;
    height: 550px !important;
}

.swal2-container .swal2-html-container {
    max-height: 550px !important;
    text-align: left !important;
}


.dragover {
    background-color: #85A7DCCF !important;
}

table td, table th {
    vertical-align: middle;
}

#notif_button {
    position: relative; /* Établit une référence de position pour le badge */
}

#notif_button .badge {
    position: absolute;
    bottom: -10px; /* Déplace le badge vers le bas en dehors du bouton */
    right: -10px; /* Déplace le badge vers la droite en dehors du bouton */
    border-radius: 50%; /* Rend le badge rond */
    width: 20px; /* Taille du badge */
    height: 20px; /* Taille du badge */
    display: flex;
    justify-content: center; /* Centre le texte horizontalement */
    align-items: center; /* Centre le texte verticalement */
    font-size: 12px; /* Taille du texte dans le badge */
    padding: 0; /* Ajuste le padding si nécessaire */
    /*background-color: red; !* Couleur de fond du badge pour visibilité *!*/
    /*color: white; !* Couleur du texte *!*/
}

.collapsible .fa-sort-down {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.collapsible.collapsed .fa-sort-down {
    transform: rotate(0deg);
    background-color: white;
}

.list-group-item:nth-child(odd) {
    background-color: #f8f9fa;  // Gris clair pour les lignes impaires
}

.form-check-input {
    border-color: #AAA; /* Rend la bordure plus épaisse et plus sombre */
}

.address-row{
    display:flex;
    align-items:baseline;      /* aligne l’icône avec la 1ère ligne du texte */
    gap:6px;
}

.address-row i{
    line-height:1;             /* évite l’interligne supplémentaire */
    margin:0;
    font-size:1rem;            /* ajuste si besoin */
}

.address-row .address{
    display:inline-block;
    line-height:1.2;           /* compact */
}

.address-row .address br{
    line-height:0;             /* supprime l’espace vertical autour des <br> */
}