@charset "UTF-8";


.cropArea {
  background: #E4E4E4;
  overflow: hidden;
  width:700px;
  height:450px;
}

ui-cropper {
	width:100%;
	height:100%;
	display:block;
	position:relative;
	overflow:hidden
}

	
ui-cropper canvas {
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	outline:0;
	-webkit-tap-highlight-color:transparent;
	margin-top: 0px;
	margin-left: 0px;
}

.img-crop-res {
	text-align:center; 
	vertical-align:middle;
	display:inline-block;
	position:relative;
	margin-left: 3px;
	margin-right:3px;
	margin-top:5px;
 	height:110px; 
 	width: 110px; 
	max-height: 110px; 
	max-width: 110px;
}
.img-crop-dataleon {
	text-align:center; 
	vertical-align:middle;
	display:inline-block;
	position:relative;
	margin-left: 3px;
	margin-right:3px;
	margin-top:5px;
 	height:250px; 
 	width: 100%; 
	max-height: 250px; 
	max-width: 100%;
}

.img-crop-dataleon-border {
	border: 1px solid;
}
.img-crop-dataleon-select {
	border: 3px solid red;
}
.cropArea-valider {
  background: #f2f2f2;
  overflow: hidden;
/*   width:700px; */
  height:500px;
}