/* * {
  outline: 1px solid red;
} */

body {
	padding: 0;
	margin: 0;
	overflow-x: hidden; /* Hide horizontal scrollbar */
}
a:link {
	color: #dd5353;
	background-color: transparent;
}
a:visited {
	color: #dd5353;
	background-color: transparent;
	text-decoration: none;
}
a:active {
	color: #dd5353;
	background-color: transparent;
}
::-webkit-scrollbar {
	height: 12px;
	width: 12px;
	background: #111;
}
::-webkit-scrollbar-thumb {
	background: #555;
	-webkit-border-radius: 10px;
}
::-webkit-scrollbar-corner {
	background: #222;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
    /*font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: black; */
    display: inline-block;
}

.inputfile + label {
	cursor: pointer; /* "hand" cursor */
}

input:focus, textarea:focus, button:focus, select:focus {
    outline: none;
}

input[type=range] {
	width: 100%;
	margin: 13.2px 0;
	background-color: transparent;
	-webkit-appearance: none;
  }
  input[type=range]:focus {
	outline: none;
  }
  input[type=range]::-webkit-slider-runnable-track {
	background: #333;
	border: 0.7px solid #333;
	border-radius: 6.2px;
	width: 100%;
	height: 12.6px;
	cursor: pointer;
  }
  input[type=range]::-webkit-slider-thumb {
	margin-top: -13.9px;
	width: 19px;
	height: 39px;
	background: #FF9F45;
	border: 2.2px solid #FF9F45;
	border-radius: 8px;
	cursor: pointer;
	-webkit-appearance: none;
  }
  input[type=range]:focus::-webkit-slider-runnable-track {
	background: #333;
  }
  input[type=range]::-moz-range-track {
	background: #333;
	border: 0.7px solid #333;
	border-radius: 6.2px;
	width: 100%;
	height: 12.6px;
	cursor: pointer;
  }
  input[type=range]::-moz-range-thumb {
	width: 19px;
	height: 39px;
	background: #666666;
	border: 2.2px solid #000000;
	border-radius: 8px;
	cursor: pointer;
  }
  input[type=range]::-ms-track {
	background: transparent;
	border-color: transparent;
	border-width: 14.2px 0;
	color: transparent;
	width: 100%;
	height: 12.6px;
	cursor: pointer;
  }
  input[type=range]::-ms-fill-lower {
	background: #333;
	border: 0.7px solid #333;
	border-radius: 12.4px;
  }
  input[type=range]::-ms-fill-upper {
	background: #333;
	border: 0.7px solid #333;
	border-radius: 12.4px;
  }
  input[type=range]::-ms-thumb {
	width: 19px;
	height: 39px;
	background: #666666;
	border: 2.2px solid #000000;
	border-radius: 8px;
	cursor: pointer;
	margin-top: 0px;
	/*Needed to keep the Edge thumb centred*/
  }
  input[type=range]:focus::-ms-fill-lower {
	background: #333;
  }
  input[type=range]:focus::-ms-fill-upper {
	background: #333;
  }
  /*TODO: Use one of the selectors from https://stackoverflow.com/a/20541859/7077589 and figure out
  how to remove the virtical space around the range input in IE*/
  @supports (-ms-ime-align:auto) {
	/* Pre-Chromium Edge only styles, selector taken from hhttps://stackoverflow.com/a/32202953/7077589 */
	input[type=range] {
	  margin: 0;
	  /*Edge starts the margin from the thumb, not the track as other browsers do*/
	}
  }

div {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}


select {
	width: 100%;
	height: 50px;
	font-size: 100%;
	
	border-radius: 0;
	border: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

  /* For IE <= 11 */
select::-ms-expand {
	display: none; 
  }