.asidehub {
    /*background-color: #E7E3E2;*/
    background-color: #FFF;
}
.content-wrapper {
    background-color: #fff;
}
.asidehub span.brand-text {
    color: #000;
}

.nav-sidebar>.nav-item .nav-icon {
    font-weight: normal !important;
}

.btn-primary {
    color: #fff !important;
    background-color: rgba(17, 153, 140, 1);
    border-color: rgba(17, 153, 140, 1);
}

.btn-link {
    color: rgba(17, 153, 140, 1);
}

.btn-primary:hover {
    color: #fff !important;
    background-color: rgba(251, 107, 4, 1);
    border-color: #fff;
}

.btn-link:hover {
    color: rgba(251, 107, 4, 1);
}

.sidebar a {
    color: #000 !important;
}

.portail {
    color: rgba(251, 107, 4, 1) !important;
}

.card-header {
    background-color: #E7E3E2 !important;
}

.card {

}

.vertAth {
    color: #124968 !important;
}

.sidebar a:hover {
    color: rgba(251, 107, 4, 1) !important;
}

.sidebar a:hover .vertAth {
    color: rgba(251, 107, 4, 1) !important;
}

a:not(.btn) {
    color: #124968 !important;
}
a:not(.btn):hover {
    color: rgba(251, 107, 4, 1) !important;
}

.navbar-badge {
    color:#000 !important;
}
[class*=sidebar-dark] .brand-link {
    border-bottom: 0px !important;
}

.main-header {
    border-bottom: 0px !important;
}

.main-footer {
    background-color: #fff;
    border-top: 0px !important;
    color: #124968 !important;
    padding: 1rem;
}

.homebloc {
    /*border: 1px solid rgb(18,73,104, 0.3);*/
    padding-left:16px;
    padding-right:16px;
    margin-top: 35px;
}

/* Boutons "En savoir +" : icon + texte alignés, padding-y réduit */
.homebloc .btn-lg {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
}

/* Description paragraphes : police plus lisible */
.homebloc p.text-left {
    font-size: 15px;
    line-height: 1.7;
    color: #374151;
}

/* Espace entre la description et le bouton */
.homebloc p.text-center {
    margin-top: 20px;
    margin-bottom: 6px;
}

.homebloc h3 {
    color: #124968 !important;
    font-weight: bold;
    font-size: 22px;
    text-transform: uppercase;
}

