@media (max-width: 860px) {
  .hide860 {
    display: none;
  }
  .noPaddingSmall {
    padding: 0px;
  }

  .accordionSmall .ui-accordion-content {
    padding: 5px !important;
  }

  body > #wrap > #main > .header .brand {
    float: inline-end;
    padding: 0 !important;
    margin-inline-end: 5px !important;
    margin-top: 5px !important;
  }

  .spaceBtn {
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .spaceBtnNM {
    width: 100%;
    margin: 0;
    padding: 0;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

@media (min-width: 860px) {
  .hideFrom860 {
    display: none;
  }

  .spaceBtn {
    margin-inline-start: 10px;
  }

  .brand {
    margin-inline-start: 10px !important;
  }
}

.lh50 {
  line-height: 50px;
}

.shadowBottom {
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
}

.shadowTop {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

.boxShadow {
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
}

.red {
  color: #960000;
}

.green {
  color: #006900;
}

.hide {
  display: none;
}

.fa-1_5x {
  font-size: 1.5em;
}

.fa-1_25x {
  font-size: 1.25em;
}

.fa-1x {
  font-size: 1em;
}

.floatLeft {
  float: inline-start;
}

.hat {
  border-bottom: 1px solid;
  margin-bottom: 10px;
  font-weight: bold;
  margin-top: 10px;
}

.bottom-form {
  border-top: 1px solid;
  margin-top: 20px;
  font-weight: bold;
}

.textBB {
  font-weight: bold;
  color: black;
}

.fs15 {
  font-size: 15px;
}

.disclaimerCheckBox {
  font-size: 11px;
  font-weight: normal;
  line-height: 15px;
  margin-top: 4px;
}

.marketingCheckBox {
  font-size: 11px;
  font-weight: normal;
  line-height: 15px;
  margin-top: 4px;
}

#marketing_lbl {
  height: 50px;
  display: inline-block;
  overflow-y: auto;
}

.alignStart {
  align-items: flex-start;
  gap: 5px;
}

.colorHorta {
  color: rgb(0, 58, 126);
}

.bgTheme {
  background-color: rgb(0, 58, 126);
}

.skinGreen h3.ui-accordion-header a {
  color: rgb(0, 58, 126);
  font-weight: bold;
  font-size: 14px;
}

.extra-skin-mutti h3.ui-accordion-header a {
  color: rgb(227, 7, 20);
  font-weight: bold;
  font-size: 14px;
}

.extra-skin-unaprol h3.ui-accordion-header a {
  color: rgb(97, 126, 0);
  font-weight: bold;
  font-size: 14px;
}

.extra-skin-cgs h3.ui-accordion-header a {
  color: rgb(181, 145, 97);
  font-weight: bold;
  font-size: 14px;
}

.extra-skin-italmalt h3.ui-accordion-header a {
  color: rgb(98, 154, 0);
  font-weight: bold;
  font-size: 14px;
}

.extra-skin-mutti .colorHorta {
  color: rgb(227, 7, 20);
}

.extra-skin-unaprol .colorHorta {
  color: rgb(97, 126, 0);
}

.extra-skin-cgs .colorHorta {
  color: rgb(181, 145, 97);
}

.extra-skin-italmalt .colorHorta {
  color: rgb(98, 154, 0);
}

.extra-skin-mutti .bgTheme {
  background-color: rgb(227, 7, 20);
}

.extra-skin-unaprol .bgTheme {
  background-color: rgb(97, 126, 0);
}

.extra-skin-cgs .bgTheme {
  background-color: rgb(181, 145, 97);
}

.extra-skin-italmalt .bgTheme {
  background-color: rgb(98, 154, 0);
}

.bgHeaderHorta {
  background-color: #ffffff;
  font-size: 1.5em;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-top: 5px;
  cursor: pointer;
}

.white {
  color: #ffffff;
}

.bold {
  font-weight: bold;
}

.center {
  text-align: center;
}

.borderRadius {
  border: 1px solid rgb(0, 58, 126);
  border-radius: 10px;
  margin-top: 20px;
  padding: 10px;
  background-color: rgb(255, 255, 255);
}

.btn-horta {
  background-color: rgb(0, 58, 126);
  border-color: rgb(0, 58, 126);
  color: #ffffff;
  text-shadow: none;
}

.bgHeader {
  background-color: rgb(240, 248, 255);
  font-size: 1.5em;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-top: 5px;
  cursor: pointer;
}

.livePath {
  margin-top: 10px;
  padding: 5px;
  font-weight: bold;
  color: rgb(0, 58, 126) !important;
  text-align: center;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 1px 1px 10px rgba(36, 36, 36, 0.6);
  -moz-box-shadow: 1px 1px 10px rgba(36, 36, 36, 0.6);
  box-shadow: 1px 1px 10px rgba(36, 36, 36, 0.6);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.livePathTop {
  padding: 0px 10px 0px 10px;
  font-weight: bold;
  color: rgb(0, 58, 126) !important;
}

.livePathBottom {
  padding: 0px 10px 0px 10px;
  font-weight: bold;
  color: rgb(0, 58, 126) !important;
}

.welcomeMsg {
  border: 1px solid;
  margin-top: 10px;
  padding: 5px;
}

.carosello {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
}

.carosello > div {
  scroll-snap-align: start;
  flex-shrink: 0;
  width: 100%;
  transform-origin: center center;
  transform: scale(1);
  transition: transform 0.5s;
  position: relative;
}

.slider {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.centerslider {
  margin-inline-start: 10px;
  margin-inline-end: 10px;
}

.slider > a {
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
  background: #65ac1e;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
  color: white;
  cursor: pointer;
}

.active {
  color: #65ac1e !important;
  background: white !important;
  border: 1px solid #65ac1e;
}

.ml10 {
  margin-inline-start: 10px;
}

.mr10 {
  margin-inline-end: 10px;
}

.mt3 {
  margin-top: 3px;
}

.mt20 {
  margin-top: 20px;
}

.mt10 {
  margin-top: 10px;
}

.mt5 {
  margin-top: 5px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb20 {
  margin-bottom: 20px;
}

.separatorSG {
  margin-top: 10px;
  /*border-top: 1px solid;*/
  /*padding-top: 10px;*/
  clear: both;
}

.sgHeader.activeHeader {
  height: 50px;
}

.error {
  color: red;
  font-weight: bold;
}

.pointer {
  cursor: pointer;
}

.login_logo {
  background: url(/../images/agrishare/horta/logo-horta-web-116x50.png)
    no-repeat 0 0;
  text-indent: -30000px;
  width: 125px;
  font-weight: 500;
  height: 50px;
  display: block;
  margin: auto;
}

.logo_horta {
  float: inline-start;
  width: 50px;
  height: 50px;
  margin-inline-end: 10px;
  background-size: 50px, 50px !important;
  border: 1px solid;
  margin-bottom: 10px;
}

.logo_vite,
.logo_horta-vite,
.logo_HORTA-VITE {
  background: url(/../images/agrishare/horta/logo_menu_vite.png) no-repeat;
}

.logo_grano,
.logo_horta-grano {
  background: url(/../images/agrishare/horta/logo_menu_grano.png) no-repeat;
}

.logo_pomodoro,
.logo_horta-pomodoro {
  background: url(/../images/agrishare/horta/logo_menu_pomodoro.png) no-repeat;
}

.logo_orzo,
.logo_horta-orzo {
  background: url(/../images/agrishare/horta/logo_menu_orzo.png) no-repeat;
}

.logo_legumi,
.logo_horta-legumi,
.logo_HORTA-LEGUMI {
  background: url(/../images/agrishare/horta/logo_menu_legumi.png) no-repeat;
}

.logo_mais,
.logo_horta-mais,
.logo_HORTA-MAIS {
  background: url(/../images/agrishare/horta/logo_menu_mais.png) no-repeat;
}

.logo_olivo,
.logo_horta-olivo,
.logo_HORTA-OLIVO {
  background: url(/../images/agrishare/horta/logo_menu_olivo.png) no-repeat;
}

.logo_melone,
.logo_horta-melone {
  background: url(/../images/agrishare/horta/logo_menu_melone.png) no-repeat;
}

.logo_girasole,
.logo_horta-girasole,
.logo_HORTA-GIRASOLE {
  background: url(/../images/agrishare/horta/logo_menu_girasole.png) no-repeat;
}

.logo_soia,
.logo_horta-soia,
.logo_HORTA-SOIA {
  background: url(/../images/agrishare/horta/logo_menu_soia.png) no-repeat;
}

.logo_patata,
.logo_horta-patata {
  background: url(/../images/agrishare/horta/logo_menu_patata.png) no-repeat;
}

.logo_cipolla,
.logo_horta-cipolla {
  background: url(/../images/agrishare/horta/logo_menu_cipolla.png) no-repeat;
}

.logo_agrumi,
.logo_horta-agrumi {
  background: url(/../images/agrishare/horta/logo_menu_agrumi.png) no-repeat;
  background-position: center;
  background-size: 95% !important;
}

.logo_utility,
.logo_fitospa,
.logo_agrigenius-util,
.logo_FITOSPA {
  background: url(/../images/agrishare/horta/utility_menu.png) no-repeat;
}

.logo_agrigenius-climate {
  background: url(/../images/agrishare/horta/logo_climategenius.png) no-repeat;
}

.logo_agrigenius-util,
.logo_agrigenius-vite,
.logo_agrigenius-olivo,
.logo_agrigenius-grano,
.logo_agrigenius-pomodoro,
.logo_agrigenius-climate,
.logo_agrigenius-patata {
  border: 0;
}

.logo_basf,
.logo_agrigenius-vite {
  background: url(/../images/agrishare/horta/logo_age_pro.png) no-repeat;
}

.logo_agrigenius-olivo {
  background: url(/../images/agrishare/horta/logo_age_olivo_pro.png) no-repeat;
}

.logo_agrigenius-uva {
  background: url(/../images/agrishare/horta/logo_age_uva_pro.png) no-repeat;
}

.logo_agrigenius-pomodoro {
  background: url(/../images/agrishare/horta/logo_age_pomodoro_pro.png)
    no-repeat;
}

.logo_agrigenius-patata {
  background: url(/../images/agrishare/horta/logo_age_patata_pro.png) no-repeat;
}

.logo_agrigenius-grano {
  background: url(/../images/agrishare/horta/logo_age_grano_pro.png) no-repeat;
}

.logo_agrigenius-vite-go {
  background: url(/../images/agrishare/horta/logo_age_go.png) no-repeat;
}

.logo_agrigenius-olivo-go {
  background: url(/../images/agrishare/horta/logo_age_olivo_go.png) no-repeat;
}

.logo_agrigenius-uva-go {
  background: url(/../images/agrishare/horta/logo_age_uva_go.png) no-repeat;
}

.logo_agrigenius-pomodoro-go {
  background: url(/../images/agrishare/horta/logo_age_pomodoro_go.png) no-repeat;
}

.logo-adama {
  background: url(/../images/agrishare/horta/logo_adama_V_white.png) no-repeat;
  text-indent: -30000px;
  height: 75px;
  width: 90px;
  background-size: 55px;
  float: inline-start;
  margin-top: 5px;
  margin-inline-start: 5px;
}

.innerSG {
  border-top: 1px solid;
}

.activeHeader {
  background-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  border-top: 1px solid rgb(0, 0, 0);
  padding: 5px;
}

body > #wrap > #main > .header .logo {
  float: inline-start;
  padding: 0 !important;
  margin-inline-start: 5px !important;
  margin-top: 5px !important;
  width: 120px !important;
}

.border {
  border-bottom: 1px solid rgb(0, 58, 126);
  padding: 10px;
}

.cornice {
  border: 1px solid black;
  padding: 10px;
  border-radius: 5px;
  font-weight: bold;
  color: red;
  margin-top: 10px;
  margin-bottom: 30px;
}

.borderInner {
  border: 1px solid black;
  padding: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.borderError {
  border: 2px solid red !important;
}

.inner {
  padding: 10px;
}

.underline {
  text-decoration: underline;
  cursor: pointer;
}

.ui-accordion .ui-accordion-content {
  padding: 0 !important;
}

.ui-accordion .ui-accordion-header a {
  padding: 0 !important;
  padding-left: 20px !important;
}

.titleParagrafo {
  font-weight: bold;
  font-size: 1.25em;
}

.italic {
  font-style: italic;
}

#footer {
  margin-top: 50px;
}

.endLine {
  padding-top: 10px;
  border-top: 1px solid rgb(229, 229, 229);
  margin-top: 10px;
}

.fontHorta {
  font-family: "Dosis", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  text-rendering: optimizeLegibility;
}

.fontGigya {
  font-family: "Abadi", sans-serif;
  font-size: 15px;
  text-rendering: optimizeLegibility;
}

.formGigya {
  max-width: 500px;
  min-height: 100vh;
  margin: auto;
}

@media (max-width: 800px) {
  .formGigya {
    height: auto;
    min-height: 100vh;
  }
}

.padding5px {
  padding: 5px;
}

.padding50px {
  padding: 50px;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.no-close .ui-button {
  padding: 5px;
}

.toggleDefault {
  padding: 5px;
  flex-grow: 1;
  border-radius: 10px;
}

.toggleActive {
  padding: 5px;
  border-radius: 10px;
  flex-grow: 1;
}

.togglePanel {
  border-radius: 10px;
  font-weight: bold;
}

.buttonGigya {
  border-radius: 10px;
  font-weight: bold;
  padding: 15px 0px;
  width: 100%;
  text-align: center;
}

.buttonGigyaMeteo {
  border-radius: 10px;
  font-weight: bold;
  padding: 15px 0px;
  width: 100% !important;
  font-family: "Abadi", sans-serif !important;
  font-size: 15px !important;
  text-rendering: optimizeLegibility !important;
  border: none;
  background-color: white;
  color: #65ac1e;
  text-align: center;
}

.invisibleGigyaLang {
  opacity: 0;
  position: relative;
  top: -28px;
}

.push {
  height: 0px !important;
}

label {
  cursor: default !important;
}

#pwd_reset {
  text-align: end;
  font-size: 12px;
  text-decoration: none;
  margin-top: 14px;
  flex-grow: 1;
}

#legalese {
  font-size: 12px;
}

/*
	BASF
*/

.fixBasf {
  max-width: 1240px;
  margin: auto !important;
}

.skin-basf #navigation .navbar-inner {
  border-bottom: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-image: -moz-linear-gradient(top, #65ac1e, #65ac1e) !important;
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#65ac1e),
    to(#65ac1e)
  ) !important;
  background-image: -webkit-linear-gradient(top, #65ac1e, #65ac1e) !important;
  background-image: -o-linear-gradient(top, #65ac1e, #65ac1e) !important;
  background-image: linear-gradient(to bottom, #65ac1e, #65ac1e) !important;
}

.skin-basf .livePath {
  color: grey !important;
}

.colorBasf1 {
  color: #65ac1e;
}

.colorBasf2 {
  color: #00793a;
}

.colorBasf3 {
  color: gray;
}

/*
	ADAMA
*/
.skin-adama #navigation .navbar-inner {
  border-bottom: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-image: -moz-linear-gradient(top, #009845, #009845) !important;
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#009845),
    to(#009845)
  ) !important;
  background-image: -webkit-linear-gradient(top, #009845, #009845) !important;
  background-image: -o-linear-gradient(top, #009845, #009845) !important;
  background-image: linear-gradient(to bottom, #009845, #009845) !important;
}

/*
  tooltip
*/

.tooltip {
  display: none;
  position: absolute;

  width: 150px;
  padding: 5px 10px;

  border-radius: 3px;
  box-shadow: 2px 2px 2px #999;
  background-color: #aec6cf;
  font-size: 0.8em;
  color: #000;

  opacity: 1;
}

.tooltip p {
  position: relative;
  z-index: 1;

  margin: 0;
}

.tooltip span {
  position: absolute;
  left: 0;
  top: 17px;

  width: 15px;
  height: 15px;
  border-right: 1px solid #aec6cf;
  border-top: 1px solid #aec6cf;
  margin-left: 20px;
  margin-top: -19px;

  background: inherit;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.transition-smooth {
  position: absolute;
  width: 100%;
  min-height: 100vh;
  opacity: 0;
  top: 0;
  left: 0;
  transition: opacity 2s ease-in-out;
}

.h600 {
  height: 600px;
}

.h900 {
  height: 900px;
}

.bgOlivo {
  background: url("../images/carousel/basf/olives.jpg") no-repeat;
  opacity: 1;
}

.bgGrano {
  background: url("../images/carousel/basf/grano.png") no-repeat;
}

.bgPatata {
  background: url("../images/carousel/basf/patata.png") no-repeat;
}

.bgPomodoro {
  background: url("../images/carousel/basf/pomodoro.png") no-repeat;
}

.bgTable {
  background: url("../images/carousel/basf/table-grapes.jpg") no-repeat;
}

.bgWine {
  background: url("../images/carousel/basf/wine-grapes.jpg") no-repeat;
}

.panelLogin {
  position: relative;
}

#content {
  margin: 0 auto !important;
}

.bgDiv {
  background-size: 100% 100%;
}

.skin-gigya .bgSimple {
  background-size: 100% 100%;
  opacity: 1;
}

.panelSelect {
  justify-content: space-between;
  height: 45px;
}

.invisibleAndroid {
  opacity: 0;
  position: relative;
  top: -28px;
  right: -236px;
  width: 42px;
}

.invisibleIos {
  opacity: 0;
  position: relative;
  top: -56px;
  right: -282px;
  width: 42px;
}

/**/
/* HTML Nav Styles */
nav menuitem {
  position: relative;
  display: block;
  opacity: 0;
  cursor: pointer;
}

nav menuitem > menu {
  position: absolute;
  pointer-events: none;
}
nav > menu {
  display: flex;
}

nav > menu > menuitem {
  pointer-events: all;
  opacity: 1;
}
menu menuitem a {
  white-space: nowrap;
  display: block;
}

menu menuitem span {
  margin-left: 5px;
}

menuitem.showMenu > menu {
  pointer-events: initial;
}
menuitem.showMenu > menu > menuitem,
menu:hover > menuitem {
  opacity: 1;
}
nav > menu > menuitem menuitem menu {
  transform: translateX(100%);
  top: 0;
  right: 0;
}

nav a {
  box-sizing: border-box;
  border-radius: 3px;
  position: relative;
}

nav > menu > menuitem > menu > menuitem {
  transition: opacity 0.6s;
  transform: translateX(150%);
  opacity: 0;
  background-color: white;
  width: 175px;
  padding: 5px;
  display: flex;
}

menuitem > menu > menuitem > menu > menuitem {
  transform: translateX(195px) translateY(0%);
  opacity: 0;
}

nav > menu > menuitem.showMenu > menu > menuitem {
  transform: translateX(0%);
  opacity: 1;
}

menuitem > menu > menuitem.showMenu > menu > menuitem {
  transform: translateX(0) translateY(0%);
  opacity: 1;
}

nav > menu > menuitem > menu > menuitem:hover {
  background-color: #5897fb;
  color: white;
}

.menu-selected {
  background-color: #ddd;
}

menuitem.showMenu #lang_id_in {
  padding: 0px;
  top: 25%;
  position: fixed;
  height: auto;
  overflow-y: auto;
  border: 1px solid;
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
  z-index: 9;
  margin-left: 100px;
}

menuitem.showMenu #androidList {
  padding: 0px;
  top: 50%;
  position: fixed;
  height: auto;
  overflow-y: auto;
  border: 1px solid;
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
  z-index: 9;
  margin-left: 100px;
}

menuitem.showMenu #iosList {
  padding: 0px;
  top: 50%;
  position: fixed;
  height: auto;
  overflow-y: auto;
  border: 1px solid;
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
  z-index: 9;
  margin-left: 50px;
}

.langCenter {
  justify-content: center;
  padding: 0;
}

#androidList,
#iosList {
  padding: 0px;
  height: 0;
  overflow-y: auto;
}

#lang_id_in {
  height: 25px;
}

@media (max-width: 767px) {
  #wrap {
    margin: 0 !important;
  }
}