@charset "utf-8";

/*
 * Default formatting
 */
html {
	min-height: 100%;
	height: auto;
	position: relative;
}

html body {
	width: 100%;
	margin: 0px 0px;
}

body {
	font: 13px Arial, Helvetica, sans-serif;
	color: #616161;
	background: #fff;
	min-width: 1200px;
	background: url('background.png') top left repeat-x;
}

h1, h2, h3, h4, h5, h6, h7, p {
	margin: 0px;
	padding: 5px 0px;
}

h1 {
	color: #717C74;
	font-size: 2em;
	font-weight: normal;
	border-bottom: 1px solid #DADDDA;
	margin-bottom: 10px;
}

h2 {
	font-size: 1.4em;
	color: #666;
	font-weight: bold;
}

h3 {
	font-size: 1.0em;
	color: #666;
	font-weight: bold;
}

/* Common Elements */
.left {
	float: left;
}

.right {
	float: right;
}

/*
 * Header
 */
#header {
	margin-left: 155px;
	background: #3b3b3b;
	height: 75px;
	position: relative;
	margin-left: 250px;
	min-width: 1200px;
}

#header .header-inner {
	height: 75px;
	float: right;
	text-align: right;
	padding: 20px 25px 20px 25px;
	box-sizing: border-box;
	vertical-align: middle;
	line-height: 30px;
}

#header .header-inner.left {
	float: left;
	color: white;
}

#header .header-inner:first-child {
	border-left: 1px solid rgba(148, 148, 148, 0.30);
	width: 250px;
	padding-right: 15px;
}

.topbarlink {
	border-radius: 50%;
	width: 30px;
	height: 30px;
	background-color: #69BE28;
	float: left;
	line-height: 20px;
	font-size: 20px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	box-sizing: border-box;
	padding: 5px 0;
	margin-right: 10px;
}

.topbarlink:hover {
	background-color: #4A7529;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.topbarlink .icon-power {
	position: relative;
	top: -1px;
}

#farmseasoninfo {
	float: left;
}

#userinfo {
	float: right;
	max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#userinfo a {
	color: #fff;
	text-decoration: underline
}

#sponsor {
	float: right;
	height: 30px;
	margin-top: -1px;
}

#sponsor a {
	display: inline-block;
}

/* 
 * Navigation & Sidebar
 */
/* Was here for when we go responsive... 
    @media (min-width:850px) { .. } */
#navigation {
	position: absolute;
	width: 225px;
	background-color: #69be28;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 99;
	color: #fff;
	padding-right: 0px;
	padding-left: 0px;
}

#logo {
	width: 100%;
	text-align: center;
	padding: 20px;
	height: 75px;
	box-sizing: border-box;
}

#logo img {
	max-width: 100%;
	max-height: 35px;
}

#navigation .search {
	padding: 15px 20px;
	text-align: center;
	border-top: 1px solid #B3DE93;
	display: none;
}

#navigation .search .search-wrapper {
	position: relative;
	height: 30px;
	width: 185px;
	display: inline-block;
}

#navigation .search input {
	height: 30px;
	width: 185px;
	padding: 5px 30px 5px 10px;
	box-sizing: border-box;
	border-radius: 15px;
	border: 0;
	background-color: rgba(255, 255, 255, 0.8);
	color: #616161;
	font-weight: bold;
}

#navigation .search input:focus {
	background-color: rgba(255, 255, 255, 1);
}

#navigation .search .search-wrapper .icon-search {
	position: absolute;
	top: 5px;
	height: 20px;
	width: 20px;
	font-size: 20px;
	right: 10px;
	color: #69be28;
}

#navigation a {
	color: #fff;
	text-decoration: none;
}

#navigation ul, #navigation ul ul, #navigation ul li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	background-color: #69be28;
}

#nav {
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}

/* Was here for when we go responsive... 
    @media (min-width:850px) { .. } */
#navigation ul li a {
	margin: 0;
	padding: 10px 20px 10px 50px;
	line-height: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	display: block;
	position: relative;
	box-sizing: border-box;
	min-height: 41px;
}

#navigation ul li:hover a, #navigation ul li.active a {
	background-color: #5CA623;
}

#navigation ul li a:hover {
	cursor: pointer;
}

#navigation ul li a i {
	display: block;
	float: left;
	width: 40px;
	height: 100%;
	background-color: #80D448;
	position: absolute;
	left: 0;
	top: 0;
	vertical-align: middle;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
}

#navigation ul li:hover a i, #navigation ul li.active a i {
	background-color: #5A8F32;
}

/* 2nd Level Nav */
#navigation ul ul {
	display: none;
}

#navigation ul li:hover ul {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 225px;
	width: 225px;
	padding-top: 75px;
}

#navigation ul li ul, #navigation ul li ul li, #navigation ul li:hover ul li
	{
	background-color: #5ca623;
}

