/* 
	DEFAULT COLORS
	Main: #39422D
	Secondary: #707070;
	Background-Color: #39422D
	
	PRIMARY COLOR: 		#222222   - #2.22222   - Cast Iron
	SECONDARY COLOR: 	#39422D   - #4.15849   - Chives
	TERTIARY COLOR:		#707070   - #F.2E8D1   - Garlic
	HIGLIGHT COLOR:		#DEE2E3   - #D.EE3DE   - Mineral Green
	LIGHT GRAY:			#F5F5F5   - #F.5F5F5   - Blanc Gris
	DARK GRAY: 			#E5E5E5   - #E.5E5E5   - Dark Grey
	------------------------------------------------------------------------------
*/

@font-face{
	font-family:"Proxima Nova W02 Regular";
	src:url("/Home/Fonts/Proxima-Nova/5596744/33ca2000-af7b-4444-97cd-6392ab2e24b2.woff2") format("woff2"),url("/Home/Fonts/Proxima-Nova/5596744/1c003cc6-0f8f-4c82-adde-a5a026b56b50.woff") format("woff");
}
@font-face{
	font-family:"Proxima Nova W02 Light";
	src:url("/Home/Fonts/Proxima-Nova/5596773/27f5855e-1f73-42cc-a083-cb0f319ea42a.woff2") format("woff2"),url("/Home/Fonts/Proxima-Nova/f44944f0-b92e-4152-9ea1-eb41de241416.woff") format("woff");
}
@font-face{
	font-family:"Proxima Nova W02 Light Italic";
	src:url("/Home/Fonts/Proxima-Nova/5596795/e6045512-9eaa-432c-9041-d40c5e9fa285.woff2") format("woff2"),url("/Home/Fonts/Proxima-Nova/5596795/d6e61fb0-be4b-4b61-8cd7-67b718ab6b9c.woff") format("woff");
}
@font-face{
	font-family:"Proxima Nova W02 Italic";
	src:url("/Home/Fonts/Proxima-Nova/5596892/cf5ef906-e055-4b2c-8fc5-fcc4ab3ed9a2.woff2") format("woff2"),url("/Home/Fonts/Proxima-Nova/5596892/19f65509-8952-44f0-b007-4dc3c4ba8aed.woff") format("woff");
}
@font-face{
	font-family:"Proxima Nova W02 Bold";
	src:url("/Home/Fonts/Proxima-Nova/5596929/3c35dc60-9fe3-480f-90ac-e453db0271e2.woff2") format("woff2"),url("/Home/Fonts/Proxima-Nova/5596929/2b2b7939-693b-44cd-873a-1aa065a906b8.woff") format("woff");
}
@font-face{
	font-family:"Proxima Nova W02 Bold Italic";
	src:url("/Home/Fonts/Proxima-Nova/5596956/7eb49857-6450-4915-9c21-2759d4e531ca.woff2") format("woff2"),url("/Home/Fonts/Proxima-Nova/5596956/27bbc35f-00c4-4c26-8cd8-cb37149f6f89.woff") format("woff");
}
@font-face{
	font-family:"Proxima Nova W02 Extrabold";
	src:url("/Home/Fonts/Proxima-Nova/5596987/115749ef-1104-4c09-b697-8a7d420a133a.woff2") format("woff2"),url("/Home/Fonts/Proxima-Nova/5596987/b28c6f56-4543-49d1-b265-5715615199e1.woff") format("woff");
}
@font-face{
	font-family:"Proxima Nova W02 Medium Italic";
	src:url("/Home/Fonts/Proxima-Nova/5597435/f64cc92e-2a13-46fa-88fd-6da2d2366b62.woff2") format("woff2"),url("/Home/Fonts/Proxima-Nova/5597435/5c10f44e-1e74-4b89-846f-6356fe0fcf83.woff") format("woff");
}
@font-face{
	font-family:"Proxima Nova W02 Medium";
	src:url("/Home/Fonts/Proxima-Nova/5597951/fefa128d-8eb9-48e9-adf7-568b92a2e991.woff2") format("woff2"),url("/Home/Fonts/Proxima-Nova/5597951/8c025621-11f1-4af4-8dfa-69eb993b51b9.woff") format("woff");
}
@font-face{
	font-family:"Proxima Nova W02 Extrabold It";
	src:url("/Home/Fonts/Proxima-Nova/5598064/09b35b93-8d1b-4b38-b61f-4eaa7f66e7b3.woff2") format("woff2"),url("/Home/Fonts/Proxima-Nova/5598064/686a0d12-8055-40eb-8111-258e1c053de1.woff") format("woff");
}
@font-face{
	font-family:"Proxima Nova W02 Black";
	src:url("/Home/Fonts/Proxima-Nova/5598090/fe7a1b50-a80f-4c74-9aa1-dd758277036c.woff2") format("woff2"),url("/Home/Fonts/Proxima-Nova/5598090/2322a12f-be08-4e73-b44f-0f42eb551213.woff") format("woff");
}
@font-face{
	font-family:"Proxima Nova W02 Black Italic";
	src:url("/Home/Fonts/Proxima-Nova/5598120/91f5bcdd-035f-4d6c-a85d-f91e01bfdc3c.woff2") format("woff2"),url("/Home/Fonts/Proxima-Nova/5598120/d152d02f-1db6-4481-882d-73b9d062d05c.woff") format("woff");
}
@font-face{
	font-family:"Proxima Nova W02 Thin";
	src:url("/Home/Fonts/Proxima-Nova/5738879/0dd9e13f-65c9-49ec-921d-1084a341e951.woff2") format("woff2"),url("/Home/Fonts/Proxima-Nova/5738879/67b6039f-db5d-4fb9-9e6e-6636bbd39fcb.woff") format("woff");
}
@font-face{
	font-family:"Proxima Nova W02 Thin Italic";
	src:url("/Home/Fonts/Proxima-Nova/5738899/0bd1068d-9aa9-4d47-9b1d-756f5a2b7ebe.woff2") format("woff2"),url("/Home/Fonts/Proxima-Nova/5738899/7013b98f-7c4c-44a7-9032-64a6cafcd755.woff") format("woff");
}
@font-face{
	font-family:"Proxima Nova W02 Semibold";
	src:url("/Home/Fonts/Proxima-Nova/5738926/3e324849-d359-4b66-9b56-bad57426a869.woff2") format("woff2"),url("/Home/Fonts/Proxima-Nova/5738926/584a9e8f-ec09-4b98-bb1a-7cc22b43da7b.woff") format("woff");
}
@font-face{
	font-family:"Proxima Nova W02 Semibold It";
	src:url("/Home/Fonts/Proxima-Nova/5738954/60fd2e96-06e7-43e0-8463-d43ca22000d8.woff2") format("woff2"),url("/Home/Fonts/Proxima-Nova/5738954/807387d3-f627-4eff-8f3c-0d8908da8e9c.woff") format("woff");
}