.homeicone {
    color: #124968 !important;
    text-align: center;
    display: block;
    width: 100%;
    font-size: 50px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.btn_ah_empty {
    color:#000 !important;
    border-color: #124968 !important;
    text-transform: uppercase;
}

.btn_ah_fill {
    color:#fff !important;
    background-color: #124968 !important;
    text-transform: uppercase;
}

.btn_ah_white {
    color:#124968 !important;
    background-color: #cfd3d6 !important;
    text-transform: uppercase;
}

.btn_ah_empty:hover {
    color:#fff !important;
    background-color: #124968 !important;
    text-transform: uppercase;
}

.btn_ah_fill:hover {
    color:#124968 !important;
    background-color: #fff !important;
    text-transform: uppercase;
}

.btn_ah_article {
    color:#124968 !important;
    border-color: #124968 !important;
    text-transform: uppercase;
}

.btn_ah_article:hover {
    font-weight: bold;
}

.h1ah {
    padding-top:20px;
    padding-bottom:20px;
    color: #124968 !important;
    font-weight: bold;
}

.h2ah {
    padding-top:20px;
    padding-bottom:20px;
    color: #124968 !important;
    font-weight: bold;
    font-size: 15px;
}

.h2article {
    color: #124968 !important;
    font-weight: bold;
    font-size: 20px;
}

.vhandicap h3 {
    font-size: 15px;
    font-weight: bold;
}

.vlegale h3 {
    font-size: 15px;
    font-weight: bold;
}

.vmetier h3 {
    font-size: 15px;
    font-weight: bold;
}

.vpeda h3 {
    font-size: 15px;
    font-weight: bold;
}

.vrse h3 {
    font-size: 15px;
    font-weight: bold;
}

.vneutre h3 {
    font-size: 15px;
    font-weight: bold;
}

.vopco h3 {
    font-size: 15px;
    font-weight: bold;
}

.labelcat.vhandicap {
    color: #F97E39;
}
.labelcat.vlegale {
    color: #015D98;
}
.labelcat.vmetier {
    color: #FFAD41;
}
.labelcat.vpeda {
    color: #CC2F7C;
}
.labelcat.vrse {
    color: #7CC07C;
}
.labelcat.vneutre {
    color: #6A6A6A;
}
.labelcat.vformation {
    color: #0284C7;
}
.labelcat.vopco {
    color: #696969;
}

.vhandicap .card {
    background: url('atheme_l_handicap.png') no-repeat 12px 0;
    background-size: 35px;
}
.vlegale .card {
    background: url('atheme_l_juridique.png') no-repeat 12px 0;
    background-size: 35px;
}
.vmetier .card {
    background: url('atheme_l_metier.png') no-repeat 12px 0;
    background-size: 35px;
}
.vpeda .card {
    background: url('atheme_l_peda.png') no-repeat 12px 0;
    background-size: 35px;
}
.vrse .card {
    background: url('atheme_l_rse.png') no-repeat 12px 0;
    background-size: 35px;
}

.vopco .card {
    background: url('atheme_l_opco.png') no-repeat 12px 0;
    background-size: 35px;
}

.vformation .card {
    background: url('atheme_l_formation.png') no-repeat 12px 0;
    background-size: 35px;
}

.vautre .card {
    background: url('atheme_l_autre.png') no-repeat 12px 0;
    background-size: 35px;
}

span.vhandicap:not(.labelcat) {
    background-color: #F97E39 !important;
    color: #fff;
}

span.vlegale:not(.labelcat)   {
    background-color: #015D98 !important;
    color: #fff;
}
span.vmetier:not(.labelcat)   {
    background-color: #FFAD41 !important;
    color: #fff;
}
span.vpeda:not(.labelcat)  {
    background-color: #CC2F7C !important;
    color: #fff;
}
span.vrse:not(.labelcat)   {
    background-color: #7CC07C !important;
    color: #fff;
}
span.vneutre:not(.labelcat)   {
    background-color: #6A6A6A !important;
    color: #fff;
}
span.vformation:not(.labelcat) {
    background-color: #0284C7 !important;
    color: #fff;
}
span.vopco:not(.labelcat) {
    background-color: #696969 !important;
    color: #fff;
}
.btn-vhandicap {
    background-color: #F97E39 !important;
    color: #fff !important;
}
.btn-vhandicap:hover {
    color: #fff !important;
}

.btn-vlegale {
    background-color: #015D98 !important;
    color: #fff !important;
}
.btn-vlegale:hover {
    color: #fff !important;
}

.btn-vmetier {
    background-color: #FFAD41 !important;
    color: #fff !important;
}
.btn-vmetier:hover {
    color: #fff !important;
}

.btn-vpeda {
    background-color: #CC2F7C !important;
    color: #fff !important;
}
.btn-vpeda:hover {
    color: #fff !important;
}

.btn-vrse {
    background-color: #7CC07C !important;
    color: #fff !important;
}
.btn-vrse:hover {
    color: #fff !important;
}

.btn-vneutre {
    background-color: #6A6A6A !important;
    color: #fff !important;
}
.btn-vneutre:hover {
    color: #fff !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #124968 !important;
    color: #fff !important;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    color: rgba(17, 153, 140, 1) !important;
    border: 2px solid rgba(17, 153, 140, 1);
}

.select2-selection__choice__remove {
    color: rgba(17, 153, 140, 1) !important;
}

.clic {
    cursor: pointer;
    color:rgba(17, 153, 140, 1) !important;
}

.clic:hover {
    color:rgba(251, 107, 4, 1) !important;
}

.inSelection td.first {
    border-left: 0 !important;
}

/* AHU-40 : 3 états utilisateur sur les AO (Pas consulté / Déjà consulté /
   Dans ma sélection). Les couleurs exactes seront affinées en session avec
   Cécile ; les valeurs ci-dessous sont volontairement neutres. */

/* Axe consultation */
.ao-title              { font-weight: 400; color: #212529 !important; }
.ao-title--consulte    { font-weight: 400; color: #212529 !important; }
.ao-row--consulte td,
.ao-row--consulte      { background-color: transparent; }

/* Indicateur lecture AO commun (ferme = non consulte, ouvert = consulte). */
.ao-read-indicator {
    font-size: 14px;
    width: 16px;
    text-align: center;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
}

.ao-read-indicator.is-unread { color: #0f5f74; }
.ao-read-indicator.is-read   { color: #a8a29e; }
.ao-read-indicator.openao,
.ao-read-indicator.openAoDashboard {
    cursor: pointer;
}


/* Axe sélection (nouveau design) : fond vert léger, sans barre verticale. */
.inSelection td,
.inSelection {
    background-color: #F2fAf3;
}

.inSelection:hover td,
.inSelection:hover {
    background-color: #e3f4e5;
}

.ao-row--in-selection {
    border-left: 0;
    padding-left: 0;
    background-color: #F2fAf3;
}

.bg-primary {
    background-color:rgba(17, 153, 140, 1) !important;
}

.puce  {
    width: 16px;  /* Largeur du rond */
    height: 16px; /* Hauteur du rond */
    border-radius: 50%; /* Rend le carré un cercle */
    display: block;
    float: left;
    margin-right: 5px;
}

.puce-img {
    height: 1.2em;
    width: auto;
    float: left;
    margin-right: 5px;
    vertical-align: middle;
}


.vpeda .puce  {
    background-color: #CC2F7C !important;
}
.vhandicap .puce  {
    background-color: #F97E39 !important;
}
.vlegale .puce  {
    background-color: #015D98 !important;
}
.vmetier .puce  {
    background-color: #FFAD41 !important;
}
.vrse .puce  {
    background-color: #7CC07C !important;
}
.vneutre .puce  {
    background-color: #6A6A6A !important;
}

.card {
    border: 1px solid rgb(18,73,104, 0.3) !important;
}

.card-header {
    border-bottom: 0px solid rgb(18,73,104, 0.3);
    background-color: transparent !important;
}

#articlescard .card {
    border-radius: 0;
    border: 0 !important;;
}

.dossiercard {
    border-radius: 0;
}

.dossiercard h3 {
    color: #124968 !important;
    font-weight: bold;
}

.dossierlegale {
    background: url('atheme_l_juridique.png') no-repeat;
}
.dossierpeda {
    background: url('atheme_l_peda.png') no-repeat;
}
.dossierrse {
    background: url('atheme_l_rse.png') no-repeat;
}
.dossierhandicap {
    background: url('atheme_l_handicap.png') no-repeat;
}
.dossiermetier {
    background: url('atheme_l_metier.png') no-repeat;
}


#articlescard .puce {
    width: 20px;
    height: 20px;
}

#accordiontools a:not(.collapsed) h2 {
    font-weight: bold;
}

.btn-action {
    text-align: left;
    color: #124968 !important;
}
#accordiontools h2 i {
    margin-right: 15px;
}

.removePost {
    color: #124968 !important;
}

.breadcrumb {
    display: none;
}

#tabarchives .card, #tabveille .card {
    border-radius: 15px !important;
    border-color: #213a4b !important;
}