#navigation ul li:hover ul li:hover a, #navigation ul li.active ul li:hover a,
	#navigation ul li ul li.active a {
	background-color: #5a8f32;
}

#navigation ul li ul li a {
	padding-left: 35px;
}

#navigation ul li ul li:first-child {
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}

#navigation ul li ul li a i, #navigation ul li:hover ul li a i {
	background: transparent
}

/* 3rd Level Nav */
#navigation ul li:hover ul li ul {
	display: none;
}

#navigation ul li:hover ul li:hover ul {
	display: block;
}

#navigation ul li ul li ul, #navigation ul li ul li ul li, #navigation ul li:hover ul li:hover ul li
	{
	background-color: #5a8f32;
}

#navigation ul li:hover ul li:hover ul li:hover a, #navigation ul li:hover ul li:hover li.active a
	{
	background-color: #4a7529;
}
/* End Responsive Block for Nav */

/*
  * Content
  */
#content {
	margin-left: 250px;
}

#content.legacy {
	padding: 15px;
}

#content.legacy-login {
  padding: 15px;
  padding-top: 100px;
}

#content.legacy a {
	text-decoration: underline;
}

#content.legacy td, #content.legacy th {
	padding: 5px;
}

.fauxlink {
	color: rgb(225, 115, 63);
	text-decoration: underline;
}

/* Inner Content */
#content .inner-content {
	padding: 30px;
}

/* Dashboard Landing Page */
.dashboard-header {
	height: 10px;
	background-color: #eaeaea;
	box-sizing: border-box;
}

/* Widgets */
.dashboard-widget {
	margin-bottom: 30px;
}

.dashboard-widget .widget-inner {
	border: 1px solid #c7c7c7;
	box-sizing: border-box;
}
/* Widget Header */
.dashboard-widget .widget-header {
	background-color: #fff;
	padding: 10px 15px;
	border-bottom: 1px solid #c7c7c7;
	box-sizing: border-box;
	height: 50px;
	line-height: 30px;
	font-size: 15px;
}

.dashboard-widget .widget-header .title {
	float: left;
	font-weight: bold;
	color: rgb(97, 97, 97);
	vertical-align: middle;
	line-height: 30px;
}

.dashboard-widget .widget-header .title i.icon-search {
	color: rgb(122, 193, 67);
	font-size: 18px;
	cursor: pointer;
	height: 30px;
	vertical-align: text-bottom;
}

.dashboard-widget .widget-header .title form {
	margin: 0;
	padding: 0;
	border: 0;
}

.dashboard-widget .widget-header .title input {
	height: 30px;
	border: 1px solid #eee;
}

.dashboard-widget .widget-header .actions {
	float: right;
}

.dashboard-widget .widget-header .actions a {
	text-decoration: none;
	cursor: pointer;
}

.dashboard-widget .widget-header .actions a i:hover {
	color: #666;
}

.dashboard-widget .widget-header .actions a i {
	color: #999;
	font-size: 20px;
	vertical-align: middle;
}

/* Widget Contents */
.dashboard-widget .widget-contents {
	background-color: #fafafa;
}

.dashboard-widget .widget-contents .tr, .report-table .tr {
	min-height: 50px;
	padding: 10px;
	padding: 10px 15px;
	border-bottom: 1px solid #c7c7c7;
	line-height: 30px;
}

.dashboard-widget .widget-contents .tr:last-child, .dashboard-widget .widget-contents .tr.last-child
	{
	border-bottom: 0;
}

.dashboard-widget .widget-contents .tr .td, .report-table .tr .td {
	padding: 0 10px;
	float: left;
	width: 20%;
}

.dashboard-widget .widget-contents .tr .td.right, .report-table .tr .td.right
	{
	float: right;
}

.dashboard-widget .widget-contents .tr .td.smallcol {
	width: 10%;
}

.dashboard-widget .widget-contents .tr .td.name {
	width: 30%;
}

.dashboard-widget .button, .reports-popup .button, .dialog .button {
	display: inline-block;
	height: 30px;
	border-radius: 3px;
	background-color: #69be28;
	line-height: 20px;
	padding: 5px 0;
	box-sizing: border-box;
	cursor: pointer;
	margin-left: 5px;
	vertical-align: middle;
	border: 0;
}

.dashboard-widget .button:hover, .dialog .button:hover {
	background-color: #4A7529;
	text-decoration: none;
}

.dashboard-widget .button.icon, .dialog .button.icon {
	width: 30px;
}

.dashboard-widget .button.text, .dialog .button.text {
	color: #fff;
	padding: 5px 10px;
	font-weight: bold;
}

.dashboard-widget .button i, .reports-popup .button i, .dialog .button i
	{
	color: #fff;
	font-size: 18px;
	height: 20px;
	width: 30px;
	display: inline-block;
	text-align: center;
}

/* User Search Widget */
.dashboard-widget.search-widget .user-search .widget-contents .tr .td {
	width: 20%;
}

