html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body,
.ui-widget,
textarea,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Calibri, "Droid Sans", sans-serif;
  font-size: 1em;
}
header .logo-teagasc,
header .logo-pbi,
header .logo-fbd,
header .logo-sfi,
header .logo-levy {
  display: block;
  text-indent: -9999px;
}
.clearfix:after,
.container:after,
header:after,
.top-bar:after,
.top-bar nav:after,
.notification-bar:after,
.table-listing:after,
.filters-area .filters:after,
.listing-area:after,
.listing-area .info:after,
.fancy-container .buttons:after,
.fancy-container .inputs:after,
.fancy-container .info:after,
.change-area-verification .options:after {
  content: "";
  display: block;
  clear: both;
}
.clearfix:before,
.container:before,
header:before,
.top-bar:before,
.top-bar nav:before,
.notification-bar:before,
.table-listing:before,
.filters-area .filters:before,
.listing-area:before,
.listing-area .info:before,
.fancy-container .buttons:before,
.fancy-container .inputs:before,
.fancy-container .info:before,
.change-area-verification .options:before {
  content: "";
  display: block;
  clear: both;
}
.main .container,
.home-main .col {
  -webkit-box-shadow: 0 0 13px -1px rgba(0, 0, 0, 0.57);
  -moz-box-shadow: 0 0 13px -1px rgba(0, 0, 0, 0.57);
  box-shadow: 0 0 13px -1px rgba(0, 0, 0, 0.57);
}
@media (max-width: 680px) {
  .main .container,
  .home-main .col {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}
.in-detail .in-detail-placeholder {
  -webkit-box-shadow: 0 0 20px -1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px -1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px -1px rgba(0, 0, 0, 0.1);
}
@media (max-width: 680px) {
  .in-detail .in-detail-placeholder {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}
.home-main .container {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.mediaQueryDetect {
  position: absolute;
  display: none;
  top: 2px;
  left: 2px;
  z-index: 1;
}
@media (max-width: 1366px) {
  .mediaQueryDetect {
    z-index: 2;
  }
}
@media (max-width: 1024px) {
  .mediaQueryDetect {
    z-index: 3;
  }
}
@media (max-width: 860px) {
  .mediaQueryDetect {
    z-index: 4;
  }
}
@media (max-width: 768px) {
  .mediaQueryDetect {
    z-index: 5;
  }
}
@media (max-width: 680px) {
  .mediaQueryDetect {
    z-index: 6;
  }
}
@media (max-width: 480px) {
  .mediaQueryDetect {
    z-index: 7;
  }
}
@media (max-width: 320px) {
  .mediaQueryDetect {
    z-index: 8;
  }
}
@media (max-width: 320px) {
  .mediaQueryDetect {
    z-index: 9;
  }
}
@-webkit-keyframes collapse-nav {
  0% {
    width: 230px;
  }
  100% {
    width: 44px;
  }
}
@-moz-keyframes collapse-nav {
  0% {
    width: 230px;
  }
  100% {
    width: 44px;
  }
}
@-ms-keyframes collapse-nav {
  0% {
    width: 230px;
  }
  100% {
    width: 44px;
  }
}
@-o-keyframes collapse-nav {
  0% {
    width: 230px;
  }
  100% {
    width: 44px;
  }
}
@keyframes collapse-nav {
  0% {
    width: 230px;
  }
  100% {
    width: 44px;
  }
}
@-webkit-keyframes expand-nav {
  0% {
    width: 44px;
  }
  100% {
    width: 230px;
  }
}
@-moz-keyframes expand-nav {
  0% {
    width: 44px;
  }
  100% {
    width: 230px;
  }
}
@-ms-keyframes expand-nav {
  0% {
    width: 44px;
  }
  100% {
    width: 230px;
  }
}
@-o-keyframes expand-nav {
  0% {
    width: 44px;
  }
  100% {
    width: 230px;
  }
}
@keyframes expand-nav {
  0% {
    width: 44px;
  }
  100% {
    width: 230px;
  }
}
@-webkit-keyframes collapse-nav-mobile {
  0% {
    width: 25%;
  }
  100% {
    width: 44px;
  }
}
@-moz-keyframes collapse-nav-mobile {
  0% {
    width: 25%;
  }
  100% {
    width: 44px;
  }
}
@-ms-keyframes collapse-nav-mobile {
  0% {
    width: 25%;
  }
  100% {
    width: 44px;
  }
}
@-o-keyframes collapse-nav-mobile {
  0% {
    width: 25%;
  }
  100% {
    width: 44px;
  }
}
@keyframes collapse-nav-mobile {
  0% {
    width: 25%;
  }
  100% {
    width: 44px;
  }
}
@-webkit-keyframes expand-nav-mobile {
  0% {
    width: 44px;
  }
  100% {
    width: 25%;
  }
}
@-moz-keyframes expand-nav-mobile {
  0% {
    width: 44px;
  }
  100% {
    width: 25%;
  }
}
@-ms-keyframes expand-nav-mobile {
  0% {
    width: 44px;
  }
  100% {
    width: 25%;
  }
}
@-o-keyframes expand-nav-mobile {
  0% {
    width: 44px;
  }
  100% {
    width: 25%;
  }
}
@keyframes expand-nav-mobile {
  0% {
    width: 44px;
  }
  100% {
    width: 25%;
  }
}
@-webkit-keyframes collapse-main-content {
  0% {
    width: 100%;
  }
  100% {
    width: 1300px;
  }
}
@-moz-keyframes collapse-main-content {
  0% {
    width: 100%;
  }
  100% {
    width: 1300px;
  }
}
@-ms-keyframes collapse-main-content {
  0% {
    width: 100%;
  }
  100% {
    width: 1300px;
  }
}
@-o-keyframes collapse-main-content {
  0% {
    width: 100%;
  }
  100% {
    width: 1300px;
  }
}
@keyframes collapse-main-content {
  0% {
    width: 100%;
  }
  100% {
    width: 1300px;
  }
}
@-webkit-keyframes expand-main-content {
  0% {
    width: 1300px;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes expand-main-content {
  0% {
    width: 1300px;
  }
  100% {
    width: 100%;
  }
}
@-ms-keyframes expand-main-content {
  0% {
    width: 1300px;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes expand-main-content {
  0% {
    width: 1300px;
  }
  100% {
    width: 100%;
  }
}
@keyframes expand-main-content {
  0% {
    width: 1300px;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes fade-in-map {
  0% {
    opacity: 0;
    width: 40%;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}
@-moz-keyframes fade-in-map {
  0% {
    opacity: 0;
    width: 40%;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}
@-ms-keyframes fade-in-map {
  0% {
    opacity: 0;
    width: 40%;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}
@-o-keyframes fade-in-map {
  0% {
    opacity: 0;
    width: 40%;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}
@keyframes fade-in-map {
  0% {
    opacity: 0;
    width: 40%;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}
@-webkit-keyframes fade-in-object {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fade-in-object {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fade-in-object {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade-in-object {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in-object {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes collapse-content {
  0% {
    width: -webkit-calc(100% - 44px);
    width: -moz-calc(100% - 44px);
    width: -ms-calc(100% - 44px);
    width: -o-calc(100% - 44px);
    width: calc(100% - 44px);
  }
  100% {
    width: -webkit-calc(100% - 230px);
    width: -moz-calc(100% - 230px);
    width: -ms-calc(100% - 230px);
    width: -o-calc(100% - 230px);
    width: calc(100% - 230px);
  }
}
@keyframes expand-content {
  0% {
    width: -webkit-calc(100% - 230px);
    width: -moz-calc(100% - 230px);
    width: -ms-calc(100% - 230px);
    width: -o-calc(100% - 230px);
    width: calc(100% - 230px);
  }
  100% {
    width: -webkit-calc(100% - 44px);
    width: -moz-calc(100% - 44px);
    width: -ms-calc(100% - 44px);
    width: -o-calc(100% - 44px);
    width: calc(100% - 44px);
  }
}
@keyframes collapse-content-mobile {
  0% {
    width: -webkit-calc(100% - 44px);
    width: -moz-calc(100% - 44px);
    width: -ms-calc(100% - 44px);
    width: -o-calc(100% - 44px);
    width: calc(100% - 44px);
  }
  100% {
    width: 75%;
  }
}
@keyframes expand-content-mobile {
  0% {
    width: 75%;
  }
  100% {
    width: -webkit-calc(100% - 44px);
    width: -moz-calc(100% - 44px);
    width: -ms-calc(100% - 44px);
    width: -o-calc(100% - 44px);
    width: calc(100% - 44px);
  }
}
input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea,
span.customSelect,
.ui-multiselect {
  border: 1px solid #bbb;
  padding: 10px 2%;
  width: 96%;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -wenkit-border-radius: 3px;
  -o-border-radius: 3px;
  background-image: -moz-linear-gradient(top, #fbfbfb, #f3f3f3);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#fbfbfb),
    to(#f3f3f3)
  );
  background-image: -webkit-linear-gradient(top, #fbfbfb, #f3f3f3);
  background-image: -ms-linear-gradient(top, #fbfbfb, #f3f3f3);
  background-image: -o-linear-gradient(top, #fbfbfb, #f3f3f3);
  background-image: linear-gradient(to bottom, #fbfbfb, #f3f3f3);
  font-size: 0.9em;
}
.wedgesTable select {
  width: 98%;
  font-size: 0.8em;
}
input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea,
span.customSelect,
.ui-multiselect {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  outline: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus,
span.customSelectFocus,
.ui-multiselect.ui-state-active,
.dropdown dt a:focus {
  box-shadow: 0 0 5px #2fb357;
  border: 1px solid #2fb357;
}
.footable input[type="text"] {
  padding: 4px 2%;
  width: auto;
  max-width: 60px;
  text-align: center;
}
.footable span.customSelect .customSelectInner {
  padding: 4px 3%;
  text-align: left;
}
.footable .select {
  position: relative;
}
.footable .select-tabs select {
  height: 25px !important;
}
.footable .hasCustomSelect {
  width: 100% !important;
}
span.customSelect {
  width: 100%;
}
span.customSelect {
  padding: 0;
}
span.customSelect .customSelectInner {
  width: 98% !important;
  padding: 8px 5%;
}
.checkbox {
  display: inline-block;
}
.checkbox input[type="checkbox"] {
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  outline: 0;
  position: absolute;
}
.checkbox input[type="checkbox"] + label {
  padding-left: 33px;
  display: inline-block;
  min-height: 22px;
  line-height: 18px;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
  width: auto;
  padding-top: 2px;
}
.checkbox input[type="checkbox"]:checked + label {
  background: transparent url(../images/csscheckbox-selected.png) no-repeat 0 0;
}
.checkbox label {
  background: transparent url(../images/csscheckbox.png) no-repeat 0 0;
  position: relative;
  top: -2px;
}
.radio input[type="radio"] {
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  outline: 0;
  position: absolute;
}
.radio input[type="radio"] + label {
  padding-left: 22px;
  display: inline-block;
  min-height: 18px;
  line-height: 13px;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
  width: auto;
  padding-top: 2px;
}
.radio input[type="radio"]:checked + label {
  background: transparent url(../images/cssradio-selected.png) no-repeat 0 0;
}
.radio label {
  background: transparent url(../images/cssradio.png) no-repeat 0 0;
  position: relative;
  top: -2px;
}
.radio table {
  width: 100%;
}
@media (max-width: 480px) {
  .radio table tr,
  .radio table td {
    display: block;
  }
}
.dropdown dd,
.dropdown dt,
.dropdown ul {
  margin: 0;
  padding: 0;
}
.dropdown a,
.dropdown a:visited {
  color: #000;
  text-decoration: none;
  outline: none;
}
.dropdown a:hover {
  color: #000;
}
.dropdown dt a:hover {
  color: #000;
  border: 1px solid #d5d5d5;
}
.dropdown dt {
  background-image: -moz-linear-gradient(top, #fbfbfb, #f3f3f3);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#fbfbfb),
    to(#f3f3f3)
  );
  background-image: -webkit-linear-gradient(top, #fbfbfb, #f3f3f3);
  background-image: -ms-linear-gradient(top, #fbfbfb, #f3f3f3);
  background-image: -o-linear-gradient(top, #fbfbfb, #f3f3f3);
  background-image: linear-gradient(to bottom, #fbfbfb, #f3f3f3);
}
.dropdown dt a {
  display: block;
  border: 1px solid #bbb;
  padding: 4px 10px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -wenkit-border-radius: 3px;
  -o-border-radius: 3px;
  background: transparent url(../images/customSelect-arrow.gif) no-repeat 98%
    48%;
}
.dropdown dt a span {
  cursor: pointer;
  display: block;
  padding: 5px;
}
.dropdown dd ul {
  background: #fff;
  border: 1px solid #aeaeae;
  color: #000;
  display: none;
  right: 0;
  padding: 5px 0;
  position: absolute;
  width: auto;
  min-width: 600px;
  list-style: none;
  z-index: 1000;
  height: 150px;
  overflow-y: auto;
}
.dropdown span.value {
  display: none;
}
.dropdown dd ul li {
  display: block !important;
  border-bottom: 1px solid #e1e1e1;
}
.dropdown dd ul li a {
  padding: 5px;
  display: block;
}
.dropdown dd ul li a span {
  display: inline-block;
  width: 30%;
}
.dropdown dd ul li a:hover {
  background: #f8f8f8;
}
.spacer-top-10 {
  margin-top: 10px;
}
body {
  background: #bbb;
  background: transparent url(../images/bg-site.jpg) no-repeat 0 0;
  background-size: cover;
  background-attachment: fixed;
  font-size: 1em;
}
body.is-expanded header,
body.is-expanded footer {
  display: none;
}
@media (min-width: 1367px) {
  body.is-expanded.has-animation .container {
    -webkit-animation: expand-main-content 0.5s;
    -moz-animation: expand-main-content 0.5s;
    -ms-animation: expand-main-content 0.5s;
    -o-animation: expand-main-content 0.5s;
    animation: expand-main-content 0.5s;
  }
}
body.is-expanded .main,
body.is-expanded .container {
  width: auto;
}
@media (min-width: 1367px) {
  body.is-collapsed.has-animation .main .container {
    -webkit-animation: collapse-main-content 0.5s;
    -moz-animation: collapse-main-content 0.5s;
    -ms-animation: collapse-main-content 0.5s;
    -o-animation: collapse-main-content 0.5s;
    animation: collapse-main-content 0.5s;
  }
}
@media (min-width: 1367px) {
  body.is-collapsed .main .container {
    width: 1300px;
  }
}
@media (max-width: 1366px) {
  body.is-collapsed .main .container {
    width: 100%;
    background: #fff;
  }
}
body.no-scroll {
  overflow: hidden;
}
@media (max-width: 680px) {
  body {
    background: none;
  }
}
.container {
  width: 1300px;
  background: #fff;
  margin: auto;
}
@media (max-width: 1366px) {
  .container {
    width: 100%;
    background: #fff;
  }
}
@media (max-width: 680px) {
  .container {
    padding-bottom: 15px;
  }
}
.main {
  padding: 20px;
  min-height: 735px;
}
.main .container {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -wenkit-border-radius: 3px;
  -o-border-radius: 3px;
  min-height: 570px;
}
@media (max-width: 1024px) {
  .main {
    padding: 0;
  }
}
.home-main .container {
  background: none;
}
.home-main .col {
  padding: 20px;
  height: 630px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
  width: 32%;
  margin: 0;
  float: left;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -wenkit-border-radius: 3px;
  -o-border-radius: 3px;
}
@media (max-width: 768px) {
  .home-main .col {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
    float: none;
    height: auto;
  }
}
.home-main .col .title {
  margin: 0 -20px 20px;
  background: #f3f3f3;
  padding: 10px;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: bold;
}
.home-main .col-map {
  background: #1f2c28;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  margin-right: 2%;
  text-align: center;
  padding-top: 0;
  position: relative;
}
.home-main .col-map .bxslider li {
  padding-bottom: 30px;
}
.home-main .col-map table {
  text-align: center;
  vertical-align: middle;
}
.home-main .col-map table div {
  margin: auto;
  max-height: 450px;
}
@media (max-width: 768px) {
  .home-main .col-map table div {
    max-height: none !important;
    min-height: 500px;
  }
}
@media (max-width: 680px) {
  .home-main .col-map table div {
    min-height: 300px;
  }
}
.home-main .col-map .title {
  background: #1f2c28;
  color: #fff;
  border-bottom: 1px solid #626262;
}
.home-main .col-map .info {
  margin-top: 0;
}
.home-main .col-map .info p {
  color: #fff;
  margin-top: 0;
  line-height: 18px;
  font-size: 14px;
}
.home-main .col-map .info p a {
  color: #fff;
}
.home-main .col-map .info p a:hover {
  text-decoration: none;
}
.home-main .col-map .pbi-logo-overlay {
  position: absolute;
  z-index: 10;
  top: 80px;
  left: 25px;
}
.home-main .col-map .teagasc-logo-overlay {
  position: absolute;
  z-index: 10;
  bottom: 40px;
  right: 25px;
}
.home-main .col-map svg {
  width: 100%;
  max-height: 100%;
}
.home-main .col-map svg polygon,
.home-main .col-map svg path {
  -webkit-transition: fill 0.3s ease-in-out;
  -moz-transition: fill 0.3s ease-in-out;
  -ms-transition: fill 0.3s ease-in-out;
  -o-transition: fill 0.3s ease-in-out;
}
.home-main .col-map svg text {
  font-family: Calibri;
  font-size: 48px;
}
.home-main .col-map svg .cityNames text {
  font-size: 32px;
}
.home-main .col-map svg #connachtSlice {
  stroke: #3b4240;
}
.home-main .col-map svg #ulsterSlice {
  stroke: #2e7059;
}
.home-main .col-map svg #leinsterSlice {
  stroke: #438758;
}
.home-main .col-map svg #munsterSlice {
  stroke: #929640;
}
.home-main .col-map .table-leinster,
.home-main .col-map .table-ulster,
.home-main .col-map .table-munster,
.home-main .col-map .table-connacht {
  width: 100%;
  max-height: 455px;
}
.home-main .col-map .table-leinster svg text,
.home-main .col-map .table-ulster svg text,
.home-main .col-map .table-munster svg text,
.home-main .col-map .table-connacht svg text {
  font-size: 32px;
  fill: white;
}
.home-main .col-map .table-leinster svg .cityNames text,
.home-main .col-map .table-ulster svg .cityNames text,
.home-main .col-map .table-munster svg .cityNames text,
.home-main .col-map .table-connacht svg .cityNames text {
  font-size: 24px;
}
@media (max-width: 1024px) {
  .home-main .col-map .table-leinster svg .cityNames text,
  .home-main .col-map .table-ulster svg .cityNames text,
  .home-main .col-map .table-munster svg .cityNames text,
  .home-main .col-map .table-connacht svg .cityNames text {
    font-size: 22px;
  }
}
.home-main .col-map .table-connacht svg text {
  font-size: 24px;
  fill: white;
}
.home-main .col-map .table-connacht svg .cityNames text {
  font-size: 16px;
}
@media (max-width: 1024px) {
  .home-main .col-map .table-connacht svg .cityNames text {
    font-size: 14px;
  }
}
.home-main .col-map .table-ulster svg .cityNames text {
  font-size: 20px;
}
@media (max-width: 1024px) {
  .home-main .col-map .table-ulster svg .cityNames text {
    font-size: 18px;
  }
}
.home-main .col-map .table-leinster {
  height: 450px;
}
@media (max-width: 768px) {
  .home-main .col-map .table-leinster {
    height: auto;
  }
}
.home-main .col-map .table-leinster svg text {
  font-size: 24px;
  fill: white;
}
.home-main .col-map .table-leinster svg .cityNames text {
  font-size: 16px;
}
@media (max-width: 1024px) {
  .home-main .col-map .table-leinster svg .cityNames text {
    font-size: 14px;
  }
}
.home-main .col-map .table-munster svg text {
  font-size: 34px;
  fill: white;
}
.home-main .col-map .table-munster svg .cityNames text {
  font-size: 22px;
}
@media (max-width: 1024px) {
  .home-main .col-map .table-munster svg .cityNames text {
    font-size: 20px;
  }
}
.home-main .col-map a {
  display: block;
  position: relative;
}
.home-main .col-map-single {
  width: 750px;
  height: 850px;
  margin: auto;
}
@media (max-width: 768px) {
  .home-main .col-map-single {
    height: auto;
  }
}
.home-main .col-map-single td {
  overflow: hidden;
}
.home-main .col-map-single .teagasc-logo-overlay {
  bottom: 10%;
  right: 10%;
}
.home-main .col-map-single .pbi-logo-overlay {
  top: 10%;
  left: 10%;
}
@media (max-width: 768px) {
  .home-main .col-map-single {
    width: 95%;
  }
}
.home-main .col-map-single.col-map .title {
  text-align: center;
  padding: 10px 0;
  font-size: 20px;
}
.home-main .col-map-single.col-map .info {
  margin: 0;
  padding: 0 20px 20px 20px;
  text-align: center;
}
.home-main .col-map-single table {
  height: 700px;
}
@media (max-width: 480px) {
  .home-main .col-map-single table {
    height: 500px;
  }
}
.home-main .col-map-single table svg {
  width: 520px;
  moz-animation-name: none;
  -webkit-animation-name: none;
  animation-name: none;
}
.home-main .col-map-single table svg text {
  font-family: Calibri;
  font-size: 20px;
}
.home-main .col-map-single table svg .singleMapNumers text {
  font-size: 30px;
}
@media (max-width: 768px) {
  .home-main .col-map-single table svg {
    width: 97%;
  }
}
.home-main .col-map-single:hover {
  background: #1f2c28;
}
.home-main .col-map-single:hover .info p {
  color: #fff;
}
.home-main table {
  width: 100%;
  height: 460px;
}
.home-main table td {
  text-align: center;
  vertical-align: middle;
}
.home-main .col-graph-details {
  padding: 15px 15px 0;
  padding-bottom: 0;
  margin-right: 2%;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.home-main .col-graph-details table {
  height: auto;
}
.home-main .col-graph-details .title {
  margin: 10px 0 0;
  text-align: center;
}
.home-main .col-graph-details img {
  width: 100%;
}
.home-main .col-graph-details .customSelect {
  border: 2px solid #2fb357;
}
.home-main .col-graph-details .btn-green,
.home-main .col-graph-details .btn-dark,
.home-main .col-graph-details .btn-red {
  width: 100%;
  margin-top: 10px;
  display: block;
  text-align: center;
}
.home-main .col-graph-details .select {
  position: relative;
}
.home-main .col-graph-details .review-content {
  margin-bottom: 10px;
}
.home-main .col-graph-details .review-content img {
  width: auto;
  float: left;
  margin-left: 10px;
}
.home-main .col-graph-details .review-content a {
  display: block;
  text-decoration: underline;
  padding: 8px 6px;
}
.home-main .col-graph-details .review-content a span {
  font-size: 1.2em;
}
@media (max-width: 1024px) {
  .home-main .col-graph-details .review-content a span {
    line-height: 19px;
  }
}
.home-main .col-graph-details .title {
  border: 1px solid #dadada;
}
.home-main .col-graph-details select {
  height: 100% !important;
  display: block;
}
.home-main .col-graph-details th {
  padding: 8px 8px 10px 8px !important;
}
.home-main .col-graph-details td {
  background: #f8f8f8;
}
.home-main .col-graph-details td:first-child {
  text-align: left;
}
.home-main .col-feed {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.home-main .col-forgot-pass {
  margin: auto;
  float: none;
}
.home-main .col-forgot-pass h3 {
  font-size: 1.2em;
  margin-bottom: 20px;
}
.drawer {
  display: none;
  padding: 20px 0;
  background: #f3f3f3;
  border: 1px solid #dadada;
}
.drawer .container {
  background: none;
  padding: 0 3%;
}
.drawer label {
  color: #000;
}
.drawer.login-drawer .container,
.drawer.register-drawer .container {
  width: 50%;
  padding: 0;
}
@media (max-width: 1366px) {
  .drawer.login-drawer .container,
  .drawer.register-drawer .container {
    width: 60%;
  }
}
@media (max-width: 1024px) {
  .drawer.login-drawer .container,
  .drawer.register-drawer .container {
    width: 70%;
  }
}
@media (max-width: 860px) {
  .drawer.login-drawer .container,
  .drawer.register-drawer .container {
    width: 80%;
  }
}
@media (max-width: 680px) {
  .drawer.login-drawer .container,
  .drawer.register-drawer .container {
    width: 90%;
  }
}
.drawer.login-drawer .inputs,
.drawer.register-drawer .inputs {
  width: 82%;
  float: left;
  text-align: left;
  display: inline-block;
  margin-right: 20px;
}
.drawer.login-drawer .inputs input,
.drawer.register-drawer .inputs input {
  width: 30%;
  display: inline-block;
  margin-bottom: 8px;
  margin-right: 2%;
}
@media (max-width: 860px) {
  .drawer.login-drawer .inputs input,
  .drawer.register-drawer .inputs input {
    width: 28%;
  }
}
.drawer.login-drawer .inputs label,
.drawer.register-drawer .inputs label {
  width: auto;
  padding-right: 2%;
  text-align: right;
}
.drawer.login-drawer .inputs input,
.drawer.register-drawer .inputs input {
  padding: 6px 2%;
}
@media (max-width: 680px) {
  .drawer.login-drawer .inputs,
  .drawer.register-drawer .inputs {
    width: 100%;
    margin-right: 0;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 10px;
    margin-bottom: 5px;
  }
  .drawer.login-drawer .inputs label,
  .drawer.register-drawer .inputs label {
    text-align: left;
    display: inline-block;
    width: 25%;
    margin-right: 0;
    margin-bottom: 5px;
    padding: 0;
    float: left;
    line-height: 30px;
  }
  .drawer.login-drawer .inputs input,
  .drawer.register-drawer .inputs input {
    width: 70%;
    float: right;
    margin-right: 0;
  }
}
.drawer.login-drawer .remember-me,
.drawer.register-drawer .remember-me {
  text-align: left;
  border-top: 1px solid #d5d5d5;
  margin-top: 5px;
  padding-top: 10px;
}
.drawer.login-drawer .remember-me .remember,
.drawer.register-drawer .remember-me .remember {
  float: left;
  width: calc(100% - 300px);
}
@media (max-width: 680px) {
  .drawer.login-drawer .remember-me .remember,
  .drawer.register-drawer .remember-me .remember {
    width: 100%;
    float: none;
    margin-bottom: 5px;
  }
}
.drawer.login-drawer .remember-me .show-password,
.drawer.register-drawer .remember-me .show-password {
  float: left;
}
@media (max-width: 680px) {
  .drawer.login-drawer .remember-me .show-password,
  .drawer.register-drawer .remember-me .show-password {
    width: 100%;
    float: none;
    margin-bottom: 5px;
  }
}
.drawer.login-drawer .remember-me .forgot,
.drawer.register-drawer .remember-me .forgot {
  float: right;
  width: 125px;
  padding: 0;
  text-align: right;
}
.drawer.login-drawer .remember-me .forgot .btn-dark,
.drawer.register-drawer .remember-me .forgot .btn-dark {
  background: #484848;
  width: auto;
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 4px;
  text-decoration: none;
  text-transform: none;
}
@media (max-width: 680px) {
  .drawer.login-drawer .remember-me .forgot,
  .drawer.register-drawer .remember-me .forgot {
    width: 49%;
    float: right;
  }
  .drawer.login-drawer .remember-me .forgot .btn-dark,
  .drawer.register-drawer .remember-me .forgot .btn-dark {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 0;
  }
}
.drawer.login-drawer .remember-me .grass-10,
.drawer.register-drawer .remember-me .grass-10 {
  float: right;
  width: 170px;
  padding: 0;
}
.drawer.login-drawer .remember-me .grass-10 a,
.drawer.register-drawer .remember-me .grass-10 a {
  float: right;
  padding: 6px 10px;
  background: #f6f5b5;
  border: 1px solid #d8d51b;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -wenkit-border-radius: 3px;
  -o-border-radius: 3px;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  color: #000;
  margin-right: 0;
}
@media (max-width: 680px) {
  .drawer.login-drawer .remember-me .grass-10,
  .drawer.register-drawer .remember-me .grass-10 {
    width: 49%;
    float: left;
  }
  .drawer.login-drawer .remember-me .grass-10 a,
  .drawer.register-drawer .remember-me .grass-10 a {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.drawer.login-drawer .btn-green,
.drawer.login-drawer .btn-dark,
.drawer.login-drawer .btn-red,
.drawer.register-drawer .btn-green,
.drawer.register-drawer .btn-dark,
.drawer.register-drawer .btn-red {
  width: 12%;
  float: right;
  font-weight: 700;
  padding: 3px 1%;
  background: #2fb357;
  color: #fff;
  font-size: 1.1em;
  text-transform: uppercase;
}
@media (max-width: 680px) {
  .drawer.login-drawer .btn-green,
  .drawer.login-drawer .btn-dark,
  .drawer.login-drawer .btn-red,
  .drawer.register-drawer .btn-green,
  .drawer.register-drawer .btn-dark,
  .drawer.register-drawer .btn-red {
    width: 100%;
  }
}
.drawer.login-drawer .error-page,
.drawer.register-drawer .error-page {
  width: 1300px;
  margin: 20px auto 0;
  padding: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
@media (max-width: 1366px) {
  .drawer.login-drawer .error-page,
  .drawer.register-drawer .error-page {
    width: 97%;
  }
}
@media (max-width: 768px) {
  .drawer.login-drawer .error-page,
  .drawer.register-drawer .error-page {
    width: 94%;
  }
}
@media (max-width: 680px) {
  .drawer.login-drawer .error-page,
  .drawer.register-drawer .error-page {
    width: 90%;
  }
}
.drawer.support-drawer {
  text-align: justify;
}
.drawer.support-drawer h3 {
  font-size: 1.4em;
  font-weight: 300;
  margin: 10px 0;
  color: #626262;
}
.drawer.support-drawer p {
  margin-bottom: 20px;
  line-height: 21px;
}
.home-menu {
  text-align: center;
}
.home-menu a:not(.btn-dark) {
  display: inline-block;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background: #eee;
  padding: 6px 12px;
  color: #6a6a6a;
  text-decoration: none;
  font-size: 0.9em;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
}
.home-menu a:not(.btn-dark).login:hover,
.home-menu a:not(.btn-dark).login.active {
  background: #1f2c28;
  color: #fff;
}
.home-menu a:not(.btn-dark).register:hover,
.home-menu a:not(.btn-dark).register.active {
  background: #d8d51b;
}
.home-menu a:not(.btn-dark).support:hover,
.home-menu a:not(.btn-dark).support.active {
  background: #008357;
  color: #fff;
}
.home-menu a:not(.btn-dark).help-centre {
  font-size: 16px;
  margin-top: 20px;
  font-weight: 700;
  background: #2fb357;
  color: #fff;
  font-size: 1.2em;
  text-transform: uppercase;
  padding: 6px 30px;
}
.home-menu a:not(.btn-dark).help-centre .fa {
  margin-right: 5px;
}
.home-menu .color-bar {
  padding: 5px;
  background: #eee;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
}
.home-menu .color-bar.login-bar {
  background: #1f2c28;
}
.home-menu .color-bar.register-bar {
  background: #d8d51b;
}
.home-menu .color-bar.support-bar {
  background: #008357;
}
@media (max-width: 680px) {
  .home-menu {
    padding-bottom: 15px;
  }
}
header {
  background: #fff;
  padding: 20px;
}
header .logo-teagasc {
  width: 33%;
  height: 85px;
  background: transparent url(../images/grass10_logo.png) no-repeat 0 0;
  background-size: contain;
  background-position: left center;
  float: left;
  position: relative;
  top: -4px;
}
    header .logo-pbi {
        width: 33%;
        height: 65px;
        background: transparent url(../images/GrassWise-logo.png) no-repeat 0 0;
        background-size: contain;
        float: left;
        background-position: center center;
        position: relative;
        top: 10px;
    }
header .logo-fbd {
  width: 33%;
  height: 85px;
  background: transparent url(../images/Pasturebase_FBD_PANTONE_TRUST.png)
    no-repeat 0 0;
  background-size: contain;
  float: right;
  background-position: center right;
  position: relative;
  top: 0;
}
header .logo-sfi {
  width: 33%;
  height: 85px;
  background: transparent
    url(../images/SFI_logo_2016__master_colour_Boarder.jpg) no-repeat 0 0;
  background-size: contain;
  float: right;
  background-position: center right;
  position: relative;
  top: 0;
}
header .logo-levy {
  width: 33%;
  height: 85px;
  background: transparent url(../images/Dairy_Levy_Logo_colour.jpg) no-repeat 0
    0;
  background-size: contain;
  float: right;
  background-position: center right;
  position: relative;
  top: 0;
}
@media (max-width: 680px) {
  header {
    padding: 5px 10px;
  }
  header .logo-teagasc,
  header .logo-fbd {
    width: 25%;
  }
  header .logo-pbi {
    width: 50%;
    background-size: 85%;
  }
  header .container {
    padding-bottom: 0;
  }
  header .logo-sfi {
    width: 25%;
  }
  header .logo-levy {
    width: 25%;
  }
}
footer {
  background: #fff;
  text-align: center;
  padding: 34px;
  color: #4d4d4d;
}
footer a {
  color: #4d4d4d;
  text-decoration: none;
}
footer.fixedFooter {
  position: fixed;
  bottom: 0;
  width: 100%;
}
.top-bar {
  background-color: #2fb357;
  color: #fff;
}
.top-bar .fa {
  line-height: 51px;
}
.top-bar nav {
  width: 230px;
  position: relative;
  background-color: #008357;
  float: left;
}
@media (max-width: 1024px) {
  .top-bar nav {
    width: 25%;
  }
}
@media (max-width: 680px) {
  .top-bar nav {
    width: -webkit-calc(100% - 307px);
    width: -moz-calc(100% - 307px);
    width: -ms-calc(100% - 307px);
    width: -o-calc(100% - 307px);
    width: calc(100% - 307px);
  }
}
@media (max-width: 480px) {
  .top-bar nav {
    width: -webkit-calc(100% - 199.5px);
    width: -moz-calc(100% - 199.5px);
    width: -ms-calc(100% - 199.5px);
    width: -o-calc(100% - 199.5px);
    width: calc(100% - 199.5px);
  }
}
.top-bar nav a {
  display: block;
  float: left;
  color: #fff;
  background: transparent;
  line-height: 50px;
  text-decoration: none;
  text-align: center;
}
.top-bar nav a.collapse-menu,
.top-bar nav a.show-menu {
  background: #1f2c28;
  text-align: center;
  font-size: 0.8em;
  width: 44px;
  position: relative;
}
.top-bar nav a.collapse-menu i,
.top-bar nav a.show-menu i {
  line-height: 46px;
}
.top-bar nav a.collapse-menu:before,
.top-bar nav a.collapse-menu:after,
.top-bar nav a.show-menu:before,
.top-bar nav a.show-menu:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: 250ms ease-in-out;
  -webkit-transition: 250ms ease-in-out;
}
.top-bar nav a.collapse-menu:before,
.top-bar nav a.show-menu:before {
  content: "";
  border: 3px solid transparent;
  bottom: 0;
  z-index: 1000001;
}
.top-bar nav a.collapse-menu:after,
.top-bar nav a.show-menu:after {
  content: attr(data-tooltip);
  background-color: #d8d51b;
  border-radius: 0;
  color: #000;
  padding: 5px 10px;
  line-height: normal;
  font-size: 1em;
  white-space: nowrap;
  width: auto;
}
.top-bar nav a.collapse-menu:hover:before,
.top-bar nav a.collapse-menu:hover:after,
.top-bar nav a.show-menu:hover:before,
.top-bar nav a.show-menu:hover:after {
  visibility: visible;
  opacity: 1;
}
.top-bar nav a.collapse-menu:hover:before,
.top-bar nav a.collapse-menu:focus:before,
.top-bar nav a.show-menu:hover:before,
.top-bar nav a.show-menu:focus:before {
  bottom: -15%;
}
.top-bar nav a.collapse-menu:hover:after,
.top-bar nav a.collapse-menu:focus:after,
.top-bar nav a.show-menu:hover:after,
.top-bar nav a.show-menu:focus:after {
  top: 115%;
}
.top-bar nav a.collapse-menu:before,
.top-bar nav a.show-menu:before {
  border-bottom-color: #d8d51b;
  left: 60%;
  bottom: -35%;
}
.top-bar nav a.collapse-menu:after,
.top-bar nav a.show-menu:after {
  left: 50%;
  top: 135%;
}
@media (max-width: 680px) {
  .top-bar nav a.show-menu {
    font-size: 1.3em;
  }
  .top-bar nav a.show-menu:after {
    font-size: 0.6em;
  }
}
@media (max-width: 480px) {
  .top-bar nav a.show-menu {
    font-size: 1.1em;
    width: 44px;
  }
}
.top-bar nav a.user-name {
  width: 138px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 19px;
  text-align: left;
  margin-top: 5px;
  font-size: 0.9em;
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .top-bar nav a.user-name {
    width: -webkit-calc(100% - 89px);
    width: -moz-calc(100% - 89px);
    width: -ms-calc(100% - 89px);
    width: -o-calc(100% - 89px);
    width: calc(100% - 89px);
  }
}
@media (max-width: 680px) {
  .top-bar nav a.user-name span {
    display: inline;
  }
}
@media (max-width: 480px) {
  .top-bar nav a.user-name {
    width: -webkit-calc(100% - 75px);
    width: -moz-calc(100% - 75px);
    width: -ms-calc(100% - 75px);
    width: -o-calc(100% - 75px);
    width: calc(100% - 75px);
    font-size: 0.7em;
  }
}
.top-bar nav a.user-name .fa {
  margin-right: 4px;
}
.top-bar nav a.user-profile,
.top-bar nav a.sign-out {
  border-left: 1px solid #2fb357;
  width: 44px;
}
@media (max-width: 480px) {
  .top-bar nav a.user-profile,
  .top-bar nav a.sign-out {
    width: 30px;
  }
}
.top-bar .app-name {
  width: -webkit-calc(100% - 619px);
  width: -moz-calc(100% - 619px);
  width: -ms-calc(100% - 619px);
  width: -o-calc(100% - 619px);
  width: calc(100% - 619px);
  float: left;
  font-size: 0.8em;
  line-height: 45px;
  text-transform: uppercase;
  text-align: center;
}
@media (max-width: 1024px) {
  .top-bar .app-name {
    width: -webkit-calc(75% - 355px);
    width: -moz-calc(75% - 355px);
    width: -ms-calc(75% - 355px);
    width: -o-calc(75% - 355px);
    width: calc(75% - 355px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
@media (max-width: 680px) {
  .top-bar .app-name {
    display: none;
  }
}
.top-bar .expand-view,
.top-bar .top-help-but,
.top-bar .top-info-but,
.top-bar .top-mail-but,
.top-bar .top-logout-but {
  width: 80px;
  float: right;
}
.top-bar .expand-view a,
.top-bar .top-help-but a,
.top-bar .top-info-but a,
.top-bar .top-mail-but a,
.top-bar .top-logout-but a {
  color: #fff;
  line-height: 45px;
  display: block;
  background: #008357;
  text-align: center;
  text-decoration: none;
  position: relative;
}
.top-bar .expand-view a:before,
.top-bar .expand-view a:after,
.top-bar .top-help-but a:before,
.top-bar .top-help-but a:after,
.top-bar .top-info-but a:before,
.top-bar .top-info-but a:after,
.top-bar .top-mail-but a:before,
.top-bar .top-mail-but a:after,
.top-bar .top-logout-but a:before,
.top-bar .top-logout-but a:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: 250ms ease-in-out;
  -webkit-transition: 250ms ease-in-out;
}
.top-bar .expand-view a:before,
.top-bar .top-help-but a:before,
.top-bar .top-info-but a:before,
.top-bar .top-mail-but a:before,
.top-bar .top-logout-but a:before {
  content: "";
  border: 3px solid transparent;
  bottom: 0;
  z-index: 1000001;
}
.top-bar .expand-view a:after,
.top-bar .top-help-but a:after,
.top-bar .top-info-but a:after,
.top-bar .top-mail-but a:after,
.top-bar .top-logout-but a:after {
  content: attr(data-tooltip);
  background-color: #d8d51b;
  border-radius: 0;
  color: #000;
  padding: 5px 10px;
  line-height: normal;
  font-size: 1em;
  white-space: nowrap;
  width: auto;
}
.top-bar .expand-view a:hover:before,
.top-bar .expand-view a:hover:after,
.top-bar .top-help-but a:hover:before,
.top-bar .top-help-but a:hover:after,
.top-bar .top-info-but a:hover:before,
.top-bar .top-info-but a:hover:after,
.top-bar .top-mail-but a:hover:before,
.top-bar .top-mail-but a:hover:after,
.top-bar .top-logout-but a:hover:before,
.top-bar .top-logout-but a:hover:after {
  visibility: visible;
  opacity: 1;
}
.top-bar .expand-view a:hover:before,
.top-bar .expand-view a:focus:before,
.top-bar .top-help-but a:hover:before,
.top-bar .top-help-but a:focus:before,
.top-bar .top-info-but a:hover:before,
.top-bar .top-info-but a:focus:before,
.top-bar .top-mail-but a:hover:before,
.top-bar .top-mail-but a:focus:before,
.top-bar .top-logout-but a:hover:before,
.top-bar .top-logout-but a:focus:before {
  bottom: -15%;
}
.top-bar .expand-view a:hover:after,
.top-bar .expand-view a:focus:after,
.top-bar .top-help-but a:hover:after,
.top-bar .top-help-but a:focus:after,
.top-bar .top-info-but a:hover:after,
.top-bar .top-info-but a:focus:after,
.top-bar .top-mail-but a:hover:after,
.top-bar .top-mail-but a:focus:after,
.top-bar .top-logout-but a:hover:after,
.top-bar .top-logout-but a:focus:after {
  top: 115%;
}
.top-bar .expand-view a:before,
.top-bar .top-help-but a:before,
.top-bar .top-info-but a:before,
.top-bar .top-mail-but a:before,
.top-bar .top-logout-but a:before {
  border-bottom-color: #d8d51b;
  right: 60%;
  bottom: -35%;
}
.top-bar .expand-view a:after,
.top-bar .top-help-but a:after,
.top-bar .top-info-but a:after,
.top-bar .top-mail-but a:after,
.top-bar .top-logout-but a:after {
  right: 50%;
  top: 135%;
}
@media (max-width: 480px) {
  .top-bar .expand-view a,
  .top-bar .top-help-but a,
  .top-bar .top-info-but a,
  .top-bar .top-mail-but a,
  .top-bar .top-logout-but a {
    font-size: 0.65em;
  }
}
.top-bar .top-help-but {
  margin-right: 1px;
  width: 126px;
}
@media (max-width: 680px) {
  .top-bar .top-help-but {
    width: 118px;
  }
}
@media (max-width: 480px) {
  .top-bar .top-help-but {
    width: 50.5px;
  }
}
@media (max-width: 480px) {
  .top-bar .top-help-but a {
    width: 50px;
    line-height: 14px;
    padding: 11px 0;
  }
}
.top-bar .top-info-but {
  margin-right: 1px;
}
@media (max-width: 680px) {
  .top-bar .top-info-but {
    width: 55px;
  }
}
.top-bar .top-mail-but {
  margin-right: 1px;
  width: 95px;
}
@media (max-width: 680px) {
  .top-bar .top-mail-but {
    width: 90px;
  }
}
@media (max-width: 480px) {
  .top-bar .top-mail-but {
    width: 50.5px;
  }
}
@media (max-width: 480px) {
  .top-bar .top-mail-but a {
    width: 51px;
    line-height: 14px;
    padding: 0 0;
  }
}
.top-bar .expand-view {
  width: 40px;
}
@media (max-width: 680px) {
  .top-bar {
    width: 100%;
  }
}
.top-bar .top-logout-but {
  float: left !important;
  margin-left: 1px;
  width: 40px;
}
@media (max-width: 680px) {
  .top-bar .top-logout-but {
    width: 40px;
  }
}
@media (max-width: 480px) {
  .top-bar .top-logout-but {
    width: 30px;
  }
}
@media (max-width: 480px) {
  .top-bar .top-logout-but a {
    width: 30px;
    line-height: 14px;
  }
}
.left-nav {
  width: 230px;
  float: left;
  background: #1f2c28;
  padding: 15px 0;
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .left-nav {
    width: 25%;
  }
}
.left-nav .close-menu-mobile a {
  display: none;
}
@media (max-width: 1024px) {
  .left-nav .close-menu-mobile a {
    display: block;
    background: #008357;
    color: #fff;
    padding: 15px 20px;
    margin: -20px;
    margin-bottom: 20px;
    text-decoration: none;
    text-align: right;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.9em;
  }
  .left-nav .close-menu-mobile a .fa {
    margin-right: 5px;
  }
}
.left-nav h3 {
  color: rgba(255, 255, 255, 0.51);
  font-size: 0.8em;
  text-transform: uppercase;
  padding-left: 15px;
  margin-top: 20px;
  margin-bottom: 5px;
  opacity: 1;
  transition: opacity 0.4s;
  cursor: pointer;
  position: relative;
}
.left-nav h3:after {
  font-family: FontAwesome;
  font-size: 20px;
  position: absolute;
  right: 10px;
  top: -2px;
  content: "";
  color: rgba(255, 255, 255, 0.8);
}
.left-nav h3.is-collapsed:after {
  content: "";
}
.left-nav ul {
  list-style: none;
}
.left-nav ul li {
  margin: 2px 0;
}
.left-nav ul li a {
  padding: 10px 15px;
  padding-left: 48px;
  color: #fff;
  display: block;
  text-decoration: none;
  font-size: 0.9em;
  position: relative;
}
.left-nav ul li a:hover,
.left-nav ul li a.active {
  background: #fff;
  color: #1f2c28 !important;
  border-left: 5px solid #2fb357;
  padding-left: 43px;
}
.left-nav ul li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 9px;
  top: 8px;
  background: transparent url(../images/icons-menu.png) no-repeat 0 0;
  width: 30px;
  height: 30px;
}
.left-nav ul li a.active:before,
.left-nav ul li a:hover:before {
  background-position: -44px 0;
  left: 8px;
}
.left-nav ul li a em {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
@media (max-width: 1366px) {
  .left-nav ul li a {
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
.left-nav ul li.o-archive a:before {
  background-position: 1px -984px;
  left: 6px;
}
.left-nav ul li.o-archive a:hover:before,
.left-nav ul li.o-archive a.active:before {
  background-position: -34px -984px;
  left: 2px;
}
.left-nav ul li.o-paddocks a:before {
  background-position: 1px -750px;
  left: 6px;
}
.left-nav ul li.o-paddocks a:hover:before,
.left-nav ul li.o-paddocks a.active:before {
  background-position: -34px -750px;
  left: 2px;
}
.left-nav ul li.o-grass-measurements a:before {
  background-position: 1px -36px;
}
.left-nav ul li.o-grass-measurements a:hover:before,
.left-nav ul li.o-grass-measurements a.active:before {
  background-position: -41px -36px;
  left: 6px;
}
.left-nav ul li.o-soil-tests a:before {
  background-position: 2px -125px;
  left: 7px;
}
.left-nav ul li.o-soil-tests a:hover:before,
.left-nav ul li.o-soil-tests a.active:before {
  background-position: -41px -125px;
  left: 6px;
}
.left-nav ul li.o-nitrogen-calculator a:before {
  background-position: 2px -81px;
  left: 7px;
}
.left-nav ul li.o-nitrogen-calculator a:hover:before,
.left-nav ul li.o-nitrogen-calculator a.active:before {
  background-position: -41px -81px;
  left: 6px;
}
.left-nav ul li.o-fertilizer-app a:before {
  background-position: 2px -169px;
  left: 7px;
}
.left-nav ul li.o-fertilizer-app a:hover:before,
.left-nav ul li.o-fertilizer-app a.active:before {
  background-position: -41px -169px;
  left: 6px;
}
.left-nav ul li.o-farm-mappings a:before {
  background-position: 2px -80px;
  left: 7px;
}
.left-nav ul li.o-farm-mappings a:hover:before,
.left-nav ul li.o-farm-mappings a.active:before {
  background-position: -41px -80px;
  left: 6px;
}
.left-nav ul li.o-silage-cuts a:before {
  background-position: 2px -214px;
  left: 7px;
}
.left-nav ul li.o-silage-cuts a:hover:before,
.left-nav ul li.o-silage-cuts a.active:before {
  background-position: -41px -214px;
  left: 6px;
}
.left-nav ul li.o-rotation-plan a:before {
  background-position: 2px -257px;
  left: 6px;
}
.left-nav ul li.o-rotation-plan a:hover:before,
.left-nav ul li.o-rotation-plan a.active:before {
  background-position: -41px -257px;
  left: 4px;
}
.left-nav ul li.o-budgets a:before {
  background-position: 2px -302px;
  left: 7px;
}
.left-nav ul li.o-budgets a:hover:before,
.left-nav ul li.o-budgets a.active:before {
  background-position: -41px -302px;
  left: 6px;
}
.left-nav ul li.o-spring-rotation a:before {
  background-position: 2px -347px;
  left: 7px;
}
.left-nav ul li.o-spring-rotation a:hover:before,
.left-nav ul li.o-spring-rotation a.active:before {
  background-position: -41px -347px;
  left: 6px;
}
.left-nav ul li.o-autumn-rotation a:before {
  background-position: 2px -390px;
  left: 7px;
}
.left-nav ul li.o-autumn-rotation a:hover:before,
.left-nav ul li.o-autumn-rotation a.active:before {
  background-position: -41px -390px;
  left: 6px;
}
.left-nav ul li.o-annual-tonnage a:before {
  background-position: 2px -434px;
  left: 7px;
}
.left-nav ul li.o-annual-tonnage a:hover:before,
.left-nav ul li.o-annual-tonnage a.active:before {
  background-position: -41px -434px;
  left: 6px;
}
.left-nav ul li.o-reseeding a:before {
  background-position: 2px -782px;
  left: 7px;
}
.left-nav ul li.o-reseeding a:hover:before,
.left-nav ul li.o-reseeding a.active:before {
  background-position: -35px -782px;
  left: 6px;
}
.left-nav ul li.o-report a:before {
  background-position: 2px -518px;
  left: 4px;
}
.left-nav ul li.o-report a:hover:before,
.left-nav ul li.o-report a.active:before {
  background-position: -41px -518px;
  left: 2px;
}
.left-nav ul li.o-change-farm a:before {
  background-position: 2px -562px;
  left: 6px;
}
.left-nav ul li.o-change-farm a:hover:before,
.left-nav ul li.o-change-farm a.active:before {
  background-position: -41px -562px;
  left: 6px;
}
.left-nav ul li.o-grass-quality a:before {
  background-position: 2px -591px;
  left: 6px;
}
.left-nav ul li.o-grass-quality a:hover:before,
.left-nav ul li.o-grass-quality a.active:before {
  background-position: -41px -591px;
  left: 6px;
}
.left-nav ul li.o-paddock-cultivars a:before {
  background-position: 2px -623px;
  left: 6px;
}
.left-nav ul li.o-paddock-cultivars a:hover:before,
.left-nav ul li.o-paddock-cultivars a.active:before {
  background-position: -41px -623px;
  left: 6px;
}
.left-nav ul li.o-livestock-admin a:before {
  background-position: 2px -652px;
  left: 6px;
}
.left-nav ul li.o-livestock-admin a:hover:before,
.left-nav ul li.o-livestock-admin a.active:before {
  background-position: -41px -652px;
  left: 6px;
}
.left-nav ul li.o-experiments a:before {
  background-position: 2px -683px;
  left: 4px;
}
.left-nav ul li.o-experiments a:hover:before,
.left-nav ul li.o-experiments a.active:before {
  background-position: -41px -683px;
  left: 4px;
}
.left-nav ul li.o-treatments a:before {
  background-position: 0 -716px;
  left: 8px;
}
.left-nav ul li.o-treatments a:hover:before,
.left-nav ul li.o-treatments a.active:before {
  background-position: -35px -716px;
  left: 4px;
}
.left-nav ul li.o-feed-budget a:before {
  background-position: 0 -811px;
  left: 6px;
}
.left-nav ul li.o-feed-budget a:hover:before,
.left-nav ul li.o-feed-budget a.active:before {
  background-position: -35px -811px;
  left: 4px;
}
.left-nav ul li.o-milk-sales a:before {
  background-position: 0 -842px;
  left: 6px;
}
.left-nav ul li.o-milk-sales a:hover:before,
.left-nav ul li.o-milk-sales a.active:before {
  background-position: -35px -842px;
  left: 3px;
}
.left-nav ul li.o-data-accepted a:before {
  background-position: 0 -871px;
  left: 6px;
}
.left-nav ul li.o-data-accepted a:hover:before,
.left-nav ul li.o-data-accepted a.active:before {
  background-position: -35px -872px;
  left: 2px;
}
.left-nav ul li.o-admin a:before {
  background-position: 0 -896px;
  left: 8px;
}
.left-nav ul li.o-admin a:hover:before,
.left-nav ul li.o-admin a.active:before {
  background-position: -35px -896px;
  left: 2px;
}
.left-nav ul li.o-user a:before {
  background-position: 0 -924px;
  left: 8px;
}
.left-nav ul li.o-user a:hover:before,
.left-nav ul li.o-user a.active:before {
  background-position: -35px -924px;
  left: 3px;
}
.left-nav ul li.o-projectedgrowth a:before {
  background-position: 0 -952px;
  left: 8px;
}
.left-nav ul li.o-projectedgrowth a:hover:before,
.left-nav ul li.o-projectedgrowth a.active:before {
  background-position: -35px -952px;
  left: 3px;
}
.left-nav.is-collapsed li {
  position: relative;
}
.left-nav.is-collapsed li:before,
.left-nav.is-collapsed li:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: 250ms ease-in-out;
  -webkit-transition: 250ms ease-in-out;
}
.left-nav.is-collapsed li:before {
  content: "";
  border: 3px solid transparent;
  bottom: 0;
  z-index: 1000001;
}
.left-nav.is-collapsed li:after {
  content: attr(data-tooltip);
  background-color: #d8d51b;
  border-radius: 0;
  color: #000;
  padding: 5px 10px;
  line-height: normal;
  font-size: 1em;
  white-space: nowrap;
  width: auto;
}
.left-nav.is-collapsed li:hover:before,
.left-nav.is-collapsed li:hover:after {
  visibility: visible;
  opacity: 1;
}
.left-nav.is-collapsed li:hover:before,
.left-nav.is-collapsed li:focus:before {
  bottom: -15%;
}
.left-nav.is-collapsed li:hover:after,
.left-nav.is-collapsed li:focus:after {
  top: 115%;
}
.left-nav.is-collapsed li:before {
  border-bottom-color: #d8d51b;
  left: 60%;
  bottom: -35%;
}
.left-nav.is-collapsed li:after {
  left: 50%;
  top: 135%;
}
.left-nav.is-collapsed h3 {
  opacity: 0;
}
.left-nav.is-collapsed ul li a.active,
.left-nav.is-collapsed ul li a:hover {
  color: #fff;
}
.left-nav.is-collapsed ul li a.active:before,
.left-nav.is-collapsed ul li a:hover:before {
  color: #1f2c28;
}
@media (max-width: 1024px) {
  .left-nav {
    display: none;
    width: 100%;
    position: absolute;
    padding: 20px;
    z-index: 1000;
    position: fixed;
    overflow-y: scroll;
    top: 0;
    bottom: 0;
    margin-bottom: 0;
  }
}
.left-nav.is-collapsed {
  width: 44px;
}
.left-nav.is-collapsed.has-animation {
  -webkit-animation: collapse-nav 0.4s;
  -moz-animation: collapse-nav 0.4s;
  -ms-animation: collapse-nav 0.4s;
  -o-animation: collapse-nav 0.4s;
  animation: collapse-nav 0.4s;
}
@media (max-width: 1024px) {
  .left-nav.is-collapsed.has-animation {
    -webkit-animation: collapse-nav-mobile 0.4s;
    -moz-animation: collapse-nav-mobile 0.4s;
    -ms-animation: collapse-nav-mobile 0.4s;
    -o-animation: collapse-nav-mobile 0.4s;
    animation: collapse-nav-mobile 0.4s;
  }
}
.left-nav.is-expanded {
  width: 230px;
}
.left-nav.is-expanded.has-animation {
  -webkit-animation: expand-nav 0.4s;
  -moz-animation: expand-nav 0.4s;
  -ms-animation: expand-nav 0.4s;
  -o-animation: expand-nav 0.4s;
  animation: expand-nav 0.4s;
}
@media (max-width: 1024px) {
  .left-nav.is-expanded {
    width: 25%;
  }
  .left-nav.is-expanded.has-animation {
    -webkit-animation: expand-nav-mobile 0.4s;
    -moz-animation: expand-nav-mobile 0.4s;
    -ms-animation: expand-nav-mobile 0.4s;
    -o-animation: expand-nav-mobile 0.4s;
    animation: expand-nav-mobile 0.4s;
  }
}
.content {
  background: #fff;
  float: right;
  width: -webkit-calc(100% - 230px);
  width: -moz-calc(100% - 230px);
  width: -ms-calc(100% - 230px);
  width: -o-calc(100% - 230px);
  width: calc(100% - 230px);
}
@media (max-width: 1024px) {
  .content {
    width: 75%;
  }
}
@media (max-width: 680px) {
  .content {
    width: 100%;
    padding: 0 15px;
  }
}
.content.is-expanded {
  width: -webkit-calc(100% - 44px);
  width: -moz-calc(100% - 44px);
  width: -ms-calc(100% - 44px);
  width: -o-calc(100% - 44px);
  width: calc(100% - 44px);
  position: relative;
  z-index: 100;
}
.content.is-expanded.has-animation {
  -webkit-animation: expand-content 0.4s;
  -moz-animation: expand-content 0.4s;
  -ms-animation: expand-content 0.4s;
  -o-animation: expand-content 0.4s;
  animation: expand-content 0.4s;
}
@media (max-width: 1024px) {
  .content.is-expanded.has-animation {
    -webkit-animation: expand-content-mobile 0.4s;
    -moz-animation: expand-content-mobile 0.4s;
    -ms-animation: expand-content-mobile 0.4s;
    -o-animation: expand-content-mobile 0.4s;
    animation: expand-content-mobile 0.4s;
  }
}
.content.is-collapsed {
  width: -webkit-calc(100% - 230px);
  width: -moz-calc(100% - 230px);
  width: -ms-calc(100% - 230px);
  width: -o-calc(100% - 230px);
  width: calc(100% - 230px);
}
.content.is-collapsed.has-animation {
  -webkit-animation: collapse-content 0.4s;
  -moz-animation: collapse-content 0.4s;
  -ms-animation: collapse-content 0.4s;
  -o-animation: collapse-content 0.4s;
  animation: collapse-content 0.4s;
}
@media (max-width: 1024px) {
  .content.is-collapsed {
    width: 75%;
  }
  .content.is-collapsed.has-animation {
    -webkit-animation: collapse-content-mobile 0.4s;
    -moz-animation: collapse-content-mobile 0.4s;
    -ms-animation: collapse-content-mobile 0.4s;
    -o-animation: collapse-content-mobile 0.4s;
    animation: collapse-content-mobile 0.4s;
  }
}
.last-updates {
  float: left;
  width: 250px;
  background-color: #f6f6f6;
}
.last-updates h2 {
  padding: 22px 25px 10px;
  font-size: 1.2em;
}
.last-updates a {
  font-size: 1em;
  display: block;
  padding: 20px 25px;
  padding-right: 60px;
  text-decoration: none;
  position: relative;
  color: #626262;
  border-bottom: 1px solid #e4e4e4;
  font-weight: 600;
}
.last-updates a span {
  font-weight: normal;
  display: block;
  margin-top: 4px;
  color: #1f2c28;
}
.last-updates a:hover {
  background: #2fb357;
  color: #fff;
}
.last-updates a:hover:after {
  background-position: 0 -30px;
}
.last-updates a:hover span {
  color: #fff;
}
.last-updates a:after {
  content: "";
  display: block;
  position: absolute;
  top: 30%;
  right: 20px;
  width: 30px;
  height: 30px;
  background: transparent url(../images/icons-link.png) no-repeat 0 0;
}
@media (max-width: 768px) {
  .last-updates {
    display: none;
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: -ms-calc(100% - 30px);
    width: -o-calc(100% - 30px);
    width: calc(100% - 30px);
    margin: 1px 15px;
  }
}
@media (max-width: 680px) {
  .last-updates {
    margin: 0;
    width: 100%;
  }
}
#tabs-last-updates,
#tabs-records,
#tabs-cover-wedge {
  padding: 0;
  border: 0;
  background: none;
}
#tabs-last-updates ul,
#tabs-records ul,
#tabs-cover-wedge ul {
  background: none;
  border: 0;
  width: 100%;
  border-bottom: 2px solid #eee;
  padding-left: 25px;
}
#tabs-last-updates ul li,
#tabs-records ul li,
#tabs-cover-wedge ul li {
  font-size: 0.9em;
  padding: 0;
  background: none;
  border: 0;
}
#tabs-last-updates ul li.ui-tabs-active,
#tabs-records ul li.ui-tabs-active,
#tabs-cover-wedge ul li.ui-tabs-active {
  border-bottom: 2px solid #2fb357;
}
#tabs-last-updates ul li a,
#tabs-records ul li a,
#tabs-cover-wedge ul li a {
  padding: 17px 1em;
}
#tabs-last-updates ul li a:focus,
#tabs-records ul li a:focus,
#tabs-cover-wedge ul li a:focus {
  outline: 0;
}
#tabs-last-updates div,
#tabs-records div,
#tabs-cover-wedge div {
  padding: 0;
}
.tabs-header {
  background-image: -moz-linear-gradient(top, #d5d5d5, #eee);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#d5d5d5),
    to(#eee)
  );
  background-image: -webkit-linear-gradient(top, #d5d5d5, #eee);
  background-image: -ms-linear-gradient(top, #d5d5d5, #eee);
  background-image: -o-linear-gradient(top, #d5d5d5, #eee);
  background-image: linear-gradient(to bottom, #d5d5d5, #eee);
  padding: 10px !important;
}
.tabs-header .select-tabs select {
  width: auto;
  padding: 4px;
}
.tabs-footer {
  padding: 8px !important;
  background: #f3f3f3;
  border: 1px solid #e1e1e1;
}
.tabs-footer .select-tabs select {
  width: auto;
  padding: 4px;
}
.manage-paddock {
  float: right;
  width: -webkit-calc(100% - 280px);
  width: -moz-calc(100% - 280px);
  width: -ms-calc(100% - 280px);
  width: -o-calc(100% - 280px);
  width: calc(100% - 280px);
  margin-right: 1.5%;
  padding-top: 20px;
  text-align: center;
}
.manage-paddock h2 {
  font-size: 1.6em;
  margin-bottom: 20px;
  font-weight: 300;
}
@media (max-width: 680px) {
  .manage-paddock h2 {
    font-size: 1.3em;
  }
}
@media (max-width: 768px) {
  .manage-paddock {
    float: none;
    width: 100%;
    padding: 0 15px;
    padding-top: 20px;
    clear: both;
    background: #fff;
  }
}
@media (max-width: 680px) {
  .manage-paddock {
    padding: 0;
    padding-top: 20px;
  }
}
.notification-bar {
  background: #e1e1e1;
  padding: 50px 20px;
}
@media (max-width: 480px) {
  .notification-bar {
    padding: 40px 20px;
  }
}
.notification-bar .daily-info {
  width: 70%;
  float: left;
}
@media (max-width: 768px) {
  .notification-bar .daily-info {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .notification-bar .daily-info {
    width: 100%;
  }
}
.notification-bar .tel-support {
  width: 30%;
  float: right;
  text-align: right;
  line-height: 18px;
}
.notification-bar .tel-support span {
  display: block;
  font-weight: bold;
  font-size: 1.4em;
  position: relative;
  top: 1px;
}
@media (max-width: 768px) {
  .notification-bar .tel-support {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .notification-bar .tel-support {
    width: 100%;
    text-align: left;
    margin-top: 20px;
  }
}
.notification-bar p {
  font-size: 0.8em;
}
.notification-bar h3 {
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
}
.notification-bar .date {
  display: inline-block;
  margin-left: 5px;
}
.select {
  position: relative;
}
.select select {
  width: 100% !important;
  height: 38px !important;
}
.table-listing table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #aeaeae;
}
.table-listing table tr:nth-child(2n + 1) td {
  background-color: #fff;
}
.table-listing table:nth-child(2n) td {
  background-color: #f6f6f6;
}
.table-listing table th {
  padding: 12px 4px;
  background-image: -moz-linear-gradient(top, #d5d5d5, #eee);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#d5d5d5),
    to(#eee)
  );
  background-image: -webkit-linear-gradient(top, #d5d5d5, #eee);
  background-image: -ms-linear-gradient(top, #d5d5d5, #eee);
  background-image: -o-linear-gradient(top, #d5d5d5, #eee);
  background-image: linear-gradient(to bottom, #d5d5d5, #eee);
  font-size: 0.8em;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  -webkit-text-size-adjust: 100% em;
  -webkit-text-size-adjust-text-transform: none;
}
.table-listing table th a {
  text-decoration: none;
  color: #000;
}
.table-listing table th a.help-tooltip {
  float: right;
  right: 0;
  position: relative;
  top: 7px;
  margin-left: 5px;
  font-size: 1.1em;
}
.table-listing table th a.help-tooltip:after {
  text-transform: none;
}
.table-listing table th a.btn-green,
.table-listing table th a.btn-dark,
.table-listing table th a.btn-red {
  font-size: 0.9em;
}
.table-listing table th.trunc {
  position: relative;
}
.table-listing table th.trunc:before,
.table-listing table th.trunc:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: 250ms ease-in-out;
  -webkit-transition: 250ms ease-in-out;
}
.table-listing table th.trunc:before {
  content: "";
  border: 3px solid transparent;
  bottom: 0;
  z-index: 1000001;
}
.table-listing table th.trunc:after {
  content: attr(data-tooltip);
  background-color: #d8d51b;
  border-radius: 0;
  color: #000;
  padding: 5px 10px;
  line-height: normal;
  font-size: 1em;
  white-space: nowrap;
  width: auto;
}
.table-listing table th.trunc:hover:before,
.table-listing table th.trunc:hover:after {
  visibility: visible;
  opacity: 1;
}
.table-listing table th.trunc:hover:before,
.table-listing table th.trunc:focus:before {
  bottom: -15%;
}
.table-listing table th.trunc:hover:after,
.table-listing table th.trunc:focus:after {
  top: 115%;
}
.table-listing table th.trunc:before {
  border-bottom-color: #d8d51b;
  right: 60%;
  bottom: -35%;
}
.table-listing table th.trunc:after {
  right: 50%;
  top: 135%;
}
.table-listing table th.trunc a,
.table-listing table th.trunc span {
  display: inline-block;
  max-width: 50px;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  top: 2px;
  white-space: nowrap;
}
@media (max-width: 1366px) {
  .table-listing table th.trunc-mob {
    position: relative;
  }
  .table-listing table th.trunc-mob:before,
  .table-listing table th.trunc-mob:after {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: 250ms ease-in-out;
    -webkit-transition: 250ms ease-in-out;
  }
  .table-listing table th.trunc-mob:before {
    content: "";
    border: 3px solid transparent;
    bottom: 0;
    z-index: 1000001;
  }
  .table-listing table th.trunc-mob:after {
    content: attr(data-tooltip);
    background-color: #d8d51b;
    border-radius: 0;
    color: #000;
    padding: 5px 10px;
    line-height: normal;
    font-size: 1em;
    white-space: nowrap;
    width: auto;
  }
  .table-listing table th.trunc-mob:hover:before,
  .table-listing table th.trunc-mob:hover:after {
    visibility: visible;
    opacity: 1;
  }
  .table-listing table th.trunc-mob:hover:before,
  .table-listing table th.trunc-mob:focus:before {
    bottom: -15%;
  }
  .table-listing table th.trunc-mob:hover:after,
  .table-listing table th.trunc-mob:focus:after {
    top: 115%;
  }
  .table-listing table th.trunc-mob:before {
    border-bottom-color: #d8d51b;
    right: 60%;
    bottom: -35%;
  }
  .table-listing table th.trunc-mob:after {
    right: 50%;
    top: 135%;
  }
  .table-listing table th.trunc-mob a,
  .table-listing table th.trunc-mob span {
    display: inline-block;
    max-width: 50px;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    top: 2px;
    white-space: nowrap;
  }
}
.table-listing table th.editActionth {
  width: 64px;
}
.table-listing table th.deleteActionth {
  width: 80px;
}
.table-listing table th.grassWedgeActionth {
  width: 120px;
}
@media (max-width: 680px) {
  .table-listing table th.grassWedgeActionth {
    width: 90px;
  }
}
@media (max-width: 480px) {
  .table-listing table th {
    font-size: 10px;
  }
  .table-listing table th.grassWedgeActionth,
  .table-listing table th.editActionth,
  .table-listing table th.deleteActionth {
    width: 40px;
  }
}
@media (max-width: 680px) {
  .table-listing table th.hide-col {
    display: none;
  }
}
.table-listing table.grass-wedge-table th:first-child {
  min-width: 85px;
}
@media (max-width: 480px) {
  .table-listing table.grass-wedge-table th:nth-last-child(2),
  .table-listing table.grass-wedge-table th:nth-last-child(3),
  .table-listing table.grass-wedge-table th:last-child {
    max-width: 50px;
  }
}
.table-listing table .footable-details th {
  padding: 8px 12px;
  text-transform: capitalize;
  background: none;
  background: #f6f6f6;
  border-bottom: 1px solid #d4d4d4;
  text-align: left;
}
.table-listing table tr.coversTable > td {
  background: #f8f7c7;
  padding: 10px;
  padding-left: 70px;
  display: none !important;
}
.table-listing table tr.coversTable > td:first-child {
  display: table-cell !important;
}
.table-listing table tr.totalRow td {
  font-weight: bold;
  background: #f8f7c7;
  box-sizing: content-box;
}
.table-listing table tr.totalRowDevider td {
  border-top: 2px solid #aba815;
}
.table-listing table tr.stockCompFirstRow .stockComponent {
  border-top: 2px solid #535353;
}
.table-listing table td {
  padding: 6px 1px;
  font-size: 0.9em;
  max-width: 60px;
  border-bottom: 1px solid #d5d5d5;
  text-align: center;
  vertical-align: middle;
}
.table-listing table td .checkbox {
  margin-top: 0;
  margin-bottom: 0;
  top: 2px;
}
.table-listing table td .checkbox input[type="checkbox"] {
  margin-top: 0;
}
@media (max-width: 680px) {
  .table-listing table td {
    font-size: 0.8em;
  }
}
.table-listing table td:nth-last-child(2),
.table-listing table td:last-child {
  padding: 7px 6px;
  max-width: none;
}
.table-listing table td.tdTooltip {
  position: relative;
}
.table-listing table td.tdTooltip:before,
.table-listing table td.tdTooltip:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: 250ms ease-in-out;
  -webkit-transition: 250ms ease-in-out;
}
.table-listing table td.tdTooltip:before {
  content: "";
  border: 3px solid transparent;
  bottom: 0;
  z-index: 1000001;
}
.table-listing table td.tdTooltip:after {
  content: attr(data-tooltip);
  background-color: #d8d51b;
  border-radius: 0;
  color: #000;
  padding: 5px 10px;
  line-height: normal;
  font-size: 1em;
  white-space: nowrap;
  width: auto;
}
.table-listing table td.tdTooltip:hover:before,
.table-listing table td.tdTooltip:hover:after {
  visibility: visible;
  opacity: 1;
}
.table-listing table td.tdTooltip:hover:before,
.table-listing table td.tdTooltip:focus:before {
  bottom: -15%;
}
.table-listing table td.tdTooltip:hover:after,
.table-listing table td.tdTooltip:focus:after {
  top: 115%;
}
.table-listing table td.tdTooltip:before {
  border-bottom-color: #d8d51b;
  left: 60%;
  bottom: -35%;
}
.table-listing table td.tdTooltip:after {
  left: 50%;
  top: 135%;
}
.table-listing table td.stockComponent {
  border-bottom: 1px solid #a5a5a5;
  background: #f9f8d0 !important;
}
.table-listing table td.stockComponent input[type="text"] {
  max-width: 40px;
}
.table-listing table td:not(.stockComponent) + .stockComponent {
  text-align: left;
}
.table-listing table td input.cmn-toggle-yes-no + label {
  top: 0;
  margin: auto;
  float: none;
}
.table-listing table td a {
  color: #000;
}
.table-listing table td a:hover {
  text-decoration: none;
}
.table-listing table td input[type="text"],
.table-listing table td input[type="number"] {
  padding: 4px 2%;
  width: auto;
  max-width: 60px;
  text-align: center;
}
@media (max-width: 680px) {
  .table-listing table td input[type="text"],
  .table-listing table td input[type="number"] {
    max-width: 40px;
  }
}
.table-listing table td input[type="number"]::-webkit-inner-spin-button,
.table-listing table td input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.table-listing table td span.customSelect {
  max-width: 120px;
}
@media (max-width: 680px) {
  .table-listing table td span.customSelect {
    max-width: 50px;
  }
}
.table-listing table td span.customSelect .customSelectInner {
  padding: 4px 3%;
  text-align: left;
}
.table-listing table td .select {
  position: relative;
}
.table-listing table td .select-tabs select {
  height: 25px !important;
}
.table-listing table td .hasCustomSelect {
  width: 100% !important;
}
.table-listing table td.greenTd {
  background-color: #83de9f !important;
}
.table-listing table td.blueTd {
  background-color: #0a76c1 !important;
}
.table-listing table td.yellowTd {
  background-color: #eae756 !important;
}
.table-listing table td.lightOrangeTd {
  background-color: #fbcd9f !important;
}
.table-listing table td.orangeTd {
  background-color: #f9ac5f !important;
}
.table-listing table td.redTd {
  background-color: #ff8181 !important;
}
.table-listing table td.tdCommentsWedge {
  width: 12%;
}
@media (max-width: 680px) {
  .table-listing table td.hide-col {
    display: none;
  }
}
.table-listing table#tableSilageCuts td {
  max-width: 60px;
  text-overflow: ellipsis;
  overflow: unset !important;
}
.table-listing table#tableSilageCuts td:last-child {
  max-width: auto !important;
}
.table-listing table#tableSilageCuts td:nth-last-child(2) {
  max-width: auto !important;
}
@media (max-width: 680px) {
  .table-listing table.editable-table th .btn-green,
  .table-listing table.editable-table th .btn-dark,
  .table-listing table.editable-table th .btn-red {
    width: 70%;
  }
}
.table-listing table.editable-table td {
  padding: 4px 1px;
}
.table-listing table.editable-table td:last-child {
  padding: 4px 6px;
}
.table-listing table.editable-table tr:nth-of-type(odd) input,
.table-listing table.editable-table tr:nth-of-type(odd) select,
.table-listing table.editable-table tr:nth-of-type(odd) span.customSelect {
  background: #fff;
}
.table-listing table.editable-table tr:nth-of-type(even) input,
.table-listing table.editable-table tr:nth-of-type(even) select,
.table-listing table.editable-table tr:nth-of-type(even) span.customSelect {
  background: #f6f6f6;
}
.table-listing table .footable-details td {
  background: #fff !important;
}
.table-listing table tr:last-child td {
  border-bottom: 0;
}
.table-listing table tr:hover td,
.table-listing table tr.hovered td {
  background: #fbfade;
}
.table-listing table tr.selected {
  outline: 2px dashed #aba815;
}
.table-listing table tr.selected td {
  background: #f9f8d0;
}
.table-listing table tr.selected td:last-child {
  position: relative;
}
.table-listing table tr.selected td:last-child:after {
  content: "";
  height: 100%;
  width: 4px;
  background: #f9f8d0;
  position: absolute;
  right: -4px;
  top: 0;
}
@media (max-width: 768px) {
  .table-listing table tr.selected td:last-child:after {
    display: none;
  }
}
.table-listing table tr.selected-full {
  outline: 1px solid #d8d51b;
}
.table-listing table tr.selected-full td {
  background: #f9f8d0;
}
.table-listing table tr.total {
  outline: 1px solid #d8d51b;
}
.table-listing table tr.total td {
  background: #f9f8d0;
  font-weight: bold;
}
.table-listing table .footable-detail-row > td {
  background: #fbfade !important;
}
.table-listing table .change-pos {
  position: relative;
  display: inline-block;
}
.table-listing table .change-pos a {
  position: relative;
  color: #008357;
  bottom: 0;
  right: 0;
  top: 2px;
}
@media (max-width: 680px) {
  .table-listing table .change-pos a {
    top: 7px;
    font-size: 2em;
  }
}
.table-listing table .change-pos a:first-of-type {
  position: absolute;
  z-index: 10;
  height: 10px;
  overflow: hidden;
}
@media (max-width: 680px) {
  .table-listing table .change-pos a:first-of-type {
    height: 18px;
  }
}
.table-listing table .change-pos a:hover {
  color: #000;
}
.table-listing table .change-pos a .fa {
  font-size: 1.4em;
}
@media (max-width: 680px) {
  .table-listing table .change-pos {
    top: -7px;
  }
}
.table-listing table .actions {
  display: block;
  text-align: right;
  white-space: nowrap;
  float: right;
}
@media (max-width: 680px) {
  .table-listing table .actions {
    max-width: 120px;
    float: right;
  }
}
.table-listing table .actions a {
  margin-left: 5px;
  float: left;
}
.table-listing table .actions a:after {
  font-size: 0.8em;
  border: 1px solid #bbb;
}
.table-listing table .actions a .fa {
  font-family: Calibri;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.table-listing table .actions a .fa:hover {
  color: #fff;
}
.table-listing table .actions a .fa:hover:before {
  color: #fff;
}
.table-listing table .actions a .fa.fa-pencil:hover,
.table-listing table .actions a .fa.fa-check:hover {
  background: #2fb357;
  border: 1px solid #2fb357;
}
.table-listing table .actions a .fa.fa-trash:hover,
.table-listing table .actions a .fa.fa-close:hover,
.table-listing table .actions a .fa.fa-minus-circle:hover {
  background: #b40000;
  border: 1px solid #b40000;
}
.table-listing table .actions a .fa.fa-arrow-right:hover,
.table-listing table .actions a .fa.fa-eye:hover,
.table-listing table .actions a .fa.fa-pie-chart:hover,
.table-listing table .actions a .fa.fa-calendar-check-o:hover,
.table-listing table .actions a .fa.fa-flask:hover,
.table-listing table .actions a .fa.fa-arrow-down:hover,
.table-listing table .actions a .fa.fa-arrow-up,
.table-listing table .actions a .fa.fa-arrow-up:hover,
.table-listing table .actions a .fa.fa-plus:hover,
.table-listing table .actions a .fa.fa-check.fancy-delete-alert:hover {
  background: #0a76c1;
  border: 1px solid #0a76c1;
  color: #fff;
}
.table-listing table .actions a .fa.fa-arrow-right:hover:before,
.table-listing table .actions a .fa.fa-eye:hover:before,
.table-listing table .actions a .fa.fa-pie-chart:hover:before,
.table-listing table .actions a .fa.fa-calendar-check-o:hover:before,
.table-listing table .actions a .fa.fa-flask:hover:before,
.table-listing table .actions a .fa.fa-arrow-down:hover:before,
.table-listing table .actions a .fa.fa-arrow-up:before,
.table-listing table .actions a .fa.fa-arrow-up:hover:before,
.table-listing table .actions a .fa.fa-plus:hover:before,
.table-listing table .actions a .fa.fa-check.fancy-delete-alert:hover:before {
  color: #fff;
}
.table-listing table .actions a .fa:before {
  margin-right: 4px;
  font-family: FontAwesome;
  color: #888;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
@media (max-width: 480px) {
  .table-listing table .actions a .fa {
    width: 30px !important;
    overflow: hidden !important;
    color: transparent !important;
    text-overflow: initial !important;
    margin: 0 3px !important;
  }
}
.table-listing table .actions a.enter-dates .fa {
  background: #0a76c1;
  border: 1px solid #0a76c1;
  color: #fff;
}
.table-listing table .actions a.enter-dates .fa:before {
  color: #fff;
}
.table-listing table .actions a.enter-dates .fa:hover:before {
  color: #6f6f6f;
}
.table-listing table .actions a.enter-dates-red .fa {
  background: #b40000;
  border: 1px solid #b40000;
  color: #fff;
}
.table-listing table .actions a.enter-dates-red .fa:before {
  color: #fff;
}
.table-listing table .actions a.enter-dates-red .fa:hover:before {
  color: #6f6f6f;
}
.table-listing table .actions a.enter-dates-black .fa {
  background: #000;
  border: 1px solid #000;
  color: #fff;
}
.table-listing table .actions a.enter-dates-black .fa:before {
  color: #fff;
}
.table-listing table .actions a.enter-dates-black .fa:hover:before {
  color: #6f6f6f;
}
@media (max-width: 680px) {
  .table-listing table .actions a {
    margin-left: 0;
    display: block;
  }
  .table-listing table .actions a:first-of-type {
    margin-top: 0;
  }
  .table-listing table .actions a .fa {
    margin-bottom: 0 !important;
  }
  .table-listing table .actions a .fa.fa-pie-chart {
    width: 80px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: -3px !important;
  }
  .table-listing table .actions a .fa.fa-eye {
    width: 100px;
  }
}
.table-listing table .actionsComment {
  display: block;
  text-align: right;
  white-space: nowrap;
  float: left;
}
@media (max-width: 680px) {
  .table-listing table .actionsComment {
    max-width: 120px;
    float: right;
  }
}
.table-listing table .actionsComment a {
  margin-left: 5px;
  float: left;
}
.table-listing table .actionsComment a:after {
  font-size: 0.8em;
  border: 1px solid #bbb;
}
.table-listing table .actionsComment a .fa {
  font-family: Calibri;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.table-listing table .actionsComment a .fa:hover {
  color: #fff;
}
.table-listing table .actionsComment a .fa:hover:before {
  color: #fff;
}
.table-listing table .actionsComment a .fa.fa-pencil:hover,
.table-listing table .actionsComment a .fa.fa-check:hover {
  background: #2fb357;
  border: 1px solid #2fb357;
}
.table-listing table .actionsComment a .fa.fa-trash:hover,
.table-listing table .actionsComment a .fa.fa-close:hover,
.table-listing table .actionsComment a .fa.fa-minus-circle:hover {
  background: #b40000;
  border: 1px solid #b40000;
}
.table-listing table .actionsComment a .fa.fa-arrow-right:hover,
.table-listing table .actionsComment a .fa.fa-eye:hover,
.table-listing table .actionsComment a .fa.fa-pie-chart:hover,
.table-listing table .actionsComment a .fa.fa-calendar-check-o:hover,
.table-listing table .actionsComment a .fa.fa-flask:hover,
.table-listing table .actionsComment a .fa.fa-arrow-down:hover,
.table-listing table .actionsComment a .fa.fa-arrow-up,
.table-listing table .actionsComment a .fa.fa-arrow-up:hover,
.table-listing table .actionsComment a .fa.fa-plus:hover,
.table-listing table .actionsComment a .fa.fa-check.fancy-delete-alert:hover {
  background: #0a76c1;
  border: 1px solid #0a76c1;
  color: #fff;
}
.table-listing table .actionsComment a .fa.fa-arrow-right:hover:before,
.table-listing table .actionsComment a .fa.fa-eye:hover:before,
.table-listing table .actionsComment a .fa.fa-pie-chart:hover:before,
.table-listing table .actionsComment a .fa.fa-calendar-check-o:hover:before,
.table-listing table .actionsComment a .fa.fa-flask:hover:before,
.table-listing table .actionsComment a .fa.fa-arrow-down:hover:before,
.table-listing table .actionsComment a .fa.fa-arrow-up:before,
.table-listing table .actionsComment a .fa.fa-arrow-up:hover:before,
.table-listing table .actionsComment a .fa.fa-plus:hover:before,
.table-listing
  table
  .actionsComment
  a
  .fa.fa-check.fancy-delete-alert:hover:before {
  color: #fff;
}
.table-listing table .actionsComment a .fa:before {
  margin-right: 4px;
  font-family: FontAwesome;
  color: #888;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
@media (max-width: 480px) {
  .table-listing table .actionsComment a .fa {
    width: 30px !important;
    overflow: hidden !important;
    color: transparent !important;
    text-overflow: initial !important;
    margin: 0 3px !important;
  }
}
.table-listing table .actionsComment a.enter-dates .fa {
  background: #0a76c1;
  border: 1px solid #0a76c1;
  color: #fff;
}
.table-listing table .actionsComment a.enter-dates .fa:before {
  color: #fff;
}
.table-listing table .actionsComment a.enter-dates .fa:hover:before {
  color: #6f6f6f;
}
.table-listing table .actionsComment a.enter-dates-red .fa {
  background: #b40000;
  border: 1px solid #b40000;
  color: #fff;
}
.table-listing table .actionsComment a.enter-dates-red .fa:before {
  color: #fff;
}
.table-listing table .actionsComment a.enter-dates-red .fa:hover:before {
  color: #6f6f6f;
}
.table-listing table .actionsComment a.enter-dates-black .fa {
  background: #000;
  border: 1px solid #000;
  color: #fff;
}
.table-listing table .actionsComment a.enter-dates-black .fa:before {
  color: #fff;
}
.table-listing table .actionsComment a.enter-dates-black .fa:hover:before {
  color: #6f6f6f;
}
@media (max-width: 680px) {
  .table-listing table .actionsComment a {
    margin-left: 0;
    display: block;
  }
  .table-listing table .actionsComment a:first-of-type {
    margin-top: 0;
  }
  .table-listing table .actionsComment a .fa {
    margin-bottom: 0 !important;
  }
  .table-listing table .actionsComment a .fa.fa-pie-chart {
    width: 80px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: -3px !important;
  }
  .table-listing table .actionsComment a .fa.fa-eye {
    width: 100px;
  }
}
.table-listing table#tableSRP td:first-child,
.table-listing table#tableSRP td:nth-child(2),
.table-listing table.wedge-paddocks td:first-child,
.table-listing table.wedge-paddocks td:nth-child(2) {
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-listing .stock-options-fields table {
  border: 0;
}
@media (max-width: 1024px) {
  .table-listing .stock-options-fields > .btn-light,
  .table-listing table .actions a .stock-options-fields > .fa,
  .table-listing table .actions a.enter-dates .stock-options-fields > .fa:hover,
  .table-listing
    table
    .actions
    a.enter-dates-red
    .stock-options-fields
    > .fa:hover,
  .table-listing
    table
    .actions
    a.enter-dates-black
    .stock-options-fields
    > .fa:hover,
  .table-listing table .actionsComment a .stock-options-fields > .fa,
  .table-listing
    table
    .actionsComment
    a.enter-dates
    .stock-options-fields
    > .fa:hover,
  .table-listing
    table
    .actionsComment
    a.enter-dates-red
    .stock-options-fields
    > .fa:hover,
  .table-listing
    table
    .actionsComment
    a.enter-dates-black
    .stock-options-fields
    > .fa:hover,
  .table-listing .filters-area .stock-options-fields > .btn-apply-filters,
  .filters-area .table-listing .stock-options-fields > .btn-apply-filters,
  .table-listing .filters-area .filters .stock-options-fields > .fa-caret-left,
  .filters-area .filters .table-listing .stock-options-fields > .fa-caret-left,
  .table-listing .filters-area .filters .stock-options-fields > .fa-caret-right,
  .filters-area .filters .table-listing .stock-options-fields > .fa-caret-right,
  .table-listing .fancy-container .edit-actions .stock-options-fields > a,
  .fancy-container .edit-actions .table-listing .stock-options-fields > a,
  .table-listing .fancy-container .stock-options-fields > .fa-th-large,
  .fancy-container .table-listing .stock-options-fields > .fa-th-large,
  .table-listing
    .fancy-container
    .btn-add-new-stock
    .stock-options-fields
    > .fa-plus,
  .fancy-container
    .btn-add-new-stock
    .table-listing
    .stock-options-fields
    > .fa-plus,
  .table-listing .pagination .stock-options-fields > a,
  .pagination .table-listing .stock-options-fields > a,
  .table-listing .inputs-page .stock-options-fields > .fa-th-large,
  .inputs-page .table-listing .stock-options-fields > .fa-th-large {
    position: relative;
    top: 4px;
  }
  @-moz-document url-prefix() {
    .table-listing .stock-options-fields > .btn-light,
    .table-listing table .actions a .stock-options-fields > .fa,
    .table-listing
      table
      .actions
      a.enter-dates
      .stock-options-fields
      > .fa:hover,
    .table-listing
      table
      .actions
      a.enter-dates-red
      .stock-options-fields
      > .fa:hover,
    .table-listing
      table
      .actions
      a.enter-dates-black
      .stock-options-fields
      > .fa:hover,
    .table-listing table .actionsComment a .stock-options-fields > .fa,
    .table-listing
      table
      .actionsComment
      a.enter-dates
      .stock-options-fields
      > .fa:hover,
    .table-listing
      table
      .actionsComment
      a.enter-dates-red
      .stock-options-fields
      > .fa:hover,
    .table-listing
      table
      .actionsComment
      a.enter-dates-black
      .stock-options-fields
      > .fa:hover,
    .table-listing .filters-area .stock-options-fields > .btn-apply-filters,
    .filters-area .table-listing .stock-options-fields > .btn-apply-filters,
    .table-listing
      .filters-area
      .filters
      .stock-options-fields
      > .fa-caret-left,
    .filters-area
      .filters
      .table-listing
      .stock-options-fields
      > .fa-caret-left,
    .table-listing
      .filters-area
      .filters
      .stock-options-fields
      > .fa-caret-right,
    .filters-area
      .filters
      .table-listing
      .stock-options-fields
      > .fa-caret-right,
    .table-listing .fancy-container .edit-actions .stock-options-fields > a,
    .fancy-container .edit-actions .table-listing .stock-options-fields > a,
    .table-listing .fancy-container .stock-options-fields > .fa-th-large,
    .fancy-container .table-listing .stock-options-fields > .fa-th-large,
    .table-listing
      .fancy-container
      .btn-add-new-stock
      .stock-options-fields
      > .fa-plus,
    .fancy-container
      .btn-add-new-stock
      .table-listing
      .stock-options-fields
      > .fa-plus,
    .table-listing .pagination .stock-options-fields > a,
    .pagination .table-listing .stock-options-fields > a,
    .table-listing .inputs-page .stock-options-fields > .fa-th-large,
    .inputs-page .table-listing .stock-options-fields > .fa-th-large {
      top: 0;
      float: left;
    }
  }
}
@media (max-width: 680px) {
  .table-listing .stock-options-fields > .btn-light,
  .table-listing table .actions a .stock-options-fields > .fa,
  .table-listing table .actions a.enter-dates .stock-options-fields > .fa:hover,
  .table-listing
    table
    .actions
    a.enter-dates-red
    .stock-options-fields
    > .fa:hover,
  .table-listing
    table
    .actions
    a.enter-dates-black
    .stock-options-fields
    > .fa:hover,
  .table-listing table .actionsComment a .stock-options-fields > .fa,
  .table-listing
    table
    .actionsComment
    a.enter-dates
    .stock-options-fields
    > .fa:hover,
  .table-listing
    table
    .actionsComment
    a.enter-dates-red
    .stock-options-fields
    > .fa:hover,
  .table-listing
    table
    .actionsComment
    a.enter-dates-black
    .stock-options-fields
    > .fa:hover,
  .table-listing .filters-area .stock-options-fields > .btn-apply-filters,
  .filters-area .table-listing .stock-options-fields > .btn-apply-filters,
  .table-listing .filters-area .filters .stock-options-fields > .fa-caret-left,
  .filters-area .filters .table-listing .stock-options-fields > .fa-caret-left,
  .table-listing .filters-area .filters .stock-options-fields > .fa-caret-right,
  .filters-area .filters .table-listing .stock-options-fields > .fa-caret-right,
  .table-listing .fancy-container .edit-actions .stock-options-fields > a,
  .fancy-container .edit-actions .table-listing .stock-options-fields > a,
  .table-listing .fancy-container .stock-options-fields > .fa-th-large,
  .fancy-container .table-listing .stock-options-fields > .fa-th-large,
  .table-listing
    .fancy-container
    .btn-add-new-stock
    .stock-options-fields
    > .fa-plus,
  .fancy-container
    .btn-add-new-stock
    .table-listing
    .stock-options-fields
    > .fa-plus,
  .table-listing .pagination .stock-options-fields > a,
  .pagination .table-listing .stock-options-fields > a,
  .table-listing .inputs-page .stock-options-fields > .fa-th-large,
  .inputs-page .table-listing .stock-options-fields > .fa-th-large {
    float: left;
    top: 0;
  }
}
.table-listing .stock-options-fields h3 .btn-light,
.table-listing .stock-options-fields h3 table .actions a .fa,
.table-listing table .actions a .stock-options-fields h3 .fa,
.table-listing .stock-options-fields h3 table .actions a.enter-dates .fa:hover,
.table-listing table .actions a.enter-dates .stock-options-fields h3 .fa:hover,
.table-listing
  .stock-options-fields
  h3
  table
  .actions
  a.enter-dates-red
  .fa:hover,
.table-listing
  table
  .actions
  a.enter-dates-red
  .stock-options-fields
  h3
  .fa:hover,
.table-listing
  .stock-options-fields
  h3
  table
  .actions
  a.enter-dates-black
  .fa:hover,
.table-listing
  table
  .actions
  a.enter-dates-black
  .stock-options-fields
  h3
  .fa:hover,
.table-listing .stock-options-fields h3 table .actionsComment a .fa,
.table-listing table .actionsComment a .stock-options-fields h3 .fa,
.table-listing
  .stock-options-fields
  h3
  table
  .actionsComment
  a.enter-dates
  .fa:hover,
.table-listing
  table
  .actionsComment
  a.enter-dates
  .stock-options-fields
  h3
  .fa:hover,
.table-listing
  .stock-options-fields
  h3
  table
  .actionsComment
  a.enter-dates-red
  .fa:hover,
.table-listing
  table
  .actionsComment
  a.enter-dates-red
  .stock-options-fields
  h3
  .fa:hover,
.table-listing
  .stock-options-fields
  h3
  table
  .actionsComment
  a.enter-dates-black
  .fa:hover,
.table-listing
  table
  .actionsComment
  a.enter-dates-black
  .stock-options-fields
  h3
  .fa:hover,
.table-listing .stock-options-fields h3 .filters-area .btn-apply-filters,
.filters-area .table-listing .stock-options-fields h3 .btn-apply-filters,
.table-listing .stock-options-fields h3 .filters-area .filters .fa-caret-left,
.filters-area .filters .table-listing .stock-options-fields h3 .fa-caret-left,
.table-listing .stock-options-fields h3 .filters-area .filters .fa-caret-right,
.filters-area .filters .table-listing .stock-options-fields h3 .fa-caret-right,
.table-listing .stock-options-fields h3 .fancy-container .edit-actions a,
.fancy-container .edit-actions .table-listing .stock-options-fields h3 a,
.table-listing .stock-options-fields h3 .fancy-container .fa-th-large,
.fancy-container .table-listing .stock-options-fields h3 .fa-th-large,
.table-listing
  .stock-options-fields
  h3
  .fancy-container
  .btn-add-new-stock
  .fa-plus,
.fancy-container
  .btn-add-new-stock
  .table-listing
  .stock-options-fields
  h3
  .fa-plus,
.table-listing .stock-options-fields h3 .pagination a,
.pagination .table-listing .stock-options-fields h3 a,
.table-listing .stock-options-fields h3 .inputs-page .fa-th-large,
.inputs-page .table-listing .stock-options-fields h3 .fa-th-large {
  position: relative;
  top: -5px;
}
.table-listing .half {
  width: 50%;
}
@media (max-width: 768px) {
  .table-listing .half {
    width: 100%;
    margin: 5px 0;
    padding-right: 0 !important;
  }
}
.table-listing .half .btn-dark {
  margin-top: 20px;
}
.table-listing .graph,
.table-listing .wedge {
  background: #fff;
  padding: 40px 20px 0;
  text-align: center;
  border: 1px solid #d5d5d5;
}
.table-listing .graph span,
.table-listing .wedge span {
  display: block;
  text-align: center;
}
@media (max-width: 1024px) {
  .table-listing .graph img,
  .table-listing .wedge img {
    width: 100%;
  }
}
.table-listing .spring-rotation-plan-details {
  display: none;
  position: relative;
}
@media (max-width: 680px) {
  .table-listing .spring-rotation-plan-details .btn-close-plan,
  .table-listing .spring-rotation-plan-details .btn-edit-inputs-page {
    width: 100%;
    margin: 0;
    margin-bottom: 5px;
  }
  .table-listing .spring-rotation-plan-details h2 {
    float: none;
    margin-bottom: 15px;
  }
}
@media (max-width: 680px) {
  .table-paddocks-main.footable-details tr:nth-of-type(2) {
    display: none;
  }
}
@media (max-width: 680px) {
  .btn-close-plan {
    width: 100%;
    margin: 0;
    margin-bottom: 5px !important;
    margin-top: 5px;
  }
}
.manage-paddock .graph {
  border: 0;
}
p.info {
  font-size: 0.8em;
  color: #888;
  margin: 10px 0;
}
.filters-area h3 {
  background-image: -moz-linear-gradient(top, #e9e9e9, #fbfbfb);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#e9e9e9),
    to(#fbfbfb)
  );
  background-image: -webkit-linear-gradient(top, #e9e9e9, #fbfbfb);
  background-image: -ms-linear-gradient(top, #e9e9e9, #fbfbfb);
  background-image: -o-linear-gradient(top, #e9e9e9, #fbfbfb);
  background-image: linear-gradient(to bottom, #e9e9e9, #fbfbfb);
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 13px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.9em;
  cursor: pointer;
  position: relative;
}
.filters-area h3.open {
  cursor: auto;
}
.filters-area h3 span {
  font-size: 0.8em;
  padding: 5px 10px;
  background: #f6f5b5;
  border: 1px solid #d8d51b;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -wenkit-border-radius: 3px;
  -o-border-radius: 3px;
  margin-left: 7px;
  position: relative;
  top: -4px;
}
.filters-area h3 span .fa {
  margin-left: 4px;
  position: relative;
  top: -1px;
}
@media (max-width: 768px) {
  .filters-area h3 span {
    display: none;
  }
}
@media (max-width: 768px) {
  .filters-area h3 {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    cursor: default;
    border-bottom-left-radius: 5px;
    border-left: 1px solid #e1e1e1;
  }
  .filters-area h3 .fa {
    display: none;
  }
}
@media (max-width: 680px) {
  .filters-area h3 {
    font-size: 1.3em;
    line-height: 1.1em;
    margin-top: 13px;
    margin-bottom: 13px;
  }
}
.filters-area .btn-apply-filters {
  display: inline-block;
}
@media (max-width: 1024px) {
  .filters-area .btn-apply-filters {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-weight: bold;
  }
}
.filters-area .filters {
  display: none;
  overflow: hidden;
  padding: 10px 13px;
}
@media (max-width: 768px) {
  .filters-area .filters {
    display: none;
    padding: 10px;
    background: #f3f3f3;
    margin-top: 1px;
  }
  .filters-area .filters .title {
    display: none;
  }
}
.filters-area .filters .option {
  float: left;
  display: inline-block;
  white-space: nowrap;
  margin-right: 15px;
  min-height: 32px;
}
.filters-area .filters .option .question,
.filters-area .filters .option .switch {
  position: relative;
  display: inline-block;
  top: 4px;
}
.filters-area .filters .option .checkbox,
.filters-area .filters .option .radio {
  position: relative;
  top: 6px;
}
.filters-area .filters .option .question {
  top: -7px;
}
.filters-area .filters .option input[type="text"] {
  max-width: 120px;
}
.filters-area .filters .option.date-range-option {
  width: 320px;
}
@media (max-width: 680px) {
  .filters-area .filters .option.date-range-option {
    width: 250px;
  }
}
.filters-area .filters .option.farmname,
.filters-area .filters .option.farmsurname,
.filters-area .filters .option.barcode {
  margin-right: 15px;
}
.filters-area .filters .option.farmname input,
.filters-area .filters .option.farmsurname input,
.filters-area .filters .option.barcode input {
  width: 150px !important;
}
@media (min-width: 681px) {
  .filters-area .filters .option .btn-apply-filters {
    margin-bottom: 0;
    margin-left: 40px;
  }
}
.filters-area .filters .option .label-value {
  position: relative;
  top: -7px;
}
@media (max-width: 680px) {
  .filters-area .filters .option .label-value {
    top: 0;
    margin-left: 10px;
  }
}
.filters-area .filters .option .select {
  min-width: 52px;
  max-width: 90px;
  display: inline-block;
  margin-left: 4px;
}
@media (max-width: 1280px) {
  .filters-area .filters .option .select {
    min-width: 39px;
  }
}
.filters-area .filters .option .select select {
  height: 28px !important;
  padding: 0;
  min-width: 80px;
}
.filters-area .filters .option .select span.customSelect {
  height: 28px !important;
}
.filters-area .filters .option .select span.customSelect .customSelectInner {
  padding: 4px 5%;
  padding-right: 10px;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
@media (max-width: 680px) {
  .filters-area .filters .option .select {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
    margin-top: 5px;
    position: relative;
  }
  .filters-area .filters .option .select select,
  .filters-area .filters .option .select span.customSelect {
    width: 100% !important;
  }
}
.filters-area .filters .option .select-multiple .ui-multiselect {
  width: auto !important;
  padding: 5px 10px !important;
}
.filters-area .filters .option .select-multiple .ui-multiselect span.ui-icon {
  position: relative;
  top: 6px;
  left: 12px;
}
@media (max-width: 680px) {
  .filters-area .filters .option .select-multiple {
    display: block;
    width: 100%;
    margin: 0;
    margin-top: 5px;
  }
  .filters-area .filters .option .select-multiple .ui-multiselect {
    width: 100% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
}
@media (max-width: 680px) {
  .filters-area .filters .option input.hasDatepicker {
    display: block;
    width: 100%;
    margin: 0;
    margin-top: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
}
@media (max-width: 680px) {
  .filters-area .filters .option.date-range-option label {
    width: 100%;
    float: right;
    margin-bottom: 5px;
    font-style: italic;
    text-transform: capitalize;
    color: #6f6f6f;
  }
}
@media (max-width: 680px) {
  .filters-area .filters .option {
    width: 100% !important;
    min-width: 0 !important;
    float: none;
    margin: 0;
    margin-bottom: 5px;
  }
}
@-moz-document url-prefix() {
  .filters-area .filters .customSelect {
    height: 31px;
  }
}
.filters-area .filters.filters-spaced .option {
  margin-right: 35px;
}
.filters-area .filters input {
  width: auto;
  padding: 5px 2%;
}
.filters-area .filters input.hasDatepicker {
  width: 73px;
  margin: 0 3px;
}
@media (max-width: 1024px) {
  .filters-area .filters input.hasDatepicker {
    width: 100px !important;
  }
}
.filters-area .filters .fa {
  font-size: 1.2em;
  position: relative;
  top: 2px;
  cursor: pointer;
}
.filters-area .filters .fa-caret-left {
  margin-left: 4px;
  font-size: 1.3em;
  margin-top: -1px;
  padding-right: 12px !important;
}
@media (max-width: 680px) {
  .filters-area .filters .fa-caret-left {
    margin-left: 0;
  }
}
.filters-area .filters .fa-caret-right {
  font-size: 1.3em;
  margin-top: -1px;
  padding-left: 12px !important;
}
.filters-admin .filters .option {
  width: 25%;
  margin-right: 0;
}
@media (max-width: 1366px) {
  .filters-admin .filters .option {
    width: 33%;
  }
}
@media (max-width: 768px) {
  .filters-admin .filters .option {
    width: 50%;
  }
}
.filters-admin .filters .option > label,
.filters-admin .filters .option .label-value {
  width: 48%;
  float: left;
  top: 5px;
  position: relative;
}
.filters-admin .filters .option .select,
.filters-admin .filters .option input[type="text"] {
  width: 46%;
  float: left;
  max-width: none;
}
.filters-admin .filters .option .select {
  position: relative;
}
.filters-admin .filters .option .select .customSelect,
.filters-admin .filters .option .select select {
  width: 100% !important;
}
.filters-admin .filters .option .select select {
  z-index: 10000;
}
.filters-admin .filters .option input[type="text"] {
  width: 42%;
  position: relative;
  left: 2px;
}
.filters-admin .filters .option.filter {
  padding-right: 1%;
}
@media (max-width: 1366px) {
  .filters-admin .filters .option.filter {
    padding-right: 1.5%;
  }
}
.listing-area {
  padding: 13px;
  padding-top: 15px;
  border-top: 1px solid #e1e1e1;
  background-image: -moz-linear-gradient(top, #f8f8f8, #fbfbfb);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#f8f8f8),
    to(#fbfbfb)
  );
  background-image: -webkit-linear-gradient(top, #f8f8f8, #fbfbfb);
  background-image: -ms-linear-gradient(top, #f8f8f8, #fbfbfb);
  background-image: -o-linear-gradient(top, #f8f8f8, #fbfbfb);
  background-image: linear-gradient(to bottom, #f8f8f8, #fbfbfb);
}
.listing-area h2 {
  font-size: 1.2em;
  margin-bottom: 15px;
  font-weight: 300;
}
@media (max-width: 680px) {
  .listing-area h2 {
    text-align: center;
    font-size: 1em;
  }
  .listing-area h2.align-left {
    width: 100%;
    margin-bottom: 5px;
  }
}
.listing-area h3 em {
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: bold;
  display: inline-block;
  margin: 0 6px;
}
.listing-area h3 em:first-of-type {
  margin-left: 0;
}
.listing-area .btn-light .fa,
.listing-area .table-listing table .actions a .fa .fa,
.table-listing table .actions a .listing-area .fa .fa,
.listing-area .table-listing table .actionsComment a .fa .fa,
.table-listing table .actionsComment a .listing-area .fa .fa,
.listing-area .filters-area .btn-apply-filters .fa,
.filters-area .listing-area .btn-apply-filters .fa,
.listing-area .filters-area .filters .fa-caret-left .fa,
.filters-area .filters .listing-area .fa-caret-left .fa,
.listing-area .filters-area .filters .fa-caret-right .fa,
.filters-area .filters .listing-area .fa-caret-right .fa,
.listing-area .fancy-container .edit-actions a .fa,
.fancy-container .edit-actions .listing-area a .fa,
.listing-area .fancy-container .fa-th-large .fa,
.fancy-container .listing-area .fa-th-large .fa,
.listing-area .fancy-container .btn-add-new-stock .fa-plus .fa,
.fancy-container .btn-add-new-stock .listing-area .fa-plus .fa,
.listing-area .pagination a .fa,
.pagination .listing-area a .fa,
.listing-area .inputs-page .fa-th-large .fa,
.inputs-page .listing-area .fa-th-large .fa {
  margin-right: 4px;
}
.listing-area .btn-green,
.listing-area .btn-dark,
.listing-area .btn-red {
  position: relative;
  top: -5px;
  margin-bottom: 7px;
}
@media (max-width: 680px) {
  .listing-area .btn-green,
  .listing-area .btn-dark,
  .listing-area .btn-red {
    width: 100%;
    margin: 5px 0 !important;
  }
}
@media (max-width: 768px) {
  .listing-area {
    background: #fff;
    padding: 0 19px;
    border: 0;
    margin-top: 20px;
  }
}
@media (max-width: 1024px) {
  .listing-area {
    padding: 0;
    margin-top: 10px;
  }
}
.listing-area .info {
  text-align: right;
  margin-left: 15px;
}
.listing-area .total-active-area {
  text-align: left;
  margin: 10px 0;
  margin-left: 15px;
  font-size: 1em;
  color: #888;
}
.listing-area .total-active-area em {
  font-weight: bold;
  text-transform: lowercase;
  color: #1f2c28;
}
@media (max-width: 680px) {
  .listing-area .total-active-area {
    display: none;
  }
}
.header-area h2 {
  background-image: -moz-linear-gradient(top, #e9e9e9, #fbfbfb);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#e9e9e9),
    to(#fbfbfb)
  );
  background-image: -webkit-linear-gradient(top, #e9e9e9, #fbfbfb);
  background-image: -ms-linear-gradient(top, #e9e9e9, #fbfbfb);
  background-image: -o-linear-gradient(top, #e9e9e9, #fbfbfb);
  background-image: linear-gradient(to bottom, #e9e9e9, #fbfbfb);
  border-bottom: 1px solid #e1e1e1;
  padding: 12px 13px;
  font-size: 1.2em;
  font-weight: 300;
}
.header-area .btn-green,
.header-area .btn-dark,
.header-area .btn-red {
  position: relative;
  top: -4px;
  margin-bottom: 0 !important;
  font-size: 0.6em !important;
}
.gcw-details-area {
  background: #fff;
  padding: 6px 13px;
}
.gcw-details-area p {
  display: inline-block;
  margin-right: 5px;
  margin-top: 4px;
  margin-bottom: 4px;
  font-weight: 400;
  color: #000;
}
.gcw-details-area span {
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: bold;
  display: inline-block;
}
.gcw-details-area .dash {
  display: inline-block;
  margin-right: 5px;
}
#tabs-records ul,
#tabs-cover-wedge ul {
  top: 2px;
  border: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  width: auto;
}
#tabs-records ul li,
#tabs-cover-wedge ul li {
  margin-right: -10px;
}
#tabs-records ul li.ui-tabs-active,
#tabs-cover-wedge ul li.ui-tabs-active {
  border: 0;
  z-index: 10;
}
#tabs-records ul li.ui-tabs-active a,
#tabs-cover-wedge ul li.ui-tabs-active a {
  color: #000;
  font-weight: 400;
}
#tabs-records ul li.ui-tabs-active a:before,
#tabs-cover-wedge ul li.ui-tabs-active a:before {
  background-image: -moz-linear-gradient(top, #eee, #d5d5d5);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#eee),
    to(#d5d5d5)
  );
  background-image: -webkit-linear-gradient(top, #eee, #d5d5d5);
  background-image: -ms-linear-gradient(top, #eee, #d5d5d5);
  background-image: -o-linear-gradient(top, #eee, #d5d5d5);
  background-image: linear-gradient(to bottom, #eee, #d5d5d5);
  border: 1px solid #888;
  border-bottom: 0;
}
#tabs-records ul li a,
#tabs-cover-wedge ul li a {
  position: relative;
  padding: 8px 2em;
  color: #fff;
}
#tabs-records ul li a:before,
#tabs-cover-wedge ul li a:before {
  content: "";
  position: absolute;
  top: -9px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-bottom: none;
  border-radius: 3px 3px 0 0;
  background: #1f2c28;
  transform: perspective(5px) rotateX(2deg);
  transform-origin: bottom;
  border: 1px solid #1f2c28;
  border-bottom: 0;
}
#tabs-records ul.three-tabs,
#tabs-cover-wedge ul.three-tabs {
  width: 80%;
  margin-left: 10%;
  margin-top: 20px;
}
#tabs-records ul.three-tabs li,
#tabs-cover-wedge ul.three-tabs li {
  width: 33%;
}
#tabs-records ul.three-tabs li a,
#tabs-cover-wedge ul.three-tabs li a {
  width: 100%;
  border: 1px solid transparent;
  text-align: center;
}
#tabs-records ul.three-tabs li a:before,
#tabs-cover-wedge ul.three-tabs li a:before {
  transform: perspective(12px) rotateX(2deg);
}
@media (max-width: 768px) {
  #tabs-records:before,
  #tabs-cover-wedge:before {
    clear: both;
    content: "";
    display: block;
  }
}
@media (max-width: 768px) {
  #tabs-cover-wedge ul {
    width: 100%;
  }
  #tabs-cover-wedge ul li {
    width: 33%;
  }
  #tabs-cover-wedge ul li a {
    width: 100%;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
#tabs-cover-wedge .gcw-graph-inputs {
  padding: 15px;
  margin-bottom: 15px;
  width: 100%;
}
#tabs-cover-wedge .gcw-graph-inputs textarea {
  width: 100%;
}
#tabs-cover-wedge .gcw-graph-inputs h3 {
  font-size: 1em;
  margin-bottom: 15px;
  background-image: -moz-linear-gradient(top, #d5d5d5, #eee);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#d5d5d5),
    to(#eee)
  );
  background-image: -webkit-linear-gradient(top, #d5d5d5, #eee);
  background-image: -ms-linear-gradient(top, #d5d5d5, #eee);
  background-image: -o-linear-gradient(top, #d5d5d5, #eee);
  background-image: linear-gradient(to bottom, #d5d5d5, #eee);
  padding: 10px 15px;
  margin: -15px -15px 15px -15px;
}
#tabs-cover-wedge .stock-options-fields {
  padding: 15px;
  margin-bottom: 15px;
}
#tabs-cover-wedge .stock-options-fields table td:first-child {
  width: 50%;
}
#tabs-cover-wedge .stock-options-fields table td .btn-light,
#tabs-cover-wedge .stock-options-fields .table-listing table td .actions a .fa,
.table-listing #tabs-cover-wedge .stock-options-fields table td .actions a .fa,
#tabs-cover-wedge .stock-options-fields .table-listing table .actions a td .fa,
.table-listing #tabs-cover-wedge .stock-options-fields table .actions a td .fa,
#tabs-cover-wedge
  .stock-options-fields
  .table-listing
  table
  td
  .actionsComment
  a
  .fa,
.table-listing
  #tabs-cover-wedge
  .stock-options-fields
  table
  td
  .actionsComment
  a
  .fa,
#tabs-cover-wedge
  .stock-options-fields
  .table-listing
  table
  .actionsComment
  a
  td
  .fa,
.table-listing
  #tabs-cover-wedge
  .stock-options-fields
  table
  .actionsComment
  a
  td
  .fa,
#tabs-cover-wedge
  .stock-options-fields
  table
  td
  .filters-area
  .btn-apply-filters,
.filters-area
  #tabs-cover-wedge
  .stock-options-fields
  table
  td
  .btn-apply-filters,
#tabs-cover-wedge
  .stock-options-fields
  table
  td
  .filters-area
  .filters
  .fa-caret-left,
.filters-area
  .filters
  #tabs-cover-wedge
  .stock-options-fields
  table
  td
  .fa-caret-left,
#tabs-cover-wedge
  .stock-options-fields
  table
  td
  .filters-area
  .filters
  .fa-caret-right,
.filters-area
  .filters
  #tabs-cover-wedge
  .stock-options-fields
  table
  td
  .fa-caret-right,
#tabs-cover-wedge
  .stock-options-fields
  table
  td
  .fancy-container
  .edit-actions
  a,
.fancy-container
  .edit-actions
  #tabs-cover-wedge
  .stock-options-fields
  table
  td
  a,
#tabs-cover-wedge .stock-options-fields table td .fancy-container .fa-th-large,
.fancy-container #tabs-cover-wedge .stock-options-fields table td .fa-th-large,
#tabs-cover-wedge
  .stock-options-fields
  table
  td
  .fancy-container
  .btn-add-new-stock
  .fa-plus,
.fancy-container
  .btn-add-new-stock
  #tabs-cover-wedge
  .stock-options-fields
  table
  td
  .fa-plus,
#tabs-cover-wedge .stock-options-fields table td .pagination a,
.pagination #tabs-cover-wedge .stock-options-fields table td a,
#tabs-cover-wedge .stock-options-fields table td .inputs-page .fa-th-large,
.inputs-page #tabs-cover-wedge .stock-options-fields table td .fa-th-large {
  padding: 2px 5px;
}
#tabs-cover-wedge .stock-options-fields h3 {
  font-size: 1em;
  margin-bottom: 15px;
  background-image: -moz-linear-gradient(top, #d5d5d5, #eee);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#d5d5d5),
    to(#eee)
  );
  background-image: -webkit-linear-gradient(top, #d5d5d5, #eee);
  background-image: -ms-linear-gradient(top, #d5d5d5, #eee);
  background-image: -o-linear-gradient(top, #d5d5d5, #eee);
  background-image: linear-gradient(to bottom, #d5d5d5, #eee);
  padding: 10px 15px;
  margin: -15px -15px 15px -15px;
}
#tabs-cover-wedge .stock-options-fields .container-scrollable > label {
  width: 18%;
  display: inline;
  margin-right: 1%;
  padding: 4px 0;
  margin-bottom: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: none;
  top: 0;
}
@media (max-width: 1024px) {
  #tabs-cover-wedge .stock-options-fields .container-scrollable > label {
    width: 32%;
    float: left;
  }
}
@media (max-width: 860px) {
  #tabs-cover-wedge .stock-options-fields .container-scrollable > label {
    width: 38%;
  }
}
@media (max-width: 680px) {
  #tabs-cover-wedge .stock-options-fields .container-scrollable > label {
    width: 50%;
  }
}
#tabs-cover-wedge .stock-options-fields > span.measurement label {
  width: auto;
  padding-right: 10px;
}
@media (max-width: 1366px) {
  #tabs-cover-wedge .stock-options-fields > span.measurement label {
    display: inline-block;
    width: 55%;
  }
}
@media (max-width: 1024px) {
  #tabs-cover-wedge .stock-options-fields > span.measurement label {
    width: 65%;
  }
}
@media (max-width: 860px) {
  #tabs-cover-wedge .stock-options-fields > span.measurement label {
    width: 70%;
  }
}
@media (max-width: 768px) {
  #tabs-cover-wedge .stock-options-fields > span.measurement label {
    width: 55%;
  }
}
#tabs-cover-wedge .stock-options-fields > span.measurement input[type="text"] {
  width: 50px;
  padding: 4px 2.5%;
  text-align: center;
  margin-right: 10px;
}
@media (max-width: 1366px) {
  #tabs-cover-wedge
    .stock-options-fields
    > span.measurement
    input[type="text"] {
    width: 30%;
  }
}
@media (max-width: 1024px) {
  #tabs-cover-wedge
    .stock-options-fields
    > span.measurement
    input[type="text"] {
    width: 23%;
  }
}
@media (max-width: 860px) {
  #tabs-cover-wedge
    .stock-options-fields
    > span.measurement
    input[type="text"] {
    width: 14%;
  }
}
@media (max-width: 768px) {
  #tabs-cover-wedge
    .stock-options-fields
    > span.measurement
    input[type="text"] {
    width: 10%;
  }
}
@media (max-width: 480px) {
  #tabs-cover-wedge
    .stock-options-fields
    > span.measurement
    input[type="text"] {
    width: 33%;
  }
}
@media (max-width: 1366px) {
  #tabs-cover-wedge .stock-options-fields > span.measurement.small {
    width: 100%;
  }
}
@media (max-width: 1366px) {
  #tabs-cover-wedge .stock-options-fields > span.measurement.small label {
    width: 27.2%;
  }
}
@media (max-width: 1024px) {
  #tabs-cover-wedge .stock-options-fields > span.measurement.small label {
    width: 32%;
  }
}
@media (max-width: 860px) {
  #tabs-cover-wedge .stock-options-fields > span.measurement.small label {
    width: 34.5%;
  }
}
@media (max-width: 768px) {
  #tabs-cover-wedge .stock-options-fields > span.measurement.small label {
    width: 55%;
  }
}
@media (max-width: 1366px) {
  #tabs-cover-wedge
    .stock-options-fields
    > span.measurement.small
    input[type="text"] {
    width: 12.3%;
    margin-right: 4.4%;
  }
}
@media (max-width: 1024px) {
  #tabs-cover-wedge
    .stock-options-fields
    > span.measurement.small
    input[type="text"] {
    width: 9%;
    margin-right: 2.5%;
  }
}
@media (max-width: 860px) {
  #tabs-cover-wedge
    .stock-options-fields
    > span.measurement.small
    input[type="text"] {
    width: 4.5%;
  }
}
@media (max-width: 768px) {
  #tabs-cover-wedge
    .stock-options-fields
    > span.measurement.small
    input[type="text"] {
    width: 10%;
  }
}
@media (max-width: 1366px) {
  #tabs-cover-wedge .stock-options-fields > span.measurement {
    display: inline-block;
    width: 49.5%;
  }
}
@media (max-width: 768px) {
  #tabs-cover-wedge .stock-options-fields > span.measurement {
    width: 100%;
  }
}
#tabs-cover-wedge .stock-options-fields .mean-lambing-date label {
  width: 15.8%;
}
@media (max-width: 1366px) {
  #tabs-cover-wedge .stock-options-fields .mean-lambing-date label {
    width: 27.2%;
  }
}
@media (max-width: 1024px) {
  #tabs-cover-wedge .stock-options-fields .mean-lambing-date label {
    width: 33%;
    float: left;
  }
}
@media (max-width: 860px) {
  #tabs-cover-wedge .stock-options-fields .mean-lambing-date label {
    width: 35.5%;
  }
}
@media (max-width: 768px) {
  #tabs-cover-wedge .stock-options-fields .mean-lambing-date label {
    width: 56%;
  }
}
#tabs-cover-wedge .stock-options-fields .mean-lambing-date input {
  width: 7.5%;
  padding: 4px 1.5%;
  text-align: center;
  margin-right: 10px;
}
@media (max-width: 1366px) {
  #tabs-cover-wedge .stock-options-fields .mean-lambing-date input {
    width: 14.3%;
    margin-right: 4.4%;
  }
}
@media (max-width: 1024px) {
  #tabs-cover-wedge .stock-options-fields .mean-lambing-date input {
    width: 24%;
    margin-right: 2.5%;
  }
}
@media (max-width: 860px) {
  #tabs-cover-wedge .stock-options-fields .mean-lambing-date input {
    width: 22%;
  }
}
@media (max-width: 768px) {
  #tabs-cover-wedge .stock-options-fields .mean-lambing-date input {
    width: 33%;
    padding: 4px 2.5%;
  }
}
#tabs-cover-wedge .stock-options-fields .mean-lambing-date .btn-green,
#tabs-cover-wedge .stock-options-fields .mean-lambing-date .btn-dark,
#tabs-cover-wedge .stock-options-fields .mean-lambing-date .btn-red {
  padding: 6px 1% 5px;
  position: relative;
  top: -1px;
  width: auto;
}
#tabs-cover-wedge .stock-options-fields .mean-lambing-date.alignedInputs label {
  width: 45%;
}
#tabs-cover-wedge .stock-options-fields .mean-lambing-date.alignedInputs input {
  width: 42.5%;
  text-align: left;
  padding: 10px 2%;
}
#tabs-cover-wedge .stock-options-fields .switch {
  width: 11%;
  float: left;
}
@media (max-width: 680px) {
  #tabs-cover-wedge .stock-options-fields .switch {
    width: 18%;
    margin-right: 0;
  }
}
#tabs-cover-wedge .stock-options-fields .cmn-toggle + label {
  width: 100%;
  margin: 0;
}
#tabs-cover-wedge .stock-options-fields .checkbox {
  display: inline-block;
  margin-top: 2px;
  margin-right: 10px;
}
#tabs-cover-wedge .stock-options-fields .container-scrollable {
  height: 265px;
  overflow-x: hidden;
  overflow-y: auto;
  margin: -15px;
  font-weight: 700;
  font-size: 1.1em;
  color: #000;
}
#tabs-cover-wedge .stock-options-fields .container-scrollable .btn-light,
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .table-listing
  table
  .actions
  a
  .fa,
.table-listing
  table
  .actions
  a
  #tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .fa,
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .table-listing
  table
  .actionsComment
  a
  .fa,
.table-listing
  table
  .actionsComment
  a
  #tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .fa,
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .filters-area
  .btn-apply-filters,
.filters-area
  #tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .btn-apply-filters,
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .filters-area
  .filters
  .fa-caret-left,
.filters-area
  .filters
  #tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .fa-caret-left,
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .filters-area
  .filters
  .fa-caret-right,
.filters-area
  .filters
  #tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .fa-caret-right,
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .fancy-container
  .edit-actions
  a,
.fancy-container
  .edit-actions
  #tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  a,
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .fancy-container
  .fa-th-large,
.fancy-container
  #tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .fa-th-large,
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .fancy-container
  .btn-add-new-stock
  .fa-plus,
.fancy-container
  .btn-add-new-stock
  #tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .fa-plus,
#tabs-cover-wedge .stock-options-fields .container-scrollable .pagination a,
.pagination #tabs-cover-wedge .stock-options-fields .container-scrollable a,
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .inputs-page
  .fa-th-large,
.inputs-page
  #tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .fa-th-large {
  font-weight: normal;
  font-size: 0.9em;
  padding: 2px 10px;
}
#tabs-cover-wedge .stock-options-fields .container-scrollable .green-bar-1 {
  position: relative;
  float: left;
}
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .green-bar-1
  span {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  height: 24px;
  width: 5px;
  background: repeating-linear-gradient(
    to right,
    #2fb357,
    #2fb357 5px,
    #fff 5px,
    #fff 6px
  );
}
#tabs-cover-wedge .stock-options-fields .container-scrollable .green-bar-2 {
  position: relative;
  float: left;
}
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .green-bar-2
  span {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  height: 24px;
  width: 11px;
  background: repeating-linear-gradient(
    to right,
    #2fb357,
    #2fb357 5px,
    #fff 5px,
    #fff 6px
  );
}
#tabs-cover-wedge .stock-options-fields .container-scrollable .green-bar-3 {
  position: relative;
  float: left;
}
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .green-bar-3
  span {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  height: 24px;
  width: 17px;
  background: repeating-linear-gradient(
    to right,
    #2fb357,
    #2fb357 5px,
    #fff 5px,
    #fff 6px
  );
}
#tabs-cover-wedge .stock-options-fields .container-scrollable .green-bar-4 {
  position: relative;
  float: left;
}
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .green-bar-4
  span {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  height: 24px;
  width: 23px;
  background: repeating-linear-gradient(
    to right,
    #2fb357,
    #2fb357 5px,
    #fff 5px,
    #fff 6px
  );
}
#tabs-cover-wedge .stock-options-fields .container-scrollable .green-bar-5 {
  position: relative;
  float: left;
}
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .green-bar-5
  span {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  height: 24px;
  width: 29px;
  background: repeating-linear-gradient(
    to right,
    #2fb357,
    #2fb357 5px,
    #fff 5px,
    #fff 6px
  );
}
#tabs-cover-wedge .stock-options-fields .container-scrollable .green-bar-6 {
  position: relative;
  float: left;
}
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .green-bar-6
  span {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  height: 24px;
  width: 35px;
  background: repeating-linear-gradient(
    to right,
    #2fb357,
    #2fb357 5px,
    #fff 5px,
    #fff 6px
  );
}
#tabs-cover-wedge .stock-options-fields .container-scrollable .red-bar-1 {
  position: relative;
  float: left;
}
#tabs-cover-wedge .stock-options-fields .container-scrollable .red-bar-1 span {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  height: 24px;
  width: 5px;
  background: repeating-linear-gradient(
    to right,
    #b40000,
    #b40000 5px,
    #fff 5px,
    #fff 6px
  );
}
#tabs-cover-wedge .stock-options-fields .container-scrollable .red-bar-2 {
  position: relative;
  float: left;
}
#tabs-cover-wedge .stock-options-fields .container-scrollable .red-bar-2 span {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  height: 24px;
  width: 11px;
  background: repeating-linear-gradient(
    to right,
    #b40000,
    #b40000 5px,
    #fff 5px,
    #fff 6px
  );
}
#tabs-cover-wedge .stock-options-fields .container-scrollable .red-bar-3 {
  position: relative;
  float: left;
}
#tabs-cover-wedge .stock-options-fields .container-scrollable .red-bar-3 span {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  height: 24px;
  width: 17px;
  background: repeating-linear-gradient(
    to right,
    #b40000,
    #b40000 5px,
    #fff 5px,
    #fff 6px
  );
}
#tabs-cover-wedge .stock-options-fields .container-scrollable .red-bar-4 {
  position: relative;
  float: left;
}
#tabs-cover-wedge .stock-options-fields .container-scrollable .red-bar-4 span {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  height: 24px;
  width: 23px;
  background: repeating-linear-gradient(
    to right,
    #b40000,
    #b40000 5px,
    #fff 5px,
    #fff 6px
  );
}
#tabs-cover-wedge .stock-options-fields .container-scrollable .red-bar-5 {
  position: relative;
  float: left;
}
#tabs-cover-wedge .stock-options-fields .container-scrollable .red-bar-5 span {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  height: 24px;
  width: 29px;
  background: repeating-linear-gradient(
    to right,
    #b40000,
    #b40000 5px,
    #fff 5px,
    #fff 6px
  );
}
#tabs-cover-wedge .stock-options-fields .container-scrollable .red-bar-6 {
  position: relative;
  float: left;
}
#tabs-cover-wedge .stock-options-fields .container-scrollable .red-bar-6 span {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  height: 24px;
  width: 35px;
  background: repeating-linear-gradient(
    to right,
    #b40000,
    #b40000 5px,
    #fff 5px,
    #fff 6px
  );
}
#tabs-cover-wedge .stock-options-fields .container-scrollable .bg-white {
  width: 85px;
  background: #fff !important;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
}
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .bg-white
  .btn-light,
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .bg-white
  .table-listing
  table
  .actions
  a
  .fa,
