.selectMarqMod {
	height: 49px;
}

.ui-selectonemenu-label {
	color: var(--color-black) !important;
	padding: 0px !important;
}
.vehicule-container {
    background-color: var(--color-bggray);
    border: 1px solid var(--color-lightgray);
    width: 680px;
    height: 550px;
    padding: 20px 15px 20px 15px;

    .divForm {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .form-field {

        input,
        textarea,
        .selectMarqMod {
            padding: 15px;
            border: 1.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);
        	
        	::after {
		        position: absolute;
		        content: '';
		        top: 17px;
		        right: 5px;
		        background-image: url('../img/fleche-white.svg');
		        background-repeat: no-repeat;
		        height: 20px;
		        width: 24px;
		        transform: rotate(90deg);
		        pointer-events: none;
        	}
        	
        }
        
		input:read-only {
			border: 1.5px solid var(--color-lightgray);
			background-color: var(--color-bggray) !important;
		}
		
        label {
            font-size: var(--input-font-size);
			margin-bottom: 0px;
			font-weight: normal;
        }
    }
}

.questTech-container {
    background-color: var(--color-bggray);
    border: 1px solid var(--color-lightgray);
    width: 680px;
    height: 550px;
    padding: 20px 15px 20px 15px;
    overflow: auto;

    .divForm {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .form-field {

        input,
        textarea,
        .selectMarqMod {
            padding: 20px 10px;
            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);
        	
        	::after {
		        position: absolute;
		        content: '';
		        top: 22px;
		        right: 5px;
		        background-image: url('../img/fleche-white.svg');
		        background-repeat: no-repeat;
		        height: 20px;
		        width: 24px;
		        transform: rotate(90deg);
		        pointer-events: none;
        	}
        	
        }
        
		input:read-only {
			border: 0.5px solid var(--color-lightgray);
			background-color: var(--color-bggray) !important;
		}
		
        label {
            font-size: var(--input-font-size);
			margin-bottom: 0px;
			font-weight: normal;
			width: fit-content;
        }
    }
}

.icon-clarion-cadenas {
  position: absolute;
  right: 8px;
  bottom: 16px;
  line-height: 30px;
  color: #8a8a8a;
}

ul {
	background: #fcfdfd url("https://dev.clarion-service.com/clarionservice_v2/lib/jquery-ui/themes/redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50% bottom repeat-x;
}

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

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

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

.ui-icon-calendar {
    background-image: url('../img/logo calendrier.svg') !important;
    background-repeat: no-repeat;
    background-position: 0;
    width: 32px;
    height: 32px;
}

.dtdebga {
	button {
		border: none !important;
		background: transparent !important;
		position: relative;
		bottom: 12px;
	}
		
	button .ui-state-focus {
		border: none !important;
	}
}

.ligneDebga {
	label {
		max-width: max-content;
	}	
}

.lignEnquete
{
	max-width: max-content;
}