.dashboard-widget.search-widget .user-search .search-query .form .td {
	width: 25%;
	max-width: 180px;
}

.dashboard-widget.search-widget .user-search .search-query .form .td span,
	.dashboard-widget.search-widget .user-search .search-query .form .td input,
	.dashboard-widget.search-widget .user-search .search-query .form .td .input,
	.dashboard-widget.search-widget .user-search .search-query .form .td select,
	.dashboard-widget.search-widget .user-search .search-query .form .td a
	{
	max-width: 100%;
}

/* Farm State Totals */
.farm-state-total .inner {
	height: 55px;
	padding: 15px 20px;
	color: #fff;
	line-height: 25px;
	border-radius: 3px;
	font-weight: bold;
	display: block;
	position: relative;
}

.tool-bar a {
	color: #ffffff;
}

.tool-bar i {
	padding-right: 5px;
}

.tool-bar .button.disabled {
	opacity: 0.4;
	cursor: default;
}

.tool-bar  .button.disabled:hover {
	background-color: #69be28;
}

.tool-bar select {
	color: #000000;
	margin-left: 5px;
}

.tool-bar .button, .reports-popup .button, .dialog .button {
	display: inline-block;
	height: 36px;
	border-radius: 3px;
	background-color: #69be28;
	line-height: 20px;
	padding: 8px 0;
	box-sizing: border-box;
	cursor: pointer;
	margin-left: 5px;
	vertical-align: middle;
	border: 0;
}

.tool-bar .button:hover, .dialog .button:hover {
	background-color: #4a7529;
	text-decoration: none;
}

.tool-bar .button.icon, .dialog .button.icon {
	width: 30px;
}

.tool-bar .button.text, .dialog .button.text {
	color: #fff;
	padding: 8px 10px;
	font-weight: bold;
}

.tool-bar.button i, .reports-popup .button i, .dialog .button i {
	color: #fff;
	font-size: 18px;
	height: 20px;
	width: 30px;
	display: inline-block;
	text-align: center;
}

.farm-state-total .inner:hover {
	text-decoration: none;
}

.farm-state-total.not-started .inner {
	background-color: #c75b12;
}

.farm-state-total.in-progress .inner {
	background-color: #009aa6;
}

.farm-state-total.completed .inner {
	background-color: #5ca623;
}

.farm-state-total .inner i {
	opacity: 0.5;
	font-size: 35px;
	float: left;
	position: relative;
	top: -6px;
}

.farm-state-total .inner .title {
	margin-left: 10px;
	text-transform: uppercase;
	font-size: 14px;
	max-width: 50%;
	display: inline-block;
	line-height: 14px;
}

.farm-state-total .inner .count {
	font-size: 35px;
	position: absolute;
	right: 15px;
}

/* Farmlist Widget */
.farmlist-widget select {
	height: 25px;
	vertical-align: middle;
}

.farmlist-widget .td.name {
	font-weight: bold;
}

.dashboard-widget.farmlist-widget .widget-contents .tr .td {
	width: auto;
}

@media ( max-width : 1300px) {
	.dashboard-widget.farmlist-widget .widget-contents .tr .td.smallcol {
		padding: 0;
	}
}

@media ( min-width : 1600px) {
	.dashboard-widget.farmlist-widget .widget-contents .tr .td.actions {
		min-width: 200px;
		width: auto;
	}
}

/*.dashboard-widget.farmlist-widget .widget-contents .tr .td { width: 15%; }*/
.dashboard-widget.farmlist-widget .widget-contents .tr .td.name {
	min-width: 25%;
	width: auto;
}

.dashboard-widget.farmlist-widget .widget-contents .tr .td.actions {
	padding: 0;
}

.dashboard-widget.farmlist-widget .widget-contents .tr .td.actions .button
	{
	float: left;
	margin-right: 5px;
	margin-left: 0;
}

.dashboard-widget.farmlist-widget .widget-contents .tr .td.season-selector .button
	{
	float: none;
	display: inline-block;
}

.dashboard-widget.farmlist-widget .widget-contents .tr .td.actions .button.disabled
	{
	opacity: 0.4;
	cursor: default;
}

.dashboard-widget.farmlist-widget .widget-contents .tr .td.actions .button.disabled:hover
	{
	background-color: #69be28;
}

/* Farms / User Search & Results List */
.dashboard-widget .widget-contents.tabbed-search {
	padding: 10px 0 0 0;
	background-color: #fff;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover {
	background-color: #fafafa !important;
}

.dashboard-widget .widget-contents.tabbed-search .search-results {
	border-top: 1px solid #c7c7c7;
}

.dashboard-widget .widget-contents.tabbed-search .widget-inner {
	border: 0;
}

.dashboard-widget .widget-contents.tabbed-search .widget-inner .widget-header
	{
	display: none;
}

.dashboard-widget .farm-search .search-results .widget-inner .widget-header
	{
	display: none;
}

/* Reports Popup/Modal */
.reports-popup {
	
}

