@charset "UTF-8";
.mysynch-primary-header-grey, #farmDemographics .farm-demographics-section-body .farm-demographics-section-activity-monitor-container .farm-demographics-section-activity-monitor-subsection-container .farm-demographic-details-subsection-header {
  border: 1px solid #666666;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #666666;
  color: white;
  font-weight: bold;
  font-size: 15px;
}

.mysynch-secondary-header-grey, #farmDemographics .farm-demographics-section-body .farm-demographics-section-activity-monitor-container .farm-demographics-section-activity-monitor-subsection-container .farm-demographic-details-subsection-value-heading-outer-container-mobile, #farmDemographics .farm-demographics-section-body .farm-demographics-section-activity-monitor-container .farm-demographics-section-activity-monitor-subsection-container .farm-demographic-details-subsection-value-heading-outer-container {
  background-color: #d9d9d9;
  color: #000;
}

#mysynchMultiSelect .mysynch-ngselect-option {
  white-space: break-spaces;
  overflow: hidden;
  min-height: 25px;
}
#mysynchMultiSelect .ng-option {
  background-color: unset;
}
#mysynchMultiSelect .ng-option:hover {
  background-color: #E1F6FE !important;
}
#mysynchMultiSelect .ng-option:hover .ng-option-marked, #mysynchMultiSelect .ng-option:hover .ng-option-selected {
  background-color: unset;
}
#mysynchMultiSelect .ng-select.custom-ellipsis .ng-value-container {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 4px);
}
#mysynchMultiSelect .ng-select.custom-ellipsis .ng-value, #mysynchMultiSelect .ng-select.custom-ellipsis .selected-items-label-container {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 4px);
}
#mysynchMultiSelect .ng-select.custom-ellipsis .ng-arrow-wrapper .ng-arrow {
  display: none;
}
#mysynchMultiSelect .ng-select.custom-ellipsis:not(.ng-select-opened) span.ng-arrow-wrapper:before {
  content: "\f078";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
}
#mysynchMultiSelect .ng-select.custom-ellipsis.ng-select-opened span.ng-arrow-wrapper:before {
  content: "\f077";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
}
#mysynchMultiSelect .ng-value-container div[role=combobox] {
  display: none;
}
#mysynchMultiSelect .ng-dropdown-header {
  padding: 8px 10px !important;
}

#mysynchSelect .mysynch-select {
  min-width: 225px;
}
#mysynchSelect .mysynch-select.default-selected .ng-value {
  color: #999999;
}
#mysynchSelect .mysynch-ngselect-option {
  min-height: 25px;
}
#mysynchSelect .ng-option {
  background-color: unset;
}
#mysynchSelect .ng-option:hover {
  background-color: #E1F6FE !important;
}
#mysynchSelect .ng-option:hover .ng-option-marked, #mysynchSelect .ng-option:hover .ng-option-selected {
  background-color: unset;
}
#mysynchSelect .ng-select .ng-value-container .ng-value {
  width: 100%;
}
#mysynchSelect .ng-select.custom-ellipsis .ng-arrow-wrapper .ng-arrow {
  display: none;
}
#mysynchSelect .ng-select.custom-ellipsis:not(.ng-select-opened) span.ng-arrow-wrapper:before {
  content: "\f078";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
}
#mysynchSelect .ng-select.custom-ellipsis.ng-select-opened span.ng-arrow-wrapper:before {
  content: "\f077";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
}
#mysynchSelect .ng-value-container div[role=combobox] {
  display: none;
}
#mysynchSelect .ng-dropdown-header {
  padding: 8px 10px !important;
}

#mysynchSimpleSelect .mysynch-simple-select.select-size-large {
  min-width: 225px;
}
#mysynchSimpleSelect .mysynch-simple-select.select-size-small {
  min-width: 100px;
}
#mysynchSimpleSelect .mysynch-simple-select.default-selected .ng-value {
  color: #999999;
}
#mysynchSimpleSelect .mysynch-ngselect-option {
  min-height: 25px;
}
#mysynchSimpleSelect .ng-option {
  background-color: unset;
  text-align: center;
}
#mysynchSimpleSelect .ng-option:hover {
  background-color: #E1F6FE !important;
}
#mysynchSimpleSelect .ng-option:hover .ng-option-marked, #mysynchSimpleSelect .ng-option:hover .ng-option-selected {
  background-color: unset;
}
#mysynchSimpleSelect .ng-select .ng-value-container .ng-value {
  width: 100%;
  text-align: center;
}
#mysynchSimpleSelect .ng-select.custom-ellipsis .ng-arrow-wrapper .ng-arrow {
  display: none;
}
#mysynchSimpleSelect .ng-select.custom-ellipsis:not(.ng-select-opened) span.ng-arrow-wrapper:before {
  content: "\f078";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
}
#mysynchSimpleSelect .ng-select.custom-ellipsis.ng-select-opened span.ng-arrow-wrapper:before {
  content: "\f077";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
}
#mysynchSimpleSelect .ng-value-container div[role=combobox] {
  display: none;
}
#mysynchSimpleSelect .ng-dropdown-header {
  padding: 8px 10px !important;
}

#shinyApp {
  width: 100%;
  height: 100%;
}
#shinyApp iframe {
  width: 100%;
  height: 100%;
  border: none;
}

#conception-dashboard .conception-codes-multiselect-container {
  min-width: 225px;
  max-width: 225px;
}
#conception-dashboard .dropdown-multiselect a:focus {
  background-color: unset !important;
  outline: none !important;
  outline-offset: unset !important;
}
#conception-dashboard .conception-dasbhoard-conceptioncode-multiselect {
  width: 187px;
  text-align: right;
}
#conception-dashboard .conception-dasbhoard-conceptioncode-multiselect:active {
  color: #333 !important;
  background-color: #e6e6e6 !important;
}
#conception-dashboard .conception-dasbhoard-lactationgroup-multiselect {
  width: 187px;
  text-align: right;
}
#conception-dashboard .conception-dasbhoard-lactationgroup-multiselect:active {
  color: #333 !important;
  background-color: #e6e6e6 !important;
}
#conception-dashboard .conception-dashboard-filter-controls-container {
  max-width: 877px;
  min-height: 30px;
}
#conception-dashboard .no-data-container {
  max-width: 877px;
}
#conception-dashboard .conception-panel-header-container {
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
  border-left: 1px solid #666666;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#conception-dashboard .conception-table-title-container {
  padding: 5px;
  background-color: #666666;
  color: white;
}
#conception-dashboard .conception-table-title {
  font-weight: bold;
  font-size: 15px;
  max-width: 877px;
}
#conception-dashboard .conception-data-chart {
  max-width: 877px;
}
#conception-dashboard .conception-data-chart .panel-body {
  padding: 0;
}
#conception-dashboard .conception-data-chart .panel-body table {
  margin-bottom: 0;
}
#conception-dashboard .conception-data-chart .conception-panel-header {
  padding: 5px;
  max-width: 1050px;
}
#conception-dashboard .conception-data-chart h4.section-title {
  margin-bottom: 4px;
  margin-top: 40px;
}
#conception-dashboard .conception-data-chart .definitions {
  margin-top: 40px;
  padding-left: 0px !important;
}
#conception-dashboard .conception-data-chart .sub-h4 {
  font-size: 13px;
}
#conception-dashboard .conception-data-chart .legend {
  margin-bottom: 20px;
}
#conception-dashboard .conception-data-chart .legend .color-chip {
  height: 10px;
  width: 10px;
  display: inline-block;
  margin-right: 4px;
  margin-left: 12px;
  vertical-align: middle;
}
#conception-dashboard .conception-data-chart .legend .color-chip.blue {
  background-color: #337ab7;
}
#conception-dashboard .conception-data-chart .legend .color-chip.grey {
  background-color: #999;
}
#conception-dashboard .conception-data-chart .legend span {
  margin-right: 8px;
  vertical-align: middle;
}
#conception-dashboard .conception-data-chart .conception-dashboard-conception-table-outer-container {
  border: 1px solid;
  max-width: 1050px;
  max-height: 797px;
  overflow-y: auto;
}
#conception-dashboard .conception-data-chart .conception-dashboard-conception-table-outer-container .conception-dashboard-conception-table {
  max-width: 1050px;
}
#conception-dashboard .conception-data-chart .conception-dashboard-conception-table-outer-container .conception-dashboard-conception-table th {
  position: sticky;
  top: 0px;
  z-index: 30;
  background-color: #d9d9d9;
  color: #000;
}
#conception-dashboard .conception-data-chart .conception-dashboard-conception-table-outer-container .conception-dashboard-conception-table tr {
  height: 37px;
}
#conception-dashboard .conception-data-chart .conception-dashboard-conception-table-outer-container .conception-dashboard-conception-table .conception-name-column {
  width: 10%;
}
#conception-dashboard .conception-data-chart .conception-dashboard-conception-table-outer-container .conception-dashboard-conception-table .conception-table-column {
  width: 5%;
}
#conception-dashboard .conception-data-chart .conception-dashboard-conception-mobile-table-outer-container {
  border: 1px solid #000000;
  height: 366px;
  overflow-y: auto;
  padding: 0px 16px 16px 16px;
}
#conception-dashboard .conception-data-chart .conception-dashboard-conception-mobile-table-outer-container .conception-dashboard-conception-mobile-header-row {
  height: 78px;
  position: sticky;
  top: 0px;
  z-index: 30;
  background-color: #FFFFFF;
  border-bottom: 1px solid #000000;
}
#conception-dashboard .conception-data-chart .conception-dashboard-conception-mobile-table-outer-container .conception-dashboard-conception-mobile-header-row section {
  margin-top: 6px;
}
#conception-dashboard .conception-data-chart .conception-dashboard-conception-mobile-table-outer-container .conception-dashboard-conception-mobile-body-row-outer-container {
  border-bottom: 1px solid #000000;
}
#conception-dashboard .conception-data-chart .conception-dashboard-conception-mobile-table-outer-container .conception-dashboard-conception-mobile-body-row-outer-container .conception-dashboard-conception-mobile-body-row {
  height: 31px;
}
#journal .title {
  background-color: #666666;
  color: white;
  padding-left: 5px;
}
#journal .sizing-date-and-chevron {
  padding: 0px;
  padding-left: 2px;
}
#journal .journal-data-title {
  margin-left: 0px;
  padding: 0px;
}
#journal .journal-data-chart {
  margin-left: 0px;
  padding: 0px;
}
#journal .mobile-data-rows {
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
#journal .panel-body {
  border-color: #bbb;
  padding: 20px;
  margin: 0px;
  padding-top: 8px;
}
#journal .mobile-description {
  width: 240px;
  white-space: nowrap;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
#journal .load-more-button {
  width: 180px;
  text-align: center;
  padding: 10px;
  border: 2px, solid, #333;
}
#journal .add-button {
  margin: 2px;
  margin-left: 28px;
  margin-right: 28px;
}
#journal a {
  text-decoration: underline;
}
#journal .collapsed .fa-chevron-up {
  display: none;
}
#journal .tech-row:not(.collapsed) .fa-chevron-down {
  display: none;
}
#journal .journal-table-outer-container {
  max-height: 362px;
  overflow-y: auto;
}
#journal .journal-table-outer-container .journal-header-row {
  position: sticky;
  top: 0px;
  z-index: 30;
  background-color: #666666;
  height: 31px;
  padding: 5px 5px 5px 10px;
}
#journal .journal-table-outer-container .journal-body-collapse-container {
  padding: 0 16px;
}
#journal .journal-table-outer-container .journal-body-row {
  min-height: 31px;
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom: solid 1px #999999;
}
#journal .journal-mobile-table-outer-container {
  max-height: 362px;
  overflow-y: auto;
}
#journal .journal-mobile-table-outer-container .journal-mobile-header-row {
  height: 31px;
  position: sticky;
  top: 0px;
  z-index: 30;
  background-color: #666666;
  padding: 5px;
}
#journal .journal-mobile-table-outer-container .journal-mobile-body-collapse-container {
  padding: 0 16px;
  border-bottom: solid 1px #999999;
}
#journal .journal-mobile-table-outer-container .journal-mobile-body-row {
  height: 31px;
}

.mysynch-primary-header-grey, #farmDemographics .farm-demographics-section-body .farm-demographics-section-activity-monitor-container .farm-demographics-section-activity-monitor-subsection-container .farm-demographic-details-subsection-header {
  border: 1px solid #666666;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #666666;
  color: white;
  font-weight: bold;
  font-size: 15px;
}

.mysynch-secondary-header-grey, #farmDemographics .farm-demographics-section-body .farm-demographics-section-activity-monitor-container .farm-demographics-section-activity-monitor-subsection-container .farm-demographic-details-subsection-value-heading-outer-container-mobile, #farmDemographics .farm-demographics-section-body .farm-demographics-section-activity-monitor-container .farm-demographics-section-activity-monitor-subsection-container .farm-demographic-details-subsection-value-heading-outer-container {
  background-color: #d9d9d9;
  color: #000;
}

#farmDemographics .mysynch-relative-checkmark:after, #farmDemographics .mysynch-relative-checkmark-optout:after {
  border-color: #F8F9FA !important;
}
#farmDemographics .mysynch-relative-label-tag input:checked ~ .mysynch-relative-checkmark:after, #farmDemographics .mysynch-relative-label-tag input:checked ~ .mysynch-relative-checkmark-optout:after {
  border-color: white !important;
}
#farmDemographics .collapse-controls {
  cursor: pointer;
}
#farmDemographics .collapse-controls.isCollapsed .fa-chevron-up {
  display: none;
}
#farmDemographics .collapse-controls:not(.isCollapsed) .fa-chevron-down {
  display: none;
}
#farmDemographics .farm-demographics-section-body .farm-demographics-section-activity-monitor-container {
  width: 80%;
}
#farmDemographics .farm-demographics-section-body .farm-demographics-section-activity-monitor-container .farm-demographics-section-activity-monitor-subsection-container:first-child {
  margin-bottom: 15px;
}
#farmDemographics .farm-demographics-section-body .farm-demographics-section-activity-monitor-container .farm-demographics-section-activity-monitor-subsection-container {
  border: 1px solid #666666;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#farmDemographics .farm-demographics-section-body .farm-demographics-section-activity-monitor-container .farm-demographics-section-activity-monitor-subsection-container .farm-demographic-details-subsection-header {
  padding: 5px;
}
#farmDemographics .farm-demographics-section-body .farm-demographics-section-activity-monitor-container .farm-demographics-section-activity-monitor-subsection-container .farm-demographic-details-subsection-header h5 {
  font-size: 16px;
  font-weight: bold;
}
#farmDemographics .farm-demographics-section-body .farm-demographics-section-activity-monitor-container .farm-demographics-section-activity-monitor-subsection-container .farm-demographic-details-subsection-value-heading-outer-container .farm-demographic-details-subsection-value-heading-container {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
}
#farmDemographics .farm-demographics-section-body .farm-demographics-section-activity-monitor-container .farm-demographics-section-activity-monitor-subsection-container .farm-demographic-details-subsection-value-heading-outer-container-mobile .farm-demographic-details-subsection-value-heading-container-mobile {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
}
#farmDemographics .farm-demographics-section-body .farm-demographics-section-activity-monitor-container .farm-demographics-section-activity-monitor-subsection-container .farm-demographic-details-subsection-value-heading-outer-container-mobile .farm-demographic-details-subsection-value-heading-container-mobile .farm-demographic-details-subsection-value-heading-mobile {
  margin-left: 10px;
}
#farmDemographics .farm-demographics-section-body .farm-demographics-section-activity-monitor-container .farm-demographics-section-activity-monitor-subsection-container .farm-demographic-details-subsection-detail-item-row {
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 5px;
  background-color: #F8F9FA;
  height: 60px;
}
#farmDemographics .farm-demographics-section-body .farm-demographics-section-activity-monitor-container .farm-demographics-section-activity-monitor-subsection-container .farm-demographic-details-subsection-detail-item-freetext-outer-container {
  padding: 10px;
}
#farmDemographics .farm-demographics-section-body .farm-demographics-section-activity-monitor-container .farm-demographics-section-activity-monitor-subsection-container .farm-demographic-details-subsection-detail-item-freetext-outer-container .farm-demographics-section-activity-monitor-free-text-container {
  padding: 10px;
}
@media screen and (max-width: 1100px) {
  #farmDemographics .farm-demographics-section-body .farm-demographics-section-activity-monitor-container {
    width: 100%;
  }
}

#kpi-dashboard {
  /*.units {
      width: 20px;
      display: inline-block;
      text-align: left;
      padding-left: 3px;
  }*/
}
#kpi-dashboard table thead th {
  width: 15%;
  font-weight: normal;
  vertical-align: middle;
}
#kpi-dashboard table thead th:first-of-type {
  width: 55%;
}
#kpi-dashboard table thead th.collapsed .fa-chevron-down {
  display: none;
}
#kpi-dashboard table thead th:not(.collapsed) .fa-chevron-up {
  display: none;
}
#kpi-dashboard table thead th .fa {
  margin-left: 10px;
}
#kpi-dashboard tbody td:last-child i.fa.fa-lg {
  margin-left: 8px;
}
#kpi-dashboard .definitions a {
  text-decoration: underline;
  color: #337ab7;
}
#kpi-dashboard .date-updated-label {
  font-size: 16px;
  font-weight: 400;
}
#kpi-dashboard .section-title-time-lable-row {
  font-size: 14px;
}
#kpi-dashboard .panel-heading {
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.04);
  color: black;
  font-size: 20px;
  font-weight: 400;
}
#kpi-dashboard .panel-heading .collapse-icon {
  font-size: initial;
  font-weight: initial;
}
#kpi-dashboard .panel-body {
  padding: 16px;
}
#kpi-dashboard .panel-body select {
  color: #333;
}
#kpi-dashboard .collapse-controls {
  cursor: pointer;
}
#kpi-dashboard .collapse-controls.collapsed .fa-chevron-up {
  display: none;
}
#kpi-dashboard .collapse-controls:not(.collapsed) .fa-chevron-down {
  display: none;
}
#kpi-dashboard .normal-padding {
  padding: 10px 15px;
}
#kpi-dashboard .units {
  width: 30px;
}
#kpi-dashboard .table > tbody > tr > td {
  border-bottom: initial;
  border-top: initial;
}
#kpi-dashboard .table {
  margin-bottom: initial;
}
#kpi-dashboard .table thead tr {
  background-color: #FFFFFF;
  height: 36.5px;
}
#kpi-dashboard .table thead tr th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  color: #333;
}
#kpi-dashboard .table tbody tr {
  background-color: #FFFFFF;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 15px 0px;
}
#kpi-dashboard .table tbody tr.chart-active {
  background-color: #E1F6FE;
  border-left: #005A9F solid 5px;
  font-weight: bold;
}
#kpi-dashboard .table tbody tr.chart-active .fa-chevron-right {
  display: none;
}
#kpi-dashboard .table tbody tr:hover:not(.mysynch-disabled), #kpi-dashboard .table tbody tr.chart-active {
  border-left: #005A9F solid 5px;
  background-color: #E1F6FE;
}
#kpi-dashboard .table tbody tr:not(.chart-active) i.fa-bar-chart-o {
  visibility: hidden;
}
#kpi-dashboard .table .right-cheveron-header-column {
  width: 2%;
}

#newUser #mysynch-branding {
  max-height: 95px;
  max-width: 195px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
}
#newUser .loading-spinner-container {
  font-size: 24px;
}
#newUser .new-user-form {
  border: 1px solid black;
}
#newUser .new-user-form.mobile {
  padding: 10px;
}
#newUser .new-user-form .farm-name-container {
  min-height: 45px;
  margin-top: 10px;
}
#newUser .new-user-form .farm-name-container .farm-name-text {
  font-size: 24px;
}
#newUser .new-user-form .new-user-save-btn {
  margin-top: 10px;
  margin-right: 14px;
}
#newUser .new-user-form .new-user-save-btn.mobile {
  margin-top: 20px;
  margin-right: 3px;
}

#farm-admin-user-management .loading-text {
  font-size: 18px;
}
#farm-admin-user-management .farm-admin-user-management-table-outer-container {
  max-height: 553px;
  overflow-y: auto;
}
#farm-admin-user-management .farm-admin-user-management-table-outer-container #users-list-table {
  margin-bottom: 0px;
}
#farm-admin-user-management .farm-admin-user-management-table-outer-container #users-list-table thead td {
  position: sticky;
  top: 0px;
  z-index: 30;
  background-color: #666666;
}
#farm-admin-user-management .farm-admin-user-management-table-outer-container #users-list-table tr.warn {
  background-color: #ffb;
}
#farm-admin-user-management .farm-admin-user-management-table-outer-container #users-list-table tr:nth-of-type(odd).warn {
  background-color: #eea;
}
#farm-admin-user-management .farm-admin-user-management-table-outer-container #users-list-table td {
  vertical-align: middle;
}
#farm-admin-user-management .farm-admin-user-management-table-outer-container #users-list-table span.lighter {
  color: #999999;
}
#farm-admin-user-management .farm-admin-user-management-table-outer-container #invitation-list-table input.danger, #farm-admin-user-management .farm-admin-user-management-table-outer-container #invitation-list-table select.danger {
  border: 1px solid #d9534f;
}
#farm-admin-user-management .invite-users-title-text {
  font-size: 24px;
}
#farm-admin-user-management .farm-admin-user-management-mobile-outer-container .user-row-container {
  min-height: 500px;
  margin-bottom: 10px;
}
#farm-admin-user-management .farm-admin-user-management-mobile-outer-container .user-row-container .user-row-header {
  background-color: #666666;
  color: white;
  height: 70px;
  padding: 5px;
  border-radius: 4px 4px 0px 0px;
}
#farm-admin-user-management .farm-admin-user-management-mobile-outer-container .user-row-container .user-row-header.marked-for-removal {
  background-color: #d9534f;
  border-color: #d9534f;
  color: white;
}
#farm-admin-user-management .farm-admin-user-management-mobile-outer-container .user-row-container .user-row-header.warn {
  border-color: #eea;
  background-color: #eea;
  color: black;
}
#farm-admin-user-management .farm-admin-user-management-mobile-outer-container .user-row-container .user-row-body {
  border: 1px solid #666666;
  border-top: none;
  border-radius: 0px 0px 4px 4px;
  padding: 10px;
}
#farm-admin-user-management .farm-admin-user-management-mobile-outer-container .user-row-container .user-row-body.marked-for-removal {
  border-color: #d9534f;
}
#farm-admin-user-management .farm-admin-user-management-mobile-outer-container .user-row-container .user-row-body.warn {
  border-color: #eea;
}
#farm-admin-user-management .farm-admin-user-management-mobile-outer-container .user-row-container .user-row-body .user-row-field {
  min-width: 230px;
  width: 230px;
  max-width: 230px;
}
#farm-admin-user-management .farm-admin-user-management-mobile-outer-container .invite-row-container {
  min-height: 500px;
  margin-bottom: 10px;
}
#farm-admin-user-management .farm-admin-user-management-mobile-outer-container .invite-row-container .invite-row-header {
  background-color: #666666;
  color: white;
  height: 70px;
  padding: 5px;
  border-radius: 4px 4px 0px 0px;
  height: 30px;
}
#farm-admin-user-management .farm-admin-user-management-mobile-outer-container .invite-row-container .invite-row-body {
  border: 1px solid #666666;
  border-top: none;
  border-radius: 0px 0px 4px 4px;
  padding: 10px;
}
#farm-admin-user-management .farm-admin-user-management-mobile-outer-container .invite-row-container .invite-row-body .invite-row-field {
  min-width: 230px;
  width: 230px;
  max-width: 230px;
}
#farm-admin-user-management .remove-user-chkbox-container {
  white-space: break-spaces;
  overflow: hidden;
  min-height: 25px;
}
#farm-admin-user-management .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 10px;
  border: 1px solid #888;
  max-width: 500px;
  margin-top: 250px;
}
#farm-admin-user-management .modal-content .remove-users-modal-extra-options-row {
  height: 50px;
}

#benchmarking .panel {
  border: none;
  box-shadow: none;
}
#benchmarking .benchmarking-shiny-app {
  width: 100%;
  position: relative;
}
#benchmarking .loading-spinner-container {
  height: 500px;
}
#benchmarking .loading-spinner-container .loading-spinner-text {
  margin: auto;
  font-size: 24px;
}
#benchmarking .footer-note {
  margin-left: 15px;
  font-size: 18px;
}

#trends-and-targets .large-chart {
  width: 100%;
}
#trends-and-targets .large-chart.has-actions {
  padding-right: 0px !important;
}
#trends-and-targets .small-chart {
  width: 100%;
}
#trends-and-targets .small-chart.active svg {
  border-style: solid;
  border-radius: 2px;
  opacity: 0.5;
  border-color: rgba(0, 0, 255, 0.3);
  border-width: 6px;
}
#trends-and-targets .small-chart svg {
  cursor: pointer;
  border-style: solid;
  border-radius: 2px;
  border-color: #EBEBEB;
  border-width: 6px;
}
#trends-and-targets .small-chart svg:hover {
  opacity: 0.3;
  background-color: #e6e6e6;
  border-color: blue;
  border-width: 6px;
}
#trends-and-targets .trends-and-targets-report {
  padding: 0px 5px 0px 5px;
}
#trends-and-targets .trends-and-targets-report iframe {
  border: none;
}
#trends-and-targets .large-chart-outer-row-container {
  max-height: 678px;
}
#trends-and-targets .small-charts-outer-row-container {
  max-height: 210px;
}
#trends-and-targets .small-chart-container {
  width: 55%;
  margin: auto;
}
#trends-and-targets .small-chart-title {
  height: 30px;
}
#trends-and-targets .small-chart-inner-container {
  width: 100%;
}
#trends-and-targets .btn-chart-selector {
  z-index: 1001;
  background-color: #333;
  border-width: 0px;
  height: 100%;
  width: 100%;
}
#trends-and-targets .btn-chart-selector:hover {
  opacity: 0.1;
}
#trends-and-targets .btn-outlined {
  opacity: 0.85;
  border-color: #0000FF;
  border-width: 14px;
}
#trends-and-targets .btn-outlined-2 {
  background-color: white;
  border-style: solid;
  border-radius: 2px;
  border-color: rgba(0, 0, 255, 0.1);
  border-width: 6px;
  opacity: 0.3;
}
#trends-and-targets .trends-and-targets-fertility-rate-dropdown-container {
  font-size: 14px;
  margin-bottom: 15px;
}
#trends-and-targets .trends-and-targets-fertility-rate-dropdown-container .trends-and-targets-fertility-rate-dropdown {
  min-height: 40px;
  padding: 6px 10px 6px 10px;
  display: block;
  font-size: 14px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#trends-and-targets .flag-for-followup-tag-text-mobile {
  padding-top: 3px;
}
#trends-and-targets .trends-and-targets-options-menu-container {
  width: 100px;
  cursor: pointer;
}
#trends-and-targets .trends-and-targets-options-menu-container:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
#trends-and-targets .trends-and-targets-options-menu-container.open {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
#trends-and-targets .trends-and-targets-options-menu-container .trends-and-targets-options-menu {
  border: 1px solid #aaa;
  border-radius: 6px;
  padding: 6px 10px 6px 10px;
}
#trends-and-targets .trends-and-targets-options-menu-container .trends-and-targets-options-menu .trends-and-targets-option-menu-label {
  font-size: 14px;
}
#trends-and-targets .trends-and-targets-options-menu-container .trends-and-targets-options-menu .trends-and-targets-option-menu-image {
  margin-left: 10px;
  margin-top: 2px;
  margin-bottom: 2px;
}
#trends-and-targets .trends-and-targets-options-menu-container .dropdown-menu {
  min-width: 300px;
  z-index: 1010;
}
#trends-and-targets .journal-table {
  margin-bottom: 0px;
}
#trends-and-targets .journal-table td {
  border-top: none;
}
#trends-and-targets .journal-table .journal-table-cell {
  width: 15%;
}
#trends-and-targets .journal-table .journal-table-description-cell {
  width: 55%;
}
#trends-and-targets .journal-table {
  margin-bottom: 0px;
}
#trends-and-targets .journal-table a {
  color: #337ab7 !important;
}
#trends-and-targets .journal-table td {
  border-top: none;
}
#trends-and-targets .journal-table .journal-table-cell {
  width: 15%;
}
#trends-and-targets .journal-table .journal-table-description-cell {
  width: 55%;
}
#trends-and-targets .journal-note-bar {
  margin-top: -62px;
  margin-left: 0px;
  margin-right: 0px;
  padding-right: 33px;
  height: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -ms-flex-align: baseline;
      align-items: baseline;
}
#trends-and-targets .journal-note-bar .cell {
  margin-bottom: 0px;
}
#trends-and-targets .journal-note-bar .cell .journal-flag {
  margin-bottom: 0px;
  height: auto;
}
#trends-and-targets .journal-note-bar .cell .journal-flag .months-12 {
  width: 24px;
}
@media (max-width: 768px) {
  #trends-and-targets .journal-note-bar .cell .journal-flag .months-12 {
    width: 20px;
    -ms-flex: 0 1 20px;
        flex: 0 1 20px;
  }
}
@media (max-width: 650px) {
  #trends-and-targets .journal-note-bar .cell .journal-flag .months-12 {
    width: 100%;
    -ms-flex: 0 1 18px;
        flex: 0 1 18px;
  }
}
#trends-and-targets .journal-note-bar .cell .journal-flag .months-24 {
  width: 100%;
}
@media (max-width: 650px) {
  #trends-and-targets .journal-note-bar .cell .journal-flag .months-24 {
    width: 100%;
    -ms-flex: 0 1 22px;
        flex: 0 1 22px;
  }
}
#trends-and-targets .journal-note-bar .cell .journal-flag-12-months {
  margin-bottom: 0px;
  width: 24px;
  height: auto;
}
@media (max-width: 768px) {
  #trends-and-targets .journal-note-bar .cell .journal-flag-12-months {
    width: 20px;
    -ms-flex: 0 1 20px;
        flex: 0 1 20px;
  }
}
@media (max-width: 650px) {
  #trends-and-targets .journal-note-bar .cell .journal-flag-12-months {
    width: 100%;
    -ms-flex: 0 1 18px;
        flex: 0 1 18px;
  }
}
#trends-and-targets .journal-note-bar .cell .journal-flag-24-months {
  margin-bottom: 0px;
  width: 100%;
  height: auto;
}
@media (max-width: 650px) {
  #trends-and-targets .journal-note-bar .cell .journal-flag-24-months {
    width: 100%;
    -ms-flex: 0 1 22px;
        flex: 0 1 22px;
  }
}
#trends-and-targets .journal-header-panel {
  height: 30px;
  background-color: #ccc;
  vertical-align: middle;
  padding-top: 6px;
  padding-left: 16px;
  padding-right: 16px;
}
#trends-and-targets .journal-header-panel a {
  color: #337ab7 !important;
}
#trends-and-targets .journal-footer-panel {
  height: 10px;
  margin-bottom: 2px;
  vertical-align: bottom;
  text-align: center;
}
#trends-and-targets .journal-footer-panel .i .fa .fa-lg {
  color: #aaa;
  vertical-align: bottom;
  margin-top: 7px;
}
#trends-and-targets .journal-footer-panel .hr {
  background-color: #aaa;
  height: 1px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: -14px;
}
#trends-and-targets .add-button {
  padding-right: 12px;
}
#trends-and-targets .journal-close-button {
  height: 10px;
  color: #aaa;
  text-align: center;
  vertical-align: bottom;
  font-size: 0.8em;
  cursor: pointer;
}
#trends-and-targets .journal-bottom-line {
  color: #aaa;
  margin-top: 15px;
}
#trends-and-targets .mobile-data-rows {
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
#trends-and-targets .mobile-data-bs-columns {
  margin-left: 10px;
  margin-right: 10px;
}
@media (max-width: 1700px) {
  #trends-and-targets .btn-chart-selector {
    left: 55px;
  }
}
@media (max-width: 1199px) {
  #trends-and-targets .btn-chart-selector {
    left: 39px;
  }
}
@media (max-width: 991px) {
  #trends-and-targets .btn-chart-selector {
    left: 31px;
  }
}