@font-face{
	font-family:"FS Brabo W03 Medium Italic";
	src:url("/Home/Fonts/Fonts/5967199/caeb297a-8a31-41c5-9263-601f54999106.woff2") format("woff2"),url("/Home/Fonts/Fonts/5967199/6df8b4a0-2053-4cce-9dcb-fa986f46b608.woff") format("woff");
}
@font-face{
	font-family:"FS Brabo W03 SemiBold";
	src:url("/Home/Fonts/FS-Brabo/5967202/0c5e78dc-67d0-413c-bfc5-7f6eb3d87463.woff2") format("woff2"),url("/Home/Fonts/FS-Brabo/5967202/62f912ec-6ece-4613-8bca-410a51af0876.woff") format("woff");
}
@font-face{
	font-family:"FS Brabo W03 SemiBold Italic";
	src:url("/Home/Fonts/FS-Brabo/5967205/21aabd9f-a60d-4b76-902e-8269fced506c.woff2") format("woff2"),url("/Home/Fonts/FS-Brabo/5967205/4f1dad3c-4ffe-4f6d-a956-b2eb8f371639.woff") format("woff");
}
@font-face{
	font-family:"FS Brabo W03 Bold";
	src:url("/Home/Fonts/FS-Brabo/5967208/cf248ad6-3c88-4c17-aee7-554bd0e2c743.woff2") format("woff2"),url("/Home/Fonts/FS-Brabo/5967208/270b089d-86c9-429f-b4a1-018100fcebc0.woff") format("woff");
}
@font-face{
	font-family:"FS Brabo W03 Bold Italic";
	src:url("/Home/Fonts/FS-Brabo/5967211/cda5bc4c-26ca-4cfb-a1ec-ec6668b640d0.woff2") format("woff2"),url("/Home/Fonts/FS-Brabo/5967211/9330b02d-5b54-4e77-b431-e5358f81a066.woff") format("woff");
}
@font-face{
	font-family:"FS Brabo W03 ExtraLight";
	src:url("/Home/Fonts/FS-Brabo/5971302/be1ce077-4b49-4adf-9e99-3be007267302.woff2") format("woff2"),url("/Home/Fonts/FS-Brabo/5971302/fa9c35eb-eabd-4a61-9d41-951cdcca6369.woff") format("woff");
}
@font-face{
	font-family:"FS Brabo W03 ExtraLight Italic";
	src:url("/Home/Fonts/FS-Brabo/5971305/4bf75020-f0e8-4663-942b-2cb0496d2f09.woff2") format("woff2"),url("/Home/Fonts/FS-Brabo/5971305/3249c5ec-7a08-429c-818a-9c80dfd9db24.woff") format("woff");
}
@font-face{
	font-family:"FS Brabo W03 Light";
	src:url("/Home/Fonts/FS-Brabo/5971308/424c42f9-1348-46ed-b6dd-487489d44c86.woff2") format("woff2"),url("/Home/Fonts/FS-Brabo/5971308/eb894f48-8d16-42f2-b723-98f45c6ea183.woff") format("woff");
}
@font-face{
	font-family:"FS Brabo W03 Light Italic";
	src:url("/Home/Fonts/FS-Brabo/5971311/8f9d5478-f814-444e-9e10-eb9d2ebd5a87.woff2") format("woff2"),url("/Home/Fonts/FS-Brabo/5971311/7064382d-9a2a-43d6-997b-640f2b99d428.woff") format("woff");
}
@font-face{
	font-family:"FS Brabo W03 Regular";
	src:url("/Home/Fonts/FS-Brabo/5971314/3c5587ee-7bd4-497b-829b-e1c7869d0570.woff2") format("woff2"),url("/Home/Fonts/FS-Brabo/5971314/fb525f8a-1685-4ece-9d74-d91684816a6e.woff") format("woff");
}
@font-face{
	font-family:"FS Brabo W03 Italic";
	src:url("/Home/Fonts/FS-Brabo/5971318/09a96be5-744d-437a-9739-4698be4dc85e.woff2") format("woff2"),url("/Home/Fonts/FS-Brabo/5971318/c3b6906b-aacf-43bf-9679-a8ae34dafd11.woff") format("woff");
}
@font-face{
	font-family:"FS Brabo W03 Medium";
	src:url("/Home/Fonts/FS-Brabo/5971321/21ff0596-c7c1-418c-b697-2ee866693da1.woff2") format("woff2"),url("/Home/Fonts/FS-Brabo/5971321/2cc27d6a-05a5-4c19-ad31-91d02edab2bd.woff") format("woff");
}

@font-face{
	font-family:"Dom Diagonal W03 Rg";
	src:url("/Home/Fonts/Dom/1296156/c934d040-1755-48c8-b852-fe0ff62c29c6.woff2") format("woff2"),url("/Home/Fonts/Dom/1296156/6b649757-347c-4b04-bb85-06489dbe2e29.woff") format("woff");
}