.reports-popup .intro {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e5e5e5
}

.reports-popup .selected-details {
	
}

.reports-popup .selected-details .input.short {
	width: 120px;
	height: 30px;
}

.reports-popup .selected-details span {
	display: inline-block;
}

.reports-popup .selected-details span.value {
	font-weight: bold;
	margin-right: 20px;
}

.reports-popup .season-select span div {
	display: inline-block;
}

.reports-popup .report-legend {
	padding: 10px 0;
}

.reports-popup .report-legend .legend-key {
	display: inline-block;
	line-height: 30px;
	font-size: 14px;
	margin-right: 15px;
	display: block;
	float: left;
}

.reports-popup .report-legend .legend-key:last-child {
	margin-right: 0;
}

.reports-popup .report-legend .legend-key .button.icon {
	margin-left: 0;
}

.reports-popup .button.icon.unavailable {
	background-color: #DB650B;
}

.reports-popup .button.icon.nobenchmark {
	background-color: #fad416;
}

.reports-popup .report-table {
	width: 100%;
	margin: 10px 0;
}

.reports-popup .btn-primary {
	background-color: #5ca623;
	border-color: #5a8f32;
	border: 0;
	margin-top: 6px;
}

.reports-popup .report-table {
	border: 1px solid #c7c7c7;
}

.reports-popup .report-table .tr {
	min-height: 20px;
	padding: 0px;
	background: #fafafa;
}

.reports-popup .report-table .benchmark-category:last-child .tr:last-child,
	.report-table .tr.last-child {
	border-bottom: 0;
}

.reports-popup .report-table .tr .td {
	width: 40%;
	line-height: 20px;
	padding: 5px 10px;
	border-right: 1px solid #eee;
	min-height: 30px;
	box-sizing: border-box;
}

.reports-popup .report-table .tr .td.twocol {
	width: 80%;
}

.reports-popup .report-table .tr .td.td-all {
	width: 100%;
}

.reports-popup .report-table .tr .td:last-child {
	border-right: 0;
}

.reports-popup .report-table .thead {
	background-color: #fff;
	color: rgb(97, 97, 97);
}

.reports-popup .report-table .thead .td.th {
	background-color: transparent !important;
	vertical-align: middle;
	line-height: 30px;
	border-right: 0;
	font-size: 15px;
}

.reports-popup .report-table .tr .td:last-child {
	width: 20%;
}

.reports-popup .report-table.bookmarked .tr .td, .reports-popup .report-table.bookmarked .tr .td:last-child
	{
	width: 30%;
}

.reports-popup .report-table.bookmarked .tr .td:first-child {
	width: 40%;
}

.reports-popup .report-table .tr:nth-child(even) .td {
	
}

.reports-popup .report-table .tr .td a {
	color: #616161;
	text-decoration: underline;
}

.reports-popup .legend-key .button.icon, .reports-popup .report-table .button.icon
	{
	height: 20px;
	padding: 0;
}

.reports-popup .legend-key .button.icon i, .reports-popup .report-table .button.icon i
	{
	font-size: 10px;
	height: 20px;
	width: 20px;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
	display: block;
}

.reports-popup .modal-footer {
	text-align: left;
}

.modal-backdrop {
	height: 100%;
}

/* Farm Focus Widget */
.farm-focus-widget .widget-contents {
	padding: 0;
	background-color: #fff;
	overflow: hidden;
	border-radius: 0 0 3px 3px;
}

.farm-focus-banner-container {
	position: relative;
	width: 100%;
	height: auto;
}

.farm-focus-banner-link {
	display: block;
	position: relative;
	text-decoration: none;
	cursor: pointer;
	border-radius: 3px;
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.3s ease, box-shadow 0.3s ease;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.farm-focus-banner-link:hover {
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
	text-decoration: none;
}

.farm-focus-banner-image {
	width: 100%;
	height: auto;
	max-height: 400px;
	object-fit: cover;
	display: block;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.farm-focus-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.3));
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.farm-focus-banner-link:hover .farm-focus-overlay {
	opacity: 1;
}

