.swal-wide{
    width:700px !important;
}
.custom-option {
    background-color: #20c997;
    color: #fff;
}
.overlay_alert {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}
.loading_docs_alert {
    position: fixed;
    top: 50%;
    left: 50%;
    width:50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    z-index: 9999;
}

.menu-collapsed .navigation-header{
    display: none;
}

.icon-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-locked-wrapper {
    position: relative; /* Nécessaire pour le positionnement de l'infobulle */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px; /* Largeur de la boîte */
    height: 40px; /* Hauteur de la boîte */
    background-color: #ff0000; /* Couleur de fond */
    border-radius: 10px; /* Coins arrondis */
    transition: background-color 0.3s ease, transform 0.3s ease; /* Effet hover */
}

.icon-locked-wrapper i {
    color: white; /* Couleur de l'icône */
    font-size: 20px; /* Taille de l'icône */
}

.icon-locked-wrapper:hover {
    background-color: #ff4d4d; /* Changer la couleur de fond au survol */
    transform: scale(1.1); /* Effet d'agrandissement */
}

/* Style de l'infobulle */
.icon-locked-wrapper::after {
    content: attr(data-tooltip); /* Récupère le texte depuis l'attribut data-tooltip */
    position: absolute;
    top: 50%; /* Centrer verticalement par rapport à l'icône */
    right: 105%; /* Positionne l'infobulle à gauche de l'icône */
    transform: translateY(-50%);
    background-color: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    width: 200px; /* Largeur fixe de l'infobulle */
    text-align: center; /* Centrer le texte à l'intérieur de l'infobulle */
    white-space: normal; /* Permettre le retour à la ligne */
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    font-size: 12px;
    z-index: 10;
}

.icon-locked-wrapper:hover::after {
    opacity: 1;
}
td.date-col-apimm { white-space: nowrap; min-width: 130px; }

/* Menu replie : laisse respirer les libelles longs comme "Bibliotheque de documents". */
body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content > span.menu-title,
body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content a.menu-title,
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .main-menu-content > span.menu-title,
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .main-menu-content a.menu-title {
    right: -300px;
    width: 300px;
    min-height: 44px;
    white-space: normal;
    line-height: 1.25rem;
    padding-top: 10px;
    padding-bottom: 10px;
}

body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content > ul.menu-content,
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .main-menu-content > ul.menu-content {
    width: 300px;
}

body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content > ul.menu-content li,
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .main-menu-content > ul.menu-content li {
    white-space: normal;
}

body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content > ul.menu-content li a,
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .main-menu-content > ul.menu-content li a {
    line-height: 1.25rem;
    padding-top: 10px;
    padding-bottom: 10px;
}

.help-wa-menu-badge{
    float:right;
    min-width:18px;
    height:18px;
    margin-top:1px;
    padding:0 5px;
    border-radius:18px;
    color:#fff;
    font-size:10px;
    font-weight:700;
    line-height:18px;
    text-align:center;
    box-shadow:0 2px 7px rgba(40,199,111,.28);
}

.menu-collapsed .help-wa-menu-badge{
    position:absolute;
    top:8px;
    right:9px;
}

#helpWaToastWrap{
    position:fixed;
    right:18px;
    top:82px;
    z-index:100001;
    width:380px;
    max-width:calc(100vw - 36px);
    pointer-events:none;
}

.help-wa-toast{
    pointer-events:auto;
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(44,54,72,.12);
    border-left:4px solid #25d366;
    border-radius:8px;
    box-shadow:0 12px 34px rgba(22,29,44,.18);
    opacity:0;
    transform:translateY(8px);
    transition:opacity .2s ease, transform .2s ease;
}

.help-wa-toast.is-open{
    opacity:1;
    transform:translateY(0);
}

.help-wa-toast__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:10px 12px 6px 12px;
    color:#243653;
}

.help-wa-toast__head strong{
    font-size:13px;
    font-weight:800;
}

.help-wa-toast__close{
    border:0;
    background:transparent;
    color:#6b7890;
    cursor:pointer;
    font-size:20px;
    line-height:1;
    padding:0 2px;
}

.help-wa-toast__body{
    display:block;
    padding:0 12px 12px 12px;
    color:#51617a;
}

.help-wa-toast__body:hover{
    color:#51617a;
}