#tabveille .cardtvadd {
    border-style: dashed !important;
}


#tabarchives .card-header, #tabveille .card-header {
    background-color: #ffffff;
    padding: 10px 15px;
    font-size: 24px;
    font-weight: bold;
    /*display: flex;*/
    justify-content: space-between;
    align-items: center;
    color: #213a4b;
}

#tabarchives .card-header .date , #tabveille .card-header .date {
    font-size: 12px;
    color: #000000;
}

#tabveille .card-header .editList {
    cursor: pointer;
}

#tabveille .card-footer {
    background-color: #213a4b !important;
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

/* Section des actions */
#tabveille .card-actions {
    color: #ffffff;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Styles des boutons */
.card-actions .action {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
}

.card-actions .action .count {
    font-size: 20px;
    font-weight: bold;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    color:#213a4b;
}

.card-actions .action.todo .count {
    background-color: #cfd3d6;
    color: #000;
}

.card-actions .action.in-progress .count {
    background-color: #d69034;
}

.card-actions .action.completed .count {
    background-color: #4caf50;
}

.bg-atheme {
    background-color: #124968 !important;
    color: white;
}

.badge-tableau-owner {
    background-color: #213a4b !important;
    color: white;
    font-size: 95%;
    font-weight: 500;
}

.badge-tableau-shared {
    background-color: #296782  !important;
    color: white;
    font-size: 95%;
    font-weight: 500;
}