.farm-focus-cta-button {
	background-color: #69be28;
	color: #fff;
	border: none;
	padding: 12px 24px;
	border-radius: 25px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	box-shadow: 0 4px 12px rgba(105, 190, 40, 0.3);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.farm-focus-cta-button:hover {
	background-color: #4A7529;
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(105, 190, 40, 0.4);
}

.farm-focus-cta-button span {
	display: inline-block;
	-webkit-transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease;
}

.farm-focus-cta-button:hover span {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.farm-focus-banner-image {
		max-height: 250px;
	}
	
	.farm-focus-overlay {
		padding: 15px;
	}
	
	.farm-focus-cta-button {
		padding: 10px 20px;
		font-size: 14px;
	}
}

@media (max-width: 480px) {
	.farm-focus-banner-image {
		max-height: 200px;
	}
	
	.farm-focus-overlay {
		padding: 10px;
	}
	
	.farm-focus-cta-button {
		padding: 8px 16px;
		font-size: 12px;
	}
}

/* Benchmark Widget */
.benchmarks-widget {
	
}

.benchmarks-widget .tr {
	padding: 10px 15px;
	line-height: 30px;
	vertical-align: middle;
}

.dashboard-widget.benchmarks-widget .widget-contents .tr .name {
	font-weight: bold;
	width: 80%;
	padding: 5px 10px;
	line-height: 20px;
}

.benchmarks-widget .tr .name a {
	cursor: pointer;
}

.benchmarks-widget .tr.inactive .name span {
	opacity: 0.5;
}

.benchmarks-widget .form .input.short {
	width: auto;
}

.benchmarks-widget .active .button {
	
}

.benchmarks-widget .inactive .button {
	background-color: #c75b12;
}

/* Performance Charts */
.performance-chart-widget .tr.chart {
	height: auto;
	text-align: center;
}

@media ( min-width : 1450px) {
	.performance-chart-widget .chart-container:before {
		float: left;
		position: relative;
		left: -50px;
		top: 38px;
		margin-top: -40px;
	}
	.performance-chart-widget .dollar-per-ha .chart-container:before {
		content: "$/ha";
	}
	.performance-chart-widget .dollar-per-kgms .chart-container:before {
		content: "$/kgMS";
	}
}

.performance-chart-widget .chart-container, .performance-chart-widget canvas
	{
	height: 250px;
}

.performance-chart-widget .chart-container {
	max-width: 600px;
	display: inline-block;
	width: 100%;
}

.performance-chart-widget canvas {
	
}

.performance-chart-widget ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
}

.performance-chart-widget ul li {
	padding: 0 10px;
	margin: 0;
	line-height: 20px;
	display: inline-block;
	text-align: left;
	font-size: 12px;
}

.performance-chart-widget ul li span {
	display: inline-block;
	height: 10px;
	width: 10px;
	margin-right: 10px;
}

/* Commit Report Widget */
.commit-report-widget.dashboard-widget .widget-contents .tr.heading {
	background-color: #fff;
	padding-top: 15px;
}

.commit-report-widget.dashboard-widget .widget-contents .tr {
	min-height: 20px;
	padding: 0px 15px;
}

.commit-report-widget.dashboard-widget .widget-contents .tr .td.name {
	width: 20%;
	min-height: 50px;
}

.commit-report-widget.dashboard-widget .widget-contents .tr .td {
	width: 20%;
	line-height: 20px;
	padding: 5px 10px;
	border-right: 1px solid #eee;
}

.commit-report-widget.dashboard-widget .widget-contents .tr.heading .td,
	.commit-report-widget.dashboard-widget .widget-contents .tr .td:last-child
	{
	border-right: 0;
}

/* Dialog */
.modal-header .cancel {
	cursor: pointer;
	text-decoration: none;
	color: #999;
	position: relative;
	top: -5px;
}

.modal-header .cancel:hover {
	color: #666;
}

.field {
	
}

.field .lbl {
	display: inline-block;
	margin-right: 10px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	font-size: 14px;
}

.field .value {
	vertical-align: middle;
}

/* Settings Dialog */
.dialog .button.cancel {
	background: #999;
}

/* Paginator */
.prev-link, .next-link {
	color: #666;
	text-decoration: none;
	cursor: pointer;
}

.prev-link:hover, .next-link:hover {
	color: #000;
	text-decoration: none;
}

/* Upgrade to Legacy Styles here to make backwards compatible */
#reportselect ul.ui-tabs-nav {
	box-sizing: content-box;
}

legend {
	margin-bottom: 0;
	width: auto;
	border-bottom: 0;
}

#focusfarmslist hr {
	margin: 15px 0;
	border-top: 1px solid #aaa;
}

/* Resurrect some old stylesheets here */

/* forms and tables */
.form .input {
	width: 150px;
	border: 1px solid #E1E1E1;
	line-height: 22px;
	height: 22px;
}

.form textarea.input {
	height: auto;
}

.form .input.short {
	width: 75px;
}

.form .input.long {
	width: 350px;
}

.form .input.extralong {
	width: 565px;
}

.form .input.auto-width {
	width: auto;
}
/*.form .button {
        background-color:#D9531E;
        color:#FFF;
        font-weight:normal;
        border:1px solid #DD9A80;
        cursor: pointer;
    }*/
.fauxbutton {
	background-color: #86A929;
	color: #FFF;
	font-weight: normal;
	border: 1px solid #86A929;
	cursor: pointer;
	text-decoration: none;
	padding: 3px 10px;
}

.section {
	background-color: #F0F0F0;
	width: 785px;
	margin: 10px 0;
}

.section table {
	width: auto;
	margin: 5px auto 5px 5px;
	height: 100%;
}

.section table tr {
	height: 40px;
}

.section table th, .section table td {
	padding: 6px;
}

