body {
	text-align: center;
	font-family: sans-serif;
}

#navigation {
	color: darkgray;
	margin-top: 20px;
	line-height: 25px;
	font-weight: bold;
	font-size: 20px;
}

#navigation img {
	display: block;
	margin: 15px auto;
}

#navigation a.selected, #navigation a.selected:visited, #navigation a.selected:hover {
	color: #666666;
	text-decoration: none;
}

#navigation .pcscrm_links {
	font-size: 12px;
}

.logo {
	display: inline-block;
	margin-bottom: 15px;
	padding: 5px 15px;
	border-radius: 10px;
	background: #000000;
	color: #ffffff;
}

.test_mode {
	display: inline-block;
	margin-top: 10px;
	padding: 4px 8px;
	font-weight: bold;
	background-color: #292f33;
	color: #fccb57;
}

.test_mode.black_on_orange {
	background-color: #fccb57;
	color: #292f33;
}

form {
	font-size: 18px;
	margin: 50px 0px 20px 0px;
}

input, textarea, select {
	font: 18px sans-serif;
	box-sizing: border-box;
	border: 1px solid darkgray;
	padding: 5px;
}

input#ids_input {
	width: 500px;
}

textarea#ids_input {
	width: 500px;
	min-width: 500px;
	max-width: 500px;
	min-height: 50px;
	height: 100px;
}

input[type="submit"], input[type="submit"]:focus, button, button:focus {
	font-weight: bold;
	font-size: 16px;
	margin: 3px;
	padding: 5px 10px;
	color: #ffffff;
	background-color: #5bc0de;
	border: 2px solid #39ABCD;
	border-radius: 6px;
	outline: none;
}

button, button:focus {
	font-size: 20px;
	padding: 10px 20px;
}

button.small, button.small:focus {
	font-size: 16px;
	padding: 5px 10px;
}

input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner {
	border: 0;
}

input[type="submit"]:hover, button:hover {
	cursor: pointer;
	color: #ffffff;
	background-color: #31b0d5;
	border-color: #2092B4;
}

input[type="submit"].green, input[type="submit"].green:focus, button.green, button.green:focus {
	background-color: #42C561;
	border: 2px solid #20B443;
}

input[type="submit"].green:hover, button.green:hover {
	background-color: #18BC3E;
	border-color: #079B2A;
}

input[type="submit"].red, input[type="submit"].red:focus, button.red, button.red:focus {
	background-color: #de625b;
	border: 2px solid #CD4039;
}

input[type="submit"].red:hover, button.red:hover {
	background-color: #d53931;
	border-color: #B42720;
}

input[type="submit"].orange, input[type="submit"].orange:focus, button.orange, button.orange:focus {
	background-color: #DEA45B;
	border: 2px solid #CD8A39;
}

input[type="submit"].orange:hover, button.orange:hover {
	background-color: #D58B31;
	border-color: #B47120;
}

a, a:visited {
	color: #2092B4;
}

a:hover {
	color: #39ABCD;
	text-decoration: none;
}

pre {
	text-align: left;
	white-space: pre-wrap;
}

#specs_boxes_header {
	font-size: 18px;
	font-weight: bold;
	margin: 50px 0px 30px 0px;
}

#specs_boxes_header form {
	font-weight: normal;
}

#recent_ids {
	max-width: 650px;
	min-height: 50px;
	margin: 10px auto 5px auto;
	color: darkgray;
	font-weight: bold;
	font-size: 14px;
}

.logged_in {
	color: dimgray;
}

.success {
	font-size: 20px;
	font-weight: bold;
	color: #009933;
}

.warning {
	color: #CC6600;
}

.error, .exception {
	font-weight: normal;
	color: #CC3333;
}

#status_history_header {
	font-weight: bold;
	font-size: 28px;
	margin: 25px auto;
}

#specs_box, .status_box {
	text-align: initial;
	text-align-last: initial;
	width: 90%;
	max-width: 700px;
	background-color: #F8F8F8;
	border: 2px solid darkgray;
	border-radius: 10px;
}

#specs_box {
	display: none;
	margin: 25px auto;
	padding: 5px 5px 0px 5px;
}

.status_box {
	margin: 25px auto;
	padding: 0px 5px;
}

.label_printer_bottom_margin, .label_printer_page_break {
	display: none;
}

.spec_row {
	font-size: 14px;
	padding: 8px 4px;
	border-top: 1px solid darkgray;
}

.spec_row input, .spec_row textarea, .spec_row select {
	margin-top: 3px;
}

.spec_row input[type="submit"] {
	width: 99%;
}

.half_button_left, .half_button_right {
	width: 48% !important;
	float: left;
}

.half_button_right {
	float: right;
}

.unsaved_changes_note {
	margin: 10px auto;
	font: bold 16px sans-serif;
	color: darkgray;
}

.spec_row input:not([type]), .spec_row input[type="text"], select {
	width: 100%;
	font-size: 14px;
}

.spec_row textarea {
	font: 14px sans-serif;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	min-height: 30px;
	height: 50px;
}

.spec_row textarea#notes_input {
	min-height: 50px;
	height: 100px;
}

.spec_row:first-child {
	border-top: none;
}

.spec_row.id {
	text-align: center;
}

.spec_field {
	font-weight: bold;
}

.spec_value {
	hyphens: auto;
}

.spec_field.id {
	display: none;
}

.spec_value.id {
	font-weight: bold;
	font-size: 32px;
}

.spec_id_barcode, .specs_qr_code {
	display: none;
}

.action_links {
	font-weight: bold;
	font-size: 16px;
	color: darkgray;
}

.spec_row .action_links {
	font-size: 14px;
}

.spec_value.id_letters {
	font-size: 24px;
}

.spec_suggested_values {
	font-weight: bold;
	font-size: 11px;
	color: darkgray;
}

.spec_suggested_values select {
	width: auto;
	font-size: 12px;
}

.spec_action_links {
	float: right;
	font-weight: bold;
	font-size: 11px;
	color: darkgray;
}

.specs_to_copy {
	display: none;
	font: 14pt Arial, sans-serif; /* Specify 14pt Arial to match our eBay listings */
	background: white;
}

.specs_to_copy_as_csv {
	display: none;
	font: 12px sans-serif;
	background: white;
}

.notie-container {
	max-height: 100%;
	overflow-y: auto;
	font-size: 18px;
}

.notie-background-info {
	background-color: #39ABCD;
}

.notie-background-success {
	background-color: #42C561;
}

.notie-background-warning {
	background-color: #18BC3E; /* Warning style is currently used as alternating row color for "notie.select" */
}

.notie-background-error {
	background-color: #de625b;
}

.notie-background-neutral {
	background-color: darkgray;
}