html { overflow-y: scroll; }

body {
	font-family: "Proxima Nova W02 Regular", Helvetica, Arial, sans-serif; 
	font-weight: normal;
	color: #FFFFFF; 
	font-size: 13px;
	
	background:url("/Home/Images/Grow_Background_Color.jpg") no-repeat top left fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Home/Images/Grow_Background_Color.jpg', sizingMethod='scale');
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src'/Home/Images/Grow_Background_Color.jpg', sizingMethod='scale')"
}

	body#reset {
		background-color: #FFFFFF; 
		background-image: none; 
		color: #222222; 
		font-weight: normal;
	}

a, .a, ins {
	color: #39422D;
	font-weight: bold;
}

	a:hover {
		color: #333333;	
	}

.a2 {
	color: #707070;	
}

	a.white, a.white:hover { color: #FFFFFF; }

h1, .h1 {
	font-size: 36px;
	font-weight: bold;
	margin: 10px 0;
}

h2, .h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 5px 0;
}

h3, .h3 {
	font-size: 48px;
	font-weight: bold;
	margin: 10px 0;
}

	#map h3 {
		font-size: 12px;
	}

.h1, .h2, .h3, .h4 {
	font-family: "Proxima Nova W02 Bold", Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin: auto 0;
}

input, textarea, select {
	font-family: "Proxima Nova W02 Light", Helvetica, Arial, sans-serif;
	color: #4F4F4F;
	padding: 10px;
	margin-bottom: 0px;
	border: 1px solid #828282;
}

	select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 10px;
		padding-right: 30px;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23222222%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23222222%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
		background-size: .6em;
		background-position: calc(100% - 1.3em) center;
		background-repeat: no-repeat;
	}

		select::-ms-expand {
			display: none;
		}

		.select2-results__options {
			color: #222222;
		}

		#ERPSubmit .select2-container, .select2-dropdown {
			max-width: 450px!important;
		}

			.select2-dropdown {
				border-top: 1px solid #828282!important;
			}

		li.select2-selection__choice {
			margin: 0;
			font-size: 16px;
		}

	input[type="submit"], input#Submit, input#Submit2, input#Submit3, input#Submit4, input#Submit5, input#Submit6, form#Edit input[type="submit"], form#Edit input#Submit, a.button {
		font-family: "Proxima Nova W02 Bold", Helvetica, Arial, sans-serif;
		color: #FFFFFF;
		background-color: #222222;
		border: 2px #222222 solid;
		-moz-border-radius: 5px;
			border-radius: 5px;
		width: auto;
		padding: .75em 1em;
		margin-top: 20px;
		margin-left: 20px;
		text-transform: uppercase;
	}

		input#Submit:hover, input#Submit2:hover, input#Submit3:hover, input#Submit4:hover, input#Submit5:hover, input#Submit6:hover, form#Edit input#Submit:hover, a.button:hover {
			background-color: #FFFFFF;
			color: #222222;
		}

		a.button { 
			appearance: button;
				-webkit-appearance: button;
				-moz-appearance: button;

			text-decoration: none; 
		}

			.tablet a.button {
				margin: 0;
			}

		#ReportParameters input#Submit {
			margin-top: 0;
		}

	input[type="file"] {
		border: 0;
	}

	input[type="color"] {
		padding: 0;
	}
	
	select.select-navigation {
		padding: 1px 0;
		border: 0;
		margin: 3px 0 0 0;
		
	}

	.tablet, form.tablet-form input, form.tablet-form textarea, form.tablet-form select {
		font-size: 3em;
		margin: 10px 0;
		background-color: #FFFFFF;
		font-weight: bold;
		border-radius: 5px;
	}

		form.tablet-form input[type="submit"] { font-size: 2em; }

		form.tablet-form input[type="checkbox"] { 
			width: 50px; 
			height: 50px;
			margin: 20px 10px 0 10px;
		}

		form.tablet-form select {
			padding-right: 90px;
			background-position: calc(100% - 1.2em) center;
		}

	.dropdown-menu label {
		display: block;
	}
	
ul, ol {
	margin: 0 0 10px 10px;
}
	
	ul {
		list-style-type: disc;
	}
	
	ol {
		list-style-type: decimal;
	}

li {
	margin: 3px 0 0 20px;
}

div.content {
	padding-bottom: 5px;
}

div.spacer {
	line-height: 10px;
}

div.flex-container {
	display: flex;
	align-content: stretch;
	align-items: stretch;
	margin: 0 0 10px 0;
}

	div.flex-item, div.flex-item-2 {
		min-width: 0;
		align-self: stretch;
		overflow: hidden;
	}

	div.flex-item {
		flex: 1;
	}

	div.flex-item-2 {
		flex: 2;
	}

div.flex-container-table {
	display: flex;
	flex-wrap: wrap;
}

	div.flex-cell {
		flex: 1;
	}

	div.flex-break {
		flex-basis: 100%;
		height: 0;
	}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

	td.right {
		padding-right: 10px;
	}

.hide {
	display: none;
}

.warning {
	padding: 10px 0; 
	margin: 10px auto; 
	color: #A03123;
	font-weight: bold;
	text-align: center;
	background-color: #DEE2E3;
	border: 2px solid #39422D;
	width: 95%;
	-moz-border-radius: 10px;
		border-radius: 10px;
}

	.warning p, .warning ul, warning ol {
		text-align: left;
	}
	
	.warning-text {	
		color: #A03123;
		font-weight: bold;
	}

.all-site-message {
	margin-top: -10px;
}	

.q-options { margin-top: 10px; }

