section .expediteur {
	margin-bottom:30px;
	display:flex;
}	

section .expediteur .container{
	padding: 10px; 
	/* margin-bottom: 5px;  */
	/* border:1px solid #ccc; */
	background:#f3f2f2;
}	
	section .expediteur .container .form-group{
		padding:2px;
		margin-bottom:0;
	}	
	section .expediteur .container .form-control{
		height: 37px!important;
	}	
	
	section .expediteur .container .header{
		display: flex;
		justify-content: space-between;
	}	
		section .expediteur .container .header .name{
			text-transform: capitalize;
		}	
		section .expediteur .container .header .actions .icon-params{
			
		}		
		section .expediteur .container .header .actions .icon-del-circle{
			cursor:pointer;
			color:red;
		}	
		
	section .expediteur .container .price{
		display: flex;
		flex-wrap: wrap;
		margin-bottom:10px;
		/* justify-content: space-between; */
	}	
	
	section .expediteur .container .content{
		display:flex; 
		flex-wrap: wrap;
		height:auto;
		/* transform: scaleY(1); */
		/* transform-origin: 50% 0; */
		/* transition: transform .3s ease; */
	}

	/* section .expediteur .container .content.none{ */
		/* transform: scaleY(0); */
		/* height:0px; */
		/* overflow:hidden; */
	/* }	 */
		section .expediteur .container .content .form-group{
			/* flex-basis: 50%; */
		}	
		
		section .expediteur .container .content .form-control{
			/* height:auto !important; */
		}	



.form-expediteur{
	
}
	.form-expediteur input, .form-expediteur select{
		height: auto !important;
		padding: 3px 10px;
	}
	
	.form-expediteur .form-group{
		margin-bottom:1em !important;
	}


.zones,
.cats{
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
}
	.zones .zone,
	.cats .cat{
		flex-basis: 15%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.zones .zone:last-child{
		display:flex;
		align-items: center;
		justify-content: center;
	}

.expediteurs-list{
    list-style-type: none;
    font-size: 1.3em;
}
	.expediteur-list-item{
		padding: 0 20px;
		text-transform: capitalize;
		cursor:pointer;
	}
	.expediteur-list-item:not(.disabled):hover{
		background:#e6e6e6;
	}
	.expediteur-list-item.disabled{
		color: lightgray;
		cursor:default;
	}

.expediteur {
	margin-bottom:15px;
	display:flex;
}	

.expediteur .container{
	padding: 5px; 
	background:#f3f2f2;
}	
	.expediteur .container .header{
		display: flex;
		justify-content: space-between;
	}	
		.expediteur .container .header .name{
			text-transform: capitalize;
		}	
		.expediteur .container .header .actions .icon-params{
			
		}		
		.expediteur .container .header .actions .icon-del-circle{
			cursor:pointer;
			color:red;
		}	
	
	.expediteur .container .content{
		display:flex; 
		flex-wrap: wrap;
	}	
		.expediteur .container .content .form-group{
			flex-basis: 50%;
		}	
		
		.expediteur .container .content .form-control{
			/* height:auto !important; */
		}	



.form-expediteur{
	position:relative;
	margin-bottom:30px;
}
	.form-expediteur .icon-del-circle{
		position:absolute;
		right:10px;
		cursor:pointer;
		color:red;
	}
	.form-expediteur .container{
		display: flex;
		flex-wrap: wrap;
		padding:10px;
		background: #f3f2f2;
	}
	.form-expediteur input{
		height: auto !important;
		padding: 3px 10px;
	}
	
	.form-expediteur .form-group{
		margin-bottom:1em !important;
	}


.form-expediteur .zones,
.form-expediteur .cats{
	flex-wrap:wrap;
}
	.form-expediteur .zones .zone,
	.form-expediteur .cats .cat{
		position:relative;
	}
	.form-expediteur .zones .icon-del-circle{
		right:0;
		top:3px;
	}
	.form-expediteur .zones .zone:last-child{

	}

.expediteurs-list{
    list-style-type: none;
    font-size: 1.3em;
}
	.expediteur-list-item{
		padding: 0 20px;
		text-transform: capitalize;
		cursor:pointer;
	}
	.expediteur-list-item:not(.disabled):hover{
		background:#e6e6e6;
	}
	.expediteur-list-item.disabled{
		color: lightgray;
		cursor:default;
	}