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: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%, 
									#93C 10%,
									#93C 90%,
									rgba(0,0,0,0) 100%);
}
input[type='number']:focus,
input[type="date"]:focus,
textarea:focus {
	border-color: #93C;
}

input[type='submit'],
button, .button {
	background-color: #60408A;
	box-shadow: 0 3px #352560;
	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: #60509A;
	box-shadow: 0 3px #403070;
	outline: 0;
}
input[type='submit']:active,
button:active, .button:active {
	background-color: #503568;
	position: relative;
	top: 3px;
	box-shadow: none;
}
input[type="file"].usingLabel {
	font-family: Consolas, monospace;
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.fileLabel {
	display: inline-block;
	font-family: Consolas, monospace;
	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;
	margin-bottom: 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;
}

select {
	border-radius: 4px;
	padding: 4px 8px;
	background-color: #333;
}
option {
	background-color: #333;
}
select:focus {
	outline: none;
	border-color: #92C;
}				
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: #92D !important;
	box-shadow: none !important;
	top: 3px;
	position: relative;
	cursor: default !important;
}
::placeholder {
	color: #aaa;
}
/* END Multiway switch */