/*---------------------------------------------------------*/
/*  cropper styling begins here...
/*---------------------------------------------------------*/

div[data-imgcrop] {
	position:relative;
	display:inline-block;
}

div[data-mask='true'] .nocrop-container {
	overflow:hidden;
	position:relative;
}

.nocropMain .nocrop-img {
}
.nocropMain .nocrop-overlay {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	max-width:225px;
	max-height:225px;
	cursor: grab;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	border:2px solid #0a0;
	border-radius:50%;
}
.grabcursor,
.nocropMain .nocrop-overlay:active {
	cursor: grabbing;
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
}
.nocropMain .nocrop-container {
	overflow:hidden;
}

.nocropMain .nocrop-container  img{
	width:auto;
	height:auto;
	max-height:225px;
	max-width:225px;
}


.nocropMain .nocrop-container.portrait img{
	height:100%;
	max-width:225px;
	width:auto;
}




.nocropMain .nocrop-container:after {
/*	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5999;
	max-width:225px;
	max-height:225px;*/

	/* this box shadow is the mask effect */
	box-shadow:0 0 0 2000px rgba(255, 255, 255, .85);
}


/*---------------------------------------------------------*/
/*  zoom slider: input[type="range"] styling
/*---------------------------------------------------------*/

div[data-imgcrop] input[type="range"] {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);

	margin: 0;
	border: none;
	padding: 0;
	border-radius: 0;
	outline: none; /* no focus outline */

	width:100%;
	height:4px;
	background:#eee;

	bottom:calc(50% - 2px);
	left:calc(50% + 2px);
	position:absolute;
	z-index:6001;
	-webkit-transform:rotate(270deg);
	-ms-transform:rotate(270deg);
	transform:rotate(270deg);
	cursor: ns-resize
}
div[data-imgcrop] input[type="range"]:active {
	cursor:ns-resize
}
div[data-imgcrop] input[type="range"]::-moz-range-track {
	border: inherit;
	background: transparent
}

div[data-imgcrop] input[type="range"]::-ms-track {
	border: inherit;
	color: transparent; /* don't drawn vertical reference line */
	background: transparent
}
/* removes dotted border in firefox */
div[data-imgcrop] input[type=range]::-moz-focus-outer { border: 0 }


div[data-imgcrop] input[type="range"]::-ms-fill-lower,
div[data-imgcrop] input[type="range"]::-ms-fill-upper {
	background: transparent;
}

div[data-imgcrop] input[type="range"]::-ms-tooltip {
	display: none;
}

/* thumb */
div[data-imgcrop] input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width:15px;
	height:20px;
	border-radius:5px;
	background:#D5D8CB;
	box-shadow:-1px 0 3px rgba(0, 0, 0, .2), inset 4px 0 8px rgba(0, 0, 0, .1);
	border:none;
	border:2px solid #677915;
}
div[data-imgcrop] input[type="range"]::-moz-range-thumb {
	width:15px;
	height:20px;
	border-radius:5px;
	background:#677915;
	box-shadow:-1px 0 3px rgba(0, 0, 0, .2), inset 4px 0 8px rgba(0, 0, 0, .1);
	border:none;
	border:2px solid #677915;
}
div[data-imgcrop] input[type="range"]::-ms-thumb {
	width:15px;
	height:20px;
	border-radius:5px;
	background:#677915;
	border:none;
	border:2px solid #677915;
}


/* Image Cropping Tool */

.nocrop-wrapper {
/*	padding:40px 0;*/
	margin-top:20px;
	display:block;
	width:100%;
	max-width:225px;
	height:225px;
	text-align:center;
	position:relative;
	overflow:hidden;
	background-color:#fff;
	background-image:-webkit-linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%), -webkit-linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%);
	background-image:linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%), linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%);
	background-size:16px 16px;
	background-position:0 0, 8px 8px;
	box-shadow:inset 0 0 6px rgba(0, 0, 0, .5)

	}
/*
.nocrop-cmd {
	text-align:center
}
.nocrop-cmd li {
	display:inline-block;
	border-bottom:1px solid #eee;
	margin:0 7px;
	font-size:14px;
}
.nocrop-cmd li:hover {
	border-bottom:none;
	cursor:pointer;
	color:#ccc;
}
.nocrop-cmd a {
	color:#0b94c8;
}*/
.pre {
	display:block;
	text-align:center;
	padding:10px 0 20px;
}

.nocrop-wait {
	display:none;
	background: #333;
	color:#fff;
	font-size:1.1em;
	  /* width: 25%; */
	  margin: auto;
	  position: absolute;
	  top: 40%;
	  left:10%;
	  width:80%;
	  z-index: 9999;
	  border-radius: 5px;
	  padding: 10px;
	  top:140px;
	  text-transform:uppercase;
}
.nocrop-wait 	  .progress {
	  	height:10px;
	  	width:0%;
	  	background:#fff;
	  	margin-bottom:3px;
	  	padding-bottom: 5px;
	  }
	  .nocrop-wait 	  .progress-text {
	  	
	  }

.nocrop-wait.waiting {
	display:block;
	}

/* toggle mask */
.maskbg {
	background:0 0;
	box-shadow:none
}

.nocrop {
width:100%;
max-width:225px;
}
.nocrop-buttons {
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;

	max-width:225px;
	width:100%;
}
	.nocrop-buttons	input {
		margin-right:10px;
		background-image:none; 
		background:#777;
		font-family: "myriad-pro", "Arial", Helvetica, sans-serif;
		border: 1px solid #777;
		border-top-color: #777;
		border-left-color: #777;
		padding: 4px 9px 4px 9px;
		color: #fff;
		display: inline-block;
		font-size: 14px;
		font-weight: 400;
		text-decoration: none;
		cursor: pointer;
		margin-bottom: 20px;
		line-height: 21px;
		border-radius: 4px; 
		width: auto;
		background: #777;
		width:65px;
}
		.nocrop-buttons	input:hover {
		background:#333;
		}


		.nocrop-buttons	input:nth-of-type(4n+4) {
		margin-right:0px;
		}

	.nocrop-buttons .nocrop-save {
		background: #CB6015;
		border: 1px solid #CB6015;
		border-top-color: #CB6015;
		border-left-color: #CB6015;
	}
		.nocrop-buttons .nocrop-save:hover  {
		background:$light-green;
		color:#CB6015;
		}

		.nocrop .status {
	height:30px;
		}
	.nocrop .status .message {
background:rgba(0,66,0,0.4);
color:#fff;
width:100%;
border-radius:5px;
padding:5px;
text-align:center;
	}





/* industry submit catch */
.page-201356 .nocropMain .nocrop-overlay {
		max-width:225px;
		max-height:225px;

}


.page-201356 .nocropMain .nocrop-container  img{
	max-height:225px;
	max-width:225px;
}


.page-201356 .nocropMain .nocrop-container.portrait img{
	max-width:225px;
}