:root {
	--site-pc-red: #8D363B;
	--site-primary-focus: #7C2C2C;
	--site-primary-focus-brd: #913131;
	--site-pc-darkgray: #333;
	--site-pc-newgray: #58595B;
	--site-in-spec: #08519C;
	--site-in-spec-focus: #083D78;
	--site-in-spec-focus-brd: #084C91;
	--site-out-spec: #CD913C;
	--site-out-spec-focus: #B47E32;
	--site-out-spec-focus-brd: #CA8C35;
	--site-color-disabled: #CCC;
}


a.navbar-brand {
	white-space: normal;
	text-align: center;
	word-break: break-all;
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}


html {
	font-size: 14px;
	font-family: Roboto, Verdana, Arial, sans-serif;
	min-width: 350px;
}

body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

a {
	display: inline-flex;
}

object {
	pointer-events: none;
}

@media (min-width: 768px) {
	html {
		font-size: 16px;
	}
}

/* Footer styles
-------------------------------------------------- */
footer {
	margin-top: auto;
}

.footer-sticky {
	position: fixed;
	bottom: 0;
	width: 100%;
	white-space: nowrap;
	line-height: 60px;
}

.footer-spacer {
	padding-bottom: 1rem;
}

.dropdown-standard {
	width: 200px;
}

/* Overrrides Bootstrap custom Tooltip style */
.tooltip-inner {
	max-width: 500px;
	padding: 0.25rem 0.5rem;
	color: #fff;
	font-size: 1.0rem;
	text-align: center;
	background-color: #000;
	border-radius: 0.25rem;
}

.results-window {
	height: 25rem;
	overflow-y: scroll;
}

/*-----------------------------
[ custom backgrounds ] */

.pig-hair {
	background: url(/images/pig-hair-500-wide.png);
	background-repeat: no-repeat;
	background-position: top;
	object-fit: cover;
}

.bg-login {
	background: url(/images/farmer-on-tablet-background.jpg);
	margin-left: 0px;
	background-repeat: no-repeat;
	background-position: top;
	object-fit: cover;
}

/*----------------------------
	[ data value formatting ] */
div[data-value] {
	color: var(--site-pc-darkgray);
	border-bottom: 0.25rem solid var(--site-pc-red);
	border-top: 0.25rem solid var(--site-pc-red);
}

