/*sets the width of all tables to 60% of the viewport*/
table {
	width: 60%;
}

/*makes every even table row pink ;D */
tr:nth-child(even) {
	background-color: #41e2ba;
}

/*changes table row colour on hover to yellow*/
tr:hover {
	background-color: #41e2ba;
}

/*makes table header blue*/
th {
	background-color: #808080;
	color: #ffffff;
}

/*moves container to top right, mostly for buttons*/
.flexxy {
	position: fixed;
	top: 0;
	right: 0;
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
}

/*puts buttons in the same row, unchanged alignment*/
.usrmana {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

/*Admin screen logo positionator*/
#improvedLogo {
	position: fixed;
	top: 21.5%;
	right: 6%;
	height: auto;
	width: 27%;
}

.scaode {
	border: auto;
	outline: solid #000000 10;
	margin: auto;
	padding: auto;
}


input[type=submit] {
	background-color: #000000;
	color: #FFFFFF;
	border: none;
	padding: 5px;
	margin: 2px;
	border-radius: 4px;
	
}

input[type=submit]:hover {
	background-color: #41e2ba;
}

input[type=text] {
	border: 3px solid #41e2ba;
	border-radius: 5px;
	padding: 3px;
}

input[type=tel] {
	border: 3px solid #41e2ba;
	border-radius: 5px;
	padding: 3px;
}

.widthbuff {
	width: 11%;
}

select {
	border: none;
	background-color: #000000;
	padding: 5px;
	margin: 2px;
	border-radius: 4px;
	color: #FFFFFF;
}

input[type=password] {
	border: 3px solid #41e2ba;
	border-radius: 5px;
	padding: 3px;
}

#improvedBarcode {
	position: fixed;
	top: 21.5%;
	right: 38.5%;
	height: auto;
	width: 27%;
	z-index: -1;
}

#barcodePosition {
	position: fixed;
	top: 62%;
	right: 46%;
	height: auto;
	width: 11%;
}

#barcodeLabel {
	position: fixed;
	color: #ffffff;
	top: 58.8%;
	right: 45.3%;
	height: auto;
	width: 11%;
}