:root {
	--main-bg-color: rgb(3, 31, 48);
	--main-font-color: rgb(211, 212, 212);
	--main-input-color: rgba(76, 76, 76, 0.47);
	--main-font-family: 'Oxanium', Verdana, Monospace;
}

body {
	background-color: var(--main-bg-color);
	color: var(--main-font-color);
}

input[type="text"] {
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: normal;
	font-family: var(--main-font-family);
	color: var(--main-font-color);
	background: var(--main-bg-color);
	text-align: left;
	overflow: hidden;
	word-wrap: normal;
}

@media all and (min-width: 424px){
	.header{
		font-family: var(--main-font-family);
		font-size: 20pt;
		margin-bottom: 5px;
		font-weight: bold;
		text-decoration: none;
		color: var(--main-font-color);
	}

}

@media all and (max-width: 424px){
	.header{
		font-family: var(--main-font-family);
		font-size: 30pt;
		font-weight: bold;
		margin-bottom: 5px;
		text-decoration: none;
		color: var(--main-font-color);
	}

}

@media all and (min-width: 424px){
	.list-st{
		margin-left: 10px;
	}

}

@media all and (max-width: 424px){
	.list-st{
		margin-left: 15px;
	}

}


.loginField{
	font-family: var(--main-font-family);
	font-size: 14pt;
	width: 99%;
}

.generalLabel{
	font-family: var(--main-font-family);
	font-size: 12pt;
}

.generalLabelBold{
	font-family: var(--main-font-family);
	font-size: 12pt;
	font-weight: bold;
}

.generalLabelLight{
	font-family: var(--main-font-family);
	font-size: 11pt;
	font-weight: lighter;
}

.generalSelect{
	font-family: var(--main-font-family);
	font-size: 12pt;
}

.footerLabel{
	font-family: var(--main-font-family);
	font-size: 10pt;
}

@media all and (min-width: 424px){

	.standardLink{
		font-family: var(--main-font-family);
		font-size:12pt;
		color: #6666ff;
		text-decoration: none;
	}

	.standardLink:hover{
		color: #3333ff;
		cursor: pointer;
	}

}

@media all and (max-width: 424px){
	.standardLink {
		margin-right: 15px;
		margin-bottom: 10px;
		margin-top: 10px;
		margin-left: 15px;
		font-family: var(--main-font-family);
		font-size:12pt;
		color: #6666ff;
		text-decoration: none;
		display: inline-block;
	}
}

.stockStandardInput {
	width: 200px;
	margin: 5px;
	font-size: 16pt;
	font-family: var(--main-font-family);
}

.stockNonQuantity {
	background: #000040;
}

.fileRemarksInput {
	width: 300px;
	margin: 5px;
	font-size: 12pt;
}

.fileUploadLinkInput {
	width: 250px;
	margin: 5px;
	font-size: 12pt;
}

.separator {
	font-weight: bold;
	margin-left: 7px;
	margin-right: 7px;
}

@media all and (max-width: 424px){
	.standardButton {
		border-radius: 20px;
		color: #6666FF;
		font-family: var(--main-font-family);
		font-size: 12pt;
		padding: 1px 7px 2px 6px;
		background-color: var(--main-bg-color);
		border: solid #3333FF 2px;
		text-decoration: none;
		display: inline-block;
		cursor: pointer;
		margin-right: 10px;
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
}


@media all and (min-width: 424px){
	.standardButton {
		border-radius: 20px;
		color: #6666FF;
		font-family: var(--main-font-family);
		font-size: 12pt;
		padding: 1px 7px 2px 6px;
		background-color: var(--main-bg-color);
		border: none;
		text-decoration: none;
		display: inline-block;
		cursor: pointer;
		border: solid #3333FF 2px;
		margin-right: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.standardButton:hover {
		color: #3333FF;
		border: solid #3333FF 2px;
	}
}

@media all and (max-width: 424px){
	.standardButtonNoMargin {
		border-radius: 20px;
		color: #6666FF;
		font-family: var(--main-font-family);
		font-size: 12pt;
		padding: 1px 7px 2px 6px;
		background-color: var(--main-bg-color);
		border: solid #3333FF 2px;
		text-decoration: none;
		display: inline-block;
		cursor: pointer;
	}
}


@media all and (min-width: 424px){
	.standardButtonNoMargin {
		border-radius: 20px;
		color: #6666FF;
		font-family: var(--main-font-family);
		font-size: 12pt;
		padding: 1px 7px 2px 6px;
		background-color: var(--main-bg-color);
		border: none;
		text-decoration: none;
		display: inline-block;
		cursor: pointer;
		border: solid #3333FF 2px;
	}

	.standardButtonNoMargin:hover {
		color: #3333FF;
		border: solid #3333FF 2px;
	}
}

.standardInput {
	font-family: var(--main-font-family);
	font-size: 12pt;
	box-sizing: border-box;
	border: 1px solid #3333FF;
	padding: 5px
}

.inputError {
	border-color: red !important;
}

.inputValid {
	border-color: green !important;
}

.contentWarning {
	color: red;
}