/* Ajoutez vos styles ici si nécessaire */
        .dashboard-header-image {
            width: 100%;
            max-width: 1920px; /* Ajustez cette valeur en fonction de la largeur souhaitée */
            margin: 0 auto 20px;
            display: block;
        }
        .voyant-dashboard-wrapper {
            display: flex;
        }
        .voyant-dashboard-sidebar {
            width: 250px;
            background: #ffffff;
            color: white;
            padding: 20px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
            margin-right: 20px;
            border: solid;
			border-color: #7ba389;
        }
        .voyant-dashboard-sidebar h3 {
            margin-top: 0;
            font-size: 18px;
        }
        .voyant-dashboard-sidebar ul {
            list-style: none;
            padding: 0;
        }
        .voyant-dashboard-sidebar ul li {
            margin: 10px 0;
        }
        .voyant-dashboard-sidebar ul li a {
            color: #7ba389;
            font-weight: 600;
            text-decoration: none;
            font-size: 18px;
            display: flex;
            align-items: center;
            padding: 10px;
            border-radius: 5px;
            transition: background 0.3s;
        }
        .voyant-dashboard-sidebar ul li a:hover {
            background: #fff;
        }
        .voyant-dashboard-sidebar ul li a .dashicons {
            margin-right: 10px;
        }
        .voyant-dashboard-content {
            flex: 1;
            background: #f9f9f9;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        .voyant-dashboard-content h2 {
            margin-top: 0;
            color: #b5995a;
        }
        .voyant-dashboard-content .section {
            display: none;
            margin-bottom: 40px;
        }
        .voyant-dashboard-content .section.active {
            display: block;
        }
        .voyant-dashboard-content .section h3 {
            margin-top: 0;
            color: #333;
            border-bottom: 2px solid #212529;
            padding-bottom: 5px;
        }
        .voyant-dashboard-content .card {
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            padding: 20px;
            margin-bottom: 20px;
        }
		
		/* Hey + Pseudo */
        .dashboard-header h1 {
            display: flex;
            align-items: center;
            font-size: 24px;
            color: #333  !important;
        }
        .dashboard-header h1 img {
            margin-left: 10px;
            width: 38px;
            height: 40px;
            cursor: pointer;
        }
        .notification-badge {
            background: red;
            color: white;
            border-radius: 50%;
            padding: 2px 6px;
            font-size: 12px;
            position: absolute;
            top: -5px;
            right: -5px;
        }
        .voyant-profile-picture img {
            width: 130px;
            height: 130px;
            border-radius: 50%;
            border: solid;
            border-color: #B5995A;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            display: block;
            margin: 0 auto;
        }
      
        .section-card {
            margin-bottom: 20px;
        }
        .section-card h3 {
            margin-bottom: 10px;
        }
        .section-card label {
            font-weight: bold;
            display: block;
            margin-bottom: 5px;
        }
        .section-card input, .section-card textarea {
            width: 100%;
            padding: 10px;
            margin-bottom: 10px;
            border: 1px solid #ddd;
            border-radius: 5px;
        }
        .section-card button {
            background: #b5995a;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 5px;
            cursor: pointer;
            transition: background 0.3s;
        }
        .section-card button:hover {
            background: #8e24aa;
        }
        .personal-info-form {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
        }
        .section-header {
            background: #b5995a;
            color: white;
            padding: 10px;
            border-radius: 5px;
            margin-bottom: 20px;
        }
        
        .consultation-history table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
        }
        .consultation-history th, .consultation-history td {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: left;
        }
        .consultation-history th {
            background-color: #477757;
            color: white;
        }
       
        .custom-button {
            background: #b5995a;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 5px;
            cursor: pointer;
            transition: background 0.3s, transform 0.3s;
        }
        .custom-button:hover {
            background: #8e24aa;
            transform: scale(1.05);
        }
        .dashboard-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }
        .stat-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.5rem;
}

        .stat-card {
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            padding: 20px;
            text-align: center;
            flex: 1;
            margin: 0 10px;
        }
        .stat-card h3 {
            margin: 0;
            font-size: 24px;
            color: #fff;
        }
        .stat-card p {
            margin: 10px 0 0;
            color: #fff;
        }
        .revenue-today {
            background: #b23f66;
        }
        .revenue-month {
            background: #b5995a;
        }
        .time-month { 
            background: #7ba389;
        }
		
		
		.calls-month { 
            background: #5a9eb5;
        }
		
		
        .messages-section {
            margin-top: 20px;
        }
        .message-card {
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            padding: 20px;
            margin-bottom: 20px;
            transition: transform 0.3s;
        }
        .message-card:hover {
            transform: scale(1.02);
        }
        .message-card h4 {
            margin: 0;
            font-size: 20px;
            color: #b5995a !important;
        }
        .message-card p {
            margin: 10px 0;
            color: #333;
        }
        .message-card small {
            display: block;
            margin-top: 10px;
            color: #999;
        }
        .pagination {
            display: flex;
            justify-content: center;
            margin-top: 20px;
        }
        .pagination a {
            margin: 0 5px;
            padding: 8px 16px;
            border: 1px solid #ddd;
            border-radius: 5px;
            text-decoration: none;
            color: #333;
            transition: background-color 0.3s, color 0.3s;
        }
        .pagination a.current {
            background-color: #477757;
            color: white;
            border-color: #477757;
        }
        .pagination a:hover {
            background-color: #198119;
            color: white;    
        }
        .solde-wrapper {
            background: #fff;
            padding: 10px;
            border-radius: 5px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            margin-bottom: 20px;
        }
        .solde-wrapper span {
            font-size: 18px;
            font-weight: bold;
        }
        .admin-message {
            background: #fff;
            border: 2px solid #b5995a;
            border-radius: 10px;
            padding: 20px;
            margin-bottom: 20px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
        
        .custom-button {
            background: #b5995a;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 5px;
            cursor: pointer;
            transition: background 0.3s, transform 0.3s;
        }
        .custom-button:hover {
            background: #8e24aa;
            transform: scale(1.05);
        }

		 
/* Modifier la couleur de fond des événements */
.fc-event {
    background-color: #b23f66 !important; /* Couleur de fond personnalisée */
    border-color: #b23f66; /* Couleur de la bordure */
    color: white; /* Couleur du texte */
}

/* Changer la couleur de la cellule de l'heure */
.fc-timegrid-slot-label {
    background-color: #fff; /* Couleur de fond des étiquettes d'heure */
}

/* Modifier la couleur du fond du jour */
.fc-daygrid-day {
    background-color: #b23f66 !important; /* Couleur de fond des jours */
}

/* Modifier la couleur des barres de navigation */
.fc-toolbar {
    background-color: #fff; /* Couleur de fond de la barre d'outils */
    color: white; /* Couleur du texte */
	border-color: #b23f66 !important; /* Couleur de la bordure */
}

/* Modifier la couleur des boutons */
.fc-button {
    background-color: #b23f66 !important; /* Couleur de fond des boutons */
    border-color: #b23f66; /* Couleur de la bordure */
    color: white; /* Couleur du texte */
}

/* Couleur au survol des boutons */
.fc-button:hover {
    background-color: #b23f66;
    border-color: #ff0000;
}

/* Couleur de la vue active (par exemple, jour, semaine, mois) */
.fc-button-active {
    background-color: #b23f66;
    border-color: #b23f66;
}

.voyant-dashboard-wrapper {
    display: flex;
    width: 100%; /* Assure que le wrapper prend toute la largeur */
}

.voyant-dashboard-sidebar {
    width: 250px;
    background: #ffffff;
    transition: transform 0.3s ease, width 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
    visibility: visible; /* Par défaut, le menu est visible */
    opacity: 1; /* Complètement visible */
}

.voyant-dashboard-sidebar.closed {
    transform: translateX(-100%);
    width: 0;
    visibility: hidden; /* Le menu est totalement caché */
    opacity: 0; /* Rendre le menu invisible */
}


.voyant-dashboard-content.expanded {
    margin-left: 0; /* Supprime le décalage lorsque le menu est fermé */
    width: 100%; /* Assure que le contenu s'étend complètement */
}

.toggle-button {
    background-color: #b5995a;
    color: white;
    border: none;
    padding: 4px 13px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    transition: background 0.3s;
}

.toggle-button:hover {
    background-color: #8e24aa;
}

.voyant-dashboard-content {
    flex: 1; /* Permet au contenu de prendre tout l'espace disponible */
    transition: margin-left 0.3s ease, width 0.3s ease;
	width: 1200px;
}