@charset "utf-8";
/* *** FEEDXL CSS VARIABLES *** */
/*
    We define here our variables used later on.
    We should have almost everything standardized here.
*/
:root {
	/*  COLORS  */
	--fxl-blue-dark: rgb(0, 80, 150);
	--fxl-blue-light: rgb(0, 120, 195);
	--fxl-blue-pale: rgb(220 235 255);
	--fxl-light: white;
	--fxl-dark: black;
	/* STYLES */
	--fxl-border-radius: 0.2rem;
	--fxl-border-thin: 0.1rem;
	--fxl-border-thick: 0.3rem;
	--fxl-border-medium: 0.15rem;
}
/*@media (prefers-color-scheme: dark) {*/
/*    :root {*/
/*        !*  DARK COLORS  *!*/
/*        --fxl-blue-dark: rgb(220 240 255);*/
/*        --fxl-blue-light: rgb(165 220 255);*/
/*        --fxl-blue-pale: rgb(0, 80, 150);*/
/*        --fxl-light: black;*/
/*        --fxl-dark: white;*/
/*    }*/
/*}*/
/* *** COLOR STYLES *** */
/*
    In this section we apply coloring to elements.
    We can use ONLY the colors defined as CSS variables in the first section.
    We prefer standard elements (body, table, etc.) and use classes only if needed.
*/
html, legend {
	color: var(--fxl-dark);
	background: var(--fxl-light);
}
body {
	color: var(--fxl-dark);
	background: linear-gradient(
			to bottom,
			var(--fxl-light) 0px 70px,
			rgb(113, 127, 128) 70px 140px,
			var(--fxl-light) 140px
	);
}
h1 {
	color: var(--fxl-blue-dark);
}
h2 {
	color: var(--fxl-light);
}
h3, h4, h5 {
	color: rgb(13, 123, 57);
}
abbr, acronym {
	border-bottom-color: var(--fxl-blue-light);
}
table, th, td, tr {
	border-color: var(--fxl-blue-light);
}
a, a:visited {
	color: var(--fxl-blue-light);
}
a:hover {
	color: var(--fxl-blue-light);
}
select {
	border-color: var(--fxl-blue-light);
	background-color: var(--fxl-light);
}
button,
input[type=submit] {
	color: white;
	background-color: var(--fxl-blue-dark);
	border-color: var(--fxl-blue-dark);
}
button:hover,
input[type=submit]:hover {
	background-color: var(--fxl-blue-light);
	border-color: var(--fxl-blue-light);
}
button:disabled,
button[disabled] {
	background-color: rgb(113, 127, 128);
	color: rgb(211, 211, 211);
	border-color: rgb(211, 211, 211);
}
body.simple {
	background: var(--fxl-light);
}
body.simple h2 {
	color: rgb(13, 123, 57);
}
span.prettyLink a {
	color: var(--fxl-light);
}
.prettyButton {
	color: var(--fxl-light);
	background-image: url(../../images/horse_white.png);
	background-position: top right -0.5rem;
	background-repeat: no-repeat;
	background-size: 3rem;
	padding-right: 2.8rem;
	font-weight: bold;
}
button.danger,
input[type=submit].danger {
	color: var(--fxl-light);
	background-color: rgb(208, 51, 31);
	border-color: rgb(208, 51, 31);
}
button.danger:hover,
input[type=submit].danger:hover {
	background-color: rgb(210, 88, 73);
	border-color: rgb(210, 88, 73);
}
button.good,
input[type=submit].good,
.prettyLink {
	color: var(--fxl-light);
	background-color: rgb(13, 123, 57);
	border-color: rgb(13, 123, 57);
}
button.good:hover,
input[type=submit].good:hover,
.prettyLink:hover {
	background-color: rgb(13, 175, 57);
	border-color: rgb(13, 175, 57);
}
.prettyButton:hover {
	background-color: rgb(13, 175, 57);
	border-color: rgb(13, 175, 57);
	text-decoration: none;
}
button.cancel,
input[type=submit].cancel,
#header .nav li a.cancel,
button.close,
input[type=submit].close {
	color: rgb(113, 127, 128);
	background-color: var(--fxl-light);
	border-color: rgb(113, 127, 128);
}
button.cancel:hover,
input[type=submit].cancel:hover,
button.close:hover,
input[type=submit].close:hover,
#header .nav li a.cancel:hover {
	color: var(--fxl-dark);
	border-color: var(--fxl-dark);
}
.tabSet .totalTabCount1 {
	background-color: #66CC66;
}
.tabSet .header li.tab2 .tabHeaderSection {
	background-color: rgb(221, 188, 220);
}
.tabSet .header li.tab2 .tabHeaderSection.current, .tabSet .header li.tab2 .tabHeaderSection:hover, .tabSet .header li.tab2 .tabHeaderSection.ie6hover {
	background-color: rgb(190, 128, 189);
}
.tabSet.currentTab2 .main {
	background-color: rgb(190, 128, 189);
	border-color: rgb(190, 128, 189);
}
.tabSet .header li.tab5 .tabHeaderSection {
	background-color: rgb(171, 227, 171);
}
.tabSet .header li.tab5 .tabHeaderSection.current, .tabSet .header li.tab5 .tabHeaderSection:hover, .tabSet .header li.tab5 .tabHeaderSection.ie6hover {
	background-color: rgb(102, 204, 102);
}
.tabSet.currentTab5 .main {
	background-color: rgb(102, 204, 102);
	border-color: rgb(102, 204, 102);
}
ul.fieldErrors li, ul.actionErrors li {
	color: #b00;
}
#mainContent .validationError,
#lightbox .validationError,
form .validationError {
	color: #b00;
	margin-top: 3px;
}
#reportIssueLightbox legend, #missingFeedLightboxContent legend {
	color: var(--fxl-blue-dark);
}
#reportIssueLightboxSubmitting, #missingFeedLightboxSubmitting {
	color: #555;
}
body.help table.fullborder td, body.help table.fullborder th {
	border-top-color: #333;
	border-right-color: #333;
	border-left-color: #333;
	border-bottom-color: #333;
}
#helpIndex .helpSection h4 {
	color: var(--fxl-light);
}
#helpIndex .helpSection .helpContent {
	background: linear-gradient(
			to bottom,
			var(--fxl-blue-dark) 0 2rem,
			var(--fxl-light) 2rem
	);
	border-color: var(--fxl-blue-dark);
}

div.buttonSection ul li {
	color: rgb(144, 39, 142);
}
div.buttonSection .disabled ul li {
	color: rgb(162, 150, 163);
}
div.buttonSection ul.alt li {
	color: var(--fxl-blue-dark);
}
div.buttonSection .disabled ul.alt li {
	color: rgb(100, 134, 141);
}
#forumStatus {
	border-color: rgb(102, 204, 102);
	background-color: rgb(209, 240, 209);
}
#inGraceBox,
#userDetails #loginError,
#myAccount #billingAndPayments .content {
	border-color: rgb(190, 128, 189);
}
#inGraceBox .title {
	border-bottom-color: rgb(190, 128, 189);
}
#motdBox {
	border-color: rgb(249, 181, 72);
	background-color: rgb(253, 232, 200);
}
#motdBox .title {
	border-bottom-color: rgb(249, 181, 72);
}
.betaBox {
	border-color: var(--fxl-blue-light);
	background-color: var(--fxl-blue-pale);
}
#userDetails .inner {
	border-color: var(--fxl-blue-light);
}
#userDetails table.formTable th,
#userDetails table.formTable td,
#userDetails table.formTable tr.notrequired th,
#userDetails table.formTable tr.notrequired td,
#userDetails .notEditing table.formTable td,
#userDetails .notEditing table.formTable th {
	background-color: transparent;
	border-bottom-color: var(--fxl-blue-pale);
}
.terms #termsFrame #container {
	background-color: white;
}
#termsFrame #container #mainContent #termsOfService tbody tr th,
#termsFrame #container #mainContent #termsOfService tbody tr td {
	background-color: white;
}
#termsFrame > hr {
	margin: 20px 200px 20px 200px;
	border-width: 0;
	height: 1px;
	background: #333;
	background-image: linear-gradient(to right, #ccc, #333, #ccc);
}
#userDetails .accessPlan table .alt td, #userDetails .accessPlan table td.alt {
	background-color: rgb(207, 231, 247);
}
#userDetails .accessPlan table .selected td, #userDetails .accessPlan table td.selected {
	background-color: rgb(209, 240, 209);
}
#userDetails #couponsHolder div {
	background-color: rgb(209, 240, 209);
	border-color: rgb(102, 204, 102);
}
#couponAddForm #couponAddErrors {
	color: #b00;
}
#userDetails #loginError {
	border-color: rgb(190, 128, 189);
	background-color: rgb(236, 219, 236);
}
#userDetails #loginError h4 {
	color: rgb(144, 39, 142);
}
#editIngredient #data_hidden_info {
	color: var(--fxl-blue-dark);
	background-color: var(--fxl-blue-pale);
}
#myAccount .section .heading {
	color: #333;
}
#myAccount #myDetails .content {
	border-color: rgb(102, 204, 102);
}
#myAccount #myDetails .heading {
	background-color: rgb(102, 204, 102);
}
#myAccount #billingAndPayments .heading {
	background-color: rgb(190, 128, 189);
}
#myAccount #myMembership .heading {
	background-color: var(--fxl-blue-light);
	color: var(--fxl-light);
}
#myAccount #myMembership .content {
	border-color: var(--fxl-blue-light);
	background-color: var(--fxl-light);
}
#manageHorses .horse {
	border-color: var(--fxl-blue-light);
	background-color: var(--fxl-light);
}
#manageHorses .deleting {
	background-color: rgb(227, 227, 227);
	border-color: rgb(166, 166, 166);
}
#manageHorses .horse .name {
	color: var(--fxl-blue-dark);
}
#manageHorses .deleting .name {
	color: rgb(98, 98, 98);
}
#manageHorses .horse label {
	color: #333;
}
#browserCheck .browser .recommended {
	color: rgb(10, 112, 58);
}
#feedCostEditor h4,
.feedInfo h4 {
	border-bottom-color: rgb(39, 150, 39);
}
#feedCostEditor .info .category1,
.feedInfo .info .category1,
#feedRatingEditor .info .category1 {
	color: rgb(39, 150, 39);
}
#feedCostEditor .info .category2,
.feedInfo .info .category2,
#feedRatingEditor .info .category2 {
	color: rgb(143, 174, 9);
}
#feedCostEditor .info .category3,
.feedInfo .info .category3,
#feedRatingEditor .info .category3 {
	color: rgb(144, 39, 142);
}
#feedCostEditor .info .category4,
.feedInfo .info .category4,
#feedRatingEditor .info .category {
	color: var(--fxl-blue-light);
}
.feedInfo .nutrient, .feedInfo .head .line {
	border-bottom-color: #b5b5b5;
}
.feedInfo .nutrient .inner {
	border-color: rgb(39, 150, 39);
}
.feedInfo .nutrients .nodata .inner {
	border-color: rgb(249, 181, 72);
}
#feedCostEditor ul .validationError {
	color: #b00;
}
.reactToolTip {
	color: black !important;
	background-color: #ffffe5 !important;
}
.__react_component_tooltip.place-bottom::after {
	border-bottom-color: lightgoldenrodyellow !important;
}
.ReactModalPortal .ReactModal__Overlay--after-open {
	background-color: rgba(0, 0, 0, 0.75) !important
}
#header #miniheader {
	color: var(--fxl-blue-light);
}
#header #miniheader span {
	color: var(--fxl-blue-dark);
}
#header #miniheader #memberLogin .exitUser {
	background-color: var(--fxl-dark) 0;
	color: var(--fxl-blue-dark);
}
form button.switchUser {
	background-color: var(--fxl-dark) 0;
}
#header .nav li a {
	color: rgb(13, 123, 57);
	background-color: var(--fxl-light);
	border-bottom-color: var(--fxl-light);
}
#header .nav li.current a, #header .nav li:hover a, #header .nav li a:hover {
	color: var(--fxl-dark);
	border-bottom-color: var(--fxl-dark);
}
body#home #splash .quote {
	color: var(--fxl-light);
}
body#home #splash .quote a, body#home #splash .quote a:visited {
	color: var(--fxl-light);
}
body#home h3 {
	color: var(--fxl-blue-dark);
}
body#home #mainContent ul li, body#plans #mainContent div.plan h3, body.plan #planDetailHeading h3 {
	color: var(--fxl-blue-dark);
}
body.plan #planDetailHeading ul li, body#contact table th, #footerContent {
	color: var(--fxl-blue-dark);
}
body.plan #planDetailHeading ul li {
	color: var(--fxl-blue-dark);
}
#mainContent p {
	color: var(--fxl-dark);
}
table.prettyTable th,
table.prettyTable thead,
.rdt_Table .rdt_TableCol {
	color: var(--fxl-light);
	background-color: var(--fxl-blue-light);
}
table.prettyTable th a,
table.prettyTable th a:visited {
	color: var(--fxl-light);
}
div.testimonialContent {
	background-color: var(--fxl-blue-pale);
	color: var(--fxl-blue-dark);
}
p.attrib {
	color: var(--fxl-blue-dark);
}
span.autoTooltip {
	color: #0a703a;
}
.tooltip .shadow {
	background-color: var(--fxl-dark);
}
#contentContainer h2 {
	color: var(--fxl-light);
}
#outerContentContainer {
	background-color: var(--fxl-light);
}
#lightbox #controlsContent,
#overlay {
	background-color: var(--fxl-dark);
}
.tabSet .header .tabHeaderSection {
	color: #333;
}
.tabSet .header .tabHeaderSection:hover, .tabSet .header .tabHeaderSection.ie6hover {
	color: var(--fxl-dark);
}
.tabSet .header .tabHeaderSection.current {
	color: var(--fxl-dark);
}
.tabSet .header li.tab0 .tabHeaderSection {
	background-color: #abe3ab;
}
.tabSet .header li.tab1 .tabHeaderSection {
	background-color: #e1ea87;
}
.tabSet .header li.tab3 .tabHeaderSection {
	background-color: var(--fxl-blue-pale);
}
.tabSet .header li.tab4 .tabHeaderSection {
	background-color: #fed69b;
}
.tabSet .header li.tab0 .tabHeaderSection.current, .tabSet .header li.tab0 .tabHeaderSection:hover, .tabSet .header li.tab0 .tabHeaderSection.ie6hover {
	background-color: #6c6;
}
.tabSet .header li.tab1 .tabHeaderSection.current, .tabSet .header li.tab1 .tabHeaderSection:hover, .tabSet .header li.tab1 .tabHeaderSection.ie6hover {
	background-color: #c8d925;
}
.tabSet .header li.tab3 .tabHeaderSection.current, .tabSet .header li.tab3 .tabHeaderSection:hover, .tabSet .header li.tab3 .tabHeaderSection.ie6hover {
	background-color: var(--fxl-blue-light);
	color: var(--fxl-light);
}
.tabSet .header li.tab4 .tabHeaderSection.current, .tabSet .header li.tab4 .tabHeaderSection:hover, .tabSet .header li.tab4 .tabHeaderSection.ie6hover {
	background-color: #f9b548;
}
.tabSet .header li.tab0_Pasture .tabHeaderSection {
	background-color: #d9ff66;
}
.tabSet .header li.tab1_Pasture .tabHeaderSection {
	background-color: #abe3ab;
}
.tabSet .header li.tab2_Pasture .tabHeaderSection {
	background-color: #e8bcd2;
}
.tabSet .header li.tab3_Pasture .tabHeaderSection {
	background-color: var(--fxl-blue-pale);
}
.tabSet .header li.tab4_Pasture .tabHeaderSection {
	background-color: #fed69b;
}
.tabSet .header li.tab0_Pasture .tabHeaderSection.current, .tabSet .header li.tab0_Pasture .tabHeaderSection:hover, .tabSet .header li.tab0_Pasture .tabHeaderSection.ie6hover {
	background-color: #ccff33;
}
.tabSet .header li.tab1_Pasture .tabHeaderSection.current, .tabSet .header li.tab1_Pasture .tabHeaderSection:hover, .tabSet .header li.tab1_Pasture .tabHeaderSection.ie6hover {
	background-color: #6c6;
}
.tabSet .header li.tab2_Pasture .tabHeaderSection.current, .tabSet .header li.tab2_Pasture .tabHeaderSection:hover, .tabSet .header li.tab2_Pasture .tabHeaderSection.ie6hover {
	background-color: #d685ad;
}
.tabSet .header li.tab3_Pasture .tabHeaderSection.current, .tabSet .header li.tab3_Pasture .tabHeaderSection:hover, .tabSet .header li.tab3_Pasture .tabHeaderSection.ie6hover {
	background-color: var(--fxl-blue-light);
}
.tabSet .header li.tab4_Pasture .tabHeaderSection.current, .tabSet .header li.tab4_Pasture .tabHeaderSection:hover, .tabSet .header li.tab4_Pasture .tabHeaderSection.ie6hover {
	background-color: #f9b548;
}
.tabSet.currentTab0 .main {
	background-color: #6c6;
}
.tabSet.currentTab1 .main {
	background-color: #c8d925;
}
.tabSet.currentTab3 .main {
	background-color: var(--fxl-blue-light);
}
.tabSet.currentTab4 .main {
	background-color: #f9b548;
}
.tabSet.currentPastureTab0 .main {
	background-color: #ccff33;
}
.tabSet.currentPastureTab1 .main {
	background-color: #6c6;
}
.tabSet.currentPastureTab2 .main {
	background-color: #d685ad;
}
.tabSet.currentPastureTab3 .main {
	background-color: var(--fxl-blue-light);
}
.tabSet.currentPastureTab4 .main {
	background-color: #f9b548;
}
.blogEntry h3 {
	color: black;
}
.blogEntry .asset-meta {
	color: #0a703a;
}
.comment .inner {
	background-color: var(--fxl-blue-pale);
	color: var(--fxl-blue-dark);
}
.comment-header {
	color: #0a703a;
}
.comment-footer {
	color: #0a703a;
}
table.prettyTable th a, table.prettyTable th a:visited {
	color: var(--fxl-light);
}
div.testimonialContent {
	background-color: var(--fxl-blue-pale);
	color: var(--fxl-blue-dark);
}
p.attrib {
	color: var(--fxl-blue-dark);
}
span.autoTooltip {
	color: #0a703a;
}
.blogEntry {
	border-color: red;
}
.blogEntryInner {
	background-color: var(--fxl-blue-pale);
	border-color: green;
}
table.prettyTable, div.rdt_Table {
	border-color: var(--fxl-blue-light);
}
table.prettyTable tr:nth-child(odd), .rdt_Table .rdt_TableRow:nth-child(odd) {
	background-color: var(--fxl-blue-pale);
}
table.prettyTable tr:nth-child(even), .rdt_Table .rdt_TableRow:nth-child(even) {
	background-color: var(--fxl-light);
}
.rdt_Table .cell {
	word-break: break-word;
	overflow-wrap: break-word;
	white-space: pre-wrap!important;
}
.rdt_Pagination #pagination-previous-page[disabled],
.rdt_Pagination #pagination-first-page[disabled],
.rdt_Pagination #pagination-previous-page[disabled]:hover,
.rdt_Pagination #pagination-first-page[disabled]:hover,
.rdt_Pagination #pagination-next-page[disabled],
.rdt_Pagination #pagination-last-page[disabled],
.rdt_Pagination #pagination-next-page[disabled]:hover,
.rdt_Pagination #pagination-last-page[disabled]:hover{
	background-color: unset;
}
#pastureEditor table.prettyTable tr:nth-child(odd) {
	background-color: var(--fxl-light);
}
table.prettyTable td.bordertop, table.prettyTable tr.bordertop td {
	border-top-color: var(--fxl-blue-light);
}
table.prettyTable td.borderbottom, table.prettyTable tr.borderbottom td {
	border-bottom-color: var(--fxl-blue-light);
}
table.prettyTable#compareTable tr.bottombreak td {
	border-bottom-color: var(--fxl-blue-light);
}
table.prettyTable td.bordertop, table.prettyTable tr.bordertop td {
	border-top-color: var(--fxl-blue-light);
}
table.prettyTable td.borderbottom, table.prettyTable tr.borderbottom td {
	border-bottom-color: var(--fxl-blue-light);
}
div.footnote {
	border-top-color: var(--fxl-blue-light);
}
span.autoTooltip {
	border-bottom-color: var(--fxl-dark);
}
.tooltip .content {
	background-color: var(--fxl-light);
	border-color: #666;
}
.tabSet .main {
	border-color: #666;
	background: #d5e6ed;
}
.tabSet .mainContainer {
	background-color: var(--fxl-light);
}
.tabSet .header .tabHeaderSection {
	background-color: #f2ffff;
}
.tabSet.currentTab0 .main {
	border-color: #6c6;
}
.tabSet.currentTab1 .main {
	border-color: #c8d925;
}
.tabSet.currentTab3 .main {
	border-color: var(--fxl-blue-light);
}
.tabSet.currentTab4 .main {
	border-color: #f9b548;
}
.tabSet.currentPastureTab0 .main {
	border-color: #ccff33;
}
.tabSet.currentPastureTab1 .main {
	border-color: #6c6;
}
.tabSet.currentPastureTab2 .main {
	border-color: #d685ad;
}
.tabSet.currentPastureTab3 .main {
	border-color: var(--fxl-blue-light);
}
.tabSet.currentPastureTab4 .main {
	border-color: #f9b548;
}
.tabSet .totalTabCount1 {
	background-color: #6C6;
}
#wizardFooter #loadingBar {
	border-top-color: rgb(102, 204, 102);
	border-right-color: rgb(102, 204, 102);
	border-left-color: rgb(102, 204, 102);
	border-bottom-color: rgb(102, 204, 102);
	background-color: rgb(209, 240, 209);
}
.progress .itemNames .past, .progress .itemNames .present {
	color: rgb(237, 235, 109);
}
.progress .itemNames .future {
	color: var(--fxl-light);
}
.progress .itemNames td {
	color: #fff;
}
.right-arrowhead {
	border-left-color: rgb(237, 235, 109);
}
#wizardProgress .inner {
	background-color: rgb(113, 127, 128);
}
#wizardProgress .expander div {
	background-color: #f5f5f5;
}
 .limitsBlurb {
	border-top-color: rgb(249, 181, 72);
	border-right-color: rgb(249, 181, 72);
	border-left-color: rgb(249, 181, 72);
	border-bottom-color: rgb(249, 181, 72);
	background-color: rgb(253, 232, 200);
}
.horseDetailsTable tr {
	background-color: var(--fxl-light);
}
.horseDetailsTable th, .horseDetailsTable td, .dietDetailsTable th, .dietDetailsTable td, .freeChoiceForageBuilderDetailsTable th, .freeChoiceForageBuilderDetailsTable td {
	border-bottom-color: var(--fxl-blue-pale);
}
#conditionScoreChart p.instructions {
	color: var(--fxl-blue-dark);
}
#conditionScoreChart label {
	color: var(--fxl-blue-dark);
}
input#lb_adgEstMatureWeight {
	width: 40px;
	margin-left: 10px;
}
label#lb_adgUseConservativeLabel {
	font-style: italic;
}
#horseList ul li, #dietList ul li, #freeChoiceForageBuilderList ul li {
	background-color: var(--fxl-blue-pale);
}
#horseList li.hidden {
	background-color: rgb(236, 236, 236);
}
#horseList li a, #dietList li a, #freeChoiceForageBuilderList li a {
	color: var(--fxl-blue-dark);
}
#horseList li.selected, #horseList li:hover, #horseList li.ie6hover,
#dietList li.selected, #dietList li:hover, #dietList li.ie6hover, #freeChoiceForageBuilderList li.selected, #freeChoiceForageBuilderList li:hover, #freeChoiceForageBuilderList li.ie6hover {
	background-color: var(--fxl-blue-light);
	color: var(--fxl-light);
}
#horseList li.selected a, #horseList li:hover a, #horseList li.ie6hover a,
#dietList li.selected a, #dietList li:hover a, #dietList li.ie6hover a, #freeChoiceForageBuilderList li.selected a, #freeChoiceForageBuilderList li:hover a, #freeChoiceForageBuilderList li.ie6hover a {
	color: var(--fxl-light);
}
#horseExisting td.name div.name, #dietSelector td.name div.name, #freeChoiceForageBuilderSelector td.name div.name {
	color: var(--fxl-blue-dark);
}
#horseExisting tr.name, #dietSelector tr.name, #freeChoiceForageBuilderSelector tr.name {
	background-color: var(--fxl-blue-pale);
}
#horseExisting #loadingHorse {
	color: #666;
}
#horseNew .condition td .selected > span {
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-left-color: #ccc;
	border-bottom-color: #ccc;
}
.axisLabel {
	background-color: var(--fxl-blue-pale);
	color: var(--fxl-blue-dark);
}
#pastureSelectorYaxisLabel {
	border-left-color: var(--fxl-light);
}
#pastureSelector {
	background-color: var(--fxl-light);
	border-color: var(--fxl-blue-pale);
}
#pastureSelector a img,
#pastureSelector li.quality:hover a.select img,
#pastureSelector li.ie6hover a img {
	border-color: var(--fxl-blue-pale);
}
#pastureSelector ul, #pastureSelector ul li {
	border-color: var(--fxl-light);
}
#pastureSelector ul {
	border-color: var(--fxl-light);
}
#pastureSelector div.quality {
	border-color: red;
}
#freeChoiceForage ul li.label {
	color: var(--fxl-blue-light);
}
#freeChoiceForage div.caption {
	border-color: var(--fxl-blue-light);
	color: var(--fxl-blue-dark);
	background-color: var(--fxl-blue-pale);
}
#freeChoiceForage div.overlay {
	background-color: #333;
}
#freeChoiceForage div.options a {
	color: var(--fxl-blue-pale);
}
table#pastureQuestions .warning .important {
	color: #b00;
}
.wizardEditor p.grainWarning {
	border-color: #d55;
	color: #d55;
}
table td.tableSelected {
	background-color: var(--fxl-blue-dark) !important;
	color: var(--fxl-light);
}
.wizardEditor .categoryContainer optgroup {
	color: #000;
}
.wizardEditor #ingredientEntryList {
	border-color: var(--fxl-blue-light);
}
.wizardEditor #ingredientEntryList .multiple th,
.wizardEditor #ingredientEntryList .quantity th,
.wizardEditor #ingredientEntryList .hours th {
	color: var(--fxl-blue-dark);
}
.wizardEditor #ingredientEntryList .quantityValidation th,
.wizardEditor #ingredientEntryList .quantityValidation td,
.wizardEditor #ingredientEntryList .hours td {
	border-bottom-color: var(--fxl-blue-light);
}
.wizardEditor #ingredientEntryList .name td {
	color: var(--fxl-blue-dark);
}
.wizardEditor #ingredientEntryList .totalPercent th, .wizardEditor #ingredientEntryList .totalPercent td {
	color: var(--fxl-blue-dark);
}
.wizardEditor #ingredientEntryList .totalPercent td.notComplete {
	color: #b00;
}
.wizardEditor #ingredientEntryList .selected td,
.wizardEditor #ingredientEntryList .selected th {
	background-color: var(--fxl-blue-dark);
	color: var(--fxl-light);
}
.wizardEditor .categoryContainer option.grain,
#dietNew p.grainWarning,
#dietExisting p.grainWarning,
.wizardEditor #ingredientEntryList .name span.grain {
	color: #d22;
}
.wizardEditor .search {
	color: #444;
	border-color: rgb(249, 181, 72);
	background-color: rgb(253, 232, 200);
}
.wizardEditor .search a:hover {
	background-color: rgb(249, 181, 72);
}
.wizardEditor .stepBox {
	border-color: var(--fxl-blue-light);
}
.wizardEditor .stepBox .stepIdent {
	color: var(--fxl-blue-dark);
}
.wizardEditor .tabSet.currentTab0 #showHide {
	background-color: rgb(102, 204, 102);
}
.wizardEditor .tabSet.currentTab1 #showHide {
	background-color: rgb(200, 217, 37);
}
.wizardEditor .tabSet.currentTab2 #showHide {
	background-color: rgb(190, 128, 189);
}
.wizardEditor .tabSet.currentTab3 #showHide {
	background-color: var(--fxl-blue-pale);
}
.wizardEditor .tabSet.currentTab0 #showHide a {
	background-color: rgb(171, 227, 171);
}
.wizardEditor .tabSet.currentTab1 #showHide a {
	background-color: rgb(225, 234, 135);
}
.wizardEditor .tabSet.currentTab2 #showHide a {
	background-color: rgb(221, 188, 220);
}
.wizardEditor .tabSet.currentTab3 #showHide a {
	background-color: var(--fxl-blue-light);
}
.contentContainer .loading div {
	color: #666;
}
#dietSelectorFeedsList {
	border-color: var(--fxl-blue-light);
}
.pastureEditor .tabSet .totalTabCount1 {
	background-color: var(--fxl-blue-pale);
}
#results .resultsTable {
	border-color: var(--fxl-blue-light);
}
#results .resultsTable th {
	background-color: var(--fxl-blue-light);
	color: var(--fxl-light);
}
#results .resultsTable tr.alt td {
	background-color: var(--fxl-blue-pale);
}
#results .resultsTable tr.bordertop td {
	border-top-color: var(--fxl-blue-light);
}
#resultsAnalysis .action span {
	text-transform:capitalize;
}
#resultsAnalysis .action .increase,
#resultsAnalysis .dietPercRdi .increase,
#resultsAnalysis .action .decrease,
#resultsAnalysis .dietPercRdi .decrease,
#resultsAnalysis .action .contactus {
	color: red;
}
#resultsSummary div.pass {
	border-color: rgb(102, 204, 102);
	background-color: rgb(209, 240, 209);
}
#resultsSummary div.fail {
	border-color: rgb(204, 102, 153);
	background-color: rgb(240, 209, 224);
}
div#findingSupplementMessage {
	border-color: rgb(102, 204, 102);
	background-color: rgb(209, 240, 209);
}
div#findingFeedMessage {
	border-color: rgb(102, 204, 102);
	background-color: rgb(209, 240, 209);
}
#resultsManagement div.colour1 {
	border-color: rgb(102, 204, 102);
	background-color: rgb(209, 240, 209);
}
#resultsManagement div.colour1 .number {
	color: rgb(39, 150, 39);
}
#resultsManagement div.colour2 {
	border-color: rgb(200, 217, 37);
	background-color: rgb(239, 243, 189);
}
#resultsManagement div.colour2 .number {
	color: rgb(143, 174, 9);
}
#resultsManagement div.colour3 {
	border-color: rgb(190, 128, 189);
	background-color: rgb(236, 219, 236);
}
#resultsManagement div.colour3 .number {
	color: rgb(144, 39, 142);
}
#resultsManagement div.colour4 {
	border-color: var(--fxl-blue-light);
	background-color: var(--fxl-blue-pale);
}
#resultsManagement div.colour4 .number {
	color: var(--fxl-blue-dark)
}
#resultsManagement div.colour5 {
	border-color: rgb(249, 181, 72);
	background-color: rgb(253, 232, 200);
}
#resultsManagement div.colour5 .number {
	color: rgb(241, 112, 23);
}
#resultsGraph td {
	border-left-color: var(--fxl-blue-light);
}
#resultsGraph .first td.one00, #resultsGraph .first td.two00,
#resultsGraph .last td.one00, #resultsGraph .last td.two00 {
	border-color: var(--fxl-blue-light);
}
#resultsGraph .total td.one00, #resultsGraph .total td.two00 {
	background-color: var(--fxl-blue-pale);
}
#resultsGraph .pass .exp {
	background-color: rgb(102, 204, 102);
}
#resultsGraph .pass {
	color: rgb(39, 150, 39);
}
#resultsGraph .fail .exp {
	background-color: rgb(204, 102, 153);
}
#resultsGraph .fail {
	color: rgb(150, 39, 78);
}
#resultsGraph table {
	border-color: var(--fxl-blue-light);
}
.reportGraphBarTT .content {
	border-color: black;
	color: var(--fxl-light);
}
.reportGraphBarTT .background {
	background-color: #000;
}
.reportGraphBarTT .feedComposition {
	color: var(--fxl-light) !important;
}
.reportGraphBarTT .feedComposition table {
	border-color: #999;
}
.reportGraphBarTT .feedComposition th {
	border-bottom-color: #777;
	color: var(--fxl-light);
}
.reportGraphBarTT .feedComposition td.feed {
	color: var(--fxl-light);
}
#results #resultsHealth .healthSectionHeader td div {
	background-color: #f9b548;
	color: black;
}
#results .finderButtonCommon,
.reactModalContainer .finderButtonCommon,
#modal-container .finderButtonCommon {
	color: var(--fxl-light);
}
#results .supplementFinderButton,
.reactModalContainer .supplementFinderButton,
#modal-container .supplementFinderButton {
	background-color: #ea068c;
}
#results .feedFinderButton,
.reactModalContainer .feedFinderButton,
#modal-container .feedFinderButton {
	background-color: #4a5395;
}
#results .nutritionConsultButton {
	background-size: 47px;
	background-color: #26A69A;
}
#conditionScoreChart table {
	border-bottom-color: silver;
}
#conditionScoreChart table#lb_cs_table_1 {
	border-top-color: silver;
}
#ingredient_multitype {
	color: var(--fxl-blue-dark);
}
.nutrientDosage {
	color: var(--fxl-blue-dark);
}
.category1 {
	border-color: rgb(39, 150, 39);
	color: rgb(39, 150, 39);
}
.category2 {
	border-color: rgb(143, 174, 9);
	color: rgb(143, 174, 9);
}
.category3 {
	border-color: rgb(144, 39, 142);
	color: rgb(144, 39, 142);
}
.category4 {
	border-color: var(--fxl-blue-light);
	color: var(--fxl-blue-light);
}
#nutrientContainer .nutrient {
	border-bottom-color: #b5b5b5;
}
#nutrientContainer .inner {
	border-color: rgb(39, 150, 39);
}
#nutrientContainer .nodata .inner {
	border-color: rgb(249, 181, 72);
}
#nutrientContainer input:read-only {
	color: rgb(128, 128, 128);
}
.feedInformation .disabled {
	color: #c0c0c0;
	background-color: var(--fxl-light);
}
#confirmContainer h3,
#editIngredient h3 {
	color: var(--fxl-blue-dark)
}
#lightbox #controlsContent,
.multiTypeList .controlsContent,
.reactModalHeader {
	background-color: var(--fxl-blue-dark);
}
.contentContainer .loading {
	color: #666;
}
.tabSet.currentTab0 #showHide {
	background-color: rgb(102, 204, 102);
}
.tabSet.currentTab1 #showHide {
	background-color: rgb(200, 217, 37);
}
.tabSet.currentTab2 #showHide {
	background-color: rgb(190, 128, 189);
}
.tabSet.currentTab3 #showHide {
	background-color: var(--fxl-blue-light);
}
.tabSet.currentTab0 #showHide a {
	background-color: rgb(171, 227, 171);
}
.tabSet.currentTab1 #showHide a {
	background-color: rgb(225, 234, 135);
}
.tabSet.currentTab2 #showHide a {
	background-color: rgb(221, 188, 220);
}
.tabSet.currentTab3 #showHide a {
	background-color: var(--fxl-blue-pale);
}
.search {
	color: #444;
	border-top-color: rgb(249, 181, 72);
	border-right-color: rgb(249, 181, 72);
	border-left-color: rgb(249, 181, 72);
	border-bottom-color: rgb(249, 181, 72);
	background-color: rgb(253, 232, 200);
}
.search a:hover {
	background-color: rgb(249, 181, 72);
}
.feedsList .item {
	border-bottom-color: #b5b5b5;
}
.feedsList .url, .feedsList .help, .feedsList .c_cost {
	border-left-color: #b5b5b5;
}
.feedsList .summaryItem {
	border-color: var(--fxl-blue-dark);
}
.feedsListCategory1 .inner {
	border-color: rgb(102, 204, 102);
}
.feedsListCategory1 .item:hover, .feedsListCategory1 .c_typeHead {
	background-color: rgb(171, 227, 171);
}
.feedsListCategory1 .typeName {
	color: rgb(39, 150, 39);
}
.feedsListCategory2 .inner {
	border-color: rgb(200, 217, 37);
}
.feedsListCategory2 .item:hover, .feedsListCategory2 .c_typeHead {
	background-color: rgb(225, 234, 135);
}
.feedsListCategory2 .typeName {
	color: rgb(143, 174, 9);
}
.feedsListCategory3 .inner {
	border-color: rgb(190, 128, 189);
}
.feedsListCategory3 .item:hover, .feedsListCategory3 .c_typeHead {
	background-color: rgb(221, 188, 220);
}
.feedsListCategory3 .typeName {
	color: rgb(144, 39, 142);
}
.feedsListCategory4 .inner {
	border-color: var(--fxl-blue-light);
}
.feedsListCategory4 .item:hover, .feedsListCategory4 .c_typeHead {
	background-color: var(--fxl-blue-pale);
}
.feedsListCategory4 .typeName {
	color: var(--fxl-blue-dark);
}
.feedsList .item.u {
	color: #d22;
}
.feedsList .item.m {
	color: rgb(212, 154, 61);
}
.feedsList .item.p {
	color: rgb(144, 39, 142);
}
.foragesSuitabilityColors.u {
	color: #d22;
}
.foragesSuitabilityColors.m {
	color: rgb(212, 154, 61);
}
.foragesSuitabilityColors.p {
	color: rgb(144, 39, 142);
}
#fixedTypeHead {
	border-top-color: rgb(246, 250, 252);
	background-color: rgb(246, 250, 252);
}
.dietFeedsList .name {
	background-color: var(--fxl-blue-dark);
	color: white;
}
.dietFeedsList li.validationError {
	border-color: red;
}
.variantInfo {
	margin: 0 auto;
}
/*  We need the :not(#mainContainer) to exclude
  a too specific selector defined on the higher level of feedxl_2.css
  That selector uses the ID #mainContainer, but we do not have the same
  #mainContainer on every feed list (like in diet editor).
  Alternatively we could use !important for these properties
  but it would have been uglier and harder to maintain.
*/
div:not(#mainContainer) div ul.multiTypeList li {
	color: var(--fxl-blue-light);
}
div:not(#mainContainer) div ul li.multiTypeTitleBar {
	color: var(--fxl-blue-dark);
}
div:not(#mainContainer) div ul li.multiTypeListContainer {
	background-color: var(--fxl-light);
}
div:not(#mainContainer) div ul li.multiTypeHeader {
	background-color: var(--fxl-blue-pale);
	color: black !important;
}
div:not(#mainContainer) div ul li.multiTypeActionHeader {
	background-color: var(--fxl-blue-pale);
	color: #333 !important;
}
div:not(#mainContainer) div ul li.multiTypeListItem:nth-child(odd) {
	background-color: rgb(255, 255, 255);
}
div:not(#mainContainer) div ul li.multiTypeListItem:nth-child(even) {
	background-color: var(--fxl-blue-pale);
}
div:not(#mainContainer) div ul li.multiTypeListItem div.listItemContent {
	border-bottom-color: #b5b5b5;
	color: black;
}
div:not(#mainContainer) div ul.multiTypeList.category_1 li {
	color: #6c6;
}
div:not(#mainContainer) div ul.multiTypeList.category_1 li.multiTypeHeader {
	background-color: rgb(171, 227, 171);
}
div:not(#mainContainer) div ul.multiTypeList.category_1 li.multiTypeActionHeader {
	background-color: rgb(171, 227, 171);
}
div:not(#mainContainer) div ul.multiTypeList.category_1 .listItemContent:hover {
	background-color: rgb(171, 227, 171);
}
div:not(#mainContainer) div ul.multiTypeList.category_2 li {
	color: #c8d925;
}
div:not(#mainContainer) div ul.multiTypeList.category_2 li.multiTypeHeader {
	background-color: rgb(225, 234, 135);
}
div:not(#mainContainer) div ul.multiTypeList.category_2 li.multiTypeActionHeader {
	background-color: rgb(225, 234, 135);
}
div:not(#mainContainer) div ul.multiTypeList.category_2 .listItemContent:hover {
	background-color: rgb(225, 234, 135);
}
div:not(#mainContainer) div ul.multiTypeList.category_3 li {
	color: rgb(190, 128, 189);
}
div:not(#mainContainer) div ul.multiTypeList.category_3 li.multiTypeHeader {
	background-color: rgb(221, 188, 220);
}
div:not(#mainContainer) div ul.multiTypeList.category_3 li.multiTypeActionHeader {
	background-color: rgb(221, 188, 220);
}
div:not(#mainContainer) div ul.multiTypeList.category_3 .listItemContent:hover {
	background-color: rgb(221, 188, 220);
}
div:not(#mainContainer) div ul.multiTypeList.category_4 li {
	color: var(--fxl-blue-light);
}
div:not(#mainContainer) div ul.multiTypeList.category_4 li.multiTypeHeader {
	background-color: var(--fxl-blue-pale);
}
div:not(#mainContainer) div ul.multiTypeList.category_4 li.multiTypeActionHeader {
	background-color: var(--fxl-blue-pale);
}
div:not(#mainContainer) div ul.multiTypeList.category_4 .listItemContent:hover {
	background-color: var(--fxl-blue-pale);
}
div.modal-window {
	background: #EAEAEA;
	border-color: #ddd;
}
.modal-ok-btn-disabled {
	filter: grayscale(100%);
}
.uploader-face .uploadcare-widget-button-open {
	color: var(--fxl-light);
	background-color: var(--fxl-blue-dark);
}
.uploader-face .uploadcare-widget-button {
	color: var(--fxl-dark);
	background-color: #EEEEEE;
	border-top-color: #CCCCCC;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #CCCCCC;
	border-style: solid;
}
#feedInfoContainer h4 {
	color: var(--fxl-blue-dark);
}
#feedInfoContainer .feedInfoTable th,
.feedInfoTable td {
	border-top-color: var(--fxl-blue-pale);
	border-bottom-color: var(--fxl-blue-pale);
}
#feedInfoContainer table.feedInfoTable {
	border-color: var(--fxl-blue-light);
}
.icon-select .selected-box {
	border-color: #999999;
}
.icon-select .selected-box:hover {
	background-color: var(--fxl-light);
}
.icon-select .box {
	background-color: #EEEEEE;
}
.icon-select .icon {
	background-color: var(--fxl-light);
}
.ratingCount {
	border-right-color: #b5b5b5;
}
#feedRatingEditor h3 {
	border-bottom-color: #279627;
}
#othersUsersRatingsWrapper > div.feedInfo > h4,
#currentUsersRatingWrapper > div.feedInfo > h4,
#feedRatingFormWrapper > div.feedInfo > h4 {
	background-color: rgb(171, 227, 171);
	color: var(--fxl-dark);
}
.otherUsersComment {
	border-bottom-color: #b5b5b5;
}
.rating:not(:checked) > label {
	color: #ddd;
}
.rating > input:checked ~ label,
.rating > label:hover ~ input:checked ~ label {
	color: #F17017;
}
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
	color: #F9B548;
}
.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label {
	color: #F9B548;
}
.otherUsersRatingBorderBottam {
	border-bottom-color: #b5b5b5;
}
#activeNutrientContainer {
	border-color: var(--fxl-blue-light);
}
#activeNutrientContainer h6 {
	color: var(--fxl-blue-dark);
}
#addNutrientContainer {
	border-bottom-color: var(--fxl-blue-pale);
	border-top-color: var(--fxl-blue-pale);
}
#nutrientTable tr {
	border-bottom-color: var(--fxl-blue-pale);
}
h1.ingredientNameCat1 {
	border-color: rgb(39, 150, 39);
}
h1.ingredientNameCat2 {
	border-color: rgb(143, 174, 9);
}
h1.ingredientNameCat3 {
	border-color: rgb(144, 39, 142);
}
h1.ingredientNameCat4 {
	border-color: var(--fxl-blue-light);
}
#nutrientInfoContainer.h3 {
	color: var(--fxl-blue-dark);
}
#confirmContainer {
	border-color: var(--fxl-blue-light);
}
#activeNutrients .nutrient,
#inactiveNutrients .nutrient,
#unknownNutrients .nutrient {
	border-bottom-color: var(--fxl-dark);
}
#ingredientSidebar {
	background-color: var(--fxl-blue-pale);
}
.no-suggestions {
	color: #999;
}
.suggestions {
	border-color: #999;
}
.suggestion-active,
.suggestions li:hover {
	background-color: #008f68;
	color: #fae042;
}
.suggestions li:not(:last-of-type) {
	border-bottom-color: #999;
}
table.supplementTable {
	border-color: var(--fxl-blue-light);
}
.supplementTable th {
	background-color: var(--fxl-blue-light);
	color: var(--fxl-light);
}
.supplementTable tr:nth-child(odd) {
	background-color: var(--fxl-light);
}
.supplementTable tr:nth-child(even) {
	background-color: var(--fxl-blue-pale);
}
.supplementFinderError {
	border-color: rgb(102, 204, 102);
	background-color: rgb(209, 240, 209);
}
body.supplementFinderProgressBody {
	background: none;
}
.supplementFinderProgressContainer {
	border-color: var(--fxl-blue-light);
	background-color: var(--fxl-blue-pale);
}
.supplementFinderProgressFill {
	background-color: var(--fxl-blue-light);
}
.loader {
	background-color: rgba(0, 0, 0, 0.8);
}
.tabs .tab {
	border-right-color: var(--fxl-blue-dark);
	border-top-color: var(--fxl-blue-dark);
}
.tabs .tab:first-child {
	border-left-color: var(--fxl-blue-dark);
}
.tabs .active.tab {
	background-color: var(--fxl-blue-light);
	color: var(--fxl-light);
	border-color: var(--fxl-blue-light);
}
.dataTable-wrapper.no-header .dataTable-container {
	border-top-color: #d9d9d9;
}
.dataTable-wrapper.no-footer .dataTable-container {
	border-bottom-color: #d9d9d9;
}
.dataTable-pagination a {
	color: #333;
}
.dataTable-pagination a:hover {
	background-color: #d9d9d9;
}
.dataTable-pagination .active a,
.dataTable-pagination .active a:focus,
.dataTable-pagination .active a:hover {
	background-color: #d9d9d9;
}
.dataTable-table > thead > tr > th {
	border-bottom-color: #d9d9d9;
}
.dataTable-table > tfoot > tr > th {
	border-top-color: #d9d9d9;
}
.dataTable-table th a {
	color: inherit;
}
.dataTable-sorter::before,
.dataTable-sorter::after {
	border-left-color: transparent;
	border-right-color: transparent;
}
.dataTable-sorter::before {
	border-top-color: #000;
}
.dataTable-sorter::after {
	border-bottom-color: #000;
	border-top-color: transparent;
}
#messageCategories .categoryHeading {
	border-top-color: var(--fxl-blue-light);
}
#messageCategories table {
	border-color: var(--fxl-blue-light);
}
#messageCategories td {
	border-left-color: var(--fxl-blue-light);
	border-right-color: var(--fxl-blue-light);
}
#messageCategories th {
	border-color: var(--fxl-blue-light);
}
#messageCategories tr:nth-child(odd) {
	background-color: var(--fxl-blue-pale);
}
#messageCategories tr:nth-child(even) {
	background-color: var(--fxl-light);
}
#newMessageFormContainer {
	border-color: var(--fxl-blue-light);
}
#userList {
	padding: 1rem;
}
#userList tr:nth-child(odd) {
	background-color: var(--fxl-blue-pale);
}
#userList tr:nth-child(even) {
	background-color: var(--fxl-light);
}
.columnSelectionContainer {
	margin: 0 auto;
	max-width: 80%;
	width: 100rem;
	text-align: center;
}
#columnsSelector {
	border-color: var(--fxl-blue-light);
	width: 100%;
	box-sizing: border-box;
	border-width: var(--fxl-border-medium);
	border-style: solid;
	border-radius: var(--fxl-border-radius);
}
#columnsSelector .selector {
	display: flex;
	flex-wrap: wrap;
	padding: 0.5rem;
}
#columnsSelector .selector .selectorItem {
	flex: 0 0 14rem;
	padding: 0.2rem;
	text-align: left;
}
.col_icons {
	text-align: right;
}
#pastureEditor table .name {
	background-color: var(--fxl-blue-pale);
	color: var(--fxl-blue-dark);
}
#ingredientCategories .categoryHeading {
	border-top-color: var(--fxl-blue-light);
}
.categoryContent .ingredientType {
	color: var(--fxl-blue-dark)
}
.categoryContent table {
	border-color: var(--fxl-blue-light);
}
.categoryContent th {
	border-color: var(--fxl-blue-light);
	color: var(--fxl-light);
	background-color: var(--fxl-blue-light);
}
.categoryContent th,
.categoryContent td {
	border-left-color: var(--fxl-blue-light);
	border-right-color: var(--fxl-blue-light);
}
.invalidVariantIng td {
	color: #808080;
}
.ingRow td.blank span {
	color: #ddd;
}
#showIngredientMessage {
	color: #0a703a;
}
#UserEditedTable tr:nth-child(even) > *,
#UserCreatedTable tr:nth-child(even) > * {
	background-color: var(--fxl-blue-pale);
}
#UserEditedTable th,
#UserCreatedTable th {
	background-color: var(--fxl-blue-light);
	color: var(--fxl-light)
}
#rdiEquationTable tr td.evaluateCell {
	border-color: var(--fxl-blue-light);
}
#rdiEquationTable > tbody > tr:not(:first-child) > td {
	border-color: var(--fxl-blue-light);
}
#multiHorseTable tr:not(:first-child) td {
	border-top-color: var(--fxl-blue-light);
}
.odd td, .odd th {
	background-color: var(--fxl-blue-pale);
}
table.prettyTable.noAltLine > tbody > tr:nth-child(odd) {
	background-color: var(--fxl-light);
}
table.prettyTable.noAltLine > tbody > tr:nth-child(even) {
	background-color: var(--fxl-light);
}
#compareTable .rowData .variantChange {
	background-color: yellow;
}
input.text,
input.password,
input[type="text"],
input[type="tel"],
input[type="number"],
textarea {
	border-color: var(--fxl-blue-light) !important;
}
.uploadcare--widget__text {
	color: #d22;
}