#farm-uploads-herd-data .collapsed > .fa-caret-down:before {
  content: "\f0d8";
}
#farm-uploads-herd-data .herd-key-container {
  white-space: nowrap;
}
#farm-uploads-herd-data .farm-uploads-herd-data-table-outer-container {
  max-height: 333px;
  overflow-y: auto;
}
#farm-uploads-herd-data .farm-uploads-herd-data-table-outer-container .farm-uploads-herd-data-table th {
  position: sticky;
  top: 0px;
  z-index: 30;
  background-color: #666666;
}
#farm-uploads-herd-data .farm-uploads-herd-data-table-outer-container .farm-uploads-herd-data-table tr {
  height: 37px;
}
#farm-uploads-herd-data .farm-uploads-herd-data-mobile-table-outer-container {
  max-height: 341px;
  overflow-y: auto;
}
#farm-uploads-herd-data .farm-uploads-herd-data-mobile-table-outer-container .farm-uploads-herd-data-mobile-header-row {
  height: 31px;
  position: sticky;
  top: 0px;
  z-index: 30;
  background-color: #ccc;
}
#farm-uploads-herd-data .farm-uploads-herd-data-mobile-table-outer-container .farm-uploads-herd-data-mobile-body-row {
  height: 31px;
}
#farm-uploads-herd-data .herd-upload-scroll {
  max-height: 409px;
  overflow-y: scroll;
}

#admin-user-management-dashboard .admin-user-management-dashboard-table-outer-container {
  max-height: 787px;
  overflow-y: auto;
}
#admin-user-management-dashboard .admin-user-management-dashboard-table-outer-container .admin-user-management-dashboard-table thead tr {
  background-color: #E8F1F9;
  color: #000;
}
#admin-user-management-dashboard .admin-user-management-dashboard-table-outer-container .admin-user-management-dashboard-table thead tr td {
  position: sticky;
  top: 0px;
  z-index: 30;
  background-color: #E8F1F9;
}
#admin-user-management-dashboard .admin-user-management-dashboard-table-outer-container .admin-user-management-dashboard-table tr {
  height: 37.5px;
}
#admin-user-management-dashboard .admin-user-management-dashboard-table-outer-container .admin-user-management-dashboard-table a {
  color: #337ab7;
}
#admin-user-management-dashboard .admin-user-management-dashboard-mobile-table-outer-container {
  max-height: 555px;
  overflow-y: auto;
}
#admin-user-management-dashboard .admin-user-management-dashboard-mobile-table-outer-container .admin-user-management-dashboard-table thead tr {
  background-color: #E8F1F9;
  color: #000;
}
#admin-user-management-dashboard .admin-user-management-dashboard-mobile-table-outer-container .admin-user-management-dashboard-table thead tr td {
  position: sticky;
  top: 0px;
  z-index: 30;
  background-color: #E8F1F9;
}
#admin-user-management-dashboard .admin-user-management-dashboard-mobile-table-outer-container .admin-user-management-dashboard-table tr {
  height: 37.5px;
}
#admin-user-management-dashboard .admin-user-management-dashboard-mobile-table-outer-container .admin-user-management-dashboard-table a {
  color: #337ab7;
}
#admin-user-management-dashboard .admin-user-management-table thead tr {
  color: #000;
  background-color: #E8F1F9;
}
#admin-user-management-dashboard .admin-user-management-table a {
  color: #337ab7;
}

#farm-management-dashboard .farm-management-dashboard-table-outer-container {
  max-height: 787px;
  overflow-y: auto;
}
#farm-management-dashboard .farm-management-dashboard-table-outer-container .farm-management-dashboard-table thead tr {
  background-color: #E8F1F9;
  color: #000;
}
#farm-management-dashboard .farm-management-dashboard-table-outer-container .farm-management-dashboard-table thead tr td {
  position: sticky;
  top: 0px;
  z-index: 30;
  background-color: #E8F1F9;
}
#farm-management-dashboard .farm-management-dashboard-table-outer-container .farm-management-dashboard-table tr {
  height: 37.5px;
}
#farm-management-dashboard .farm-management-dashboard-table-outer-container .farm-management-dashboard-table a {
  color: #337ab7;
}
#farm-management-dashboard .farm-management-dashboard-mobile-table-outer-container {
  max-height: 555px;
  overflow-y: auto;
}
#farm-management-dashboard .farm-management-dashboard-mobile-table-outer-container .farm-management-dashboard-table thead tr {
  background-color: #E8F1F9;
  color: #000;
}
#farm-management-dashboard .farm-management-dashboard-mobile-table-outer-container .farm-management-dashboard-table thead tr td {
  position: sticky;
  top: 0px;
  z-index: 30;
  background-color: #E8F1F9;
}
#farm-management-dashboard .farm-management-dashboard-mobile-table-outer-container .farm-management-dashboard-table tr {
  height: 37.5px;
}
#farm-management-dashboard .farm-management-dashboard-mobile-table-outer-container .farm-management-dashboard-table a {
  color: #337ab7;
}

#tmTestFarmsView .flex-table {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border-collapse: collapse;
  width: 100%;
}
#tmTestFarmsView .table-row {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
#tmTestFarmsView .table-cell {
  -ms-flex: 1;
      flex: 1;
  margin-left: 8px;
  text-align: left;
  min-width: 50px;
  height: 38px;
  word-wrap: break-word;
  -ms-flex-line-pack: center;
      align-content: center;
}
#tmTestFarmsView .header {
  background-color: #E8F1F9;
}
#tmTestFarmsView .table-row:nth-child(even) {
  background-color: #f9f9f9;
}
#tmTestFarmsView .last-event-date-container {
  height: 80%;
  width: 105px;
  padding: 5px 10px;
}
#tmTestFarmsView .last-event-date-container-mobile {
  width: 105px;
  padding: 5px 10px;
}
#tmTestFarmsView .territory-manager-dashboard-table thead tr {
  color: #000;
  background-color: #E8F1F9;
}
#tmTestFarmsView .territory-manager-dashboard-table a {
  color: #337ab7;
}
#tmTestFarmsView .territory-manager-dashboard-table .territory-manager-dashboard-email-container-mobile {
  width: 220px;
}
#tmTestFarmsView .territory-manager-dashboard-table .collapse-controls {
  cursor: pointer;
}
#tmTestFarmsView .territory-manager-dashboard-table .collapse-controls.collapsed .fa-chevron-up {
  display: none;
}
#tmTestFarmsView .territory-manager-dashboard-table .collapse-controls:not(.collapsed) .fa-chevron-down {
  display: none;
}

#tmActiveFarmsView .flex-table {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border-collapse: collapse;
  width: 100%;
}
#tmActiveFarmsView .table-row {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
#tmActiveFarmsView .table-cell {
  -ms-flex: 1;
      flex: 1;
  margin-left: 8px;
  text-align: left;
  min-width: 50px;
  height: 38px;
  word-wrap: break-word;
  -ms-flex-line-pack: center;
      align-content: center;
}
#tmActiveFarmsView .header {
  background-color: #E8F1F9;
}
#tmActiveFarmsView .table-row:nth-child(even) {
  background-color: #f9f9f9;
}
#tmActiveFarmsView .last-event-date-container {
  height: 80%;
  width: 105px;
  padding: 5px 10px;
}
#tmActiveFarmsView .last-event-date-container-mobile {
  width: 105px;
  padding: 5px 10px;
}
#tmActiveFarmsView .territory-manager-dashboard-table thead tr {
  color: #000;
  background-color: #E8F1F9;
}
#tmActiveFarmsView .territory-manager-dashboard-table a {
  color: #337ab7;
}
#tmActiveFarmsView .territory-manager-dashboard-table .territory-manager-dashboard-email-container-mobile {
  width: 220px;
}
#tmActiveFarmsView .territory-manager-dashboard-table .collapse-controls {
  cursor: pointer;
}
#tmActiveFarmsView .territory-manager-dashboard-table .collapse-controls.collapsed .fa-chevron-up {
  display: none;
}
#tmActiveFarmsView .territory-manager-dashboard-table .collapse-controls:not(.collapsed) .fa-chevron-down {
  display: none;
}

#tmInactiveFarmsView .flex-table {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border-collapse: collapse;
  width: 100%;
}
#tmInactiveFarmsView .table-row {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
#tmInactiveFarmsView .table-cell {
  -ms-flex: 1;
      flex: 1;
  margin-left: 8px;
  text-align: left;
  min-width: 50px;
  height: 38px;
  word-wrap: break-word;
  -ms-flex-line-pack: center;
      align-content: center;
}
#tmInactiveFarmsView .header {
  background-color: #E8F1F9;
}
#tmInactiveFarmsView .table-row:nth-child(even) {
  background-color: #f9f9f9;
}
#tmInactiveFarmsView .last-event-date-container {
  height: 80%;
  width: 105px;
  padding: 5px 10px;
}
#tmInactiveFarmsView .last-event-date-container-mobile {
  width: 105px;
  padding: 5px 10px;
}
#tmInactiveFarmsView .territory-manager-dashboard-table thead tr {
  color: #000;
  background-color: #E8F1F9;
}
#tmInactiveFarmsView .territory-manager-dashboard-table a {
  color: #337ab7;
}
#tmInactiveFarmsView .territory-manager-dashboard-table .territory-manager-dashboard-email-container-mobile {
  width: 220px;
}
#tmInactiveFarmsView .territory-manager-dashboard-table .collapse-controls {
  cursor: pointer;
}
#tmInactiveFarmsView .territory-manager-dashboard-table .collapse-controls.collapsed .fa-chevron-up {
  display: none;
}
#tmInactiveFarmsView .territory-manager-dashboard-table .collapse-controls:not(.collapsed) .fa-chevron-down {
  display: none;
}

#fertilityCalendars .calendar-select {
  width: 400px;
}
#fertilityCalendars .calendar-select.mobile {
  width: 90vw;
}
#fertilityCalendars .calendar-separator-label {
  font-weight: bold;
  border-bottom: 1px solid #595959;
}
#fertilityCalendars .ng-option:has(.calendar-separator) {
  cursor: unset !important;
}
#fertilityCalendars .ng-option:has(.calendar-separator):hover {
  background-color: unset !important;
}
#fertilityCalendars .ng-option:has(.calendar-separator).ng-option-disabled {
  color: #000 !important;
}
#fertilityCalendars .calendar-name-input input {
  width: 250px;
  height: 36px;
  padding: 5px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
#fertilityCalendars .calendar-start-date-input input,
#fertilityCalendars .calendar-end-date-input input {
  width: 150px;
  height: 36px;
  padding: 5px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
#fertilityCalendars .calendar-lactation-input.mobile mysynch-select ng-select {
  min-width: 160px !important;
  width: 160px !important;
  height: 36px !important;
}
#fertilityCalendars .calendar-enrollment-frequency-input mysynch-select ng-select {
  min-width: 140px !important;
  width: 140px !important;
  height: 36px !important;
}
#fertilityCalendars .calendar-action-button-container button {
  height: 36px;
  padding: 5px;
  font-size: 14px;
}
#fertilityCalendars .modal {
  display: none;
  position: fixed;
  z-index: 999999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}
#fertilityCalendars .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px 5px;
  border: 1px solid #888;
  max-width: 370px;
  margin-top: 250px;
}
#fertilityCalendars .calendar-export-image-button,
#fertilityCalendars .calendar-print-button {
  color: white;
  cursor: pointer;
}
#fertilityCalendars .mobile-calendar-info-container .calendar-name-label-mobile,
#fertilityCalendars .mobile-calendar-info-container .calendar-lactation-label-mobile,
#fertilityCalendars .mobile-calendar-info-container .calendar-start-date-label-mobile,
#fertilityCalendars .mobile-calendar-info-container .calendar-start-dop-label-mobile,
#fertilityCalendars .mobile-calendar-info-container .calendar-enrollment-frequency-label-mobile,
#fertilityCalendars .export-calendar-info-container .calendar-name-label-mobile,
#fertilityCalendars .export-calendar-info-container .calendar-lactation-label-mobile,
#fertilityCalendars .export-calendar-info-container .calendar-start-date-label-mobile,
#fertilityCalendars .export-calendar-info-container .calendar-start-dop-label-mobile,
#fertilityCalendars .export-calendar-info-container .calendar-enrollment-frequency-label-mobile {
  font-size: 16px;
}
#fertilityCalendars .mobile-calendar-info-container .calendar-name-mobile,
#fertilityCalendars .mobile-calendar-info-container .calendar-lactation-mobile,
#fertilityCalendars .mobile-calendar-info-container .calendar-start-date-mobile,
#fertilityCalendars .mobile-calendar-info-container .calendar-start-dop-mobile,
#fertilityCalendars .mobile-calendar-info-container .calendar-enrollment-frequency-mobile,
#fertilityCalendars .export-calendar-info-container .calendar-name-mobile,
#fertilityCalendars .export-calendar-info-container .calendar-lactation-mobile,
#fertilityCalendars .export-calendar-info-container .calendar-start-date-mobile,
#fertilityCalendars .export-calendar-info-container .calendar-start-dop-mobile,
#fertilityCalendars .export-calendar-info-container .calendar-enrollment-frequency-mobile {
  font-size: 15px;
}
#fertilityCalendars .export-calendar-info-container .calendar-name-label-export,
#fertilityCalendars .export-calendar-info-container .calendar-lactation-label-export,
#fertilityCalendars .export-calendar-info-container .calendar-start-date-label-export,
#fertilityCalendars .export-calendar-info-container .calendar-start-dop-label-export,
#fertilityCalendars .export-calendar-info-container .calendar-enrollment-frequency-label-export {
  text-decoration: underline;
  text-align: center;
  font-size: 16px;
}
#fertilityCalendars .export-calendar-info-container .calendar-name-export,
#fertilityCalendars .export-calendar-info-container .calendar-lactation-export,
#fertilityCalendars .export-calendar-info-container .calendar-start-date-export,
#fertilityCalendars .export-calendar-info-container .calendar-start-dop-export,
#fertilityCalendars .export-calendar-info-container .calendar-enrollment-frequency-export {
  font-size: 16px;
  white-space: nowrap;
  text-align: center;
}
#fertilityCalendars .export-calendar-info-container .calendar-name-export {
  text-align: center;
  font-size: 24px;
}

/*
// SASS style sheet //
// Palette URL: http://paletton.com/#uid=75v0C0kllllaFw0g0qFqFg0w0aF //

// Feel free to copy&paste color codes to your application //

// As hex codes //
--/
//$color-primary-0: #9E3549;	// Main Primary color //
//$color-primary-1: #ED9EAE;
//$color-primary-2: #C66376;
//$color-primary-3: #771427;
//$color-primary-4: #4F0010;

//$color-secondary-1-0: #AA6D39;	// Main Secondary color (1) //
//$color-secondary-1-1: #FFD1AA;
//$color-secondary-1-2: #D49B6A;
//$color-secondary-1-3: #804615;
//$color-secondary-1-4: #552700;

//$color-secondary-2-0: #236467;	// Main Secondary color (2) //
//$color-secondary-2-1: #67989A;
//$color-secondary-2-2: #417E80;
//$color-secondary-2-3: #0D4A4D;
//$color-secondary-2-4: #003133;

//$color-complement-0: #519331;	// Main Complement color //
//$color-complement-1: #ABDD93;
//$color-complement-2: #7AB85C;
//$color-complement-3: #306E12;
//$color-complement-4: #184A00;

// Generated by Paletton.com © 2002-2014 //
// http://paletton.com //
*/
@media print {
  a[href]:after {
    content: none !important;
  }
  .hide-in-print {
    display: none !important;
  }
  @page {
    size: 8.5in 11in portrait;
    margin: 0.5in;
  }
  body {
    width: 7.5in !important;
    max-width: 7.5in !important;
  }
  #mainAppContainer, #site-body-content,
  .page-outer-container {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
}
/*
  Bootstrap Overrides
*/
.mysynch-container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .mysynch-container {
    width: 1120px;
  }
}
@media (min-width: 992px) {
  .mysynch-container {
    width: 1320px;
  }
}
@media (min-width: 1200px) {
  .mysynch-container {
    width: 1520px;
  }
}

@media (min-width: 1200px) {
  .container {
    min-width: 1170px !important;
  }
}
@media (min-width: 992px) {
  .container {
    min-width: 970px !important;
  }
}
@media (min-width: 768px) {
  .container {
    min-width: 750px !important;
  }
}
.multiselect-parent .glyphicon {
  display: none;
}

.angucomplete-input-container {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.angucomplete-input-container .mysynch-angucomplete-input {
  display: block;
  width: 100%;
  height: 34px;
  padding: 5px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  border: none;
  outline: none;
  box-shadow: none;
}
.angucomplete-input-container .input-search-button {
  background: #fff;
  border: none;
  outline: none;
  position: absolute;
  top: 7px;
  left: 170px;
}
.angucomplete-input-container .input-search-image {
  width: 20px;
  height: 20px;
  object-fit: cover;
}

@media (min-width: 768px) and (max-width: 992px) {
  .input-search-button {
    left: 130px;
  }
}
/*
  angucomplete  Overrides
*/
.angucomplete-dropdown {
  overflow-y: auto;
  max-height: 150px;
}

.typeahead-input-container {
  max-width: 260px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.typeahead-input-container .mysynch-typeahead-input {
  display: block;
  width: 100%;
  height: 34px;
  padding: 5px;
  margin-left: 1px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  border: none;
  outline: none;
  box-shadow: none;
}
.typeahead-input-container .input-search-button {
  background: #fff;
  border: none;
  outline: none;
  position: absolute;
  top: 7px;
  left: 170px;
}
.typeahead-input-container .input-search-image {
  width: 20px;
  height: 20px;
  object-fit: cover;
}
.typeahead-input-container .dropdown-menu {
  overflow-y: auto;
  max-height: 150px;
}

@media (min-width: 768px) and (max-width: 992px) {
  .input-search-button {
    left: 130px;
  }
}
@media screen and (max-device-width: 1000px) and (orientation: landscape) {
  .body-content {
    padding-top: 10px;
  }
}
/** Utility Classes **/
.z-index-top {
  z-index: 9999;
}

.bold {
  font-weight: bold;
}

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

.italic {
  font-style: italic;
}

.date-wrapper {
  overflow: hidden;
}

.text-align-left {
  text-align: left;
}

.text-align-right {
  text-align: right;
}

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

.text-valign-top {
  vertical-align: top;
}

.text-valign-middle {
  vertical-align: middle;
}

.text-valign-bottom {
  vertical-align: bottom;
}

.text-justify-center {
  -ms-flex-pack: center;
      justify-content: center;
}

.link-underline {
  text-decoration: underline;
}

.link-text {
  color: #337ab7 !important;
  text-decoration: underline !important;
}

.left-right-noppadding-override {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.padded-center {
  padding: 0% 25% 0% 25%;
}

.half-padded-center {
  padding: 0% 12% 0% 12%;
}

.quarter-padded-center {
  padding: 0% 6% 0% 6%;
}

.p-0 {
  padding: 0;
}

.p-2per {
  padding: 2%;
}

.pr-0 {
  padding-right: 0px;
}

.pl-0 {
  padding-left: 0px;
}

.p-2p {
  padding: 2%;
}

.p-0-5 {
  padding: 5px;
}

.p-1 {
  padding: 10px;
}

.p-2 {
  padding: 15px;
}

.p-3 {
  padding: 20px;
}

.p-4 {
  padding: 25px;
}

.p-30 {
  padding: 30px;
}

.p-55 {
  padding: 55px;
}

.pl-0 {
  padding-left: 0px;
}

.pl-1 {
  padding-left: 5px;
}

.pl-2 {
  padding-left: 10px;
}

.pl-3 {
  padding-left: 15px;
}

.pl-4 {
  padding-left: 20px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-55 {
  padding-left: 55px;
}

.pl-75-per-imp {
  padding-left: 75% !important;
}

.pr-0 {
  padding-right: 0px;
}

.pr-1 {
  padding-right: 5px;
}

.pr-2 {
  padding-right: 10px;
}

.pr-3 {
  padding-right: 15px;
}

.pr-4 {
  padding-right: 20px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-55 {
  padding-right: 55px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-1 {
  padding-bottom: 5px;
}

.pb-2 {
  padding-bottom: 10px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pt-01 {
  padding-top: 1px;
}

.pt-02 {
  padding-top: 2px;
}

.pt-03 {
  padding-top: 3px;
}

.pt-04 {
  padding-top: 4px;
}

.pt-1 {
  padding-top: 5px;
}

.pt-3 {
  padding-top: 15px;
}

.m-0 {
  margin: 0 auto;
}

.m-none {
  margin: 0;
}

.mt-1 {
  margin-top: 5px;
}

.mt-2 {
  margin-top: 10px;
}

.mt-3 {
  margin-top: 15px;
}

.mt-4 {
  margin-top: 20px;
}

.mt-5 {
  margin-top: 25px;
}

.mt-6 {
  margin-top: 30px;
}

.mt-7 {
  margin-top: 35px;
}

.mt-8 {
  margin-top: 40px;
}

.mt-9 {
  margin-top: 45px;
}

.mt-10 {
  margin-top: 50px;
}

.mt-11 {
  margin-top: 55px;
}

.mt-12 {
  margin-top: 60px;
}

.mt--1 {
  margin-top: -5px;
}

.mb-1 {
  margin-bottom: 5px;
}

.mb-2 {
  margin-bottom: 10px;
}

.mb-3 {
  margin-bottom: 15px;
}

.mb-4 {
  margin-bottom: 20px;
}

.mb-5 {
  margin-bottom: 25px;
}

.mb-6 {
  margin-bottom: 30px;
}

.mb-7 {
  margin-bottom: 35px;
}

.mb-8 {
  margin-bottom: 40px;
}

.mr-1 {
  margin-right: 5px;
}

.mr-2 {
  margin-right: 10px;
}

.mr-3 {
  margin-right: 15px;
}

.mr-4 {
  margin-right: 20px;
}

.mr-30 {
  margin-right: 30px;
}

.ml-1 {
  margin-left: 5px;
}

.ml-2 {
  margin-left: 10px;
}

.ml-3 {
  margin-left: 15px;
}

.ml-4 {
  margin-left: 20px;
}

.ml-5 {
  margin-left: 25px;
}

.ml-6 {
  margin-left: 30px;
}

.ml-7 {
  margin-left: 35px;
}

.ml-8 {
  margin-left: 40px;
}

.mt--1 {
  margin-top: -5px;
}

.mt--2 {
  margin-top: -10px;
}

.ml--3 {
  margin-left: -15px;
}

.ml-75-per {
  margin-left: 75%;
}

.border-bottom-1px-black {
  border-bottom: 1px solid black;
}

.text-blue {
  color: #337ab7;
}

.text-blue-important {
  color: #337ab7 !important;
}

.text-green {
  color: #5cb85c;
}

.text-red, .farm-goal-management .farm-goal-management-action-item-groups-empty-text, .f360 .review-draft-report-action-item-empty-text, .f360 .review-draft-report-action-item-groups-empty-text {
  color: #C2382E;
}

.text-white {
  color: #FFF;
}

.error-text {
  color: #C2382E;
}

.mysynch-action {
  cursor: pointer;
}

.blur-effect {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.mysynch-btn-group-left-btn {
  border-radius: 4px 0px 0px 4px;
}

.mysynch-btn-group-middle-btn {
  border-radius: 0px;
}

.mysynch-btn-group-right-btn {
  border-radius: 0px 4px 4px 0px;
}

.btn-green {
  background-color: #5cb85c;
  color: #fff !important;
}
.btn-green:hover {
  background-color: #449D44;
  color: #fff !important;
}

.talk-bubble {
  display: inline-block;
  position: absolute;
  width: 90%;
  background-color: #FFFFFF;
  top: 43px;
  left: 0px;
  padding: 5px;
  z-index: 9999;
  height: auto;
  color: #000;
}

.talk-bubble-select {
  display: inline-block;
  position: absolute;
  width: 90%;
  background-color: #FFFFFF;
  top: 35px;
  left: 0px;
  padding: 5px;
  z-index: 9999;
  height: auto;
}

.talktext {
  overflow: scroll;
  height: 140px;
}

.border {
  border: 1px solid #424242;
  border-radius: 3px;
}

.round {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
}

/* Right triangle placed top left flush. */
.tri-right.border.left-top:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 95.7%;
  right: auto;
  top: -21px;
  bottom: auto;
  border: 10px solid;
  border-color: transparent transparent #424242 transparent;
}

.tri-right.left-top:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 95.7%;
  right: auto;
  top: -19.5px;
  bottom: auto;
  border: 10px solid;
  border-color: transparent transparent white transparent;
}

/* Left triangle placed top left flush. */
.tri-left.border.left-top:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 1.7%;
  right: auto;
  top: -21px;
  bottom: auto;
  border: 10px solid;
  border-color: transparent transparent #424242 transparent;
}

.tri-left.left-top:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 1.7%;
  right: auto;
  top: -19.5px;
  bottom: auto;
  border: 10px solid;
  border-color: transparent transparent white transparent;
}

.error-input {
  border-color: #C2382E;
}

.error-input-important {
  border-color: #C2382E !important;
}

.icon-font-size-24 {
  font-size: 24px;
}

.icon-font-size-36 {
  font-size: 36px;
}

.icon-font-size-48 {
  font-size: 48px;
}

.icon-font-size-60 {
  font-size: 60px;
}

.icon-size-60 {
  height: 60px;
  width: 60px;
}

.icon-size-48 {
  height: 48px;
  width: 48px;
}

.icon-size-30 {
  height: 30px;
  width: 30px;
}

.icon-size-25 {
  height: 25px;
  width: 25px;
}

.icon-size-20 {
  height: 20px;
  width: 20px;
}

.icon-container-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.full-width {
  width: 100%;
}

.multi-line-text {
  white-space: pre-wrap;
}

.fixed-col {
  position: absolute;
  left: 0;
}

.sticky-col, #myFarmRanks .table-sortable-container .table-sortable > tbody > tr > td:nth-child(1), #multi-farm-dashboard .table-sortable-container .table-sortable > tbody > tr > td:nth-child(1) {
  position: sticky;
  left: 0;
  z-index: 20;
}

.button-link {
  cursor: pointer;
}

.fixed-header {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

.material-icons.mysynch-md-light {
  color: #FFFFFF;
}
.material-icons.mysynch-md-dark {
  color: #000000;
}

.modal-flex-column-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.mysynch-btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.mysynch-btn-default:hover {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.mysynch-btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.mysynch-btn-primary:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.mysynch-btn-outline-success {
  color: #449d44;
  background-color: #fff;
  border-color: #398439;
}

.mysynch-btn-outline-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.mysynch-select-control {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.mysynch-btn-full {
  width: 100%;
}

.col-closer {
  padding-left: 15px;
  padding-right: 10px;
}

.col-closer {
  padding-left: 10px;
  padding-right: 10px;
}

.col-closer-end {
  padding-left: 10px;
  padding-right: 15px;
}

.export-loading-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important; /* Use viewport height instead of percentage */
  background: rgba(96, 96, 96, 0.98);
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: center !important;
      justify-content: center !important;
  -ms-flex-align: center !important;
      align-items: center !important;
  z-index: 99999 !important;
}
.export-loading-overlay .export-loading-content {
  text-align: center;
  padding: 2rem;
  background: white;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  max-width: 90vw;
}
.export-loading-overlay .export-loading-content .export-loading-spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 0 auto 1rem;
}
.export-loading-overlay .export-loading-content .export-loading-text {
  font-size: 18px;
  color: #333;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@page {
  .export-view {
    size: 8.5in 11in portrait;
    margin: 0.5in;
  }
}
.export-view body {
  width: 7.5in !important;
  max-width: 7.5in !important;
}
.export-view #mainAppContainer, .export-view #site-body-content,
.export-view .page-outer-container {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.mysynch-app-level-modal {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Semi-transparent black background for the blurred effect */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.mysynch-app-level-modal .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 10px;
  border: 1px solid #888;
  max-width: 500px;
  margin-top: 250px;
}

.mysynch-modal.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}
.mysynch-modal.modal .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 10px;
  border: 1px solid #888;
  max-width: 500px;
  margin-top: 250px;
}
@media (max-width: 767px) {
  .mysynch-modal.modal .modal-content {
    margin-top: 50px !important;
  }
}

.mysynch-modal-2 .modal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}
.mysynch-modal-2 .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px 5px;
  border: 1px solid #888;
  max-width: 370px;
  margin-top: 250px;
}

.title-modal-popup {
  font-size: 18.5px;
}

.table-sortable > thead > tr > th {
  cursor: pointer;
  position: relative;
  background-image: none !important;
}

.table-sortable > thead > tr > th:after,
.table-sortable > thead > tr > th.sort-false:after,
.table-sortable > thead > tr > th.sort-true:after {
  font-family: FontAwesome;
  padding-left: 5px;
}

.table-sortable > thead > tr > th:after {
  content: "\f0dc";
  color: #ddd;
}

.table-sortable > thead > tr > th.sort-false:after {
  content: "\f0de";
  color: #767676;
}

.table-sortable > thead > tr > th.sort-true:after {
  content: "\f0dd";
  color: #767676;
}

.angucomplete-selected-row {
  background-color: #337ab7 !important;
}

.flex-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

.flex-reverse-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.flex-column, #myFarmRanks .table-sortable-container .table-sortable-row-cell-container, #multi-farm-dashboard .table-sortable-container .table-sortable-row-cell-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.flex-reverse-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
}