.section table th {
	text-align: left;
	font-weight: bold;
}

.calcsection {
	background-color: #FFFFFF;
	width: 785px;
	margin: 0 0 10px 0;
}

.calcsection table {
	width: auto;
	margin: 5px auto 5px 5px;
	height: 100%;
}

.calcsection table tr {
	height: 40px;
}

.calcsection table th, .calcsection table td {
	padding: 6px;
}

.calcsection table th {
	text-align: left;
	font-weight: bold;
}

.info {
	background-color: #E8EAE7;
	width: 670px;
	margin: 0 0 10px 0;
}

.info table {
	width: 650px;
	margin: 10px auto;
}

.info table th, .info table td {
	padding: 6px;
}

.info table th {
	text-align: left;
	font-weight: bold;
}

.info table td {
	border-top: 1px dashed #BCC1B8;
}

.info a {
	color: #434D3E;
}

/* single styles */
.not_bold {
	font-weight: normal !important;
}

.bold {
	font-weight: bold !important;
}

.center {
	text-align: center !important;
}

/*
 * Reskin overrides for Jquery
 */
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
	.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
	{
	border: 1px solid #337ab7;
	background: #fff;
	color: #337ab7;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link,
	.ui-state-hover a:visited {
	color: #337ab7;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
	{
	border: 1px solid #337ab7;
	background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50%
		50% repeat-x;
	color: #337ab7;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited
	{
	color: #337ab7;
}

/*
 * Previous DairyBase styles:
 */
.linkbtn {
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #D9531E;
	background-color: transparent;
	text-align: center;
	cursor: pointer;
	padding: 0px;
	margin: 0px 8px 0px 0px;
	border-width: 0px;
	border-bottom: 1px solid #D9531E;
}

.heavylinkbtn {
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #D9531E;
	background-color: transparent;
	text-align: center;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	border-bottom: 1px solid #D9531E;
}

.textlinkbtn {
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #D9531E;
	background-color: transparent;
	text-align: center;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
	border: 0px solid #434D3E;
	border-bottom: 1px solid #D9531E;
}

.dalinkbtn {
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #D9531E;
	background-color: transparent;
	text-align: center;
	cursor: pointer;
	padding: 0px;
	margin: 0px 1px 0px 1px;
	border-width: 0px;
	border-bottom: 1px solid #D9531E;
}

.calcmark {
	background-color: #547727;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	border: 1px solid #FFFFFF;
	padding: 0px 1px 0px 1px;
}

.helpmark {
	background-color: #FFFEEB;
	color: #D9531E;
	font-weight: normal;
	border: 1px solid #DDDDDD;
	padding: 2px 4px;
}

.nohelpmark {
	background-color: #FFFEEB;
	color: #FFFEEB;
	font-weight: normal;
	border: 1px solid #DDDDDD;
	padding: 2px 4px;
}

.closehelpmark {
    background-color: #FFFEEB;
    color: #D9531E;
    font-weight: normal;
    float:right;
    border: 1px solid #DDDDDD;
    padding: 1px 4px 1px 1px;
}

#datepop {
	display: none;
}

#datepop, .datepop {
	position: absolute;
	border: 2px solid #434D3E;
	background-color: #666;
	color: #fff;
	width: 220px;
}

#datepoptitle, .datepoptitle {
	font-weight: bold;
	padding: 5px;
}

#datepopdrop, .datepopdrop {
	background-color: #DCF6B6;
	color: #000000;
	padding: 5px;
	text-align: center;
}

#datepopbuttons, .datepopbuttons {
	color: #000000;
	padding: 5px;
	text-align: center;
}

.bigger {
	font-size: 1.2em;
}

.small {
	font-size: 0.8em;
	color: #888;
}

.postfix {
	white-space: nowrap;
}

.postfix:hover {
	color: red;
}

.odd {
	
}

.even {
	background-color: #E8EAE7;
}

.no-bottom-border {
	border-width: 1px 1px 0px 1px;
	border-style: inset inset none inset;
	border-color: black;
	margin-bottom: -1px;
}

.no-top-border {
	border-width: 0px 1px 1px 1px;
	border-style: none inset inset inset;
	border-color: black;
	margin-top: -1px;
}

.sortable {
	width: 100%;
}

.normaltext {
	vertical-align: top;
	border: 1px solid #E8EAE7;
}

.errortext {
	background-color: #FFCFCF;
	color: #000000;
	vertical-align: top;
	border: 1px dashed red;
}

.warntext {
	background-color: #FFECCF;
	color: #000000;
	padding: 2px;
	vertical-align: top;
	border: 1px dashed #FFA500;
}

#commit-confirm {
	text-align: center;
}

.auto-width {
	width: auto;
}

.vtop {
	vertical-align: top;
}

.center {
	align: center;
}

.hidden {
	display: none;
}

tr.new-row {
	background: #CCCCCC;
}

.nowrap {
	white-space: nowrap;
}

