.dynamic_field_bloc{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 15px;
	flex-direction: column;
	border-top:#aaa dashed 1px;
	padding: 15px 0 0;
}
.registration_form_new_field{
	/*display:flex;
    flex-wrap: wrap;
    align-items: flex-start;*/
    display: block;
    float: left;
	width: 100%;
	border:none;
	padding:15px 0;
    border-bottom: #aaa dashed 1px;
}
.popAddfield{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.5);
}
.popAddfield .registration_simple_form_new_field{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 800px;
	max-width: 100%;
	height: 80%;
	padding: 25px;
	background:#fff;
	border:var(--color) solid 3px;
	border-radius: 10px;
	overflow-y: scroll;
    scrollbar-color: #f6f6f6 #e5e5e5;
    scrollbar-width:thin;
	transition-property:transform,box-shadow,max-width,width, height;
}
.popAddfield .registration_simple_form_new_field::-webkit-scrollbar {
  width: 3px;
  background-color: #f1f1f1;
}
.popAddfield .registration_simple_form_new_field::-webkit-scrollbar-thumb {
    background: #f6f6f6; 
}
.popAddfield .registration_simple_form_new_field h2{
	margin-top: 0;
	color:var(--color);
}
.popAddfield .registration_simple_form_new_field nav span{
	margin-left: 15px;
}
.popAddfield .registration_simple_form_new_field nav{
	margin-top: auto;
	padding: 0 15px;
	justify-content:flex-end;
	cursor: pointer;
}
.countRowOptions{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.countRowOptions label{
	width: 100%;
	border-top: #aaa dashed 1px;
}
.countRowOptions textarea{
	width: 100%;
	min-height: 150px;
}
#dynamic_bloc_add{
	float: left;
	width: 100%;
	padding: 20px 2%;
	background: #fafafa;
	border-radius: 3px;
	border: #aaaaaa solid 1px;
	list-style-type: none;
}
#dynamic_field_add .bouton_nav{
	margin: 0 0 20px auto;
	cursor: pointer;
}
#dynamic_bloc_add li{
	float: left;
	width: 100%;
}
.registration_simple_field_line{
	float: left;
	width: 100%;
	margin: 0 0 5px;
	padding: 10px 2%;
	background: #666;
	color:#fff;
	cursor: move;
	border-radius: 3px;
	transition-property: background;
}
.registration_simple_field_line span.field_span:not(:last-child){
	padding-right: 10px;
}
.registration_simple_field_line span.field_span:first-child{
	font-weight: bold;
}
.registration_simple_field_line span.field_span:not(:first-child){
	font-style: italic;
	font-size: 0.8rem;
}
.registration_simple_field_line:hover{
	background:var(--color);
}
.field_actions{
	float: right;
	display: flex;
	align-items: center;
	justify-content: center;
}
.field_actions span{
	margin-right: 10px;
}
.field_actions svg{
	width: 20px;
	height: 20px;
	fill:#fff;
}
.field_actions span svg{
	cursor: pointer;
	transition-property:transform;
	transform-origin: 50% 50%;
}
.field_actions span:hover svg{
	transform: scale(1.3);
}
#dynamic_bloc_add li .sort_top_icon,#dynamic_bloc_add li .sort_bottom_icon{
	fill:#666;
	transition-property: fill;
}
#dynamic_bloc_add li .registration_simple_field_line:hover .sort_top_icon,#dynamic_bloc_add li .registration_simple_field_line:hover .sort_bottom_icon{
	fill:var(--color);
}
#dynamic_bloc_add li:first-child:not(.ui-sortable-helper) .sort_top_icon,#dynamic_bloc_add li:last-child:not(.ui-sortable-helper) .sort_bottom_icon{
	fill:rgba(0,0,0,0);
}