.radio-diagnostic {
    display: flex;
    align-items: center; /* Centrer verticalement les éléments */
    flex-wrap: nowrap; /* Garder tous les éléments sur une seule ligne */
    gap: 10px; /* Espacement entre les éléments */
    padding-bottom: 5px;
}

.radio-diagnostic label {
    display: inline-flex; /* Utiliser inline-flex pour centrer verticalement */
    align-items: center; /* Centrer verticalement le contenu du label */
    white-space: normal; /* Permettre aux libellés de passer ŕ la ligne */
    max-width: 150px; /* Largeur maximale pour les libellés */
    line-height: 1.2; /* Ajuster l'espacement des lignes si nécessaire */
    margin-bottom: 0px;
	margin-left: 15px;
	font-weight: normal;
    
}

.vehicule-container .radio-diagnostic input[type='radio'] {
	-webkit-appearance:none;
	width:13px;
  	height:13px;
	border:1px solid var(--color-gray);
  	border-radius:50%;
	outline:none;
	position: absolute;
	margin: 4px 0 0 0;

	&.required-error {
		border: 1px solid var(--color-red) !important;
	}
}

.vehicule-container .radio-diagnostic input[type='radio']:before {
  content:'';
  display:block;
  width:100%;
  height:100%;   
  border-radius:50%;    
}

.vehicule-container .radio-diagnostic input[type='radio']:checked:before {
  background-color: var(--color-rparts);
}

.questTech-container .questDiag {
	width: 50%;
	
	.ui-selectonemenu .ui-selectonemenu-trigger {
		border: none;
		cursor: pointer;
		width: 27px;
		height: 27px;
		position: absolute;
		background: var(--color-rparts);
		border-radius: 0;
	    
	    .ui-icon {
	    	display:none;
	    }
	}	
}

.questTech-container .questLibreDiag {
	label {
		max-width: max-content;
	}   
}

.colonne_select tbody tr td:nth-child(2n) {
	width: 20%;
}

.colonne_select tbody tr td:nth-child(2n+1) {
	width: 20%;
}



#div_panne {
	width: 100%;
	position: relative;
}

#div_cond {
	width: 100%;
	position: relative;
}

.questTech-container {
    .form-field {
    	.listeQuestDiag {
            border: 0.5px solid var(--color-lightgray);
            width: 100%;
        	outline: none;
        	font-size: var(--input-font-size);
        	font-family: 'Arial-Regular';
        	color: var(--color-black);
        	border-bottom-right-radius: 0px ;
			border-bottom-left-radius: 0px ;
			border-top-right-radius: 0px ;
			border-top-left-radius: 0px ;
        	font-weight: normal;
        	background-image: none;
        	background-color: var(--color-white);
        	height: 28px;
        	padding: 4px 10px;
        	
        	::after {
		        position: absolute;
		        content: '';
		        top: 7px;
		        right: 2px;
		        background-image: url('../img/fleche-white.svg');
		        background-repeat: no-repeat;
		        height: 20px;
		        width: 24px;
		        transform: rotate(90deg);
		        pointer-events: none;
        	} 
        }
    }
}

.texte_cond {
	position: absolute; 
	top:53px; 
	left: 17px;
	color: var(--color-rparts) !important;
	font-family: 'Arial-Regular' !important;
	font-style: italic !important;
	font-size: 10px !important;
}