.help-wa-toast__name{
    display:block;
    overflow:hidden;
    color:#243653;
    font-size:13px;
    font-weight:700;
    line-height:1.3;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.help-wa-toast__preview{
    display:block;
    overflow:hidden;
    margin-top:3px;
    font-size:12px;
    line-height:1.35;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.help-wa-toast__body small{
    display:block;
    margin-top:7px;
    color:#25a85a;
    font-size:11px;
    font-weight:700;
}

/* Conversia Flow --------------------------------------------------------- */
:root{
    --conversia-navy:#081735;
    --conversia-blue:#087af5;
    --conversia-cyan:#08c7e8;
    --conversia-violet:#7a2cff;
    --conversia-soft:#f3f7ff;
}

.conversia-navbar{
    background:linear-gradient(105deg,var(--conversia-navy) 0%,#123a82 62%,#5630cb 100%)!important;
    box-shadow:0 5px 24px rgba(8,23,53,.18);
}

.conversia-navbar .nav-link,.conversia-navbar .user-name{color:#fff!important}
.conversia-navbar .navbar-header{overflow:hidden;background:#fff!important}
.conversia-navbar-brand{
    display:flex!important;
    align-items:center;
    justify-content:center;
    width:100%;
    height:4rem;
    margin:0!important;
    padding:7px 0!important;
}
.conversia-navbar-brand .brand-logo{position:static!important;display:block;flex:0 0 auto;object-fit:contain}
.conversia-navbar-brand .conversia-brand-logo-full{
    width:196px!important;
    max-width:100%!important;
    height:auto!important;
    max-height:48px;
}
.conversia-navbar-brand .conversia-brand-logo-mark{display:none;width:42px!important;height:42px!important}

body.vertical-layout.vertical-menu.menu-collapsed .conversia-navbar .navbar-header{padding:0!important}
body.vertical-layout.vertical-menu.menu-collapsed .conversia-navbar-brand{
    width:60px;
    height:4rem;
    padding:10px 9px!important;
}
body.vertical-layout.vertical-menu.menu-collapsed .conversia-navbar-brand .conversia-brand-logo-full{display:none!important}
body.vertical-layout.vertical-menu.menu-collapsed .conversia-navbar-brand .conversia-brand-logo-mark{display:block!important}
.conversia-footer{background:var(--conversia-navy)!important}

.conversia-login-body{
    background:#eef4ff url(../../app-assets/images/backgrounds/hero_conversia_flow.png) center center/cover no-repeat fixed!important;
}

.conversia-login-page{background:linear-gradient(90deg,rgba(246,249,255,.98) 0%,rgba(246,249,255,.94) 33%,rgba(246,249,255,.28) 62%,rgba(246,249,255,0) 100%)}
.conversia-login-shell{min-height:100vh;padding:36px 5vw}
.conversia-login-card{width:100%;max-width:470px;border-radius:22px;overflow:hidden;box-shadow:0 24px 70px rgba(8,23,53,.2)!important}
.conversia-login-card .card{padding:20px 28px 18px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}
.conversia-login-logo{display:block;width:100%;max-width:330px;height:auto;margin:0 auto}
.conversia-login-kicker{color:var(--conversia-navy);font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:.04em}
.conversia-login-input{height:48px;border:1px solid #dbe4f4;border-radius:12px!important;background:#f9fbff}
.conversia-login-input:focus{border-color:var(--conversia-blue);box-shadow:0 0 0 3px rgba(8,122,245,.12)}
.conversia-login-button,.conversia-primary-button{
    border:0!important;background:linear-gradient(100deg,var(--conversia-blue),var(--conversia-violet))!important;color:#fff!important;box-shadow:0 9px 22px rgba(79,65,224,.25)
}
.conversia-login-button{height:48px;border-radius:12px;font-weight:600}
.conversia-login-button:hover,.conversia-primary-button:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(79,65,224,.34)}

.conversia-dashboard{background:radial-gradient(circle at 90% 0,rgba(8,199,232,.09),transparent 30%),linear-gradient(180deg,#f8faff,#f4f7fc)}
.conversia-dashboard-kicker{color:var(--conversia-blue);font-size:.78rem;font-weight:700;letter-spacing:.16em}
.conversia-stat-link,.conversia-stat-link:hover{color:inherit;text-decoration:none}
.conversia-stat-card{overflow:hidden;border:0;border-radius:16px;box-shadow:0 8px 24px rgba(8,23,53,.07);transition:transform .18s ease,box-shadow .18s ease}
.conversia-stat-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(8,23,53,.12)}
.conversia-stat-label{display:block;color:#60708d;font-size:.86rem;font-weight:600}
.conversia-stat-value{display:block;margin-top:5px;color:var(--conversia-navy);font-size:2rem;line-height:1}
.conversia-stat-icon{display:grid;width:52px;height:52px;place-items:center;border-radius:15px;background:linear-gradient(135deg,rgba(8,122,245,.12),rgba(122,44,255,.16));color:var(--conversia-violet);font-size:1.45rem}
.conversia-welcome-card{border:0;border-radius:18px;background:linear-gradient(125deg,#fff 0%,#f4f8ff 55%,#ece8ff 100%);box-shadow:0 12px 35px rgba(8,23,53,.08)}
.conversia-badge{background:rgba(8,122,245,.1);color:var(--conversia-blue);font-weight:700;letter-spacing:.08em}
.conversia-check-list{margin:0;padding:0;list-style:none}
.conversia-check-list li{display:flex;gap:9px;align-items:flex-start;padding:8px 0;color:#52617a}
.conversia-check-list i{margin-top:2px;color:var(--conversia-blue)}

.conversia-client-card{border:0;border-radius:16px;box-shadow:0 8px 26px rgba(8,23,53,.07)}
.conversia-client-card .card-header{border-bottom:1px solid #edf1f7}
.conversia-client-table td{vertical-align:middle!important}
.conversia-client-company{color:var(--conversia-navy);font-weight:700}
.conversia-client-meta{color:#7a879d;font-size:.82rem}

@media (max-width:991.98px){
    .conversia-login-page{background:rgba(244,248,255,.8)}
    .conversia-login-shell{padding:24px 16px}
    .conversia-login-card .card{padding:14px 12px}
    .conversia-navbar-brand .conversia-brand-logo-full{display:block!important;width:168px!important;height:auto!important;max-height:42px}
    .conversia-navbar-brand .conversia-brand-logo-mark{display:none!important}
}