@charset "UTF-8";
@import '/css/animate.css';
@font-face {
  font-family: "et-grow";
  src: url("/css/icons/fonts/et-grow.eot");
  src: url("/css/icons/fonts/et-grow.eot?#iefix") format("embedded-opentype"), url("/css/icons/fonts/et-grow.woff") format("woff"), url("/css/icons/fonts/et-grow.ttf") format("truetype"), url("/css/icons/fonts/et-grow.svg#et-grow") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "et-grow" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "et-grow" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.icon-activity:before {
  content: "a";
}
.icon-add:before {
  content: "b";
}
.icon-alert:before {
  content: "c";
}
.icon-assessment:before {
  content: "d";
}
.icon-calendar:before {
  content: "e";
}
.icon-camera:before {
  content: "f";
}
.icon-check:before {
  content: "g";
}
.icon-chemical:before {
  content: "h";
}
.icon-close:before {
  content: "i";
}
.icon-cloud:before {
  content: "j";
}
.icon-crop:before {
  content: "k";
}
.icon-crop-tracker:before {
  content: "l";
}
.icon-crop-tracker-square:before {
  content: "m";
}
.icon-directory:before {
  content: "n";
}
.icon-down-arrow:before {
  content: "o";
}
.icon-gps:before {
  content: "p";
}
.icon-grid:before {
  content: "q";
}
.icon-hamburger:before {
  content: "r";
}
.icon-help:before {
  content: "s";
}
.icon-home:before {
  content: "t";
}
.icon-info:before {
  content: "u";
}
.icon-inventory:before {
  content: "v";
}
.icon-left-arrow:before {
  content: "w";
}
.icon-lighting:before {
  content: "x";
}
.icon-list:before {
  content: "y";
}
.icon-loss:before {
  content: "z";
}
.icon-mail:before {
  content: "A";
}
.icon-marker:before {
  content: "B";
}
.icon-measure:before {
  content: "C";
}
.icon-order:before {
  content: "D";
}
.icon-order-tracker:before {
  content: "E";
}
.icon-order-tracker-square:before {
  content: "F";
}
.icon-phone:before {
  content: "G";
}
.icon-photo:before {
  content: "H";
}
.icon-photos:before {
  content: "I";
}
.icon-rack:before {
  content: "J";
}
.icon-rack-tracker:before {
  content: "K";
}
.icon-rack-tracker-square:before {
  content: "L";
}
.icon-rain:before {
  content: "M";
}
.icon-record:before {
  content: "N";
}
.icon-retail:before {
  content: "O";
}
.icon-retail-tracker:before {
  content: "P";
}
.icon-retail-tracker-square:before {
  content: "Q";
}
.icon-right-arrow:before {
  content: "R";
}
.icon-scan:before {
  content: "S";
}
.icon-search:before {
  content: "T";
}
.icon-settings:before {
  content: "U";
}
.icon-shipment:before {
  content: "V";
}
.icon-snow:before {
  content: "W";
}
.icon-sold:before {
  content: "X";
}
.icon-store:before {
  content: "Y";
}
.icon-sun:before {
  content: "Z";
}
.icon-sun-cloud:before {
  content: "0";
}
.icon-survey:before {
  content: "1";
}
.icon-sync:before {
  content: "2";
}
.icon-task:before {
  content: "3";
}
.icon-thunder:before {
  content: "4";
}
.icon-time:before {
  content: "5";
}
.icon-time-clock:before {
  content: "6";
}
.icon-track-it:before {
  content: "7";
}
.icon-trash:before {
  content: "8";
}
.icon-treatment:before {
  content: "9";
}
.icon-trial:before {
  content: "!";
}
.icon-trial-tracker:before {
  content: '"';
}
.icon-trial-tracker-square:before {
  content: "#";
}
.icon-up-arrow:before {
  content: "$";
}
.icon-user:before {
  content: "%";
}
.icon-warning:before {
  content: "&";
}
.icon-water:before {
  content: "'";
}
html {
  height: 100%;
}
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
.public-wrapper {
  background: url('/img/background-login.jpg') bottom right no-repeat #0057a3;
  background-size: cover;
  height: 100%;
  width: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.public-container {
  font-size: 0.9em;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2em;
  max-width: 100%;
}
.public-header {
  padding: 1.5em;
  text-align: center;
  box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.25);
  background: #3a3a3a;
  background: -moz-linear-gradient(top, #3a3a3a 0%, #2f2f2f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3a3a3a), color-stop(100%, #2f2f2f));
  background: -webkit-linear-gradient(top, #3a3a3a 0%, #2f2f2f 100%);
  background: -o-linear-gradient(top, #3a3a3a 0%, #2f2f2f 100%);
  background: -ms-linear-gradient(top, #3a3a3a 0%, #2f2f2f 100%);
  background: linear-gradient(to bottom, #3a3a3a 0%, #2f2f2f 100%);
}
.public-footer {
  width: 100%;
  flex: 0;
  opacity: 0.7;
}
.public-footer .footer-logo {
  margin-right: 0;
}
.public-footer p {
  margin: 0;
}
.public-modules {
  overflow: hidden;
}
.public-modules ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.public-modules ul li {
  float: left;
  display: block;
  padding: 0.35em;
  color: white;
  font-size: 30px;
  text-align: center;
}
.public-modules ul li::before {
  display: block;
}
.public-modules ul li.trial-tracker {
  background: #b1bd6b;
}
.public-modules ul li.crop-tracker {
  background: #cb672a;
}
.public-modules ul li.rack-tracker {
  background: #5ea7c7;
}
.public-modules ul li.order-tracker {
  background: #b84633;
}
.public-modules ul li.retail-tracker {
  background: #703e75;
}
.public-content {
  padding: 1em 4em;
  background: #fff;
  box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.25);
  max-width: 500px;
}
.public-products {
  margin-top: 1em;
  border-top: 1px solid #ddd;
  padding-top: 1em;
  text-align: center;
  background: #fff;
}
.public-products img {
  margin: 0 1em;
}
.public-footer-content {
  font-size: 0.7em;
  color: #ddd;
  margin: 0 auto;
  padding: 1em 2em/0.7em;
  overflow: hidden;
}
.form-instructions {
  margin: 0;
  padding: 1em 0;
  font-size: 1.5em;
  line-height: 1.25em;
  color: #888;
}
.form-instructions .form-alert,
.form-instructions .form-good {
  padding-bottom: 0;
}
.form-alert,
.form-good {
  padding: 0.5em 0;
  display: block;
  color: #b53224;
  font-weight: normal;
  font-size: 0.75em;
}
.form-good {
  color: #006400;
}
.form-field {
  padding: 0.5em 0;
  clear: both;
  overflow: hidden;
  border: 0;
  position: relative;
  font-size: 1.25em;
}
.form-field label {
  position: absolute;
  right: 1em;
  top: 1.5em;
  text-transform: uppercase;
  font-size: 0.75em;
  white-space: nowrap;
  opacity: 0;
  color: #888;
}
.form-field input[type='text'],
.form-field input[type='password'],
.form-field input[type='tel'],
.form-field input[type='date'],
.form-field select,
.form-field textarea {
  display: block;
  width: 100%;
  padding: 0.5em 1em;
}
.form-field input[type='text']:focus + label,
.form-field input[type='password']:focus + label,
.form-field input[type='tel']:focus + label,
.form-field input[type='date']:focus + label,
.form-field select:focus + label,
.form-field textarea:focus + label {
  transition: all 0.35s ease;
  opacity: 1;
}
.form-field textarea {
  height: 8em;
}
.form-buttons {
  border: 0;
  padding: 0.5em 0 0;
  margin: 0;
  overflow: hidden;
  line-height: 2em;
  text-align: center;
}
.form-buttons .btn {
  display: block;
  width: 100%;
  font-size: 1.25em;
  text-transform: uppercase;
  margin-bottom: 1em;
}
.secondary-form-buttons {
  text-align: center;
}
.hello-bar {
  width: 100%;
  text-align: center;
  background: #3a3a3a;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  color: white;
  font-size: 0.8em;
}
.hello-bar p {
  margin: 0;
}
.hello-bar [class^='icon-']::before,
.hello-bar [class*=' icon-']::before {
  font-size: 1.5em;
  line-height: 1;
  vertical-align: text-bottom;
}
.hello-bar.trial-tracker {
  background: #b1bd6b;
}
.hello-bar.trial-tracker .btn {
  background: #9ca94c;
  color: white;
}
.hello-bar.crop-tracker {
  background: #cb672a;
}
.hello-bar.rack-tracker {
  background: #5ea7c7;
}
.hello-bar.order-tracker {
  background: #b84633;
}
.hello-bar.retail-tracker {
  background: #703e75;
}
.hello-bar .btn {
  text-transform: uppercase;
  margin: 0.5em 1em;
  box-shadow: none;
}
.login-page-message {
  color: #f44336;
  clear: both;
  padding-top: 0.5em;
}
.public-v2-wrapper {
  font-family: 'Source Sans Pro', sans-serif;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  margin: 0 auto;
  height: auto;
  min-height: 100%;
}
.public-v2-wrapper a {
  color: #13e8f8;
}
.public-v2-wrapper .head-line {
  padding: 0.5em 0;
}
.public-v2-wrapper .form-field {
  text-align: left;
  display: grid;
  grid-template-columns: 45% auto;
  grid-template-rows: auto;
  align-items: start;
}
.public-v2-wrapper .form-field label {
  position: static;
  opacity: 1;
  text-align: left;
  color: #f4f4f4;
  line-height: 2;
}
.public-v2-wrapper .form-field > label {
  white-space: normal;
}
.public-v2-wrapper .form-field .checkbox-options {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1ch;
}
.public-v2-wrapper .form-field .checkbox-options label {
  text-transform: none;
}
.public-v2-wrapper .form-field input[type='text'],
.public-v2-wrapper .form-field input[type='password'],
.public-v2-wrapper .form-field input[type='tel'],
.public-v2-wrapper .form-field input[type='date'],
.public-v2-wrapper .form-field select,
.public-v2-wrapper .form-field textarea {
  width: auto;
  min-width: 0;
  font-family: inherit;
  font-size: 0.8rem;
}
.public-v2-wrapper .content-container {
  position: relative;
  background: rgba(25, 34, 40, 0.8);
  padding: 2em;
  text-align: center;
  margin: 2em 0;
}
.public-v2-wrapper .head-line {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 2em;
  line-height: 1;
  color: #fcbb3f;
  margin-bottom: 0.5em;
}
.public-v2-wrapper .foot-line {
  font-size: 0.8em;
  color: rgba(255, 255, 255, 0.3);
  padding: 1em;
  width: 100%;
  position: fixed;
  bottom: 0;
}
.public-v2-wrapper .foot-line span {
  margin: 0 1em;
}
.public-v2-wrapper .foot-line .version {
  float: right;
}
.public-v2-wrapper .subheader {
  font-size: 1.25em;
  line-height: 2;
  color: #fff;
}
.public-v2-wrapper .context {
  font-size: 1em;
  line-height: 1.5;
  color: #fff;
}
.public-v2-wrapper .form-buttons {
  text-align: left;
}
.public-v2-wrapper .form-buttons .btn {
  width: auto;
  display: inline;
  margin-bottom: 0;
}
.public-v2-wrapper .address-field > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 2px;
  grid-template-areas: 'address1 address1' 'address2 address2' 'city zip' 'state country';
}
.public-v2-wrapper .address-field__address1 {
  grid-area: address1;
}
.public-v2-wrapper .address-field__address2 {
  grid-area: address2;
}
.public-v2-wrapper .address-field__city {
  grid-area: city;
}
.public-v2-wrapper .address-field__zip {
  grid-area: zip;
}
.public-v2-wrapper .address-field__state {
  grid-area: state;
}
.public-v2-wrapper .address-field__country {
  grid-area: country;
}
.public-v2-wrapper .checkbox-field__single-column {
  grid-template-columns: 1fr;
}
.public-v2-wrapper .checkbox-field__single-column label {
  white-space: normal;
}
.public-v2-wrapper .checkbox-field__single-column .checkbox-options {
  display: grid;
  grid-template-columns: 1fr;
}
.public-v2-wrapper .form-field-heading {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.public-v2-wrapper .error {
  color: #b53224;
}
.public-v2-wrapper .ach-field {
  display: none;
}
.public-v2-wrapper .form-field-read-only-value {
  font-size: 1rem;
  line-height: 2;
}
.public-v2-wrapper .form-field-read-only-value img {
  max-width: 100%;
}
.logo-wrapper img {
  max-height: 4em;
}
.btn-primary {
  background: #fdb413;
  color: #333;
  font-size: 1.2em;
  border: 0;
  padding: 0 1em;
  line-height: 2;
  border-radius: 0.25em;
  cursor: pointer;
}
.btn-primary:hover:not([disabled]) {
  color: #333;
}
.form-helper-text {
  margin: 1em;
}
@media only screen and (max-width: 600px) {
  .hello-bar {
    display: none;
  }
  .public-content {
    border-radius: 0;
    padding: 1em;
  }
  .footer-logo {
    float: none;
    text-align: center;
  }
  .public-footer-content {
    text-align: center;
  }
  .public-v2-wrapper .content-container {
    margin: 0;
  }
  .public-v2-wrapper .form-field .checkbox-options {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}