.flex-justify-start {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.flex-justify-end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.flex-justify-center, #myFarmRanks .table-sortable-container .table-sortable-row-cell-container, #multi-farm-dashboard .table-sortable-container .table-sortable-row-cell-container {
  -ms-flex-pack: center;
      justify-content: center;
}

.flex-justify-sb {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.flex-justify-sa {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.flex-justify-se {
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
}

.flex-align-content-start {
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.flex-align-content-end {
  -ms-flex-line-pack: end;
      align-content: flex-end;
}

.flex-align-content-center {
  -ms-flex-line-pack: center;
      align-content: center;
}

.flex-align-content-stretch {
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}

.flex-align-content-sb {
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

.flex-align-content-sa {
  -ms-flex-line-pack: distribute;
      align-content: space-around;
}

.flex-align-items-start {
  -ms-flex-align: start;
      align-items: flex-start;
}

.flex-align-items-end {
  -ms-flex-align: end;
      align-items: flex-end;
}

.flex-align-items-center, #myFarmRanks .table-sortable-container .table-sortable-row-cell-container, #multi-farm-dashboard .table-sortable-container .table-sortable-row-cell-container {
  -ms-flex-align: center;
      align-items: center;
}

.flex-align-items-stretch {
  -ms-flex-align: stretch;
      align-items: stretch;
}

.flex-align-items-baseline {
  -ms-flex-align: baseline;
      align-items: baseline;
}

.flex-align-self-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.flex-align-self-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.flex-align-self-center {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.flex-noshrinkgrow {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-positive: 0;
      flex-grow: 0;
}

.flex-noshrink {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.flex-nogrow {
  -ms-flex-positive: 0;
      flex-grow: 0;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.flex-reverse-wrap {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}

.flex-item-1 {
  -ms-flex: 1;
      flex: 1;
}

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

.flex-item-3 {
  -ms-flex: 3;
      flex: 3;
}

.flex-item-4 {
  -ms-flex: 4;
      flex: 4;
}

.flex-item-5 {
  -ms-flex: 5;
      flex: 5;
}

.flex-item-6 {
  -ms-flex: 6;
      flex: 6;
}

.flex-item-7 {
  -ms-flex: 7;
      flex: 7;
}

.flex-item-8 {
  -ms-flex: 8;
      flex: 8;
}

.flex-item-9 {
  -ms-flex: 9;
      flex: 9;
}

.flex-item-10 {
  -ms-flex: 10;
      flex: 10;
}

.flex-grow-1 {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.flex-grow-2 {
  -ms-flex-positive: 2;
      flex-grow: 2;
}

.flex-grow-3 {
  -ms-flex-positive: 3;
      flex-grow: 3;
}

.flex-grow-4 {
  -ms-flex-positive: 4;
      flex-grow: 4;
}

.flex-grow-5 {
  -ms-flex-positive: 5;
      flex-grow: 5;
}

.flex-grow-6 {
  -ms-flex-positive: 6;
      flex-grow: 6;
}

.flex-grow-7 {
  -ms-flex-positive: 7;
      flex-grow: 7;
}

.flex-grow-8 {
  -ms-flex-positive: 8;
      flex-grow: 8;
}

.flex-grow-9 {
  -ms-flex-positive: 9;
      flex-grow: 9;
}

.flex-grow-10 {
  -ms-flex-positive: 10;
      flex-grow: 10;
}

.flex-grow-18 {
  -ms-flex-positive: 18;
      flex-grow: 18;
}

.flex-grow-20 {
  -ms-flex-positive: 20;
      flex-grow: 20;
}

.flex-shrink-1 {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.flex-shrink-2 {
  -ms-flex-negative: 2;
      flex-shrink: 2;
}

.flex-shrink-3 {
  -ms-flex-negative: 3;
      flex-shrink: 3;
}

.flex-shrink-4 {
  -ms-flex-negative: 4;
      flex-shrink: 4;
}

.flex-shrink-20 {
  -ms-flex-negative: 20;
      flex-shrink: 20;
}

.flex-auto-1 {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

.flex-auto-2 {
  -ms-flex: 2 2 auto;
      flex: 2 2 auto;
}

.flex-auto-3 {
  -ms-flex: 3 3 auto;
      flex: 3 3 auto;
}

.flex-auto-4 {
  -ms-flex: 4 4 auto;
      flex: 4 4 auto;
}

.flex-auto-5 {
  -ms-flex: 5 5 auto;
      flex: 5 5 auto;
}

.flex-auto-6 {
  -ms-flex: 6 6 auto;
      flex: 6 6 auto;
}

.flex-auto-7 {
  -ms-flex: 7 7 auto;
      flex: 7 7 auto;
}

.flex-auto-8 {
  -ms-flex: 8 8 auto;
      flex: 8 8 auto;
}

.flex-auto-9 {
  -ms-flex: 9 9 auto;
      flex: 9 9 auto;
}

.flex-auto-10 {
  -ms-flex: 10 10 auto;
      flex: 10 10 auto;
}

.flex-to-content {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.flex-constraint-min-width-zero {
  min-width: 0;
}

.pull-left {
  margin-right: auto;
  vertical-align: bottom;
}

.pull-right {
  margin-left: auto;
}

.center {
  margin-left: auto;
  margin-right: auto;
}

.underline {
  text-decoration: underline !important;
}

.tf-label-tag, .mysynch-label-tag {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tf-label-tag input, .mysynch-label-tag input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.tf-label-tag input:checked ~ .tf-span-checkmark, .mysynch-label-tag input:checked ~ .mysynch-span-checkmark, .mysynch-label-tag input:checked ~ .mysynch-span-checkmark-optout {
  background-color: #7a7a7a;
}

.tf-span-checkmark, .mysynch-span-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 2px solid #7a7a7a;
  border-radius: 5px;
}

.mysynch-span-checkmark-optout {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border: 2px solid #7a7a7a;
  border-radius: 5px;
}

.tf-span-checkmark:after, .mysynch-span-checkmark:after, .mysynch-span-checkmark-optout:after {
  content: "";
  position: absolute;
  display: none;
}

.tf-label-tag input:checked ~ .tf-span-checkmark:after, .mysynch-label-tag input:checked ~ .mysynch-span-checkmark:after, .mysynch-label-tag input:checked ~ .mysynch-span-checkmark-optout:after {
  display: block;
}

.tf-label-tag .tf-span-checkmark:after, .mysynch-label-tag .mysynch-span-checkmark:after {
  left: 6px;
  top: 0px;
  width: 10px;
  height: 17px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.mysynch-span-checkmark-optout:after {
  left: 4px;
  top: 0px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.tf-checkbox-input, .mysynch-checkbox-input {
  margin: 10px 0px 10px 0px;
}

.tf-checkbox-text {
  font-size: 14px;
}

.mysynch-checkbox-text {
  margin-top: 3px;
  font-size: 14px;
}

.mysynch-checkbox-text-optout {
  margin-top: 3px;
  font-size: 11px;
}

.mysynch-relative-checkmark-control {
  height: 25px;
}
.mysynch-relative-checkmark-control .mysynch-relative-label-tag {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  font-size: 26px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.mysynch-relative-checkmark-control .visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.mysynch-relative-checkmark-control .mysynch-relative-checkmark, .mysynch-relative-checkmark-control .mysynch-relative-checkmark-optout {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 1em;
  width: 1em;
  border: 2px solid #7a7a7a;
  border-radius: 5px;
  background-color: transparent;
}
.mysynch-relative-checkmark-control .mysynch-relative-label-tag input:checked ~ .mysynch-relative-checkmark, .mysynch-relative-checkmark-control .mysynch-relative-label-tag input:checked ~ .mysynch-relative-checkmark-optout {
  background-color: #7a7a7a;
}
.mysynch-relative-checkmark-control .mysynch-relative-checkmark:after, .mysynch-relative-checkmark-control .mysynch-relative-checkmark-optout:after {
  content: "";
  width: 0.4em;
  height: 0.7em;
  border: solid white;
  border-width: 0px 3px 3px 0;
  transform: rotate(45deg) translate(-10%, -5%);
}
.mysynch-relative-checkmark-control .mysynch-relative-label-tag input:checked ~ .mysynch-relative-checkmark:after, .mysynch-relative-checkmark-control .mysynch-relative-label-tag input:checked ~ .mysynch-relative-checkmark-optout:after {
  display: -ms-flexbox;
  display: flex;
}

.fert-cal-pink {
  background-color: #f8c8f8;
}

.fert-cal-purple {
  background-color: #c7f;
}

.fert-cal-striped-red-black {
  background-color: #d9534f;
  background: repeating-linear-gradient(-45deg, #d9534f, #d9534f 3px, #000 3px, #000 6px);
  color: white;
}

.fert-cal-baby-blue {
  color: #000;
  background-color: #7ce;
}

.fert-cal-red {
  background-color: #d9534f;
  color: white;
}

.fert-cal-yellow {
  color: #000;
  background-color: #ee3;
}

.fert-cal-black {
  background-color: #000;
  color: white;
}

.fert-cal-blue {
  background-color: #00f;
  color: white;
}

.fert-cal-green {
  background-color: #363;
  color: white;
}

.fert-cal-light-green {
  background-color: #04CC04;
}

.fert-cal-orange {
  background-color: #ff8c00;
  color: #000;
}

.fert-cal-teal {
  background-color: #008080;
  color: white;
}

.fert-cal-coral {
  background-color: #ff7f50;
  color: white;
}

.fert-cal-navy {
  background-color: #001f3f;
  color: white;
}

.fert-cal-maroon {
  background-color: #800000;
  color: white;
}

.fert-cal-olive {
  background-color: #808000;
  color: white;
}

.fert-cal-cyan {
  background-color: #00bcd4;
  color: #000;
}

.fert-cal-lime {
  background-color: #32cd32;
  color: #000;
}

.fert-cal-gold {
  background-color: #ffd700;
  color: #000;
}

.fert-cal-silver {
  background-color: #c0c0c0;
  color: #000;
}

.fert-cal-indigo {
  background-color: #4b0082;
  color: white;
}

.fert-cal-violet {
  background-color: #ee82ee;
  color: #000;
}

.fert-cal-peach {
  background-color: #ffcba4;
  color: #000;
}

.fert-cal-mint {
  background-color: #98ff98;
  color: #000;
}

.fert-cal-lavender {
  background-color: #e6e6fa;
  color: #000;
}

.fert-cal-salmon {
  background-color: #fa8072;
  color: #000;
}

.fert-cal-burgundy {
  background-color: #800020;
  color: white;
}

.fert-cal-charcoal {
  background-color: #36454f;
  color: white;
}

.fert-cal-slate {
  background-color: #708090;
  color: white;
}

.fert-cal-turquoise {
  background-color: #40e0d0;
  color: #000;
}

.fert-cal-brown {
  background-color: #895129;
  color: white;
}

.fert-cal-striped-blue-white {
  background: repeating-linear-gradient(-45deg, #00f, #00f 3px, white 3px, white 6px);
  color: #000;
}

.fert-cal-striped-green-white {
  background: repeating-linear-gradient(-45deg, #363, #363 3px, white 3px, white 6px);
  color: #000;
}

.fert-cal-striped-purple-gold {
  background: repeating-linear-gradient(-45deg, #c7f, #c7f 3px, #ffd700 3px, #ffd700 6px);
  color: white;
}

.fert-cal-striped-orange-black {
  background: repeating-linear-gradient(-45deg, #ff8c00, #ff8c00 3px, #000 3px, #000 6px);
  color: white;
}

.fert-cal-striped-pink-white {
  background: repeating-linear-gradient(-45deg, #f8c8f8, #f8c8f8 3px, white 3px, white 6px);
  color: #000;
}

.fert-cal-striped-teal-navy {
  background: repeating-linear-gradient(-45deg, #008080, #008080 3px, #001f3f 3px, #001f3f 6px);
  color: white;
}

.fert-cal-striped-teal-babyblue {
  background: repeating-linear-gradient(-45deg, #008080, #008080 3px, #7ce 3px, #7ce 6px);
  color: white;
}

.fert-cal-striped-yellow-black {
  background: repeating-linear-gradient(-45deg, #ee3, #ee3 3px, #000 3px, #000 6px);
  color: #000;
}

.fert-cal-striped-gray-white {
  background: repeating-linear-gradient(-45deg, #808080, #808080 3px, white 3px, white 6px);
  color: #000;
}

.fert-cal-striped-red-white {
  background: repeating-linear-gradient(-45deg, #d9534f, #d9534f 3px, white 3px, white 6px);
  color: #000;
}

.fert-cal-striped-navy-gold {
  background: repeating-linear-gradient(-45deg, #001f3f, #001f3f 3px, #ffd700 3px, #ffd700 6px);
  color: white;
}

.fert-cal-gradient-blue-purple {
  background: linear-gradient(135deg, #00f 0%, #c7f 100%);
  color: white;
}

.fert-cal-gradient-orange-red {
  background: linear-gradient(135deg, #ff8c00 0%, #d9534f 100%);
  color: white;
}

.fert-cal-gradient-green-teal {
  background: linear-gradient(135deg, #363 0%, #008080 100%);
  color: white;
}

.fert-cal-gradient-pink-purple {
  background: linear-gradient(135deg, #f8c8f8 0%, #c7f 100%);
  color: white;
}

.fert-cal-gradient-gold-orange {
  background: linear-gradient(135deg, #ffd700 0%, #ff8c00 100%);
  color: #000;
}

.fert-cal-gradient-cyan-blue {
  background: linear-gradient(135deg, #00bcd4 0%, #00f 100%);
  color: white;
}

.fert-cal-gradient-teal-babyblue {
  background: linear-gradient(135deg, #008080 0%, #7ce 50%);
  color: white;
}

.fert-cal-gradient-sunset {
  background: linear-gradient(135deg, #ff6b6b 0%, #feca57 50%, #ff9ff3 100%);
  color: #000;
}

.fert-cal-gradient-ocean {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #6B8DD6 100%);
  color: white;
}

.fert-cal-gradient-forest {
  background: linear-gradient(135deg, #134e5e 0%, #71b280 100%);
  color: white;
}

.fert-cal-gradient-midnight {
  background: linear-gradient(135deg, #232526 0%, #414345 100%);
  color: white;
}

.fert-cal-gradient-spring-meadow-left {
  background: linear-gradient(135deg, #336633 0%, #70c270 100%);
  color: white;
}

.fert-cal-gradient-spring-meadow-right {
  background: linear-gradient(135deg, #70c270 0%, #336633 100%);
  color: white;
}

.fert-cal-gradient-olive-harvest {
  background: linear-gradient(135deg, #808000 0%, #c8960a 100%);
  color: white;
}

.fert-cal-radial-green-olive-left {
  background: radial-gradient(ellipse 90% 120% at 0% 0%, #90ee90 0%, #44cc44 10%, #363 45%, #295229 100%);
  color: white;
}

.fert-cal-radial-green-olive-right {
  background: radial-gradient(ellipse 90% 120% at 100% 0%, #90ee90 0%, #44cc44 10%, #363 45%, #295229 100%);
  color: white;
}

.fert-cal-checker-blue-white {
  background-color: white;
  background-image: linear-gradient(45deg, #00f 25%, transparent 25%), linear-gradient(-45deg, #00f 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #00f 75%), linear-gradient(-45deg, transparent 75%, #00f 75%);
  background-size: 8px 8px;
  background-position: 0 0, 0 4px, 4px -4px, -4px 0px;
  color: #000;
}

.fert-cal-checker-red-white {
  background-color: white;
  background-image: linear-gradient(45deg, #d9534f 25%, transparent 25%), linear-gradient(-45deg, #d9534f 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #d9534f 75%), linear-gradient(-45deg, transparent 75%, #d9534f 75%);
  background-size: 8px 8px;
  background-position: 0 0, 0 4px, 4px -4px, -4px 0px;
  color: #000;
}

.fert-cal-checker-green-white {
  background-color: white;
  background-image: linear-gradient(45deg, #363 25%, transparent 25%), linear-gradient(-45deg, #363 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #363 75%), linear-gradient(-45deg, transparent 75%, #363 75%);
  background-size: 8px 8px;
  background-position: 0 0, 0 4px, 4px -4px, -4px 0px;
  color: #000;
}

.fert-cal-dotted-blue-white {
  background-color: white;
  background-image: radial-gradient(#00f 20%, transparent 20%);
  background-size: 6px 6px;
  color: #000;
}

.fert-cal-dotted-pink-white {
  background-color: white;
  background-image: radial-gradient(#f8c8f8 20%, transparent 20%);
  background-size: 6px 6px;
  color: #000;
}

.fert-cal-dotted-gray-white {
  background-color: white;
  background-image: radial-gradient(#808080 20%, transparent 20%);
  background-size: 6px 6px;
  color: #000;
}

.fert-cal-diagonal-red-orange {
  background: linear-gradient(45deg, #d9534f 0%, #ff8c00 100%);
  color: white;
}

.fert-cal-diagonal-blue-cyan {
  background: linear-gradient(45deg, #00f 0%, #00bcd4 100%);
  color: white;
}

.fert-cal-diagonal-purple-pink {
  background: linear-gradient(45deg, #c7f 0%, #f8c8f8 100%);
  color: white;
}

.fert-cal-diagonal-green-olive {
  background: linear-gradient(45deg, #363 0%, #808000 100%);
  color: white;
}

@media print {
  .fert-cal-pink {
    background-color: #f8c8f8 !important;
  }
  .fert-cal-purple {
    background-color: #c7f !important;
  }
  .fert-cal-striped-red-black {
    background-color: #d9534f !important;
    background: repeating-linear-gradient(-45deg, #d9534f, #d9534f 3px, #000 3px, #000 6px) !important;
    color: white !important;
  }
  .fert-cal-baby-blue {
    color: #000 !important;
    background-color: #7ce !important;
  }
  .fert-cal-red {
    background-color: #d9534f !important;
    color: white !important;
  }
  .fert-cal-yellow {
    color: #000 !important;
    background-color: #ee3 !important;
  }
  .fert-cal-black {
    background-color: #000 !important;
    color: white !important;
  }
  .fert-cal-blue {
    background-color: #00f !important;
    color: white !important;
  }
  .fert-cal-green {
    background-color: #363 !important;
    color: white !important;
  }
  .fert-cal-light-green {
    background-color: #04CC04 !important;
  }
  .fert-cal-orange {
    background-color: #ff8c00 !important;
    color: #000 !important;
  }
  .fert-cal-teal {
    background-color: #008080 !important;
    color: white !important;
  }
  .fert-cal-coral {
    background-color: #ff7f50 !important;
    color: white !important;
  }
  .fert-cal-navy {
    background-color: #001f3f !important;
    color: white !important;
  }
  .fert-cal-maroon {
    background-color: #800000 !important;
    color: white !important;
  }
  .fert-cal-olive {
    background-color: #808000 !important;
    color: white !important;
  }
  .fert-cal-cyan {
    background-color: #00bcd4 !important;
    color: #000 !important;
  }
  .fert-cal-lime {
    background-color: #32cd32 !important;
    color: #000 !important;
  }
  .fert-cal-gold {
    background-color: #ffd700 !important;
    color: #000 !important;
  }
  .fert-cal-silver {
    background-color: #c0c0c0 !important;
    color: #000 !important;
  }
  .fert-cal-indigo {
    background-color: #4b0082 !important;
    color: white !important;
  }
  .fert-cal-violet {
    background-color: #ee82ee !important;
    color: #000 !important;
  }
  .fert-cal-peach {
    background-color: #ffcba4 !important;
    color: #000 !important;
  }
  .fert-cal-mint {
    background-color: #98ff98 !important;
    color: #000 !important;
  }
  .fert-cal-lavender {
    background-color: #e6e6fa !important;
    color: #000 !important;
  }
  .fert-cal-salmon {
    background-color: #fa8072 !important;
    color: #000 !important;
  }
  .fert-cal-burgundy {
    background-color: #800020 !important;
    color: white !important;
  }
  .fert-cal-charcoal {
    background-color: #36454f !important;
    color: white !important;
  }
  .fert-cal-slate {
    background-color: #708090 !important;
    color: white !important;
  }
  .fert-cal-turquoise {
    background-color: #40e0d0 !important;
    color: #000 !important;
  }
  .fert-cal-brown {
    background-color: #895129 !important;
    color: white !important;
  }
  .fert-cal-striped-blue-white {
    background: repeating-linear-gradient(-45deg, #00f, #00f 3px, white 3px, white 6px) !important;
    color: #000 !important;
  }
  .fert-cal-striped-green-white {
    background: repeating-linear-gradient(-45deg, #363, #363 3px, white 3px, white 6px) !important;
    color: #000 !important;
  }
  .fert-cal-striped-purple-gold {
    background: repeating-linear-gradient(-45deg, #c7f, #c7f 3px, #ffd700 3px, #ffd700 6px) !important;
    color: white !important;
  }
  .fert-cal-striped-orange-black {
    background: repeating-linear-gradient(-45deg, #ff8c00, #ff8c00 3px, #000 3px, #000 6px) !important;
    color: white !important;
  }
  .fert-cal-striped-pink-white {
    background: repeating-linear-gradient(-45deg, #f8c8f8, #f8c8f8 3px, white 3px, white 6px) !important;
    color: #000 !important;
  }
  .fert-cal-striped-teal-navy {
    background: repeating-linear-gradient(-45deg, #008080, #008080 3px, #001f3f 3px, #001f3f 6px) !important;
    color: white !important;
  }
  .fert-cal-striped-teal-babyblue {
    background: repeating-linear-gradient(-45deg, #008080, #008080 3px, #7ce 3px, #7ce 6px) !important;
    color: white !important;
  }
  .fert-cal-striped-yellow-black {
    background: repeating-linear-gradient(-45deg, #ee3, #ee3 3px, #000 3px, #000 6px) !important;
    color: #000 !important;
  }
  .fert-cal-striped-gray-white {
    background: repeating-linear-gradient(-45deg, #808080, #808080 3px, white 3px, white 6px) !important;
    color: #000 !important;
  }
  .fert-cal-striped-red-white {
    background: repeating-linear-gradient(-45deg, #d9534f, #d9534f 3px, white 3px, white 6px) !important;
    color: #000 !important;
  }
  .fert-cal-striped-navy-gold {
    background: repeating-linear-gradient(-45deg, #001f3f, #001f3f 3px, #ffd700 3px, #ffd700 6px) !important;
    color: white !important;
  }
  .fert-cal-gradient-blue-purple {
    background: linear-gradient(135deg, #00f 0%, #c7f 100%) !important;
    color: white !important;
  }
  .fert-cal-gradient-orange-red {
    background: linear-gradient(135deg, #ff8c00 0%, #d9534f 100%) !important;
    color: white !important;
  }
  .fert-cal-gradient-green-teal {
    background: linear-gradient(135deg, #363 0%, #008080 100%) !important;
    color: white !important;
  }
  .fert-cal-gradient-pink-purple {
    background: linear-gradient(135deg, #f8c8f8 0%, #c7f 100%) !important;
    color: white !important;
  }
  .fert-cal-gradient-gold-orange {
    background: linear-gradient(135deg, #ffd700 0%, #ff8c00 100%) !important;
    color: #000 !important;
  }
  .fert-cal-gradient-cyan-blue {
    background: linear-gradient(135deg, #00bcd4 0%, #00f 100%) !important;
    color: white !important;
  }
  .fert-cal-gradient-teal-babyblue {
    background: linear-gradient(135deg, #008080 0%, #7ce 50%) !important;
    color: white !important;
  }
  .fert-cal-gradient-sunset {
    background: linear-gradient(135deg, #ff6b6b 0%, #feca57 50%, #ff9ff3 100%) !important;
    color: #000 !important;
  }
  .fert-cal-gradient-ocean {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #6B8DD6 100%) !important;
    color: white !important;
  }
  .fert-cal-gradient-forest {
    background: linear-gradient(135deg, #134e5e 0%, #71b280 100%) !important;
    color: white !important;
  }
  .fert-cal-gradient-midnight {
    background: linear-gradient(135deg, #232526 0%, #414345 100%) !important;
    color: white !important;
  }
  .fert-cal-gradient-spring-meadow-left {
    background: linear-gradient(135deg, #336633 0%, #70c270 100%) !important;
    color: white !important;
  }
  .fert-cal-gradient-spring-meadow-right {
    background: linear-gradient(135deg, #70c270 0%, #336633 100%) !important;
    color: white !important;
  }
  .fert-cal-gradient-olive-harvest {
    background: linear-gradient(135deg, #808000 0%, #c8960a 100%) !important;
    color: white !important;
  }
  .fert-cal-radial-green-olive-left {
    background: radial-gradient(ellipse 90% 120% at 0% 0%, #90ee90 0%, #44cc44 10%, #363 45%, #295229 100%) !important;
    color: white !important;
  }
  .fert-cal-radial-green-olive-right {
    background: radial-gradient(ellipse 90% 120% at 100% 0%, #90ee90 0%, #44cc44 10%, #363 45%, #295229 100%) !important;
    color: white !important;
  }
  .fert-cal-checker-blue-white {
    background-color: white !important;
    background-image: linear-gradient(45deg, #00f 25%, transparent 25%), linear-gradient(-45deg, #00f 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #00f 75%), linear-gradient(-45deg, transparent 75%, #00f 75%) !important;
    background-size: 8px 8px;
    background-position: 0 0, 0 4px, 4px -4px, -4px 0px;
    color: #000 !important;
  }
  .fert-cal-checker-red-white {
    background-color: white !important;
    background-image: linear-gradient(45deg, #d9534f 25%, transparent 25%), linear-gradient(-45deg, #d9534f 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #d9534f 75%), linear-gradient(-45deg, transparent 75%, #d9534f 75%) !important;
    background-size: 8px 8px;
    background-position: 0 0, 0 4px, 4px -4px, -4px 0px;
    color: #000 !important;
  }
  .fert-cal-checker-green-white {
    background-color: white !important;
    background-image: linear-gradient(45deg, #363 25%, transparent 25%), linear-gradient(-45deg, #363 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #363 75%), linear-gradient(-45deg, transparent 75%, #363 75%) !important;
    background-size: 8px 8px;
    background-position: 0 0, 0 4px, 4px -4px, -4px 0px;
    color: #000 !important;
  }
  .fert-cal-dotted-blue-white {
    background-color: white !important;
    background-image: radial-gradient(#00f 20%, transparent 20%) !important;
    background-size: 6px 6px;
    color: #000 !important;
  }
  .fert-cal-dotted-pink-white {
    background-color: white !important;
    background-image: radial-gradient(#f8c8f8 20%, transparent 20%) !important;
    background-size: 6px 6px;
    color: #000 !important;
  }
  .fert-cal-dotted-gray-white {
    background-color: white !important;
    background-image: radial-gradient(#808080 20%, transparent 20%) !important;
    background-size: 6px 6px;
    color: #000 !important;
  }
  .fert-cal-diagonal-red-orange {
    background: linear-gradient(45deg, #d9534f 0%, #ff8c00 100%) !important;
    color: white !important;
  }
  .fert-cal-diagonal-blue-cyan {
    background: linear-gradient(45deg, #00f 0%, #00bcd4 100%) !important;
    color: white !important;
  }
  .fert-cal-diagonal-purple-pink {
    background: linear-gradient(45deg, #c7f 0%, #f8c8f8 100%) !important;
    color: white !important;
  }
  .fert-cal-diagonal-green-olive {
    background: linear-gradient(45deg, #363 0%, #808000 100%) !important;
    color: white !important;
  }
}
.mysynch-table-blue thead tr th {
  color: #000;
  background-color: #E8F1F9;
}

.mysynch2-label-tag {
  display: inline-block;
  cursor: pointer;
  position: relative;
  /*padding-left: 30px; Probably not needed anymore */
  margin-right: 15px;
  font-size: 1.1em;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mysynch2-label-tag input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.mysynch2-label-tag input:checked ~ .mysynch2-span-checkmark {
  background-color: #7a7a7a;
}

.mysynch2-span-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 2px solid #7a7a7a;
  border-radius: 5px;
}

.mysynch2-span-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.mysynch2-label-tag input:checked ~ .mysynch2-span-checkmark:after {
  display: block;
}

.mysynch2-label-tag .mysynch2-span-checkmark:after {
  left: 6px;
  top: 0px;
  width: 10px;
  height: 17px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.mysynch2-checkbox-input {
  margin: 10px 0px 10px 0px;
}

.mysynch2-checkbox-text {
  font-size: 14px;
}

.div-disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
}

.mysynch-disabled {
  pointer-events: none !important;
  cursor: not-allowed !important;
  opacity: 0.5 !important;
  color: #7a7a7a !important;
}

.mysynch-disabled-link {
  pointer-events: none !important;
  cursor: not-allowed !important;
  color: black !important;
}

.dis-none {
  display: none;
}

.hidden {
  visibility: hidden !important;
}

.visibility-hidden {
  visibility: hidden;
}

.dis-none-important {
  display: none !important;
}

.display-inline {
  display: inline;
}

.overflow-wrap-bw {
  overflow-wrap: break-word;
}

.calc-width-100 {
  width: 100%;
  max-width: 100%;
}

.content-container {
  width: 100%;
}

.full-height {
  height: 100%;
}

.display-table {
  display: table;
}

.display-table-full {
  display: table;
  width: 100%;
}

.display-table-row {
  display: table-row;
}

.display-table-row-full {
  display: table-row;
  width: 100%;
}

.display-cell {
  display: table-cell;
}

.diplay-grid {
  display: -ms-grid;
  display: grid;
}

.mysynch-nav-dropdown-menu {
  width: 90%;
}

#siteMainHeader {
  height: 62px;
}
#siteMainHeader div {
  height: 100%;
}
#siteMainHeader .site-header-spinner {
  height: 30px;
  width: 30px;
  max-height: 30px;
}

#site-header-content {
  min-height: 62px;
  max-height: 62px;
  -ms-flex: 0;
      flex: 0;
  color: white;
  background-color: #004873;
}
#site-header-content img {
  fill: white;
}
#site-header-content .site-header-farm-label {
  font-size: 24px;
  margin-left: 5%;
}
@media (max-width: 972px) {
  #site-header-content .site-header-farm-label {
    font-size: 18px;
  }
}
@media (max-width: 615px) {
  #site-header-content .site-header-farm-label {
    font-size: 14px;
  }
}
#site-header-content .site-header-item {
  min-height: 62px;
  max-height: 62px;
  min-width: 75px;
}
#site-header-content .site-header-item-icon {
  margin: 0px 10px;
}
#site-header-content .site-header-item-account-profile {
  max-width: 48px;
  min-height: 62px;
  max-height: 62px;
  margin-right: 20px;
}

@media print {
  #site-header-content {
    background-color: #004873 !important;
    color: white !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  #site-header-content * {
    color: white !important;
  }
}
.site-navigation-mobile-expanded-background {
  background-color: rgb(117, 117, 117);
  background-color: rgba(117, 117, 117, 0.6);
}

#mysynch-branding-nav-mobile {
  height: 30px;
  width: 73px;
}

#siteNavigationMobile {
  position: fixed;
  z-index: 99999;
  top: 0;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 0px;
      flex-basis: 0px;
  height: 100%;
}

.site-sidebar-outer-container {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 273px;
      flex-basis: 273px;
  height: 100%;
  background-color: #f5f8fa;
  width: 15%;
  vertical-align: top;
}

#siteNavigation {
  height: 100%;
}
#siteNavigation .loading-spinner-container {
  height: 300px;
}

.sidebar-nav {
  position: fixed;
  top: 62px;
  left: 0;
  width: 273px;
  background-color: #f5f8fa;
}
.sidebar-nav.sidebar-nav-mobile {
  top: 0;
}
.sidebar-nav .navbar {
  padding: 0;
  max-height: none;
}
.sidebar-nav .navbar ul {
  float: none;
}
.sidebar-nav .navbar ul:not {
  display: block;
}
.sidebar-nav .navbar li {
  float: none;
  display: block;
}
.sidebar-nav .navbar li a {
  padding-top: 12px;
  padding-bottom: 12px;
}

.sidebar-collapsed-navigation-item {
  padding: 15px 0px;
  text-align: center;
}
.sidebar-collapsed-navigation-item.top-border {
  border-top: #000 solid 1px;
}
.sidebar-collapsed-navigation-item:hover {
  border-left: #005A9F solid 5px;
  background-color: #E1F6FE;
}

.sidebar-collapsed-navigation-item-icon {
  height: 36px;
  width: 36px;
}

.sidebar-nav-collapse-row {
  height: 40px;
  padding: 10px;
}

.sidebar-nav-mobile-collapse-row {
  height: 64px;
  padding: 10px;
  background-color: #004873;
}

.site-nav-mobile-close {
  color: white;
  height: 24px;
  width: 24px;
}

.sidebar-nav-section {
  border-top: #000 solid 1px;
  padding: 20px 15px;
}
.sidebar-nav-section .sidebar-nav-submenu .collapse-controls {
  cursor: pointer;
}
.sidebar-nav-section .sidebar-nav-submenu .collapse-controls.collapsed .fa-chevron-up {
  display: none;
}
.sidebar-nav-section .sidebar-nav-submenu .collapse-controls:not(.collapsed) .fa-chevron-down {
  display: none;
}
.sidebar-nav-section .sidebar-navigation-item {
  height: 44px;
  padding-left: 30px;
}
.sidebar-nav-section .sidebar-navigation-item:hover:not(.mysynch-disabled), .sidebar-nav-section .sidebar-navigation-item.active {
  border-left: #005A9F solid 5px;
  background-color: #E1F6FE;
}
.sidebar-nav-section .sidebar-navigation-item-profile {
  height: 44px;
  vertical-align: middle;
}
.sidebar-nav-section .sidebar-navigation-item-profile img {
  height: 24px;
  width: 24px;
}
.sidebar-nav-section .sidebar-navigation-item-profile a {
  margin-left: 10px;
}
.sidebar-nav-section .sidebar-nav-farm-select-container {
  margin: 10px 0px;
}
.sidebar-nav-section .sidebar-nav-submenu-header .sidebar-nav-submenu-header-icon img {
  height: 24px;
  width: 24px;
}
.sidebar-nav-section .sidebar-nav-submenu-header .sidebar-nav-submenu-header-title {
  font-size: 20px;
  margin-left: 5px;
}
.sidebar-nav-section .sidebar-navigation-item {
  height: 44px;
  padding-left: 30px;
}
.sidebar-nav-section .sidebar-navigation-item:hover {
  border-left: #005A9F solid 5px;
  background-color: #E1F6FE;
}

#site-body-content {
  height: 100%;
  width: 100%;
  margin-top: 62px;
  overflow-x: hidden;
  display: -ms-grid;
  display: grid;
}
#site-body-content > .display-table-full {
  min-height: 740px;
}
#site-body-content .site-body-content-table {
  min-height: 1000px;
  height: 100%;
}
#site-body-content .page-outer-container {
  height: 100%;
  min-height: 100%;
  overflow-x: auto;
}
#site-body-content .page-outer-container .page-content-body-gridcell {
  grid-row: 1/2;
}
#site-body-content .page-outer-container .page-content-footer-gridcell {
  -ms-grid-row: 3;
      grid-row: 3;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
#site-body-content .page-outer-container > div:nth-child(2) {
  height: 100%;
}
#site-body-content .page-inner-container-table .page-inner-container-table-content-row {
  height: 80%;
}
#site-body-content .page-inner-container-table .page-inner-container-table-footer-row {
  height: 20%;
}
#site-body-content .site-body-content-footer {
  height: 50px;
}

#loginController .login-panel-body {
  padding: 10px 55px 55px 55px;
}
#loginController #mysynch-branding {
  max-height: 95px;
  max-width: 195px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
}
#loginController .login-device-header-text {
  font-size: 21px;
}

#forgotPasswordController #mysynch-branding {
  max-height: 95px;
  max-width: 195px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
}

#passwordResetController #mysynch-branding {
  max-height: 95px;
  max-width: 195px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
}

#published-report .collapse-controls {
  cursor: pointer;
}
#published-report .collapse-controls.collapsed .fa-chevron-up {
  display: none;
}
#published-report .collapse-controls:not(.collapsed) .fa-chevron-down {
  display: none;
}

.btn-default[disabled].active {
  background-color: #428bca;
}

#review-draft-report .collapse-controls {
  cursor: pointer;
}
#review-draft-report .collapse-controls.collapsed .fa-chevron-up {
  display: none;
}
#review-draft-report .collapse-controls:not(.collapsed) .fa-chevron-down {
  display: none;
}

@media (max-width: 767px) {
  .navbar.navbar-fixed-bottom.navbar-inverse {
    position: static;
  }
}
.formula {
  text-align: center;
}

.formula .left,
.formula .eql,
.formula .right {
  display: inline-block;
  vertical-align: middle;
}

.formula .eql {
  margin: 10px;
}

.formula .right hr {
  margin: 2px;
  border-color: black;
}

.rha-row {
  margin-bottom: 10px;
}
.rha-row .rha-box {
  border: 1px solid black;
  padding: 3px 10px;
  margin-bottom: 20px;
}
.rha-row .rha-box h4 {
  margin-bottom: 0;
  line-height: 18px;
}
.rha-row .rha-box .big-number {
  font-size: 30px;
  font-style: bold;
  margin-bottom: 10px;
}
.rha-row .rha-box .big-number span {
  font-size: initial;
  color: grey;
}
.rha-row .rha-box .text-right {
  font-size: 16px;
  white-space: nowrap;
  font-weight: bold;
}
.rha-row .rha-box .text-right .little-label {
  color: grey;
  font-style: italic;
  font-size: 12px;
  margin-right: 4px;
  font-weight: normal;
}

/* run this rule for screens up to 768 wide */
@media (max-width: 768px) {
  .hide-small {
    display: none;
  }
}
/* run this rule for screens down to 769 wide */
@media (min-width: 769px) {
  .hide-large {
    display: none;
  }
}
#fertility-dashboard a.details-link {
  margin: 10px 0;
  display: inline-block;
  font-weight: bold;
}
#fertility-dashboard tr.titles th:last-child:after {
  content: "";
  width: 16px;
  display: inline-block;
}
#fertility-dashboard tr.cohort-details.not-clickable td:last-child:after {
  content: "";
}
#fertility-dashboard tr.cohort-details td:last-child:after {
  content: "\f054";
  font-family: fontawesome;
  width: 16px;
  display: inline-block;
}
#fertility-dashboard .not-clickable {
  cursor: initial;
}
#fertility-dashboard .fertility-data-chart .panel-body {
  border: 1px solid;
  padding: 0;
}
#fertility-dashboard .fertility-data-chart .panel-body table {
  margin-bottom: 0;
}
#fertility-dashboard h4.section-title {
  margin-bottom: 4px;
  margin-top: 40px;
}
#fertility-dashboard .definitions {
  margin-top: 40px;
}
#fertility-dashboard .sub-h4 {
  margin-bottom: 4px;
  font-size: 13px;
}
#fertility-dashboard .legend {
  margin-bottom: 20px;
}
#fertility-dashboard .legend .color-chip {
  height: 10px;
  width: 10px;
  display: inline-block;
  margin-right: 4px;
  margin-left: 12px;
  vertical-align: middle;
}
#fertility-dashboard .legend .color-chip.blue {
  background-color: #337ab7;
}
#fertility-dashboard .legend .color-chip.grey {
  background-color: #999;
}
#fertility-dashboard .legend span {
  margin-right: 8px;
  vertical-align: middle;
}
#fertility-dashboard .cohort-dashboard-fertility-table-outer-container {
  max-height: 412px;
  overflow-y: auto;
}
#fertility-dashboard .cohort-dashboard-fertility-table-outer-container .cohort-dashboard-fertility-table th {
  position: sticky;
  top: 0px;
  z-index: 30;
  background-color: #666666;
}
#fertility-dashboard .cohort-dashboard-fertility-table-outer-container .cohort-dashboard-fertility-table tr {
  height: 37.5px;
}
#fertility-dashboard .cohort-dashboard-fertility-mobile-table-outer-container {
  max-height: 362px;
  overflow-y: auto;
  padding: 0px 16px 16px 16px;
}
#fertility-dashboard .cohort-dashboard-fertility-mobile-table-outer-container .cohort-dashboard-fertility-mobile-header-row {
  height: 31px;
  position: sticky;
  top: 0px;
  z-index: 30;
  background-color: #FFFFFF;
}
#fertility-dashboard .cohort-dashboard-fertility-mobile-table-outer-container .cohort-dashboard-fertility-mobile-body-row {
  height: 31px;
}

#cohort-detail h3 a {
  color: #337ab7;
  text-decoration: underline;
}
#cohort-detail .rha-box {
  margin-bottom: 32px;
}
#cohort-detail .chart-box {
  margin-bottom: 32px;
  padding: 16px;
  border: 1px solid black;
}
#cohort-detail .chart-box .big-number {
  position: absolute;
  font-size: 30px;
  margin-top: -6px;
}
#cohort-detail .collapse-controls {
  border: 1px solid black;
  border-bottom: 0;
  padding: 8px 8px 8px 32px;
}
#cohort-detail .collapse-controls:last-child {
  border-bottom: 1px solid black;
}
#cohort-detail .collapse-controls:before {
  content: "\f077";
  font-family: fontawesome;
  display: inline-block;
  margin-left: -21px;
}
#cohort-detail .collapse-controls.collapsed:before {
  content: "\f078";
}
#cohort-detail .collapse-controls h5 {
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
}
#cohort-detail .collapse-controls h6 {
  font-weight: bold;
  margin: 32px 0 0;
}
#cohort-detail .collapse-controls h6:first-child {
  margin-top: 8px;
}
#cohort-detail table tr.mainheader th {
  border-bottom: none;
  padding-bottom: 0;
}
#cohort-detail table tr.subheader th {
  border-top: none;
  padding-top: 0;
}
#cohort-detail table th {
  min-width: 10%;
}
#cohort-detail table th.grouping {
  text-align: right;
  padding-right: 3%;
}
#cohort-detail table th.filler {
  width: 10%;
}
#cohort-detail .cohort-details-fertilitybyservice-table-outer-container {
  max-height: 368px;
  overflow-y: auto;
}
#cohort-detail .cohort-details-fertilitybyservice-table-outer-container .cohort-details-fertilitybyservice-table thead {
  position: sticky;
  top: 0px;
  z-index: 30;
  background-color: #666666;
}
#cohort-detail .cohort-details-fertilitybyservice-table-outer-container .cohort-details-fertilitybyservice-table thead tr {
  height: 29px;
}
#cohort-detail .cohort-details-fertilitybyservice-table-outer-container .cohort-details-fertilitybyservice-table tbody tr {
  height: 37.5px;
}
#cohort-detail .cohort-details-fertilitybyservice-mobile-table-outer-container {
  max-height: 362px;
  overflow-y: auto;
  padding: 0px 16px 16px 16px;
}
#cohort-detail .cohort-details-fertilitybyservice-mobile-table-outer-container .cohort-details-fertilitybyservice-mobile-header-row {
  height: 31px;
  position: sticky;
  top: 0px;
  z-index: 30;
  background-color: #FFFFFF;
}
#cohort-detail .cohort-details-fertilitybyservice-mobile-table-outer-container .cohort-details-fertilitybyservice-mobile-body-row {
  height: 31px;
}

#technician-dashboard .technician-data-chart .panel-body {
  padding: 0;
}
#technician-dashboard .technician-data-chart .panel-body table {
  margin-bottom: 0;
}
#technician-dashboard .technician-panel-header {
  max-width: 1050px;
}
#technician-dashboard h4.section-title {
  margin-bottom: 4px;
  margin-top: 40px;
}
#technician-dashboard .definitions {
  margin-top: 40px;
  padding-left: 0px !important;
}
#technician-dashboard .sub-h4 {
  font-size: 13px;
}
#technician-dashboard .legend {
  margin-bottom: 20px;
}
#technician-dashboard .legend .color-chip {
  height: 10px;
  width: 10px;
  display: inline-block;
  margin-right: 4px;
  margin-left: 12px;
  vertical-align: middle;
}
#technician-dashboard .legend .color-chip.blue {
  background-color: #337ab7;
}
#technician-dashboard .legend .color-chip.grey {
  background-color: #999;
}
#technician-dashboard .legend span {
  margin-right: 8px;
  vertical-align: middle;
}
#technician-dashboard .technician-dashboard-technician-table-outer-container {
  border: 1px solid;
  max-width: 1050px;
  max-height: 797px;
  overflow-y: auto;
}
#technician-dashboard .technician-dashboard-technician-table-outer-container .technician-dashboard-technician-table {
  max-width: 1050px;
}
#technician-dashboard .technician-dashboard-technician-table-outer-container .technician-dashboard-technician-table th {
  position: sticky;
  top: 0px;
  z-index: 30;
  background-color: #666666;
}
#technician-dashboard .technician-dashboard-technician-table-outer-container .technician-dashboard-technician-table tr {
  height: 37px;
}
#technician-dashboard .technician-dashboard-technician-table-outer-container .technician-dashboard-technician-table .technician-name-column {
  width: 10%;
}
#technician-dashboard .technician-dashboard-technician-table-outer-container .technician-dashboard-technician-table .technician-table-column {
  width: 5%;
}
#technician-dashboard .technician-dashboard-technician-mobile-table-outer-container {
  border: 1px solid #000000;
  height: 366px;
  overflow-y: auto;
  padding: 0px 16px 16px 16px;
}
#technician-dashboard .technician-dashboard-technician-mobile-table-outer-container .technician-dashboard-technician-mobile-header-row {
  height: 78px;
  position: sticky;
  top: 0px;
  z-index: 30;
  background-color: #FFFFFF;
  border-bottom: 1px solid #000000;
}
#technician-dashboard .technician-dashboard-technician-mobile-table-outer-container .technician-dashboard-technician-mobile-header-row section {
  margin-top: 6px;
}
#technician-dashboard .technician-dashboard-technician-mobile-table-outer-container .technician-dashboard-technician-mobile-body-row-outer-container {
  border-bottom: 1px solid #000000;
}
#technician-dashboard .technician-dashboard-technician-mobile-table-outer-container .technician-dashboard-technician-mobile-body-row-outer-container .technician-dashboard-technician-mobile-body-row {
  height: 31px;
}
#fertilityanalysis-dashboard .fertilityanalysis-data-chart {
  margin: 10px;
  margin-right: 20px;
  margin-bottom: 0px;
}
#fertilityanalysis-dashboard .fertilityanalysis-data-chart table {
  margin-bottom: 0px;
  padding: 0px;
  padding-left: 10px;
  padding-right: 10px;
}
#fertilityanalysis-dashboard .fertilityanalysis-data-chart .chart {
  margin-bottom: 0px;
  padding: 0px;
}
#fertilityanalysis-dashboard .override-height {
  height: 380px;
}
#fertilityanalysis-dashboard .override-height.visible-xs {
  height: 200px;
}
#fertilityanalysis-dashboard .fertilityanalysis-data-rows {
  margin-left: 0px;
  margin-right: 0px;
}
#fertilityanalysis-dashboard .fertilityanalysis-data-rows .panel-body .row {
  border-bottom: none;
}
#fertilityanalysis-dashboard .journal-table {
  margin-bottom: 0px;
}
#fertilityanalysis-dashboard .journal-table td {
  border-top: none;
}
#fertilityanalysis-dashboard .journal-table .journal-table-cell {
  width: 15%;
}
#fertilityanalysis-dashboard .journal-table .journal-table-description-cell {
  width: 55%;
}
#fertilityanalysis-dashboard .journal-table-container {
  width: 75%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