.widget {
	border-radius: 5px;
	padding: 5px;
	margin: 5px 10px;
	color: #222222;
	font-weight: bold;
	font-size: 1.5em;
	text-transform: uppercase;
}

	.widget-green {
		background-color: #DEE2E3;
		border: 2px solid #39422D;
	}

	.widget-yellow {
		background-color: #f2e8d17a;
		border: 2px solid #707070;
	}

	.widget-light-gray {
		background-color: #E0E0E0;
		border: 2px solid #333333;
	}

	.widget-dark-gray {
		background-color: #BDBDBD;
		border: 2px solid #4F4F4F;
	}

	.small-widget {
		font-size: .75em;
		padding: 3px;
		border-radius: 3px;
		margin: 5px 0 0 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.background-50 {
	background-color: rgba(0,0,0,.5);
	color: #FFFFFF;
}

.fixed-scroll {
	position: fixed;
	top:0; 
	left:0;
	width: 100%; 
	background-color: #FFFFFF;
	padding-bottom: 10px;
}
	
#main {
	position: relative;
	margin: 0 auto;
	background-color: #FFFFFF;
	color: #222222;
	border: 4px solid #222222;
	border-bottom: 0;
	border-top: 0;
	min-height: 100vh;
}

	#main.full-main {
		margin-left: 20px;
		margin-right: 20px;
		position: relative;
	}
	
	.full-logo {
		width: 220px; 
		padding-left: 10px; 
		margin-right: 20px; 
		float: left;
		height: 91px;
	}
	
	.full-title {
		overflow: hidden;
		padding-right: 240px;
		text-align: center;
	}

#footer-copy {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #39422D;
	color: #FFFFFF;
	margin-top: 100px; 
	padding: 10px 0 10px 0;
	text-align: center;
}

	#footer-copy a { color: #FFFFFF; }

		#footer-copy a:hover { color: #FFFFFF; }

	#footer-spacer { height: 100px; }

div#Fixed-Cloud {
	position: fixed;
	width: 500px;
}

	div#Fixed-Cloud input {
		width: 300px;
	}
	
	div#Fixed-Cloud .Cloud-Box {
		background-color: transparent;
		padding: 20px;
		color: #222222;
		font-size: 24px;
		line-height: 30px;
		margin-right: 20px;
	}
	
	/* Cloud Locations of Different Pages */
	.Dashboard-Login {
		color: #FFFFFF;
		top: 275px;
		left: 10;
	}
	
	.Dashboard-Password {
		top: 225px;
		left: 60px;
	}
	
.top { 
	vertical-align: top; 
}

.even { 
	background-color: #DEE2E3; 
}

.odd { 
	background-color: #FFFFFF; 
}

	tr.row-green { background-color: #707070; } 

.cell-highlight { 
	background-color: #A03123; 
}

.cell-gray-highlight { 
	background-color: #E5E5E5; 
}

tr.thick-border-top td { border-top: #222222 solid 2px; }

.title { 
	background-color: #222222; 
	color: #FFFFFF; 
	padding-bottom: 10px; 
	padding-top: 10px; 
	vertical-align: middle; 
}
				
	.title a { 
		color: #FFFFFF; 
		border-bottom-color: #FFFFFF; 
	}

.select-photo {
	margin: 5px;
	border: 2px solid #707070;
	max-width: calc(100% - 14px);
}

	.select-photo:hover { border-color: #39422D; }
	
table { 
	background-color: #FFFFFF; 
	margin-left: auto; 
	margin-right: auto; 
	width: 100%;
}
	
	td { 
		padding: 3px;
	}

.section-title { 
	margin: 30px 0 20px 0;
	font-size: 36px;
	font-weight: bold;
}

.include-header {
	margin-top: 20px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	/*background-color: #DEE2E3;*/
	padding: 5px 0;
}
	
table#TableListing, table.TableListing {
	border: 1px solid #222222;
}

	.tbl-black-text {
		color: #222222;
	}

form table#RecordEdit, form table#RecordEdit2 {
	font-size: 14px;
}

	td.column-name, td.custom-name { 
		font-weight: bold;
		color: #39422D;
		white-space: nowrap;
		padding-right: 20px;
		vertical-align: middle;
	}
	
	td.column-value {
		width: 100%;
	}
	
	td.column-border-top-bottom { 
		border-top: 1px solid #222222;
		border-bottom: 1px solid #222222;
	}
	
form table.custom-edit {}

	td.custom-name {
		padding-right: 10px;
		text-align: right;
	}

	form table.custom-edit input { width: 129px; }
	
		form table.custom-edit input.small-input { width: 30px; }
		
			form table.custom-edit input.box-1 { width: 271px; }
			form table.custom-edit input.box-2 { width: 91px; }
			form table.custom-edit input.box-3 { width: 121px; }
			form table.custom-edit input.box-4 { width: 30px; }
			
			form table.custom-edit select.box-1 { width: 291px; }
			form table.custom-edit select.box-2 { width: 111px; }
			form table.custom-edit select.box-3 { width: 141px; }
			form table.custom-edit select.box-4 { width: 60px; }
			
			form table.custom-edit td.cell-1a { width: 112px; }
			form table.custom-edit td.cell-1b { width: 291px; }
			form table.custom-edit td.cell-2a { width: 112px; }
			form table.custom-edit td.cell-2b { width: 111px; }
			form table.custom-edit td.cell-3a { width: 47px; }
			form table.custom-edit td.cell-3b { width: 141px; }
			form table.custom-edit td.cell-4a { width: 49px; }
			form table.custom-edit td.cell-4b { width: 66px; }

.field-note {
	font-weight: normal; 
	color: #222222;
	font-size: 10px;
}
		
table#gps-data td {
	border-bottom: 1px solid #222222;
	text-align: right;
	padding: 3px 5px;
}

table.small-table { margin: 0 0 20px 0; }

	table.small-table td { 
		padding: 5px; 
		border-bottom: 1px solid #FFFFFF;
	}

tr.heading td, tr.black-heading td {
		font-weight: bold;
		text-align: left;
		border-bottom: 1px solid #39422D;
		vertical-align: bottom;
}

	tr.black-heading td {
		color: #FFFFFF;
		background-color: #39422D;
	}
	
		tr.black-heading td.right, tr.heading td.right { text-align: right; }
		
		tr.black-heading td.center, tr.heading td.center { text-align: center; }
		