/* *** FORM STYLES *** */
/*
    In this section we apply form styling to elements (i.e. border radius, transform, etc).
    We can use ONLY the styles defined as CSS variables in the first section.
    We prefer standard elements (body, table, etc.) and use classes only if needed.
*/
body {
	font-family: arial, helvetica, clean, sans-serif;
	text-align: center;
	font-size: 13px;
	min-width: 850px;
}
h1, h2, h3, h4, h5, h6, strong, dt {
	font-weight: bold;
}
h1 {
	font-size: 138.5%;
}
h2 {
	width: 850px;
	text-align: center;
	font-weight: 100;
	font-size: 26px;
}
h3 {
	font-size: 18px;
	text-align: left;
}
h4 {
	font-size: 16px;
}
optgroup {
	font-weight: normal;
}
table {
	font-size: inherit;
	border-spacing: 0;
}
th {
	font-weight: bold;
	text-align: center;
}
th, td {
	border-width: 0;
	border-style: solid;
}
table tr {
	border-bottom-width: 1px;
}
fieldset, img {
	border: 0;
}
del, ins {
	text-decoration: none;
}
li {
	list-style: none;
}
caption {
	margin-bottom: .5em;
	text-align: center;
}
q:before, q:after {
	content: "";
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
abbr,
acronym,
#mainContent .colblock2 .column {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	cursor: help;
}
em {
	font-style: italic;
}
del {
	text-decoration: line-through;
}
ol li {
	list-style: decimal outside;
}
ul li {
	list-style: disc outside;
}
select, input, button, textarea, button {
	font: 99% arial, helvetica, clean, sans-serif;
}
pre, code, kbd, samp, tt {
	font-family: monospace;
	font-size: 108%;
	line-height: 100%;
}
option {
	font-style: normal;
	font-weight: normal;
}
a, a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
select {
	border-radius: var(--fxl-border-radius);
	border-width: var(--fxl-border-thin);
}
button,
input[type=submit],
button.danger,
input[type=submit].danger,
button.good,
input[type=submit].good,
.prettyLink,
button.cancel,
input[type=submit].cancel,
#header .nav li a.cancel,
button.close,
input[type=submit].close {
	width: auto;
	overflow: visible;
	border-style: solid;
	border-radius: var(--fxl-border-radius);
	border-width: 0.15rem;
}
button:hover,
input[type=submit]:hover {
	cursor: pointer;
}
body#home {
	background-image: url(../../images/bg_top_home.gif);
}
body.simple {
	background-image: none;
	width: 97%;
}
body.simple #container {
	width: auto;
}
body.simple h2,
#contentContainer h2 {
	width: auto;
	border: 0;
	text-align: left;
	font-weight: bold;
	font-size: 17px;
}
body.simple h3 {
	font-size: 15px;
	font-style: italic;
}
body.simple h4 {
	font-size: 14px;
}
body.plan {
	background-image: url(../../images/bg_top_sub_greybar.gif);
}
span.prettyLink {
	background-image: url(../../images/horse_white.png);
	background-position: top right -0.5rem;
	background-repeat: no-repeat;
	background-size: 3rem;
}
span.prettyLink a {
	font-weight: bold;
}
span.prettyLink a:hover {
	text-decoration: none;
}
button.cancel:hover,
input[type=submit].cancel:hover,
button.close:hover,
input[type=submit].close:hover,
#header .nav li a.cancel:hover {
	background-position: left bottom;
	border-style: solid;
	border-width: 0.15rem;
}
#container {
	width: 850px;
	text-align: left;
}
body.fullWidth #container {
	width: auto;
}
.tabSet .totalTabCount1 {
	border-style: none;
}
#lightbox {
	z-index: 98;
}
#overlay {
	z-index: 97;
}
#termsHeader {
	font-weight: bold;
}
.tabSet .header li.tab2 .tabHeaderSection {
	border-bottom-style: none;
}
.tabSet.currentTab2 .main {
	border-width: 3px;
}
.tabSet .header li.tab5 .tabHeaderSection {
	border-bottom-style: none;
}
#contentContainer h2 {
	top: -24px;
}
span.autoTooltip {
	zoom: 1;
}
input.text,
input.password,
input[type="text"],
input[type="tel"],
input[type="number"] {
	width: 170px;
}
input.text,
input.password,
input[type="text"],
input[type="tel"],
input[type="number"],
textarea {
	border-width: var(--fxl-border-thin);
	border-radius: var(--fxl-border-radius);
	border-style: solid;
}
ul.fieldErrors, ul.actionErrors {
	list-style: none;
}
ul.fieldErrors li, ul.actionErrors li {
	font-style: italic;
	background: none !important;
}
#mainContent .validationError,
#lightbox .validationError {
	font-size: 12px;
	list-style-type: none;
}
#mainContent .validationError li,
#lightbox .validationError li {
	background: none;
	list-style: none;
}
#validationActionErrors p {
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
}
#validationActionErrors li.validationError {
	font-size: 14px;
	list-style-type: disc;
}
#reportIssueLightbox p, #missingFeedLightboxContent p {
	font-size: 14px;
}
#reportIssueLightbox .section, #missingFeedLightboxContent .section {
	border-top-width: 2px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-bottom-width: 2px;
}
#reportIssueLightbox label, #missingFeedLightboxContent label {
	font-weight: bold;
	display: block;
}
#missingFeedLightboxContent .productInfo label {
	width: 170px;
	float: left;
	text-align: right;
}
#reportIssueLightbox legend, #missingFeedLightboxContent legend {
	font-weight: bold;
	font-size: 14px;
}
#reportIssueLightbox textarea, #reportIssueLightbox select, #missingFeedLightbox textarea {
	width: 99%;
}
#missingFeedLightbox textarea {
	height: 207px;
}
#reportIssueLightbox .buttons, #missingFeedLightboxContent .buttons {
	text-align: right;
}
#missingFeedLightboxContent .first .buttons {
	text-align: center;
}
#reportIssueLightbox button, #missingFeedLightboxContent button {
	font-weight: bold;
}
#reportIssueLightbox .buttons .submit,
#reportIssueLightbox button.close,
#missingFeedLightboxContent .buttons .submit,
#missingFeedLightboxContent button.close,
#missingFeedLightboxSubmitted button.close {
	font-weight: bold;
}
#reportIssueLightboxSubmitting, #missingFeedLightboxSubmitting {
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}
#missingFeedLightboxContent div.input {
	clear: both;
}
#missingFeedLightboxContent .first img {
	display: block;
}
#missingFeedLightboxContent .first {
	text-align: unset;
}
#missingFeedLightboxContent .caption {
	font-size: 12px;
	font-style: italic;
	text-align: center;
}
#missingFeedHolder {
	font-style: italic;
}
#missingFeedHolder img {
	position: relative;
	top: 3px;
}
body.help table.left {
	float: left;
}
body.help table.right {
	float: right;
}
body.help table.fullwidth {
	width: 100%;
}
body.help table.fullborder td, body.help table.fullborder th {
	border-width: 1px;
	border-style: solid;
}
body.help table td.right, body.help table th.right {
	text-align: right;
}
body.help table td.centre, body.help table th.centre {
	text-align: center;
}
#helpIndex .helpSection {
	background: transparent url(../../images/blog_bg_bottom.gif) no-repeat scroll center bottom;
	width: 810px;
}
#helpIndex .helpSection .helpContent {
	border-radius: var(--fxl-border-radius);
	border-style: solid;
	border-width: var(--fxl-border-medium);
}
#helpIndex ol, #helpIndex ol li {
	list-style-type: decimal;
}
#helpIndex ol ol, #helpIndex ol ol li {
	list-style-type: lower-alpha;
}
#helpIndex ol ol ol, #helpIndex ol ol ol li {
	list-style-type: lower-roman;
}
div.buttonSection {
	clear: left;
}
div.buttonSection a {
	display: block;
	float: left;
	width: 165px;
	height: 112px;
}
div.buttonSection a#myAccount {
	background-image: url(../../images/home_buttons_myaccount.png);
	background-position: left top;
}
div.buttonSection a#myAccount:hover {
	background-image: url(../../images/home_buttons_myaccount.png);
	background-position: -165px top;
}
div.buttonSection a#myAccount:active {
	background-image: url(../../images/home_buttons_myaccount.png);
	background-position: -330px top;
}
div.buttonSection .disabled a#myAccount {
	background-image: url(../../images/home_buttons_myaccount.png);
	background-position: -495px top;
}
div.buttonSection a#horsesAndDiets {
	background-image: url(../../images/home_buttons_wizard.png);
	background-position: left top;
}
div.buttonSection a#horsesAndDiets:hover {
	background-image: url(../../images/home_buttons_wizard.png);
	background-position: -165px top;
}
div.buttonSection a#horsesAndDiets:active {
	background-image: url(../../images/home_buttons_wizard.png);
	background-position: -330px top;
}
div.buttonSection .disabled a#horsesAndDiets {
	background-image: url(../../images/home_buttons_wizard.png);
	background-position: -495px top;
}
div.buttonSection a#help {
	background-image: url(../../images/home_buttons_help.png);
	background-position: left top;
}
div.buttonSection a#help:hover {
	background-image: url(../../images/home_buttons_help.png);
	background-position: -165px top;
}
div.buttonSection a#help:active {
	background-image: url(../../images/home_buttons_help.png);
	background-position: -330px top;
}
div.buttonSection .disabled a#help {
	background-image: url(../../images/home_buttons_help.png);
	background-position: -495px top;
}
div.buttonSection a#feeds {
	background-image: url(../../images/home_buttons_feeds.png);
	background-position: left top;
}
div.buttonSection a#feeds:hover {
	background-image: url(../../images/home_buttons_feeds.png);
	background-position: -165px top;
}
div.buttonSection a#feeds:active {
	background-image: url(../../images/home_buttons_feeds.png);
	background-position: -330px top;
}
div.buttonSection .disabled a#feeds {
	background-image: url(../../images/home_buttons_feeds.png);
	background-position: -495px top;
}
div.buttonSection a#compare {
	background-image: url(../../images/home_buttons_compare.png);
	background-position: left top;
}
div.buttonSection a#compare:hover {
	background-image: url(../../images/home_buttons_compare.png);
	background-position: -165px top;
}
div.buttonSection a#compare:active {
	background-image: url(../../images/home_buttons_compare.png);
	background-position: -330px top;
}
div.buttonSection .disabled a#compare {
	background-image: url(../../images/home_buttons_compare.png);
	background-position: -495px top;
}
div.buttonSection ul {
	height: 103px;
	background-image: url(../../images/home_buttons_ul_bg.png);
	background-repeat: no-repeat;
	background-position: left -103px;
}
div.buttonSection .disabled ul {
	background-position: left -309px;
}
div.buttonSection ul li {
	list-style: none;
	background: none !important;
	font-size: 15px;
	font-weight: bold;
}
div.buttonSection ul.two {
	height: 72px;
}
div.buttonSection ul.three {
	height: 83px;
}
div.buttonSection ul.alt {
	background-position: left 0;
}
div.buttonSection .disabled ul.alt {
	background-position: left -206px;
}
div.adminSection {
	clear: both;
}
#homeNotes {
	float: right;
	width: 280px;
}
#helpHowto {
	text-align: right;
}
#helpHowto .q {
	font-weight: bold;
	font-size: 14px;
	letter-spacing: -0.00em;
}
#helpHowto .tooltip {
	clear: both;
	width: auto;
	position: static;
}
#helpHowto .tooltip {
	z-index: 1;
	background-position: -1220px top;
}
#helpHowto .tooltip .content {
	z-index: 1;
}
#forumStatus, #inGraceBox, #motdBox, .betaBox {
	font-size: 12px;
	border-width: 1px;
	border-style: solid;
	border-radius: var(--fxl-border-radius);
}
#forumStatus a, #inGraceBox a {
	font-weight: bold;
	font-style: italic;
}
#inGraceBox .title, #motdBox .title {
	font-weight: bold;
	font-size: 14px;
	letter-spacing: -0.00em;
	display: block;
	text-align: center;
}
#inGraceBox .title {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#motdBox .title {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.betaBox a.more {
	font-size: 11px;
	font-weight: bold;
}
.orLogin {
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	clear: both;
}
#userDetails p.instructions {
	font-size: 12px;
	font-style: italic;
}
#userDetails table {
	width: 100%;
}
#userDetails input.text,
#userDetails textarea {
	width: 98%;
}
#userDetails .inner {
	border-style: solid;
	border-width: var(--fxl-border-medium);
	border-radius: var(--fxl-border-radius);
}
#userDetails table.formTable th,
#userDetails table.formTable td,
#userDetails table.formTable tr.notrequired th,
#userDetails table.formTable tr.notrequired td,
#userDetails .notEditing table.formTable td,
#userDetails .notEditing table.formTable th {
	border-bottom-width: var(--fxl-border-thin);
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
}
#userDetails table.formTable th {
	width: 200px;
	text-align: right;
	vertical-align: top;
	font-size: 14px;
}
#userDetails table.formTable td {
	width: 69%;
}
#userDetails table.formTable td.validation {
	width: 20px;
}
#userDetails table.formTable td.autowidth, #userDetails table.formTable th.autowidth {
	width: auto;
}
#userDetails .note {
	display: block;
	font-size: 12px;
	font-weight: normal;
}
#userDetails tr.terms td {
	border-style: none;
}
#userDetails tr.terms th {
	border-bottom-style: none;
	text-align: left;
}
#userDetails table.formTable .terms td {
	width: auto;
}
.terms #termsFrame #container {
	width: auto;
	height: 500px;
	overflow-y: scroll;
}
.terms #termsFrame #container #termsOfService td.number {
	width: 40px;
}
#termsFrame > hr {
	border-width: 0;
	height: 1px;
}
#userDetails tr.termsAgree th, #userDetails tr.nonConsultAgree th {
	text-align: center;
	border-top-style: none;
}
#userDetails tr.termsAgree th, #userDetails tr.termsAgree td.validation {
	border-bottom-style: none;
}
#userDetails tr.termsAgree label, #userDetails tr.nonConsultAgree label {
	width: auto;
	font-weight: bold;
}
#userDetails tr.termsAgree input, #userDetails tr.nonConsultAgree input {
	position: relative;
	top: 1px;
}
#userDetails #termsFrame {
	text-align: center;
}
#userDetails #termsFrame iframe {
	width: 100%;
}
#userDetails tr.submit td {
	text-align: center;
}
#userDetails tr.last td, #userDetails tr.last th {
	border-bottom-style: none;
}
#userDetails .accessPlan table {
	border-collapse: separate;
}
#userDetails .accessPlan table td {
	width: auto;
	border-style: none;
}
#userDetails .accessPlan .name {
	font-weight: bold;
	white-space: nowrap;
}
#userDetails .accessPlan .description a {
	font-size: 11px;
	font-weight: bold;
}
#userDetails input#couponCode {
	width: 100px;
}
#userDetails #balanceHolder, #userDetails #paidUntilHolder {
	font-weight: bold;
	font-size: 14px;
}
#userDetails #balanceHolder span {
	display: block;
	clear: both;
	font-weight: normal;
	font-style: italic;
}
#userDetails #balanceUpdating, #userDetails #paidUntilUpdating {
	font-style: italic;
}
#userDetails #couponsHolder div {
	font-weight: bold;
	border-width: 2px;
	border-style: solid;
}
#userDetails #couponsHolder div img {
	float: right
}
#userDetails .initialhide {
	display: none;
}
#userDetails #passwordNote td, #userDetails #passwordNote th {
	border-bottom-style: none;
	font-style: italic;
}
#userDetails #password td, #userDetails #password th {
	border-top-style: none;
}
#userDetails .editUser .editable {
	display: none;
}
#userDetails #editButton, #userDetails #submitButton {
	font-weight: bold;
}
#userDetails table.formTable .rememberme td, #userDetails table.formTable .loginButton td {
	border-bottom-style: none;
	text-align: center;
}
#userDetails table.formTable .loginButton td {
	border-top-style: none;
}
#userDetails table.forgotPw td, #userDetails table.forgotPw th {
	border-style: none;
}
#couponAddForm label {
	font-weight: bold;
}
#couponAddForm #couponAddButton {
	font-weight: bold;
}
#couponAddForm #couponCode {
	width: 85px;
}
#couponAddForm #couponAddErrors {
	font-style: italic;
}
#userDetails #loginError {
	border-width: 2px;
	border-style: solid;
	border-radius: 10px;
}
#userDetails #loginError h4 {
	line-height: 32px;
}
#userDetails #loginError a {
	font-weight: bold;
}
#editIngredient #info_img {
	float: left
}
#reverifyAccountLightboxContent .button {
	text-align: center;
}
#reverifyAccountLightboxContent .button button {
	font-weight: bold;
}
#myAccount .section {
	width: 400px;
	float: left;
}
#myAccount .section .content {
	border-style: solid;
	border-left-width: var(--fxl-border-medium);
	border-bottom-width: var(--fxl-border-medium);
	border-right-width: var(--fxl-border-medium);
}
#myAccount .section .heading {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	border-top-left-radius: var(--fxl-border-radius);
	border-top-right-radius: var(--fxl-border-radius);
}
#myAccount .section .content .item {
	clear: both;
}
#myAccount .section .content label {
	clear: both;
	width: 150px;
	float: left;
	text-align: right;
	font-weight: bold;
}
#myAccount .section .content .links div {
	font-weight: bold;
	line-height: 150%;
}
#myAccount .section .content .links img {
	position: relative;
	top: 2px;
}
#myAccount #myDetails .content .links div {
	width: 192px;
	float: left;
	text-align: center;
}
#myAccount #myDetails .content td {
	vertical-align: middle;
}
#myAccount #myDetails .content .login {
	font-weight: bold;
	text-align: center;
}
#myAccount #billingAndPayments .note {
	font-weight: bold;
	font-style: italic;
}
#myAccount .actionSection th {
	text-align: left !important;
	font-size: 13px;
}
#myAccount .actionSection td.action {
	font-weight: bold;
	white-space: nowrap;
}
#myAccount .actionSection td {
	line-height: 170%;
}
#paymentSummary p {
	clear: both;
}
#paymentSummary label {
	clear: both;
	width: 200px;
	float: left;
	text-align: right;
	font-weight: bold;
}
.returnToMyAccount {
	font-weight: bold;
	font-style: italic;
}
#manageHorses .horse {
	border-radius: 8px;
	border-width: 1px;
	border-style: solid;
	background-image: url(../../images/settings/manageHorses_horsebg.gif);
	background-repeat: no-repeat;
	background-position: 15px 11px;
	cursor: pointer;
}
#manageHorses .deleting {
	background-image: url(../../images/settings/manageHorses_horsebg_deleting.gif);
}
#manageHorses .horse .leftbox {
	width: 320px;
	float: left;
}
#manageHorses .horse .rightbox {
	width: 350px;
	float: right;
}
#manageHorses .horse .name {
	display: block;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