.entryNotice {
	color: #FF0000;
}

.helppop {
	border: 1px solid #616161;
	background-color: #FFFEEB;
	color: #333;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
}

.helppop .helppoptitle {
	font-weight: bold;
	padding: 10px;
	border-bottom: 1px solid #EEE;
}

.helppop .helppoptext {
	background-color: #FFF;
	color: #000000;
	padding: 10px;
	line-height: 1.8em;
	overflow: hidden;
}

/*
.datepicker {
    position: absolute;
    margin-top: -30px;
}
*/
.warning-mark {
	background-color: #FFAE2B;
	color: #D9531E;
	font-weight: normal;
	border: 1px solid #DDDDDD;
	padding: 2px 4px;
}

.warning-mark-fatal {
	background-color: #FF7E7B;
}

.data-entry-global-warning {
	background-color: #FF7E7B;
	padding: 2px 4px;
}

.data-entry-warning {
	display: none;
}

.data-entry-warning ul {
	padding-left: 15px;
}

.warning-mark:hover ~ .data-entry-warning {
	display: block;
	position: absolute;
	padding-right: 15px;
	border: 2px solid #434D3E;
	background-color: #FFAE2B;
	color: #333;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

.warning-mark:hover ~ .data-entry-warning.data-entry-warning-fatal {
	background-color: #FF7E7B;
}

.data-entry-status {
	background-color: #FFFEEB;
	padding: 2px;
	position: fixed;
	width: 785px;
	border: 1px solid black;
	min-height: 30px;
	bottom: 0px;
}

.data-entry-status-close {
	position: absolute;
	right: 0px;
	top: 0px;
}

.data-entry-dialog {
	top: 0px;
	position: fixed;
	text-align: center;
	height: 100%;
	width: 785px;
}

.data-entry-dialog:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}

.data-entry-dialog-content {
	background-color: #FFFEEB;
	display: inline-block;
	vertical-align: middle;
}

.season-selector {
	display: inline-block;
}

/* Loading - Spinner CSS */
.spinner {
	margin: 100px auto;
	width: 20px;
	height: 20px;
	position: relative;
}

.container1>div, .container2>div, .container3>div {
	width: 6px;
	height: 6px;
	background-color: #333;
	border-radius: 100%;
	position: absolute;
	-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
	animation: bouncedelay 1.2s infinite ease-in-out;
	/* Prevent first frame from flickering when animation starts */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.spinner .spinner-container {
	position: absolute;
	width: 100%;
	height: 100%;
}

.container2 {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}

.container3 {
	-webkit-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
}

.circle1 {
	top: 0;
	left: 0;
}

.circle2 {
	top: 0;
	right: 0;
}

.circle3 {
	right: 0;
	bottom: 0;
}

.circle4 {
	left: 0;
	bottom: 0;
}

.container2 .circle1 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.container3 .circle1 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.container1 .circle2 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.container2 .circle2 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

.container3 .circle2 {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}

.container1 .circle3 {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}

.container2 .circle3 {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

.container3 .circle3 {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}

.container1 .circle4 {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}

.container2 .circle4 {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}

.container3 .circle4 {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}

@
-webkit-keyframes bouncedelay { 0%, 80%, 100% {
	-webkit-transform: scale(0.0)
}

40%
{
-webkit-transform
:
 
scale
(1
.0
)
 
}
}
@
keyframes bouncedelay { 0%, 80%, 100% {
	transform: scale(0.0);
	-webkit-transform: scale(0.0);
}

40%
{
transform
:
 
scale
(1
.0
);

    
-webkit-transform
:
 
scale
(1
.0
);

  
}
}
.loading.message {
	display: none;
}

/*
 * Hax (don't look here)
 */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/*.clearfix { display: inline-block; }*/
html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

#exSelects {
	margin-bottom: 20px;
	margin-top: 20px;
}

#dashName {
	padding-left: 0px;
}

#dashStatus {
	padding-right: 0px;
}

#dashDesc {
	padding-left: 0px;
}

#dashDelete {
	padding-right: 0px;
	margin-top: 20px;
}

#descRow {
	padding: 0px;
}

#selectDash {
	padding-left: 0px;
}

#megShow {
	color: red;
}

.dashItem {
	background-color: #69BE28;
	font-size: 11px
}

.dashItem:hover a {
	background-color: #3B3B3B !important;
}

.dashHead {
	text-align: center;
	font-size: 25px;
	margin-top: 20px;
	font-weight: bold;
}

.dashDescription {
	text-align: center;
	font-size: 15px;
	margin-bottom: 10px;
}

.entrySelectionBox {
	background-color: #F0F0F0;
	clear: both;
	margin: 10px;
	min-width: 800px;
}

.entrySelectionBoxInner{
		margin: 10px;
}

.farm-exclusions {
	margin: 10px 0px 0px 0px;
	background-color: white;
	min-height: 50px;
}

.newExclusion {
	margin-top: 10px;
}