div[data-value="0"], div[data-value="1"], div[data-value="2"], div[data-value="3"], div[data-value="4"], div[data-value="5"], div[data-value="6"],
div[data-value="7"], div[data-value="8"], div[data-value="9"], div[data-value="10"], div[data-value="11"], div[data-value="12"], div[data-value="13"],
div[data-value="14"], div[data-value="15"], div[data-value="16"], div[data-value="17"], div[data-value="18"], div[data-value="19"], div[data-value="20"],
div[data-value="21"], div[data-value="22"], div[data-value="23"], div[data-value="24"], div[data-value="25"], div[data-value="26"], div[data-value="27"],
div[data-value="28"], div[data-value="29"], div[data-value="30"] {
	background-color: var(--site-out-spec);
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

	input[type=number]:in-range {
		color: white;
		background-color: var(--site-in-spec);
	}

	input[type=number]:out-of-range {
		color: white;
		background-color: var(--site-out-spec);
	}


/*---------------------------------------------*/
div div a {
	text-decoration: none;
}

/*a {
	font-family: Roboto;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.7;
	color: #666666;
	margin: 0px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
}

	a:focus {
		outline: none !important;
	}

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

	a[data-toggle="tab"] {
		color: var(--site-pc-red);
	}

		a[data-toggle="tab"]:hover {
			text-decoration: none;
			color: #808080;
		}
	*/

/*---------------------------------------------*/
/*-- Footer-Link Style Override --*/
.footer-link {
	text-decoration: none;
	color: #fff;
	border: 1px solid var(--site-color-disabled);
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	border-radius: 0.25rem;
	background-color: var(--site-pc-newgray);
}

	.footer-link:visited {
		text-decoration: none;
		color: #aaa;
		border: 1px solid var(--site-color-disabled);
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		border-radius: 0.25rem;
		background-color: var(--site-pc-newgray);
	}

	.footer-link:hover, .footer-link:active {
		text-decoration: none;
		color: var(--site-pc-darkgray);
		border: 1px solid #fff;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		border-radius: 0.25rem;
		background-color: var(--site-color-disabled);
	}



/*---------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}

p {
	font-family: Roboto;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.7;
	color: #666666;
	margin: 0px;
}

ul, li {
	margin: 0px;
	list-style-type: none;
}

/*---------------------------------------------*/

input {
	outline: none;
	border: none;
	color: var(--site-pc-darkgray);
}

	input::-webkit-input-placeholder {
		color: var(--site-pc-newgray);
	}

	input:-moz-placeholder {
		color: var(--site-pc-newgray);
	}

	input::-moz-placeholder {
		color: var(--site-pc-newgray);
	}

	input:-ms-input-placeholder {
		color: var(--site-pc-newgray);
	}

label {
	margin: 0;
	display: block;
}

/*//////////////////////////////////////////////////////////////////
[ Fonts]
*/

.login-title, .login-sub-title, .font-login50, .font-login75, .font-login100, .font-login200 {
	font-family: Roboto;
	font-weight: 400;
	color: var(--site-pc-red);
	justify-content: center;
	align-items: center;
	text-align: center;
	display: block;
}

.login-title {
	font-weight: 700;
	font-size: 2.25rem;
	line-height: 1.2;
}

.login-sub-title {
	font-weight: 700;
	font-size: 1.9rem;
}

.font-login50 {
	font-size: 1rem;
}

.font-login75 {
	font-size: 1.2rem;
	color: #fff;
	text-align: left;
}

.font-login100 {
	font-size: 1.3rem;
	color: #fff;
	padding-left: 2rem;
	padding-right: 2rem;
}

.font-login200 {
	font-weight: 700;
	font-size: 1.4rem;
	text-transform: uppercase;
	color: #fff;
	padding-left: 2rem;
	padding-right: 2rem;
}

.font100, .font100-white, .font125, .font125-white, .font150, .font150-white {
	font-family: Roboto;
	font-weight: 400;
}

.font100 {
	font-size: 1.00rem;
	color: var(--site-pc-darkgray);
}

.font125 {
	font-size: 1.25rem;
	color: var(--site-pc-darkgray);
}

.font150 {
	font-size: 1.50rem;
	color: var(--site-pc-darkgray);
}

.font100-white {
	font-size: 1.00rem;
	color: #fff;
}

.font125-white {
	font-size: 1.25rem;
	color: #fff;
}

.font150-white {
	font-size: 1.50rem;
	color: #fff;
}

.icon100 {
	font-size: 1.00rem;
}

.icon125 {
	font-size: 1.25rem;
}

.icon150 {
	font-size: 1.50rem;
}

.icon200 {
	font-size: 2.00rem;
}

.icon300 {
	font-size: 3.00rem;
}


/*------------------------------------------------------------------
[ Icons and Images ]*/

.logo {
	display: inline-flex;
	min-width: 163px;
	max-width: 245px;
	margin-left: 0rem;
	padding-left: 0rem;
}

.logo-round {
	display: inline-flex;
	min-width: 80px;
	max-width: 120px;
	margin-right: 0rem;
	padding-right: 0rem;
}

.logo-full {
	display: inline-flex;
	min-height: 80px;
	max-width: 245px;
}

.logo-wide {
	display: inline-flex;
	min-height: 40px;
}

logo-fluid {
	max-height: 100%;
	width: auto;
}

.field-icon {
	float: right;
	margin-left: -25px;
	margin-top: -25px;
	position: relative;
	z-index: 2;
}

/*-----------------------------------------------------------
	[ login page control overrides ] */

.input-login {
	font-size: 1.25rem;
	color: var(--site-pc-darkgray);
	height: 3rem;
	width: 300px;
	margin-top: 1.5rem;
	box-shadow: 1px 1px 7px var(--site-color-disabled);
}

.select-login {
	font-size: 1.25rem;
	color: var(--site-pc-darkgray);
	height: 3rem;
	width: 300px;
	margin-top: 1.5rem;
	box-shadow: 1px 1px 7px var(--site-color-disabled);
}

.btn-login {
	color: #fff;
	font-size: 1.5rem;
	text-transform: uppercase;
	background-color: var(--site-pc-red);
	border-color: var(--site-pc-red);
	height: 3rem;
	width: 300px;
	border-radius: 0rem;
	margin-top: 1.5rem;
	box-shadow: 2px 2px 7px var(--site-pc-darkgray);
}

	.btn-login:hover {
		color: #fff;
		background-color: var(--site-primary-focus);
		border-color: var(--site-primary-focus);
		box-shadow: 0px 0px 10px var(--site-pc-red);
	}

	.btn-login:focus {
		color: #fff;
		background-color: var(--site-primary-focus);
		border-color: var(--site-primary-focus);
		box-shadow: 0px 0px 10px var(--site-pc-darkgray);
	}

	.btn-login:active, .btn-login.active, .show > .btn-login.dropdown-toggle {
		color: #fff;
		background-color: var(--site-pc-red);
		border-color: var(--site-pc-red);
	}

.link-login {
	text-decoration: none;
	font-size: 1.25rem;
	color: var(--site-pc-red);
	margin-top: 1.5rem;
	margin-left: 15rem;
}

	.link-login:visited {
	}

	.link-login:hover, .link-login:active {
		text-decoration: none;
		color: var(--site-primary-focus);
	}


/*---------------
	[Border]*/
.smooth-end {
	border-top-right-radius: 100vh;
	border-bottom-right-radius: 100vh;
	margin-left: 1px !important;
}

.smooth-middle {
	margin-left: 1px !important;
	margin-right: 1px !important;
}

.smooth-start {
	border-top-left-radius: 100vh;
	border-bottom-left-radius: 100vh;
	margin-right: 1px !important;
}

/*------------------------------------------------------------------
[ Button ]*/
/*----------btn-primary override-----*/
.btn-primary {
	color: #fff;
	background-color: var(--site-pc-red);
	border-color: var(--site-pc-red);
}

	.btn-primary:hover {
		color: #fff;
		background-color: var(--site-primary-focus);
		border-color: var(--site-primary-focus-brd);
	}

	.btn-primary:focus {
		color: #fff;
		background-color: var(--site-primary-focus);
		border-color: var(--site-primary-focus-brd);
		box-shadow: 0 0 0 0.25rem rgba(128, 128, 128, 0.5);
	}

	.btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
		color: #fff;
		background-color: var(--site-pc-red);
		border-color: var(--site-pc-red);
	}

		.btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.25rem rgba(128, 128, 128, 0.5);
		}

	.btn-primary:disabled, .btn-primary.disabled {
		color: #000;
		background-color: var(--site-color-disabled);
		border-color: var(--site-color-disabled);
	}
