html[data-layout="vertical"] .topnav {
    display: none;
}
html[data-layout="vertical"] .leftside-menu {
    display: block;
}
html[data-layout="topnav"] .topnav {
    display: block;
}
html[data-layout="topnav"] .leftside-menu {
    display: none;
}
.auth-fluid {
    background: url('../assets/images/bg-auth-azure.jpg') !important;
}
.lang-azure {
    list-style-type: none;
}
/*#search-dropdown {
    max-height: 33vh;
    overflow-y: scroll;
}*/
#notification-list-test {
    overflow-y: scroll;
}
.noti-close-btn, .notify-item {
    cursor: pointer;
    display: inline-block;
}
.d-noti-icon-badge {
    display: none;
}
.bdg-ntg-cnt {
    top: -10px !important;
}
table.dataTable thead tr .dt-column-order {
    display: none !important;
}
/* Masquer les infos sur colonnes et cellules */
.select-info {
    display: none !important;
}
div.dt-scroll-body {
    border-bottom: 1px solid #dee2e6 !important;
}
/* Pulse vert pour succès */
.row-pulse-success {
    animation: pulseSuccess 6s ease-out;
}
@keyframes pulseSuccess {
    0% {
        background-color: #d4edda;
    }
    /* vert clair */
    50% {
        background-color: #c3e6cb;
    }
    /* vert un peu plus foncé */
    100% {
        background-color: transparent;
    }
}
/* Pulse rouge pour erreur */
.row-pulse-error {
    animation: pulseError 6s ease-out;
}
@keyframes pulseError {
    0% {
        background-color: #f8d7da;
    }
    /* rouge clair */
    50% {
        background-color: #f5c6cb;
    }
    /* rouge un peu plus foncé */
    100% {
        background-color: transparent;
    }
}
/*.row-action-buttons{
    width: 0px !important;
}*/
.row-deleted {
    background-color: #ffc10733 !important; /* orange clair */
}
.dt-select-col {
    width: 1% !important;
    padding-right: inherit !important;
    text-align: center;
    white-space: nowrap;
}
.dt-select-col > .dt-column-header, .dt-select-col > .dt-column-header > .dt-column-title  {
    padding-right: inherit !important;
}
.select2-selection--multiple {
    display: flex !important;
    padding-top: 20px;
}
.dt-button-info {
    background-color: #FFF !important;
    color: inherit !important;
}
.dt-button-info h2 {
    color: inherit !important;
}

.form-floating-select-multiple .select2-container {
    height: inherit !important;
}
.select2-dropdown {
    z-index: 999999 !important;
}
.form-floating-date-label {
    margin-right: -10px !important;
}
/* Fix floating label with Select2 */
.form-floating > .select2-container {
    /*height: calc(3.5rem + 2px);*/
    width: 100% !important;
}

.select2-container .select2-selection--single {
    height: 100% !important;
    padding: 1rem 0.75rem 0 0.75rem !important;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
}

.select2-container .select2-selection--single {
    height: 100% !important;
    padding: 1rem 0.75rem 0 0.75rem !important;
    border: 1px solid #ced4da;
    border-radius: inherit;
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.4rem;
    padding-left: 0;
    padding-right: 0;
}

/* Optional: remove the border overlap */
.form-floating > label {
    /*z-index: 99999 !important;*/
    margin-right: 10px;
    white-space: pre-line !important;
}

.not-form-floating > textarea, .form-floating > textarea {
    min-height: 100px !important;
}

.not-form-floating > label {
    z-index: 99999 !important;
    margin-right: 10px;
    white-space: break-spaces !important;
}

.row-focus-temp {
    background-color: #ff0000;
}

/* =========================
   GLOBAL FLASH
========================= */
#globalFlash {
    position: fixed;
    top: 20px;
    right: 20px;
    min-width: 260px;
    max-width: 420px;
    padding: 12px 16px;
    border-radius: 8px;
    color: #fff;
    font-weight: 600;
    box-shadow: 0 8px 24px rgba(0,0,0,0.18);
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity .2s ease, transform .2s ease;
    z-index: 99999;
    pointer-events: none;
}

#globalFlash.active {
    opacity: 1;
    transform: translateY(0);
}

