@font-face {
    font-family: 'museo';
    src: url("fonts/Museo100-Regular.otf") format("opentype");
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'museo';
    src: url("fonts/Museo300-Regular.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'museo';
    src: url("fonts/Museo500-Regular.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'museo';
    src: url("fonts/Museo700-Regular.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'museo';
    src: url("fonts/Museo900-Regular.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'museosans';
    src: url("fonts/MuseoSans-100.otf") format("opentype");
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'museosans';
    src: url("fonts/MuseoSans-300.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'museosans';
    src: url("fonts/MuseoSans-500.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'museosans';
    src: url("fonts/MuseoSans-700.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'museosans';
    src: url("fonts/MuseoSans-900.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'museosans';
    src: url("fonts/MuseoSans-100Italic.otf") format("opentype");
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'museosans';
    src: url("fonts/MuseoSans-300Italic.otf") format("opentype");
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'museosans';
    src: url("fonts/MuseoSans-700Italic.otf") format("opentype");
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'museosans';
    src: url("fonts/MuseoSans-900Italic.otf") format("opentype");
    font-weight: 900;
    font-style: italic;
}

html,body{
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  /*font-size: 18px;*/
}
body{
  font-family: 'museo', sans-serif;
  user-select: text;
}
/*.map-view{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(../img/map-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}*/
/* COMMON */
.font-300{
    font-weight: 300;
    font-family: 'museo', sans-serif;
}
.font-500{
    font-weight: 500;
    font-family: 'museo', sans-serif;
}
.font-700{
    font-weight: 700;
    font-family: 'museo', sans-serif;
}
.font-900{
    font-weight: 900;
    font-family: 'museo', sans-serif;
}

/*.fsize-23{
  font-size: 2rem;
}
.fsize-9{
  font-size: 0.782rem;
}
.fsize-8{
  font-size: 0.0695rem;
}
.fsize-6{
  font-size: 0.52rem;
}
.fsize-5{
  font-size: 0.435rem;
}
.fsize-4{
  font-size: 0.347rem;
}*/
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none;
    color: inherit !important;
    border: none;
}
select {
    background-color: transparent;
    color: inherit;
}
input[type="search"] {
    background-color: transparent;
    color: inherit;
}
.h7{
  font-size: 0.9rem;
}
.color-white{
  color: white;
}
.color-black{
  color: black;
}
.color-1{
    color: #f6c05f;
}
.color-2{
    color: #f1b994;
}
.color-3{
    color: #1f7669;
}
.color-4{
    color: #1b53a2;
}
.bgcolor-1{
    background-color: #f6c05f;
}
.bgcolor-2{
    background-color: #f1b994;
}
.bgcolor-3{
    background-color: #1f7669;
}
.bgcolor-4{
    background-color: #36a936;
}
.btn:hover.color-white{
  color: white;
  opacity: 0.9;
}
/* LOGIN */
.form-signin {
    background-color: white;
    border-radius: 5px;
}
.login-wp {
    background-image: url(../img/login_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.login-wp a{
  font-size: 0.8rem;
}
/* CHARTS VIEW */
.graph-view,
.sensor-view,
.modal-distribution-selector-view,
.modal-moment-selector-view,
.modal-plot-work-assistant-selector-view{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #f2f2f2;
  background-color: rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
  /*margin: 1rem;
  border-radius: 5px;*/
  padding: 2.5rem;
  padding-right: 2rem;
  /*box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;*/
}
.modal-distribution-selector-view,
.modal-plot-work-assistant-selector-view,
.modal-moment-selector-view{
  z-index: 100000;
}
.modal-plot-work-assistant-selector-view .modal-dialog {
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}
.modal-plot-work-assistant-selector-view .modal-content {
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    border: none;
}
.graph-view-wp,
.sensor-view-wp,
.modal-distribution-selector-view-wp,
.modal-moment-selector-view-wp{
  height: 100%;
  max-height: 100%;
  width: 100%;
  max-width: 100%;
  /*padding-right: 1rem;*/
  overflow: auto;

}
.graph-view-close-icon-wp,
.sensor-view-close-icon-wp,
.modal-distribution-selector-view-close-icon-wp,
.modal-moment-selector-view-close-icon-wp{
  position: relative;
}
.graph-view-close-icon,
.sensor-view-close-icon,
.modal-distribution-selector-view-close-icon,
.modal-moment-selector-view-close-icon {
    position: absolute;
    right: -1.4rem;
    top: -2rem;
    width: 1.2rem;
    height: 1.2rem;
    /*background-image: url(../img/menu-close.png);*/
    background-image: url(../img/icons/back.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}
.graph-view-header,
.sensor-view-header,
.modal-distribution-selector-view-header,
.modal-moment-selector-view-header{
  position: sticky;
  z-index: 1;
  top: 0rem;
  background-color: #ffffff;
  width: 100%;
  left: 0;
  right: 0;
  padding-right: 1.5rem;
  z-index: 1;
}
.graph-view-content,
.sensor-view-content,
.modal-distribution-selector-view-content,
.modal-moment-selector-view-content {
    padding-right: 1rem;
    min-width: 500px;
}
.modal-distribution-selector-view-content,
.modal-moment-selector-view-content{
  min-width: auto;
  padding-top: 1rem;
}
.graph-view-export-icon,
.sensor-view-export-icon{
  width: 1rem;
  cursor: pointer;
  padding-top: 0.4rem;
  color: #007565;
}
.sensor-view-export-icon{
    display: none;
}
.production-change-pieces-per-kg,
.production-change-target-median{
  width: 1rem;
  cursor: pointer;
  padding-left: 0.2rem;
  color: #007565;
}
.graph-view-content-selector .btn.focus, .btn:focus,
.sensor-view-content-selector .btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
.graph-view-content-selector ul.dropdown-menu.show li,
.sensor-view-content-selector ul.dropdown-menu.show li {
    text-align: right;
    margin-right: 1rem;
    margin-left: 1rem;
    color: black;
}
.graph-view-content-selector-date ul.dropdown-menu.show li,
.sensor-view-content-selector-date ul.dropdown-menu.show li {
    margin-right: 1rem;
    margin-left: 1rem;
    color: black;
}
.graph-view-content-selector ul.dropdown-menu.show li span,
.graph-view-content-selector-date ul.dropdown-menu.show li span,
.sensor-view-content-selector ul.dropdown-menu.show li span,
.sensor-view-content-selector-date ul.dropdown-menu.show li span{
    color: black;
    font-size: 0.8rem;
    cursor: pointer;
    white-space: nowrap;
}
.graph-view-content-selector ul.dropdown-menu.show li span:hover,
.graph-view-content-selector-date ul.dropdown-menu.show li span:hover,
.sensor-view-content-selector ul.dropdown-menu.show li span:hover,
.sensor-view-content-selector-date ul.dropdown-menu.show li span:hover {
    color: #007565;
}
.graph-view .table-responsive,
.sensor-view .table-responsive{
    margin-top: 2rem;
}
.table-responsive.caliber-table{
    margin-bottom: 2rem;
}
.graph-view table th,
.graph-view table td,
.sensor-view table th,
.sensor-view table td{
  vertical-align: middle;
  border: 2px solid #727272;
  font-weight: 900;
  text-align: center;
  color: rgba(0, 0, 0, 0.58);
  font-size: 0.75rem;
  padding: 0.4rem;
  font-weight: 700;
  color: #727272;
}
.graph-view .table-service-title th,
.sensor-view .table-service-title th{
  color:#007565;
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: 700;
}
.graph-view .table-service-subtitle th,
.sensor-view .table-service-subtitle th{
  color:#000000;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.75rem;
}

.chart-wp {
    width: calc(50% - 2rem);
    margin: 2rem 1rem;
    /*margin-bottom: 6rem;*/
    /*height: 18rem;*/
    /*height: 33vh;*/
}
.chart-wp .canvas-wp{
  height: 33vh;
}
.chart-wp.with-resume{
  /*margin-bottom: 11rem;*/
}
.chart-wp .chart-resume-wp{
  display:none;
}
.chart-wp.with-resume .chart-resume-wp{
  display:block;
}
.chart-wp.full-width {
    width: calc(100% - 2rem);
    /*height: 45vh;*/
}
.chart-wp.full-width .canvas-wp{
  height: 45vh;
}
.chart-title {
    width: 100%;
    text-align: center;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 900;
    color: #727272;
    color: black;
}
.chart-subtitle {
    width: 100%;
    text-align: center;
    font-weight: 900;
    color: #727272;
    color: black;
}
.chart-resume-wp{
  /*height: 6rem;*/
}
.graph-view .table-responsive table,
.sensor-view .table-responsive table{
  color: #727272;
}
div#sendor-view-date-range {
    width: auto !important;
    border: none !important;
    color: #25292d !important;
    text-transform: capitalize;
}
/* SCROLLBAR */
/*.graph-view-wp::-webkit-scrollbar {
  width: 5px;
}*/
/* scrollbar track */
/*.graph-view-wp::-webkit-scrollbar-track{
  background: transparent;
}*/
/* scrollbar handle */
/*.graph-view-wp::-webkit-scrollbar-thumb{
  border-radius: 1rem;
  background-color: #727272;
}*/

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
/* scrollbar track */
::-webkit-scrollbar-track{
  background: transparent;
}
/* scrollbar handle */
::-webkit-scrollbar-thumb{
  border-radius: 1rem;
  background-color: #007769;
}
/* MAIN MENU*/
.main-menu {
    position: absolute;
    left: 2rem;
    bottom: 0;
    background-color: white;
    border-radius: 10px 10px 0 0;
    width: 27rem;
    max-width: 27rem;
    z-index: 10000;
    transition: bottom .35s ease-in-out;
}
.main-menu[side="right"] {
    left: inherit;
    right: 2rem;
}
.main-menu.toggled{
  bottom: 0;
}
.main-menu-header {
    padding: 1rem 1.5rem;
}
.main-menu-header-icon {
    width: 2rem;
    height: 3rem;
    background-image: url(../img/menu-toggle.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}
.main-menu-header-icon[action="close"]{
  background-image: url(../img/menu-close.png);
}
.main-menu-header-content{
  padding-left: 1rem;
}
.main-menu-header-title {
    /*font-weight: bold;*/
    font-size: 1rem;
}
.main-menu-header-subtitle {
    font-size: 0.9rem;
}
.main-menu-paginator {
    margin-top: 0.5rem;
}
.main-menu-paginator-item {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    background-color: #727272;
    cursor: pointer;
    margin: 0 0.2rem;
}
.main-menu-paginator-item.active {
  background-color: #007565;
}
/* MENU DISTRIBUTION SELECTOR */
.main-menu-distribution-view{
  cursor: pointer;
  color: #727272;
}
/*.main-menu-distribution-view-title {
    color: #727272;
}*/
.main-menu-distribution-selector {
    padding: 1rem 1.5rem;
    background-color: #eaeaea;
}
.main-menu-distribution-selector-title {
    color: #727272;
    margin-bottom: 0.5rem;
}

.main-menu-distribution-view-data-name {
    margin-bottom: -0.2rem;
    text-transform: uppercase;
    font-size: 1.2rem;
}
.main-menu-distribution-view-data-area {
    font-size: 0.8rem;
    display: inline-block;
}
.main-menu-distribution-view-data-variety{
  display: inline-block;
  font-size: 0.9rem;
}

.main-menu-distribution-selector-item {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    width: 33.33%;
    cursor: pointer;
}
.modal-distribution-selector-view-content .main-menu-distribution-selector-item,
.modal-moment-selector-view-content .main-menu-date-selector-item,
.modal-specie-selector-view-content .main-menu-specie-selector-item,
.modal-variety-selector-view-content .main-menu-variety-selector-item,
.modal-report-selector-view-content .main-menu-report-selector-item {
  margin-bottom: 1rem;
  width: 20%;
}
.main-menu-distribution-selector-item.first-of-page {
  margin-left: 0;
}
.main-menu-distribution-selector-item.active .main-menu-distribution-selector-item-title {
    background-color: #1ec173;
}
.main-menu-distribution-selector-item-content {
    padding: 0.5rem;
    padding-bottom: 1rem;
    background-color: #ffffff;
    font-size: 0.9rem;
    border-radius: 5px;
    text-align: center;
    display: table;
    height: 100% !important;
    width: 100%;
    padding-top: 1rem;
}
.modal-distribution-selector-view-content .main-menu-distribution-selector-item-content,
.modal-moment-selector-view-content .main-menu-date-selector-item-content,
.modal-specie-selector-view-content .main-menu-specie-selector-item-content,
.modal-variety-selector-view-content .main-menu-variety-selector-item-content,
.modal-report-selector-view-content .main-menu-report-selector-item-content{
  background-color: #eaeaea;
}
.modal-moment-selector-view-content .main-menu-date-selector-item{
    /*margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
    text-align: center;
    padding: 1rem 0;*/
}
.main-menu-distribution-selector-item-content-wp,
.main-menu-date-selector-item-content-wp,
.main-menu-specie-selector-item-content-wp,
.main-menu-variety-selector-item-content-wp,
.main-menu-report-selector-item-content-wp{
    display: table-cell;
    vertical-align: middle;
}
.main-menu-distribution-selector-item.active .main-menu-distribution-selector-item-content {
    background-color: #007565;
    color: white;
}
.main-menu-distribution-selector-item-content-name {
    /*font-weight: bold;*/
    font-size: 1.4rem;/*1.75rem;*/
    /*margin-bottom: -0.5rem;*/
    line-height: 1;
    word-break: break-word;
}
.main-menu-distribution-selector-item-content-area {
    font-size: 0.8rem;
}
.main-menu-distribution-paginator {
    margin-top: 0.5rem;
}
.main-menu-distribution-paginator-item {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: #f2f2f2;
    cursor: pointer;
    margin: 0 0.1rem;
}
.main-menu-distribution-paginator-item.active {
  background-color: #b3b3b3
}

.main-menu-distribution-actions{
  position: absolute;
  right: 1.6rem;
  margin-top: -0.75rem;
  cursor: pointer;
}
.main-menu-distribution-action{
  font-size: 0.6rem;
  width: auto;
  margin: 0;
  margin-top:0.2rem;
  color: #007565;
}
.main-menu-distribution-selector-view-wp:hover .main-menu-distribution-view-title {
    color: #007565;
}

/* MENU DATE SELECTOR */
.main-menu-date-selector {
    padding: 1rem 1.5rem;
    background-color: #eaeaea;
}
.main-menu-date-view{
  cursor: pointer;
  color: #727272;
}

.main-menu-date-view-data-day {
    font-size: 2rem;
    text-align: right;
    margin-right: 0.5rem;
}
.main-menu-date-view-data-month {
    margin-bottom: -0.4rem;
    text-transform: uppercase;
}
.main-menu-date-view-data-year {
    font-size: 0.8rem;
}

.main-menu-date-selector-title {
    color: #727272;
    margin-bottom: 0.5rem;
}
.main-menu-date-selector-item {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 33.33%;
    cursor: pointer;
}
.main-menu-date-selector-item.first-of-page {
  margin-left: 0;
}
.main-menu-date-selector-item.active .main-menu-date-selector-item-title {
    background-color: #1ec173;
}
.main-menu-date-selector-item-content {
    padding: 1rem 0.5rem;
    padding-bottom: 1rem;
    background-color: #ffffff;
    font-size: 0.9rem;
    border-radius: 5px;
    text-align: center;
    display: table;
    width: 100%;
    height: 100%;
}
.main-menu-date-selector-item.active .main-menu-date-selector-item-content {
    background-color: #007565;
    color: white;
}
.main-menu-date-selector-item-content-moment {
   /* margin-bottom: -0.5rem;*/
}
.main-menu-date-selector-item-content-day {
    /*font-weight: bold;*/
    /*font-size: 1.75rem;*/
    /*margin-bottom: -0.5rem;*/
    font-size: 1rem;
}
.main-menu-date-selector-item-content-year {
    font-size: 0.8rem;
}
.main-menu-date-selector-item-content:hover {
    background-color: #007565;
    color: white;
}
.main-menu-date-paginator {
    margin-top: 0.5rem;
}
.main-menu-date-paginator-item {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: #f2f2f2;
    cursor: pointer;
    margin: 0 0.1rem;
}
.main-menu-date-paginator-item.active {
  background-color: #b3b3b3
}
.main-menu-date-selector-view-wp:hover .main-menu-date-view-title {
    color: #007565;
}
/* MENU SERVICE SELECTOR */
.main-menu-service-selector {
    padding: 1rem 1.5rem;
    background-color: #ffffff;

}
.main-menu-service-view{
    cursor:pointer;
}
.main-menu-service-selector-title {
    color: #727272;
    margin-bottom: 0.5rem;
}
.main-menu-service-view-title{
  color: #727272;
}
.main-menu-service-selector-item {
    margin-left: 1rem;
    width: 20%;
    cursor: pointer;
}
.main-menu-service-selector-item.first-of-page {
  margin-left: 0;
}
.main-menu-service-selector-item-content-icon,
.main-menu-service-view-data-icon{
    width: 3rem;
    height: 3rem;
    margin: auto;
    background-color: #eaeaea;
    border-radius: 5px;
    /*background-image: url(../img/service-caliber.png);*/
    background-size: 2.55rem;
    background-repeat: no-repeat;
    background-position: center;
}
.main-menu-service-view-data-icon[service=""]{
  display: none;
}
.main-menu-service-selector-item-content-title{
  font-size:0.8rem;
  text-align: center;
  margin-top: 0.2rem;
  color: #727272;
}
.main-menu-service-view-data-title{
  color: #727272;
  font-size:0.8rem;
  text-align: right;
  margin-right: 0.5rem;
  text-transform: uppercase;
}
.main-menu-service-selector-item:hover .main-menu-service-selector-item-content-title,
.main-menu-service-selector-item.active .main-menu-service-selector-item-content-title {
    color: #007565;
}
.main-menu-service-selector-item:hover .main-menu-service-selector-item-content-icon,
.main-menu-service-selector-item.active .main-menu-service-selector-item-content-icon {
    background-color: #007565;
}
.main-menu-service-selector-item[service="AGERPIX_VIGOR"] .main-menu-service-selector-item-content-icon,
.main-menu-service-view-data-icon[service="AGERPIX_VIGOR"]{
  background-image: url(../img/icons/vigor.svg);
  background-size: 2rem;
}
.main-menu-service-selector-item[service="AGERPIX_PRODUCTION"] .main-menu-service-selector-item-content-icon,
.main-menu-service-view-data-icon[service="AGERPIX_PRODUCTION"]{
  background-image: url(../img/icons/production.svg);
  background-size: 1.8rem;
}
.main-menu-service-selector-item[service="AGERPIX_LINEAR_PRODUCTION"] .main-menu-service-selector-item-content-icon,
.main-menu-service-view-data-icon[service="AGERPIX_LINEAR_PRODUCTION"]{
  background-image: url(../img/icons/linear_production.svg);
  background-size: 2.6rem;
}
.main-menu-service-selector-item[service="AGERPIX_LEAFINESS"] .main-menu-service-selector-item-content-icon,
.main-menu-service-view-data-icon[service="AGERPIX_LEAFINESS"]{
  background-image: url(../img/icons/leafiness.svg);
  background-size: 1.8rem;
}
.main-menu-service-selector-item[service="AGERPIX_LEAF_FRUIT_RATIO"] .main-menu-service-selector-item-content-icon,
.main-menu-service-view-data-icon[service="AGERPIX_LEAF_FRUIT_RATIO"]{
  background-image: url(../img/icons/leaf_fruit.svg);
  background-size: 2.3rem;
}
.main-menu-service-selector-item[service="AGERPIX_CALIBER"] .main-menu-service-selector-item-content-icon,
.main-menu-service-view-data-icon[service="AGERPIX_CALIBER"]{
  background-image: url(../img/icons/caliber.svg);
  background-size: 1.8rem;
}

.main-menu-service-selector-item[service="AGERPIX_VIGOR"]:hover .main-menu-service-selector-item-content-icon,
.main-menu-service-selector-item[service="AGERPIX_VIGOR"].active .main-menu-service-selector-item-content-icon{
  background-image: url(../img/icons/vigor_selected.svg);
}
.main-menu-service-selector-item[service="AGERPIX_PRODUCTION"]:hover .main-menu-service-selector-item-content-icon,
.main-menu-service-selector-item[service="AGERPIX_PRODUCTION"].active .main-menu-service-selector-item-content-icon{
  background-image: url(../img/icons/production_selected.svg);
}
.main-menu-service-selector-item[service="AGERPIX_LINEAR_PRODUCTION"]:hover .main-menu-service-selector-item-content-icon,
.main-menu-service-selector-item[service="AGERPIX_LINEAR_PRODUCTION"].active .main-menu-service-selector-item-content-icon{
  background-image: url(../img/icons/linear_production_selected.svg);
}
.main-menu-service-selector-item[service="AGERPIX_LEAFINESS"]:hover .main-menu-service-selector-item-content-icon,
.main-menu-service-selector-item[service="AGERPIX_LEAFINESS"].active .main-menu-service-selector-item-content-icon{
  background-image: url(../img/icons/leafiness_selected.svg);
}
.main-menu-service-selector-item[service="AGERPIX_LEAF_FRUIT_RATIO"]:hover .main-menu-service-selector-item-content-icon,
.main-menu-service-selector-item[service="AGERPIX_LEAF_FRUIT_RATIO"].active .main-menu-service-selector-item-content-icon{
  background-image: url(../img/icons/leaf_fruit_selected.svg);
}
.main-menu-service-selector-item[service="AGERPIX_CALIBER"]:hover .main-menu-service-selector-item-content-icon,
.main-menu-service-selector-item[service="AGERPIX_CALIBER"].active .main-menu-service-selector-item-content-icon{
  background-image: url(../img/icons/caliber_selected.svg);
}




.main-menu-service-selector-view-wp:hover .main-menu-service-view-title {
    color: #007565;
}
/* MENU STYLE SELECTOR */
.main-menu-style-selector {
    padding: 1rem 1.5rem;
    /*padding-bottom: 0.5rem;*/
    background-color: #ffffff;

}
.main-menu-style-view{
  cursor: pointer;
  color: #727272;
}

.main-menu-style-view-data-title {
    font-size: 0.8rem;
    margin-bottom: 0.2rem;
}

.main-menu-style-selector-title {
    color: #727272;
    margin-bottom: 0.5rem;
}
.main-menu-style-selector-content-filters-gradient{
  margin-left: 0 !important;
}
.main-menu-style-selector-content-filters-unique-symbol{
  margin-right: 0 !important;
}
.main-menu-style-selector-content,
.main-menu-style-selector-content-filters-fields-wp {
    margin-top: 0.5rem;
}
.main-menu-style-selector-item{

  margin-top:0.5rem;
}
.main-menu-style-selector-item-content,
.main-menu-style-view-item-content {
  height: 1.2rem;
  width: 100%;
  /*border: 0.2rem solid #b3b3b3;*/
  border-radius: 3px;
  /*background: rgb(237,30,121);*/
  background: linear-gradient(90deg, rgba(237,30,121,1) 50%, rgba(41,171,226,1) 50%);
  /*background: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,0,0,1) 50%);*/

  /*background: linear-gradient(90deg, rgba(237,30,121,1) 0%, rgba(237,28,36,1) 20%, rgba(252,238,33,1) 40%, rgba(140,198,63,1) 60%, rgba(0,104,55,1) 80%, rgba(41,171,226,1) 100%);*/
  cursor: pointer;
  min-width: 10rem;
}
.main-menu-style-view-item-content[representation="categorized"]{
    /*border: 1px solid #007565;*/
}
.main-menu-style-view-item-content[representation="classified"] {
    background: none;
    border-radius: 0;
    height: auto;
}
.main-menu-style-view-item-content[representation=""]{
  display: none;
}
.main-menu-style-selector-item.active .main-menu-style-selector-item-content{
  border: 2px solid #007565;
  /*border-width: 0.3rem;*/
}
.main-menu-style-selector-item[representation="gradient"] .main-menu-style-selector-item-content,
.main-menu-style-view-item-content[representation="gradient"]{
  background: linear-gradient(90deg, rgba(237,30,121,1) 0%, rgba(237,28,36,1) 20%, rgba(252,238,33,1) 40%, rgba(140,198,63,1) 60%, rgba(0,104,55,1) 80%, rgba(41,171,226,1) 100%);
}
/*.main-menu-style-selector-item[representation="gradient-magma"] .main-menu-style-selector-item-content,
.main-menu-style-view-item-content[representation="gradient-magma"]{
  background: linear-gradient(90deg, rgba(0,0,4,1) 0%, rgba(87,15,109,1) 25%, rgba(187,55,84,1) 50%, rgba(250,141,10,1) 75%, rgba(252,255,164,1)  100%);
}*/
.main-menu-style-selector-legend{
  width: 14rem;
}
.main-menu-style-legend-item-wp{
  width: 6.5rem;
  text-align: right;
}

.main-menu-style-selector-item-content-title{
  font-size:0.6rem;
  text-align: center;
}
.main-menu-style-legend-item-color {
    width: 1rem;
    height: 1rem;
    border-radius: 5px;
    margin-left: 0.2rem;
}
.main-menu-style-legend-item-wp.one,
.main-menu-style-legend-item-wp.three {
    width: 4rem;
}
.main-menu-style-legend-item-wp.two {
    width: 5.5rem;
}
.main-menu-style-legend-item-color.one{
  background-color: rgb(237,30,121);
  /*background-color: #ffffff;
  border: 1px solid #007565;*/
}
.main-menu-style-legend-item-color.two{
  background-color: rgb(252,238,33);
  /*background-color: #ff8080;
  border: 1px solid #007565;*/
}
.main-menu-style-legend-item-color.three{
  /*background-color: rgb(140,198,63);*/
  background-color: rgb(41,171,226);
  /*background-color:#ff0000;
  border: 1px solid #007565;*/
}
.main-menu-style-legend-item-color.four{
  background-color: rgb(41,171,226);
}
.main-menu-style-legend-item-ranges{
  font-size: 0.75rem;
}

.main-menu-style-selector-view-wp:hover .main-menu-style-view-title {
    color: #007565;
}
.style-legend-slider{
  width: calc(100% - 3.6rem);
}
.style-legend-slider-wp {
    /*max-width: 13rem;
    padding-left: 1rem;*/
    max-width: 14rem;
}
.style-legend-slider-wp i{
  color: #007565;
  margin-left: 0.2rem;
  cursor: pointer;
}
#style-legend-slider-left.slider.slider-horizontal .slider-track,
#style-legend-slider-right.slider.slider-horizontal .slider-track{
  height: 5px;
}
.slider-handle {
    background-color: #007565;
    background-image: -moz-linear-gradient(top, #007565, #007565);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#007565), to(#007565));
    background-image: -webkit-linear-gradient(top, #007565, #007565);
    background-image: -o-linear-gradient(top, #007565, #007565);
    background-image: linear-gradient(to bottom, #007565, #007565);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007565', endColorstr='#007565',GradientType=0);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
    width: 15px;
    height: 15px;
    background-color: #007565;
}
#style-legend-slider-left,
#style-legend-slider-right{
    margin-top: 0.15rem;
}
#style-legend-slider-left .slider-track-high,
#style-legend-slider-right .slider-track-high {
	/*background: rgb(140,198,63);*/
  background:rgb(41,171,226);
  /*background-color: #ff0000;
  border: 1px solid #007565;*/
}
#style-legend-slider-left .slider-track-low,
#style-legend-slider-right .slider-track-low {
	background: rgb(237,30,121);
    /*background: white;
    border: 1px solid #007565;*/
}
#style-legend-slider-left .slider-selection,
#style-legend-slider-right .slider-selection {
	background: rgb(252,238,33);
    /*background: #ff8080;
    border: 1px solid #007565;*/
}
/* MAIN MENU DATA VIEW */
.main-menu-content-data{
  padding: 0.5rem 1rem;
  padding-bottom: 1rem;
  background-color: #eaeaea;
  max-height: 50vh;
  overflow: auto;
}
.main-menu-content-data-title {
    color: #727272;
    width: 100%;
    margin-left: 0.5rem;
    margin-top: 0.5rem;
    margin-bottom: 0.125rem;
}
.main-menu-content-data-item {
    margin-left: 1rem;
    width: calc(33.33% - 0.5rem);
    margin: 0.375rem 0.25rem;
}
.main-menu-content-data-item[size="double"]{
    width: calc(66.66% - 0.5rem);
}
.main-menu-content-data-item[size="full"]{
    width: calc(100% - 0.5rem);
}
.main-menu-content-data-item-title {
    background-color: #999999;
    border-radius: 10px 10px 0 0;
    padding: 0.5rem;
    color: white;
    text-align: center;
    font-size:0.9rem;
}
.main-menu-content-data-item-content {
    padding: 0.5rem;
    background-color: white;
    border-radius: 0 0 10px 10px;
    font-size: 0.9rem;
    text-align: center;
}
.main-menu-content-data-item-content-title{
  font-size: 1rem;/* 1.75rem;*/
}
.main-menu-content-data-item-content canvas{
    margin-bottom: 0.5rem;
}
.info-histogram-ctrl-result {
    width: 100%;
    max-width: 100%;
    margin: 0.5rem 0;
    margin-bottom: 0.3rem;
    color: #999ea7;
    font-size: 0.65rem;
}
.info-histogram-ctrl-img-part {
    height: 5em;
    display: inline-block;
    width: 1%;
    background-color: rgba(179,179,179,255);
}
/*.info-histogram-ctrl-img-part:hover {
    background-color: #007565;
}*/
.info-histogram-ctrl-img-part.active {
    background-color: #007565;
}
.info-histogram-tooltip {
    padding-bottom: 0.5rem;
    font-size: 0.75rem;
    margin-top: -0.2rem;
    min-height: 1.8rem;
}
/* HEADER ACTIONS */
.main-menu-header-actions i{
  vertical-align: top;
}
.main-menu-header-action{
  width: 1rem;
  height: 1rem;
  margin-bottom: 0.5rem;
  cursor: pointer;
  color: #007565;
  margin-left: 0.5rem;
}
/* MENU STYLE SELECTOR */
.main-menu-actions {
    padding: 1rem 1.5rem;
    background-color: #ffffff;
}
.main-menu-actions-title {
    color: #727272;
}
/* MAIN CONTROLS */
.main-menu-btn-a {
    padding: 0.5rem 1rem;
    background-color: #f2f2f2;
    font-size: 0.8rem;
    border-radius: 5px;
    text-align: center;
    margin: 0 0.5rem;
    cursor: pointer;
    color: #727272;
}
.main-menu-btn-a.with-value,
.main-menu-btn-a.active{
  background-color: #007565;
  color: white;
}
.main-menu-btn-a:hover {
    background-color: #007565;
    color: white;
}
.main-actions {
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 1030;
}
.main-action,
.main-action-dendro{
  color: #007565;
  width: 2.2rem;
  height: 2.2rem;
  background-color: #eaeaea;
  margin-left: 0.4rem;
  border-radius: 5px;
  cursor: pointer;
}
.main-action:hover,
.main-action-dendro:hover {
    background-color: #007565;
    color: white;
}
.main-action.active,
.main-action-dendro.active{
  background-color: #007565;
  color: white;
}
.main-action[action="dendro-graph"] i{
  font-size: 1.2rem;
  /*margin-bottom: -0.2rem;*/
}
.main-action[action="dendro-graph-conf"] {
    position: relative;
}
.main-action[action="dendro-graph-conf"] i {
    position: absolute;
}
.main-action[action="dendro-graph-conf"] i.fas.fa-atom {
    font-size: 1.2rem;
    /*color: #007565ab;*/
}
.main-action[action="dendro-graph-conf"] i.fas.fa-cog {
    font-size: 0.7rem;
    bottom: 0.2rem;
    right: 0.2rem;
}

/* CONTROLS */
.bootstrap-select .dropdown-item.active, .bootstrap-select .dropdown-item:active {
    background-color: #1f7669;
    color: white;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: #1f7669 !important;
    color: white;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007769 !important;
}
/*END CONTROLS*/
/* OTHERS */
.modal-distribution-selector-item-content {
    border-radius: 5px;
}
.modal-distribution-selector-item-content-name {
    word-break: break-word;
    overflow-wrap: break-word;
}
.modal-backdrop {
    z-index: 10400;
}
.modal {
    z-index: 10500;
}
/* END OTHERS */
/* NEW DASHBOARD*/

.graph-view-graph{
    /*height: calc(100vh - 20rem);*/
    margin-bottom: 8rem;
    width: 100%;
}
.graph-view-controls {
    width: 100%;
}
.graph-view-control {
    width: 20%;
    padding: 0.5rem;
    text-align: center;
    background-color: #cacaca;
    cursor: pointer;
}
.graph-view-controls[items="4"] .graph-view-control {
    width: 25%;
}
.graph-view-controls[items="4"] .graph-view-control[control="distribution"] {
    display: none;
}
.graph-view-control.disabled{
    opacity: 0.5;
    cursor: initial;
}
.graph-view-control:nth-child(odd) {
    background-color: #bababa;
}
.graph-view-control:hover{
    background-color: #007565;
    color: white;
}
.graph-view-control.disabled:hover{
    background-color: #cacaca;
    color: #777;
}
.graph-view-control.disabled:nth-child(odd):hover{
    background-color: #bababa;
    color: #777;
}
.graph-view-control.active{
    background-color: #007565;
    color: white;
}
.graph-view-controls-results {
    width: 100%;
    height: 8.5rem;
    /*border: 1px solid white;*/
    overflow: auto;
    background-color: white;
}
.graph-view-control-result {
    width: 20%;
    height: 100%;
    /*background-color: grey;
    border: 1px solid white;*/
}

.graph-view-control-result.main-menu-distribution-selector-item,
.graph-view-control-result.main-menu-date-selector-item,
.graph-view-control-result.main-menu-specie-selector-item,
.graph-view-control-result.main-menu-variety-selector-item,
.graph-view-control-result.main-menu-report-selector-item{
    padding-right: 0;
    padding-left: 0;
}
.graph-view-control-result.main-menu-distribution-selector-item .main-menu-distribution-selector-item-content,
.graph-view-control-result.main-menu-date-selector-item .main-menu-date-selector-item-content,
.graph-view-control-result.main-menu-specie-selector-item .main-menu-specie-selector-item-content,
.graph-view-control-result.main-menu-variety-selector-item .main-menu-variety-selector-item-content,
.graph-view-control-result.main-menu-report-selector-item .main-menu-report-selector-item-content{
    background-color: #eaeaea;
    border-radius: 0;
}
.graph-view-control-result.main-menu-distribution-selector-item:nth-child(odd) .main-menu-distribution-selector-item-content,
.graph-view-control-result.main-menu-date-selector-item:nth-child(odd) .main-menu-date-selector-item-content,
.graph-view-control-result.main-menu-specie-selector-item:nth-child(odd) .main-menu-specie-selector-item-content,
.graph-view-control-result.main-menu-variety-selector-item:nth-child(odd) .main-menu-variety-selector-item-content,
.graph-view-control-result.main-menu-report-selector-item:nth-child(odd) .main-menu-report-selector-item-content{
    background-color: #dadada;
}
.graph-view-control-result.main-menu-distribution-selector-item .main-menu-distribution-selector-item-content:hover,
.graph-view-control-result.main-menu-date-selector-item .main-menu-date-selector-item-content:hover,
.graph-view-control-result.main-menu-specie-selector-item .main-menu-specie-selector-item-content:hover,
.graph-view-control-result.main-menu-variety-selector-item .main-menu-variety-selector-item-content:hover,
.graph-view-control-result.main-menu-report-selector-item .main-menu-report-selector-item-content:hover {
    background-color: #007565;
    color: white;
}
.main-menu-specie-selector-item,
.main-menu-variety-selector-item,
.main-menu-report-selector-item {
    cursor: pointer;
}
.main-menu-variety-selector-item-content-title,
.main-menu-specie-selector-item-content-title,
.main-menu-report-selector-item-content-title {
    font-size: 1.2rem;
}
.main-menu-specie-selector-item-content,
.main-menu-variety-selector-item-content,
.main-menu-report-selector-item-content {
    padding: 1rem 0.5rem;
    padding-bottom: 1rem;
    background-color: #ffffff;
    font-size: 0.9rem;
    border-radius: 5px;
    text-align: center;
    display: table;
    width: 100%;
    height: 100%;
}
.graph-view-controls-wp{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
.graph-view.controls_hidden .graph-view-graph {
    /*height: calc(100vh - 11rem);*/
    margin-bottom: 2rem;
}
.graph-view.controls_hidden .graph-view-controls-results{
    display: none !important;
}
.chart-legend.d-flex.flex-wrap.justify-content-center {
    width: 100%;
    padding: 0 2rem;
    margin-top: 2rem;
}
.chart-legend-item-check {
    width: 1rem;
    height: 1rem;
    background-color: white;
    border: 1px solid #007565;
    margin-bottom: 0.2rem;
    cursor: pointer;
}
.chart-legend-item.disabled {
    opacity: 0.4;
}
.graph-view .pieces-per-kg.disabled{
    opacity: 0.4;
}
.graph-view .resume-table-action{
    width: 1rem;
    cursor: pointer;
    padding-left: 0.2rem;
    color: #007565;
}
.chart-legend-item.disabled .chart-legend-item-check{
    cursor: initial;
}
.chart-legend-item.active .chart-legend-item-check {
    background-color: #007565;
}
.chart-legend-item-conf{
    color: #007565;
    cursor: pointer;
}
.chart-legend-item-check.round {
    border-radius: 50%;
}
.chart-legend-item-title {
    margin-left: 0.5rem;
    color: #777;
    font-weight: 900;
}
.chart-line-config {
    width: 20rem;
    max-width: 100%;
    margin: auto;
    margin-top: 1rem;
}
.chart-config {
    width: 70%;
    max-width: calc(100% - 2rem);
    margin: auto;
    margin-top: 1rem;
}
.chart-config table {
    width: 100%;
}
.chart-config th{
    font-weight: 900 !important;
}
.chart-config th,
.chart-config td {
    border: 1px solid #007565 !important;
}
.chart-config-btns-wp{
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    text-align: right;
}
.chart-config-accept,
.chart-config-add {
    margin-left: auto;
    margin-right: 0;
    width: 10rem;
    text-align: center;
    margin-top: 0.5rem;
    padding: 0.2rem;
    border-radius: 3px;
    background-color: #007565;
    border: 1px solid #007565;
    font-weight: 900;
    color: white;
    cursor: pointer;
}
.chart-config-btns-wp .chart-config-accept,
.chart-config-btns-wp .chart-config-add{
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
}
.chart-config-accept:hover,
.chart-config-add:hover {
    background-color: white;
    color: #007565;
}
.chart-legend-item-title-line .caret-space{
    opacity: 0;
    width: 0.8rem;
    display: inline-block;
}
.chart-legend-item-title-line-dropdown{
    padding: 0;
}
.chart-legend-item-title-line-dropdown {
    font-family: 'museo';
    color: #777;
    font-weight: 900;
}
.graph-view  .prediction-date-slider-wp{
    width: 100%;
    text-align: center;
    margin-top: 0.5rem;
}
#graph-view-prediction-date-slider{
    width: 20rem;
    max-width: 100%;
}
.graph-view-icons {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
}
.graph-view-close-icon, .sensor-view-close-icon, .modal-distribution-selector-view-close-icon, .modal-moment-selector-view-close-icon {
    width: 1.2rem;
    height: unset;
    background-image: none;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    color: #007565;
    font-size: 1.1rem;
    position: initial;
    right: unset;
    top: unset;
}
.chartjs-render-monitor{
    touch-action: initial !important;
}
.graph-view-header, .sensor-view-header, .modal-distribution-selector-view-header, .modal-moment-selector-view-header{
     padding-right: 0;
}
.graph-view-no-selection {
    margin-top: 2rem;
}
.graph-view-no-selection-content-title{
    font-weight: 900;
}
.graph-view .graph-view-export-icon{
    display: none;
}

.graph-view .help {
    position: absolute;
    top: 3rem;
    right: 1rem;
    width: 22rem;
    /* bottom: 3rem; */
    max-height: calc(100% - 6rem);
    background-color: #ffffff;
    z-index: 1000;
    border-radius: 5px;
    padding: 1rem;
    border: 1px solid #007565;
}
.graph-view .help-wp {
    width: 100%;
    /*height: calc(100% - 2.5rem);*/
    max-height: calc(100vh - 10.5rem);
    overflow: auto;
    margin-top: 1rem;
}
.graph-view .help-close {
    width: 100%;
    height: 1.2rem;
    text-align: right;
}
.graph-view .help-close i{
    width: 1.2rem;
    height: 1.2rem;
    cursor: pointer;
    color: #007565;
    font-size: 1.3rem;
}
.graph-view .help-title {
    font-weight: 900;
    color: black;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0.5rem;
}
.graph-view .help-topic {
    border: 1px solid #007565;
    padding: 0.5rem;
    width: 100%;
    text-align: center;
    font-weight: 900;
    font-weight: 900;
}
.graph-view .help-topic.active {
    background-color: #007565;
    color: white;
}
.graph-view .help-section-wp{
    padding: 1rem;
    padding-top: 0;
}
.graph-view .help-section-title {
    font-weight: 900;
}
.graph-view-help-icon-wp{
    position: relative;
}
.graph-view-help-icon {
    width: 1.2rem;
    height: unset;
    background-image: none;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    color: #007565;
    font-size: 0.9rem;
    position: initial;
    top: unset;
    right: unset;
}
.help-section-content i{
    color: #007565;
}

.prediction-date-slider-wp .slider.slider-horizontal .slider-track{
  height: 5px;
}

/* END NEW DASHBOARD */

/* PLACES CORRECTION */
.places_scroll{
    right: 0;
}
.places_header {
    color: white;
    padding: 2.5em 2rem;
    margin: auto;
}
.places_content_inner {
    margin: auto 1em;
}
/*END PLACES CORRECTION*/
/*SENSOR FILTERS AND CONTROLS */


.sensor-view .sensor-dendrometer-controls {
    padding: 0.5rem;
    border-radius: 5px;
     margin-top: 0;
     padding-bottom: 0;

}
.sensor-dendrometer-controls-content{
    /*margin-left: auto;
    margin-right: auto;*/
}
.sensor-dendrometer-views {
    position: absolute;
    top: 1rem;
    z-index: 100;
    right: 3em;
    border: 1px solid #007565;
    border-radius: 3px;
    background-color: white;
}
.sensor-dendrometer-view {
    padding: 0.2rem 0.5rem;
    border-radius: 3px;
    color: #007565;
    cursor: pointer;
    opacity: 0.5;
}
.sensor-dendrometer-view.active {
    opacity: 1;
}
.sensor-view-content {
    margin-top: -1rem;
}
.chart-wp.full-width {
    width: 100%;
    margin: 2rem 0;
}
.sensor-dendrometer-controls-send-btn-wp{
    width: 100%;
    text-align: right;
    margin-right: 1rem;
    margin-top: -0.5rem;
    margin-bottom: 0.5rem;
}
.sensor-dendrometer-controls-send-btn{
    border: 1px solid #007565;
    color: #007565;
    text-transform: uppercase;
    font-size: 0.8rem;
}
.no-results-section{
    margin-top: 2rem;
    text-transform: uppercase;
    font-size: 0.8em;
    text-align: center;
    color: #007565;
    font-weight: 700;
}

.sensor-dendrometer-report-menu {
    background-color: white;
    width: 22rem;
    top: 3.5rem;
    right: 0.8rem;
    bottom: auto;
    left: auto;
    border-radius: 5px;
    z-index: 100000;
    position: absolute;
    border: 1px solid #007769;
    padding: 1rem;
}
/* END SENSOR FILTERS AND CONTROLS */
/* NEW CLIENT MENU */
.client-menu.navbar {
    background-color: #007769!important;
    height: 3.5rem;
}
.client-menu .navbar-brand {
    display: inline-block;
    cursor: pointer;
}
/*.client-menu .navbar-brand:hover .dropdown-toggle .main-logo,
.client-menu .navbar-brand:hover .dropdown-toggle .main-product-selector {
    opacity: 0.7;
}*/
.client-menu .main-logo {
    display: inline-block;
    background-image: url(../img/icono-agerpix-white.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 2.2rem;
    width: 2.2rem;
    margin-top: 0.25rem;
}
.client-menu .main-product-selector {
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 1.6rem;
    width: 10rem;
    vertical-align: baseline;
}
.main[product="onfruit"] .client-menu .dropdown-toggle .main-product-selector {
    background-image: url(../img/product_logo_onfruit.svg);
}
.main[product="dendrofruit"] .client-menu .dropdown-toggle .main-product-selector {
    background-image: url(../img/product_logo_dendrofruit.svg);
}
.client-menu .main-product-selector-dropdown .dropdown-item .main-product-selector {
    margin-top: 0.25rem;
}
.main[product="onfruit"] .client-menu  .main-product-selector-dropdown .dropdown-item .main-product-selector {
    background-image: url(../img/product_logo_dendrofruit.svg)
}
.main[product="dendrofruit"] .client-menu .main-product-selector-dropdown .dropdown-item .main-product-selector {
    background-image: url(../img/product_logo_onfruit.svg);
    height: 1.4rem;
    margin-top: 0.4rem;
}
/*.main[product="onfruit"] .client-menu .main-product-selector-dropdown .dropdown-item .main-product-selector:hover,
.main[product="dendrofruit"] .client-menu .main-product-selector-dropdown .dropdown-item .main-product-selector:hover {
    opacity: 0.7;
}*/
.client-menu .main-product-selector .main-product-selector-dropdown button.dropdown-item {
    padding-top: 0.5rem;
}
.client-menu .main-product-selector button.dropdown-item {
    outline: none;
}
.client-menu .main-product-selector-dropdown{
    display: inline-block;
}
.client-menu .main-product-selector-dropdown .dropdown-menu.show {
    z-index: 10000000;
    padding: 0;
    background-color: #007769;
    margin-left: 1.8rem;
}
.client-menu .main-product-selector-dropdown .dropdown-toggle{
    background-color: transparent;
}
.client-menu .main-product-selector-dropdown .dropdown-toggle::after {
    color: white;
    font-size: 1.1rem;
    padding-bottom: 0.2rem;
}
.client-menu .main-product-selector-dropdown.hide-after .dropdown-toggle::after {
     content:none;
}
.client-menu .navbar-brand i.fas.fa-caret-down {
    font-size: 1rem;
    color: white;
    padding-top: 1.3rem;
    display: inline-block;
    height: 1.1rem;
    vertical-align: top;
}
.client-menu .navbar-collapse {
    justify-content: end;
    flex-basis: unset;
}
.client-menu .navbar-nav {
    flex-direction: row;
    justify-content: flex-end;
}
.client-menu .navbar-nav .nav-link {
    color: white;
    white-space: nowrap;
    cursor: pointer;
    opacity: 0.7;
}
.client-menu .navbar-nav .nav-item.active .nav-link {
    opacity: 1;
}
.client-menu .navbar-nav .nav-link:hover {
    color:white !important;
    opacity: 1;
}
.client-menu .nav-link i {
    margin-right: 0.625rem;
}
.client-menu .client-config-menu-dropdown .dropdown-menu.show {
    z-index: 100000000;
    background-color: #007769;
}
.client-menu .client-config-menu-dropdown .dropdown-menu.show i{
    margin-left: 0.5rem;
}
.client-menu .client-config-menu-dropdown .dropdown-menu.show i.fa-dollar-sign{
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}
@media (max-width: 600px){
    .client-menu .nav-item span {
        display: none !important;
    }
}
.main #map{
    height: calc(100% - 3.5rem);
}
.main-actions {
    /*left: calc(50% - 5rem);*/
    top: 4.5rem;
    /*right: auto;*/
}
.graph-view, .sensor-view, .modal-distribution-selector-view, .modal-moment-selector-view{
    top: 3.5rem;
}
.graph-view-close-icon-wp,
.sensor-view-close-icon{
    display: none;
}
.admin-graph-view .graph-view-close-icon-wp{
    display: block;
}
.main[product="dendrofruit"] .main-menu{
    display: none;
}
.main[product="dendrofruit"] .main-action[product="onfruit"]{
    display: none !important;
}
.main[product="onfruit"] .main-action[product="dendrofruit"]{
    display: none !important;
}
.main[product="dendrofruit"] .nav-item[product="onfruit"]{
    display: none !important;
}
.main[product="onfruit"] .nav-item[product="dendrofruit"]{
    display: none !important;
}
.modal-client-form-view,
.modal-client-calc-view {
    position: absolute;
    top: 3.5rem;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #f2f2f2;
    background-color: rgba(0, 0, 0, 0.5);
    background-color: #ffffff;
    /*padding: 2.5rem;
    padding-right: 2rem;*/
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
}
.client-form-actions,
.client-calc-actions {
    color: #007769;
    padding-top: 1rem;
}
.client-form-actions i,
.client-calc-actions i{
    font-size: 1.2rem;
    cursor: pointer;
    padding-left: 0.5rem;
}
.client-form-content,
.client-calc-content {
    overflow: auto;
    max-height: calc(100% - 7.5rem) !important;
    height: calc(100% - 7.5rem) !important;
}
.client-form-form .group.row {
    display: block;
    color: #007769;
}
.client-form-content .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(0 117 104 / 0.1);
}
.custom-d-none,
.offline-d-none{
    display: none !important;
}
/*.modal-client-calc-view{
    background-color: rgba(0,0,0,0.5);
    z-index: 100000;
}*/

/* END NEW CLIENT MENU */
/* CALC */
.modal-client-calc-view {
    width: 28rem;
    /*top: 4.2rem;*/
    top: 7.5rem;
    right: 0.8rem;
    bottom: auto;
    left: auto;
    border-radius: 5px;
    /*height: 35rem;*/
    background-color: white;
    z-index: 100000;
}
.client-calc-content-wp{
    /*width: 40rem;
    max-width: 100%;*/
    height: 100%;
    /*margin-left: auto;
    margin-right: 0;
    background-color: #ffffff;*/
}
.client-calc-tabs {
    display: flex;
}
.client-calc-tab {
    width: calc(25% - 0.5rem);
    padding: 0.5rem 0.25rem;
    text-align: center;
    background-color: #007769;
    color: white;
    font-size: 0.9rem;
    cursor: pointer;
    border-left: 1px solid white;
}
.modal-client-calc-view.not-has-thinnings .client-calc-tab[section="thinning_costs"]{
    display: none;
}
.modal-client-calc-view.not-has-thinnings .client-calc-tab[section="vars"],
.modal-client-calc-view.not-has-thinnings .client-calc-tab[section="goals"],
.modal-client-calc-view.not-has-thinnings .client-calc-tab[section="results"] {
    width: calc(33% - 0.5rem);
}
.client-calc-tab[section="close"] {
    width: 2rem;
}
.client-calc-tab.active {
    background-color: white;
    color: #007769;
    font-weight: bold;
}
.client-calc-tab:nth-child(1) {
    border-left: 0;
}
.client-calc-tab:hover {
    opacity: 0.8;
}
.client-calc-form{
    position: relative;
    min-height: 10rem;
}
.calc-loader-wp {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}
.client-calc-content {
    max-height: calc(100vh - 13rem)!important;
    overflow: auto;
}
.client-calc-form-widget {
    margin-top: 1rem;
}
.client-calc-form-widget:nth-child(1) {
    margin-top: 0;
}
.client-calc-form-widget-header {
    text-align: center;
    background-color: #007769;
    color: white;
    padding: 0.25rem;
    border-radius: 3px 3px 0 0;
}
.client-calc-form-widget-content {
    padding: 0.5rem 1rem;
    border-radius: 0;
    border: 1px solid #007769;
}
.client-calc-form-widget-content-to-canvas{
    height: 10rem;
}
.client-calc-form-widget-content-to-canvas.histogram-canvas{
    height: 14rem;
}
.client-calc-form-widget-data {
    display: flex;
}
.client-calc-form-widget-data-label {
    width: 75%;
    /*color: #007769;*/
}
.client-calc-form-widget-data-value {
    text-align: right;
    width: 25%;
}
.client-calc-form-variables-common {
    margin-bottom: 1rem;
}
.client-calc-form-widget-data.main-data{
    font-weight: bold;
}
.client-calc-form-widget-data.indexed{
    padding-left: 1rem;
}
.client-calc-form-widget-data.top-separator{
    margin-top: 0.25rem;
    padding-top: 0.25rem;
    border-top: 1px solid #007769;
}
.client-calc-common-area-filters {
    display: flex;
    flex-wrap: wrap;
}
.client-calc-common-area-filter {
    padding: 0.5rem 1rem;
    background-color: #007769;
    color: white;
    border-radius: 3px;
    font-size: 0.8rem;
    position: relative;
    padding-right: 0.5rem;
}
.client-calc-common-area-filter i {
    cursor: pointer;
    padding-left: 0.5rem;
    font-size: 0.7rem;
}
.client-calc-form-phases {
    display: flex;
    justify-content: center;
}
.client-calc-form-phase {
    background-color: #007769;
    color: white;
    margin: 0 0.5rem;
    padding: 0.25rem 0.5rem;
    border-radius: 3px;
    text-align: center;
    font-size: 0.8rem;
    opacity: 0.4;
    cursor: pointer;
}
.client-calc-form-phase-wp.active .client-calc-form-phase{
    opacity: 1;
}
.client-calc-form-phase-wp.active .client-calc-view-in-map-btn{
    display: block;
}
.client-calc-form-phase:hover {
    opacity: 0.8;
}
.client-calc-form-phase-date {
    font-size: 0.7rem;
}
.client-calc-view-in-map-wp {
    /*margin: 0 0.5rem;*/
}
.client-calc-view-in-map-btn {
    background-color: #007769;
    color: white;
    font-size: 0.8rem;
    padding: 0.25rem 1em;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    display: none;
    margin: 0 0.5rem;
    margin-top: 0.25rem;
}
.client-calc-view-in-map-btn:hover {
    opacity: 0.8;
}
/*END CALC */

.navbar-expand-lg .navbar-nav .dropdown-menu{
    top: 3rem;
}
/* DENDROMETER MODS */
.canvas-wp-dendrometer{
    height: 60vh !important;
}
.chart-wp-dendrometer{
     width:70% !important;
     margin-left: auto !important;
     margin-right: auto !important;
}
.sensor-dendrometer-location-selector-content{
/*    flex-wrap: nowrap !important;*/
}
.sensor-view-content-selector button, .sensor-view-content-selector-date button{
    border: 1px solid #e9e9e9;
}
.sensor-dendrometer-location-selector{
    margin-top: 0.7rem ;
}
.leaf-icon {
    width: 1em;
    height: 1em;
    display: inline-block;
    border-top-left-radius: 100%;
    border-bottom-right-radius: 100%;
    margin-right: 0.5rem;
}
.dendrometer-chart-legend {
    text-align: center;
    margin-top:1.2rem;
}

.dendrometer-chart-legend  li {
    list-style: none;
    display: inline;
    margin-right: 1rem;
    cursor: pointer;
    text-decoration: line-through;
    opacity:0.5;
    font-size:0.8em;

}


.dendrometer-chart-legend  li.dendrometer-legend-item-selected{
    text-decoration: auto;text-decoration: auto;
    opacity:1;

}


.sensor-view-content-selector ul.dropdown-menu.show li span, .sensor-view-content-selector-date ul.dropdown-menu.show li span {
    font-size: 1rem;
    padding: 1rem;
    margin: 0.5rem;
    justify-content: left;
}
.sensor-view-content-selector ul.dropdown-menu.show li span:hover, .sensor-view-content-selector-date ul.dropdown-menu.show li span:hover  {
   color:white !important;
    text-aling:left;
}
.sensor-view-content-selector ul.dropdown-menu.show li:hover, .sensor-view-content-selector-date ul.dropdown-menu.show li:hover {
    background-color:#007769;
}
.sensor-view-content-selector ul.dropdown-menu.show li, .sensor-view-content-selector-date ul.dropdown-menu.show li {
    margin:0;
    padding-top:0.5em;
    padding-bottom:0.5em;
    text-align: left;
    justify-content: left;
    padding: 0.25rem 0.15rem;

}
.distribution_selector.distribution-selected {
    background-color: #007769;
}
.distribution_selector.distribution-selected  span{
    color:white !important;
}

.sensor-dendrometer-location-selector-content .btn {
    width: 100% !important;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sensor-dendrometer-location-selector-content .dropdown-toggle::after {
    display: inline-block;
    margin-right: 0.8em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    position: absolute;
    right: 0px;
    top: 45%;
}
.sensor-dendrometer-location-selector-content ul {
    width: 100% !important;
    overflow: hidden;
}

.chart-wp-dendrometer {
    width: 100% !important;
}



.sensor-dendrometer-location-selector {
    width: 100% !important;
    padding: 0.5rem;
    border-radius: 5px;
    margin-top: 0;
    padding-bottom: 0;
}

.canvas-wp.canvas-wp-dendrometer canvas {
    margin: auto;
}
li.dendro-season-selected {
    background-color: #007769;
}
li.dendro-season-selected span{
    color: white !important;
}
.sensor-dendrometer-location-col-wp {
    margin-bottom: 1rem;
}

/*.sensor-view-content-selector-date, .sensor-view-content-selector {
    width: 14.85rem;
}*/
@media (max-width: 1250px){

    .chart-resume-item {
        width: 31%;
    }
}
@media (max-width: 989px){


}
@media (max-width: 953px){

}
@media (max-width: 900px){
    .chart-resume-item {
        width: 100%;
    }
}

@media (max-width: 768px){

}

@media (max-width: 650px){

}
@media (max-width: 575px){
    sensor-dendrometer-views {
        right: 2em;
    }
}
@media (max-width: 525px){
    .chart-resume-item {
        width: 100%;
    }
}

/* END DENDROMETER MODS */
/* AZIMUTH EDITION */
.azimuth-edition-display-none{
    display: none !important;
}
#nav-main.azimuth-edition-display-none {
    overflow: hidden;
    max-width: 1px;
    max-height: 2.5rem;
}
.azimuth-edition-back-button {
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 100000;
    background-color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 3px;
    color: #007769;
    cursor: pointer;
}
/* END AZIMUTH EDITION */


/* MEDIA QUERY */
@media (max-width: 1199px){
  html,body{
    font-size: 17px;
  }
}
@media (max-width: 991px){
  html,body{
    font-size: 16px;
  }
  .modal-distribution-selector-view-content .main-menu-distribution-selector-item {
    width: 33.33%;
  }
  .modal-moment-selector-view-content .main-menu-date-selector-item {
    width: 33.33%;
  }
  .chart-wp {
    width: calc(100% - 2rem);
  }

  /*MENU*/

  .client-menu.navbar{
      padding: 0rem;
      display: flex;
      align-content: center;
      padding-right: 1rem;
      padding-left: 0.5rem;
      overflow: visible;
  }

  .client-menu .navbar-nav{
      column-gap: 1.5rem;
  }

  .client-menu .nav-link .fas{
      margin-right: 0.2rem;
  }

  .client-menu .client-config-menu-dropdown .dropdown-menu.show{
      position: absolute;
      padding: 0.5rem 1rem;
  }

}
@media (max-width: 767px){
  html,body{
    font-size: 15px;
  }
  .graph-view .graph-view-control-result{
      width: 33.33%;
  }
  .graph-view .chart-config {
    width: calc(100% - 2rem);
  }


  /*MENU*/

  .client-menu .nav-link span {
      display: none !important;
  }

  .client-menu .nav-item .dropdown-menu span > span {
      display: inherit !important;
  }

  .client-menu .nav-link .fas{
      font-size: 1.3rem;
  }

  .client-menu .client-config-menu-dropdown .dropdown-menu.show{
      left: -6rem !important;
      top: 3rem !important;
  }

  .client-menu .navbar-nav .dropdown-menu .nav-link{
      display: flex !important;
      column-gap: 0.5rem !important;
  }
}

@media (max-width: 600px){
    .client-menu .navbar-nav{
        height: 1.2rem;
    }

    .client-menu .navbar-nav .nav-link{
        display: initial !important;
    }

    .client-menu .client-config-menu-dropdown .dropdown-menu.show {
        left: -6.2rem !important;
        top: 2.4rem !important;
    }

}
@media (max-width: 575px){
  html,body{
    font-size: 14px;
  }
  .chart-wp {
    width: calc(100% - 2rem);
  }
  .form-signin{
    max-width: 95%;
  }
  .modal-distribution-selector-view-content .main-menu-distribution-selector-item {
    width: 50%;
  }
  .modal-momnet-selector-view-content .main-menu-date-selector-item {
    width: 50%;
  }
  .graph-view .graph-view-control{
      width: 100%;
  }
  .graph-view.controls_hidden .graph-view-graph{
      margin-bottom: 9rem;
  }
  .graph-view .graph-view-control-result{
      width: 33.33%;
  }
  .graph-view, .sensor-view, .modal-distribution-selector-view, .modal-moment-selector-view{
      padding-left: 1rem;
      padding-right: 1rem;
  }
  /*.graph-view-close-icon, .sensor-view-close-icon, .modal-distribution-selector-view-close-icon, .modal-moment-selector-view-close-icon{
      right: -0.5rem;
  }
  .graph-view-help-icon-wp{
      right: 0.5rem;
  }*/

}
@media (max-width: 419px){
  html,body{
    font-size: 13px;
  }
  .chart-wp {
    width: calc(100% - 2rem);
  }
  .form-signin{
    max-width: 95%;
  }
  .modal-distribution-selector-view-content .main-menu-distribution-selector-item {
    width: 100%;
  }
  .modal-moment-selector-view-content .main-menu-date-selector-item {
    width: 100%;
  }
  .graph-view .graph-view-control-result{
      width: 100%;
  }

  .client-menu .main-logo{
      height: 1.2rem;
      width: 1rem;
  }

  .client-menu .main-product-selector{
      height: 1.3rem;
      width: 8rem;
  }


}
@media (max-width: 360px){
  html,body{
    font-size: 12px;
  }
  .chart-wp {
    width: calc(100% - 2rem);
  }
  .form-signin{
    max-width: 95%;
  }
  .main-menu{
    left: 1rem;
  }
  .graph-view .graph-view-control-result{
      width: 100%;
  }
}
/* MEDIA QUERY */
/*@media (max-width: 1199px){
  html,body{
    font-size: 17px;
  }
}
@media (max-width: 991px){
  html,body{
    font-size: 16px;
  }
  .modal-distribution-selector-view-content .main-menu-distribution-selector-item {
      width: 33.33%;
  }
  .modal-moment-selector-view-content .main-menu-date-selector-item {
      width: 33.33%;
  }
  .chart-wp {
    width: calc(100% - 2rem);
  }
}
@media (max-width: 767px){
  html,body{
    font-size: 15px;
  }
  .chart-wp {
    width: calc(100% - 2rem);
  }
}
@media (max-width: 575px){
  html,body{
    font-size: 14px;
  }
  .chart-wp {
    width: calc(100% - 2rem);
  }
  .form-signin{
    max-width: 95%;
  }
  .modal-distribution-selector-view-content .main-menu-distribution-selector-item {
      width: 50%;
    }
    .modal-moment-selector-view-content .main-menu-date-selector-item {
        width: 50%;
      }
}
@media (max-width: 419px){
  html,body{
    font-size: 13px;
  }
  .chart-wp {
    width: calc(100% - 2rem);
  }
  .form-signin{
    max-width: 95%;
  }
   .modal-distribution-selector-view-content .main-menu-distribution-selector-item {
      width: 100%;
    }
    .modal-moment-selector-view-content .main-menu-date-selector-item {
       width: 100%;
     }
}
@media (max-width: 360px){
  html,body{
    font-size: 12px;
  }
  .chart-wp {
    width: calc(100% - 2rem);
  }
  .form-signin{
    max-width: 95%;
  }
  .main-menu{
    left: 1rem;
  }
}*/