/************************************************************************

 input range

************************************************************************/

input {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-appearance: none;
	-moz-appearance: none;
	/*  appearance: none;*/
	background: none;
	cursor: pointer;
	height: 100%;
	min-height: 16px;
	/* 20px */
}

input:focus {
	box-shadow: none;
	outline: none;
}

/* Chrome Safari */
input::-webkit-slider-runnable-track {
	background: #ccc;
	content: '';
	height: 6px;
	pointer-events: none;
}

input::-webkit-slider-thumb {
	height: 12px;
	width: 12px;
	-webkit-appearance: none;
	appearance: none;
	background: #fff;
	border-radius: 6px;
	margin-top: -3px;
	border: 1px solid #333;
}

@supports (-ms-ime-align:auto) {
	/* Only Ege */
	input::-webkit-slider-thumb {
		margin-top: 0;
	}
}

/* IE Ege */
input::-ms-track {
	background: transparent;
	border: 0;
	border-color: transparent;
	border-radius: 0;
	border-width: 0;
	color: transparent;
	height: 6px;
}

input::-ms-thumb {
	height: 10px;
	width: 10px;
	background: #fff;
	border-radius: 6px;
	border: 1px solid #333;
}

input::-ms-fill-lower {
	background: #ccc;
	border-radius: 0;
}

input::-ms-fill-upper {
	background: #c7c7c7;
	border-radius: 0;
}

input::-ms-tooltip {
	display: none;
}

/* Firefox */
input::-moz-range-track {
	height: 6px;
	background: #ccc;
}

input::-moz-range-thumb {
	height: 10px;
	width: 10px;
	background: #fff;
	border-radius: 6px;
	border: 1px solid #333;
	position: relative;
}

input::-moz-range-progress {
	height: 6px;
	background: #aaa;
	border: 0;
	margin-top: 0;
}

/************************************************************************/

/*  */

/************************************************************************/