#fertilityanalysis-dashboard .journal-table-container .journal-table-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: row;
      flex-direction: row;
}
#fertilityanalysis-dashboard .journal-table-container .journal-table-row .journal-table-item {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 0.5em;
  min-width: 15%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  word-break: break-word;
}
#fertilityanalysis-dashboard .mobile-data-rows {
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
#fertilityanalysis-dashboard .mobile-data-bs-columns {
  margin-left: 10px;
  margin-right: 10px;
}
#fertilityanalysis-dashboard .panel-body {
  border-color: #bbb;
  padding: 0px;
  margin: 0px;
  padding-top: 8px;
}
#fertilityanalysis-dashboard .panel-shaded {
  background: #ccc;
  padding-bottom: 4px;
  padding-top: 2px;
  margin-left: 5px;
  margin-right: 5px;
}
#fertilityanalysis-dashboard .panel-shaded .mobile {
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
#fertilityanalysis-dashboard .mobile-panel-shaded {
  background: #ccc;
  padding-bottom: 4px;
  padding-top: 2px;
  margin-left: 0px;
  margin-right: 0px;
}
#fertilityanalysis-dashboard .curvedtop {
  padding-top: 12px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#fertilityanalysis-dashboard .filters-set-region {
  margin-top: 30px;
}
#fertilityanalysis-dashboard .h4.section-title {
  margin-bottom: 4px;
  margin-left: 0px;
  margin-right: 0px;
  font-weight: bolder;
}
#fertilityanalysis-dashboard .sub-h4 {
  font-size: 13px;
}
#fertilityanalysis-dashboard .panel-filters {
  padding-right: 0px;
  padding-left: 0px;
}
#fertilityanalysis-dashboard .panel-filters.visible-xs {
  margin: 0px;
  margin-left: 12px;
}
#fertilityanalysis-dashboard .journal-note-bar {
  margin-top: -62px;
  margin-left: 0px;
  margin-right: 0px;
  padding-right: 33px;
  height: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -ms-flex-align: baseline;
      align-items: baseline;
}
#fertilityanalysis-dashboard .journal-note-bar .cell {
  margin-bottom: 0px;
}
#fertilityanalysis-dashboard .journal-note-bar .cell .journal-flag {
  margin-bottom: 0px;
  height: auto;
}
#fertilityanalysis-dashboard .journal-note-bar .cell .journal-flag .months-12 {
  width: 24px;
}
@media (max-width: 768px) {
  #fertilityanalysis-dashboard .journal-note-bar .cell .journal-flag .months-12 {
    width: 20px;
    -ms-flex: 0 1 20px;
        flex: 0 1 20px;
  }
}
@media (max-width: 650px) {
  #fertilityanalysis-dashboard .journal-note-bar .cell .journal-flag .months-12 {
    width: 100%;
    -ms-flex: 0 1 18px;
        flex: 0 1 18px;
  }
}
#fertilityanalysis-dashboard .journal-note-bar .cell .journal-flag .months-24 {
  width: 100%;
}
@media (max-width: 650px) {
  #fertilityanalysis-dashboard .journal-note-bar .cell .journal-flag .months-24 {
    width: 100%;
    -ms-flex: 0 1 22px;
        flex: 0 1 22px;
  }
}
#fertilityanalysis-dashboard .journal-note-bar .cell .journal-flag-12-months {
  margin-bottom: 0px;
  width: 24px;
  height: auto;
}
@media (max-width: 768px) {
  #fertilityanalysis-dashboard .journal-note-bar .cell .journal-flag-12-months {
    width: 20px;
    -ms-flex: 0 1 20px;
        flex: 0 1 20px;
  }
}
@media (max-width: 650px) {
  #fertilityanalysis-dashboard .journal-note-bar .cell .journal-flag-12-months {
    width: 100%;
    -ms-flex: 0 1 18px;
        flex: 0 1 18px;
  }
}
#fertilityanalysis-dashboard .journal-note-bar .cell .journal-flag-24-months {
  margin-bottom: 0px;
  width: 100%;
  height: auto;
}
@media (max-width: 650px) {
  #fertilityanalysis-dashboard .journal-note-bar .cell .journal-flag-24-months {
    width: 100%;
    -ms-flex: 0 1 22px;
        flex: 0 1 22px;
  }
}
#fertilityanalysis-dashboard .journal-header-panel {
  height: 30px;
  background-color: #ccc;
  vertical-align: middle;
  padding-top: 6px;
  padding-left: 16px;
  padding-right: 16px;
}
#fertilityanalysis-dashboard .journal-footer-panel {
  height: 10px;
  margin-bottom: 2px;
  vertical-align: bottom;
  text-align: center;
}
#fertilityanalysis-dashboard .journal-footer-panel .i .fa .fa-lg {
  color: #aaa;
  vertical-align: bottom;
  margin-top: 7px;
}
#fertilityanalysis-dashboard .journal-footer-panel .hr {
  background-color: #aaa;
  height: 1px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: -14px;
}
#fertilityanalysis-dashboard .journal-close-button {
  height: 10px;
  color: #aaa;
  text-align: center;
  vertical-align: bottom;
  font-size: 0.8em;
}
#fertilityanalysis-dashboard .journal-bottom-line {
  color: #aaa;
  margin-top: 15px;
}
#fertilityanalysis-dashboard .mobile-labels {
  margin: 8px;
  vertical-align: middle;
}
#fertilityanalysis-dashboard .description-next-line {
  display: inline-block;
  text-align: left;
  color: green;
  width: 100%;
}
#fertilityanalysis-dashboard .legend {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
}
#fertilityanalysis-dashboard .legend .color-chip {
  height: 13px;
  width: 13px;
  display: inline-block;
  margin-right: 6px;
  margin-left: 8px;
  vertical-align: middle;
  border-radius: 100%;
}
#fertilityanalysis-dashboard .legend .color-chip.inseminationLineColor {
  background-color: #FFBB5F;
}
#fertilityanalysis-dashboard .legend .color-chip.conceptionLineColor {
  background-color: #337ab7;
}
#fertilityanalysis-dashboard .legend .color-chip.pregnancyLineColor {
  background-color: #7AB85C;
}
#fertilityanalysis-dashboard .legend .color-chip.pregnancyRhaLineColor {
  background-color: #C66376;
}
#fertilityanalysis-dashboard .legend .color-chip.pregnancyRhaLineColor-mobile {
  background-color: #C66376;
  margin-left: 20px;
}
#fertilityanalysis-dashboard .legend .color-flag {
  height: 18px;
  width: 14px;
  display: inline-block;
  margin-right: 5px;
  margin-left: 8px;
  margin-top: 1px;
  vertical-align: top;
  margin-bottom: 4px;
  background-image: url("../img/journal-icons/NoteBlue1.png");
}
#fertilityanalysis-dashboard .legend .color-flag.journalFlagColor {
  color: #4e4e4e;
  background-color: #4e4e4e;
}
#fertilityanalysis-dashboard .legend .color-flag.journalHoverFlagColor {
  color: #0C5394;
  background-color: #0C5394;
}
#fertilityanalysis-dashboard .legend .span {
  margin-right: 8px;
  vertical-align: middle;
}
#fertilityanalysis-dashboard .add-button {
  padding-right: 12px;
}
#fertilityanalysis-dashboard a {
  color: #0C5394;
}
#fertilityanalysis-dashboard .testing {
  padding-left: 12px;
  padding-right: 12px;
  background-color: orangered;
}
#fertilityanalysis-dashboard .fertility-analysis-dashboard-filterset-table-outer-container {
  max-height: 788px;
  width: 767px;
  overflow-y: auto;
}
#fertilityanalysis-dashboard .fertility-analysis-dashboard-filterset-table-outer-container .fertility-analysis-dashboard-filterset-table {
  width: 750px;
  max-width: 750px;
  border: 1px solid;
}
#fertilityanalysis-dashboard .fertility-analysis-dashboard-filterset-table-outer-container .fertility-analysis-dashboard-filterset-table th {
  position: sticky;
  top: 0px;
  z-index: 30;
  background-color: #666666;
}
#fertilityanalysis-dashboard .fertility-analysis-dashboard-filterset-table-outer-container .fertility-analysis-dashboard-filterset-table tr {
  height: 37.5px;
}
#fertilityanalysis-dashboard .fertility-analysis-dashboard-filterset-table-outer-container .fertility-analysis-dashboard-filterset-table .date-range-header {
  width: 40%;
  max-width: 40%;
}
#fertilityanalysis-dashboard .fertility-analysis-dashboard-filterset-table-outer-container .fertility-analysis-dashboard-filterset-table .ratio-header {
  width: 20%;
  max-width: 20%;
}
#fertilityanalysis-dashboard .fertility-analysis-dashboard-filterset-table-outer-container .fertility-analysis-dashboard-filterset-table .rate-count-header {
  width: 10%;
  max-width: 10%;
}
#fertilityanalysis-dashboard .fertility-analysis-dashboard-filterset-mobile-table-outer-container {
  max-height: 341px;
  overflow-y: auto;
  border: 1px solid;
}
#fertilityanalysis-dashboard .fertility-analysis-dashboard-filterset-mobile-table-outer-container .fertility-analysis-dashboard-filterset-mobile-header-row {
  height: 31px;
  position: sticky;
  top: 0px;
  z-index: 30;
  background-color: #ccc;
  border-bottom: 1px solid #000000;
}
#fertilityanalysis-dashboard .fertility-analysis-dashboard-filterset-mobile-table-outer-container .fertility-analysis-dashboard-filterset-mobile-body-row {
  height: 31px;
}

