Mini Shell

input[type='range'] {
	-webkit-appearance: none;
	border-radius: 5px;
	box-shadow: inset 0 0 5px #666;
	background-color: #ccc;
	height: 7px;
	vertical-align: middle;
}

input[type='range']::-webkit-slider-thumb {
	-webkit-appearance: none !important;
	width: 20px;
	height: 21px;
	top: 50%;
	margin-top: 0px;
	background: url('handle.png') no-repeat center;
}

input[type='range']::-moz-range-track {
	-moz-appearance: none;
	border-radius: 5px;
	box-shadow: inset 0 0 5px #666;
	background-color: #ccc;
	height: 7px;
	vertical-align: middle;
}

input[type='range']::-moz-range-thumb {
	-moz-appearance: none;
	border: none;
	width: 20px;
	height: 21px;
	top: 50%;
	margin-top: 0px;
	background: url('handle.png') no-repeat scroll center center transparent;
}

.slider-wrapper {
	margin-top: 25px;
}

.avatar-modal-body {
	width: 850px;
	height: 600px;
	overflow: hidden; 
}

#select-image-btn {
	float:left;
}

input.cropit-image-input {
	visibility: hidden;
}

.cropit-image-preview {
  background-color: #f8f8f8;
  background-size: cover;
  /*
  border: 5px solid #ccc;
  border-radius: 3px;
  margin-top: 7px;
  */
  cursor: move;
}

.cropit-image-background {
  opacity: .2;
  cursor: auto;
}

#image-cropper img {
	max-width: none;
}

.modal-footer {
	margin-top: 0px;
}

/*
 * If the slider or anything else is covered by the background image,
 * use relative or absolute position on it
 */
input.cropit-image-zoom-input {
  position: relative;
}

/* Limit the background image by adding overflow: hidden */
#image-cropper {
  /* overflow: hidden; */
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}

.portfolio-item-menu {
	background-image: none;
}

.sel_curency, #label_curency {
	font-family: sans-serif;
}