input, textarea, select, option, button {
	font-family: Consolas, monospace;
	color: #eee;
	font-size: 12pt;
}
input[type="text"],
input[type="password"] {
	background-color: transparent;
	border-style: solid;
	border-image-source: linear-gradient(to right, 
									rgba(0,0,0,0) 0%, 
									rgba(96,96,96,1) 10%,
									rgba(96,96,96,1) 90%,
									rgba(0,0,0,0) 100%);
	border-image-slice: 1;
	border-image-width: 0 0 1px 0;
	border-width: 0 0 1px 0;
	padding: 3px 15px;
}
input[type='number'] {
	border: 1px solid #666;
	padding: 3px;
	border-radius: 3px;
	background-color: #333;
	text-align: right;
	font-family: LiquidCrystal;
	font-size: 16pt;
}
input[type='number']::-webkit-input-placeholder {
	font-family: UbuntuMono, Consolas, monospace;
	font-style: italic;
}
input:focus,
button:focus,
textarea:focus {
	outline: 0;
}
input[type='text']:focus,
input[type='password']:focus {
	border-image-source: linear-gradient(
		to right, 
		rgba(0,0,0,0) 0%, 
		#3CF 10%,
		#3CF 90%,
		rgba(0,0,0,0) 100%
	);
}
input[type='number']:focus,
input[type="date"]:focus,
textarea:focus {
	border-color: #3CF;
}

input[type='submit'],
button, .button {
	background-color: #27C;
	box-shadow: 0 3px #136;
	border-radius: 3px;
	border: none;
	padding: 6px 10px;
	cursor: pointer;
}
input[type='submit']:focus,
button:focus, .button:focus,
input[type='submit']:hover,
button:hover, .button:hover {
	background-color: #49F;
	box-shadow: 0 3px #258;
	outline: 0;
}
input[type='submit']:active,
button:active, .button:active {
	background-color: #16B;
	position: relative;
	top: 3px;
	box-shadow: none;
}
input[type="file"] {
	font-family: Consolas, monospace;
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

select {
	border-radius: 4px;
	padding: 4px 8px;
	background-color: #333;
}
option {
	background-color: #333;
}
select:focus {
	outline: none;
	border-color: #3CF;
}				
select.default,
option.default {
	font-weight: bold;
	font-style: italic;
	color: #B9F;
}
select.default option:not(.default) {
	font-style: normal;
}
textarea, input[type="date"] {
	background-color: transparent;
	border: 1px solid #BBB;
	border-radius: 5px;
	resize: vertical;
}

/* Multiway switch */
button {
	border-width: 0px;
	color: #eee;
	font-family: Consolas, monospace;
}
.multiSwitch {
	display: inline-block;
}
.multiSwitch > button {
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	cursor: pointer;
	display: inline-block;
	background-color: #555;
	box-shadow: 0 3px #222;
	padding: 10px;
	margin: 0 2px;
}
.multiSwitch > button:hover,
.multiSwitch > button:focus {
	background-color: #777;
	box-shadow: 0 3px #444;
	outline: 0;
}
.multiSwitch > :first-child {
	border-radius: 10px 0 0 10px;
}
.multiSwitch > :last-child {
	border-radius: 0 10px 10px 0;
}
.multiSwitch > .enabled {
	background-color: #29D !important;
	box-shadow: none !important;
	top: 3px;
	position: relative;
	cursor: default !important;
}
::placeholder {
	color: #aaa;
}
/* END Multiway switch */

/* uploads.css */
progress[value] {
	-webkit-appearance: none;
	appearance: none;
}
progress[value]::-webkit-progress-bar {
	background-color: #eee;
	border-radius: 4px;
	box-shadow: 0 2px 5px #0004 inset;
}
progress[value]::-webkit-progress-value {
	background-image: 
		-webkit-linear-gradient(top, 
			rgba(255, 255, 255, .25), 
			rgba(0, 0, 0, .25)
		),
		-webkit-linear-gradient(left, 
			#615, #A19
		);

    border-radius: 2px; 
    background-size: 35px 20px, 100% 100%, 100% 100%;
}
input[type="file"] {
	font-family: Consolas, monospace;
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.fileLabel {
	transition: background-color 0.5s, top 0.5s, box-shadow 0.5s;
	border: none;
	background: linear-gradient(
		to right,
		#0002 0%,
		#3332 35%,
		#3332 65%,
		#0002 100%
	) #827;
	border-radius: 5px;
	box-shadow: 0 4px #482038;
	padding: 5px;
	cursor: pointer;
	position: relative;
}
.fileLabel:hover,
input[type="file"]:focus + .fileLabel {
	transition: background-color 0.5s, box-shadow 0.5s;
	box-shadow: 0 4px #625;
	background-color: #A29;
}
.fileLabel:active {
	transition: none;
	background-color: #524;
	top: 4px;
	box-shadow: none;
}
.selectedFiles {
	margin: 10px 0;
}
/* END uploads.css */