tr.bold td { font-weight: bold; }

tr.top td { border-top: 1px solid #222222; }
	
tr.bottom td { border-bottom: 1px solid #222222; }

tr:hover.hover, td:hover.hover {
	background-color: #e6e4e4;
	/*color: #FFFFFF;*/
}

	tr:hover.hover a, td:hover.hover a {
		/*color: #FFFFFF;*/
	}

tr.basket td { background-color: #707070; }

tr.basket-item td { background-color: #DEE2E3; }

tr.deposit td { background-color: #e3cecc; }

#edit_food input[type="number"][disabled] { 
	background-color: #FFFFFF; 
	color: #7e7e7e;
}

tr.bright-red td, td.bright-red, .bright-red {
	font-weight: bold;
	color: #FF0000;
}

tr.red td, td.red, .red { 
	font-weight: bold; 
	color: #A03123;
}
	
tr.yellow td, td.yellow {
	font-weight: bold;
	color: #dff41a;
}

tr.highlight-yellow td, td.highlight-yellow {
	background-color: #FFFF00;
}
	
tr.green td, td.green { 
	font-weight: normal;
	/* color: #39422D; */
}

.black {
	color: #222222;
}

.white { 
	color: #FFFFFF;
}

td.radio-cell { 
	text-align: center;
	width: 40px;
}

ol.test {
	margin-top: 40px;
}

	ol.test li.question {
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 40px;
	}
	
		ol.test li.question ol.answer {
			list-style-type: none;
			margin-top: 10px;
		}
		
			ol.test li.question ol.answer li {
				font-weight: normal;
			}
			
				ol.test li.question ol.answer li input { width: inherit; }
			
		ol.test li.question input {
			width: 500px;
			margin-top: 10px;
		}
		
		ol.test li.question textarea {
			width: 500px;
			height: 100px;
			margin-top: 10px;
		}

#Navigation-Wrapper {
	margin: 0 -10px 20px -10px;
	text-align: center;
	background-color: #39422D;
}

	#Navigation-Wrapper.full {
		margin: 0 0 20px 0;
	}

	#Navigation {
		color: #FFFFFF;
		font-weight: bold;
		padding: 0;
		margin: 0 auto;
		width: 960px;
		text-align: left;
	}

		/* Style The Dropdown Button */
		.dropbtn {
			font-family: "Proxima Nova W02 Bold", Helvetica, Arial, sans-serif;
			background-color: #39422D;
			color: #FFFFFF;
			font-weight: bold;
			padding: 5px;
			font-size: 12px;
			border: none;
			cursor: pointer;
		}

			a.dropbtn { 
				text-decoration: none;
			}

			/* The container <div> - needed to position the dropdown content */
			.dropdown {
				position: relative;
				display: inline-block;
				margin: 0;
				padding: 0;
			}

			/* Dropdown Content (Hidden by Default) */
			.dropdown-content {
				display: none;
				position: absolute;
				background-color: #f9f9f9;
				min-width: 220px;
				box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
			}
			
				.dropdown-content-2cols { width: 460px; }
				.dropdown-content-1cols { width: 230px; }

			/* Links inside the dropdown */
			.dropdown-content a, .dropdown-content .a {
				color: #222222;
				padding: 6px 16px;
				text-decoration: none;
				display: block;
			}
			
				.dropdown-content .subhead {
					color: #FFFFFF;
					background-color: #39422D;
				}

			/* Change color of dropdown links on hover */
			.dropdown-content a:hover { 
				background-color: #DEE2E3; 
			}

			/* Show the dropdown menu on hover */
			.dropdown:hover .dropdown-content {
				display: block;
				z-index: 1000;
			}

			/* Change the background color of the dropdown button when the dropdown content is shown */
			.dropdown:hover .dropbtn {
				background-color: #222222;
			}

#DevEnvironmentBanner {
	margin-right: -10px;
	margin-left: -10px;
	font-family: "Proxima Nova W02 Bold", Helvetica, Arial, sans-serif;
	padding: 10px 0;
	background-color: #A03123;
	color: #FFFFFF;
	text-align: center;
}

	div.full-main #DevEnvironmentBanner {
		margin-left: 0;
		margin-right: 0;
	}
			
#TopNavigation {
	float: left; 
	width: 220px; 
	margin-top: 20px;
}
			
	.top-header {
		background-color: #39422D;
		color: #FFFFFF;
		font-weight: bold;
		padding: 5px;
		font-size: 12px;
		border: none;
		cursor: pointer;
	}

		.top-header:hover { background-color: #222222; }

		.top-detail {
			background-color: #f9f9f9;
			padding: 6px 0 6px 10px;
		}
			
			.top-detail:hover {
				background-color: #f1f1f1; 
			} 
		
			.top-detail a { color: #222222; }

#ReportBody {
	margin-bottom: 100px;
	width: 100%;
}

	.ReportFullBody {
		padding: 0 10px;
	}

	#ReportBody .very-wide-table {
		max-width: 100vw;
		overflow-x: scroll;
		border: 1px solid #222222;
	}

.report-section-title {
	padding-top: 5px;
}

#ReportParameters, #OptionalParameters { 
	text-align: center;
	margin: 0 auto 10px auto; 
	/*border-top: 1px solid #222222;*/
	border-bottom: 1px solid #222222;
	padding: 0 0 20px 0;
}

	#OptionalParameters { margin-top: 10px; }

	#ReportParameters input, #OptionalParameters input { margin-right: 15px; }

		#ReportParameters input.date { width: 75px; }
		#ReportParameters input.datetime { width: 100px; }
		
	#ReportParameters div.portal-parameters {
		padding-bottom: 100px;
	}
		
#ReportOptions {
	margin-bottom: 10px;
}

