.accueil-menu-item{
    font-size:50px;
}
.color-info{
    color:#028ee1;
}
.color-success{
    color:#1eacbe;
}
.color-warning{
    color:#e9ab2e;
}
.color-primary{
    color:#6352ce;
}
.color-danger{
    color:#e6294b;
}
.btn-add{
    padding: 10px 10px 10px 10px;
    font-size:16px;
}
.style-carac{
    background:#fff;
    padding:10px 10px 6px 12px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.171);
    margin-top:20px;
}
.style-carac-textaera{
    background:#fff;
    padding:5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.171);
}
.style-carac-type{
    border: 1px solid #eeeeee;
    background: #eeeeee;
    padding:10px 10px 6px 12px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.171);
    margin-top:20px;
}
.label-detail-title{
    font-weight: bold;
}

/* Global vertical scroll: only one usable scrollbar on the right */
html, body {
    min-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

/* Never let the main wrapper / page wrapper create a second scrollbar */
#main-wrapper,
.page-wrapper,
#app,
.container-fluid,
.row,
.card-body {
    overflow-y: visible !important;
    overflow-x: visible !important;
}

/* Scrollbar always visible and usable on the body */
body::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
body::-webkit-scrollbar-track {
    background: #f1f1f1;
}
body::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 6px;
    border: 3px solid #f1f1f1;
}
body::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Table-responsive: horizontal scroll only, never vertical */
.table-responsive {
    overflow-x: auto !important;
    overflow-y: visible !important;
}

/* Sidebar: allow its own thin scrollbar only if content is taller than screen */
.left-sidebar,
.scroll-sidebar,
.sidebar-nav {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    max-height: 100vh;
}
.left-sidebar::-webkit-scrollbar,
.scroll-sidebar::-webkit-scrollbar {
    width: 6px;
}

/* ===== Fix: topbar must be fixed at the top of the viewport ===== */
.fix-header .topbar {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: #1e293b;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

/* Content area: offset for fixed topbar and fixed sidebar */
.cs-content-area {
    padding-top: 95px;
}

@media (min-width: 1024px) {
    .cs-content-area {
        margin-left: 265px;
    }
}

@media (max-width: 1023px) {
    .cs-content-area {
        margin-left: 60px;
    }
}

/* Ensure page-wrapper inside content doesn't double-offset */
.cs-content-area > .page-wrapper {
    padding-left: 0 !important;
    margin-left: 0 !important;
    min-height: auto !important;
}

/* Footer should align with content, not sidebar */
.fix-header .footer {
    left: 265px;
}

@media (max-width: 1023px) {
    .fix-header .footer {
        left: 60px;
    }
}