/*!
 * Cropper v3.1.3
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2014-2017 Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2017-10-21T10:03:37.133Z
 */

.cropper-container {
	direction           : ltr;
	font-size           : 0;
	line-height         : 0;
	position            : relative;
	-ms-touch-action    : none;
	touch-action        : none;
	-webkit-user-select : none;
	-moz-user-select    : none;
	-ms-user-select     : none;
	user-select         : none;
}

.cropper-container img {
	/*Avoid margin top issue (Occur only when margin-top <= -height)
	 */
	display           : block;
	height            : 100%;
	image-orientation : 0deg;
	max-height        : none !important;
	max-width         : none !important;
	min-height        : 0 !important;
	min-width         : 0 !important;
	width             : 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
	bottom   : 0;
	left     : 0;
	position : absolute;
	right    : 0;
	top      : 0;
}

.cropper-wrap-box,
.cropper-canvas {
	overflow : hidden;
}

.cropper-drag-box {
	background-color : #fff;
	opacity          : 0;
}

.cropper-modal {
	background-color : #000;
	opacity          : .5;
}

.cropper-view-box {
	display       : block;
	height        : 100%;
	outline-color : rgba(51, 153, 255, 0.75);
	outline       : 1px solid #39f;
	overflow      : hidden;
	width         : 100%;
}

.cropper-dashed {
	border   : 0 dashed #eee;
	display  : block;
	opacity  : .5;
	position : absolute;
}

.cropper-dashed.dashed-h {
	border-bottom-width : 1px;
	border-top-width    : 1px;
	height              : 33.33333%;
	left                : 0;
	top                 : 33.33333%;
	width               : 100%;
}

.cropper-dashed.dashed-v {
	border-left-width  : 1px;
	border-right-width : 1px;
	height             : 100%;
	left               : 33.33333%;
	top                : 0;
	width              : 33.33333%;
}

.cropper-center {
	display  : block;
	height   : 0;
	left     : 50%;
	opacity  : .75;
	position : absolute;
	top      : 50%;
	width    : 0;
}

.cropper-center:before,
.cropper-center:after {
	background-color : #eee;
	content          : ' ';
	display          : block;
	position         : absolute;
}

.cropper-center:before {
	height : 1px;
	left   : -3px;
	top    : 0;
	width  : 7px;
}

.cropper-center:after {
	height : 7px;
	left   : 0;
	top    : -3px;
	width  : 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
	display  : block;
	height   : 100%;
	opacity  : .1;
	position : absolute;
	width    : 100%;
}

.cropper-face {
	background-color : #fff;
	left             : 0;
	top              : 0;
}

.cropper-line {
	background-color : #39f;
}

.cropper-line.line-e {
	cursor : e-resize;
	right  : -3px;
	top    : 0;
	width  : 5px;
}

.cropper-line.line-n {
	cursor : n-resize;
	height : 5px;
	left   : 0;
	top    : -3px;
}

.cropper-line.line-w {
	cursor : w-resize;
	left   : -3px;
	top    : 0;
	width  : 5px;
}

.cropper-line.line-s {
	bottom : -3px;
	cursor : s-resize;
	height : 5px;
	left   : 0;
}

.cropper-point {
	background-color : #39f;
	height           : 5px;
	opacity          : .75;
	width            : 5px;
}

.cropper-point.point-e {
	cursor     : e-resize;
	margin-top : -3px;
	right      : -3px;
	top        : 50%;
}

.cropper-point.point-n {
	cursor      : n-resize;
	left        : 50%;
	margin-left : -3px;
	top         : -3px;
}

.cropper-point.point-w {
	cursor     : w-resize;
	left       : -3px;
	margin-top : -3px;
	top        : 50%;
}

.cropper-point.point-s {
	bottom      : -3px;
	cursor      : s-resize;
	left        : 50%;
	margin-left : -3px;
}

.cropper-point.point-ne {
	cursor : ne-resize;
	right  : -3px;
	top    : -3px;
}

.cropper-point.point-nw {
	cursor : nw-resize;
	left   : -3px;
	top    : -3px;
}

.cropper-point.point-sw {
	bottom : -3px;
	cursor : sw-resize;
	left   : -3px;
}

.cropper-point.point-se {
	bottom  : -3px;
	cursor  : se-resize;
	height  : 20px;
	opacity : 1;
	right   : -3px;
	width   : 20px;
}

@media (min-width : 768px) {
	.cropper-point.point-se {
		height : 15px;
		width  : 15px;
	}
}

@media (min-width : 992px) {
	.cropper-point.point-se {
		height : 10px;
		width  : 10px;
	}
}

@media (min-width : 1200px) {
	.cropper-point.point-se {
		height  : 5px;
		opacity : .75;
		width   : 5px;
	}
}

.cropper-point.point-se:before {
	background-color : #39f;
	bottom           : -50%;
	content          : ' ';
	display          : block;
	height           : 200%;
	opacity          : 0;
	position         : absolute;
	right            : -50%;
	width            : 200%;
}

.cropper-invisible {
	opacity : 0;
}

.cropper-bg {
	background-image : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
	display  : block;
	height   : 0;
	position : absolute;
	width    : 0;
}

.cropper-hidden {
	display : none !important;
}

.cropper-move {
	cursor : move;
}

.cropper-crop {
	cursor : crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
	cursor : not-allowed;
}

/*402202.1.275.1.fc81bce*/