#journal-dashboard tr.titles th:last-child:after {
  content: "";
  width: 16px;
  display: inline-block;
}
#journal-dashboard .journal-data-chart {
  margin: 10px;
  margin-right: 20px;
  margin-bottom: 0px;
}
#journal-dashboard .journal-data-chart table {
  margin-bottom: 0px;
  padding: 0px;
  padding-left: 10px;
  padding-right: 10px;
}
#journal-dashboard .journal-data-chart .chart {
  margin-bottom: 0px;
  padding: 0px;
}
#journal-dashboard .journal-data-rows {
  margin: 10px;
  margin-right: 20px;
  margin-bottom: 0px;
}
#journal-dashboard .journal-data-rows table {
  margin-bottom: 0px;
  padding: 0px;
  padding-left: 10px;
  padding-right: 10px;
}
#journal-dashboard .mobile-data-rows {
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
#journal-dashboard .panel-body {
  border-color: #bbb;
  padding: 0px;
  margin: 0px;
  padding-top: 8px;
}
#journal-dashboard .panel-shaded {
  background: #ccc;
  padding-bottom: 4px;
  padding-top: 2px;
  margin-left: 5px;
  margin-right: 5px;
}
#journal-dashboard .panel-shaded .mobile {
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
#journal-dashboard .mobile-description {
  width: 100px;
  white-space: nowrap;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
#journal-dashboard .padding-left-10 {
  padding-left: 10px;
}
#journal-dashboard .show-more-button {
  text-align: center;
  padding-top: 10px;
  width: 180px;
}