#HealthPlanParameters {
	margin-top: 20px;
	display: none;
}

	#HealthPlanParameters select {
		margin-right: 20px;
	}

#SendEmail {
	padding: 20px; 
	border-bottom: 1px solid #222222; 
	margin-bottom: 20px;
}

	#SendEmail td.column-value input, #SendEmail td.column-value textarea { width: 680px; }
	
#Deliveries td, #StandingOrders td, #Holds td, #ClientNotes td, #CaseManagement td, #ClientReferrals td, #ClientCalls td {
	vertical-align: top;
	border-bottom: 1px solid #222222;
}

	#Deliveries td img.signature {
		width: 100px;
	}

table#Calendar { 
	width: 100%; 
	border: 4px solid #222222;
}
	
	table#Calendar td {
		 padding: 0;
		 margin: 0;
	}

	table#Calendar div.calendar {
		padding: 5px; 
		height: 12px; 
		font-size: 12px; 
		line-height: 14px;
		font-weight: normal;
		border: 0;
		border-bottom: 1px solid #222222;
		overflow: hidden;
	}
	
		table#Calendar div.week-mode, table#Calendar div.month-mode {
			font-size: 10px;
			line-height: 12px;
		}
	
		table#Calendar div.day-mode {
			height: 14px;
		}
	
		table#Calendar div.remaining {
			height: auto; 
			font-size: 12px;
			font-weight: bold;
			padding: 5px;
			text-align: left;
		}
	
	table#Calendar a.calendar-link { 
		border: 0; 
		text-decoration: none; 
		font-weight: normal;
	}
	
	table#Calendar .calendar-body { 
		margin: 0;
		padding: 0 0 36px 0;
		border: 1px solid #222222;
	}
	
	table#Calendar .week-day, table#Calendar td.day-header {
		font-weight: bold;
		background-color: #222222;
		color: #CCCCCC;
		margin: 0;
		padding: 5px 0;
		text-align: center;
	}
	
	table#Calendar .week-day-number {
		margin: 0;
		padding: 5px;
		background-color: #FFFFFF;
		font-weight: bold;
		border-top: 4px solid #222222;
	}
	
	table#Calendar .week-number {
		color: #A2B5F5;
	}
	
	table#Calendar div.right-border { border-right: 1px solid #222222; }
	
	table#Calendar div.no-right-border { border-right: 0; }

	table#Calendar div.left-border { border-left: 1px solid #222222; }
	
	table#Calendar div.no-left-border { border-left: 0; }

ul#PendingAssignment {
	margin-top: 25px;
	text-align: left;
	list-style-type: none;
	margin-bottom: -20px;
}

	ul#PendingAssignment li {
		margin-bottom: 5px;
	}
	
div#DragNDrop ul { margin: 0; border-bottom: 1px solid #222222; }

	div#DragNDrop ul li { list-style-type: none; margin: 0; }

		div#DragNDrop ul div.top { margin: 0; border-top: 1px solid #222222; padding-top: 5px; }
		
		div#DragNDrop ul div.bottom { margin: 5px 0; }
		
		div#DragNDrop ul div.cell-1 { float: left; width: 25px; }
		
		div#DragNDrop ul div.cell-2-r, div#DragNDrop ul div.cell-2-a { float: left; }
		
			div#DragNDrop ul div.cell-2-r { width: 390px; }
			
			div#DragNDrop ul div.cell-2-a { width: 150px; }
		
		div#DragNDrop ul div.cell-3 { float: left; width: 475px; }
		
		div#DragNDrop ul div.cell-4 { float: right; width: 50px; }
		
div#Tabs {
	text-align: left;
	margin: 20px 0;
}
		
	div#Tabs ul {
		list-style: none;
		padding: 4px;
		margin:0 0 10px 0;
		border-bottom: 2px solid #222222;
	}

		div#Tabs li {
			display: inline;
			border: solid #A03123;
			border-width: 3px 3px 0 3px;
			border-radius: 10px 10px 0 0;
			margin: 0 0px 0 0;
			background-color: #A03123;
			padding: 3px 0 3px 0;
		}
		
			div#Tabs li.selected , div#Tabs li:hover{ 
				border-color: #707070;
				background-color: #707070;
				padding: 8px 0 3px 0;
			}
			
				div#Tabs li.selected a, div#Tabs li:hover a { 
					color: #222222;
				}
		
			div#Tabs li a {
				padding: 0px 10px;
				font-size: 14px;
				color: #FFFFFF;
				text-decoration: none;
			}
			
div.operators-manual-section {
	padding-bottom: 20px;
	border-bottom: 1px solid #222222;
	margin-bottom: 20px;
}

div#Operator-Manual-Body table.small-table {
	border: 1px solid #222222;
}

.widget-headline {
	font-weight: bold;
	margin-bottom: 10px;
}

/* Modal Header */
.modal-header {
    padding: 2px 16px;
    background-color:#39422D;
    color: white;
}

/* Modal Body */
.modal-body {padding: 2px 16px;}

/* Modal Footer */
.modal-footer {
    padding: 2px 16px;
    background-color: #39422D;
    color: white;
}

/* Modal Content */
.modal-content {
    position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    background-color: #fefefe;
    border: 1px solid #828282;
    width: 1000px;
	height: 750px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    animation-name: animateright;
    animation-duration: 0.4s
}

#map {
	border-radius: 5px;
	width: 100%; 
	height: 134px; 
	margin-left: -4px;
	margin-top: 5px;
	border: 2px solid #222222;
}

	#map div { 
		border-radius: 5px;
	}

.us-map {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

path:hover, circle:hover {
  stroke: #39422D !important;
  stroke-width:2px;
  stroke-linejoin: round;
  fill: #39422D !important;
  cursor: pointer;
}

#path67 {
  fill: none !important;
  stroke: #39422D !important;
  cursor: default;
}

#info-box {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background-color: #ffffff;
  border: 2px solid #39422D;
  border-radius: 5px;
  padding: 5px;
  font-family: arial;
}