#manageHorses .horse .sexAndBirth {
	display: block;
	text-align: center;
}
#manageHorses .horse label {
	clear: both;
	width: 115px;
	float: left;
	text-align: right;
	font-weight: bold;
}
#manageHorses #noMoreHorses {
	text-align: center;
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
}
#manageHorses .buttons {
	text-align: center;
}
#manageHorses .buttons #deleteButton {
	font-weight: bold;
}
#browserCheck .browser {
	background-repeat: no-repeat;
	background-position: 5px 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-radius: 10px;
}
#browserCheck .browser h4 {
	line-height: 32px;
}
#browserCheck .browser .recommended {
	line-height: 16px;
	font-style: italic;
	font-weight: bold;
	background-repeat: no-repeat;
	background-image: url(../../images/silk/rosette.gif);
}
#browserCheck #internetExplorer {
	background-image: url(../../images/browser/ie.gif);
}
#browserCheck #firefox {
	background-image: url(../../images/browser/firefox.gif);
}
#browserCheck #safari {
	background-image: url(../../images/browser/safari.gif);
}
#browserCheck #opera {
	background-image: url(../../images/browser/opera.gif);
}
#browserCheck #netscape {
	background-image: url(../../images/browser/netscape.gif);
}
#browserCheck #chrome {
	background-image: url(../../images/browser/chrome.gif);
}
#browserCheck #confirmContinue {
	text-align: center;
}
#browserCheck button {
	font-weight: bold;
}
#feedCostEditor .infoHead,
.feedInfo .infoHead,
#feedRatingEditor .infoHead {
	min-height: 100px;
	background-repeat: no-repeat;
	background-position: 5px top;
}
.feedInfo .infoHead {
	background-image: url(../../images/feeds/feed_info_nutrient.png);
}
#feedCostEditor .infoHead {
	min-height: 75px;
	background-image: url(../../images/feeds/feed_cost.png);
}
#feedCostEditor h4,
.feedInfo h4 {
	font-size: 15px;
	text-align: left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
#feedCostEditor .info div, .feedInfo .info div {
	clear: both;
}
#feedCostEditor .info label,
.feedInfo .info label,
#feedRatingEditor .info label {
	font-weight: bold;
	width: 150px;
	float: left;
	text-align: right;
}
#feedCostEditor .info label {
	width: auto;
}
#feedCostEditor .info .category,
.feedInfo .info .category,
#feedRatingEditor .info .category {
	font-weight: bold;
}
.feedInfo .nutrient, .feedInfo .head .line {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	float: left;
}
.feedInfo .head .line {
	width: 190px;
}
.feedInfo .nutrient, .feedInfo .legend span {
	background-image: url(../../images/feeds/nutrient_content_indicators.png);
	background-repeat: no-repeat;
	background-position: 160px -1px;
}
.feedInfo .nutrient .inner {
	border-width: 0 0 0 3px;
	border-style: solid;
}
.feedInfo .nutrients .nodata {
	background-position: 160px -39px;
}
.feedInfo .nutrients .zero {
	background-position: 160px -76px;
}
.feedInfo .legend {
	font-style: italic;
}
.feedInfo .legend label {
	display: block;
}
.feedInfo .legend span {
	font-weight: normal;
	background-position: 100px -4px;
	display: block;
	float: left;
	width: 125px;
}
.feedInfo .legend span.nodata {
	background-position: 100px -43px;
}
.feedInfo .legend span.zero {
	background-position: 100px -79px;
}
.feedInfo .nutrient .name {
	font-weight: bold;
}
.feedInfo .head .line {
	height: 1px;
}
.feedInfo .footNote {
	font-size: 12px;
}
#feedCostEditor .form label {
	font-weight: bold;
	display: block;
	width: 75px;
	float: left;
	text-align: right;
}
#feedCostEditor input.text {
	width: 50px;
}
#feedCostEditor textarea {
	width: 300px;
	height: 160px;
}
#feedCostEditor option.hasCost {
	font-weight: bold;
}
#feedCostEditor ul .validationError {
	list-style: none;
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
}
#feedCostDeleteButton {
	font-style: italic;
}
#feedCostSaveButton {
	font-weight: bold;
}
#feedCostSubmitting {
	float: left;
	font-style: italic;
	font-weight: bold;
}
#feedCostSubmitting img {
	position: relative;
	top: 3px;
}
#missingFeedLightbox th {
	text-align: left;
}
.hide {
	display: none;
}
.reactToolTip {
	max-width: 250px !important;
	text-align: left;
	font-size: 0.8rem;
	font-weight: normal !important;
	font-family: Arial, Helvetica, clean, sans-serif;
	z-index: 999;
}
.__react_component_tooltip.place-bottom::after {
	border-bottom-width: 8px !important;
	border-bottom-style: solid !important;
}
#header {
	width: 850px;
	height: 64px;
}
#header h1 {
	background: url(../../images/logo.png) no-repeat right;
	text-indent: -9999px;
	width: 191px;
	height: 57px;
}
#header #miniheader {
	text-align: right;
	width: 850px;
	font-size: 11px;
}
#header #miniheader span a {
	font-weight: bold;
}
#header #miniheader #memberLogin .exitUser {
	border: none;
	font-weight: bold;
	cursor: pointer;
}
form button.switchUser {
	border: none;
	cursor: pointer;
}
#header .nav,
#header ul.nav li {
	list-style: none;
}
#header .nav li.current span,
#header .nav li:hover span,
#header .nav li span.ie6hover {
	background-position: right bottom;
}
#header .nav li a {
	display: block;
	height: 1rem;
	border-bottom-style: solid;
	border-bottom-width: 0.2rem;
	font-size: 0.9rem;
	text-transform: uppercase;
}
#header .nav li.current a,
#header .nav li:hover a,
#header .nav li a:hover {
	background-position: left bottom;
	border-bottom-style: solid;
	border-bottom-width: 0.2rem;
}
#header .nav a:hover {
	text-decoration: none;
}
#header .nav li.feedxlhome {
	font-style: italic;
}
body#home #splash {
	border: 0;
}
body#home #splash .quote .attrib {
	font-weight: bold;
}
body#home #splash h2 {
	background: url(../../images/home_splash_h2.png) no-repeat;
	text-indent: -9999px;
	width: 748px;
	height: 69px;
}
body#home #splash .quote {
	background: url(../../images/home_splash_quote.png) no-repeat;
	font-weight: normal;
	font-style: italic;
	line-height: normal;
}
body#home #splash .quote .attrib {
	font-style: normal;
	display: block;
}
body#home #splashComingSoon {
	font-size: 14px;
	font-style: normal;
}
body.fullWidth #mainContent h2 {
	width: 100%;
	text-align: center;
}
body#home #mainContent #whatis {
	width: 228px;
}
body#home #mainContent #whoisusing {
	width: 250px;
}
body#home #mainContent #aplantosuit {
	width: 250px;
}
body#home #mainContent .colblock3 .column {
	height: 220px;
}
#mainContent {
	text-align: left;
}
#mainContent .colblock3 .column {
	width: 243px;
	text-align: left;
}
#mainContent .colblock2 .column {
	width: 380px;
	text-align: left;
}
body#plans #mainContent div.plan {
	width: 238px;
	text-align: left;
}
body#plans #mainContent div.plan h3, body.plan #planDetailHeading h3 {
	position: absolute;
	top: 570px;
}
body#plans #mainContent div.plan h3 {
	cursor: hand;
}
body#plans #mainContent div#planPleasure h3, body#planPleasure #planDetailHeading h3 {
	background-image: url(../../images/plans_h3_pleasure.png);
}
body#plans #mainContent div#planEquestrian h3, body#planEquestrian #planDetailHeading h3 {
	background-image: url(../../images/plans_h3_equestrian.png);
}
body#plans #mainContent div#planBreeders h3, body#planBreeders #planDetailHeading h3 {
	background-image: url(../../images/plans_h3_breeders.png);
}
body#plans #mainContent div#planTrainers h3, body#planTrainers #planDetailHeading h3 {
	background-image: url(../../images/plans_h3_trainers.png);
}
body#plans #mainContent div#planDeluxePro h3, body#planDeluxePro #planDetailHeading h3 {
	background-image: url(../../images/plans_h3_deluxe_pro.png);
}
body#plans #mainContent div#planDeluxeLite h3, body#planDeluxeLite #planDetailHeading h3 {
	background-image: url(../../images/plans_h3_deluxe_lite.png);
}
body#plans #mainContent div#planAdvisors h3, body#planAdvisors #planDetailHeading h3 {
	background-image: url(../../images/plans_h3_advisors.png);
}
body#plans #mainContent div#planCompare, body.plan #mainContent div#planCompare {
	height: 40px;
}
body.plan #planDetailHeading {
	height: 200px;
}
body.plan #planDetailHeading ul {
	list-style: none;
}
#footerContent {
	width: 830px;
	border-top-style: solid;
	border-top-width: 0.1rem;
	border-top-color: var(--fxl-blue-pale);
}
body.plan #planDetailHeading ul li {
	font-size: 17px;
	font-weight: bold;
	font-style: italic;
	list-style-type: none;
	background: url(../../images/bg_plans_li_tick.gif) no-repeat;
	background-position: 0 0;
}
body.plan #mainContent table {
	width: 100%;
}
body.plan #mainContent table td.subhead {
	width: 160px;
}
.simple #footerContent {
	background: none;
	width: auto;
}
#footerContent ul.nav {
	list-style: none;
}
#footerContent ul.nav li {
	display: inline;
	list-style: none;
}
#footer p {
	font-size: 12px;
	font-weight: normal;
}
#footer .fineprint {
	font-size: 11px;
	display: inline;
	font-style: italic;
}
#footer #aussieonly {
	font-size: 11px;
}
#footer #aussieonly a {
	font-weight: bold;
}
body.terms #termsOfService td {
	vertical-align: top;
}
body.terms #termsOfService th {
	text-align: left;
}
body.terms .number {
	text-align: right;
}
body.terms #termsOfService ol, #termsOfService ol li {
	list-style-type: lower-alpha;
}
body.terms #termsOfService ol ol, #termsOfService ol ol li {
	list-style-type: lower-roman;
}
.clearboth {
	clear: both;
}
table.prettyTable, div.rdt_Table {
	border-width: var(--fxl-border-medium);
	border-style: solid;
	border-radius: var(--fxl-border-radius);
}
table.prettyTable th,
.rdt_Table .rdt_TableCol {
	font-weight: bold;
	font-size: 14px;
	vertical-align: top;
}
table.prettyTable .center {
	text-align: center;
}
table.prettyTable .left {
	text-align: left;
}
table.prettyTable .right {
	text-align: right;
}
table.prettyTable td.bordertop, table.prettyTable tr.bordertop td {
	border-top: 1px solid;
}
table.prettyTable td.borderbottom, table.prettyTable tr.borderbottom td {
	border-bottom: 1px solid;
}
table.prettyTable .subhead {
	font-weight: bold;
}
table.prettyTable tr.nobg td {
	background: none;
}
table.prettyTable#compareTable th {
	font-size: 12px;
}
table.prettyTable#compareTable td {
	font-size: 11px;
	white-space: nowrap;
	text-align: center;
}
table.prettyTable#compareTable td.cathead {
	text-align: left;
	font-weight: bold;
}
table.prettyTable#compareTable th.side {
	width: 100px;
}
table.prettyTable#compareTable tr td,
table.prettyTable#compareTable tr.alt td {
	background: url(../../images/light_blue_gradient.gif) bottom repeat-x;
	background-position: 0 -50px;
}
table.prettyTable td.bordertop,
table.prettyTable tr.bordertop td,
table.prettyTable#compareTable tr.bottombreak td,
table.prettyTable td.borderbottom, table.prettyTable tr.borderbottom td {
	border-top-width: 1px;
	border-top-style: solid;
}
table.prettyTable .subhead {
	font-weight: bold;
}
table.prettyTable tr.secondlevel th, table.prettyTable td.secondlevel {
	background-position: left -1.5em;
}
div.footnote {
	border-top: 1px solid;
	font-size: 11px;
	clear: both;
}
div.testimonial,
.comment {
	background: url(../../images/testimonials_bg_bottom.png) bottom no-repeat;
	width: 810px;
}
div.testimonialContent {
	background: url(../../images/testimonials_bg_top.png) top no-repeat;
}
p.attrib {
	font-weight: bold;
}
div.testimonial img.mt-image-right {
	background: url(../../images/testimonials_img_bg.png);
	height: 131px;
	width: 150px;
}
a.autoTooltip {
	cursor: hand;
}
.tooltip {
	z-index: 99;
	overflow: visible;
	background: url(../../images/tooltip_sprite.png) no-repeat left top;
}
.tooltip .content {
	border-style: solid;
	z-index: 99;
	text-align: left;
	font-size: 12px;
}
.tooltip .shadow {
	z-index: 1;
}
.tooltipOver {
	background-image: url(../../images/tooltip_sprite.png);
}
.tooltipUnder {
	background-image: url(../../images/tooltip_sprite.png);
}
.tooltipUnder .content, .tooltipUnderRight .content {
	border-width: 0 1px 1px 1px;
}
.tooltipOver .content, .tooltipOverRight .content {
	border-width: 1px 1px 0 1px;
}
span.tooltipIcon {
	cursor: help;
}
#lightbox {
	width: 100%;
	z-index: 98;
	text-align: center;
}
#lightboxContentContainer {
	text-align: left;
}
#lightbox a img {
	border: none;
}
#outerContentContainer {
	width: 250px;
	height: 250px;
}
#lightboxContentContainer iframe {
	border: none;
}
#loading {
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox #controlsContent,
.multiTypeList .controlsContent {
	width: 100%;
	text-align: right;
}
#overlay {
	z-index: 97;
	width: 100%;
	height: 500px;
}
.tabSet .main {
	border: 1px solid;
	clear: both;
}
.tabSet .mainContainer {
	height: 100%;
}
.tabSet .header {
	height: 43px;
}
.tabSet .header ul li {
	display: inline !important;
	list-style: none !important;
	background: none !important;
}
.tabSet .header .tabHeaderSection {
	width: 98px;
	display: block;
	height: 35px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	border-bottom-style: none;
	cursor: pointer;
	border-top-left-radius: var(--fxl-border-radius);
	border-top-right-radius: var(--fxl-border-radius);
}
.tabSet .header .tabHeaderSection .tabTitle {
	display: block;
}
.tabSet .header .tabHeaderSection.current {
	border-bottom-style: none;
}
.tabSet .header li.tab0 .tabHeaderSection {
	border-bottom-style: none;
}
.tabSet .header li.tab1 .tabHeaderSection {
	border-bottom-style: none;
}
.tabSet .header li.tab2 .tabHeaderSection {
	border-bottom-style: none;
}
.tabSet .header li.tab4 .tabHeaderSection {
	border-bottom-style: none;
}
.tabSet .header li.tab0_Pasture .tabHeaderSection {
	border-bottom-style: none;
}
.tabSet .header li.tab1_Pasture .tabHeaderSection {
	border-bottom-style: none;
}
.tabSet .header li.tab2_Pasture .tabHeaderSection {
	border-bottom-style: none;
}
.tabSet .header li.tab3_Pasture .tabHeaderSection {
	border-bottom-style: none;
}
.tabSet .header li.tab4_Pasture .tabHeaderSection {
	border-bottom-style: none;
}
.tabSet.currentTab0 .main,
.tabSet.currentTab1 .main,
.tabSet.currentTab2 .main,
.tabSet.currentTab3 .main,
.tabSet.currentTab4 .main,
.tabSet.currentTab5 .main,
.tabSet.currentPastureTab0 .main,
.tabSet.currentPastureTab1 .main,
.tabSet.currentPastureTab2 .main,
.tabSet.currentPastureTab3 .main,
.tabSet.currentPastureTab4 .main,
.tabSet.currentPastureTab5 .main {
	border-style: solid;
	border-top-width: var(--fxl-border-medium);
	border-top-width: var(--fxl-border-medium);
	border-left-width: 0.15rem;
	border-bottom-width: var(--fxl-border-medium);
	border-right-width: var(--fxl-border-medium);
	border-top-right-radius: var(--fxl-border-radius);
	border-bottom-right-radius: var(--fxl-border-radius);
	border-bottom-left-radius: var(--fxl-border-radius);
}
.tabSet .totalTabCount1 {
	border: none;
}
#informedLightbox label {
	text-align: right;
	font-weight: bold;
	width: 50px;
}
#informedLightbox input, #informedLightbox select {
	width: 200px;
}
#informedSaving, #informedSaved {
	text-align: center;
}
.blogEntry {
	background: transparent url(../../images/blog_bg_bottom.gif) no-repeat scroll center bottom;
	width: 810px;
	border: solid 1px;
}
.blogEntryInner {
	background: url(../../images/blog_bg_top.png) no-repeat scroll center top;
	border: solid 1px;
}
.blogEntry .asset-meta {
	font-weight: bold;
}
.content-nav {
	font-weight: bold;
	font-size: 15px;
}
.asset-more-link {
	font-style: italic;
	font-weight: bold;
}
#mainContent .entry-categories-list li, #mainContent .entry-tags-list li {
	font-size: 12px;
	background: none;
}
.entry-categories h4, .entry-tags h4 {
	font-size: 12px;
}
.comment .inner {
	background: url(../../images/testimonials_bg_top.png) top no-repeat;
}
.comment-header {
	font-weight: bold;
	font-size: 14px;
}
.comment-footer {
	font-size: 12px;
	font-style: italic;
}
#comments-form label {
	font-weight: bold;
}
.blogFeeds {
	font-size: 11px;
	text-align: center;
}
.blogFeeds .inner {
	display: inline;
	background: url(../../images/feed-icon-14x14.png) no-repeat;
	background-position: 0 5px;
}
#myAccount .section {
	width: auto;
}
#myAccount .section th {
	text-align: right;
}
#myAccount #myDetails .content .links div {
	text-align: left;
	font-weight: normal;
}
#wizardFooter {
	clear: both;
	height: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#wizardFooter .select span {
	width: 5rem;
	font-weight: bold;
	margin-right: 0.5rem;
}
#wizardFooter #loadingBar {
	border-top-width: 2px;
	border-top-style: solid;
	border-right-width: 2px;
	border-right-style: solid;
	border-left-width: 2px;
	border-left-style: solid;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	height: 22px;
	line-height: 22px;
	font-size: 14px;
	font-weight: bold;
	border-radius: 4px;
	flex: 1;
}
#wizardFooter #loadingBar {
	display: none;
}
#horseForm #wizardFooter #loadingBar {
	display: block;
}
#horseForm #wizardFooter #loadingBar.hide {
	display: none;
}
#horseForm #wizardFooter #loadingBarExisting {
	display: block;
}
#horseNewForm #wizardFooter #loadingBar {
	display: block;
}
#horseNewForm #wizardFooter #loadingBar.hide {
	display: none;
}
#horseNewForm #wizardFooter #loadingBarExisting {
	display: block;
}
#horseNewForm #wizardFooter #wizardNext {
	display: none;
}
#horseNewForm #wizardFooter #wizardPrevious {
	display: none;
}
#horseNewForm #wizardFooter #wizardNext.show {
	display: block;
}
#horseNewForm #wizardFooter #wizardPrevious.show {
	display: block;
}
#horseNewForm #wizardFooter #loadingBarExisting.hide {
	display: none;
}
#horseNewForm #wizardFooter #loadingBarPrevious.show {
	display: block;
}
#horseNewForm #wizardFooter #loadingBarNext.show {
	display: block;
}
#horseExistingForm #wizardFooter #loadingBar {
	display: block;
}
#horseExistingForm #wizardFooter #loadingBar.hide {
	display: none;
}
#horseExistingForm #wizardFooter #loadingBarExisting {
	display: block;
}
#horseExistingForm #wizardFooter #wizardNext {
	display: none;
}
#horseExistingForm #wizardFooter #wizardPrevious {
	display: none;
}
#horseExistingForm #wizardFooter #wizardNext.show {
	display: block;
}
#horseExistingForm #wizardFooter #wizardPrevious.show {
	display: block;
}
#horseExistingForm #wizardFooter #loadingBarExisting.hide {
	display: none;
}
#horseExistingForm #wizardFooter #loadingBarPrevious.show {
	display: block;
}
#horseExistingForm #wizardFooter #loadingBarNext.show {
	display: block;
}
#freeChoiceForageForm #wizardFooter #loadingBar {
	display: block;
}
#freeChoiceForageForm #wizardFooter #loadingBar.hide {
	display: none;
}
#freeChoiceForageForm #wizardFooter #loadingBarExisting {
	display: block;
}
#freeChoiceForageForm #wizardFooter #wizardNext {
	display: none;
}
#freeChoiceForageForm #wizardFooter #wizardPrevious {
	display: none;
}
#freeChoiceForageForm #wizardFooter #wizardNext.show {
	display: block;
}
#freeChoiceForageForm #wizardFooter #wizardPrevious.show {
	display: block;
}
#freeChoiceForageForm #wizardFooter #loadingBarExisting.hide {
	display: none;
}
#freeChoiceForageForm #wizardFooter #loadingBarPrevious.show {
	display: block;
}
#freeChoiceForageForm #wizardFooter #loadingBarNext.show {
	display: block;
}
#freeChoiceForageBuilderExistingForm #wizardFooter #loadingBar {
	display: block;
}
#freeChoiceForageBuilderExistingForm #wizardFooter #loadingBar.hide {
	display: none;
}
#freeChoiceForageBuilderExistingForm #wizardFooter #loadingBarExisting {
	display: block;
}
#freeChoiceForageBuilderExistingForm #wizardFooter #wizardPrevious {
	display: none;
}
#freeChoiceForageBuilderExistingForm #wizardFooter #wizardPrevious.show {
	display: block;
}
#freeChoiceForageBuilderExistingForm #wizardFooter #wizardNext {
	display: none;
}
#freeChoiceForageBuilderExistingForm #wizardFooter #wizardNext.show {
	display: block;
}
#freeChoiceForageBuilderExistingForm #wizardFooter #loadingBarExisting.hide {
	display: none;
}
#freeChoiceForageBuilderExistingForm #wizardFooter #loadingBarPrevious.show {
	display: block;
}
#freeChoiceForageBuilderExistingForm #wizardFooter #loadingBarNext.show {
	display: block;
}
#freeChoiceForageBuilderExistingForm #buttonTable #showPDFButton {
	display: none;
}
#freeChoiceForageBuilderExistingForm #buttonTable #showPDFButton.show {
	display: block;
}
#freeChoiceForageBuilderExistingForm #buttonTable #emailPDFButton {
	display: none;
}
#freeChoiceForageBuilderExistingForm #buttonTable #emailPDFButton.show {
	display: block;
}
#freeChoiceForageBuilderExistingForm #buttonTable #downloadPDFButton {
	display: none;
}
#freeChoiceForageBuilderExistingForm #buttonTable #downloadPDFButton.show {
	display: block;
}
#freeChoiceForageBuilderExistingForm #wizardFooter #wizardGo {
	display: none;
}
#freeChoiceForageBuilderExistingForm #wizardFooter #wizardGo.show {
	display: block;
}
#freeChoiceForageBuilderExistingForm #wizardFooter #wizardGoSelect {
	display: none;
}
#freeChoiceForageBuilderExistingForm #wizardFooter #wizardGoSelect.show {
	display: block;
}
#freeChoiceForageBuilderExistingForm #wizardFooter .select {
	flex: 1;
	text-align: right;
	justify-content: end;
	align-items: center;
	display: none;
}
#freeChoiceForageBuilderExistingForm #wizardFooter .select.show {
	display: flex;
}
#freeChoiceForageBuilderNewForm #wizardFooter #loadingBar {
	display: block;
}
#freeChoiceForageBuilderNewForm #wizardFooter #loadingBar.hide {
	display: none;
}
#freeChoiceForageBuilderNewForm #wizardFooter #loadingBarExisting {
	display: block;
}
#freeChoiceForageBuilderNewForm #wizardFooter #wizardPrevious {
	display: none;
}
#freeChoiceForageBuilderNewForm #wizardFooter #wizardPrevious.show {
	display: block;
}
#freeChoiceForageBuilderNewForm #wizardFooter #wizardNext {
	display: none;
}
#freeChoiceForageBuilderNewForm #wizardFooter #wizardNext.show {
	display: block;
}
#freeChoiceForageBuilderNewForm #wizardFooter #loadingBarExisting.hide {
	display: none;
}
#freeChoiceForageBuilderNewForm #wizardFooter #loadingBarPrevious.show {
	display: block;
}
#freeChoiceForageBuilderNewForm #wizardFooter #loadingBarNext.show {
	display: block;
}
#freeChoiceForageBuilderNewForm #buttonTable #showPDFButton {
	display: none;
}
#freeChoiceForageBuilderNewForm #buttonTable #showPDFButton.show {
	display: block;
}
#freeChoiceForageBuilderNewForm #buttonTable #emailPDFButton {
	display: none;
}
#freeChoiceForageBuilderNewForm #buttonTable #emailPDFButton.show {
	display: block;
}
#freeChoiceForageBuilderNewForm #buttonTable #downloadPDFButton {
	display: none;
}
#freeChoiceForageBuilderNewForm #buttonTable #downloadPDFButton.show {
	display: block;
}
#freeChoiceForageBuilderNewForm #wizardFooter #wizardGo {
	display: none;
}
#freeChoiceForageBuilderNewForm #wizardFooter #wizardGo.show {
	display: block;
}
#freeChoiceForageBuilderNewForm #wizardFooter #wizardGoSelect {
	display: none;
}
#freeChoiceForageBuilderNewForm #wizardFooter #wizardGoSelect.show {
	display: block;
}
#freeChoiceForageBuilderNewForm #wizardFooter .select {
	display: none;
}
#freeChoiceForageBuilderNewForm #wizardFooter .select.show {
	display: flex;
}
#dietForm #wizardFooter #loadingBar {
	display: block;
}
#dietForm #wizardFooter #loadingBar.hide {
	display: none;
}
#dietForm #wizardFooter #loadingBarExisting {
	display: block;
}
#dietForm #wizardFooter #wizardNext {
	display: none;
}
#dietForm #wizardFooter #wizardPrevious {
	display: none;
}
#dietForm #wizardFooter #wizardNext.show {
	display: block;
}
#dietForm #wizardFooter #wizardPrevious.show {
	display: block;
}
#dietForm #wizardFooter #loadingBarExisting.hide {
	display: none;
}
#dietForm #wizardFooter #loadingBarPrevious.show {
	display: block;
}
#dietForm #wizardFooter #loadingBarNext.show {
	display: block;
}
#dietNewForm #wizardFooter #loadingBar {
	display: block;
}
#dietNewForm #wizardFooter #loadingBar.hide {
	display: none;
}
#dietNewForm #wizardFooter #loadingBarExisting {
	display: block;
}
#dietNewForm #wizardFooter #wizardNext {
	display: none;
}
#dietNewForm #wizardFooter #wizardPrevious {
	display: none;
}
#dietNewForm #wizardFooter #wizardNext.show {
	display: block;
}
#dietNewForm #wizardFooter #wizardPrevious.show {
	display: block;
}
#dietNewForm #wizardFooter #loadingBarExisting.hide {
	display: none;
}
#dietNewForm #wizardFooter #loadingBarPrevious.show {
	display: block;
}
#dietNewForm #wizardFooter #loadingBarNext.show {
	display: block;
}
#dietExistingForm #dietList {
	display: none;
}
#dietExistingForm #dietList.show {
	display: block;
}
#dietExistingForm #wizardFooter #loadingBar {
	display: block;
}
#dietExistingForm #wizardFooter #loadingBar.hide {
	display: none;
}
#dietExistingForm #wizardFooter #loadingBar #loadingBarExisting {
	display: block;
}
#dietExistingForm #wizardFooter #wizardNext {
	display: none;
}
#dietExistingForm #wizardFooter #wizardPrevious {
	display: none;
}
#dietExistingForm #wizardFooter #wizardNext.show {
	display: block;
}
#dietExistingForm #wizardFooter #wizardPrevious.show {
	display: block;
}
#resultsForm #wizardFooter #loadingBar {
	display: block;
}
#resultsForm #wizardFooter #loadingBar.hide {
	display: none;
}
#resultsForm #wizardFooter #loadingBarExisting {
	display: block;
}
#resultsForm #wizardFooter #wizardNext {
	display: none;
}
#resultsForm #wizardFooter #wizardPrevious {
	display: none;
}
#resultsForm #wizardFooter #wizardNext.show {
	display: block;
}
#resultsForm #wizardFooter #wizardPrevious.show {
	display: block;
}
#resultsForm #wizardFooter #loadingBarExisting.hide {
	display: none;
}
#resultsForm #wizardFooter #loadingBarPrevious.show {
	display: block;
}
#resultsForm #wizardFooter #loadingBarNext.show {
	display: block;
}
#printAndSaveForm #wizardFooter #loadingBar {
	display: block;
}
#printAndSaveForm #wizardFooter #loadingBar.hide {
	display: none;
}
#printAndSaveForm #wizardFooter #loadingBarExisting {
	display: block;
}
#printAndSaveForm #wizardFooter #wizardPrevious {
	display: none;
}
#printAndSaveForm #wizardFooter #wizardPrevious.show {
	display: block;
}
#printAndSaveForm #wizardFooter #loadingBarExisting.hide {
	display: none;
}
#printAndSaveForm #wizardFooter #loadingBarPrevious.show {
	display: block;
}
#printAndSaveForm #wizardFooter #loadingBarNext.show {
	display: block;
}
#printAndSaveForm #buttonTable #showPDFButton {
	display: none;
}
#printAndSaveForm #buttonTable #showPDFButton.show {
	display: block;
}
#printAndSaveForm #buttonTable #emailPDFButton {
	display: none;
}
#printAndSaveForm #buttonTable #emailPDFButton.show {
	display: block;
}
#printAndSaveForm #buttonTable #downloadPDFButton {
	display: none;
}
#printAndSaveForm #buttonTable #downloadPDFButton.show {
	display: block;
}
#printAndSaveForm #wizardFooter .select {
	display: none;
}
#printAndSaveForm #wizardFooter .select.show {
	display: flex;
}
#printAndSaveForm #wizardFooter #wizardGo {
	display: none;
}
#printAndSaveForm #wizardFooter #wizardGo.show {
	display: block;
}
input.number {
	width: 40px;
}
td.center {
	text-align: center;
}
p.instructions {
	font-size: 14px;
}
.progress .itemNames .past, .progress .itemNames .present {
	cursor: pointer;
}
.progress .itemNames {
	font-size: 13px;
}
.progress .itemNames .present {
	font-weight: bold;
	font-size: 14px;
}
.progress .itemNames td {
	width: 1%;
	white-space: nowrap;
}
.progress .itemNames .filler {
	width: auto;
}
.progress .arrow td {
	text-align: right;
}
.progress tr.arrow {
	background: linear-gradient(
			to bottom,
			rgb(113, 127, 128) 0px 6px,
			rgb(230, 230, 230) 7px 8px,
			rgb(113, 127, 128) 8px
	);
}
.progress .arrow .past, .progress .arrow .present {
	background: linear-gradient(
			to bottom,
			rgb(113, 127, 128) 0px 6px,
			rgb(237, 235, 109) 6px 8px,
			rgb(113, 127, 128) 8px
	);
}
.right-arrowhead {
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left-width: 20px;
	border-left-style: solid;
	float: right;
}
.progress img#arrowHead, .progress img#rightArrowStop {
	float: right;
	clear: none;
}
.progress img#leftArrowStop {
	float: left;
	clear: none;
}
table.progress {
	width: 100%;
	border: none;
}
#wizardProgress {
	border-width: 0;
}
#wizardProgress .inner {
	width: 838px;
	border-width: 0;
}
#mainContent h2 {
	font-size: 23px;
}
.wizardHelp {
	text-align: right;
	font-size: 12px;
	cursor         : pointer;
	display        : flex;
	justify-content : flex-end;
	column-gap      : 2px;
	padding-top     : 1rem;
}
.wizardContainer {
	width: 100%;
}
#wizardProgress .expander div {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#wizardProgress .expander a {
	font-weight: bold;
	line-height: 150%;
}
#horseMethodSelect div, #dietMethodSelect div, #freeChoiceForageBuilderMethodSelect div {
	clear: left;
}
#horseMethodSelect a, #dietMethodSelect a, #freeChoiceForageBuilderMethodSelect a {
	display: block;
	float: left;
	width: 165px;
	height: 111px;
}
#horseMethodSelect a#wizardNew {
	background-image: url(../../images/wizard/new_existing_horse_buttons.png);
	background-position: left top;
}
#horseMethodSelect a#wizardNew:hover {
	background-position: 495px top;
}
#horseMethodSelect a#wizardNew:active {
	background-position: 330px top;
}
#horseMethodSelect a#wizardNew.disabled,
#horseMethodSelect a#wizardNew.disabled:hover,
#horseMethodSelect a#wizardNew.disabled:active {
	background-position: 165px top;
}
#horseMethodSelect a#wizardExisting {
	background-image: url(../../images/wizard/new_existing_horse_buttons.png);
	background-position: left 112px;
}
#horseMethodSelect a#wizardExisting:hover {
	background-position: 495px 112px;
}
#horseMethodSelect a#wizardExisting:active {
	background-position: 330px 112px;
}
#horseMethodSelect a#wizardExisting.disabled,
#horseMethodSelect a#wizardExisting.disabled:hover,
#horseMethodSelect a#wizardExisting.disabled:active {
	background-position: 165px 336px;
}
#dietMethodSelect a#wizardNew {
	background-image: url(../../images/wizard/new_existing_clone_diet_buttons.png);
	background-position: left top;
	width: 160px;
	height: 106px;
}
#dietMethodSelect a#wizardNew:hover {
	background-position: -166px -6px;
	width: 160px;
	height: 106px;
}
#dietMethodSelect a#wizardNew:active {
	background-position: -329px -6px;
	width: 160px;
	height: 106px;
}
#dietMethodSelect a#wizardNew.disabled,
#dietMethodSelect a#wizardNew.disabled:hover,
#dietMethodSelect a#wizardNew.disabled:active {
	background-position: -492px -6px;
	width: 156px;
	height: 106px;
}
#dietMethodSelect a#wizardExisting {
	background-image: url(../../images/wizard/new_existing_clone_diet_buttons.png);
	background-position: left 230px;
	width: 160px;
	height: 106px;
}
#dietMethodSelect a#wizardExisting:hover {
	background-position: -166px -117px;
	width: 160px;
	height: 106px;
}
#dietMethodSelect a#wizardExisting:active {
	background-position: -329px -117px;
	width: 160px;
	height: 106px;
}
#dietMethodSelect a#wizardExisting.disabled,
#dietMethodSelect a#wizardExisting.disabled:hover,
#dietMethodSelect a#wizardExisting.disabled:active {
	background-position: -492px -117px;
	width: 156px;
	height: 106px;
}
#dietMethodSelect a#wizardCloneExisting {
	background-image: url(../../images/wizard/new_existing_clone_diet_buttons.png);
	background-position: left bottom;
	width: 160px;
	height: 106px;
}
#dietMethodSelect a#wizardCloneExisting:hover {
	background-position: -166px -235px;
	width: 160px;
	height: 106px;
}
#dietMethodSelect a#wizardCloneExisting:active {
	background-position: -329px -235px;
	width: 160px;
	height: 106px;
}
#dietMethodSelect a#wizardCloneExisting.disabled,
#dietMethodSelect a#wizardCloneExisting.disabled:hover,
#dietMethodSelect a#wizardCloneExisting.disabled:active {
	background-position: -492px -235px;
	width: 156px;
	height: 106px;
}
#freeChoiceForageBuilderMethodSelect a#wizardNew {
	background-image: url(../../images/wizard/new_existing_pasture_buttons.png);
	background-position: left top;
}
#freeChoiceForageBuilderMethodSelect a#wizardNew:hover {
	background-position: 495px top;
}
#freeChoiceForageBuilderMethodSelect a#wizardNew:active {
	background-position: 330px top;
}
#freeChoiceForageBuilderMethodSelect a#wizardNew.disabled,
#freeChoiceForageBuilderMethodSelect a#wizardNew.disabled:hover,
#freeChoiceForageBuilderMethodSelect a#wizardNew.disabled:active {
	background-position: 165px 224px;
}
#freeChoiceForageBuilderMethodSelect a#wizardExisting {
	background-image: url(../../images/wizard/new_existing_pasture_buttons.png);
	background-position: left 112px;
}
#freeChoiceForageBuilderMethodSelect a#wizardExisting:hover {
	background-position: 495px 112px;
}
#freeChoiceForageBuilderMethodSelect a#wizardExisting:active {
	background-position: 330px 112px;
}
#freeChoiceForageBuilderMethodSelect a#wizardExisting.disabled,
#freeChoiceForageBuilderMethodSelect a#wizardExisting.disabled:hover,
#freeChoiceForageBuilderMethodSelect a#wizardExisting.disabled:active {
	background-position: 165px 112px;
}
#diet .clearboth {
	height: 20px;
}
 .limitsBlurb {
	border-top-width: 2px;
	border-top-style: solid;
	border-right-width: 2px;
	border-right-style: solid;
	border-left-width: 2px;
	border-left-style: solid;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	float: right;
	font-weight: bold;
	width: 285px;
	border-radius: 4px;
}

 .limitsBlurb p {
	 margin-top: 2px !important;
	 margin-bottom: 0 !important;
 }

