
/* Image Cropper CSS Properties */
.image-cropper {
  overflow: hidden;
  text-align: center;

	.cropit-preview {
		margin: 0 auto;	

		.cropit-preview-image-container{
			border: 1px solid #ccc;
		}

		.cropit-preview-background {
		  opacity: .2;
		}
		
		.caption {
			text-align: center;
			position: relative;
	    left: 0;
	    right: 0;
	    margin: 0 auto;
	    top: 50%;
	    transform: perspective(1px) translateY(-50%);
	    font-weight: 700;
	    color: rgba(0,0,0,0.5);
		}

		img.cropit-preview-image {
			&:hover {
				cursor: move;
			}
		}

	}

  .controls-wrapper {
  	margin-top: 20px;
  	line-height: 28px;
  	display: inline-flex;
  	.rotation-btns {
  		a {
  			margin-left: 5px;
  			color: black;
  			&:hover {
					cursor: pointer;
				}
  		}
  	}
  	.slider-wrapper {
  		margin-left: 10px;
  		display: inline-flex;

  		input.cropit-image-zoom-input {
			  position: relative;
  			margin-left: 5px;
  			margin-right: 5px;
  			&:hover {
  				cursor: pointer;
  			}

			}
  		i {
  			line-height: 28px;
  		}
  	}
  }
}