.table-listing
  table
  .actions
  a
  #tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .bg-white
  .fa,
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .bg-white
  .table-listing
  table
  .actionsComment
  a
  .fa,
.table-listing
  table
  .actionsComment
  a
  #tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .bg-white
  .fa,
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .bg-white
  .filters-area
  .btn-apply-filters,
.filters-area
  #tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .bg-white
  .btn-apply-filters,
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .bg-white
  .filters-area
  .filters
  .fa-caret-left,
.filters-area
  .filters
  #tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .bg-white
  .fa-caret-left,
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .bg-white
  .filters-area
  .filters
  .fa-caret-right,
.filters-area
  .filters
  #tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .bg-white
  .fa-caret-right,
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .bg-white
  .fancy-container
  .edit-actions
  a,
.fancy-container
  .edit-actions
  #tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .bg-white
  a,
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .bg-white
  .fancy-container
  .fa-th-large,
.fancy-container
  #tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .bg-white
  .fa-th-large,
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .bg-white
  .fancy-container
  .btn-add-new-stock
  .fa-plus,
.fancy-container
  .btn-add-new-stock
  #tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .bg-white
  .fa-plus,
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .bg-white
  .pagination
  a,
.pagination
  #tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .bg-white
  a,
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .bg-white
  .inputs-page
  .fa-th-large,