.limitsBlurb a {
	display: unset !important;
	margin: 0 !important;
	width:0 !important;
	height:0 !important;
	float: none !important;
}

table.horseDetailsTable,
table.dietDetailsTable {
	border-style: solid;
	border-collapse: separate;
	border-radius: var(--fxl-border-radius);
	border-top-width: var(--fxl-border-medium);
	border-right-width: var(--fxl-border-medium);
	border-left-width: var(--fxl-border-medium);
	border-bottom-width: var(--fxl-border-medium);
	width: 100%;
}
table.freeChoiceForageBuilderDetailsTable {
    width: 100%;
}
.freeChoiceForageBuilderDetailsTableContainer {
    border-style: solid;
    border-radius: var(--fxl-border-radius);
    border-top-width: var(--fxl-border-medium);
    border-right-width: var(--fxl-border-medium);
    border-left-width: var(--fxl-border-medium);
    border-bottom-width: var(--fxl-border-medium);
    border-color: var(--fxl-blue-light);
    width: 100%;
}
.horseDetailsTable th,
.horseDetailsTable td,
.dietDetailsTable th,
.dietDetailsTable td,
.freeChoiceForageBuilderDetailsTable th, .freeChoiceForageBuilderDetailsTable td {
	zoom: 1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
label#adg_useConservative {
	font-style: italic;
}
#lightboxContentContainer #estimatedWeight {
	font-weight: bold;
}
#conditionScoreChart p.instructions {
	font-size: 14px;
	marign-bottom: 0.3em;
}
#conditionScoreChart table p {
	font-size: 11px;
}
#conditionScoreChart label {
	font-size: 12px;
	font-weight: bold;
}
#conditionScoreChart img.figure {
	float: right;
}
#conditionScoreChart #lb_cs_buttons {
	text-align: center;
}
#lb_bwMiddleContainer {
	text-align: center;
}
#lb_bwMiddleContainer div.content {
	width: 100%;
}
#lb_bwMiddleContainer div.content table {
	margin: 0 auto;
}
#lb_bwMiddleContainer .buttonRow td {
	text-align: center;
}
#lb_bwMiddleContainer img {
	max-width: 90%;
	width: 20rem;
}
input#lb_adgEstMatureWeight {
	width: 40px;
	margin-left: 10px;
}
label#lb_adgUseConservativeLabel {
	font-style: italic;
}
#horseExistingBody, #dietSelector, #freeChoiceForageBuilderSelector {
	width: 100%;
	text-align: left;
}
#horseExistingMain, #freeChoiceForageBuilderSelectorMain {
	float: right;
	width: 600px;
}
#dietSelectorMain {
	float: right;
	width: 600px;
}
#horseExistingNav, #dietSelectorNav, #freeChoiceForageBuilderSelectorNav {
	float: left;
	width: 250px;
}
#horseList ul li, #dietList ul li, #freeChoiceForageBuilderList ul li {
	list-style: none;
	display: block;
	cursor: pointer;
	border-radius: var(--fxl-border-radius);
}
#horseList li.hidden {
	font-style: italic;
}
#horseList.hideHidden li.hidden {
	display: none;
}
#toggleHiddenHorses {
	display: block;
	float: left;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
}
#horseList li a, #dietList li a, #freeChoiceForageBuilderList li a {
	cursor: pointer;
}
#horseList li.selected, #horseList li:hover, #horseList li.ie6hover,
#dietList li.selected, #dietList li:hover, #dietList li.ie6hover, #freeChoiceForageBuilderList li.selected, #freeChoiceForageBuilderList li:hover, #freeChoiceForageBuilderList li.ie6hover {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}
#horseList li.selected a, #horseList li:hover a, #horseList li.ie6hover a,
#dietList li.selected a, #dietList li:hover a, #dietList li.ie6hover a, #freeChoiceForageBuilderList li.selected a, #freeChoiceForageBuilderList li:hover a, #freeChoiceForageBuilderList li.ie6hover a {
	font-weight: bold;
	text-decoration: none;
}
#horseExistingMain table {
	width: 100%;
}
#horseExisting .horseDetailsTable th, #dietSelector .dietDetailsTable th, #freeChoiceForageBuilderSelector .freeChoiceForageBuilderDetailsTable th {
	text-align: left;
	width: 210px;
}
#horseExisting .horseDetailsTable th span, #dietSelector .dietDetailsTable th span, #freeChoiceForageBuilderSelector .freeChoiceForageBuilderDetailsTable th span {
	zoom: 1;
}
#horseExisting .horseDetailsTable td, #dietSelector .dietDetailsTable td, #freeChoiceForageBuilderSelector .freeChoiceForageBuilderDetailsTable td {
	text-align: right;
	width: 330px;
}
#horseExisting .diseases div.list {
	width: 341px;
}
#horseExisting .name td, #dietSelector .name td, #freeChoiceForageBuilderSelector .name td {
	width: auto;
}
#horseExisting td.name div.name, #dietSelector td.name div.name, #freeChoiceForageBuilderSelector td.name div.name {
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	display: block;
	float: left;
	width: 320px;
}
#horseExisting td.name div.details, #dietSelector td.name div.details, #freeChoiceForageBuilderSelector td.name div.details {
	float: right;
}
#horseExisting .horseDetailsTable .buttons button {
	font-size: x-small;
}
#horseExisting #loadingHorse {
	text-align: center;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
}
#horseNew .horseDetailsTable td.validation, #horseExisting .horseDetailsTable td.validation {
	width: 20px;
}
#horseNew #horseDetailsContainer {
	width: 100%;
}
#horseNew table.horseDetailsTable {
	width: 100%;
}
#horseNew table.first th {
	text-align: right;
	width: 180px;
}
#horseNew table.second th {
	text-align: left;
}
#horseNew .name input, #horseNew .breed input {
	width: 100%;
}
#bodyWeightUnitsList,
#averageDailyWeightGainUnitsList {
	text-align: center;
}
#horseNew .bodyWeight.data th,
#horseNew .bodyWeight.data td,
#horseNew .averageDailyWeightGain.data th,
#horseNew .averageDailyWeightGain.data td {
	border-bottom: none;
	vertical-align: middle;
}
#horseNew .bodyWeight.validation th,
#horseNew .bodyWeight.validation td,
#horseNew .averageDailyWeightGain.validation th,
#horseNew .averageDailyWeightGain.validation td {
	border-top: none;
}
#horseNew .bodyWeight.validation th,
#horseNew .averageDailyWeightGain.validation th {
	font-size: 0%;
}
#horseNew .horseDetailsTable button {
	font-weight: bold;
}
#horseNew table.second td {
	border-top: none;
}
#horseNew table.second th {
	border-bottom: none;
}
#horseNew .condition td .selected > span {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#horseNew .condition td .selected {
	float: left;
	width: 200px;
	text-align: center;
	overflow: visible;
}
#horseNew .condition td .button {
	float: left;
	width: 200px;
	text-align: left;
}
#horseNew img.unmodifiable {
	position: relative;
	top: 2px;
}
#freeChoiceForage a, #freeChoiceForage img {
	border: 0;
}
.axisLabel {
	font-weight: bold;
	font-size: 15px;
}
#pastureSelectorYaxisLabel {
	float: left;
	height: 400px;
	width: 16px;
	letter-spacing: 0px;
	text-align: center;
	border-left-width: 14px;
	border-left-style: solid;
}
#pastureSelectorXaxisLabel {
	width: 400px;
	height: 16px;
	letter-spacing: 4px;
	border-top-left-radius: 10px;
}
#pastureSelector {
	float: left;
	border-width: var(--fxl-border-medium);
	border-style: solid;
}
#pastureSelector a img,
#pastureSelector li.quality:hover a.select img,
#pastureSelector li.ie6hover a img {
	border-width: var(--fxl-border-medium);
	border-style: solid;
}
#pastureSelector ul, #pastureSelector ul li {
	border-width: var(--fxl-border-thin);
	border-style: solid;
	background: none;
	list-style: none;
}
#pastureSelector div.quality {
	width: 100%;
	clear: both;
	border-width: var(--fxl-border-thin);
	border-style: solid;
	overflow: visible;
}
#freeChoiceForage ul li.quality {
	height: 118px;
	width: 150px;
}
#freeChoiceForage div.image {
	position: absolute;
}
#freeChoiceForage ul li.label {
	width: 120px;
	text-align: center;
	font-weight: bold;
	height: 0px;
	font-size: 14px;
	line-height: 120%;
}
#freeChoiceForage ul li.quality.label {
	height: auto;
}
#freeChoiceForage ul.type li.label {
	height: 49px;
	text-align: right;
}
#freeChoiceForage div.properties {
	z-index: 4;
}
#freeChoiceForage div.selected {
	z-index: 1;
	position: absolute;
	height: 96px;
	width: 126px;
}
#freeChoiceForage div.overlay, #freeChoiceForage div.options {
	height: 1.3rem;
	width: 8.75rem;
}
#freeChoiceForage div.caption {
	font-size: 11px;
	font-weight: bold;
	width: 8.8rem;
	display: none;
	text-align: center;
	z-index: 3;
	height: 1rem;
}
#freeChoiceForage div.options a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#freeChoiceForage div.options a:hover {
	text-decoration: underline;
}
#freeChoiceForage div.options a.zoom {
	float: right;
}
#freeChoiceForage div.options a.select {
	float: left;
}
#freeChoiceForage ul li.quality:hover div.toggleable,
#freeChoiceForage ul li.ie6hover div.toggleable {
	display: block;
}
#freeChoiceForage a, #freeChoiceForage img {
	border: 0;
}
#pastureZoomLightboxImage img {
	height: 600px;
	width: 800px;
}
#pastureZoomLightboxButtons {
	text-align: right;
}
#pastureZoomLightboxSelect {
	font-weight: bold;
}
table#pastureQuestions {
	table-layout: fixed;
	height: 100%;
	width: 100%;
}
table#pastureQuestions th {
	text-align: right;
	width: 400px;
}
table#pastureQuestions .warning {
	font-size: 14px;
}
table#pastureQuestions .warning .important {
	font-weight: bold;
}
table#pastureQuestions .squash {
	width: 1%;
}
table#pastureQuestions .pad {
	width: 180px;
}
table#pastureQuestions #row_pastureSelectorType .longLabelText {
	white-space: nowrap;
	overflow: visible;
}
.wizardEditor .editorName table {
	width: 100%;
}
.wizardEditor .editorName th {
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	width: 1%;
}
.wizardEditor .editorName .input {
	width: 410px;
}
.wizardEditor .editorName input {
	width: 400px;
}
.wizardEditor .editorName .validation th {
	font-size: 0%;
}
.wizardEditor p.grainWarning {
	border-top-width: 2px;
	border-top-style: solid;
	border-right-width: 2px;
	border-right-style: solid;
	border-left-width: 2px;
	border-left-style: solid;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	font-weight: bold;
	border-radius: var(--fxl-border-radius);
}
@supports (-ms-ime-align:auto) {
	.contentContainer.pastureContainer {
		overflow-y: scroll !important;
	}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.contentContainer.pastureContainer {
		overflow-y: scroll !important;
	}
}
table.scroll {
	display: block;
	width: 100%;
	height: 350px;
	overflow-y: auto;
	overflow-x: hidden;
}
.wizardEditor table.scroll tbody,
table.scroll tr {
	display: block;
}
.wizardEditor table.scroll tbody {
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}
.wizardEditor #ingredientTable {
	overflow: visible;
}
.wizardEditor #ingredientTable td.selector,
.wizardEditor #ingredientTable td.buttons {
	width: 1%;
}
.wizardEditor #ingredientTable td {
	background: none;
}
.wizardEditor #ingredientTable td.myDiet {
	width: 98%;
}
.wizardEditor .categoryContainer select,
.wizardEditor .pastureContainer select,
.wizardEditor .categoryContainer .noFeedsInHere {
	width: 400px;
	height: 361px;
	border: none;
}
.wizardEditor .categoryContainer optgroup {
	background: var(--fxl-light);
	font-weight: bold;
	font-style: italic;
}
.wizardEditor .categoryContainer option {
	font-style: normal;
	font-weight: normal;
}
.wizardEditor #buttonPanel {
	text-align: center;
}
.wizardEditor #buttonPanel button {
	clear: both;
}
.wizardEditor #ingredientTable, #ingredientEntryList {
	width: 100%;
}
.wizardEditor #ingredientEntryList {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.wizardEditor #ingredientEntryList #dietNameHolder {
	font-size: 15px;
}
.wizardEditor #ingredientEntryList td.quantity,
.wizardEditor #ingredientEntryList td.multiple,
.wizardEditor #ingredientEntryList td.hours {
	background: none;
}
.wizardEditor #ingredientEntryList tr {
	cursor: pointer;
}
.wizardEditor #ingredientEntryList .multiple th,
.wizardEditor #ingredientEntryList .quantity th,
.wizardEditor #ingredientEntryList .hours th,
.wizardEditor #ingredientEntryList .multiple td,
.wizardEditor #ingredientEntryList .quantity td,
.wizardEditor #ingredientEntryList .hours td {
	font-size: 12px;
	background: none;
}
.wizardEditor #ingredientEntryList .multiple th,
.wizardEditor #ingredientEntryList .quantity th,
.wizardEditor #ingredientEntryList .hours th {
	width: 28%;
	text-align: right;
	font-weight: bold;
}
.wizardEditor #ingredientEntryList .quantityValidation th,
.wizardEditor #ingredientEntryList .quantityValidation td,
.wizardEditor #ingredientEntryList .hours td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.wizardEditor #ingredientEntryList .name td {
	font-size: 14px;
	font-weight: bold;
}
.wizardEditor #ingredientEntryList .totalPercent th, .wizardEditor #ingredientEntryList .totalPercent td {
	background: none;
	font-size: 13px;
	font-weight: bold;
}
.wizardEditor #ingredientEntryList .totalPercent th {
	text-align: right;
	width: 28%;
}
.wizardEditor #ingredientEntryList .name td .customName {
	display: block;
	font-style: italic;
}
.wizardEditor #ingredientEntryList .quantity input {
	width: 60px;
}
.wizardEditor #ingredientEntryList .validation th {
	background: none;
	font-size: 0%;
}
.wizardEditor #ingredientEntryList .validation td {
	background: none;
}
.wizardEditor #ingredientEntryList .selected td,
.wizardEditor #ingredientEntryList .selected th {
	background-image: none;
}
.wizardEditor .categoryContainer option.private,
.wizardEditor #ingredientEntryList .name span.private {
	font-style: italic;
}
.wizardEditor .search {
	font-size: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	text-align: left;
	border-radius: var(--fxl-border-radius);
}
.wizardEditor .search input {
	width: 225px;
}
.wizardEditor .search label {
	font-weight: bold;
}
.wizardEditor .search img {
	position: relative;
	top: 2px;
}
.wizardEditor .search a:hover {
	text-decoration: none;
}
.wizardEditor .search a {
	border-radius: var(--fxl-border-radius);
}
#wizardEditorDeleteElement {
	height: 20px;
	width: 24px;
	text-align: center;
	position: absolute;
}
#horseHideToggleElement {
	text-align: right;
	position: absolute;
	font-size: 10px;
	width: 37px;
	height: 20px;
	display: block;
}
.wizardEditor .stepBox {
	border-style: solid;
	border-top-width: var(--fxl-border-medium);
	border-right-width: var(--fxl-border-medium);
	border-left-width: var(--fxl-border-medium);
	border-bottom-width: var(--fxl-border-medium);
	border-radius: var(--fxl-border-radius);
}
.wizardEditor .stepBox .stepIdent {
	font-style: italic;
	font-size: 14px;
}
.wizardEditor .editorName th {
	font-weight: normal;
}
.wizardEditor .stepBox .step {
	font-size: 16px;
	font-weight: bold;
}
.wizardEditor .stepBox p {
	display: inline;
}
.wizardEditor .step2 {
	width: 453px;
}
.wizardEditor .tabSet .main {
	border: none;
}
.wizardEditor #feedsListBox .header ul {
	width: 450px;
}
.wizardEditor #feedsListBox .header .tabHeaderSection {
	width: 6.7rem;
}
.wizardEditor #ingredientsList {
	width: 450px;
}
.wizardEditor #showHide {
	text-align: center;
}
.wizardEditor #showHide a {
	font-weight: bold;
	font-size: 12px;
	border-radius: var(--fxl-border-radius);
}
.wizardEditor #expandAll {
	float: left;
}
.wizardEditor #collapseAll {
	float: right;
}
#searchStatus span {
	font-style: italic;
}
.contentContainer.categoryContainer {
	height: 340px;
	overflow-y: auto;
	overflow-x: hidden;
}
.contentContainer.pastureContainer {
	height: 360px;
	overflow-y: auto;
	overflow-x: hidden;
}
.contentContainer .loading {
	width: 450px;
	height: 450px;
	text-align: center;
}
.contentContainer .diet-left-list-loading {
	position: relative;
	height: 340px;
	z-index: 0;
	overflow: hidden;
}
.contentContainer .categoryHolder {
	display: block;
	z-index: 1;
}
.contentContainer .loading div {
	text-align: center;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
}
.dietBuilderCostSummary .summaryItem .label {
	font-size: 12px !important;
}
.dietBuilderCostSummary .summaryItem .amount {
	font-size: 12px !important;
}
.dietBuilderCostSummary .summaryItem .units {
	width: 62px !important;
}
.dietCostSummaryLoading, .dietCostSummary .dietCostIncomplete {
	font-size: 10px;
	font-style: italic;
}
#dietSelectorFeedsList {
	width: auto;
	border-style: solid;
	border-top-width: var(--fxl-border-medium);
	border-right-width: var(--fxl-border-medium);
	border-left-width: var(--fxl-border-medium);
	border-bottom-width: var(--fxl-border-medium);
	border-radius: var(--fxl-border-radius);
}
#dietSelectorFeedsList .name .lastModified {
	font-size: 11px;
	font-style: italic;
}
#dietSelectorFeedsList .list {
	width: auto;
}
#dietSelectorFeedsList .inner {
	min-height: 0;
}
#dietSelectorFeedsList .quantity {
	float: right;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
}
#searchFeedsList {
	height: 360px;
	overflow-y: scroll;
}
.pastureEditor .step2 {
	width: 407px;
}
.pastureEditor #ingredientsList {
	width: 404px;
}
#dietSelector .dietDetailsTable th, #freeChoiceForageBuilderSelector .freeChoiceForageBuilderDetailsTable th {
	width: auto;
}
#dietSelector .dietDetailsTable td, #freeChoiceForageBuilderSelector .freeChoiceForageBuilderDetailsTable td {
	width: auto;
	text-align: left;
}
#dietSelector td.name div.name, #freeChoiceForageBuilderSelector td.name div.name {
	width: auto;
}
#dietSelector tr.ingredients table, #freeChoiceForageBuilderSelector tr.ingredients table {
	width: 100%;
	border: none;
}
#freeChoiceForageBuilderSelector tr.buttons td {
	text-align: right;
}
#dietSelector .buttons {
	text-align: right;
}
#dietSelector #dietEditButton {
	font-weight: bold;
}
#dietSelector tr.ingredients table td.quantity, #freeChoiceForageBuilderSelector tr.ingredients table td.quantity {
	width: 3%;
}
#dietSelector td.name div.details, #freeChoiceForageBuilderSelector td.name div.details {
	text-align: right;
}
#dietSelector #editElementButton, #freeChoiceForageBuilderSelector #editElementButton {
	font-weight: bold;
}
#dietExisting #selectDifferentDiet, #freeChoiceForageBuilderExisting #selectDifferentfreeChoiceForageBuilder {
	float: right;
}
#results .confusionNote {
	font-weight: bold;
	clear: both;
}
#results .resultsTable {
	clear: both;
}
#results .resultsTable {
	width: 100%;
	border-top-width: 0px;
	border-top-style: solid;
	border-right-width: 0px;
	border-right-style: solid;
	border-left-width: 0px;
	border-left-style: solid;
	border-bottom-width: 0px;
	border-bottom-style: solid;
}
#results .resultsTable th {
	font-size: 14px;
}
#results .resultsTable tr.bordertop td {
	border-top-width: 6px;
	border-top-style: double;
}
#results .resultsTable tr.subhead td {
	font-weight: bold;
}
#results .resultsTable .left {
	text-align: left;
}
#results .resultsTable .right {
	text-align: right;
}
#results .resultsTable .center {
	text-align: center;
}
#results .resultsTable .notes a {
	font-weight: bold;
	font-size: 12px;
}
#results .resultsTable .dataStatus, .reportGraphBarTT .dataStatus {
	font-size: 11px;
}
#resultsDiet td.feed {
	width: 90%;
}
#resultsDiet .pastureItem td.feed {
	font-style: italic;
}
#resultsDiet td.amount, #resultsDiet td.units {
	white-space: nowrap;
}
#resultsDiet .button {
	text-align: center;
}
#resultsDiet button {
	font-weight: bold;
}
#resultsDiet .intake90dmnote {
	font-weight: normal;
	font-style: italic;
}
#resultsDiet #dietFeedsList {
	width: 770px;
	text-align: left;
}
#resultsDiet #dietFeedsList .list {
	width: 750px;
}
#resultsDiet .feedsList .inner {
	min-height: 34px;
}
#resultsAnalysis .action .increase,
#resultsAnalysis .dietPercRdi .increase,
#resultsAnalysis .action .decrease,
#resultsAnalysis .dietPercRdi .decrease,
#resultsAnalysis .action .contactus {
	font-weight: bold;
}
#resultsAnalysis td.nutrient, #resultsHealth td.nutrient {
	font-weight: bold;
	width: 8.5rem;
	vertical-align: top;
	text-align: left;
	white-space: normal;
}
#resultsAnalysis td.notes a, #resultsHealth td.notes a {
	font-weight: bold;
	font-size: 11px;
}
#resultsHealth .dietAmount {
	width: 4.5em;
	vertical-align: top;
}
#resultsHealth .completeness {
	width: 16px;
	vertical-align: top;
}
#resultsSummary div.item, #resultsManagement div.item {
	border-radius: var(--fxl-border-radius);
}
#resultsSummary div.pass {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-image: url(../../images/wizard/results_summary_tick.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#resultsSummary div.fail {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-image: url(../../images/wizard/results_summary_cross.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#resultsSummary div.item .title, #resultsManagement div.item .title {
	display: block;
	font-size: 16px;
	font-weight: bold;
}
div#findingSupplementMessage {
	border-top-width: 2px;
	border-top-style: solid;
	border-right-width: 2px;
	border-right-style: solid;
	border-left-width: 2px;
	border-left-style: solid;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	height: 22px;
	line-height: 22px;
	font-size: 14px;
	font-weight: bold;
	border-radius: var(--fxl-border-radius);
}
div#findingFeedMessage {
	border-top-width: 2px;
	border-top-style: solid;
	border-right-width: 2px;
	border-right-style: solid;
	border-left-width: 2px;
	border-left-style: solid;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	height: 22px;
	line-height: 22px;
	font-size: 14px;
	font-weight: bold;
	border-radius: var(--fxl-border-radius);
}
#resultsSummary div.item .note, #resultsManagement div.item .note {
	display: block;
	font-size: 14px;
}
#resultsManagement div.colour1,
#resultsManagement div.colour2,
#resultsManagement div.colour3,
#resultsManagement div.colour4,
#resultsManagement div.colour5 {
	border-width: var(--fxl-border-thin);
	border-style: solid;
}
#resultsManagement div.item .number {
	float: left;
	position: relative;
	left: 10px;
	top: -2px;
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
}
#resultsGraph th {
	text-align: right;
	width: 120px;
}
#resultsGraph td {
	border-left-width: var(--fxl-border-thin);
	border-left-style: solid;
}
#resultsGraph td.one00, #resultsGraph td.two00 {
	width: 301px;
}
#resultsGraph .first td.one00, #resultsGraph .first td.two00 {
	border-top-width: var(--fxl-border-thin);
	border-top-style: solid;
}
#resultsGraph .last td.one00, #resultsGraph .last td.two00 {
	border-bottom-width: var(--fxl-border-thin);
	border-bottom-style: solid;
}
#resultsGraph td.end {
	width: 44px;
}
#resultsGraph .bar {
	width: 655px;
	white-space: nowrap;
	display: block;
	position: absolute;
	float: left;
	font-size: 12px;
	font-weight: bold;
}
#resultsGraph .bar .exp {
	display: block;
	float: left;
	height: 17px;
}
#resultsGraph img.dataStatus {
	position: relative;
	left: -5px;
	z-index: 2;
}
#resultsGraph table {
	border-width: 0;
	border-style: solid;
	width: 777px;
}
#resultsGraph #titleRow td {
	font-weight: bold;
	border: none;
}
#resultsGraph #titleRow span {
	position: relative;
	left: 288px;
}
#resultsGraph #titleRow span.zero {
	left: 14px;
}
.reportGraphBarTT .content div.title {
	font-weight: bold;
	font-size: 14px;
}
.reportGraphBarTT .content label {
	font-weight: bold;
	font-size: 12px;
}
.reportGraphBarTT .content span {
	font-size: 12px;
}
.reportGraphBarTT {
	background: none;
}
.reportGraphBarTT .shadow {
	display: none;
}
.reportGraphBarTT .content {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background: none;
	font-size: 13px !important;
	border-radius: var(--fxl-border-radius);
}
.reportGraphBarTT .background {
	position: absolute;
	z-index: -2;
	left: 0;
	top: 0;
	border-radius: var(--fxl-border-radius);
}
.reportGraphBarTT .feedComposition {
	width: 240px;
	float: right;
	text-align: right;
	font-weight: normal;
}
.reportGraphBarTT .feedComposition table {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 11px;
	border-spacing: 0;
}
.reportGraphBarTT .feedComposition th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.reportGraphBarTT .feedComposition td {
	text-align: right;
	width: 12px;
}
.reportGraphBarTT .feedComposition td.feed {
	width: auto;
}
.reportGraphBarTT .feedComposition div.colourCode {
	width: 11px;
	height: 11px;
}
#resultsHealth th.nutrient, #resultsHealth td.nutrient {
	width: 130px;
}
#printAndSave .reportElement {
	font-size: 14px;
	font-weight: bold;
}
#printAndSave #descriptorCosts {
	font-weight: normal;
}
#printAndSave #buttonTable {
	text-align: center;
}
#printAndSave #buttonTable td {
	text-align: center;
}
#results #resultsHealth .healthSectionHeader td div {
	width: 100%;
	text-align: center;
	font-weight: bold;
}
#results .finderButtonCommon,
.reactModalContainer .finderButtonCommon,
#modal-container .finderButtonCommon {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 4px 0px;
	display: inline-block;
	font-weight: bold;
	font-size: larger;
	width: 10rem;
	border-radius: var(--fxl-border-radius);
}
#modal-container .finderModalAdjustments,
.reactModalContainer .finderModalAdjustments
{
	bottom: -10px;
	height: 38px;
}
#results .supplementFinderButton,
.reactModalContainer .supplementFinderButton,
#modal-container .supplementFinderButton {
	background-image: url(../../images/supplementfinder_target.png);
}
#results .feedFinderButton,
.reactModalContainer .feedFinderButton,
#modal-container .feedFinderButton {
	background-image: url(../../images/feedfinder_target.png);
}
#results .nutritionConsultButton {
	background-image: url(../../images/nutrition_consultation_button.png);
}
#ingredient_multitype {
	font-style: oblique;
}
.nutrientDosage {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	float: right;
}
#nutrientDosage select {
	text-transform: none;
}
.clear {
	clear: both;
}
#IamHumanContainer {
	width: 100%;
	position: absolute;
	left: 625px;
	top: 96px;
	transform: scale(0.77);
	transform-origin: 0 0;
}
.deleteIngredientButton,
.editIngredientButton,
.reportButton,
.privateButton,
.saveCancelButtons,
.progressIndicator {
	float: right;
	position: relative;
	top: 5px;
}
.deleteIngredientButton img,
.deleteIngredientButton span,
.editIngredientButton img,
.editIngredientButton span,
.reportButton img,
.reportButton span,
.privateButton img,
.privateButton span,
.saveCancelButtons img,
.saveCancelButtons span,
.progressIndicator img {
	vertical-align: middle;
}
#editIngredientForm input[name="ingredient.name"] {
	width: 600px;
}

