/* src/styles/content.css */
.ContentBuilder_contentWrapper__2QmPm {
  min-height: calc(100vh - 148px);
}
.ContentBuilder_contentWrapper__2QmPm .ContentBuilder_error__He8dS {
  margin: 16px;
}
.ContentBuilder_footer__26iSC {
  display: flex;
  align-items: center;
  background-color: #666;
  margin: 8px 0 0;
}
.ContentBuilder_footer__26iSC .ContentBuilder_link__2A_ev {
  text-decoration: none;
  color: #fff;
}
.ContentBuilder_footer__26iSC p {
  margin: 16px 16px 16px 20px;
  font-size: 14px;
  color: #fff;
}
.ContentBuilder_contentWrapper__2QmPm::-webkit-scrollbar {
  display: none;
}

/* src/styles/continent.css */
.contentWrapper {
  height: calc(100vh - 88px);
}
.contentWrapper .welcomeMessage {
  padding: 8px 8px 8px 16px;
  line-height: 16px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: left;
  text-align: left;
  margin: auto;
}
.contentWrapper .dropdown {
  width: 357px;
  height: 34px;
  background: #fff;
  border: 2px solid #004a96;
  border-radius: 4px;
  margin-right: 13px;
  margin-top: 5px;
  font-family: "NotoSans-Bold";
  font-weight: 700;
  font-size: 13px;
  color: #333;
}
.contentWrapper .selectMessage {
  width: 228px;
  height: 7px;
  color: #000;
  font-size: 17px;
  font-family: "Roboto-Regular";
  letter-spacing: 0;
  line-height: 20px;
}
.contentWrapper .btn-Continue {
  width: 357px;
  height: 40px;
  background: #004a96;
  border-radius: 4px;
  margin-right: 13px;
  margin-top: 19px;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0;
}