pre.code {
	border: 1px solid #222222;
	overflow-x: auto;
}
pre.code:before {
	counter-reset: listing;
}
pre.code div {
	border-bottom: 1px solid #E0E0E0;
	counter-increment: listing;
}
pre.code div::before {
	content: counter(listing) '. ';
	display: inline-block;
	width: 4em;
	padding-left: auto;
	margin-left: auto;
	text-align: right;
}

.top-search {
	position: relative;
	display: inline-block;
	width: 250px;
}

	.top-search-items {
		position: absolute;
		margin-left: 10px;
		/*width: 343px;*/
		width: 400px;
		color: #222222;
		border: 1px solid #4F4F4F;
		border-bottom: none;
		border-top: none;
		z-index: 99;
		top: 100%;
		/*left: 0;
		right: 0;*/
		right: 18px;
	}

	.top-search-items div {
		padding: 5px 10px;
		padding-left: 58px;
		text-indent: -48px;
		line-height: 1.5em;
		cursor: pointer;
		background-color: #F9F9F9;
		border-bottom: 1px solid #4F4F4F;
	}

	.top-search-items div:hover {
		background-color: #DEE2E3;
	}

	.top-search-active {
		background-color: #DEE2E3 !important;
	}

	.top-search input {
		border-radius: 0;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		padding: 3px 10px 5px 10px;
		width: 200px;
		margin-left: 10px;
	}

	.order-number {
		width: 75px;
		text-align: right;
	}

		.order-number-small {
			text-align: center;
			width: 33px;
		}

	.order-dropdown {
		max-width: 600px;
	}

span.bounty-leaf svg { width: 10px; }

div.sub-item-description {
	margin-left: 8px;
}

#TerminalWindow {
	background-color: #000000;
	color: #FFFFFF;
	font-family:'Courier New', Courier, monospace;
	padding: 10px;
	margin-top: 10px;
	font-size: 1.2em;
	line-height: 1.4em;
}

/***************  V2 BEGIN  ***************/

section.content {
	background: #FFFFFF;
	/*background: #129a22;*/
	flex: 1;
}

	section.content-edit {
		background-color: #FAFAF5;
		align-self: flex-start;
	}

	section.full-screen-wrapper {
		align-self: stretch; 
		min-height: 100%;
		padding: 0;
		margin: 0;
	}

form#Edit { 
	width: 100%;
	/*background-color: #F5F5F5;*/
}

	form#Edit h1, form#Edit .h1, form#Edit h2, form#Edit .h2, form#Edit h3, form#Edit .h3 { 
		font-weight: bold;
		line-height: normal;
		color: #415849;
	}

		form#Edit h1 a, form#Edit .h1 a, form#Edit h2 a, form#Edit .h2 a, form#Edit h3 a, form#Edit .h3 a {
			font-weight: bold;
			border: 0;
			text-decoration: none;
		}

		form#Edit h1, form#Edit .h1 {
			font-size: 28pt;
		}

		form#Edit h2, form#Edit .h2 {
			font-size: 36pt;
		}

		form#Edit h3, form#Edit .h3 {
			font-size: 15pt;
			color: #54585A;
		}

	form#Edit .white { color: #FFFFFF; }

	form#Edit .break {
		flex-basis: 100%;
		height: 0;
		padding: 0;
		margin: 0;
	}	

	form#Edit div.flex-container {
		/*background-color: #FAFAF5;*/
		display: block;
		flex-wrap: wrap;
		align-items: flex-start;
		align-content: flex-start;
		margin-left: -20px;
		margin-right: -20px;
	}

	form#Edit section {
		padding: 20px;
		margin: 0;
	}

	form#Edit section.content{
		padding-top: 0;
		padding-bottom: 0;
		align-self: stretch;
	}

		form#Edit section.fields-section, form#Edit section.fields-section-full, form#Edit section.submit-section, form#Edit section.empty-section, #LinesContainer {
			background-color: transparent;
		}

		form#Edit input#Submit, form#Edit2 input#Submit2, form#UploadFile input#Upload {
			max-width: 200px;
		}

		form#Edit section.divider, #PHIWrapper div.divider {
			font-family: "Proxima Nova W02 Bold", Helvetica, Arial, sans-serif;
			background-color: #54585A;
			color: #FFFFFF;
			margin-right: 20px;
			margin-left: 20px;
			margin-bottom: 10px;
			margin-top: 10px;
			padding: 5px 0 5px 10px;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
		}

			form#Edit #PHIWrapper div.divider { margin: 20px 0 0 0; }

			form#Edit section.divider h3 {
				margin: 0;
			}

	form#Edit input, form#Edit textarea, form#Edit select, #LoginContainer input, #LoginContainer  textarea, #LoginContainer  select {
		color: #415849;
		font-family: "Proxima Nova W02 Bold", Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 16pt;
		border: 2px solid #54585A;
		padding: 3px 5px;
		margin: 0;
		margin-bottom: 5px;
		box-sizing: border-box;
		width: 100%;
		border-radius: 5px;
		background-color: #FFFFFF;
	}

		form#Edit input.date { width: 150px; }

		form#Edit input.timestamp { width: 266px; }

		form#Edit input[type="submit"], form#Edit input#Submit, #LoginContainer input#Submit { 
			padding: .5em 1.25em; 
			max-width: none;
			margin-left: 0;
		}

		form#Edit input[type="file"] {
			font-size: 16px;
			padding: 5px;
		}

		form#Edit input:disabled, form#Edit select:disabled, #LoginContainer input:disabled, #LoginContainer select:disabled { 
			background-color: #FFFFFF; 
			opacity: 1;
		}

		form#Edit input.select2-search__field { border: none; }

		form#Edit textarea {
			height: calc(5em + 7px);
			width: calc(100% - 40px);
			font-family: "Proxima Nova W02 Regular", Helvetica, Arial, sans-serif;
		}

		form#Edit .select2-selection--multiple { 
			border: 2px #54585A solid; 
			width: 97%;
		}

	form#Edit .field-notes {
		margin: 5px 0 10px 0;
	}

		form#Edit .field-note-container {
			max-width: inherit;
		}

	form#Edit section#LinesContainer { margin-top: -10px; }
	
		form#Edit table#LinesTable, form#Edit table#LinesTable tr.odd { /*background-color: #F5F5F5;*/ }

			form#Edit table#LinesTable tr td { padding-top: 8px; }	/* form#Edit input margin-bottom (5px) + td (3px) */

				form#Edit table#LinesTable.small-lines tr td { padding-top: 3px; }	/* form#Edit input margin-bottom (5px) + td (3px) */

					form#Edit table#LinesTable.small-lines .h3, form#Edit table#LinesTable.small-lines tr td input, form#Edit table#LinesTable.small-lines tr td select { 
						font-size: 12pt;
						padding: 2px 3px;
						border-radius: 0;
						border-left: 0;
						border-right: 0;
						border-top: 0;
					}

						form#Edit table#LinesTable.small-lines tr td select { 
							padding-right: 20px;
							background-position: calc(100% - 0.3em) center; 
						}

	form#Edit .dynamic-number { max-width: 200px; }

	form#Edit iframe.simulated-screen {
		width: 100%;
		height: 720px;
	}