/*-------btn-in-spec--------*/
.btn-in-spec {
	color: #fff;
	background-color: var(--site-in-spec);
	border-color: var(--site-in-spec);
}

	.btn-in-spec:hover {
		color: #fff;
		background-color: var(--site-in-spec-focus);
		border-color: var(--site-in-spec-focus-brd);
	}

	.btn-in-spec:focus {
		color: #fff;
		background-color: var(--site-in-spec-focus);
		border-color: var(--site-in-spec-focus-brd);
		box-shadow: 0 0 0 0.25rem rgba(128, 128, 128, 0.5);
	}

	.btn-in-spec:active, .btn-in-spec.active, .show > .btn-in-spec.dropdown-toggle {
		color: #fff;
		background-color: var(--site-in-spec);
		border-color: var(--site-in-spec);
	}

		.btn-in-spec:active:focus, .btn-in-spec.active:focus, .show > .btn-in-spec.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.25rem rgba(128, 128, 128, 0.5);
		}

	.btn-in-spec:disabled, .btn-in-spec.disabled {
		color: #000;
		background-color: var(--site-color-disabled);
		border-color: var(--site-color-disabled);
	}
/*-------btn-out-spec--------*/
.btn-out-spec {
	color: #fff;
	background-color: var(--site-out-spec);
	border-color: var(--site-out-spec);
}

	.btn-out-spec:hover {
		color: #fff;
		background-color: var(--site-out-spec-focus);
		border-color: var(--site-out-spec-focus-brd);
	}

	.btn-out-spec:focus {
		color: #fff;
		background-color: var(--site-out-spec-focus);
		border-color: var(--site-out-spec-focus-brd);
		box-shadow: 0 0 0 0.25rem rgba(128, 128, 128, 0.5);
	}

	.btn-out-spec:active, .btn-out-spec.active, .show > .btn-out-spec.dropdown-toggle {
		color: #fff;
		background-color: var(--site-out-spec);
		border-color: var(--site-out-spec);
	}

		.btn-out-spec:active:focus, .btn-out-spec.active:focus, .show > .btn-out-spec.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.25rem rgba(128, 128, 128, 0.5);
		}

	.btn-out-spec:disabled, .btn-out-spec.disabled {
		color: #000;
		background-color: var(--site-color-disabled);
		border-color: var(--site-color-disabled);
	}