#globalFlash.flash-success { background: #0acf97; }
#globalFlash.flash-error   { background: #fa5c7c; }
#globalFlash.flash-warning { background: #ffc35a; }
#globalFlash.flash-info    { background: #39afd1; }

.dropdown-header-list {
    max-height: 33vh;
    overflow: scroll;
}

#preloader{
    opacity:0.35;
}
.form-password-toggle {
    position: relative;
}

.password-toggle-btn {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 0.15rem;
    background: #727cf5;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    cursor: pointer;
    border:none;
}

    .password-toggle-btn:hover {
        opacity: 0.7;
    }

    .password-toggle-btn i {
        font-size: 18px;
        color: #FFF;
    }

.forgot-password-link {
    position: absolute;
    top: -22px;
    right: 0;
}

[data-readonly="true"] {
    color: lightskyblue !important;
    cursor: not-allowed !important;
}

input[data-readonly="true"],
textarea[data-readonly="true"] {
    pointer-events: none;
}

select[data-readonly="true"] + .select2-container {
   color: lightskyblue !important;
    pointer-events: none;
    opacity: .85 !important;
}

[data-readonly="true"]:focus {
    box-shadow: none !important;
    border-color: #ced4da !important;
}

select[data-readonly="true"] + .select2-container .select2-selection {
    color: lightskyblue !important;
    cursor: not-allowed !important;
    opacity: .85;
}

select[data-readonly="true"] + .select2-container .select2-selection__rendered {
    color: #6c757d !important;
}

select[data-readonly="true"] + .select2-container .select2-selection__arrow {
    opacity: .4;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: inherit !important;
    opacity: .85 !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single > span {
    color: lightskyblue !important;
    pointer-events: none;
}

.field-duplicate {
    border-color: #dc3545 !important;
    background-color: #fff5f5 !important;
}

.select2-container.field-duplicate .select2-selection {
    border-color: #dc3545 !important;
    background-color: #fff5f5 !important;
}

.chbx-display{
    width: 100% !important;
}

.modal-dialog-scrollable {
    height: calc(100vh - var(--ct-modal-margin) * 2) !important;
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - var(--ct-modal-margin) * 2) !important;
    overflow: hidden;
}

.table-w-1 {
    width: 8.33333333%;
}

.table-w-2 {
    width: 16.66666667%;
}

.table-w-3 {
    width: 25%;
}

.table-w-4 {
    width: 33.33333333%;
}

.table-w-5 {
    width: 41.66666667%;
}

.table-w-6 {
    width: 50%;
}

.table-w-7 {
    width: 58.33333333%;
}

.table-w-8 {
    width: 66.66666667%;
}

.table-w-9 {
    width: 75%;
}

.table-w-10 {
    width: 83.33333333%;
}

.table-w-11 {
    width: 91.66666667%;
}

.table-w-12 {
    width: 100%;
}

.thead-child th {
    font-weight: 600;
    color: #FFF !important;
}

.table-child{
    margin-top: 10px;
}

.table-child-thead {
    background-color: lightskyblue;
    color : #FFF;
}

td[data-child-cell] .select2-selection {
    padding: inherit !important;
}

.modal-title{
    color: #FFF !important;
}

.bg-vlm {
    background-color: lightskyblue !important;
}

.sp_title_a {
    font-style: italic;
    text-decoration: underline;
    font-weight: bolder;
    font-size: 20px;
}
.form-label:has(.sp_title_a) {
    margin-top: 50px;
}
.sp_title_b {
    font-style: italic;
    text-decoration: underline;
}
.sp_title_b::before {
    margin-right: 8px;
}
.sp_title_c::before {
    content: "•";
    margin-right: 8px;
}
.sp_title_d {
    font-style: italic;
    font-size: 12px;
}
.select2-selection__rendered {
    overflow: hidden !important;
}
.card-header [data-bs-toggle="collapse"] {
    transition: background-color 0.15s ease;
}

.card-header [data-bs-toggle="collapse"]:hover {
    background-color: rgba(0, 0, 0, 0.050);
}

.collapse-chevron {
    display: inline-block;
    transition: transform 0.2s ease;
    font-size: 0.75rem;
}

[data-bs-toggle="collapse"][aria-expanded="true"] .collapse-chevron {
    transform: rotate(180deg);
}