.node-header {
		display: flex;
		align-items: center;
		gap: 8px;
		font-weight: 500;
		color: #1f2937;
		margin-left: 1px;
    	width: 203px;
		word-break: break-word;
		border-radius: 6px;
		line-height: 14px;
		height: 50px;

		border: 0px solid #f3f4f6;
		padding: 5px;
	}
	.noeud_searchOK
	{
		/*
		background-color: #e6f8d5;
		background-color: #fdffe8;
*/
				border: 4px solid #f8f805;
		padding: 1px;
	}
.masque_fils
	{
background: repeating-linear-gradient(135deg, #f8f4ed, #f8f4ed 6px, #f7f7f7 6px, #d7cec1 8px);
	}
	.noeud_gcontacts
	{
		background-color: #e7f4fa;

		background: linear-gradient(135deg, #ffffff 0%, #cfe2ec 40%, #ebf1f8 70%, #d9edf6 100%);
		background: linear-gradient(135deg, #c1e6f6 0%, #f5d2a0 100%);
		background: linear-gradient(135deg, #a3e1fc 0%, #f5d2a0 100%);
	/*	background: linear-gradient(135deg, #ffffff 0%, #cfe2ec 40%, #ebf1f8 70%, #d9edf6 100%);
		background: #e7f4fa;*/

	}
	.noeud_gservices
	{
		background-color: #e7effa;

		background: linear-gradient(135deg, #ffffff 0%, #cfd4ec 40%, #ebf1f8 70%, #d9e1f6 100%);
		background: linear-gradient(135deg, #e8b7f9  0%, #ecc383  100%);

	/*	background: #e7effa;*/
	}
	.noeud_gmessages
	{
		background-color: #e7effa;
		background: linear-gradient(135deg, #b9ccb8 0%, #efcc97 100%);
		background: linear-gradient(135deg, #ffffff 0%, #d9eccf 40%, #f4f8eb 70%, #e0f6d9 100%);
		background: linear-gradient(135deg, #ffffff 0%, #d9eccf 40%, #d2d189 70%, #e0f6d9 100%);
	/*	background: #f0fae7; */
	}
	.noeud_typeB
	{
		/*
		background: linear-gradient(135deg, #f5ede0 0%, #fff8f1 40%, #e9e1d5 70%, #d3c6b1 100%);

		background: linear-gradient(135deg, #4a4743 0%, #bab6b1 40%, #544732 70%, #d3c6b1 100%);
     	color: white;
		*/
	}
	.noeud_typeA
	{

		background: linear-gradient(135deg, #f8f4ed 0%, #faf5f0 40%, #f1ece5 70%, #d7cec1 100%);

	}
	.noeud_typeS
	{
		background: linear-gradient(135deg, #f0def6 0%, #fde7c9 100%);
	}
	.noeud_typeM
	{
		background: linear-gradient(135deg, #ffffff 0%, #e7f3e1 40%, #e5e4be 70%, #e6f3e1 100%);
	}
	.noeud_typeC
	{
		background: linear-gradient(135deg, #cbeaf8 0%, #f5d2a0 100%);
	}



.side-panel .contact-header.typeB { background: linear-gradient(135deg, #4f3e3d 0%, #f3a93c  100%); }
.side-panel .contact-header.typeB { background: linear-gradient(135deg, #000000e3  0%, #b2b2b2 100%); }
.side-panel .contact-header.typeA { background: linear-gradient(135deg, #ac2b24 0%, #f3a93c  100%); }
.side-panel .contact-header.typeA { background: linear-gradient(135deg, #4f3e3d 0%, #f3a93c  100%); }
.side-panel .contact-header.typeA { background: linear-gradient(135deg, #e5d9c6 0%, #d3c6b1 100%); }
.side-panel .contact-header.typeA { background: linear-gradient(135deg, #c4b8a6 0%, #e5d9c6 100%); }
.side-panel .contact-header.typeS  { background: linear-gradient(135deg, #9f83a8 0%, #f3a93c  100%); }
.side-panel .contact-header.typeM { background: linear-gradient(135deg, #72946e 0%, #f3a93c  100%); }
.side-panel .contact-header.typeC { background: linear-gradient(135deg, #3b7791 0%, #f3a93c  100%); }
.side-panel .contact-header.typeC { background: linear-gradient(135deg, #88c5e0 0%, #f3a93c  100%); }

.side-panel .modal-body .html1 .collapsible-section { box-shadow: 0 1px 3px #fddebb; }
.side-panel .modal-body .html1 .section-header:hover { background: #FDDEBB2F; }
.side-panel .modal-body .info-row,.modal-body  .config-row,.modal-body  .message-row { border-left: 4px solid #fddebb6b; }
.side-panel .modal-body .html1 .message-row:hover { background: #FDDEBB2F }


.side-panel .modal-header.BKG_champ {
    background: linear-gradient(135deg, #f5ede0 0%, #fff8f1 40%, #e9e1d5 70%, #d3c6b1 100%);
    border-bottom: 1px solid #d4b896;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 2px 4px rgba(0, 0, 0, 0.08);
    color: #4a3520;
}
.side-panel:has(.modal-header.BKG_champ) .close-btn {
    background: #ccbda4bf;
    color: #000000;
    opacity: 0.3;
}
.side-panel .modal-header.BKG_champ2 {
    background: linear-gradient(135deg, #fcf7f3 0%, #fcf7f3 40%, #fcf7f3 70%, #ece6de 100%);
    border-bottom: 1px solid #d4b896;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 2px 4px rgba(0, 0, 0, 0.08);
    color: #4a3520;
}
.side-panel:has(.modal-header.BKG_champ2) .close-btn {
    background: rgba(211, 201, 185, 0.75);
    color: #000000;
    opacity: 0.3;
}
.side-panel .modal-header.BKG_metal {
   background: linear-gradient(180deg, #fbf5f5 0%, #dddddd 40%, #eeeeee 60%, #f7f5f5 100%);
   border-bottom: 1x solid #888;
   box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), inset 0 -1px 0 rgba(0,0,0,0.2);
   color: #1f2937;
}

.side-panel .contact-header.typeC .autocomplete-input,.side-panel .contact-header.typeS .autocomplete-input,.side-panel .contact-header.typeM .autocomplete-input {
    width: 100%;
    padding: 8px 12px;
    border: 0px solid #ddd;
    color: #ffffff;
    border-radius: 4px;
    background: transparent;
    font-size: 14px;
    cursor: pointer;
}
.side-panel .contact-header.typeC .autocomplete-item,.side-panel .contact-header.typeS .autocomplete-item,.side-panel .contact-header.typeM .autocomplete-item {
    color: #333333;
   font-size:12px;
   padding: 4px 9px;
}
.side-panel .contact-header.typeC .autocomplete-input,.side-panel .contact-header.typeS .autocomplete-input,.side-panel .contact-header.typeM .autocomplete-input
{
   padding: 8px 2px 8px 4px;
}
.ficheGrpVide {
	background: repeating-linear-gradient(135deg, #f8f4ed, #f8f4ed 6px, #f7f7f7 6px, #d7cec1 8px);
	background: repeating-linear-gradient(135deg, #f5f5f5, #f2f2f2 6px, #f7f7f7 6px, #e9e4de 8px);
}