.f360 {
  /*starting stylings controls------------------------------- */
  /* LABEL ======================================= */
  /* active state */
  /*	.input-radio[type=radio]:checked + .label-radio{
  	color: #000;
  	background: $grey;
  }
     */
  /* Right triangle placed top left flush. */
  /* Left triangle placed top left flush. */
  /*end stylings controls------------------------------- */
  /* Rounded sliders */
}
.f360 .f360-dashboard-auditlist-table-outer-container {
  max-height: 412px;
  overflow-y: auto;
}
.f360 .f360-dashboard-auditlist-table-outer-container .f360-dashboard-auditlist-table th {
  position: sticky;
  top: 0px;
  z-index: 30;
  background-color: #666666;
}
.f360 .f360-dashboard-auditlist-table-outer-container .f360-dashboard-auditlist-table tr {
  height: 37.5px;
}
.f360 .f360-dashboard-auditlist-table-outer-container .f360-dashboard-auditlist-table .auditlist-table-header-startdate {
  min-width: 100px;
}
.f360 .f360-dashboard-auditlist-table-outer-container .f360-dashboard-auditlist-table .auditlist-table-header-publisheddate {
  min-width: 150px;
}
.f360 .f360-dashboard-auditlist-table-outer-container .f360-dashboard-auditlist-table .auditlist-table-header-checkedoutto {
  min-width: 150px;
}
.f360 .f360-dashboard-auditlist-mobile-table-outer-container {
  max-height: 417px;
  overflow-y: auto;
}
.f360 .f360-dashboard-auditlist-mobile-table-outer-container .f360-dashboard-auditlist-mobile-header-row {
  height: 31px;
  position: sticky;
  top: 0px;
  z-index: 30;
  background-color: #666666;
  border-bottom: 1px solid #666666;
  padding: 10px;
  box-shadow: 0 1px 1px #666666;
  color: white;
  font-weight: bold;
}
.f360 .f360-dashboard-auditlist-mobile-table-outer-container .f360-dashboard-auditlist-mobile-body-container {
  border-right: 1px solid #666666;
  border-left: 1px solid #666666;
  border-bottom: 1px solid #666666;
}
.f360 .f360-dashboard-auditlist-mobile-table-outer-container .f360-dashboard-auditlist-mobile-body-row {
  height: 47px;
  border-bottom: 1px solid #666666;
  padding: 10px;
}
.f360 .checkinout-disclaimer-text {
  font-size: 12px;
  font-style: italic;
  height: 18px;
}
.f360 .f360-loading-text-and-spinner {
  text-align: center;
  margin: 20px;
}
.f360 .f360-module-off-text {
  text-align: center;
}
.f360 .text-center {
  text-align: center;
}
.f360 .action-item-cell {
  width: 200px;
}
.f360 .fertility360-report-audit-row {
  margin-left: 8px !important;
  padding-bottom: 10px;
}
.f360 .section-page-add-note-container {
  position: relative;
}
.f360 .results-write-report-table .report-table-head-did-not-meet-guidelines {
  background-color: #EF8666;
}
.f360 .results-write-report-table .report-table-head-did-meet-guidelines {
  background-color: #5C93B4;
}
.f360 .results-write-report-table .results-write-report-question-row {
  border: 1px solid transparent !important;
}
.f360 .results-write-report-table .results-write-report-followup-item-row {
  border: 1px solid #ef8666 !important;
}
.f360 .results-write-report-table .results-write-report-followup-item-row td {
  border-top-color: #ef8666 !important;
}
.f360 .results-write-report-table .results-write-report-followup-item-row + tr > td {
  border-top-color: #ef8666 !important;
}
.f360 .reposive.results-write-report-management-plan-container {
  min-height: 250px;
}
.f360 .results-write-report-followup-item-container {
  margin: 2% 4% 2% 4%;
  border: 1px solid #d9d9d9;
}
.f360 .results-write-report-followup-item-header {
  background-color: #d9d9d9;
  padding: 7px;
}
.f360 .results-write-report-followup-item-remove-button {
  border: 3px solid #7a7a7a;
  color: #7a7a7a;
  text-align: center;
  font-weight: 1000;
  width: 25px;
  height: 25px;
}
.f360 .results-write-report-followup-item-body-container {
  padding: 2%;
}
.f360 .results-write-report-followup-item-body-value-row-div {
  margin-right: 5%;
}
.f360 .results-write-report-followup-item-body-recommendation-row-div {
  width: 100%;
}
.f360 .results-write-report-followup-item-body-industry-recommends-row-div {
  white-space: pre-line;
}
.f360 .results-write-report-followup-item-body-industry-recommends-row-div p {
  display: inline-block;
}
.f360 .popuptable-question-industry-recommends-reference {
  white-space: pre-line;
}
.f360 .review-draft-report-followup-item-container {
  margin: 2% 4% 2% 4%;
  border: 1px solid #d9d9d9;
}
.f360 .review-draft-report-followup-item-header {
  background-color: #d9d9d9;
  padding: 1%;
}
.f360 .review-draft-report-followup-item-header-item {
  width: 100%;
}
.f360 .review-draft-report-followup-item-body-container {
  padding: 2%;
}
.f360 .review-draft-report-followup-item-body-value-row-div {
  margin-right: 5%;
}
.f360 .review-draft-report-followup-item-body-recommendation-row-div {
  width: 100%;
}
.f360 .review-draft-report-followup-item-body-industry-recommends-row-div {
  white-space: pre-line;
}
.f360 .review-draft-report-followup-item-body-industry-recommends-row-div p {
  display: inline-block;
}
.f360 .review-draft-report-action-item-group-item-container {
  margin: 2% 4% 2% 4%;
  border: 1px solid #d9d9d9;
}
.f360 .review-draft-report-action-item-group-item-header {
  background-color: #d9d9d9;
  padding: 1%;
}
.f360 .review-draft-report-followup-item-body-recommendation-row-div {
  width: 100%;
}
.f360 .review-draft-report-action-item-group-item-body-container {
  padding: 2%;
}
.f360 .review-draft-report-action-item-group-item-container {
  margin: 2% 4% 2% 4%;
  border: 1px solid #d9d9d9;
}
.f360 .review-draft-report-action-item-group-item-header {
  background-color: #d9d9d9;
  padding: 1%;
}
.f360 .review-draft-report-action-item-group-add-button {
  margin: 4% 4% 2% 4%;
}
.f360 .review-draft-report-action-item-group-item-associated-metrics {
  font-size: 11px;
}
.f360 .review-draft-report-action-item-group-item-header-item {
  width: 100%;
}
.f360 .review-draft-report-action-item-group-item-body-container {
  padding: 0% 2% 2% 2%;
}
.f360 .review-draft-report-action-item-group-item-body-value-row-div {
  margin-right: 5%;
}
.f360 .review-draft-report-action-item-table .review-draft-report-action-item-table-header {
  background-color: #fff !important;
  color: #000;
  font-weight: bold;
  border-bottom: 1px solid #d9d9d9;
}
.f360 .review-draft-report-action-item-table .review-draft-report-action-item-table-row {
  border-bottom: 1px solid #d9d9d9;
}
.f360 .review-draft-report-action-item-table .review-draft-report-action-item-table-description-col {
  width: 50%;
  max-width: 490px;
  white-space: pre-wrap;
}
.f360 .review-draft-report-action-item-table .review-draft-report-action-item-table-followup-item-col {
  width: 14%;
}
.f360 .review-draft-report-action-item-groups-empty-text {
  margin: 4% 4% 2% 4%;
}
.f360 .review-draft-report-action-item-empty-text {
  margin: 2% 4% 2% 0%;
}
.f360 .review-draft-report-action-item-add-div {
  color: #449d44;
}
.f360 .published-report-management-plan-container {
  margin-bottom: 40px;
  padding: 2%;
}
.f360 .published-report-management-plan-text {
  margin-top: 5px;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.f360 .published-report-followup-item-container {
  margin: 2% 4% 2% 4%;
  border: 1px solid #d9d9d9;
}
.f360 .published-report-followup-item-header {
  background-color: #d9d9d9;
  padding: 1%;
}
.f360 .published-report-followup-item-header-item {
  width: 100%;
}
.f360 .published-report-followup-item-body-container {
  padding: 2%;
}
.f360 .published-report-followup-item-body-value-row-div {
  margin-right: 5%;
}
.f360 .published-report-followup-item-body-recommendation-row-div {
  width: 100%;
}
.f360 .published-report-followup-item-body-industry-recommends-row-div {
  white-space: pre-line;
}
.f360 .published-report-followup-item-body-industry-recommends-row-div p {
  display: inline-block;
}
.f360 .published-report-followup-item-formatted-recommends-text {
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.f360 .published-report-action-item-group-item-container {
  margin: 2% 4% 2% 4%;
  border: 1px solid #d9d9d9;
}
.f360 .published-report-action-item-group-item-header {
  background-color: #d9d9d9;
  padding: 1%;
}
.f360 .published-report-action-item-group-item-associated-metrics {
  font-size: 11px;
}
.f360 .published-report-action-item-group-item-header-item {
  width: 100%;
}
.f360 .published-report-action-item-group-item-body-container {
  padding: 2%;
}
.f360 .published-report-action-item-group-item-body-value-row-div {
  margin-right: 5%;
}
.f360 .published-report-action-item-table .published-report-action-item-table-header {
  background-color: #fff !important;
  color: #000;
  font-weight: bold;
  border-bottom: 1px solid #d9d9d9;
}
.f360 .published-report-action-item-table .published-report-action-item-table-row {
  border-bottom: 1px solid #d9d9d9;
}
.f360 .published-report-action-item-table .published-report-action-item-table-description-col {
  width: 50%;
  max-width: 490px;
  white-space: pre-wrap;
}
.f360 .published-report-action-item-table .published-report-action-item-table-followup-item-col {
  width: 14%;
}
.f360 .published-report-checkbox-text {
  margin-left: 40px;
}
.f360 .review-draft-report-followup-item-formatted-recommends-text {
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.f360 .published-report-table .report-table-head-did-not-meet-guidelines {
  background-color: #EF8666;
}
.f360 .published-report-table .report-table-head-did-meet-guidelines {
  background-color: #5C93B4;
}
.f360 .published-report-table .published-report-question-row {
  border: 1px solid transparent;
}
.f360 .published-report-table .published-report-followup-item-row {
  border: 1px solid #ef8666 !important;
}
.f360 .published-report-table .published-report-followup-item-row td {
  border-top-color: #ef8666 !important;
}
.f360 .published-report-table .published-report-followup-item-row + tr > td {
  border-top-color: #ef8666 !important;
}
.f360 .published-report-followup-item-status-div {
  width: 100%;
  max-width: 290px;
}
.f360 .review-draft-report-additional-comments-container {
  padding: 2%;
}
.f360 .review-draft-report-additional-comments-text {
  margin-top: 5px;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.f360 .review-draft-report-bottom-text {
  padding: 2%;
}
.f360 .published-report-management-plan-container {
  margin-bottom: 40px;
  padding: 2%;
}
.f360 .text-red, .f360 .farm-goal-management .farm-goal-management-action-item-groups-empty-text, .farm-goal-management .f360 .farm-goal-management-action-item-groups-empty-text, .f360 .review-draft-report-action-item-groups-empty-text, .f360 .review-draft-report-action-item-empty-text {
  color: #C2382E !important;
}
.f360 .heading-bar {
  height: 43px !important;
}
.f360 .heading-text {
  color: #FFFFFF !important;
}
.f360 .panel-default {
  border-color: transparent !important;
}
.f360 .published-report-followup-item-header {
  background-color: #d9d9d9 !important;
  padding: 1%;
}
.f360 table > thead > tr.report-table-head-did-not-meet-guidelines, .f360 .report-table-head-did-not-meet-guidelines > th {
  background-color: #EF8666 !important;
  color: #FFFFFF !important;
}
.f360 table > thead > tr.report-table-head-did-meet-guidelines, .f360 .report-table-head-did-meet-guidelines > th {
  background-color: #5C93B4 !important;
  color: #FFFFFF !important;
}
.f360 .published-report-question-row {
  border: 1px solid transparent;
}
.f360 .published-report-followup-item-row {
  border: 1px solid #ef8666 !important;
}
.f360 .published-report-followup-item-row td {
  border-top-color: #ef8666 !important;
}
.f360 .published-report-followup-item-row + tr > td {
  border-top-color: #ef8666 !important;
}
.f360 .published-report-action-item-container {
  margin: 2% 4% 2% 4%;
  border: 1px solid #d9d9d9;
}
.f360 .published-report-action-item-header {
  background-color: #d9d9d9;
  padding: 1%;
}
.f360 .published-report-action-item-header-item {
  width: 100%;
}
.f360 .published-report-action-item-body-container {
  padding: 2%;
}
.f360 .published-report-action-item-body-value-row-div {
  margin-right: 5%;
}
.f360 .published-report-action-item-body-recommendation-row-div {
  width: 100%;
}
.f360 .published-report-action-item-body-industry-recommends-row-div {
  white-space: pre-line;
}
.f360 .published-report-action-item-body-industry-recommends-row-div p {
  display: inline-block;
}
.f360 .published-report-action-item-formatted-recommends-text {
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.f360 .published-report-checkbox-text {
  margin-left: 40px;
}
.f360 .published-report-additional-comments {
  padding: 2%;
}
.f360 .published-additional-comments-container {
  padding: 2%;
}
.f360 .published-report-additional-comments-text {
  margin-top: 5px;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.f360 .published-report-table .report-table-head-did-not-meet-guidelines {
  background-color: #EF8666;
}
.f360 .published-report-table .report-table-head-did-meet-guidelines {
  background-color: #5C93B4;
}
.f360 .published-report-table .published-report-question-row {
  border: 1px solid transparent;
}
.f360 .published-report-table .published-report-action-item-row {
  border: 1px solid #ef8666 !important;
}
.f360 .published-report-table .published-report-action-item-row td {
  border-top-color: #ef8666 !important;
}
.f360 .published-report-table .published-report-action-item-row + tr > td {
  border-top-color: #ef8666 !important;
}
.f360 .published-report-action-item-status-div {
  width: 100%;
  max-width: 290px;
}
@media print {
  .f360 .print-pagebreak-before {
    page-break-before: always;
  }
  .f360 .print-pagebreak-after {
    page-break-after: always;
  }
  .f360 .print-pagebreak-inside {
    page-break-inside: avoid;
  }
  .f360 .hide-in-print {
    display: none;
  }
  .f360 * {
    -webkit-print-color-adjust: exact !important; /* Chrome, Safari */
    color-adjust: exact !important; /*Firefox*/
  }
  .f360 .text-green {
    color: #5cb85c !important;
  }
  .f360 .text-red, .f360 .farm-goal-management .farm-goal-management-action-item-groups-empty-text, .farm-goal-management .f360 .farm-goal-management-action-item-groups-empty-text, .f360 .review-draft-report-action-item-groups-empty-text, .f360 .review-draft-report-action-item-empty-text {
    color: #C2382E !important;
  }
  .f360 .heading-bar {
    height: 43px !important;
    max-height: 43px !important;
  }
  .f360 .heading-text {
    color: #FFFFFF !important;
  }
  .f360 .panel-default {
    border-color: transparent !important;
  }
  .f360 .published-report-action-item-header {
    background-color: #d9d9d9 !important;
    padding: 1%;
  }
  .f360 table > thead > tr.report-table-head-did-not-meet-guidelines, .f360 .report-table-head-did-not-meet-guidelines > th {
    background-color: #EF8666 !important;
    color: #FFFFFF !important;
  }
  .f360 table > thead > tr.report-table-head-did-meet-guidelines, .f360 .report-table-head-did-meet-guidelines > th {
    background-color: #5C93B4 !important;
    color: #FFFFFF !important;
  }
  .f360 .published-report-question-row {
    border: 1px solid transparent;
  }
  .f360 .published-report-action-item-row {
    border: 1px solid #ef8666 !important;
  }
  .f360 .published-report-action-item-row td {
    border-top-color: #ef8666 !important;
  }
  .f360 .published-report-action-item-row + tr > td {
    border-top-color: #ef8666 !important;
  }
  .f360 .col-sm-1, .f360 .col-sm-2, .f360 .col-sm-3, .f360 .col-sm-4, .f360 .col-sm-5, .f360 .col-sm-6, .f360 .col-sm-7, .f360 .col-sm-8, .f360 .col-sm-9, .f360 .col-sm-10, .f360 .col-sm-11, .f360 .col-sm-12 {
    float: left;
  }
  .f360 .col-sm-12 {
    width: 100%;
  }
  .f360 .col-sm-11 {
    width: 91.66666667%;
  }
  .f360 .col-sm-10 {
    width: 83.33333333%;
  }
  .f360 .col-sm-9 {
    width: 75%;
  }
  .f360 .col-sm-8 {
    width: 66.66666667%;
  }
  .f360 .col-sm-7 {
    width: 58.33333333%;
  }
  .f360 .col-sm-6 {
    width: 50%;
  }
  .f360 .col-sm-5 {
    width: 41.66666667%;
  }
  .f360 .col-sm-4 {
    width: 33.33333333%;
  }
  .f360 .col-sm-3 {
    width: 25%;
  }
  .f360 .col-sm-2 {
    width: 16.66666667%;
  }
  .f360 .col-sm-1 {
    width: 8.33333333%;
  }
  .f360 .col-sm-pull-12 {
    right: 100%;
  }
  .f360 .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .f360 .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .f360 .col-sm-pull-9 {
    right: 75%;
  }
  .f360 .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .f360 .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .f360 .col-sm-pull-6 {
    right: 50%;
  }
  .f360 .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .f360 .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .f360 .col-sm-pull-3 {
    right: 25%;
  }
  .f360 .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .f360 .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .f360 .col-sm-pull-0 {
    right: auto;
  }
  .f360 .col-sm-push-12 {
    left: 100%;
  }
  .f360 .col-sm-push-11 {
    left: 91.66666667%;
  }
  .f360 .col-sm-push-10 {
    left: 83.33333333%;
  }
  .f360 .col-sm-push-9 {
    left: 75%;
  }
  .f360 .col-sm-push-8 {
    left: 66.66666667%;
  }
  .f360 .col-sm-push-7 {
    left: 58.33333333%;
  }
  .f360 .col-sm-push-6 {
    left: 50%;
  }
  .f360 .col-sm-push-5 {
    left: 41.66666667%;
  }
  .f360 .col-sm-push-4 {
    left: 33.33333333%;
  }
  .f360 .col-sm-push-3 {
    left: 25%;
  }
  .f360 .col-sm-push-2 {
    left: 16.66666667%;
  }
  .f360 .col-sm-push-1 {
    left: 8.33333333%;
  }
  .f360 .col-sm-push-0 {
    left: auto;
  }
  .f360 .col-sm-offset-12 {
    margin-left: 100%;
  }
  .f360 .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .f360 .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .f360 .col-sm-offset-9 {
    margin-left: 75%;
  }
  .f360 .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .f360 .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .f360 .col-sm-offset-6 {
    margin-left: 50%;
  }
  .f360 .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .f360 .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .f360 .col-sm-offset-3 {
    margin-left: 25%;
  }
  .f360 .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .f360 .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .f360 .col-sm-offset-0 {
    margin-left: 0%;
  }
  .f360 .visible-xs {
    display: none !important;
  }
  .f360 .hidden-xs {
    display: block !important;
  }
  .f360 table.hidden-xs {
    display: table;
  }
  .f360 tr.hidden-xs {
    display: table-row !important;
  }
  .f360 th.hidden-xs,
  .f360 td.hidden-xs {
    display: table-cell !important;
  }
  .f360 .hidden-xs.hidden-print {
    display: none !important;
  }
  .f360 .hidden-sm {
    display: none !important;
  }
  .f360 .visible-sm {
    display: block !important;
  }
  .f360 table.visible-sm {
    display: table;
  }
  .f360 tr.visible-sm {
    display: table-row !important;
  }
  .f360 th.visible-sm,
  .f360 td.visible-sm {
    display: table-cell !important;
  }
}
.f360 .link-bredum {
  font-size: 15px !important;
}
.f360 .sol {
  margin: 0px 10px;
  font-size: 20px !important;
}
.f360 .text-underline {
  display: inline-block;
  border-bottom: 1px solid black;
  padding-bottom: 1px;
}
.f360 .heading-overview {
  font-weight: bold;
  font-size: 16px !important;
  color: #000 !important;
}
.f360 .btn-grey {
  background-color: #d9d9d9;
  color: #000;
}
.f360 .btn-grey:hover {
  background-color: #666666;
  color: #fff;
}
.f360 .mt-2 {
  margin-top: 1em;
}
.f360 .group {
  margin-top: 30px;
}
.f360 .input-control {
  font-size: 13px;
  padding: 10px;
  display: block;
  width: 100%;
  border: solid 1px #424242;
  border-radius: 5px;
}
.f360 .input-control:focus {
  outline: none;
  border: solid 1px #3478A2;
}
.f360 .input-control:disabled {
  outline: none;
  border: solid 1px #7a7a7a;
  background-color: white;
}
.f360 .input-control:focus {
  outline: none;
  border: solid 1px #3478A2;
  background-color: white;
}
.f360 .label-form, .f360 .label-form-textarea, .f360 .label-form-textarea-optional {
  padding: 0px 10px;
  color: #424242;
  font-size: 13px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 10px;
  top: 10px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.f360 .label-form-textarea, .f360 .label-form-textarea-optional {
  top: 35px;
}
.f360 .input-date-label {
  color: #424242;
  font-size: 13px;
  font-weight: normal;
  pointer-events: none;
}
.f360 .input-control:focus ~ .label-form, .f360 .input-control:focus ~ .label-form-textarea, .f360 .input-control:focus ~ .label-form-textarea-optional, .f360 .input-control:valid ~ .label-form, .f360 .input-control:valid ~ .label-form-textarea, .f360 .input-control:valid ~ .label-form-textarea-optional {
  top: -10px;
  font-size: 13px;
  background-color: white;
  color: #3478A2;
}
.f360 .input-control:valid ~ .label-form, .f360 .input-control:valid ~ .label-form-textarea, .f360 .input-control:valid ~ .label-form-textarea-optional, .f360 .input-control:disabled ~ .label-form, .f360 .input-control:disabled ~ .label-form-textarea, .f360 .input-control:disabled ~ .label-form-textarea-optional {
  top: -10px;
  font-size: 13px;
  background-color: white;
  color: #7a7a7a;
}
.f360 .input-control:focus ~ .label-form-textarea, .f360 .input-control:valid ~ .label-form-textarea, .f360 .label-form-textarea-optional.label-form-textarea-filledin {
  top: 5px;
  font-size: 13px;
  background-color: white;
  color: #3478A2;
}
.f360 .input-control:valid ~ .label-form-textarea, .f360 .input-control:disabled ~ .label-form-textarea, .f360 .label-form-textarea-optional.label-form-textarea-filledin {
  top: 5px;
  font-size: 13px;
  background-color: white;
  color: #7a7a7a;
}
.f360 .input-control[type=number]::-webkit-inner-spin-button,
.f360 .input-control[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.f360 .input-radio[type=radio] {
  position: absolute;
  visibility: hidden;
  display: none;
}
.f360 .label-radio {
  color: #000;
  display: inline-block;
  cursor: pointer;
  padding: 5px 10px;
  margin: 5px;
  border: 1px solid grey;
  border-radius: 5px;
}
.f360 .input-radio-checked {
  color: #000;
  background: #d9d9d9;
}
.f360 .group-radio {
  padding: 2px 0px 2px 2px;
  border: 1px solid transparent;
  margin-top: 5px;
}
.f360 .radio-group {
  display: inline-block;
  overflow: hidden;
}
.f360 .addnote {
  text-decoration: underline;
  cursor: pointer;
  font-size: 12px;
  width: 50px;
}
.f360 .textarea {
  background-color: #d9d9d9;
  font-size: 12px;
  width: 98%;
}
.f360 .textarea-question-text2000 {
  font-size: 13px;
  width: 100%;
}
.f360 .quest {
  border: solid 1px #424242;
  border-radius: 100%;
  padding: 0px 4px;
  font-size: 10px;
  font-weight: bold;
  position: absolute;
  top: 12px;
  left: 96%;
  cursor: pointer;
}
.f360 .quest-select {
  border: solid 1px #424242;
  border-radius: 100%;
  padding: 1.5px 4px;
  font-size: 10px;
  font-weight: bold;
  top: 11px;
  margin-left: 1%;
  cursor: pointer;
}
.f360 .question-header .question-text {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 5px;
  font-weight: 500;
  line-height: 1.1;
}
.f360 .question-header .question-text.disabled-question-text {
  color: #7a7a7a;
}
.f360 .excla, .f360 .excla-inverse {
  border: solid 1px #fff;
  border-radius: 100%;
  padding: 1px 2px;
  padding-left: 6px;
  margin-right: 5px;
  font-size: 11px;
  font-weight: bold;
}
.f360 .excla-inverse {
  background-color: #EB6841;
  color: #fff;
}
.f360 .excla-dark {
  border: solid 1px #fff;
  border-radius: 100%;
  padding: 0px 8px;
  padding-left: 8px;
  font-size: 20px;
  font-weight: bold;
  background-color: #424242;
  color: #fff;
}
.f360 .talk-bubble {
  display: inline-block;
  position: absolute;
  width: 90%;
  background-color: #FFFFFF;
  top: 43px;
  padding: 5px;
  z-index: 10;
  height: auto;
}
.f360 .talk-bubble-select {
  display: inline-block;
  position: absolute;
  width: 90%;
  background-color: #FFFFFF;
  top: 35px;
  padding: 5px;
  z-index: 10;
  height: auto;
}
.f360 .talktext {
  overflow: scroll;
  height: 140px;
}
.f360 .border {
  border: 1px solid #424242;
  border-radius: 3px;
}
.f360 .round {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
}
.f360 .tri-right.border.left-top:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 95.7%;
  right: auto;
  top: -21px;
  bottom: auto;
  border: 10px solid;
  border-color: transparent transparent #424242 transparent;
}
.f360 .tri-right.left-top:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 95.7%;
  right: auto;
  top: -19.5px;
  bottom: auto;
  border: 10px solid;
  border-color: transparent transparent white transparent;
}
.f360 .tri-left.border.left-top:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 1.7%;
  right: auto;
  top: -21px;
  bottom: auto;
  border: 10px solid;
  border-color: transparent transparent #424242 transparent;
}
.f360 .tri-left.left-top:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 1.7%;
  right: auto;
  top: -19.5px;
  bottom: auto;
  border: 10px solid;
  border-color: transparent transparent white transparent;
}
.f360 .text-help {
  font-size: 11px;
}
.f360 .text-italic {
  font-style: italic;
}
.f360 .font-13 {
  font-size: 13px;
}
.f360 .warning {
  font-size: 13px;
  padding: 5px 10px;
  color: white;
  background-color: #EB6841;
  width: 100%;
  border-radius: 0px 0px 5px 5px;
  position: relative;
}
.f360 .warning-select-div {
  border: 1px solid #EB6841;
  border-radius: 3px;
}
.f360 .warning-text {
  color: #EB6841;
}
.f360 .input-field {
  z-index: 5;
}
.f360 .mr-top {
  margin-top: 15px;
}
.f360 .mr-right {
  margin-right: 15px;
}
.f360 .error {
  border-color: #C2382E;
}
.f360 .error:focus ~ .label-form, .f360 .error:focus ~ .label-form-textarea, .f360 .error:focus ~ .label-form-textarea-optional {
  color: #C2382E;
}
.f360 .error:focus ~ input {
  border-color: #C2382E !important;
}
.f360 .error .input-control {
  border: solid 1px #C2382E;
}
.f360 .error .input-control:focus {
  outline: none;
  border: solid 1px #C2382E;
}
.f360 .error .label-form:focus, .f360 .error .label-form-textarea:focus, .f360 .error .label-form-textarea-optional:focus {
  color: #C2382E;
}
.f360 .error-container, .f360 .date.error-container {
  border: solid 2px #C2382E !important;
}
.f360 .date.error-container {
  border-radius: 4px;
}
.f360 .error-text {
  color: #C2382E;
}
.f360 .dis-inline {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -23px;
  left: 218px;
}
.f360 .dis-flex {
  display: -ms-flexbox;
  display: flex;
}
.f360 .dis-inline-flex {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.f360 .add-note {
  text-decoration: underline;
}
.f360 .add-note-link {
  font-size: 11px;
  margin-left: 15px;
  margin-top: 5px;
}
.f360 .saving {
  font-size: 13px;
  margin-left: 5px;
}
.f360 .reposive {
  position: relative;
}
.f360 .save-load-text-input {
  position: absolute;
  top: -25px;
  left: 88%;
  display: none;
}
.f360 .save-load-select-input {
  margin-left: 10px;
  display: none;
}
.f360 .sub-heading {
  background-color: #d9d9d9 !important;
}
.f360 .sub-heading2 {
  background-color: #e9e9e9 !important;
}
.f360 .mr-right.active {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
  color: #000;
}
.f360 .btn-radius {
  border-radius: 5px !important;
}
.f360 .has-error {
  border: 1px solid #C2382E;
  padding: 0 10px;
  margin: 2px 0px;
}
.f360 .text-red, .f360 .farm-goal-management .farm-goal-management-action-item-groups-empty-text, .farm-goal-management .f360 .farm-goal-management-action-item-groups-empty-text, .f360 .review-draft-report-action-item-groups-empty-text, .f360 .review-draft-report-action-item-empty-text {
  color: #C2382E;
}
@media (max-width: 767px) {
  .f360 .quest {
    left: 93%;
  }
  .f360 .tri-right.border.left-top:before {
    left: 92%;
  }
  .f360 .tri-right.border.left-top:after {
    left: 92%;
  }
  .f360 .save-load {
    left: 75%;
  }
  .f360 .label-radio {
    display: -ms-grid;
    display: grid;
  }
  .f360 .label-form, .f360 .label-form-textarea, .f360 .label-form-textarea-optional {
    font-size: 11px;
    padding: 0;
    top: 12px;
  }
  .f360 .input-control:focus ~ .label-form, .f360 .input-control:focus ~ .label-form-textarea, .f360 .input-control:focus ~ .label-form-textarea-optional, .f360 .input-control:valid ~ .label-form, .f360 .input-control:valid ~ .label-form-textarea, .f360 .input-control:valid ~ .label-form-textarea-optional {
    font-size: 11px !important;
    top: -33px !important;
  }
  .f360 .input-control:focus ~ .label-form-textarea, .f360 .input-control:valid ~ .label-form-textarea {
    top: 12px !important;
  }
  .f360 .input-control:focus ~ .label-form-textarea-optional, .f360 .input-control:valid ~ .label-form-textarea-optional, .f360 .label-form-textarea-optional {
    top: -7px !important;
  }
  .f360 .input-control:disabled ~ .label-form, .f360 .input-control:disabled ~ .label-form-textarea, .f360 .input-control:disabled ~ .label-form-textarea-optional {
    font-size: 11px !important;
  }
  .f360 .font-10 {
    font-size: 10px !important;
  }
  .f360 .section-page-textinput-outerdiv {
    margin-top: 10px;
  }
  .f360 .save-load-text-input {
    position: absolute;
    top: -40px !important;
    left: 80%;
    width: 100px;
    display: none;
  }
}
.f360 .white-space-pl {
  white-space: pre-line;
}
.f360 .count-area {
  margin: 0px 35px;
}
.f360 .btn-green {
  background-color: #5cb85c;
  color: #fff !important;
}
.f360 .btn-green:hover {
  background-color: #449D44;
  color: #fff !important;
}
.f360 .btn-dark {
  background-color: #555;
  color: #fff !important;
}
.f360 .btn-dark:hover {
  background-color: #333;
  color: #fff;
}
.f360 .btn-disabled {
  background-color: #7a7a7a;
  color: #fff;
}
.f360 .fertility-360-report-new-audit-field-div {
  height: 80px;
  border: 1px solid transparent;
  padding-top: 5px;
}
.f360 .fertility-360-report-new-audit-field-div.error {
  border-color: #C2382E;
}
.f360 .lacation-label {
  width: 100px;
  float: left;
  padding: 0;
  margin-top: 10px;
  position: initial;
}
.f360 .lactation-text {
  padding: 10px;
  display: inline-block;
  width: 100px;
  border: solid 1px #888;
  border-radius: 0px;
}
.f360 .rangeslider__fill {
  top: 0;
  left: 50%;
  height: 100%;
}
.f360 .modal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}
.f360 .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px 5px;
  border: 1px solid #888;
  max-width: 370px;
  margin-top: 250px;
}
.f360 .link-color-image {
  color: #337ab7 !important;
}
.f360 .link-color {
  color: #337ab7 !important;
}
.f360 .link-color-disable {
  color: #7a7a7a !important;
}
.f360 .link-text {
  color: #337ab7 !important;
  text-decoration: underline !important;
}
.f360 .modal-f360-delete {
  height: 160px;
}
.f360 .modal-f360-change {
  height: 230px;
}
.f360 .modal-f360-disconnect {
  height: 200px;
}
.f360 .modal-f360-another-device {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.f360 .modal-f360-need-newer-data {
  height: 250px;
}
.f360 .modal-f360-scoring {
  height: 185px;
}
.f360 .title-modal-popup {
  font-size: 18.5px;
}
.f360 .panel-text {
  background-color: #c0c0c0;
  color: black;
  font-size: 16px;
  font-weight: 400;
}
.f360 .progress-border {
  width: 104%;
  border: 1px solid #d1cccc !important;
  background-color: #d1cccc !important;
  height: 10px;
}
.f360 .progress-bar {
  background-color: #5cb85c !important;
  width: 0%;
}
.f360 .bar-not-progress {
  width: 104%;
  height: 10px;
  background-color: #d1cccc;
}
.f360 .img-progress {
  max-width: 40px;
}
.f360 .title-header {
  background-color: white !important;
  color: #555 !important;
}
.f360 .f360-subtitle {
  font-size: 18px;
  font-weight: 600;
}
.f360 .slider {
  -webkit-appearance: none;
  width: 100%;
  height: 6px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  transition: opacity 0.2s;
}
.f360 .slider::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  background: #0C547E;
  cursor: pointer;
  border-radius: 70px;
}
.f360 .slider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  background: #0C547E;
  cursor: pointer;
  border-radius: 70px;
}
.f360 #myinput {
  background: linear-gradient(to right, #0C547E 0%, #0C547E 50%, #96b6d6 50%, #96b6d6 100%);
  border: none;
  padding: 0 !important;
  height: 10px;
  width: 300px;
  outline: none;
  transition: background 450ms ease-in;
  -webkit-appearance: none;
  position: relative;
}
.f360 .slider-body {
  width: 300px;
}
@media (max-width: 767px) {
  .f360 .range-labels-body-score li {
    width: 8% !important;
  }
  .f360 .range-labels-body-score {
    margin: 38px -32px -38px -10px !important;
  }
  .f360 .range-labels-lamness-score {
    margin: 38px -32px -38px -21px !important;
  }
  .f360 .range-labels-lamness-score li {
    width: 16% !important;
  }
  .f360 #myinput {
    width: 100% !important;
  }
  .f360 .slider-body {
    width: 100% !important;
  }
}
.f360 .btn-link {
  cursor: pointer;
}
.f360 .evaluation-overview-button {
  width: 470px;
  margin: auto;
}
.f360 .evaluation-overview-disabled-section {
  pointer-events: none;
  cursor: default;
}
.f360 .pl-30-r-0 {
  padding-left: 65px;
  padding-right: 0;
}
@media (max-width: 767px) {
  .f360 .evaluation-overview-button {
    width: 100%;
  }
  .f360 .font-12 {
    font-size: 12px !important;
  }
  .f360 .pl-30-r-0 {
    padding-left: 30px !important;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .f360 .heading-bar {
    height: 65px !important;
  }
  .f360 .circle-chart-area {
    position: relative;
    width: 100% !important;
    height: 100% !important;
    min-height: 300px !important;
    max-height: 300px !important;
  }
  .f360 .circle-chart-area .circle-chart {
    width: 100% !important;
    height: 100% !important;
    max-height: 300px !important;
    min-height: 300px !important;
  }
  .f360 .sections-bar-chart-area {
    position: relative;
    width: 100% !important;
    height: 100% !important;
    min-height: 400px !important;
  }
  .f360 .sections-bar-chart-area .sections-bar-chart {
    width: 100% !important;
    height: 100% !important;
    min-height: 400px !important;
  }
  .f360 .category-bar-chart-area {
    position: relative;
    width: 100% !important;
    height: 100% !important;
    min-height: 400px !important;
  }
  .f360 .category-bar-chart-area .category-bar-chart {
    width: 100% !important;
    height: 100% !important;
    min-height: 400px !important;
  }
  .f360 .question-sections-circle-chart-area {
    position: relative;
    width: 100% !important;
    height: 100% !important;
    max-height: 300px !important;
    min-height: 300px !important;
  }
  .f360 .question-sections-circle-chart-area .circle-chart {
    width: 100% !important;
    height: 100% !important;
    max-height: 300px !important;
    min-height: 300px !important;
  }
}
.f360 .text-sync-area {
  width: 85px;
  float: right;
  margin-top: 10px;
}
.f360 .image-sync-area {
  width: 50px;
  float: right;
}
.f360 .img-sync {
  max-width: 24px;
}
.f360 .scroring-button {
  width: 275px;
  margin: auto;
}
.f360 .font-18 {
  font-size: 18px !important;
}
.f360 .table-scroring {
  font-size: 14px;
}
.f360 .sub-title {
  font-size: 16px;
  font-weight: 600;
}
.f360 .btn-color-weight {
  background-color: #333;
  color: #fff;
}
.f360 .range-labels {
  padding: 0;
  list-style: none;
}
.f360 .range-labels li {
  position: relative;
  float: left;
  text-align: center;
  color: #b2b2b2;
  font-size: 12px;
  cursor: pointer;
}
.f360 .range-labels li::before {
  position: absolute;
  top: -25px;
  right: 0;
  left: 0;
  content: "";
  margin: 0 auto;
  width: 1px;
  height: 5px;
  background: #b2b2b2;
}
.f360 .range-labels-body-score {
  margin: 38px -32px -38px -10px;
}
.f360 .range-labels-body-score li {
  width: 29px;
}
.f360 .range-labels-lamness-score {
  margin: 38px -32px -38px -24px;
}
.f360 .range-labels-lamness-score li {
  width: 58px;
}
.f360 .range-counts {
  margin: 38px -32px -38px -7px;
  padding: 0;
  list-style: none;
}
.f360 .range-counts li {
  position: relative;
  float: left;
  width: 15px;
  text-align: center;
  cursor: pointer;
}
.f360 .range-counts-lamness-score {
  margin: 38px -32px -38px -12px;
  padding: 0;
  list-style: none;
}
.f360 .range-counts-lamness-score li {
  position: relative;
  float: left;
  width: 36px;
  text-align: center;
  cursor: pointer;
}
.f360 .value-count {
  margin-bottom: 10px;
  color: #5588A5 !important;
  font-size: 14px !important;
  font-weight: 600;
}
.f360 .tooltip-sync {
  position: relative;
  display: inline-block;
}
.f360 .tooltip-sync .tooltiptext-sync {
  visibility: hidden;
  width: 175px;
  background-color: #fff;
  color: #555;
  text-align: center;
  border-radius: 4px;
  padding: 8px 10px;
  position: absolute;
  z-index: 1;
  top: 135%;
  left: -110%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
  border: solid 1px rgb(168, 165, 165);
}
.f360 .tooltip-sync .tooltiptext-sync::before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 95.7%;
  right: auto;
  top: -20.5px;
  bottom: 100%;
  left: 75%;
  border: 10px solid;
  border-color: transparent transparent #555 transparent;
}
.f360 .tooltip-sync .tooltiptext-sync::after {
  content: " ";
  position: absolute;
  width: 10px;
  height: 0;
  left: 75%;
  right: auto;
  top: -19.5px;
  bottom: auto;
  border: 10px solid;
  border-color: transparent transparent white transparent;
}
.f360 .tooltip-sync:hover .tooltiptext-sync {
  visibility: visible;
  opacity: 1;
}
.f360 .heading-bar {
  font-weight: bold;
  font-size: 16px !important;
  height: 43px;
  background-color: #424242 !important;
  color: #FFFFFF !important;
}
.f360 .subheading-bar {
  background-color: #c0c0c0;
  padding: 8px 13px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
}
.f360 .subtitle-heading {
  font-size: 14px;
  font-weight: 600;
}
.f360 .text-area {
  resize: none;
  padding: 10px;
  width: 100%;
  border-radius: 5px;
}
.f360 .datetime-evaluation {
  max-width: 290px;
  height: 100px;
}
.f360 .input-date-div {
  width: 100%;
}
.f360 .input-group.date {
  border: solid 2px transparent;
}
.f360 .color-black {
  color: #000;
}
.f360 .underline {
  text-decoration: underline;
}
.f360 .link-print-color {
  color: #fff;
}
.f360 .print-area {
  float: right;
  text-align: right;
}
.f360 .link-hover:hover {
  color: #555;
}
.f360 .circle-chart-area {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 300px;
  min-height: 300px;
}
.f360 .circle-chart-area .circle-chart {
  width: 100%;
  height: 100%;
  max-height: 300px;
  min-height: 300px;
}
.f360 .sections-bar-chart-area {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 400px;
  min-height: 400px;
}
.f360 .sections-bar-chart-area .sections-bar-chart {
  width: 100%;
  height: 100%;
  max-height: 400px;
  min-height: 400px;
}
.f360 .category-bar-chart-area {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 400px;
  min-height: 400px;
}
.f360 .category-bar-chart-area .category-bar-chart {
  width: 100%;
  height: 100%;
  max-height: 400px;
  min-height: 400px;
}
.f360 .question-sections-circle-chart-area {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 300px;
  min-height: 300px;
}
.f360 .question-sections-circle-chart-area .circle-chart {
  width: 100%;
  height: 100%;
  max-height: 300px;
  min-height: 300px;
}
@media (max-width: 767px) {
  .f360 .table-scroring {
    font-size: 12px;
  }
  .f360 .circle-chart-area {
    position: relative;
    width: 100% !important;
    height: 100% !important;
    min-height: 300px !important;
    max-height: 300px !important;
  }
  .f360 .circle-chart-area .circle-chart {
    width: 100% !important;
    height: 100% !important;
    max-height: 300px !important;
    min-height: 300px !important;
  }
  .f360 .sections-bar-chart-area {
    position: relative;
    width: 100% !important;
    height: 100% !important;
    min-height: 400px !important;
  }
  .f360 .sections-bar-chart-area .sections-bar-chart {
    width: 100% !important;
    height: 100% !important;
    min-height: 400px !important;
  }
  .f360 .category-bar-chart-area {
    position: relative;
    width: 100% !important;
    height: 100% !important;
    min-height: 400px !important;
  }
  .f360 .category-bar-chart-area .category-bar-chart {
    width: 100% !important;
    height: 100% !important;
    min-height: 400px !important;
  }
  .f360 .question-sections-circle-chart-area {
    position: relative;
    width: 100% !important;
    height: 100% !important;
    max-height: 300px !important;
    min-height: 300px !important;
  }
  .f360 .question-sections-circle-chart-area .circle-chart {
    width: 100% !important;
    height: 100% !important;
    max-height: 300px !important;
    min-height: 300px !important;
  }
  .f360 .left-quest-singl {
    left: 12.5% !important;
  }
}
.f360 .disable-textbox {
  border: none;
  background-color: #fff;
  font-size: 13px;
}
.f360 .text-title-comment {
  padding: 0.2em 0.6em 0.3em;
  font-weight: bold;
}
.f360 .border-print {
  border: solid 2px;
  padding: 2px;
}
.f360 .panel-heading {
  background-color: #fff;
  color: #424242;
  font-weight: bold;
  border-radius: 0;
}
.f360 .panel-heading-active {
  background-color: #d9d9d9;
}
.f360 .score-area {
  width: 10%;
}
.f360 .color-button {
  color: #fff;
}
.f360 .icon-sync {
  font-size: 24px;
  color: #5cb85c;
  margin-left: 10px;
  margin-top: 5px;
}
.f360 .icon-sync-warning {
  font-size: 24px;
  color: #EB6841;
  margin-left: 10px;
  margin-top: 5px;
}
.f360 .icon-check-cricle {
  font-size: 40px;
  color: #5cb85c;
  margin-left: 10px;
  float: right;
}
.f360 .icon-cricle {
  font-size: 40px;
  color: #D1CCCC;
  margin-left: 10px;
  float: right;
}
.f360 .pr-icon {
  padding-right: 5px;
}
.f360 .none-radius {
  border-radius: 0;
}
.f360 .panel > .panel {
  border: 0;
}
.f360 .panel > .panel.border-top {
  border-top: 1px solid #ddd;
}
.f360 .online-status-area {
  height: 40px;
}
.f360 .float-right {
  float: right;
}
.f360 .hover-underline:hover {
  text-decoration: underline;
}
.f360 .mt-btn-cancel {
  margin-top: 7px;
}
.f360 .p-overview {
  padding-top: 15px;
  padding-left: 15px;
}
.f360 .left-quest {
  left: 94.5%;
}
.f360 .left-quest-singl {
  left: 8.5%;
}
.f360 .report-table > tr {
  background-color: #d9d9d9;
  color: #333;
}
.f360 .option-size {
  font-size: 18px;
}
.f360 .btn-option {
  margin-top: -15px;
}
.f360 .icon-subheading {
  width: 20px;
  margin-top: -6px;
}
.f360 .subheading-area {
  height: 30px;
}
.f360 .subheading-text {
  margin-top: -5px;
}
.f360 .temp-previous {
  margin-left: 63px;
}
.f360 .temp-next {
  margin-right: 37px;
}
.f360 .title-chart {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.f360 .select-popup {
  text-align: center;
  max-height: 600px;
  position: relative;
}
.f360 .select-popup-close-div {
  width: 100%;
  text-align: right;
}
.f360 .question-grid-question-col {
  width: 40%;
}
.f360 .question-grid-notes-col {
  width: 30%;
  max-width: 430px;
  white-space: pre-wrap;
}
.f360 .question-grid-followup-item-col {
  width: 14%;
}
.f360 .popup {
  margin: 0;
  background: #fff;
  border: 1px solid #aaa;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  z-index: 1010;
  min-height: 100px;
  width: 385px;
  padding: 10px;
  border-radius: 4px;
  position: absolute;
  text-align: left;
  margin-left: -280px;
}
.f360 .select-popup .btn {
  width: 20px;
}
.f360 .switch-div {
  text-align: center;
}
.f360 .switch {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 12px;
}
.f360 .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.f360 .mysynch-textarea {
  width: 100%;
  min-height: 150px;
  margin-top: 15px;
}
.f360 .slider-check {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.f360 .slider-check:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 1px;
  bottom: 1px;
  background-color: white;
  transition: 0.4s;
}
.f360 input:checked + .slider-check {
  background-color: #2196F3;
}
.f360 input:focus + .slider-check {
  box-shadow: 0 0 1px #2196F3;
}
.f360 input:checked + .slider-check:before {
  transform: translateX(10px);
}
.f360 .slider-check.round {
  border-radius: 34px;
}
.f360 .slider-check.round:before {
  border-radius: 50%;
}
.f360 .toggle.ios, .f360 .toggle-on.ios, .f360 .toggle-off.ios {
  border-radius: 60px;
}
.f360 .toggle.ios .toggle-handle {
  border-radius: 60px;
}
.f360 .mr-check {
  margin-top: 4px;
}
.f360 .row-check {
  padding: 0 15px;
}
.f360 .content-check {
  width: 100%;
}
.f360 .content-child {
  font-size: 12px;
}
@media (min-width: 420px) and (max-width: 767px) {
  .f360 .select-popup {
    text-align: left;
  }
  .f360 .popup {
    margin-left: -42px;
    width: 383px;
  }
}
@media (min-width: 375px) and (max-width: 415px) {
  .f360 .select-popup {
    text-align: left;
  }
  .f360 .popup {
    margin-left: -55px;
    width: 381px;
  }
}
@media (min-width: 321px) and (max-width: 375px) {
  .f360 .select-popup {
    text-align: left;
  }
  .f360 .popup {
    margin-left: -39px;
    width: 345px;
  }
}
@media (max-width: 320px) {
  .f360 {
    /*


    .popup {
    	margin: 0;
    	background: #fff;
    	border: 1px solid #aaa;
    	box-shadow: 0 4px 5px rgba(0,0,0,.15);
    	z-index: 1010;
    	width: 385px; 
    	padding: 10px;
    	border-radius: 4px;
    	position: absolute;
    	text-align: left;
    	margin-left: -280px;
    }  
    	*/
  }
  .f360 .select-popup {
    text-align: left;
  }
  .f360 .popup {
    margin-left: -34px;
    width: 290px;
  }
}

.fertility-360-report-dislaimer {
  -ms-flex: 1;
      flex: 1;
  text-align: center;
}

#emm-retrieve-shotlist {
  /* -----------------------------
    DropZone overrides
  --------------------------------*/
}
#emm-retrieve-shotlist .dz-message {
  display: none;
}
#emm-retrieve-shotlist .dropzone {
  background: radial-gradient(#ffffff, #d6d6d6);
  background-repeat: none;
  height: 350px;
  border-color: #b1b1b1;
}
#emm-retrieve-shotlist .dropzone .dropzone-control-body {
  height: 100%;
  width: 100%;
}
#emm-retrieve-shotlist .dropzone .dropzone-control-body .dropzone-control-body-text-divider {
  font-size: 0.88em;
  vertical-align: top;
}
#emm-retrieve-shotlist .dropzone .dropzone-control-body .dropzone-filename-text {
  height: 25px;
}
#emm-retrieve-shotlist .previewShotList-table-container {
  height: 250px;
  overflow: auto;
  font-size: 0.9em;
  margin-bottom: 15px;
}
#emm-retrieve-shotlist .previewShotList-table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0px;
  border-radius: 4px;
  border-width: 2px;
  border-color: #424242;
  font-size: 0.9em;
  background-color: #d9d9d9;
  color: #424242;
  scrollbar-width: thin;
}
#emm-retrieve-shotlist .previewShotList-table thead tr th {
  font-size: 0.9em;
  top: 0;
  position: sticky;
  z-index: 20;
  background-color: #d3d3d3;
  color: #555;
  padding: 3px;
}
#emm-retrieve-shotlist .previewShotList-table td {
  font-size: 0.9em;
  height: 50%;
  padding: 1px;
}
#emm-retrieve-shotlist .sourceShotDate {
  color: #a3a3a3;
  font-size: 0.9em;
  margin-right: 4px;
}
#emm-retrieve-shotlist .destShotUploadedDate {
  color: #5cb85c;
  margin-right: 4px;
  margin-left: 4px;
}
#emm-retrieve-shotlist .dropzone-browse-button {
  height: 37px;
}
#emm-retrieve-shotlist .empty-flex-container {
  width: 70px;
  height: 60px;
}
#emm-retrieve-shotlist .tag-image-container {
  width: 70px;
  height: 80px;
}
#emm-retrieve-shotlist .cowid-eartag-image {
  height: 70%;
  width: 70%;
  position: sticky;
  z-index: 20;
}
#emm-retrieve-shotlist .eid-eidtag-image {
  max-height: 60px;
  position: sticky;
  z-index: 20;
}
#emm-retrieve-shotlist .custom-fields-drugmap-row {
  min-height: 360px;
}
#emm-retrieve-shotlist .emm-custom-fields-table-container {
  height: 180px;
  overflow: auto;
  border-radius: 4px;
  border-width: 0px 1px 1px 1px;
  border-color: #b1b1b1;
  border-style: solid;
  border-collapse: separate;
}
#emm-retrieve-shotlist .emm-custom-fields-table-container .emm-custom-fields-table {
  width: 100%;
  max-width: 100%;
  border-collapse: separate;
}
#emm-retrieve-shotlist .emm-custom-fields-table-container .emm-custom-fields-table thead tr th {
  top: 0;
  position: sticky;
  z-index: 20;
  border-width: 1px 0px 1px 0px;
  border-color: #b1b1b1;
  border-style: solid;
  border-collapse: inherit;
}
#emm-retrieve-shotlist .drugmap-table-container {
  height: 180px;
  overflow: auto;
  border-radius: 4px;
  border-width: 0px 1px 1px 1px;
  border-color: #b1b1b1;
  border-style: solid;
  border-collapse: separate;
}
#emm-retrieve-shotlist .drugmap-table-container.error-input-important .drugmap-table thead tr th {
  border-top-color: #C2382E;
}
#emm-retrieve-shotlist .drugmap-table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border-collapse: separate;
}
#emm-retrieve-shotlist .drugmap-table thead tr th {
  top: 0;
  position: sticky;
  z-index: 20;
  border-width: 1px 0px 1px 0px;
  border-color: #b1b1b1;
  border-style: solid;
  border-collapse: inherit;
}
#emm-retrieve-shotlist .drugmap-table tbody > tr td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
#emm-retrieve-shotlist .destinationShotList-table-container {
  height: 250px;
  overflow: auto;
}
#emm-retrieve-shotlist .destinationShotList-table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0px;
  border-radius: 4px;
  border-width: 2px;
  border-color: #424242;
  font-size: 0.9em;
  background-color: #d9d9d9;
  color: #424242;
  scrollbar-width: thin;
}
#emm-retrieve-shotlist .destinationShotList-table thead tr {
  height: 50%;
}
#emm-retrieve-shotlist .destinationShotList-table thead tr th {
  font-size: 0.9em;
  top: 0;
  position: sticky;
  z-index: 20;
  background-color: #d3d3d3;
  color: #555;
  padding: 3px;
}
#emm-retrieve-shotlist .destinationShotList-table td {
  font-size: 0.9em;
  height: 50%;
  padding: 1px;
}
#emm-retrieve-shotlist .retrieve-shotlist-submit-btn {
  width: 100%;
}