@media screen and (max-width: 768px) {
    #editIngredientForm input[name="ingredient.name"] {
        width: 560px;
    }
}

#editIngredientForm input[name="ingredient.typeKey"] {
	width: 415px;
}
#ingredientCategory {
	border-top: 3px solid;
	font-weight: bold;
}
#ingredientWrapper {
	/*height: 680px;*/
	/* overflow-y: scroll; */
}
/*#ingredientSidebar, #nutrientContainer {*/
/*	display: table-cell;*/
/*}*/
#ingredientContainer {
	/*width: 190px;*/
	/*max-height: 588px;*/
	overflow-y: auto;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.feedInformation .feedInfoRow {
	width: 100%;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.feedInformation .label {
	font-weight: bold;
}
.feedInformation .value {
	float: right;
}
.feedInformation input[name="ingredient.multipleTypeKey"],
.feedInformation input[name="ingredient.multipleValueKey"],
.feedInformation input[name="ingredient.ownerId"] {
	width: 60px;
}
.feedInformation input[name="ingredient.ownerId"] {
	text-align: right;
}
#feedDetails label {
	font-weight: bold;
}
#feedDetails .feedDetailsRow {
	width: 100%;
}
#ingredient_defaultDosageInput input {
	width: 6rem;
}
#ingredient_defaultDosageInput select {
	width: 4rem;
}
#ingredientUrlInput {
	width: 100%;
}
#feedDetails .value {
	float: right;
}
#nutrientContainer {
	width: 100%;
}
#nutrientLegend {
	font-weight: bold;
	font-style: italic;
}
#nutrientLegend label {
	display: block;
	float: left;
}
#nutrientLegend span {
	background-repeat: no-repeat;
	background-position: 0 0;
}
#nutrientLegend span {
	font-weight: normal;
	background-position: 0 -4px;
	display: block;
	float: left;
}
.icon-indicator-active {
	background-image: url(../../images/feeds/nutrient_indicator_active.png);
	background-repeat: no-repeat;
	background-position-y: 4px;
}
.icon-indicator-none {
	background-image: url(../../images/feeds/nutrient_indicator_none.png);
	background-repeat: no-repeat;
	background-position-y: 4px;
}
.icon-indicator-unknown {
	background-image: url(../../images/feeds/nutrient_indicator_unknown.png);
	background-repeat: no-repeat;
	background-position-y: 4px;
}
#nutrientContainer .column {
	float: left;
	width: 11.2rem;
}
#nutrientContainer .column.newIngredient {
	width: 14rem
}
#nutrientContainer .nutrient {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
#nutrientContainer .name {
	float: right;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#nutrientContainer .amount {
	float: right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#nutrientContainer .amount input[name="ingredient.nutrientQuantity"] {
	width: 50%;
	text-align: right;
}
#nutrientContainer .amount select[name="ingredient.nutrientUnit"] {
	width: 50px;
	text-align: right;
}
#nutrientContainer .inner {
	border-width: 0 3px 0 0;
	border-style: solid;
	text-align: right;
	display: flex;
	flex-direction: column;
	justify-content: end;
	align-content: center;
	align-items: end;
}
#nutrientContainer .nodata {
	background-position: 0px -30px;
}
#nutrientContainer .zero {
	background-position: 0px -65px;
}
.userIconLightbox img {
	float: left;
	width: 20px;
}
.feedInformation .disabled {
	cursor: default;
	pointer-events: none;
	opacity: 0.65;
}
#confirmContainer h3,
#editIngredient h3 {
	text-transform: uppercase;
	font-size: 1rem;
}
.contentContainer .loading {
	text-align: center;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
}
.tabSet .mainContainer {
	height: auto !important;
}
#showHide {
	text-align: center;
}
#showHide a {
	font-weight: bold;
	font-size: 12px;
	border-radius: var(--fxl-border-radius);
}
.search {
	text-align: left;
	font-size: 12px;
	border-style: solid;
	border-width: var(--fxl-border-thin);
	border-radius: var(--fxl-border-radius);
}
.search input {
	width: 250px;
}
.search label {
	font-weight: bold;
}
.search a:hover {
	text-decoration: none;
}
.search a {
	border-radius: var(--fxl-border-radius);
}
.feedsList {
	text-align: left;
}
.feedsList .clear {
	clear: both;
}
.feedsList .c_typeHead {
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
	line-height: 185%;
}
.feedsList .activeType {
	border-top-left-radius: var(--fxl-border-radius);
	border-top-right-radius: var(--fxl-border-radius);
}
.feedsList .item {
	cursor: pointer;
	clear: both;
}
.feedsList .inner {
	height: auto !important;
	height: 44px;
	min-height: 44px;
	border-width: 0 4px 0 4px;
	border-style: solid;
	background-repeat: no-repeat;
	background-position: 9px center;
}
.feedsList .c_add, .feedsList .remove, .feedsList .c_typeHead a {
	font-weight: bold;
	float: right;
	font-size: 12px;
}
.feedsList .typeName {
	font-weight: bold;
	display: block;
	font-size: 12px;
}
.feedsList .feedName {
	font-weight: bold;
	font-size: 13px;
}
.feedsList .feedName .multi {
	font-weight: normal;
	font-size: 11px;
}
.feedsList .url, .feedsList .help, .feedsList .spec, .feedsList .c_cost {
	font-size: 11px;
	background-position: right;
	background-repeat: no-repeat;
}
.feedsList .url, .feedsList .help, .feedsList .c_cost {
	border-left-width: 1px;
	border-left-style: solid;
}
.feedsList .url {
	background-image: url(../../images/silk/bullet_go.png);
}
.feedsList .help {
	background-image: url(../../images/silk/help_small.png);
}
.feedsList .c_cost {
	background-image: url(../../images/silk/bullet_dollar.png);
}
.feedsList .cost_gbp {
	background-image: url(../../images/silk/bullet_pound.png);
}
.hideCosts .c_cost {
	display: none;
}
.feedsList .hasCost {
	font-weight: bold;
}
.feedsList .spec a {
	background-position: right;
	background-repeat: no-repeat;
}
.feedsList .spec .all {
	background-image: url(../../images/silk/bullet_green.png);
}
.feedsList .spec .partial {
	background-image: url(../../images/silk/bullet_error.png);
}
.feedsList .spec .none {
	font-weight: bold;
	background-image: url(../../images/silk/bullet_delete.png);
}
.feedsList .url,
.feedsList .help,
.feedsList .c_cost,
.feedsList .spec .all,
.feedsList .spec .none,
.feedsList .spec .partial,
.feedsList .spec .c_rating,
.ratingContainer {
	white-space: nowrap;
}
.feedsList .amount {
	float: right;
	font-weight: bold;
	font-size: 13px;
	clear: right;
}
.feedsList .amount .units {
	display: inline-block;
	text-align: left;
	width: 75px;
}
.feedsList .costResult {
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
}
.feedsList .summaryItem {
	border-width: 1px 0;
	border-style: solid;
}
.feedsList .summaryItem .label {
	font-weight: bold;
	font-size: 14px;
}
.feedsList .summaryItem .amount {
	font-size: 14px;
}
.feedsList .pastureDetails {
	font-style: italic;
}
.feedsList .pastureDetails .component {
	display: block;
}
.feedsList .feedTypeGroupLoadingContainer {
	font-weight: bold;
	font-style: italic;
}
.feedsList .feedTypeGroupLoadingSpinner {
	float: left;
}
#dietCostIncomplete {
	font-style: italic;
	font-size: 11px;
}
.feedsListCategory1 .inner {
	background-image: url(../../images/feeds/feed_item_1_forage.png);
}
.feedsListCategory2 .inner {
	background-image: url(../../images/feeds/feed_item_2_grain.png);
}
.feedsListCategory3 .inner {
	background-image: url(../../images/feeds/feed_item_3_commercial.png);
}
.feedsListCategory4 .inner {
	background-image: url(../../images/feeds/feed_item_4_supplement.png);
}
.feedsList .noLogo {
	background-image: none !important;
}
#fixedTypeHead {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	z-index: 9999;
}
.dietFeedsList {
	width: 328px;
}
.dietFeedsList .inner {
	background-image: none;
}
.dietFeedsList .name {
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	border-radius: var(--fxl-border-radius);
}
.dietFeedsList .list {
	width: 308px;
}
.dietFeedsList .pasture {
	width: 308px;
}
.dietFeedsList .options {
	font-size: 12px;
}
.dietFeedsList .options label {
	width: 90px;
	text-align: right;
	float: left;
	display: block;
	font-weight: bold;
}
.dietFeedsList .options input {
	width: 60px;
}
.dietFeedsList .options .pasture_time {
	display: block;
	float: left;
}
.dietFeedsList li.validationError {
	font-size: 11px;
	clear: both;
	border-style: solid;
	border-width: 1px;
}
.dietFeedsList .validationIndicator {
	float: right;
	position: relative;
	top: 3px;
}
.dietFeedsList .customName {
	font-style: italic;
}
.dietFeedsList .dragIcon {
	float: right;
	display: inline-block;
}
.hideTypeLabels .typeName,
.hidden {
	display: none;
}
.hideTypeLabels .inner {
	height: auto !important;
	height: 30px;
	min-height: 30px;
	background-position: 5px center;
}
.hideTypeLabels.feedsListCategory1 .inner {
	background-image: url(../../images/feeds/feed_item_1_forage_35.png);
}
.hideTypeLabels.feedsListCategory2 .inner {
	background-image: url(../../images/feeds/feed_item_2_grain_35.png);
}
.hideTypeLabels.feedsListCategory3 .inner {
	background-image: url(../../images/feeds/feed_item_3_commercial_35.png);
}
.hideTypeLabels.feedsListCategory4 .inner {
	background-image: url(../../images/feeds/feed_item_4_supplement_35.png);
}
.variantInfo {
	display: table;
}
.variantInfoLeft {
	text-align: left;
}
.hideUserIcon {
	display: none;
}
/*  We need the :not(#mainContainer) to exclude
  a too specific selector defined on the higher level of feedxl_2.css
  That selector uses the ID #mainContainer, but we do not have the same
  #mainContainer on every feed list (like in diet editor).
  Alternatively we could use !important for these properties
  but it would have been uglier and harder to maintain.
*/
div:not(#mainContainer) div ul.multiTypeList {
	box-shadow: 0px 0px 0px 4000px rgba(0, 0, 0, 0.4);
	position: fixed;
	top: 50%;
	left: 30%;
	width: 450px;
	z-index: 9999;
	border-radius: var(--fxl-border-radius);
}
div:not(#mainContainer) div ul.multiTypeList li {
	list-style: none;
	font-size: 1.2em;
	font-weight: bolder;
}
div:not(#mainContainer) div ul li.multiTypeTitleBar {
	list-style: none;
	font-size: 1.2em;
	font-weight: bolder;
	height: 31px;
}
div:not(#mainContainer) div ul li.multiTypeListContainer {
	list-style: none;
	border-style: solid;
	border-width: var(--fxl-border-medium);
	border-bottom-left-radius: var(--fxl-border-radius);
	border-bottom-right-radius: var(--fxl-border-radius);
}
div:not(#mainContainer) div ul li.multiTypeListContainer ul {
	list-style: none;
}
div:not(#mainContainer) div ul li.multiTypeHeader {
	font-weight: bolder;
	font-size: 1.5em;
	border-top-left-radius: var(--fxl-border-radius);
	border-top-right-radius: var(--fxl-border-radius);
}
div:not(#mainContainer) div ul li.multiTypeActionHeader {
	font-weight: normal;
	font-size: 11px;
}
div:not(#mainContainer) div ul li.multiTypeActionHeader .typeKey {
	text-decoration: underline;
	font-weight: bolder;
}
div:not(#mainContainer) div ul li.multiTypeListItem div.listItemHolder {
	border-width: 0 4px 0 4px;
	border-style: solid;
	width: 100%;
	height: 26px;
}
div:not(#mainContainer) div ul li.multiTypeListItem div.listItemContent {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	height: 33px;
	line-height: 33px;
	align-content: initial;
}
div.modal-overlay {
	top: 0;
	left: 0;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 1000000;
	background: #000;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
div.modal-window {
	top: 15%;
	left: 30%;
	position: absolute;
	width: 35%;
	z-index: 1000001;
	border-style: solid;
	border-width: 5px;
	text-align: left;
	white-space: pre-line;
}
button#modal-close-btn {
	position: relative;
	bottom: -9px;
	width: auto;
}
.modal-ok-btn {
	position: absolute;
	right: 12px;
	bottom: 10px;
	height: 53px;
}
.modal-ok-btn-disabled {
	pointer-events: none;
	filter: grayscale(100%);
}
input#supplementFinder {
	height: 60px;
	cursor: pointer !important;
}
input#supplementFinder:active {
	vertical-align: top;
	transform: translateY(4px);
}
.uploader-face .uploadcare-widget-button-open {
	font-weight: bold;
}
.uploader-face .uploadcare-widget-button {
	border-width: var(--fxl-border-thin);
	width: auto;
	overflow: visible;
	font-size: 13px;
	font-weight: bold;
}
.uploadcare--tab__content {
	border-style: solid;
}
div.buttonDone {
	text-align: center;
}
#feedInfoContainer h4 {
	font-size: 19px;
	font-weight: bold;
}
#feedInfoContainer .feedInfoTable th {
	text-align: right;
	width: 200px;
}
#feedInfoContainer .feedInfoTable th span {
	zoom: 1;
}
#feedInfoContainer .feedInfoTable td {
	text-align: left;
	width: 69%;
}
#feedInfoContainer .feedInfoTable td.validation {
	width: 20px;
}
#feedInfoContainer table.feedInfoTable {
	width: 100%;
}
#feedInfoContainer .name input,
.manufacturer input,
.url input, .urlDescription select {
	width: 98%
}
#feedInfoContainer .typeKey input,
.multipleTypeKey input,
.multipleValueKey input {
	width: 60%;
}
#feedInfoContainer .feedInfoTable th,
.feedInfoTable td {
	zoom: 1;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: var(--fxl-border-thin);
	border-bottom-width: var(--fxl-border-thin);
}
#feedInfoContainer table.feedInfoTable {
	border-style: solid;
	border-width: var(--fxl-border-medium);
	zoom: 1;
}
.icon-select {
	width: 36px;
}
.icon-select .selected-box {
	width: 35px;
	height: 35px;
	border-width: var(--fxl-border-thin);
	border-style: solid;
	border-radius: var(--fxl-border-radius);
}
.icon-select .selected-box:hover {
	width: 35px;
	height: 35px;
	border-radius: var(--fxl-border-radius);
}
.icon-select .selected-icon {
	width: 32px;
	height: 32px;
	border-radius: var(--fxl-border-radius);
}
.icon-select .box {
	width: 116px;
	height: 38px;
	border-radius: var(--fxl-border-radius);
	overflow: auto;
}
.icon-select .icon {
	border-radius: var(--fxl-border-radius);
	overflow: hidden;
}
#switchRegionHolder {
	font-size: 10px;
}
#enableAdminFeatures {
	display: block;
	font-size: 9px;
}
a.loadData {
	font-style: italic;
}
.ratingContainer {
	height: 0px;
}
.ratingStarsBackground,
.ratingStarsForeground {
	background-repeat: repeat-x;
	background-size: 15px;
	width: 74px;
	height: 14px;
	display: inline-block;
}
.ratingStarsBackground {
	background-image: url("../../images/ratings/star-grey.png");
}
.ratingStarsForeground {
	background-image: url("../../images/ratings/star-orange.png");
}
.ratingCount {
	display: inline-block;
	border-right-width: 1px;
	border-right-style: solid;
}
#feedRatingEditor .infoHead {
	min-height: 110px !important;
	background-image: url(../../images/feeds/feed_rating.png);
}
#feedRatingEditor h3 {
	font-size: 18px;
	text-align: left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