.custom-switch.custom-switch-on-success .custom-control-input:checked~.custom-control-label::before {
    background-color: #fff;
    border-color:  #124968;
}

.custom-switch.custom-switch-on-success .custom-control-input:checked~.custom-control-label::after {
    background-color: #124968;
}

.custom-switch.custom-switch-on-successshared .custom-control-input:checked~.custom-control-label::before {
    background-color: #fff;
    border-color:  #296782;
}

.custom-switch.custom-switch-on-successshared .custom-control-input:checked~.custom-control-label::after {
    background-color: #296782;
}

.badge-etiquette {
    color: #124968 !important;
    border: solid 1px #124968 !important;
}

/* =============================================== */
/* NOUVELLE NAVBAR ATHEME                          */
/* =============================================== */

.navbar-atheme {
    background-color: #213a4b !important;
    padding: 0.5rem 1rem;
    box-shadow: 0 2px 10px rgba(18, 73, 104, 0.3);
}

.navbar-atheme .nav-toggle-menu {
    color: #fff !important;
    font-size: 1.2rem;
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.navbar-atheme .nav-toggle-menu:hover {
    background: rgba(255, 255, 255, 0.15);
}

.navbar-right-container {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Plan Text */
.nav-plan-text {
    display: flex;
    align-items: center;
    padding: 0 16px;
}

.nav-plan-text .plan-value {
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Stat Items (Collaborateurs, Stockage, IA) */
.nav-stat-item .stat-box {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    transition: all 0.3s ease;
    position: relative;
    min-width: 150px;
}

.nav-stat-item .stat-box:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
}

.nav-stat-item .stat-box > i {
    font-size: 20px;
    color: #fff;
    opacity: 0.9;
}

.nav-stat-item .stat-box.stat-users > i {
    color: #4fc3f7;
}

.nav-stat-item .stat-box.stat-storage > i {
    color: #81c784;
}

.nav-stat-item .stat-box.stat-ia > i {
    color: #ffb74d;
}

.nav-stat-item .stat-content {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.nav-stat-item .stat-value {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}

.nav-stat-item .stat-value small {
    font-size: 10px;
    font-weight: 400;
    opacity: 0.8;
}

.nav-stat-item .stat-label {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.7);
}

/* Progress bar in stat boxes */
.nav-stat-item .stat-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 7px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

.nav-stat-item .stat-progress-bar {
    height: 100%;
    background: rgba(17, 153, 140, 1);
    transition: width 0.5s ease, background 0.3s ease;
}

.nav-stat-item .stat-box.stat-storage .stat-progress-bar {
    background: #81c784;
}

.nav-stat-item .stat-box.stat-ia .stat-progress-bar {
    background: rgba(17, 153, 140, 1);
}

/* Admin Link */
.navbar-atheme .nav-admin-link {
    color: #fff !important;
    font-size: 1.1rem;
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.navbar-atheme .nav-admin-link:hover {
    background: rgba(255, 255, 255, 0.15);
    color: #ffb74d !important;
}

/* User Dropdown */
.nav-user-dropdown .user-panel-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 12px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 25px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.nav-user-dropdown .user-panel-link:hover {
    background: rgba(255, 255, 255, 0.2);
}

.nav-user-dropdown .user-avatar {
    width: 36px;
    height: 36px;
    background: linear-gradient(135deg, rgba(17, 153, 140, 1), #14a89e);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
}

.nav-user-dropdown .user-info {
    display: flex;
    align-items: center;
    gap: 6px;
}

.nav-user-dropdown .user-name {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
}

.nav-user-dropdown .user-info i {
    color: rgba(255, 255, 255, 0.7);
    font-size: 10px;
}

/* User Dropdown Menu */
.user-dropdown-menu {
    border: none;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    padding: 0;
    overflow: hidden;
}

.user-dropdown-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    background: linear-gradient(135deg, #124968 0%, #1a5a7a 100%);
}

.user-dropdown-avatar {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, rgba(17, 153, 140, 1), #14a89e);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}

.user-dropdown-info h4 {
    margin: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.user-dropdown-info p {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
}

.user-dropdown-menu .dropdown-item {
    padding: 12px 16px;
    font-size: 14px;
    transition: all 0.2s ease;
}

.user-dropdown-menu .dropdown-item i {
    width: 20px;
    color: #124968;
}

.user-dropdown-menu .dropdown-item:hover {
    background: #f8f9fa;
}

.user-dropdown-menu .dropdown-logout {
    color: #dc3545 !important;
}

.user-dropdown-menu .dropdown-logout i {
    color: #dc3545 !important;
}

.user-dropdown-menu .dropdown-logout:hover {
    background: #fff5f5;
}

/* Admin link in dropdown */
.user-dropdown-menu .dropdown-admin {
    color: #124968 !important;
    font-weight: 500;
}

.user-dropdown-menu .dropdown-admin i {
    color: #124968 !important;
}

.user-dropdown-menu .dropdown-admin:hover {
    background: #e8f4f8;
}

/* Notifications */
.nav-notifications .nav-link {
    color: #fff !important;
    font-size: 1.1rem;
    padding: 8px 12px;
    position: relative;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.nav-notifications .nav-link:hover {
    background: rgba(255, 255, 255, 0.15);
}

.nav-notifications .badge-notification {
    position: absolute;
    top: 2px;
    right: 2px;
    background: linear-gradient(135deg, rgba(251, 107, 4, 1), #ff8c42);
    color: #fff;
    font-size: 10px;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

/* Notifications Dropdown Menu */
.notifications-dropdown-menu {
    border: none;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    padding: 0;
    overflow: hidden;
    min-width: 320px;
}

.notifications-dropdown-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px;
    background: linear-gradient(135deg, #124968 0%, #1a5a7a 100%);
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}

.notifications-dropdown-header i {
    font-size: 18px;
}

.notifications-dropdown-body {
    max-height: 300px;
    overflow-y: auto;
}

.notification-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    text-decoration: none;
    transition: all 0.2s ease;
    border-bottom: 1px solid #f0f0f0;
}

.notification-item:last-child {
    border-bottom: none;
}

.notification-item:hover {
    background: #f8f9fa;
}

.notification-icon {
    width: 36px;
    height: 36px;
    background: rgba(17, 153, 140, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.notification-icon i {
    font-size: 14px;
    color: rgba(17, 153, 140, 1);
}

.notification-content {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.notification-title {
    font-size: 13px;
    color: #333;
    line-height: 1.4;
}

.notification-time {
    font-size: 11px;
    color: #999;
}

.notification-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 20px;
    color: #999;
}

.notification-empty i {
    font-size: 32px;
    margin-bottom: 10px;
    opacity: 0.5;
}

.notification-empty span {
    font-size: 13px;
}

.notifications-dropdown-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
    background: #f8f9fa;
    color: #124968 !important;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
    border-top: 1px solid #eee;
}

.notifications-dropdown-footer:hover {
    background: #e8f4f8;
    color: rgba(17, 153, 140, 1) !important;
}

/* Fullscreen button */
.navbar-atheme .nav-fullscreen {
    color: #fff !important;
    font-size: 1.1rem;
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.navbar-atheme .nav-fullscreen:hover {
    background: rgba(255, 255, 255, 0.15);
}

/* Responsive */
@media (max-width: 992px) {
    .navbar-right-container {
        gap: 8px;
    }
    
    .nav-stat-item .stat-box {
        padding: 6px 10px;
        min-width: auto;
    }
    
    .nav-stat-item .stat-content {
        display: none;
    }
    
    .nav-plan-text {
        padding: 0 10px;
    }
    
    .nav-plan-text .plan-value {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .nav-plan-text,
    .nav-stat-item {
        display: none;
    }
}

/* =============================================== */
/* FIN NOUVELLE NAVBAR                             */
/* =============================================== */