#popup-nav-menu {
  width: 100%;
}
#popup-nav-menu .collapse-controls {
  cursor: pointer;
}
#popup-nav-menu .collapse-controls.collapsed .fa-chevron-up {
  display: none;
}
#popup-nav-menu .collapse-controls:not(.collapsed) .fa-chevron-down {
  display: none;
}
#popup-nav-menu .dropdown .dropdown-menu {
  position: relative;
  box-shadow: 1px 5px 6px rgba(0, 0, 0, 0.4);
  width: 180px;
  font-size: 13px;
}
#popup-nav-menu .dropdown .dropdown-menu li:hover {
  background-color: #e0eff8;
}
#popup-nav-menu #togglePopupNavMenuSubItemTooltip.talk-bubble {
  display: inline-block;
  position: absolute;
  width: 100%;
  background-color: #FFFFFF;
  top: 0px;
  left: inherit;
  padding: 5px;
  z-index: 9999;
  height: auto;
  color: #000;
}

#multi-farm-dashboard .dropdown-multiselect a:focus {
  background-color: unset !important;
  outline: none !important;
  outline-offset: unset !important;
}
#multi-farm-dashboard .multifarm-dasbhoard-farm-multiselect {
  width: 187px;
  text-align: right;
}
#multi-farm-dashboard .multifarm-dasbhoard-farm-multiselect:active {
  color: #333 !important;
  background-color: #e6e6e6 !important;
}
#multi-farm-dashboard .multi-farm-dashboard-view-mobile {
  margin-top: 80px;
}
#multi-farm-dashboard.body-content {
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
@media (min-width: 768px) {
  #multi-farm-dashboard {
    width: 716px;
    margin-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
}
@media (min-width: 992px) {
  #multi-farm-dashboard {
    width: 936px;
    margin-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
}
@media (min-width: 1200px) {
  #multi-farm-dashboard {
    width: 1144px;
    margin-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
}
@media (min-width: 1430px) {
  #multi-farm-dashboard {
    width: 1336px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
}
#multi-farm-dashboard .modal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
#multi-farm-dashboard .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px 5px;
  border: 1px solid #888;
  max-width: 370px;
  margin-top: 250px;
}
#multi-farm-dashboard #toggleLegendTooltip.talk-bubble {
  margin-left: 0px;
}
#multi-farm-dashboard #toggleRankToggleTooltip.talk-bubble {
  margin-left: 15px;
}
#multi-farm-dashboard #toggleRankToggleTooltip.talk-bubble.rank-toggle-tooltip-mobile {
  top: 53px;
}
#multi-farm-dashboard .talk-bubble {
  box-shadow: 1px 5px 6px rgba(0, 0, 0, 0.4);
}
#multi-farm-dashboard .ranking-toggle-row .ranking-toggle-btn {
  height: 37px;
}
#multi-farm-dashboard .ranking-toggle-row .ranking-toggle-btn-mobile {
  height: 50px;
  white-space: normal;
}
#multi-farm-dashboard .rank-legend-row {
  font-size: 14px;
}
#multi-farm-dashboard .rank-legend-row [class^=col-lg-] {
  padding-right: 5px;
  padding-left: 5px;
}
#multi-farm-dashboard .rank-legend-row .rank-legend-item {
  width: 105px;
}
#multi-farm-dashboard .rank-legend-square {
  height: 25px;
  width: 25px;
  border: 1px solid #ddd;
}
#multi-farm-dashboard .parnell-admin-filter-control-row {
  height: 35px;
}
#multi-farm-dashboard .parnell-admin-filter-control-row .teritory-filter-container {
  height: 35px;
}
#multi-farm-dashboard .parnell-admin-filter-control-row .farm-filter-container {
  width: 300px;
}
#multi-farm-dashboard .parnell-admin-filter-control-row .filter-control-spinner-container {
  height: 35px;
}
#multi-farm-dashboard .parnell-admin-filter-control-row .filter-control-spinner-container .mysynch-span-checkmark {
  margin-top: -6px;
}
#multi-farm-dashboard .territory-filter-select {
  height: 35px;
}
@media screen and (max-device-width: 1000px) and (orientation: landscape) {
  #multi-farm-dashboard .outer-table-container {
    height: 375px !important;
  }
}
@media screen and (max-width: 768px) {
  #multi-farm-dashboard .outer-table-container {
    height: 375px !important;
    overflow: auto !important;
  }
}
@media screen and (max-width: 1200px) {
  #multi-farm-dashboard .outer-table-container {
    height: 450px !important;
    overflow: auto !important;
  }
}
#multi-farm-dashboard .outer-table-container {
  height: 683px;
  overflow: auto;
}
#multi-farm-dashboard .outer-table-container-mobile-xs {
  height: 375px;
  overflow: auto;
}
#multi-farm-dashboard .multi-farm-dashboard-outer-table-row-header-th {
  position: sticky;
  top: 0px;
  z-index: 30;
  background-color: #FFF;
}
#multi-farm-dashboard .multi-farm-dashboard-outer-table-row-header {
  height: 45px;
  font-size: 18px;
  font-weight: normal;
}
#multi-farm-dashboard .multi-farm-dashboard-outer-table-row-header .farm-name-outer-table-header-cell-container {
  max-width: 201px;
}
#multi-farm-dashboard .multi-farm-dashboard-outer-table-row-header .multi-farm-dashboard-outer-table-header-cell {
  height: 45px;
}
#multi-farm-dashboard .table-sortable-container .table-sortable {
  border-width: 1px;
  border-style: solid;
  border-color: #ddd;
  width: 100%;
  border-collapse: separate;
}
#multi-farm-dashboard .table-sortable-container .table-sortable > thead > tr > th {
  top: 45px;
  position: sticky;
  z-index: 25;
  color: #000;
  background-color: #f5f5f5;
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: #ddd;
}
#multi-farm-dashboard .table-sortable-container .table-sortable > thead > tr > th:nth-child(1) {
  left: 0;
  z-index: 30;
}
#multi-farm-dashboard .table-sortable-container .table-sortable-farmName-header-cell {
  min-width: 200px;
}
#multi-farm-dashboard .table-sortable-container .table-sortable-date-header-cell {
  min-width: 85px;
}
#multi-farm-dashboard .table-sortable-container .table-sortable-header-cell {
  min-width: 85px;
}
#multi-farm-dashboard .table-sortable-container .table-sortable > thead > tr > th:nth-child(5), #multi-farm-dashboard .table-sortable-container .table-sortable > thead > tr > th:nth-child(9) {
  border-right: 4px solid #c1c1c1;
}
#multi-farm-dashboard .table-sortable-container .table-sortable > tbody > tr {
  background-color: #fff;
  height: 40px;
}
#multi-farm-dashboard .table-sortable-container .table-sortable > tbody > tr > td {
  vertical-align: middle;
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: #ddd;
}
#multi-farm-dashboard .table-sortable-container .table-sortable > tbody > tr > td:nth-child(1) {
  background-color: #f5f5f5;
}
#multi-farm-dashboard .table-sortable-container .table-sortable > tbody > tr > td:nth-child(5), #multi-farm-dashboard .table-sortable-container .table-sortable > tbody > tr > td:nth-child(9) {
  border-right: 4px solid #c1c1c1;
}
#multi-farm-dashboard .table-sortable-container .table-sortable-row-cell-container {
  height: 100%;
  width: 100%;
}
#multi-farm-dashboard .table-sortable-container .table-sortable-row-cell-container .table-sortable-directive-cell-container {
  height: 100%;
  width: 100%;
}
#multi-farm-dashboard .table-sortable-container .table-sortable-row-cell-container .talk-bubble {
  display: inline-block;
  position: absolute;
  width: 20%;
  background-color: #FFFFFF;
  top: inherit;
  left: inherit;
  padding: 5px;
  z-index: 9999;
  height: auto;
  margin-top: 30px;
  color: #000;
}
#multi-farm-dashboard .table-sortable-container .table-sortable-row-cell-container .table-stortable-cell-tooltip {
  font-weight: normal;
}
#multi-farm-dashboard .table-sortable-container .table-sortable > thead > tr > th:after {
  content: "\f0dc";
  color: #666666;
}
#multi-farm-dashboard .table-sortable-container .table-sortable > thead > tr > th.sort-false:after {
  content: "\f0de";
  color: #008bd5;
}
#multi-farm-dashboard .table-sortable-container .table-sortable > thead > tr > th.sort-true:after {
  content: "\f0dd";
  color: #008bd5;
}

#myFarmRanks.body-content {
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
@media (min-width: 768px) {
  #myFarmRanks {
    width: 716px;
    margin-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
}
@media (min-width: 992px) {
  #myFarmRanks {
    width: 936px;
    margin-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
}
@media (min-width: 1200px) {
  #myFarmRanks {
    width: 1144px;
    margin-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
}
@media (min-width: 1430px) {
  #myFarmRanks {
    width: 1336px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
}
#myFarmRanks .modal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
#myFarmRanks .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px 5px;
  border: 1px solid #888;
  max-width: 370px;
  margin-top: 250px;
}
#myFarmRanks #toggleLegendTooltip.talk-bubble {
  margin-left: 0px;
}
#myFarmRanks #toggleRankToggleTooltip.talk-bubble {
  margin-left: 15px;
}
#myFarmRanks #toggleRankToggleTooltip.talk-bubble.rank-toggle-tooltip-mobile {
  top: 53px;
}
#myFarmRanks .talk-bubble {
  box-shadow: 1px 5px 6px rgba(0, 0, 0, 0.4);
}
#myFarmRanks .ranking-toggle-row .ranking-toggle-btn {
  height: 37px;
}
#myFarmRanks .ranking-toggle-row .ranking-toggle-btn-mobile {
  height: 50px;
  white-space: normal;
}
#myFarmRanks .rank-legend-row {
  font-size: 14px;
}
#myFarmRanks .rank-legend-row [class^=col-lg-] {
  padding-right: 5px;
  padding-left: 5px;
}
#myFarmRanks .rank-legend-row .rank-legend-item {
  width: 105px;
}
#myFarmRanks .rank-legend-square {
  height: 25px;
  width: 25px;
  border: 1px solid #ddd;
}
#myFarmRanks .parnell-admin-filter-control-row {
  height: 35px;
}
#myFarmRanks .parnell-admin-filter-control-row .teritory-filter-container {
  height: 35px;
}
#myFarmRanks .parnell-admin-filter-control-row .farm-filter-container {
  width: 300px;
}
#myFarmRanks .parnell-admin-filter-control-row .filter-control-spinner-container {
  height: 35px;
}
#myFarmRanks .parnell-admin-filter-control-row .filter-control-spinner-container .mysynch-span-checkmark {
  margin-top: -6px;
}
#myFarmRanks .territory-filter-select {
  height: 35px;
}
@media screen and (max-device-width: 1000px) and (orientation: landscape) {
  #myFarmRanks .outer-table-container {
    height: 375px !important;
  }
}
@media screen and (max-width: 768px) {
  #myFarmRanks .outer-table-container {
    height: 375px !important;
    overflow: auto !important;
  }
}
@media screen and (max-width: 1200px) {
  #myFarmRanks .outer-table-container {
    height: 450px !important;
    overflow: auto !important;
  }
}
#myFarmRanks .outer-table-container {
  height: 683px;
  overflow: auto;
}
#myFarmRanks .outer-table-container-mobile-xs {
  height: 375px;
  overflow: auto;
}
#myFarmRanks .my-farm-ranks-outer-table-row-header-th {
  position: sticky;
  top: 0px;
  z-index: 30;
  background-color: #FFF;
}
#myFarmRanks .my-farm-ranks-outer-table-row-header {
  height: 45px;
  font-size: 18px;
  font-weight: normal;
}
#myFarmRanks .my-farm-ranks-outer-table-row-header .farm-name-outer-table-header-cell-container {
  max-width: 201px;
}
#myFarmRanks .my-farm-ranks-outer-table-row-header .my-farm-ranks-outer-table-header-cell {
  height: 45px;
}
#myFarmRanks .table-sortable-container .table-sortable {
  border-width: 1px;
  border-style: solid;
  border-color: #ddd;
  width: 100%;
  border-collapse: separate;
}
#myFarmRanks .table-sortable-container .table-sortable > thead > tr > th {
  top: 45px;
  position: sticky;
  z-index: 25;
  color: #000;
  background-color: #f5f5f5;
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: #ddd;
}
#myFarmRanks .table-sortable-container .table-sortable > thead > tr > th:nth-child(1) {
  left: 0;
  z-index: 30;
}
#myFarmRanks .table-sortable-container .table-sortable-farmName-header-cell {
  min-width: 200px;
}
#myFarmRanks .table-sortable-container .table-sortable-date-header-cell {
  min-width: 85px;
}
#myFarmRanks .table-sortable-container .table-sortable-header-cell {
  min-width: 85px;
}
#myFarmRanks .table-sortable-container .table-sortable > thead > tr > th:nth-child(5), #myFarmRanks .table-sortable-container .table-sortable > thead > tr > th:nth-child(9) {
  border-right: 4px solid #c1c1c1;
}
#myFarmRanks .table-sortable-container .table-sortable > tbody > tr {
  background-color: #fff;
  height: 40px;
}
#myFarmRanks .table-sortable-container .table-sortable > tbody > tr > td {
  vertical-align: middle;
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: #ddd;
}
#myFarmRanks .table-sortable-container .table-sortable > tbody > tr > td:nth-child(1) {
  background-color: #f5f5f5;
}
#myFarmRanks .table-sortable-container .table-sortable > tbody > tr > td:nth-child(5), #myFarmRanks .table-sortable-container .table-sortable > tbody > tr > td:nth-child(9) {
  border-right: 4px solid #c1c1c1;
}
#myFarmRanks .table-sortable-container .table-sortable-row-cell-container {
  height: 100%;
  width: 100%;
}
#myFarmRanks .table-sortable-container .table-sortable-row-cell-container .table-sortable-directive-cell-container {
  height: 100%;
  width: 100%;
}
#myFarmRanks .table-sortable-container .table-sortable-row-cell-container .talk-bubble {
  display: inline-block;
  position: absolute;
  width: 20%;
  background-color: #FFFFFF;
  top: inherit;
  left: inherit;
  padding: 5px;
  z-index: 9999;
  height: auto;
  margin-top: 30px;
  color: #000;
}
#myFarmRanks .table-sortable-container .table-sortable-row-cell-container .table-stortable-cell-tooltip {
  font-weight: normal;
}
#myFarmRanks .table-sortable-container .table-sortable > thead > tr > th:after {
  content: "\f0dc";
  color: #666666;
}
#myFarmRanks .table-sortable-container .table-sortable > thead > tr > th.sort-false:after {
  content: "\f0de";
  color: #008bd5;
}
#myFarmRanks .table-sortable-container .table-sortable > thead > tr > th.sort-true:after {
  content: "\f0dd";
  color: #008bd5;
}

#seasonal-trends .large-chart {
  width: 100%;
}
#seasonal-trends .small-chart {
  width: 100%;
}
#seasonal-trends .small-chart.active svg {
  border-style: solid;
  border-radius: 2px;
  opacity: 0.5;
  border-color: rgba(0, 0, 255, 0.3);
  border-width: 6px;
}
#seasonal-trends .small-chart svg {
  cursor: pointer;
  border-style: solid;
  border-radius: 2px;
  border-color: #EBEBEB;
  border-width: 6px;
}
#seasonal-trends .small-chart svg:hover {
  opacity: 0.3;
  background-color: #e6e6e6;
  border-color: blue;
  border-width: 6px;
}
#seasonal-trends .seasonal-trends-report {
  padding: 0px 5px 0px 5px;
}
#seasonal-trends .seasonal-trends-report iframe {
  border: none;
}
#seasonal-trends .large-chart-outer-row-container {
  max-height: 660px;
}
#seasonal-trends .small-charts-outer-row-container {
  max-height: 210px;
}
#seasonal-trends .small-chart-container {
  width: 55%;
  margin: auto;
}
#seasonal-trends .small-chart-inner-container {
  width: 100%;
}
#seasonal-trends .btn-chart-selector {
  z-index: 1001;
  background-color: #333;
  border-width: 0px;
  position: absolute;
  opacity: 0.1;
  height: 100%;
  top: 0px;
  left: 54px;
  width: 72%;
}
#seasonal-trends .btn-chart-selector:hover {
  opacity: 0.1;
  background-color: #e6e6e6;
  border-color: blue;
  border-width: 4px;
}
#seasonal-trends .btn-outlined {
  opacity: 0.85;
  border-color: #0000FF;
  border-width: 14px;
}
#seasonal-trends .btn-outlined-2 {
  z-index: 1001;
  background-color: white;
  border-style: solid;
  border-radius: 2px;
  border-color: blue;
  border-width: 6px;
  position: absolute;
  opacity: 0.3;
  height: 100%;
  top: 0px;
  left: 55px;
  width: 74%;
}
#seasonal-trends .seasonal-trends-fertility-rate-dropdown-container {
  font-size: 14px;
  margin-bottom: 15px;
}
#seasonal-trends .seasonal-trends-fertility-rate-dropdown-container .seasonal-trends-fertility-rate-dropdown {
  min-height: 40px;
  padding: 6px 10px 6px 10px;
  display: block;
  font-size: 14px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#seasonal-trends .flag-for-followup-tag-text-mobile {
  padding-top: 3px;
}
#seasonal-trends .seasonal-trends-options-menu-container {
  width: 100px;
  cursor: pointer;
}
#seasonal-trends .seasonal-trends-options-menu-container:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
#seasonal-trends .seasonal-trends-options-menu-container.open {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
#seasonal-trends .seasonal-trends-options-menu-container .seasonal-trends-options-menu {
  border: 1px solid #aaa;
  border-radius: 6px;
  padding: 6px 10px 6px 10px;
}
#seasonal-trends .seasonal-trends-options-menu-container .seasonal-trends-options-menu .seasonal-trends-option-menu-label {
  font-size: 14px;
}
#seasonal-trends .seasonal-trends-options-menu-container .seasonal-trends-options-menu .seasonal-trends-option-menu-image {
  margin-left: 10px;
  margin-top: 2px;
  margin-bottom: 2px;
}
#seasonal-trends .seasonal-trends-options-menu-container .dropdown-menu {
  min-width: 300px;
  z-index: 1010;
}
@media (max-width: 2080px) {
  #seasonal-trends .btn-chart-selector {
    left: 54px;
    width: 72%;
  }
}
@media (max-width: 1199px) {
  #seasonal-trends .btn-chart-selector {
    left: 39px;
  }
}
@media (max-width: 991px) {
  #seasonal-trends .btn-chart-selector {
    left: 31px;
  }
}

.model-associated-metrics-instructions {
  font-size: 11px;
}

.modal-farm-management-edit-goal {
  height: 280px;
}

.modal-farm-management-add-actionitemgroup {
  height: 340px;
}

.modal-farm-management-actionitemgroup-groupkey-freetext-container {
  height: 30px;
}

.modal-farm-management-add-action-item {
  height: 355px;
}

.modal-farm-management-edit-action-item {
  height: 500px;
}

.left-margin-20 {
  margin-left: 20px;
}

.no-resize {
  resize: none;
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}

.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger:disabled, .btn-outline-danger.disabled {
  color: #dc3545;
  background-color: transparent;
}

.top-padding-15 {
  padding-top: 15px;
}

.top-padding-30 {
  padding-top: 30px;
}

