.inputLabel {
    width: 150px;
    height: 30px;
    margin: 0;
    border: 5px solid rgb(210, 213, 218);
    text-align: center;    
    background-color: #eeeef1;
	padding-top:10px;
}
.cropInputs {
 position: fixed;
 top:0;
 left: auto; 
 right:0; 
 width: 250px;
 height: 300px;
 background-color: #e7e8e8;
 text-align: center;
}
.inputtools p {text-indent: 1rem;}
.inputtools p span {display: block; min-width: 40px; height: 40px; float: left;}
.inputtools p span img {width: 40px;height: auto; line-height: 40px;}
.cropButtons {
    border: 0px solid #000;
    width: 40px;
    height: 40px; 
    border: 2px solid #fff;
    border-radius: 40px;   
    text-align: center;
    cursor: pointer;
background: #4365e0; /* Old browsers */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d9166', endColorstr='#157050',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.cropButtons img {width: 25px;}
/* input styles */


.cropRange {
	width: calc(100%);
	height: 5px;
	background: #333;
	position: relative;
	top: -4px;
    left: 4px;
    margin: 0.7rem;		
	background: #4365e0;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68b390', endColorstr='#23dce6',GradientType=1 );		
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}

input[type="range"] {
	-webkit-appearance: none;
	background-color: black;
	height: 5px;
}

input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	position: relative;
	top: 0px;
	z-index: 1;
	width: 20px;
	height: 20px;
	cursor: pointer;
	border: 2px solid rgb(56, 59, 59);
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
    /* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb)); */
    background: #4365e0;
}

input[type="range"]:hover ~ #rangevalue,input[type="range"]:active ~ #rangevalue {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	top: -75px;
}

input[type="range"]:focus{
  outline:none;
}

#cropSubmit {
    margin-top: 1rem;
    border-radius: 4px;
    cursor: pointer;
    border: 0px solid #000;
    background: #4365e0; /* Old browsers */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d9166', endColorstr='#157050',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: #fff;
    padding:0.5rem 1rem; 
}

#closeCrop {
    margin-top: 1rem;
    border-radius: 4px;
    cursor: pointer;
    border: 0px solid #000;
    background: #4365e0; /* Old browsers */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d9166', endColorstr='#157050',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: #fff;
    padding:0.5rem 1rem; 
}