.btn-eye {
	color: var(--site-pc-newgray);
	background-color: var(--site-color-disabled);
	cursor: pointer;
}

	.btn-eye:hover {
		color: var(--site-color-disabled);
		background-color: var(--site-pc-newgray);
		cursor: pointer;
	}

/*-----------------------------------------------------------------
[ nav and nav-link overrides  ----------*/
.nav-link {
	font-size: 1.4rem;
	color: var(--site-pc-darkgray);
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	height: 90px;
}

	.nav-link:hover, .nav-link:focus {
		color: #000;
	}

.navbar {
	--site-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1.0%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	height: 92px;
	margin-bottom: -0.5rem;
}

.navbar-toggler {
	padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
	font-size: var(--bs-navbar-toggler-font-size);
	line-height: 1;
	color: #fff;
	background-color: var(--site-pc-red);
	border: 1px solid var(--site-pc-darkgray);
	border-radius: var(--bs-navbar-toggler-border-radius);
	transition: var(--bs-navbar-toggler-transition);
	margin-top: -1rem;
	margin-bottom: 0.5rem;
}

.navbar-toggler-icon {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
	background-image: var(--site-navbar-toggler-icon-bg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}

.navbar-collapse {
	flex-basis: 100%;
	flex-grow: 1;
	align-items: center;
}

@media (min-width: 300px) {
	.narrow-header {
		display: inline-flex;
	}

	.wide-header {
		display: none;
	}

	.navbar {
		height: none;
	}

	.navbar-nav {
		margin-bottom: 0rem;
	}

		.navbar-nav .show > .nav-link,
		.navbar-nav .nav-link.active {
			color: var(--site-pc-red);
		}
}

@media (min-width: 992px) {
	.narrow-header {
		display: none;
	}

	.navbar {
		height: none;
	}

	.wide-header {
		display: inline-flex;
		max-height: 108px;
	}

	.navbar-nav {
		margin-bottom: 0rem;
	}

		.navbar-nav .show > .nav-link,
		.navbar-nav .nav-link.active {
			color: var(--site-pc-red);
			border-bottom-width: 0.4rem;
			border-color: var(--site-pc-red);
			border-bottom-style: solid;
			margin-bottom: -1.6rem;
		}
}

/*-------------------------------------------------------------------
	[ row styling ]      ----*/
.translatable-row {
}

	.translatable-row:hover {
		background-color: var(--site-color-disabled);
		border-radius: 0.25rem;
	}


/*-----------------------------------------------------------------
	[ special container class for full width container in header ] --*/
.container-wide {
	--bs-gutter-x: 0.5rem;
	--bs-gutter-y: 0;
	width: 100%;
	padding-right: calc(var(--bs-gutter-x) * 0.5);
	padding-left: calc(var(--bs-gutter-x) * 0.5);
	margin-right: auto;
	margin-left: auto;
}

.underline {
	width: 98%;
	align-self: center;
	border-bottom-width: 1px;
	border-color: var(--site-pc-newgray);
	border-bottom-style: solid;
}

/*-----------------------------------------------------------------
	[ special container class for login on left side ] --*/
.container-login {
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;
	width: 500px;
	height: 100vh;
	padding-right: 1rem;
	padding-left: 1rem;
	background-color: #fff;
}


/*------------------------------------------------------------------
[ Color ]*/
.border-pc-red {
	border: 1px solid;
	border-color: var(--site-pc-red);
}

.bg-pc-red {
	background-color: var(--site-pc-red);
}

.bg-pc-darkgray {
	background-color: var(--site-pc-darkgray);
}

.bg-missing {
	background-color: #FFF3CD;
}

.bg-missing-medium {
	background-color: #FFECB5;
}

.bg-disabled {
	background-color: var(--site-color-disabled);
}

.bg-none {
	background: none;
}

.in-spec {
	background: var(--site-in-spec);
}

.out-spec {
	background: var(--site-out-spec);
}


/*//////////////////////////////////////////////////////////////////
[ custom media query section ]*/

@media (max-width: 1000px) {
	/* Everything in here is for wider screens, i.e. phones in landscape mode 
		and tablets and regular monitors.	*/

	.hide-narrow {
		display: none;
	}
}

@media (min-width: 1000px) {
	/* Everything in here is for narrow screens, i.e. phones in portrait mode */

	.hide-wide {
		display: none;
	}
}