#feedRatingEditor .info .editorRatingLabels {
	font-weight: bold;
	font-size: 16px;
	width: 180px;
	text-align: right;
}
#feedRatingEditor .info .category {
	font-size: 16px;
}
#feedRatingEditor #subratingsAverageWrapper label {
	text-align: left;
}
#feedRatingEditor .ratingCommentTitle {
	width: 100%;
}
#feedRatingEditor .ratingComment {
	width: 100%;
	height: 146px;
}
#feedRatingEditor .contentLabel {
	display: block;
	text-align: left;
	width: 100%;
}
#infoHeadAverageRatingWrapper {
	width: 180px;
}
#editorAverageRatingContainer {
	width: 160px;
}
#editorAverageRatingContainer span {
	font-weight: bold;
}
#editorAverageRating {
	display: block;
	width: 30px;
}
#categoryAndOverallAverageWrapper {
	width: 545px;
}
.subratingAverageWrapper {
	width: 210px;
	display: inline-block;
}
#feedRatingEditor .contentLabel,
#feedRatingEditor .form legend {
	font-weight: bold;
	display: block;
	width: auto;
}
#feedRatingEditor .info .category {
	display: block;
}
#currentUsersRating .otherUsersComment {
	height: 103px;
	overflow: auto;
}
#currentUsersRatingWrapper .feedInfo {
	width: 100%;
}
#currentUsersRatingWrapper #showRatingFormButton {
	font-size: 13px;
	width: auto;
}
#feedRatingEditor button {
	font-weight: bold;
}
#othersUsersRatingsWrapper > div.feedInfo > h4,
#currentUsersRatingWrapper > div.feedInfo > h4,
#feedRatingFormWrapper > div.feedInfo > h4 {
	font-size: 16px;
	text-align: left;
	border: 0px;
}
.otherUsersComment {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
.otherUsersRatingsStarWrapper {
	width: 73px;
}
.otherUsersRatingComment {
	width: 600px;
}
.otherUsersSubratingWrapper {
	width: 198px;
}
.otherUsersSubratingStarWrapper {
	height: 16px;
	display: inline;
}
.otherUsersRatingUpdateDate {
	text-align: right;
}
.otherUsersRatingTitle {
	font-weight: bold;
}
.rating:not(:checked) > input {
	clip: rect(0, 0, 0, 0);
}
.rating:not(:checked) > label {
	width: 1em;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	font-size: 220%;
	line-height: 1.2;
}
.rating:not(:checked) > label:before {
	content: "\2605";
}
.subrating:not(:checked) > label {
	font-size: 150%;
}
.subrating legend {
	font-weight: normal !important;
}
#feedRatingForm .validationErrorWrapper {
	min-height: 14px;
}
.otherUsersRatingBorderBottam {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
.commentAndSubratingsWrapper {
	display: inline-flex;
}
h5.activeNutrientContentTitle {
	font-size: 17px;
	font-weight: bold;
}
#activeNutrientContainer h6 {
	font-size: 15px;
	font-weight: bold;
}
#dosageInfoContainer .doseSize label {
	width: 170px;
}
#dosageInfoContainer .doseSize input {
	width: 100px;
}
#dosageInfoContainer .dosageConcentration {
	width: 50px;
}
#addNutrientContainer {
	border-bottom-style: solid;
	border-bottom-width: var(--fxl-border-thin);
	border-top-style: solid;
	border-top-width: var(--fxl-border-thin);
	height: 35px;
}
#addNutrientContainer .addNutrient label {
	width: 170px;
}
#addNutrientContainer .allNutrientList {
	width: 200px;
}
#addNutrientContainer .addNutrient input {
	width: 100px;
}
#addNutrientContainer .addNutrient #addButton {
	width: 70px;
}
#activeNutrientsList {
	height: 300px;
	overflow-y: scroll;
	border-width: 0px;
}
#nutrientTable {
	width: 100%;
}
#nutrientTable tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#nutrientTable .icon {
	display: block;
}
#nutrientTable .deleteNutrient {
	text-align: right;
}
#nutrientTable .name {
	width: 225px;
	text-align: left;
	overflow-wrap: break-word;
}
#nutrientTable .quantity {
	width: 160px;
}
#nutrientTable .unit {
	width: 75px;
}
#nutrientTable .validation {
	width: 250px;
}
#nutrientTable .hideNutrient {
	display: none;
}
#nutrientInfoContainer.h3 {
	font-size: 1.1rem;
	text-transform: uppercase;
}
#confirmContainer {
	border-style: solid;
	border-width: var(--fxl-border-medium);
	border-radius: var(--fxl-border-radius);
}
#ingredientWrapper.confirmNewFeed {
	display: table;
}
#ingredientSidebar.confirmNewFeed,
#nutrientInfo.confirmNewFeed {
	display: table-cell;
}
#nutrientInfo {
	width: 585px;
}
#feedInformation table,
#feedDetails table {
	width: 100%;
}
#feedInformation th {
	text-align: left;
}
#feedInformation td {
	text-align: right;
}
#feedDetails th,
#feedDetails td {
	text-align: left;
	font-weight: normal;
}
#activeNutrients label,
#inactiveNutrients label,
#unknownNutrients label {
	font-weight: bold;
	font-size: 1.1em;
	text-transform: uppercase;
	display: block;
}
#activeNutrients .column,
#inactiveNutrients .column,
#unknownNutrients .column {
	width: 50%;
}
#activeNutrients .nutrient,
#inactiveNutrients .nutrient,
#unknownNutrients .nutrient {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
#activeNutrients .name {
	width: 60%;
}
#activeNutrients .amount {
	width: 40%;
	text-align: right;
}
#saveButton {
	width: 100%;
}
.suggestions {
	border-width: 1px;
	border-type: solid;
	border-top-width: 0;
	list-style: none;
	max-height: 143px;
	overflow-y: auto;
	width: calc(300px + 1rem);
}
.suggestion-active,
.suggestions li:hover {
	cursor: pointer;
	font-weight: 700;
}
.suggestions li:not(:last-of-type) {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.supplementTable {
	font-family: arial, helvetica, clean, sans-serif;
}
table.supplementTable {
	border-style: solid;
	border-width: var(--fxl-border-medium);
	border-radius: var(--fxl-border-radius);
}
.supplementTable th {
	font-size: 15px;
}
.supplementTable td {
	font-size: 14px;
}
.supplementFinderError {
	border-width: var(--fxl-border-thin);
	border-style: solid;
	border-radius: var(--fxl-border-radius);
}
.rightAlign {
	text-align: right;
}
.supplementResultTableHeaderFooterText {
	font-family: arial, helvetica, clean, sans-serif;
	font-size: 12px;
}
.supplementFinderProgressBody {
	font-family: arial, helvetica, clean, sans-serif;
}
.supplementFinderProgressContainer {
	display: block;
	min-height: 20px;
	height: 20px;
	border-radius: var(--fxl-border-radius);
	border-width: var(--fxl-border-thin);
	border-style: solid;
}
.supplementFinderProgressFill {
	display: block;
	min-height: 20px;
	height: 20px;
	text-align: right;
	vertical-align: middle;
}
.loader {
	width: 100%;
	height: 100%;
	z-index: 999;
}
.tabs .tab {
	display: inline-block;
	border-right-width: 2px;
	border-right-style: solid;
	border-top-width: 2px;
	border-top-style: solid;
	cursor: pointer;
}
.tabs .tab:first-child {
	border-left-width: 2px;
	border-left-style: solid;
}
#loader img {
	display: block;
}
.dataTable-wrapper.no-header .dataTable-container {
	border-top-width: 1px;
	border-top-style: solid;
}
.dataTable-wrapper.no-footer .dataTable-container {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.dataTable-pagination li {
	list-style: none;
}
.dataTable-pagination a {
	border: 1px solid transparent;
	text-decoration: none;
}
.dataTable-pagination .active a,
.dataTable-pagination .active a:focus,
.dataTable-pagination .active a:hover {
	cursor: default;
}
.dataTable-pagination .ellipsis a,
.dataTable-pagination .disabled a,
.dataTable-pagination .disabled a:focus,
.dataTable-pagination .disabled a:hover {
	cursor: not-allowed;
}
.dataTable-pagination .disabled a,
.dataTable-pagination .disabled a:focus,
.dataTable-pagination .disabled a:hover {
	cursor: not-allowed;
	opacity: 0.4;
}
.dataTable-pagination .pager a {
	font-weight: bold;
}
.dataTable-table {
	max-width: 100%;
	width: 100%;
	border-spacing: 0;
	border-collapse: separate;
}
.dataTable-table > tbody > tr > td,
.dataTable-table > tbody > tr > th,
.dataTable-table > tfoot > tr > td,
.dataTable-table > tfoot > tr > th,
.dataTable-table > thead > tr > td,
.dataTable-table > thead > tr > th {
	vertical-align: top;
}
.dataTable-table > thead > tr > th {
	vertical-align: bottom;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.dataTable-table > tfoot > tr > th {
	vertical-align: bottom;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
}
.dataTable-table th {
	vertical-align: bottom;
	text-align: left;
}
.dataTable-table th a {
	text-decoration: none;
}
.dataTable-sorter {
	display: inline-block;
	height: 100%;
	width: 100%;
}
.dataTable-sorter::before,
.dataTable-sorter::after {
	content: "";
	height: 0;
	width: 0;
	border-left-width: 4px;
	border-left-style: solid;
	border-right-width: 4px;
	border-right-style: solid;
	opacity: 0.2;
}
.dataTable-sorter::before {
	border-top-width: 4px;
	border-top-style: solid;
}
.dataTable-sorter::after {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-top-width: 4px;
	border-top-style: solid;
}
.asc .dataTable-sorter::after,
.desc .dataTable-sorter::before {
	opacity: 0.6;
}
.dataTables-empty {
	text-align: center;
}
.dataTable-top::after,
.dataTable-bottom::after {
	clear: both;
	content: " ";
	display: table;
}
#messageCategories .categoryHeading {
	font-weight: bold;
	font-size: 11pt;
	border-top-width: var(--fxl-border-medium);
	border-top-style: solid;
	cursor: pointer;
}
#messageCategories table {
	border-collapse: collapse;
	border-style: solid;
	border-width: var(--fxl-border-thin);
}
#messageCategories td {
	border-left-width: 1px;
	border-left-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
}
#messageCategories th {
	border-style: solid;
	border-width: var(--fxl-border-thin);
}
#newMessageFormContainer table {
	width: 100%;
}
#newMessageFormContainer th,
#newMessageFormContainer td {
	border: none;
}
#newMessageFormContainer th {
	text-align: right;
	width: 1%;
}
#newMessageFormContainer input[type=text] {
	width: 100%;
}
textarea {
	width: 100%;
}
#newMessageFormContainer {
	overflow: visible;
	border-style: solid;
	border-width: var(--fxl-border-medium);
	border-radius: var(--fxl-border-radius);
}
#ingredientCategories .categoryHeading {
	font-weight: bold;
	font-size: 11pt;
	border-top-width: 1px;
	border-top-style: solid;
	cursor: pointer;
}
.categoryContent .ingredientType {
	font-weight: bold;
	font-size: 10pt;
	font-style: italic;
}
.nutrientContent {
	font-style: italic;
}
.categoryContent table {
	border-collapse: unset;
	border-style: solid;
	border-width: var(--fxl-border-medium);
	border-radius: var(--fxl-border-radius);
}
.categoryContent table tbody {
	border-radius: var(--fxl-border-radius);
	border-collapse: unset;
}
.categoryContent th {
	font-weight: bold;
	border-style: solid;
	border-width: var(--fxl-border-thin);
}
.categoryContent th,
.categoryContent td {
	border-left-width: 1px;
	border-left-style: solid;
	text-align: center;
}
#newIngredientFormContainer th,
.editIngredientFormContainer th {
	text-align: right;
}
#newIngredientFormContainer th,
#newIngredientFormContainer td {
	border: none;
}
.editIngredientFormContainer td {
	text-align: left;
}
table.editIngredientFormContainer,
.editIngredientFormContainer th,
.editIngredientFormContainer td {
	border: 0px;
}
.ingRow input,
.ingRow select {
	font-size: 8pt;
}
.ingRow td {
	font-size: 8pt;
}
.invalidVariantIng td {
	font-style: italic;
}
.ingIcons table,
.ingIcons table tr,
.ingIcons table td {
	border: 0;
}
#showIngredientMessage {
	font-size: 12px;
	text-align: center;
}
#UserEditedIngredients,
#UserCreatedIngredients {
	font-size: 1.3rem;
}
#UserEditedTable,
#UserCreatedTable {
	min-width: 75%;
	text-align: center;
}
#UserEditedTable th,
#UserEditedTable td,
#UserCreatedTable th,
#UserCreatedTable td {
	text-align: center;
}
.inline {
	display: inline;
}
.bold-link {
	font-weight: bold;
}
#newNutrientFormContainer th {
	text-align: right;
}
#newNutrientFormContainer th,
#newNutrientFormContainer td {
	border: none;
}
td {
	vertical-align: top;
}
#rdiEquationTable tr td.evaluateCell {
	border-right-style: solid;
	border-left-style: solid;
	border-top-style: none;
	border-bottom-style: none;
	border-width: var(--fxl-border-thin);
}
#rdiEquationTable > tbody > tr:not(:first-child) > td {
	border-top-style: solid;
	border-top-width: var(--fxl-border-thin);
}
#multiHorseTable tr:not(:first-child) td {
	text-align: left;
	border-top-width: var(--fxl-border-thin);
	border-top-style: solid;
}
#horseDetailsTable td {
	border: none;
	text-align: left;
}
#equationTextarea {
	width: 400px;
	height: 600px;
	font-size: 10pt;
}
#equationDetails {
	font-size: 9pt;
}
#equationRevision {
	font-weight: bold;
}
label {
	font-weight: bold;
}
#resultsHolder table th,
#resultsHolder table td {
	font-size: 93%;
}
.horseResult {
	vertical-align: top;
}
.horseResult h4 {
	text-align: center;
	font-size: 100%;
}
td.nutrient {
	font-weight: bold;
	white-space: nowrap;
}
td.nutrient, td.rdi, td.dietAmount, td.dietPercRdi {
	text-align: right;
}
table.prettyTable td.evaluateCell {
	text-align: center;
}
#horseDetailsTable th {
	text-align: right;
}
#horseDetailsTable th,
#horseDetailsTable td {
	font-size: 9pt;
}
#multiHorseTable {
	width: auto;
}
#nutrientDosage {
	text-align: center;
}
.block {
	clear: both;
}
.block label {
	width: 150px;
	text-align: right;
	display: block;
	font-weight: bold;
	font-size: 14px;
}
.block .horse, .block .diet {
	text-align: center;
	width: 320px;
}
.block .diet {
	text-align: left;
}
.block select {
	width: 200px;
}
.block .head {
	font-weight: bold;
	font-size: 14px;
}
.block .clear {
	clear: both;
}
.block .links {
	text-align: left;
}
#compareTable table {
	table-layout: fixed;
}
#compareTable th {
	max-width: 200px;
}
#compareTable td {
	max-width: 200px;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
#compareTable thead th .modified {
	font-weight: normal;
	font-size: 11px;
	font-style: italic;
}
#compareTable th {
	font-size: 14px;
}
#compareTable th span {
	display: block;
}
#compareTable .rowData th,
#compareTable th.blank {
	text-align: right;
}
#compareTable .rowData td {
	text-align: center;
}
#compareTable .rowData td div {
	text-align: right;
	width: 80px;
}
img.advisor_logo {
    width: 10rem;
}