.exclusionRow {
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #e6e6e6;
}

.star{
	margin-top:10px;
    float: left;
}



.indicator{
	margin: 0px 0px 10px 0px;
}

.drillDash{
	margin-top: 40px;
}

.useful{
	border: 1px solid #e6e6e6;
	margin-bottom: 40px;

}

.test-0{
 width: 32.33333333%;
 float: left;
 margin: 10px;
}

.test-1{
  width: 62.66666666%;
  float: left;
  margin: 10px;
}
.commit-success-message {
  background-color: #F0F0F0;
  width: 800px;
  margin-left: 10px;
  padding-left: 22px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.pad10{
	margin-top: 10px;
	margin-bottom: 10px;
}

.tagName{
	width: 90%;
	height: 32px;
}

.tagNoHover:hover{
    text-decoration: none;
    box-shadow: none;
    border-color: #dfdede;
}

.custom-kendo input{
  height: 32px;
}

.custom-kendo .k-combobox .k-dropdown-wrap:before, .custom-kendo .k-numeric-wrap:before, .custom-kendo .k-picker-wrap:before {
  content: none;
}
.custom-kendo .k-dropdown-wrap .k-input, .custom-kendo .k-numeric-wrap .k-input, .custom-kendo .k-picker-wrap .k-input {
  float: left;
}

.custom-kendo .k-combobox .k-icon, .custom-kendo .k-dropdown, .custom-kendo .k-selectbox .k-icon{
  margin-left: -10px;
}

.tag{
	width: 90%;

}

.columnMappingInput{	
	width: 100%;
}

/* Provides the style for the Integration events Angular UI Grid */
.integrationEventsGrid{
   width: 100%;
   /* Set the height relative to the view port, this will ensure the size of the grid fills the available space. */
   height: 70vh;
}

/* Provides the style for the Farm period data Angular UI Grid */
.farmPeriodDataGrid{
   width: 100%;
   /* Set the height relative to the view port, this will ensure the size of the grid fills the available space. */
   height: 70vh;
}

/* Provides the style for the Farm mapping data Angular UI Grid */
.farmMappingDataGrid{
   width: 100%;
   /* Set the height relative to the view port, this will ensure the size of the grid fills the available space. */
   height: 45vh;
}


.custom-kendo-box-shadow .k-tabstrip:focus{
  box-shadow: none;
}

.integrationConfig{
  margin-left: 40px;  
}

.integrationConfig td {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  white-space: nowrap;
}

.integrationConfig input {
  width: 100%; 
}

.loading-image {
  background-image: url(loading-transparent-50x50.gif);
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100px;
}

/* this makes the confirm dialog on the dashboard page centered */
.confirmDialog {
  position: absolute;
  float: left;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
 }
 
 /* The Close Button */
.closeButton {
    color: #000;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closeButton:hover,
.closeButton:focus {
    color: #aaaaaa;
    text-decoration: none;
    cursor: pointer;
}

.baseContainer{
  padding-top: 30px;
  }

.grid1 {
  width: 100%;
  height: 600px;
}

.formGroupRowAlignment{
  vertical-align: top !important;
}

.inputGroupButtonPadding{
  padding-top: 20px;
}

.inputGroupBorderRadius{
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
}

.formPaddingBottom{
  padding-bottom: 15px;
}

.formPaddingTop{
  padding-top: 15px;
}

.formGroupRow{
  display: inline-block;
  padding-right: 15px;
} 

.buttonMarginRight{
  margin-right:15px;
}

.formGroupRowItem{
  display: block;
}

.centredData {
	text-align: center;
}

/* Add padding to the bootstrap fluid container */
.container-fluid-padding{
  padding: 20px;
}

/* This is to support displaying icons on the angular upload widget. See https://github.com/nervgh/angular-file-upload */
@font-face {
  font-family: "Glyphicons Halflings";
  src: url('fonts/glyphicons-halflings-regular.woff2');
}

.levelOneQuestionnaireMessagePanel {
  padding-left: 15px;
}

/* This ensures the "Toastr" alert displays under the DairyBase header bar */
.toast-top-center{
  padding-top: 75px;
}

.textAreaAdvanceSearch{
    min-width: 100%;
    border: 1px solid #888;
}

.dairyBaseTag::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-size: 12px;
}

.dairyBaseTag:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 12px;
}

.dairyBaseTag::-ms-input-placeholder { /* Microsoft Edge */
    font-size: 12px;
}

/* Grid Widget Header Row */
.t-box-grid-row-header {
	padding: 4px;
	border: 1px solid #c7c7c7;
	background-color: #FFFFFF;
	text-align: center;
}

/* greyedOut Row */
.greyedOut {
    font-weight: normal;
    pointer-events:none;
    color:#ababab;
    background:#d9d9d9;
}

.drilldown-dashboard-border {
    margin-top: 5px;
    margin-bottom: 5px;
}

.dashboard-border {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #ededed;
}

/* login page */