.inputs-page
  #tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  .bg-white
  .fa-th-large {
  margin: 0;
}
@media (max-width: 480px) {
  #tabs-cover-wedge
    .stock-options-fields
    .container-scrollable
    .bg-white.helpTd {
    width: auto;
    padding: 5px 0 5px 0 !important;
  }
}
#tabs-cover-wedge .stock-options-fields .container-scrollable.no-mgs {
  margin: 0;
  height: 235px;
}
#tabs-cover-wedge .stock-options-fields .container-scrollable input {
  min-width: 90px;
  text-align: center;
  background: none;
  border: 0;
  margin: 0;
  margin: auto;
  float: none;
  padding: 0;
  color: #000;
  font-weight: 700;
  -webkit-text-fill-color: #000001;
}
#tabs-cover-wedge
  .stock-options-fields
  .container-scrollable
  input[disabled="disabled"],
#tabs-cover-wedge .stock-options-fields .container-scrollable input[disabled],
#tabs-cover-wedge .stock-options-fields .container-scrollable input:disabled,
#tabs-cover-wedge .stock-options-fields .container-scrollable input:read-only {
  color: #000;
  -webkit-text-fill-color: #000001;
}
@media (max-width: 480px) {
  #tabs-cover-wedge .stock-options-fields .container-scrollable input {
    min-width: 75px;
    font-size: 1em;
  }
}
@media (max-width: 680px) {
  #tabs-cover-wedge .stock-options-fields .container-scrollable {
    height: auto;
    font-size: 0.8em;
  }
}
#tabs-cover-wedge .btn-green,
#tabs-cover-wedge .btn-dark,
#tabs-cover-wedge .btn-red {
  color: #fff;
  margin-top: 5px;
  margin-bottom: 0;
  display: inline-block;
  padding: 4px 10px;
}
.stockTypesTable th:first-child {
  min-width: 210px;
}
.wedge-col {
  width: 49%;
  float: left;
  margin-right: 2%;
}
.wedge-col.no-margin-right {
  margin-right: 0;
}
.wedge-col table {
  border: 0;
}
.wedge-col td {
  padding: 7px 1px !important;
  padding-left: 10px !important;
  line-height: 18px !important;
}
.wedge-col td:first-child {
  text-align: left !important;
}
.wedge-col td:last-child {
  text-align: center !important;
  width: 30%;
  padding: 0 !important;
}
@media (max-width: 480px) {
  .wedge-col td {
    padding: 5px 1px !important;
    line-height: 15px !important;
  }
}
@media (max-width: 680px) {
  .wedge-col {
    width: 100%;
    margin-right: 0;
  }
}
.cover-estimations-table th:nth-of-type(4) {
  min-width: 100px;
}
.cover-estimations-table td:nth-of-type(10) {
  text-align: left;
}
.stocks-editable-table th:first-child {
  min-width: 180px;
}
.stocks-editable-table td:first-child {
  min-width: 180px;
}
.stocks-editable-table td input[type="text"] {
  max-width: 40px !important;
}
.feed-budget-table .stock-hover {
  background: #f8f7c7 !important;
  cursor: pointer;
}
.table-listing-stocks {
  display: none;
}
.align-right {
  float: right;
}
.align-left {
  float: left;
}
@media (max-width: 480px) {
  #fancyEditWedgePaddock {
    overflow: visible !important;
  }
}
.fancy-container {
  display: none;
  background: #fff;
  padding: 0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -wenkit-border-radius: 3px;
  -o-border-radius: 3px;
  width: 700px;
}
@media (max-width: 860px) {
  .fancy-container {
    width: 650px;
  }
}
@media (max-width: 768px) {
  .fancy-container {
    width: 100%;
  }
}
.fancy-container h2 {
  padding: 15px 20px;
  background: #1f2c28;
  font-size: 1.1em;
  color: #fff;
}
.fancy-container h2.add-new-title {
  background: #008357;
}
.fancy-container .btn {
  padding: 6px 15px;
}
.fancy-container .buttons {
  padding: 10px;
  background: #eee;
  border-top: 1px solid #d5d5d5;
}
.fancy-container .buttons .btn-light,
.fancy-container .buttons .table-listing table .actions a .fa,
.table-listing table .actions a .fancy-container .buttons .fa,
.fancy-container .buttons .table-listing table .actionsComment a .fa,
.table-listing table .actionsComment a .fancy-container .buttons .fa,
.fancy-container .buttons .filters-area .btn-apply-filters,
.filters-area .fancy-container .buttons .btn-apply-filters,
.fancy-container .buttons .filters-area .filters .fa-caret-left,
.filters-area .filters .fancy-container .buttons .fa-caret-left,
.fancy-container .buttons .filters-area .filters .fa-caret-right,
.filters-area .filters .fancy-container .buttons .fa-caret-right,
.fancy-container .buttons .edit-actions a,
.fancy-container .edit-actions .buttons a,
.fancy-container .buttons .fa-th-large,
.fancy-container .buttons .btn-add-new-stock .fa-plus,
.fancy-container .btn-add-new-stock .buttons .fa-plus,
.fancy-container .buttons .pagination a,
.pagination .fancy-container .buttons a {
  padding: 5px 14px 4px;
  border: 1px solid #aeaeae;
  text-transform: uppercase;
  font-size: 0.9em;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -wenkit-border-radius: 3px;
  -o-border-radius: 3px;
}
.fancy-container .buttons .btn-light.align-left,
.fancy-container .buttons .table-listing table .actions a .align-left.fa,
.table-listing table .actions a .fancy-container .buttons .align-left.fa,
.fancy-container .buttons .table-listing table .actionsComment a .align-left.fa,
.table-listing table .actionsComment a .fancy-container .buttons .align-left.fa,
.fancy-container .buttons .filters-area .align-left.btn-apply-filters,
.filters-area .fancy-container .buttons .align-left.btn-apply-filters,
.fancy-container .buttons .filters-area .filters .align-left.fa-caret-left,
.filters-area .filters .fancy-container .buttons .align-left.fa-caret-left,
.fancy-container .buttons .filters-area .filters .align-left.fa-caret-right,
.filters-area .filters .fancy-container .buttons .align-left.fa-caret-right,
.fancy-container .buttons .edit-actions a.align-left,
.fancy-container .edit-actions .buttons a.align-left,
.fancy-container .buttons .align-left.fa-th-large,
.fancy-container .buttons .btn-add-new-stock .align-left.fa-plus,
.fancy-container .btn-add-new-stock .buttons .align-left.fa-plus,
.fancy-container .buttons .pagination a.align-left,
.pagination .fancy-container .buttons a.align-left {
  margin-right: 5px;
}
@media (max-width: 1025px) {
  .fancy-container .buttons .btn-light.align-left,
  .fancy-container .buttons .table-listing table .actions a .align-left.fa,
  .table-listing table .actions a .fancy-container .buttons .align-left.fa,
  .fancy-container
    .buttons
    .table-listing
    table
    .actionsComment
    a
    .align-left.fa,
  .table-listing
    table
    .actionsComment
    a
    .fancy-container
    .buttons
    .align-left.fa,
  .fancy-container .buttons .filters-area .align-left.btn-apply-filters,
  .filters-area .fancy-container .buttons .align-left.btn-apply-filters,
  .fancy-container .buttons .filters-area .filters .align-left.fa-caret-left,
  .filters-area .filters .fancy-container .buttons .align-left.fa-caret-left,
  .fancy-container .buttons .filters-area .filters .align-left.fa-caret-right,
  .filters-area .filters .fancy-container .buttons .align-left.fa-caret-right,
  .fancy-container .buttons .edit-actions a.align-left,
  .fancy-container .edit-actions .buttons a.align-left,
  .fancy-container .buttons .align-left.fa-th-large,
  .fancy-container .buttons .btn-add-new-stock .align-left.fa-plus,
  .fancy-container .btn-add-new-stock .buttons .align-left.fa-plus,
  .fancy-container .buttons .pagination a.align-left,
  .pagination .fancy-container .buttons a.align-left {
    margin-left: 1%;
    margin-right: 1%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 1025px) {
  .fancy-container .buttons .btn-light,
  .fancy-container .buttons .table-listing table .actions a .fa,
  .table-listing table .actions a .fancy-container .buttons .fa,
  .fancy-container .buttons .table-listing table .actionsComment a .fa,
  .table-listing table .actionsComment a .fancy-container .buttons .fa,
  .fancy-container .buttons .filters-area .btn-apply-filters,
  .filters-area .fancy-container .buttons .btn-apply-filters,
  .fancy-container .buttons .filters-area .filters .fa-caret-left,
  .filters-area .filters .fancy-container .buttons .fa-caret-left,
  .fancy-container .buttons .filters-area .filters .fa-caret-right,
  .filters-area .filters .fancy-container .buttons .fa-caret-right,
  .fancy-container .buttons .edit-actions a,
  .fancy-container .edit-actions .buttons a,
  .fancy-container .buttons .fa-th-large,
  .fancy-container .buttons .btn-add-new-stock .fa-plus,
  .fancy-container .btn-add-new-stock .buttons .fa-plus,
  .fancy-container .buttons .pagination a,
  .pagination .fancy-container .buttons a {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 48%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
}
@-moz-document url-prefix() {
  .fancy-container .buttons .btn-light,
  .fancy-container .buttons .table-listing table .actions a .fa,
  .table-listing table .actions a .fancy-container .buttons .fa,
  .fancy-container .buttons .table-listing table .actionsComment a .fa,
  .table-listing table .actionsComment a .fancy-container .buttons .fa,
  .fancy-container .buttons .filters-area .btn-apply-filters,
  .filters-area .fancy-container .buttons .btn-apply-filters,
  .fancy-container .buttons .filters-area .filters .fa-caret-left,
  .filters-area .filters .fancy-container .buttons .fa-caret-left,
  .fancy-container .buttons .filters-area .filters .fa-caret-right,
  .filters-area .filters .fancy-container .buttons .fa-caret-right,
  .fancy-container .buttons .edit-actions a,
  .fancy-container .edit-actions .buttons a,
  .fancy-container .buttons .fa-th-large,
  .fancy-container .buttons .btn-add-new-stock .fa-plus,
  .fancy-container .btn-add-new-stock .buttons .fa-plus,
  .fancy-container .buttons .pagination a,
  .pagination .fancy-container .buttons a {
    padding: 6px 14px 5px;
  }
}
.fancy-container h3 {
  background-image: -moz-linear-gradient(top, #f3f3f3, white);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#f3f3f3),
    to(white)
  );
  background-image: -webkit-linear-gradient(top, #f3f3f3, white);
  background-image: -ms-linear-gradient(top, #f3f3f3, white);
  background-image: -o-linear-gradient(top, #f3f3f3, white);
  background-image: linear-gradient(to bottom, #f3f3f3, white);
  padding: 10px 20px;
  border-top: 1px solid #d5d5d5;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.8em;
}
.fancy-container h3.edit-actions-title,
.fancy-container h3.details-record-title,
.fancy-container h3.clover-record-title {
  cursor: pointer;
}
.fancy-container .question {
  text-align: center;
  padding: 20px;
}
.fancy-container .slider li {
  display: none;
  list-style: none;
}
.fancy-container .in-detail {
  padding: 10px 2% !important;
}
.fancy-container .in-detail p {
  line-height: 18px;
}
.fancy-container .inputs {
  padding: 20px;
}
.fancy-container .inputs.edit-actions,
.fancy-container .inputs.details-record-inputs {
  display: none;
}
.fancy-container .inputs.farm-area-inputs {
  display: none;
}
.fancy-container .inputs .info-notes {
  padding: 10px;
  background: #eee;
  border: 1px solid #c8c8c8;
  margin-bottom: 20px;
}
.fancy-container .inputs .stockTypesFancyTable {
  margin: 0;
  width: 98%;
  min-width: 280px;
}
@media (max-width: 680px) {
  .fancy-container .inputs .stockTypesFancyTable {
    min-width: auto !important;
  }
}
.fancy-container .inputs .stockTypesFancyTable input[type="text"] {
  width: 90%;
  margin: 0;
  padding: 5px 10px;
}
.fancy-container
  .inputs
  .stockTypesFancyTable
  .checkbox
  input[type="checkbox"]
  + label {
  margin-top: 0;
  top: 7px;
}
@media (max-width: 680px) {
  .fancy-container#fancyStockTypes .buttons a {
    width: 100%;
    float: none;
    display: block;
    margin: 0;
    margin-bottom: 10px;
  }
}
.fancy-container .edit-actions a {
  display: inline-block;
}
.fancy-container .edit-actions a .fa {
  margin-right: 4px;
  color: #888;
}
.fancy-container .edit-actions a:hover {
  color: #fff;
}
.fancy-container .edit-actions a:hover .fa {
  color: #fff;
}
.fancy-container .edit-actions a.edit-exclude-paddock:hover {
  background: #e97909;
  border: 1px solid #e97909;
}
.fancy-container .edit-actions a.edit-include-paddock:hover {
  background: #008357;
  border: 1px solid #008357;
}
.fancy-container .edit-actions a.edit-delete-paddock:hover {
  background: #b40000;
  border: 1px solid #b40000;
}
.fancy-container label,
.fancy-container input,
.fancy-container span.select,
.fancy-container span.select-multiple,
.fancy-container .dropdown {
  display: block;
  float: left;
  margin-bottom: 10px;
}
.fancy-container input,
.fancy-container span.select,
.fancy-container span.select-multiple,
.fancy-container .dropdown {
  width: 28%;
}
@media (max-width: 768px) {
  .fancy-container input,
  .fancy-container span.select,
  .fancy-container span.select-multiple,
  .fancy-container .dropdown {
    width: 65%;
  }
}
@media (max-width: 680px) {
  .fancy-container input,
  .fancy-container span.select,
  .fancy-container span.select-multiple,
  .fancy-container .dropdown {
    width: 50%;
  }
}
.fancy-container span.select,
.fancy-container span.select-multiple,
.fancy-container .dropdown {
  width: 32.35%;
  position: relative;
}
@media (max-width: 768px) {
  .fancy-container span.select,
  .fancy-container span.select-multiple,
  .fancy-container .dropdown {
    width: 69.2%;
  }
}
@media (max-width: 680px) {
  .fancy-container span.select,
  .fancy-container span.select-multiple,
  .fancy-container .dropdown {
    width: 54%;
  }
}
.fancy-container span.select select,
.fancy-container span.select-multiple select,
.fancy-container .dropdown select {
  width: 100% !important;
  padding: 10px 2%;
  height: auto !important;
}
.fancy-container span.select-multiple .ui-multiselect span.ui-icon {
  position: relative;
  top: 6px;
  right: -12px;
}
.fancy-container .inputs-large label {
  width: 26%;
}
.fancy-container .inputs-large input,
.fancy-container .inputs-large span.select,
.fancy-container .inputs-large span.select-multiple,
.fancy-container .inputs-large .dropdown {
  width: 62%;
}
.fancy-container span.select-tabs {
  width: 100% !important;
  margin: 0;
}
.fancy-container span.select-tabs span.customSelect {
  width: 100% !important;
  max-width: none !important;
}
.fancy-container .milkSetupTextBox {
  text-align: center;
}
.fancy-container .milkSetupTextBox input {
  margin: auto;
  float: none;
  max-width: none !important;
}
.fancy-container label {
  width: 16%;
  padding-right: 1%;
  position: relative;
  top: 8px;
  line-height: 16px;
}
.fancy-container label.label-full {
  width: 100%;
}
.fancy-container label .fa {
  color: #2fb357;
}
@media (max-width: 768px) {
  .fancy-container label {
    width: 30%;
  }
}
@media (max-width: 680px) {
  .fancy-container label {
    width: 45%;
    font-size: 0.9em;
  }
}
.fancy-container label:nth-of-type(2n) {
  margin-left: 3.3%;
}
@media (max-width: 768px) {
  .fancy-container label:nth-of-type(2n) {
    margin-left: 0;
  }
}
.fancy-container .clearfix + label,
.fancy-container .container + label,
.fancy-container header + label,
.fancy-container .top-bar + label,
.fancy-container .top-bar nav + label,
.top-bar .fancy-container nav + label,
.fancy-container .notification-bar + label,
.fancy-container .table-listing + label,
.fancy-container .filters-area .filters + label,
.filters-area .fancy-container .filters + label,
.fancy-container .listing-area + label,
.fancy-container .listing-area .info + label,
.fancy-container .buttons + label,
.fancy-container .inputs + label,
.fancy-container .info + label,
.fancy-container .change-area-verification .options + label,
.change-area-verification .fancy-container .options + label {
  margin-left: 0;
}
.fancy-container label:nth-of-type(2n + 1) {
  clear: both;
}
.fancy-container .label-value {
  position: relative;
  top: 6px;
}
.fancy-container .topping-input {
  display: none;
}
.fancy-container .topping-input-trigger label {
  margin-top: 10px;
}
.fancy-container textarea {
  margin-top: 10px;
}
.fancy-container .rotation-farm-area,
.fancy-container span.select-multiple.include-stock-select {
  width: 21%;
  margin-right: 1.5%;
}
@media (max-width: 860px) {
  .fancy-container .rotation-farm-area,
  .fancy-container span.select-multiple.include-stock-select {
    margin-right: 1%;
  }
}
.fancy-container span.select-multiple.include-stock-select {
  width: 25.2%;
}
@media (max-width: 768px) {
  .fancy-container .btn-rotation-farm-area + label {
    clear: both;
  }
}
.fancy-container .fa-th-large,
.fancy-container .btn-add-new-stock .fa-plus {
  font-size: 1.3em;
  padding: 9px 7px 5px 7px !important;
  float: left;
}
.fancy-container .btn-add-new-stock .fa-plus {
  padding: 9px 9px 5px 9px !important;
}
@media screen and (max-width: 480px) {
  .fancy-container.fancyWedge .inputs.headerInputs label {
    width: 100%;
  }
  .fancy-container.fancyWedge .inputs.headerInputs select {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .topPiece .btn-green,
  .topPiece .btn-dark,
  .topPiece .btn-red,
  .topPiece .btn-dark,
  .topPiece .btn-red {
    width: 47%;
  }
}
.safariMac .filters-area .filters .option .label-value {
  top: 0;
}
.safariMac .table-listing .fbudget-tables table th {
  font-size: 10px !important;
  -webkit-text-size-adjust: 100%;
}
.fancyheight-custom {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.fancy-delete-alert h2 {
  background: #b40000;
}
.fancy-welcome h2 {
  background: #008357;
  text-align: center;
}
.fancy-welcome .buttons {
  text-align: center;
  padding: 15px 10px;
}
.fancy-welcome .buttons .btn-green,
.fancy-welcome .buttons .btn-dark,
.fancy-welcome .buttons .btn-red {
  margin: auto;
  float: none;
  padding: 5px 40px;
}
.fancy-map h2 {
  text-align: center;
}
.fancy-map .buttons {
  text-align: center;
}
.fancy-map .buttons a {
  float: none;
  margin: auto;
}
.fancy-map.fancy-leinster {
  width: 400px;
}
.fancy-map.fancy-ulster {
  width: 620px;
}
.fancy-map.fancy-munster {
  width: 696px;
}
.fancy-map.fancy-connacht {
  width: 485px;
}
@media (max-width: 680px) {
  .fancy-map {
    width: 100% !important;
  }
}
@media (max-width: 680px) {
  .fancy-map svg {
    width: 100%;
    min-height: 0;
    height: 100%;
  }
}
.fancy-map svg text {
  font-family: Calibri;
  font-size: 20px;
  cursor: pointer;
  fill: white;
}
.fancy-map svg .cityNames text {
  font-size: 13px;
  fill: #eae8b0;
}
.fancybox-inner {
  overflow-x: hidden !important;
}
span.customSelect {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -wenkit-border-radius: 3px;
  -o-border-radius: 3px;
}
.customSelectInner {
  background: transparent url(../images/customSelect-arrow.gif) no-repeat 0 0;
  background-position: center right;
}
.change-area-verification {
  display: none;
}
.change-area-verification .options a {
  text-decoration: none;
  padding: 10px 20px;
  border: 1px solid #2fb357;
  background: #fff;
  display: block;
  color: #000;
  width: 49%;
  float: left;
}
.change-area-verification .options a:first-child {
  margin-right: 2%;
}
.change-area-verification .options a .fa {
  color: #e1e1e1;
  margin-right: 10px;
  font-size: 1.3em;
}
.change-area-verification .options a:hover {
  background: #2fb357;
  color: #fff;
}
.change-area-verification .options a:hover .fa {
  color: #fff;
}
.change-area-verification .buttons-area-change {
  display: none;
}
@media (max-width: 680px) {
  .change-area-verification .buttons-area-change .btn-green.align-left,
  .change-area-verification .buttons-area-change .align-left.btn-dark,
  .change-area-verification .buttons-area-change .align-left.btn-red {
    width: 100% !important;
    margin: 0 !important;
    white-space: normal !important;
  }
}
@media (max-width: 680px) {
  .change-area-verification .buttons .align-right.btn-dark {
    width: 100% !important;
    margin: 0 !important;
  }
}
.error-page {
  margin: 50px;
  padding: 30px;
  border: 2px solid #a77171;
  background: #f2eded;
  text-align: center;
}
.error-page .fa {
  font-size: 2em;
  color: #f00;
}
.error-page h2 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #f00;
}
.error-page a {
  color: #000;
}
.error-page a:hover {
  text-decoration: none;
}
.error-success-message {
  display: none;
}
.error-success-message p.error {
  background: #f00;
  padding: 10px 20px;
  color: #fff;
}
.error-success-message p.error br {
  display: none;
}
.error-success-message p.success {
  background: #2fb357;
  padding: 10px 20px;
  color: #fff;
}
.last-updates-mobile,
.filters-mobile {
  display: none;
  margin-bottom: 1px;
}
.last-updates-mobile h2,
.filters-mobile h2 {
  font-size: 1.6em;
  margin-bottom: 20px;
  font-weight: 300;
  text-align: center;
  margin-top: 20px;
}
@media (max-width: 680px) {
  .last-updates-mobile h2,
  .filters-mobile h2 {
    font-size: 1.3em;
  }
}
.last-updates-mobile p a,
.filters-mobile p a {
  background: #f3f3f3;
  padding: 15px;
  padding-right: 60px;
  font-size: 1.1em;
  line-height: 1.1em;
  position: relative;
  display: block;
  text-decoration: none;
  color: #000;
}
.last-updates-mobile p a em,
.filters-mobile p a em {
  font-weight: bold;
}
.last-updates-mobile p a:hover,
.filters-mobile p a:hover {
  background: #2fb357;
  color: #fff;
}
.last-updates-mobile p a:hover .fa,
.filters-mobile p a:hover .fa {
  color: #fff;
}
.last-updates-mobile p a .fa,
.filters-mobile p a .fa {
  display: block;
  position: absolute;
  top: 34%;
  right: 20px;
  font-size: 1.3em;
  color: #008357;
}
@media (max-width: 680px) {
  .last-updates-mobile p a .fa,
  .filters-mobile p a .fa {
    top: 24%;
    right: 10px;
  }
}
@media (max-width: 680px) {
  .last-updates-mobile p a,
  .filters-mobile p a {
    padding: 10px 15px;
    padding-right: 60px;
    font-size: 1em;
  }
}
@media (max-width: 768px) {
  .last-updates-mobile,
  .filters-mobile {
    display: block;
    padding: 0 15px;
    background: #fff;
  }
}
@media (max-width: 680px) {
  .last-updates-mobile,
  .filters-mobile {
    padding: 0;
  }
}
.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: 6px;
  top: -3px;
}
input.cmn-toggle-yes-no + label {
  padding: 2px;
  width: 50px;
  height: 26px;
}
input.cmn-toggle-yes-no + label:before,
input.cmn-toggle-yes-no + label:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: #fff;
  text-align: center;
  line-height: 26px;
}
input.cmn-toggle-yes-no + label:before {
  background-color: #ddd;
  content: attr(data-off);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  transition: transform 0.5s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
input.cmn-toggle-yes-no + label:after {
  background-color: #2fb357;
  content: attr(data-on);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
input.cmn-toggle-yes-no:checked + label:before {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
input.cmn-toggle-yes-no:checked + label:after {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
}
.pagination {
  padding: 8px !important;
  background: #f3f3f3;
  border: 1px solid #e1e1e1;
}
.pagination a {
  display: inline-block;
  margin: 0 2px;
}
.pagination .fa {
  color: #7b7b7b;
  font-size: 0.7em;
}
.pagination .fa.fa-chevron-left {
  margin-right: 2px !important;
}
.pagination .fa.fa-chevron-right {
  margin-left: 2px;
  margin-right: 0;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  padding: 0;
}
.ui-widget {
  z-index: 99 !important;
}
.ui-widget.ui-multiselect-menu {
  z-index: 99999 !important;
}
.ui-datepicker {
  z-index: 9999 !important;
}
.ui-datepicker .ui-datepicker-header {
  background-image: -moz-linear-gradient(top, #d5d5d5, #eee);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#d5d5d5),
    to(#eee)
  );
  background-image: -webkit-linear-gradient(top, #d5d5d5, #eee);
  background-image: -ms-linear-gradient(top, #d5d5d5, #eee);
  background-image: -o-linear-gradient(top, #d5d5d5, #eee);
  background-image: linear-gradient(to bottom, #d5d5d5, #eee);
  border: 0;
}
.fooicon {
  font-size: 1.3em;
  float: left;
}
.required {
  color: #f00;
}
.in-detail {
  background: #eee;
  border: 1px solid #c8c8c8;
  padding: 18px 2% !important;
}
.in-detail h3 {
  margin-bottom: 20px;
}
.in-detail h3:first-of-type {
  margin-bottom: 2px;
}
.in-detail.active {
  background: #f8f7c7;
  border: 2px dashed #aba815;
}
.in-detail .in-detail-content {
  display: none;
}
.in-detail .in-detail-placeholder {
  background: #fff;
  text-align: center;
  padding: 30px;
  margin: 10px;
}
.in-detail .in-detail-placeholder p {
  font-size: 1.1em;
  color: #888;
}
.in-detail table td {
  padding: 4px;
}
.in-detail .btn-light,
.in-detail .table-listing table .actions a .fa,
.table-listing table .actions a .in-detail .fa,
.in-detail .table-listing table .actions a.enter-dates .fa:hover,
.table-listing table .actions a.enter-dates .in-detail .fa:hover,
.in-detail .table-listing table .actions a.enter-dates-red .fa:hover,
.table-listing table .actions a.enter-dates-red .in-detail .fa:hover,
.in-detail .table-listing table .actions a.enter-dates-black .fa:hover,
.table-listing table .actions a.enter-dates-black .in-detail .fa:hover,
.in-detail .table-listing table .actionsComment a .fa,
.table-listing table .actionsComment a .in-detail .fa,
.in-detail .table-listing table .actionsComment a.enter-dates .fa:hover,
.table-listing table .actionsComment a.enter-dates .in-detail .fa:hover,
.in-detail .table-listing table .actionsComment a.enter-dates-red .fa:hover,
.table-listing table .actionsComment a.enter-dates-red .in-detail .fa:hover,
.in-detail .table-listing table .actionsComment a.enter-dates-black .fa:hover,
.table-listing table .actionsComment a.enter-dates-black .in-detail .fa:hover,
.in-detail .filters-area .btn-apply-filters,
.filters-area .in-detail .btn-apply-filters,
.in-detail .filters-area .filters .fa-caret-left,
.filters-area .filters .in-detail .fa-caret-left,
.in-detail .filters-area .filters .fa-caret-right,
.filters-area .filters .in-detail .fa-caret-right,
.in-detail .fancy-container .edit-actions a,
.fancy-container .edit-actions .in-detail a,
.in-detail .fancy-container .fa-th-large,
.fancy-container .in-detail .fa-th-large,
.in-detail .fancy-container .btn-add-new-stock .fa-plus,
.fancy-container .btn-add-new-stock .in-detail .fa-plus,
.in-detail .pagination a,
.pagination .in-detail a,
.in-detail .inputs-page .fa-th-large,
.inputs-page .in-detail .fa-th-large {
  margin-bottom: 10px;
}
.panzoom {
  width: 100%;
  height: 100%;
}
.panzoom .buttons {
  margin-bottom: 10px;
}
.panzoom .buttons button {
  cursor: pointer;
}
.panzoom .buttons input {
  position: relative;
  top: 7px;
}
@media (max-width: 680px) {
  .panzoom .buttons input {
    display: none;
  }
}
@media (max-width: 680px) {
  .panzoom .buttons {
    float: none;
    text-align: center;
  }
}
.inputs-page {
  padding: 30px;
  background: #fff;
  border: 1px solid #aeaeae;
}
@media (max-width: 680px) {
  .inputs-page {
    padding: 15px;
  }
}
.inputs-page textarea {
  width: 96%;
  height: 65px;
}
.inputs-page label {
  width: 45%;
  display: inline-block;
  margin-bottom: 10px;
}
.inputs-page label.label-full {
  width: 100%;
}
@media (max-width: 680px) {
  .inputs-page label {
    width: 37%;
  }
}
.inputs-page .select {
  width: 46.9%;
  margin-bottom: 10px;
  display: inline-block;
  position: relative;
}
.inputs-page .select select {
  width: 100% !important;
  height: 38px !important;
}
@media (max-width: 680px) {
  .inputs-page .select {
    width: 60.9%;
  }
}
.inputs-page input[type="text"],
.inputs-page input[type="file"] {
  width: 42.5%;
  margin-bottom: 10px;
}
.inputs-page input[type="text"].rotation-farm-area,
.inputs-page input[type="file"].rotation-farm-area {
  width: -webkit-calc(42.5% - 43px);
  width: -moz-calc(42.5% - 43px);
  width: -ms-calc(42.5% - 43px);
  width: -o-calc(42.5% - 43px);
  width: calc(42.5% - 43px);
  margin-right: 5px;
}
@media (max-width: 680px) {
  .inputs-page input[type="text"].rotation-farm-area,
  .inputs-page input[type="file"].rotation-farm-area {
    width: 28%;
  }
}
@media (max-width: 680px) {
  .inputs-page input[type="text"],
  .inputs-page input[type="file"] {
    width: 56.5%;
  }
}
.inputs-page .fa-th-large {
  font-size: 1.3em;
  padding: 9px 7px 5px 7px !important;
  position: relative;
  top: 3px;
}
.inputs-page .fa-info-circle {
  color: #008357;
}
.triggerChnagePlan,
.triggerMustHaveActivePlan {
  display: none;
}
.separator {
  border-top: 1px dashed #d8d51b;
  margin: 15px 0;
}
@media (max-width: 680px) {
  .hidden-mobile {
    display: none;
  }
}
.footable-empty td {
  display: none !important;
}
.footable-empty td:first-of-type {
  display: table-cell !important;
}
table.footable > tbody > tr.footable-empty > td {
  font-size: 16px;
  display: none !important;
}
table.footable > tbody > tr.footable-empty > td:first-of-type {
  display: table-cell !important;
}
.stockTypesFancyTable {
  width: 95%;
  border-collapse: collapse;
  border: 1px solid #bbb;
  margin: 20px auto;
  text-align: left;
}
.stockTypesFancyTable tr:nth-child(2n + 1) td {
  background-color: #fff;
}
.stockTypesFancyTable:nth-child(2n) td {
  background-color: #f6f6f6;
}
.stockTypesFancyTable th {
  padding: 15px;
  background-image: -moz-linear-gradient(top, #d4d4d4, #eee);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#d4d4d4),
    to(#eee)
  );
  background-image: -webkit-linear-gradient(top, #d4d4d4, #eee);
  background-image: -ms-linear-gradient(top, #d4d4d4, #eee);
  background-image: -o-linear-gradient(top, #d4d4d4, #eee);
  background-image: linear-gradient(to bottom, #d4d4d4, #eee);
  font-size: 0.8em;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  vertical-align: middle;
}
.stockTypesFancyTable td {
  padding: 5px;
  padding-left: 10px;
  border-bottom: 1px solid #d4d4d4;
  text-align: left;
  vertical-align: middle;
}
.stockTypesFancyTable .toggleTd {
  width: 35%;
}
.stockTypesFancyTable .firstTdSpan {
  width: 35%;
}
.stockTypesFancyTable input[type="text"] {
  width: 45%;
}
.stockTypesFancyTable input[type="text"].toggleInput {
  display: none;
}
.stockTypesFancyTable .btn-green,
.stockTypesFancyTable .btn-dark,
.stockTypesFancyTable .btn-red {
  display: none;
}
.stockTypesFancyTable .greenLink {
  color: #1a6230;
}
.hiddenField {
  display: none;
}
.ui-tabs .ui-state-disabled,
.ui-tabs .ui-widget-content .ui-state-disabled,
.ui-tabs .ui-widget-header .ui-state-disabled {
  opacity: 1 !important;
}
.ui-tabs .ui-state-disabled a:before,
.ui-tabs .ui-widget-content .ui-state-disabled a:before,
.ui-tabs .ui-widget-header .ui-state-disabled a:before {
  border: 0 !important;
  background: #acb0af !important;
}
.suggest-def-option {
  display: inline-block;
  margin-top: 9px;
}
.header-wedge-select,
.independent-select {
  margin-bottom: 15px;
}
.header-wedge-select h3,
.independent-select h3 {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 15px !important;
}
.header-wedge-select ol,
.independent-select ol {
  list-style: inside decimal;
}
.header-wedge-select .label-value,
.independent-select .label-value {
  font-weight: bold;
  display: inline-block;
  margin-left: 2px !important;
  margin-right: 3px !important;
  padding-left: 0 !important;
}
.header-wedge-select .select,
.independent-select .select {
  float: left;
  margin-right: 2px !important;
  position: relative;
  max-width: 280px;
}
@media (max-width: 600px) {
  .header-wedge-select .select,
  .independent-select .select {
    width: 50%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.header-wedge-select .select select,
.independent-select .select select {
  height: 28px !important;
  padding: 0 !important;
  max-width: 130px !important;
  min-width: 130px !important;
}
.header-wedge-select .select span.customSelect,
.independent-select .select span.customSelect {
  padding: 0 !important;
  width: 100% !important;
}
.header-wedge-select .select span.customSelectInner,
.independent-select .select span.customSelectInner {
  padding: 4px 6px;
  padding-right: 20px;
  max-width: 100% !important;
  width: auto !important;
  background-position: 98% 50%;
}
@media (max-width: 600px) {
  .header-wedge-select .select span.customSelectInner,
  .independent-select .select span.customSelectInner {
    width: 100% !important;
  }
}
.header-wedge-select label,
.independent-select label {
  float: left;
  margin-right: 10px;
  position: relative;
  top: 4px;
}
@media (max-width: 600px) {
  .header-wedge-select label,
  .independent-select label {
    width: 40%;
    margin: 0;
  }
}
@media (max-width: 480px) {
  .header-wedge-select label,
  .independent-select label {
    width: 100%;
    float: none;
    margin-bottom: 5px;
    display: block;
  }
}
.independent-select .select {
  margin-right: 0;
}
.input-as-label {
  width: 70px;
  text-align: center;
  border: 0 !important;
  background: none;
  margin: 0;
  padding: 0;
}
.select-as-label,
.select-as-label-table {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 0;
  background: none;
  padding-left: 0;
  pointer-events: none;
}
.select-as-label::-ms-expand,
.select-as-label-table::-ms-expand {
  display: none;
}
.select-as-label-table {
  margin: 0;
  padding: 0;
  text-align: center;
  width: 70px;
}
.spinner {
  position: fixed;
  z-index: 10000000;
  width: 100%;
  height: 100%;
  display: table;
}
.spinner .box {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.spinner .box .img {
  width: 140px;
  margin: auto;
}
.spinner .box span {
  width: 140px;
  color: #fff;
  display: inline-block;
  background: rgba(0, 0, 0, 0.6);
  padding: 10px;
  margin-top: 5px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 14px;
}
.fa-question-circle {
  font-size: 1.2em;
  margin-left: 4px;
  cursor: pointer;
  color: #2fb357;
}
.help-tooltip {
  position: relative;
}
.help-tooltip:before,
.help-tooltip:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: 250ms ease-in-out;
  -webkit-transition: 250ms ease-in-out;
}
.help-tooltip:before {
  content: "";
  border: 3px solid transparent;
  bottom: 0;
  z-index: 1000001;
}
.help-tooltip:after {
  content: attr(data-tooltip);
  background-color: #d8d51b;
  border-radius: 0;
  color: #000;
  padding: 5px 10px;
  line-height: normal;
  font-size: 1em;
  white-space: normal;
  width: 300px;
}
.help-tooltip:hover:before,
.help-tooltip:hover:after {
  visibility: visible;
  opacity: 1;
}
.help-tooltip:hover:before,
.help-tooltip:focus:before {
  bottom: -15%;
}
.help-tooltip:hover:after,
.help-tooltip:focus:after {
  top: 115%;
}
.help-tooltip:before {
  border-bottom-color: #d8d51b;
  left: 60%;
  bottom: -35%;
}
.help-tooltip:after {
  left: 50%;
  top: 135%;
}
.wedge canvas {
  width: 100%;
}
.table-listing-cover-est {
  width: 100%;
  overflow: auto;
}
.mg-auto {
  margin: auto !important;
  float: none !important;
}
.disclaimer {
  font-size: 12px;
  color: #888;
}
.disclaimer span {
  font-weight: bold;
  color: #000;
}
@media (min-width: 1367px) {
  body.is-expanded .table-listing table th.trunc a,
  body.is-expanded .table-listing table th.trunc span {
    max-width: none;
  }
}
.saveWedgeBtn {
  display: none;
  text-align: center;
  margin-bottom: 15px;
}
.saveWedgeBtn .btn-green,
.saveWedgeBtn .btn-dark,
.saveWedgeBtn .btn-red {
  margin: 0 !important;
  top: 0 !important;
  font-size: 18px;
  font-weight: bold;
  padding: 12px 40px;
}
.weekly-grass-report th:first-child,
.weekly-grass-report th:nth-child(2) {
  min-width: 70px;
}
.group-report td:first-child {
  max-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.center-heading {
  text-align: center;
}
.center-heading h2 {
  margin: auto;
  display: inline-block;
  font-weight: 700;
}
.footable-toggle {
  display: none;
}
.footable-toggle:first-of-type {
  display: inline-block;
}
.ui-multiselect-header span.ui-icon {
  position: relative;
  top: 5px;
}
@media (max-width: 1024px) {
  .otherCoverSelect p {
    float: none;
    clear: both;
    width: 100%;
    display: block;
    padding-top: 10px;
    height: 30px;
  }
}
@media (max-width: 680px) {
  .otherCoverSelect p {
    padding-top: 0;
  }
}
@media (max-width: 1024px) {
  .otherCoverSelect p a {
    float: none;
  }
}
@media (max-width: 1024px) {
  .in-detail-cultivar .in-detail-content > h3 {
    float: none !important;
  }
  .in-detail-cultivar .in-detail-content > .btn-green.align-right,
  .in-detail-cultivar .in-detail-content > .align-right.btn-dark,
  .in-detail-cultivar .in-detail-content > .align-right.btn-red {
    float: none !important;
    position: static;
    display: inline-block;
    margin: 8px 0 10px;
  }
}
.dateMeanLambingDate {
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dateMeanLambingDate:focus {
  box-shadow: none !important;
  border: 1px solid #bbb !important;
}
.btn-green.align-right.minZIndex,
.align-right.minZIndex.btn-dark,
.align-right.minZIndex.btn-red {
  z-index: 1 !important;
}
.minZIndex {
  z-index: 1 !important;
}
.feed-budget-include-stock,
.feed-budget-notes {
  width: 48%;
  float: left;
}
@media (max-width: 768px) {
  .feed-budget-include-stock,
  .feed-budget-notes {
    width: 100%;
    float: none;
  }
}
.feed-budget-include-stock {
  margin-right: 4%;
}
.feed-budget-include-stock .btn-green,
.feed-budget-include-stock .btn-dark,
.feed-budget-include-stock .btn-red {
  float: right;
}
@media (max-width: 768px) {
  .feed-budget-include-stock .btn-green,
  .feed-budget-include-stock .btn-dark,
  .feed-budget-include-stock .btn-red {
    width: auto;
  }
}
.feed-budget-include-stock label {
  width: 33%;
  display: inline-block;
}
.feed-budget-include-stock .table-listing {
  height: 159px;
  overflow: auto;
}
@media (max-width: 480px) {
  .feed-budget-include-stock .table-listing {
    height: auto;
  }
}
.feed-budget-include-stock table {
  margin-top: 11px;
}
.feed-budget-include-stock table td {
  padding: 0 10px !important;
}
.feed-budget-include-stock table td:first-child {
  text-align: left;
}
.feed-budget-include-stock table td:last-child {
  width: 70px;
}
.feed-budget-notes textarea {
  height: 140px;
  position: relative;
  top: 5px;
}
@media (max-width: 680px) {
  .feed-budget-notes textarea {
    height: 60px;
  }
}
.mobMilkTable {
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid #aeaeae;
  text-align: center;
  padding: 10px !important;
}
.mobMilkTable span {
  font-weight: bold;
  font-size: 1em;
  max-width: none;
  display: inline-block;
  margin: 0 4px;
}
.fbudget-tables {
  position: relative;
  margin-bottom: 20px;
  overflow-x: scroll;
  overflow-y: hidden;
}
@media (max-width: 768px) {
  .fbudget-tables .fbudget-tables-wrapper2 {
    overflow-x: scroll;
  }
}
@media (max-width: 768px) {
  .fbudget-tables .fbudget-tables-wrapper {
    width: 1000px;
    overflow: hidden;
  }
}
.fbudget-tables .fixed-left {
  float: left;
  width: 170px;
}
.fbudget-tables .fixed-left table {
  border-right: 0;
}
.fbudget-tables .fixed-left table tr td,
.fbudget-tables .fixed-left table tr th {
  padding: 4px;
}
@media (max-width: 768px) {
  .fbudget-tables .fixed-left {
    width: 170px;
  }
}
.fbudget-tables .fixed-right {
  float: left;
  width: -webkit-calc(100% - 420px);
  width: -moz-calc(100% - 420px);
  width: -ms-calc(100% - 420px);
  width: -o-calc(100% - 420px);
  width: calc(100% - 420px);
}
.fbudget-tables .fixed-right table {
  border-left: 0;
}
@media (max-width: 768px) {
  .fbudget-tables .fixed-right {
    width: 580px;
    overflow: visible;
  }
}
.fbudget-tables .stockVar {
  float: left;
  width: 250px;
}
@media (max-width: 768px) {
  .fbudget-tables .stockVar {
    width: 250px;
  }
}
.fbudget-tables .stockVar table {
  display: none;
  border: 2px solid #1f2c28;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.fbudget-tables .stockVar table tr td {
  padding: 4px 1px;
}
.fbudget-tables th {
  height: 120px;
}
.fbudget-tables .footable-details th {
  height: auto;
}
.fbudget-tables td input[type="text"] {
  max-width: 40px !important;
}
@media (max-width: 680px) {
  .fbudget-tables #content_tbEditNotes {
    height: 60px;
  }
}
@media (max-width: 680px) {
  .fbudget-tables table td input[type="text"] {
    max-width: 27px !important;
  }
}
.btn-close-plan {
  padding: 5px 12px !important;
  position: relative;
  top: -5px;
  margin-bottom: 7px;
}
.choose-stock-type {
  position: relative;
  left: 170px;
  font-weight: 400;
  padding: 5px 0;
  width: 250px;
  background: #1f2c28;
  border: 2px solid #1f2c28;
  border-bottom: 0;
  margin-bottom: 0;
  z-index: 10;
}
.choose-stock-type .select {
  width: 120px;
  position: relative;
  top: -1px;
}
.choose-stock-type .select select {
  height: 22px !important;
}
.choose-stock-type .select span.customSelectInner {
  width: 98% !important;
  padding: 2px 6px;
  font-size: 12px;
}
@media (max-width: 680px) {
  .choose-stock-type .select {
    margin-bottom: 0;
    top: 4px;
    float: right;
  }
}
.choose-stock-type label {
  font-size: 13px;
  padding-left: 10px;
  margin-right: 5px !important;
  color: #fff;
  position: relative;
  top: 2px;
}
@media (max-width: 768px) {
  .choose-stock-type label {
    width: auto;
  }
}
.check-calving-box {
  font-weight: 400;
  padding-left: 10px;
  margin-bottom: 0;
  z-index: 10;
  margin-top: 9px;
}
.check-calving-box .checkbox {
  position: relative;
  top: -2px;
}
.check-calving-box .checkbox input[type="checkbox"] + label {
  padding-left: 28px;
}
.check-calving-box a.btn-green,
.check-calving-box a.btn-dark,
.check-calving-box a.btn-red {
  padding: 2px 12px;
  margin-bottom: 0;
  margin-left: 2px;
  top: 0 !important;
  white-space: nowrap;
}
.copy-value {
  display: block;
}
.copy-value.not-visible i {
  visibility: hidden;
}
.copy-value span {
  margin-right: 3px;
  color: #bbb;
  font-size: 13px;
  cursor: pointer;
  position: relative;
}
.copy-value span:before,
.copy-value span:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: 250ms ease-in-out;
  -webkit-transition: 250ms ease-in-out;
}
.copy-value span:before {
  content: "";
  border: 3px solid transparent;
  bottom: 0;
  z-index: 1000001;
}
.copy-value span:after {
  content: attr(data-tooltip);
  background-color: #d8d51b;
  border-radius: 0;
  color: #000;
  padding: 5px 10px;
  line-height: normal;
  font-size: 1em;
  white-space: nowrap;
  width: auto;
}
.copy-value span:hover:before,
.copy-value span:hover:after {
  visibility: visible;
  opacity: 1;
}
.copy-value span:hover:before,
.copy-value span:focus:before {
  top: -15%;
}
.copy-value span:hover:after,
.copy-value span:focus:after {
  bottom: 115%;
}
.copy-value span:before,
.copy-value span:after {
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.copy-value span:before {
  border-top-color: #d8d51b;
  top: -35%;
}
.copy-value span:after {
  bottom: 135%;
}
.copy-value input {
  float: left;
}
.copy-value.copy-left span {
  background: #008357;
  padding: 0 2px;
}
.copy-value.copy-left span .fa {
  color: #fff;
}
.copy-value.copy-left span:after {
  font-size: 14px;
  text-transform: none;
  font-weight: normal;
}
.full-wedge-mobile {
  margin-bottom: 10px;
}
.full-wedge-mobile .btn-light,
.full-wedge-mobile .table-listing table .actions a .fa,
.table-listing table .actions a .full-wedge-mobile .fa,
.full-wedge-mobile .table-listing table .actions a.enter-dates .fa:hover,
.table-listing table .actions a.enter-dates .full-wedge-mobile .fa:hover,
.full-wedge-mobile .table-listing table .actions a.enter-dates-red .fa:hover,
.table-listing table .actions a.enter-dates-red .full-wedge-mobile .fa:hover,
.full-wedge-mobile .table-listing table .actions a.enter-dates-black .fa:hover,
.table-listing table .actions a.enter-dates-black .full-wedge-mobile .fa:hover,
.full-wedge-mobile .table-listing table .actionsComment a .fa,
.table-listing table .actionsComment a .full-wedge-mobile .fa,
.full-wedge-mobile .table-listing table .actionsComment a.enter-dates .fa:hover,
.table-listing table .actionsComment a.enter-dates .full-wedge-mobile .fa:hover,
.full-wedge-mobile
  .table-listing
  table
  .actionsComment
  a.enter-dates-red
  .fa:hover,
.table-listing
  table
  .actionsComment
  a.enter-dates-red
  .full-wedge-mobile
  .fa:hover,
.full-wedge-mobile
  .table-listing
  table
  .actionsComment
  a.enter-dates-black
  .fa:hover,
.table-listing
  table
  .actionsComment
  a.enter-dates-black
  .full-wedge-mobile
  .fa:hover,
.full-wedge-mobile .filters-area .btn-apply-filters,
.filters-area .full-wedge-mobile .btn-apply-filters,
.full-wedge-mobile .filters-area .filters .fa-caret-left,
.filters-area .filters .full-wedge-mobile .fa-caret-left,
.full-wedge-mobile .filters-area .filters .fa-caret-right,
.filters-area .filters .full-wedge-mobile .fa-caret-right,
.full-wedge-mobile .fancy-container .edit-actions a,
.fancy-container .edit-actions .full-wedge-mobile a,
.full-wedge-mobile .fancy-container .fa-th-large,
.fancy-container .full-wedge-mobile .fa-th-large,
.full-wedge-mobile .fancy-container .btn-add-new-stock .fa-plus,
.fancy-container .btn-add-new-stock .full-wedge-mobile .fa-plus,
.full-wedge-mobile .pagination a,
.pagination .full-wedge-mobile a,
.full-wedge-mobile .inputs-page .fa-th-large,
.inputs-page .full-wedge-mobile .fa-th-large {
  display: inline-block;
}
.fancySetFeedPattern {
  width: 250px;
}
.fancySetFeedPattern h2 {
  text-align: center;
}
.fancySetFeedPattern table td {
  text-align: center;
}
.fancySetFeedPattern table td input {
  margin: auto;
  float: none;
}
.fancyFeedSummary {
  width: 400px;
}
.fancyFeedSummary table td:first-child {
  text-align: left;
  padding-left: 10px;
}
.fancyFeedSummary .inputs p {
  margin-bottom: 10px;
}
.fancyFeedSummary .inputs p strong {
  font-weight: bold;
}
.fancy-container .add-new-fertiliser label:nth-of-type(2n + 1) {
  clear: none;
}
.fancy-container .add-new-fertiliser .nutrientTypeAmount,
.fancy-container .add-new-fertiliser .fertMargLeft {
  margin-left: 3.3%;
}
@media (max-width: 768px) {
  .fancy-container .add-new-fertiliser .nutrientTypeAmount,
  .fancy-container .add-new-fertiliser .fertMargLeft {
    margin-left: 0;
  }
}
.fancy-container .add-new-fertiliser .nutrientTypeAmount {
  width: 48.35%;
  float: left;
  position: relative;
  top: 6px;
}
@media (max-width: 768px) {
  .fancy-container .add-new-fertiliser .nutrientTypeAmount {
    width: 69%;
    margin-left: 30%;
    margin-bottom: 20px;
    position: static;
    clear: both;
    float: none;
  }
}
@media (max-width: 680px) {
  .fancy-container .add-new-fertiliser .nutrientTypeAmount {
    width: 53%;
    margin-left: 45%;
  }
}
.fancy-container .add-new-fertiliser .nutrientTypeAmount p {
  margin-bottom: 0;
}
.fancy-container .add-new-fertiliser .nutrientTypeAmount p strong {
  font-weight: bold;
}
.fancy-container .add-new-fertiliser .fertRadioAmounts {
  display: block;
  margin-top: -10px;
}
.fancy-container .add-new-fertiliser .fertRadioAmounts table {
  width: 500px;
  margin: auto;
  background: #eaeaea;
  border: 1px solid #d4d4d4;
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  margin-bottom: 0;
  position: relative;
  top: 1px;
}
@media (max-width: 680px) {
  .fancy-container .add-new-fertiliser .fertRadioAmounts table {
    width: 80%;
  }
}
.fancy-container .add-new-fertiliser .fertRadioAmounts table td {
  padding: 0 15px;
}
.fancy-container .add-new-fertiliser .fertRadioAmounts table label {
  margin: 0;
  padding-bottom: 20px;
}
.fancy-container .add-new-fertiliser .fertAmountCont {
  background: #eaeaea;
  border: 1px solid #d1d1d1;
}
.fancy-container .add-new-fertiliser .fertAmountCont .inputs {
  padding-top: 10px;
  padding-bottom: 10px;
}
.fancy-container .add-new-fertiliser .fertAmountCont input,
.fancy-container .add-new-fertiliser .fertAmountCont .select {
  margin-bottom: 0;
}
.fancy-container .add-new-fertiliser .in-detail {
  margin-top: 10px;
}
.safariMac input[type="text"],
.safariMac input[type="email"],
.safariMac input[type="password"],
.safariMac input[type="text"]:focus,
.safariMac input[type="email"]:focus,
.safariMac input[type="password"]:focus {
  font-size: 16px !important;
}
.fake-tabs {
  list-style: none;
  width: 80%;
  margin: auto;
  margin-top: 20px;
  position: relative;
  top: 2px;
  z-index: 2;
}
.fake-tabs li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  margin-right: -10px;
  padding: 0;
  white-space: nowrap;
  font-size: 0.9em;
  background: none;
  border: 0;
  width: 33%;
}
.fake-tabs li a {
  float: left;
  text-decoration: none;
  position: relative;
  padding: 8px 0;
  color: #fff;
  width: 100%;
  border: 1px solid transparent;
  text-align: center;
}
.fake-tabs li a:before {
  content: "";
  position: absolute;
  top: -9px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-bottom: none;
  border-radius: 3px 3px 0 0;
  background: #1f2c28;
  transform: perspective(5px) rotateX(2deg);
  transform-origin: bottom;
  border: 1px solid #1f2c28;
  border-bottom: 0;
  transform: perspective(12px) rotateX(2deg);
}
.fake-tabs li a.active {
  color: #000;
}
.fake-tabs li a.active:before {
  background-image: -moz-linear-gradient(top, #eee, #d5d5d5);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#eee),
    to(#d5d5d5)
  );
  background-image: -webkit-linear-gradient(top, #eee, #d5d5d5);
  background-image: -ms-linear-gradient(top, #eee, #d5d5d5);
  background-image: -o-linear-gradient(top, #eee, #d5d5d5);
  background-image: linear-gradient(to bottom, #eee, #d5d5d5);
  border: 1px solid #888;
  border-bottom: 0;
}
.fake-tabs li a.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.selectedFarmGroups {
  background: #dedede;
  padding: 15px;
  margin-left: 20px;
  position: relative;
}
.selectedFarmGroups:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 21px;
  height: 21px;
  margin-left: auto;
  margin-right: auto;
  top: 20px;
  left: -11px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -wenkit-border-radius: 3px;
  -o-border-radius: 3px;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  background: #dedede;
}
.selectedFarmGroups p.title {
  margin-bottom: 15px;
  font-weight: bold;
}
.selectedFarmGroups p span {
  background: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -wenkit-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 2px 6px;
  display: inline-block;
  margin-right: 7px;
  margin-bottom: 7px;
}
#content_divGroupSelection table {
  margin-top: 0;
}
.select-disabled {
  -webkit-appearance: none !important;
  opacity: 1 !important;
  padding-left: 10px !important;
  color: #545454 !important;
}
.txtNewReqUser,
.farmerRequestTable td,
.farmerRequestTable th {
  max-width: none !important;
  text-align: center !important;
}
input.txtNewReqUser {
  min-width: 12vw !important;
}
.table-listing .farmerRequestTable table {
  border: 0;
}
.table-listing .farmerRequestTable table td {
  padding: 0 10px;
}
.fancy-container .table-listing .farmerRequestTable table td label {
  top: 0;
}
.noteExists i {
  background-color: #335eff !important;
  border-color: #335eff !important;
}
.rblUserCriteria td {
  background-color: transparent !important;
}
.lblValidated {
  display: inline-block !important;
  margin-bottom: 10px !important;
}
.sticky-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.sticky {
  display: block;
  width: 100%;
  margin: auto 0;
  float: left;
  position: relative !important;
  z-index: 600000 !important;
}
.fancy-description {
  width: 100% !important;
}
.fancy-file-upload input {
  padding: 5px 0 !important;
}
.jenquip-alert {
  border: 3px solid #000 !important;
  border-radius: 4px !important;
}
.fixDiv {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.fbudget-tables-wrapper2 {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.fbudget-tables-wrapper2::-webkit-scrollbar {
  display: none;
}
.fbudget-tables-wrapper2::-webkit-scrollbar {
  width: 0 !important;
}
.fixedFooter {
  padding: 34px;
  bottom: 0 !important;
  width: 100% !important;
}
.user-profile-menu {
  display: none;
  position: absolute;
  left: 0;
  margin-top: 1px;
  width: 100px;
  background: #fff;
  z-index: 1000;
  box-shadow: 4px 4px 15px #999;
}
.user-profile-menu a {
  display: block;
  width: 100%;
  padding: 8px 15px;
  color: #333;
  font-size: 14px;
  text-decoration: none;
  line-height: normal;
  text-align: left;
  border-bottom: 1px solid #dadada;
}
.user-profile-menu a:hover {
  background: #dedede;
}
.fancyInnerDatesTable {
  margin: 0.5rem 0;
  padding: 0;
  background: none;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  background-image: none;
  table-layout: fixed;
  width: 100%;
}
.deleteBox {
  float: left;
  min-width: 285px;
}
.fancyInnerDatesTable td {
  padding: 1px 0 1px 7px;
  text-align: center;
  vertical-align: middle;
}
.fancyInnerDatesTable td label {
  max-width: 85px;
  text-align: left;
  max-width: 100% !important;
  width: 100%;
  font-size: 14px;
  line-height: 13px;
}
.fancyInnerDatesTable td input {
  width: 100%;
  padding: 8px 1px 8px 3px !important;
  margin-bottom: 0 !important;
}
.bDiv {
  margin-top: 5px;
  float: right;
  width: 100%;
  padding: 3px 8px 3px 3px;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #414040;
}
.bDiv h4 {
  font-weight: 600;
  margin: 0;
  padding: 0;
  padding-bottom: 8px;
}
.bDiv label {
  top: 0;
  margin-bottom: 0 !important;
}
.bDiv input {
  float: none;
  width: calc(100% - 7px) !important;
}
.bDivOuter {
  margin-top: 10px;
  margin-right: 10px;
  width: 55%;
  float: right;
}
@media only screen and (max-width: 680px) {
  .bDivOuter {
    width: 100%;
    float: left;
    margin-top: -10px;
    margin-bottom: 5px;
  }
  .bDivOuter td .btn-green,
  .bDivOuter td .btn-dark,
  .bDivOuter td .btn-red {
    width: 100%;
  }
}
.selekYield {
  width: 100%;
}
#content_ddlPSilageYield {
  height: 100% !important;
  cursor: pointer;
}
.selekYield .select label {
  float: right;
  clear: none;
}
.fancy-container .selekYield .customSelect {
  float: right;
  width: 135px;
}
.fancy-container .selekYield .select select {
  right: 0;
  float: right;
  width: 136px !important;
}
.bDivOuter .selekYield .select {
  width: 100%;
}
.bDivOuter .selekYield label {
  width: 100px;
}
#content_rblNewEvent td {
  vertical-align: top !important;
}
.eLbl,
.eLblL {
  display: inline-block;
  width: 48%;
  float: left;
  margin-right: 1.8%;
}
@media only screen and (max-width: 820px) {
  .eLbl,
  .eLblL {
    width: 100%;
    float: none;
  }
  .eLblL {
    width: 200px;
  }
}
.eLblL .radio.select {
  width: 200px;
}
.eLbl label,
.eLbl span {
  display: block;
  top: 0 !important;
  float: none !important;
  margin-bottom: 0.4rem !important;
  width: 100% !important;
  font-size: 16px;
  line-height: 18px;
}
.eLbl input {
  top: 0 !important;
  width: calc(100% - 16px) !important;
}
.noCustomSelect .select .customSelect {
  display: none !important;
}
.noCustomSelect .select select {
  font-size: initial !important;
  height: initial !important;
  opacity: 1 !important;
  position: static !important;
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;
  appearance: menulist !important;
}
.dNone {
  display: none;
}
.MSRS-RVC .ToolbarPageNav.WidgetSet input,
.MSRS-RVC .ToolbarFind.WidgetSet input {
  padding: 6px 0 !important;
}
#content_divReportTableZone,
#content_divTargetGraphZone,
#content_divReportGraphZone {
  max-width: 100%;
  overflow-x: auto;
}
.option.noCustomSelect .optionCont .select {
  margin-left: 0 !important;
  width: 100%;
}
.option.noCustomSelect .optionCont label {
  width: 100%;
  text-align: center;
  display: block;
}
.option.noCustomSelect .optionCont {
  min-width: 100px;
  margin-bottom: 2px;
  display: inline-block;
}
.option.noCustomSelect select {
  width: 100% !important;
  min-width: 100% !important;
  padding-right: 0 !important;
  font-size: 0.9rem !important;
}
.option.noCustomSelect {
  white-space: normal !important;
}
.option.noCustomSelect .select,
.option.noCustomSelect {
  font-size: 0.9rem;
}
.TargetGraphFilters {
  margin: 10px 0;
  padding: 10px 10px;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #008357;
}
.TargetGraphFilters .selectcONT .select {
  display: inline-block !important;
  min-width: 70px;
  margin-left: 5px;
}
.TargetGraphFilters .selectcONT {
  margin-bottom: 10px;
  display: inline-block;
}
.TargetGraphFilters .fertRadioAmounts table td {
  padding-right: 20px;
  padding-top: 6px;
}
.TargetGraphFilters .fertRadioAmounts table tr td:last-of-type {
  padding-right: 0;
}
.TargetGraphFilters .fertRadioAmounts {
  display: inline-block;
  margin-left: 10px;
}
.TargetGraphFilters .btn-apply-filters:hover {
  background-color: #fff;
  color: #1f2c28;
  transition: all 0.3s;
}
.TargetGraphFilters .btn-apply-filters {
  text-align: center;
  color: #555;
  border: 1px solid #ccc;
  background: none;
  background-color: #2fb357;
  color: #fff;
  border: 1px solid #1f2c28;
  text-decoration: none;
  text-decoration: none;
  padding: 0.3rem 0.8rem;
  font-weight: 600;
  font-size: 1.2rem;
  border-radius: 3px;
}
.TargetGraphFilters .selectcONT,
.TargetGraphFilters .fertRadioAmounts {
  float: left;
}
.TargetGraphFilters .btn-apply-filters {
  margin-left: 10px;
}
.option.noCustomSelect .optionCont .select {
  max-width: 120px;
}
.filtersCont {
  display: inline-block;
}
.filtersCont .btn-green,
.filtersCont .btn-dark,
.filtersCont .btn-red {
  position: relative;
  top: -1px;
  display: inline-block;
  padding: 5px 10px;
  white-space: nowrap !important;
}
.filtersCont .fltrCurr {
  font-weight: 600;
  width: 100%;
  margin-bottom: 3px;
  text-align: center;
}
.msrs-printdialog-main select {
  height: 40px;
}
.msrs-printdialog-main {
  z-index: 500 !important;
}
.btn-green.butyellow,
.butyellow.btn-dark,
.butyellow.btn-red {
  background-color: #f6f5b5;
  color: #000;
}
.btn-green.butyellow:hover,
.butyellow.btn-dark:hover,
.butyellow.btn-red:hover {
  background-color: #fff;
  color: #000;
}
.filterBtn {
  background-color: #dad538 !important;
  font-weight: 600;
}
.standout {
  background-color: #0a76c1 !important;
  font-weight: 600 !important;
}
.standout:hover {
  color: #000 !important;
  font-weight: 600 !important;
  background-color: #fff !important;
}
.historyTableWithinFancy {
  border-collapse: collapse;
  width: 100%;
}
.historyTableWithinFancy tbody tr:nth-of-type(odd) td {
  background-color: rgba(0, 0, 0, 0.05);
}
.historyTableWithinFancy tbody tr:first-of-type td {
  border-top: none;
}
.historyTableWithinFancy th,
.historyTableWithinFancy td {
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 3px 3px 3px 6px;
}
.historyTableWithinFancy th {
  font-weight: 600;
  color: #fff;
  background-color: #2fb357;
}
.wedgeDecisionsBody {
  padding: 0 14px !important;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.8);
  font-size: small;
  background: #83de9f;
}
.wedgeDecisions {
  padding: 15px 2% !important;
  background-color: #f8f7c7;
  border: 2px dashed #aba815;
}
.wedgeDecisions .btn-green:hover,
.wedgeDecisions .btn-dark:hover,
.wedgeDecisions .btn-red:hover {
  color: #2fb357 !important;
  background-color: #fff !important;
}
.wedgeDecisions .btn-green,
.wedgeDecisions .btn-dark,
.wedgeDecisions .btn-red {
  cursor: pointer;
  font-weight: 600;
  border-radius: 8px;
  margin-left: 10px;
  margin-top: 4px !important;
}
.wedgeDecisions h3 {
  display: inline-block;
  margin-right: 4px;
}
.wedgeDecisionsContent {
  display: inline-block;
  width: 100%;
}
.wedgeDecisions {
  padding: 18px 2% !important;
}
.wedgeDecisionsBody {
  margin-top: 2px;
  min-width: 200px;
  width: 32%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 2px 14px !important;
  margin-right: 0.98%;
}
.in-detail {
  padding: 5px 1% !important;
}
.wedgeDecisions {
  align-items: center;
}
.wedgeDecisionsContent .btn-green,
.wedgeDecisionsContent .btn-dark,
.wedgeDecisionsContent .btn-red {
  margin-top: 0 !important;
  top: 0 !important;
  position: static;
}
@media only screen and (max-width: 768px) {
  .historyTableWithinFancy th,
  .historyTableWithinFancy td {
    padding: 1px !important;
    text-align: center;
  }
}
.wedgeDecisions {
  display: inline-block;
  width: 100%;
  border: none;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.wedgeDContainer {
  float: left;
  display: inline-block;
  margin-left: 11px;
  width: calc(100% - 280px);
}
.boxesCont {
  float: left;
  display: inline-block;
  width: 269px;
}
.sekectCont {
  margin-bottom: 5px;
}
.sekectCont .select {
  min-width: 100px;
  float: none;
  display: inline-block;
  width: auto;
}
.sekectCont label {
  min-width: 100px;
  top: unset;
  float: none;
  display: inline-block;
  margin-bottom: 5px;
}
.sekectCont select {
  min-width: 100px;
}
@media only screen and (max-width: 600px) {
  .boxesCont .sekectCont .select {
    margin-bottom: 3px;
  }
  .boxesCont .sekectCont label {
    width: auto !important;
  }
  .boxesCont .sekectCont {
    width: auto;
  }
  .boxesCont .sekectCont {
    margin-bottom: 0;
  }
  .boxesCont {
    width: 100%;
    text-align: center;
  }
  .wedgeDContainer {
    float: none;
    margin-left: 0 !important;
    width: 100%;
  }
  .wedgeDecisionsContent {
    max-width: 100%;
  }
  .wedgeDecisionsBody {
    min-width: 0 !important;
    width: 100%;
  }
  .historyTableWithinFancy {
    font-size: 0.85rem;
  }
}
.sekectCont label {
  max-width: 120px;
  float: left;
}
.statusDiv.good {
  background-color: #008357 !important;
  color: #fff;
  font-weight: 600;
}
.statusDiv.bad {
  background-color: #d60404;
  color: #fff;
  font-weight: 600;
}
.statusDiv {
  max-width: 680px;
  margin: 0 auto;
  border: 1px solid #aeaeae;
}
.statusDiv span {
  display: block;
  text-align: center;
  font-size: 1.5rem;
  padding: 10px 5px;
}
.summaryTable tr td:last-of-type {
  background-color: #fbfade !important;
  border-left: 1px solid #aeaeae !important;
}
.summaryTable td {
  font-weight: 300;
  padding: 6px 10px !important;
  font-size: 1.2rem !important;
  min-width: 320px;
}
.summaryTable {
  width: auto !important;
  margin: 15px auto;
}
#div_print h2 {
  font-weight: 600;
}
.divFodderForageList .darker2 tr td:first-of-type {
  padding-left: 10px;
  text-align: left !important;
  font-weight: 400;
}
.darker .redValue,
.darker2 .redValue {
  color: #d60404;
}
.darker2 td {
  font-weight: 600;
  border-top: 1px solid #d5d5d5;
  background-color: #eff3f7 !important;
}
.divFodderBudgetList .darker tr td:first-of-type {
  text-align: left !important;
  padding-left: 10px;
  font-weight: 400;
}
tfoot.darker tr td {
  font-weight: 600;
  border-top: 1px solid #d5d5d5;
  background-color: #eff3f7 !important;
}
table .notActive {
  border: none;
  background: none;
  font-weight: 600;
}
.divFodderForageList table th {
  background: none;
  text-align: center !important;
  color: #fff;
  background-color: #008357 !important;
}
.divFodderBudgetList table th {
  background: none;
  vertical-align: bottom;
  text-align: center !important;
  color: #fff;
  background-color: #008357 !important;
}
.divFodderForageList td,
.divFodderForageList th,
.divFodderBudgetList table th,
.divFodderBudgetList table td {
  border-right: 1px solid #d5d5d5;
}
.divFodderForageList table tbody,
.divFodderBudgetList table tbody {
  background-color: #fff;
}
.divFodderForageList td.editable {
  background: none;
  background-color: #fbfade !important;
}
.divFodderBudgetList table tbody tr td:nth-of-type(5),
.divFodderBudgetList table tbody tr td:nth-of-type(6),
.divFodderBudgetList table tbody tr td:nth-of-type(3),
.divFodderBudgetList table tbody tr td:nth-of-type(4),
.divFodderBudgetList table tbody tr td:nth-of-type(8) {
  background-color: #fbfade;
}
tr th.text-left {
  text-align: left !important;
}
.divFodderBudgetList table thead tr th:nth-of-type(2),
.divFodderBudgetList table tbody tr td:nth-of-type(2) {
  max-width: none;
  padding-left: 10px;
  max-width: unset;
  padding-right: 10px;
  font-weight: 600;
  text-align: left;
}
.divFodderForageList table thead tr th:nth-of-type(3),
.divFodderForageList table tbody tr td:nth-of-type(3) {
  padding-left: 10px;
  max-width: none;
  padding-right: 8px;
  font-weight: 600;
  max-width: unset;
  text-align: left !important;
  white-space: nowrap;
}
.divFodderBudgetList,
.divFodderForageList,
.summaryTableContainer {
  max-width: 100%;
  overflow: auto;
}
.missingRed {
  color: #f00 !important;
}
.darker2.standoutt tr td,
.darker.standoutt tr td {
  background-color: rgba(47, 179, 87, 0.4) !important;
  border-color: #008357;
}
.standOut {
  color: #f00;
  font-weight: 600;
}
.greenClass {
  color: #008000;
  font-weight: 600;
}
.redClass {
  color: #f00;
  font-weight: 600;
}
.fodderDeleteButton i {
  color: #f00;
}
.fodderDeleteButton {
  display: inline-block;
  width: 21px;
  display: table-cell;
  vertical-align: top;
  padding-top: 2px;
  padding-left: 0;
  border: 0;
}
.lblLivestockName {
  display: table-cell;
  width: calc(100% - 40px);
  white-space: normal;
}
.sekectCont .select {
  max-width: 147px;
  width: 100%;
}
.content .sekectCont .select select {
  min-width: unset !important;
  max-width: unset !important;
  width: 100% !important;
  height: 100% !important;
}
.content .sekectCont .customSelect .customSelectInner {
  width: 100% !important;
}
.table-listing a.addLivestock,
.table-listing a.bigUpdateButton {
  top: -5px !important;
}
.table-listing a.addLivestock {
  margin-left: 1rem;
}
a.printBudget {
  cursor: pointer;
}
.inputBudgetNameBox input {
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 3px 3px 3px 7px !important;
}
@media only screen and (max-width: 678px) {
  .inputBudgetNameBox .btn-green,
  .inputBudgetNameBox .btn-dark,
  .inputBudgetNameBox .btn-red {
    width: 100% !important;
  }
  .inputBudgetNameBox {
    margin: 10px 0;
  }
}
.fodderBudgetPage .table-listing .divFodderBudgetList th {
  padding: 2px 4px !important;
}
.fodderBudgetPage .table-listing table td input[type="text"],
.table-listing table td input[type="number"] {
  max-width: 40px;
}
.fodderBudgetPage .fbudget-tables {
  margin: 0;
}
.fodderBudgetPage .fixed-left table tr td,
.fixed-left table tr th,
.stockVar table tr td {
  padding: 4px !important;
}
.fodderBudgetPage .listing-area .btn-green,
.fodderBudgetPage .listing-area .btn-dark,
.fodderBudgetPage .listing-area .btn-red,
.listing-area .btn-close-plan {
  top: 0 !important;
}
.fodderBudgetPage .listing-area h2 .btn-green,
.fodderBudgetPage .listing-area h2 .btn-dark,
.fodderBudgetPage .listing-area h2 .btn-red {
  top: -1px !important;
  display: inline-block;
  width: auto;
  font-size: 0.7em !important;
  margin-bottom: 0 !important;
}
.fodderBudgetPage .txt-budget-name {
  width: 200px !important;
  padding-bottom: 0.3em !important;
  padding-top: 0.3em !important;
}
.fodderBudgetPage .lblLivestockName {
  white-space: nowrap !important;
}
.fodderBudgetPage table td,
.fodderBudgetPage table th {
  font-size: 14px;
}
.fodderBudgetPage .RequirementTD {
  max-width: 182px;
}
.spring-rotation-plan-details .btn-green,
.spring-rotation-plan-details .btn-dark,
.spring-rotation-plan-details .btn-red {
  top: 0;
}
@media only screen and (min-width: 1025px) {
  .left-nav:not(.adminarea) {
    position: absolute !important;
    height: calc(100% - 46px) !important;
  }
  .main > .container {
    position: relative;
  }
  .content {
    min-height: 626px;
    _height: 626px;
  }
}
@media only screen and (min-width: 680px) {
  .main {
    margin-bottom: 30px;
  }
  .content,
  .mainDash {
    min-height: 750px !important;
  }
}
.stockTypesFancyTable {
  position: relative;
}
.threeRowContainer {
  padding: 10px 20px;
}
.addeditVarietyTitle .varietyValues {
  font-weight: 400;
  font-size: 14px;
}
.addnewCultivarsBtn {
  text-transform: unset !important;
  float: right !important;
  margin-right: 20px;
}
h3.addeditVarietyTitle {
  text-transform: unset !important;
  font-size: 16px;
}
.tableCutivarsModalInner th {
  text-align: left;
  padding-left: 6px;
}
.theadSplit select {
  display: inline-block;
  max-width: 80px;
  height: 30px;
  padding: 2px 7px 2px 3px;
}
.theadTitle {
  font-weight: 600;
  font-size: 14px;
}
.theadSplit .theadTitle {
  width: auto;
  display: inline-block;
}
.tableCutivarsModalInner .cutivarsDeleteBtn {
  width: auto !important;
  float: none;
  padding: 4px 6px !important;
  display: inline-block;
  font-size: 12px !important;
}
.tableCutivarsModalInner tr td:last-of-type {
  width: 85px;
}
.tableCutivarsModalInner td input {
  width: auto;
  margin-bottom: 0;
}
.tableCutivarsModalInner td .amountInput {
  height: 10px;
  font-size: 0.8rem;
  line-height: 0.85rem;
}
.tableCutivarsModalInner td select {
  padding: 3px 7px 3px 7px;
  height: 30px;
}
.tableCutivarsModalInner td {
  vertical-align: middle;
  padding: 3px;
}
.tableCutivarsModalInner {
  table-layout: unset;
}
.oneCol .select,
.oneCol .select-multiple {
  white-space: nowrap;
  display: inline-block;
  float: none;
  width: 100% !important;
  max-width: 99% !important;
}
.oneCol label {
  float: none;
  width: 100%;
  display: inline-block;
  margin-right: 0.3rem;
}
.oneCol {
  overflow: hidden;
  padding: 0 5px;
  width: 33%;
  float: left;
}
.oneCol input {
  display: block !important;
  width: calc(100% - 12px) !important;
  margin: 0;
  padding: 9px 7px 8px 7px !important;
}
@media only screen and (max-width: 768px) {
  .threeRowContainer {
    padding: 10px 5px;
  }
  .addeditVarietyTitle {
    padding-left: 10px;
    padding-right: 10px;
  }
  .reseedInputsCutivarsaspx {
    padding-left: 10px !important;
    padding-right: 10px !important;
    max-width: 100%;
    overflow-x: scroll;
  }
  .reseedInputsCutivarsaspx > div > table {
    min-width: 430px;
  }
  .addnewCultivarsBtn {
    max-width: 200px;
    margin-right: 10px !important;
    padding-left: 0 !important;
  }
}
@media only screen and (max-width: 390px) {
  label {
    text-align: center;
    margin-right: 0 !important;
    min-height: 33px;
  }
  .oneCol .ui-icon-triangle-1-s {
    background-position: -67px -17px;
  }
  .addnewCultivarsBtn {
    margin-right: 13px !important;
  }
}
.actionsComment {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .commentTooltipAnnualTonage {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .commentTooltipAnnualTonage {
    position: absolute;
    left: 70%;
    display: none;
    top: -20px;
    color: #000;
    background-color: #d8d51b;
    padding: 0.3rem 1rem;
    border-radius: 5px;
  }
}
.notCurrently {
  background-color: rgba(255, 50, 50, 0.6) !important;
}
a.btn-green.orange,
a.orange.btn-dark,
a.orange.btn-red {
  background-color: #e67e22;
  border-color: #d35400;
}
a.btn-green.orange:hover,
a.orange.btn-dark:hover,
a.orange.btn-red:hover {
  background-color: #d35400;
}
@media only screen and (max-width: 520px) {
  .reseedInputsCutivarsaspx .tableCutivarsModalInner {
    table-layout: fixed !important;
    min-width: unset !important;
  }
  .reseedInputsCutivarsaspx .tableCutivarsModalInner tr th,
  .reseedInputsCutivarsaspx .tableCutivarsModalInner tr td {
    width: 60px !important;
    white-space: normal;
  }
  .reseedInputsCutivarsaspx .tableCutivarsModalInner tr td input {
    max-width: 100%;
  }
  .tableCutivarsModalInner tr td,
  .tableCutivarsModalInner tr th {
    padding: 0 2px;
  }
  .tableCutivarsModalInner tr td select {
    padding: 0 4px 0 0;
    width: 100%;
    font-size: 0.8rem;
  }
  .tableCutivarsModalInner .cutivarsDeleteBtn {
    font-size: 11px !important;
    margin: 0 !important;
    margin-left: 3px !important;
    float: none;
  }
}
#fancyAddEditReseed .addnewCultivarsBtn {
  padding: 6px !important;
  text-align: center;
}
.smallestDashText span {
  font-size: 13px;
  text-shadow: 0 0 1px #fff;
  color: #fff !important;
  border-radius: 6px;
  line-height: 12px;
  display: block;
  background-color: #000;
  text-align: center;
}
.styleLessTbl {
  border: none !important;
}
.styleLessTbl td .select {
  width: 100%;
}
.styleLessTbl td span.customSelect {
  max-width: unset !important;
}
.styleLessTbl td {
  padding: 0 3px !important;
  border: none;
  background-color: transparent !important;
}
.rightBtnCont a {
  float: none;
}
.rightBtnCont {
  padding-top: 5px;
  float: left;
  max-width: 140px;
}
.infotextCont {
  margin-left: auto;
  max-width: 140px;
  float: right;
  text-align: right;
}
@media screen and (max-width: 880px) {
  .rightBtnCont {
    padding-left: 5px;
    max-width: unset;
    width: 100%;
  }
  .infotextCont {
    padding-left: 5px;
    float: left;
    text-align: left;
    margin-top: 20px;
  }
}
.smallestDashText span {
  padding: 3px;
}
.smallestDashText {
  margin-left: -65px;
}
td.LightBlue {
  border-bottom: none;
  background-color: #56d1d1 !important;
  outline: 1px inset #333;
}
td.DarkBlue {
  border-bottom: none;
  background-color: #1c7dba !important;
  outline: 1px inset #333;
}
td.Green {
  border-bottom: none;
  background-color: #70d631 !important;
  outline: 1px inset #333;
}
td.DarkGreen {
  border-bottom: none;
  background-color: #25a10d !important;
  outline: 1px inset #333;
}
td.bordered {
  border-bottom: none;
  outline: 1px inset #333;
}
.manageSoilCont .threeColCont .clearfix,
.manageSoilCont .threeColCont .container,
.manageSoilCont .threeColCont header,
.manageSoilCont .threeColCont .top-bar,
.manageSoilCont .threeColCont .top-bar nav,
.top-bar .manageSoilCont .threeColCont nav,
.manageSoilCont .threeColCont .notification-bar,
.manageSoilCont .threeColCont .table-listing,
.manageSoilCont .threeColCont .filters-area .filters,
.filters-area .manageSoilCont .threeColCont .filters,
.manageSoilCont .threeColCont .listing-area,
.manageSoilCont .threeColCont .listing-area .info,
.listing-area .manageSoilCont .threeColCont .info,
.manageSoilCont .threeColCont .fancy-container .buttons,
.fancy-container .manageSoilCont .threeColCont .buttons,
.manageSoilCont .threeColCont .fancy-container .inputs,
.fancy-container .manageSoilCont .threeColCont .inputs,
.manageSoilCont .threeColCont .fancy-container .info,
.fancy-container .manageSoilCont .threeColCont .info,
.manageSoilCont .threeColCont .change-area-verification .options,
.change-area-verification .manageSoilCont .threeColCont .options {
  clear: both;
}
.manageSoilCont input[type="checkbox"] {
  width: 30px;
  height: 30px;
}
.manageSoilCont .threeColCont .oneCOl {
  width: 33%;
  float: left;
}
.manageSoilCont .threeColCont .oneCOl label {
  width: auto;
  margin-right: 5px;
}
.manageSoilCont .threeColCont .oneCOl .select {
  width: auto;
  min-width: 150px;
}
@media only screen and (max-width: 820px) {
  .manageSoilCont .threeColCont .oneCOl {
    width: 50%;
  }
  .threeColCont .oneCOl label {
    min-width: 120px;
  }
}
@media only screen and (max-width: 820px) {
  .manageSoilCont .threeColCont .oneCOl {
    width: 100%;
  }
}
.soilTestReport .fourBBody span {
  display: inline-block !important;
  width: 31px !important;
  margin-left: 0 !important;
}
.soilTestReport .fourBBody span:first-of-type {
  margin-left: 0.3rem !important;
}
.soilTestReport .group-report {
  margin: 0 auto;
  width: 100%;
  clear: both;
  border-collapse: collapse;
  word-wrap: break-word;
}
.soilTestReport .data-table th {
  color: #000 !important;
  max-width: none !important;
}
.soilTestReport .data-table td {
  white-space: nowrap !important;
  max-width: none !important;
}
.soilTestReport table.dataTable.no-footer {
  border-bottom: 0;
  border-right: 0;
}
.soilTestReport table.dataTable td:first-child {
  font-weight: bold;
  letter-spacing: 0;
}
.soilTestReport .DTFC_Cloned {
  border-bottom: 0;
  border-right: 0 !important;
}
.soilTestReport table.dataTable thead {
  background-image: -moz-linear-gradient(top, #d5d5d5, #eee);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#d5d5d5),
    to(#eee)
  );
  background-image: -webkit-linear-gradient(top, #d5d5d5, #eee);
  background-image: -ms-linear-gradient(top, #d5d5d5, #eee);
  background-image: -o-linear-gradient(top, #d5d5d5, #eee);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#d5d5d5),
    to(#eee)
  );
  background-image: linear-gradient(to bottom, #d5d5d5, #eee);
}
.soilTestReport .avTable td:first-child {
  white-space: nowrap;
}
.soilTestReport .sorting_disabled {
  background-image: none !important;
}
.soilTestReport .sorting_asc,
.soilTestReport .sorting_desc {
  background-position: 103% 50% !important;
}
.soilTestReport table.dataTable tbody td,
.soilTestReport table.dataTable tfoot td,
.soilTestReport table.dataTable tfoot th {
  padding: 0 10px 0 5px;
  padding-bottom: 3px;
}
.soilTestReport table.dataTable td {
  letter-spacing: 1px;
}
.soilTestReport .dataTables_scrollFootInner {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.soilTestReport .DTFC_LeftBodyLiner {
  overflow-x: hidden !important;
}
.soilTestReport table.dataTable thead span {
  position: relative;
}
.soilTestReport table.dataTable thead th {
  padding: 0 10px 0 5px;
}
.soilTestReport .fixedFooter {
  position: relative !important;
}
.soilTestReport .filters-area h3 {
  width: 100%;
  margin: 0;
}
.soilTestReport .filters-area h3 a {
  display: inline-block;
  white-space: nowrap;
  max-height: 30px;
}
.soilTestReport .dataTable .odd {
  background-color: #edeeef;
  background: #edeeef;
}
.soilTestReport .dataTable .odd:hover {
  background: #fbfade;
  background-color: #fbfade;
}
.soilTestReport .table-listing table tr:nth-child(odd) td {
  background: none;
  background-color: none;
}
.soilTestReport .dataTable td span {
  display: block;
  text-align: left !important;
  max-width: 90px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin-left: 0.3rem;
}
.soilTestReport .table.dataTable td:first-child {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.soilTestReport .repHeader {
  display: block;
  width: 100%;
  overflow: hidden;
}
.soilTestReport .repHeader .topPiece h3 {
  border-bottom-right-radius: 5px;
  float: left;
  width: 140px;
  white-space: nowrap;
  border-right: 1px solid #e1e1e1;
}
@media only screen and (max-width: 650px) {
  .soilTestReport .repHeader .topPiece h3 {
    width: 100% !important;
  }
}
.soilTestReport .repHeader .topPiece a {
  margin: 3px 5px 3px 5px;
}
.soilTestReport .repHeader .topPiece a,
.soilTestReport .repHeader .topPiece h3 {
  display: inline-block;
}
.soilTestReport .repHeader .topPiece .cutomizeViewBtn {
  margin-left: auto;
  float: none;
  display: inline-block;
  margin-bottom: 0.4rem;
}
.soilTestReport #content_upFilters {
  width: 100%;
}
.soilTestReport .filters {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.soilTestReport #content_lbExportExcel {
  height: 31px;
  -webkit-box-shadow: 0 1px 0 #ccc;
  box-shadow: 0 1px 0 #ccc;
  padding: 6px 15px;
}
.soilTestReport .filters-area .filters .option {
  margin-right: 7px;
}
.soilTestReport .checkboxesx label {
  width: 100% !important;
  display: block !important;
  padding-left: 33px !important;
  margin-left: 0 !important;
}
.soilTestReport .checkboxesx .col {
  float: left;
}
.soilTestReport .fancy-container .buttons {
  margin-top: 0.7rem;
}
.soilTestReport .checkWrapper {
  margin: 0.7rem 0;
}
.soilTestReport .fourBBody span {
  display: inline-block;
  width: 31px;
}
.soilTestReport .avTable td:first-of-type span {
  text-align: left !important;
  max-width: 90px !important;
}
.soilTestReport .avTable td {
  text-align: center !important;
  max-width: none !important;
}
.soilTestReport .avTable td span {
  text-align: center !important;
}
.soilTestReport .annVarBtn {
  background-color: rgba(113, 255, 150, 0.3) !important;
  font-weight: 600;
}
.soilTestReport .lowC {
  text-transform: lowercase !important;
}
.soilTestReport .icontTd .fourBBody {
  height: 20px;
  text-align: left;
}
.soilTestReport .icontTd .fourBBody .autumnRota {
  position: relative;
  margin-left: 0 !important;
  display: inline-block !important;
  margin-right: 0;
  margin-bottom: 0;
  height: 20px;
  width: 30px !important;
  display: inline-block;
}
.soilTestReport .icontTd .fourBBody .autumnRota:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: transparent url(../images/icons-menu.png) no-repeat 0 0;
  background-position: -41px -390px;
  width: 30px !important;
  height: 20px;
}
.soilTestReport .icontTd .fourBBody .springRota {
  position: relative;
  margin-left: 0 !important;
  display: inline-block !important;
  margin-right: 0;
  margin-bottom: 0;
  height: 20px;
  width: 30px !important;
  display: inline-block;
}
.soilTestReport .icontTd .fourBBody .springRota:after {
  left: 0;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  background: transparent url(../images/icons-menu.png) no-repeat 0 0;
  background-position: -41px -347px;
  width: 30px !important;
  height: 20px;
}
.soilTestReport .icontTd .fourBBody .wedgeA {
  position: relative;
  margin-left: 0 !important;
  display: inline-block !important;
  margin-right: 0;
  margin-bottom: 0;
  height: 20px;
  width: 30px !important;
  display: inline-block;
}
.soilTestReport .icontTd .fourBBody .wedgeA:after {
  left: 0;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  background: transparent url(../images/icons-menu.png) no-repeat 0 0;
  background-position: -41px -36px;
  width: 30px !important;
  height: 20px;
}
.soilTestReport .icontTd .fourBBody .feedbA {
  position: relative;
  margin-left: 0 !important;
  display: inline-block !important;
  margin-right: 0;
  margin-bottom: 0;
  height: 20px;
  width: 30px !important;
  display: inline-block;
}
.soilTestReport .icontTd .fourBBody .feedbA:after {
  left: -4px;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  background: transparent url(../images/icons-menu.png) no-repeat 0 0;
  background-position: -35px -811px;
  width: 30px !important;
  height: 20px;
}
.soilTestReport .dataTable tr {
  height: 33px;
}
.soilTestReport .dataTable tr.highlightedTr td:first-of-type {
  background-color: #9a87be !important;
}
.soilTestReport .dataTable tr.highlightedTr td {
  border-color: #d8c5fb !important;
  background-color: #d8c5fb !important;
}
.soilTestReport .convertCheck {
  top: 3px !important;
}
.soilTestReport .convertCheck label {
  padding-left: 30px !important;
}
.soilTestReport .convertCheck .convertTitle {
  display: block;
  line-height: 10px;
}
.soilTestReport .convertCheck .convertTitle:first-of-type {
  margin-bottom: 1px;
  margin-top: -2px;
}
.soilTestReport dataTable tr.highlightedTotalTr td:first-of-type {
  background-color: #f1f442 !important;
}
.soilTestReport .dataTable tr.highlightedTotalTr td {
  border-color: #f1f442 !important;
  background-color: #f1f442 !important;
}
.soilTestReport .customToolTip {
  cursor: pointer;
}
.soilTestReport .ui-tooltip-content {
  max-width: auto;
  white-space: normal !important;
  max-height: none !important;
}
.soilTestReport .ui-tooltip,
.soilTestReport .arrow:after {
  background: #d8d51b;
}
.soilTestReport .ui-tooltip {
  background-color: #d8d51b;
  border-radius: 5px;
  color: #000;
  padding: 5px 10px;
  line-height: normal;
  font-size: 1.15em;
  white-space: nowrap;
  width: auto;
}
.soilTestReport .arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
}
.soilTestReport .arrow.top {
  top: -16px;
  bottom: auto;
}
.soilTestReport .arrow.left {
  left: 20%;
}
.soilTestReport .arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -15px;
  width: 15px;
  height: 15px;
  box-shadow: 6px 5px 9px -9px black;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.soilTestReport .arrow.top:after {
  bottom: -15px;
  top: auto;
}
.soilTestReport .ui-tooltip {
  position: absolute;
  z-index: 900000 !important;
}
.fancy-container .threeColCont .soilTestInput {
  width: calc(100% - 129px);
  max-width: 150px;
}
@media (max-width: 768px) {
  .fancy-container .threeColCont .soilTestInput {
    width: calc(100% - 158px);
    max-width: 150px;
  }
}
body .content .table-listing table tr.reddishBG td {
  background: #e36358;
  background-color: #e36358;
}
body .content .table-listing table tr.orangeBG td {
  background: #f7ecb7 !important;
  background-color: #f7ecb7 !important;
}
body .content .table-listing table tr.lightRedBG td {
  background: #f5a6a6 !important;
  background-color: #f5a6a6 !important;
}
.livestock-area input.red,
td span.red,
html body .inputs-page table tr td.red {
  background-image: none !important;
  background: #ff7f7f !important;
  background-color: #ff7f7f !important;
}
.badValueL {
  background-color: #f00;
  color: #fff !important;
  font-weight: 600;
  padding: 4px 4px;
}
.badValueL span {
  color: #fff !important;
}
.blackBG {
  background-color: #000;
  color: #fff !important;
  border: 1px solid #000;
  border-radius: 5px;
  display: inline-block;
}
.gwvalidationBtn {
  top: 0 !important;
  margin-bottom: 0 !important;
}
span[data-tooltip] {
  cursor: pointer;
}
span[data-tooltip]:hover i {
  color: #f39c12;
}
.main > .container h3.maintain ~ ul {
  background-color: #1f2c28;
}
@media only screen and (max-width: 480px) {
  .main > .container .header-wedge-select .boxesCont .sekectCont label {
    float: none;
  }
}
.hasTipsy {
  position: relative;
}
.hasTipsy:before,
.hasTipsy:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: 250ms ease-in-out;
  -webkit-transition: 250ms ease-in-out;
}
.hasTipsy:before {
  content: "";
  border: 3px solid transparent;
  bottom: 0;
  z-index: 1000001;
}
.hasTipsy:after {
  content: attr(data-tooltip);
  background-color: #d8d51b;
  border-radius: 0;
  color: #000;
  padding: 5px 10px;
  line-height: normal;
  font-size: 1em;
  white-space: nowrap;
  width: auto;
}
.hasTipsy:hover:before,
.hasTipsy:hover:after {
  visibility: visible;
  opacity: 1;
}
.hasTipsy:hover:before,
.hasTipsy:focus:before {
  bottom: -15%;
}
.hasTipsy:hover:after,
.hasTipsy:focus:after {
  top: 115%;
}
.hasTipsy:before {
  border-bottom-color: #d8d51b;
  left: 60%;
  bottom: -35%;
}
.hasTipsy:after {
  left: 50%;
  top: 135%;
}
@media only screen and (max-width: 540px) {
  .main .container #tabs-cover-wedge a.btn-green.btngreenSmall,
  .main .container #tabs-cover-wedge a.btngreenSmall.btn-dark,
  .main .container #tabs-cover-wedge a.btngreenSmall.btn-red {
    padding: 4px 4px;
    min-width: 46px;
  }
}
.columnsClrs {
  float: right;
}
.columnsClrs .green span,
.columnsClrs .yellow span {
  display: inline-block;
}
.columnsClrs .green .box {
  display: inline-block;
  height: 20px;
  width: 20px;
  background-color: #27ae60;
  margin-bottom: -4px;
}
.columnsClrs .yellow .box {
  margin-bottom: -4px;
  display: inline-block;
  height: 20px;
  width: 20px;
  background-color: #f1c40f;
}
.columnsClrs > div {
  float: left;
  margin-right: 10px;
}
.grassReportPageCont .optionCont .select select {
  font-size: 12px !important;
}
.grassReportPageCont .option .optionCont {
  min-width: 0;
  float: left;
  max-width: 230px;
  margin-right: 1px;
}
.grassReportPageCont .filters-area .filters {
  padding: 10px 5px;
}
.grassReportPageCont .filters-area .filters .option {
  margin-right: 0;
}
.grassReportPageCont .option .optionCont label {
  font-size: 14px;
}
.grassReportPageCont .filtersCont a {
  top: 0;
  padding: 4px 5px;
  font-size: 100%;
  line-height: 12px;
}
.grassReportPageCont .filtersCont {
  margin: 0 3px;
  float: left;
}
@media (max-width: 1024px) {
  .grassReportPageCont .filtersCont {
    width: 100%;
    float: none;
    margin: 0;
  }
}
.paddocksDeleteMultiple a {
  top: 0 !important;
  margin-bottom: 0 !important;
  position: relative;
  padding: 4px 5px;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  display: inline-block;
  white-space: nowrap !important;
}
.listing-area a.align-left {
  min-width: 46px;
}
@media only screen and (max-width: 1025px) {
  .listing-area a.align-right,
  .listing-area a.align-left,
  .forcedWidth.listing-area .btn-green,
  .forcedWidth.listing-area .btn-dark,
  .forcedWidth.listing-area .btn-red {
    width: 48.4%;
    margin-left: 0;
    margin-right: 1% !important;
    float: left !important;
  }
}
@media only screen and (max-width: 680px) {
  .forcedWidth.listing-area .btn-green,
  .forcedWidth.listing-area .btn-dark,
  .forcedWidth.listing-area .btn-red {
    margin-right: 5px !important;
  }
}
@media only screen and (max-width: 420px) {
  .forcedWidth.listing-area .btn-green,
  .forcedWidth.listing-area .btn-dark,
  .forcedWidth.listing-area .btn-red {
    width: 48%;
  }
}
@media only screen and (max-width: 580px) {
  .drawer.login-drawer .remember-me p.remember,
  .drawer.register-drawer .remember-me p.remember {
    width: 100%;
  }
  .drawer.login-drawer .remember-me p.remember .checkbox:last-of-type,
  .drawer.register-drawer .remember-me p.remember .checkbox:last-of-type {
    float: right;
  }
  .drawer.login-drawer .remember-me p.remember .checkbox label,
  .drawer.register-drawer .remember-me p.remember .checkbox label {
    padding-left: 25px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 1025px) {
  .content .filters-area .repHeader .topPiece {
    position: relative;
  }
  .filters-area > .filters > .option.noCustomSelect {
    float: none;
    width: 100%;
  }
}
@media screen and (min-width: 670px) and (max-width: 1025px) {
  .header-wedge-select.in-detail.active .wedgeDecisions h3 {
    float: none;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0 !important;
  }
  .header-wedge-select.in-detail.active .wedgeDecisions {
    text-align: center;
    padding: 0 !important;
  }
  .header-wedge-select.in-detail.active .wedgeDecisionsContent {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    padding-top: 3px !important;
  }
  .header-wedge-select.in-detail.active
    .wedgeDecisionsContent
    .wedgeDecisionsBody {
    padding: 2px 5px !important;
    min-width: 100%;
    width: 100%;
    margin-right: 0;
  }
  .header-wedge-select.in-detail.active .wedgeDContainer {
    padding-left: 5px !important;
    padding-right: 0 !important;
    margin-left: 0;
    width: calc(100% - 210px);
  }
  .header-wedge-select.in-detail.active .boxesCont label ~ .select {
    max-width: 110px;
  }
  .header-wedge-select.in-detail.active .boxesCont label {
    margin-right: 0;
    min-width: 90px;
    font-size: 14px;
    margin-top: 3px;
  }
  .header-wedge-select.in-detail.active .boxesCont {
    padding-left: 0 !important;
    width: 210px;
    padding-right: 0 !important;
  }
  .header-wedge-select.in-detail.active .wedgeDecisions .btn-green,
  .header-wedge-select.in-detail.active .wedgeDecisions .btn-dark,
  .header-wedge-select.in-detail.active .wedgeDecisions .btn-red {
    max-width: 100px;
    margin-top: 0;
    float: none;
    top: -2px;
  }
  .stock-options-fields.wedge-col.inputs-page table td {
    padding-left: 3px !important;
    font-size: 12px;
  }
  .stock-options-fields.wedge-col.inputs-page table tr td:last-child {
    width: auto;
    min-width: 45px;
    padding: 0 2px !important;
  }
  .drawer.login-drawer .remember-me p.forgot a.btn-dark,
  .drawer.login-drawer .remember-me p.grass-10 a {
    float: none;
    display: inline-block;
    top: 0;
    margin: 0;
    padding-left: 5px;
    padding-right: 5px;
  }
  .drawer.login-drawer .inputs input#tbEmail,
  .drawer.register-drawer .inputs input#tbEmail {
    min-width: 220px;
    margin-bottom: 0;
  }
  .drawer.login-drawer .inputs input#tbPass,
  .drawer.register-drawer .inputs input#tbPass {
    max-width: 80px;
    margin-bottom: 0;
  }
  .drawer.login-drawer a.btn-green,
  .drawer.login-drawer a.btn-dark,
  .drawer.login-drawer a.btn-red,
  .drawer.register-drawer a.btn-green,
  .drawer.register-drawer a.btn-dark,
  .drawer.register-drawer a.btn-red {
    margin: 0;
  }
  .drawer.login-drawer .inputs,
  .drawer.register-drawer .inputs {
    width: 82%;
    min-width: 480px;
    white-space: nowrap;
    padding-bottom: 5px;
  }
}
body {
  -webkit-overflow-scrolling: touch;
}
.home-menu a {
  white-space: nowrap;
}
@media only screen and (min-width: 650px) and (max-width: 1025px) {
  .container .filters-area .repHeader .topPiece h3 {
    width: 50%;
  }
  .container .filters-area .repHeader .topPiece .customizeArea a {
    float: right;
  }
}
.mView {
  position: relative !important;
  float: none;
  width: 100%;
  text-align: center;
  display: block;
  margin: 2px auto 0 auto !important;
  clear: both;
  font-weight: 600;
}
.desktoV {
  display: none !important;
}
@media only screen and (min-width: 1025px) {
  .desktoV {
    display: inline-block !important;
  }
  .mView {
    display: none;
  }
}
.enterPinBox {
  padding: 14px;
}
.enterPinBox .pinvalue {
  max-width: 120px;
}
.enterPinBox h3 {
  display: inline-block;
}
body .filters-area.filters-admin.messageOptionsFilters {
  padding: 0;
}
body .filters-area.filters-admin.messageOptionsFilters .inputs-page {
  padding: 0;
}
body .filters-area.filters-admin.messageOptionsFilters .option .select {
  float: none;
  width: auto;
  min-width: 120px;
}
body .filters-area.filters-admin.messageOptionsFilters .option.group {
  width: auto;
  vertical-align: middle;
  float: none;
}
body .filters-area.filters-admin.messageOptionsFilters .filters .option > label,
body .filters-area.filters-admin.messageOptionsFilters .filters .option {
  width: auto;
  margin: 0 15px 10px 0;
}
body .filters-area.filters-admin.messageOptionsFilters .filters .option > label,
body
  .filters-area.filters-admin.messageOptionsFilters
  .filters
  .option
  .label-value {
  float: none !important;
  width: auto !important;
  vertical-align: top;
  font-weight: 600;
  margin-right: 5px;
  top: 3px;
}
.fancybox-overlay {
  z-index: 9999 !important;
}
.spinner {
  z-index: 999999 !important;
}
.smsMessageBoxModal {
  position: relative;
  z-index: 999999;
}
.smsMessageBoxModal .half > .select {
  width: calc(100% - 90px);
}
.smsMessageBoxModal .half > label {
  min-width: 80px;
  width: auto;
}
.smsMessageBoxModal .half {
  display: inline-block;
  width: 49%;
}
.smsMessageBoxModal .w-100 {
  width: 100%;
  margin-bottom: 10px;
}
.smsMessageBoxModal .checkbox > label {
  min-width: 100px;
}
@media only screen and (max-width: 768px) {
  .smsMessageBoxModal .half {
    width: 100%;
  }
}
.filters-admin.messageOptionsFilters .select .customSelect.aspNetDisabled,
.smsMessageBoxModal .select .customSelect.aspNetDisabled,
.mobileNotifTable .select .customSelect.aspNetDisabled {
  background-color: #a9a9a9;
  opacity: 0.3;
  cursor: not-allowed;
}
body .mobileNotifTable {
  margin-bottom: 10px;
}
body .mobileNotifTable td {
  vertical-align: top;
}
body .mobileNotifTable td label {
  padding-top: 5px;
  font-weight: 600;
  width: auto;
  min-width: 70px;
}
body .mobileNotifTable .borderedThing {
  border: 1px solid #d5d5d5;
}
body .mobileNotifTable h6 {
  font-weight: 600;
  color: #303030;
  margin-bottom: 15px;
  font-size: 14px;
  display: block;
  text-align: center;
}
body .mobileNotifTable td .filterOptSMS {
  display: inline-block;
  width: 24%;
  text-align: left;
  min-width: 200px;
  float: left;
}
body .mobileNotifTable td .filterOptSMS .select .customSelect {
  max-width: 100%;
}
@media only screen and (max-width: 768px) {
  body .mobileNotifTable td .filterOptSMS {
    width: 49%;
  }
}
.hasTipsyTool {
  position: relative;
}
.hasTipsyTool:before,
.hasTipsyTool:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: 250ms ease-in-out;
  -webkit-transition: 250ms ease-in-out;
}
.hasTipsyTool:before {
  content: "";
  border: 3px solid transparent;
  bottom: 0;
  z-index: 1000001;
}
.hasTipsyTool:after {
  content: attr(data-tooltip);
  background-color: #d8d51b;
  border-radius: 0;
  color: #000;
  padding: 5px 10px;
  line-height: normal;
  font-size: 1em;
  white-space: nowrap;
  width: auto;
}
.hasTipsyTool:hover:before,
.hasTipsyTool:hover:after {
  visibility: visible;
  opacity: 1;
}
.hasTipsyTool:hover:before,
.hasTipsyTool:focus:before {
  bottom: -15%;
}
.hasTipsyTool:hover:after,
.hasTipsyTool:focus:after {
  top: 115%;
}
.hasTipsyTool:before {
  border-bottom-color: #d8d51b;
  left: 60%;
  bottom: -35%;
}
.hasTipsyTool:after {
  left: 50%;
  top: 135%;
}
.hasTipsyTool:before {
  left: 50%;
  top: auto !important;
  bottom: 100% !important;
}
.hasTipsyTool:after {
  position: absolute;
  max-width: 100%;
  overflow: hidden;
  white-space: normal;
  top: auto !important;
  bottom: 100% !important;
}
.warningMessageProjectedScreen {
  border-color: #f00;
  border-width: 3px;
}
.mobileNotifTable .filterOptSMS {
  margin-top: -6px;
}
.grassReportOnePage .filters .option.noCustomSelect .optionCont {
  min-width: 100px;
  padding-left: 10px;
}
.grassReportOnePage .filters .option.noCustomSelect .optionCont label,
.grassReportOnePage .filters .option.noCustomSelect .optionCont .select {
  width: auto;
  display: inline-block;
}
.grassReportOnePage
  .filters
  .option.noCustomSelect
  .filtersCont
  a.btn-apply-filters {
  padding: 6px 20px;
  margin-left: 10px;
}
.grassReportOnePage .filtersCont {
  margin: 0 !important;
  float: none !important;
  width: auto !important;
}
@media only screen and (max-width: 680px) {
  #customizeView.customizeInputs {
    max-width: 100%;
  }
  #customizeView.customizeInputs .inputs {
    max-width: 100%;
  }
  #customizeView.customizeInputs .inputs .checkWrapper {
    max-width: 100%;
  }
  #customizeView.customizeInputs .inputs .checkWrapper > .col label {
    text-align: left;
  }
  #customizeView.customizeInputs .inputs .checkWrapper > .col {
    max-width: 100% !important;
  }
}
.soilTestReport .filters-area {
  padding: 5px 5px 5px 0;
}
.soilTestReport .filters-area .optionCont {
  width: auto !important;
  padding-left: 5px;
}
.soilTestReport .filters-area .optionCont label,
.soilTestReport .filters-area .optionCont span {
  float: none;
  display: inline-block;
}
.soilTestReport .filters-area .optionCont span {
  min-width: 55px;
}
@media only screen and (max-width: 1100px) {
  .soilTestReport .filters-area {
    padding: 5px 0;
  }
  .soilTestReport .customizeArea {
    width: calc(100% - 100px);
  }
  .soilTestReport a.align-right,
  a.align-left {
    float: left !important;
    min-width: 100px !important;
    margin-left: 1%;
    margin-right: 1%;
  }
}
@media only screen and (max-width: 500px) {
  .soilTestReport .filters-area .optionCont {
    width: 100% !important;
    text-align: center;
    margin: 10px auto;
  }
  .soilTestReport .filters-area .optionCont > span {
    min-width: 90px;
    margin-left: 10px;
  }
  .soilTestReport .customizeArea {
    width: 100%;
  }
}
.customViewCoverDropdowns > label {
  min-width: 0;
  margin-right: 10px;
}
.customViewCoverDropdowns > .select {
  max-width: 220px;
}
.customViewCoverDropdowns > .select .customSelect .customSelectInner {
  padding-top: 2px;
  padding-bottom: 2px;
}
.customViewCoverDropdowns > .select select {
  padding-top: 3px;
  height: auto !important;
  padding-bottom: 3px;
}
@media only screen and (max-width: 720px) {
  .fancy-record-add-edit .slider .enter-dates-screen .add-new-title {
    padding: 5px 5px;
    font-size: 0.8rem;
  }
  .fancy-record-add-edit .slider .enter-dates-screen .inputs {
    padding: 10px;
  }
  .fancy-record-add-edit .slider .enter-dates-screen .inputs input {
    padding-top: 5px;
    padding-bottom: 5px;
    float: right;
  }
  .fancy-record-add-edit .slider .enter-dates-screen .inputs label {
    min-height: 0 !important;
    clear: both;
  }
  .fancy-record-add-edit .slider .enter-dates-screen .inputs .label-event {
    width: 25%;
  }
  .fancy-record-add-edit .slider .enter-dates-screen .inputs .changewidth {
    width: 75% !important;
  }
  .fancy-record-add-edit
    .slider
    .enter-dates-screen
    .inputs
    .changewidth
    table
    tbody
    tr {
    width: 33%;
    float: left;
  }
  .fancy-record-add-edit .slider .buttons span.align-left {
    font-size: 14px !important;
    text-align: center;
    margin-top: 4px;
    margin-bottom: 4px;
  }
}
@supports (-webkit-touch-callout: none) {
  .fancybox-overlay {
    z-index: 9998 !important;
  }
  .fancybox-wrap {
    z-index: 9999 !important;
  }
}
#fancyWeatherStationAdd input[type="checkbox"],
#fancyWSEdit input[type="checkbox"] {
  height: 30px;
  width: 30px;
}
.pJenquipError {
  clear: both;
  color: #f00;
}
.fancybox-overlay .hidden {
  display: none;
}
.fancybox-overlay .redText {
  color: #f00;
}
.nitrogen-plan-view.content {
  margin-top: 5px;
}
.nitrogen-plan-view .hidden {
  display: none;
}
.nitrogen-plan-view .titleDiv {
  display: flex;
  justify-content: space-between;
  margin: 5px;
}
.nitrogen-plan-view h1 {
  font-weight: bold;
  margin: 5px;
  float: left;
  font-size: 110%;
}
.nitrogen-plan-view h3 {
  font-weight: bold;
  margin: 5px;
  float: left;
  font-size: 130%;
}
.nitrogen-plan-view.fancy-container h3 {
  font-weight: bold;
  margin: 5px;
  float: left;
  font-size: 110%;
  padding: initial;
  border-top: initial;
  background-image: none;
  text-transform: none;
}
.nitrogen-plan-view .bttn {
  text-align: center;
  text-decoration: none;
  line-height: 1;
  display: inline-block;
  white-space: nowrap;
  padding: 5px 15px;
  border-radius: 3px;
  border: 1px solid #1a6230;
  background-color: #2fb357;
  color: #fff;
  cursor: pointer;
  font-weight: 300;
  font-size: 0.8rem;
  padding: 8px 6px;
  height: 30px;
  margin-left: 10px;
}
.nitrogen-plan-view .bttn:hover {
  background: #2a9f4d;
}
.nitrogen-plan-view .bttn.orange {
  background-color: #e67e22;
}
.nitrogen-plan-view .bttn.orange:hover {
  background-color: #d35400;
}
.nitrogen-plan-view .bttn.blue-btn {
  font-weight: 600;
  background: #0a76c1;
}
.nitrogen-plan-view .bttn.blue-btn:hover {
  background: #fff;
  color: #000;
}
.nitrogen-plan-view .contentSector {
  padding: 5px;
}
.nitrogen-plan-view .contentSector > div {
  background: #f8f7c7;
  border: 2px dashed #aba815;
}
.nitrogen-plan-view .clearfix,
.nitrogen-plan-view .container,
.nitrogen-plan-view header,
.nitrogen-plan-view .top-bar,
.nitrogen-plan-view .top-bar nav,
.top-bar .nitrogen-plan-view nav,
.nitrogen-plan-view .notification-bar,
.nitrogen-plan-view .table-listing,
.nitrogen-plan-view .filters-area .filters,
.filters-area .nitrogen-plan-view .filters,
.nitrogen-plan-view .listing-area,
.nitrogen-plan-view .listing-area .info,
.listing-area .nitrogen-plan-view .info,
.nitrogen-plan-view .fancy-container .buttons,
.fancy-container .nitrogen-plan-view .buttons,
.nitrogen-plan-view .fancy-container .inputs,
.fancy-container .nitrogen-plan-view .inputs,
.nitrogen-plan-view .fancy-container .info,
.fancy-container .nitrogen-plan-view .info,
.nitrogen-plan-view .change-area-verification .options,
.change-area-verification .nitrogen-plan-view .options {
  clear: both;
}
.nitrogen-plan-view .contentSector .divTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5px;
}
.nitrogen-plan-view .highlightBoxes {
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  justify-content: space-between;
  font-size: 0.9em;
  margin-right: 5px;
}
.nitrogen-plan-view .highlightBoxes > div {
  border-width: 2px;
  border-style: solid;
  border-color: #008357;
  min-height: 30px;
  float: left;
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 5px;
  margin-left: 5px;
}
.nitrogen-plan-view .highlightBoxes > div .value {
  margin-left: 5px;
  font-weight: bold;
}
.nitrogen-plan-view .table-listing {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.nitrogen-plan-view .table-listing table th {
  background: none;
  vertical-align: central;
  text-align: center;
  color: #fff;
  background-color: #008357;
}
.nitrogen-plan-view .table-listing table tbody tr {
  background-color: #fff;
}
.nitrogen-plan-view .table-listing table tbody tr:hover {
  background-color: #fbfade;
}
.nitrogen-plan-view .table-listing table tbody .yellowTr {
  background-color: #d3ffcc;
}
.nitrogen-plan-view .table-listing table .tdMonth {
  width: 9%;
  border-left: 1px solid #d5d5d5;
}
.nitrogen-plan-view .table-listing table td:nth-last-child(2),
.nitrogen-plan-view .table-listing table td:last-child {
  padding: initial;
  max-width: 100px;
}
.nitrogen-plan-view .table-listing table td input[type="text"],
.nitrogen-plan-view .table-listing table td input[type="number"] {
  padding: 4px 2%;
  width: 90%;
  max-width: unset;
  text-align: center;
}
.nitrogen-plan-view .table-listing table th input {
  padding-top: 3px;
  padding-bottom: 3px;
  width: 70px;
  font-size: inherit;
  text-align: center;
}
.nitrogen-plan-view .table-listing table tr td {
  background-color: inherit;
  border-right: 1px solid #d5d5d5;
}
.nitrogen-plan-view .table-listing table tr td .txtPercentageTotal {
  width: 60%;
}
.nitrogen-plan-view .table-listing table .borderTop {
  border-top: 1px;
  border-top-color: #000;
  border-top-style: double;
}
.nitrogen-plan-view .redText {
  color: #f00;
}
.nitrogen-plan-view .blueText {
  color: #4169e1;
}
.nitrogen-plan-view .spActual {
  font-weight: bold;
}
.nitrogen-plan-view .spinner .box {
  position: fixed;
  top: 50%;
  left: 50%;
}
.nitrogen-plan-view .reportSection {
  background: #fff;
  height: 100%;
}
@media (min-width: 768px) {
  @media (max-width: 1024px) {
    .nitrogen-plan-view.fancy-container .reportSection .titleDiv div {
      width: 55%;
    }
    .nitrogen-plan-view .bttn {
      margin-top: 4px;
    }
  }
}
@media (min-width: 1025px) {
  @media (max-width: 1100px) {
    .nitrogen-plan-view.fancy-container .reportSection .titleDiv div {
      width: 55%;
    }
  }
}
@media (max-width: 768px) {
  .nitrogen-plan-view.fancy-container {
    overflow-x: scroll;
  }
  .nitrogen-plan-view.fancy-container .reportSection {
    display: inline-block;
    white-space: nowrap;
  }
  .nitrogen-plan-view.fancy-container .reportSection.hidden {
    display: none;
    white-space: nowrap;
  }
  .nitrogen-plan-view.fancy-container .reportSection .titleDiv {
    display: inline-block;
    width: 800px;
  }
  .nitrogen-plan-view.fancy-container .reportSection .titleDiv h3 {
    display: inline;
  }
  .nitrogen-plan-view.fancy-container .reportSection .titleDiv div {
    display: inline-block;
  }
  .nitrogen-plan-view.fancy-container .table-listing {
    white-space: normal;
    width: 500px;
  }
  .nitrogen-plan-view.fancy-container a {
    display: inline;
  }
  .nitrogen-plan-view.fancy-container a.align-right {
    padding-top: 2px !important;
    padding-bottom: 9px !important;
    float: unset;
  }
  .nitrogen-plan-view.fancy-container .btn-dark {
    margin-top: unset;
    margin-bottom: unset;
    width: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .nitrogen-plan-view.fancy-container .bttn {
    margin-left: unset;
    padding-top: 2px;
  }
  .nitrogen-plan-view .contentSector {
    width: fit-content;
  }
  .nitrogen-plan-view .titleDiv div a {
    width: 90px;
  }
}
.nitrogen-plan-setup {
  margin-top: 5px;
}
.nitrogen-plan-setup .titleDiv {
  display: flex;
  justify-content: space-between;
  margin: 5px;
}
.nitrogen-plan-setup h3 {
  font-weight: bold;
  margin: 5px;
  float: left;
  font-size: 130%;
}
.nitrogen-plan-setup .hidden {
  display: none;
}
.nitrogen-plan-setup .contentSector {
  padding: 5px;
}
.nitrogen-plan-setup .contentSector > div {
  background: #f8f7c7;
  border: 2px dashed #aba815;
}
.nitrogen-plan-setup .clearfix,
.nitrogen-plan-setup .container,
.nitrogen-plan-setup header,
.nitrogen-plan-setup .top-bar,
.nitrogen-plan-setup .top-bar nav,
.top-bar .nitrogen-plan-setup nav,
.nitrogen-plan-setup .notification-bar,
.nitrogen-plan-setup .table-listing,
.nitrogen-plan-setup .filters-area .filters,
.filters-area .nitrogen-plan-setup .filters,
.nitrogen-plan-setup .listing-area,
.nitrogen-plan-setup .listing-area .info,
.listing-area .nitrogen-plan-setup .info,
.nitrogen-plan-setup .fancy-container .buttons,
.fancy-container .nitrogen-plan-setup .buttons,
.nitrogen-plan-setup .fancy-container .inputs,
.fancy-container .nitrogen-plan-setup .inputs,
.nitrogen-plan-setup .fancy-container .info,
.fancy-container .nitrogen-plan-setup .info,
.nitrogen-plan-setup .change-area-verification .options,
.change-area-verification .nitrogen-plan-setup .options {
  clear: both;
}
.nitrogen-plan-setup .contentSector .divTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5px;
}
.nitrogen-plan-setup .highlightBoxes {
  padding: 5px;
  display: flex;
  font-weight: bold;
  float: right;
}
.nitrogen-plan-setup .highlightBoxes > div {
  border-width: 2px;
  border-style: solid;
  border-color: #008357;
  min-height: 30px;
  float: left;
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 10px;
  margin-left: 10px;
}
.nitrogen-plan-setup .highlightBoxes > div .value {
  margin-left: 10px;
  font-size: 120%;
}
.nitrogen-plan-setup .divTable {
  margin: 10px;
}
.nitrogen-plan-setup .tdButton {
  display: flex;
  justify-content: center;
}
.nitrogen-plan-setup .bttn {
  text-align: center;
  text-decoration: none;
  line-height: 1;
  display: inline-block;
  white-space: nowrap;
  padding: 5px 15px;
  border-radius: 3px;
  border: 1px solid #1a6230;
  background-color: #2fb357;
  color: #fff;
  cursor: pointer;
  font-weight: 300;
  font-size: 0.8rem;
  padding: 8px 6px;
  height: 30px;
  margin-left: 5px;
}
.nitrogen-plan-setup .bttn:hover {
  background: #2a9f4d;
}
.nitrogen-plan-setup .table-listing table tr:nth-child(2n) {
  background-color: #fff;
}
.nitrogen-plan-setup .table-listing table tr:nth-child(2n + 1) {
  background-color: #f1f1f1;
}
.nitrogen-plan-setup .table-listing table tbody tr:hover {
  background-color: #fbfade;
}
.nitrogen-plan-setup .table-listing table tr:nth-child(2n) td {
  background-color: inherit;
}
.nitrogen-plan-setup .table-listing table tr:nth-child(2n + 1) td {
  background-color: inherit;
}
.nitrogen-plan-setup .table-listing select {
  width: unset;
  padding: 5px;
}
.nitrogen-plan-setup #tblPaddocks .td-ddl {
  width: 25%;
}
.nitrogen-plan-setup .bottomDiv {
  display: flex;
  justify-content: flex-end;
  margin: 5px;
}
@media (max-width: 768px) {
  .nitrogen-plan-setup .titleDiv {
    display: block;
    justify-content: unset;
  }
  .nitrogen-plan-setup .titleDiv h3 {
    float: unset;
  }
  .nitrogen-plan-setup #tblPaddocks .td-ddl {
    width: 100%;
  }
  .nitrogen-plan-setup .table-listing select {
    width: 100%;
  }
}
.editFarmMapping .gmap-search-control {
  padding: 10px;
  display: block;
}
.editFarmMapping .map-popup {
  position: absolute;
  display: flex;
  top: 40%;
  left: 50%;
  width: 248px;
}
.editFarmMapping .popup-hidden {
  display: none !important;
}
.editFarmMapping .map-popup select {
  float: left;
}
.editFarmMapping .map-popup select option:disabled {
  color: #bebebe;
}
.editFarmMapping .map-popup input {
  float: left;
  margin-left: 10px;
}
.editFarmMapping button.gm-ui-hover-effect {
  display: none !important;
}
.editFarmMapping .saveCenterAndUpper {
  margin: 15px auto;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
}
.editFarmMapping .btn-orange {
  background: #f0932b;
  padding: 7px 15px;
  border: 1px solid #1a6230;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  z-index: 100;
  font-size: 0.8em;
  margin-top: 5px;
}
.editFarmMapping tr:nth-child(even) {
  background: #e8e8e8;
}
.editFarmMapping h3 {
  background-image: linear-gradient(to bottom, #e9e9e9, #fbfbfb);
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 13px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.9em;
  cursor: pointer;
  position: relative;
}
.editFarmMapping .ui-accordion-header-icon {
  display: none;
}
.editFarmMapping .ui-state-active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}
.editFarmMapping .saveSuccess {
  padding: 15px;
  font-size: large;
  color: #008000;
  background-color: #fff;
  border: 1px solid #ffa500;
  width: 290px;
  text-align: center;
  margin: auto;
  display: none;
}
.editFarmMapping .searchBox {
  width: 100%;
  font-size: 1.4em !important;
  padding: 5px 2%;
}
.editFarmMapping .buttonControls {
  display: inline-block;
}
.editFarmMapping .buttonControls input,
.editFarmMapping a {
  width: auto;
  text-align: center;
  font-size: 12px;
}
.editFarmMapping .btn-red {
  margin-top: 5px;
}
.editFarmMapping .btn-green.align-right,
.editFarmMapping .align-right.btn-dark,
.editFarmMapping .align-right.btn-red {
  float: right !important;
}
.editFarmMapping .polygon-label {
  border-style: none;
  border-width: 0;
  position: absolute;
  display: grid;
  align-content: center;
  justify-content: center;
  overflow: hidden;
  font-weight: bold;
  color: #fff;
}
.editFarmMapping .btn-green,
.editFarmMapping .btn-dark,
.editFarmMapping .btn-red,
.editFarmMapping .btn-dark,
.editFarmMapping .btn-red {
  padding: 5px 7px;
  border-radius: 5px;
  cursor: pointer;
}
.editFarmMapping .map-hidden {
  display: none;
  width: 0 !important;
}
.editFarmMapping .gmap .table-listing .paddock-on-map {
  background-color: #70ffbc;
}
.editFarmMapping .gmap .table-listing tr {
  background-color: #fff;
  height: 100%;
  overflow: scroll;
}
.editFarmMapping .gmap #divPaddockTable table {
  width: 200px;
  table-layout: fixed;
}
.editFarmMapping .gmap #paddockListing {
  position: relative;
  margin-right: 10px;
}
.editFarmMapping .gmap #paddockListingButtons {
  position: relative;
  margin-right: 10px;
  z-index: 1 !important;
}
.editFarmMapping .gmap #paddockListing a {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.editFarmMapping .gmap #paddockListingButtons a {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.editFarmMapping .gmap .table-listing table tr td {
  background-color: inherit;
  font-size: inherit;
}
.editFarmMapping .gmap .table-listing table tr th {
  font-size: inherit;
}
.editFarmMapping .gmap .table-listing .paddock-on-map.paddock-clicked {
  background-color: #cb8cf2;
}
.editFarmMapping .gmap .table-listing table .paddock-on-map:hover {
  background-color: #fbfade;
}
.editFarmMapping .gmap .paddockListButton .btn-green,
.editFarmMapping .gmap .paddockListButton .btn-dark,
.editFarmMapping .gmap .paddockListButton .btn-red {
  top: 10px !important;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .editFarmMapping .buttonControls a:first-child {
    top: 9px;
  }
}
.editFarmMapping .polygonHandInitialStyle {
  background: none padding-box #fff;
  display: block;
  border: 0;
  margin: 0;
  padding: 4px;
  text-transform: none;
  appearance: none;
  position: relative;
  cursor: pointer;
  user-select: none;
  direction: ltr;
  overflow: hidden;
  text-align: left;
  color: #000;
  font-family: Roboto, Arial, sans-serif;
  font-size: 11px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  font-weight: 500;
}
.editFarmMapping .polygonHandActiveStyle {
  background: #2fb357 !important;
  display: block;
  border: 0;
  margin: 0;
  padding: 4px;
  text-transform: none;
  appearance: none;
  position: relative;
  cursor: pointer;
  user-select: none;
  direction: ltr;
  overflow: hidden;
  text-align: left;
  color: #000;
  font-family: Roboto, Arial, sans-serif;
  font-size: 11px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  font-weight: 500;
}
.editFarmMapping .searchBoxContainer {
  display: flex;
}
.editFarmMapping .gmap .table-listing {
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 80%;
  margin-top: 37px;
  width: 200px;
  float: right;
}
.editFarmMapping .innerContainerPaddocks {
  background: #fff;
}
.viewFarmMapping button.gm-ui-hover-effect {
  display: none !important;
}
.viewFarmMapping .gmap.map-view .btn-green,
.viewFarmMapping .gmap.map-view .btn-dark,
.viewFarmMapping .gmap.map-view .btn-red {
  top: 5px;
}
.viewFarmMapping .map-hidden {
  display: none;
}
.viewFarmMapping .button-control {
  top: 15px !important;
  left: 10px !important;
}
.viewFarmMapping .gmapFiltersArea {
  width: 380px;
  border: none;
  display: inline-block;
  float: left;
}
.viewFarmMapping .mainFilterHeader {
  font-weight: 700;
  font-size: larger;
  padding: 5px;
}
.viewFarmMapping .gmap.map-view .radio {
  display: inline-block;
  min-width: 80px;
  padding: 10px 0 10px 0;
}
.viewFarmMapping .listOfItems {
  display: flex;
  justify-content: center;
  background-color: #799c49;
  color: #fff;
  border-radius: 5px;
}
.viewFarmMapping #grass-options {
  padding: 6px 28px 6px 28px;
}
.viewFarmMapping #fertiliser-options {
  padding: 6px 17px 6px 17px;
  display: flex;
  justify-content: center;
}
.viewFarmMapping #fertility-options {
  padding: 6px 110px 6px 110px;
}
.viewFarmMapping .restOfFilters {
  line-height: 19px;
  margin-top: 10px;
  padding: 10px 0;
  background-color: #5c8442;
  color: #fff;
  border-radius: 5px;
  text-align: center;
}
.viewFarmMapping #chkWalkOrder label {
  padding: 0 30px 0 80px;
}
.viewFarmMapping .otherItems {
  display: flex;
}
.viewFarmMapping .gmap.map-view .editButton {
  float: right;
  margin-left: 15px;
  font-size: 1.2em;
}
.viewFarmMapping .gmap.map-view .editButton a {
  top: 10px !important;
}
.viewFarmMapping .gmap.map-view .paddockListButton {
  font-size: 1.2em;
  height: 35px;
}
.viewFarmMapping .gmap.map-view .btnOrange {
  background: #f0932b;
}
.viewFarmMapping .tooltip {
  background: #f8f7c7;
  box-shadow: 0 1px 1px #666;
  font-size: 11px;
  font-family: sans-serif;
  position: absolute;
  z-index: 10;
  padding: 10px !important;
  border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  -webkit-border-radius: 8px !important;
  color: #000;
  min-height: 160px;
  min-width: 125px;
  width: auto;
  display: none;
}
.viewFarmMapping .polygon-label {
  border-style: none;
  border-width: 0;
  position: absolute;
  display: grid;
  align-content: center;
  justify-content: center;
  overflow: hidden;
  font-weight: bold;
}
.viewFarmMapping .gmap .table-listing .paddock-on-map {
  background-color: #70ffbc;
}
.viewFarmMapping .gmap .table-listing {
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 80%;
  width: 230px;
  float: right;
}
.viewFarmMapping .gmap #divPaddockTable table {
  table-layout: fixed;
}
.viewFarmMapping .gmap #paddockListing {
  position: relative;
  margin-right: 10px;
}
.viewFarmMapping .gmap #paddockListing a {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.viewFarmMapping .gmap .table-listing table tr td {
  background-color: inherit;
  font-size: inherit;
}
.viewFarmMapping .gmap .table-listing table tr th {
  font-size: inherit;
}
.viewFarmMapping .gmap .table-listing .paddock-on-map.paddock-clicked {
  background-color: #cb8cf2;
}
.viewFarmMapping .gmap .table-listing table .paddock-on-map:hover {
  background-color: #fbfade;
}
.viewFarmMapping .noFarmMapping {
  display: flex;
}
.viewFarmMapping .innerContainerPaddocks {
  background: #fff;
}
.nitrogenCalculator .tableHeader {
  height: 45px;
  text-align: center;
  background-color: #a9a9a9;
  font-weight: 600;
  font-size: 1.2em;
  padding-top: 10px;
}
.nitrogenCalculator .nitroCalculatorH2 {
  float: left;
  margin-right: 30px;
  font-weight: 600 !important;
  padding-left: 10px;
}
.nitrogenCalculator .tableSubHeader {
  display: inline-block;
  padding-top: 5px;
}
.nitrogenCalculator .noTop {
  top: 0 !important;
}
.nitrogenCalculator .tableContainer {
  margin-top: -7px;
}
.nitrogenCalculator .divNitrogenCalculatorList .darker tr td:first-of-type {
  text-align: left !important;
  padding-left: 10px;
  font-weight: 400;
}
.nitrogenCalculator .divNitrogenCalculatorList table th {
  background: none;
  vertical-align: bottom;
  text-align: center !important;
  color: #fff;
  background-color: #008357 !important;
}
.nitrogenCalculator .divNitrogenCalculatorList table th,
.nitrogenCalculator .divNitrogenCalculatorList table td {
  border-right: 1px solid #d5d5d5;
}
.nitrogenCalculator .divNitrogenCalculatorList table tbody {
  background-color: #fff;
}
.nitrogenCalculator
  .divNitrogenCalculatorList:not(.divNitrogenCalculatorListCustom)
  table
  tbody
  tr
  td:nth-of-type(3),
.nitrogenCalculator
  .divNitrogenCalculatorList:not(.divNitrogenCalculatorListCustom)
  table
  tbody
  tr
  td:nth-of-type(4) {
  background-color: #fbfade;
}
.nitrogenCalculator
  .divNitrogenCalculatorListCustom
  table
  tbody
  tr
  td:nth-of-type(5),
.nitrogenCalculator
  .divNitrogenCalculatorListCustom
  table
  tbody
  tr
  td:nth-of-type(6),
.nitrogenCalculator
  .divNitrogenCalculatorListCustom
  table
  tbody
  tr
  td:nth-of-type(7) {
  background-color: #fbfade;
}
.nitrogenCalculator tr th.text-left {
  text-align: left !important;
}
.nitrogenCalculator .divNitrogenCalculatorList table thead tr th:nth-of-type(2),
.nitrogenCalculator
  .divNitrogenCalculatorList
  table
  tbody
  tr
  td:nth-of-type(2) {
  max-width: none;
  padding-left: 10px;
  max-width: 110px;
  padding-right: 10px;
  font-weight: 600;
  text-align: left;
}
.nitrogenCalculator .divNitrogenCalculatorList,
.nitrogenCalculator .summaryTableContainer {
  max-width: 100%;
  overflow: auto;
}
.nitrogenCalculator .twoTables {
  clear: both;
  display: flow-root;
}
.nitrogenCalculator .tblNitrogenCalculatorFertiliser thead tr th:nth-of-type(3),
.nitrogenCalculator
  .tblNitrogenCalculatorFertiliser
  thead
  tr
  th:nth-of-type(4) {
  width: 10%;
}
.nitrogenCalculator .tblNitrogenCalcSummary tbody tr:nth-of-type(1) td,
.nitrogenCalculator .tblNitrogenCalcSummary tbody tr:nth-of-type(5) td {
  background-color: #2ae5f7 !important;
}
.nitrogenCalculator .tblNitrogenCalcSummary tbody tr:nth-of-type(4) td {
  background-color: #fff !important;
}
.nitrogenCalculator .tblNitrogenCalcSummary tbody tr:nth-of-type(2) td,
.nitrogenCalculator .tblNitrogenCalcSummary tbody tr:nth-of-type(3) td,
.nitrogenCalculator .tblNitrogenCalcSummary tbody tr:nth-of-type(6) td,
.nitrogenCalculator .tblNitrogenCalcSummary tbody tr:nth-of-type(7) td,
.nitrogenCalculator .tblNitrogenCalcSummary tbody tr:nth-of-type(8) td,
.nitrogenCalculator .tblNitrogenCalcSummary tbody tr:nth-of-type(9) td {
  background-color: #b0f18d !important;
}
.nitrogenCalculator .halfSizeLeft {
  width: 45%;
  float: left;
}
.nitrogenCalculator .halfSizeRight {
  width: 45%;
  float: right;
}
.nitrogenCalculator .halfSizeBigger {
  width: 60%;
  float: left;
}
.nitrogenCalculator .halfSizeSmaller {
  width: 30%;
  float: right;
}
.nitrogenCalculator .halfSizeBiggest {
  width: 70%;
  float: right;
}
.nitrogenCalculator .halfSizeSmallest {
  width: 25%;
  float: left;
}
.nitrogenCalculator .nitrogenCalcGeneralInfo {
  display: inline-block;
  float: left;
}
.nitrogenCalculator .nitrogenCalcGeneralButtons {
  float: right;
}
.nitrogenCalculator .tableSubHeader a .fa {
  display: none;
}
.nitrogenCalculator .reportImportContainer {
  border: 2px #000 solid;
}
.nitrogenCalculator .reportExportContainer {
  border: 2px #000 solid;
  margin-top: 20px;
}
.nitrogenCalculator .reportSummaryContainer {
  border: 2px #000 solid;
  margin-top: 20px;
}
.nitrogenCalculator table .notActive {
  background: none !important;
}
.nitrogenCalculator .standOut,
.nitrogenCalculator .redValue {
  color: #000;
  font-weight: 700;
  font-size: initial;
}
.nitrogenCalculator .redValue span {
  padding: 0 5px;
}
.nitrogenCalculator .bottonButtons {
  margin-top: 20px;
  float: right;
}
.nitrogenCalculator .reportSummaryContainer thead th {
  background-color: #2ae5f7 !important;
  background-image: none;
}
.nitrogenCalculator .reportSummaryContainer tfoot td {
  background-color: #b0f18d !important;
  background-image: none;
}
.nitrogenCalculator .saveSuccess {
  display: none;
  width: 150px;
  float: left;
  text-align: center;
  font-weight: 700;
  font-size: 19px;
  background: #ffa500;
  border: 1px solid;
  margin: 0 20px;
  position: relative;
  top: -5px;
  height: 30px;
}
.nitrogenCalculator .reducedFontSize {
  font-size: small;
}
.nitrogenCalculator .reducedFontSize i {
  color: #2fb357;
  font-size: 100%;
}
.nitrogenCalculator .mobileBiggerSize {
  max-width: 90px !important;
}
@media only screen and (max-width: 1025px) {
  .nitrogenCalculator .bottonButtons a {
    width: 100%;
  }
  .nitrogenCalculator .saveSuccess {
    width: 93%;
  }
}
@media screen and (max-width: 768px) {
  .nitrogenCalculator .tblNitrogenCalcSummary {
    margin-top: 5px;
  }
  .nitrogenCalculator .tblNitrogenCalculatorFertiliser {
    display: inline-table;
    overflow-x: auto;
    white-space: nowrap;
    min-width: 560px;
  }
  .nitrogenCalculator .twoTables {
    display: grid !important;
  }
  .nitrogenCalculator .halfSizeLeft,
  .nitrogenCalculator .halfSizeRight,
  .nitrogenCalculator .halfSizeBigger,
  .nitrogenCalculator .halfSizeSmaller,
  .nitrogenCalculator .halfSizeBiggest,
  .nitrogenCalculator .halfSizeSmallest {
    width: 100%;
  }
  .nitrogenCalculator .separator {
    display: none;
  }
  .nitrogenCalculator .nitrogenCalcGeneralInfo {
    display: inline-flex;
    margin-bottom: 10px;
  }
  .nitrogenCalculator .nitrogenCalcGeneralButtons {
    float: left;
    display: contents;
  }
  .nitrogenCalculator .tableSubHeader {
    display: inline-flex !important;
  }
  .nitrogenCalculator .nitroCalculatorH2 {
    min-width: 155px !important;
    text-align: left !important;
    margin: 5px 10px 5px 0 !important;
  }
  .nitrogenCalculator .tableSubHeader {
    margin-bottom: 5px;
  }
  .nitrogenCalculator .nitrogenCalcGeneralInfo {
    width: 100%;
  }
  .nitrogenCalculator .tinyMobileBtn {
    width: 85px;
    top: -5px !important;
  }
}
@media screen and (max-width: 480px) {
  .nitrogenCalculator .smallFontMobile {
    font-size: 14px;
  }
  .nitrogenCalculator .tinyMobileBtn {
    max-width: 30px;
  }
  .nitrogenCalculator .saveSuccess {
    width: 85%;
  }
  .nitrogenCalculator .reducedFontSize {
    font-size: xx-small;
  }
  .nitrogenCalculator .tableSubHeader a {
    min-width: 20px !important;
  }
  .nitrogenCalculator .tableSubHeader a .fa {
    display: block;
  }
  .nitrogenCalculator .hideOnMobile {
    display: none;
  }
}
.left-nav,
.left-nav.is-expanded,
.top-bar nav {
  width: 215px;
}
.content,
.content.is-collapsed {
  width: calc(100% - 215px);
}
.top-bar {
  white-space: nowrap;
}
.top-bar nav a,
.top-bar .fa,
.userLogout a,
.top-bar .expand-view a,
.top-bar .top-help-but a,
.top-bar .top-info-but a,
.top-bar .top-mail-but a {
  line-height: 44px;
}
.top-bar nav a .nothing,
.top-bar .fa .nothing,
.userLogout a .nothing,
.top-bar .expand-view a .nothing,
.top-bar .top-help-but a .nothing,
.top-bar .top-info-but a .nothing,
.top-bar .top-mail-but a .nothing {
  display: table;
  width: 100%;
  min-height: 46px;
  max-height: 46px;
  text-align: center;
}
.top-bar nav a .nothing span,
.top-bar .fa .nothing span,
.userLogout a .nothing span,
.top-bar .expand-view a .nothing span,
.top-bar .top-help-but a .nothing span,
.top-bar .top-info-but a .nothing span,
.top-bar .top-mail-but a .nothing span {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  line-height: 12px !important;
}
.app-name {
  height: 45px;
  display: table;
}
.app-name .appnameInner {
  display: table-cell;
  vertical-align: middle;
  line-height: 16px !important;
}
.mobileShow {
  display: none;
}
@media (max-width: 1024px) {
  .mobileShow {
    display: block;
  }
}
.mobileShow2 {
  display: none;
}
@media (max-width: 480px) {
  .mobileShow2 {
    display: block;
  }
}
@media (max-width: 480px) {
  .top-bar .top-help-but a {
    padding: 0;
  }
}
.top-bar {
  min-height: 46px;
  max-height: 46px;
}
.top-bar .app-name {
  width: 260px;
}
@media (max-width: 1024px) {
  .top-bar .app-name {
    display: none;
    padding-left: 5px;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
@media (max-width: 790px) {
  .top-bar .app-name {
    display: none;
  }
}
.top-bar nav a.collapse-menu,
.top-bar nav a.show-menu {
  width: 44px;
}
.mainDash {
  padding: 0.3rem;
  padding-bottom: 0.8rem;
  width: 100%;
  min-height: 300px;
  background-color: #ebeef5;
}
.mainDash .FertiliserBox .ulTitle {
  text-align: left;
}
.mainDash .FertiliserBox ul {
  text-align: left;
}
.mainDash .FertiliserBox li {
  margin-left: 0;
}
.paddocksBox .paddocksTable {
  float: right;
  width: calc(100% - 65px);
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 0.75rem;
  line-height: 0.81rem;
}
.paddocksBox .paddocksTable b {
  font-weight: 600;
}
.paddocksBox .paddocksTable table {
  margin: 0;
  padding: 0;
  border: none;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 0.75rem;
  line-height: 0.83rem;
}
.paddocksBox .paddocksTable table td {
  border: none;
  vertical-align: middle;
}
.paddocksBox .paddocksTable table tr:first-of-type td:first-of-type {
  border-bottom: 1px solid #ccc;
}
.paddocksBox .paddocksTable td {
  border: 1px solid #ccc;
  padding: 1px 2px;
  text-align: center;
  vertical-align: middle;
}
@media only screen and (max-width: 840px) {
  .paddocksBox .paddocksTable {
    width: calc(100% - 62px);
  }
}
.paddocksBox li {
  margin-bottom: 2px;
  line-height: 0.92rem;
}
.smallerBox {
  min-height: 127px;
}
.smallerBox.greportbox img {
  height: auto;
}
.smallerBox.annualtonbox h2 {
  font-size: 1.1rem !important;
}
.smallerBox.annualtonbox img {
  height: auto;
}
.sharingDataDiv {
  float: right;
  display: table;
  height: 46px;
  background-color: #008357;
  margin-right: 1px;
  position: relative;
}
@media (max-width: 480px) {
  .sharingDataDiv {
    display: none;
  }
}
.sharingDataDiv.alert:after {
  content: "";
  border-radius: 100%;
  position: absolute;
  right: 6px;
  top: 6px;
  display: block;
  width: 16px;
  height: 16px;
  background: url("../images/newIcon/alert_exclam.png");
  background-size: 16px;
}
.sharingDataDiv.alert a {
  text-align: left;
}
.sharingDataDiv a {
  color: #fff;
  text-decoration: none;
  padding: 1px 4px;
  vertical-align: middle;
  text-align: center;
  display: table-cell;
  font-size: 0.75rem;
  line-height: 0.9rem;
  position: relative;
}
.sharingDataDiv a:before,
.sharingDataDiv a:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: 250ms ease-in-out;
  -webkit-transition: 250ms ease-in-out;
}
.sharingDataDiv a:before {
  content: "";
  border: 3px solid transparent;
  bottom: 0;
  z-index: 1000001;
}
.sharingDataDiv a:after {
  content: attr(data-tooltip);
  background-color: #d8d51b;
  border-radius: 0;
  color: #000;
  padding: 5px 10px;
  line-height: normal;
  font-size: 1em;
  white-space: nowrap;
  width: auto;
}
.sharingDataDiv a:hover:before,
.sharingDataDiv a:hover:after {
  visibility: visible;
  opacity: 1;
}
.sharingDataDiv a:hover:before,
.sharingDataDiv a:focus:before {
  bottom: -15%;
}
.sharingDataDiv a:hover:after,
.sharingDataDiv a:focus:after {
  top: 115%;
}
.sharingDataDiv a:before {
  border-bottom-color: #d8d51b;
  left: 60%;
  bottom: -35%;
}
.sharingDataDiv a:after {
  left: 50%;
  top: 135%;
}
.sharingDataDiv a b {
  font-weight: 600;
}
.innerBox {
  overflow: hidden;
  color: inherit;
  margin: 0.3rem;
  background-color: #fff;
  padding: 0.3rem 0.2rem;
  border-radius: 2px;
  font-size: 0.75rem;
  line-height: 0.9rem;
  border: 1px solid rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 10px -1px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 10px -1px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 10px -1px rgba(0, 0, 0, 0.8);
}
.innerBox:hover {
  border-color: #2fb357;
}
.innerBox:hover .titleBox {
  border-color: #2fb357;
}
.innerBox:hover h2 {
  color: #2fb357;
}
.innerBox li {
  font-size: 0.8rem;
  line-height: 0.85rem;
}
.innerBox.red {
  border: 1px solid rgba(255, 0, 0, 0.7);
  -webkit-box-shadow: 0 0 10px -1px rgba(255, 0, 0, 0.7);
  -moz-box-shadow: 0 0 10px -1px rgba(255, 0, 0, 0.7);
  box-shadow: 0 0 10px -1px rgba(255, 0, 0, 0.7);
}
.innerBox.yellow {
  border: 1px solid rgba(255, 69, 0, 0.6);
  -webkit-box-shadow: 0 0 10px -1px rgba(255, 69, 0, 0.7);
  -moz-box-shadow: 0 0 10px -1px rgba(255, 69, 0, 0.7);
  box-shadow: 0 0 10px -1px rgba(255, 69, 0, 0.7);
}
.innerBox .alertText {
  margin-top: 0.3rem;
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
  text-align: center;
  color: rgba(255, 0, 0, 0.6);
}
.innerBox .subSctTitle {
  display: block;
  text-align: center;
  padding: 0.3rem 0;
  font-weight: 600;
}
.innerBox .subSctTitle:first-of-type {
  padding-top: 0;
}
.innerBox .frontPageIcon {
  margin-top: 1rem;
  max-width: 60px;
  min-width: 60px;
  display: inline-block;
  float: left;
  height: 80px;
}
.innerBox .FertiliserBox .titleBox {
  margin-left: 0;
}
.innerBox .padDate b {
  font-weight: 600;
}
.innerBox .fertiliserTableFP {
  float: right;
  width: calc(100% - 64px);
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 0.75rem;
  line-height: 0.8rem;
}
.innerBox .fertiliserTableFP b {
  font-weight: 600;
}
.innerBox .fertiliserTableFP td {
  text-align: center;
  border: 1px solid #ccc;
  vertical-align: middle;
  padding: 2px 0 1px 0;
}
.innerBox .fertiliserTableFP .tIntro {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  width: 100%;
}
.innerBox .fertiliserTableFP span {
  width: 100%;
  display: inline-block;
  text-align: center;
  word-break: break-all;
}
.innerBox .liveStockData {
  text-align: center;
}
.innerBox .liveStockData ul {
  margin: 0.1rem 0 0.1rem 0;
  text-align: center;
}
.innerBox .liveStockData li {
  display: inline-block;
  margin-right: 1.2rem;
}
.innerBox .liveStockData li:first-of-type {
  margin-right: 0.1rem;
}
.innerBox .liveStockData .intakeData li {
  display: inline-block;
  margin-right: 1.2rem;
}
.innerBox .titleBox {
  width: calc(100% - 65px);
  float: right;
  padding-bottom: 3px;
  margin-bottom: 4px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.3);
}
.innerBox .titleBox h2 {
  margin-top: 0.2rem;
  display: block;
  text-align: left;
  font-size: 1.2rem;
  font-weight: bold;
  display: inline-block;
}
.innerBox .titleBox h5 {
  font-size: 0.85rem;
  line-height: 0.81rem;
  font-weight: 600;
  display: inline-block;
}
.innerBox .paddockulDiv {
  width: calc(100% - 65px);
  float: right;
  padding: 0;
  padding-top: 0;
  text-align: left;
  border-radius: 3px;
}
.innerBox .paddockulDiv .subTitle {
  font-weight: bold;
}
.innerBox .ulTitle {
  text-align: left;
  font-weight: bold;
  line-height: 0.9rem;
}
.innerBox ul {
  list-style: none;
  text-align: left;
}
.innerBox ul li {
  margin-bottom: 2px;
}
.innerBox a {
  color: #4c4c4c;
  text-decoration: none !important;
}
.innerBox a:hover {
  color: #1f2c28;
}
.is-collapsed .menuOption:after {
  display: none;
}
.left-nav {
  position: relative;
}
.left-nav .vertical-nav > li > a {
  font-size: 0.9rem;
  position: relative;
  margin-bottom: 4px;
}
.left-nav .menuOption,
.left-nav .menuSubOptions {
  color: #fff;
}
.left-nav .paddockOpt:before {
  left: 6px !important;
  top: 5px !important;
  background: transparent url(../images/icons-menu.png) no-repeat 0 0;
  background-position: 1px -750px;
}
.left-nav .paddockOpt:hover:before {
  background-position: -35px -750px;
}
.left-nav .farmOpt:before {
  left: 10px !important;
  top: 8px !important;
  background: transparent url(../images/icons-menu.png) no-repeat 0 0;
}
.left-nav .farmOpt:hover:before {
  background-position: -39px 0 !important;
}
.left-nav .grassOpt:before {
  left: 11px !important;
  top: 7px !important;
  background: transparent url(../images/icons-menu.png) no-repeat 0 0;
  background-position: 0 -37px;
}
.left-nav .grassOpt:hover:before {
  background-position: -37px -37px;
}
.left-nav .milkOpt:before {
  left: 4px !important;
  top: 5px !important;
  background: transparent url(../images/icons-menu.png) no-repeat 0 0;
  background-position: 2px -842px;
}
.left-nav .milkOpt:hover:before {
  background-position: -35px -842px;
}
.left-nav .fertOpt:before {
  left: 6px !important;
  top: 5px !important;
  background: transparent url(../images/icons-menu.png) no-repeat 0 0;
  background-position: 5px -169px;
}
.left-nav .fertOpt:hover:before {
  background-position: -37px -169px;
}
.left-nav .rotationOpt:before {
  left: 7px !important;
  width: 30px !important;
  top: 5px !important;
  background: transparent url(../images/icons-menu.png) no-repeat 0 0;
  background-position: 4px -346px;
}
.left-nav .rotationOpt:hover:before {
  background-position: -37px -346px;
}
.left-nav .budgetOpt:before {
  left: 7px !important;
  width: 30px !important;
  top: 5px !important;
  background: transparent url(../images/icons-menu.png) no-repeat 0 0;
  background-position: -2px -811px;
}
.left-nav .budgetOpt:hover:before {
  background-position: -36px -810px;
}
.left-nav .reportOpt:before {
  left: 5px !important;
  width: 30px !important;
  top: 5px !important;
  background: transparent url(../images/icons-menu.png) no-repeat 0 0;
  background-position: 2px -518px;
}
.left-nav .reportOpt:hover:before {
  background-position: -39px -518px;
}
.left-nav .feedBOption:before {
  left: 5px !important;
  width: 30px !important;
  top: 5px !important;
  background: transparent url(../images/icons-menu.png) no-repeat 0 0;
  background-position: 0 -811px;
}
.left-nav .feedBOption:hover:before {
  background-position: -37px -811px;
}
.left-nav .reseedOpt:before {
  left: 5px !important;
  width: 30px !important;
  top: 5px !important;
  background: transparent url(../images/icons-menu.png) no-repeat 0 0;
  background-position: 2px -782px;
}
.left-nav .reseedOpt:hover:before {
  background-position: -37px -782px;
}
.left-nav .soilOpt:before {
  left: 7px !important;
  width: 30px !important;
  top: 5px !important;
  background: transparent url(../images/icons-menu.png) no-repeat 0 0;
  background-position: 2px -125px;
}
.left-nav .soilOpt:hover:before {
  background-position: -39px -125px;
}
.left-nav .menuOption {
  cursor: pointer;
}
.left-nav .menuOption:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "";
  font-size: 0.6rem;
  position: absolute;
  right: 10%;
  top: 35%;
}
@media only screen and (max-width: 1025px) {
  .left-nav .menuOption:after {
    display: none;
  }
}
.left-nav .menuOption a:before {
  content: "";
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
}
.left-nav .menuOption.active:after {
  content: "" !important;
}
.left-nav .menuSubOptions {
  display: none;
  padding-left: 1.5rem;
  margin-bottom: 0.8rem;
}
.left-nav .menuSubOptions.active {
  display: block;
}
.top-bar nav {
  white-space: nowrap;
}
.top-bar .firsTwoOptions {
  display: inline-block;
  float: left;
}
.top-bar .firsTwoOptions a {
  background-color: #1f2c28;
  height: 23px;
  border-left: 1px solid #008357;
  font-size: 1rem;
  display: block;
  line-height: inherit;
  border-top: 1px solid #008357;
  float: none;
  padding: 2px 3px 0 3px;
}
.top-bar .firsTwoOptions a:nth-of-type(2) {
  border-top: 1px solid #008357;
  border-bottom: 1px solid #008357;
}
.top-bar .optionsTopContainer {
  width: calc(100% - 86px);
  display: inline-block;
  float: left;
  height: 46px;
  overflow: hidden;
}
.top-bar .topOptionsLeftTop {
  border-left: 1px solid #008357;
  height: 22px;
  padding: 4px 1px 0 0;
  font-size: 0.85rem;
}
.top-bar .topOptionsLeftTop:nth-of-type(2) {
  padding: 3px 1px 0 0;
  border-top: 1px solid #008357;
}
.top-bar .topLink {
  padding: 0 0.2rem;
  display: inline-block;
  line-height: inherit;
  text-align: center;
}
.top-bar .topLink i {
  text-align: center;
  min-width: 15px;
  font-size: 0.75rem;
}
.top-bar .farmIcon {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 3px;
  background-position: 49% 100%;
  background-image: url("../images/farmIcon.png");
  background-size: 14px;
  background-repeat: no-repeat;
}
.GrassGrowthLink {
  display: block;
  margin-bottom: 0.3rem;
  font-weight: 800;
}
.gwUL {
  margin: 0 auto;
  text-align: center !important;
  padding-bottom: 0.4rem;
}
.gwUL li {
  display: inline-block;
  margin-right: 1.3rem;
  font-size: 18px;
  font-weight: bold;
}
.managePaddock {
  margin-top: -1rem;
}
.grassCont {
  position: relative;
}
.grassCont .grassUl {
  margin-top: 1.2rem;
  text-align: left;
}
.userLogout {
  margin-left: 1px;
  width: 40px;
  float: right;
}
.userLogout:after {
  left: -70% !important;
}
.userLogout:hover:after {
  left: -70% !important;
}
.userLogout a {
  color: #fff;
  display: block;
  background: #008357;
  text-align: center;
  text-decoration: none;
  position: relative;
}
.userLogout a:after {
  left: initial;
  right: 50% !important;
}
@media only screen and (max-width: 3000px) {
  .threeQdesktop {
    width: 76%;
    float: left;
    display: inline-block;
  }
  .oneThirdDesktop {
    width: 24%;
    float: left;
    display: inline-block;
  }
  .halfDesktop {
    float: left;
    display: inline-block;
    width: 50%;
  }
  .fourtyDesktop {
    float: left;
    display: inline-block;
    width: 35%;
  }
  .quarterDesktop {
    float: left;
    display: inline-block;
    width: 27%;
  }
  .threethreeDesktop {
    float: left;
    display: inline-block;
    width: 34%;
  }
  .twoOneDesktop {
    float: left;
    display: inline-block;
    width: 14%;
  }
}
@media only screen and (max-width: 1100px) {
  .threeQdesktop {
    width: 100%;
  }
  .threethreeDesktop {
    width: 50%;
  }
  .threethreeDesktop .innerBox {
    min-height: 150px !important;
    max-height: 150px !important;
  }
  .oneThirdDesktop,
  .fourtyDesktop,
  .quarterDesktop,
  .twoOneDesktop {
    width: 50%;
  }
  .oneThirdDesktop .innerBox,
  .fourtyDesktop .innerBox,
  .quarterDesktop .innerBox,
  .twoOneDesktop .innerBox {
    min-height: 135px !important;
    max-height: 135px !important;
  }
  .feedBudgetCont .innerBox {
    min-height: 130px !important;
    max-height: 130px !important;
  }
  .annualTonCont {
    float: right !important;
  }
}
@media only screen and (max-width: 840px) {
  .paddockulDiv {
    width: calc(100% - 75px) !important;
  }
  .innerBox .fertiliserTableFP {
    width: calc(100% - 65px);
    margin-left: 5px !important;
  }
  .titleBox {
    width: calc(100% - 75px) !important;
    margin-left: 15px !important;
  }
  .paddockulDiv {
    margin-left: 15px !important;
  }
  .frontPageIcon {
    margin-left: 5px;
  }
  .managePaddock .liveStockData {
    margin-bottom: 30px;
  }
  .threethreeDesktop .innerBox {
    max-height: none !important;
  }
}
@media only screen and (max-width: 640px) {
  .innerBox {
    height: auto !important;
    min-height: unset !important;
    max-height: unset !important;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
  }
  .oneThirdDesktop,
  .fourtyDesktop,
  .quarterDesktop,
  .twoOneDesktop {
    height: auto !important;
    min-height: unset !important;
    max-height: unset !important;
    width: 100%;
  }
  .threethreeDesktop {
    height: auto !important;
    width: 100%;
    min-height: unset !important;
    max-height: unset !important;
  }
}
.left-nav ul li a:hover,
.left-nav ul li a.active {
  background: #fff;
  color: #1f2c28 !important;
  border-left: none !important;
  padding-left: 43px;
}
.vertical-nav {
  height: auto;
  list-style: none;
  width: 100%;
  margin: 20px 0 0 0;
}
.vertical-nav li {
  height: 35px;
  margin: 0;
  border: none;
  display: inline-block;
  float: left;
  clear: both;
  width: 100%;
  margin: 1px 0 0 0 !important;
}
.vertical-nav li:hover {
  background-color: transparent;
  color: #fff;
}
.vertical-nav li a {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  padding: 0.5rem 2px 5px 3rem !important;
  display: block;
  height: 100%;
  text-align: left;
}
.vertical-nav li.current {
  background-color: transparent;
}
.vertical-nav li.current a {
  color: #fff;
}
.vertical-nav ul li ul {
  display: none;
  list-style-type: none;
  width: 125px;
  padding: 0;
  margin-top: 3px;
  margin-left: -5px;
}
.vertical-nav li ul {
  display: none;
  margin-top: 10px;
  padding: 0;
}
@media only screen and (max-width: 1025px) {
  .vertical-nav li ul {
    display: block;
    margin-top: 10px;
    padding: 0;
  }
  .vertical-nav li ul li {
    left: 0;
  }
  .vertical-nav li {
    height: auto;
  }
  .vertical-nav li ul li {
    height: 35px;
  }
}
@media only screen and (min-width: 1025px) {
  .vertical-nav > li:hover > a {
    background: #fff;
    color: #1f2c28 !important;
    border-left: none !important;
    padding-left: 43px;
  }
  .vertical-nav > li:hover > a.farmOpt:before {
    background-position: -37px 0 !important;
  }
  .vertical-nav > li:hover > a.paddockOpt:before {
    background-position: -37px -750px;
  }
  .vertical-nav > li:hover > a.feedBOption:before {
    background-position: -39px -811px;
  }
  .vertical-nav > li:hover > a.reseedOpt:before {
    background-position: -39px -782px;
  }
  .vertical-nav > li:hover > a.soilOpt:before {
    background-position: -39px -125px;
  }
  .vertical-nav > li:hover > a.reportOpt:before {
    background-position: -39px -518px;
  }
  .vertical-nav > li:hover > a.grassOpt:before {
    background-position: -37px -37px;
  }
  .vertical-nav > li:hover > a.fertOpt:before {
    background-position: -35px -169px;
  }
  .vertical-nav > li:hover > a.rotationOpt:before {
    background-position: -37px -346px;
  }
  .vertical-nav > li:hover > a.budgetOpt:before {
    background-position: -36px -810px;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) {
  .vertical-nav li:hover ul {
    display: block;
  }
  .vertical-nav li:hover .sub-menu {
    position: relative;
    margin-top: -33px;
  }
}
.sub-menu {
  z-index: 100;
}
.sub-menu li:first-of-type {
  border-top: 2px solid #008357 !important;
}
.sub-menu li:last-of-type {
  border-bottom: 2px solid #008357 !important;
}
.sub-menu li {
  background-color: #666;
  border-right: 2px solid #008357 !important;
  border-left: 2px solid #008357 !important;
  position: relative;
  display: block;
  top: 0;
  left: 100%;
  width: 100%;
  min-width: 180px;
  white-space: nowrap;
  z-index: 1;
  margin: 0 !important;
}
@media only screen and (max-width: 1025px) {
  .sub-menu {
    margin-left: 48px;
  }
  .sub-menu li:first-of-type,
  .sub-menu li:last-of-type {
    border: none !important;
  }
  .sub-menu li {
    top: -3px;
    border: none !important;
  }
  .sub-menu li.subItem {
    background: url("../images/newIcon/menu_sub_item.png");
    background-size: 14px;
    background-position: 0;
    background-repeat: no-repeat;
    padding-left: 20px;
  }
  .sub-menu li.subItemLast {
    background: url("../images/newIcon/menu_last_item.png");
    background-size: 14px;
    background-position: 0;
    background-repeat: no-repeat;
    padding-left: 20px;
  }
}
.sub-menu li a {
  cursor: pointer;
  display: inline-block;
  padding: 0 10px;
}
.grassBoxContFirst {
  position: relative;
  z-index: 1;
  min-height: 378px;
}
.grassBoxContFirst .newCoverFrontpage {
  height: 32px;
  font-size: 12px;
  line-height: 24px;
  z-index: 100;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -wenkit-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  background: #2fb357;
  padding: 3px 15px;
  border: 1px solid #1a6230;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
}
.grassBoxContFirst .newCoverFrontpage:hover {
  color: #fff;
  background: #2a9f4d;
}
.grassBoxContFirst .newSialgeCutFrontpage {
  height: 32px;
  font-size: 12px;
  line-height: 24px;
  z-index: 100;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -wenkit-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  background: #2fb357;
  padding: 3px 15px;
  border: 1px solid #1a6230;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
}
.grassBoxContFirst .newSialgeCutFrontpage:hover {
  color: #fff;
  background: #2a9f4d;
}
.grassBoxContFirst .frontPageIcon {
  min-width: 40px;
  max-width: 40px;
  margin: 0;
  margin-left: 10px;
  height: auto;
  margin-bottom: 0.1rem;
}
.grassBoxContFirst .titleBox {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
  width: calc(100% - 65px) !important;
}
.grassBoxContFirst .titleBox h2 {
  text-align: center !important;
}
.farmsBox ul {
  text-align: center !important;
}
.farmsBox ul li {
  text-align: center;
}
@media only screen and (max-width: 426px) {
  .hideMobile {
    display: none;
  }
}
@media (max-width: 1025px) {
  .top-bar nav {
    width: -ms-calc(100% - 450px);
    width: -o-calc(100% - 450px);
    width: calc(100% - 450px);
  }
  .content {
    width: 100% !important;
    padding: 0 5px !important;
  }
}
section.main {
  padding-top: 10px;
}
.grassFooTable thead th {
  border-bottom: 1px solid #ccc;
  font-weight: 600;
}
.grassFooTable thead,
.grassFooTable tbody {
  border: 1px solid #ccc;
}
.grassFooTable th,
.grassFooTable td {
  padding: 3px 0;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#content_divGraphBody > div {
  min-height: 408px;
}
.takeFromHereDown {
  color: #f00;
}
@media only screen and (min-width: 1025px) {
  .innerBox:hover {
    border-radius: 0;
    border-color: #008357;
    box-shadow: 0 0 20px 2px #008357;
    z-index: 100;
    outline-style: outset;
    outline-width: 2px;
    outline-color: #008357;
  }
  .innerBox:hover h2 {
    color: #019261;
  }
  .innerBox:hover .titleBox {
    border-color: #008357;
  }
}
.sub-menu {
  z-index: 101;
}
.sub-menu li a {
  background-color: #1f2c28;
}
@media only screen and (max-width: 640px) {
  .innerBox {
    border-width: 2px;
    margin-top: 1px;
    border-radius: 5px;
    position: relative;
  }
  .innerBox > a {
    display: block;
  }
  .innerBox > a:after {
    content: "Details";
    font-weight: 600;
    color: rgba(0, 131, 87, 0.7);
    display: inline-block;
    position: absolute;
    right: 14px;
    top: 6px;
  }
  .innerBox > a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: rgba(0, 131, 87, 0.7);
    content: "";
    font-size: 0.6rem;
    position: absolute;
    right: 5px;
    top: 7px;
  }
  .grassBoxContFirst > a:after,
  .grassBoxContFirst > a:before {
    display: none;
  }
  .grassBoxContFirst,
  .springBox,
  .milkinner,
  .greportbox,
  .feedBinner {
    border-color: rgba(0, 131, 87, 0.9);
  }
  .paddocksBox,
  .autumnPlannerBox,
  .fertInner,
  .annualtonbox {
    border-color: #2fb357;
  }
}
.vertical-nav .dashOpt:before {
  left: 9px;
  top: 5px;
  background: transparent url(../images/newIcon/dashboard_white.png) no-repeat 0
    0;
  background-size: 30px;
}
.vertical-nav .dashOpt:hover:before {
  left: 9px;
  top: 5px;
  background: transparent url(../images/newIcon/dashboard_black.png) no-repeat 0
    0;
  background-size: 30px;
}
.titleBox.notcomplete {
  width: 100% !important;
  position: relative;
  border: none;
  font-size: 2rem;
  line-height: 2.3rem;
  text-align: center;
  padding: 15px;
  padding-top: 50px !important;
  min-height: 469px;
}
@media only screen and (max-width: 1100px) {
  .titleBox.notcomplete {
    min-height: 0 !important;
    max-height: 300px !important;
  }
}
.dashboardButtons {
  position: absolute;
  right: 5px;
  z-index: 1;
}
@media only screen and (max-width: 840px) {
  .dashboardButtons {
    position: relative;
    right: 0;
    margin-top: 20px;
    text-align: center;
  }
}
@media only screen and (max-width: 430px) {
  .dashboardButtons {
    width: 100%;
    display: table;
    text-align: center;
  }
  .dashboardButtons > a {
    display: table-cell;
    width: 47%;
    vertical-align: top;
  }
}
.dashboardButtons > a {
  display: inline-block;
}
body > .left-nav {
  position: fixed;
  height: 100% !important;
  overflow-y: scroll !important;
}
.tIntro {
  font-weight: 400 !important;
}
.paddockulDiv ul li span,
.paddocksTable td span,
.fertiliserTableFP tr td span {
  color: #000;
  font-weight: 600;
}
.grassBoxContFirst .gwUL li {
  font-weight: 500;
}
.grassBoxContFirst .gwUL li span {
  font-weight: 600;
  color: #f9690e;
  margin-left: 0.3rem;
}
@media only screen and (max-width: 840px) {
  .innerBox .frontPageIcon {
    min-width: 40px;
    max-width: 40px;
  }
}
.liveStockData table {
  width: 100%;
  border-collapse: collapse;
}
.liveStockData th {
  font-weight: 600;
}
.liveStockData td,
.liveStockData th {
  padding: 3px;
  border: 1px solid #ccc;
}
.userLogout,
.userAccount {
  position: relative;
}
.userLogout:before,
.userLogout:after,
.userAccount:before,
.userAccount:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: 250ms ease-in-out;
  -webkit-transition: 250ms ease-in-out;
}
.userLogout:before,
.userAccount:before {
  content: "";
  border: 3px solid transparent;
  bottom: 0;
  z-index: 1000001;
}
.userLogout:after,
.userAccount:after {
  content: attr(data-tooltip);
  background-color: #d8d51b;
  border-radius: 0;
  color: #000;
  padding: 5px 10px;
  line-height: normal;
  font-size: 1em;
  white-space: nowrap;
  width: auto;
}
.userLogout:hover:before,
.userLogout:hover:after,
.userAccount:hover:before,
.userAccount:hover:after {
  visibility: visible;
  opacity: 1;
}
.userLogout:hover:before,
.userLogout:focus:before,
.userAccount:hover:before,
.userAccount:focus:before {
  bottom: -15%;
}
.userLogout:hover:after,
.userLogout:focus:after,
.userAccount:hover:after,
.userAccount:focus:after {
  top: 115%;
}
.userLogout:before,
.userAccount:before {
  border-bottom-color: #d8d51b;
  left: 60%;
  bottom: -35%;
}
.userLogout:after,
.userAccount:after {
  left: 50%;
  top: 135%;
}
.userLogout > a {
  background-color: #1f2c28;
  background: #1f2c28;
}
.userAccount {
  float: right;
  border-left: 1px solid #2fb357;
  margin-right: 1px;
  padding: 0 0.6rem;
  background-color: #008357;
}
.logOutInner span {
  display: block;
  font-weight: 600;
  line-height: 23px;
  font-size: 14px;
}
.logOutInner span:last-of-type {
  position: relative;
  top: -2px;
}
@media only screen and (max-width: 670px) {
  .logOutInner span {
    font-size: 12px;
  }
}
@media screen and (max-width: 1025px) {
  .top-bar nav.navLacksNotificationsWhatsoever {
    width: -ms-calc(100% - 290px);
    width: -o-calc(100% - 290px);
    width: calc(100% - 290px);
  }
}
@media screen and (max-width: 680px) {
  .top-bar nav.navLacksNotificationsWhatsoever {
    width: calc(100% - 257px);
  }
}
@media screen and (max-width: 480px) {
  .top-bar nav.navLacksNotificationsWhatsoever {
    width: calc(100% - 189px);
  }
}
@media only screen and (min-width: 680px) and (max-width: 1025px) {
  .top-bar nav {
    width: -ms-calc(100% - 427px);
    width: -o-calc(100% - 427px);
    width: calc(100% - 427px);
  }
}
@media only screen and (max-width: 680px) {
  .top-bar nav {
    width: -ms-calc(100% - 380px);
    width: -o-calc(100% - 380px);
    width: calc(100% - 388px);
  }
}
@media only screen and (max-width: 550px) {
  .sharingDataDiv.alert {
    display: none;
  }
  .top-bar nav {
    width: -ms-calc(100% - 189x);
    width: -o-calc(100% - 189px);
    width: calc(100% - 189px);
  }
}
@media only screen and (max-width: 1024px) {
  .left-nav {
    width: auto !important;
  }
}
@media only screen and (max-width: 680px) {
  .left-nav {
    width: 100% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .vertical-nav li:hover .reportOpt ~ .sub-menu {
    margin-top: -120px;
  }
}
.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.btn.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.btn-green,
.btn-dark,
.btn-red {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -wenkit-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  background: #2fb357;
  padding: 7px 15px;
  border: 1px solid #1a6230;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  z-index: 100;
  font-size: 0.8em;
}
.btn-green:hover,
.btn-dark:hover,
.btn-red:hover {
  background: #2a9f4d;
}
.btn-green.align-right,
.align-right.btn-dark,
.align-right.btn-red {
  margin-left: 5px;
}
@media (max-width: 1025px) {
  .btn-green.align-right,
  .align-right.btn-dark,
  .align-right.btn-red {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
  }
}
.btn-green.align-left,
.align-left.btn-dark,
.align-left.btn-red {
  margin-right: 5px;
}
@media (max-width: 680px) {
  .btn-green.align-left,
  .align-left.btn-dark,
  .align-left.btn-red {
    margin-left: 1%;
    margin-right: 1%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 1024px) {
  .btn-green,
  .btn-dark,
  .btn-red {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 48%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
}
.btn-dark {
  background: #484848;
  border: 1px solid #2f2f2f;
}
.btn-dark:hover {
  background: #2f2f2f;
}
.btn-red {
  background: #b40000;
  border: 1px solid #b40000;
}
.btn-red:hover {
  background: #9b0000;
  border: 1px solid #9b0000;
}
.btn-light,
.table-listing table .actions a .fa,
.table-listing table .actions a.enter-dates .fa:hover,
.table-listing table .actions a.enter-dates-red .fa:hover,
.table-listing table .actions a.enter-dates-black .fa:hover,
.table-listing table .actionsComment a .fa,
.table-listing table .actionsComment a.enter-dates .fa:hover,
.table-listing table .actionsComment a.enter-dates-red .fa:hover,
.table-listing table .actionsComment a.enter-dates-black .fa:hover,
.filters-area .btn-apply-filters,
.filters-area .filters .fa-caret-left,
.filters-area .filters .fa-caret-right,
.fancy-container .edit-actions a,
.fancy-container .fa-th-large,
.fancy-container .btn-add-new-stock .fa-plus,
.pagination a,
.inputs-page .fa-th-large {
  text-align: center;
  color: #555;
  border: 1px solid #ccc;
  background: #f7f7f7;
  -webkit-box-shadow: 0 1px 0 #ccc;
  box-shadow: 0 1px 0 #ccc;
  text-decoration: none;
  padding: 3px 8px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -wenkit-border-radius: 3px;
  -o-border-radius: 3px;
}
.btn-light:hover,
.table-listing table .actions a .fa:hover,
.table-listing table .actions a.enter-dates .fa:hover,
.table-listing table .actions a.enter-dates-red .fa:hover,
.table-listing table .actions a.enter-dates-black .fa:hover,
.table-listing table .actionsComment a .fa:hover,
.table-listing table .actionsComment a.enter-dates .fa:hover,
.table-listing table .actionsComment a.enter-dates-red .fa:hover,
.table-listing table .actionsComment a.enter-dates-black .fa:hover,
.filters-area .btn-apply-filters:hover,
.filters-area .filters .fa-caret-left:hover,
.filters-area .filters .fa-caret-right:hover,
.fancy-container .edit-actions a:hover,
.fancy-container .fa-th-large:hover,
.fancy-container .btn-add-new-stock .fa-plus:hover,
.pagination a:hover,
.inputs-page .fa-th-large:hover {
  background: #fff;
  border: 1px solid #adadad;
}
.btn-light.align-right,
.table-listing table .actions a .align-right.fa,
.table-listing table .actions a.enter-dates .align-right.fa:hover,
.table-listing table .actions a.enter-dates-red .align-right.fa:hover,
.table-listing table .actions a.enter-dates-black .align-right.fa:hover,
.table-listing table .actionsComment a .align-right.fa,
.table-listing table .actionsComment a.enter-dates .align-right.fa:hover,
.table-listing table .actionsComment a.enter-dates-red .align-right.fa:hover,
.table-listing table .actionsComment a.enter-dates-black .align-right.fa:hover,
.filters-area .align-right.btn-apply-filters,
.filters-area .filters .align-right.fa-caret-left,
.filters-area .filters .align-right.fa-caret-right,
.fancy-container .edit-actions a.align-right,
.fancy-container .align-right.fa-th-large,
.fancy-container .btn-add-new-stock .align-right.fa-plus,
.pagination a.align-right,
.inputs-page .align-right.fa-th-large {
  margin-left: 5px;
}
.btn-light.align-left,
.table-listing table .actions a .align-left.fa,
.table-listing table .actions a.enter-dates .align-left.fa:hover,
.table-listing table .actions a.enter-dates-red .align-left.fa:hover,
.table-listing table .actions a.enter-dates-black .align-left.fa:hover,
.table-listing table .actionsComment a .align-left.fa,
.table-listing table .actionsComment a.enter-dates .align-left.fa:hover,
.table-listing table .actionsComment a.enter-dates-red .align-left.fa:hover,
.table-listing table .actionsComment a.enter-dates-black .align-left.fa:hover,
.filters-area .align-left.btn-apply-filters,
.filters-area .filters .align-left.fa-caret-left,
.filters-area .filters .align-left.fa-caret-right,
.fancy-container .edit-actions a.align-left,
.fancy-container .align-left.fa-th-large,
.fancy-container .btn-add-new-stock .align-left.fa-plus,
.pagination a.align-left,
.inputs-page .align-left.fa-th-large {
  margin-right: 5px;
}
@media (max-width: 768px) {
  .btn-light,
  .table-listing table .actions a .fa,
  .table-listing table .actions a.enter-dates .fa:hover,
  .table-listing table .actions a.enter-dates-red .fa:hover,
  .table-listing table .actions a.enter-dates-black .fa:hover,
  .table-listing table .actionsComment a .fa,
  .table-listing table .actionsComment a.enter-dates .fa:hover,
  .table-listing table .actionsComment a.enter-dates-red .fa:hover,
  .table-listing table .actionsComment a.enter-dates-black .fa:hover,
  .filters-area .btn-apply-filters,
  .filters-area .filters .fa-caret-left,
  .filters-area .filters .fa-caret-right,
  .fancy-container .edit-actions a,
  .fancy-container .fa-th-large,
  .fancy-container .btn-add-new-stock .fa-plus,
  .pagination a,
  .inputs-page .fa-th-large {
    margin-bottom: 10px;
  }
}