@media (max-width: 767px) {
  .farm-goal-management .tab-wide {
    width: 33.33% !important;
  }
  .farm-goal-management .farm-goal-management-action-item-group-item-container {
    margin: 8% 0% 2% 0% !important;
    border: 1px solid #d9d9d9;
  }
  .modal-content {
    margin-top: 50px !important;
  }
}
.farm-goal-management {
  /*starting stylings controls------------------------------- */
  /* LABEL ======================================= */
  /* active state */
  /*	.input-radio[type=radio]:checked + .label-radio{
  		color: #000;
  		background: $grey;
  	}
  */
  /* Right triangle placed top left flush. */
  /* Left triangle placed top left flush. */
  /*end stylings controls------------------------------- */
  /* Rounded sliders */
}
.farm-goal-management .collapse-controls {
  cursor: pointer;
}
.farm-goal-management .collapse-controls.collapsed .fa-chevron-up {
  display: none;
}
.farm-goal-management .collapse-controls:not(.collapsed) .fa-chevron-down {
  display: none;
}
.farm-goal-management .tab-content {
  background-color: white;
  border: none !important;
}
.farm-goal-management .farm-goal-left {
  text-align: left;
  font-size: 18px;
  font-weight: bold;
}
.farm-goal-management .farm-goal-right {
  float: right;
  font-size: 14px;
  padding-top: 4px;
}
.farm-goal-management .farm-goal-one-line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
}
.farm-goal-management .farm-goal-one-line > h4 {
  font-size: 16.5px;
}
.farm-goal-management .farm-goal-one-line > span {
  font-size: 13.5px;
}
.farm-goal-management .underline {
  text-decoration: underline;
}
.farm-goal-management .no-underline {
  text-decoration: none;
}
.farm-goal-management .tab-wide {
  width: 195px;
}
.farm-goal-management .farm-goal-management-no-items {
  font-style: italic;
  height: 312px;
}
.farm-goal-management .farm-goal-management-followup-item-container {
  margin: 2% 4% 2% 4%;
  border: 1px solid #d9d9d9;
}
.farm-goal-management .farm-goal-management-followup-item-header {
  background-color: #d9d9d9;
  padding: 1%;
}
.farm-goal-management .farm-goal-management-followup-item-header-item {
  width: 100%;
}
.farm-goal-management .farm-goal-management-followup-item-body-container {
  padding: 2%;
}
.farm-goal-management .farm-goal-management-followup-item-body-value-row-div {
  margin-right: 5%;
}
.farm-goal-management .farm-goal-management-followup-item-body-recommendation-row-div {
  width: 100%;
}
.farm-goal-management .farm-goal-management-followup-item-body-industry-recommends-row-div {
  white-space: pre-line;
}
.farm-goal-management .farm-goal-management-followup-item-body-industry-recommends-row-div p {
  display: inline-block;
}
.farm-goal-management .farm-goal-management-action-item-group-item-container {
  margin: 2% 0% 2% 0%;
  border: 1px solid #d9d9d9;
}
.farm-goal-management .farm-goal-management-action-item-group-item-container-removed {
  margin: 1% 0% 1% 0%;
  border: none;
}
.farm-goal-management .farm-goal-management-action-item-group-item-header {
  background-color: #e8f4f8;
  padding: 1%;
}
.farm-goal-management .farm-goal-management-action-item-group-item-header-item {
  width: 100%;
}
.farm-goal-management .farm-goal-management-action-item-group-item-body-container {
  padding: 0 2% 2% 2%;
}
.farm-goal-management .farm-goal-management-action-item-group-item-body-value-row-div {
  margin-right: 5%;
}
.farm-goal-management .farm-goal-management-action-item-add-div {
  color: #449d44;
}
.farm-goal-management .farm-goal-management-action-item-group-item-associated-metrics {
  font-size: 11px;
}
.farm-goal-management .farm-goal-management-action-item-table .farm-goal-management-action-item-table-header {
  background-color: #fff !important;
  color: #000;
  font-weight: bold;
  border-bottom: 1px solid #d9d9d9;
}
.farm-goal-management .farm-goal-management-action-item-table .farm-goal-management-action-item-table-header-removed {
  color: #000;
  background-color: #e8f4f8 !important;
}
.farm-goal-management .farm-goal-management-action-item-table .farm-goal-management-action-item-table-row {
  border-bottom: 1px solid #d9d9d9;
}
.farm-goal-management .farm-goal-management-action-item-table .farm-goal-management-action-item-table-description-col {
  width: 45%;
  max-width: 490px;
  white-space: pre-wrap;
}
.farm-goal-management .farm-goal-management-action-item-table .farm-goal-management-action-item-table-description-col-completed {
  width: 40%;
  max-width: 490px;
  white-space: pre-wrap;
}
.farm-goal-management .farm-goal-management-action-item-table .farm-goal-management-action-item-table-description-removed-col {
  width: 35%;
  max-width: 490px;
  white-space: pre-wrap;
}
.farm-goal-management .farm-goal-management-action-item-table .farm-goal-management-action-item-table-profitdriver-col {
  width: 20%;
}
.farm-goal-management .farm-goal-management-checkbox-text {
  margin-left: 40px;
}
.farm-goal-management .farm-goal-management-review-report-checkbox-error-text {
  color: #C2382E;
}
.farm-goal-management .farm-goal-management-management-plan-container {
  margin-bottom: 40px;
  padding: 2%;
}
.farm-goal-management .farm-goal-management-management-plan-text {
  margin-top: 5px;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.farm-goal-management .farm-goal-management-followup-item-formatted-recommends-text {
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.farm-goal-management .farm-goal-management-additional-comments {
  padding: 2%;
}
.farm-goal-management .farm-goal-management-additional-comments-container {
  padding: 2%;
}
.farm-goal-management .farm-goal-management-additional-comments-text {
  margin-top: 5px;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.farm-goal-management .farm-goal-management-bottom-text {
  padding: 2%;
}
.farm-goal-management .farm-goal-management-loading-text-and-spinner {
  text-align: center;
  margin: 20px;
}
.farm-goal-management .farm-goal-management-module-off-text {
  text-align: center;
}
.farm-goal-management .text-center {
  text-align: center;
}
.farm-goal-management .fertility360-report-audit-row {
  margin-left: 8px !important;
}
.farm-goal-management .section-page-add-note-container {
  position: relative;
}
@media print {
  .farm-goal-management .print-pagebreak-before {
    page-break-before: always;
  }
  .farm-goal-management .print-pagebreak-after {
    page-break-after: always;
  }
  .farm-goal-management .print-pagebreak-inside {
    page-break-inside: avoid;
  }
  .farm-goal-management .hide-in-print {
    display: none;
  }
  .farm-goal-management * {
    -webkit-print-color-adjust: exact !important; /* Chrome, Safari */
    color-adjust: exact !important; /*Firefox*/
  }
  .farm-goal-management .text-green {
    color: #5cb85c !important;
  }
  .farm-goal-management .text-red, .farm-goal-management .f360 .review-draft-report-action-item-groups-empty-text, .f360 .farm-goal-management .review-draft-report-action-item-groups-empty-text, .farm-goal-management .f360 .review-draft-report-action-item-empty-text, .f360 .farm-goal-management .review-draft-report-action-item-empty-text, .farm-goal-management .farm-goal-management-action-item-groups-empty-text {
    color: #C2382E !important;
  }
  .farm-goal-management .heading-bar {
    height: 43px !important;
    max-height: 43px !important;
  }
  .farm-goal-management .heading-text {
    color: #FFFFFF !important;
  }
  .farm-goal-management .panel-default {
    border-color: transparent !important;
  }
  .farm-goal-management .published-report-action-item-header {
    background-color: #d9d9d9 !important;
    padding: 1%;
  }
  .farm-goal-management table > thead > tr.report-table-head-did-not-meet-guidelines, .farm-goal-management .report-table-head-did-not-meet-guidelines > th {
    background-color: #EF8666 !important;
    color: #FFFFFF !important;
  }
  .farm-goal-management table > thead > tr.report-table-head-did-meet-guidelines, .farm-goal-management .report-table-head-did-meet-guidelines > th {
    background-color: #5C93B4 !important;
    color: #FFFFFF !important;
  }
  .farm-goal-management .published-report-question-row {
    border: 1px solid transparent;
  }
  .farm-goal-management .action-item-row {
    border: 1px solid #ef8666 !important;
  }
  .farm-goal-management .action-item-row td {
    border-top-color: #ef8666 !important;
  }
  .farm-goal-management .action-item-row + tr > td {
    border-top-color: #ef8666 !important;
  }
  .farm-goal-management .col-sm-1, .farm-goal-management .col-sm-2, .farm-goal-management .col-sm-3, .farm-goal-management .col-sm-4, .farm-goal-management .col-sm-5, .farm-goal-management .col-sm-6, .farm-goal-management .col-sm-7, .farm-goal-management .col-sm-8, .farm-goal-management .col-sm-9, .farm-goal-management .col-sm-10, .farm-goal-management .col-sm-11, .farm-goal-management .col-sm-12 {
    float: left;
  }
  .farm-goal-management .col-sm-12 {
    width: 100%;
  }
  .farm-goal-management .col-sm-11 {
    width: 91.66666667%;
  }
  .farm-goal-management .col-sm-10 {
    width: 83.33333333%;
  }
  .farm-goal-management .col-sm-9 {
    width: 75%;
  }
  .farm-goal-management .col-sm-8 {
    width: 66.66666667%;
  }
  .farm-goal-management .col-sm-7 {
    width: 58.33333333%;
  }
  .farm-goal-management .col-sm-6 {
    width: 50%;
  }
  .farm-goal-management .col-sm-5 {
    width: 41.66666667%;
  }
  .farm-goal-management .col-sm-4 {
    width: 33.33333333%;
  }
  .farm-goal-management .col-sm-3 {
    width: 25%;
  }
  .farm-goal-management .col-sm-2 {
    width: 16.66666667%;
  }
  .farm-goal-management .col-sm-1 {
    width: 8.33333333%;
  }
  .farm-goal-management .col-sm-pull-12 {
    right: 100%;
  }
  .farm-goal-management .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .farm-goal-management .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .farm-goal-management .col-sm-pull-9 {
    right: 75%;
  }
  .farm-goal-management .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .farm-goal-management .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .farm-goal-management .col-sm-pull-6 {
    right: 50%;
  }
  .farm-goal-management .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .farm-goal-management .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .farm-goal-management .col-sm-pull-3 {
    right: 25%;
  }
  .farm-goal-management .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .farm-goal-management .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .farm-goal-management .col-sm-pull-0 {
    right: auto;
  }
  .farm-goal-management .col-sm-push-12 {
    left: 100%;
  }
  .farm-goal-management .col-sm-push-11 {
    left: 91.66666667%;
  }
  .farm-goal-management .col-sm-push-10 {
    left: 83.33333333%;
  }
  .farm-goal-management .col-sm-push-9 {
    left: 75%;
  }
  .farm-goal-management .col-sm-push-8 {
    left: 66.66666667%;
  }
  .farm-goal-management .col-sm-push-7 {
    left: 58.33333333%;
  }
  .farm-goal-management .col-sm-push-6 {
    left: 50%;
  }
  .farm-goal-management .col-sm-push-5 {
    left: 41.66666667%;
  }
  .farm-goal-management .col-sm-push-4 {
    left: 33.33333333%;
  }
  .farm-goal-management .col-sm-push-3 {
    left: 25%;
  }
  .farm-goal-management .col-sm-push-2 {
    left: 16.66666667%;
  }
  .farm-goal-management .col-sm-push-1 {
    left: 8.33333333%;
  }
  .farm-goal-management .col-sm-push-0 {
    left: auto;
  }
  .farm-goal-management .col-sm-offset-12 {
    margin-left: 100%;
  }
  .farm-goal-management .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .farm-goal-management .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .farm-goal-management .col-sm-offset-9 {
    margin-left: 75%;
  }
  .farm-goal-management .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .farm-goal-management .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .farm-goal-management .col-sm-offset-6 {
    margin-left: 50%;
  }
  .farm-goal-management .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .farm-goal-management .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .farm-goal-management .col-sm-offset-3 {
    margin-left: 25%;
  }
  .farm-goal-management .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .farm-goal-management .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .farm-goal-management .col-sm-offset-0 {
    margin-left: 0%;
  }
  .farm-goal-management .visible-xs {
    display: none !important;
  }
  .farm-goal-management .hidden-xs {
    display: block !important;
  }
  .farm-goal-management table.hidden-xs {
    display: table;
  }
  .farm-goal-management tr.hidden-xs {
    display: table-row !important;
  }
  .farm-goal-management th.hidden-xs,
  .farm-goal-management td.hidden-xs {
    display: table-cell !important;
  }
  .farm-goal-management .hidden-xs.hidden-print {
    display: none !important;
  }
  .farm-goal-management .hidden-sm {
    display: none !important;
  }
  .farm-goal-management .visible-sm {
    display: block !important;
  }
  .farm-goal-management table.visible-sm {
    display: table;
  }
  .farm-goal-management tr.visible-sm {
    display: table-row !important;
  }
  .farm-goal-management th.visible-sm,
  .farm-goal-management td.visible-sm {
    display: table-cell !important;
  }
}
.farm-goal-management .text-underline {
  display: inline-block;
  border-bottom: 1px solid black;
  padding-bottom: 1px;
}
.farm-goal-management .heading-overview {
  font-weight: bold;
  font-size: 16px !important;
  color: #000 !important;
}
.farm-goal-management .btn-grey {
  background-color: #d9d9d9;
  color: #000;
}
.farm-goal-management .btn-grey:hover {
  background-color: #666666;
  color: #fff;
}
.farm-goal-management .mt-2 {
  margin-top: 1em;
}
@media (max-width: 767px) {
  .farm-goal-management .quest {
    left: 93%;
  }
  .farm-goal-management .tri-right.border.left-top:before {
    left: 92%;
  }
  .farm-goal-management .tri-right.border.left-top:after {
    left: 92%;
  }
  .farm-goal-management .save-load {
    left: 75%;
  }
  .farm-goal-management .label-radio {
    display: -ms-grid;
    display: grid;
  }
  .farm-goal-management .label-form, .farm-goal-management .label-form-textarea, .farm-goal-management .label-form-textarea-optional {
    font-size: 11px;
    padding: 0;
    top: 12px;
  }
  .farm-goal-management .input-control:focus ~ .label-form, .farm-goal-management .input-control:focus ~ .label-form-textarea, .farm-goal-management .input-control:focus ~ .label-form-textarea-optional, .farm-goal-management .input-control:valid ~ .label-form, .farm-goal-management .input-control:valid ~ .label-form-textarea, .farm-goal-management .input-control:valid ~ .label-form-textarea-optional {
    font-size: 11px !important;
    top: -33px !important;
  }
  .farm-goal-management .input-control:focus ~ .label-form-textarea, .farm-goal-management .input-control:valid ~ .label-form-textarea {
    top: 12px !important;
  }
  .farm-goal-management .input-control:focus ~ .label-form-textarea-optional, .farm-goal-management .input-control:valid ~ .label-form-textarea-optional, .farm-goal-management .label-form-textarea-optional {
    top: -7px !important;
  }
  .farm-goal-management .input-control:disabled ~ .label-form, .farm-goal-management .input-control:disabled ~ .label-form-textarea, .farm-goal-management .input-control:disabled ~ .label-form-textarea-optional {
    font-size: 11px !important;
  }
  .farm-goal-management .font-10 {
    font-size: 10px !important;
  }
  .farm-goal-management .section-page-textinput-outerdiv {
    margin-top: 10px;
  }
  .farm-goal-management .save-load-text-input {
    position: absolute;
    top: -40px !important;
    left: 80%;
    width: 100px;
    display: none;
  }
}
.farm-goal-management .group {
  margin-top: 30px;
}
.farm-goal-management .input-control {
  font-size: 13px;
  padding: 10px;
  display: block;
  width: 100%;
  border: solid 1px #424242;
  border-radius: 5px;
}
.farm-goal-management .input-control:focus {
  outline: none;
  border: solid 1px #3478A2;
}
.farm-goal-management .input-control:disabled {
  outline: none;
  border: solid 1px #7a7a7a;
  background-color: white;
}
.farm-goal-management .input-control:focus {
  outline: none;
  border: solid 1px #3478A2;
  background-color: white;
}
.farm-goal-management .label-form, .farm-goal-management .label-form-textarea, .farm-goal-management .label-form-textarea-optional {
  padding: 0px 10px;
  color: #424242;
  font-size: 13px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 10px;
  top: 10px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.farm-goal-management .label-form-textarea, .farm-goal-management .label-form-textarea-optional {
  top: 35px;
}
.farm-goal-management .input-date-label {
  color: #424242;
  font-size: 13px;
  font-weight: normal;
  pointer-events: none;
}
.farm-goal-management .input-control:focus ~ .label-form, .farm-goal-management .input-control:focus ~ .label-form-textarea, .farm-goal-management .input-control:focus ~ .label-form-textarea-optional, .farm-goal-management .input-control:valid ~ .label-form, .farm-goal-management .input-control:valid ~ .label-form-textarea, .farm-goal-management .input-control:valid ~ .label-form-textarea-optional {
  top: -10px;
  font-size: 13px;
  background-color: white;
  color: #3478A2;
}
.farm-goal-management .input-control:valid ~ .label-form, .farm-goal-management .input-control:valid ~ .label-form-textarea, .farm-goal-management .input-control:valid ~ .label-form-textarea-optional, .farm-goal-management .input-control:disabled ~ .label-form, .farm-goal-management .input-control:disabled ~ .label-form-textarea, .farm-goal-management .input-control:disabled ~ .label-form-textarea-optional {
  top: -10px;
  font-size: 13px;
  background-color: white;
  color: #7a7a7a;
}
.farm-goal-management .input-control:focus ~ .label-form-textarea, .farm-goal-management .input-control:valid ~ .label-form-textarea, .farm-goal-management .label-form-textarea-optional.label-form-textarea-filledin {
  top: 5px;
  font-size: 13px;
  background-color: white;
  color: #3478A2;
}
.farm-goal-management .input-control:valid ~ .label-form-textarea, .farm-goal-management .input-control:disabled ~ .label-form-textarea, .farm-goal-management .label-form-textarea-optional.label-form-textarea-filledin {
  top: 5px;
  font-size: 13px;
  background-color: white;
  color: #7a7a7a;
}
.farm-goal-management .input-control[type=number]::-webkit-inner-spin-button,
.farm-goal-management .input-control[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.farm-goal-management .input-radio[type=radio] {
  position: absolute;
  visibility: hidden;
  display: none;
}
.farm-goal-management .label-radio {
  color: #000;
  display: inline-block;
  cursor: pointer;
  padding: 5px 10px;
  margin: 5px;
  border: 1px solid grey;
  border-radius: 5px;
}
.farm-goal-management .input-radio-checked {
  color: #000;
  background: #d9d9d9;
}
.farm-goal-management .group-radio {
  padding: 2px 0px 2px 2px;
  border: 1px solid transparent;
  margin-top: 5px;
}
.farm-goal-management .radio-group {
  display: inline-block;
  overflow: hidden;
}
.farm-goal-management .addnote {
  text-decoration: underline;
  cursor: pointer;
  font-size: 12px;
  width: 50px;
}
.farm-goal-management .textarea {
  background-color: #d9d9d9;
  font-size: 12px;
  width: 98%;
}
.farm-goal-management .quest {
  border: solid 1px #424242;
  border-radius: 100%;
  padding: 0px 4px;
  font-size: 10px;
  font-weight: bold;
  position: absolute;
  top: 12px;
  left: 96%;
  cursor: pointer;
}
.farm-goal-management .quest-select {
  border: solid 1px #424242;
  border-radius: 100%;
  padding: 1.5px 4px;
  font-size: 10px;
  font-weight: bold;
  top: 11px;
  margin-left: 1%;
  cursor: pointer;
}
.farm-goal-management .question-header .question-text {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 5px;
  font-weight: 500;
  line-height: 1.1;
}
.farm-goal-management .question-header .question-text.disabled-question-text {
  color: #7a7a7a;
}
.farm-goal-management .excla, .farm-goal-management .excla-inverse {
  border: solid 1px #fff;
  border-radius: 100%;
  padding: 1px 2px;
  padding-left: 6px;
  margin-right: 5px;
  font-size: 11px;
  font-weight: bold;
}
.farm-goal-management .excla-inverse {
  background-color: #EB6841;
  color: #fff;
}
.farm-goal-management .excla-dark {
  border: solid 1px #fff;
  border-radius: 100%;
  padding: 0px 8px;
  padding-left: 8px;
  font-size: 20px;
  font-weight: bold;
  background-color: #424242;
  color: #fff;
}
.farm-goal-management .talk-bubble {
  display: inline-block;
  position: absolute;
  width: 90%;
  background-color: #FFFFFF;
  top: 43px;
  padding: 5px;
  z-index: 10;
  height: auto;
}
.farm-goal-management .talk-bubble-select {
  display: inline-block;
  position: absolute;
  width: 90%;
  background-color: #FFFFFF;
  top: 35px;
  padding: 5px;
  z-index: 10;
  height: auto;
}
.farm-goal-management .talktext {
  overflow: scroll;
  height: 140px;
}
.farm-goal-management .border {
  border: 1px solid #424242;
  border-radius: 3px;
}
.farm-goal-management .round {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
}
.farm-goal-management .tri-right.border.left-top:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 95.7%;
  right: auto;
  top: -21px;
  bottom: auto;
  border: 10px solid;
  border-color: transparent transparent #424242 transparent;
}
.farm-goal-management .tri-right.left-top:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 95.7%;
  right: auto;
  top: -19.5px;
  bottom: auto;
  border: 10px solid;
  border-color: transparent transparent white transparent;
}
.farm-goal-management .tri-left.border.left-top:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 1.7%;
  right: auto;
  top: -21px;
  bottom: auto;
  border: 10px solid;
  border-color: transparent transparent #424242 transparent;
}
.farm-goal-management .tri-left.left-top:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 1.7%;
  right: auto;
  top: -19.5px;
  bottom: auto;
  border: 10px solid;
  border-color: transparent transparent white transparent;
}
.farm-goal-management .text-help {
  font-size: 11px;
}
.farm-goal-management .text-italic {
  font-style: italic;
}
.farm-goal-management .font-13 {
  font-size: 13px;
}
.farm-goal-management .warning {
  font-size: 13px;
  padding: 5px 10px;
  color: white;
  background-color: #EB6841;
  width: 100%;
  border-radius: 0px 0px 5px 5px;
  position: relative;
}
.farm-goal-management .warning-select-div {
  border: 1px solid #EB6841;
  border-radius: 3px;
}
.farm-goal-management .warning-text {
  color: #EB6841;
}
.farm-goal-management .input-field {
  z-index: 5;
}
.farm-goal-management .mr-top {
  margin-top: 15px;
}
.farm-goal-management .mr-right {
  margin-right: 15px;
}
.farm-goal-management .error {
  border-color: #C2382E;
}
.farm-goal-management .error:focus ~ .label-form, .farm-goal-management .error:focus ~ .label-form-textarea, .farm-goal-management .error:focus ~ .label-form-textarea-optional {
  color: #C2382E;
}
.farm-goal-management .error:focus ~ input {
  border-color: #C2382E !important;
}
.farm-goal-management .error .input-control {
  border: solid 1px #C2382E;
}
.farm-goal-management .error .input-control:focus {
  outline: none;
  border: solid 1px #C2382E;
}
.farm-goal-management .error .label-form:focus, .farm-goal-management .error .label-form-textarea:focus, .farm-goal-management .error .label-form-textarea-optional:focus {
  color: #C2382E;
}
.farm-goal-management .error-container, .farm-goal-management .date.error-container {
  border: solid 2px #C2382E !important;
}
.farm-goal-management .date.error-container {
  border-radius: 4px;
}
.farm-goal-management .error-text {
  color: #C2382E;
}
.farm-goal-management .dis-inline {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -23px;
  left: 218px;
}
.farm-goal-management .dis-flex {
  display: -ms-flexbox;
  display: flex;
}
.farm-goal-management .dis-inline-flex {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.farm-goal-management .add-note {
  text-decoration: underline;
}
.farm-goal-management .add-note-link {
  font-size: 11px;
  margin-left: 15px;
  margin-top: 5px;
}
.farm-goal-management .saving {
  font-size: 13px;
  margin-left: 5px;
}
.farm-goal-management .reposive {
  position: relative;
}
.farm-goal-management .save-load-text-input {
  position: absolute;
  top: -25px;
  left: 88%;
  display: none;
}
.farm-goal-management .save-load-select-input {
  margin-left: 10px;
  display: none;
}
.farm-goal-management .sub-heading {
  background-color: #d9d9d9 !important;
}
.farm-goal-management .sub-heading2 {
  background-color: #e9e9e9 !important;
}
.farm-goal-management .mr-right.active {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
  color: #000;
}
.farm-goal-management .btn-radius {
  border-radius: 5px !important;
}
.farm-goal-management .has-error {
  border: 1px solid #C2382E;
  padding: 0 10px;
  margin: 2px 0px;
}
.farm-goal-management .text-red, .farm-goal-management .f360 .review-draft-report-action-item-groups-empty-text, .f360 .farm-goal-management .review-draft-report-action-item-groups-empty-text, .farm-goal-management .f360 .review-draft-report-action-item-empty-text, .f360 .farm-goal-management .review-draft-report-action-item-empty-text, .farm-goal-management .farm-goal-management-action-item-groups-empty-text {
  color: #C2382E;
}
@media (max-width: 767px) {
  .farm-goal-management .quest {
    left: 93%;
  }
  .farm-goal-management .tri-right.border.left-top:before {
    left: 92%;
  }
  .farm-goal-management .tri-right.border.left-top:after {
    left: 92%;
  }
  .farm-goal-management .save-load {
    left: 75%;
  }
  .farm-goal-management .label-radio {
    display: -ms-grid;
    display: grid;
  }
  .farm-goal-management .label-form, .farm-goal-management .label-form-textarea, .farm-goal-management .label-form-textarea-optional {
    font-size: 11px;
    padding: 0;
    top: 12px;
  }
  .farm-goal-management .input-control:focus ~ .label-form, .farm-goal-management .input-control:focus ~ .label-form-textarea, .farm-goal-management .input-control:focus ~ .label-form-textarea-optional, .farm-goal-management .input-control:valid ~ .label-form, .farm-goal-management .input-control:valid ~ .label-form-textarea, .farm-goal-management .input-control:valid ~ .label-form-textarea-optional {
    font-size: 11px !important;
    top: -33px !important;
  }
  .farm-goal-management .input-control:focus ~ .label-form-textarea, .farm-goal-management .input-control:valid ~ .label-form-textarea {
    top: 12px !important;
  }
  .farm-goal-management .input-control:focus ~ .label-form-textarea-optional, .farm-goal-management .input-control:valid ~ .label-form-textarea-optional, .farm-goal-management .label-form-textarea-optional {
    top: -7px !important;
  }
  .farm-goal-management .input-control:disabled ~ .label-form, .farm-goal-management .input-control:disabled ~ .label-form-textarea, .farm-goal-management .input-control:disabled ~ .label-form-textarea-optional {
    font-size: 11px !important;
  }
  .farm-goal-management .font-10 {
    font-size: 10px !important;
  }
  .farm-goal-management .section-page-textinput-outerdiv {
    margin-top: 10px;
  }
  .farm-goal-management .save-load-text-input {
    position: absolute;
    top: -40px !important;
    left: 80%;
    width: 100px;
    display: none;
  }
}
.farm-goal-management .white-space-pl {
  white-space: pre-line;
}
.farm-goal-management .count-area {
  margin: 0px 35px;
}
.farm-goal-management .btn-dark {
  background-color: #555;
  color: #fff !important;
}
.farm-goal-management .btn-dark:hover {
  background-color: #333;
  color: #fff;
}
.farm-goal-management .btn-disabled {
  background-color: #7a7a7a;
  color: #fff;
}
.farm-goal-management .lacation-label {
  width: 100px;
  float: left;
  padding: 0;
  margin-top: 10px;
  position: initial;
}
.farm-goal-management .lactation-text {
  padding: 10px;
  display: inline-block;
  width: 100px;
  border: solid 1px #888;
  border-radius: 0px;
}
.farm-goal-management .rangeslider__fill {
  top: 0;
  left: 50%;
  height: 100%;
}
@media (max-width: 767px) {
  .farm-goal-management .modal-content {
    margin-top: 50px !important;
  }
}
.farm-goal-management .modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}
.farm-goal-management .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px 5px;
  border: 1px solid #888;
  max-width: 370px;
  margin-top: 250px;
}
.farm-goal-management .link-color-image {
  color: #337ab7 !important;
}
.farm-goal-management .link-color {
  color: #337ab7 !important;
}
.farm-goal-management .link-color-disable {
  color: #7a7a7a !important;
}
.farm-goal-management .link-text {
  color: #337ab7 !important;
  text-decoration: underline !important;
}
.farm-goal-management .title-modal-popup {
  font-size: 18.5px;
}
.farm-goal-management .panel-text {
  background-color: #c0c0c0;
  color: black;
  font-size: 16px;
  font-weight: 400;
}
.farm-goal-management .progress-border {
  width: 104%;
  border: 1px solid #d1cccc !important;
  background-color: #d1cccc !important;
  height: 10px;
}
.farm-goal-management .progress-bar {
  background-color: #5cb85c !important;
  width: 0%;
}
.farm-goal-management .bar-not-progress {
  width: 104%;
  height: 10px;
  background-color: #d1cccc;
}
.farm-goal-management .img-progress {
  max-width: 40px;
}
.farm-goal-management .title-header {
  background-color: white !important;
  color: #555 !important;
}
.farm-goal-management .farm-goal-management-subtitle {
  font-size: 18px;
  font-weight: 600;
}
.farm-goal-management .slider {
  -webkit-appearance: none;
  width: 100%;
  height: 6px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  transition: opacity 0.2s;
}
.farm-goal-management .slider::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  background: #0C547E;
  cursor: pointer;
  border-radius: 70px;
}
.farm-goal-management .slider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  background: #0C547E;
  cursor: pointer;
  border-radius: 70px;
}
.farm-goal-management .slider-body {
  width: 300px;
}
@media (max-width: 767px) {
  .farm-goal-management .range-labels-body-score li {
    width: 8% !important;
  }
  .farm-goal-management .range-labels-body-score {
    margin: 38px -32px -38px -10px !important;
  }
  .farm-goal-management .range-labels-lamness-score {
    margin: 38px -32px -38px -21px !important;
  }
  .farm-goal-management .range-labels-lamness-score li {
    width: 16% !important;
  }
  .farm-goal-management .slider-body {
    width: 100% !important;
  }
}
.farm-goal-management .btn-link {
  cursor: pointer;
}
.farm-goal-management .pl-30-r-0 {
  padding-left: 65px;
  padding-right: 0;
}
@media (max-width: 767px) {
  .farm-goal-management .evaluation-overview-button {
    width: 100%;
  }
  .farm-goal-management .font-12 {
    font-size: 12px !important;
  }
  .farm-goal-management .pl-30-r-0 {
    padding-left: 30px !important;
    padding-right: 0;
  }
}
.farm-goal-management .font-18 {
  font-size: 18px !important;
}
.farm-goal-management .table-scroring {
  font-size: 14px;
}
.farm-goal-management .sub-title {
  font-size: 16px;
  font-weight: 600;
}
.farm-goal-management .btn-color-weight {
  background-color: #333;
  color: #fff;
}
.farm-goal-management .heading-bar {
  font-weight: bold;
  font-size: 16px !important;
  height: 43px;
  background-color: #424242 !important;
  color: #FFFFFF !important;
}
.farm-goal-management .subheading-bar {
  background-color: #c0c0c0;
  padding: 8px 13px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
}
.farm-goal-management .text-area {
  resize: none;
  padding: 10px;
  width: 100%;
  border-radius: 5px;
}
.farm-goal-management .datetime-evaluation {
  max-width: 290px;
  height: 100px;
}
.farm-goal-management .input-date-div {
  width: 100%;
}
.farm-goal-management .input-group.date {
  border: solid 2px transparent;
}
.farm-goal-management .color-black {
  color: #000;
}
.farm-goal-management .underline {
  text-decoration: underline;
}
.farm-goal-management .link-print-color {
  color: #fff;
}
.farm-goal-management .print-area {
  float: right;
  text-align: right;
}
.farm-goal-management .link-hover:hover {
  color: #555;
}
.farm-goal-management .disable-textbox {
  border: none;
  background-color: #fff;
  font-size: 13px;
}
.farm-goal-management .text-title-comment {
  padding: 0.2em 0.6em 0.3em;
  font-weight: bold;
}
.farm-goal-management .border-print {
  border: solid 2px;
  padding: 2px;
}
.farm-goal-management .panel-heading {
  background-color: #fff;
  color: #424242;
  font-weight: bold;
  border-radius: 0;
}
.farm-goal-management .panel-heading-active {
  background-color: #d9d9d9;
}
.farm-goal-management .score-area {
  width: 10%;
}
.farm-goal-management .color-button {
  color: #fff;
}
.farm-goal-management .icon-sync {
  font-size: 24px;
  color: #5cb85c;
  margin-left: 10px;
  margin-top: 5px;
}
.farm-goal-management .icon-sync-warning {
  font-size: 24px;
  color: #EB6841;
  margin-left: 10px;
  margin-top: 5px;
}
.farm-goal-management .icon-check-cricle {
  font-size: 40px;
  color: #5cb85c;
  margin-left: 10px;
  float: right;
}
.farm-goal-management .icon-cricle {
  font-size: 40px;
  color: #D1CCCC;
  margin-left: 10px;
  float: right;
}
.farm-goal-management .pr-icon {
  padding-right: 5px;
}
.farm-goal-management .none-radius {
  border-radius: 0;
}
.farm-goal-management .panel > .panel {
  border: 0;
}
.farm-goal-management .panel > .panel.border-top {
  border-top: 1px solid #ddd;
}
.farm-goal-management .online-status-area {
  height: 40px;
}
.farm-goal-management .float-right {
  float: right;
}
.farm-goal-management .hover-underline:hover {
  text-decoration: underline;
}
.farm-goal-management .mt-btn-cancel {
  margin-top: 7px;
}
.farm-goal-management .p-overview {
  padding-top: 15px;
  padding-left: 15px;
}
.farm-goal-management .left-quest {
  left: 94.5%;
}
.farm-goal-management .left-quest-singl {
  left: 8.5%;
}
.farm-goal-management .report-table > tr {
  background-color: #d9d9d9;
  color: #333;
}
.farm-goal-management .option-size {
  font-size: 18px;
}
.farm-goal-management .btn-option {
  margin-top: -15px;
}
.farm-goal-management .icon-subheading {
  width: 20px;
  margin-top: -6px;
}
.farm-goal-management .subheading-area {
  height: 30px;
}
.farm-goal-management .subheading-text {
  margin-top: -5px;
}
.farm-goal-management .select-popup {
  text-align: center;
  max-height: 600px;
  position: relative;
}
.farm-goal-management .select-popup-close-div {
  width: 100%;
  text-align: right;
}
.farm-goal-management .popup {
  margin: 0;
  background: #fff;
  border: 1px solid #aaa;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  z-index: 1010;
  min-height: 100px;
  width: 385px;
  padding: 10px;
  border-radius: 4px;
  position: absolute;
  text-align: left;
  margin-left: -280px;
}
.farm-goal-management .select-popup .btn {
  width: 20px;
}
.farm-goal-management .switch-div {
  text-align: center;
}
.farm-goal-management .switch {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 12px;
}
.farm-goal-management .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.farm-goal-management .mysynch-textarea {
  width: 100%;
  min-height: 150px;
  margin-top: 15px;
}
.farm-goal-management .slider-check {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.farm-goal-management .slider-check:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 1px;
  bottom: 1px;
  background-color: white;
  transition: 0.4s;
}
.farm-goal-management input:checked + .slider-check {
  background-color: #2196F3;
}
.farm-goal-management input:focus + .slider-check {
  box-shadow: 0 0 1px #2196F3;
}
.farm-goal-management input:checked + .slider-check:before {
  transform: translateX(10px);
}
.farm-goal-management .slider-check.round {
  border-radius: 34px;
}
.farm-goal-management .slider-check.round:before {
  border-radius: 50%;
}
.farm-goal-management .toggle.ios, .farm-goal-management .toggle-on.ios, .farm-goal-management .toggle-off.ios {
  border-radius: 60px;
}
.farm-goal-management .toggle.ios .toggle-handle {
  border-radius: 60px;
}
.farm-goal-management .mr-check {
  margin-top: 4px;
}
.farm-goal-management .row-check {
  padding: 0 15px;
}
.farm-goal-management .content-check {
  width: 100%;
}
.farm-goal-management .content-child {
  font-size: 12px;
}
@media (min-width: 420px) and (max-width: 767px) {
  .farm-goal-management .select-popup {
    text-align: left;
  }
  .farm-goal-management .popup {
    margin-left: -42px;
    width: 383px;
  }
}
@media (min-width: 375px) and (max-width: 415px) {
  .farm-goal-management .select-popup {
    text-align: left;
  }
  .farm-goal-management .popup {
    margin-left: -55px;
    width: 381px;
  }
}
@media (min-width: 321px) and (max-width: 375px) {
  .farm-goal-management .select-popup {
    text-align: left;
  }
  .farm-goal-management .popup {
    margin-left: -39px;
    width: 345px;
  }
}
@media (max-width: 320px) {
  .farm-goal-management .select-popup {
    text-align: left;
  }
  .farm-goal-management .popup {
    margin-left: -34px;
    width: 290px;
  }
}
.farm-goal-management .pl-2px {
  padding-left: 2px;
}
.farm-goal-management .pl-3px {
  padding-left: 3px;
}
.farm-goal-management .pl-4px {
  padding-left: 4px;
}
.farm-goal-management .pl-5px {
  padding-left: 5px;
}
.farm-goal-management .hidden {
  display: none;
}

.red-text {
  color: red;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}