html.v2-login, body.v2-login { margin: 0; height: 100%; overflow: hidden; }

#LoginContainer {
	/*background: #000000;*/
	background: inherit;
	min-height: 100%;
	width: 100%;
	height: 100%;
}

	#LoginContainer input {
		margin-bottom: 20px;
	}

		#LoginContainer input#Submit {
			padding: 5px 10px;
			text-transform: none;
		}

	#LoginContainer section {
		margin: 0;
		padding: 20px;
		/*border: 1px solid #000000;*/
		/*color: #ffffff;*/
		color: #000000;
	}

	#LoginContainer .wrapper {
		margin: auto;
		min-height: 100%;
		height: 100%;
		/*max-width: 60rem;*/	/* 60rem = 960px usually - https://pixelsconverter.com/px-to-rem */
	}

	#LoginContainer .background-shaded { background-color: #F5F5F5 !important; }

	#LoginContainer .background-transparent { background-color: inherit !important; }

	#LoginContainer .height-full { height: 100%; }

	#LoginContainer section.content, #LoginContainer section.content-custom-background {
		background: #FFFFFF;
		/*background: #129a22;*/
		flex: 1;
	}

		#LoginContainer section.content-custom-background {
			background-position: bottom left;
			background: url("/Home/Images/Fresh-Harvest_Background_Color.jpg") bottom left no-repeat;	/* We have no fixed here because it messed the positioning - the html/body settings above prevent scroll */
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
			background-size: cover;
		}

	#LoginContainer .sub-container {
		display: flex; 
		height: 100%;
	}

	#LoginContainer .center-middle {
		justify-content: center; 
		align-items: center; 
	}

	#LoginContainer form#Login {
		padding: 20px; 
		border: 1px solid #54585A;
		border-radius: 5px;
		background-color: #FFFFFF;
	}

	#LoginContainer input.inverted, #LoginContainer input#Submit.inverted, #LoginContainer input#Submit2.inverted, #LoginContainer input#Upload.inverted, #LoginContainer input#Move.inverted, #LoginContainer input#SubmitSelect.inverted, #LoginContainer input.standard-submit {
		color: #FFFFFF;
		background-color: #415849;
	}

		#LoginContainer input.inverted:hover, #LoginContainer input#Submit.inverted:hover, #LoginContainer input#Submit2.inverted:hover, #LoginContainer input#Upload.inverted:hover, #LoginContainer input#Move.inverted:hover, #LoginContainer input#SubmitSelect.inverted:hover, #LoginContainer input.standard-submit:hover {
			background-color: #54585A;
		}

	#LoginContainer .warning {
		color: #222222;
		font-weight: bold;
		font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
		font-size: 14.667px;
		line-height: 18pt;
		margin-bottom: 20px;
	}

	#LoginContainer path:hover {
		cursor: default;
		stroke-width: 0;
		stroke: inherit !important;
		fill: inherit !important;
	}

div.order-total-sustainable {
	display: flex;
	gap: 5px;
	align-items: center;
}

	div.order-total-sustainable img.question-icon {
		height: 14px;
	}

	div.order-total-sustainable div.question-icon {
		line-height: 14px;
		height: 14px;
		position: relative;
			display: inline-block;
	}

		div.order-total-sustainable div.question-icon .question-tooltip {
			visibility: hidden;
			width: 290px;
			background-color: #FFFFFF;
			text-align: center;
			position: absolute;
			z-index: 1;
			bottom: 28px;	/* 2px + height of question icon above */
			left: 50%;
			margin-left: -145px /* Use half of the width above, to center the tooltip */
		}

			div.order-total-sustainable div.question-icon:hover .question-tooltip {
				visibility: visible;
			}

			div.order-total-sustainable div.question-icon .question-tooltip .question-tooltip-text {
				border: 1px solid #2E3527;
				padding: 5px 5px 10px 5px;
				color: #2E3527;
			}

			div.order-total-sustainable div.question-icon .question-tooltip .question-tooltip-pointer {
				margin: 0;
				padding: 0;
				position: absolute;
				bottom: -12px;
				left: 50%;
				transform: translateX(-50%);
			}
		

/***************  V2 END  ***************/

/* Add Animation */
@keyframes animateright {
    from {right: -300px; opacity: 0}
    to {right: 0; opacity: 1}
}

.print-only { display: none; }

/* THIS SHOULD ALWAYS BE AT THE BOTTOM */
@media print {
	
	body { background-image: none; }
	
	#main { border: 0 !important; }
	
	.no-print, .no-print * { display: none !important; }

	.print-only { display: block !important; }

}