/* *** POSITIONING STYLES *** */
/*
    In this section we apply positioning to elements (i.e. margin, padding etc).
    We can use ONLY the styles defined as CSS variables in the first section.
    We prefer standard elements (body, table, etc.) and use classes only if needed.
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset,
legend, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
h1, h2, h3 {
	margin: 1em 0;
}
h2 {
	position: absolute;
	top: 90px;
	margin: 0 -20px;
}
h3 {
	padding: 0;
}
h4 {
	margin-bottom: 10px;
}
th, td {
	padding: .5em;
}
sup {
	vertical-align: super;
}
sub {
	vertical-align: sub;
}
blockquote, ul, ol, dl {
	margin: 2em;
}
ol, ul, dl {
	margin-top: 4px;
	margin-bottom: 4px;
}
dl dd {
	margin-left: 1em;
}
p, fieldset, table, pre {
	margin-bottom: 1em;
}
button, input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
	padding: 1px;
}
input.text,
input.password,
input[type="text"],
input[type="tel"],
input[type="number"],
textarea {
	padding-left: 0.2rem;
}
body.simple {
	padding: 10px 0;
}
body.simple #mainContent {
	margin-top: 0;
}
body.simple h2 {
	position: static;
	top: 0;
	margin: 10px 0 5px 0;
}
button,
input[type=submit],
button.danger,
input[type=submit].danger,
button.good,
input[type=submit].good,
.prettyLink,
button.cancel,
input[type=submit].cancel,
#header .nav li a.cancel,
button.close,
input[type=submit].close {
	margin: 0;
	padding: 0.3rem 0.5rem;
}
#header .nav li a.logout {
	position: relative;
	bottom: 0.3rem;
}
span.prettyLink {
	float: left;
}
span.prettyLink a {
	padding-right: 2.2rem;
}
#container {
	margin: 0 auto;
}
.tabSet .totalTabCount1 {
	padding: 3px;
}
#contentContainer h2 {
	top: -24px;
}
ul.fieldErrors, ul.actionErrors {
	padding-left: 0;
	margin: 0;
}
tr.fieldErrors td {
	padding-bottom: 0;
}
#mainContent .validationError,
#lightbox .validationError {
	margin: 3px 0;
	padding: 0;
}
#mainContent .validationError li,
#lightbox .validationError li {
	padding: 0;
}
#validationActionErrors p {
	margin-bottom: 0;
}
#reportIssueLightbox .section, #missingFeedLightboxContent .section {
	margin: 15px 7px;
	padding: 5px 10px;
}
#reportIssueLightbox label, #missingFeedLightboxContent label {
	margin-bottom: 10px;
}
#missingFeedLightboxContent .productInfo label {
	float: left;
	margin-right: 10px;
}
#reportIssueLightbox legend, #missingFeedLightboxContent legend {
	padding: 0 5px;
}
#reportIssueLightboxSubmitting, #missingFeedLightboxSubmitting {
	margin-top: 200px;
}
#missingFeedLightboxContent .first img {
	margin: 12px auto 0 auto;
}
#missingFeedLightboxContent .caption {
	margin-bottom: 20px;
}
#missingFeedHolder {
	margin-top: 5px;
}
#missingFeedHolder img {
	position: relative;
	top: 3px;
}
body.help table.centre {
	margin: 0 auto;
}
body.help table.left {
	float: left;
}
body.help table.right {
	float: right;
}
#helpIndex .helpSection {
	margin: 20px 0pt;
	padding: 0 0 9px 0;
}
#helpIndex .helpSection .helpContent {
	margin: 0;
	padding: 7px 13px 1px 13px;
}
#helpIndex ol, #helpIndex ol li {
	margin: 4px 30px;
}
#helpIndex ol li {
	margin: 0;
	padding: 3px;
}
#helpIndex .helpSection h4 {
	margin-bottom: 15px;
}
div.buttonSection {
	padding-top: 5px;
}
div.buttonSection a {
	float: left;
	margin-right: 20px;
}
div.buttonSection ul {
	margin: 0 0 0 180px;
	padding-left: 25px;
}
div.buttonSection ul li {
	margin: 0 10px;
}
div.buttonSection ul.two {
	padding-top: 31px;
}
div.buttonSection ul.three {
	padding-top: 20px;
}
div.adminSection {
	padding-top: 25px;
}
#homeNotes {
	float: right;
	padding-top: 5px;
}
#helpHowto {
	margin-bottom: 20px;
}
#helpHowto .tooltip {
	position: static;
}
#helpHowto .tooltip {
	padding: 13px 0 0 0;
}
#forumStatus,
.betaBox {
	padding: 5px;
	margin-bottom: 20px;
}
#inGraceBox,
#motdBox {
	padding: 0 5px;
	margin-bottom: 20px;
}
#inGraceBox .title, #motdBox .title {
	padding: 4px;
}
#inGraceBox p, #motdBox p {
	padding: 5px 0;
	margin: 0;
}
.betaBox a.more {
	margin-left: 5px;
}
.betaBox div.more {
	margin-top: 12px;
}
.orLogin {
	margin: 5px 0;
}
#userDetails {
	padding-top: 10px;
}
#userDetails table {
	margin: 0;
}
#userDetails .inner {
	padding: 0;
	margin: 15px 0;
}
#userDetails table.formTable th,
#userDetails table.formTable td {
	padding: 8px 5px;
}
#userDetails table.formTable th {
	padding-top: 10px;
}
#userDetails table.formTable td {
	padding-right: 15px;
}
#userDetails table.formTable td.validation {
	padding-right: 5px;
}
#userDetails tr.heardFrom td,
#userDetails tr.heardFrom th,
#userDetails tr.userInterest td,
#userDetails tr.userInterest th {
	padding-bottom: 5px;
}
#userDetails tr.heardFrom input,
#userDetails tr.heardFrom label,
#userDetails tr.userInterest input,
#userDetails tr.userInterest label {
	margin: 2px 5px 8px 0px;
}
#userDetails .note {
	margin-top: 10px;
}
#userDetails tr.terms td {
	padding: 0 15px;
}
.terms #termsFrame #container #mainContent {
	margin-top: 10px;
}
.terms #termsFrame #container #termsOfService td.number {
	padding: 0.5em;
}
#termsFrame > hr {
	margin: 20px 200px 20px 200px;
}
#userDetails tr.termsAgree label, #userDetails tr.nonConsultAgree label {
	margin-right: 10px;
}
#userDetails tr.termsAgree input, #userDetails tr.nonConsultAgree input {
	position: relative;
	top: 1px;
}
#userDetails #termsFrame {
	margin: 0 0 20px 0;
}
#userDetails .accessPlan table {
	margin: 0;
}
#userDetails .accessPlan table td {
	margin: 0;
	padding: 5px;
}
#userDetails .accessPlan .input {
	padding-left: 3px;
}
#userDetails .accessPlan .description a {
	margin-left: 5px;
}
#userDetails #couponsHolder div {
	padding: 4px;
	margin: 2px 0;
}
#userDetails #couponsHolder div img {
	float: right
}
#userDetails .metric td input {
	margin-right: 7px;
}
#userDetails .metric td label {
	margin-right: 15px;
}
#loginForm #submitButton {
	padding-left: 8px;
	padding-right: 8px;
}
#userDetails table.formTable .rememberme input {
	margin-left: 10px;
}
#couponAddForm label {
	margin-right: 10px;
}
#couponAddForm button {
	margin-left: 10px;
}
#userDetails #loginError {
	padding: 0 10px;
	margin-bottom: 20px;
}
#editIngredient #data_hidden_info {
	margin: 5px 0;
}
#editIngredient #info_img {
	margin: 5px 0;
	float: left
}
#myAccount .section {
	float: left;
}
#myAccount .section .content {
	margin: 0;
	padding: 5px;
}
#myAccount .section .heading {
	padding: 5px;
	margin: 0 0;
}
#myAccount .section .content .item {
	margin: 3px 0;
}
#myAccount .section .content label {
	float: left;
	padding-right: 10px;
}
#myAccount .section .content .links {
	margin-top: 15px;
}
#myAccount .section .content .links img {
	position: relative;
	top: 2px;
}
#myAccount #myDetails {
	margin-right: 10px;
}
#myAccount #myDetails .content .links div {
	float: left;
}
#myAccount #myDetails .content .login {
	margin-bottom: 15px;
}
#myAccount #billingAndPayments .note {
	margin: 20px 7px 5px;
}
#myAccount .actionSection {
	margin: 5px 3px;
}
#myAccount .actionSection th {
	padding-top: 15px;
}
#myAccount .actionSection p.last {
	margin-bottom: 0;
}
#paymentSummary p {
	margin: 10px 0;
}
#paymentSummary .li {
	margin: 4px 0;
}
#paymentSummary label {
	float: left;
	padding-right: 10px;
}
#manageHorses .horseList {
	margin: 20px 0;
}
#manageHorses .horse {
	margin: 8px 0;
	padding: 5px;
	padding-left: 110px;
}
#manageHorses .horse .leftbox {
	float: left;
}
#manageHorses .horse .rightbox {
	float: right;
}
#manageHorses .horse .name {
	margin-top: 13px;
}
#manageHorses .horse label {
	float: left;
	padding-right: 10px;
}
#manageHorses #noMoreHorses {
	margin: 30px;
	padding: 5px;
}
#browserCheck .instructions {
	margin-left: 10px;
}
#browserCheck .browser {
	padding: 5px 5px 5px 42px;
	margin: 20px 0;
}
#browserCheck .browser .recommended {
	padding-left: 20px;
}
#browserCheck #supportedBrowserList {
	margin-top: 25px;
}
#browserCheck #confirmContinue {
	margin: 25px;
}
#feedCostEditor .infoHead,
.feedInfo .infoHead,
#feedRatingEditor .infoHead {
	padding-left: 70px;
}
#feedCostEditor h4,
.feedInfo h4 {
	margin: 6px;
}
#feedCostEditor .info, .feedInfo .info {
	margin: 0 5px;
}
#feedCostEditor .info div, .feedInfo .info div {
	padding: 3px 0;
}
#feedCostEditor .info label,
.feedInfo .info label,
#feedRatingEditor .info label {
	padding-right: 10px;
	float: left;
}
.feedInfo .nutrients {
	margin: 5px 0 0 5px;
}
.feedInfo .nutrient, .feedInfo .head .line {
	margin: 0 20px;
	padding: 4px 5px;
	float: left;
}
.feedInfo .nutrient .inner {
	margin: 0 -7px;
	padding: 4px 6px;
}
.feedInfo .legend {
	padding-top: 0;
}
.feedInfo .legend label {
	padding-top: 5px;
	margin-top: 0;
}
.feedInfo .legend span {
	padding: 5px 25px 3px 0;
	float: left;
}
.feedInfo .legend span.data {
	padding-left: 0;
}
.feedInfo .head .line {
	padding: 0;
}
.feedInfo .footNote {
	margin: 10px 5px 5px 5px;
}
#feedCostEditor .form label {
	margin: 0 10px 10px 0;
	float: left;
}
#feedCostDeleteButton {
	margin-left: 30px;
}
#feedCostSubmitting {
	float: left;
	margin-left: 10px;
}
#feedCostSubmitting img {
	position: relative;
	top: 3px;
	margin-right: 3px;
}
.reactToolTip {
	padding: 10px !important;
	margin: 3px !important;
}
.reactModalContainer {
	display: flex;
	flex-direction: column;
	max-width: 26rem;
	text-align: left;
	height: 100%;
}
.reactModalHeader {
	font-size: 17px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	color: white;
}
.reactModalHeader div {
	display: flex;
}
.reactModalContent {
	margin-top: 3rem;
	padding: 0.25rem;
}
.reactModalFooter {
	text-align: center;
	margin-bottom: 1rem;
}
.reactModalFooter button {
	padding: 3px;
	font-weight: bold;
}
#header {
	padding: 5px 1px 1px 1px;
	position: relative;
	margin: 0 auto;
}
#header h1 {
	position: absolute;
	margin: 8px 0 0 0;
	padding: 0;
	float: left;
}
#header #miniheader {
	padding-top: 1px;
	position: absolute;
	top: 0;
}
#header #miniheader span {
	margin: 0 5px;
}
#header .nav {
	position: absolute;
	bottom: 0.0rem;
	margin: 0;
	padding: 0;
	right: 0;
}
#header ul.nav li {
	float: left;
	margin-right: 1px;
}
#header .nav li span {
	float: left;
}
#header .nav li a {
	float: left;
	padding: 0.1rem 0.5rem 1rem 0.5rem;
}
#header .nav li.feedxlhome {
	margin-left: 5px;
}
body#home #splash {
	position: relative;
	margin: 0;
	padding: 0;
}
body#home #splash .quote .attrib {
	margin-top: 10px;
}
body#home #splash h2 {
	position: static;
	margin: 21px 51px 0 51px;
}
body#home #splash .quote {
	margin: 11px 43px 0 43px;
	padding: 55px 290px 0 31px;
}
body#home #splashComingSoon, body#home #splashQuote {
	position: absolute;
	top: 132px;
	margin: 0;
	padding: 0;
}
body.fullWidth #mainContent h2 {
	left: 0;
	margin-left: 0;
}
#mainContent {
	margin: 0;
	margin-top: 83px;
	padding: 0 20px;
}
body#home #mainContent {
	margin-top: 0;
}
#mainContent .colblock2 .column,
#mainContent .colblock3 .column {
	float: left;
	padding: 0;
	margin: 0 12px;
}
#mainContent ul {
	margin-left: 4px;
}
body#plans #mainContent div.plan {
	float: left;
	padding: 0 3px;
}
body#plans #mainContent div.plan h3, body.plan #planDetailHeading h3 {
	position: absolute;
	top: 570px;
}
body#plans #mainContent div#planCompare, body.plan #mainContent div#planCompare {
	float: left;
	padding-top: 20px;
	padding-left: 328px;
}
body.plan #planDetailHeading {
	padding: 12px 0 0 0;
}
body.plan #planDetailHeading ul {
	margin: 0;
	margin-left: 270px;
	padding-top: 1px;
}
#footerContent {
	padding: 4px 10px;
	margin: 1rem auto;
}
body.plan #planDetailHeading ul li {
	margin: 16px 0;
	padding-left: 25px;
}
body.plan .signupNow, body.plan #keepMeInformed {
	margin: 0 0 15px 110px;
}
#footer.simple {
	padding-top: 10px;
}
#footerContent ul.nav {
	margin: 0;
	padding-bottom: 4px;
}
#footerContent ul.nav li {
	margin: 0 6px;
}
#footer p {
	margin: 3px;
	padding: 0;
}
#footer #aussieonly {
	margin-top: 10px;
}
body.terms .number {
	padding-right: 15px;
}
th, td {
	padding: .3em;
}
.rdt_Table .rdt_TableRow {
	min-height: 2.5rem;
}
.rdt_Table .rdt_TableHeadRow {
	min-height: 2.5rem;
}
table.prettyTable th,
table.prettyTable td,
table.prettyTable tr.spacer td {
	padding: 5px;
}
div.footnote {
	margin-top: 25px;
	padding-top: 1px;
}
div.testimonial,
.comment {
	padding: 0;
	padding-bottom: 9px;
	margin: 20px 0;
}
div.testimonialContent,
.comment .inner {
	padding: 13px;
	padding-bottom: 1px;
	margin: 0;
}
div.testimonial img.quotemark {
	float: left;
	margin: 3px 7px 7px 0;
}
p.attrib {
	margin-bottom: 0;
}
div.testimonial img.mt-image-right {
	padding: 9px;
}
.tooltip {
	margin: 0;
	padding: 0;
	position: absolute;
}
.tooltip .content {
	padding: 6px 8px;
	margin: 0;
	position: relative;
	top: 0;
	left: 0;
}
.tooltip .content p {
	padding: 2px 0;
	margin: 0;
}
.tooltip .shadow {
	position: absolute;
	bottom: -2px;
	left: -2px;
	right: -2px;
	top: 15px;
}
.tooltipOver .shadow, .tooltipOverRight .shadow {
	bottom: 14px;
	left: -2px;
	right: -2px;
	top: -2px;
}
span.tooltipIcon {
	position: relative;
	left: 0;
	bottom: -3px;
	padding: 0 3px;
}
a.autoHelp img {
	position: relative;
	top: 2px;
	margin: -1px 0;
}
a.autoHelp span {
	margin-right: 3px;
}
a.noicon span {
	margin-right: 0;
}
#lightbox {
	position: absolute;
	left: 0;
}
#contentContainer {
	padding: 10px;
	margin-top: -20px;
}
#contentContainer h2 {
	position: relative;
	top: -21px;
	margin: 0;
	margin-right: 60px;
	padding: 0;
}
#outerContentContainer {
	position: relative;
	margin: 0 auto;
}
#lightboxContentContainer iframe {
	padding: 0;
	position: absolute;
	margin: -16px 0 0 -10px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0;
}
#lightbox #controlsContent,
.multiTypeList .controlsContent {
	padding: 5px 0 10px 0;
	border-top-left-radius: var(--fxl-border-radius);
	border-top-right-radius: var(--fxl-border-radius);
}
#lightbox #outerContentContainer {
	padding-bottom: 2rem;
	border-radius: var(--fxl-border-radius);
}
#closeLink img {
	margin-right: 3px;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
}
.tabSet .main {
	margin-left: 0.25rem;
}
.tabSet .mainContainer {
	padding: 0;
	margin: 0;
}
.tabSet .header {
	position: relative;
}
.tabSet .header ul {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
}
.tabSet .header ul li {
	padding: 0 !important;
	margin: 0 !important;
}
.tabSet .header .tabHeaderSection {
	float: left;
	padding: 3px 1px;
	margin: 3px 2px 0 0;
}
.tabSet .header .tabHeaderSection .tabTitle {
	padding: 0 3px;
}
.tabSet .header .tabHeaderSection:hover, .tabSet .header .tabHeaderSection.ie6hover, .tabSet .header .tabHeaderSection.current {
	margin-top: 0;
}
.tabSet .header .tabHeaderSection:hover, .tabSet .header .tabHeaderSection.ie6hover {
	padding-bottom: 6px;
}
.tabSet .header .tabHeaderSection.current {
	padding-bottom: 7px;
}
.tabSet .totalTabCount1 {
	padding: 3px;
}
#informedLightbox label {
	float: left;
	margin: 5px;
}
#informedLightbox input, #informedLightbox select {
	margin: 5px;
}
#informedLightbox button {
	margin: 5px;
}
.blogEntry {
	margin: 20px 0;
	padding: 0 0 9px 0;
}
.blogEntryInner {
	margin: 0;
	padding: 2px 13px;
}
.blogEntry h3 {
	margin-top: 3px;
}
.blogEntry .asset-meta {
	padding-top: 8px;
}
.comment img.quotemark {
	float: left;
	margin: 3px 7px 7px 0;
}
.blogFeeds {
	margin-top: 20px;
}
.blogFeeds .inner {
	padding: 5px 5px 5px 20px;
}
#myAccount .section {
	float: none;
}
#myAccount #myDetails {
	margin: 0 0 20px 0;
}
#myAccount #myDetails .content .links div {
	float: none;
}
#myAccount table {
	margin: 0;
}
#wizardFooter {
	padding-top: 15px;
}
#wizardFooter .select {
	margin-right: 10px;
	margin-top: 2px;
	flex: 1;
	display: flex;
	text-align: right;
	justify-content: end;
	align-items: center;
}
#wizardFooter #loadingBar {
	padding: 0pt 30px;
}
.progress .itemNames td {
	margin: 0;
	padding-bottom: 0;
	padding-top: 0;
}
.progress .arrow td {
	padding: 0;
	margin: 0;
}
.right-arrowhead {
	float: right;
	margin-right: -3px;
}
.progress img#arrowHead, .progress img#rightArrowStop {
	float: right;
}
.progress img#leftArrowStop {
	float: left;
}
table.progress {
	margin: 0;
}
#wizardProgress {
	position: absolute;
	top: 118px;
	margin: 0;
	padding: 0;
}
#wizardProgress .inner {
	padding: 6px;
}
#mainContent {
	padding: 0;
}
#mainContent h2 {
	margin: 0;
}
.wizardHelp {
	padding-top: 15px;
}
.wizardContainer {
	margin: 0 auto;
	padding: 0;
	padding-top: 4px;
}
#wizardProgress .expander {
	padding-top: 34px;
}
#wizardProgress .expander div {
	padding: 7px;
}
#wizardProgress .expander span {
	margin-bottom: 4px;
}
#wizardProgress .expander a {
	margin: 4px 20px;
}
#horseMethodSelect, #dietMethodSelect, #freeChoiceForageBuilderMethodSelect {
	padding: 20px 0;
}
#horseMethodSelect a, #dietMethodSelect a, #freeChoiceForageBuilderMethodSelect a {
	float: left;
	margin-right: 20px;
}
#horseMethodSelect .option h4, #dietMethodSelect .option h4, #freeChoiceForageBuilderMethodSelect .option h4 {
	padding: 0;
	padding-top: 40px;
}
#horseMethodSelect .or h4, #dietMethodSelect .or h4, #freeChoiceForageBuilderMethodSelect .or h4 {
	margin-left: 240px;
	padding: 0px;
}
.limitsBlurb {
	padding: 5px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
}
table.horseDetailsTable, table.dietDetailsTable {
	padding: 0;
	margin: 10px 0;
}
.horseDetailsTable th, .horseDetailsTable td, .dietDetailsTable th, .dietDetailsTable td, .freeChoiceForageBuilderDetailsTable td {
	padding: 4px;
}
.diseases .list div {
	margin: 3px 0px;
}
.diseases .list label {
	margin: 0;
}
.diseases .none {
	margin-bottom: 10px;
}
#lightboxContentContainer #estimatedWeight {
	margin: 5px 0px;
}
#lightboxContentContainer button {
	margin: 0.12rem 0;
}
#conditionScoreChart p.instructions {
	marign-bottom: 0.3em;
}
#conditionScoreChart table p {
	margin: 0;
	padding: 0px;
}
#conditionScoreChart label {
	margin-bottom: 2px;
	padding: 0px;
}
#conditionScoreChart img.figure {
	float: right;
}
#conditionScoreChart table {
	margin: 0.15em 0;
	padding: 0 0;
}
#conditionScoreChart td {
	padding: 0 0.3em;
	margin: 0;
}
#conditionScoreChart input {
	margin: 0;
}
#conditionScoreChart #lb_cs_buttons {
	padding-top: 0.5em;
}
#conditionScoreChart #lb_cs_buttons button {
	margin: 0 0.3em 0 0.3em;
}
input#lb_adgEstMatureWeight {
	width: 40px;
	margin-left: 10px;
}
label#lb_adgUseConservativeLabel {
	font-style: italic;
}
#horseExistingBody, #dietSelector, #freeChoiceForageBuilderSelector {
	padding: 0;
	margin: 0;
}
#horseExistingMain, #dietSelectorMain, #freeChoiceForageBuilderSelectorMain {
	float: right;
	padding: 0;
	margin: 0;
}
#horseExistingNav, #dietSelectorNav, #freeChoiceForageBuilderSelectorNav {
	float: left;
}
#horseDetailsLoading img {
	margin-top: 100px;
}
#horseList, #dietList, #freeChoiceForageBuilderList {
	margin: 0px 0 15px 0;
}
#horseList h4, #dietList h4, #freeChoiceForageBuilderList h4 {
	margin-right: 30px;
}
#horseList ul, #freeChoiceForageBuilderList ul {
	padding: 0;
	margin: 0;
	margin-top: 15px;
}
#dietList ul {
	margin-top: 4rem;
	width: 99%;
}
#horseList ul li, #dietList ul li, #freeChoiceForageBuilderList ul li {
	margin: 2px 0px;
	padding: 5px;
	padding-left: 10px;
	margin-right: 4px;
}
#toggleHiddenHorses {
	float: left;
	margin-top: 10px;
}
#horseList li.selected, #horseList li:hover, #horseList li.ie6hover, #dietList li:hover, #dietList li.ie6hover, #freeChoiceForageBuilderList li.selected, #freeChoiceForageBuilderList li:hover, #freeChoiceForageBuilderList li.ie6hover {
	margin-right: 0;
}
#dietList li.selected {
    margin-right: -5px;
}
#horseExisting .name td, #dietSelector .name td, #freeChoiceForageBuilderSelector .name td {
	padding-top: 0;
}
#horseExisting td.name div.name, #dietSelector td.name div.name, #freeChoiceForageBuilderSelector td.name div.name {
	float: left;
}
#horseExisting td.name div.details, #dietSelector td.name div.details, #freeChoiceForageBuilderSelector td.name div.details {
	float: right;
}
#horseExisting .horseDetailsTable button, #dietSelector .dietDetailsTable button, #freeChoiceForageBuilderSelector .freeChoiceForageBuilderDetailsTable button {
	margin-left: 3px;
}
#horseExisting .horseDetailsTable .buttons button {
	margin-left: 0;
}
#horseExisting #loadingHorse {
	margin-top: 60px;
}
#horseExisting #loadingHorse img {
	margin-bottom: 10px;
}
#horseNew #validationActionErrors {
	padding-bottom: 20px;
}
#horseNew table.horseDetailsTable {
	margin: 0px;
	margin-bottom: 15px;
}
#horseNew .horseDetailsTable th, #horseNew .horseDetailsTable td {
	padding: 8px 5px;
}
#horseNew .name td, #horseNew .breed td {
	padding-right: 15px;
}
#bodyWeightUnitsList,
#horseNew .bodyWeight.data th,
#horseNew .bodyWeight.data td,
#horseNew .averageDailyWeightGain.data th,
#horseNew .averageDailyWeightGain.data td {
	padding-bottom: 0;
}
#horseNew .bodyWeight.validation th,
#horseNew .bodyWeight.validation td,
#horseNew .averageDailyWeightGain.validation th,
#horseNew .averageDailyWeightGain.validation td {
	padding-top: 0;
}
#horseNew .bodyWeight input.radio,
#horseNew .averageDailyWeightGain input.radio,
.horseDetailsTable .bodyWeight td label,
.horseDetailsTable .averageDailyWeightGain td label {
	margin: 0px 3px;
}
#horseNew .horseDetailsTable.first {
	margin-bottom: 30px;
}
#horseNew table.second td {
	padding-left: 50px;
}
#horseNew .condition td .selected > span {
	padding: 2px;
}
#horseNew .condition td .selected > div {
	margin-bottom: 2px;
}
#horseNew .condition td .selected {
	padding-bottom: 4px;
	float: left;
}
#horseNew .condition td .button {
	float: left;
}
#horseNew img.unmodifiable {
	position: relative;
	top: 2px;
}
.axisLabel {
	padding: 2px;
	margin: 0;
}
#pastureSelectorYaxisLabel {
	float: left;
	padding-top: 60px;
}
#pastureSelectorXaxisLabel {
	padding-left: 80px;
	margin-left: 14px;
}
#pastureSelector {
	float: left;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 2px;
}
#pastureSelector ul, #pastureSelector ul li {
	margin: 0;
	padding: 0;
}
#pastureSelector ul {
	margin: 0;
	padding: 0;
	margin-bottom: -2px;
}
#pastureSelector ul li {
	float: left;
	width: 9rem;
}
#freeChoiceForage div.image {
	position: absolute;
}
#freeChoiceForage ul li.label {
	padding: 3px;
	margin-left: 18px;
	margin-right: 6px;
}
#freeChoiceForage ul.type li.label {
	margin-top: 45px;
}
#freeChoiceForage div.selected {
	position: absolute;
	margin: 3px;
}
#freeChoiceForage div.caption {
	padding-top: 0.3rem;
	position: relative;
	top: 3rem;
	left: 0.15rem;
}
#freeChoiceForage div.overlay {
	position: relative;
	left: 0.15rem;
	display: none;
	top: 0.15rem;
}
#freeChoiceForage div.options {
	top: -1.05rem;
	position: relative;
	left: 0.15rem;
	display: none;
}
#freeChoiceForage div.options a {
	margin: 2px;
}
#freeChoiceForage div.options a.zoom {
	float: right;
}
#freeChoiceForage div.options a.select {
	float: left;
}
#pastureZoomLightboxImage img {
	padding: 10px;
}
table#pastureQuestions td, table#pastureQuestions th {
	padding: 3px 10px;
}
table#pastureQuestions input.radio, table#pastureQuestions label {
	margin: 0px 3px;
}
table#pastureQuestions .warning {
	padding-bottom: 10px;
}
table#pastureQuestions #row_pastureSelectorType .option {
	margin: 3px 0;
}
.wizardEditor .editorName {
	margin-bottom: 10px;
}
.wizardEditor .editorName table {
	margin-bottom: 0;
}
.wizardEditor .editorName th {
	margin-right: 10px;
}
.wizardEditor .editorName .validation th,
.wizardEditor .editorName .validation td {
	padding: 10px;
	padding-top: 0;
}
.wizardEditor p.instructions {
	margin-bottom: 0;
}
.wizardEditor p.grainWarning {
	padding: 4px;
	margin-bottom: 10px;
}
.wizardEditor #ingredientTable td {
	margin: 0;
	padding: 0;
}
.wizardEditor #ingredientsList .header ul li.tab3 span {
	margin-right: 0;
}
.wizardEditor .categoryContainer select,
.wizardEditor .pastureContainer select,
.wizardEditor .categoryContainer .noFeedsInHere {
	margin: 0;
	padding: 0;
}
.wizardEditor .categoryContainer option {
	padding-left: 25px;
}
.wizardEditor option.nogroup {
	padding-left: 5px;
}
.wizardEditor #buttonPanel {
	margin: 10px;
	margin-top: 80px;
}
.wizardEditor #buttonPanel button {
	margin: 2px;
}
.wizardEditor #ingredientEntryList .multiple th,
.wizardEditor #ingredientEntryList .quantity th,
.wizardEditor #ingredientEntryList .hours th,
.wizardEditor #ingredientEntryList .multiple td,
.wizardEditor #ingredientEntryList .quantity td,
.wizardEditor #ingredientEntryList .hours td {
	padding: 1px;
}
.wizardEditor #ingredientEntryList .multiple td {
	padding-bottom: 0px;
}
.wizardEditor #ingredientEntryList .multiple th,
.wizardEditor #ingredientEntryList .quantity th,
.wizardEditor #ingredientEntryList .hours th {
	padding: 4px 4px 1px 4px;
}
.wizardEditor #ingredientEntryList .hours th {
	padding: 1px 4px;
}
.wizardEditor #ingredientEntryList .quantityValidation th,
.wizardEditor #ingredientEntryList .quantityValidation td,
.wizardEditor #ingredientEntryList .hours td {
	padding-bottom: 3px;
}
.wizardEditor #ingredientEntryList .name td {
	padding: 2px 2px 4px 2px;
}
.wizardEditor #ingredientEntryList .totalPercent th, .wizardEditor #ingredientEntryList .totalPercent td {
	padding: 2px 2px 4px 2px;
}
.wizardEditor #ingredientEntryList input,
.wizardEditor #ingredientEntryList select {
	margin: 1px 0;
}
.wizardEditor #ingredientEntryList .quantity input {
	margin-right: 5px;
}
.wizardEditor .search {
	margin-top: 0;
	margin-right: 0.4rem;
	margin-left: 0.3rem;
	margin-bottom: 0.6rem;
	padding: 5px;
}
.wizardEditor .search input {
	margin: 0 5px;
}
.wizardEditor .search label {
	margin-left: 5px;
}
.wizardEditor .search img {
	margin-top: -2px;
	position: relative;
	top: 2px;
}
.wizardEditor .search a {
	padding: 1px 3px;
}
#searchStatus {
	margin-left: 5px;
}
#wizardEditorDeleteElement {
	margin-top: 4px;
	position: absolute;
}
#horseHideToggleElement {
	margin-top: 5px;
	position: absolute;
	padding-right: 3px;
}
.wizardEditor .stepBox .stepIdent {
	padding: 7px;
}
.wizardEditor .editorName .data th, .wizardEditor .editorName .data td {
	padding: 10px;
}
.wizardEditor .stepBox .step {
	margin-right: 10px;
}
.wizardEditor .step2, .wizardEditor .step3 {
	padding: 0 3px;
}
.wizardEditor .step2 {
	padding-bottom: 5px;
	padding-right: 0px;
}
.wizardEditor #showHide {
	margin: 0;
	padding-bottom: 4px;
}
.wizardEditor #showHide a {
	padding: 0 10px;
	margin: 10px;
}
.wizardEditor #expandAll {
	float: left;
}
.wizardEditor #collapseAll {
	float: right;
}
.wizardEditor .tabSet .main {
	padding-top: 4px;
}
#searchStatus {
	margin: 5px;
}
.contentContainer .loading {
	padding: 0;
}
.contentContainer .diet-left-list-loading {
	position: relative;
}
.contentContainer .loading div {
	padding: 0;
}
.contentContainer .loading img {
	margin: 100px 0 10px 0;
}
.dietBuilderCostSummary {
	padding: 0 1px;
}
.dietCostSummary {
	margin: 3px 0;
}
.dietBuilderCostSummary .summaryItem {
	padding: 3px 4px !important;
}
.dietBuilderCostSummary .summaryItem .units {
	padding-left: 5px !important;
}
#dietSelectorFeedsList {
	padding: 3px;
}
#dietSelectorFeedsList .name {
	margin-top: 10px;
}
#dietSelectorFeedsList .list {
	padding: 0 10px 10px 10px;
}
#dietSelectorFeedsList .quantity {
	padding: 1px 3px 0 5px;
	float: right;
}
.pastureEditor .tabSet .totalTabCount1 {
	padding: 2px;
}
#dietSelector td.name div.name, #freeChoiceForageBuilderSelector td.name div.name {
	margin-right: 30px;
}
#dietSelector tr.ingredients td, #freeChoiceForageBuilderSelector tr.ingredients td {
	padding: 0;
}
#dietSelector tr.ingredients table td, #freeChoiceForageBuilderSelector tr.ingredients table td {
	padding: 4px;
}
#dietSelector tr.ingredients table, #freeChoiceForageBuilderSelector tr.ingredients table {
	margin: 0;
}
#dietSelector .buttons {
	padding: 0 10px 10px 0;
}
#dietSelector tr.ingredients table td.quantity, #freeChoiceForageBuilderSelector tr.ingredients table td.quantity {
	padding: 0 7px;
}
#dietExisting #selectDifferentDiet, #freeChoiceForageBuilderExisting #selectDifferentfreeChoiceForageBuilder {
	float: right;
}
#results .confusionNote {
	margin-top: 5px;
}
#results .contentContainer {
	padding: 10px;
}
#results .contentContainer table {
	margin-bottom: 0;
}
#results .resultsTable th, #results .resultsTable td {
	padding: 3px 5px;
}
#results .resultsTable td.completeness {
	padding: 3px;
}
#results .resultsTable .dataStatus, .reportGraphBarTT .dataStatus {
	margin-top: 6px;
}
#resultsDiet .pastureItem td.feed {
	padding-left: 20px;
}
#resultsDiet .button {
	margin-top: 10px;
}
#resultsDiet #dietFeedsList {
	margin: 0 auto;
}
#resultsSummary div.item, #resultsManagement div.item {
	margin: 4px 0px;
	padding: 5px;
	padding-left: 40px;
}
div#findingSupplementMessage {
	padding: 0pt 30px;
}
div#findingFeedMessage {
	padding: 0pt 30px;
}
#resultsManagement div.item {
	padding-left: 5px;
}
#resultsManagement div.item .title, #resultsManagement div.item .note {
	margin-left: 40px;
}
#resultsManagement div.item .number {
	float: left;
	position: relative;
	left: 10px;
	top: -2px;
}
#resultsManagement div.item p {
	margin: 4px 0 0 0;
}
#resultsGraph td {
	padding: 0;
}
#resultsGraph .bar {
	position: absolute;
	float: left;
}
#resultsGraph .bar .exp {
	float: left;
	margin-right: 4px;
}
#resultsGraph .bar .perc {
	padding-left: 5px;
}
#resultsGraph img.dataStatus {
	position: relative;
	left: -5px;
}
#resultsGraph #titleRow span {
	position: relative;
	left: 288px;
}
#resultsGraph #titleRow span.zero {
	left: 14px;
}
.reportGraphBarTT .content div.title {
	margin-bottom: 5px;
}
.reportGraphBarTT .content label {
	padding-right: 7px;
}
.reportGraphBarTT {
	padding: 0;
}
.reportGraphBarTT .background {
	position: absolute;
	left: 0;
	top: 0;
}
.reportGraphBarTT .feedComposition {
	padding-bottom: 0;
	margin: 0;
	margin-left: 10px;
	float: right;
}
.reportGraphBarTT .feedComposition table {
	padding: 1px;
	margin: 0;
}
.reportGraphBarTT .feedComposition td {
	margin: 0;
	padding: 1px 3px 2px 3px;
}
.reportGraphBarTT .feedComposition td.feed {
	padding-left: 4px;
}
#printAndSave .reportElement {
	padding: 7px 20px;
}
#printAndSave .reportElement label {
	margin-left: 15px;
	margin-top: 2px;
}
#printAndSave #descriptorCosts {
	margin-left: 30px;
}
#printAndSave .note {
	padding: 10px 0px;
}
#printAndSave #buttonTable {
	margin-bottom: 30px;
}
#printAndSave #buttonTable td {
	padding: 0 40px;
}
#results #resultsHealth .healthSectionHeader td {
	padding-left: 0;
}
#results #resultsHealth .healthSectionHeader td div {
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#results .finderButtonCommon,
.reactModalContainer .finderButtonCommon,
#modal-container .finderButtonCommon {
	padding-left: 50px;
	padding-top: 0.4rem;
	padding-right: 0.4rem;
	padding-bottom: 0.4rem;
	margin-left: 0.3rem;
	margin-bottom: 1rem;
}
#modal-container .finderModalAdjustments,
.reactModalContainer .finderModalAdjustments
{
	bottom: -10px;
}
.nutrientDosage {
	float: right;
}
#IamHumanContainer {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 625px;
	top: 96px;
}
#editIngredientForm {
	padding: 0 10px;
	margin: 10px 0;
}
.deleteIngredientButton,
.editIngredientButton,
.reportButton,
.privateButton,
.saveCancelButtons,
.progressIndicator {
	float: right;
	position: relative;
	top: 5px;
	margin-top: -0.8rem;
	padding-left: 0.3rem;
}
#ingredientCategory {
	padding: 5px 0 15px 0;
}
#ingredientContainer {
	padding: 0 10px 50px 10px;
}
.feedInformation {
	padding-bottom: 20px;
}
.feedInformation .feedInfoRow {
	margin-top: 8px;
}
.feedInformation .value {
	float: right;
}
#feedDetails .feedDetailsRow {
	margin-top: 8px;
}
#ingredient_defaultDosageInput input {
	text-align: right;
}
#ingredient_defaultDosageInput select {
	float: right;
}
#ingredientUrlInput {
	padding-right: 24px;
}
#feedDetails .value {
	float: right;
}
/*#nutrientContainer {*/
/*	padding-left: 25px;*/
/*}*/
#nutrientContainer h3 {
	margin-bottom: 0px;
	margin-top: 0px;
}
#nutrientLegend {
	padding: 5px 0 15px 0;
}
#nutrientLegend label {
	padding-top: 5px;
	margin-top: 0;
	float: left;
}
#nutrientLegend span {
	padding: 5px 0px 3px 33px;
	float: left;
	margin-left: 24px;
}
#nutrientContainer .column {
	float: left;
}
#nutrientContainer .col1 {
	margin-right: 20px
}
#nutrientContainer .col3 {
	margin-left: 20px
}
#nutrientContainer .name {
	float: right;
}
#nutrientContainer .amount {
	float: right;
	padding-top: 3px;
}
#nutrientContainer .inner {
	margin: 0 -7px;
	padding: 0px 10px 6px 0;
}
.userIconLightbox img {
	float: left;
	padding-right: 10px;
}
#editIngredient h1 {
	margin-bottom: 0.3rem;
}
.contentContainer .loading {
	padding: 75px;
}
.contentContainer .loading img {
	margin-bottom: 10px;
}
.categoryHolder {
	padding: 1px;
}
#showHide {
	margin: 0;
	padding-bottom: 4px;
}
#showHide a {
	padding: 0 10px;
	margin: 10px;
}
.search {
	margin: 0 4px 8px 0;
	padding: 5px;
}
.search input {
	margin: 0 5px;
}
.search label {
	margin-left: 5px;
}
.search img {
	margin-top: -2px;
	position: relative;
	top: 2px;
}
.search a {
	padding: 1px 3px;
}
#searchStatus {
	margin-left: 5px;
}
.feedsList {
	padding: 0 0.1rem;
}
.feedsList .c_typeHead {
	padding: 0 7px;
	margin: 0.1rem -0.1rem;
}
.feedsList .item {
	margin: 0 1px;
	padding: 2px 0;
}
.feedsList .inner {
	margin: 0;
	padding: 3px 6px 3px 59px;
}
.feedsList .c_add, .feedsList .remove, .feedsList .c_typeHead a {
	float: right;
	padding-right: 0px;
}
.feedsList .c_add, .feedsList .remove {
	padding: 1px 3px 0 5px;
}
.feedsList .typeName {
	margin: -1px 0 1px 0;
}
.feedsList .url, .feedsList .help, .feedsList .spec, .feedsList .c_cost {
	padding-right: 18px;
}
.feedsList .url, .feedsList .help, .feedsList .c_cost {
	margin-left: 2px;
	padding-left: 7px;
}
.feedsList .spec {
	margin: 3px 0 -3px 0;
}
.feedsList .spec a {
	padding-right: 18px;
}
.feedsList .amount {
	float: right;
}
.feedsList .amount .units {
	padding-left: 4px;
}
.feedsList .summaryItem {
	margin: 3px 0px;
	padding: 5px 12px 5px 15px;
}
#dietCostSummary .summaryItem .amount {
	margin-right: 22px;
}
.feedsList .pastureDetails {
	padding-left: 20px;
}
.feedsList .pastureDetails .component {
	margin: 3px 0;
}
.feedsList .feedTypeGroupLoadingContainer {
	padding: 4px;
}
.feedsList .feedTypeGroupLoadingSpinner {
	float: left;
	margin-right: 12px;
	margin-top: -2px;
}
#dietCostIncomplete {
	margin-top: 4px;
}
.feedsList .noLogo {
	padding-left: 9px;
}
#fixedTypeHead {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	padding: 0 10px;
}
#fixedTypeHead .c_typeHead {
	margin-top: 0px;
	margin-bottom: 0px;
}
.dietFeedsList {
	margin-bottom: 5px;
	padding: 0;
}
.dietFeedsList .name {
	padding: 2px;
	width: 95.5%;
	margin: 11px auto 0;
}
#dietEditor .dietFeedsList .name {
	width: 93%;
}
.dietFeedsList .list {
	margin: 0 auto;
}
.dietFeedsList .pasture {
	margin: 0 auto;
}
.dietFeedsList .options {
	padding: 5px 0 0 0;
}
.dietFeedsList .options label {
	float: left;
	padding: 4px 4px 1px 4px;
}
.dietFeedsList .options input {
	margin-right: 5px;
}
.dietFeedsList .options select, .dietFeedsList .options input, .dietFeedsList .options .pasture_time {
	margin: 2px 5px 1px 1px;
}
.dietFeedsList .options .pasture_time {
	float: left;
	margin-top: 4px;
}
.dietFeedsList li.validationError {
	margin-left: 104px;
	padding: 0 4px;
}
.dietFeedsList .validationIndicator {
	float: right;
	position: relative;
	top: 3px;
}
.dietFeedsList .dragIcon {
	float: right;
	margin-left: 5px;
}
.hideTypeLabels .inner {
	padding: 1px 6px 4px 45px;
}
.variantInfo {
	margin: 0 auto;
}
.variantInfoLeft {
	padding-left: 9px;
}
/*  We need the :not(#mainContainer) to exclude
  a too specific selector defined on the higher level of feedxl_2.css
  That selector uses the ID #mainContainer, but we do not have the same
  #mainContainer on every feed list (like in diet editor).
  Alternatively we could use !important for these properties
  but it would have been uglier and harder to maintain.
*/
div:not(#mainContainer) div ul.multiTypeList {
	position: fixed;
	top: 50%;
	left: 30%;
	padding: 0;
}
div:not(#mainContainer) div ul.multiTypeList li {
	padding: 6px 10px;
}
div:not(#mainContainer) div ul li.multiTypeTitleBar {
	padding: 0;
}
div:not(#mainContainer) div ul li.multiTypeTitleBar .closeControl a {
	padding-right: 4px;
}
div:not(#mainContainer) div ul li.multiTypeListContainer {
	padding: 0;
}
div:not(#mainContainer) div ul li.multiTypeListContainer ul {
	margin: 3px;
}
div:not(#mainContainer) div ul li.multiTypeHeader {
	padding-top: 10px;
}
div:not(#mainContainer) div ul li.multiTypeActionHeader {
	margin-bottom: 6px;
}
div:not(#mainContainer) div ul li.multiTypeListItem {
	margin-top: 4px;
	margin-bottom: 3px;
	padding-left: 0px;
	padding-right: 17px;
}
div:not(#mainContainer) div ul li.multiTypeListItem div.listItemHolder {
	margin-top: -8px;
	margin-bottom: -4px;
	padding-top: 0px;
	padding-bottom: 6px;
	padding-left: 5px;
	padding-right: 5px;
}
div:not(#mainContainer) div ul li.multiTypeListItem div.listItemContent {
	padding-left: 5px;
}
div.modal-overlay {
	top: 0;
	left: 0;
	position: fixed;
}
div.modal-window {
	top: 15%;
	left: 30%;
	position: absolute;
	padding: 30px;
}
button#modal-close-btn {
	position: relative;
	bottom: -9px;
	width: auto;
}
.modal-ok-btn {
	position: absolute;
	right: 12px;
	bottom: 10px;
}
input#supplementFinder {
	height: 60px;
	cursor: pointer !important;
}
input#supplementFinder:active {
	vertical-align: top;
	transform: translateY(4px);
}
button#pastureZoomLightboxClose {
	margin-left: 0.3rem
}
.uploader-face .uploadcare-widget-button {
	padding: 0 .35em;
}
#feedInfoContainer h4 {
	margin-left: 10px;
}
#feedInfoContainer .feedInfoTable td.validation {
	padding-right: 5px;
}
#feedInfoContainer table.feedInfoTable {
	margin-top: 0px;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto
}
#feedInfoContainer .feedInfoTable td {
	padding-right: 15px;
}
#feedInfoContainer .feedInfoTable th,
.feedInfoTable td {
	padding: 4px;
}
#feedInfoContainer table.feedInfoTable {
	padding: 0;
}
.icon-select {
	float: left;
}
.icon-select .selected-box {
	position: relative;
	margin: 0px;
	padding: 0px;
}
.icon-select .selected-box:hover {
	position: relative;
	margin: 0px;
	padding: 0px;
}
.icon-select .selected-icon {
	position: absolute;
	margin: 0px;
	padding: 0px;
}
.icon-select .component-icon {
	position: absolute;
	bottom: 2px;
	right: 4px;
}
.icon-select .box {
	position: absolute;
	top: -1px;
	left: 37px;
	margin: 0px;
	padding: 0px;
}
.icon-select .icon {
	position: relative;
	margin: 3px 0px 0px 5px;
	padding: 0px;
	float: left;
}
#switchRegionHolder {
	margin-top: 20px;
}
#enableAdminFeatures {
	margin-top: 20px;
}
a.loadData {
	float: none !important;
	padding-left: 20px;
}
.ratingContainer {
	position: relative;
	bottom: 14px;
}
.ratingContainer a div {
	float: right;
	margin-right: -18px;
	margin-bottom: -18px;
}
.c_rating {
	float: right;
}
.ratingStarsBackground,
.ratingStarsForeground {
	position: absolute;
	right: 0px;
}
.ratingCount {
	position: absolute;
	right: 80px;
	padding-right: 7px;
}
#feedRatingEditor h3 {
	margin: 6px;
}
#feedRatingEditor .info .editorRatingLabels {
	padding-right: 10px;
	float: left;
}
#editorAverageRatingContainer {
	float: left;
}
#editorAverageRatingContainer span {
	float: right;
}
#editorAverageRatingCount {
	float: left;
	margin: 0 4px;
}
#editorAverageRating {
	position: relative;
	left: 233px;
	top: 3px;
}
#categoryAndOverallAverageWrapper {
	float: left;
}
#subratingsAverageWrapper {
	position: relative;
	float: right;
}
.subratingAverageWrapper {
	position: relative;
}
#feedRatingEditor .contentLabel,
#feedRatingEditor .form legend {
	margin: 8px 10px 3px 0px;
	float: left;
}
#feedRatingEditor .info .category {
	margin-left: 190px;
}
#lightboxContentContainer #feedRatingEditor button {
	margin: 0;
}
#subratingsWrapper {
	float: right
}
#currentUsersRatingWrapper .feedInfo {
	float: left;
	position: relative;
}
#currentUsersRatingWrapper #showRatingFormButton {
	float: right;
	position: relative;
	right: 0;
	top: 0;
}
.feedRatingButtonGroup {
	float: left;
	padding-top: 3px;
}
#othersUsersRatingsWrapper {
	margin-top: 12px;
}
#feedRatingFormWrapper,
#currentUsersRatingWrapper {
	margin-top: 20px;
}
#othersUsersRatingsWrapper > div.feedInfo > h4,
#currentUsersRatingWrapper > div.feedInfo > h4,
#feedRatingFormWrapper > div.feedInfo > h4 {
	padding: 4px;
	margin: 0px ! important;
}
#reviewTitleLabel {
	margin-top: 0px !important;
}
.otherUsersComment {
	margin-top: 6px;
}
.otherUsersRatingsStarWrapper {
	position: relative;
}
.otherUsersRatingComment {
	margin-top: 6px;
	float: left;
}
.otherUsersSubratingWrapper {
	float: right;
	position: relative;
}
.otherUsersRatingTitle {
	float: left;
	margin-left: 76px;
}
.rating {
	float: left;
	margin-bottom: 0px;
}
#overallRatingStars {
	margin-left: 0px;
}
.rating > label {
	position: relative;
}
.rating:not(:checked) > input {
	position: absolute;
	top: 0px;
}
.rating:not(:checked) > label {
	float: right;
	padding: 0 .1em;
}
.rating > label:active {
	position: relative;
	top: 2px;
	left: 2px;
}
.subrating {
	float: right;
	margin-right: 62px;
}
.otherReviews {
	margin-top: 6px;
}
#activeNutrientContainer {
	border-style: solid;
	border-radius: var(--fxl-border-radius);
	border-width: var(--fxl-border-medium);
}
#activeNutrientContainer h6 {
	padding-left: 10px;
}
#dosageInfoContainer {
	padding-bottom: 5px;
}
#dosageInfoContainer .doseSize {
	margin: 5px;
	padding-left: 105px;
}
#dosageInfoContainer .doseSize label {
	float: left;
}
#dosageInfoContainer .doseSize input {
	margin-right: 3px;
	float: left;
}
#addNutrientContainer {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
}
#addNutrientContainer .addNutrient {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 0.3rem;
}
#addNutrientContainer .addNutrient label {
	float: left;
}
#addNutrientContainer .allNutrientList {
	float: left;
	margin-right: 5px;
}
#addNutrientContainer .addNutrient input {
	margin-right: 3px;
	float: left;
}
#addNutrientContainer .addNutrient #addButton {
	float: left;
	margin-right: 10px;
	margin-top: -0.45rem;
}
#addNutrientContainer .dosageConcentration {
	float: left;
	margin-right: 15px;
}
#activeNutrientsList {
	margin-left: 5px;
	margin-top: 5px;
}
#nutrientTable tr {
	margin: 5px 0;
}
#nutrientTable .delete {
	padding-left: 300px;
}
#confirmContainer {
	padding: 10px;
	margin-bottom: 20px;
}
#nutrientInfo {
	padding-left: 5px;
	padding-bottom: 40px;
}
#nutrientInfoContainer {
	padding: 0px 10px 20px 10px;
}
#ingredientContainer {
	padding: 0 10px 50px 10px;
}
#feedInformation {
	padding-bottom: 20px;
}
#activeNutrients,
#inactiveNutrients,
#unknownNutrients {
	padding: 5px;
}
#activeNutrients label,
#inactiveNutrients label,
#unknownNutrients label {
	padding-top: 5px;
	padding-bottom: 10px;
}
#activeNutrients .column,
#inactiveNutrients .column,
#unknownNutrients .column {
	float: left;
}
#activeNutrients .nutrient,
#inactiveNutrients .nutrient,
#unknownNutrients .nutrient {
	padding: 5px 0;
	margin: 0 5px;
}
#activeNutrients .name {
	float: left;
}
#activeNutrients .amount {
	float: right;
}
#ingredientConfirm h1 {
	margin: 0.3rem 0;
}
#ingredientConfirm .confirmNewFeed img {
	margin-bottom: -0.5rem;
}
.no-suggestions {
	padding: 0.5rem;
}
.suggestions {
	margin-top: 0;
	padding-left: 0;
}
.suggestions li {
	padding: 0.5rem;
}
table.supplementTable {
	padding: 2px;
}
.supplementTable th {
	padding: 5px;
}
.supplementTable td {
	padding: 3px 5px;
}
.supplementFinderError {
	padding: 10px;
}
.contentContainer {
	top: -24px;
}
.rightAlign {
	padding-right: 4px;
}
.supplementFinderProgressContainer {
	margin: 4px 0px;
	padding: 1px;
}
.loader {
	position: absolute;
	top: 0;
	left: 0;
}
.tabs .tab {
	padding: 10px;
	margin: 0 auto;
}
#loader img {
	margin: 300px auto;
}
.dataTable-top,
.dataTable-bottom {
	padding: 8px 10px;
}
.dataTable-top > div:first-child,
.dataTable-bottom > div:first-child {
	float: left;
}
.dataTable-top > div:last-child,
.dataTable-bottom > div:last-child {
	float: right;
}
.dataTable-selector {
	padding: 6px;
}
.dataTable-input {
	padding: 6px 12px;
}
.dataTable-info {
	margin: 7px 0;
}
.dataTable-pagination ul {
	margin: 0;
	padding-left: 0;
}
.dataTable-pagination li {
	float: left;
}
.dataTable-pagination a {
	float: left;
	margin-left: 2px;
	padding: 6px 12px;
	position: relative;
}
.dataTable-table > tbody > tr > td,
.dataTable-table > tbody > tr > th,
.dataTable-table > tfoot > tr > td,
.dataTable-table > tfoot > tr > th,
.dataTable-table > thead > tr > td,
.dataTable-table > thead > tr > th {
	padding: 8px 10px;
}
.dataTable-sorter {
	position: relative;
}
.dataTable-sorter::before,
.dataTable-sorter::after {
	position: absolute;
	right: 4px;
}
.dataTable-sorter::before {
	bottom: 10px;
}
.dataTable-sorter::after {
	top: 0px;
}
#messageCategories .categoryHeading {
	padding: 2px;
}
#messageCategories table {
	margin: 10px 3px;
}
#messageCategories td {
	padding: 1px 5px;
}
#messageCategories th {
	padding: 1px 5px;
}
#addNewButton, #newMessageForm {
	margin-bottom: 10px;
}
#newMessageFormContainer {
	margin-bottom: 1rem;
}
#ingredientCategories .categoryHeading {
	padding: 2px;
}
.categoryContent table {
	margin: 10px 3px;
}
.categoryContent th {
	padding: 1px 5px;
}
.categoryContent th,
.categoryContent td {
	padding: 1px 5px;
}
#addNewButton,
#newIngredientFormContainer {
	margin-bottom: 10px;
}
table.editIngredientFormContainer,
.editIngredientFormContainer th,
.editIngredientFormContainer td {
	margin: 0px;
	padding: 0px;
}
.ingRow input,
.ingRow select {
	margin: 1px;
}
.ingIcons table,
.ingIcons table tr,
.ingIcons table td {
	margin: 0;
	padding: 0px 2px;
}
#showIngredientMessage {
	margin: 10px 10px 0 0;
	padding: 5px 10px
}
#createNewIngredientButton {
	margin: 5px 5px 5px 10px;
}
#exportIngredientsButton {
	margin: 5px;
}
#importIngredientsButton {
	margin: 5px;
}
#mainInner > div.ingredientsContainer {
	margin-left: 4em;
}
#ingredient_userIconLightbox {
	float: left;
}
#UserEditedTable,
#UserCreatedTable {
	margin: 0 auto 0 2rem;
}
#UserEditedTable th,
#UserEditedTable td,
#UserCreatedTable th,
#UserCreatedTable td {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
#EditedTable,
#CreatedTable {
	margin-top: 1rem;
}
#UserEditedIngredients,
#UserCreatedIngredients {
	margin-top: 2rem;
	margin-left: 2rem;
}
#saveButton {
	float: right;
}
#equationDetails {
	float: left;
}
#equationRevision {
	margin-right: 10px;
}
#resultsHolder table th,
#resultsHolder table td {
	padding: 1px 6px;
	margin: 0;
}
table.prettyTable td.evaluateCell {
	padding-top: 0.5rem;
}
#horseDetailsContainer {
	margin: 5px 0px;
}
#horseDetailsTable th,
#horseDetailsTable td {
	padding: 1px 6px;
	margin: 0;
}
#evaluateMultiButton {
	margin-top: 0.5rem;
}
#multiHorseTable {
	margin: auto;
}
#nutrientDosage {
	margin: 1em 0;
}
.block {
	margin: 1em 0;
}
.block label {
	float: left;
}
.block .horse, .block .diet {
	float: left;
}
.block select {
	margin-right: 10px;
}
.block .links {
	float: right;
}
#ingredientInfo table, #compareTable table {
	margin: 0 auto;
}
#compareTable table {
	margin-top: 0.5em;
}
#compareTable th {
	padding: 2px 0.5rem;
}
#compareTable td {
	padding: 2px 2.5em;
}
#compareTable .rowData td div {
	margin: 0 auto;
}
.warning-blurb {
	background-color: wheat;
	border-radius: 4px;
	padding: 5px 10px;
	max-width: 60rem;
	margin: 0 auto 10px;
}
.warning-blurb h3 {
	margin: 0.5rem 0;
}
.success-blurb {
	background-color: #d9f5d1;
	border-radius: 4px;
	padding: 5px 10px;
	max-width: 60rem;
	margin: 0 auto 10px;
}
.success-blurb h3 {
	margin: 0.5rem 0;
}
.ingredientViewer .ingredientName {
	float: right;
	font-weight: bold;
	width: 146px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ingredientViewer .nutrient .inner {
	margin: 0!important;
}

.ingredientViewer .deleteIngredientButton,
.ingredientViewer .editIngredientButton,
.ingredientViewer .reportButton,
.ingredientViewer .privateButton,
.ingredientViewer .saveCancelButtons,
.ingredientViewer .progressIndicator {
	margin-top: -0.6rem !important;
}

.reportGraphBarTT .content p {
	color: white!important;
}

.reportGraphBarTT table, .reportGraphBarTT tr, .reportGraphBarTT td {
	border: none!important;
}

.spinner {
	width: 40px;
	height: 40px;
	border: 8px solid #f3f3f3;
	border-top: 8px solid rgb(0, 120, 195);
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

.react-datepicker__view-calendar-icon input {
	padding: 0 0.1rem 0 0.1rem
}

h2.react-datepicker__current-month {
	all: unset;
	padding: 0 !important;
	margin: 0 !important;
	color: #000 !important;
	font-weight: bold !important;
	font-size: 0.944rem !important;
}

.finder .c_typeHead {
	margin-bottom:3px;
	margin-top:3px;
	background-color: rgb(171, 227, 171);
	font-weight:bold;
	font-size: 14px;
	padding: 0 7px;
	line-height: 185%;
	cursor: pointer;
	font-family: arial, helvetica, sans-serif;
}

.finder h1, .finder h2, .finder h3, .finder h4, .finder h5, .finder h6 {
	position: relative;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	text-align: left;
}

.finder h2 {
	color:black;
}

.finder .supplementResultTableHeaderFooterText {
	text-align:left;
	padding-left:5px;
}

:where([uc-simple-btn]) button {
	background-color: var(--fxl-blue-dark) !important;
	color: white !important;
	border-radius: 4px !important;
	font-size: 0.8rem !important;
  }

.fileInfo{
	display: flex;
	margin-left: .5rem;
	flex-direction: column;
}

.fileInfo p{
	margin-bottom: 0;
}

.manageHorses .horse-item {
    display: flex;
    align-items: center;
    gap: 16px;
	margin-left: 2rem;
	justify-content: space-between;
}

.manageHorses .horse-name {
    width: 100px;
    font-weight: bold;
}

.manageHorses .radio {
    display: flex;
    align-items: center;
    gap: 4px;
}

.manageHorses input[type="radio"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.manageHorses .radio.grey {
    accent-color: grey;
}

.manageHorses .radio.blue {
    accent-color: #007bff;
}

.manageHorses .radio.red {
    accent-color: #dc3545;
}

.plan-selector {
	display: flex;
    justify-content: end;
    margin-bottom: .5rem;
    align-items: center;
	gap: 1rem;
}

.plan-selector label {
	margin-left: .5rem;
	margin-right: .5rem;
	display: flex;
    align-items: center;
	cursor: pointer;
}

.PhoneInputInput {
    max-width: 92.1% !important;
}

#mySubscriptionDetails tbody tr td {
	vertical-align: middle;
}

.profilePhoto {
    display: inline-block;
    width: 60px;
    height: 45px;
    border: 1px solid transparent;
    border-radius: 2px;
    transition: border 0.3s ease;
}

.profilePhoto img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    align-self: flex-start;
}

.finderButtonCommon {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    user-select: none;
    display: inline-block;
    text-decoration: none;
    border: none;
    outline: none;
}

.finderButtonCommon:hover{
	opacity: 0.9;
	transform: translateY(-3px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* *** EXCEPTIONS *** */
/*
    In this section we apply styling to elements that won't fit the standards above.
    Any kind of styling can be used here.
    This sections should be as small as possible, ideally nothing should be here.
*/
/* *** END OF CSS FILE - LAST LINE - NOTHING BELOW THIS LINE *** */