/* src/styles/graphic.css */
.buttonBack___1mlaL,
.buttonFirst___2rhFr,
.buttonLast___2yuh0,
.buttonNext___2mOCa,
.buttonNext___3Lm3s,
.dot___3c3SI {
  cursor: pointer;
}
.image___xtQGH {
  display: block;
  width: 100%;
  height: 100%;
}
.spinner___27VUp {
  position: absolute;
  top: calc(50% - 15px);
  left: calc(50% - 15px);
  width: 30px;
  height: 30px;
  animation-name: spin___S3UuE;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  border: 4px solid #a9a9a9;
  border-top-color: #000;
  border-radius: 30px;
}
@keyframes spin___S3UuE {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.container___2O72F {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.overlay___IV4qY {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  cursor: zoom-in;
  transition: opacity .3s, transform .3s;
}
.hover___MYy31,
.loading___1pvNI,
.zoom___3kqYk {
  opacity: 1;
}
.imageLoadingSpinnerContainer___3UIPD {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f4f4f4;
}
.slide___3-Nqo {
  position: relative;
  display: block;
  box-sizing: border-box;
  height: 0;
  margin: 0;
  list-style-type: none;
}
.slide___3-Nqo:focus {
  outline: none !important;
}
.slideHorizontal___1NzNV {
  float: left;
}
[dir=rtl] .slideHorizontal___1NzNV {
  direction: rtl;
  transform: scaleX(-1);
}
.slideInner___2mfX9 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.focusRing___1airF {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  pointer-events: none;
  outline-width: 5px;
  outline-style: solid;
  outline-color: Highlight;
}
@media (-webkit-min-device-pixel-ratio:0) {
  .focusRing___1airF {
    outline-style: auto;
    outline-color: -webkit-focus-ring-color;
  }
}
.horizontalSlider___281Ls {
  position: relative;
  overflow: hidden;
}
[dir=rtl] .horizontalSlider___281Ls {
  direction: ltr;
  transform: scaleX(-1);
}
.horizontalSliderTray___1L-0W {
  overflow: hidden;
  width: 100%;
}
.verticalSlider___34ZFD {
  position: relative;
  overflow: hidden;
}
.verticalSliderTray___267D8 {
  overflow: hidden;
}
.verticalTray___12Key {
  float: left;
}
.verticalSlideTrayWrap___2nO7o {
  overflow: hidden;
}
.sliderTray___-vHFQ {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}
.sliderAnimation___300FY {
  transition: transform .5s;
  transition-timing-function: cubic-bezier(.645, .045, .355, 1);
  will-change: transform;
}
.masterSpinnerContainer___1Z6hB {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f4f4f4;
}

/* src/styles/main.css */
body,
html {
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif !important;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #adadad !important;
}
.Layout_content__tVsyp .Layout_header__2RQAU {
  background-color: #004f9d;
  display: flex;
  margin-bottom: 8px;
  align-items: center;
}
.Layout_content__tVsyp .Layout_header__img__3Kcwn {
  height: 80px;
  width: 160px;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width:320px) {
  .Layout_content__tVsyp {
    font-size: 18px;
  }
}
@font-face {
  font-family: "Roboto";
  font-weight: 900;
  src: local("Roboto"), url("./media/Roboto-Black.5ebb24ee.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 900;
  font-style: italic;
  src: local("Roboto"), url("./media/Roboto-BlackItalic.99682a78.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 700;
  src: local("Roboto"), url("./media/Roboto-Bold.e07df86c.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 700;
  font-style: italic;
  src: local("Roboto"), url("./media/Roboto-BoldItalic.5b44818d.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  src: local("Roboto"), url("./media/Roboto-Italic.a720f17a.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 300;
  src: local("Roboto"), url("./media/Roboto-Light.88823c20.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 300;
  font-style: italic;
  src: local("Roboto"), url("./media/Roboto-LightItalic.a3ce4440.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 500;
  src: local("Roboto"), url("./media/Roboto-Medium.58aef543.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 500;
  font-style: italic;
  src: local("Roboto"), url("./media/Roboto-MediumItalic.cf23e1bb.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 400;
  src: local("Roboto"), url("./media/Roboto-Regular.11eabca2.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 100;
  src: local("Roboto"), url("./media/Roboto-Thin.321de678.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 100;
  src: local("Roboto"), url("./media/Roboto-ThinItalic.35a9c89a.ttf") format("truetype");
}
@font-face {
  font-family: "NotoSans-Bold";
  font-weight: 100;
  src: local("NotoSans-Bold"), url("./media/NotoSans-Bold.91fd8891.ttf") format("truetype");
}
.App_App__12ZOy {
  font-size: 14px;
  text-align: center;
  max-width: 414px;
  margin: auto;
  background-color: #fff;
}
.notFoundWrapper {
  min-height: calc(100vh - 148px);
}
.appFooter {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #666;
  margin: 8px 0 0;
  padding: 16px;
  flex-wrap: wrap;
}
.appFooter .footerMessage {
  line-height: 16px;
  text-align: left;
}
.appFooter .footerMessage a {
  text-decoration: none;
}
.appFooter .linksContainer {
  text-align: left;
}
.appFooter .link,
.appFooter .linksContainer a {
  text-decoration: none;
}
.appFooter .link {
  color: #fff;
}
.appFooter a,
.appFooter p,
.appFooter span {
  margin: 0px;
  font-size: 14px;
  color: #fff;
}
.contentWrapper {
  min-height: calc(100vh - 148px);
}
.country__container__loading {
  font-size: 12px;
  background-color: #f4f4f4;
  height: 100px;
  color: #989898;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8px 16px;
}
.countryContainer {
  font-size: 12px;
  display: flex;
  overflow-x: scroll;
  box-shadow: none;
  margin: 24px 0 0;
}
.countryContainer .itemContainer {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 28%;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.countryContainer .itemContainer .imageContainer {
  width: 48px;
  min-height: 48px;
  object-fit: contain;
  display: flex;
  justify-content: center;
  align-items: center;
}
.countryContainer .itemContainer .imageContainer img {
  width: 100%;
  height: 100%;
}
.countryContainer .itemContainer p {
  color: #666;
  text-align: center;
}
.MuiTooltip-tooltip {
  width: 250px;
}
.tooltipImage {
  padding-right: 5px;
}
.TableDisplay_container__IGHhS {
  background-color: #fff;
  margin: 8px 0 8px 8px;
  font-size: 12px;
}
.TableDisplay_container__IGHhS p {
  margin: 0;
  z-index: 100;
}
.TableDisplay_container__IGHhS table {
  border-collapse: collapse;
  width: 100%;
  table-layout: auto;
  color: #7c7c7c;
}
.TableDisplay_container__IGHhS table .TableDisplay_primaryHeading__3p9XL {
  color: #004f9d;
  font-weight: 600;
  white-space: nowrap;
  padding: 8px;
  text-align: left;
}
.TableDisplay_container__IGHhS table .TableDisplay_secondaryHeading__2TbYT {
  padding: 8px 0;
  color: #000;
}
.TableDisplay_container__IGHhS table thead th {
  font-weight: 400;
  border: 1px solid #cdcdcd;
}
.TableDisplay_container__IGHhS table thead th .TableDisplay_headingContent__5K0kc {
  display: flex;
  align-items: center;
  padding: 8px;
}
.TableDisplay_container__IGHhS table thead th .TableDisplay_headingContent__5K0kc p {
  text-align: left;
}
.TableDisplay_container__IGHhS table tbody {
  margin: 7px;
}
.TableDisplay_container__IGHhS table tbody td {
  border: 1px solid #cdcdcd;
  text-align: center;
  line-height: 18px;
  text-align: left;
  padding: 2px 8px;
  max-width: 200px;
}
.TableDisplay_container__IGHhS table tbody tr:first-child td {
  padding-top: 7px;
}
.TableDisplay_container__IGHhS table tbody tr:last-child td {
  padding-bottom: 7px;
}
.TableDisplay_container__IGHhS .TableDisplay_cells__EnfOK:nth-child(2) {
  width: 60%;
}
.TableDisplay_container__IGHhS .TableDisplay_cells__EnfOK:nth-child(3) {
  width: 100%;
}
@media screen and (max-width:360px) {
  .TableDisplay_container__IGHhS table {
    table-layout: auto;
  }
}
.errorContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 256px;
  border-radius: 4px;
  background-color: #f4f4f4;
  margin: 8px 16px;
}
.errorContainer .imageContainer {
  justify-content: center;
  align-items: center;
  padding-right: 8px;
}
.errorContainer .text {
  letter-spacing: 0;
  line-height: 18px;
  text-align: left;
}
.errorContainer .text .header {
  color: #000;
  font-size: 14px;
  margin: 0;
}
.errorContainer .text .body {
  color: #7c7c7c;
  font-size: 12px;
  margin: 0;
}
.description__container__loading {
  font-size: 12px;
  background-color: #f4f4f4;
  height: 56px;
  color: #989898;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8px 16px;
}
.messageContainer {
  margin: 8px 16px;
  text-align: left;
  color: #7c7c7c;
  font-size: 14px;
}
.messageContainer .heading {
  margin: 0;
  font-weight: 700 !important;
  display: inline;
  white-space: wrap;
}
.messageContainer .message {
  margin: 0;
  padding-left: 3px;
  display: inline;
}
.repFinderLoading {
  font-size: 12px;
  color: #989898;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 245px;
}
.repFinderContainer,
.repFinderLoading {
  background-color: #f4f4f4;
  margin: 8px 16px;
}
.repFinderContainer {
  border-radius: 4px;
}
.repFinderContainer .header {
  color: #004f9d;
  padding: 8px 8px 8px 16px;
  font-weight: 700;
  line-height: 16px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: left;
}
.repFinderContainer .header p {
  margin: 0;
  text-align: left;
}
.repFinderContainer hr {
  margin: 0;
  border: none;
  background: #cdcdcd;
  height: 1px;
}
.repFinderContainer .repInfoWrapper {
  margin: 8px 16px;
}
.repFinderContainer .repInfoWrapper .repInfo {
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
  align-items: flex-start;
}
.repFinderContainer .repInfoWrapper .repInfo a {
  text-decoration: none;
}
.repFinderContainer .repInfoWrapper .repInfo .repHeading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #333;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}
.repFinderContainer .repInfoWrapper .repInfo .repText {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #7c7c7c;
  font-size: 12px;
  line-height: 16px;
}
.repFinderContainer .repInfoWrapper .repInfo .repContact {
  display: flex;
  color: #004a96;
  font-size: 12px;
  line-height: 16px;
  align-items: center;
}
.repFinderContainer .repInfoWrapper .repInfo .repContact svg {
  margin-right: 4px;
  height: 15px;
  width: 15px;
  font-size: 12px;
}
.repFinderContainer .repInfoWrapper .repInfo .repContact svg rect {
  fill: #004a96;
}
.repFinderContainer .urlContainer {
  padding: 8px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.repFinderContainer .urlContainer a {
  font-size: 10px;
  text-decoration: none;
  background-color: #004f9d;
  color: #fff;
  border-radius: 4px;
  padding: 6.5px 8px;
}
.benefitsContainer {
  margin: 8px 16px;
  border-radius: 4px;
  background-color: #f4f4f4;
}
.benefitsContainer .header {
  color: #004f9d;
  padding: 8px 8px 8px 16px;
  font-weight: 700;
  line-height: 16px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: left;
}
.benefitsContainer .header p {
  margin: 0;
  text-align: left;
}
.benefitsContainer hr {
  margin: 0;
  border: none;
  height: 1px;
  background: #cdcdcd;
}
.benefitsContainer .infoContainer {
  display: flex;
  flex-direction: column;
  margin: 0 8px;
}
.benefitsContainer ul {
  line-height: normal;
  margin: 0 0 0 16px;
  list-style-type: disc;
  padding: 0;
}
.benefitsContainer ul li {
  color: #004a96;
}
.benefitsContainer ul .textContainer {
  text-align: left;
  margin: 8px 0;
}
.benefitsContainer ul .textContainer span {
  font-size: 12px;
  color: #333;
}
.benefitsContainer .urlContainer {
  padding: 8px;
  font-size: 12px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.benefitsContainer .urlContainer a {
  font-size: 10px;
  text-decoration: none;
  background-color: #004f9d;
  font-weight: 700;
  color: #fff;
  border-radius: 4px;
  padding: 6.5px 8px;
}
.soilTableContainer {
  max-height: 452px;
  margin: -20px 21px 8px 8px;
  max-height: 502px;
}
.soilContainer,
.soilTableContainer {
  border-radius: 4px;
  overflow: auto;
  scroll-behavior: smooth;
}
.soilContainer {
  background-color: #f4f4f4;
  margin: 8px 16px;
  max-height: 452px;
}
.soilContainer .header {
  color: #004f9d;
  padding: 8px;
  font-weight: 700;
  line-height: 16px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: left;
}
.soilContainer .header p {
  text-align: left;
  margin: 0 0 0 8px;
}
.soilContainer .footer {
  padding: 8px;
  font-size: 12px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.soilContainer .footer p {
  margin: 0 0 8px;
  font-weight: 700;
  color: #adadad;
}
.soilContainer .footer a {
  font-size: 10px;
  text-decoration: none;
  background-color: #004f9d;
  font-weight: 700;
  color: #fff;
  border-radius: 4px;
  padding: 6.5px 8px;
}
@media screen and (max-width:499px) {
  .soilContainer::-webkit-scrollbar {
    width: 0;
  }
}
.carouselContainer {
  margin: 8px 16px;
  border-radius: 4px;
  background-color: #f4f4f4;
}
.carouselContainer .imageContainer {
  height: 256px;
  background: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  margin: 0 8px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.carouselContainer .imageContainer img {
  max-width: 100%;
  max-height: 100%;
}
.carouselContainer .labelContainer {
  margin: 8px;
  text-align: left;
  font-size: 12px;
}
.carouselContainer .labelContainer p {
  margin: 0;
  display: inline;
}
.carouselContainer .labelContainer p:last-child {
  font-weight: 700;
  margin-left: 2px;
}
.carousel-slider {
  height: 325px;
}
.dots {
  display: flex;
  justify-content: center;
  margin: 0;
}
.carousel__dot {
  border: none;
  height: 1rem;
  outline: none;
  background-color: transparent;
  width: 1rem;
  background-image: url("./media/circle.54ab5cdb.svg");
  background-repeat: no-repeat;
  margin: 3px;
  display: inline-block;
}
.carousel__dot--selected {
  background-image: url("./media/circle_selected.d3f8937d.svg");
}
.footer {
  padding: 8px;
  font-size: 12px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.footer p {
  margin: 0 0 8px;
  font-weight: 700;
  color: #adadad;
}
.footer a {
  font-size: 10px;
  text-decoration: none;
  background-color: #004f9d;
  font-weight: 700;
  color: #fff;
  border-radius: 4px;
  padding: 6.5px 8px;
}
@media screen and (max-width:360px) {
  .carousel-slider {
    height: 340px;
  }
}
#chartdiv {
  height: 290px;
}
.chartLengend {
  width: 100%;
  height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.chartLengend .chartLengendRectGray {
  width: 42px;
  height: 16px;
  border: 2px solid #adadad;
  background: hsla(0, 0%, 67.8%, .2);
  border-radius: 4px;
  margin-right: 6px;
}
.chartLengend .chartLengendRectBlue {
  width: 42px;
  height: 16px;
  border: 2px solid #67b7dc;
  background-color: rgba(103, 183, 220, .2);
  border-radius: 4px;
  margin-right: 6px;
}
.chartLengend .chartLengendRectGreen {
  width: 42px;
  height: 16px;
  border: 2px solid #73b76d;
  background-color: rgba(115, 183, 109, .2);
  border-radius: 4px;
  margin-right: 6px;
}
.chartLengend p {
  margin: 0;
  font-size: 10px;
  font-weight: 600;
}
#xAxisLabel g line,
#xAxisLabel path,
#yAxisLabel g line,
#yAxisLabel path {
  visibility: hidden;
}
#xAxisLabel g text,
#yAxisLabel g text {
  fill: #6c6c6c;
  font-size: 10px;
  font-family: "Roboto-Regular", sans-serif !important;
}
#xAxisGrid path,
#yAxisGrid path {
  stroke: transparent;
}
#yAxisGrid g:first-of-type line {
  visibility: hidden;
}
g.tick line {
  stroke: grey;
  stroke-width: .5;
  stroke-opacity: .25;
}
#forecastdiv {
  height: 290px;
}
#forecastdiv .bar_text1,
#forecastdiv .bar_text2 {
  font-weight: 700;
}
.carouselHeader {
  color: #004f9d;
  padding: 8px;
  font-weight: 700;
  line-height: 16px;
  font-size: 12px;
  min-height: 60px;
  display: flex;
  justify-content: left;
}
.carouselHeader .tooltipCon {
  display: flex;
  align-items: center;
}
.carouselHeader p {
  text-align: left;
  margin: 0 0 0 8px;
}
.container__loading {
  height: 245px;
}
.productContainer .dataContainer {
  display: flex;
  margin: 8px;
}
.productContainer .dataContainer .imageContainer {
  margin-right: 10px;
}
.productContainer .dataContainer .imageContainer img {
  width: 50px;
  height: 50px;
}
.productContainer .labelContainer {
  margin: 8px;
  text-align: left;
  font-size: 12px;
}
.productContainer .labelContainer p {
  margin: 0;
  display: inline;
}
.productContainer .labelContainer p:last-child {
  font-weight: 700;
  margin-left: 2px;
}
.container {
  display: flex;
  flex-direction: column;
  height: auto;
  margin: 8px 16px;
  position: relative;
}
.container__input {
  display: flex;
  align-items: center;
  height: 32px;
  border-radius: 4px;
  background-color: #004a96;
}
.container__input--search {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 32px;
  padding: 8px;
  color: #666;
}
.container__input--search svg {
  height: 16px;
  width: 16px;
  color: #fff;
}
.container__input--gps {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 32px;
  padding: 10px;
  color: #666;
}
.container__input--gps svg {
  height: 12px;
  width: 12px;
  color: #fff;
}
.container__input--clear {
  display: none;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 32px;
  padding: 0;
  color: #666;
  background-color: #fff;
  border: 2px solid #003367;
  border-left: none;
  border-radius: 0 4px 4px 0;
  outline: none;
}
.container__input--clear svg {
  height: 16px;
  width: 16px;
  color: #000;
}
.container__input input {
  flex: 1 1;
  height: 18px;
  line-height: 16px;
  padding: 10px 0;
  font-size: 12px;
  font-weight: 700;
  text-overflow: ellipsis;
  color: #fff;
  background-color: #004a96;
  border: none;
  font-family: "Roboto", sans-serif !important;
}
.container__input input:focus {
  outline: none;
  background-color: #fff;
  color: #003367;
}
.container__input:focus-within {
  background-color: #fff;
  border: 2px solid #003367;
}
.container__input:focus-within .container__input--search {
  margin-left: -2px;
}
.container__input:focus-within .container__input--search svg {
  color: #4e4e4e;
}
.container__input:focus-within .container__input--gps {
  margin-right: -2px;
  display: none;
}
.container__input:focus-within .container__input--gps svg {
  color: #003367;
}
.container__input:focus-within .container__input--clear {
  margin-right: -2px;
  display: flex;
}
.container__input:focus-within input {
  flex: 1 1;
  height: 18px;
  line-height: 16px;
  padding: 10px 0;
  font-size: 12px;
  font-weight: 700;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background-color: #fff;
  color: #003367;
  font-family: "Roboto", sans-serif !important;
}
.container .suggestion-error-container {
  display: flex;
  flex-direction: column;
  text-align: left;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
  border-radius: 0 0 5px 5px;
  z-index: 10000 !important;
  background-color: #fff;
  width: 100%;
  position: absolute;
  transform: translateY(32px);
}
.container .suggestion-error-container .suggestion-error {
  padding-left: 8px;
  padding-right: 8px;
  line-height: 24px;
  font-size: 12px;
  font-weight: 700;
  color: #333;
}
.autocomplete-dropdown-container {
  width: 100%;
  position: absolute;
  transform: translateY(32px);
  display: flex;
  flex-direction: column;
  text-align: left;
  background-color: #fff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
  border-radius: 0 0 5px 5px;
  z-index: 10000 !important;
}
.suggestion-item,
.suggestion-item--active {
  padding-left: 8px;
  padding-right: 8px;
  line-height: 24px;
  font-size: 12px;
  font-weight: 700;
  color: #333;
}
.suggestion-item {
  background-color: #fff;
  cursor: pointer;
}
.suggestion-item--active {
  background-color: #004a96;
  cursor: pointer;
  color: #fff;
}
.suggestion-item--active:last-child,
.suggestion-item:last-child {
  border-radius: 0 0 5px 5px;
}
.location-search-input {
  color: #fff;
}
.dropdown-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
  padding-right: 4px;
}
.dropdown-footer-image {
  display: inline-block;
  width: 144px;
  height: 18px;
}
.toolTipDialog {
  max-width: 434px;
  margin: auto;
}
.toolTipDialog table {
  border: 1px solid #ddd;
  border-collapse: collapse;
  border-spacing: 0;
}
.toolTipDialog table td,
.toolTipDialog table th {
  border: 1px solid #ddd;
  vertical-align: top;
  margin: 0;
  padding: 8px;
}
.toolTipDialog table td .text-success {
  color: #3c763d;
}
.toolTipDialog table td .text-warning {
  color: #8a6d3b;
}
.toolTipDialog table td .text-danger {
  color: #a94442;
}
.toolTipDialogLoading {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1300;
  inset: 0;
  background: #fff;
}
.toolTipDialogLoading div {
  position: relative;
  top: 50%;
  left: 45%;
}
.engeniaContainer {
  margin: 8px 16px;
  border-radius: 4px;
  background-color: #f4f4f4;
}
.engeniaContainer .text-success {
  color: #3c763d !important;
}
.engeniaContainer .text-warning {
  color: #8a6d3b !important;
}
.engeniaContainer .text-danger {
  color: #a94442 !important;
}
.engeniaContainer .header {
  color: #004f9d;
  padding: 8px;
  font-weight: 700;
  line-height: 16px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: left;
}
.engeniaContainer .header p {
  text-align: left;
  margin: 0 0 0 8px;
}
.engeniaContainer .spray-tool {
  width: auto;
  height: 204px;
  background: #fff;
  border: 1px solid #adadad;
  border-radius: 2px;
  margin: 8px;
}
.engeniaContainer .spray-tool .dot {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  background-color: #333;
}
.engeniaContainer .spray-tool .dot.danger {
  background-color: #a94442 !important;
}
.engeniaContainer .spray-tool .dot.warning {
  background-color: #8a6d3b !important;
}
.engeniaContainer .spray-tool .dot.success {
  background-color: #3c763d !important;
}
.engeniaContainer .spray-tool .today-details {
  font-size: 12px;
}
.engeniaContainer .spray-tool .today-details p {
  margin: 0;
  color: #adadad;
}
.engeniaContainer .spray-tool .today-details p b {
  color: #333;
}
.engeniaContainer .spray-tool .today-details .sunset {
  color: #adadad;
}
.engeniaContainer .spray-tool .weather-details .windDirection {
  transform: rotate(180deg);
}
.engeniaContainer .spray-tool .weather-details .temp-with-unit {
  font-size: 22px;
  line-height: 24px;
  margin-left: 8px;
}
.engeniaContainer .spray-tool .weather-details .weather-status p {
  margin: 0;
  font-size: 16px;
  line-height: 18px;
}
.engeniaContainer .spray-tool .weather-details .weather-status span {
  font-size: 12px;
  color: #adadad;
}
.engeniaContainer .spray-tool .weather-details .other-parameters p {
  margin: 0;
  font-size: 14px;
  height: 16px;
}
.engeniaContainer .spray-tool .weather-details .other-parameters span {
  font-size: 12px;
  color: #adadad;
  height: 14px;
}
.engeniaContainer .footer {
  padding: 8px;
  font-size: 12px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.engeniaContainer .footer p {
  margin: 0 0 8px;
  font-weight: 700;
  color: #adadad;
}
.engeniaContainer .footer a {
  font-size: 10px;
  text-decoration: none;
  background-color: #004f9d;
  font-weight: 700;
  color: #fff;
  border-radius: 4px;
  padding: 6.5px 8px;
}
.CustomCarousel_carouselSlider__JU9PD {
  height: 300px;
}
.CustomCarousel_carouselPanel__313jz {
  border-radius: 4px;
}
.CustomCarousel_customCarouselContainer__2G0hl {
  margin: 8px 16px;
  background-color: #f4f4f4;
  border-radius: 4px;
}
.CustomCarousel_footer__37ZMZ,
.CustomCarousel_slideCustomItem__xvI47 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.CustomCarousel_footer__37ZMZ {
  font-size: 12px;
  text-decoration: none;
  flex-direction: column;
}
.CustomCarousel_footer__37ZMZ a {
  font-size: 10px;
  text-decoration: none;
  background-color: #004f9d;
  font-weight: 700;
  color: #fff;
  border-radius: 4px;
  padding: 6.5px 8px;
  margin: 8px 0;
}
.container__loading {
  background-color: #f4f4f4;
  color: #989898;
  justify-content: center;
  margin: 8px 16px;
}
.container__loading,
.header {
  font-size: 12px;
  display: flex;
  align-items: center;
}
.header {
  color: #004f9d;
  padding: 8px 8px 8px 16px;
  font-weight: 700;
  line-height: 16px;
  justify-content: left;
}
.header p {
  margin: 0;
  text-align: left;
}
hr {
  margin: 0;
  border: none;
  height: 1px;
  background: #cdcdcd;
}
.imageWebsiteContainer {
  display: flex;
}
.imageWebsiteContainer .productImage {
  width: 50%;
  background: #f4f4f4;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.imageWebsiteContainer .productImage img {
  background: #f4f4f4;
  max-height: 340px;
  margin-top: 5px;
}
.imageWebsiteContainer .benefitsContainer {
  width: 50%;
  margin: 0;
  border-radius: 4px;
  background-color: #f4f4f4;
}
.imageWebsiteContainer .benefitsContainer .infoContainer {
  display: flex;
  flex-direction: column;
  margin: 0 8px;
}
.imageWebsiteContainer .benefitsContainer ul {
  line-height: normal;
  margin: 0 0 0 16px;
  list-style-type: disc;
  padding: 0;
}
.imageWebsiteContainer .benefitsContainer ul li {
  color: #004a96;
}
.imageWebsiteContainer .benefitsContainer ul .textContainer {
  text-align: left;
  margin: 8px 0;
}
.imageWebsiteContainer .benefitsContainer ul .textContainer span {
  font-size: 12px;
  color: #333;
}
.imageWebsiteContainer .benefitsContainer .urlContainer {
  padding: 8px;
  font-size: 12px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.imageWebsiteContainer .benefitsContainer .urlContainer a {
  font-size: 10px;
  text-decoration: none;
  background-color: #004f9d;
  font-weight: 700;
  color: #fff;
  border-radius: 4px;
  padding: 6.5px 8px;
}
.WebsiteImageContainerParent {
  background-color: #f4f4f4;
  margin: 8px 16px;
  border-radius: 4px;
}
.WebsiteImageContainerParent .WebsiteImageContainer {
  display: flex;
  flex-direction: column;
}
.WebsiteImageContainerParent .WebsiteImageContainer .header {
  color: #004f9d;
  padding: 8px 8px 8px 16px;
  font-weight: 700;
  line-height: 16px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: left;
}
.WebsiteImageContainerParent .WebsiteImageContainer .header p {
  margin: 0;
  text-align: left;
}
.WebsiteImageContainerParent .WebsiteImageContainer hr {
  margin: 0 0 16px;
  border: none;
  height: 1px;
  background: #cdcdcd;
}
.WebsiteImageContainerParent .WebsiteImageContainer .productImage {
  width: 100%;
  background: #f4f4f4;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.WebsiteImageContainerParent .WebsiteImageContainer .productImage img {
  background: #f4f4f4;
  width: 100%;
}
.WebsiteImageContainerParent .WebsiteImageContainer .benefitsContainer {
  width: 100%;
  margin: 0;
  border-radius: 4px;
  background-color: #f4f4f4;
}
.WebsiteImageContainerParent .WebsiteImageContainer .benefitsContainer .infoContainer {
  display: flex;
  flex-direction: column;
  margin: 0 8px;
}
.WebsiteImageContainerParent .WebsiteImageContainer .benefitsContainer ul {
  line-height: normal;
  margin: 0 0 0 16px;
  list-style-type: disc;
  padding: 0;
}
.WebsiteImageContainerParent .WebsiteImageContainer .benefitsContainer ul li {
  color: #004a96;
}
.WebsiteImageContainerParent .WebsiteImageContainer .benefitsContainer ul .textContainer {
  text-align: left;
  margin: 8px 0;
}
.WebsiteImageContainerParent .WebsiteImageContainer .benefitsContainer ul .textContainer span {
  font-size: 12px;
  color: #333;
}
.WebsiteImageContainerParent .WebsiteImageContainer .urlContainer {
  padding: 8px;
  font-size: 12px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.WebsiteImageContainerParent .WebsiteImageContainer .urlContainer a {
  font-size: 10px;
  text-decoration: none;
  background-color: #004f9d;
  font-weight: 700;
  color: #fff;
  border-radius: 4px;
  padding: 6.5px 8px;
}
.WebsiteImageContainerParent .WebsiteImageContainer .urlButtonsContainer {
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.WebsiteImageContainerParent .WebsiteImageContainer .urlButtonsContainer a {
  font-size: 10px;
  text-decoration: none;
  background-color: #004f9d;
  font-weight: 700;
  color: #fff;
  border-radius: 4px;
  padding: 6.5px 8px;
  width: 240px;
  height: 27px;
}
.WebsiteImageContainerParent .WebsiteImageContainer .urlButtonsContainer a:last-child {
  width: 240px;
  margin-top: 5px;
}
.image__container__loading {
  font-size: 12px;
  background-color: #f4f4f4;
  height: 56px;
  color: #989898;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8px 16px;
}
.productContainer {
  margin: 8px 16px;
  border-radius: 4px;
  background-color: #f4f4f4;
}
.productContainer .header {
  color: #004f9d;
  padding: 8px 8px 8px 16px;
  font-weight: 700;
  line-height: 16px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: left;
}
.productContainer .header p {
  margin: 0;
  text-align: left;
}
.productContainer hr {
  margin: 0 0 16px;
  border: none;
  height: 1px;
  background: #cdcdcd;
}
.productContainer .productImage {
  height: 256px;
  background: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  margin: 0 8px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.productContainer .productImage img {
  max-width: 100%;
  max-height: 100%;
}
.productContainer .footer {
  padding: 8px;
  font-size: 12px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.productContainer .footer a {
  font-size: 10px;
  text-decoration: none;
  background-color: #004f9d;
  font-weight: 700;
  color: #fff;
  border-radius: 4px;
  padding: 6.5px 8px;
}

/* src/styles/styles.scss */

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */