@charset "UTF-8";
/*Signal Colors*/
/********************* comunes ***********************/
/* para colores, color de texto, tamaño txt, colores bg */
/* color texto */
.txt-blanco {
  color: white;
}

.txt-negro {
  color: black;
}

.txt-gris30 {
  color: rgb(170, 170, 170);
}

.txt-gris50 {
  color: rgb(125, 125, 125);
}

.txt-gris70 {
  color: rgb(77, 77, 77);
}

.txt-verde {
  color: rgb(130, 188, 0);
}

.txt-verde2 {
  color: rgb(207, 219, 0);
}

.txt-amarillo {
  color: rgb(255, 200, 67);
}

.txt-cafe {
  color: rgb(131, 96, 63);
}

.txt-click {
  color: #0074E8;
}

.txt-hecho {
  color: rgb(130, 188, 0);
}

.txt-editar {
  color: rgb(255, 200, 67);
}

.txt-borrar {
  color: #dc3545;
}

.txt-alerta {
  color: #ff9400;
}

.txt-blanco-bold {
  color: white;
  font-weight: bold;
}

.txt-negro-bold {
  color: black;
  font-weight: bold;
}

.txt-gris30-bold {
  color: rgb(170, 170, 170);
  font-weight: bold;
}

.txt-gris50-bold {
  color: rgb(125, 125, 125);
  font-weight: bold;
}

.txt-gris70-bold {
  color: rgb(77, 77, 77);
  font-weight: bold;
}

.txt-verde-bold {
  color: rgb(130, 188, 0);
  font-weight: bold;
}

.txt-verde2-bold {
  color: rgb(207, 219, 0);
  font-weight: bold;
}

.txt-amarillo-bold {
  color: rgb(255, 200, 67);
  font-weight: bold;
}

.txt-cafe-bold {
  color: rgb(131, 96, 63);
  font-weight: bold;
}

.txt-click-bold {
  color: #0074E8;
  font-weight: bold;
}

.txt-hecho-bold {
  color: rgb(130, 188, 0);
  font-weight: bold;
}

.txt-editar-bold {
  color: rgb(255, 200, 67);
  font-weight: bold;
}

.txt-borrar-bold {
  color: #dc3545;
  font-weight: bold;
}

.txt-alerta-bold {
  color: #ff9400;
  font-weight: bold;
}

/* tamaño de texto */
.txt-size-1 {
  font-size: 1em;
}

.txt-size-2 {
  font-size: 1.5em;
}

.txt-size-3 {
  font-size: 2em;
}

.txt-size-4 {
  font-size: 2.5em;
}

.txt-size-5 {
  font-size: 3em;
}

.txt-size-6 {
  font-size: 3.5em;
}

.txt-size-7 {
  font-size: 4em;
}

.txt-size-8 {
  font-size: 4.5em;
}

.txt-size-9 {
  font-size: 5em;
}

.txt-size-10 {
  font-size: 5.5em;
}

/* color fondo */
.bg-blanco {
  background-color: white;
}

.bg-negro {
  background-color: black;
}

.bg-gris30 {
  background-color: rgb(170, 170, 170);
}

.bg-gris50 {
  background-color: rgb(125, 125, 125);
}

.bg-gris70 {
  background-color: rgb(77, 77, 77);
}

.bg-verde {
  background-color: rgb(130, 188, 0);
}

.bg-verde2 {
  background-color: rgb(207, 219, 0);
}

.bg-amarillo {
  background-color: rgb(255, 200, 67);
}

.bg-cafe {
  background-color: rgb(131, 96, 63);
}

.bg-click {
  background-color: #0074E8;
}

.bg-hecho {
  background-color: rgb(130, 188, 0);
}

.bg-editar {
  background-color: rgb(255, 200, 67);
}

.bg-borrar {
  background-color: #dc3545;
}

.bg-alerta {
  background-color: #ff9400;
}

.bg-blanco-opacity {
  background-color: white;
  opacity: 0.5;
}

.bg-negro-opacity {
  background-color: black;
  opacity: 0.5;
}

.bg-gris30-opacity {
  background-color: rgb(170, 170, 170);
  opacity: 0.5;
}

.bg-gris50-opacity {
  background-color: rgb(125, 125, 125);
  opacity: 0.5;
}

.bg-gris70-opacity {
  background-color: rgb(77, 77, 77);
  opacity: 0.5;
}

.bg-verde-opacity {
  background-color: rgb(130, 188, 0);
  opacity: 0.5;
}

.bg-verde2-opacity {
  background-color: rgb(207, 219, 0);
  opacity: 0.5;
}

.bg-amarillo-opacity {
  background-color: rgb(255, 200, 67);
  opacity: 0.5;
}

.bg-cafe-opacity {
  background-color: rgb(131, 96, 63);
  opacity: 0.5;
}

.bg-click-opacity {
  background-color: #0074E8;
  opacity: 0.5;
}

.bg-hecho-opacity {
  background-color: rgb(130, 188, 0);
  opacity: 0.5;
}

.bg-editar-opacity {
  background-color: rgb(255, 200, 67);
  opacity: 0.5;
}

.bg-borrar-opacity {
  background-color: #dc3545;
  opacity: 0.5;
}

.bg-alerta-opacity {
  background-color: #ff9400;
  opacity: 0.5;
}

.header {
  width: 100%;
  padding: 1.1rem;
}

.portabotones {
  width: 100%;
  display: grid;
  grid-template-columns: auto auto auto;
  justify-content: space-between;
}

/* solo para Index */
.portaBotItem1 {
  grid-column: 2/3;
  align-items: center;
}

.portaBotItem2 {
  grid-column: 3/3;
}

.boton-lg {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.5);
}

/* solo para Index */
.footer {
  background-color: white;
  width: 100%;
  height: 7%;
  padding: 3px;
  position: fixed;
  bottom: 0px;
  box-shadow: 0px -3px 17px 1px rgba(0, 0, 0, 0.3);
}

.hidden {
  display: none;
}

.w90 {
  width: 85%;
}

.h-fit-content {
  height: fit-content;
}

.centrar {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.hojas {
  width: 100%;
  margin: 0;
  padding: 0;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: -2;
}

.fixed {
  position: fixed;
}

.zindex1 {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
}

.zindex-2 {
  z-index: -2;
}

.titulov {
  font-weight: bold;
  color: rgb(130, 180, 0);
}

.sombra {
  box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.3);
}

.verde {
  background-color: rgb(130, 180, 0);
  border-color: rgb(130, 180, 0);
}

.verde:hover {
  background-color: rgb(207, 217, 0);
  border-color: rgb(207, 217, 0);
}

.visit {
  background-color: rgba(130, 180, 0, 0.5);
}

.inFlex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.inFlex2 {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-evenly;
}

.f3 {
  grid-column: 2;
}

.inCol {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
}

.amarillo {
  background-color: rgb(255, 200, 67);
}

.opacity {
  opacity: 0.9;
}

.twhite {
  color: white;
  font-weight: bold;
}

.tpeq {
  font-size: 0.6em;
}

.tpeq2 {
  font-size: 0.7em;
}

.tpeq3 {
  font-size: 0.85em;
}

.lsnone {
  list-style: none;
}

.icons {
  width: 1.5em;
  height: auto;
}

.btnLista {
  font-weight: bold;
}

.btnLista:hover {
  color: rgb(130, 180, 0);
  font-size: 1.1em;
  text-decoration: underline;
}

.headTar {
  background-color: rgb(207, 219, 0);
  font-weight: bold;
}

.headTar2 {
  background-color: rgb(0, 133, 255);
  color: white;
  font-weight: bold;
}

.headTar3 {
  background-color: rgb(131, 96, 63);
  color: white;
  font-weight: bold;
}

.headTar4 {
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: bold;
}

.gauge {
  width: 200px;
  height: 200px;
}

.grid {
  display: grid;
  grid-template-columns: 5% 200px 5%;
  grid-template-rows: 200px 10% 5%;
  grid-gap: 3px;
  justify-content: center;
}

.item1 {
  grid-column: 2/3;
  grid-row: 1/3;
}

.item2 {
  grid-column: 2/3;
  grid-row: 2/3;
}

.item3 {
  grid-column: 2/3;
  grid-row: 3/3;
}

/*modificadores de los Popups*/
.leaflet-popup-content-wrapper {
  border-radius: 0px;
  padding: 1px;
  overflow: auto;
  border: none;
  margin: 0px;
}

.hpopupinf {
  background-color: rgb(130, 188, 0);
  padding: 5px;
  color: white;
  width: 100%;
}

.popup {
  opacity: 0;
}

.leaflet-popup-content {
  padding: 0;
  margin: 0;
}

.plus {
  width: 60px;
  height: 60px;
  border-radius: 45px;
  padding: 10px;
  line-height: 0px;
  position: fixed;
  right: 7%;
  bottom: 7%;
  background-color: #ff9400;
  color: white;
  z-index: 500;
}
.plus:hover {
  background-color: #ff6a00;
}
.plus:hover i {
  color: white;
}

.plus i {
  line-height: 0;
  margin: 50% 0px auto;
}

.plusSat {
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border-radius: 45px;
  padding: 10px;
  position: fixed;
  right: 5%;
  bottom: 10%;
  background-color: rgb(130, 188, 0);
  color: white;
  z-index: 1001;
  line-height: 0px;
}

.plusSat i {
  line-height: 0;
  margin: 50% 0px auto;
}

.zonaNom {
  display: grid;
  justify-content: center;
}

.zonaItems {
  display: grid;
  justify-content: center;
}

.zonaBoton {
  position: absolute;
  bottom: 0px;
  left: 10%;
  right: 10%;
}

/* parcelas */
.divNom {
  display: grid;
  justify-content: space-between;
  grid-template-columns: auto auto auto;
}

.nombreP {
  margin-bottom: 0px;
  padding: 0.375rem 0.75rem;
  color: rgba(0, 0, 0, 0.6);
}

.inputP {
  width: 100%;
  color: rgba(0, 0, 0, 0.6);
}

.guardar {
  background-color: rgb(207, 217, 0);
}

.inputCam {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.label {
  margin-bottom: 0;
}

/*.camImg {
	z-index: 6;
	position: absolute;
	right: 0;
	display: grid;
	grid-template-columns: auto auto;
	justify-content: space-between;
}*/
.clipImg {
  width: 110%;
  height: auto;
  clip-path: url(#clipSvg);
}

.rectSvg {
  opacity: 0;
  position: absolute;
}

.imgbox {
  width: 100%;
  height: 9em;
  background: #ccc;
}

.object-fit {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/*.opciones {
	padding: 0.3rem 0.7rem;
	border-radius: 7px;
	display: grid;
	justify-content: space-between;
	grid-template-columns: auto auto;
	grid-column-gap: 15px;
}*/
/*.progressB {
	grid-area: 2 / 1 / span 2 / span 2;
}*/
/* parcelas */
/* boton atras */
.btnAtras {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.5);
}

.btnAtras > i {
  padding: 0.25rem 0.6rem;
}

/* boton atras */
/* pantalla de error */
#error {
  display: grid;
  grid-template-columns: auto;
  justify-items: center;
  background-color: white;
}

.i1 {
  width: 85%;
  margin-top: 2rem;
  border-radius: 25px;
  display: grid;
  grid-template-columns: auto;
  justify-items: center;
}

.i1 > img {
  width: 40%;
  height: auto;
  margin: auto;
  padding: 0.75rem 0.75rem 0 0.75rem;
}

.i2 {
  width: 85%;
}

.tituloError {
  color: rgb(131, 96, 63);
}

/* pantalla de error */
/* sidebar ****************************/
#sidebar {
  position: fixed;
  width: 13rem;
  height: 100%;
  left: -13rem;
  transition: all 300ms ease-in-out;
  z-index: 1001;
  -webkit-box-shadow: 3px 0px 11px 0px rgba(74, 73, 74, 0.63);
  -moz-box-shadow: 3px 0px 11px 0px rgba(74, 73, 74, 0.63);
  box-shadow: 3px 0px 11px 0px rgba(74, 73, 74, 0.63);
}

#sidebar.active {
  left: 0px;
}

/* sidebar ****************************/
/* pro grid **********************************************/
/* Separador */
@media (min-width: 0) {
  .progrid-evenly {
    display: grid;
    justify-content: space-evenly;
  }
  .progrid-around {
    display: grid;
    justify-content: space-around;
  }
  .progrid-between {
    display: grid;
    justify-content: space-between;
  }
  .progrid-center {
    display: grid;
    justify-content: center;
  }
  .progrid-start {
    display: grid;
    justify-content: start;
  }
  .progrid-end {
    display: grid;
    justify-content: end;
  }
  .progrid-columns-1 {
    grid-template-columns: repeat(1, 100%);
  }
  .progrid-columns-2 {
    grid-template-columns: repeat(2, 50%);
  }
  .progrid-columns-3 {
    grid-template-columns: repeat(3, 33.3333333333%);
  }
  .progrid-columns-4 {
    grid-template-columns: repeat(4, 25%);
  }
  .progrid-columns-5 {
    grid-template-columns: repeat(5, 20%);
  }
  .progrid-columns-6 {
    grid-template-columns: repeat(6, 16.6666666667%);
  }
  .progrid-columns-7 {
    grid-template-columns: repeat(7, 14.2857142857%);
  }
  .progrid-columns-8 {
    grid-template-columns: repeat(8, 12.5%);
  }
  .progrid-columns-9 {
    grid-template-columns: repeat(9, 11.1111111111%);
  }
  .progrid-columns-10 {
    grid-template-columns: repeat(10, 10%);
  }
  .progrid-rows-1 {
    grid-template-rows: repeat(1, 100%);
  }
  .progrid-rows-2 {
    grid-template-rows: repeat(2, 50%);
  }
  .progrid-rows-3 {
    grid-template-rows: repeat(3, 33.3333333333%);
  }
  .progrid-rows-4 {
    grid-template-rows: repeat(4, 25%);
  }
  .progrid-rows-5 {
    grid-template-rows: repeat(5, 20%);
  }
  .progrid-span-2 {
    grid-column: 1/span 2;
  }
  .progrid-span-3 {
    grid-column: 1/span 3;
  }
  .progrid-span-4 {
    grid-column: 1/span 4;
  }
  .progrid-span-5 {
    grid-column: 1/span 5;
  }
  .progrid-span-6 {
    grid-column: 1/span 6;
  }
  .progrid-span-7 {
    grid-column: 1/span 7;
  }
  .progrid-span-8 {
    grid-column: 1/span 8;
  }
  .progrid-span-9 {
    grid-column: 1/span 9;
  }
  .w-10 {
    width: 10%;
  }
  .w-20 {
    width: 20%;
  }
  .w-30 {
    width: 30%;
  }
  .w-40 {
    width: 40%;
  }
  .w-xs-50 {
    width: 50%;
  }
  .w-60 {
    width: 60%;
  }
  .w-70 {
    width: 70%;
  }
  .w-80 {
    width: 80%;
  }
  .w-90 {
    width: 90%;
  }
  .w-xs-100 {
    width: 100%;
  }
  .w-100 {
    width: 100%;
  }
  .h-1 {
    height: 3rem;
  }
  .h-2 {
    height: 6rem;
  }
  .h-3 {
    height: 9rem;
  }
  .h-4 {
    height: 12rem;
  }
  .h-5 {
    height: 15rem;
  }
  .h-6 {
    height: 18rem;
  }
  .h-7 {
    height: 21rem;
  }
  .h-8 {
    height: 24rem;
  }
  .h-9 {
    height: 27rem;
  }
  .h-10 {
    height: 30rem;
  }
  .progrid-item-1 {
    grid-column: 1;
  }
  .progrid-item-2 {
    grid-column: 2;
  }
  .progrid-item-3 {
    grid-column: 3;
  }
  .progrid-item-4 {
    grid-column: 4;
  }
  .progrid-item-5 {
    grid-column: 5;
  }
  .progrid-item-6 {
    grid-column: 6;
  }
  .progrid-item-7 {
    grid-column: 7;
  }
  .progrid-item-8 {
    grid-column: 8;
  }
  .progrid-item-9 {
    grid-column: 9;
  }
  .progrid-item-10 {
    grid-column: 10;
  }
}
/* Separador */
@media (min-width: 576px) {
  .progrid-sm-evenly {
    display: grid;
    justify-content: space-evenly;
  }
  .progrid-sm-around {
    display: grid;
    justify-content: space-around;
  }
  .progrid-sm-between {
    display: grid;
    justify-content: space-between;
  }
  .progrid-sm-center {
    display: grid;
    justify-content: center;
  }
  .progrid-sm-start {
    display: grid;
    justify-content: start;
  }
  .progrid-sm-end {
    display: grid;
    justify-content: end;
  }
  .progrid-sm-columns-1 {
    grid-template-columns: repeat(1, 100%);
  }
  .progrid-sm-columns-2 {
    grid-template-columns: repeat(2, 50%);
  }
  .progrid-sm-columns-3 {
    grid-template-columns: repeat(3, 33.3333333333%);
  }
  .progrid-sm-columns-4 {
    grid-template-columns: repeat(4, 25%);
  }
  .progrid-sm-columns-5 {
    grid-template-columns: repeat(5, 20%);
  }
  .progrid-sm-columns-6 {
    grid-template-columns: repeat(6, 16.6666666667%);
  }
  .progrid-sm-columns-7 {
    grid-template-columns: repeat(7, 14.2857142857%);
  }
  .progrid-sm-columns-8 {
    grid-template-columns: repeat(8, 12.5%);
  }
  .progrid-sm-columns-9 {
    grid-template-columns: repeat(9, 11.1111111111%);
  }
  .progrid-sm-columns-10 {
    grid-template-columns: repeat(10, 10%);
  }
  .progrid-sm-rows-1 {
    grid-template-rows: repeat(1, 100%);
  }
  .progrid-sm-rows-2 {
    grid-template-rows: repeat(2, 50%);
  }
  .progrid-sm-rows-3 {
    grid-template-rows: repeat(3, 33.3333333333%);
  }
  .progrid-sm-rows-4 {
    grid-template-rows: repeat(4, 25%);
  }
  .progrid-sm-rows-5 {
    grid-template-rows: repeat(5, 20%);
  }
  .progrid-sm-span-2 {
    grid-column: 1/span 2;
  }
  .progrid-sm-span-3 {
    grid-column: 1/span 3;
  }
  .progrid-sm-span-4 {
    grid-column: 1/span 4;
  }
  .progrid-sm-span-5 {
    grid-column: 1/span 5;
  }
  .progrid-sm-span-6 {
    grid-column: 1/span 6;
  }
  .progrid-sm-span-7 {
    grid-column: 1/span 7;
  }
  .progrid-sm-span-8 {
    grid-column: 1/span 8;
  }
  .progrid-sm-span-9 {
    grid-column: 1/span 9;
  }
  .w-sm-10 {
    width: 10%;
  }
  .w-sm-20 {
    width: 20%;
  }
  .w-sm-30 {
    width: 30%;
  }
  .w-sm-40 {
    width: 40%;
  }
  .w-sm-50 {
    width: 50%;
  }
  .w-sm-60 {
    width: 60%;
  }
  .w-sm-70 {
    width: 70%;
  }
  .w-sm-80 {
    width: 80%;
  }
  .w-sm-90 {
    width: 90%;
  }
  .w-sm-100 {
    width: 100%;
  }
  .h-sm-1 {
    height: 3rem;
  }
  .h-sm-2 {
    height: 6rem;
  }
  .h-sm-3 {
    height: 9rem;
  }
  .h-sm-4 {
    height: 12rem;
  }
  .h-sm-5 {
    height: 15rem;
  }
  .h-sm-6 {
    height: 18rem;
  }
  .h-sm-7 {
    height: 21rem;
  }
  .h-sm-8 {
    height: 24rem;
  }
  .h-sm-9 {
    height: 27rem;
  }
  .h-sm-10 {
    height: 30rem;
  }
  .progrid-sm-item-1 {
    grid-column: 1;
  }
  .progrid-sm-item-2 {
    grid-column: 2;
  }
  .progrid-sm-item-3 {
    grid-column: 3;
  }
  .progrid-sm-item-4 {
    grid-column: 4;
  }
  .progrid-sm-item-5 {
    grid-column: 5;
  }
  .progrid-sm-item-6 {
    grid-column: 6;
  }
  .progrid-sm-item-7 {
    grid-column: 7;
  }
  .progrid-sm-item-8 {
    grid-column: 8;
  }
  .progrid-sm-item-9 {
    grid-column: 9;
  }
  .progrid-sm-item-10 {
    grid-column: 10;
  }
}
/* Separador */
@media (min-width: 768px) {
  .progrid-md-evenly {
    display: grid;
    justify-content: space-evenly;
  }
  .progrid-md-around {
    display: grid;
    justify-content: space-around;
  }
  .progrid-md-between {
    display: grid;
    justify-content: space-between;
  }
  .progrid-md-center {
    display: grid;
    justify-content: center;
  }
  .progrid-md-start {
    display: grid;
    justify-content: start;
  }
  .progrid-md-end {
    display: grid;
    justify-content: end;
  }
  .progrid-md-columns-1 {
    grid-template-columns: repeat(1, 100%);
  }
  .progrid-md-columns-2 {
    grid-template-columns: repeat(2, 50%);
  }
  .progrid-md-columns-3 {
    grid-template-columns: repeat(3, 33.3333333333%);
  }
  .progrid-md-columns-4 {
    grid-template-columns: repeat(4, 25%);
  }
  .progrid-md-columns-5 {
    grid-template-columns: repeat(5, 20%);
  }
  .progrid-md-columns-6 {
    grid-template-columns: repeat(6, 16.6666666667%);
  }
  .progrid-md-columns-7 {
    grid-template-columns: repeat(7, 14.2857142857%);
  }
  .progrid-md-columns-8 {
    grid-template-columns: repeat(8, 12.5%);
  }
  .progrid-md-columns-9 {
    grid-template-columns: repeat(9, 11.1111111111%);
  }
  .progrid-md-columns-10 {
    grid-template-columns: repeat(10, 10%);
  }
  .progrid-md-rows-1 {
    grid-template-rows: repeat(1, 100%);
  }
  .progrid-md-rows-2 {
    grid-template-rows: repeat(2, 50%);
  }
  .progrid-md-rows-3 {
    grid-template-rows: repeat(3, 33.3333333333%);
  }
  .progrid-md-rows-4 {
    grid-template-rows: repeat(4, 25%);
  }
  .progrid-md-rows-5 {
    grid-template-rows: repeat(5, 20%);
  }
  .progrid-md-span-2 {
    grid-column: 1/span 2;
  }
  .progrid-md-span-3 {
    grid-column: 1/span 3;
  }
  .progrid-md-span-4 {
    grid-column: 1/span 4;
  }
  .progrid-md-span-5 {
    grid-column: 1/span 5;
  }
  .progrid-md-span-6 {
    grid-column: 1/span 6;
  }
  .progrid-md-span-7 {
    grid-column: 1/span 7;
  }
  .progrid-md-span-8 {
    grid-column: 1/span 8;
  }
  .progrid-md-span-9 {
    grid-column: 1/span 9;
  }
  .w-md-10 {
    width: 10%;
  }
  .w-md-20 {
    width: 20%;
  }
  .w-md-30 {
    width: 30%;
  }
  .w-md-40 {
    width: 40%;
  }
  .w-md-50 {
    width: 50%;
  }
  .w-md-60 {
    width: 60%;
  }
  .w-md-70 {
    width: 70%;
  }
  .w-md-80 {
    width: 80%;
  }
  .w-md-90 {
    width: 90%;
  }
  .w-md-100 {
    width: 100%;
  }
  .h-md-1 {
    height: 3rem;
  }
  .h-md-2 {
    height: 6rem;
  }
  .h-md-3 {
    height: 9rem;
  }
  .h-md-4 {
    height: 12rem;
  }
  .h-md-5 {
    height: 15rem;
  }
  .h-md-6 {
    height: 18rem;
  }
  .h-md-7 {
    height: 21rem;
  }
  .h-md-8 {
    height: 24rem;
  }
  .h-md-9 {
    height: 27rem;
  }
  .h-md-10 {
    height: 30rem;
  }
  .progrid-md-item-1 {
    grid-column: 1;
  }
  .progrid-md-item-2 {
    grid-column: 2;
  }
  .progrid-md-item-3 {
    grid-column: 3;
  }
  .progrid-md-item-4 {
    grid-column: 4;
  }
  .progrid-md-item-5 {
    grid-column: 5;
  }
  .progrid-md-item-6 {
    grid-column: 6;
  }
  .progrid-md-item-7 {
    grid-column: 7;
  }
  .progrid-md-item-8 {
    grid-column: 8;
  }
  .progrid-md-item-9 {
    grid-column: 9;
  }
  .progrid-md-item-10 {
    grid-column: 10;
  }
}
/* Separador */
@media (min-width: 992px) {
  .progrid-lg-evenly {
    display: grid;
    justify-content: space-evenly;
  }
  .progrid-lg-around {
    display: grid;
    justify-content: space-around;
  }
  .progrid-lg-between {
    display: grid;
    justify-content: space-between;
  }
  .progrid-lg-center {
    display: grid;
    justify-content: center;
  }
  .progrid-lg-start {
    display: grid;
    justify-content: start;
  }
  .progrid-lg-end {
    display: grid;
    justify-content: end;
  }
  .progrid-lg-columns-1 {
    grid-template-columns: repeat(1, 100%);
  }
  .progrid-lg-columns-2 {
    grid-template-columns: repeat(2, 50%);
  }
  .progrid-lg-columns-3 {
    grid-template-columns: repeat(3, 33.3333333333%);
  }
  .progrid-lg-columns-4 {
    grid-template-columns: repeat(4, 25%);
  }
  .progrid-lg-columns-5 {
    grid-template-columns: repeat(5, 20%);
  }
  .progrid-lg-columns-6 {
    grid-template-columns: repeat(6, 16.6666666667%);
  }
  .progrid-lg-columns-7 {
    grid-template-columns: repeat(7, 14.2857142857%);
  }
  .progrid-lg-columns-8 {
    grid-template-columns: repeat(8, 12.5%);
  }
  .progrid-lg-columns-9 {
    grid-template-columns: repeat(9, 11.1111111111%);
  }
  .progrid-lg-columns-10 {
    grid-template-columns: repeat(10, 10%);
  }
  .progrid-lg-rows-1 {
    grid-template-rows: repeat(1, 100%);
  }
  .progrid-lg-rows-2 {
    grid-template-rows: repeat(2, 50%);
  }
  .progrid-lg-rows-3 {
    grid-template-rows: repeat(3, 33.3333333333%);
  }
  .progrid-lg-rows-4 {
    grid-template-rows: repeat(4, 25%);
  }
  .progrid-lg-rows-5 {
    grid-template-rows: repeat(5, 20%);
  }
  .progrid-lg-span-2 {
    grid-column: 1/span 2;
  }
  .progrid-lg-span-3 {
    grid-column: 1/span 3;
  }
  .progrid-lg-span-4 {
    grid-column: 1/span 4;
  }
  .progrid-lg-span-5 {
    grid-column: 1/span 5;
  }
  .progrid-lg-span-6 {
    grid-column: 1/span 6;
  }
  .progrid-lg-span-7 {
    grid-column: 1/span 7;
  }
  .progrid-lg-span-8 {
    grid-column: 1/span 8;
  }
  .progrid-lg-span-9 {
    grid-column: 1/span 9;
  }
  .w-lg-10 {
    width: 10%;
  }
  .w-lg-20 {
    width: 20%;
  }
  .w-lg-30 {
    width: 30%;
  }
  .w-lg-40 {
    width: 40%;
  }
  .w-lg-50 {
    width: 50%;
  }
  .w-lg-60 {
    width: 60%;
  }
  .w-lg-70 {
    width: 70%;
  }
  .w-lg-80 {
    width: 80%;
  }
  .w-lg-90 {
    width: 90%;
  }
  .w-lg-100 {
    width: 100%;
  }
  .h-lg-1 {
    height: 3rem;
  }
  .h-lg-2 {
    height: 6rem;
  }
  .h-lg-3 {
    height: 9rem;
  }
  .h-lg-4 {
    height: 12rem;
  }
  .h-lg-5 {
    height: 15rem;
  }
  .h-lg-6 {
    height: 18rem;
  }
  .h-lg-7 {
    height: 21rem;
  }
  .h-lg-8 {
    height: 24rem;
  }
  .h-lg-9 {
    height: 27rem;
  }
  .h-lg-10 {
    height: 30rem;
  }
  .progrid-lg-item-1 {
    grid-column: 1;
  }
  .progrid-lg-item-2 {
    grid-column: 2;
  }
  .progrid-lg-item-3 {
    grid-column: 3;
  }
  .progrid-lg-item-4 {
    grid-column: 4;
  }
  .progrid-lg-item-5 {
    grid-column: 5;
  }
  .progrid-lg-item-6 {
    grid-column: 6;
  }
  .progrid-lg-item-7 {
    grid-column: 7;
  }
  .progrid-lg-item-8 {
    grid-column: 8;
  }
  .progrid-lg-item-9 {
    grid-column: 9;
  }
  .progrid-lg-item-10 {
    grid-column: 10;
  }
}
/* Separador */
@media (min-width: 1200px) {
  .progrid-xl-evenly {
    display: grid;
    justify-content: space-evenly;
  }
  .progrid-xl-around {
    display: grid;
    justify-content: space-around;
  }
  .progrid-xl-between {
    display: grid;
    justify-content: space-between;
  }
  .progrid-xl-center {
    display: grid;
    justify-content: center;
  }
  .progrid-xl-start {
    display: grid;
    justify-content: start;
  }
  .progrid-xl-end {
    display: grid;
    justify-content: end;
  }
  .progrid-xl-columns-1 {
    grid-template-columns: repeat(1, 100%);
  }
  .progrid-xl-columns-2 {
    grid-template-columns: repeat(2, 50%);
  }
  .progrid-xl-columns-3 {
    grid-template-columns: repeat(3, 33.3333333333%);
  }
  .progrid-xl-columns-4 {
    grid-template-columns: repeat(4, 25%);
  }
  .progrid-xl-columns-5 {
    grid-template-columns: repeat(5, 20%);
  }
  .progrid-xl-columns-6 {
    grid-template-columns: repeat(6, 16.6666666667%);
  }
  .progrid-xl-columns-7 {
    grid-template-columns: repeat(7, 14.2857142857%);
  }
  .progrid-xl-columns-8 {
    grid-template-columns: repeat(8, 12.5%);
  }
  .progrid-xl-columns-9 {
    grid-template-columns: repeat(9, 11.1111111111%);
  }
  .progrid-xl-columns-10 {
    grid-template-columns: repeat(10, 10%);
  }
  .progrid-xl-rows-1 {
    grid-template-rows: repeat(1, 100%);
  }
  .progrid-xl-rows-2 {
    grid-template-rows: repeat(2, 50%);
  }
  .progrid-xl-rows-3 {
    grid-template-rows: repeat(3, 33.3333333333%);
  }
  .progrid-xl-rows-4 {
    grid-template-rows: repeat(4, 25%);
  }
  .progrid-xl-rows-5 {
    grid-template-rows: repeat(5, 20%);
  }
  .progrid-xl-span-2 {
    grid-column: 1/span 2;
  }
  .progrid-xl-span-3 {
    grid-column: 1/span 3;
  }
  .progrid-xl-span-4 {
    grid-column: 1/span 4;
  }
  .progrid-xl-span-5 {
    grid-column: 1/span 5;
  }
  .progrid-xl-span-6 {
    grid-column: 1/span 6;
  }
  .progrid-xl-span-7 {
    grid-column: 1/span 7;
  }
  .progrid-xl-span-8 {
    grid-column: 1/span 8;
  }
  .progrid-xl-span-9 {
    grid-column: 1/span 9;
  }
  .w-xl-10 {
    width: 10%;
  }
  .w-xl-20 {
    width: 20%;
  }
  .w-xl-30 {
    width: 30%;
  }
  .w-xl-40 {
    width: 40%;
  }
  .w-xl-50 {
    width: 50%;
  }
  .w-xl-60 {
    width: 60%;
  }
  .w-xl-70 {
    width: 70%;
  }
  .w-xl-80 {
    width: 80%;
  }
  .w-xl-90 {
    width: 90%;
  }
  .w-xl-100 {
    width: 100%;
  }
  .h-xl-1 {
    height: 3rem;
  }
  .h-xl-2 {
    height: 6rem;
  }
  .h-xl-3 {
    height: 9rem;
  }
  .h-xl-4 {
    height: 12rem;
  }
  .h-xl-5 {
    height: 15rem;
  }
  .h-xl-6 {
    height: 18rem;
  }
  .h-xl-7 {
    height: 21rem;
  }
  .h-xl-8 {
    height: 24rem;
  }
  .h-xl-9 {
    height: 27rem;
  }
  .h-xl-10 {
    height: 30rem;
  }
  .progrid-xl-item-1 {
    grid-column: 1;
  }
  .progrid-xl-item-2 {
    grid-column: 2;
  }
  .progrid-xl-item-3 {
    grid-column: 3;
  }
  .progrid-xl-item-4 {
    grid-column: 4;
  }
  .progrid-xl-item-5 {
    grid-column: 5;
  }
  .progrid-xl-item-6 {
    grid-column: 6;
  }
  .progrid-xl-item-7 {
    grid-column: 7;
  }
  .progrid-xl-item-8 {
    grid-column: 8;
  }
  .progrid-xl-item-9 {
    grid-column: 9;
  }
  .progrid-xl-item-10 {
    grid-column: 10;
  }
}
/* Separador */
@media (min-width: 1400px) {
  .progrid-xxl-evenly {
    display: grid;
    justify-content: space-evenly;
  }
  .progrid-xxl-around {
    display: grid;
    justify-content: space-around;
  }
  .progrid-xxl-between {
    display: grid;
    justify-content: space-between;
  }
  .progrid-xxl-center {
    display: grid;
    justify-content: center;
  }
  .progrid-xxl-start {
    display: grid;
    justify-content: start;
  }
  .progrid-xxl-end {
    display: grid;
    justify-content: end;
  }
  .progrid-xxl-columns-1 {
    grid-template-columns: repeat(1, 100%);
  }
  .progrid-xxl-columns-2 {
    grid-template-columns: repeat(2, 50%);
  }
  .progrid-xxl-columns-3 {
    grid-template-columns: repeat(3, 33.3333333333%);
  }
  .progrid-xxl-columns-4 {
    grid-template-columns: repeat(4, 25%);
  }
  .progrid-xxl-columns-5 {
    grid-template-columns: repeat(5, 20%);
  }
  .progrid-xxl-columns-6 {
    grid-template-columns: repeat(6, 16.6666666667%);
  }
  .progrid-xxl-columns-7 {
    grid-template-columns: repeat(7, 14.2857142857%);
  }
  .progrid-xxl-columns-8 {
    grid-template-columns: repeat(8, 12.5%);
  }
  .progrid-xxl-columns-9 {
    grid-template-columns: repeat(9, 11.1111111111%);
  }
  .progrid-xxl-columns-10 {
    grid-template-columns: repeat(10, 10%);
  }
  .progrid-xxl-rows-1 {
    grid-template-rows: repeat(1, 100%);
  }
  .progrid-xxl-rows-2 {
    grid-template-rows: repeat(2, 50%);
  }
  .progrid-xxl-rows-3 {
    grid-template-rows: repeat(3, 33.3333333333%);
  }
  .progrid-xxl-rows-4 {
    grid-template-rows: repeat(4, 25%);
  }
  .progrid-xxl-rows-5 {
    grid-template-rows: repeat(5, 20%);
  }
  .progrid-xxl-span-2 {
    grid-column: 1/span 2;
  }
  .progrid-xxl-span-3 {
    grid-column: 1/span 3;
  }
  .progrid-xxl-span-4 {
    grid-column: 1/span 4;
  }
  .progrid-xxl-span-5 {
    grid-column: 1/span 5;
  }
  .progrid-xxl-span-6 {
    grid-column: 1/span 6;
  }
  .progrid-xxl-span-7 {
    grid-column: 1/span 7;
  }
  .progrid-xxl-span-8 {
    grid-column: 1/span 8;
  }
  .progrid-xxl-span-9 {
    grid-column: 1/span 9;
  }
  .w-xxl-10 {
    width: 10%;
  }
  .w-xxl-20 {
    width: 20%;
  }
  .w-xxl-30 {
    width: 30%;
  }
  .w-xxl-40 {
    width: 40%;
  }
  .w-xxl-50 {
    width: 50%;
  }
  .w-xxl-60 {
    width: 60%;
  }
  .w-xxl-70 {
    width: 70%;
  }
  .w-xxl-80 {
    width: 80%;
  }
  .w-xxl-90 {
    width: 90%;
  }
  .w-xxl-100 {
    width: 100%;
  }
  .h-xxl-1 {
    height: 3rem;
  }
  .h-xxl-2 {
    height: 6rem;
  }
  .h-xxl-3 {
    height: 9rem;
  }
  .h-xxl-4 {
    height: 12rem;
  }
  .h-xxl-5 {
    height: 15rem;
  }
  .h-xxl-6 {
    height: 18rem;
  }
  .h-xxl-7 {
    height: 21rem;
  }
  .h-xxl-8 {
    height: 24rem;
  }
  .h-xxl-9 {
    height: 27rem;
  }
  .h-xxl-10 {
    height: 30rem;
  }
  .progrid-xxl-item-1 {
    grid-column: 1;
  }
  .progrid-xxl-item-2 {
    grid-column: 2;
  }
  .progrid-xxl-item-3 {
    grid-column: 3;
  }
  .progrid-xxl-item-4 {
    grid-column: 4;
  }
  .progrid-xxl-item-5 {
    grid-column: 5;
  }
  .progrid-xxl-item-6 {
    grid-column: 6;
  }
  .progrid-xxl-item-7 {
    grid-column: 7;
  }
  .progrid-xxl-item-8 {
    grid-column: 8;
  }
  .progrid-xxl-item-9 {
    grid-column: 9;
  }
  .progrid-xxl-item-10 {
    grid-column: 10;
  }
}
/* Separador */
@media (min-width: 1600px) {
  .progrid-xxxl-evenly {
    display: grid;
    justify-content: space-evenly;
  }
  .progrid-xxxl-around {
    display: grid;
    justify-content: space-around;
  }
  .progrid-xxxl-between {
    display: grid;
    justify-content: space-between;
  }
  .progrid-xxxl-center {
    display: grid;
    justify-content: center;
  }
  .progrid-xxxl-start {
    display: grid;
    justify-content: start;
  }
  .progrid-xxxl-end {
    display: grid;
    justify-content: end;
  }
  .progrid-xxxl-columns-1 {
    grid-template-columns: repeat(1, 100%);
  }
  .progrid-xxxl-columns-2 {
    grid-template-columns: repeat(2, 50%);
  }
  .progrid-xxxl-columns-3 {
    grid-template-columns: repeat(3, 33.3333333333%);
  }
  .progrid-xxxl-columns-4 {
    grid-template-columns: repeat(4, 25%);
  }
  .progrid-xxxl-columns-5 {
    grid-template-columns: repeat(5, 20%);
  }
  .progrid-xxxl-columns-6 {
    grid-template-columns: repeat(6, 16.6666666667%);
  }
  .progrid-xxxl-columns-7 {
    grid-template-columns: repeat(7, 14.2857142857%);
  }
  .progrid-xxxl-columns-8 {
    grid-template-columns: repeat(8, 12.5%);
  }
  .progrid-xxxl-columns-9 {
    grid-template-columns: repeat(9, 11.1111111111%);
  }
  .progrid-xxxl-columns-10 {
    grid-template-columns: repeat(10, 10%);
  }
  .progrid-xxxl-rows-1 {
    grid-template-rows: repeat(1, 100%);
  }
  .progrid-xxxl-rows-2 {
    grid-template-rows: repeat(2, 50%);
  }
  .progrid-xxxl-rows-3 {
    grid-template-rows: repeat(3, 33.3333333333%);
  }
  .progrid-xxxl-rows-4 {
    grid-template-rows: repeat(4, 25%);
  }
  .progrid-xxxl-rows-5 {
    grid-template-rows: repeat(5, 20%);
  }
  .progrid-xxxl-span-2 {
    grid-column: 1/span 2;
  }
  .progrid-xxxl-span-3 {
    grid-column: 1/span 3;
  }
  .progrid-xxxl-span-4 {
    grid-column: 1/span 4;
  }
  .progrid-xxxl-span-5 {
    grid-column: 1/span 5;
  }
  .progrid-xxxl-span-6 {
    grid-column: 1/span 6;
  }
  .progrid-xxxl-span-7 {
    grid-column: 1/span 7;
  }
  .progrid-xxxl-span-8 {
    grid-column: 1/span 8;
  }
  .progrid-xxxl-span-9 {
    grid-column: 1/span 9;
  }
  .w-xxxl-10 {
    width: 10%;
  }
  .w-xxxl-20 {
    width: 20%;
  }
  .w-xxxl-30 {
    width: 30%;
  }
  .w-xxxl-40 {
    width: 40%;
  }
  .w-xxxl-50 {
    width: 50%;
  }
  .w-xxxl-60 {
    width: 60%;
  }
  .w-xxxl-70 {
    width: 70%;
  }
  .w-xxxl-80 {
    width: 80%;
  }
  .w-xxxl-90 {
    width: 90%;
  }
  .w-xxxl-100 {
    width: 100%;
  }
  .h-xxxl-1 {
    height: 3rem;
  }
  .h-xxxl-2 {
    height: 6rem;
  }
  .h-xxxl-3 {
    height: 9rem;
  }
  .h-xxxl-4 {
    height: 12rem;
  }
  .h-xxxl-5 {
    height: 15rem;
  }
  .h-xxxl-6 {
    height: 18rem;
  }
  .h-xxxl-7 {
    height: 21rem;
  }
  .h-xxxl-8 {
    height: 24rem;
  }
  .h-xxxl-9 {
    height: 27rem;
  }
  .h-xxxl-10 {
    height: 30rem;
  }
  .progrid-xxxl-item-1 {
    grid-column: 1;
  }
  .progrid-xxxl-item-2 {
    grid-column: 2;
  }
  .progrid-xxxl-item-3 {
    grid-column: 3;
  }
  .progrid-xxxl-item-4 {
    grid-column: 4;
  }
  .progrid-xxxl-item-5 {
    grid-column: 5;
  }
  .progrid-xxxl-item-6 {
    grid-column: 6;
  }
  .progrid-xxxl-item-7 {
    grid-column: 7;
  }
  .progrid-xxxl-item-8 {
    grid-column: 8;
  }
  .progrid-xxxl-item-9 {
    grid-column: 9;
  }
  .progrid-xxxl-item-10 {
    grid-column: 10;
  }
}
/* botonera satelite 2 */
.botSat {
  display: block;
  background: #f8f9fa;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #dfdfdf;
  box-shadow: 0px 7px 10px #555;
  margin: 2rem auto;
}
.botSat .satCapas {
  text-align: center;
}
.botSat .satCapas a {
  list-style: none;
  display: inline-block;
  border-left: 1px solid #dfdfdf;
  color: #6c757d;
  font-size: small;
  padding: 12px;
  overflow: hidden;
  font-weight: 700;
  background-color: #EEEEEE;
}
.botSat .satCapas a:first-child {
  border: none;
  border-radius: 10px 0 0 0;
}
.botSat .satCapas a:last-child {
  border: none;
  border-radius: 0 10px 0 0;
}
.botSat .satCapas a:hover {
  color: #333;
  background-color: #e6e0e0;
}
.botSat .satCapas a.active {
  color: #222;
  background-color: #d6cdcd;
}
.botSat .satCont {
  width: 100%;
  border-top: 1px solid #dfdfdf;
  grid-template-columns: 10% 78% 10%;
  grid-column-gap: 1%;
  padding: 0 3px;
}
.botSat .satCont button {
  width: 100%;
  height: 90%;
  margin: auto;
  border-radius: 0px 10px 10px 0px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 700;
  background-color: #EEEEEE;
  border: 1px solid #dfdfdf;
  color: #6c757d;
}
.botSat .satCont button:first-child {
  border-radius: 10px 0px 0px 10px;
}
.botSat .satCont button:hover {
  color: #333;
  background-color: #e6e0e0;
}
.botSat .satCont .satDias {
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
  padding: 3px;
  white-space: nowrap;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  text-align: center;
  -ms-transition: all 2s ease-in;
  -o-transition: all 2s ease-in;
  -moz-transition: all 2s ease-in;
  -webkit-transition: all 2s ease-in;
  transition: all 2s ease-in;
}
.botSat .satCont .satDias a {
  background-color: #EEEEEE;
  display: inline-block;
  color: #6c757d;
  font-size: small;
  font-weight: 600;
  padding: 15px;
  width: 50px;
  height: 50px;
  margin: 0 3px;
  text-decoration: none;
  border-radius: 10px;
  border: 1px solid #dfdfdf;
}
.botSat .satCont .satDias a:hover {
  background-color: #e6e0e0;
  color: #333;
}
.botSat .satCont .satDias a.active {
  color: #222;
  background-color: #d6cdcd;
}

/* botonera satelite 2 */
/* detalles */
.divZona {
  display: grid;
  justify-content: space-between;
  grid-template-columns: auto auto;
}

.climaGrid {
  display: grid;
  grid-template-columns: auto auto auto;
  justify-content: space-around;
}

.climaItem {
  text-align: center;
}

.transicion {
  transition: opacity 0.5s ease-in 0s;
}
.transicion .show {
  opacity: 1;
}
.transicion .hide {
  opacity: 0;
}

.in {
  animation-name: fadein;
  animation-duration: 2s;
}

.out {
  animation-name: fadeout;
  animation-duration: 2s;
}

@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#detalle .card {
  border-radius: 5px 5px 10px 10px;
}

#cajaDespliegue {
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  justify-content: center;
}
#cajaDespliegue #despliegue {
  cursor: pointer;
  display: block;
  width: 100%;
  background-color: rgb(130, 188, 0);
  padding: 0.375rem 0rem;
  border: none;
  color: white;
  font-weight: 900;
  border-radius: 10px 10px 10px 10px;
}

.row.zonaItems ul.nav.nav-tabs .nav-item a.nav-link.active {
  color: white;
  background-color: rgb(130, 188, 0);
  border: none;
}

/* detalles */
/* estilos charts */
body header.include.navbar.navbar-expand-lg div.portabotones a.centrar img.py-3.centrar {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
body div#fechas.fechas {
  margin: 0px auto 20px auto;
}
body div#fechas.fechas .titulo {
  width: 70%;
  padding: 5px;
  margin: 0px auto 5px auto;
  display: block;
  color: rgb(130, 188, 0);
  border-radius: 2px;
  text-align: center;
  font-weight: bold;
}
body div#fechas.fechas .enviar {
  background-color: rgb(130, 188, 0);
  border: none;
  color: white;
  font-weight: bold;
  border-radius: 2px;
  padding: 5px;
}

/* estilos charts */
/* riegoentrar.html */
#riegoentrar #servnocont {
  overflow: hidden;
}
#riegoentrar #servnocont div.bg-amarillo {
  padding: 5px 0;
}
#riegoentrar #servnocont div.w-90.txt-gris50.centrar {
  text-align: start;
}
#riegoentrar #servnocont a.comprar {
  display: block;
  background-color: rgb(130, 188, 0);
  margin-top: 3px;
  width: 100%;
  color: white;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 0px;
  line-height: normal;
}

/* riegoentrar.html */
/* parcelas */
#contParc div.card div.card-body div.zonaBoton {
  display: grid;
  grid-template-columns: 40% repeat(3, 20%);
}
#contParc div.card div.card-body div.zonaBoton button#resumen {
  width: 100%;
  border-radius: 10px 0px 0px 10px;
  font-size: 0.85em;
  color: rgb(77, 77, 77);
  background-color: #f8f9fa;
  border: 0.5px solid rgb(185, 185, 185);
}
#contParc div.card div.card-body div.zonaBoton button#resumen:hover {
  background-color: rgb(130, 188, 0);
  color: white;
}
#contParc div.card div.card-body div.zonaBoton #weather {
  width: 100%;
  padding: 3px;
  border: 0.5px solid rgb(185, 185, 185);
  border-left: none;
  /*border-right: none;*/
  background-color: #f8f9fa;
  color: #ff9400;
}
#contParc div.card div.card-body div.zonaBoton #weather:hover {
  background-color: rgb(130, 188, 0);
  color: white;
}
#contParc div.card div.card-body div.zonaBoton button#soil {
  width: 100%;
  padding: 3px;
  background-color: #f8f9fa;
  border: 0.5px solid rgb(185, 185, 185);
  border-left: none;
  color: rgb(131, 96, 63);
  border-radius: 0 10px 10px 0;
}
#contParc div.card div.card-body div.zonaBoton button#soil #tint {
  color: #339af0;
}
#contParc div.card div.card-body div.zonaBoton button#soil:hover {
  background-color: rgb(130, 188, 0);
  color: white;
}
#contParc div.card div.card-body div.zonaBoton button#soil:hover .fa-tint {
  color: white !important;
}
#contParc div.card div.card-body div.zonaBoton button#crop {
  border: 0.5px solid rgb(185, 185, 185);
  border-left: none;
  background-color: #f8f9fa;
  color: rgb(130, 188, 0);
  padding: 3px;
  width: 100%;
}
#contParc div.card div.card-body div.zonaBoton button#crop:hover {
  background-color: rgb(130, 188, 0);
  color: white;
}
#contParc div.card div.card-body div.zonaBoton button#map {
  border: 0.5px solid rgb(185, 185, 185);
  border-radius: 0 10px 10px 0;
  background-color: #f8f9fa;
  color: rgb(77, 77, 77);
  padding: 3px;
  width: 100%;
}
#contParc div.card div.card-body div.zonaBoton button#map:hover {
  background-color: #ccc;
}
#contParc div.card div.card-body div.zonaBoton button#weather.deactivated,
#contParc div.card div.card-body div.zonaBoton button#soil.deactivated,
#contParc div.card div.card-body div.zonaBoton button#crop.deactivated,
#contParc div.card div.card-body div.zonaBoton button#map.deactivated {
  background-color: rgb(170, 170, 170);
  color: rgb(77, 77, 77);
}
#contParc div.card div.card-body div.zonaBoton button#weather.deactivated i.fa-tint,
#contParc div.card div.card-body div.zonaBoton button#soil.deactivated i.fa-tint,
#contParc div.card div.card-body div.zonaBoton button#crop.deactivated i.fa-tint,
#contParc div.card div.card-body div.zonaBoton button#map.deactivated i.fa-tint {
  color: rgb(77, 77, 77) !important;
}

/* parcelas */
/* detalle.html */
ul#horas {
  overflow: hidden;
  overflow-y: scroll;
}
ul#horas li.titulos {
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: bold;
  text-align: center;
  list-style: none;
  display: block;
  pad: 5px 0;
}

/* detalle.html */
/* qampoAcademy */
#academy {
  margin: 20px auto;
  display: grid;
  width: 90%;
}
@media (min-width: 0px) {
  #academy {
    grid-template-columns: 100%;
  }
  #academy #listaRep {
    grid-column: 1;
    grid-row: 3;
    margin: 20px 0 0 0;
  }
  #academy #descripcion {
    grid-column: 1;
    grid-row: 2;
    height: inherit;
  }
  #academy iframe#reproductor {
    width: 100%;
    height: 30vh;
  }
  #academy .video {
    border: 0.5px solid #ccc;
    display: grid;
    align-content: space-between;
    grid-template-columns: 40% 60%;
    grid-template-rows: 100%;
  }
  #academy .video div {
    display: block;
    width: 100%;
    grid-column: 2;
    grid-row: 1;
    background: none;
    color: rgb(77, 77, 77);
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    padding: 3px;
    margin: auto 0px;
    word-wrap: break-word;
  }
  #academy .video img {
    display: block;
    grid-column: 1;
    grid-row: 1;
    width: 100px;
    height: 60px;
  }
  #academy .video:hover .tituloVideo {
    background-color: none;
  }
  #academy .video:hover img {
    opacity: none;
  }
}
@media (min-width: 576px) {
  #academy iframe#reproductor {
    margin: 0 auto;
    width: 100%;
    height: 35vh;
  }
}
@media (min-width: 768px) {
  #academy {
    grid-template-columns: 70% 30%;
  }
  #academy #listaRep {
    margin: 0 auto;
    grid-column: 2;
    grid-row: 1/span 3;
    margin: 0 20px 20px 20px;
  }
  #academy #descripcion {
    grid-column: 1;
    grid-row: 2;
    height: 30vh;
  }
  #academy iframe#reproductor {
    width: 100%;
    height: 30vh;
  }
  #academy .video {
    border: 0.5px solid #ccc;
    display: block;
  }
  #academy .video div.tituloVideo {
    width: 100%;
    background: #f7f7f7;
    color: rgb(125, 125, 125);
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    padding: 4px;
  }
  #academy .video img {
    width: 100%;
    height: auto;
  }
  #academy .video:hover .tituloVideo {
    background-color: rgb(130, 188, 0);
    color: white;
  }
  #academy .video:hover img {
    opacity: 0.8;
  }
}
@media (min-width: 992px) {
  #academy {
    grid-template-columns: 85% 25%;
  }
  #academy iframe#reproductor {
    width: 100%;
    height: 45vh;
  }
}
@media (min-width: 1200px) {
  #academy iframe#reproductor {
    width: 100%;
    height: 50vh;
  }
}
#academy #reproductor {
  width: 100%;
  height: 20em;
  grid-column: 1;
  grid-row: 1;
  box-shadow: 0px 4px 3px gray;
}
#academy #listaRep {
  border-radius: 5px;
  width: 100%;
  height: 75vh;
  overflow: hidden;
  background-color: white;
  border: 0.5px solid rgb(224, 224, 224);
  box-shadow: 0px 4px 3px gray;
}
#academy #listaRep .titulo {
  display: block;
  background: #f3f3f3;
  color: rgb(125, 125, 125);
  font-weight: bold;
  text-align: center;
  padding: 7px 0;
  border-bottom: 0.5px solid rgb(224, 224, 224);
}
#academy #listaRep #videos {
  overflow: hidden;
  overflow-y: scroll;
  width: 100%;
  height: 71vh;
}
#academy #listaRep #videos .video {
  cursor: pointer;
  margin-bottom: 10px;
  text-align: center;
}
#academy #listaRep #videos .video .tituloVideo {
  width: 100%;
}
#academy #listaRep #videos .video.active .tituloVideo {
  background-color: rgb(130, 188, 0);
  color: white;
}
#academy #descripcion {
  width: 100%;
  background: white;
  border-radius: 5px;
  box-shadow: 0px 4px 3px gray;
  margin-top: 20px;
  border: 0.5px solid rgb(224, 224, 224);
  overflow: hidden;
}
#academy #descripcion .tituloDesc {
  display: block;
  background: #f3f3f3;
  padding: 7px;
  width: 100%;
  color: rgb(125, 125, 125);
  font-weight: bold;
  padding-left: 20px;
  border-bottom: 0.5px solid rgb(224, 224, 224);
}
#academy #descripcion .tituloDesc i {
  font-size: 12px;
  font-weight: 600;
}
#academy #descripcion .contenidoDesc {
  color: rgb(125, 125, 125);
  padding: 20px;
}

/* #academy{
    // background: $blanco;
    border-radius: 5px;
    padding: 20px;

    #listaRep{
        box-shadow: none;
        border: none;
        div.titulo{
            background: transparent;
            color: $gris70;
            margin-bottom: 15px;
        }
        #videos.caja{
            div.video{
                div.tituloVideo{
                    background-color: transparent;
                }
            }
            div.video{
                div.tituloVideo{
                    background-color: transparent;
                    color: $gris70;
                }
            }

        }
    }
    #descripcion{
        box-shadow: none;
        border: none;
        div.tituloDesc{
            background: transparent;
            font-size: 1.3em;
            color: $gris70;
            text-align: left;
        }
    }

    iframe#reproductor {
        box-shadow: none;
    }

} */
/* qampoAcademy */
/* ubicación */
#contenedor.ubicacion {
  width: 90%;
  height: 60vh;
  margin: 2rem auto;
}

/* ubicación */
/*parcelanueva*/
#progresoParcela {
  margin: 40px auto 0 auto;
}
#progresoParcela #title {
  width: 80%;
  box-shadow: 7px 7px 10px #ccc;
}

#parcNueva.parcNueva {
  margin: 20px auto;
}
#parcNueva.parcNueva #localidad.card {
  margin: 20px auto 0 auto;
  width: 80%;
  box-shadow: 7px 7px 10px #ccc;
}
#parcNueva.parcNueva #configuracion {
  margin: 20px auto 0 auto;
  box-shadow: 7px 7px 10px #ccc;
}

#parcBot.parcBot {
  margin: 20px auto;
  text-align: center;
  letter-spacing: -1em;
}
#parcBot.parcBot #botonSiguiente1 {
  display: block;
  margin: 10px auto;
  background: rgb(130, 188, 0);
  color: white;
  font-weight: bold;
  padding: 10px;
  border: none;
  border-radius: 5px;
  width: 30%;
}
#parcBot.parcBot #botonSiguiente2 {
  display: inline-block;
  background: rgb(130, 188, 0);
  color: white;
  font-weight: bold;
  padding: 10px;
  border: 0.5px solid rgb(130, 188, 0);
  border-radius: 0 10px 10px 0;
  width: 30%;
  letter-spacing: normal;
}
#parcBot.parcBot #botonSaltar {
  letter-spacing: normal;
  display: inline-block;
  background: #f8f9fa;
  color: rgb(77, 77, 77);
  font-weight: bold;
  padding: 10px;
  border: 0.5px solid rgb(185, 185, 185);
  border-radius: 10px 0 0 10px;
  width: 30%;
}
#parcBot.parcBot #finalizar {
  display: block;
  margin: 10px auto;
  background: rgb(130, 188, 0);
  color: white;
  font-weight: bold;
  padding: 10px;
  border: none;
  border-radius: 5px;
  width: 30%;
}

/*parcelanueva*/
/* zona */
@media (min-width: 768px) {
  article.botZona div.card {
    padding: 0 0 0 0 !important;
    width: 95%;
    display: block;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  article.botZona div.card {
    padding: 0 0 0 0 !important;
    width: 96.5%;
    display: block;
    margin: 0 auto;
  }
}
#myTabContent #clima {
  margin-bottom: 5em;
}
#myTabContent #clima .label {
  font-size: 1.7em;
}
#myTabContent #clima .label .value {
  font-size: 1em;
  font-weight: bold;
}
#myTabContent #agua {
  margin-bottom: 5em;
}
#myTabContent #agua .label {
  font-size: 1.7em;
}
#myTabContent #agua .value {
  font-size: 1.7em;
  font-weight: bold;
}
#myTabContent #suelo {
  margin-bottom: 5em;
}
#myTabContent #suelo .label {
  font-size: 1.7em;
}
#myTabContent #suelo .label .value {
  font-size: 1em;
  font-weight: bold;
}
#myTabContent #cultivo {
  margin-bottom: 5em;
}
#myTabContent #cultivo .label {
  font-size: 1.7em;
  grid-column: 1;
}
#myTabContent #cultivo .value {
  font-size: 1.7em;
  font-weight: bold;
  grid-column: 2;
}

/* zona */
#historico .title_card .card-body {
  padding-bottom: 0.5rem;
}
#historico .dataExtra {
  display: block;
  width: 100%;
}
#historico .dataExtra_title {
  text-align: center;
  color: rgb(125, 125, 125);
  margin-bottom: 5px;
}
#historico .dataExtra_buttons {
  text-align: center;
}
#historico .dataExtra_buttons button {
  border: none;
  border-left: 0.5px solid rgb(170, 170, 170);
  color: white;
  background-color: #ccc;
}
#historico .dataExtra_buttons button.activ {
  background-color: rgb(130, 188, 0);
}
#historico .dataExtra_buttons button.activ:active, #historico .dataExtra_buttons button.activ:hover, #historico .dataExtra_buttons button.activ:focus {
  background-color: #70a300;
}
#historico .dataExtra_buttons button:hover {
  background-color: #b3b3b3;
}
#historico .dataExtra_buttons button:first-child {
  border-radius: 5px 0 0 0px;
  border: none;
}
#historico .dataExtra_buttons button:last-child {
  border-radius: 0 5px 0px 0;
}

#titulo .card .zonaItems #myTab .nav-item a.deactivated {
  color: rgb(170, 170, 170);
  opacity: 0.5;
  border-color: white;
}
#titulo .card .zonaItems #myTab .nav-item a.deactivated:hover {
  border-color: white;
  color: rgb(170, 170, 170);
  cursor: default;
}

.detalle-box {
  width: 100%;
  margin: 0 auto;
}
.detalle-box .box {
  border: 1px solid #ccc;
  border-radius: 5px;
}
.detalle-box .box .box-title {
  text-align: center;
  font-weight: bold;
  padding: 5px;
  border-radius: 5px;
}
.detalle-box .box .soilIrrigation {
  background: rgb(131, 96, 63);
  color: white;
}
.detalle-box .box .soilIrrigation button {
  border: none;
  background: rgb(255, 200, 67);
  color: white;
  border-radius: 5px;
  font-weight: bold;
}
.detalle-box .box .crop {
  background: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
}
.detalle-box .box .crop button {
  border: none;
  background: rgb(130, 188, 0);
  color: white;
  border-radius: 5px;
  font-weight: bold;
}
.detalle-box .box .box-content {
  color: rgb(77, 77, 77);
}
.detalle-box .box .box-content .box-item {
  border-bottom: 1px solid #ccc;
  display: grid;
  grid-template-columns: 20% 20% 20% 20% 20%;
  grid-template-rows: 50% 50%;
  text-align: center;
}
.detalle-box .box .box-content .box-item .g1-12 {
  grid-column: 1;
  grid-row: 1/span 2;
  margin: auto 0;
}
.detalle-box .box .box-content .box-item .g2-12 {
  grid-column: 2;
  grid-row: 1/span 2;
}
.detalle-box .box .box-content .box-item .g3-1 {
  grid-column: 3;
  grid-row: 1;
}
.detalle-box .box .box-content .box-item .g4-1 {
  grid-column: 4;
  grid-row: 1;
}
.detalle-box .box .box-content .box-item .g5-1 {
  grid-column: 5;
  grid-row: 1;
}
.detalle-box .box .box-content .box-item .g2-2 {
  grid-column: 2;
  grid-row: 2;
}
.detalle-box .box .box-content .box-item .g3-2 {
  grid-column: 3;
  grid-row: 2;
}
.detalle-box .box .box-content .box-item .g4-2 {
  grid-column: 4;
  grid-row: 2;
}
.detalle-box .box .box-content .box-item .g5-2 {
  grid-column: 5;
  grid-row: 2;
}

.contenedor {
  width: 70px;
  height: 35px;
  overflow: hidden;
  margin-top: 20px;
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: 50% 50%;
  justify-content: center;
  align-items: center;
}

.gauge-a {
  z-index: 1;
  background-color: #ccc;
  width: 70px;
  height: 43.75px;
  border-radius: 250px 250px 0px 0px;
  grid-column: 1/span 4;
  grid-row: 2;
  overflow: hidden;
  display: grid;
  grid-row: 25% 25% 25% 25%;
}

.gauge-b {
  z-index: 3;
  background-color: white;
  width: 45px;
  height: 30px;
  border-radius: 100em 100em 0px 0px;
  grid-column: 2/span 3;
  grid-row: 1/span 2;
  margin-left: -4px;
  margin-bottom: -25px;
}

.gauge-c {
  z-index: 2;
  background-color: #5664f9;
  width: 70px;
  height: 35px;
  border-radius: 0px 0px 200px 200px;
  transform-origin: center top;
  transition: all 1.3s ease-in-out;
  margin-bottom: -200px;
  grid-row: 4;
}

#valor {
  z-index: 4;
  color: rgb(125, 125, 125);
  font-weight: bold;
}

.nuevazona {
  border: none;
  background: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
  border-radius: 5px;
  padding: 5px 10px;
  width: 100%;
}

.nuevazona.none {
  display: none;
}

.cajaZonaVacia {
  border-radius: 5px;
  padding: 20px;
  text-align: center;
  background: #c9e093;
  background-image: url(../sources/leaf.svg);
  background-repeat: repeat;
  background-size: 100px;
  background-position: top;
}
.cajaZonaVacia i.fas {
  color: rgb(77, 77, 77);
  margin-bottom: 10px;
}
.cajaZonaVacia .titulo {
  display: block;
  font-weight: bold;
  font-size: 1.3em;
  color: rgb(77, 77, 77);
  background: rgba(255, 255, 255, 0.35);
  border-radius: 5px;
}
.cajaZonaVacia .subtitulo {
  display: block;
  font-style: italic;
  font-size: 1.1em;
  color: rgb(77, 77, 77);
  background: rgba(255, 255, 255, 0.35);
  border-radius: 5px;
}

.cajaZonaVacia.none {
  display: none;
}

#cajaBuscador button:hover .fas {
  color: rgb(255, 200, 67);
}

#usrsdevices #finder {
  display: grid;
  width: 90%;
  grid-template-columns: 90% 10%;
  margin: 20px auto;
  box-shadow: 5px 5px 7px #777;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  background-color: white;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  #usrsdevices #finder {
    width: 50%;
  }
}
#usrsdevices #finder_input {
  border: none;
  background-color: white;
}
#usrsdevices #finder button {
  background-color: rgb(130, 188, 0);
  border: none;
  color: white;
}

#cajaTabla {
  border-radius: 5px;
  border: 1px solid #ccc;
  background: white;
  margin-bottom: 2em;
  overflow: auto;
}
#cajaTabla #tablad.tablad {
  width: 100%;
  overflow: hidden;
  overflow-y: scroll;
}
#cajaTabla #tablad.tablad tr {
  height: 35px;
}
#cajaTabla #tablad.tablad tr th {
  background: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
  border: solid thin #ccc;
  text-align: center;
}
#cajaTabla #tablad.tablad tr td {
  color: #000;
  border: solid thin #ccc;
  text-align: center;
}
#cajaTabla #tablad.tablad tr.alerta {
  background: rgba(255, 0, 0, 0.1);
}
#cajaTabla #tablad.tablad tr.deactivated {
  background-color: #e6e6e6;
}
#cajaTabla #tablad.tablad tr.deactivated td {
  color: rgb(125, 125, 125);
}
#cajaTabla #tablad.tablad tr.deactivated td i {
  color: rgb(125, 125, 125);
}
#cajaTabla #tablad.tablad tr:hover td {
  background: rgb(247, 247, 247);
  color: #000;
  font-weight: 600;
}
#cajaTabla #tablad.tablad tr:hover td i {
  color: #000;
}
#cajaTabla #tablad.tablad tr:hover th {
  background: rgb(130, 188, 0);
  color: white;
}

#cajafiltros {
  background: transparent;
  margin: 0 auto;
  margin-top: 20px;
  text-align: center;
}
#cajafiltros #cantidad {
  width: 90%;
}
#cajafiltros button {
  background-color: rgb(207, 219, 0);
  width: 10%;
  padding: 7px;
  color: rgb(77, 77, 77);
}
#cajafiltros button:hover {
  color: white;
}

.boxButton {
  display: flex;
  position: fixed;
  bottom: 7%;
  right: -20%;
  justify-content: center;
  align-items: center;
  transition: all ease-out 0.4s;
}
.boxButton_button {
  display: block;
  width: 50px;
  height: 50px;
  background-color: rgb(130, 188, 0);
  color: white;
  border: 2px solid white;
  border-radius: 100%;
}

#add {
  display: flex;
  width: 60px;
  height: 60px;
  position: absolute;
  bottom: 7%;
  right: 7%;
  justify-content: center;
  align-items: center;
  border: 2px solid white;
  border-radius: 100%;
  background-color: #ff9400;
}
#add:hover {
  background-color: #e68500;
}

#usrsdevicesV2 #finder {
  display: flex;
  width: 90%;
  margin: 20px auto;
}
@media only screen and (min-width: 768px) {
  #usrsdevicesV2 #finder {
    width: 50%;
  }
}
#usrsdevicesV2 #cajaTabla2 table {
  width: 100%;
}
#usrsdevicesV2 #cajaTabla2 table tr {
  height: 35px;
}
#usrsdevicesV2 #cajaTabla2 table tr.alerta {
  background: rgba(255, 0, 0, 0.1);
}
#usrsdevicesV2 #cajaTabla2 table tr.alerta:nth-child(even) {
  background: rgba(255, 0, 0, 0.3);
}
#usrsdevicesV2 #cajaTabla2 table tr.alerta:hover {
  background: rgba(255, 0, 0, 0.2);
}
#usrsdevicesV2 #cajaTabla2 table tr.deactivated {
  background-color: #aaa;
}
#usrsdevicesV2 #cajaTabla2 table tr.deactivated:nth-child(even) {
  background: #b7b7b7;
}
#usrsdevicesV2 #cajaTabla2 table tr.deactivated:hover {
  background: #c4c4c4;
}
#usrsdevicesV2 #cajaTabla2 table tr:hover {
  background: rgba(255, 255, 255, 0.5);
}
#usrsdevicesV2 #sideButtons button:hover {
  background-color: #e68500 !important;
}

#gaugeSoil {
  display: grid;
  grid-template-columns: auto;
  justify-content: center;
}

#tituloZona.tituloZona {
  display: grid;
  grid-template-columns: 95% 5%;
  grid-template-rows: 50% 50%;
  justify-content: space-around;
  margin: 10px auto;
  width: 50%;
}
#tituloZona.tituloZona button.editarNombre {
  width: 100%;
  padding-right: 20px;
}
#tituloZona.tituloZona button.editarNombre i.far.fa-edit {
  font-size: 0.7em;
}
#tituloZona.tituloZona .form-group {
  width: 100%;
  grid-column: 1;
  grid-row: 2;
}
#tituloZona.tituloZona .form-group select.form-control {
  width: 100%;
}
#tituloZona.tituloZona .dropleft {
  grid-column: 2;
  grid-row: 2;
  width: 100%;
}
#tituloZona.tituloZona .dropleft i.fas {
  font-size: 1.3em;
}

.botZona .zonaFilters {
  display: flex;
}
.botZona .zonaFilters button {
  border: none;
  border-right: 0.5px solid #ccc;
  padding: 5px 0;
  flex-grow: 1;
}
.botZona .zonaFilters button span {
  display: none;
}
@media only screen and (min-width: 576px) {
  .botZona .zonaFilters button span {
    display: inline;
  }
}
.botZona .zonaFilters button.activ {
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
}
.botZona .zonaFilters button:hover {
  background-color: rgb(130, 188, 0);
  color: white;
}
.botZona .zonaFilters button:first-child {
  border-bottom-left-radius: 3px;
}
.botZona .zonaFilters button:last-child {
  border: none;
  border-bottom-right-radius: 3px;
}

#zonaContenido #myTabContent #cards #nothing {
  display: block;
  width: 90%;
  position: relative;
  top: 50%;
  left: 0%;
  right: 0%;
  margin: 0 auto;
  text-align: center;
}

#zonaV3 .closeCrop,
#zonaV2 .closeCrop {
  background-color: white;
  border-radius: 5px;
  overflow: hidden;
}
#zonaV3 .closeCrop label,
#zonaV2 .closeCrop label {
  display: block;
  background-color: rgb(170, 170, 170);
  color: white;
  text-align: center;
  font-weight: 900;
}
#zonaV3 .closeCrop_inputs,
#zonaV2 .closeCrop_inputs {
  padding: 10px;
}
#zonaV3 .closeCrop_inputs button,
#zonaV2 .closeCrop_inputs button {
  border: none;
  background-color: rgb(130, 188, 0);
  color: white;
  border-radius: 5px;
}

section.container #progresoZona {
  display: block;
  margin: 0 auto;
}
section.container #contZona {
  display: block;
  margin: 0 auto;
}
section.container #contZona .card .card-body #fecha,
section.container #contZona .card .card-body #hour {
  width: 49%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
section.container #zonaBot {
  display: flex;
  margin: 0 auto;
  justify-content: center;
}
section.container #zonaBot #botonSiguiente1 {
  display: inline-block;
  background: rgb(130, 188, 0);
  color: white;
  padding: 5px;
  display: block;
  margin-top: 10px;
  border: none;
  border-radius: 5px;
}
section.container #zonaBot #botonSiguiente2 {
  display: inline-block;
  background: rgb(130, 188, 0);
  color: white;
  padding: 5px;
  margin-top: 10px;
  border: none;
  border-radius: 5px 0 0 5px;
}
section.container #zonaBot #skip {
  display: inline-block;
  background: #ccc;
  color: rgb(77, 77, 77);
  padding: 5px 15px;
  margin-top: 10px;
  border: none;
}
section.container #zonaBot #botonUbicacion {
  display: inline-block;
  background: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
  padding: 5px;
  margin-top: 10px;
  border: none;
  border-radius: 0 5px 5px 0;
}
section.container #zonaBot #correct {
  display: inline-block;
  background: rgb(130, 188, 0);
  color: white;
  padding: 5px;
  margin-top: 10px;
  border: none;
  border-radius: 5px 0 0 5px;
  font-weight: bold;
}
section.container #zonaBot #adjust {
  display: inline-block;
  background: rgb(255, 200, 67);
  color: rgb(125, 125, 125);
  padding: 5px;
  margin-top: 10px;
  border: none;
  border-radius: 0 5px 5px 0;
  font-weight: bold;
}

#sinEstaciones.sinEstaciones {
  margin-top: 20px;
  border-radius: 5px;
  padding: 20px;
  text-align: center;
  background: #c9e093;
  background-image: url(../sources/leaf.svg);
  background-repeat: repeat;
  background-size: 100px;
  background-position: top;
}
#sinEstaciones.sinEstaciones i.fas {
  color: rgb(77, 77, 77);
  display: block;
  margin: 20px auto;
}
#sinEstaciones.sinEstaciones span.mensaje {
  display: block;
  font-weight: bold;
  font-size: 1.3em;
  color: rgb(77, 77, 77);
  background: rgba(255, 255, 255, 0.35);
  border-radius: 5px;
  padding: 20px;
  margin: 20px auto;
}
#sinEstaciones.sinEstaciones a.url {
  display: block;
  margin: 20px auto;
  font-style: italic;
  font-size: 1.1em;
  color: rgb(77, 77, 77);
  background: rgb(255, 200, 67);
  border-radius: 5px;
  width: 30%;
  font-weight: bold;
  padding: 5px 10px;
}
#sinEstaciones.sinEstaciones a.url:hover {
  color: white;
  text-decoration: none;
}

section#dispositivos.dispositivos {
  width: 90%;
  margin: 20px auto;
}
section#dispositivos.dispositivos div.card {
  width: 90%;
  display: block;
  margin: 20px auto;
}
section#dispositivos.dispositivos div.card div.card-header {
  font-size: 1.3em;
  font-weight: bold;
}

div.button#button button#guardar.guardar {
  background: rgb(207, 219, 0);
  font-weight: bold;
  color: rgb(77, 77, 77);
  padding: 5px 10px;
  border: none;
  border-radius: 5px;
  display: block;
  margin: 10px auto;
  box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.3);
}

.inputsContainer {
  display: block;
}
.inputsContainer.large {
  display: grid;
  grid-template-columns: 15% 40% 15% 30%;
  grid-template-rows: 100%;
}
.inputsContainer.large label,
.inputsContainer.large input,
.inputsContainer.large select {
  width: 100%;
}
.inputsContainer.analogicas {
  display: grid;
  grid-template-columns: 15% 85%;
}

#confdispositivo.confdispositivo #form {
  margin-top: 40px;
}
#confdispositivo.confdispositivo #form .card-header {
  color: rgb(125, 125, 125);
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
}
#confdispositivo.confdispositivo #form .card-body {
  color: rgb(125, 125, 125);
  padding-left: 40px;
  padding-right: 40px;
}
#confdispositivo.confdispositivo #form .card-body .grupo {
  display: grid;
  grid-template-columns: 50% 50%;
  width: 100%;
  margin: 10px 0;
}
#confdispositivo.confdispositivo #form .card-body .grupo label {
  width: 100%;
}
#confdispositivo.confdispositivo #form .card-body .grupo input,
#confdispositivo.confdispositivo #form .card-body .grupo select {
  width: 100%;
  height: 35px;
  background: white;
  border-radius: 5px;
  border: 1px solid #ccc;
}
#confdispositivo.confdispositivo #form .card-body .grupo select {
  background: #fff;
}
#confdispositivo.confdispositivo #form .card-body .grupo input:focus,
#confdispositivo.confdispositivo #form .card-body .grupo select:focus {
  border: 1px solid rgb(130, 188, 0);
  box-shadow: 0px 0px 3px rgb(130, 188, 0);
}
#confdispositivo.confdispositivo #form .card-body .grupo input[type=checkbox] {
  width: 0;
  margin: initial;
}
#confdispositivo.confdispositivo #form .card-body .grupo button {
  border: none;
  color: white;
  font-weight: bold;
  padding: 5px;
}
#confdispositivo.confdispositivo #form .card-body .grupo #configurar {
  background: rgb(130, 188, 0);
  border-radius: 5px 0 0 5px;
}
#confdispositivo.confdispositivo #form .card-body .grupo #borrar {
  border-radius: 0 5px 5px 0;
  background: rgb(255, 200, 67);
  color: rgb(77, 77, 77);
}

#listadoParcelas.listadoParcelas .tituloLista {
  font-size: 1.1em;
  font-weight: bold;
  color: rgb(125, 125, 125);
}
#listadoParcelas.listadoParcelas .satCont .satDias a {
  width: unset;
}

#navegadorParcela.container .verMas {
  display: block;
  background: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
  font-weight: bold;
  border-radius: 5px;
  border: none;
  width: 100px;
  height: 35px;
  font-size: 1.3em;
  margin: 0 auto;
}
#navegadorParcela.container .popupEstacion header.headerPopup {
  background: rgb(130, 188, 0);
  font-weight: bold;
  color: white;
}
#navegadorParcela.container .popupEstacion .bodyPopup {
  width: 300px;
}
#navegadorParcela.container .popupEstacion.soilIrrigation header.headerPopup {
  background: #44a0da;
  font-weight: bold;
  color: white;
}
#navegadorParcela.container .popupEstacion.soilIrrigation .bodyPopup {
  width: 300px;
}
#navegadorParcela.container .popupEstacion.soilIrrigation .bodyPopup .box-item {
  padding: 10px 5px;
  border-bottom: thin solid #ccc;
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: 50% 50%;
  text-align: center;
}
#navegadorParcela.container .popupEstacion.soilIrrigation .bodyPopup .box-item .g1-12 {
  grid-row: 1/span 2;
  margin: auto 0;
  font-weight: bold;
}
#navegadorParcela.container .popupEstacion.soilIrrigation .bodyPopup .box-item .g3-1 {
  grid-column: 2;
  grid-row: 1;
}
#navegadorParcela.container .popupEstacion.soilIrrigation .bodyPopup .box-item .g3-2 {
  grid-column: 2;
  grid-row: 2;
}
#navegadorParcela.container .popupEstacion.soilIrrigation .bodyPopup .box-item .g4-1 {
  grid-column: 3;
  grid-row: 1;
}
#navegadorParcela.container .popupEstacion.soilIrrigation .bodyPopup .box-item .g4-2 {
  grid-column: 3;
  grid-row: 2;
}
#navegadorParcela.container .popupEstacion.soilIrrigation .bodyPopup .box-item .g5-1 {
  grid-column: 4;
  grid-row: 1;
}
#navegadorParcela.container .popupEstacion.soilIrrigation .bodyPopup .box-item .g5-2 {
  grid-column: 4;
  grid-row: 2;
}

#botSat #year.year {
  display: grid;
  grid-template-columns: 33.3% 33.3% 33.3%;
  border-bottom: 0.5px solid #dfdfdf;
  text-align: center;
}
#botSat #year.year .año {
  display: block;
  background: #eee;
  width: 100%;
  margin: 0 auto;
  font-weight: bold;
  color: rgb(125, 125, 125);
  padding: 10px 0;
  border-left: 0.5px solid #dfdfdf;
  font-size: 0.9em;
}
#botSat #year.year .año:first-child {
  border-left: none;
  border-radius: 5px 0 0 0;
}
#botSat #year.year .año:last-child {
  border-radius: 0 5px 0 0;
}
#botSat #year.year .año:hover {
  color: #333;
  background-color: #e6e0e0;
}
#botSat #year.year .año.activo {
  color: #222;
  background-color: #d6cdcd;
}
#botSat .satCapas a {
  border-radius: 0px;
  border-left: 0.5px solid #dfdfdf;
}
#botSat .satCapas a:first-child {
  border: none;
}

.popover .popover-body.blancos {
  color: rgb(255, 200, 67);
}
.popover .popover-body.digitos {
  color: red;
}
.popover .popover-body.done {
  color: rgb(130, 188, 0);
}

#botonEnviar {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  background: rgb(130, 188, 0);
  color: white;
  border-radius: 5px;
  text-align: center;
  margin: 0 auto;
  border: none;
}
#botonEnviar:hover {
  background: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
}
#botonEnviar:focus {
  color: white !important;
  box-shadow: 0 0 0 0.2rem rgba(65, 182, 29, 0.3);
}
#botonEnviar.desactivado {
  background-color: rgb(170, 170, 170);
  color: rgb(77, 77, 77);
  opacity: 0.6;
}

body#registro div#cortina {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.6);
  z-index: 999;
}
body#registro div#cortina.on {
  display: block;
}
body#registro div#cortina #modal {
  display: block;
  margin: 32% auto;
  margin-bottom: 10%;
  width: 80vw;
  height: 70vh;
  background-color: white;
  border: 0.5px #ccc solid;
  border-radius: 5px;
  overflow: hidden;
  overflow-y: scroll;
}
@media only screen and (min-width: 576px) {
  body#registro div#cortina #modal {
    margin: 15% auto;
    width: 60vw;
    height: 70vh;
  }
}
@media only screen and (min-width: 768px) {
  body#registro div#cortina #modal {
    margin: 15% auto;
    width: 50vw;
    height: 60vh;
  }
}
body#registro div#cortina #modal #modal-title {
  font-size: 1.3em;
  color: rgb(77, 77, 77);
  font-weight: bold;
  text-align: center;
  background-color: rgb(236, 236, 236);
  border-bottom: 0.5px #ccc solid;
  position: sticky;
  top: 0;
}
body#registro div#cortina #modal #modal-content #text {
  padding: 10px 40px;
  color: rgb(77, 77, 77);
}
body#registro div#cortina #modal #modal-content button#close {
  border: none;
  width: 30%;
  display: block;
  margin: 10px auto;
  border-radius: 5px;
  background: rgb(170, 170, 170);
  color: rgb(77, 77, 77);
  font-weight: bold;
}
body#registro div#cortina #modal #modal-content button#close:hover {
  background: rgb(130, 188, 0);
  color: white;
}

div#zonaError.zonaError {
  display: grid;
  width: 100vw;
  height: 60vh;
}
div#zonaError.zonaError .errorCard {
  display: block;
  border-radius: 5px;
  background-color: rgb(241, 241, 241);
  color: rgb(131, 96, 63);
  margin: 20px auto;
  padding: 50px;
}
div#zonaError.zonaError .errorCard .error-title {
  font-size: 2.5rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}
div#zonaError.zonaError .errorCard .error-body {
  font-size: 2rem;
  color: rgb(125, 125, 125);
  text-align: center;
}

.cortina.on {
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 499;
}
.cortina.off {
  display: none;
}

#botCostado.botCostado {
  width: auto;
  height: auto;
  position: fixed;
  right: 7%;
  bottom: 7%;
  z-index: 500;
  font-size: 1.2em;
  align-content: center;
}
#botCostado.botCostado.on {
  display: flex;
  justify-content: center;
  flex-direction: column;
  row-gap: 10px;
}
#botCostado.botCostado a.plusN {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  text-align: center;
  background: #ff9400;
  border-radius: 45px;
  color: white;
  box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.3);
  transition: all ease-in 0.2s;
  transition: opacity 0.15s ease-in;
  text-decoration: none;
}
#botCostado.botCostado a.plusN:hover {
  background: #ff6a00;
}
#botCostado.botCostado a.plusN:hover i {
  color: white;
}
#botCostado.botCostado a.plusN.ocultables {
  opacity: 0;
  display: none;
}
#botCostado.botCostado a.plusN.others {
  border: 0.5px solid #b9b9b9;
  background-color: #f8f9fa;
  color: #4d4d4d;
}
#botCostado.botCostado a.plusN.others:hover {
  background: rgb(130, 188, 0);
  color: white;
  border: none;
}

#verclientes #cajaTablaClienes {
  border-radius: 5px;
  border: 0.5px solid #ccc;
  background: white;
  overflow: auto;
}
#verclientes #cajaTablaClienes #tablac.tablac {
  width: 100%;
  border-radius: 5px;
  text-align: center;
  color: rgb(77, 77, 77);
}
#verclientes #cajaTablaClienes #tablac.tablac.children tbody tr:first-child {
  background-color: #d9d9d9;
}
#verclientes #cajaTablaClienes #tablac.tablac.children button.childrens {
  background-color: rgb(77, 77, 77);
  border-color: rgb(77, 77, 77);
  color: white;
  margin-right: 10px;
}
#verclientes #cajaTablaClienes #tablac.tablac tr:nth-child(even) {
  background-color: #f2f2f2;
}
#verclientes #cajaTablaClienes #tablac.tablac tr th {
  background: rgb(130, 188, 0);
  color: white;
  padding: 5px;
  border-left: 0.5px solid #ccc;
}
#verclientes #cajaTablaClienes #tablac.tablac tr th:first-child {
  border: none;
  border-radius: 5px 0 0 0;
}
#verclientes #cajaTablaClienes #tablac.tablac tr th:last-child {
  border-radius: 0 5px 0 0;
}
#verclientes #cajaTablaClienes #tablac.tablac tr td {
  border-right: 0.5px solid #ccc;
  padding: 3px;
}
#verclientes #cajaTablaClienes #tablac.tablac tr td.border-none {
  border: none;
  padding: 0;
}
#verclientes #cajaTablaClienes #tablac.tablac tr td .dropleft .curtain {
  display: none;
}
#verclientes #cajaTablaClienes #tablac.tablac tr td .dropleft .curtain.activated {
  display: block;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.4);
}
#verclientes #cajaTablaClienes #tablac.tablac tr td .dropleft .curtain.activated .dropdown-menu {
  background-color: white;
  display: block;
  width: fit-content;
  height: fit-content;
  position: absolute;
  top: 35vh;
  bottom: 50vh;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#verclientes #cajaTablaClienes #tablac.tablac tr td button {
  font-weight: bold;
  border-radius: 5px;
}
#verclientes #cajaTablaClienes #tablac.tablac tr td button.verMas {
  background-color: white;
  color: rgb(130, 188, 0);
  border: 0.5px solid rgb(130, 188, 0);
}
#verclientes #cajaTablaClienes #tablac.tablac tr td button.verMas:hover {
  background-color: rgb(130, 188, 0);
  color: white;
}
#verclientes #cajaTablaClienes #tablac.tablac tr td button.correo {
  background-color: white;
  color: #0074E8;
  border: 0.5px solid #0074E8;
}
#verclientes #cajaTablaClienes #tablac.tablac tr td button.correo:hover {
  background-color: #0074E8;
  color: white;
}
#verclientes #cajaTablaClienes #tablac.tablac tr td button.editar {
  background-color: white;
  color: rgb(255, 200, 67);
  border: 0.5px solid rgb(255, 200, 67);
}
#verclientes #cajaTablaClienes #tablac.tablac tr td button.editar:hover {
  background-color: rgb(255, 200, 67);
  color: rgb(77, 77, 77);
}
#verclientes #cajaTablaClienes #tablac.tablac tr td button.borrar {
  background-color: white;
  color: #dc3545;
  border: 0.5px solid #dc3545;
}
#verclientes #cajaTablaClienes #tablac.tablac tr td button.borrar:hover {
  background-color: #dc3545;
  color: white;
}
#verclientes #cajaTablaClienes #tablac.tablac tr td button.childrens {
  background-color: white;
  color: rgb(170, 170, 170);
  border: 0.5px solid rgb(170, 170, 170);
}
#verclientes #cajaTablaClienes #tablac.tablac tr:hover {
  background: #f7f7f7;
  font-weight: bold;
}
#verclientes #botCostado.botCostado {
  width: 40px;
  height: auto;
  position: fixed;
  right: 7%;
  bottom: 7%;
  z-index: 500;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#verclientes #botCostado.botCostado a.plusN,
#verclientes #botCostado.botCostado a.others {
  text-align: center;
  transition: all ease-in 0.2s;
  background: rgb(130, 188, 0);
  color: white;
  margin: 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 45px;
  padding: 11px 10px;
  line-height: 0px;
  box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.3);
  border: 1px solid rgb(207, 219, 0);
  z-index: 1000;
}
#verclientes #botCostado.botCostado a.plusN:hover,
#verclientes #botCostado.botCostado a.others:hover {
  width: 41px;
  height: 41px;
  background: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
}
#verclientes #botCostado.botCostado a.others {
  background-color: #ccc;
  color: rgb(77, 77, 77);
  border: 1px solid rgb(170, 170, 170);
}
#verclientes #botCostado.botCostado a.others:hover {
  background-color: rgb(77, 77, 77);
  color: white;
  border-color: rgb(77, 77, 77);
}
#verclientes .channel {
  display: block;
  width: auto;
  max-width: 130px;
  margin: 0 auto;
  margin-top: 15px;
  padding: 5px;
  border-radius: 5px;
  box-shadow: 0px 3px 5px #ccc;
  background-color: #f2f2f2;
}
@media only screen and (min-width: 768px) {
  #verclientes .channel {
    position: absolute;
    top: 7%;
    right: 7%;
  }
}
@media only screen and (min-width: 992px) {
  #verclientes .channel {
    position: absolute;
    top: 10%;
    right: 7%;
  }
}
@media only screen and (min-width: 1200px) {
  #verclientes .channel {
    position: absolute;
    top: 9%;
    right: 7%;
  }
}
#verclientes .channel_title {
  font-size: 1.3em;
  color: rgb(125, 125, 125);
  font-weight: 500;
}
#verclientes .channel_button {
  border: none;
  border-left: 0.5px solid rgb(125, 125, 125);
  cursor: pointer;
  color: rgb(125, 125, 125);
  background-color: transparent;
}
#verclientes .channel_button:hover, #verclientes .channel_button:active, #verclientes .channel_button:focus {
  border: none;
  border-left: 0.5px solid rgb(125, 125, 125);
}
#verclientes .channel_list {
  display: none;
  list-style: none;
  padding: 7px;
  color: rgb(125, 125, 125);
  font-weight: 700;
  margin-bottom: 0;
}
#verclientes .channel_list.on {
  display: grid;
}
#verclientes .channel_list li {
  cursor: pointer;
}
#verclientes .channel_list li.activ {
  background-color: rgb(130, 188, 0);
  color: white;
  border-radius: 5px;
  padding: 0 5px;
}

#detallecliente #datosCliente .item {
  display: block;
  color: rgb(77, 77, 77);
  padding: 10px 20px;
  border-bottom: 0.5px solid #ccc;
  background: rgb(248, 248, 248);
  text-transform: capitalize;
}
#detallecliente #datosCliente .item:first-of-type {
  border-radius: 5px 5px 0 0;
}
#detallecliente #datosCliente .item:last-of-type {
  border-radius: 0 0 5px 5px;
}
#detallecliente #datosCliente .item:hover {
  background-color: rgb(240, 240, 240);
}
#detallecliente #datosCliente .item i {
  color: rgb(130, 188, 0);
}
#detallecliente #datosCliente .botonera {
  display: grid;
  grid-template-columns: auto auto auto;
}
#detallecliente #datosCliente .botonera button {
  display: inline-block;
  margin: 10px auto;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 5px;
  background: rgb(130, 188, 0);
  color: white;
}
#detallecliente #datosCliente .botonera button:hover {
  background: rgb(207, 219, 0);
  color: rgb(125, 125, 125);
}
#detallecliente #datosCliente .botonera button.botonDispositivo .fa-search {
  font-size: 0.7em;
}
#detallecliente #datosCliente .botonera button.botonNuevo .fa-plus {
  font-size: 0.75em;
}
#detallecliente #datosCliente .botonera button.botonNuevo .fa-microchip {
  font-size: 1em;
}
#detallecliente #datosCliente .botonera button.botonEditar {
  padding: 0.5rem 2rem;
}
#detallecliente #datosCliente .botonera button.botonEditar .text {
  display: inline;
}
@media only screen and (min-width: 0) {
  #detallecliente #datosCliente .botonera button.botonEditar .text {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  #detallecliente #datosCliente .botonera button.botonEditar .text {
    display: inline;
  }
}
#detallecliente #datosCliente .botonera button.botonEditar:hover {
  background: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
}
#detallecliente div.filemanager button {
  position: absolute;
  bottom: 7%;
  right: 7%;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background-color: #ff9400;
  border: none;
  font-size: 1.4em;
}
#detallecliente div.filemanager button i {
  color: white;
}
#detallecliente div.filemanager button:hover {
  background-color: #f08b00;
}
#detallecliente div.filemanager button:focus {
  outline: none;
}

#recuperarcontraseña .success {
  margin: 25vh auto;
  text-align: center;
  color: rgb(130, 188, 0);
}
#recuperarcontraseña .success i {
  font-size: 2em;
}
#recuperarcontraseña .success h1 {
  font-size: 1.6em;
}
#recuperarcontraseña .success span {
  color: rgb(125, 125, 125);
}
#recuperarcontraseña .success button {
  display: block;
  margin: 10px auto;
  border: none;
  border-radius: 5px;
  padding: 5px 10px;
  background: rgb(130, 188, 0);
  color: white;
  font-weight: bold;
}
#recuperarcontraseña .success button i {
  font-size: 1em;
}
#recuperarcontraseña .card {
  text-align: center;
}
#recuperarcontraseña .card .card-header {
  font-size: 1.1em;
  color: rgb(125, 125, 125);
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
}
#recuperarcontraseña .card .card-body {
  color: rgb(77, 77, 77);
}
#recuperarcontraseña .card .card-body #label {
  display: block;
}
#recuperarcontraseña .card .card-body #input {
  display: block;
  margin: 5px auto;
}
#recuperarcontraseña .card .card-body #boton {
  display: block;
  margin: 5px auto;
  border: none;
  border-radius: 5px;
  background: rgb(130, 188, 0);
  color: white;
  font-weight: bold;
  padding: 4px 23px;
}
#recuperarcontraseña .card .card-body #boton:hover {
  background: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
}

#qampoacademyLobby #content {
  margin-top: 20px;
}
@media only screen and (min-width: 0) {
  #qampoacademyLobby #content {
    width: 90%;
  }
}
@media only screen and (min-width: 576px) {
  #qampoacademyLobby #content {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) {
  #qampoacademyLobby #content {
    width: 60%;
  }
}
@media only screen and (min-width: 992px) {
  #qampoacademyLobby #content {
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  #qampoacademyLobby #content {
    width: 40%;
  }
}
#qampoacademyLobby #content #title {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 20px 0;
  display: block;
  box-shadow: 5px 5px 7px #ccc;
  text-align: center;
  color: rgb(125, 125, 125);
  font-size: 1.5em;
}
#qampoacademyLobby #content #instructions {
  color: rgb(125, 125, 125);
  margin: 10px 0;
  font-style: italic;
  text-align: center;
}
#qampoacademyLobby #content #elements a.backButton {
  display: block;
  color: rgb(130, 188, 0);
  margin: 0 auto;
  width: 90%;
}
#qampoacademyLobby #content #elements div.botStep1 {
  width: 80%;
  display: block;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  #qampoacademyLobby #content #elements div.botStep1 {
    display: grid;
    justify-content: center;
    grid-template-columns: 50% 50%;
  }
}
#qampoacademyLobby #content #elements div.botStep1 button.step1 {
  display: block;
  margin: 0 auto;
  padding: 25px 50px;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  background: white;
  color: rgb(125, 125, 125);
  box-shadow: 3px 3px 3px #ccc;
}
#qampoacademyLobby #content #elements div.botStep1 button.step1 i {
  display: block;
  color: rgb(170, 170, 170);
}
#qampoacademyLobby #content #elements div.botStep1 button.step1:hover {
  background: rgb(207, 219, 0);
  color: white;
  border: 0.5px solid rgb(207, 219, 0);
}
#qampoacademyLobby #content #elements div.botStep1 button.step1:hover i {
  color: white;
}
#qampoacademyLobby #content #elements button.step2 {
  display: block;
  margin: 10px auto;
  border: 0.5px solid #ccc;
  color: rgb(125, 125, 125);
  background: white;
  padding: 5px 20px;
  font-size: 0.9em;
  border-radius: 5px;
  width: 90%;
  text-align: left;
}
#qampoacademyLobby #content #elements button.step2 i {
  font-size: 1.3em;
  margin-right: 5px;
}
#qampoacademyLobby #content #elements button.step2:hover {
  background: rgb(207, 219, 0);
  color: white;
  border-color: rgb(207, 219, 0);
}
#qampoacademyLobby #content #elements div.list-box {
  display: block;
  margin: 0 auto;
  width: 90%;
  color: rgb(125, 125, 125);
  border: 0.5px solid #ccc;
  border-radius: 5px;
  padding: 10px 20px;
}
#qampoacademyLobby #content #elements div.list-box div.list-title {
  font-size: 1.3em;
  text-align: center;
  margin-bottom: 10px;
}
#qampoacademyLobby #content #elements div.list-box div.list-content div {
  border: 0.5px solid #ccc;
  border-bottom: 0;
  padding: 10px 20px;
}
#qampoacademyLobby #content #elements div.list-box div.list-content div:first-child {
  border-radius: 5px 5px 0 0;
}
#qampoacademyLobby #content #elements div.list-box div.list-content div:last-child {
  border-bottom: 0.5px solid #ccc;
  border-radius: 0 0 5px 5px;
}
#qampoacademyLobby #content #elements div.list-box div.list-content div:hover {
  background: rgb(207, 219, 0);
  color: white;
  border-color: rgb(207, 219, 0);
}

body#camera section.camera-container {
  width: 90%;
  margin: 40px auto;
}
@media only screen and (min-width: 0) {
  body#camera section.camera-container {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto;
    grid-row-gap: 2%;
  }
}
@media only screen and (min-width: 768px) {
  body#camera section.camera-container {
    display: grid;
    grid-template-columns: 65% 30%;
    grid-template-rows: auto auto auto;
    grid-column-gap: 5%;
  }
}
body#camera section.camera-container #camera-box {
  grid-column: 1;
  grid-row: 1;
  display: block;
  background: #555;
  border-radius: 5px 5px 0 0;
  color: white;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
}
body#camera section.camera-container #camera-box img#camera-display {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center center;
}
body#camera section.camera-container #camera-description {
  display: block;
  border: 0.5px solid #ccc;
  border-radius: 0 0 5px 5px;
  grid-column: 1;
  grid-row: 2;
  padding: 20px;
  background: white;
}
body#camera section.camera-container #camera-description span#camera-title {
  font-size: 1.4em;
  font-weight: bold;
  color: rgb(77, 77, 77);
}
body#camera section.camera-container #camera-description p#description {
  font-size: 0.9em;
}
body#camera section.camera-container #list-box {
  border: 0.5px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
  background-color: white;
}
@media only screen and (min-width: 0) {
  body#camera section.camera-container #list-box {
    grid-column: 1;
    grid-row: 3;
  }
}
@media only screen and (min-width: 768px) {
  body#camera section.camera-container #list-box {
    grid-column: 2;
    grid-row: 1/span 3;
  }
}
body#camera section.camera-container #list-box #list-title {
  text-align: center;
  background-color: #ccc;
  font-weight: bold;
}
body#camera section.camera-container #list-box #list-content {
  overflow: hidden;
  overflow-y: scroll;
  height: 70vh;
}
body#camera section.camera-container #list-box #list-content .list-item {
  border-bottom: 0.5px solid #ccc;
}
body#camera section.camera-container #list-box #list-content .list-item span {
  color: rgb(77, 77, 77);
}
body#camera section.camera-container #list-box #list-content .list-item img {
  max-width: 100%;
  height: auto;
}
body#camera section.camera-container #list-box #list-content .list-item:hover {
  background: rgb(130, 188, 0);
}
body#camera section.camera-container #list-box #list-content .list-item:hover img {
  opacity: 0.8;
}
body#camera section.camera-container #list-box #list-content .list-item:hover span {
  color: #fff;
}
body#camera section.camera-container #list-box #list-content .list-item.active {
  background: rgb(207, 219, 0);
}
body#camera section.camera-container #list-box #list-content .list-item.active img {
  opacity: 0.8;
}
body#camera section.camera-container #list-box #list-content .list-item.active span {
  color: rgb(77, 77, 77);
}

body#parcelas #parcelas-content div#parcelas-optional {
  display: block;
  margin: 20px auto;
  margin-bottom: 0;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  padding: 5px;
  width: 90%;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  body#parcelas #parcelas-content div#parcelas-optional {
    width: 70%;
  }
}
body#parcelas #parcelas-content div#parcelas-optional span {
  color: rgb(77, 77, 77);
}
body#parcelas #parcelas-content div#parcelas-optional select#clientsSelect {
  border: 0.5px solid #ccc;
  background: white;
  color: rgb(77, 77, 77);
}

#menuPrincipal {
  width: 100%;
  height: 100%;
  display: block;
}
#menuPrincipal img.object-fit {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  opacity: 0.9;
}
#menuPrincipal #menuPrincipal--content {
  width: 65%;
  height: 65%;
  display: grid;
  grid-template-columns: repeat(3, 33.3333333333%);
  grid-template-rows: repeat(3, 33.3333333333%);
  grid-gap: 2px;
  rotate: 45deg;
  margin: 30% auto;
}
#menuPrincipal #menuPrincipal--content .menuPrincipal--content_box {
  width: 100%;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.1s ease-in;
}
#menuPrincipal #menuPrincipal--content .menuPrincipal--content_box:hover, #menuPrincipal #menuPrincipal--content .menuPrincipal--content_box:active {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 5px #fff;
}
#menuPrincipal #menuPrincipal--content .menuPrincipal--content_box:hover a, #menuPrincipal #menuPrincipal--content .menuPrincipal--content_box:active a {
  color: rgb(130, 188, 0);
}
#menuPrincipal #menuPrincipal--content .menuPrincipal--content_box:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
#menuPrincipal #menuPrincipal--content .menuPrincipal--content_box.parcelas {
  grid-row: 1;
  grid-column: 1;
}
#menuPrincipal #menuPrincipal--content .menuPrincipal--content_box.academy {
  grid-row: 2;
  grid-column: 2;
}
#menuPrincipal #menuPrincipal--content .menuPrincipal--content_box.riego {
  grid-row: 2;
  grid-column: 1;
}
#menuPrincipal #menuPrincipal--content .menuPrincipal--content_box.cameras {
  grid-row: 1;
  grid-column: 2;
}
#menuPrincipal #menuPrincipal--content .menuPrincipal--content_box.otro3 {
  grid-row: 3;
  grid-column: 2;
}
#menuPrincipal #menuPrincipal--content .menuPrincipal--content_box.otro2 {
  grid-row: 2;
  grid-column: 3;
}
#menuPrincipal #menuPrincipal--content .menuPrincipal--content_box.otro1 {
  grid-row: 3;
  grid-column: 3;
}
#menuPrincipal #menuPrincipal--content .menuPrincipal--content_box a {
  rotate: -45deg;
  color: rgba(0, 0, 0, 0.85);
  font-weight: bold;
  text-align: center;
  font-size: 0.9em;
}
#menuPrincipal #menuPrincipal--content .menuPrincipal--content_box a i {
  display: block;
}
@media only screen and (min-width: 992px) {
  #menuPrincipal {
    background-image: url("../sources/background/niilo-isotalo-8Cpt0rYRt90-unsplash.jpg");
    background-size: cover;
    background-repeat: no-repeat;
  }
  #menuPrincipal img.object-fit {
    display: none;
  }
  #menuPrincipal #menuPrincipal--content {
    width: 25%;
    height: 25%;
    margin: 10% auto;
  }
}

body#asesor .card .card-header {
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
}
body#asesor .card .card-body ul li:first-child {
  border-top: none;
}
body#asesor .card .card-body ul li:last-child {
  border-bottom: none;
}
body#asesor .card .card-body #asesorBtn {
  display: block;
  width: 100%;
  padding: 10px 0px;
  margin: 10px auto;
  border: none;
  font-weight: bold;
  border-radius: 5px;
  background-color: rgba(204, 204, 204, 0.7);
  color: rgb(77, 77, 77);
}
body#asesor .card .card-body #asesorBtn:hover {
  background-color: #ccc;
}
body#asesor .card .card-body #asesorBtn.active {
  background-color: rgb(130, 188, 0);
  color: white;
}
body#asesor .card .card-body #asesorBtn.active:hover {
  background-color: rgb(207, 219, 0);
}

.index_language {
  display: block;
  width: 100%;
  margin: 10px auto;
}
.index_language label {
  display: block;
}
.index_language select {
  display: block;
  width: 100%;
}

#resumendata {
  text-align: center;
}
#resumendata #changeDate {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px auto;
  background-color: rgb(130, 188, 0);
  border-radius: 5px;
  padding: 5px;
}
#resumendata #changeDate label {
  color: white;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.1em;
  padding: 0 10px;
}
#resumendata #changeDate #date {
  border: none;
  background-color: white;
  color: rgb(77, 77, 77);
  border-radius: 5px;
}
#resumendata #changeDate button {
  border: none;
  background-color: transparent;
  color: white;
  opacity: 0.3;
  cursor: default;
}
#resumendata #changeDate button.activ {
  opacity: 1;
  cursor: pointer;
}
#resumendata #buttons {
  display: grid;
  width: 90%;
  margin: 0 auto;
  grid-template-columns: repeat(4, 25%);
  grid-gap: 1px;
  background-color: #b3b3b3;
  border-radius: 5px;
  overflow: hidden;
}
#resumendata #buttons button {
  background-color: #ccc;
  color: rgb(77, 77, 77);
  border: none;
}
#resumendata #buttons button.activ {
  background-color: #e6e6e6;
  color: rgb(125, 125, 125);
}
@media only screen and (min-width: 768px) {
  #resumendata #buttons {
    display: none;
  }
}
#resumendata #content {
  display: block;
  width: 90%;
  margin: 20px auto;
  overflow-x: auto;
  border-radius: 5px;
  border: 0.5px solid #ccc;
}
#resumendata #content table {
  display: table;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
#resumendata #content table tr.hide {
  display: none;
}
@media only screen and (min-width: 0) {
  #resumendata #content table tr td.hide,
  #resumendata #content table tr th.hide {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  #resumendata #content table tr td.hide,
  #resumendata #content table tr th.hide {
    display: table-cell;
  }
}
#resumendata #content table tr .station {
  position: sticky;
  left: 0;
}
#resumendata #content table tr th {
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: 500;
  padding: 5px;
  border-right: 0.5px solid white;
}
#resumendata #content table tr th:last-child {
  border: none;
}
#resumendata #content table tr th.station {
  outline: 0.5px solid white;
}
#resumendata #content table tr td {
  padding: 5px;
  background-color: white;
  border: 0.5px solid #ccc;
}
#resumendata #content table tr td.station {
  outline: 0.5px solid #ccc;
  background-color: #f2f2f2;
}
#resumendata #pages {
  display: inline-block;
  width: fit-content;
  width: -moz-fit-content;
  border-radius: 5px;
  margin-bottom: 20px;
  text-align: center;
  background: transparent;
  box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.3);
}
#resumendata #pages button.page {
  border: none;
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
  font-weight: bold;
  border-right: 1px solid rgb(170, 170, 170);
}
#resumendata #pages button.page.activ {
  color: white;
  background-color: rgb(130, 188, 0);
}
#resumendata #pages button.page:first-child {
  border-radius: 5px 0 0 5px;
}
#resumendata #pages button.page:last-child {
  border: none;
  border-radius: 0 5px 5px 0;
}

/* para todo tipo de cambios en adelante */
/* detalleDispCliente.html*/
#detalleDispCliente .detalleDispCliente_contentBox {
  display: grid;
  width: 90%;
  margin: 10px auto;
  grid-template-columns: 100%;
}
@media only screen and (min-width: 768px) {
  #detalleDispCliente .detalleDispCliente_contentBox {
    grid-template-columns: repeat(2, 50%);
  }
}
@media only screen and (min-width: 992px) {
  #detalleDispCliente .detalleDispCliente_contentBox {
    grid-template-columns: repeat(3, 33.3333333333%);
  }
}
#detalleDispCliente .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card {
  display: grid;
  width: 90%;
  margin: 10px auto;
  background-color: white;
  box-shadow: 5px 5px 7px 1px gray;
  border-radius: 5px;
  overflow: hidden;
}
#detalleDispCliente .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .title {
  background-color: #eaeaea;
  text-align: center;
  color: rgb(125, 125, 125);
  font-weight: 500;
  padding: 0.35rem;
  height: 3rem;
  font-size: calc(0.95em + 0.95vw);
  position: relative;
}
#detalleDispCliente .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .title i {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}
#detalleDispCliente .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content {
  color: rgb(77, 77, 77);
  font-size: 1.2em;
}
#detalleDispCliente .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content .fa-thermometer-half {
  margin-left: 5px;
}
#detalleDispCliente .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content #dateInputs label {
  width: 45%;
}
#detalleDispCliente .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content #dateInputs input {
  width: 45%;
}
#detalleDispCliente .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content .lines {
  width: 90%;
  margin: 0 auto;
}
#detalleDispCliente .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content .lines:first-child {
  margin-top: 10px;
}
#detalleDispCliente .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content .lines:last-child {
  margin-bottom: 10px;
}
#detalleDispCliente .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content .lines .button-action {
  width: 100%;
  border: none;
  border-radius: 5px;
  background-color: rgb(130, 188, 0);
  color: white;
  margin: 5px 0px;
  font-weight: bold;
}
#detalleDispCliente .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content_button {
  display: block;
  border: none;
  border-radius: 5px;
  margin: 10px auto;
}
#detalleDispCliente .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content .time {
  font-size: 0.7em;
}
#detalleDispCliente .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content table.type_table {
  display: block;
  overflow-x: auto;
  width: 90%;
  margin: 20px auto;
  text-align: center;
  border-radius: 5px;
  font-size: 0.9em;
}
#detalleDispCliente .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content table.type_table thead tr th {
  border: 0.5px solid #dddddd;
  background-color: rgb(170, 170, 170);
  color: white;
  font-weight: 500;
}
#detalleDispCliente .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content table.type_table tbody tr:hover {
  background-color: rgb(225, 225, 225);
}
#detalleDispCliente .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content table.type_table tbody tr td {
  border: 0.5px solid #ccc;
  padding: 0rem 0.5rem;
}
#detalleDispCliente .detalleDispCliente_contentBox .display_courtain {
  display: flex;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  justify-content: center;
  align-items: center;
}
#detalleDispCliente .detalleDispCliente_contentBox .display_courtain--container {
  position: relative;
  width: 90%;
}
@media only screen and (min-width: 768px) {
  #detalleDispCliente .detalleDispCliente_contentBox .display_courtain--container {
    width: 60%;
  }
}
#detalleDispCliente .detalleDispCliente_contentBox .display_courtain--container .closeButton {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 1.3em;
  background-color: white;
  border-radius: 100%;
  color: rgb(77, 77, 77);
  line-height: 10px;
}
#detalleDispCliente .detalleDispCliente_contentBox .display_courtain--container #table {
  width: 100%;
}
#detalleDispCliente .detalleDispCliente_gmtModal {
  background-color: white;
  border-radius: 5px;
  box-shadow: 5px 5px 7px #777;
  overflow: hidden;
}
#detalleDispCliente .detalleDispCliente_gmtModal--title {
  background-color: #ccc;
  color: rgb(77, 77, 77);
  text-align: center;
}
#detalleDispCliente .detalleDispCliente_gmtModal--content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  justify-content: center;
  align-items: stretch;
}
#detalleDispCliente .detalleDispCliente_gmtModal--content button {
  display: block;
  background-color: rgb(130, 188, 0);
  color: white;
  border-radius: 5px;
  border: none;
}

/* detalleDispCliente.html*/
#ubicaciones .ubicaciones_popup .leaflet-popup-content-wrapper {
  border-radius: 5px;
}
#ubicaciones .ubicaciones_popup .leaflet-popup-content-wrapper .ubicaciones_popup--content {
  display: block;
  width: 300px;
  height: 8rem;
  text-align: center;
}
#ubicaciones .ubicaciones_popup .leaflet-popup-content-wrapper .ubicaciones_popup--content span {
  display: block;
  width: 85%;
  margin: 20px auto;
  font-weight: 500;
  font-size: 2.3em;
  color: rgb(125, 125, 125);
}
#ubicaciones .ubicaciones_popup .leaflet-popup-content-wrapper .ubicaciones_popup--content button {
  display: block;
  width: 120px;
  padding: 0.75rem;
  margin: 0px auto;
  background-color: rgb(130, 188, 0);
  color: white;
  border-radius: 5px;
  border: none;
  font-size: large;
  font-weight: 500;
}

.list-group .list-group-item.list-group-item-action.activo, .list-group .list-group-item.list-group-item-action.selecOn {
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: 500;
}
.list-group .list-group-item.list-group-item-action.activo .fas, .list-group .list-group-item.list-group-item-action.selecOn .fas {
  color: white;
}

.reqUbication {
  display: block;
  width: 80%;
  margin: 20px auto;
  background-color: white;
  box-shadow: 0px 3px 6px gray;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
  font-weight: 500;
}
.reqUbication_title {
  font-size: 1.1em;
  color: rgb(77, 77, 77);
}
.reqUbication_btn {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
.reqUbication_btn button {
  border: none;
  width: 30%;
  color: rgb(77, 77, 77);
  border: 0.5px solid rgb(185, 185, 185);
  background-color: #f8f9fa;
  font-weight: 500;
}
.reqUbication_btn button:hover {
  color: white;
  background-color: rgb(130, 188, 0);
}
.reqUbication_btn--yes {
  border-radius: 0 5px 5px 0;
}
.reqUbication_btn--no {
  /*color: $gris70;*/
  border-radius: 5px 0 0 5px;
}

#pruebasat #operators .info {
  text-align: center;
  font-size: 1.3em;
  font-weight: 500;
  color: rgb(77, 77, 77);
  padding-bottom: 10px;
}
#pruebasat #operators .botones {
  display: flex;
  justify-content: space-evenly;
}
#pruebasat #operators .botones button {
  border: none;
  border-radius: 5px;
  padding: 0 1.25em;
  color: rgb(77, 77, 77);
}
#pruebasat #operators .botones button:hover {
  background-color: #ccc;
  color: white;
  cursor: pointer;
}
#pruebasat #operators .botones button.activ {
  background-color: #b3b3b3;
  color: white;
  font-weight: 500;
}
#pruebasat #operators .botones button.activ:hover {
  cursor: default;
}

article.botZona .semaphore {
  display: block;
  width: 85%;
  margin: 30px auto;
  text-align: center;
}
article.botZona .semaphore_title {
  display: inline;
  font-size: 1.3em;
  color: rgb(77, 77, 77);
  margin-right: 15px;
}
article.botZona .semaphore_content {
  display: inline;
  margin: 20px auto;
  padding: 6px;
  border: 3px solid rgb(170, 170, 170);
  border-radius: 10px;
  list-style: none;
}
article.botZona .semaphore_content--item {
  display: inline;
  text-align: center;
}
article.botZona .semaphore_content--item i {
  color: rgb(170, 170, 170);
  font-size: 1.2em;
}
article.botZona .semaphore_content--item i.light1.red {
  color: #dc3545;
}
article.botZona .semaphore_content--item i.light1.yellow {
  color: rgb(255, 200, 67);
}
article.botZona .semaphore_content--item i.light1.green {
  color: rgb(130, 188, 0);
}
article.botZona .semaphore_content--item i.light2 {
  margin: 0 20px;
}
article.botZona .semaphore_content--item i.light2.yellow {
  color: rgb(255, 200, 67);
}
article.botZona .semaphore_content--item i.light2.green {
  color: rgb(130, 188, 0);
}
article.botZona .semaphore_content--item i.light3.green {
  color: rgb(130, 188, 0);
}

#cfgsoilzone #content .title {
  display: block;
  margin: 20px auto;
  border: none;
  border-radius: 5px;
  text-align: center;
  padding: 20px 0;
  background-color: white;
  font-size: 1.3em;
  color: rgb(77, 77, 77);
}
#cfgsoilzone #content .title .title_link {
  text-decoration: underline;
}
#cfgsoilzone #content .filter {
  display: block;
  margin: 20px auto;
  border: none;
  border-radius: 5px;
  background-color: white;
}
#cfgsoilzone #content .filter_buttons {
  display: flex;
  width: 100%;
  border-bottom: 0.5px solid #ccc;
}
#cfgsoilzone #content .filter_buttons--btn {
  display: inline;
  width: 25%;
  padding: 5px;
  color: rgb(77, 77, 77);
  background-color: #f8f9fa;
  border: none;
  border-right: 0.5px solid #ccc;
  text-align: center;
  overflow: hidden;
}
#cfgsoilzone #content .filter_buttons--btn:active, #cfgsoilzone #content .filter_buttons--btn:visited, #cfgsoilzone #content .filter_buttons--btn:focus {
  border: none;
  outline: none;
  box-shadow: 0px 0px 5px rgb(130, 188, 0);
}
#cfgsoilzone #content .filter_buttons--btn:first-child {
  border-radius: 5px 0 0 0;
}
#cfgsoilzone #content .filter_buttons--btn:last-child {
  border-radius: 0 5px 0 0;
}
#cfgsoilzone #content .filter_buttons--btn.activ {
  background-color: rgb(130, 188, 0);
  color: white;
}
#cfgsoilzone #content .filter_buttons--btn.suelo, #cfgsoilzone #content .filter_buttons--btn.riego {
  border: 0.5px solid #ccc;
  border-top: none;
  border-bottom: none;
  border-left: none;
}
#cfgsoilzone #content .filter_content {
  padding: 20px;
}
#cfgsoilzone #content .filter_content .save {
  display: block;
  margin: 10px auto;
  background-color: rgb(130, 188, 0);
  color: white;
  border: none;
  border-radius: 5px;
  padding: 10px;
}
#cfgsoilzone #content .filter_content--box {
  display: none;
  color: rgb(77, 77, 77);
}
#cfgsoilzone #content .filter_content--box.on {
  display: block;
}
#cfgsoilzone #content .filter_content--box input,
#cfgsoilzone #content .filter_content--box select {
  width: 40%;
  max-width: 200px;
  float: right;
  border: 0.5px solid rgb(130, 188, 0);
  background-color: white;
  color: rgb(77, 77, 77);
}
#cfgsoilzone #content .filter_content--box input:active, #cfgsoilzone #content .filter_content--box input:visited, #cfgsoilzone #content .filter_content--box input:focus,
#cfgsoilzone #content .filter_content--box select:active,
#cfgsoilzone #content .filter_content--box select:visited,
#cfgsoilzone #content .filter_content--box select:focus {
  box-shadow: 0px 0px 5px rgb(130, 188, 0);
  border: none !important;
  outline: none;
}
#cfgsoilzone #content .filter_content--box input#multiplicationFactor {
  background-color: #ccc;
}
#cfgsoilzone #content .filter_content--box label {
  width: 50%;
}
#cfgsoilzone #content .filter_content--box .elm-group.adp {
  display: flex;
  flex-direction: column;
}
#cfgsoilzone #content .filter_content--box .elm-group.adp .elm-group-title {
  font-weight: 500;
  font-size: 1.1em;
}
#cfgsoilzone #content .filter_content--box .elm-group.adp .adp-inputs {
  display: flex;
  justify-content: center;
  gap: 20px;
  background-color: #e6e6e6;
  border-radius: 5px;
  padding: 12px 0;
}
#cfgsoilzone #content .filter_content--box .elm-group.adp .adp-inputs .input-elm {
  display: inline-flex;
}
#cfgsoilzone #content .filter_content--box .elm-group.adp .adp-inputs .input-elm label {
  width: auto;
}
#cfgsoilzone #content .filter_content--box .elm-group.adp .adp-inputs .input-elm input[type=text] {
  width: 50px;
}
#cfgsoilzone #content .filter_content--box .elm-group.adp .adp-inputs .input-elm input[type=checkbox] {
  display: block;
  width: 20px;
  height: 20px;
  -webkit-appearance: checkbox;
}
#cfgsoilzone #content .filter_content--box .elm-group.three {
  display: flex;
  justify-content: space-between;
}
#cfgsoilzone #content .filter_content--box .elm-group.three label {
  width: 20%;
}
#cfgsoilzone #content .filter_content--box .elm-group.three input {
  width: 40%;
}
#cfgsoilzone #content .filter_content--box .help-modal {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
}
#cfgsoilzone #content .filter_content--box .help-modal i {
  color: rgb(125, 125, 125);
}

body#datamap #botoneraClima {
  display: block;
  width: 100%;
  margin: 20px auto;
  overflow: hidden;
  background-color: #fafafb;
  border: 0.5px solid #ccc;
  border-radius: 5px;
}
body#datamap #botoneraClima_botones {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: rgb(125, 125, 125);
  font-weight: 500;
}
body#datamap #botoneraClima_botones a {
  flex-grow: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-left: 0.5px solid #ccc;
  padding: 0.65rem 0.8rem;
}
body#datamap #botoneraClima_botones a:first-child {
  border: none;
}
body#datamap #botoneraClima_botones a:hover {
  background-color: #e6e0e0;
}
body#datamap #botoneraClima_botones a.active {
  background-color: #d6cdcd;
}
body#datamap #botoneraClima_botones a span {
  text-align: center;
}
@media only screen and (min-width: 0) {
  body#datamap #botoneraClima_botones a span {
    display: none;
  }
}
@media only screen and (min-width: 576px) {
  body#datamap #botoneraClima_botones a span {
    display: block;
  }
}
body#datamap .popupStyle {
  width: 100%;
  min-width: 200px;
}
body#datamap .popupStyle_title {
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}
body#datamap .popupStyle_title.precipitation {
  background-color: #0074E8;
}
body#datamap .popupStyle_title.precipitation div a {
  color: white;
}
body#datamap .popupStyle_title.thermic {
  background-color: rgb(255, 200, 67);
}
body#datamap .popupStyle_title.thermic a {
  color: rgb(77, 77, 77);
}
body#datamap .popupStyle_title.temperature {
  background-color: #dc3545;
}
body#datamap .popupStyle_title.temperature a {
  color: white;
}
body#datamap .popupStyle_list {
  list-style: none;
  padding: 0px;
}
body#datamap .popupStyle_list--line {
  display: block;
  border-bottom: 0.5px solid #ccc;
  font-weight: 500;
  color: rgb(77, 77, 77);
}
body#datamap .popupStyle_list--line .label {
  margin-left: 10px;
  font-weight: 600;
}
body#datamap .popupStyle_list--line .value {
  float: right;
  margin-right: 10px;
}

#nuevalerta .question {
  border-radius: 5px;
  text-align: center;
  margin-top: 30px;
  padding: 3rem 0px;
  background-color: white;
  border: 0.5px solid #ccc;
}
#nuevalerta .question_title {
  color: rgb(125, 125, 125);
  font-size: 1.2em;
  font-weight: 500;
}
#nuevalerta .question_buttons {
  margin-top: 10px;
  display: inline-block;
}
#nuevalerta .question_buttons button {
  border: none;
  background-color: rgb(170, 170, 170);
  color: white;
  font-weight: 500;
  padding: 0.5rem 3rem;
}
#nuevalerta .question_buttons button:first-child {
  border-radius: 5px 0 0 5px;
  border-right: 0.5px solid rgb(125, 125, 125);
}
#nuevalerta .question_buttons button:last-child {
  border-radius: 0 5px 5px 0;
}
#nuevalerta .plotList,
#nuevalerta .sensorList {
  display: block;
  width: 90%;
  margin: 30px auto;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
  list-style-type: none;
  padding: 0px;
  background-color: white;
}
#nuevalerta .plotList_item,
#nuevalerta .sensorList_item {
  border-top: 0.5px solid #ccc;
  padding: 1rem;
  color: rgb(125, 125, 125);
}
#nuevalerta .plotList_item:first-child,
#nuevalerta .sensorList_item:first-child {
  border: none;
}
#nuevalerta .plotList_item:hover,
#nuevalerta .sensorList_item:hover {
  background-color: whitesmoke;
}

body#mothtable .container {
  text-align: center;
}
body#mothtable .container .title {
  display: block;
  margin: 0 auto;
  text-align: center;
  padding: 15px;
  color: rgb(125, 125, 125);
  font-size: 1.3em;
  font-weight: 500;
  background-color: white;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #b3b3b3;
  border-radius: 5px;
}
body#mothtable .container .finder {
  display: block;
  margin: 0 auto;
}
body#mothtable .container .finder_box {
  display: grid;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 10px;
}
body#mothtable .container .finder_box--title {
  color: rgb(125, 125, 125);
}
body#mothtable .container .finder_box--input {
  border: 0.5px solid rgb(130, 188, 0);
  border-radius: 5px;
  margin-left: 10px;
  background-color: white;
}
body#mothtable .container .finder_box--input:active {
  border-width: 1.3px;
}
body#mothtable .container .tableBox {
  display: block;
  width: 100%;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  background-color: white;
  overflow-x: auto;
}
body#mothtable .container .tableBox table {
  width: 100%;
}
body#mothtable .container .tableBox table thead tr {
  background-color: rgb(130, 188, 0);
}
body#mothtable .container .tableBox table thead tr:hover {
  background-color: #8dcb00;
}
body#mothtable .container .tableBox table thead tr th {
  padding: 10px;
  color: white;
  font-weight: 500;
  text-align: center;
}
body#mothtable .container .tableBox table tbody {
  color: rgb(125, 125, 125);
}
body#mothtable .container .tableBox table tbody tr:nth-child(even) {
  background-color: #ededed;
}
body#mothtable .container .tableBox table tbody tr:hover {
  background-color: #f2f2f2;
}
body#mothtable .container .tableBox table tbody tr td {
  text-align: center;
  border-right: 0.5px solid #ccc;
  padding: 12px 3px;
}
body#mothtable .container .tableBox table tbody tr td:last-child {
  border: none;
}
body#mothtable .container .tableBox table tbody tr td.actionsCell .actionsCell_box {
  display: block;
  width: 100%;
}
body#mothtable .container .tableBox table tbody tr td.actionsCell .actionsCell_box button {
  display: inline-block;
  border: none;
  color: white;
}
body#mothtable .container .tableBox table tbody tr td.actionsCell .actionsCell_box button.chart {
  background-color: rgb(130, 188, 0);
  border-radius: 3px 0 0 3px;
}
body#mothtable .container .tableBox table tbody tr td.actionsCell .actionsCell_box button.chart:hover {
  background-color: #8dcb00;
}
body#mothtable .container .tableBox table tbody tr td.actionsCell .actionsCell_box button.change {
  background-color: rgb(255, 200, 67);
  border-radius: 0 3px 3px 0;
  color: rgb(125, 125, 125);
}
body#mothtable .container .tableBox table tbody tr td.actionsCell .actionsCell_box button.change:hover {
  background-color: #ffd776;
}
body#mothtable .container .buttons {
  display: inline-block;
  width: auto;
  border-radius: 5px;
  box-shadow: 5px 5px 7px #2e2e2e;
  margin: 0 auto;
}
body#mothtable .container .buttons button {
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
  border: none;
  border-right: 0.5px solid rgb(170, 170, 170);
}
body#mothtable .container .buttons button:first-child {
  border-radius: 5px 0 0 5px;
}
body#mothtable .container .buttons button:last-child {
  border-radius: 0 5px 5px 0;
  border: none;
}
body#mothtable .container .buttons button.activ {
  background-color: rgb(130, 188, 0);
  color: white;
}
body#mothtable .container .buttons button.activ:hover {
  background-color: rgb(130, 188, 0);
  cursor: default;
}
body#mothtable .container .buttons button:hover {
  background-color: #f2ff0f;
}
body#mothtable .container .inputCard {
  display: block;
  width: 100%;
  background-color: white;
  margin: 40px auto;
  border-radius: 5px;
  box-shadow: 5px 5px 7px #b3b3b3;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  body#mothtable .container .inputCard {
    width: 60%;
  }
}
body#mothtable .container .inputCard_title {
  background-color: #e6e6e6;
  padding: 10px 0;
  font-size: 1.3em;
  font-weight: 500;
  color: rgb(125, 125, 125);
}
body#mothtable .container .inputCard_content {
  display: grid;
  grid-template-columns: 30% 70%;
  justify-content: space-around;
  padding: 40px 20px;
}
@media only screen and (min-width: 768px) {
  body#mothtable .container .inputCard_content {
    grid-template-columns: 50% 50%;
  }
}
body#mothtable .container .inputCard_content label {
  grid-column: 1;
  text-align: center;
  color: rgb(125, 125, 125);
}
body#mothtable .container .inputCard_content input,
body#mothtable .container .inputCard_content button {
  grid-column: 2;
}
body#mothtable .container .inputCard_content--date {
  display: block;
}
body#mothtable .container .inputCard_content--date input {
  display: inline-block;
  width: 70%;
  color: rgb(125, 125, 125);
}
body#mothtable .container .inputCard_content--date button {
  display: inline-block;
  width: 20%;
  border: none;
  padding: 5px;
  font-weight: 500;
}
body#mothtable .container .inputCard_content--date button.setDate {
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
  border-radius: 5px;
}
body#mothtable .container .inputCard_content--date button.setDate:hover {
  cursor: pointer;
  background-color: #e7f500;
}
body#mothtable .container .inputCard_footer button {
  display: block;
  width: 100%;
  border: none;
  padding: 15px 0;
  color: white;
  background-color: rgb(130, 188, 0);
  font-size: 1.5em;
  font-weight: 600;
}
body#mothtable .container .inputCard_footer button:hover {
  background-color: #8dcb00;
}
body#mothtable .container #tab {
  border: 0.5px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
  background-color: white;
}
body#mothtable .container #tab table {
  width: 100%;
}
body#mothtable .container #tab table thead {
  background-color: rgb(130, 188, 0);
}
body#mothtable .container #tab table thead th {
  color: white;
}
body#mothtable .container #tab table tbody tr:nth-child(even) {
  background-color: #ededed;
}
body#mothtable .container #tab table tbody tr:hover {
  background-color: #f2f2f2;
}
body#mothtable .container #tab table tbody tr td {
  border-right: 0.5px solid #ccc;
  padding: 12px 3px;
  color: rgb(125, 125, 125);
}
body#mothtable .container #tab table tbody tr td:last-child {
  border-right: none;
}
body#mothtable .container #tab table tbody tr td .warning {
  color: #ff9400;
}
body#mothtable .container #but {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0px;
}
body#mothtable .container #but button {
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: 600;
  border: none;
}
body#mothtable .container #but button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
body#mothtable .container #but button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
body#mothtable .container #but button:hover {
  background-color: rgb(207, 219, 0);
  color: rgb(125, 125, 125);
}

#sathp .contentBox {
  width: 100vw;
  height: 100vh;
}
#sathp .contentBox .title {
  display: block;
  width: 90%;
  margin: 30px auto;
  padding: 1rem 0.5rem;
  color: rgb(125, 125, 125);
  font-weight: 500;
  font-style: italic;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #ccc;
  background-color: white;
  border-radius: 5px;
  text-align: center;
  font-size: 1.5rem;
}
@media only screen and (min-width: 576px) {
  #sathp .contentBox .title {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) {
  #sathp .contentBox .title {
    width: 60%;
  }
}
@media only screen and (min-width: 992px) {
  #sathp .contentBox .title {
    width: 50%;
  }
}
#sathp .contentBox .botonera {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin: 30px auto;
  grid-template-rows: 50% 50%;
  background-color: #f8f9fa;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 5px 5px 7px #ccc;
  background-color: #f4f4f4;
}
@media only screen and (min-width: 576px) {
  #sathp .contentBox .botonera {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) {
  #sathp .contentBox .botonera {
    width: 70%;
  }
}
@media only screen and (min-width: 992px) {
  #sathp .contentBox .botonera {
    width: 60%;
  }
}
#sathp .contentBox .botonera button {
  font-weight: 500;
  color: rgb(125, 125, 125);
  flex-grow: 1;
  border: 0.5px solid #cbd3da;
  border-left: none;
  border-top: none;
}
#sathp .contentBox .botonera button:last-child {
  border-right: none;
}
#sathp .contentBox .botonera button.activ {
  color: #000;
  background-color: #e0e0e0;
}
#sathp .contentBox .botonera button.activ:hover {
  cursor: default;
  color: rgb(77, 77, 77);
  background-color: #e7e7e7;
}
#sathp .contentBox .botonera button:hover {
  background-color: #cbd3da;
  color: rgb(125, 125, 125);
}
#sathp .contentBox .botonera button:focus {
  outline: none;
}
#sathp .contentBox .botonera_years {
  display: flex;
  justify-content: center;
  align-items: center;
}
#sathp .contentBox .botonera_years button {
  padding: 5px;
}
#sathp .contentBox .botonera_capes {
  display: flex;
  justify-content: center;
  align-items: center;
}
#sathp .contentBox .botonera_capes button {
  padding: 5px;
}
#sathp .contentBox .botonera_months {
  display: flex;
  justify-content: center;
}
#sathp .contentBox .mapa {
  display: block;
  margin: 0 auto;
  width: 90%;
  height: 60vh;
}
@media only screen and (min-width: 992px) {
  #sathp .contentBox .mapa {
    width: 80%;
  }
}
@media only screen and (min-width: 1200px) {
  #sathp .contentBox .mapa {
    width: 70%;
  }
}

#textmessages .message {
  display: block;
  width: 90%;
  margin: 50px auto;
  border-radius: 5px;
  background-color: white;
  box-shadow: 5px 5px 7px gray;
  overflow: hidden;
  border: 0.5px solid #ccc;
}
@media only screen and (min-width: 576px) {
  #textmessages .message {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) {
  #textmessages .message {
    width: 60%;
  }
}
@media only screen and (min-width: 992px) {
  #textmessages .message {
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  #textmessages .message {
    width: 40%;
  }
}
#textmessages .message_title {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f2f2f2;
  padding: 10px;
}
#textmessages .message_title--text {
  font-size: 1.4em;
  color: rgb(125, 125, 125);
}
#textmessages .message_content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 20px;
  margin: 0 auto;
}
#textmessages .message_content--input {
  flex-grow: 3;
  display: block;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  border-radius: 5px 5px 0 0;
  border: 0.5px solid #ccc;
  padding: 5px;
}
#textmessages .message_content--button {
  width: 100%;
  flex-grow: 1;
  background-color: rgb(130, 188, 0);
  border: none;
  color: white;
  font-weight: 500;
  padding: 10px;
  border-radius: 0 0 5px 5px;
  font-size: 1.2em;
}

body#fenologico .content {
  display: block;
  width: 90%;
  margin: 0 auto;
}
@media only screen and (min-width: 576px) {
  body#fenologico .content {
    width: 65%;
  }
}
@media only screen and (min-width: 768px) {
  body#fenologico .content {
    width: 55%;
  }
}
@media only screen and (min-width: 992px) {
  body#fenologico .content {
    width: 45%;
  }
}
@media only screen and (min-width: 1200px) {
  body#fenologico .content {
    width: 35%;
  }
}
body#fenologico .content_title {
  display: block;
  width: 100%;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  border-radius: 5px;
  margin: 30px 0;
  text-align: center;
  padding: 10px 0;
  background-color: white;
}
body#fenologico .content_title--text {
  font-size: 1.3em;
  font-weight: 500;
  color: rgb(125, 125, 125);
  font-style: italic;
}
body#fenologico .content_register {
  display: grid;
  grid-template-columns: 50% 50%;
  row-gap: 10px;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  border-radius: 5px;
  padding: 10px;
  background-color: white;
  text-align: center;
}
body#fenologico .content_register label {
  grid-column: 1/span 2;
  color: rgb(77, 77, 77);
  font-size: 1.1em;
}
body#fenologico .content_register select {
  display: block;
  width: 80%;
  grid-column: 1;
  margin: 0 auto;
}
body#fenologico .content_register input {
  display: block;
  width: 80%;
  margin: 0 auto;
  grid-column: 2;
}
body#fenologico .content_register button {
  grid-column: 1/span 2;
  display: block;
  width: 50%;
  margin: 0 auto;
  border: none;
  padding: 5px 0;
  color: white;
  font-weight: 500;
  background-color: rgb(130, 188, 0);
  border-radius: 5px;
}
body#fenologico .content_register--label {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-template-columns: 1;
  grid-row: 3;
  color: rgb(77, 77, 77);
}
body#fenologico .content_register--images {
  display: flex;
  width: 80%;
  grid-column: 2;
  grid-row: 3;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  margin: 0 auto;
  background-color: white;
  justify-content: space-evenly;
  align-items: center;
  padding: 5px 0px;
}
body#fenologico .content_register--images label {
  padding: 0px;
  margin: 0px;
}
body#fenologico .content_register--images label input {
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
body#fenologico .content_register--images label i {
  padding: 0px;
  margin: 0px;
  font-size: 1.4em;
  color: rgb(125, 125, 125);
}
body#fenologico .content_viewer {
  display: block;
  width: 100%;
  margin: 30px 0;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  background-color: white;
  border-radius: 5px;
}
body#fenologico .content_viewer--title {
  text-align: center;
  padding: 10px 0;
  color: rgb(77, 77, 77);
  font-size: 1.1em;
}
body#fenologico .content_viewer--table {
  width: 100%;
}
body#fenologico .content_viewer--table thead tr {
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
}
body#fenologico .content_viewer--table thead tr th {
  padding-left: 20px;
}
body#fenologico .content_viewer--table tbody tr:nth-child(even) {
  background-color: #e6e6e6;
}
body#fenologico .content_viewer--table tbody tr:nth-child(even):hover {
  background-color: #d9d9d9;
}
body#fenologico .content_viewer--table tbody tr:nth-child(odd) {
  background-color: #f2f2f2;
}
body#fenologico .content_viewer--table tbody tr:nth-child(odd):hover {
  background-color: #fafafa;
}
body#fenologico .content_viewer--table tbody tr td {
  padding-left: 20px;
}
body#fenologico .content_viewer--table tbody tr td img.tableImg {
  width: 20px;
  height: auto;
}

body#filemanager .content {
  display: block;
  width: 90%;
  margin: 0 auto;
}
@media only screen and (min-width: 576px) {
  body#filemanager .content {
    width: 65%;
  }
}
@media only screen and (min-width: 768px) {
  body#filemanager .content {
    width: 55%;
  }
}
@media only screen and (min-width: 992px) {
  body#filemanager .content {
    width: 45%;
  }
}
@media only screen and (min-width: 1200px) {
  body#filemanager .content {
    width: 35%;
  }
}
body#filemanager .content_title {
  display: block;
  width: 100%;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  border-radius: 5px;
  margin: 30px 0;
  text-align: center;
  padding: 10px 0;
  background-color: white;
}
body#filemanager .content_title--text {
  font-size: 1.3em;
  font-weight: 500;
  color: rgb(125, 125, 125);
  font-style: italic;
}
body#filemanager .content_register {
  display: grid;
  grid-template-columns: 50% 50%;
  row-gap: 10px;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  border-radius: 5px;
  padding: 10px;
  background-color: white;
}
body#filemanager .content_register label {
  grid-column: 1;
  color: rgb(77, 77, 77);
  font-size: 1.1em;
}
body#filemanager .content_register input {
  display: block;
  width: 80%;
  margin: 0 auto;
  grid-column: 2;
}
body#filemanager .content_register button {
  grid-column: 1/span 2;
  grid-row: 3;
  display: block;
  width: 50%;
  margin: 0 auto;
  border: none;
  padding: 5px 0;
  color: white;
  font-weight: 500;
  background-color: rgb(130, 188, 0);
  border-radius: 5px;
}
body#filemanager .content_register--images {
  display: flex;
  width: 80%;
  grid-column: 2;
  grid-row: 2;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  margin: 0 auto;
  background-color: #f2f2f2;
  justify-content: space-evenly;
  align-items: center;
  padding: 5px 0px;
}
body#filemanager .content_register--images label {
  border: 0.5px solid #ccc;
  border-radius: 5px;
  padding: 15px;
  margin: 0px;
  background-color: white;
}
body#filemanager .content_register--images label input {
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
body#filemanager .content_register--images label i {
  padding: 0px;
  margin: 0px;
  font-size: 1.4em;
  color: rgb(125, 125, 125);
}
body#filemanager .content_viewer {
  display: block;
  width: 100%;
  margin: 30px 0;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  background-color: white;
  border-radius: 5px;
}
body#filemanager .content_viewer--title {
  text-align: center;
  padding: 10px 0;
  color: rgb(77, 77, 77);
  font-size: 1.1em;
}
body#filemanager .content_viewer--table {
  width: 100%;
  color: rgb(77, 77, 77);
}
body#filemanager .content_viewer--table thead tr {
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
}
body#filemanager .content_viewer--table thead tr th {
  padding-left: 20px;
}
body#filemanager .content_viewer--table tbody tr:nth-child(even) {
  background-color: #e6e6e6;
}
body#filemanager .content_viewer--table tbody tr:nth-child(even):hover {
  background-color: #d9d9d9;
}
body#filemanager .content_viewer--table tbody tr:nth-child(odd) {
  background-color: #f2f2f2;
}
body#filemanager .content_viewer--table tbody tr:nth-child(odd):hover {
  background-color: #fafafa;
}
body#filemanager .content_viewer--table tbody tr td {
  padding-left: 20px;
}
body#filemanager .content_viewer--table tbody tr td img.tableImg {
  width: 20px;
  height: auto;
}

#filelist .content {
  display: block;
  width: 90%;
  margin: 0 auto;
}
@media only screen and (min-width: 576px) {
  #filelist .content {
    width: 65%;
  }
}
@media only screen and (min-width: 768px) {
  #filelist .content {
    width: 55%;
  }
}
@media only screen and (min-width: 992px) {
  #filelist .content {
    width: 45%;
  }
}
@media only screen and (min-width: 1200px) {
  #filelist .content {
    width: 35%;
  }
}
#filelist .content_title {
  display: block;
  width: 100%;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  border-radius: 5px;
  margin: 30px 0;
  text-align: center;
  padding: 10px 0;
  background-color: white;
}
#filelist .content_title--text {
  font-size: 1.3em;
  font-weight: 500;
  color: rgb(125, 125, 125);
  font-style: italic;
}
#filelist .content_viewer {
  display: block;
  width: 100%;
  margin: 30px 0;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  background-color: white;
  border-radius: 5px;
}
#filelist .content_viewer--title {
  text-align: center;
  padding: 10px 0;
  color: rgb(77, 77, 77);
  font-size: 1.1em;
}
#filelist .content_viewer--table {
  width: 100%;
  color: rgb(77, 77, 77);
}
#filelist .content_viewer--table thead tr {
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
}
#filelist .content_viewer--table thead tr th {
  padding-left: 20px;
}
#filelist .content_viewer--table tbody tr:nth-child(even) {
  background-color: #e6e6e6;
}
#filelist .content_viewer--table tbody tr:nth-child(even):hover {
  background-color: #d9d9d9;
}
#filelist .content_viewer--table tbody tr:nth-child(odd) {
  background-color: #f2f2f2;
}
#filelist .content_viewer--table tbody tr:nth-child(odd):hover {
  background-color: #fafafa;
}
#filelist .content_viewer--table tbody tr td {
  padding-left: 20px;
}
#filelist .content_viewer--table tbody tr td img.tableImg {
  width: 20px;
  height: auto;
}
#filelist .content_buttons {
  display: flex;
  justify-content: center;
}
#filelist .content_buttons button {
  border: none;
  border-right: 1px solid #70a300;
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: 600;
  box-shadow: 3px 3px 5px #555;
}
#filelist .content_buttons button:first-child {
  border-radius: 5px 0 0 5px;
}
#filelist .content_buttons button:last-child {
  border-radius: 0 5px 5px 0;
  border: none;
}

body#programariego .programariego {
  display: block;
  width: 90%;
  margin: 30px auto;
  background-color: white;
  border-radius: 5px;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  overflow: hidden;
}
@media only screen and (min-width: 576px) {
  body#programariego .programariego {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) {
  body#programariego .programariego {
    width: 60%;
  }
}
@media only screen and (min-width: 992px) {
  body#programariego .programariego {
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  body#programariego .programariego {
    width: 40%;
  }
}
body#programariego .programariego_title {
  text-align: center;
  background-color: rgb(130, 188, 0);
  padding: 10px 0;
}
body#programariego .programariego_title--text {
  color: white;
  font-size: 1.5em;
  font-weight: 500;
}
body#programariego .programariego_data, body#programariego .programariego_time {
  padding: 1rem;
}
body#programariego .programariego_data .formGroup, body#programariego .programariego_time .formGroup {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin: 10px 0;
}
body#programariego .programariego_data .formGroup label, body#programariego .programariego_time .formGroup label {
  flex-grow: 0.1;
  font-weight: 400;
  font-size: 1.1em;
  color: rgb(77, 77, 77);
  margin-bottom: 0px;
  margin-right: 4px;
}
body#programariego .programariego_data .formGroup input,
body#programariego .programariego_data .formGroup select, body#programariego .programariego_time .formGroup input,
body#programariego .programariego_time .formGroup select {
  flex-grow: 3;
}
body#programariego .programariego_data .formGroup #hours,
body#programariego .programariego_data .formGroup #mins,
body#programariego .programariego_data .formGroup #spacingHours,
body#programariego .programariego_data .formGroup #spacingMins, body#programariego .programariego_time .formGroup #hours,
body#programariego .programariego_time .formGroup #mins,
body#programariego .programariego_time .formGroup #spacingHours,
body#programariego .programariego_time .formGroup #spacingMins {
  flex-grow: 0;
  width: 50px;
}
body#programariego .programariego_data .formGroup .twoPoints, body#programariego .programariego_time .formGroup .twoPoints {
  margin: 2px;
  margin-top: none;
  margin-bottom: none;
  font-weight: 900;
  font-size: 1.3em;
}
body#programariego .programariego_data .formGroup_item, body#programariego .programariego_time .formGroup_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgb(207, 219, 0);
  color: rgb(125, 125, 125);
  font-weight: 500;
  margin: 6px;
  border-radius: 5px;
  padding: 4px 8px;
}
body#programariego .programariego_data .formGroup_item input, body#programariego .programariego_time .formGroup_item input {
  margin-left: 7px;
}
body#programariego .programariego_data .formGroup_item.trueFalse, body#programariego .programariego_time .formGroup_item.trueFalse {
  flex-grow: 0;
}
body#programariego .programariego_data .buttonGroup, body#programariego .programariego_time .buttonGroup {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px auto;
}
body#programariego .programariego_data .buttonGroup_item, body#programariego .programariego_time .buttonGroup_item {
  border: none;
  padding: 7px 10px;
}
body#programariego .programariego_data .buttonGroup_item:first-child, body#programariego .programariego_time .buttonGroup_item:first-child {
  border-radius: 5px 0 0 5px;
  background-color: rgb(130, 188, 0);
  color: white;
}
body#programariego .programariego_data .buttonGroup_item:last-child, body#programariego .programariego_time .buttonGroup_item:last-child {
  border-radius: 0 5px 5px 0;
  background-color: rgb(170, 170, 170);
  color: #e6e6e6;
}
body#programariego .programariego_subtitle {
  text-align: center;
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: 500;
  padding: 10px 0;
}
body#programariego .programariego_subtitle--text {
  font-size: 1.2em;
}

body#programalista .content {
  display: block;
  width: 90%;
  margin: 30px auto;
}
body#programalista .content_title {
  display: block;
  width: 100%;
  box-shadow: 5px 5px 7px #777;
  border: 0.5px solid #ccc;
  background-color: white;
  text-align: center;
  padding: 15px 0;
  border-radius: 5px;
}
body#programalista .content_title--text {
  color: rgb(125, 125, 125);
  font-weight: 500;
  font-size: 1.3em;
  font-style: italic;
}
body#programalista .content_list {
  display: block;
  width: 100%;
  margin-top: 30px;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  border-radius: 5px;
}
body#programalista .content_list table {
  width: 100%;
}
body#programalista .content_list table thead tr {
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: 500;
}
body#programalista .content_list table thead tr th {
  padding: 5px 10px;
}
body#programalista .content_list table tbody tr {
  border-bottom: 0.5px solid #ccc;
}
body#programalista .content_list table tbody tr:nth-child(even) {
  background-color: #ebebeb;
}
body#programalista .content_list table tbody tr.run {
  background-color: #deeeff;
}
body#programalista .content_list table tbody tr td {
  padding: 5px 10px;
}
body#programalista .content_list table tbody tr td.true {
  color: rgb(130, 188, 0);
  font-weight: 700;
}
body#programalista .content_list table tbody tr td.false {
  color: #dc3545;
  font-weight: 500;
}
body#programalista .content_list table tbody tr td button {
  border: 0.5px solid #ccc;
  border-radius: 5px;
}
body#programalista .content_list table tbody tr td button.active {
  border-color: rgb(130, 188, 0);
  color: rgb(130, 188, 0);
}
body#programalista .content_list table tbody tr td button.active.activ {
  background-color: rgb(130, 188, 0);
  color: white;
  border-color: rgb(130, 188, 0);
}
body#programalista .content_list table tbody tr td button.edit {
  border-color: rgb(255, 200, 67);
  color: rgb(255, 200, 67);
}
body#programalista .content_list table tbody tr td button.delete {
  border-color: #dc3545;
  color: #dc3545;
}
body#programalista .content_add {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 7%;
  bottom: 7%;
}
body#programalista .content_add a {
  display: flex;
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  background-color: #ff9400;
  color: white;
  text-decoration: none;
}
body#programalista .content_add a:hover {
  background-color: #ff9f1a;
}
body#programalista .content_add a.config {
  background-color: rgb(130, 188, 0);
}
body#programalista .content_add a.config:hover {
  background-color: #94d600;
}

.historyAlertsView {
  display: flex;
  position: fixed;
  right: 7%;
  bottom: 30%;
  z-index: 500;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  color: white;
  background-color: rgb(130, 188, 0);
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 576px) {
  .historyAlertsView {
    bottom: 21%;
  }
}
@media only screen and (min-width: 768px) {
  .historyAlertsView {
    bottom: 21%;
  }
}
@media only screen and (min-width: 992px) {
  .historyAlertsView {
    bottom: 21%;
  }
}
.historyAlertsView:hover {
  background-color: #8dcb00;
  color: white;
}

.historyButtonAlerts {
  display: block;
  position: fixed;
  right: 7%;
  bottom: 20%;
  z-index: 500;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  color: white;
  background-color: rgb(130, 188, 0);
}
@media only screen and (min-width: 576px) {
  .historyButtonAlerts {
    bottom: 18%;
  }
}
@media only screen and (min-width: 768px) {
  .historyButtonAlerts {
    bottom: 16%;
  }
}
@media only screen and (min-width: 992px) {
  .historyButtonAlerts {
    bottom: 14%;
  }
}
.historyButtonAlerts:hover {
  background-color: #8dcb00;
  color: white;
}

.history_curtain {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
}
.history_curtain.on {
  display: flex;
  justify-content: center;
  align-items: center;
}
.history_curtain--table {
  display: block;
  width: 90%;
  border: 0.5px solid #ccc;
  background-color: white;
  border-radius: 5px;
  overflow: auto;
}
@media only screen and (min-width: 768px) {
  .history_curtain--table {
    width: 70%;
  }
}
.history_curtain--table table {
  width: 100%;
}
.history_curtain--table table thead tr {
  background-color: rgb(130, 188, 0);
  color: white;
}
.history_curtain--table table thead tr th {
  padding: 0 10px;
  text-align: center;
}
.history_curtain--table table tbody tr:nth-child(even) {
  background-color: #e6e6e6;
}
.history_curtain--table table tbody tr td {
  padding-left: 10px;
  font-weight: 400;
  color: rgb(77, 77, 77);
  text-align: center;
}

body#alertas table.actionsTable {
  background-color: white;
  border-radius: 5px;
  overflow: hidden;
}
body#alertas table.actionsTable thead tr {
  background-color: rgb(130, 188, 0);
}
body#alertas table.actionsTable thead tr th {
  text-align: center;
  font-weight: bold;
  color: white;
}
body#alertas table.actionsTable tbody tr:nth-of-type(odd) {
  background-color: #ccc;
}
body#alertas table.actionsTable tbody tr td {
  padding: 5px;
}
body#alertas table.actionsTable tbody tr td:first-of-type {
  border-right: 1px solid rgb(170, 170, 170);
}
body#alertas .actionsInput {
  border-radius: 5px;
  background-color: white;
  overflow: hidden;
  width: 350px;
}
@media only screen and (min-width: 768px) {
  body#alertas .actionsInput {
    width: 500px;
  }
}
body#alertas .actionsInput span {
  display: block;
  text-align: center;
  background-color: rgb(130, 188, 0);
  color: white;
  padding: 10px 0;
}
body#alertas .actionsInput textarea {
  display: block;
  width: 80%;
  margin: 10px auto;
}
body#alertas .actionsInput button {
  width: 100%;
  border: none;
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
  padding: 10px 0;
}

#grafica .content {
  display: block;
  width: 90%;
  margin: 40px auto;
}
#grafica .content #michart {
  display: block;
  width: 100%;
  height: 70vh;
  border-radius: 5px;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
}
#grafica .content .buttonbox {
  display: block;
  width: 100%;
  margin: 20px auto;
  background-color: white;
}
@media only screen and (min-width: 576px) {
  #grafica .content .buttonbox {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) {
  #grafica .content .buttonbox {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  #grafica .content .buttonbox {
    width: 40%;
  }
}
#grafica .content .buttonbox_title {
  border-bottom: 0.5px solid #ccc;
  text-align: center;
  font-weight: 500;
  font-size: 1.1em;
  color: rgb(77, 77, 77);
}
#grafica .content .buttonbox_buttons {
  display: flex;
  align-items: stretch;
}
#grafica .content .buttonbox_buttons--btn {
  border: none;
  border-bottom: 0.5px solid #ebebeb;
  flex-grow: 1;
  color: #0074E8;
  background-color: white;
  border-radius: 3px 3px 0 0;
}
#grafica .content .buttonbox_buttons--btn.activ {
  border: 1px solid #ebebeb;
}
#grafica .maxMin {
  display: flex;
  width: 100%;
  align-items: stretch;
}
#grafica .maxMin select {
  flex-grow: 1;
}
#grafica .maxMin label {
  flex-grow: 1;
  display: block;
  margin: 0;
  padding: 5px;
  color: rgb(77, 77, 77);
  background-color: #e9ecef;
  border: 1px solid #ced4da;
}
#grafica .maxMin input {
  flex-grow: 1;
  min-width: 0;
}
#grafica .maxMin select,
#grafica .maxMin input {
  border: 1px solid #ced4da;
}
#grafica .maxMin button {
  border: none;
  border-radius: 0 5px 5px 0;
  color: white;
  background-color: rgb(130, 188, 0);
  font-weight: bold;
}

body#reports .content {
  display: block;
  width: 90%;
  margin: 0 auto;
}
body#reports .content_button {
  display: flex;
  justify-content: end;
  margin-top: 20px;
}
body#reports .content_button--save {
  border-radius: 5px;
  border: none;
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: bold;
  font-size: 1.1em;
  padding: 5px 10px;
}
body#reports .content_report--heading {
  display: flex;
  margin-top: 20px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
body#reports .content_report--heading .logo {
  display: block;
}
body#reports .content_report--heading .title {
  font-size: 1.3em;
  color: rgb(125, 125, 125);
  font-weight: bold;
  margin-top: 20px;
}
body#reports .content_report--cards {
  display: grid;
  grid-template-columns: repeat(2, 50%);
}

#relationalchannels .relational {
  display: block;
  width: 90%;
  margin: 0 auto;
}
@media only screen and (min-width: 576px) {
  #relationalchannels .relational {
    width: 55%;
  }
}
@media only screen and (min-width: 768px) {
  #relationalchannels .relational {
    width: 55%;
  }
}
@media only screen and (min-width: 992px) {
  #relationalchannels .relational {
    width: 45%;
  }
}
@media only screen and (min-width: 1200px) {
  #relationalchannels .relational {
    width: 40%;
  }
}
#relationalchannels .relational_title {
  border-radius: 5px;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  margin: 20px auto;
  background-color: white;
  padding: 15px 25px;
  text-align: center;
  color: rgb(125, 125, 125);
  font-weight: 500;
  font-size: 1.3em;
  font-style: italic;
}
#relationalchannels .relational_content {
  box-shadow: 5px 5px 7px #777;
  border-radius: 5px;
  overflow: hidden;
}
#relationalchannels .relational_content table {
  width: 100%;
  background-color: #f2f2f2;
}
#relationalchannels .relational_content table thead tr {
  background-color: rgb(130, 188, 0);
  color: white;
}
#relationalchannels .relational_content table thead tr th {
  text-align: center;
}
#relationalchannels .relational_content table thead tr th:first-child {
  width: 10%;
}
@media only screen and (min-width: 576px) {
  #relationalchannels .relational_content table thead tr th:first-child {
    width: 20%;
  }
}
@media only screen and (min-width: 768px) {
  #relationalchannels .relational_content table thead tr th:first-child {
    width: 30%;
  }
}
@media only screen and (min-width: 768px) {
  #relationalchannels .relational_content table thead tr th:first-child {
    width: 40%;
  }
}
#relationalchannels .relational_content table tbody tr:nth-child(even) {
  background-color: #e6e6e6;
}
#relationalchannels .relational_content table tbody tr:hover {
  background-color: #f7f7f7;
}
#relationalchannels .relational_content table tbody tr td {
  text-align: right;
  color: rgb(77, 77, 77);
  font-weight: 500;
}
#relationalchannels .relational_content table tbody tr td:first-child {
  text-align: center;
}
#relationalchannels .relational_content table tbody tr td button {
  border-radius: 3px;
  border: 0.5px solid #ffc;
  background-color: rgb(207, 219, 0);
}
#relationalchannels .relational_content table tbody tr td button.activ {
  background-color: rgb(130, 188, 0);
  color: white;
}
#relationalchannels .relational_buttons {
  display: block;
  width: 100%;
}
#relationalchannels .relational_buttons button {
  display: block;
  width: 100%;
  border: none;
  border-radius: 5px;
  background-color: rgb(130, 188, 0);
  color: white;
  margin-top: 20px;
  padding: 5px 0;
}

body#weekreports {
  color: rgb(77, 77, 77);
}
body#weekreports .report {
  width: 90%;
  margin: 0 auto;
  margin-top: 20px;
  background-color: white;
}
body#weekreports .report #enabling,
body#weekreports .report #eventm,
body#weekreports .report #comments,
body#weekreports .report #plantHealt,
body#weekreports .report #recomendations,
body#weekreports .report #service,
body#weekreports .report #events,
body#weekreports .report #locate,
body#weekreports .report #province,
body#weekreports .report #phenology,
body#weekreports .report #kc {
  background-color: #d6d6d6;
  border-radius: 3px;
  padding: 2px 5px;
}
body#weekreports .report_logo {
  text-align: center;
}
body#weekreports .report_logo img {
  width: auto;
}
body#weekreports .report_title {
  display: block;
  text-align: center;
  margin-top: 10px;
}
body#weekreports .report_title span {
  display: inline;
  border-radius: 0 0 5px 5px;
  font-size: 1.3em;
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: 700;
  padding: 2px 10px;
}
body#weekreports .report_date--title {
  border-radius: 3px;
  border-bottom-left-radius: 0;
  background-color: rgb(130, 188, 0);
  padding: 2px 5px;
  font-weight: 600;
  color: white;
  margin-top: 10px;
}
body#weekreports .report_date--info {
  display: flex;
  border: 1px solid rgb(130, 188, 0);
  border-radius: 3px;
  border-top-left-radius: 0;
  justify-content: space-evenly;
  align-items: center;
  gap: 10px;
  padding: 5px;
}
body#weekreports .report_date--info label {
  font-weight: 600;
  color: rgb(130, 188, 0);
  padding: 1px 5px;
  margin-bottom: 0px;
}
body#weekreports .report_info {
  margin-top: 20px;
}
body#weekreports .report_info--title {
  border-radius: 3px;
  border-bottom-left-radius: 0;
  background-color: rgb(130, 188, 0);
  padding: 2px 5px;
  font-weight: 600;
  color: white;
  margin-top: 10px;
}
body#weekreports .report_info--content {
  display: flex;
  justify-content: start;
  align-items: start;
  border: 1px solid rgb(130, 188, 0);
  border-radius: 3px;
  border-top-left-radius: 0;
  padding: 5px 0;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  body#weekreports .report_info--content {
    justify-content: space-evenly;
  }
}
body#weekreports .report_info--content .fragment {
  padding: 5px;
}
@media only screen and (min-width: 768px) {
  body#weekreports .report_info--content .fragment {
    flex: 3.3;
  }
}
body#weekreports .report_info--content .fragment div label {
  font-weight: 600;
  color: rgb(130, 188, 0);
  padding: 1px 5px;
  margin-bottom: 0px;
}
body#weekreports .report_info--content .fragment img {
  border-radius: 5px;
  width: 100%;
  height: auto;
}
body#weekreports .report_habilitantes {
  margin-top: 20px;
}
body#weekreports .report_habilitantes--title {
  border-radius: 3px;
  border-bottom-left-radius: 0;
  background-color: rgb(130, 188, 0);
  padding: 2px 5px;
  font-weight: 600;
  color: white;
  margin-top: 10px;
}
body#weekreports .report_habilitantes--content {
  border: 1px solid rgb(130, 188, 0);
  border-radius: 3px;
  border-top-left-radius: 0;
  padding: 5px;
}
body#weekreports .report_habilitantes--content textarea {
  width: 100%;
}
body#weekreports .report_habilitantes--content textarea:focus {
  box-shadow: 3px 3px 5px rgb(207, 219, 0);
}
body#weekreports .report_observacion {
  margin-top: 20px;
}
body#weekreports .report_observacion--title {
  border-radius: 3px;
  border-bottom-left-radius: 0;
  background-color: rgb(130, 188, 0);
  padding: 2px 5px;
  font-weight: 600;
  color: white;
  margin-top: 10px;
}
body#weekreports .report_observacion--content {
  border: 1px solid rgb(130, 188, 0);
  border-radius: 3px;
  border-top-left-radius: 0;
  padding: 5px;
}
body#weekreports .report_observacion--content label {
  font-weight: 600;
  color: rgb(130, 188, 0);
  padding: 1px 5px;
  margin-bottom: 0px;
}
body#weekreports .report_observacion--content .fragments {
  display: flex;
  border: 1px dotted rgb(207, 219, 0);
  justify-content: start;
  align-items: start;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px;
}
@media only screen and (min-width: 768px) {
  body#weekreports .report_observacion--content .fragments {
    justify-content: space-evenly;
  }
}
body#weekreports .report_observacion--content .fragments .fragment {
  flex-basis: 100%;
}
@media only screen and (min-width: 768px) {
  body#weekreports .report_observacion--content .fragments .fragment {
    flex: 3.3;
  }
}
body#weekreports .report_observacion--content .lines {
  border: 1px dotted rgb(207, 219, 0);
  width: 100%;
  padding: 10px;
}
body#weekreports .report_observacion--content .lines div.dotted {
  border: 0.5px dotted rgb(207, 219, 0);
}
body#weekreports .report_observacion--content .lines div.hoursFrost {
  display: flex;
  justify-content: space-between;
}
body#weekreports .report_observacion--content .lines div textarea {
  width: 100%;
}
body#weekreports .report_observacion--content .lines div textarea:focus {
  box-shadow: 3px 3px 5px rgb(207, 219, 0);
}
body#weekreports .report_observacion--content .images {
  display: flex;
  border: 1px dotted rgb(207, 219, 0);
  gap: 10px;
  flex-wrap: wrap;
  padding: 10px;
  align-items: flex-start;
  justify-content: start;
}
@media only screen and (min-width: 768px) {
  body#weekreports .report_observacion--content .images {
    justify-content: space-evenly;
  }
}
body#weekreports .report_observacion--content .images div {
  flex-grow: 1;
}
@media only screen and (min-width: 768px) {
  body#weekreports .report_observacion--content .images div {
    flex: 5;
  }
}
body#weekreports .report_observacion--content .images div label {
  display: block;
}
body#weekreports .report_observacion--content .images div img {
  width: 100%;
  height: auto;
}
body#weekreports .report_observacion--content .images div.editing {
  position: relative;
}
body#weekreports .report_observacion--content .images div.editing .editer {
  width: 20%;
  position: absolute;
  top: 25%;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 0 auto;
  font-size: 3.3em;
  background-color: transparent;
}
body#weekreports .report_observacion--content .images div.editing .editer input {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
}
body#weekreports .report_comentarios {
  margin-top: 20px;
}
body#weekreports .report_comentarios--title {
  border-radius: 3px;
  border-bottom-left-radius: 0;
  background-color: rgb(130, 188, 0);
  padding: 2px 5px;
  font-weight: 600;
  color: white;
  margin-top: 10px;
}
body#weekreports .report_comentarios--content {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: start;
  border: 1px solid rgb(130, 188, 0);
  border-radius: 3px;
  border-top-left-radius: 0;
  padding: 10px;
}
body#weekreports .report_comentarios--content label {
  font-weight: 600;
  color: rgb(130, 188, 0);
  padding: 1px 5px;
  margin-bottom: 0px;
}
body#weekreports .report_comentarios--content div {
  width: 100%;
}
body#weekreports .report_comentarios--content div textarea {
  width: 100%;
}
body#weekreports .report_comentarios--content div textarea:focus {
  box-shadow: 3px 3px 5px rgb(207, 219, 0);
}
body#weekreports .report_prediccion {
  margin-top: 20px;
}
body#weekreports .report_prediccion--title {
  border-radius: 3px;
  border-bottom-left-radius: 0;
  background-color: rgb(130, 188, 0);
  padding: 2px 5px;
  font-weight: 600;
  color: white;
  margin-top: 10px;
}
body#weekreports .report_prediccion--content {
  align-items: start;
  border: 1px solid rgb(130, 188, 0);
  border-radius: 3px;
  border-top-left-radius: 0;
  padding: 5px 0;
}
body#weekreports .report_prediccion--content .fragments {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  padding: 5px;
}
body#weekreports .report_prediccion--content .fragments .fragment {
  border: 1px dotted rgb(207, 219, 0);
  flex-grow: 1;
}
@media only screen and (min-width: 768px) {
  body#weekreports .report_prediccion--content .fragments .fragment {
    flex: 3.3;
  }
}
body#weekreports .report_prediccion--content .fragments .fragment label {
  font-weight: 600;
  color: rgb(130, 188, 0);
  padding: 1px 5px;
  margin-bottom: 0px;
}
body#weekreports .report_prediccion--content .fragments .fragment img {
  width: 100%;
  height: auto;
}
body#weekreports .report_prediccion--content .fragments .fragment .editing {
  position: relative;
}
body#weekreports .report_prediccion--content .fragments .fragment .editing .editer {
  width: 20%;
  position: absolute;
  top: 25%;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 0 auto;
  font-size: 3.3em;
  background-color: transparent;
}
body#weekreports .report_prediccion--content .fragments .fragment .editing .editer input {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
}
body#weekreports .report_prediccion--content .lines {
  display: block;
  width: 100%;
  border: 1px dotted rgb(207, 219, 0);
}
body#weekreports .report_prediccion--content .lines label {
  font-weight: 600;
  color: rgb(130, 188, 0);
  padding: 1px 5px;
  margin-bottom: 0px;
}
body#weekreports .report_prediccion--content .lines textarea {
  display: block;
  width: 100%;
}
body#weekreports .report_recomendaciones {
  margin-top: 20px;
}
body#weekreports .report_recomendaciones--title {
  border-radius: 3px;
  border-bottom-left-radius: 0;
  background-color: rgb(130, 188, 0);
  padding: 2px 5px;
  font-weight: 600;
  color: white;
  margin-top: 10px;
}
body#weekreports .report_recomendaciones--content {
  border: 1px solid rgb(130, 188, 0);
  border-radius: 3px;
  border-top-left-radius: 0;
  padding: 5px;
}
body#weekreports .report_recomendaciones--content textarea {
  width: 100%;
}
body#weekreports .report_recomendaciones--content textarea:focus {
  box-shadow: 3px 3px 5px rgb(207, 219, 0);
}
body#weekreports .report_mejoras {
  margin-top: 20px;
}
body#weekreports .report_mejoras--title {
  border-radius: 3px;
  border-bottom-left-radius: 0;
  background-color: rgb(130, 188, 0);
  padding: 2px 5px;
  font-weight: 600;
  color: white;
  margin-top: 10px;
}
body#weekreports .report_mejoras--content {
  border: 1px solid rgb(130, 188, 0);
  border-radius: 3px;
  border-top-left-radius: 0;
  padding: 5px;
  color: #0074E8;
  font-weight: 600;
}
body#weekreports .report_mejoras--content textarea {
  width: 100%;
}
body#weekreports .report_mejoras--content textarea:focus {
  box-shadow: 3px 3px 5px rgb(207, 219, 0);
}
body#weekreports .report.exporting .report_info--content,
body#weekreports .report.exporting .report_observacion--content {
  justify-content: space-evenly;
}
body#weekreports .report.exporting .report_info--content .fragment,
body#weekreports .report.exporting .report_observacion--content .fragment {
  flex: 3.3;
}
body#weekreports .report.exporting .report_info--content .images,
body#weekreports .report.exporting .report_observacion--content .images {
  justify-content: space-evenly;
}
body#weekreports .report.exporting .report_info--content .images div,
body#weekreports .report.exporting .report_observacion--content .images div {
  flex: 5;
}
body#weekreports .button {
  display: block;
  width: 90%;
  margin: 20px auto;
  text-align: center;
}
body#weekreports .button button {
  border: none;
  border-radius: 5px;
  padding: 5px 10px;
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
  font-weight: 600;
}
body#weekreports .button button:hover {
  background-color: #d9e500;
}

body#reportlobby .reportlobby {
  display: block;
  width: 90%;
  margin: 0 auto;
}
body#reportlobby .reportlobby_title {
  display: block;
  width: 90%;
  margin: 20px auto;
  background-color: white;
  text-align: center;
  border-radius: 5px;
  border: 0.5px solid #ccc;
  padding: 10px 0;
  box-shadow: 5px 5px 7px #777;
  font-weight: 500;
  color: rgb(125, 125, 125);
  font-size: 1.2em;
}
@media only screen and (min-width: 768px) {
  body#reportlobby .reportlobby_title {
    width: 70%;
  }
}
@media only screen and (min-width: 992px) {
  body#reportlobby .reportlobby_title {
    width: 50%;
  }
}
body#reportlobby .reportlobby_content .goBack {
  display: block;
  width: 100px;
  margin: 0 auto;
  color: #0074E8;
  text-decoration: underline;
}
body#reportlobby .reportlobby_content--list {
  display: block;
  width: 90%;
  margin: 20px auto;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  border-radius: 5px;
  background-color: white;
  list-style: none;
  padding-left: 0px;
}
@media only screen and (min-width: 768px) {
  body#reportlobby .reportlobby_content--list {
    width: 70%;
  }
}
@media only screen and (min-width: 992px) {
  body#reportlobby .reportlobby_content--list {
    width: 50%;
  }
}
body#reportlobby .reportlobby_content--list li {
  border-bottom: 1px solid #ccc;
  padding: 10px;
  color: rgb(77, 77, 77);
}
body#reportlobby .reportlobby_content--list li:last-child {
  border: none;
}
body#reportlobby .reportlobby_content--list li:hover {
  background-color: #e6e6e6;
}

#admindisptable .channel {
  display: block;
  width: auto;
  max-width: 130px;
  margin: 0 auto;
  margin-top: 15px;
  padding: 5px;
  border-radius: 5px;
  box-shadow: 0px 3px 5px #ccc;
  background-color: #f2f2f2;
}
@media only screen and (min-width: 768px) {
  #admindisptable .channel {
    position: absolute;
    top: 7%;
    right: 7%;
  }
}
@media only screen and (min-width: 992px) {
  #admindisptable .channel {
    position: absolute;
    top: 10%;
    right: 7%;
  }
}
@media only screen and (min-width: 1200px) {
  #admindisptable .channel {
    position: absolute;
    top: 9%;
    right: 7%;
  }
}
#admindisptable .channel_title {
  font-size: 1.3em;
  color: rgb(125, 125, 125);
  font-weight: 500;
}
#admindisptable .channel_button {
  border: none;
  border-left: 0.5px solid rgb(125, 125, 125);
  cursor: pointer;
  color: rgb(125, 125, 125);
  background-color: transparent;
}
#admindisptable .channel_button:hover, #admindisptable .channel_button:active, #admindisptable .channel_button:focus {
  border: none;
  border-left: 0.5px solid rgb(125, 125, 125);
}
#admindisptable .channel_list {
  display: none;
  list-style: none;
  padding: 7px;
  color: rgb(125, 125, 125);
  font-weight: 700;
  margin-bottom: 0;
}
#admindisptable .channel_list.on {
  display: grid;
}
#admindisptable .channel_list li {
  cursor: pointer;
}
#admindisptable .channel_list li.activ {
  background-color: rgb(130, 188, 0);
  color: white;
  border-radius: 5px;
  padding: 0 5px;
}
#admindisptable .admindisptable {
  display: block;
  width: 90%;
  margin: 0 auto;
}
#admindisptable .admindisptable_title {
  display: block;
  width: 100%;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  border-radius: 5px;
  margin: 20px auto;
  padding: 15px;
  text-align: center;
  color: rgb(125, 125, 125);
  font-size: 1.3em;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  #admindisptable .admindisptable_title {
    width: 50%;
  }
}
#admindisptable .admindisptable_finder {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 40px 0;
  color: rgb(125, 125, 125);
}
#admindisptable .admindisptable_finder--operators {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1px;
}
#admindisptable .admindisptable_finder--operators input {
  border-radius: 5px;
  border: 0.5px solid rgb(130, 188, 0);
  background-color: white;
}
#admindisptable .admindisptable_finder--operators input:focus {
  box-shadow: 0px 0px 4px rgb(130, 188, 0);
  outline: none;
}
#admindisptable .admindisptable_finder--operators button {
  background-color: rgb(130, 188, 0);
  color: white;
  border: none;
  border-radius: 5px;
}
#admindisptable .admindisptable_filter {
  margin-top: 20px;
}
#admindisptable .admindisptable_filter--title {
  display: block;
  width: 100%;
  text-align: center;
}
#admindisptable .admindisptable_filter--buttons {
  display: flex;
  justify-content: center;
}
#admindisptable .admindisptable_filter--buttons button {
  background-color: #ccc;
  border: 1px solid #aaa;
}
#admindisptable .admindisptable_filter--buttons button:first-of-type {
  border-radius: 5px 0px 0px 5px;
}
#admindisptable .admindisptable_filter--buttons button:last-of-type {
  border-radius: 0px 5px 5px 0px;
}
#admindisptable .admindisptable_filter--buttons button.activeFilter {
  background-color: rgb(130, 188, 0);
}
#admindisptable .admindisptable_filter--threshold {
  display: none;
  margin-top: 20px;
}
#admindisptable .admindisptable_filter--threshold button {
  border: none;
  background-color: rgb(130, 188, 0);
  color: white;
  border-radius: 0px 5px 5px 0px;
}
#admindisptable .admindisptable_filter--threshold.threshold {
  display: flex;
  justify-content: center;
  align-items: center;
}
#admindisptable .admindisptable_table {
  display: block;
  width: 100%;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  margin: 0 auto;
  background-color: white;
  overflow: auto;
}
#admindisptable .admindisptable_table table {
  width: 100%;
  text-align: center;
  border-radius: 5px;
}
#admindisptable .admindisptable_table table thead tr {
  background-color: rgb(130, 188, 0);
  color: white;
}
#admindisptable .admindisptable_table table thead tr th {
  padding: 12px 7px;
}
#admindisptable .admindisptable_table table tbody tr {
  background-color: white;
}
#admindisptable .admindisptable_table table tbody tr td {
  padding: 12px 7px;
  color: rgb(77, 77, 77);
  border-right: 0.5px solid #ccc;
}
#admindisptable .admindisptable_table table tbody tr td:last-child {
  border: none;
}
#admindisptable .admindisptable_table table tbody tr td .menu {
  display: inline-flex;
  flex-direction: row;
}
#admindisptable .admindisptable_table table tbody tr td .menu_box {
  position: relative;
}
#admindisptable .admindisptable_table table tbody tr td .menu_box--list {
  display: none;
  position: absolute;
  top: -170%;
  right: 39px;
  width: auto;
  min-width: 200px;
  list-style-type: none;
  text-align: left;
  background-color: white;
  border: 0.5px solid #ccc;
  padding: 5px;
  border-radius: 3px;
  z-index: 600;
}
#admindisptable .admindisptable_table table tbody tr td .menu_box--list.comment {
  top: -60%;
  right: 47px;
}
#admindisptable .admindisptable_table table tbody tr td .menu_box--list.on {
  display: block;
}
#admindisptable .admindisptable_table table tbody tr td .menu_box--list .item {
  cursor: pointer;
}
#admindisptable .admindisptable_table table tbody tr td .menu_curtain {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
}
#admindisptable .admindisptable_table table tbody tr td .menu_curtain.act {
  display: block;
}
#admindisptable .admindisptable_table table tbody tr:nth-child(even) {
  background-color: #f2f2f2;
}
#admindisptable .admindisptable_table table tbody tr:hover {
  background-color: #e6e6e6;
}
#admindisptable .admindisptable_table table tbody tr.alert-row {
  background-color: #f6cdd1;
}
#admindisptable .admindisptable_table table tbody tr.alert-row td {
  border-right: 0.5px solid #ccc;
}
#admindisptable .admindisptable_table table tbody tr.alert-row:nth-child(even) {
  background-color: #efa2a9;
}
#admindisptable .admindisptable_table table tbody tr.alert-row:hover {
  background-color: #ea8891;
}
#admindisptable .admindisptable_table table tbody tr.warning-row {
  background-color: rgb(255, 200, 67);
}
#admindisptable .admindisptable_table table tbody tr.warning-row:nth-child(even) {
  background-color: #ffde90;
}
#admindisptable .admindisptable_table table tbody tr.warning-row:hover {
  background-color: #ffbb15;
}
#admindisptable .admindisptable_table table tbody tr.sensorAlert-row {
  background-color: #ffa933;
  color: white;
}
#admindisptable .admindisptable_table table tbody tr.sensorAlert-row:nth-child(even) {
  background-color: #ffb44d;
}
#admindisptable .admindisptable_table table tbody tr.sensorAlert-row:hover {
  background-color: #ff9f1a;
}
#admindisptable .admindisptable_buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
}
#admindisptable .admindisptable_buttons button {
  background-color: rgb(130, 188, 0);
  color: white;
  border: none;
}
#admindisptable .admindisptable_buttons button.activ {
  color: rgb(77, 77, 77);
  background-color: rgb(207, 219, 0);
}
#admindisptable .admindisptable_buttons button:first-child {
  border-radius: 5px 0 0 5px;
}
#admindisptable .admindisptable_buttons button:last-child {
  border-radius: 0 5px 5px 0;
}
#admindisptable .commentsTable {
  width: 90%;
  position: fixed;
  top: 35%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media only screen and (min-width: 576px) {
  #admindisptable .commentsTable {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) {
  #admindisptable .commentsTable {
    width: 70%;
  }
}
@media only screen and (min-width: 992px) {
  #admindisptable .commentsTable {
    width: 60%;
  }
}
#admindisptable .commentsTable button {
  float: right;
  border: none;
  background-color: transparent;
  color: rgb(77, 77, 77);
}
#admindisptable .commentsTable table {
  width: 100%;
  background-color: white;
  border-radius: 5px;
  overflow: hidden;
}
#admindisptable .commentsTable table thead tr {
  background-color: rgb(130, 188, 0);
  color: white;
}
#admindisptable .commentsTable table thead tr th {
  padding: 2px 5px;
}
#admindisptable .commentsTable table tbody tr {
  background-color: #e6e6e6;
}
#admindisptable .commentsTable table tbody tr:nth-child(even) {
  background-color: #d9d9d9;
}
#admindisptable .commentsTable table tbody tr td {
  padding: 2px 5px;
}

#reportlist .reportlist {
  display: block;
  width: 90%;
  margin: 0 auto;
}
@media only screen and (min-width: 576px) {
  #reportlist .reportlist {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) {
  #reportlist .reportlist {
    width: 70%;
  }
}
@media only screen and (min-width: 992px) {
  #reportlist .reportlist {
    width: 60%;
  }
}
#reportlist .reportlist_title {
  display: block;
  width: 90%;
  margin: 30px auto;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  border-radius: 5px;
  background-color: white;
  text-align: center;
  font-size: 1.3em;
  color: rgb(125, 125, 125);
  padding: 12.5px 0;
}
@media only screen and (min-width: 768px) {
  #reportlist .reportlist_title {
    width: 50%;
  }
}
#reportlist .reportlist_finder {
  display: flex;
  width: 60%;
  margin: 40px auto;
  color: rgb(130, 188, 0);
  justify-content: center;
  align-items: center;
  gap: 10px;
}
#reportlist .reportlist_finder input {
  background-color: white;
  border: 1px solid rgb(130, 188, 0);
  border-radius: 5px;
}
#reportlist .reportlist_table {
  display: block;
  width: 100%;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  overflow: auto;
  background-color: white;
}
#reportlist .reportlist_table table {
  width: 100%;
  color: rgb(77, 77, 77);
}
#reportlist .reportlist_table table td,
#reportlist .reportlist_table table th {
  padding: 10px 5px;
}
#reportlist .reportlist_table table thead tr {
  background-color: rgb(130, 188, 0);
  color: white;
  text-align: center;
  font-size: 1.1em;
}
#reportlist .reportlist_table table tbody tr {
  background-color: #fcfcfc;
}
#reportlist .reportlist_table table tbody tr:nth-child(even) {
  background-color: #e6e6e6;
}
#reportlist .reportlist_table table tbody tr:hover {
  background-color: #ccc;
}
#reportlist .reportlist_table table tbody tr td {
  border-right: 1px solid #ccc;
}
#reportlist .reportlist_table table tbody tr td:last-child {
  text-align: center;
  border: none;
}
#reportlist .reportlist_table table tbody tr td i {
  cursor: pointer;
}
#reportlist .reportlist_buttons {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
#reportlist .reportlist_buttons button {
  background-color: rgb(130, 188, 0);
  color: white;
  padding: 2px 9px;
  border: none;
  border-right: 1px solid rgb(207, 219, 0);
  font-weight: 600;
}
#reportlist .reportlist_buttons button.activ {
  background-color: rgb(207, 219, 0);
  color: rgb(125, 125, 125);
}
#reportlist .reportlist_buttons button:focus {
  outline: none;
}
#reportlist .reportlist_buttons button:first-child {
  border-radius: 5px 0 0 5px;
}
#reportlist .reportlist_buttons button:last-child {
  border-radius: 0 5px 5px 0;
  border: none;
}

#adminplots .adminplots {
  display: block;
  width: 90%;
  margin: 30px auto;
}
@media only screen and (min-width: 576px) {
  #adminplots .adminplots {
    width: 85%;
  }
}
@media only screen and (min-width: 768px) {
  #adminplots .adminplots {
    width: 75%;
  }
}
@media only screen and (min-width: 992px) {
  #adminplots .adminplots {
    width: 70%;
  }
}
#adminplots .adminplots_title {
  display: block;
  background-color: white;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  text-align: center;
  border-radius: 5px;
  padding: 15px 0;
  font-size: 1.3em;
  font-weight: 600;
  color: rgb(125, 125, 125);
}
#adminplots .adminplots_buttons {
  display: flex;
  margin: 30px auto;
  background-color: #ccc;
  font-weight: 600;
  border-radius: 5px;
}
#adminplots .adminplots_buttons button {
  color: rgb(77, 77, 77);
  flex-grow: 1;
  border: none;
  background-color: transparent;
  border-right: 3px solid #9b9b9b;
  padding: 7px 0;
}
#adminplots .adminplots_buttons button:last-of-type {
  border-right: none !important;
}
#adminplots .adminplots_collapse {
  display: block;
  border-radius: 5px;
  border: 0.5px solid #ccc;
  background-color: white;
  overflow: auto;
}
#adminplots .adminplots_collapse table {
  width: 100%;
}
#adminplots .adminplots_collapse table td,
#adminplots .adminplots_collapse table th {
  padding: 12.5px 7px;
}
#adminplots .adminplots_collapse table td i,
#adminplots .adminplots_collapse table th i {
  cursor: pointer;
}
#adminplots .adminplots_collapse table th:first-of-type i {
  cursor: default;
}
#adminplots .adminplots_collapse table thead tr th {
  background-color: rgb(130, 188, 0);
  color: white;
  font-size: 1.2em;
  text-align: center;
}
#adminplots .adminplots_collapse table thead tr td {
  background-color: #b7b7b7;
  font-size: 1.1em;
  font-weight: 700;
  color: rgb(77, 77, 77);
  border-right: 1px solid rgb(125, 125, 125);
  border-top: 3px solid rgb(125, 125, 125);
  text-align: center;
}
#adminplots .adminplots_collapse table thead tr td:last-of-type {
  border-right: none;
}
#adminplots .adminplots_collapse table thead tr td.plotActions {
  position: sticky;
  right: 0;
  outline: 1px solid rgb(125, 125, 125);
}
#adminplots .adminplots_collapse table thead tr td.plotActions i {
  padding: 0 10px;
}
#adminplots .adminplots_collapse table thead tr td.plotActions .dropdwn_button {
  border: none;
  outline: none;
  background-color: white;
  border-radius: 3px;
}
#adminplots .adminplots_collapse table thead tr td.plotActions .dropdwn_list {
  display: none;
  position: absolute;
  right: 102%;
  top: 0;
  background-color: white;
  text-align: left;
  min-width: 200px;
  list-style-type: none;
  border-radius: 5px;
  box-shadow: -3px -3px 5px rgb(77, 77, 77);
}
#adminplots .adminplots_collapse table thead tr td.plotActions .dropdwn_list.activ {
  display: block;
}
#adminplots .adminplots_collapse table thead tr td.plotActions .dropdwn_list--item {
  display: list-item;
}
#adminplots .adminplots_collapse table tbody tr {
  background-color: white;
}
#adminplots .adminplots_collapse table tbody tr td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: rgb(77, 77, 77);
}
#adminplots .adminplots_collapse table tbody tr td:last-of-type {
  border: none;
}
#adminplots .adminplots_collapse table tbody tr td.zoneActions {
  position: sticky;
  right: 0;
  z-index: 1014;
  background-color: white;
  text-align: center;
  outline: 1px solid #ccc;
}
#adminplots .adminplots_collapse table tbody tr td.zoneActions i {
  padding: 0 15px;
}
#adminplots .adminplots_collapse table tbody tr td.zoneActions .dropdwn_button {
  border: none;
  outline: none;
  background-color: rgb(170, 170, 170);
  border-radius: 3px;
}
#adminplots .adminplots_collapse table tbody tr td.zoneActions .dropdwn_list {
  display: none;
  position: absolute;
  right: 102%;
  top: 0;
  background-color: #e3e3e3;
  text-align: left;
  min-width: 200px;
  list-style-type: none;
  border-radius: 5px;
  box-shadow: -3px -3px 5px rgb(170, 170, 170);
}
#adminplots .adminplots_collapse table tbody tr td.zoneActions .dropdwn_list.activ {
  display: block;
}
#adminplots .adminplots_collapse table tbody tr td.zoneActions .dropdwn_list--item {
  display: list-item;
}
#adminplots .adminplots_collapse table tbody tr.header td {
  background-color: #e3e3e3;
  color: #666666;
  text-align: center;
  border: none;
  font-weight: 500;
  border-right: 1px solid rgb(170, 170, 170);
}
#adminplots .adminplots_addBtn {
  position: fixed;
  bottom: 7%;
  right: 7%;
  z-index: 1015;
}
#adminplots .adminplots_addBtn a {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  background-color: #ff9400;
  color: white;
  border: 3px solid white;
  border-radius: 50%;
  text-decoration: none;
}
#adminplots .adminplots_addBtn a:hover {
  background-color: rgb(255, 120, 0);
}
#adminplots .adminplots .editZone {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 1021;
  display: block;
  width: 50%;
  margin: 0 auto;
}
#adminplots .adminplots .editZone_closeBtn {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  color: rgb(77, 77, 77);
  cursor: pointer;
  background-color: transparent;
}
#adminplots .adminplots .editZone_title {
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: 500;
  text-align: center;
  border-radius: 5px 5px 0 0;
}
#adminplots .adminplots .editZone_content {
  display: flex;
  flex-direction: column;
  background-color: white;
  padding: 7.5px 12.5px;
  border-radius: 0 0 5px 5px;
}
#adminplots .adminplots .editZone_content--inputGroup label {
  width: 15%;
}
#adminplots .adminplots .editZone_content--inputGroup input {
  width: 80%;
}
#adminplots .adminplots .editZone_content--inputGroup.buttons button {
  display: block;
  width: 90%;
  margin: 0 auto;
  border: none;
  padding: 7px 0;
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: 600;
  text-align: center;
  border-radius: 5px;
}
#adminplots .adminplots #mapid {
  display: none;
  width: 90%;
  height: 70vh;
  margin: 0 auto;
}
#adminplots .adminplots #mapid.on {
  display: block;
}
#adminplots .adminplots .closeMap {
  display: none;
  position: fixed;
  top: 15%;
  right: 10%;
  border: none;
  border-radius: 5px;
  font-size: 1.3em;
}
#adminplots .adminplots .closeMap.on {
  display: block;
}

#dashboard .content_title {
  display: block;
  width: 90%;
  margin: 30px auto;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  background-color: white;
  font-size: 1.3em;
  font-weight: 600;
  color: rgb(125, 125, 125);
  padding: 12.5px 0;
  text-align: center;
  border-radius: 5px;
}
@media only screen and (min-width: 576px) {
  #dashboard .content_title {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) {
  #dashboard .content_title {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  #dashboard .content_title {
    width: 45%;
  }
}
#dashboard .content_controls {
  display: flex;
  width: 90%;
  flex-direction: column;
  margin: 10px auto;
}
@media only screen and (min-width: 576px) {
  #dashboard .content_controls {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) {
  #dashboard .content_controls {
    width: 55%;
  }
}
@media only screen and (min-width: 992px) {
  #dashboard .content_controls {
    width: 40%;
  }
}
#dashboard .content_controls--selects {
  display: grid;
  grid-template-columns: 50% 50%;
}
#dashboard .content_controls--buttons {
  display: flex;
  margin: 10px 0;
}
#dashboard .content_controls--buttons button {
  flex-grow: 1;
  border: none;
  border-right: 2px solid #ccc;
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
  padding: 7px 0;
  margin-top: 20px;
}
#dashboard .content_controls--buttons button:first-of-type {
  border-radius: 5px 0 0 5px;
}
#dashboard .content_controls--buttons button:last-of-type {
  border: none;
  border-radius: 0 5px 5px 0;
}
#dashboard .content_controls--buttons button.activ {
  background-color: rgb(130, 188, 0);
  color: white;
}
#dashboard .content_controls--buttons button:focus {
  outline: none;
}
#dashboard .content_controls--submit {
  margin-top: 20px;
}
#dashboard .content_controls--submit button {
  display: block;
  width: 100%;
  padding: 12px 0;
  background-color: rgb(130, 188, 0);
  color: white;
  border: none;
  border-radius: 5px;
  font-weight: 600;
  font-size: 1.2em;
}
#dashboard .content_controls--submit button:focus {
  outline: none;
}
#dashboard .content_chart {
  display: flex;
  width: 90%;
  margin: 20px auto;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  #dashboard .content_chart {
    width: 80%;
  }
}
@media only screen and (min-width: 992px) {
  #dashboard .content_chart {
    width: 70%;
  }
}
#dashboard .content_data {
  display: grid;
  width: fit-content;
  border-bottom: 0.5px solid rgb(130, 188, 0);
  border-radius: 5px;
  margin: 20px auto;
  grid-gap: 10px;
  font-size: 1.3em;
  font-weight: 600;
  color: rgb(77, 77, 77);
  padding: 10px;
  text-align: center;
}
#dashboard .content_save {
  display: block;
  width: fit-content;
  margin: 20px auto;
  background-color: rgb(130, 188, 0);
  border-radius: 5px;
  color: white;
  font-weight: bold;
  border: none;
}

#dynamicreport .dynamicreport {
  display: block;
  width: 90%;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) {
  #dynamicreport .dynamicreport {
    width: 60%;
  }
}
@media only screen and (min-width: 1200px) {
  #dynamicreport .dynamicreport {
    width: 50%;
  }
}
#dynamicreport .dynamicreport_report--title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}
#dynamicreport .dynamicreport_report--title .report_title {
  border-radius: 0 0 5px 5px;
  font-size: 1.3em;
  background-color: #82bc00;
  color: white;
  font-weight: 700;
  padding: 2px 10px;
}
#dynamicreport .dynamicreport_report .separator {
  margin: 80px;
}
#dynamicreport .dynamicreport_report--box .box_title {
  display: inline-block;
  border-radius: 3px;
  border-bottom-left-radius: 0;
  background-color: #82bc00;
  padding: 2px 5px;
  font-weight: 600;
  color: white;
  margin-top: 10px;
}
#dynamicreport .dynamicreport_report--box .box_content {
  display: flex;
  flex-direction: column;
  border: 1px solid rgb(130, 188, 0);
  border-radius: 3px;
  border-top-left-radius: 0;
  padding: 5px;
  background-color: white;
}
@media only screen and (min-width: 768px) {
  #dynamicreport .dynamicreport_report--box .box_content {
    display: grid;
    grid-template-columns: repeat(3, 30%);
    grid-template-rows: auto [last-line];
    justify-content: space-evenly;
  }
}
#dynamicreport .dynamicreport_report--box .box_content.line {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
#dynamicreport .dynamicreport_report--box .box_content.header {
  display: flex;
  flex-direction: column;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  #dynamicreport .dynamicreport_report--box .box_content.header {
    display: grid;
    grid-template-columns: repeat(4, 25%);
    text-align: center;
  }
}
#dynamicreport .dynamicreport_report--box .box_content--item {
  height: auto;
}
#dynamicreport .dynamicreport_report--box .box_content--item i {
  color: rgb(130, 188, 0);
}
#dynamicreport .dynamicreport_report--box .box_content--item label {
  color: rgb(130, 188, 0);
  font-weight: 600;
}
#dynamicreport .dynamicreport_report--box .box_content--item span {
  color: rgb(77, 77, 77);
}
#dynamicreport .dynamicreport_report--box .box_content--item.image {
  grid-row: 1/span 5;
}
#dynamicreport .dynamicreport_report--box .box_content--item.image img {
  display: block;
  width: 100%;
  height: auto;
}
#dynamicreport .dynamicreport_report--box .box_content--item.image.large {
  grid-column: 1/span 3;
}
#dynamicreport .dynamicreport_report--box .box_content--item.map {
  grid-column: 3;
  grid-row: 1/last-line;
  grid-row-start: span 9000;
}
#dynamicreport .dynamicreport_report--box .box_content--item.map img {
  width: 100%;
  height: auto;
}
#dynamicreport .dynamicreport_buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
}
#dynamicreport .dynamicreport_buttons button {
  border: none;
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: 600;
  padding: 5px;
  border-radius: 0 5px 5px 0;
}
#dynamicreport .dynamicreport_buttons button:first-of-type {
  background-color: #ccc;
  color: rgb(77, 77, 77);
  border-radius: 5px 0 0 5px;
}
#dynamicreport .dynamicreport.exporting {
  width: 90% !important;
}
#dynamicreport .dynamicreport.exporting .dynamicreport_report--box .box_content {
  display: grid;
  grid-template-columns: repeat(3, 30%);
  grid-template-rows: auto [last-line];
  justify-content: space-evenly;
}
#dynamicreport .dynamicreport.exporting .dynamicreport_report--box .box_content.line {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
#dynamicreport .dynamicreport.exporting .dynamicreport_report--box .box_content.header {
  display: grid;
  grid-template-columns: repeat(4, 25%);
  text-align: center;
}

#plotsV2 .content_operators {
  display: grid;
  width: 90%;
  margin: 10px auto;
  justify-content: space-between;
  grid-template-columns: 15% 70% 15%;
  background-color: #eaf1fb;
  border: 0.5px solid #ccc;
  border-radius: 50px;
  box-shadow: 5px 5px 7px #777;
}
@media only screen and (min-width: 768px) {
  #plotsV2 .content_operators {
    width: fit-content;
  }
}
#plotsV2 .content_operators #finder2 {
  width: 100%;
  margin: 10px 0px;
}
@media only screen and (min-width: 768px) {
  #plotsV2 .content_operators #finder2 {
    width: 90%;
    margin: 0px auto;
    grid-column: 2;
    grid-row: 1;
  }
}
#plotsV2 .content_operators--finder {
  display: flex;
  width: fit-content;
  grid-column: 1/span 3;
  grid-row: 2;
  padding: 5px;
  background-color: white;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-evenly;
}
@media only screen and (min-width: 768px) {
  #plotsV2 .content_operators--finder {
    grid-column: 2;
    grid-row: 1;
  }
}
#plotsV2 .content_operators--finder input {
  border: none;
  background-color: white;
  color: rgb(77, 77, 77);
  width: 80%;
}
#plotsV2 .content_operators--finder i {
  color: rgb(77, 77, 77);
}
#plotsV2 .content_operators--order {
  width: fit-content;
  text-align: right;
}
#plotsV2 .content_operators--order button {
  height: 100%;
  background-color: #eaf1fb;
  border-radius: 50%;
  padding: 0.175rem 0.55rem;
}
@media only screen and (min-width: 768px) {
  #plotsV2 .content_operators--order button {
    padding: 0.375rem 0.75rem;
  }
}
#plotsV2 .content_operators--order .dropdown-menu {
  top: 63px !important;
  background-color: #eaf1fb;
}
@media only screen and (min-width: 768px) {
  #plotsV2 .content_operators--order .dropdown-menu {
    top: 45px !important;
    left: -60px !important;
  }
}
#plotsV2 .content_operators--mode {
  width: fit-content;
  grid-column: 3;
}
#plotsV2 .content_operators--mode button {
  height: 100%;
  background-color: #eaf1fb;
  border-radius: 50%;
  padding: 0.175rem 0.55rem;
  margin-right: 5px;
}
@media only screen and (min-width: 768px) {
  #plotsV2 .content_operators--mode button {
    padding: 0.375rem 0.75rem;
  }
}
#plotsV2 .content_operators--mode .dropdown-menu {
  top: 63px !important;
  background-color: #eaf1fb;
}
@media only screen and (min-width: 768px) {
  #plotsV2 .content_operators--mode .dropdown-menu {
    top: 45px !important;
    left: 60px !important;
  }
}
#plotsV2 .content_cards {
  display: grid;
  width: 90%;
  gap: 5px;
  margin: 10px auto;
  grid-template-columns: auto;
}
@media only screen and (min-width: 576px) {
  #plotsV2 .content_cards {
    grid-template-columns: repeat(2, 50%);
  }
}
@media only screen and (min-width: 768px) {
  #plotsV2 .content_cards {
    grid-template-columns: repeat(3, 33.3333333333%);
    justify-content: space-around;
  }
}
@media only screen and (min-width: 992px) {
  #plotsV2 .content_cards {
    grid-template-columns: repeat(4, 25%);
  }
}
@media only screen and (min-width: 1200px) {
  #plotsV2 .content_cards {
    grid-template-columns: repeat(5, 20%);
  }
}
#plotsV2 .content_cards--card {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  background-color: white;
  border-radius: 5px;
  padding: 10px;
}
#plotsV2 .content_cards--card .div-header {
  display: grid;
  grid-template-columns: 20% 75% 5%;
  width: 100%;
  padding: 10px;
}
#plotsV2 .content_cards--card .div-header button {
  border: none;
  background-color: transparent;
  color: rgb(77, 77, 77);
  padding: 1px 3px;
  /*
  &:last-of-type {
    border-radius: 5px;
    background-color: lighten($color: #ccc, $amount: 15);
  }
  */
}
#plotsV2 .content_cards--card .div-header button.txt-verde {
  color: rgb(130, 188, 0);
}
#plotsV2 .content_cards--card .div-header span {
  font-weight: bold;
  color: rgb(77, 77, 77);
  text-align: center;
  font-size: 1.1em;
  grid-column: 2;
}
#plotsV2 .content_cards--card .div-header .left-buttons {
  display: flex;
}
#plotsV2 .content_cards--card .div-header .left-buttons button {
  width: 20px;
  height: 20px;
}
#plotsV2 .content_cards--card .div-header .dropleft {
  grid-column: 3;
}
#plotsV2 .content_cards--card .div-content {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-self: flex-end;
}
#plotsV2 .content_cards--card .div-content-info {
  display: flex;
  justify-content: space-evenly;
  background-color: #f2f2f2;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  color: rgb(77, 77, 77);
  padding: 10px 10px;
}
#plotsV2 .content_cards--card .div-content-image {
  width: 100%;
  height: 6rem;
  background-color: #ccc;
  position: relative;
}
#plotsV2 .content_cards--card .div-content-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
#plotsV2 .content_cards--card .div-content-image .camImg .btn .fa-edit {
  color: white;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
#plotsV2 .content_cards--card .div-content-buttons {
  display: flex;
  align-items: stretch;
}
#plotsV2 .content_cards--card .div-content-buttons button {
  display: block;
  border: 0.5px solid #ccc;
  border-right: none;
  padding: 10px 0;
  flex-grow: 1;
  color: rgb(77, 77, 77);
  background-color: #e6e6e6;
}
#plotsV2 .content_cards--card .div-content-buttons button:first-of-type {
  border-radius: 5px 0 0 5px;
}
#plotsV2 .content_cards--card .div-content-buttons button:last-of-type {
  border-radius: 0 5px 5px 0;
  border-right: 0.5px solid #ccc;
}
#plotsV2 .content_cards--card .div-content-buttons button:hover {
  background-color: rgb(130, 188, 0);
  color: white;
}
#plotsV2 .content_cards--card.plot-disabled {
  background-color: #ccc;
}
#plotsV2 .content_cards--card.plot-disabled .div-content-image img {
  filter: grayscale(100%);
}
#plotsV2 .content_cards--card.plot-disabled .div-content-buttons button:disabled {
  opacity: 0.5;
  cursor: default;
}
#plotsV2 .content_cards--card.plot-disabled .div-content-buttons button:disabled:hover {
  background-color: #e6e6e6;
  color: rgb(77, 77, 77);
}

#prediction #predictionHeader .predictionHeader {
  display: flex;
  position: relative;
  width: 90%;
  justify-content: space-around;
  margin: 0 auto;
  margin-top: 20px;
  background-color: rgb(130, 188, 0);
  border-radius: 5px;
  box-shadow: 5px 5px 7px #777;
  border: 0.5px solid #ccc;
  padding: 0.5rem 1rem;
}
@media only screen and (min-width: 576px) {
  #prediction #predictionHeader .predictionHeader {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) {
  #prediction #predictionHeader .predictionHeader {
    width: 70%;
  }
}
@media only screen and (min-width: 992px) {
  #prediction #predictionHeader .predictionHeader {
    width: 50%;
  }
}
#prediction #predictionHeader .predictionHeader .backButton2 {
  display: flex;
  position: absolute;
  top: 20px;
  left: 20px;
  width: 40px;
  height: 40px;
  border: none;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: white;
  color: #ff9400;
  padding: 0px;
  font-size: 1.2em;
}
#prediction #predictionHeader .predictionHeader_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#prediction #predictionHeader .predictionHeader_item span {
  color: white;
}
#prediction #predictionHeader .predictionHeader_item--icon {
  color: white;
  font-size: 1.7em;
  text-align: center;
  opacity: 0.75;
}
#prediction #predictionHeader .predictionHeader_item--temp {
  font-weight: bold;
  font-size: 1.3em;
  text-align: center;
}
#prediction #predictionHeader .predictionHeader_item--minMax {
  font-weight: 600;
  text-align: center;
}
#prediction #content .predictionList {
  display: flex;
  width: 90%;
  position: relative;
  margin: 0px auto !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  border: 0.5px solid #ccc;
  background-color: white;
  border-radius: 5px;
  box-shadow: 5px 5px 7px #777;
}
@media only screen and (min-width: 576px) {
  #prediction #content .predictionList {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) {
  #prediction #content .predictionList {
    width: 70%;
  }
}
@media only screen and (min-width: 992px) {
  #prediction #content .predictionList {
    width: 50%;
  }
}
#prediction #content .predictionList_item {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(7, 14.2857142857%);
  justify-content: space-around;
  align-items: center;
  text-align: center;
  border-bottom: 0.5px solid #ccc;
}
#prediction #content .predictionList_item:last-of-type {
  border: none;
}
#prediction #content .predictionList_item--wind, #prediction #content .predictionList_item--day {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#prediction #content .hourList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  width: 90%;
  position: relative;
  margin: 0px auto !important;
  flex-direction: column;
  border: 0.5px solid #ccc;
  background-color: white;
  border-radius: 5px;
  box-shadow: 5px 5px 7px #777;
}
@media only screen and (min-width: 576px) {
  #prediction #content .hourList {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) {
  #prediction #content .hourList {
    width: 70%;
  }
}
@media only screen and (min-width: 992px) {
  #prediction #content .hourList {
    width: 50%;
  }
}
#prediction #content .hourList_item {
  display: grid;
  grid-template-columns: repeat(6, 16.6666666667%);
  justify-content: space-around;
  align-items: center;
  border-bottom: 0.5px solid #ccc;
}
#prediction #content .hourList_item:last-of-type {
  border-bottom: none;
}
#prediction #content .hourList_item--elm {
  text-align: center;
}
#prediction #content .hourList_item--elm.wind {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.9em;
}
#prediction #content .hourList_item .activ {
  display: grid;
  grid-template-columns: repeat(3, 33.3333333333%);
  grid-column: 1/span 6;
  background-color: #e6e6e6;
  padding: 5px;
}
#prediction #content .hourList_item .activ_elm {
  margin-left: 10px;
  color: rgb(77, 77, 77);
}
#prediction .forReport {
  display: flex;
  padding: 40px;
  justify-content: center;
}
#prediction .forReport #goToReport {
  display: block;
  width: fit-content;
  padding: 5px 10px;
  border-radius: 5px;
  border: none;
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: 600;
  font-size: 1.3em;
  border: 2px solid white;
}
#prediction .forReport #goToReport:hover {
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
}
#prediction .backButton {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
}
#prediction .backButton button {
  width: 89%;
  border: none;
  border-radius: 5px;
  background-color: #ff9400;
  color: white;
  font-weight: bold;
  padding: 7px 10px;
}
@media only screen and (min-width: 576px) {
  #prediction .backButton button {
    width: 79%;
  }
}
@media only screen and (min-width: 768px) {
  #prediction .backButton button {
    width: 69%;
  }
}
@media only screen and (min-width: 992px) {
  #prediction .backButton button {
    width: 49%;
  }
}

body#datamapV2 #botoneraClima {
  display: block;
  width: 100%;
  margin: 20px auto;
  overflow: hidden;
  background-color: #fafafb;
  border: 0.5px solid #ccc;
  border-radius: 5px;
}
body#datamapV2 #botoneraClima_botones {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: rgb(125, 125, 125);
  font-weight: 500;
}
body#datamapV2 #botoneraClima_botones a {
  flex-grow: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-left: 0.5px solid #ccc;
  padding: 0.65rem 0.8rem;
}
body#datamapV2 #botoneraClima_botones a:first-child {
  border: none;
}
body#datamapV2 #botoneraClima_botones a:hover {
  background-color: #e6e0e0;
}
body#datamapV2 #botoneraClima_botones a.active {
  background-color: #d6cdcd;
}
body#datamapV2 #botoneraClima_botones a span {
  text-align: center;
}
@media only screen and (min-width: 0) {
  body#datamapV2 #botoneraClima_botones a span {
    display: none;
  }
}
@media only screen and (min-width: 576px) {
  body#datamapV2 #botoneraClima_botones a span {
    display: block;
  }
}
body#datamapV2 .popupStyle {
  width: 100%;
  min-width: 200px;
}
body#datamapV2 .popupStyle_title {
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}
body#datamapV2 .popupStyle_title.precipitation {
  background-color: #0074E8;
}
body#datamapV2 .popupStyle_title.precipitation div a {
  color: white;
}
body#datamapV2 .popupStyle_title.thermic {
  background-color: rgb(255, 200, 67);
}
body#datamapV2 .popupStyle_title.thermic a {
  color: rgb(77, 77, 77);
}
body#datamapV2 .popupStyle_title.temperature {
  background-color: #dc3545;
}
body#datamapV2 .popupStyle_title.temperature a {
  color: white;
}
body#datamapV2 .popupStyle_list {
  list-style: none;
  padding: 0px;
}
body#datamapV2 .popupStyle_list--line {
  display: block;
  border-bottom: 0.5px solid #ccc;
  font-weight: 500;
  color: rgb(77, 77, 77);
}
body#datamapV2 .popupStyle_list--line .label {
  margin-left: 10px;
  font-weight: 600;
}
body#datamapV2 .popupStyle_list--line .value {
  float: right;
  margin-right: 10px;
}
body#datamapV2 .plotButtons {
  display: grid;
  display: none;
  grid-template-columns: 5% 90% 5%;
  background-color: white;
  border-radius: 5px;
}
body#datamapV2 .plotButtons_leftArrow {
  width: 100%;
  border: none;
  border-radius: 5px 0 0 5px;
  color: rgb(125, 125, 125);
}
body#datamapV2 .plotButtons_rightArrow {
  width: 100%;
  border: none;
  border-radius: 0 5px 5px 0;
  color: rgb(125, 125, 125);
}
body#datamapV2 .plotButtons_buttons {
  display: flex;
  padding: 5px;
  gap: 7px;
  overflow: auto;
  border-top: 0.5px solid #dfdfdf;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
body#datamapV2 .plotButtons_buttons::-webkit-scrollbar {
  display: none;
}
body#datamapV2 .plotButtons_buttons--item {
  padding: 10px 7px;
  border: none;
  border-radius: 10px;
  color: rgb(77, 77, 77);
  word-break: keep-all;
  background-color: #e6e6e6;
}
body#datamapV2 .plotButtons_buttons--item.activ {
  background-color: #ccc;
}
body#datamapV2 .finder_select {
  display: block;
  width: 300px;
  height: 40px;
  margin: 0 auto;
}
body#datamapV2 .finder_input {
  width: 300px;
  height: 40px;
  margin-top: 20px;
  font-family: FontAwesome, Arial, Helvetica, sans-serif;
}
body#datamapV2 .finder_matchs {
  min-width: 300px;
  list-style-type: none;
  padding: 0px;
}
body#datamapV2 .finder_matchs li {
  width: 300px;
  padding: 10px 0px;
  border: 0.5px solid #ccc;
  margin: 0 auto;
}
body#datamapV2 .finder_matchs li:first-of-type {
  border-radius: 5px 5px 0px 0px;
}
body#datamapV2 .finder_matchs li:last-of-type {
  border-radius: 0px 0px 5px 5px;
}

#calculatorV2 .content_title {
  display: block;
  width: 90%;
  margin: 20px auto;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  background-color: white;
  font-size: 1.3em;
  font-weight: 600;
  color: rgb(125, 125, 125);
  padding: 12.5px 0;
  text-align: center;
  border-radius: 5px;
}
@media only screen and (min-width: 576px) {
  #calculatorV2 .content_title {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) {
  #calculatorV2 .content_title {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  #calculatorV2 .content_title {
    width: 45%;
  }
}
#calculatorV2 .content_controls {
  display: flex;
  width: 90%;
  flex-direction: column;
  margin: 10px auto;
}
@media only screen and (min-width: 576px) {
  #calculatorV2 .content_controls {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) {
  #calculatorV2 .content_controls {
    width: 55%;
  }
}
@media only screen and (min-width: 992px) {
  #calculatorV2 .content_controls {
    width: 40%;
  }
}
#calculatorV2 .content_controls--buttons {
  display: flex;
  margin: 10px 0;
}
#calculatorV2 .content_controls--buttons button {
  flex-grow: 1;
  border: none;
  border-right: 2px solid #ccc;
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
  padding: 7px 0;
}
#calculatorV2 .content_controls--buttons button:first-of-type {
  border-radius: 5px 0 0 5px;
}
#calculatorV2 .content_controls--buttons button:last-of-type {
  border: none;
  border-radius: 0 5px 5px 0;
}
#calculatorV2 .content_controls--buttons button.activ {
  background-color: rgb(130, 188, 0);
  color: white;
}
#calculatorV2 .content_controls--buttons button:focus {
  outline: none;
}
#calculatorV2 .content_controls--submit {
  margin-top: 20px;
}
#calculatorV2 .content_controls--submit button {
  display: block;
  width: 100%;
  padding: 12px 0;
  background-color: rgb(130, 188, 0);
  color: white;
  border: none;
  border-radius: 5px;
  font-weight: 600;
  font-size: 1.2em;
}
#calculatorV2 .content_controls--submit button:focus {
  outline: none;
}
#calculatorV2 .content_filters {
  display: grid;
  width: 90%;
  margin: 0 auto;
  grid-template-columns: repeat(4, 25%);
  grid-gap: 1px;
  background-color: #b3b3b3;
  border-radius: 5px;
  overflow: hidden;
}
#calculatorV2 .content_filters button {
  background-color: #ccc;
  color: rgb(77, 77, 77);
  border: none;
}
#calculatorV2 .content_filters button.activated {
  background-color: #e6e6e6;
  color: rgb(125, 125, 125);
}
@media only screen and (min-width: 768px) {
  #calculatorV2 .content_filters {
    display: none;
  }
}
#calculatorV2 .content_table {
  display: block;
  width: 90%;
  margin: 20px auto;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  background-color: white;
  overflow: auto;
  border-radius: 5px;
}
#calculatorV2 .content_table table {
  width: 100%;
}
#calculatorV2 .content_table table td,
#calculatorV2 .content_table table th {
  display: none;
}
#calculatorV2 .content_table table td.activated,
#calculatorV2 .content_table table th.activated {
  display: table-cell;
}
@media only screen and (min-width: 768px) {
  #calculatorV2 .content_table table td,
  #calculatorV2 .content_table table th {
    display: table-cell;
  }
}
#calculatorV2 .content_table table thead tr th {
  background-color: rgb(130, 188, 0);
  color: white;
  padding: 10px;
  border-right: 0.5px solid white;
}
#calculatorV2 .content_table table thead tr th:last-of-type {
  border: none;
}
#calculatorV2 .content_table table tbody tr {
  background-color: #f2f2f2;
}
#calculatorV2 .content_table table tbody tr:nth-of-type(even) {
  background-color: #dedede;
}
#calculatorV2 .content_table table tbody tr td {
  padding: 10px;
  border-right: 0.5px solid rgb(170, 170, 170);
}
#calculatorV2 .content_table table tbody tr td:last-of-type {
  border: none;
}
#calculatorV2 .content_table table tbody tr td.false {
  color: #dc3545;
  font-weight: 600;
}

#resumen .content_filters {
  display: grid;
  width: 90%;
  margin: 20px auto;
  grid-template-columns: repeat(4, 25%);
  grid-gap: 2px;
  background-color: #b3b3b3;
  border-radius: 5px;
  overflow: hidden;
}
#resumen .content_filters button {
  background-color: #ccc;
  color: rgb(77, 77, 77);
  border: none;
}
#resumen .content_filters button.activated {
  background-color: #e6e6e6;
  color: rgb(125, 125, 125);
}
@media only screen and (min-width: 768px) {
  #resumen .content_filters {
    display: none;
  }
}
#resumen .content_table {
  width: 90%;
  margin: 20px auto;
  background-color: white;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  border-radius: 5px;
  overflow: auto;
}
#resumen .content_table table {
  width: 100%;
}
#resumen .content_table table thead tr th {
  display: none;
  background-color: rgb(130, 188, 0);
  color: white;
  text-align: center;
  border-right: 0.5px solid #ccc;
}
#resumen .content_table table thead tr th.activated {
  display: table-cell;
}
@media only screen and (min-width: 768px) {
  #resumen .content_table table thead tr th {
    display: table-cell;
  }
}
#resumen .content_table table tbody tr {
  background-color: #e6e6e6;
}
#resumen .content_table table tbody tr:nth-of-type(even) {
  background-color: #f2f2f2;
}
#resumen .content_table table tbody tr td {
  display: none;
  border-right: 0.5px solid #ccc;
  padding: 0 5px;
}
#resumen .content_table table tbody tr td:last-of-type {
  border: none;
}
#resumen .content_table table tbody tr td.activated {
  display: table-cell;
}
@media only screen and (min-width: 768px) {
  #resumen .content_table table tbody tr td {
    display: table-cell;
  }
}
#resumen .content_table table tbody tr [data-filter=suelo] {
  background-color: rgba(131, 96, 63, 0.3);
}
#resumen .content_table table tbody tr [data-filter=riegoagua] {
  background-color: rgba(0, 116, 232, 0.3);
}
#resumen .content_table table tbody tr [data-filter=clima] {
  background-color: rgba(255, 200, 67, 0.3);
}
#resumen .content_table table tbody tr [data-filter=cultivo] {
  background-color: rgba(130, 188, 0, 0.3);
}

#resumen .contenedor,
#resumenV2 .contenedor {
  width: 70px;
  height: 35px;
  overflow: hidden;
  margin: 20px auto;
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: 50% 50%;
  justify-content: center;
  align-items: center;
}
#resumen .contenedor.text,
#resumenV2 .contenedor.text {
  margin-bottom: 0px;
}
#resumen .contenedor .gauge-a,
#resumenV2 .contenedor .gauge-a {
  z-index: 1;
  background-color: #ccc;
  width: 70px;
  height: 43.75px;
  border-radius: 250px 250px 0px 0px;
  grid-column: 1/span 4;
  grid-row: 2;
  overflow: hidden;
  display: grid;
  grid-row: 25% 25% 25% 25%;
}
#resumen .contenedor .gauge-b,
#resumenV2 .contenedor .gauge-b {
  z-index: 3;
  width: 45px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: start;
  border-radius: 100em 100em 0px 0px;
  margin-left: -4px;
  margin-bottom: -25px;
  background-color: white;
}
#resumen .contenedor .gauge-b #valor,
#resumenV2 .contenedor .gauge-b #valor {
  z-index: 4;
  color: rgb(125, 125, 125);
  font-weight: bold;
}

#resumenV2 .gauge-text {
  text-align: center;
  padding: 5px;
}

#plotstable .plotstable {
  display: block;
  width: 90%;
  margin: 30px auto;
}
@media only screen and (min-width: 576px) {
  #plotstable .plotstable {
    width: 85%;
  }
}
@media only screen and (min-width: 768px) {
  #plotstable .plotstable {
    width: 75%;
  }
}
@media only screen and (min-width: 992px) {
  #plotstable .plotstable {
    width: 70%;
  }
}
#plotstable .plotstable_title {
  display: block;
  background-color: white;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  text-align: center;
  border-radius: 5px;
  padding: 15px 0;
  font-size: 1.3em;
  font-weight: 600;
  color: rgb(125, 125, 125);
}
#plotstable .plotstable_buttons {
  display: flex;
  margin: 30px auto;
  background-color: #ccc;
  font-weight: 600;
  border-radius: 5px;
}
#plotstable .plotstable_buttons button {
  color: rgb(77, 77, 77);
  flex-grow: 1;
  border: none;
  background-color: transparent;
  border-right: 3px solid #9b9b9b;
  padding: 7px 0;
}
#plotstable .plotstable_buttons button:last-of-type {
  border-right: none !important;
}
#plotstable .plotstable_collapse {
  margin-top: 20px;
  display: block;
  border-radius: 5px;
  border: 0.5px solid #ccc;
  background-color: white;
  overflow: auto;
}
#plotstable .plotstable_collapse table {
  width: 100%;
}
#plotstable .plotstable_collapse table td,
#plotstable .plotstable_collapse table th {
  padding: 12.5px 7px;
}
#plotstable .plotstable_collapse table td i,
#plotstable .plotstable_collapse table th i {
  cursor: pointer;
}
#plotstable .plotstable_collapse table th:first-of-type i {
  cursor: default;
}
#plotstable .plotstable_collapse table thead tr th {
  background-color: rgb(130, 188, 0);
  color: white;
  font-size: 1.2em;
  text-align: center;
}
#plotstable .plotstable_collapse table thead tr td {
  background-color: #e3e3e3;
  font-size: 1.1em;
  font-weight: 700;
  color: rgb(77, 77, 77);
  border-right: 1px solid rgb(125, 125, 125);
  border-top: 3px solid rgb(125, 125, 125);
  text-align: center;
}
#plotstable .plotstable_collapse table thead tr td:last-of-type {
  border-right: none;
}
#plotstable .plotstable_collapse table thead tr td.plotActions {
  position: sticky;
  right: 0;
  outline: 1px solid rgb(125, 125, 125);
}
#plotstable .plotstable_collapse table thead tr td.plotActions i {
  padding: 0 10px;
}
#plotstable .plotstable_collapse table thead tr td.plotActions .dropdwn_button {
  border: none;
  outline: none;
  background-color: white;
  border-radius: 3px;
}
#plotstable .plotstable_collapse table thead tr td.plotActions .dropdwn_list {
  display: none;
  position: absolute;
  right: 102%;
  top: 0;
  background-color: white;
  text-align: left;
  min-width: 200px;
  list-style-type: none;
  border-radius: 5px;
  box-shadow: -3px -3px 5px rgb(77, 77, 77);
}
#plotstable .plotstable_collapse table thead tr td.plotActions .dropdwn_list.activ {
  display: block;
}
#plotstable .plotstable_collapse table thead tr td.plotActions .dropdwn_list--item {
  display: list-item;
}
#plotstable .plotstable_collapse table tbody tr {
  background-color: white;
}
#plotstable .plotstable_collapse table tbody tr td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: rgb(77, 77, 77);
}
#plotstable .plotstable_collapse table tbody tr td:last-of-type {
  border: none;
}
#plotstable .plotstable_collapse table tbody tr td.zoneActions {
  position: sticky;
  right: 0;
  z-index: 1014;
  background-color: white;
  text-align: center;
  border-bottom: 1px solid #ccc;
}
#plotstable .plotstable_collapse table tbody tr td.zoneActions i {
  padding: 0 15px;
}
#plotstable .plotstable_collapse table tbody tr td.zoneActions .dropdwn_button {
  border: none;
  outline: none;
  background-color: #ddd;
  border-radius: 3px;
}
#plotstable .plotstable_collapse table tbody tr td.zoneActions .dropdwn_list {
  display: none;
  position: absolute;
  right: 102%;
  top: 0;
  background-color: #e3e3e3;
  text-align: left;
  min-width: 200px;
  list-style-type: none;
  border-radius: 5px;
  box-shadow: -3px -3px 5px rgb(170, 170, 170);
}
#plotstable .plotstable_collapse table tbody tr td.zoneActions .dropdwn_list.activ {
  display: block;
}
#plotstable .plotstable_collapse table tbody tr td.zoneActions .dropdwn_list--item {
  display: list-item;
}
#plotstable .plotstable_collapse table tbody tr.header td {
  background-color: #eee;
  color: #666666;
  text-align: center;
  border-top: 1px solid rgb(170, 170, 170);
  border-bottom: 1px solid rgb(170, 170, 170);
  font-weight: 700;
  border-right: 1px solid rgb(170, 170, 170);
}
#plotstable .plotstable_collapse table tbody tr.header td:last-of-type {
  border-right: none;
}
#plotstable .plotstable_collapse table tbody tr.header td i.fa-solid.fa-sort {
  margin-left: 7px;
}
#plotstable .plotstable_addBtn {
  position: fixed;
  bottom: 7%;
  right: 7%;
  z-index: 1015;
}
#plotstable .plotstable_addBtn a {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  background-color: #ff9400;
  color: white;
  border: 3px solid white;
  border-radius: 50%;
  text-decoration: none;
}
#plotstable .plotstable_addBtn a:hover {
  background-color: rgb(255, 120, 0);
}
#plotstable .plotstable .editZone {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 1021;
  display: block;
  width: 50%;
  margin: 0 auto;
}
#plotstable .plotstable .editZone_closeBtn {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  color: rgb(77, 77, 77);
  cursor: pointer;
  background-color: transparent;
}
#plotstable .plotstable .editZone_title {
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: 500;
  text-align: center;
  border-radius: 5px 5px 0 0;
}
#plotstable .plotstable .editZone_content {
  display: flex;
  flex-direction: column;
  background-color: white;
  padding: 7.5px 12.5px;
  border-radius: 0 0 5px 5px;
}
#plotstable .plotstable .editZone_content--inputGroup label {
  width: 15%;
}
#plotstable .plotstable .editZone_content--inputGroup input {
  width: 80%;
}
#plotstable .plotstable .editZone_content--inputGroup.buttons button {
  display: block;
  width: 90%;
  margin: 0 auto;
  border: none;
  padding: 7px 0;
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: 600;
  text-align: center;
  border-radius: 5px;
}
#plotstable .plotstable #mapid {
  display: none;
  width: 90%;
  height: 70vh;
  margin: 0 auto;
}
#plotstable .plotstable #mapid.on {
  display: block;
}
#plotstable .plotstable .closeMap {
  display: none;
  position: fixed;
  top: 15%;
  right: 10%;
  border: none;
  border-radius: 5px;
  font-size: 1.3em;
}
#plotstable .plotstable .closeMap.on {
  display: block;
}

#usersmanager #cajaTablaClienes {
  border-radius: 5px;
  border: 0.5px solid #ccc;
  background: white;
  overflow: auto;
}
#usersmanager #cajaTablaClienes #tablac.tablac {
  width: 100%;
  border-radius: 5px;
  text-align: center;
  color: rgb(77, 77, 77);
}
#usersmanager #cajaTablaClienes #tablac.tablac.children tbody tr:first-child {
  background-color: #d9d9d9;
}
#usersmanager #cajaTablaClienes #tablac.tablac.children button.childrens {
  background-color: rgb(77, 77, 77);
  border-color: rgb(77, 77, 77);
  color: white;
  margin-right: 10px;
}
#usersmanager #cajaTablaClienes #tablac.tablac tr:nth-child(even) {
  background-color: #f2f2f2;
}
#usersmanager #cajaTablaClienes #tablac.tablac tr th {
  background: rgb(130, 188, 0);
  color: white;
  padding: 5px;
  border-left: 0.5px solid #ccc;
}
#usersmanager #cajaTablaClienes #tablac.tablac tr th:first-child {
  border: none;
  border-radius: 5px 0 0 0;
}
#usersmanager #cajaTablaClienes #tablac.tablac tr th:last-child {
  border-radius: 0 5px 0 0;
}
#usersmanager #cajaTablaClienes #tablac.tablac tr td {
  border-right: 0.5px solid #ccc;
  padding: 3px;
}
#usersmanager #cajaTablaClienes #tablac.tablac tr td.border-none {
  border: none;
  padding: 0;
}
#usersmanager #cajaTablaClienes #tablac.tablac tr td .dropleft .curtain {
  display: none;
}
#usersmanager #cajaTablaClienes #tablac.tablac tr td .dropleft .curtain.activated {
  display: block;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.4);
}
#usersmanager #cajaTablaClienes #tablac.tablac tr td .dropleft .curtain.activated .dropdown-menu {
  background-color: white;
  display: block;
  width: fit-content;
  height: fit-content;
  position: absolute;
  top: 35vh;
  bottom: 50vh;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#usersmanager #cajaTablaClienes #tablac.tablac tr td button {
  font-weight: bold;
  border-radius: 5px;
}
#usersmanager #cajaTablaClienes #tablac.tablac tr td button.verMas {
  background-color: white;
  color: rgb(130, 188, 0);
  border: 0.5px solid rgb(130, 188, 0);
}
#usersmanager #cajaTablaClienes #tablac.tablac tr td button.verMas:hover {
  background-color: rgb(130, 188, 0);
  color: white;
}
#usersmanager #cajaTablaClienes #tablac.tablac tr td button.correo {
  background-color: white;
  color: #0074E8;
  border: 0.5px solid #0074E8;
}
#usersmanager #cajaTablaClienes #tablac.tablac tr td button.correo:hover {
  background-color: #0074E8;
  color: white;
}
#usersmanager #cajaTablaClienes #tablac.tablac tr td button.editar {
  background-color: white;
  color: rgb(255, 200, 67);
  border: 0.5px solid rgb(255, 200, 67);
}
#usersmanager #cajaTablaClienes #tablac.tablac tr td button.editar:hover {
  background-color: rgb(255, 200, 67);
  color: rgb(77, 77, 77);
}
#usersmanager #cajaTablaClienes #tablac.tablac tr td button.borrar {
  background-color: white;
  color: #dc3545;
  border: 0.5px solid #dc3545;
}
#usersmanager #cajaTablaClienes #tablac.tablac tr td button.borrar:hover {
  background-color: #dc3545;
  color: white;
}
#usersmanager #cajaTablaClienes #tablac.tablac tr td button.childrens {
  background-color: white;
  color: rgb(170, 170, 170);
  border: 0.5px solid rgb(170, 170, 170);
}
#usersmanager #cajaTablaClienes #tablac.tablac tr:hover {
  background: #f7f7f7;
  font-weight: bold;
}
#usersmanager #botCostado.botCostado {
  width: 40px;
  height: auto;
  position: fixed;
  right: 7%;
  bottom: 7%;
  z-index: 500;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#usersmanager #botCostado.botCostado a.plusN,
#usersmanager #botCostado.botCostado a.others {
  text-align: center;
  transition: all ease-in 0.2s;
  background: rgb(130, 188, 0);
  color: white;
  margin: 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 45px;
  padding: 11px 10px;
  line-height: 0px;
  box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.3);
  border: 1px solid rgb(207, 219, 0);
  z-index: 1000;
}
#usersmanager #botCostado.botCostado a.plusN:hover,
#usersmanager #botCostado.botCostado a.others:hover {
  width: 41px;
  height: 41px;
  background: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
}
#usersmanager #botCostado.botCostado a.others {
  background-color: #ccc;
  color: rgb(77, 77, 77);
  border: 1px solid rgb(170, 170, 170);
}
#usersmanager #botCostado.botCostado a.others:hover {
  background-color: rgb(77, 77, 77);
  color: white;
  border-color: rgb(77, 77, 77);
}
#usersmanager .channel {
  display: block;
  width: auto;
  max-width: 130px;
  margin: 0 auto;
  margin-top: 15px;
  padding: 5px;
  border-radius: 5px;
  box-shadow: 0px 3px 5px #ccc;
  background-color: #f2f2f2;
}
@media only screen and (min-width: 768px) {
  #usersmanager .channel {
    position: absolute;
    top: 7%;
    right: 7%;
  }
}
@media only screen and (min-width: 992px) {
  #usersmanager .channel {
    position: absolute;
    top: 10%;
    right: 7%;
  }
}
@media only screen and (min-width: 1200px) {
  #usersmanager .channel {
    position: absolute;
    top: 9%;
    right: 7%;
  }
}
#usersmanager .channel_title {
  font-size: 1.3em;
  color: rgb(125, 125, 125);
  font-weight: 500;
}
#usersmanager .channel_button {
  border: none;
  border-left: 0.5px solid rgb(125, 125, 125);
  cursor: pointer;
  color: rgb(125, 125, 125);
  background-color: transparent;
}
#usersmanager .channel_button:hover, #usersmanager .channel_button:active, #usersmanager .channel_button:focus {
  border: none;
  border-left: 0.5px solid rgb(125, 125, 125);
}
#usersmanager .channel_list {
  display: none;
  list-style: none;
  padding: 7px;
  color: rgb(125, 125, 125);
  font-weight: 700;
  margin-bottom: 0;
}
#usersmanager .channel_list.on {
  display: grid;
}
#usersmanager .channel_list li {
  cursor: pointer;
}
#usersmanager .channel_list li.activ {
  background-color: rgb(130, 188, 0);
  color: white;
  border-radius: 5px;
  padding: 0 5px;
}

#miqampo .tabs {
  display: block;
  width: 90%;
  margin: 0px auto;
}
@media only screen and (min-width: 768px) {
  #miqampo .tabs {
    width: 40%;
  }
}
#miqampo .tabs_title {
  display: block;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  border-radius: 5px;
  padding: 1rem 0rem;
  font-size: 1.3em;
  color: rgb(170, 170, 170);
  text-align: center;
  background-color: white;
  font-weight: 600;
  margin: 20px 0;
}
#miqampo .tabs_buttons {
  display: flex;
  justify-content: center;
  align-items: stretch;
  border-radius: 5px;
  overflow: hidden;
}
#miqampo .tabs_buttons--item {
  flex-grow: 1;
  border: none;
  border-right: 0.5px solid #ccc;
  padding: 10px 0;
  background-color: #efefef;
  font-weight: 500;
  color: rgb(77, 77, 77);
}
#miqampo .tabs_buttons--item:last-of-type {
  border: none;
}
#miqampo .tabs_buttons--item.active {
  background-color: #b3b3b3;
  color: white;
}
#miqampo .tabs_content {
  border-top: 20px;
}
#miqampo .tabs_content--item {
  display: none;
}
#miqampo .tabs_content--item.active {
  display: block;
}
#miqampo .tabs_content--item-adviser {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  color: rgb(125, 125, 125);
  background-color: white;
  border-radius: 5px;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
}
#miqampo .tabs_content--item-adviser span {
  border-bottom: 0.5px solid #ccc;
  padding: 10px 12px;
}
#miqampo .tabs_content--item-adviser span:first-of-type {
  font-size: 1.4em;
  font-weight: 600;
  border: none;
  background-color: rgb(130, 188, 0);
  color: white;
  border-radius: 5px 5px 0 0;
  text-align: center;
}
#miqampo .tabs_content--item-adviser span:last-of-type {
  border: none;
}
#miqampo .tabs_content--item-stations {
  display: block;
  width: 100%;
  margin-top: 20px;
  overflow: auto;
}
#miqampo .tabs_content--item-stations table {
  width: 100%;
}
#miqampo .tabs_content--item-stations table thead tr th {
  background-color: rgb(130, 188, 0);
  color: white;
  text-align: center;
  border-right: 0.5px solid #ccc;
  padding: 5px 0px;
}
#miqampo .tabs_content--item-stations table thead tr th:last-of-type {
  border: none;
}
#miqampo .tabs_content--item-stations table thead tr th.exporting button {
  background-color: white;
  color: rgb(130, 188, 0);
  border: none;
  border-radius: 45px;
}
#miqampo .tabs_content--item-stations table tbody tr {
  background-color: #e6e6e6;
}
#miqampo .tabs_content--item-stations table tbody tr:nth-of-type(even) {
  background-color: #d9d9d9;
}
#miqampo .tabs_content--item-stations table tbody tr td {
  color: rgb(77, 77, 77);
  border-right: 0.5px solid #ccc;
  text-align: center;
}
#miqampo .tabs_content--item-stations table tbody tr td:last-of-type {
  border: none;
}
#miqampo .tabs_content--item-services {
  min-height: fit-content;
  margin-top: 20px;
}
#miqampo .tabs_content--item-services .services_display table {
  width: 100%;
  text-align: center;
}
#miqampo .tabs_content--item-services .services_display table thead th {
  background-color: #ccc;
  color: rgb(77, 77, 77);
  border-right: 0.5px solid #ccc;
  padding: 0px 10px;
}
#miqampo .tabs_content--item-services .services_display table tbody tr {
  background-color: #d9d9d9;
}
#miqampo .tabs_content--item-services .services_display table tbody tr td {
  border-right: 0.5px solid #ccc;
  padding: 0px 10px;
}
#miqampo .tabs_content--item-services .services_display table tbody tr:nth-of-type(even) {
  background-color: #e3e3e3;
}
#miqampo .tabs_content--item-users {
  display: block;
  width: 100%;
  margin-top: 20px;
  overflow: auto;
}
#miqampo .tabs_content--item-users table {
  width: 100%;
}
#miqampo .tabs_content--item-users table thead tr th {
  background-color: rgb(130, 188, 0);
  color: white;
  text-align: center;
  border-right: 0.5px solid #ccc;
  padding: 5px 0px;
}
#miqampo .tabs_content--item-users table thead tr th:last-of-type {
  border: none;
}
#miqampo .tabs_content--item-users table thead tr th.exporting button {
  background-color: white;
  color: rgb(130, 188, 0);
  border: none;
  border-radius: 45px;
}
#miqampo .tabs_content--item-users table tbody tr {
  background-color: #e6e6e6;
}
#miqampo .tabs_content--item-users table tbody tr:nth-of-type(even) {
  background-color: #d9d9d9;
}
#miqampo .tabs_content--item-users table tbody tr td {
  color: rgb(77, 77, 77);
  border-right: 0.5px solid #ccc;
  text-align: center;
}
#miqampo .tabs_content--item-users table tbody tr td:last-of-type {
  border: none;
}
#miqampo .tabs .latestBills {
  margin-top: 20px;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
}
#miqampo .tabs .latestBills_title {
  font-size: 1.2em;
  background-color: rgb(170, 170, 170);
  color: white;
  font-weight: bold;
  text-align: center;
}
#miqampo .tabs .latestBills_table {
  display: block;
  width: 100%;
  overflow: auto;
}
#miqampo .tabs .latestBills_table table {
  width: 100%;
}
#miqampo .tabs .latestBills_table table thead tr th {
  background-color: rgb(130, 188, 0);
  color: white;
  text-align: center;
  border-right: 0.5px solid #ccc;
  padding: 5px 0px;
}
#miqampo .tabs .latestBills_table table thead tr th:last-of-type {
  border: none;
}
#miqampo .tabs .latestBills_table table tbody tr {
  background-color: #e6e6e6;
}
#miqampo .tabs .latestBills_table table tbody tr:nth-of-type(even) {
  background-color: #d9d9d9;
}
#miqampo .tabs .latestBills_table table tbody tr td {
  color: rgb(77, 77, 77);
  border-right: 0.5px solid #ccc;
  text-align: center;
}
#miqampo .tabs .latestBills_table table tbody tr td:last-of-type {
  border: none;
}

#acumulados .acumulados {
  display: block;
  width: 90%;
  margin: 20px auto;
}
@media only screen and (min-width: 768px) {
  #acumulados .acumulados {
    width: 60%;
  }
}
@media only screen and (min-width: 992px) {
  #acumulados .acumulados {
    width: 50%;
  }
}
#acumulados .acumulados_title {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  background-color: white;
  border-radius: 5px;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  padding: 20px 0;
  font-weight: bold;
  color: rgb(125, 125, 125);
  font-size: 1.5em;
}
#acumulados .acumulados_inputs {
  margin-top: 20px;
}
#acumulados .acumulados_inputs--box {
  padding: 20px;
  border: 0.5px solid #ccc;
  background-color: white;
}
#acumulados .acumulados_inputs--box:first-of-type {
  border-radius: 5px 5px 0px 0px;
}
#acumulados .acumulados_inputs--box:last-of-type {
  border-radius: 0px 0px 5px 5px;
}
#acumulados .acumulados_inputs--box-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
#acumulados .acumulados_inputs--box-header .title {
  background-color: rgb(130, 188, 0);
  padding: 5px 10px;
  border-radius: 5px;
  color: white;
  text-transform: capitalize;
  font-weight: 600;
}
#acumulados .acumulados_inputs--box-header .reset {
  border: none;
  color: white;
  border-radius: 5px;
  background-color: #dc3545;
}
#acumulados .acumulados_inputs--box .group {
  display: grid;
  margin-bottom: 10px;
  grid-template-columns: 40% 40% 20%;
}
#acumulados .acumulados_inputs--box .group input {
  border: 0.5px solid #ccc;
  border-radius: 5px;
  margin-right: 10px;
}
#acumulados .acumulados_inputs--box .group input:focus {
  outline-color: rgb(130, 188, 0);
}
#acumulados .acumulados_buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}
#acumulados .acumulados_buttons button {
  border: none;
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: 600;
  padding: 5px 10px;
  margin-top: 20px;
}
#acumulados .acumulados_buttons button:first-of-type {
  border-radius: 5px 0px 0px 5px;
  background-color: #ccc;
  color: rgb(77, 77, 77);
}
#acumulados .acumulados_buttons button:last-of-type {
  border-radius: 0px 5px 5px 0px;
}

#dashboard2 .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#dashboard2 .content_title {
  display: block;
  width: 90%;
  margin: 30px auto;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  background-color: white;
  font-size: 1.3em;
  font-weight: 600;
  color: rgb(125, 125, 125);
  padding: 12.5px 0;
  text-align: center;
  border-radius: 5px;
}
@media only screen and (min-width: 576px) {
  #dashboard2 .content_title {
    width: 60%;
  }
}
@media only screen and (min-width: 768px) {
  #dashboard2 .content_title {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  #dashboard2 .content_title {
    width: 45%;
  }
}
#dashboard2 .content_controls {
  display: flex;
  width: 90%;
  flex-direction: column;
  margin: 10px auto;
}
@media only screen and (min-width: 576px) {
  #dashboard2 .content_controls {
    width: 60%;
  }
}
@media only screen and (min-width: 768px) {
  #dashboard2 .content_controls {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  #dashboard2 .content_controls {
    width: 45%;
  }
}
#dashboard2 .content_controls--date div {
  display: flex;
  gap: 3%;
}
#dashboard2 .content_controls--date div label {
  width: 15%;
}
#dashboard2 .content_controls--date div input {
  width: 30%;
}
#dashboard2 .content_controls--selects {
  display: grid;
  grid-template-columns: 50% 50%;
}
#dashboard2 .content_controls--buttons {
  display: flex;
  margin: 10px 0;
}
#dashboard2 .content_controls--buttons button {
  flex-grow: 1;
  border: none;
  border-right: 2px solid #ccc;
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
  padding: 7px 0;
  margin-top: 20px;
}
#dashboard2 .content_controls--buttons button:first-of-type {
  border-radius: 5px 0 0 5px;
}
#dashboard2 .content_controls--buttons button:last-of-type {
  border: none;
  border-radius: 0 5px 5px 0;
}
#dashboard2 .content_controls--buttons button.activ {
  background-color: rgb(130, 188, 0);
  color: white;
}
#dashboard2 .content_controls--buttons button:focus {
  outline: none;
}
#dashboard2 .content_controls--submit {
  margin-top: 20px;
}
#dashboard2 .content_controls--submit button {
  display: block;
  width: 100%;
  padding: 12px 0;
  background-color: rgb(130, 188, 0);
  color: white;
  border: none;
  border-radius: 5px;
  font-weight: 600;
  font-size: 1.2em;
}
#dashboard2 .content_controls--submit button:focus {
  outline: none;
}
#dashboard2 .content .chartBox {
  width: 100%;
}
#dashboard2 .content .chartBox .content_chart {
  width: 90%;
  margin: 20px auto;
}
#dashboard2 .content .chartBox.twoSpaces {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #dashboard2 .content .chartBox.twoSpaces {
    width: 47%;
  }
}
#dashboard2 .content .chartBox.fourSpaces {
  width: 100%;
}
#dashboard2 .content .mapContainer {
  width: 100%;
  margin: 50px auto;
}
#dashboard2 .content .mapContainer_map {
  height: 30rem;
}
#dashboard2 .content .mapContainer.twoSpaces {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #dashboard2 .content .mapContainer.twoSpaces {
    width: 47%;
  }
}
#dashboard2 .content .mapContainer.fourSpaces {
  width: 95%;
}
#dashboard2 .content .tabContainer {
  width: 100%;
  margin: 20px auto;
}
#dashboard2 .content .tabContainer.twoSpaces {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #dashboard2 .content .tabContainer.twoSpaces {
    width: 47%;
  }
}
#dashboard2 .content .tabContainer.fourSpaces {
  width: 100%;
}
#dashboard2 .content .tabContainer_title {
  display: block;
  text-align: center;
  font-weight: 600;
  color: rgb(77, 77, 77);
  padding: 5px;
}
#dashboard2 .content .reportContainer {
  width: 100%;
  margin: 20px auto;
  /*@include progrid-md {
    width: 80%;
  }
  @include progrid-lg {
    width: 70%;
  }*/
}
#dashboard2 .content .reportContainer.twoSpaces {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #dashboard2 .content .reportContainer.twoSpaces {
    width: 47%;
  }
}
#dashboard2 .content .reportContainer.fourSpaces {
  width: 100%;
}
#dashboard2 .content .reportContainer--title {
  border-radius: 3px;
  border-bottom-left-radius: 0;
  background-color: rgb(130, 188, 0);
  padding: 2px 5px;
  font-weight: 600;
  color: white;
  margin-top: 10px;
}
#dashboard2 .content .reportContainer--content {
  display: grid;
  border: 1px solid rgb(130, 188, 0);
  border-radius: 3px;
  border-top-left-radius: 0;
  padding: 5px 0;
}
@media only screen and (min-width: 768px) {
  #dashboard2 .content .reportContainer--content {
    justify-content: space-around;
    grid-template-columns: repeat(3, 33.3%);
  }
}
#dashboard2 .content .reportContainer--content div label {
  font-weight: 600;
  color: rgb(130, 188, 0);
  padding: 1px 5px;
  margin-bottom: 0px;
}
#dashboard2 .content .reportContainer--content.texts {
  display: inline-block;
  padding: 5px;
}
#dashboard2 .content_data {
  display: grid;
  width: fit-content;
  border-bottom: 0.5px solid rgb(130, 188, 0);
  border-radius: 5px;
  margin: 20px auto;
  grid-gap: 10px;
  font-size: 1.3em;
  font-weight: 600;
  color: rgb(77, 77, 77);
  padding: 10px;
  text-align: center;
}
#dashboard2 .content .content_save--container {
  width: 100%;
}
#dashboard2 .content .content_save--container .content_save {
  display: block;
  width: fit-content;
  margin: 20px auto;
  background-color: rgb(130, 188, 0);
  border-radius: 5px;
  color: white;
  font-weight: bold;
  border: none;
}

#glosario .glosario {
  display: block;
  width: 90%;
  margin: 20px auto;
}
@media only screen and (min-width: 768px) {
  #glosario .glosario {
    width: 50%;
  }
}
#glosario .glosario_title {
  display: block;
  width: 100%;
  background-color: white;
  padding: 10px 0;
  text-align: center;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  border-radius: 5px;
  font-size: 1.5em;
  color: rgb(170, 170, 170);
  font-weight: 600;
}
#glosario .glosario_controls {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: stretch;
  margin-top: 20px;
  background-color: white;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  padding: 10px;
  border-radius: 5px;
  gap: 10px;
}
@media only screen and (min-width: 768px) {
  #glosario .glosario_controls {
    flex-direction: row;
  }
}
#glosario .glosario_controls--item {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
#glosario .glosario_controls--button {
  background-color: rgb(130, 188, 0);
  font-weight: bold;
  padding: 10px;
  border: none;
  border-radius: 5px;
  color: white;
}
#glosario .glosario_viewer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: white;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  border-radius: 5px;
  margin-top: 20px;
  padding: 40px;
}
#glosario .glosario_viewer--title {
  font-size: 2em;
  font-weight: bold;
  color: rgb(77, 77, 77);
}
#glosario .glosario_viewer--content {
  color: rgb(77, 77, 77);
}
#glosario .glosario_viewer--content i {
  font-size: 3em;
  color: #ccc;
}

#nuevalertaV2 #crearalertas .plotsBox {
  display: block;
  width: 100%;
  height: fit-content;
  background-color: white;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  border-radius: 10px;
  overflow: hidden;
}
#nuevalertaV2 #crearalertas .plotsBox_item {
  display: block;
  width: 100%;
}
#nuevalertaV2 #crearalertas .plotsBox_item button {
  width: 100%;
  background-color: #ccc;
  color: rgb(77, 77, 77);
  border: none;
  border-bottom: 0.5px solid rgb(170, 170, 170);
  padding: 13px;
  text-align: left;
  font-size: 1.3em;
}
#nuevalertaV2 #crearalertas .plotsBox_item button:focus {
  outline: none;
}
#nuevalertaV2 #crearalertas .plotsBox_item ul {
  list-style-type: none;
  font-size: 1.2em;
  padding: 0px;
  margin-bottom: 0;
}
#nuevalertaV2 #crearalertas .plotsBox_item ul li {
  color: rgb(77, 77, 77);
  padding: 7px;
  border-bottom: 0.5px solid #ccc;
}
#nuevalertaV2 #crearalertas .plotsBox_item ul li.active {
  background-color: rgb(130, 188, 0);
  color: white;
}
#nuevalertaV2 #crearalertas .plotsBox_item ul.visible li.selecOn {
  background-color: rgb(130, 188, 0);
}

#alertas #contenedor .plotsBox {
  display: block;
  width: 100%;
  height: fit-content;
  grid-column: 1/span 3;
  background-color: white;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  border-radius: 10px;
  overflow: hidden;
  margin: 20px auto;
}
#alertas #contenedor .plotsBox_item {
  display: block;
  width: 100%;
}
#alertas #contenedor .plotsBox_item button {
  width: 100%;
  background-color: #ccc;
  color: rgb(77, 77, 77);
  border: none;
  border-bottom: 0.5px solid rgb(170, 170, 170);
  padding: 13px;
  text-align: left;
  font-size: 1.3em;
}
#alertas #contenedor .plotsBox_item button:focus {
  outline: none;
}
#alertas #contenedor .plotsBox_item ul {
  list-style-type: none;
  font-size: 1.2em;
  padding: 0px;
  margin-bottom: 0;
}
#alertas #contenedor .plotsBox_item ul li {
  color: rgb(77, 77, 77);
  padding: 7px;
  border-bottom: 0.5px solid #ccc;
}
#alertas #contenedor .plotsBox_item ul li.active {
  background-color: rgb(130, 188, 0);
  color: white;
}
#alertas #contenedor .plotsBox_item ul.visible li.selecOn {
  background-color: rgb(130, 188, 0);
}

#plotsSat .content {
  width: 90%;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  #plotsSat .content {
    width: 80%;
  }
}
@media only screen and (min-width: 992px) {
  #plotsSat .content {
    width: 70%;
  }
}
#plotsSat .content_plotbuttons {
  display: flex;
  position: relative;
  width: 100%;
  margin: 20px 0px;
  border-radius: 5px;
  overflow: hidden;
}
#plotsSat .content_plotbuttons--left, #plotsSat .content_plotbuttons--right {
  width: fit-content;
  height: 60px;
  border: none;
  color: rgb(125, 125, 125);
}
#plotsSat .content_plotbuttons--right {
  position: static;
  right: 0px;
  bottom: 0px;
}
#plotsSat .content_plotbuttons--plots {
  display: flex;
  width: 100%;
  overflow-x: auto;
  background: #ddd;
  gap: 10px;
  padding: 0px 10px;
  align-items: center;
}
#plotsSat .content_plotbuttons--plots button {
  width: fit-content;
  height: 80%;
  border: none;
  border-radius: 5px;
  color: rgb(77, 77, 77);
  font-weight: 500;
  line-height: 20px;
}
#plotsSat .content_plotbuttons--plots button.activ {
  background-color: rgb(170, 170, 170);
  color: white;
}
#plotsSat .content_plotbuttons--plots button:focus {
  outline: none;
}
#plotsSat .content_info {
  margin-top: 20px;
  margin-bottom: 20px;
}
#plotsSat .content_info--zone {
  text-align: center;
  font-size: 1.3em;
  font-weight: 600;
  color: rgb(77, 77, 77);
  background-color: white;
}
#plotsSat .content_info--filters {
  display: flex;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}
#plotsSat .content_info--filters button {
  display: flex;
  border: none;
  border-right: 1px solid rgb(77, 77, 77);
  background-color: #ccc;
  flex-grow: 1;
  font-weight: 600;
  color: rgb(77, 77, 77);
  justify-content: center;
  align-items: center;
  padding: 10px 0px;
  gap: 10px;
}
#plotsSat .content_info--filters button:last-of-type {
  border: none;
}
#plotsSat .content_info--filters button.active {
  background-color: rgb(130, 188, 0);
  color: white;
}
#plotsSat .content_info--cards {
  width: 100%;
  height: fit-content;
  background-color: white;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
}
#plotsSat .content_info--cards .infoCard {
  display: none;
}
#plotsSat .content_info--cards .infoCard.show {
  display: block;
}
#plotsSat .content_info--cards .infoCard #predictionHeader .predictionHeader {
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  background-color: rgb(130, 188, 0);
  border-radius: 5px;
  box-shadow: 5px 5px 7px #777;
  border: 0.5px solid #ccc;
  padding: 0.5rem 1rem;
  width: 100%;
}
#plotsSat .content_info--cards .infoCard #predictionHeader .predictionHeader_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#plotsSat .content_info--cards .infoCard #predictionHeader .predictionHeader_item span {
  color: white;
}
#plotsSat .content_info--cards .infoCard #predictionHeader .predictionHeader_item--icon {
  color: white;
  font-size: 1.7em;
  text-align: center;
  opacity: 0.75;
}
#plotsSat .content_info--cards .infoCard #predictionHeader .predictionHeader_item--temp {
  font-weight: bold;
  font-size: 1.3em;
  text-align: center;
}
#plotsSat .content_info--cards .infoCard #predictionHeader .predictionHeader_item--minMax {
  font-weight: 600;
  text-align: center;
}
#plotsSat .content_info--cards .infoCard #predictionContent .predictionList {
  display: flex;
  width: 100%;
  margin: 0px auto !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  border: 0.5px solid #ccc;
  background-color: white;
  border-radius: 5px;
  box-shadow: 5px 5px 7px #777;
}
#plotsSat .content_info--cards .infoCard #predictionContent .predictionList_item {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(7, 14.2857142857%);
  justify-content: space-around;
  align-items: center;
  text-align: center;
  border-bottom: 0.5px solid #ccc;
}
#plotsSat .content_info--cards .infoCard #predictionContent .predictionList_item:last-of-type {
  border: none;
}
#plotsSat .content_info--cards .infoCard #predictionContent .predictionList_item--wind, #plotsSat .content_info--cards .infoCard #predictionContent .predictionList_item--day {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#plotsSat .content_info--cards .infoCard #predictionContent .hourList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  width: 100%;
  margin: 0px auto !important;
  flex-direction: column;
  border: 0.5px solid #ccc;
  background-color: white;
  border-radius: 5px;
  box-shadow: 5px 5px 7px #777;
}
#plotsSat .content_info--cards .infoCard #predictionContent .hourList_item {
  display: grid;
  grid-template-columns: repeat(6, 16.6666666667%);
  justify-content: space-around;
  align-items: center;
  border-bottom: 0.5px solid #ccc;
}
#plotsSat .content_info--cards .infoCard #predictionContent .hourList_item:last-of-type {
  border-bottom: none;
}
#plotsSat .content_info--cards .infoCard #predictionContent .hourList_item--elm {
  text-align: center;
}
#plotsSat .content_info--cards .infoCard #predictionContent .hourList_item--elm.wind {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.9em;
}
#plotsSat .content_info--cards .infoCard #predictionContent .hourList_item .activ {
  display: grid;
  grid-template-columns: repeat(3, 33.3333333333%);
  grid-column: 1/span 6;
  background-color: #e6e6e6;
  padding: 5px;
}
#plotsSat .content_info--cards .infoCard #predictionContent .hourList_item .activ_elm {
  margin-left: 10px;
  color: rgb(77, 77, 77);
}
#plotsSat .content_info--cards .infoCard .predictionBackButton {
  display: flex;
  justify-content: center;
  align-items: center;
}
#plotsSat .content_info--cards .infoCard .predictionBackButton button {
  width: 100%;
  border: none;
  border-radius: 5px;
  background-color: #ff9400;
  color: white;
  font-weight: bold;
  padding: 7px 10px;
}
#plotsSat .content_info--cards #indicators .zonaFilters {
  display: flex;
  border-bottom: 0.5px solid #ccc;
}
#plotsSat .content_info--cards #indicators .zonaFilters button {
  border: none;
  border-right: 0.5px solid #ccc;
  padding: 5px 0;
  flex-grow: 1;
}
#plotsSat .content_info--cards #indicators .zonaFilters button span {
  display: none;
}
@media only screen and (min-width: 576px) {
  #plotsSat .content_info--cards #indicators .zonaFilters button span {
    display: inline;
  }
}
#plotsSat .content_info--cards #indicators .zonaFilters button.activ {
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
}
#plotsSat .content_info--cards #indicators .zonaFilters button:hover {
  background-color: rgb(130, 188, 0);
  color: white;
}
#plotsSat .content_info--cards #indicators .zonaFilters button:first-child {
  border-bottom-left-radius: 3px;
}
#plotsSat .content_info--cards #indicators .zonaFilters button:last-child {
  border: none;
  border-bottom-right-radius: 3px;
}
#plotsSat .content_info--cards #indicators #cards {
  display: grid;
  width: 100%;
  grid-template-columns: auto;
  grid-gap: 10px;
  justify-content: center;
  padding-bottom: 30px;
}
@media only screen and (min-width: 576px) {
  #plotsSat .content_info--cards #indicators #cards {
    grid-template-columns: repeat(2, 45%);
  }
}
@media only screen and (min-width: 768px) {
  #plotsSat .content_info--cards #indicators #cards {
    grid-template-columns: repeat(3, 30%);
  }
}
#plotsSat .content_info--cards #indicators #cards #nothing {
  display: block;
  width: 90%;
  margin: 0 auto;
  text-align: center;
  padding: 3rem;
}
#plotsSat .content_info--cards #calculator .content_controls {
  display: flex;
  width: 90%;
  flex-direction: column;
  margin: 10px auto;
}
#plotsSat .content_info--cards #calculator .content_controls--buttons {
  display: flex;
  margin: 10px 0;
}
#plotsSat .content_info--cards #calculator .content_controls--buttons button {
  flex-grow: 1;
  border: none;
  border-right: 2px solid #ccc;
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
  padding: 7px 0;
}
#plotsSat .content_info--cards #calculator .content_controls--buttons button:first-of-type {
  border-radius: 5px 0 0 5px;
}
#plotsSat .content_info--cards #calculator .content_controls--buttons button:last-of-type {
  border: none;
  border-radius: 0 5px 5px 0;
}
#plotsSat .content_info--cards #calculator .content_controls--buttons button.activ {
  background-color: rgb(130, 188, 0);
  color: white;
}
#plotsSat .content_info--cards #calculator .content_controls--buttons button:focus {
  outline: none;
}
#plotsSat .content_info--cards #calculator .content_controls--submit {
  margin-top: 20px;
}
#plotsSat .content_info--cards #calculator .content_controls--submit button {
  display: block;
  width: 100%;
  padding: 12px 0;
  background-color: rgb(130, 188, 0);
  color: white;
  border: none;
  border-radius: 5px;
  font-weight: 600;
  font-size: 1.2em;
}
#plotsSat .content_info--cards #calculator .content_controls--submit button:focus {
  outline: none;
}
#plotsSat .content_info--cards #calculator .content_filters {
  display: grid;
  width: 90%;
  margin: 0 auto;
  grid-template-columns: repeat(4, 25%);
  grid-gap: 1px;
  background-color: #b3b3b3;
  border-radius: 5px;
  overflow: hidden;
}
#plotsSat .content_info--cards #calculator .content_filters button {
  background-color: #ccc;
  color: rgb(77, 77, 77);
  border: none;
}
#plotsSat .content_info--cards #calculator .content_filters button.activated {
  background-color: #e6e6e6;
  color: rgb(125, 125, 125);
}
@media only screen and (min-width: 768px) {
  #plotsSat .content_info--cards #calculator .content_filters {
    display: none;
  }
}
#plotsSat .content_info--cards #calculator .content_table {
  display: block;
  width: 90%;
  margin: 20px auto;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  background-color: white;
  overflow: auto;
  border-radius: 5px;
}
#plotsSat .content_info--cards #calculator .content_table table {
  width: 100%;
}
#plotsSat .content_info--cards #calculator .content_table table td,
#plotsSat .content_info--cards #calculator .content_table table th {
  display: none;
}
#plotsSat .content_info--cards #calculator .content_table table td.activated,
#plotsSat .content_info--cards #calculator .content_table table th.activated {
  display: table-cell;
}
@media only screen and (min-width: 768px) {
  #plotsSat .content_info--cards #calculator .content_table table td,
  #plotsSat .content_info--cards #calculator .content_table table th {
    display: table-cell;
  }
}
#plotsSat .content_info--cards #calculator .content_table table thead tr th {
  background-color: rgb(130, 188, 0);
  color: white;
  padding: 10px;
  border-right: 0.5px solid white;
}
#plotsSat .content_info--cards #calculator .content_table table thead tr th:last-of-type {
  border: none;
}
#plotsSat .content_info--cards #calculator .content_table table tbody tr {
  background-color: #f2f2f2;
}
#plotsSat .content_info--cards #calculator .content_table table tbody tr:nth-of-type(even) {
  background-color: #dedede;
}
#plotsSat .content_info--cards #calculator .content_table table tbody tr td {
  padding: 10px;
  border-right: 0.5px solid rgb(170, 170, 170);
}
#plotsSat .content_info--cards #calculator .content_table table tbody tr td:last-of-type {
  border: none;
}
#plotsSat .content_info--cards #calculator .content_table table tbody tr td.false {
  color: #dc3545;
  font-weight: 600;
}

#coolercalculator .content_title {
  display: block;
  width: 90%;
  margin: 20px auto;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  background-color: white;
  font-size: 1.3em;
  font-weight: 600;
  color: rgb(125, 125, 125);
  padding: 12.5px 0;
  text-align: center;
  border-radius: 5px;
}
@media only screen and (min-width: 576px) {
  #coolercalculator .content_title {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) {
  #coolercalculator .content_title {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  #coolercalculator .content_title {
    width: 45%;
  }
}
#coolercalculator .content_controls {
  display: flex;
  width: 90%;
  flex-direction: column;
  margin: 10px auto;
}
@media only screen and (min-width: 576px) {
  #coolercalculator .content_controls {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) {
  #coolercalculator .content_controls {
    width: 55%;
  }
}
@media only screen and (min-width: 992px) {
  #coolercalculator .content_controls {
    width: 40%;
  }
}
#coolercalculator .content_controls--buttons {
  display: flex;
  margin: 10px 0;
}
#coolercalculator .content_controls--buttons button {
  flex-grow: 1;
  border: none;
  border-right: 2px solid #ccc;
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
  padding: 7px 0;
}
#coolercalculator .content_controls--buttons button:first-of-type {
  border-radius: 5px 0 0 5px;
}
#coolercalculator .content_controls--buttons button:last-of-type {
  border: none;
  border-radius: 0 5px 5px 0;
}
#coolercalculator .content_controls--buttons button.activ {
  background-color: rgb(130, 188, 0);
  color: white;
}
#coolercalculator .content_controls--buttons button:focus {
  outline: none;
}
#coolercalculator .content_controls--date .group label {
  width: 50%;
}
#coolercalculator .content_controls--date .group input {
  width: 45%;
}
#coolercalculator .content_controls--date .group #temperature:disabled {
  background-color: #dddddd;
  opacity: 0.5;
  border: none;
}
#coolercalculator .content_controls--date .radios {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
#coolercalculator .content_controls--date .radios label {
  margin-bottom: 0;
}
#coolercalculator .content_controls--submit {
  margin-top: 20px;
}
#coolercalculator .content_controls--submit button {
  display: block;
  width: 100%;
  padding: 12px 0;
  background-color: rgb(130, 188, 0);
  color: white;
  border: none;
  border-radius: 5px;
  font-weight: 600;
  font-size: 1.2em;
}
#coolercalculator .content_controls--submit button:focus {
  outline: none;
}
#coolercalculator .content_table {
  width: 90%;
}
@media only screen and (min-width: 768px) {
  #coolercalculator .content_table {
    width: 70%;
  }
}
@media only screen and (min-width: 992px) {
  #coolercalculator .content_table {
    width: 60%;
  }
}

#dashboardzone .content_title {
  display: block;
  width: 90%;
  margin: 30px auto;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  background-color: white;
  font-size: 1.3em;
  font-weight: 600;
  color: rgb(125, 125, 125);
  padding: 12.5px 0;
  text-align: center;
  border-radius: 5px;
}
@media only screen and (min-width: 576px) {
  #dashboardzone .content_title {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) {
  #dashboardzone .content_title {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  #dashboardzone .content_title {
    width: 45%;
  }
}
#dashboardzone .content_controls {
  display: flex;
  width: 90%;
  flex-direction: column;
  margin: 10px auto;
}
@media only screen and (min-width: 576px) {
  #dashboardzone .content_controls {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) {
  #dashboardzone .content_controls {
    width: 55%;
  }
}
@media only screen and (min-width: 992px) {
  #dashboardzone .content_controls {
    width: 40%;
  }
}
#dashboardzone .content_controls--selects {
  display: grid;
  grid-template-columns: 50% 50%;
}
#dashboardzone .content_controls--buttons {
  display: flex;
  margin: 10px 0;
}
#dashboardzone .content_controls--buttons button {
  flex-grow: 1;
  border: none;
  border-right: 2px solid #ccc;
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
  padding: 7px 0;
  margin-top: 20px;
}
#dashboardzone .content_controls--buttons button:first-of-type {
  border-radius: 5px 0 0 5px;
}
#dashboardzone .content_controls--buttons button:last-of-type {
  border: none;
  border-radius: 0 5px 5px 0;
}
#dashboardzone .content_controls--buttons button.activ {
  background-color: rgb(130, 188, 0);
  color: white;
}
#dashboardzone .content_controls--buttons button:focus {
  outline: none;
}
#dashboardzone .content_controls--submit {
  margin-top: 20px;
}
#dashboardzone .content_controls--submit button {
  display: block;
  width: 100%;
  padding: 12px 0;
  background-color: rgb(130, 188, 0);
  color: white;
  border: none;
  border-radius: 5px;
  font-weight: 600;
  font-size: 1.2em;
}
#dashboardzone .content_controls--submit button:focus {
  outline: none;
}
#dashboardzone .content_chart {
  display: flex;
  width: 90%;
  margin: 20px auto;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  #dashboardzone .content_chart {
    width: 80%;
  }
}
@media only screen and (min-width: 992px) {
  #dashboardzone .content_chart {
    width: 70%;
  }
}
#dashboardzone .content_data {
  display: grid;
  width: fit-content;
  border-bottom: 0.5px solid rgb(130, 188, 0);
  border-radius: 5px;
  margin: 20px auto;
  grid-gap: 10px;
  font-size: 1.3em;
  font-weight: 600;
  color: rgb(77, 77, 77);
  padding: 10px;
  text-align: center;
}
#dashboardzone .content_save {
  display: block;
  width: fit-content;
  margin: 20px auto;
  background-color: rgb(130, 188, 0);
  border-radius: 5px;
  color: white;
  font-weight: bold;
  border: none;
}

#groups .titleBar {
  display: block;
  width: 90%;
  margin: 40px auto;
  padding: 20px 0;
  text-align: center;
  border: 0.5px solid #ccc;
  box-shadow: 3px 3px 5px #ccc;
  border-radius: 5px;
  font-size: 1.3em;
  font-weight: 600;
  color: rgb(125, 125, 125);
}
@media only screen and (min-width: 768px) {
  #groups .titleBar {
    width: 70%;
  }
}
@media only screen and (min-width: 992px) {
  #groups .titleBar {
    width: 50%;
  }
}
#groups .content {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0px 40px;
  margin-bottom: 20px;
}
#groups .content .groupCard {
  width: 100%;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #ccc;
  background-color: white;
  box-shadow: 3px 3px 5px #ccc;
}
@media only screen and (min-width: 576px) {
  #groups .content .groupCard {
    width: 45%;
  }
}
@media only screen and (min-width: 768px) {
  #groups .content .groupCard {
    width: 300px;
  }
}
#groups .content .groupCard_img {
  width: 100%;
  height: 7rem;
  background-color: rgb(170, 170, 170);
}
#groups .content .groupCard_img--image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
#groups .content .groupCard_body--title {
  text-align: center;
  padding: 15px;
}
#groups .content .groupCard_body--button {
  display: block;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 20px;
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: 900;
  border-radius: 5px;
  text-align: center;
  padding: 10px 0px;
  cursor: pointer;
  text-decoration: none;
}

#tableros .filters {
  display: flex;
  flex-direction: row-reverse;
  padding-top: 20px;
  padding-right: 20px;
}
#tableros .filters .dropleft {
  width: fit-content;
}
#tableros .filters .dropleft .dropdown-menu .dropdown-item.active {
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: bold;
}
#tableros .title {
  display: block;
  width: 90%;
  margin: 20px auto;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  box-shadow: 5px 5px 7px #777;
  font-size: 1.7em;
  font-weight: 600;
  color: rgb(125, 125, 125);
  text-align: center;
  padding: 20px 0;
}
@media only screen and (min-width: 768px) {
  #tableros .title {
    width: 70%;
  }
}
@media only screen and (min-width: 992px) {
  #tableros .title {
    width: 50%;
  }
}
#tableros .filter-menu {
  display: flex;
  justify-content: center;
  width: fit-content;
  border-radius: 10px;
  overflow: hidden;
  margin: 20px auto;
}
#tableros .filter-menu .menu-item {
  color: rgb(125, 125, 125);
  background-color: #ccc;
  font-weight: 400;
  border: 0.5px solid #ccc;
  padding: 5px;
}
#tableros .filter-menu .menu-item.active {
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: 600;
}
#tableros .content {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto;
  gap: 10px;
}
#tableros .content_card {
  display: flex;
  width: 100%;
  max-width: 400px;
  height: 10rem;
  background-color: white;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  border-radius: 5px;
  flex-direction: column;
}
#tableros .content_card--title {
  display: grid;
  width: 100%;
  text-align: center;
  font-size: 1.5em;
  color: rgb(77, 77, 77);
  background-color: #f7f7f7;
  border-bottom: 0.5px solid #ccc;
  padding: 10px 0px;
  grid-template-columns: 8% 70% 18%;
  grid-column-gap: 2%;
}
#tableros .content_card--body {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
#tableros .content_card--body .button {
  display: block;
  width: 60%;
  margin: 0 auto;
  background-color: rgb(130, 188, 0);
  color: white;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  text-align: center;
  padding: 10px 0;
  font-weight: 600;
}
#tableros .buttonsLayout {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: fixed;
  bottom: 7%;
  right: 7%;
}
#tableros .buttonsLayout a {
  display: flex;
  width: 60px;
  height: 60px;
  border: 3px solid white;
  border-radius: 100%;
  background-color: rgb(130, 188, 0);
  color: white;
  justify-content: center;
  align-items: center;
}
#tableros .buttonsLayout a:hover {
  text-decoration: none;
  background-color: #94d600;
}

#configcooler .page-title {
  background-color: white;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  box-shadow: 5px 5px 7px #777;
  text-align: center;
  margin: 40px auto;
  padding: 20px 0px;
  width: 90%;
}
@media only screen and (min-width: 768px) {
  #configcooler .page-title {
    width: 50%;
  }
}
#configcooler .page-title span {
  font-weight: 600;
  color: rgb(125, 125, 125);
  font-size: 1.3em;
}
#configcooler .cardTabs {
  display: block;
  margin: 0 auto;
  width: 90%;
}
@media only screen and (min-width: 768px) {
  #configcooler .cardTabs {
    width: 50%;
  }
}
#configcooler .cardTabs_buttons {
  display: flex;
}
#configcooler .cardTabs_buttons button {
  border: 0.5px solid rgb(125, 125, 125);
  padding: 5px 25px;
  color: rgb(77, 77, 77);
  background-color: #ccc;
}
#configcooler .cardTabs_buttons button:first-of-type {
  border-radius: 5px 0 0 0;
}
#configcooler .cardTabs_buttons button:last-of-type {
  border-radius: 0px 5px 0px 0px;
}
#configcooler .cardTabs_buttons button.activ {
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: 600;
}
#configcooler .cardTabs_tabs {
  display: block;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  border-top-left-radius: 0px;
  box-shadow: 5px 5px 7px #777;
  padding: 30px;
  background-color: white;
}
#configcooler .cardTabs_tabs--tab {
  display: none;
}
#configcooler .cardTabs_tabs--tab.on {
  display: block;
}
#configcooler .cardTabs_tabs--tab .line {
  margin: 20px 0px;
}
#configcooler .cardTabs_tabs--tab .line .today {
  background-color: rgb(130, 188, 0);
  color: white;
  border: none;
  border-radius: 5px;
}
#configcooler .cardTabs_tabs--tab .line .submit {
  display: block;
  background-color: rgb(130, 188, 0);
  border: none;
  border-radius: 5px;
  color: white;
  font-weight: 600;
  padding: 10px 20px;
  margin: 0 auto;
}
#configcooler .cardTabs_tabs--tab .line .subtitle {
  font-weight: 600;
}

#coolerproducts .content_title {
  display: block;
  width: 90%;
  margin: 20px auto;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  background-color: white;
  font-size: 1.3em;
  font-weight: 600;
  color: rgb(125, 125, 125);
  padding: 12.5px 0;
  text-align: center;
  border-radius: 5px;
}
@media only screen and (min-width: 576px) {
  #coolerproducts .content_title {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) {
  #coolerproducts .content_title {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  #coolerproducts .content_title {
    width: 45%;
  }
}
#coolerproducts .content_controls {
  display: flex;
  width: 90%;
  flex-direction: column;
  margin: 10px auto;
}
@media only screen and (min-width: 576px) {
  #coolerproducts .content_controls {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) {
  #coolerproducts .content_controls {
    width: 55%;
  }
}
@media only screen and (min-width: 992px) {
  #coolerproducts .content_controls {
    width: 40%;
  }
}
#coolerproducts .content_controls--buttons {
  display: flex;
  margin: 10px 0;
}
#coolerproducts .content_controls--buttons button {
  flex-grow: 1;
  border: none;
  border-right: 2px solid #ccc;
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
  padding: 7px 0;
}
#coolerproducts .content_controls--buttons button:first-of-type {
  border-radius: 5px 0 0 5px;
}
#coolerproducts .content_controls--buttons button:last-of-type {
  border: none;
  border-radius: 0 5px 5px 0;
}
#coolerproducts .content_controls--buttons button.activ {
  background-color: rgb(130, 188, 0);
  color: white;
}
#coolerproducts .content_controls--buttons button:focus {
  outline: none;
}
#coolerproducts .content_controls--submit {
  margin-top: 20px;
}
#coolerproducts .content_controls--submit button {
  display: block;
  width: 100%;
  padding: 12px 0;
  background-color: rgb(130, 188, 0);
  color: white;
  border: none;
  border-radius: 5px;
  font-weight: 600;
  font-size: 1.2em;
}
#coolerproducts .content_controls--submit button:focus {
  outline: none;
}
#coolerproducts .content_filters {
  display: grid;
  width: 90%;
  margin: 0 auto;
  grid-template-columns: repeat(4, 25%);
  grid-gap: 1px;
  background-color: #b3b3b3;
  border-radius: 5px;
  overflow: hidden;
}
#coolerproducts .content_filters button {
  background-color: #ccc;
  color: rgb(77, 77, 77);
  border: none;
}
#coolerproducts .content_filters button.activated {
  background-color: #e6e6e6;
  color: rgb(125, 125, 125);
}
@media only screen and (min-width: 768px) {
  #coolerproducts .content_filters {
    display: none;
  }
}
#coolerproducts .content_reportbutton button {
  display: block;
  margin: 0 auto;
  padding: 0.5rem 1rem;
  border: none;
  background-color: rgb(130, 188, 0);
  border-radius: 5px;
  font-weight: 600;
  color: white;
}
#coolerproducts .content_table {
  display: block;
  width: 90%;
  margin: 20px auto;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  background-color: white;
  overflow: auto;
  border-radius: 5px;
}
#coolerproducts .content_table table {
  width: 100%;
}
#coolerproducts .content_table table td,
#coolerproducts .content_table table th {
  display: none;
}
#coolerproducts .content_table table td.activated,
#coolerproducts .content_table table th.activated {
  display: table-cell;
}
@media only screen and (min-width: 768px) {
  #coolerproducts .content_table table td,
  #coolerproducts .content_table table th {
    display: table-cell;
  }
}
#coolerproducts .content_table table thead tr th {
  background-color: rgb(130, 188, 0);
  color: white;
  padding: 10px;
  border-right: 0.5px solid white;
}
#coolerproducts .content_table table thead tr th:last-of-type {
  border: none;
}
#coolerproducts .content_table table tbody tr {
  background-color: #f2f2f2;
}
#coolerproducts .content_table table tbody tr:nth-of-type(even) {
  background-color: #dedede;
}
#coolerproducts .content_table table tbody tr td {
  padding: 10px;
  border-right: 0.5px solid rgb(170, 170, 170);
}
#coolerproducts .content_table table tbody tr td:last-of-type {
  border: none;
}
#coolerproducts .content_table table tbody tr td.false {
  color: #dc3545;
  font-weight: 600;
}

#historialAlertas .content .pageTitle {
  display: block;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  border-radius: 5px;
  margin: 20px auto;
  text-align: center;
  padding: 20px 0px;
  font-size: 1.3em;
  font-weight: 600;
  color: rgb(125, 125, 125);
  width: 90%;
}
@media only screen and (min-width: 768px) {
  #historialAlertas .content .pageTitle {
    width: 70%;
  }
}
#historialAlertas .content .finder {
  display: flex;
  width: fit-content;
  margin: 0 auto;
  justify-content: center;
  align-items: stretch;
}
#historialAlertas .content .finder #finderSelect {
  background-color: #e6e6e6;
  border-radius: 5px 0px 0px 5px;
}
#historialAlertas .content .finder button.btn {
  border-radius: 0px 5px 5px 0px;
}
#historialAlertas .content .forControls {
  display: block;
  width: 90%;
  margin: 20px auto;
}
@media only screen and (min-width: 768px) {
  #historialAlertas .content .forControls {
    width: 70%;
  }
}
#historialAlertas .content .forControls .title {
  display: block;
  text-align: center;
}
#historialAlertas .content .forControls .controls {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
#historialAlertas .content .forControls .controls label {
  background-color: #ccc;
  color: rgb(77, 77, 77);
  margin-bottom: 0px;
  padding: 0px 10px;
}
#historialAlertas .content .forControls .controls label:first-of-type {
  border-radius: 5px 0px 0px 5px;
}
#historialAlertas .content .forControls .controls input {
  width: 20%;
}
#historialAlertas .content .forControls .controls button {
  border: none;
  border-radius: 0px 5px 5px 0px;
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: 600;
}
#historialAlertas .content .forResults {
  display: block;
  width: fit-content;
  border-bottom: 1px solid rgb(170, 170, 170);
  margin: 0 auto;
}
#historialAlertas .content .forResults_number {
  font-weight: bold;
}
#historialAlertas .content .historyTable {
  display: block;
  width: 90%;
  border: 0.5px solid #ccc;
  background-color: white;
  border-radius: 5px;
  overflow: auto;
  margin: 20px auto;
}
@media only screen and (min-width: 768px) {
  #historialAlertas .content .historyTable {
    width: 70%;
  }
}
#historialAlertas .content .historyTable table {
  width: 100%;
}
#historialAlertas .content .historyTable table thead tr {
  background-color: rgb(130, 188, 0);
  color: white;
}
#historialAlertas .content .historyTable table thead tr th {
  padding: 0 10px;
  text-align: center;
}
#historialAlertas .content .historyTable table thead tr th.exportExcel button {
  border-radius: 5px;
  background-color: white;
  color: rgb(130, 188, 0);
  border: none;
}
#historialAlertas .content .historyTable table tbody tr:nth-child(even) {
  background-color: #e6e6e6;
}
#historialAlertas .content .historyTable table tbody tr.alert {
  background-color: #f1afb5;
}
#historialAlertas .content .historyTable table tbody tr td {
  padding-left: 10px;
  font-weight: 400;
  color: rgb(77, 77, 77);
  text-align: center;
}
#historialAlertas .content .forButtons {
  display: block;
  margin: 20px auto;
  text-align: center;
}
#historialAlertas .content .forButtons button {
  border: none;
  border-right: 0.5px solid #ccc;
  background-color: rgb(130, 188, 0);
  color: white;
}
#historialAlertas .content .forButtons button:hover {
  background-color: #94d600;
}
#historialAlertas .content .forButtons button:first-child {
  border-radius: 5px 0px 0px 5px;
}
#historialAlertas .content .forButtons button:last-child {
  border-radius: 0px 5px 5px 0px;
  border: none;
}
#historialAlertas table.actionsTable {
  background-color: white;
  border-radius: 5px;
  overflow: hidden;
}
#historialAlertas table.actionsTable thead tr {
  background-color: rgb(130, 188, 0);
}
#historialAlertas table.actionsTable thead tr th {
  text-align: center;
  font-weight: bold;
  color: white;
}
#historialAlertas table.actionsTable tbody tr:nth-of-type(odd) {
  background-color: #ccc;
}
#historialAlertas table.actionsTable tbody tr td {
  padding: 5px;
  border-right: 1px solid rgb(170, 170, 170);
}
#historialAlertas .actionsInput {
  border-radius: 5px;
  background-color: white;
  overflow: hidden;
  width: 350px;
}
@media only screen and (min-width: 768px) {
  #historialAlertas .actionsInput {
    width: 500px;
  }
}
#historialAlertas .actionsInput span {
  display: block;
  text-align: center;
  background-color: rgb(130, 188, 0);
  color: white;
  padding: 10px 0;
}
#historialAlertas .actionsInput textarea {
  display: block;
  width: 80%;
  margin: 10px auto;
}
#historialAlertas .actionsInput button {
  width: 100%;
  border: none;
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
  padding: 10px 0;
}

body#tablecultivos #content .range {
  display: block;
  width: 90%;
  border: 1px solid #ccc;
  background-color: white;
  margin: 20px auto;
  border-radius: 5px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  body#tablecultivos #content .range {
    width: fit-content;
  }
}
body#tablecultivos #content .range .title {
  text-align: center;
}
body#tablecultivos #content .range .controls {
  display: flex;
  align-items: stretch;
  justify-content: space-evenly;
}
body#tablecultivos #content .range .controls label {
  background-color: rgb(170, 170, 170);
  margin-bottom: 0px;
  padding: 0px 10px;
  color: white;
}
body#tablecultivos #content .range .controls input {
  width: 30%;
}
body#tablecultivos #content .range .controls button {
  width: 10%;
  background-color: rgb(130, 188, 0);
  border: none;
  color: white;
}
body#tablecultivos #content .finder {
  display: flex;
  width: 90%;
  align-items: stretch;
  height: 30px;
  justify-content: center;
  margin: 40px auto;
}
body#tablecultivos #content .finder label {
  border-radius: 5px 0px 0px 5px;
  background-color: rgb(170, 170, 170);
  color: white;
  margin: 0px;
  padding: 0px 20px;
}
body#tablecultivos #content .finder input {
  border-radius: 0px;
  border: 1px solid rgb(125, 125, 125);
}
body#tablecultivos #content .finder button {
  border-radius: 0px 5px 5px 0px;
  border: none;
  background-color: rgb(130, 188, 0);
  color: white;
}
body#tablecultivos #content .tableContainer {
  display: block;
  width: 90%;
  margin: 0 auto;
  background-color: #f2f2f2;
  border-radius: 5px;
  overflow: auto;
  border: 1px solid #ccc;
}
@media only screen and (min-width: 768px) {
  body#tablecultivos #content .tableContainer {
    width: fit-content;
  }
}
body#tablecultivos #content .tableContainer table tr {
  background-color: #f2f2f2;
}
body#tablecultivos #content .tableContainer table tr:nth-child(even) {
  background-color: #e6e6e6;
}
body#tablecultivos #content .tableContainer table tr th {
  background-color: rgb(130, 188, 0);
  color: white;
  border-right: 1px solid white;
  text-align: center;
  padding: 0px 10px;
}
body#tablecultivos #content .tableContainer table tr th.exportCell {
  width: fit-content;
  padding: 0px;
}
body#tablecultivos #content .tableContainer table tr th.exportCell button.exportExcel {
  border-radius: 10px;
  background-color: white;
  color: rgb(130, 188, 0);
  border: 1px solid rgb(130, 188, 0);
}
body#tablecultivos #content .tableContainer table tr td {
  border-right: 1px solid #bbb;
  color: rgb(77, 77, 77);
  padding: 0px 10px;
}
body#tablecultivos #content .tableButtons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40px;
}
body#tablecultivos #content .tableButtons button {
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: bold;
  border: none;
  border-right: 1px solid white;
}
body#tablecultivos #content .tableButtons button:first-of-type {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
body#tablecultivos #content .tableButtons button:last-of-type {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
body#tablecultivos .filters {
  display: block;
  width: fit-content;
  margin: 0 auto;
  margin-top: 15px;
  padding: 5px;
  border-radius: 5px;
  box-shadow: 0px 3px 5px #ccc;
  background-color: #f2f2f2;
}
@media only screen and (min-width: 768px) {
  body#tablecultivos .filters {
    position: absolute;
    top: 7%;
    right: 7%;
  }
}
@media only screen and (min-width: 992px) {
  body#tablecultivos .filters {
    position: absolute;
    top: 10%;
    right: 7%;
  }
}
@media only screen and (min-width: 1200px) {
  body#tablecultivos .filters {
    position: absolute;
    top: 9%;
    right: 7%;
  }
}
body#tablecultivos .filters_title {
  font-size: 1.3em;
  color: rgb(125, 125, 125);
  font-weight: 500;
}
body#tablecultivos .filters_button {
  border: none;
  border-left: 0.5px solid rgb(125, 125, 125);
  cursor: pointer;
  color: rgb(125, 125, 125);
  background-color: transparent;
}
body#tablecultivos .filters_button:hover, body#tablecultivos .filters_button:active, body#tablecultivos .filters_button:focus {
  border: none;
  border-left: 0.5px solid rgb(125, 125, 125);
}
body#tablecultivos .filters_list {
  display: none;
  list-style: none;
  padding: 7px;
  color: rgb(125, 125, 125);
  font-weight: 700;
  margin-bottom: 0;
}
body#tablecultivos .filters_list.on {
  display: grid;
}
body#tablecultivos .filters_list li {
  cursor: pointer;
}
body#tablecultivos .filters_list li.activ {
  background-color: rgb(130, 188, 0);
  color: white;
  border-radius: 5px;
  padding: 0 5px;
}

#customchart .content {
  display: block;
  margin: 20px auto;
  width: 90%;
}
#customchart .content_controls {
  display: block;
  margin: 20px auto;
  width: 100%;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  background-color: #ccc;
  border-radius: 5px;
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  #customchart .content_controls {
    width: 50%;
  }
}
#customchart .content_controls--title {
  font-size: 1.3em;
  text-align: center;
  color: rgb(77, 77, 77);
}
#customchart .content_controls--div {
  display: inline;
  white-space: nowrap;
}
#customchart .content_controls--div .content_controls--name {
  width: 100%;
}
#customchart .content_controls--div .content_controls--plot {
  width: 100%;
}
#customchart .content_controls--div .content_controls--zone {
  width: 100%;
}
#customchart .content_controls--div .content_controls--params {
  width: 80%;
}
#customchart .content_controls--div .content_controls--add {
  width: 20%;
  border: none;
  border-radius: 0px 5px 5px 0px;
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
  padding: 0px;
}
#customchart .content_controls--div label {
  display: block;
}
#customchart .content_controls--paramsCont {
  width: 100%;
  height: 100px;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  background-color: #e6e6e6;
  margin: 20px 0px;
  overflow-y: auto;
}
#customchart .content_controls--addChart {
  width: 50%;
  border: none;
  border-radius: 5px 0px 0px 5px;
  color: rgb(77, 77, 77);
  background-color: rgb(170, 170, 170);
  padding: 10px 0px;
  font-weight: 900;
}
#customchart .content_controls--send {
  width: 50%;
  border: none;
  border-radius: 0px 5px 5px 0px;
  color: white;
  background-color: rgb(130, 188, 0);
  padding: 10px 0px;
  font-weight: 900;
}

#chartlist .content_title {
  display: block;
  width: 90%;
  margin: 20px auto;
  border: 0.5px solid #ccc;
  padding: 20px 0;
  background-color: white;
  border-radius: 5px;
  box-shadow: 5px 5px 7px #777;
  text-align: center;
  font-size: 1.3em;
  font-weight: 600;
  color: rgb(125, 125, 125);
}
@media only screen and (min-width: 768px) {
  #chartlist .content_title {
    width: 50%;
  }
}
#chartlist .content_cards {
  display: flex;
  width: 90%;
  flex-wrap: wrap;
  gap: 20px;
  margin: 20px auto;
  justify-content: center;
}
#chartlist .content_cards--card {
  display: block;
  width: 200px;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  background-color: white;
  padding: 20px;
  min-height: 100px;
  border-radius: 5px;
}
#chartlist .content_cards--card .title {
  font-size: 1.1em;
  color: rgb(77, 77, 77);
}
#chartlist .content_cards--card .link {
  width: 100%;
  border: none;
  background-color: rgb(130, 188, 0);
  color: white;
  border-radius: 5px;
  padding: 10px 0;
}
#chartlist .content_plus {
  display: block;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 45px;
  color: white;
  background-color: #ff9400;
  border: 1px solid white;
  position: absolute;
  bottom: 7%;
  right: 7%;
}
#chartlist .content_plus:hover {
  background-color: #cc7600;
}

body#multiplecharts .content_controls--title {
  display: block;
  width: 90%;
  margin: 20px auto;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  text-align: center;
  border-radius: 5px;
  padding: 20px 0px;
  font-size: 1.3em;
  font-weight: 600;
  color: rgb(125, 125, 125);
}
@media only screen and (min-width: 768px) {
  body#multiplecharts .content_controls--title {
    width: 50%;
  }
}
body#multiplecharts .content_controls--buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}
body#multiplecharts .content_controls--buttons button {
  border: none;
  background-color: #ccc;
  color: rgb(77, 77, 77);
  border-right: 1px solid rgb(170, 170, 170);
  padding: 10px 20px;
}
body#multiplecharts .content_controls--buttons button:hover {
  color: rgb(130, 188, 0);
}
body#multiplecharts .content_controls--buttons button.active {
  background-color: #b3b3b3;
}
body#multiplecharts .content_controls--buttons button.active:hover {
  color: white;
}
body#multiplecharts .content_controls--buttons button:first-of-type {
  border-radius: 5px 0px 0px 5px;
}
body#multiplecharts .content_controls--buttons button:last-of-type {
  border-radius: 0px 5px 5px 0px;
  border: none;
}
body#multiplecharts .content_controls--range {
  display: flex;
  justify-content: center;
  align-items: stretch;
  margin-top: 20px;
}
body#multiplecharts .content_controls--range button {
  background-color: rgb(130, 188, 0);
  color: white;
  border: none;
  border-radius: 0px 5px 5px 0px;
  font-weight: 600;
}
body#multiplecharts .content_controls--range button:hover {
  background-color: #94d600;
}
body#multiplecharts .content_controls--range label {
  margin: 0px;
}
body#multiplecharts .content_controls--range input {
  width: 100px;
}
@media only screen and (min-width: 768px) {
  body#multiplecharts .content_controls--range input {
    width: auto;
  }
}
body#multiplecharts .content_charts {
  display: block;
  width: 90%;
  margin: 20px auto;
}

#groupsAlertas .titleBar {
  display: block;
  width: 90%;
  margin: 40px auto;
  padding: 20px 0;
  text-align: center;
  border: 0.5px solid #ccc;
  box-shadow: 3px 3px 5px #ccc;
  border-radius: 5px;
  font-size: 1.3em;
  font-weight: 600;
  color: rgb(125, 125, 125);
}
@media only screen and (min-width: 768px) {
  #groupsAlertas .titleBar {
    width: 70%;
  }
}
@media only screen and (min-width: 992px) {
  #groupsAlertas .titleBar {
    width: 50%;
  }
}
#groupsAlertas .content {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0px 40px;
  margin-bottom: 20px;
}
#groupsAlertas .content .groupCard {
  width: 100%;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #ccc;
  background-color: white;
  box-shadow: 3px 3px 5px #ccc;
}
@media only screen and (min-width: 576px) {
  #groupsAlertas .content .groupCard {
    width: 45%;
  }
}
@media only screen and (min-width: 768px) {
  #groupsAlertas .content .groupCard {
    width: 300px;
  }
}
#groupsAlertas .content .groupCard_img {
  width: 100%;
  height: 7rem;
  background-color: rgb(170, 170, 170);
}
#groupsAlertas .content .groupCard_img--image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
#groupsAlertas .content .groupCard_body--title {
  text-align: center;
  padding: 15px;
}
#groupsAlertas .content .groupCard_body--button {
  display: block;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 20px;
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: 900;
  border-radius: 5px;
  text-align: center;
  padding: 10px 0px;
  cursor: pointer;
  text-decoration: none;
}

body#resbandeja #rangeTitle {
  display: block;
  text-align: center;
  margin-top: 20px;
}
body#resbandeja #operators {
  display: flex;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 20px;
}
body#resbandeja #operators input {
  width: 29%;
}
@media only screen and (min-width: 768px) {
  body#resbandeja #operators input {
    width: auto;
  }
}
body#resbandeja #operators label {
  display: block;
  background-color: rgb(170, 170, 170);
  color: white;
  margin-bottom: 0;
  padding: 5px;
}
body#resbandeja #operators label:first-of-type {
  border-radius: 5px 0px 0px 5px;
}
body#resbandeja #operators button {
  display: block;
  border: none;
  background-color: rgb(130, 188, 0);
  color: white;
  border-radius: 0px 5px 5px 0px;
}

body#hidroponico #rangeTitle {
  display: block;
  text-align: center;
}
body#hidroponico #operators {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
body#hidroponico #operators label {
  background-color: rgb(170, 170, 170);
  color: white;
  padding: 5px 10px;
  margin: 0px;
}
body#hidroponico #operators label:first-of-type {
  border-radius: 5px 0px 0px 5px;
}
body#hidroponico #operators button {
  border: none;
  border-radius: 0px 5px 5px 0px;
  background-color: rgb(130, 188, 0);
  color: white;
}

body#dhidroponico #rangeTitle {
  display: block;
  text-align: center;
}
body#dhidroponico #operators {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
body#dhidroponico #operators label {
  background-color: rgb(170, 170, 170);
  color: white;
  padding: 5px 10px;
  margin: 0px;
}
body#dhidroponico #operators label:first-of-type {
  border-radius: 5px 0px 0px 5px;
}
body#dhidroponico #operators button {
  border: none;
  border-radius: 0px 5px 5px 0px;
  background-color: rgb(130, 188, 0);
  color: white;
}

#plotreport .content_title {
  display: block;
  width: 90%;
  margin: 20px auto;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  background-color: white;
  font-size: 1.3em;
  font-weight: 600;
  color: rgb(125, 125, 125);
  padding: 12.5px 0;
  text-align: center;
  border-radius: 5px;
}
@media only screen and (min-width: 576px) {
  #plotreport .content_title {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) {
  #plotreport .content_title {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  #plotreport .content_title {
    width: 45%;
  }
}
#plotreport .content_controls {
  display: flex;
  width: 90%;
  flex-direction: column;
  margin: 10px auto;
}
@media only screen and (min-width: 576px) {
  #plotreport .content_controls {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) {
  #plotreport .content_controls {
    width: 55%;
  }
}
@media only screen and (min-width: 992px) {
  #plotreport .content_controls {
    width: 40%;
  }
}
#plotreport .content_controls--buttons {
  display: flex;
  margin: 10px 0;
}
#plotreport .content_controls--buttons button {
  flex-grow: 1;
  border: none;
  border-right: 2px solid #ccc;
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
  padding: 7px 0;
}
#plotreport .content_controls--buttons button:first-of-type {
  border-radius: 5px 0 0 5px;
}
#plotreport .content_controls--buttons button:last-of-type {
  border: none;
  border-radius: 0 5px 5px 0;
}
#plotreport .content_controls--buttons button.activ {
  background-color: rgb(130, 188, 0);
  color: white;
}
#plotreport .content_controls--buttons button:focus {
  outline: none;
}
#plotreport .content_controls--submit {
  margin-top: 20px;
}
#plotreport .content_controls--submit button {
  display: block;
  width: 100%;
  padding: 12px 0;
  background-color: rgb(130, 188, 0);
  color: white;
  border: none;
  border-radius: 5px;
  font-weight: 600;
  font-size: 1.2em;
}
#plotreport .content_controls--submit button:focus {
  outline: none;
}

body#historicoV2 .forTable {
  display: block;
  width: 100%;
}
body#historicoV2 .forTable #operators .tableOperatorTitle {
  display: block;
  text-align: center;
}
body#historicoV2 .forTable #operators .tableOperatorContent {
  display: flex;
  width: auto;
  justify-content: center;
  align-items: stretch;
}
body#historicoV2 .forTable #operators .tableOperatorContent label {
  margin: 0px;
  background-color: #ccc;
  border: 0.5px solid #ccc;
  padding: 0px 5px;
}
body#historicoV2 .forTable #operators .tableOperatorContent label:first-of-type {
  border-radius: 5px 0px 0px 5px;
}
body#historicoV2 .forTable #operators .tableOperatorContent input {
  width: 25%;
}
@media only screen and (min-width: 768px) {
  body#historicoV2 .forTable #operators .tableOperatorContent input {
    width: auto;
  }
}
body#historicoV2 .forTable #operators .tableOperatorContent button {
  border: none;
  background-color: rgb(130, 188, 0);
  color: white;
  border-radius: 0px 5px 5px 0px;
}

body#tablecultivosV2 .emailModal {
  background-color: white;
  border-radius: 5px;
  padding: 1rem;
}
body#tablecultivosV2 .emailModal button {
  border: none;
  background-color: rgb(130, 188, 0);
  border-radius: 0px 5px 5px 0px;
  font-weight: bold;
  color: white;
}
body#tablecultivosV2 #content #finder2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 50px auto;
}
body#tablecultivosV2 #content #finder2 .download {
  display: none;
}
@media only screen and (min-width: 768px) {
  body#tablecultivosV2 #content #finder2 .download {
    display: block;
  }
}
body#tablecultivosV2 #content #finder2 .finderComponent {
  width: 90%;
}
@media only screen and (min-width: 768px) {
  body#tablecultivosV2 #content #finder2 .finderComponent {
    width: 30%;
  }
}
body#tablecultivosV2 #content .range {
  display: block;
  width: 90%;
  border: 1px solid #ccc;
  background-color: white;
  margin: 20px auto;
  border-radius: 5px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  body#tablecultivosV2 #content .range {
    width: fit-content;
  }
}
body#tablecultivosV2 #content .range .title {
  text-align: center;
}
body#tablecultivosV2 #content .range .controls {
  display: flex;
  align-items: stretch;
  justify-content: space-evenly;
}
body#tablecultivosV2 #content .range .controls label {
  background-color: rgb(170, 170, 170);
  margin-bottom: 0px;
  padding: 0px 10px;
  color: white;
}
body#tablecultivosV2 #content .range .controls input {
  width: 30%;
}
body#tablecultivosV2 #content .range .controls button {
  width: 10%;
  background-color: rgb(130, 188, 0);
  border: none;
  color: white;
}
body#tablecultivosV2 #content .finder {
  display: flex;
  width: 90%;
  align-items: stretch;
  height: 30px;
  justify-content: center;
  margin: 50px auto;
}
body#tablecultivosV2 #content .finder #finder_select {
  width: fit-content;
}
body#tablecultivosV2 #content .finder #finder_year {
  width: 100px;
}
body#tablecultivosV2 #content .finder label {
  border-radius: 5px 0px 0px 5px;
  background-color: rgb(170, 170, 170);
  color: white;
  margin: 0px;
  padding: 0px 20px;
}
body#tablecultivosV2 #content .finder #finder_input {
  width: 150px;
  border-radius: 0px;
  border: 1px solid rgb(125, 125, 125);
}
body#tablecultivosV2 #content .finder button {
  border-radius: 0px 5px 5px 0px;
  border: none;
  background-color: rgb(130, 188, 0);
  color: white;
}
body#tablecultivosV2 #content #tableContainer {
  display: block;
  width: 90%;
  max-width: 90%;
  margin: 0px auto;
}
@media only screen and (min-width: 768px) {
  body#tablecultivosV2 #content #tableContainer {
    margin-top: 80px;
    width: fit-content;
  }
}
body#tablecultivosV2 #content .download {
  text-align: center;
}
body#tablecultivosV2 #content .download button {
  border: none;
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: bold;
  margin-bottom: 40px;
  height: 100%;
  border-radius: 5px;
}
@media only screen and (min-width: 768px) {
  body#tablecultivosV2 #content .download button {
    margin-right: 10px;
    margin-bottom: 0px;
  }
}
body#tablecultivosV2 #content .filters {
  display: block;
  width: fit-content;
  margin: 0 auto;
  margin-top: 15px;
  padding: 5px;
  border-radius: 5px;
  box-shadow: 0px 3px 5px #ccc;
  background-color: #f2f2f2;
}
@media only screen and (min-width: 768px) {
  body#tablecultivosV2 #content .filters {
    position: absolute;
    top: 70px;
    right: 2%;
  }
}
body#tablecultivosV2 #content .filters_title {
  font-size: 1.3em;
  color: rgb(125, 125, 125);
  font-weight: 500;
}
body#tablecultivosV2 #content .filters_button {
  border: none;
  border-left: 0.5px solid rgb(125, 125, 125);
  cursor: pointer;
  color: rgb(125, 125, 125);
  background-color: transparent;
}
body#tablecultivosV2 #content .filters_button:hover, body#tablecultivosV2 #content .filters_button:active, body#tablecultivosV2 #content .filters_button:focus {
  border: none;
  border-left: 0.5px solid rgb(125, 125, 125);
}
body#tablecultivosV2 #content .filters_list {
  display: none;
  list-style: none;
  padding: 7px;
  color: rgb(125, 125, 125);
  font-weight: 700;
  margin-bottom: 0;
}
body#tablecultivosV2 #content .filters_list.on {
  display: grid;
}
body#tablecultivosV2 #content .filters_list li {
  cursor: pointer;
}
body#tablecultivosV2 #content .filters_list li.activ {
  background-color: rgb(130, 188, 0);
  color: white;
  border-radius: 5px;
  padding: 0 5px;
}

body#satlayers #content .panel {
  display: grid;
  grid-template-columns: 100%;
  width: 90%;
  margin: 20px auto;
  border-radius: 5px;
  background-color: #e6e0e0;
}
body#satlayers #content .panel.double {
  grid-template-columns: 50% 50%;
}
body#satlayers #content .panel_title {
  grid-column: 1/span 2;
  text-align: center;
  background-color: #d6cdcd;
  border-radius: 5px 5px 0px 0px;
  padding: 10px 0px;
}
body#satlayers #content .panel_primary {
  display: flex;
  flex-direction: column;
  padding: 20px 0px;
}
body#satlayers #content .panel_primary select {
  width: 50%;
  margin: 0 auto;
}
body#satlayers #content .panel_secondary {
  display: none;
  flex-direction: column;
  padding: 20px 0px;
}
body#satlayers #content .panel_secondary select {
  width: 50%;
  margin: 0 auto;
}
body#satlayers #content .panel_secondary.on {
  display: flex;
}
body#satlayers #content .panel_reset {
  width: 50%;
  grid-column: 1/span 2;
  background-color: #cfc4c4;
  border: none;
  border-radius: 5px;
  margin: 0 auto;
}
body#satlayers #content .map {
  width: 90%;
  height: 70vh;
  margin: 20px auto;
  background-color: #ccc;
}
body#satlayers #content .map .popup .leaflet-popup-content-wrapper {
  background-color: transparent;
  box-shadow: none;
  padding: 0px;
  width: fit-content;
  height: fit-content;
}
body#satlayers #content .map .popup_cont {
  min-width: 150px;
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
  background-color: white;
}
body#satlayers #content .map .popup_cont--title {
  background-color: rgb(130, 188, 0);
  padding: 5px;
  font-weight: bold;
  color: white;
  text-align: center;
}
body#satlayers #content .map .popup_cont--btn {
  text-align: center;
  padding: 10px 0px;
}
body#satlayers #content .map .popup_cont--btn a {
  color: rgb(130, 188, 0);
  text-decoration: underline;
}
body#satlayers #content .box {
  display: grid;
  grid-template-columns: 100%;
  width: 90%;
  margin: 0px auto;
  margin-bottom: 40px;
  background-color: #e6e0e0;
}
@media only screen and (min-width: 768px) {
  body#satlayers #content .box {
    grid-template-columns: 30% 70%;
  }
}
body#satlayers #content .box .legend {
  width: 100%;
  border: 0.5px solid #ccc;
}
body#satlayers #content .box .legend_title {
  width: 100%;
  text-align: center;
  padding: 10px 0px;
  background-color: #d6cdcd;
  border-radius: 5px;
}
body#satlayers #content .box .legend_img {
  background-color: #e6e0e0;
  padding: 20px;
}
body#satlayers #content .box .legend_img .image {
  width: 100%;
  height: auto;
}
body#satlayers #content .box .advice {
  display: block;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 20px;
  border-radius: 5px;
  overflow: auto;
  height: fit-content;
}
body#satlayers #content .box .advice_title {
  background-color: #d6cdcd;
  font-weight: bold;
  text-align: center;
  padding: 10px 0px;
}
body#satlayers #content .box .advice_content {
  background-color: #e6e0e0;
  padding: 10px 20px;
}
body#satlayers #content .activeSecondPanel {
  display: flex;
  width: 60px;
  height: 60px;
  position: absolute;
  bottom: 7%;
  right: 7%;
  justify-content: center;
  align-items: center;
  background-color: #ff9400;
  color: white;
  border: 3px solid white;
  border-radius: 50%;
  z-index: 401;
}
body#satlayers #content .activeSecondPanel.cancel {
  background-color: #dc3545;
}

body#altatableroplanasa .tablero_table {
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow-x: scroll;
  background-color: white;
}
body#altatableroplanasa .tablero_table .tablero_table-tab {
  margin: 0px;
  width: 100%;
}
body#altatableroplanasa .tablero_table .tablero_table-tab thead tr {
  background-color: rgb(130, 188, 0);
  color: white;
}
body#altatableroplanasa .tablero_table .tablero_table-tab thead tr th {
  text-align: center;
  border-left: 1px solid white;
  padding: 5px 10px;
}
body#altatableroplanasa .tablero_table .tablero_table-tab tbody tr {
  background-color: #eaeaea;
}
body#altatableroplanasa .tablero_table .tablero_table-tab tbody tr:nth-child(even) {
  background-color: #d0d0d0;
}
body#altatableroplanasa .tablero_table .tablero_table-tab tbody tr td {
  border-right: 1px solid rgb(170, 170, 170);
  text-align: center;
}

#nwusrplanasa #groupTable {
  margin: 0px;
  width: 100%;
}
#nwusrplanasa #groupTable thead tr {
  background-color: rgb(130, 188, 0);
  color: white;
}
#nwusrplanasa #groupTable thead tr th {
  text-align: center;
  border-left: 1px solid white;
  padding: 5px 10px;
}
#nwusrplanasa #groupTable tbody tr {
  background-color: #eaeaea;
}
#nwusrplanasa #groupTable tbody tr:nth-child(even) {
  background-color: #d0d0d0;
}
#nwusrplanasa #groupTable tbody tr td {
  border-right: 1px solid rgb(170, 170, 170);
  text-align: center;
}
#nwusrplanasa .popover .popover-body.blancos {
  color: rgb(255, 200, 67);
}
#nwusrplanasa .popover .popover-body.digitos {
  color: red;
}
#nwusrplanasa .popover .popover-body.done {
  color: rgb(130, 188, 0);
}
#nwusrplanasa #botonEnviar {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  background: rgb(130, 188, 0);
  color: white;
  border-radius: 5px;
  text-align: center;
  margin: 0 auto;
  border: none;
}
#nwusrplanasa #botonEnviar:hover {
  background: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
}
#nwusrplanasa #botonEnviar:focus {
  color: white !important;
  box-shadow: 0 0 0 0.2rem rgba(65, 182, 29, 0.3);
}
#nwusrplanasa #botonEnviar.desactivado {
  background-color: rgb(170, 170, 170);
  color: rgb(77, 77, 77);
  opacity: 0.6;
}
#nwusrplanasa div#cortina {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.6);
  z-index: 999;
}
#nwusrplanasa div#cortina.on {
  display: block;
}
#nwusrplanasa div#cortina #modal {
  display: block;
  margin: 32% auto;
  margin-bottom: 10%;
  width: 80vw;
  height: 70vh;
  background-color: white;
  border: 0.5px #ccc solid;
  border-radius: 5px;
  overflow: hidden;
  overflow-y: scroll;
}
@media only screen and (min-width: 576px) {
  #nwusrplanasa div#cortina #modal {
    margin: 15% auto;
    width: 60vw;
    height: 70vh;
  }
}
@media only screen and (min-width: 768px) {
  #nwusrplanasa div#cortina #modal {
    margin: 15% auto;
    width: 50vw;
    height: 60vh;
  }
}
#nwusrplanasa div#cortina #modal #modal-title {
  font-size: 1.3em;
  color: rgb(77, 77, 77);
  font-weight: bold;
  text-align: center;
  background-color: rgb(236, 236, 236);
  border-bottom: 0.5px #ccc solid;
  position: sticky;
  top: 0;
}
#nwusrplanasa div#cortina #modal #modal-content #text {
  padding: 10px 40px;
  color: rgb(77, 77, 77);
}
#nwusrplanasa div#cortina #modal #modal-content button#close {
  border: none;
  width: 30%;
  display: block;
  margin: 10px auto;
  border-radius: 5px;
  background: rgb(170, 170, 170);
  color: rgb(77, 77, 77);
  font-weight: bold;
}
#nwusrplanasa div#cortina #modal #modal-content button#close:hover {
  background: rgb(130, 188, 0);
  color: white;
}

body#editartableroplanasa .tablero_table {
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow-x: scroll;
  background-color: white;
}
body#editartableroplanasa .tablero_table .tablero_table-tab {
  margin: 0px;
  width: 100%;
}
body#editartableroplanasa .tablero_table .tablero_table-tab thead tr {
  background-color: rgb(130, 188, 0);
  color: white;
}
body#editartableroplanasa .tablero_table .tablero_table-tab thead tr th {
  text-align: center;
  border-left: 1px solid white;
  padding: 5px 10px;
}
body#editartableroplanasa .tablero_table .tablero_table-tab tbody tr {
  background-color: #eaeaea;
}
body#editartableroplanasa .tablero_table .tablero_table-tab tbody tr:nth-child(even) {
  background-color: #d0d0d0;
}
body#editartableroplanasa .tablero_table .tablero_table-tab tbody tr td {
  border-right: 1px solid rgb(170, 170, 170);
  text-align: center;
}

body#altaesquemapermisos .content {
  display: block;
  width: 90%;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  body#altaesquemapermisos .content {
    width: 50%;
  }
}
body#altaesquemapermisos .content_title {
  display: flex;
  width: 100%;
  background-color: white;
  margin: 20px 0px;
  justify-content: center;
  align-items: center;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  border-radius: 5px;
  font-size: 1.3em;
  font-weight: 500;
  padding: 20px 0px;
  font-style: italic;
  color: rgb(125, 125, 125);
}
body#altaesquemapermisos .content_form .form-group label {
  display: block;
}
body#altaesquemapermisos .content_form .form-group select {
  display: inline;
  width: 90%;
  margin: 0px;
}
body#altaesquemapermisos .content_form .form-group button {
  display: inline;
  width: 5%;
  border: none;
  background-color: rgb(130, 188, 0);
  color: white;
  border-radius: 0px 5px 5px 0px;
  padding: 6px 12px;
}

body#invitation .invitation {
  display: block;
  width: 90%;
  margin: 80px auto;
  background-color: white;
  border: 0.5px solid #ccc;
  border-radius: 5px;
}
@media only screen and (min-width: 768px) {
  body#invitation .invitation {
    width: 50%;
  }
}
body#invitation .invitation_title {
  width: 100%;
  font-size: 1.3em;
  background-color: #ccc;
  color: rgb(77, 77, 77);
  text-align: center;
}
body#invitation .invitation_content {
  display: flex;
  padding: 40px 0px;
  justify-content: center;
  align-items: center;
}
body#invitation .invitation_content--input {
  height: 40px;
}
body#invitation .invitation_content--button {
  border: none;
  background-color: rgb(130, 188, 0);
  color: white;
  border-radius: 0px 5px 5px 0px;
  height: 40px;
}

body#topay #content .card-header {
  display: flex;
  justify-content: center;
  align-items: center;
}
body#topay #content .card-header i {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px auto;
  font-size: 2em;
}
body#topay #content .card-header i.activ {
  border: 3px solid rgb(130, 188, 0);
  border-radius: 50%;
}
body#topay #content .card-body {
  display: none;
}
body#topay #content .card-body.active {
  display: block;
}

body#companydata .company-title {
  width: 90%;
  margin: 20px auto;
  background-color: white;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  font-size: 1.3em;
  color: rgb(125, 125, 125);
  border-radius: 5px;
  text-align: center;
  padding: 10px 0px;
}
@media only screen and (min-width: 768px) {
  body#companydata .company-title {
    width: 50%;
  }
}
body#companydata .company-form {
  width: 90%;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  background-color: white;
  border-radius: 5px;
  margin: 20px auto;
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  body#companydata .company-form {
    width: 50%;
  }
}
body#companydata .company-form button {
  width: 100%;
  background-color: rgb(130, 188, 0);
  font-weight: bold;
  color: white;
}

#nwusrinvitation #groupTable {
  margin: 0px;
  width: 100%;
}
#nwusrinvitation #groupTable thead tr {
  background-color: rgb(130, 188, 0);
  color: white;
}
#nwusrinvitation #groupTable thead tr th {
  text-align: center;
  border-left: 1px solid white;
  padding: 5px 10px;
}
#nwusrinvitation #groupTable tbody tr {
  background-color: #eaeaea;
}
#nwusrinvitation #groupTable tbody tr:nth-child(even) {
  background-color: #d0d0d0;
}
#nwusrinvitation #groupTable tbody tr td {
  border-right: 1px solid rgb(170, 170, 170);
  text-align: center;
}
#nwusrinvitation .popover .popover-body.blancos {
  color: rgb(255, 200, 67);
}
#nwusrinvitation .popover .popover-body.digitos {
  color: red;
}
#nwusrinvitation .popover .popover-body.done {
  color: rgb(130, 188, 0);
}
#nwusrinvitation #botonEnviar {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  background: rgb(130, 188, 0);
  color: white;
  border-radius: 5px;
  text-align: center;
  margin: 0 auto;
  border: none;
}
#nwusrinvitation #botonEnviar:hover {
  background: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
}
#nwusrinvitation #botonEnviar:focus {
  color: white !important;
  box-shadow: 0 0 0 0.2rem rgba(65, 182, 29, 0.3);
}
#nwusrinvitation #botonEnviar.desactivado {
  background-color: rgb(170, 170, 170);
  color: rgb(77, 77, 77);
  opacity: 0.6;
}
#nwusrinvitation div#cortina {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.6);
  z-index: 999;
}
#nwusrinvitation div#cortina.on {
  display: block;
}
#nwusrinvitation div#cortina #modal {
  display: block;
  margin: 32% auto;
  margin-bottom: 10%;
  width: 80vw;
  height: 70vh;
  background-color: white;
  border: 0.5px #ccc solid;
  border-radius: 5px;
  overflow: hidden;
  overflow-y: scroll;
}
@media only screen and (min-width: 576px) {
  #nwusrinvitation div#cortina #modal {
    margin: 15% auto;
    width: 60vw;
    height: 70vh;
  }
}
@media only screen and (min-width: 768px) {
  #nwusrinvitation div#cortina #modal {
    margin: 15% auto;
    width: 50vw;
    height: 60vh;
  }
}
#nwusrinvitation div#cortina #modal #modal-title {
  font-size: 1.3em;
  color: rgb(77, 77, 77);
  font-weight: bold;
  text-align: center;
  background-color: rgb(236, 236, 236);
  border-bottom: 0.5px #ccc solid;
  position: sticky;
  top: 0;
}
#nwusrinvitation div#cortina #modal #modal-content #text {
  padding: 10px 40px;
  color: rgb(77, 77, 77);
}
#nwusrinvitation div#cortina #modal #modal-content button#close {
  border: none;
  width: 30%;
  display: block;
  margin: 10px auto;
  border-radius: 5px;
  background: rgb(170, 170, 170);
  color: rgb(77, 77, 77);
  font-weight: bold;
}
#nwusrinvitation div#cortina #modal #modal-content button#close:hover {
  background: rgb(130, 188, 0);
  color: white;
}

#miqampoV2 .tabs {
  display: block;
  width: 90%;
  margin: 0px auto;
}
@media only screen and (min-width: 768px) {
  #miqampoV2 .tabs {
    width: 40%;
  }
}
#miqampoV2 .tabs_title {
  display: block;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  border-radius: 5px;
  padding: 1rem 0rem;
  font-size: 1.3em;
  color: rgb(170, 170, 170);
  text-align: center;
  background-color: white;
  font-weight: 600;
  margin: 20px 0;
}
#miqampoV2 .tabs_buttons {
  display: flex;
  justify-content: center;
  align-items: stretch;
  border-radius: 5px;
  overflow: hidden;
}
#miqampoV2 .tabs_buttons--item {
  flex-grow: 1;
  border: none;
  border-right: 0.5px solid #ccc;
  padding: 10px 0;
  background-color: #efefef;
  font-weight: 500;
  color: rgb(77, 77, 77);
}
#miqampoV2 .tabs_buttons--item:last-of-type {
  border: none;
}
#miqampoV2 .tabs_buttons--item.active {
  background-color: #b3b3b3;
  color: white;
}
#miqampoV2 .tabs_content {
  border-top: 20px;
}
#miqampoV2 .tabs_content--item {
  display: none;
}
#miqampoV2 .tabs_content--item.active {
  display: block;
}
#miqampoV2 .tabs_content--item-adviser {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  color: rgb(125, 125, 125);
  background-color: white;
  border-radius: 5px;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
}
#miqampoV2 .tabs_content--item-adviser span {
  border-bottom: 0.5px solid #ccc;
  padding: 10px 12px;
}
#miqampoV2 .tabs_content--item-adviser span:first-of-type {
  font-size: 1.4em;
  font-weight: 600;
  border: none;
  background-color: rgb(130, 188, 0);
  color: white;
  border-radius: 5px 5px 0 0;
  text-align: center;
}
#miqampoV2 .tabs_content--item-adviser span:last-of-type {
  border: none;
}
#miqampoV2 .tabs_content--item-stations {
  display: block;
  width: 100%;
  margin-top: 20px;
  overflow: auto;
}
#miqampoV2 .tabs_content--item-stations table {
  width: 100%;
}
#miqampoV2 .tabs_content--item-stations table thead tr th {
  background-color: rgb(130, 188, 0);
  color: white;
  text-align: center;
  border-right: 0.5px solid #ccc;
  padding: 5px 0px;
}
#miqampoV2 .tabs_content--item-stations table thead tr th:last-of-type {
  border: none;
}
#miqampoV2 .tabs_content--item-stations table thead tr th.exporting button {
  background-color: white;
  color: rgb(130, 188, 0);
  border: none;
  border-radius: 45px;
}
#miqampoV2 .tabs_content--item-stations table tbody tr {
  background-color: #e6e6e6;
}
#miqampoV2 .tabs_content--item-stations table tbody tr:nth-of-type(even) {
  background-color: #d9d9d9;
}
#miqampoV2 .tabs_content--item-stations table tbody tr td {
  color: rgb(77, 77, 77);
  border-right: 0.5px solid #ccc;
  text-align: center;
}
#miqampoV2 .tabs_content--item-stations table tbody tr td:last-of-type {
  border: none;
}
#miqampoV2 .tabs_content--item-services {
  min-height: fit-content;
  margin-top: 20px;
}
#miqampoV2 .tabs_content--item-services .services_display table {
  width: 100%;
  text-align: center;
}
#miqampoV2 .tabs_content--item-services .services_display table thead th {
  background-color: rgb(130, 188, 0);
  color: white;
  text-align: center;
  border-right: 0.5px solid #ccc;
  padding: 5px 0px;
}
#miqampoV2 .tabs_content--item-services .services_display table thead th:last-of-type {
  border: none;
}
#miqampoV2 .tabs_content--item-services .services_display table thead th.exporting button {
  width: 42px;
  height: 26px;
  background-color: white;
  color: rgb(130, 188, 0);
  border: none;
  border-radius: 45px;
}
#miqampoV2 .tabs_content--item-services .services_display table tbody tr {
  background-color: #d9d9d9;
}
#miqampoV2 .tabs_content--item-services .services_display table tbody tr td {
  border-right: 0.5px solid #ccc;
  padding: 0px 10px;
}
#miqampoV2 .tabs_content--item-services .services_display table tbody tr:nth-of-type(even) {
  background-color: #e3e3e3;
}
#miqampoV2 .tabs_content--item-users {
  display: block;
  width: 100%;
  margin-top: 20px;
  overflow: auto;
}
#miqampoV2 .tabs_content--item-users table {
  width: 100%;
}
#miqampoV2 .tabs_content--item-users table thead tr th {
  background-color: rgb(130, 188, 0);
  color: white;
  text-align: center;
  border-right: 0.5px solid #ccc;
  padding: 5px 0px;
}
#miqampoV2 .tabs_content--item-users table thead tr th:last-of-type {
  border: none;
}
#miqampoV2 .tabs_content--item-users table thead tr th.exporting button {
  background-color: white;
  color: rgb(130, 188, 0);
  border: none;
  border-radius: 45px;
}
#miqampoV2 .tabs_content--item-users table tbody tr {
  background-color: #e6e6e6;
}
#miqampoV2 .tabs_content--item-users table tbody tr:nth-of-type(even) {
  background-color: #d9d9d9;
}
#miqampoV2 .tabs_content--item-users table tbody tr td {
  color: rgb(77, 77, 77);
  border-right: 0.5px solid #ccc;
  text-align: center;
}
#miqampoV2 .tabs_content--item-users table tbody tr td:last-of-type {
  border: none;
}
#miqampoV2 .tabs .latestBills {
  margin-top: 20px;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
}
#miqampoV2 .tabs .latestBills_title {
  font-size: 1.2em;
  background-color: rgb(170, 170, 170);
  color: white;
  font-weight: bold;
  text-align: center;
}
#miqampoV2 .tabs .latestBills_table {
  display: block;
  width: 100%;
  overflow: auto;
}
#miqampoV2 .tabs .latestBills_table table {
  width: 100%;
}
#miqampoV2 .tabs .latestBills_table table thead tr th {
  background-color: rgb(130, 188, 0);
  color: white;
  text-align: center;
  border-right: 0.5px solid #ccc;
  padding: 5px 0px;
}
#miqampoV2 .tabs .latestBills_table table thead tr th:last-of-type {
  border: none;
}
#miqampoV2 .tabs .latestBills_table table tbody tr {
  background-color: #e6e6e6;
}
#miqampoV2 .tabs .latestBills_table table tbody tr:nth-of-type(even) {
  background-color: #d9d9d9;
}
#miqampoV2 .tabs .latestBills_table table tbody tr td {
  color: rgb(77, 77, 77);
  border-right: 0.5px solid #ccc;
  text-align: center;
}
#miqampoV2 .tabs .latestBills_table table tbody tr td:last-of-type {
  border: none;
}

body#editusrplanasa #groupTable {
  margin: 0px;
  width: 100%;
}
body#editusrplanasa #groupTable thead tr {
  background-color: rgb(130, 188, 0);
  color: white;
}
body#editusrplanasa #groupTable thead tr th {
  text-align: center;
  border-left: 1px solid white;
  padding: 5px 10px;
}
body#editusrplanasa #groupTable tbody tr {
  background-color: #eaeaea;
}
body#editusrplanasa #groupTable tbody tr:nth-child(even) {
  background-color: #d0d0d0;
}
body#editusrplanasa #groupTable tbody tr td {
  border-right: 1px solid rgb(170, 170, 170);
  text-align: center;
}
body#editusrplanasa .popover .popover-body.blancos {
  color: rgb(255, 200, 67);
}
body#editusrplanasa .popover .popover-body.digitos {
  color: red;
}
body#editusrplanasa .popover .popover-body.done {
  color: rgb(130, 188, 0);
}
body#editusrplanasa #botonEnviar {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  background: rgb(130, 188, 0);
  color: white;
  border-radius: 5px;
  text-align: center;
  margin: 0 auto;
  border: none;
}
body#editusrplanasa #botonEnviar:hover {
  background: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
}
body#editusrplanasa #botonEnviar:focus {
  color: white !important;
  box-shadow: 0 0 0 0.2rem rgba(65, 182, 29, 0.3);
}
body#editusrplanasa #botonEnviar.desactivado {
  background-color: rgb(170, 170, 170);
  color: rgb(77, 77, 77);
  opacity: 0.6;
}
body#editusrplanasa div#cortina {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.6);
  z-index: 999;
}
body#editusrplanasa div#cortina.on {
  display: block;
}
body#editusrplanasa div#cortina #modal {
  display: block;
  margin: 32% auto;
  margin-bottom: 10%;
  width: 80vw;
  height: 70vh;
  background-color: white;
  border: 0.5px #ccc solid;
  border-radius: 5px;
  overflow: hidden;
  overflow-y: scroll;
}
@media only screen and (min-width: 576px) {
  body#editusrplanasa div#cortina #modal {
    margin: 15% auto;
    width: 60vw;
    height: 70vh;
  }
}
@media only screen and (min-width: 768px) {
  body#editusrplanasa div#cortina #modal {
    margin: 15% auto;
    width: 50vw;
    height: 60vh;
  }
}
body#editusrplanasa div#cortina #modal #modal-title {
  font-size: 1.3em;
  color: rgb(77, 77, 77);
  font-weight: bold;
  text-align: center;
  background-color: rgb(236, 236, 236);
  border-bottom: 0.5px #ccc solid;
  position: sticky;
  top: 0;
}
body#editusrplanasa div#cortina #modal #modal-content #text {
  padding: 10px 40px;
  color: rgb(77, 77, 77);
}
body#editusrplanasa div#cortina #modal #modal-content button#close {
  border: none;
  width: 30%;
  display: block;
  margin: 10px auto;
  border-radius: 5px;
  background: rgb(170, 170, 170);
  color: rgb(77, 77, 77);
  font-weight: bold;
}
body#editusrplanasa div#cortina #modal #modal-content button#close:hover {
  background: rgb(130, 188, 0);
  color: white;
}

body#editesquemapermisos .content {
  display: block;
  width: 90%;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  body#editesquemapermisos .content {
    width: 50%;
  }
}
body#editesquemapermisos .content_title {
  display: flex;
  width: 100%;
  background-color: white;
  margin: 20px 0px;
  justify-content: center;
  align-items: center;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  border-radius: 5px;
  font-size: 1.3em;
  font-weight: 500;
  padding: 20px 0px;
  font-style: italic;
  color: rgb(125, 125, 125);
}
body#editesquemapermisos .content_form {
  background-color: white;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  box-shadow: 5px 5px 7px #777;
  padding: 20px;
}
body#editesquemapermisos .content_form .form-group label {
  display: block;
}
body#editesquemapermisos .content_form .form-group select {
  display: inline;
  width: 90%;
  margin: 0px;
}
body#editesquemapermisos .content_form .form-group button {
  display: inline;
  width: 5%;
  border: none;
  background-color: rgb(130, 188, 0);
  color: white;
  border-radius: 0px 5px 5px 0px;
  padding: 6px 12px;
}

body#dispositivosanalytics .emailModal {
  background-color: white;
  border-radius: 5px;
  padding: 1rem;
}
body#dispositivosanalytics .emailModal input {
  width: 100%;
  padding: 5px;
}
body#dispositivosanalytics .emailModal button {
  display: block;
  width: 100%;
  border: none;
  background-color: rgb(130, 188, 0);
  border-radius: 5px 5px 5px 5px;
  font-weight: bold;
  color: white;
  padding: 5px;
  margin-top: 1em;
}
body#dispositivosanalytics #content .range {
  display: block;
  width: 90%;
  border: 1px solid #ccc;
  background-color: white;
  margin: 20px auto;
  border-radius: 5px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  body#dispositivosanalytics #content .range {
    width: fit-content;
  }
}
body#dispositivosanalytics #content .range .title {
  text-align: center;
}
body#dispositivosanalytics #content .range .controls {
  display: flex;
  align-items: stretch;
  justify-content: space-evenly;
}
body#dispositivosanalytics #content .range .controls label {
  background-color: rgb(170, 170, 170);
  margin-bottom: 0px;
  padding: 0px 10px;
  color: white;
}
body#dispositivosanalytics #content .range .controls input {
  width: 30%;
}
body#dispositivosanalytics #content .range .controls button {
  width: 10%;
  background-color: rgb(130, 188, 0);
  border: none;
  color: white;
}
body#dispositivosanalytics #content .finder {
  display: flex;
  width: 90%;
  align-items: stretch;
  height: 30px;
  justify-content: center;
  margin: 50px auto;
}
body#dispositivosanalytics #content .finder #finder_select {
  width: fit-content;
}
body#dispositivosanalytics #content .finder #finder_year {
  width: 100px;
}
body#dispositivosanalytics #content .finder label {
  border-radius: 5px 0px 0px 5px;
  background-color: rgb(170, 170, 170);
  color: white;
  margin: 0px;
  padding: 0px 20px;
}
body#dispositivosanalytics #content .finder #finder_input {
  width: 150px;
  border-radius: 0px;
  border: 1px solid rgb(125, 125, 125);
}
body#dispositivosanalytics #content .finder button {
  border-radius: 0px 5px 5px 0px;
  border: none;
  background-color: rgb(130, 188, 0);
  color: white;
}
body#dispositivosanalytics #content .tableContainer {
  display: block;
  width: 90%;
  margin: 0px auto;
  background-color: #f2f2f2;
  border-radius: 5px;
  overflow: auto;
  border: 1px solid #ccc;
}
@media only screen and (min-width: 768px) {
  body#dispositivosanalytics #content .tableContainer {
    width: fit-content;
  }
}
body#dispositivosanalytics #content .tableContainer table tr {
  background-color: #f2f2f2;
}
body#dispositivosanalytics #content .tableContainer table tr:nth-child(even) {
  background-color: #e6e6e6;
}
body#dispositivosanalytics #content .tableContainer table tr.row-active {
  background-color: #dbff89;
}
body#dispositivosanalytics #content .tableContainer table tr.row-active:nth-child(even) {
  background-color: rgba(232, 255, 35, 0.3098039216);
}
body#dispositivosanalytics #content .tableContainer table tr th {
  background-color: rgb(130, 188, 0);
  color: white;
  border-right: 1px solid white;
  text-align: center;
  padding: 0px 10px;
}
body#dispositivosanalytics #content .tableContainer table tr th.exportCell {
  width: fit-content;
  padding: 0px;
}
body#dispositivosanalytics #content .tableContainer table tr th.exportCell button.exportExcel {
  border-radius: 10px;
  background-color: white;
  color: rgb(130, 188, 0);
  border: 1px solid rgb(130, 188, 0);
}
body#dispositivosanalytics #content .tableContainer table tr td {
  max-width: 200px;
  border-right: 1px solid #bbb;
  color: rgb(77, 77, 77);
  padding: 0px 10px;
}
body#dispositivosanalytics #content .tableButtons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40px;
}
body#dispositivosanalytics #content .tableButtons button {
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: bold;
  border: none;
  border-right: 1px solid white;
}
body#dispositivosanalytics #content .tableButtons button:first-of-type {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
body#dispositivosanalytics #content .tableButtons button:last-of-type {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
body#dispositivosanalytics #content .download {
  text-align: center;
}
body#dispositivosanalytics #content .download button {
  border: none;
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: bold;
  margin-bottom: 40px;
  border-radius: 5px;
}
@media only screen and (min-width: 768px) {
  body#dispositivosanalytics #content .download button {
    position: absolute;
    top: 12%;
    left: 7%;
  }
}
body#dispositivosanalytics .filters {
  display: block;
  width: fit-content;
  margin: 0 auto;
  margin-top: 15px;
  padding: 5px;
  border-radius: 5px;
  box-shadow: 0px 3px 5px #ccc;
  background-color: #f2f2f2;
}
@media only screen and (min-width: 768px) {
  body#dispositivosanalytics .filters {
    position: absolute;
    top: 6%;
    right: 1%;
  }
}
body#dispositivosanalytics .filters_title {
  font-size: 1.3em;
  color: rgb(125, 125, 125);
  font-weight: 500;
}
body#dispositivosanalytics .filters_button {
  border: none;
  border-left: 0.5px solid rgb(125, 125, 125);
  cursor: pointer;
  color: rgb(125, 125, 125);
  background-color: transparent;
}
body#dispositivosanalytics .filters_button:hover, body#dispositivosanalytics .filters_button:active, body#dispositivosanalytics .filters_button:focus {
  border: none;
  border-left: 0.5px solid rgb(125, 125, 125);
}
body#dispositivosanalytics .filters_list {
  display: none;
  list-style: none;
  padding: 7px;
  color: rgb(125, 125, 125);
  font-weight: 700;
  margin-bottom: 0;
}
body#dispositivosanalytics .filters_list.on {
  display: grid;
}
body#dispositivosanalytics .filters_list li {
  cursor: pointer;
}
body#dispositivosanalytics .filters_list li.activ {
  background-color: rgb(130, 188, 0);
  color: white;
  border-radius: 5px;
  padding: 0 5px;
}

#suspendedaccount #error .i1 img {
  filter: grayscale(95%);
}
#suspendedaccount #error .i2 {
  color: rgb(77, 77, 77) !important;
}
#suspendedaccount footer .hojas {
  filter: grayscale(85%);
}

body#confignode .activ,
body#confignode .channelActive {
  background-color: #e6e6e6;
}

body#bandejas .selector {
  display: block;
  width: 90%;
  margin: 20px auto;
  background-color: white;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  box-shadow: 5px 5px 7px #777;
}
@media only screen and (min-width: 768px) {
  body#bandejas .selector {
    width: 50%;
  }
}
body#bandejas .selector_title {
  display: block;
  text-align: center;
  font-weight: 600;
  padding: 10px;
}
body#bandejas .selector_content {
  display: flex;
}
body#bandejas .selector_content--select {
  width: 90%;
}
body#bandejas .selector_content--button {
  width: 10%;
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: 600;
  border: none;
}
body#bandejas .displaybox {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin: 0px auto;
  margin-bottom: 40px;
  background-color: white;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 5px 5px 7px #777;
}
@media only screen and (min-width: 768px) {
  body#bandejas .displaybox {
    width: 50%;
  }
}
body#bandejas .displaybox.exporting {
  margin-top: 40px;
  width: 90%;
}
body#bandejas .displaybox.exporting .headcollapse_body {
  display: block;
}
body#bandejas .displaybox .headcollapse_header {
  display: block;
  border-bottom: 1px solid gray;
  background-color: #b3b3b3;
  color: white;
  font-weight: 600;
}
body#bandejas .displaybox .headcollapse_header button {
  border: none;
  background-color: transparent;
  color: gray;
}
body#bandejas .displaybox .headcollapse_body {
  display: none;
}
body#bandejas .displaybox .headcollapse_body.show {
  display: block;
}
body#bandejas .displaybox .headcollapse_body .tray {
  display: block;
  width: 90%;
  margin: 20px auto;
  border-bottom: 0.5px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
}
body#bandejas .displaybox .headcollapse_body .tray_title {
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: 600;
  padding: 5px;
  border-radius: 5px 5px 0px 0px;
}
body#bandejas .displaybox .headcollapse_body .tray_table {
  width: 100%;
  border-radius: 0px 5px 5px 5px;
  border: 0.5px solid #ccc;
  border-bottom: none;
}
body#bandejas .displaybox .headcollapse_body .tray_table thead tr {
  background-color: rgb(130, 188, 0);
  color: white;
}
body#bandejas .displaybox .headcollapse_body .tray_table thead tr th {
  border-right: 1px solid white;
  text-align: center;
}
body#bandejas .displaybox .headcollapse_body .tray_table tbody tr td {
  text-align: center;
  border-bottom: 0.5px solid #ccc;
  border-right: 0.5px solid #ccc;
}
body#bandejas .exportbutton {
  display: flex;
}
body#bandejas .exportbutton button {
  position: fixed;
  bottom: 7%;
  right: 7%;
  display: block;
  width: 60px;
  height: 60px;
  background-color: #ff9400;
  border: 3px solid white;
  color: white;
  border-radius: 45px;
}

body#bandejas2 .selector {
  display: block;
  width: 90%;
  margin: 20px auto;
  background-color: white;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  box-shadow: 5px 5px 7px #777;
}
@media only screen and (min-width: 768px) {
  body#bandejas2 .selector {
    width: 50%;
  }
}
body#bandejas2 .selector_title {
  display: block;
  text-align: center;
  font-weight: 600;
  padding: 10px;
}
body#bandejas2 .selector_content {
  display: flex;
}
body#bandejas2 .selector_content--select {
  width: 50%;
}
body#bandejas2 .selector_content--days {
  width: 50%;
}
body#bandejas2 .selector_content--button {
  width: 10%;
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: 600;
  border: none;
}
body#bandejas2 .displaybox {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin: 0px auto;
  margin-bottom: 40px;
  background-color: white;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 5px 5px 7px #777;
}
@media only screen and (min-width: 768px) {
  body#bandejas2 .displaybox {
    width: 50%;
  }
}
body#bandejas2 .displaybox.exporting {
  margin-top: 40px;
  width: 90%;
}
body#bandejas2 .displaybox.exporting .headcollapse_body {
  display: block;
}
body#bandejas2 .displaybox .headcollapse_header {
  display: block;
  border-bottom: 1px solid gray;
  background-color: #b3b3b3;
  color: white;
  font-weight: 600;
}
body#bandejas2 .displaybox .headcollapse_header button {
  border: none;
  background-color: transparent;
  color: gray;
}
body#bandejas2 .displaybox .headcollapse_body {
  display: none;
}
body#bandejas2 .displaybox .headcollapse_body.show {
  display: block;
}
body#bandejas2 .displaybox .headcollapse_body .tray {
  display: block;
  width: 90%;
  margin: 20px auto;
  border-bottom: 0.5px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
}
body#bandejas2 .displaybox .headcollapse_body .tray_title {
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: 600;
  padding: 5px;
  border-radius: 5px 5px 0px 0px;
}
body#bandejas2 .displaybox .headcollapse_body .tray_table {
  width: 100%;
  border-radius: 0px 5px 5px 5px;
  border: 0.5px solid #ccc;
  border-bottom: none;
}
body#bandejas2 .displaybox .headcollapse_body .tray_table thead tr {
  background-color: rgb(130, 188, 0);
  color: white;
}
body#bandejas2 .displaybox .headcollapse_body .tray_table thead tr th {
  border-right: 1px solid white;
  text-align: center;
}
body#bandejas2 .displaybox .headcollapse_body .tray_table tbody tr td {
  text-align: center;
  border-bottom: 0.5px solid #ccc;
  border-right: 0.5px solid #ccc;
}
body#bandejas2 .exportbutton {
  display: flex;
}
body#bandejas2 .exportbutton button {
  position: fixed;
  bottom: 7%;
  right: 7%;
  display: block;
  width: 60px;
  height: 60px;
  background-color: #ff9400;
  border: 3px solid white;
  color: white;
  border-radius: 45px;
}

body#conexiones .operators {
  display: block;
  width: 90%;
  margin: 20px auto;
  background-color: white;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  box-shadow: 5px 5px 7px #777;
}
@media only screen and (min-width: 768px) {
  body#conexiones .operators {
    width: 50%;
  }
}
body#conexiones .operators_user {
  position: relative;
}
body#conexiones .operators_user--finder {
  display: flex;
}
body#conexiones .operators_user--finder label {
  font-weight: 600;
  color: rgb(125, 125, 125);
  padding-left: 10px;
}
body#conexiones .operators_user--finder #clearButton {
  border: none;
  background-color: transparent;
  color: rgb(170, 170, 170);
}
body#conexiones .operators_user--finder #finder {
  border: 0.5px solid rgb(170, 170, 170);
  border-radius: 5px;
  width: 90%;
}
body#conexiones .operators_user--finder #finder.active {
  background-color: #dbff89;
}
body#conexiones .operators_user--finder #findButton {
  border: none;
  border-radius: 5px;
  color: white;
  background-color: rgb(130, 188, 0);
}
body#conexiones .operators_user--suggestions {
  position: absolute;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body#conexiones .operators_user--suggestions .suggestion {
  display: block;
  width: 90%;
  border: 0.5px solid #ccc;
  background-color: white;
  border-radius: 5px;
  color: rgb(77, 77, 77);
  padding: 5px;
  float: right;
}
@media only screen and (min-width: 768px) {
  body#conexiones .operators_user--suggestions .suggestion {
    width: 50%;
  }
}
body#conexiones .operators_user--suggestions .suggestion:hover {
  background-color: rgb(130, 188, 0);
  color: white;
}
body#conexiones .operators_range {
  width: 100%;
}
body#conexiones .operators_range span {
  display: block;
  font-weight: 600;
  color: rgb(125, 125, 125);
  padding-left: 10px;
}
body#conexiones .operators_range--line {
  display: flex;
  width: 100%;
  align-items: stretch;
}
body#conexiones .operators_range--line label {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(125, 125, 125);
  color: white;
  font-weight: 600;
  margin-bottom: 0px;
  flex-grow: 1;
}
@media only screen and (min-width: 768px) {
  body#conexiones .operators_range--line label {
    padding: 0px 20px;
  }
}
body#conexiones .operators_range--line input {
  width: 25%;
  border: 0.5px solid rgb(170, 170, 170);
  border-radius: 5px;
  flex-grow: 1;
}
body#conexiones .operators_range--line button {
  display: block;
  background-color: rgb(130, 188, 0);
  color: white;
  border: none;
  font-weight: 600;
  flex-grow: 1;
}
body#conexiones .datatableDiv {
  display: block;
  width: 90%;
  margin: 0 auto;
  box-shadow: 5px 5px 7px #777;
  border: 0.5px solid #ccc;
  border-radius: 5px;
}
@media only screen and (min-width: 768px) {
  body#conexiones .datatableDiv {
    width: 50%;
  }
}
body#conexiones .datatableDiv.exporting {
  margin-top: 60px;
}
body#conexiones .datatableDiv_title {
  display: block;
  background-color: rgb(125, 125, 125);
  color: white;
  font-weight: 600;
  text-align: center;
}
body#conexiones .datatableDiv_table .nothingToShow {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
}
body#conexiones .datatableDiv_table .nothingToShow i {
  color: rgb(170, 170, 170);
  font-size: 6em;
}
body#conexiones .datatableDiv_table .nothingToShow span {
  color: rgb(170, 170, 170);
  font-weight: 600;
  font-size: 1em;
}
body#conexiones .datatableDiv_table .datatable_box {
  border: 0.5px solid #ccc;
  border-radius: 5px;
  width: fit-content;
  height: fit-content;
  overflow: hidden;
  margin: 20px auto;
  padding: 0px;
}
body#conexiones .datatableDiv_table .datatable_box table thead tr th {
  background-color: rgb(130, 188, 0);
  color: white;
  text-align: center;
  border-right: 1px solid white;
  padding: 5px;
}
body#conexiones .datatableDiv_table .datatable_box table tbody tr td {
  background-color: white;
  border-bottom: 0.5px solid #ccc;
  border-right: 0.5px solid #ccc;
  text-align: center;
  padding: 5px;
}
body#conexiones .exportbutton {
  display: flex;
}
body#conexiones .exportbutton button {
  position: fixed;
  bottom: 7%;
  right: 7%;
  display: block;
  width: 60px;
  height: 60px;
  background-color: #ff9400;
  border: 3px solid white;
  color: white;
  border-radius: 45px;
}

#dashboard2-1 .content_title {
  display: block;
  width: 90%;
  margin: 30px auto;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  background-color: white;
  font-size: 1.3em;
  font-weight: 600;
  color: rgb(125, 125, 125);
  padding: 12.5px 0;
  text-align: center;
  border-radius: 5px;
}
@media only screen and (min-width: 576px) {
  #dashboard2-1 .content_title {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) {
  #dashboard2-1 .content_title {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  #dashboard2-1 .content_title {
    width: 45%;
  }
}
#dashboard2-1 .content_controls {
  display: flex;
  width: 90%;
  flex-direction: column;
  margin: 10px auto;
}
@media only screen and (min-width: 576px) {
  #dashboard2-1 .content_controls {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) {
  #dashboard2-1 .content_controls {
    width: 55%;
  }
}
@media only screen and (min-width: 992px) {
  #dashboard2-1 .content_controls {
    width: 40%;
  }
}
#dashboard2-1 .content_controls--selects {
  display: grid;
  grid-template-columns: 50% 50%;
}
#dashboard2-1 .content_controls--buttons {
  display: flex;
  margin: 10px 0;
}
#dashboard2-1 .content_controls--buttons button {
  flex-grow: 1;
  border: none;
  border-right: 2px solid #ccc;
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
  padding: 7px 0;
  margin-top: 20px;
}
#dashboard2-1 .content_controls--buttons button:first-of-type {
  border-radius: 5px 0 0 5px;
}
#dashboard2-1 .content_controls--buttons button:last-of-type {
  border: none;
  border-radius: 0 5px 5px 0;
}
#dashboard2-1 .content_controls--buttons button.activ {
  background-color: rgb(130, 188, 0);
  color: white;
}
#dashboard2-1 .content_controls--buttons button:focus {
  outline: none;
}
#dashboard2-1 .content_controls--submit {
  margin-top: 20px;
}
#dashboard2-1 .content_controls--submit button {
  display: block;
  width: 100%;
  padding: 12px 0;
  background-color: rgb(130, 188, 0);
  color: white;
  border: none;
  border-radius: 5px;
  font-weight: 600;
  font-size: 1.2em;
}
#dashboard2-1 .content_controls--submit button:focus {
  outline: none;
}
#dashboard2-1 .content_data {
  display: grid;
  width: fit-content;
  border-bottom: 0.5px solid rgb(130, 188, 0);
  border-radius: 5px;
  margin: 20px auto;
  grid-gap: 10px;
  font-size: 1.3em;
  font-weight: 600;
  color: rgb(77, 77, 77);
  padding: 10px;
  text-align: center;
}
#dashboard2-1 .content .contentLayout {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#dashboard2-1 .content .contentLayout .chartBox {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #dashboard2-1 .content .contentLayout .chartBox {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  #dashboard2-1 .content .contentLayout .chartBox {
    width: 33.3%;
  }
}
#dashboard2-1 .content .contentLayout .chartBox .content_chart {
  width: 90%;
  margin: 20px auto;
}
#dashboard2-1 .content .contentLayout .tabContainer {
  width: 90%;
  margin: 20px auto;
}
@media only screen and (min-width: 768px) {
  #dashboard2-1 .content .contentLayout .tabContainer {
    width: 80%;
  }
}
@media only screen and (min-width: 992px) {
  #dashboard2-1 .content .contentLayout .tabContainer {
    width: 70%;
  }
}
#dashboard2-1 .content .contentLayout .tabContainer_title {
  display: block;
  text-align: center;
  font-weight: 600;
  color: rgb(77, 77, 77);
  padding: 5px;
}
#dashboard2-1 .content .contentLayout .reportContainer {
  width: 90%;
  margin: 20px auto;
}
@media only screen and (min-width: 768px) {
  #dashboard2-1 .content .contentLayout .reportContainer {
    width: 80%;
  }
}
@media only screen and (min-width: 992px) {
  #dashboard2-1 .content .contentLayout .reportContainer {
    width: 70%;
  }
}
#dashboard2-1 .content .contentLayout .reportContainer--title {
  border-radius: 3px;
  border-bottom-left-radius: 0;
  background-color: rgb(130, 188, 0);
  padding: 2px 5px;
  font-weight: 600;
  color: white;
  margin-top: 10px;
}
#dashboard2-1 .content .contentLayout .reportContainer--content {
  display: grid;
  border: 1px solid rgb(130, 188, 0);
  border-radius: 3px;
  border-top-left-radius: 0;
  padding: 5px 0;
}
@media only screen and (min-width: 768px) {
  #dashboard2-1 .content .contentLayout .reportContainer--content {
    justify-content: space-around;
    grid-template-columns: repeat(3, 33.3%);
  }
}
#dashboard2-1 .content .contentLayout .reportContainer--content div label {
  font-weight: 600;
  color: rgb(130, 188, 0);
  padding: 1px 5px;
  margin-bottom: 0px;
}
#dashboard2-1 .content_save {
  display: block;
  width: fit-content;
  margin: 20px auto;
  background-color: rgb(130, 188, 0);
  border-radius: 5px;
  color: white;
  font-weight: bold;
  border: none;
}

#resumenV2 .content_filters {
  display: grid;
  width: 90%;
  margin: 20px auto;
  grid-template-columns: repeat(4, 25%);
  grid-gap: 2px;
  background-color: #b3b3b3;
  border-radius: 5px;
  overflow: hidden;
}
#resumenV2 .content_filters button {
  background-color: #ccc;
  color: rgb(77, 77, 77);
  border: none;
}
#resumenV2 .content_filters button.activated {
  background-color: #e6e6e6;
  color: rgb(125, 125, 125);
}
@media only screen and (min-width: 768px) {
  #resumenV2 .content_filters {
    display: none;
  }
}
#resumenV2 .content_table {
  width: 90%;
  margin: 20px auto;
  background-color: white;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  border-radius: 5px;
  overflow: auto;
}
#resumenV2 .content_table table {
  width: 100%;
}
#resumenV2 .content_table table thead tr th {
  display: none;
  background-color: rgb(130, 188, 0);
  color: white;
  text-align: center;
  border-right: 0.5px solid #ccc;
}
#resumenV2 .content_table table thead tr th.activated {
  display: table-cell;
}
@media only screen and (min-width: 768px) {
  #resumenV2 .content_table table thead tr th {
    display: table-cell;
  }
}
#resumenV2 .content_table table tbody tr {
  background-color: #e6e6e6;
}
#resumenV2 .content_table table tbody tr:nth-of-type(even) {
  background-color: #f2f2f2;
}
#resumenV2 .content_table table tbody tr td {
  display: none;
  border-right: 0.5px solid #ccc;
  padding: 0 5px;
}
#resumenV2 .content_table table tbody tr td:last-of-type {
  border: none;
}
#resumenV2 .content_table table tbody tr td.activated {
  display: table-cell;
}
@media only screen and (min-width: 768px) {
  #resumenV2 .content_table table tbody tr td {
    display: table-cell;
  }
}
#resumenV2 .content_dashboard {
  width: 90%;
  margin: 0px auto;
  margin-bottom: 20px;
  background-color: white;
  border-radius: 5px;
  border: 0.5px solid #ccc;
}
#resumenV2 .content_dashboard--operators {
  display: flex;
  justify-content: center;
  align-items: stretch;
  border: 0.5px solid #ccc;
  margin-bottom: 40px;
}
#resumenV2 .content_dashboard--operators .buttons-inputs {
  width: 90%;
}
#resumenV2 .content_dashboard--operators .buttons-inputs .time-buttons {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
#resumenV2 .content_dashboard--operators .buttons-inputs .time-buttons button {
  width: 33.3%;
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
  border: none;
  border-right: 1px solid rgb(125, 125, 125);
}
#resumenV2 .content_dashboard--operators .buttons-inputs .time-buttons button.activ {
  background-color: rgb(130, 188, 0);
  color: white;
}
#resumenV2 .content_dashboard--operators .buttons-inputs .time-buttons button:first-of-type {
  border-radius: 5px 0px 0px 5px;
}
#resumenV2 .content_dashboard--operators .buttons-inputs .time-buttons button:last-of-type {
  border: none;
  border-radius: 0px 5px 5px 0px;
}
#resumenV2 .content_dashboard--operators .buttons-inputs .time-inputs {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
#resumenV2 .content_dashboard--operators .buttons-inputs .time-inputs label {
  padding: 0px 20px;
}
#resumenV2 .content_dashboard--operators .buttons-inputs .time-inputs input {
  flex-grow: 1;
  overflow: auto;
}
#resumenV2 .content_dashboard--operators .send-button {
  width: 10%;
  border-radius: 5px;
  background-color: rgb(130, 188, 0);
  color: white;
  border: none;
}
#resumenV2 .content_dashboard--content {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-items: center;
  gap: 6%;
}
#resumenV2 .content_dashboard--content .reportContainer {
  width: 90%;
  margin: 20px auto;
}
@media only screen and (min-width: 768px) {
  #resumenV2 .content_dashboard--content .reportContainer {
    width: 80%;
  }
}
@media only screen and (min-width: 992px) {
  #resumenV2 .content_dashboard--content .reportContainer {
    width: 70%;
  }
}
#resumenV2 .content_dashboard--content .reportContainer--title {
  border-radius: 3px;
  border-bottom-left-radius: 0;
  background-color: rgb(130, 188, 0);
  padding: 2px 5px;
  font-weight: 600;
  color: white;
  margin-top: 10px;
}
#resumenV2 .content_dashboard--content .reportContainer--content {
  display: grid;
  border: 1px solid rgb(130, 188, 0);
  border-radius: 3px;
  border-top-left-radius: 0;
  padding: 5px 0;
}
@media only screen and (min-width: 768px) {
  #resumenV2 .content_dashboard--content .reportContainer--content {
    justify-content: space-around;
    grid-template-columns: repeat(3, 33.3%);
  }
}
#resumenV2 .content_dashboard--content .reportContainer--content div label {
  font-weight: 600;
  color: rgb(130, 188, 0);
  padding: 1px 5px;
  margin-bottom: 0px;
}
#resumenV2 .content_dashboard--content .mapContainer {
  width: 100%;
  margin: 0px auto;
}
#resumenV2 .content_dashboard--content .mapContainer_map {
  height: 20rem;
}
#resumenV2 .content_dashboard--content .mapContainer.twoSpaces {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #resumenV2 .content_dashboard--content .mapContainer.twoSpaces {
    width: 47%;
  }
}
#resumenV2 .content_dashboard--content .mapContainer.fourSpaces {
  width: 100%;
}
#resumenV2 .content_dashboard--content .tabContainer {
  width: 100%;
  margin: 20px auto;
  /*@include progrid-md {
    width: 80%;
  }
  @include progrid-lg {
    width: 70%;
  }*/
}
#resumenV2 .content_dashboard--content .tabContainer.twoSpaces {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #resumenV2 .content_dashboard--content .tabContainer.twoSpaces {
    width: 47%;
  }
}
#resumenV2 .content_dashboard--content .tabContainer.fourSpaces {
  width: 100%;
}
#resumenV2 .content_dashboard--content .tabContainer_title {
  display: block;
  text-align: center;
  font-weight: 600;
  color: rgb(77, 77, 77);
  padding: 5px;
}
#resumenV2 .content_dashboard--content .chartBox {
  width: 100%;
}
#resumenV2 .content_dashboard--content .chartBox .content_chart {
  width: 90%;
  margin: 20px auto;
}
#resumenV2 .content_dashboard--content .chartBox.twoSpaces {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #resumenV2 .content_dashboard--content .chartBox.twoSpaces {
    width: 47%;
  }
}
#resumenV2 .content_dashboard--content .chartBox.fourSpaces {
  width: 100%;
}
#resumenV2 .content_dashboardButtons {
  display: flex;
  width: 90%;
  justify-content: center;
  align-items: center;
  margin: 0px auto;
  margin-top: 60px;
  flex-wrap: wrap;
}
#resumenV2 .content_dashboardButtons .forDropdown {
  flex-grow: 1;
}
#resumenV2 .content_dashboardButtons .forDropdown button {
  width: 100%;
}
#resumenV2 .content_dashboardButtons .dashboardButtons {
  flex-grow: 1;
  border: 0.5px solid #ccc;
  background-color: #e6e6e6;
  color: black;
}
#resumenV2 .content_dashboardButtons .dashboardButtons.active {
  background-color: #a6a6a6;
  color: white;
}
#resumenV2 .content_dashboardButtons .dashboardButtons:hover {
  background-color: #b3b3b3;
  color: white;
}
#resumenV2 .content_dashboardButtons .dashboardButtons:has(> .icon) {
  padding: 0px;
}
#resumenV2 .content_dashboardButtons .dashboardButtons:has(> .icon) span {
  display: none;
}
@media only screen and (min-width: 768px) {
  #resumenV2 .content_dashboardButtons .dashboardButtons {
    padding: 7px 30px;
  }
  #resumenV2 .content_dashboardButtons .dashboardButtons span {
    display: inline !important;
    margin-left: 0.5rem;
  }
}
#resumenV2 .content_dashboardButtons .dashboardDropdownButtons {
  background-color: #ccc;
  color: rgb(77, 77, 77);
}
#resumenV2 .content_dashboardButtons .dashboardDropdownButtons.active, #resumenV2 .content_dashboardButtons .dashboardDropdownButtons:hover {
  background-color: #b3b3b3;
  color: white;
}
#resumenV2 .content_dashboardButtons .dashboardDropdownButtons:has(> .icon) {
  padding: 0px;
}
#resumenV2 .content_dashboardButtons .dashboardDropdownButtons:has(> .icon) span {
  display: none;
}
@media only screen and (min-width: 768px) {
  #resumenV2 .content_dashboardButtons .dashboardDropdownButtons {
    padding: 7px 30px;
  }
  #resumenV2 .content_dashboardButtons .dashboardDropdownButtons span {
    display: inline !important;
    margin-left: 0.5rem;
  }
}

#content_widget--container-element {
  width: 90%;
  height: fit-content;
  border-radius: 5px;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 40px;
  overflow: auto;
}
#content_widget--container-element table,
#content_widget--container-element th,
#content_widget--container-element td {
  border-collapse: collapse;
  text-align: center;
  padding: 10px 20px;
}
#content_widget--container-element table {
  width: fit-content;
  margin: 0 auto;
  background-color: white;
}
#content_widget--container-element table thead tr {
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: 600;
}
#content_widget--container-element table thead tr td {
  border: 1px solid #ccc;
  color: #5d5d5d;
}
#content_widget--container-element table tbody tr:nth-child(odd) {
  background-color: #e8e8e8;
}

#content_widget--container-panel {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
#content_widget--container-panel #buttons {
  display: flex;
  width: fit-content;
}
#content_widget--container-panel #buttons button {
  border: none;
  color: #fff;
  background-color: rgb(130, 188, 0);
  padding: 5px 5px;
  font-size: 1.3em;
}
#content_widget--container-panel #buttons button:hover {
  background-color: rgb(130, 200, 0);
}
#content_widget--container-panel #buttons button.left {
  border-radius: 5px 0px 0px 5px;
}
#content_widget--container-panel #buttons button.right {
  border-radius: 0px 5px 5px 0px;
  border-right: 1px solid white;
}
#content_widget--container-panel #buttons span {
  background-color: #ccc;
  padding: 5px 15px;
  line-height: 30px;
}
#content_widget--container-panel #buttonsIrrigation {
  display: flex;
  width: fit-content;
}
#content_widget--container-panel #buttonsIrrigation button {
  border: none;
  color: #fff;
  background-color: rgb(130, 188, 0);
  padding: 5px 5px;
  font-size: 1.3em;
}
#content_widget--container-panel #buttonsIrrigation button:hover {
  background-color: rgb(130, 200, 0);
}
#content_widget--container-panel #buttonsIrrigation button.left {
  border-radius: 5px 0px 0px 5px;
}
#content_widget--container-panel #buttonsIrrigation button.right {
  border-radius: 0px 5px 5px 0px;
}
#content_widget--container-panel #buttonsIrrigation button.all {
  border-radius: 5px;
  margin-left: 0px;
  border-left: 1px solid white;
}
#content_widget--container-panel #buttonsIrrigation span#irrigationMarker,
#content_widget--container-panel #buttonsIrrigation span {
  background-color: #ccc;
  padding: 5px 15px;
  line-height: 30px;
  border-right: 1px solid gray;
}

body#conexiones2 .operators {
  display: block;
  width: 90%;
  margin: 20px auto;
  background-color: white;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  box-shadow: 5px 5px 7px #777;
}
@media only screen and (min-width: 768px) {
  body#conexiones2 .operators {
    width: 50%;
  }
}
body#conexiones2 .operators_user {
  position: relative;
}
body#conexiones2 .operators_user--finder {
  display: flex;
}
body#conexiones2 .operators_user--finder label {
  font-weight: 600;
  color: rgb(125, 125, 125);
  padding-left: 10px;
}
body#conexiones2 .operators_user--finder #clearButton {
  border: none;
  background-color: transparent;
  color: rgb(170, 170, 170);
}
body#conexiones2 .operators_user--finder #finder {
  border: 0.5px solid rgb(170, 170, 170);
  border-radius: 5px;
  width: 90%;
}
body#conexiones2 .operators_user--finder #finder.active {
  background-color: #dbff89;
}
body#conexiones2 .operators_user--finder #findButton {
  border: none;
  border-radius: 5px;
  color: white;
  background-color: rgb(130, 188, 0);
}
body#conexiones2 .operators_user--suggestions {
  position: absolute;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body#conexiones2 .operators_user--suggestions .suggestion {
  display: block;
  width: 90%;
  border: 0.5px solid #ccc;
  background-color: white;
  border-radius: 5px;
  color: rgb(77, 77, 77);
  padding: 5px;
  float: right;
}
@media only screen and (min-width: 768px) {
  body#conexiones2 .operators_user--suggestions .suggestion {
    width: 50%;
  }
}
body#conexiones2 .operators_user--suggestions .suggestion:hover {
  background-color: rgb(130, 188, 0);
  color: white;
}
body#conexiones2 .operators_range {
  width: 100%;
  text-align: center;
}
body#conexiones2 .operators_range span {
  font-weight: 600;
  color: rgb(125, 125, 125);
}
body#conexiones2 .operators_range--line {
  display: flex;
  width: 100%;
  align-items: stretch;
}
body#conexiones2 .operators_range--line label {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(125, 125, 125);
  color: white;
  font-weight: 600;
  margin-bottom: 0px;
  flex-grow: 1;
}
@media only screen and (min-width: 768px) {
  body#conexiones2 .operators_range--line label {
    padding: 0px 20px;
  }
}
body#conexiones2 .operators_range--line input {
  width: 25%;
  border: 0.5px solid rgb(170, 170, 170);
  border-radius: 5px;
  flex-grow: 1;
}
body#conexiones2 .operators_range--line button {
  display: block;
  background-color: rgb(130, 188, 0);
  color: white;
  border: none;
  font-weight: 600;
  flex-grow: 1;
}
body#conexiones2 .datatableDiv {
  display: block;
  width: 90%;
  margin: 0 auto;
  background-color: white;
  box-shadow: 5px 5px 7px #777;
  border: 0.5px solid #ccc;
  border-radius: 5px;
}
@media only screen and (min-width: 768px) {
  body#conexiones2 .datatableDiv {
    width: 50%;
  }
}
body#conexiones2 .datatableDiv.exporting {
  margin-top: 60px;
  width: 90%;
}
body#conexiones2 .datatableDiv.exporting #tableBox table tbody tr {
  display: table-row !important;
}
body#conexiones2 .datatableDiv_title {
  display: block;
  background-color: rgb(125, 125, 125);
  color: white;
  font-weight: 600;
  text-align: center;
}
body#conexiones2 .datatableDiv_table .nothingToShow {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
}
body#conexiones2 .datatableDiv_table .nothingToShow i {
  color: rgb(170, 170, 170);
  font-size: 6em;
}
body#conexiones2 .datatableDiv_table .nothingToShow span {
  color: rgb(170, 170, 170);
  font-weight: 600;
  font-size: 1em;
}
body#conexiones2 .datatableDiv_table .datatable_box {
  border: 0.5px solid #ccc;
  border-radius: 5px;
  width: fit-content;
  height: fit-content;
  overflow: hidden;
  margin: 20px auto;
  padding: 0px;
}
body#conexiones2 .datatableDiv_table .datatable_box table thead tr th {
  background-color: rgb(130, 188, 0);
  color: white;
  text-align: center;
  border-right: 1px solid white;
  padding: 5px;
}
body#conexiones2 .datatableDiv_table .datatable_box table tbody tr td {
  background-color: white;
  border-bottom: 0.5px solid #ccc;
  border-right: 0.5px solid #ccc;
  text-align: center;
  padding: 5px;
}
body#conexiones2 .exportbutton {
  display: flex;
}
body#conexiones2 .exportbutton button {
  position: fixed;
  bottom: 7%;
  right: 7%;
  display: block;
  width: 60px;
  height: 60px;
  background-color: #ff9400;
  border: 3px solid white;
  color: white;
  border-radius: 45px;
}

#resbandejariegos .content {
  width: 90%;
  margin: 0px auto;
}
@media only screen and (min-width: 768px) {
  #resbandejariegos .content {
    width: 50%;
  }
}
#resbandejariegos .content_title {
  margin-top: 20px;
  text-align: center;
  padding: 20px 0px;
  border-radius: 5px;
  border: 0.5px solid #ccc;
  background-color: white;
  box-shadow: 5px 5px 7px #777;
  font-weight: 600;
  color: rgb(125, 125, 125);
  font-size: 1.1em;
}
#resbandejariegos .content_table {
  overflow-x: scroll;
}
#resbandejariegos .content_table table tr.irrigationTr {
  background-color: #1c8eff;
}
#resbandejariegos .content_table table tr.irrigationTr:hover {
  background-color: #369aff;
}
#resbandejariegos .content_table table tr.irrigationTr td .date {
  white-space: nowrap;
}

body#operaciones .commentsTableContainer #table2 {
  width: 90vw;
  max-height: 60vh;
}
@media only screen and (min-width: 768px) {
  body#operaciones .commentsTableContainer #table2 {
    width: 100%;
    max-height: auto;
  }
}
body#operaciones .content {
  display: block;
  width: 90%;
  margin: 0 auto;
}
@media only screen and (min-width: 576px) {
  body#operaciones .content {
    width: 75%;
  }
}
@media only screen and (min-width: 768px) {
  body#operaciones .content {
    width: 60%;
  }
}
@media only screen and (min-width: 992px) {
  body#operaciones .content {
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  body#operaciones .content {
    width: 40%;
  }
}
body#operaciones .content_title {
  display: block;
  width: 100%;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  border-radius: 5px;
  margin: 30px 0;
  text-align: center;
  padding: 10px 0;
  background-color: white;
}
body#operaciones .content_title--text {
  font-size: 1.3em;
  font-weight: 500;
  color: rgb(125, 125, 125);
  font-style: italic;
}
body#operaciones .content_register {
  display: grid;
  grid-template-columns: 50% 50%;
  row-gap: 10px;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  border-radius: 5px;
  padding: 10px;
  background-color: white;
  text-align: center;
}
body#operaciones .content_register label {
  grid-column: 1/span 2;
  color: rgb(77, 77, 77);
  font-size: 1.1em;
}
body#operaciones .content_register select {
  display: block;
  width: 80%;
  margin: 0 auto;
}
body#operaciones .content_register textarea {
  display: block;
  width: 80%;
  margin: 0 auto;
}
body#operaciones .content_register #date {
  display: flex;
  width: 80%;
  justify-content: center;
  align-items: center;
  margin: 0px auto;
}
body#operaciones .content_register #date input {
  width: 80%;
}
body#operaciones .content_register #date button.todayButton {
  width: 20%;
  height: 30px;
}
body#operaciones .content_register button {
  grid-column: 1/span 2;
  display: block;
  width: 50%;
  margin: 0 auto;
  border: none;
  padding: 5px 0;
  color: white;
  font-weight: 500;
  background-color: rgb(130, 188, 0);
  border-radius: 5px;
}
body#operaciones .content_register button.todayButton {
  width: 30px;
  grid-column: 2;
  color: white;
  background-color: #ff9400;
}
body#operaciones .content_register--comments {
  grid-column: 1/span 2;
  display: grid;
  grid-template-columns: repeat(2, 50%);
}
body#operaciones .content_register--label {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-template-columns: 1;
  color: rgb(77, 77, 77);
}
body#operaciones .content_register--images {
  display: flex;
  width: 80%;
  grid-column: 2;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  margin: 0 auto;
  background-color: white;
  justify-content: space-evenly;
  align-items: center;
  padding: 5px 0px;
}
body#operaciones .content_register--images label {
  padding: 0px;
  margin: 0px;
}
body#operaciones .content_register--images label input {
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
body#operaciones .content_register--images label i {
  padding: 0px;
  margin: 0px;
  font-size: 1.4em;
  color: rgb(125, 125, 125);
}
body#operaciones .content_viewer {
  display: block;
  width: 100%;
  margin: 30px 0;
}
body#operaciones .content_viewer img.tableImg {
  width: 20px;
  height: auto;
  margin: 2px 3px;
}
body#operaciones .content_viewer button.comments {
  border: 0.5px solid #ccc;
  background-color: white;
  color: rgb(125, 125, 125);
  border-radius: 5px;
  margin: 3px;
}
body#operaciones .content_viewer button.comments:hover {
  background-color: rgb(170, 170, 170);
  color: white;
}

#editCoordinates .content {
  display: block;
  width: 100%;
  height: 100%;
}
#editCoordinates .content #map {
  height: 80vh;
}
#editCoordinates .content .save {
  display: flex;
  justify-content: center;
}
#editCoordinates .content .save button {
  border: 2px solid white;
  border-radius: 5px;
  margin: 10px auto;
  background-color: rgb(130, 188, 0);
  color: white;
  padding: 10px 20px;
}
#editCoordinates .content .save button:hover {
  background-color: rgb(207, 219, 0);
  color: rgb(125, 125, 125);
}

#politicaprivacidad .content {
  display: block;
  height: fit-content;
}
#politicaprivacidad .content_box {
  display: block;
  width: 90%;
  margin: 40px auto;
  background-color: white;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  border-radius: 10px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  #politicaprivacidad .content_box {
    width: 50%;
  }
}
#politicaprivacidad .content_box--title {
  display: block;
  width: 100%;
  padding: 10px 0px;
  text-align: center;
  background-color: #ccc;
  color: rgb(77, 77, 77);
  font-size: 1.3em;
  font-weight: 600;
}
#politicaprivacidad .content_box--text {
  display: block;
  padding: 20px;
  text-align: justify;
  font-size: 1em;
  color: rgb(77, 77, 77);
}
#politicaprivacidad .content_box--button {
  display: block;
  margin: 0px auto;
  margin-bottom: 20px;
  border: none;
  border-radius: 5px;
  background-color: #ff9400;
  color: white;
  padding: 10px 20px;
}

body#camerasV2 .content {
  display: flex;
  justify-content: center;
  align-items: start;
  width: 90%;
  margin: 40px auto;
  gap: 20px;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  body#camerasV2 .content {
    flex-direction: row;
  }
}
body#camerasV2 .content_video {
  width: 100%;
  height: fit-content;
  background-color: white;
  border: 0.5px solid #ccc;
  border-radius: 5px;
}
@media only screen and (min-width: 768px) {
  body#camerasV2 .content_video {
    width: 70%;
  }
}
body#camerasV2 .content_video video {
  width: 100%;
  height: auto;
}
body#camerasV2 .content_video .title {
  display: block;
  width: 100%;
  font-size: 2em;
  color: rgb(77, 77, 77);
  padding-left: 30px;
}
body#camerasV2 .content_video .description {
  padding: 0px 30px;
  padding-bottom: 30px;
}
body#camerasV2 .content_cameraList {
  width: 100%;
  height: fit-content;
  border-radius: 5px;
  overflow-y: auto;
  background-color: white;
}
@media only screen and (min-width: 768px) {
  body#camerasV2 .content_cameraList {
    width: 30%;
    height: 80vh;
  }
}
body#camerasV2 .content_cameraList--item {
  display: flex;
  width: 100%;
  height: fit-content;
  flex-direction: column;
  border: 3px solid #ccc;
  padding: 20px 0px;
}
body#camerasV2 .content_cameraList--item i {
  font-size: 3.5em;
  color: rgb(125, 125, 125);
  padding: 10px 0px;
  text-align: center;
}
body#camerasV2 .content_cameraList--item span {
  font-weight: 600;
  text-align: center;
  padding: 5px 0px;
  color: rgb(77, 77, 77);
}
body#camerasV2 .content_cameraList--item.active {
  background-color: rgb(130, 188, 0);
  border: 3px solid rgb(130, 188, 0);
}
body#camerasV2 .content_cameraList--item.active img {
  filter: grayscale(65%);
}

#addEditCamera .content_card {
  display: block;
  width: 90%;
  margin: 40px auto;
  border: 0.5px solid #ccc;
  background-color: white;
  border-radius: 5px;
}
@media only screen and (min-width: 768px) {
  #addEditCamera .content_card {
    width: 50%;
  }
}
#addEditCamera .content_card--header {
  display: block;
  width: 100%;
  padding: 10px 0px;
  text-align: center;
  background-color: rgb(170, 170, 170);
  color: white;
  font-size: 1.3em;
  font-weight: 600;
}
#addEditCamera .content_card--body {
  padding: 20px;
}
#addEditCamera .content_card--body .group {
  margin-bottom: 1rem;
}
#addEditCamera .content_card--body .group label {
  color: rgb(77, 77, 77);
  margin-bottom: 5px;
}
#addEditCamera .content_card--body .group input {
  width: 100%;
  padding: 10px;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  background-color: white;
  color: rgb(77, 77, 77);
}
#addEditCamera .content_card--body .group input:focus {
  outline: none;
  border: 2px solid rgb(130, 188, 0);
}
#addEditCamera .content_card--body .group textarea {
  width: 100%;
  padding: 10px;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  background-color: white;
  color: rgb(77, 77, 77);
}
#addEditCamera .content_card--body .group-check {
  display: flex;
  align-items: center;
  margin: 10px 0px;
  gap: 10px;
  color: rgb(77, 77, 77);
}
#addEditCamera .content_card--body .group-check label {
  margin: 0px;
}
#addEditCamera .content_card--body .button-save {
  display: block;
  width: 100%;
  margin-top: 20px;
  border: none;
  border-radius: 5px;
  background-color: rgb(130, 188, 0);
  color: white;
  font-weight: 600;
  font-size: 1.2rem;
  padding: 10px 0px;
}
#addEditCamera .content_card--body .button-save:hover {
  background-color: rgb(207, 219, 0);
  color: rgb(125, 125, 125);
  cursor: pointer;
}

#listCameras .content_title {
  display: flex;
  width: 90%;
  border: 0.5px solid #ccc;
  background-color: white;
  box-shadow: 5px 5px 7px #777;
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-size: 1.3em;
  color: rgb(125, 125, 125);
  margin: 0px auto;
  margin-top: 40px;
}
@media only screen and (min-width: 768px) {
  #listCameras .content_title {
    width: 50%;
  }
}
#listCameras .content_finder {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 90%;
  margin: 20px auto;
}
@media only screen and (min-width: 768px) {
  #listCameras .content_finder {
    width: 30%;
  }
}
#listCameras .content_finder i {
  color: rgb(130, 188, 0);
}
#listCameras .content_finder input {
  width: 100%;
  padding: 10px;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  background-color: white;
  color: rgb(77, 77, 77);
}
#listCameras .content_finder input:focus {
  outline: none;
  border: 2px solid rgb(130, 188, 0);
}
#listCameras .content_filters {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
#listCameras .content_filters .title {
  text-align: center;
  color: rgb(125, 125, 125);
  font-weight: 600;
}
#listCameras .content_filters--container {
  display: flex;
  justify-content: center;
  align-items: center;
}
#listCameras .content_filters--container button {
  border: none;
  border-right: 1px solid rgb(170, 170, 170);
}
#listCameras .content_filters--container button:first-child {
  border-radius: 5px 0px 0px 5px;
}
#listCameras .content_filters--container button:last-child {
  border-radius: 0px 5px 5px 0px;
  border: none;
}
#listCameras .content_filters--container button.active {
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
}
#listCameras .content_table {
  width: 90%;
  margin: 0px auto;
  margin-top: 20px;
  overflow-x: scroll;
}
@media only screen and (min-width: 768px) {
  #listCameras .content_table {
    width: 50%;
  }
}
#listCameras .content_table table button.editButton {
  display: flex;
  border: none;
  border-radius: 5px;
  color: #ff9400;
}
#listCameras #botCostado.botCostado {
  width: 60px;
  height: auto;
  position: fixed;
  right: 7%;
  bottom: 7%;
  z-index: 500;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#listCameras #botCostado.botCostado a.plusN,
#listCameras #botCostado.botCostado a.others {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease-in 0.2s;
  background: #ff9400;
  color: white;
  margin: 0 auto;
  width: 60px;
  height: 60px;
  border-radius: 45px;
  padding: 11px 10px;
  line-height: 0px;
  box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.3);
  border: 3px solid white;
  z-index: 1000;
}
#listCameras #botCostado.botCostado a.plusN:hover,
#listCameras #botCostado.botCostado a.others:hover {
  width: 61px;
  height: 61px;
  background: #ffa933;
  color: white;
}
#listCameras #botCostado.botCostado a.others {
  background-color: #ccc;
  color: rgb(77, 77, 77);
  border: 1px solid rgb(170, 170, 170);
}
#listCameras #botCostado.botCostado a.others:hover {
  background-color: rgb(77, 77, 77);
  color: white;
  border-color: rgb(77, 77, 77);
}

#detaildevV3 .propietaryCard_card {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90%;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  background-color: white;
  margin: 20px auto;
  margin-bottom: 0px;
  box-shadow: 5px 5px 7px 1px rgb(77, 77, 77);
  padding: 20px;
  gap: 10px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1400px) {
  #detaildevV3 .propietaryCard_card {
    width: 70%;
  }
}
#detaildevV3 .propietaryCard_card .group {
  width: 45%;
  text-align: center;
  font-size: 1.2em;
}
#detaildevV3 .propietaryCard_card .group .val {
  display: block;
}
@media only screen and (min-width: 768px) {
  #detaildevV3 .propietaryCard_card .group {
    width: 30%;
    text-align: left;
  }
  #detaildevV3 .propietaryCard_card .group .val {
    display: inline;
  }
}
#detaildevV3 .propietaryCard_card .group.propietary, #detaildevV3 .propietaryCard_card .group.time {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #detaildevV3 .propietaryCard_card .group.propietary, #detaildevV3 .propietaryCard_card .group.time {
    width: 30%;
  }
}
#detaildevV3 .propietaryCard_buttons {
  display: flex;
  width: 90%;
  margin: 0px auto;
  background-color: #ececec;
  border-radius: 5px;
  gap: 5px;
  padding: 10px;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px 1px rgb(77, 77, 77);
  flex-wrap: wrap;
}
@media only screen and (min-width: 1400px) {
  #detaildevV3 .propietaryCard_buttons {
    width: 70%;
  }
}
#detaildevV3 .propietaryCard_buttons .button-action {
  flex-grow: 1;
  border-radius: 5px;
  background-color: #d1d1d1;
  color: rgb(77, 77, 77);
  border: none;
  height: 45px;
}
#detaildevV3 .propietaryCard_buttons .button-action:hover {
  background-color: #b7b7b7;
}
#detaildevV3 .propietaryCard_buttons .button-action.active {
  background-color: #ffa933;
}
#detaildevV3 .propietaryCard #dateInputs {
  display: flex;
  width: 90%;
  margin: 0 auto;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  background-color: #ececec;
  border-radius: 5px;
  padding: 10px;
  box-shadow: 5px 5px 7px 1px rgb(77, 77, 77);
}
@media only screen and (min-width: 1400px) {
  #detaildevV3 .propietaryCard #dateInputs {
    width: 70%;
  }
}
#detaildevV3 .propietaryCard #dateInputs label {
  width: 48%;
  margin: 0px;
}
#detaildevV3 .propietaryCard #dateInputs input {
  width: 48%;
}
#detaildevV3 .detalleDispCliente_contentBox {
  display: grid;
  width: 90%;
  margin: 10px auto;
  grid-template-columns: 100%;
}
@media only screen and (min-width: 768px) {
  #detaildevV3 .detalleDispCliente_contentBox {
    grid-template-columns: repeat(2, 50%);
  }
}
@media only screen and (min-width: 992px) {
  #detaildevV3 .detalleDispCliente_contentBox {
    grid-template-columns: repeat(3, 33.3333333333%);
  }
}
#detaildevV3 .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin: 10px auto;
  background-color: white;
  box-shadow: 5px 5px 7px 1px gray;
  border-radius: 5px;
  overflow: hidden;
}
#detaildevV3 .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .title {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #eaeaea;
  text-align: center;
  color: rgb(125, 125, 125);
  font-weight: 500;
  padding: 0.35rem;
  height: 3rem;
  font-size: calc(0.95em + 0.95vw);
  position: relative;
}
#detaildevV3 .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .title i.question {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}
#detaildevV3 .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .title .titleIcon {
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
}
#detaildevV3 .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content {
  flex-grow: 1;
  position: relative;
  min-height: 200px;
  font-size: 1.2em;
  color: rgb(77, 77, 77);
}
#detaildevV3 .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content .fa-thermometer-half {
  margin-left: 5px;
}
#detaildevV3 .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content .lines {
  width: 90%;
  margin: 0 auto;
}
#detaildevV3 .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content .lines:first-child {
  margin-top: 10px;
}
#detaildevV3 .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content .lines:last-child {
  margin-bottom: 10px;
}
#detaildevV3 .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content .lines .button-action {
  width: 100%;
  border: none;
  border-radius: 5px;
  background-color: rgb(130, 188, 0);
  color: white;
  margin: 5px 0px;
  font-weight: bold;
}
#detaildevV3 .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content_buttons {
  display: flex;
  position: absolute;
  bottom: 0px;
  gap: 5px;
  width: 100%;
  margin: 10px auto;
  margin-bottom: 0px;
}
#detaildevV3 .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content_buttons--btn {
  flex-grow: 1;
  border: none;
  border-radius: 5px;
  font-size: 0.9em;
}
#detaildevV3 .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content .time {
  font-size: 0.7em;
}
#detaildevV3 .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content table.type_table {
  display: block;
  overflow-x: auto;
  width: 90%;
  margin: 20px auto;
  margin-bottom: 80px;
  text-align: center;
  border-radius: 5px;
  font-size: 0.9em;
}
@media only screen and (min-width: 768px) {
  #detaildevV3 .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content table.type_table {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 1400px) {
  #detaildevV3 .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content table.type_table {
    margin-bottom: 40px;
  }
}
#detaildevV3 .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content table.type_table thead tr th {
  border: 0.5px solid #dddddd;
  background-color: rgb(170, 170, 170);
  color: white;
  font-weight: 500;
}
#detaildevV3 .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content table.type_table tbody tr:hover {
  background-color: rgb(225, 225, 225);
}
#detaildevV3 .detalleDispCliente_contentBox .detalleDispCliente_contentBox--card .content table.type_table tbody tr td {
  border: 0.5px solid #ccc;
  padding: 0rem 0.5rem;
}
#detaildevV3 .detalleDispCliente_contentBox .display_courtain {
  display: flex;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  justify-content: center;
  align-items: center;
}
#detaildevV3 .detalleDispCliente_contentBox .display_courtain--container {
  position: relative;
  width: 90%;
}
@media only screen and (min-width: 768px) {
  #detaildevV3 .detalleDispCliente_contentBox .display_courtain--container {
    width: 60%;
  }
}
#detaildevV3 .detalleDispCliente_contentBox .display_courtain--container .closeButton {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 1.3em;
  background-color: white;
  border-radius: 100%;
  color: rgb(77, 77, 77);
  line-height: 10px;
}
#detaildevV3 .detalleDispCliente_contentBox .display_courtain--container #table {
  width: 100%;
}
#detaildevV3 .detalleDispCliente_gmtModal {
  background-color: white;
  border-radius: 5px;
  box-shadow: 5px 5px 7px #777;
  overflow: hidden;
}
#detaildevV3 .detalleDispCliente_gmtModal--title {
  background-color: #ccc;
  color: rgb(77, 77, 77);
  text-align: center;
}
#detaildevV3 .detalleDispCliente_gmtModal--content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  justify-content: center;
  align-items: stretch;
}
#detaildevV3 .detalleDispCliente_gmtModal--content button {
  display: block;
  background-color: rgb(130, 188, 0);
  color: white;
  border-radius: 5px;
  border: none;
}

@media only screen and (min-width: 768px) {
  #usersV2 #cajaBuscador #finder {
    width: 50%;
    margin: 20px auto;
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 992px) {
  #usersV2 #cajaBuscador #finder {
    width: 40%;
  }
}
#usersV2 #cajaTablaClientes {
  overflow: auto;
}
#usersV2 #cajaTablaClientes #tablac {
  width: 100%;
  border-radius: 5px;
  text-align: center;
}
#usersV2 #cajaTablaClientes #tablac.children tbody tr:first-child {
  background-color: #d9d9d9;
}
#usersV2 #cajaTablaClientes #tablac.children button.childrens {
  background-color: rgb(77, 77, 77);
  border-color: rgb(77, 77, 77);
  color: white;
  margin-right: 10px;
}
#usersV2 #cajaTablaClientes #tablac tr .dropleft .curtain {
  display: none;
}
#usersV2 #cajaTablaClientes #tablac tr .dropleft .curtain.activated {
  display: block;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.4);
}
#usersV2 #cajaTablaClientes #tablac tr .dropleft .curtain.activated .dropdown-menu {
  background-color: white;
  display: block;
  width: fit-content;
  height: fit-content;
  position: absolute;
  top: 35vh;
  bottom: 50vh;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#usersV2 #cajaTablaClientes #tablac tr button {
  font-weight: bold;
  border-radius: 5px;
}
#usersV2 #cajaTablaClientes #tablac tr button.verMas {
  background-color: white;
  color: rgb(130, 188, 0);
  border: 0.5px solid rgb(130, 188, 0);
}
#usersV2 #cajaTablaClientes #tablac tr button.verMas:hover {
  background-color: rgb(130, 188, 0);
  color: white;
}
#usersV2 #cajaTablaClientes #tablac tr button.correo {
  background-color: white;
  color: #0074E8;
  border: 0.5px solid #0074E8;
}
#usersV2 #cajaTablaClientes #tablac tr button.correo:hover {
  background-color: #0074E8;
  color: white;
}
#usersV2 #cajaTablaClientes #tablac tr button.editar {
  background-color: white;
  color: rgb(255, 200, 67);
  border: 0.5px solid rgb(255, 200, 67);
}
#usersV2 #cajaTablaClientes #tablac tr button.editar:hover {
  background-color: rgb(255, 200, 67);
  color: rgb(77, 77, 77);
}
#usersV2 #cajaTablaClientes #tablac tr button.borrar {
  background-color: white;
  color: #dc3545;
  border: 0.5px solid #dc3545;
}
#usersV2 #cajaTablaClientes #tablac tr button.borrar:hover {
  background-color: #dc3545;
  color: white;
}
#usersV2 #cajaTablaClientes #tablac tr button.childrens {
  background-color: white;
  color: rgb(170, 170, 170);
  border: 0.5px solid rgb(170, 170, 170);
}
#usersV2 #cajaTablaClientes #tablac tr:hover {
  background: #f7f7f7;
}
#usersV2 #botCostado.botCostado {
  width: 40px;
  height: auto;
  position: fixed;
  right: 7%;
  bottom: 7%;
  z-index: 500;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#usersV2 #botCostado.botCostado a.plusN,
#usersV2 #botCostado.botCostado a.others {
  text-align: center;
  transition: all ease-in 0.2s;
  background: rgb(130, 188, 0);
  color: white;
  margin: 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 45px;
  padding: 11px 10px;
  line-height: 0px;
  box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.3);
  border: 1px solid rgb(207, 219, 0);
  z-index: 1000;
}
#usersV2 #botCostado.botCostado a.plusN:hover,
#usersV2 #botCostado.botCostado a.others:hover {
  width: 41px;
  height: 41px;
  background: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
}
#usersV2 #botCostado.botCostado a.others {
  background-color: #ccc;
  color: rgb(77, 77, 77);
  border: 1px solid rgb(170, 170, 170);
}
#usersV2 #botCostado.botCostado a.others:hover {
  background-color: rgb(77, 77, 77);
  color: white;
  border-color: rgb(77, 77, 77);
}
#usersV2 .channel {
  display: block;
  width: auto;
  max-width: 130px;
  margin: 0 auto;
  margin-top: 15px;
  padding: 5px;
  border-radius: 5px;
  box-shadow: 0px 3px 5px #ccc;
  background-color: #f2f2f2;
  z-index: 9;
}
@media only screen and (min-width: 768px) {
  #usersV2 .channel {
    position: absolute;
    top: 70px;
    right: 7%;
  }
}
@media only screen and (min-width: 992px) {
  #usersV2 .channel {
    position: absolute;
    top: 70px;
    right: 7%;
  }
}
@media only screen and (min-width: 1200px) {
  #usersV2 .channel {
    position: absolute;
    top: 70px;
    right: 7%;
  }
}
#usersV2 .channel_title {
  font-size: 1.3em;
  color: rgb(125, 125, 125);
  font-weight: 500;
}
#usersV2 .channel_button {
  border: none;
  border-left: 0.5px solid rgb(125, 125, 125);
  cursor: pointer;
  color: rgb(125, 125, 125);
  background-color: transparent;
}
#usersV2 .channel_button:hover, #usersV2 .channel_button:active, #usersV2 .channel_button:focus {
  border: none;
  border-left: 0.5px solid rgb(125, 125, 125);
}
#usersV2 .channel_list {
  display: none;
  list-style: none;
  padding: 7px;
  color: rgb(125, 125, 125);
  font-weight: 700;
  margin-bottom: 0;
}
#usersV2 .channel_list.on {
  display: grid;
}
#usersV2 .channel_list li {
  cursor: pointer;
}
#usersV2 .channel_list li.activ {
  background-color: rgb(130, 188, 0);
  color: white;
  border-radius: 5px;
  padding: 0 5px;
}

#admindisptableV2 .channel {
  display: block;
  width: auto;
  max-width: 130px;
  margin: 0 auto;
  margin-top: 15px;
  padding: 5px;
  border-radius: 5px;
  box-shadow: 0px 3px 5px #ccc;
  background-color: #f2f2f2;
}
@media only screen and (min-width: 768px) {
  #admindisptableV2 .channel {
    position: absolute;
    top: 7%;
    right: 7%;
  }
}
@media only screen and (min-width: 992px) {
  #admindisptableV2 .channel {
    position: absolute;
    top: 10%;
    right: 7%;
  }
}
@media only screen and (min-width: 1200px) {
  #admindisptableV2 .channel {
    position: absolute;
    top: 9%;
    right: 7%;
  }
}
#admindisptableV2 .channel_title {
  font-size: 1.3em;
  color: rgb(125, 125, 125);
  font-weight: 500;
}
#admindisptableV2 .channel_button {
  border: none;
  border-left: 0.5px solid rgb(125, 125, 125);
  cursor: pointer;
  color: rgb(125, 125, 125);
  background-color: transparent;
}
#admindisptableV2 .channel_button:hover, #admindisptableV2 .channel_button:active, #admindisptableV2 .channel_button:focus {
  border: none;
  border-left: 0.5px solid rgb(125, 125, 125);
}
#admindisptableV2 .channel_list {
  display: none;
  list-style: none;
  padding: 7px;
  color: rgb(125, 125, 125);
  font-weight: 700;
  margin-bottom: 0;
}
#admindisptableV2 .channel_list.on {
  display: grid;
}
#admindisptableV2 .channel_list li {
  cursor: pointer;
}
#admindisptableV2 .channel_list li.activ {
  background-color: rgb(130, 188, 0);
  color: white;
  border-radius: 5px;
  padding: 0 5px;
}
#admindisptableV2 .admindisptable {
  display: block;
  width: 90%;
  margin: 0 auto;
}
#admindisptableV2 .admindisptable_title {
  display: block;
  width: 100%;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  border-radius: 5px;
  margin: 20px auto;
  padding: 15px;
  text-align: center;
  color: rgb(125, 125, 125);
  font-size: 1.3em;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  #admindisptableV2 .admindisptable_title {
    width: 50%;
  }
}
#admindisptableV2 .admindisptable_finder {
  width: 100%;
  margin: 40px auto;
}
@media only screen and (min-width: 768px) {
  #admindisptableV2 .admindisptable_finder {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  #admindisptableV2 .admindisptable_finder {
    width: 30%;
  }
}
#admindisptableV2 .admindisptable_filter {
  margin-top: 20px;
}
#admindisptableV2 .admindisptable_filter--title {
  display: block;
  width: 100%;
  text-align: center;
}
#admindisptableV2 .admindisptable_filter--buttons {
  display: flex;
  justify-content: center;
}
#admindisptableV2 .admindisptable_filter--buttons button {
  background-color: #ccc;
  border: 1px solid #aaa;
}
#admindisptableV2 .admindisptable_filter--buttons button:first-of-type {
  border-radius: 5px 0px 0px 5px;
}
#admindisptableV2 .admindisptable_filter--buttons button:last-of-type {
  border-radius: 0px 5px 5px 0px;
}
#admindisptableV2 .admindisptable_filter--buttons button.activeFilter {
  background-color: #a6a6a6;
}
#admindisptableV2 .admindisptable_filter--threshold {
  display: none;
  margin-top: 20px;
}
#admindisptableV2 .admindisptable_filter--threshold button {
  border: none;
  background-color: rgb(130, 188, 0);
  color: white;
  border-radius: 0px 5px 5px 0px;
}
#admindisptableV2 .admindisptable_filter--threshold.threshold {
  display: flex;
  justify-content: center;
  align-items: center;
}
#admindisptableV2 .admindisptable_table {
  display: block;
  width: 100%;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  margin: 0 auto;
  background-color: white;
  overflow: auto;
}
#admindisptableV2 .admindisptable_table table {
  width: 100%;
  text-align: center;
  border-radius: 5px;
}
#admindisptableV2 .admindisptable_table table thead tr {
  background-color: rgb(130, 188, 0);
  color: white;
}
#admindisptableV2 .admindisptable_table table thead tr th {
  padding: 12px 7px;
}
#admindisptableV2 .admindisptable_table table tbody tr {
  background-color: white;
}
#admindisptableV2 .admindisptable_table table tbody tr:first-child .menu_box--list.on {
  top: 0px;
}
#admindisptableV2 .admindisptable_table table tbody tr td {
  padding: 12px 7px;
  color: rgb(77, 77, 77);
  border-right: 0.5px solid #ccc;
}
#admindisptableV2 .admindisptable_table table tbody tr td:last-child {
  border: none;
}
#admindisptableV2 .admindisptable_table table tbody tr td .menu {
  display: inline-flex;
  flex-direction: row;
}
#admindisptableV2 .admindisptable_table table tbody tr td .menu_box {
  position: relative;
}
#admindisptableV2 .admindisptable_table table tbody tr td .menu_box--list {
  display: none;
  position: absolute;
  top: -170%;
  right: 39px;
  width: auto;
  min-width: 200px;
  list-style-type: none;
  text-align: left;
  background-color: white;
  border: 0.5px solid #ccc;
  padding: 5px;
  border-radius: 3px;
  z-index: 600;
}
#admindisptableV2 .admindisptable_table table tbody tr td .menu_box--list.comment {
  top: -60%;
  right: 47px;
}
#admindisptableV2 .admindisptable_table table tbody tr td .menu_box--list.on {
  display: block;
}
#admindisptableV2 .admindisptable_table table tbody tr td .menu_box--list .item {
  cursor: pointer;
}
#admindisptableV2 .admindisptable_table table tbody tr td .menu_curtain {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
}
#admindisptableV2 .admindisptable_table table tbody tr td .menu_curtain.act {
  display: block;
}
#admindisptableV2 .admindisptable_table table tbody tr:nth-child(even) {
  background-color: #f2f2f2;
}
#admindisptableV2 .admindisptable_table table tbody tr:hover {
  background-color: #e6e6e6;
}
#admindisptableV2 .admindisptable_table table tbody tr.alert-row {
  background-color: #f6cdd1;
}
#admindisptableV2 .admindisptable_table table tbody tr.alert-row td {
  border-right: 0.5px solid #ccc;
}
#admindisptableV2 .admindisptable_table table tbody tr.alert-row:nth-child(even) {
  background-color: #efa2a9;
}
#admindisptableV2 .admindisptable_table table tbody tr.alert-row:hover {
  background-color: #ea8891;
}
#admindisptableV2 .admindisptable_table table tbody tr.warning-row {
  background-color: rgb(255, 200, 67);
}
#admindisptableV2 .admindisptable_table table tbody tr.warning-row:nth-child(even) {
  background-color: #ffde90;
}
#admindisptableV2 .admindisptable_table table tbody tr.warning-row:hover {
  background-color: #ffbb15;
}
#admindisptableV2 .admindisptable_table table tbody tr.sensorAlert-row {
  background-color: #ffa933;
  color: white;
}
#admindisptableV2 .admindisptable_table table tbody tr.sensorAlert-row:nth-child(even) {
  background-color: #ffb44d;
}
#admindisptableV2 .admindisptable_table table tbody tr.sensorAlert-row:hover {
  background-color: #ff9f1a;
}
#admindisptableV2 .admindisptable_buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
}
#admindisptableV2 .admindisptable_buttons button {
  background-color: rgb(130, 188, 0);
  color: white;
  border: none;
}
#admindisptableV2 .admindisptable_buttons button.activ {
  color: rgb(77, 77, 77);
  background-color: rgb(207, 219, 0);
}
#admindisptableV2 .admindisptable_buttons button:first-child {
  border-radius: 5px 0 0 5px;
}
#admindisptableV2 .admindisptable_buttons button:last-child {
  border-radius: 0 5px 5px 0;
}
#admindisptableV2 .commentsTable {
  width: 90%;
  position: fixed;
  top: 35%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media only screen and (min-width: 576px) {
  #admindisptableV2 .commentsTable {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) {
  #admindisptableV2 .commentsTable {
    width: 70%;
  }
}
@media only screen and (min-width: 992px) {
  #admindisptableV2 .commentsTable {
    width: 60%;
  }
}
#admindisptableV2 .commentsTable button.closeButton {
  display: flex;
  float: right;
  width: 24px;
  height: 24px;
  border: 1px solid rgb(125, 125, 125);
  justify-content: center;
  align-items: center;
  border-radius: 45px;
  background-color: white;
  color: rgb(77, 77, 77);
}
#admindisptableV2 .commentsTable table {
  width: 100%;
  background-color: white;
  border-radius: 5px;
  border: 0.5px solid #ccc;
  overflow: hidden;
}
#admindisptableV2 .commentsTable table thead tr {
  background-color: rgb(130, 188, 0);
  color: white;
}
#admindisptableV2 .commentsTable table thead tr th {
  padding: 2px 5px;
}
#admindisptableV2 .commentsTable table tbody tr {
  background-color: #e6e6e6;
}
#admindisptableV2 .commentsTable table tbody tr:nth-child(even) {
  background-color: #d9d9d9;
}
#admindisptableV2 .commentsTable table tbody tr td {
  padding: 2px 5px;
}
#admindisptableV2 .admindisptable #table2 table tbody tr.alert-row {
  background-color: #f6cdd1;
}
#admindisptableV2 .admindisptable #table2 table tbody tr.alert-row:nth-child(even) {
  background-color: #efa2a9;
}
#admindisptableV2 .admindisptable #table2 table tbody tr.alert-row:hover {
  background-color: #ea8891;
}
#admindisptableV2 .admindisptable #table2 table tbody tr.warning-row {
  background-color: rgb(255, 200, 67);
}
#admindisptableV2 .admindisptable #table2 table tbody tr.warning-row:nth-child(even) {
  background-color: #ffde90;
}
#admindisptableV2 .admindisptable #table2 table tbody tr.warning-row:hover {
  background-color: #ffbb15;
}
#admindisptableV2 .admindisptable #table2 table tbody tr.sensorAlert-row {
  background-color: #ffa933;
  color: white;
}
#admindisptableV2 .admindisptable #table2 table tbody tr.sensorAlert-row:nth-child(even) {
  background-color: #ffb44d;
}
#admindisptableV2 .admindisptable #table2 table tbody tr.sensorAlert-row:hover {
  background-color: #ff9f1a;
}
#admindisptableV2 .admindisptable #table2 table tbody tr td .menu {
  display: inline-flex;
  flex-direction: row;
}
#admindisptableV2 .admindisptable #table2 table tbody tr td .menu_box--list {
  display: none;
  position: fixed;
  width: auto;
  min-width: 200px;
  list-style-type: none;
  text-align: left;
  background-color: white;
  border: 0.5px solid #ccc;
  padding: 5px;
  border-radius: 3px;
  z-index: 600;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 768px) {
  #admindisptableV2 .admindisptable #table2 table tbody tr td .menu_box--list {
    top: auto;
    left: auto;
    transform: translateX(-115%);
  }
}
@media only screen and (min-width: 768px) {
  #admindisptableV2 .admindisptable #table2 table tbody tr td .menu_box--list.comment {
    top: auto;
    left: auto;
    transform: translateX(-125%);
  }
}
#admindisptableV2 .admindisptable #table2 table tbody tr td .menu_box--list.on {
  display: block;
}
#admindisptableV2 .admindisptable #table2 table tbody tr td .menu_box--list .item {
  cursor: pointer;
}

#menu_curtain.menu_curtain {
  position: fixed;
  top: 60px;
  left: 0;
  display: none;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
}
#menu_curtain.menu_curtain.act {
  display: block;
}

#historicodevV3 #chart {
  width: 90%;
  margin: 20px auto;
}
@media only screen and (min-width: 768px) {
  #historicodevV3 #chart {
    width: 60%;
  }
}
#historicodevV3 #dates {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
#historicodevV3 #dates span {
  width: fit-content;
  margin: 10px auto;
  font-size: 1.3em;
  color: rgb(77, 77, 77);
  font-weight: 600;
  border: 0.5px solid #ccc;
  box-shadow: 5px 5px 7px #777;
  background-color: white;
  padding: 7px;
  border-radius: 5px;
}
#historicodevV3 .miniDynamicTable {
  margin-bottom: 40px;
}
#historicodevV3 #fechas.fechas {
  width: 90%;
}
@media only screen and (min-width: 768px) {
  #historicodevV3 #fechas.fechas {
    width: 60%;
  }
}
#historicodevV3 #timeButtons ul {
  display: flex;
  width: 90%;
  margin: 20px auto;
  justify-content: center;
  border-bottom: none;
}
@media only screen and (min-width: 768px) {
  #historicodevV3 #timeButtons ul {
    width: 60%;
  }
}
#historicodevV3 #timeButtons ul li {
  flex-grow: 1;
  text-align: center;
}
#historicodevV3 #timeButtons ul li a {
  width: 100%;
  font-size: 1em;
  font-weight: 500;
  border-bottom: 1px solid #dee2e6;
  background-color: white;
}
#historicodevV3 #timeButtons ul li a.active {
  border-bottom: none !important;
  color: rgb(125, 125, 125);
}

#formLoginQV2 {
  background-color: #fff;
}
#formLoginQV2 .loginContainer {
  position: absolute;
  top: calc(50% + 30px);
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  width: 70%;
  height: 70%;
  justify-content: center;
  align-items: center;
  background-color: white;
  border-radius: 5px;
  box-shadow: 5px 5px 7px #777;
}
#formLoginQV2 .loginContainer_form {
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  #formLoginQV2 .loginContainer_form {
    width: 40%;
  }
}
#formLoginQV2 .loginContainer_form--card {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: rgb(99, 136, 0);
  background: linear-gradient(0deg, rgb(99, 136, 0) 14%, rgb(130, 180, 0) 100%);
  border-radius: 5px 0px 0px 5px;
}
#formLoginQV2 .loginContainer_form--card .header h4 {
  color: white;
  text-align: center;
  font-weight: 600;
}
#formLoginQV2 .loginContainer_form--card .body form .form-group label {
  color: white;
  font-weight: 600;
}
#formLoginQV2 .loginContainer_form--card .body form .form-group .input-text {
  border-radius: 50px !important;
}
#formLoginQV2 .loginContainer_form--card .body form .submit {
  border: none;
  background-color: white;
  color: rgb(130, 188, 0);
}
#formLoginQV2 .loginContainer_form--card .body form .submit:hover {
  color: white;
  border: 2px solid white;
  background-color: transparent;
  padding: 0.7em;
  transition: padding ease 300ms;
}
#formLoginQV2 .loginContainer_form--card .body form .links {
  color: white;
}
#formLoginQV2 .loginContainer_image {
  display: none;
}
@media only screen and (min-width: 768px) {
  #formLoginQV2 .loginContainer_image {
    display: flex;
    width: 60%;
    height: 100%;
    justify-content: center;
    align-items: center;
  }
  #formLoginQV2 .loginContainer_image img {
    width: 100%;
    height: auto;
  }
}
#formLoginQV2 .toastify {
  width: fit-content;
  height: fit-content;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

body#nodeConfiguration .card {
  width: 90%;
  margin: 40px auto;
}
body#nodeConfiguration .card-body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  body#nodeConfiguration .card-body {
    justify-content: left;
    gap: 20px;
  }
}
body#nodeConfiguration .card-body .conf-form-group {
  width: 100%;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  padding: 10px;
}
@media only screen and (min-width: 768px) {
  body#nodeConfiguration .card-body .conf-form-group {
    width: 30%;
  }
}
body#nodeConfiguration .card-body .saveButton {
  display: block;
  width: 100%;
  margin-top: 20px;
}
body#nodeConfiguration .card-body .saveButton button {
  display: block;
  border-radius: 5px;
  width: 100%;
  background-color: rgb(130, 188, 0);
  color: white;
  border: none;
  font-weight: 600;
}
body#nodeConfiguration .card-body .saveButton button:hover {
  background-color: #94d600;
}
@media only screen and (min-width: 768px) {
  body#nodeConfiguration .card-body .saveButton button {
    width: 30%;
    margin: 0px auto;
    padding: 10px 0px;
  }
}

body#plotAlerts #app .myCard {
  width: 90%;
  margin: 40px auto;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  background-color: white;
}
@media only screen and (min-width: 768px) {
  body#plotAlerts #app .myCard {
    width: 60%;
  }
}
@media only screen and (min-width: 992px) {
  body#plotAlerts #app .myCard {
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  body#plotAlerts #app .myCard {
    width: 40%;
  }
}
body#plotAlerts #app .myCard-header {
  background-color: #f3f3f3;
  color: rgb(77, 77, 77);
  padding: 5px 0px;
  font-weight: 600;
}
body#plotAlerts #app .myCard-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  padding-left: 10px;
}
@media only screen and (min-width: 768px) {
  body#plotAlerts #app .myCard-body {
    padding-left: 20px;
  }
}
body#plotAlerts #app .myCard-body .group {
  display: grid;
  grid-template-columns: 25% 8% 8% 8% 8% 25%;
  gap: 3%;
}
body#plotAlerts #app .myCard-body .group .min,
body#plotAlerts #app .myCard-body .group .max {
  width: 100%;
}
body#plotAlerts #app .myCard-body .group label {
  display: block;
  width: 100%;
}
body#plotAlerts #app .myCard-body .group .button {
  width: 100%;
  border: none;
  border-radius: 5px;
  padding: 5px 0px;
  margin: 0px auto;
  font-weight: 600;
}
body#plotAlerts #app .myCard-body .group .button.active {
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
}
body#plotAlerts #app .myCard-body .group .button.deactivated {
  background-color: rgb(170, 170, 170);
  color: white;
}
body#plotAlerts #app .myCard-footer {
  display: flex;
  padding-bottom: 10px;
  justify-content: center;
  align-items: center;
}
body#plotAlerts #app .myCard-footer .submit {
  background-color: rgb(130, 188, 0);
  color: white;
  width: 50%;
  border: none;
  border-radius: 5px;
  padding: 5px 0px;
  font-weight: 600;
}

/*estilos para la pantalla de parcelas*/
body#parcelas #sinParcelas, #plotsV2 #sinParcelas {
  display: block;
  width: 280px;
  height: 300px;
  margin: 20px auto;
  box-shadow: 0px 4px 5px #ccc;
}
@media only screen and (min-width: 768px) {
  body#parcelas #sinParcelas, #plotsV2 #sinParcelas {
    grid-column: 1/span 2;
  }
}
@media only screen and (min-width: 992px) {
  body#parcelas #sinParcelas, #plotsV2 #sinParcelas {
    grid-column: 1/span 3;
  }
}
body#parcelas #sinParcelas .sinParcelas_content--title, #plotsV2 #sinParcelas .sinParcelas_content--title {
  text-align: center;
  margin-bottom: 20px;
}
body#parcelas #sinParcelas .sinParcelas_content--title .text, #plotsV2 #sinParcelas .sinParcelas_content--title .text {
  color: rgb(77, 77, 77);
  font-size: 1.3em;
  font-weight: 500;
}
body#parcelas #sinParcelas .sinParcelas_content--button .addBtn, #plotsV2 #sinParcelas .sinParcelas_content--button .addBtn {
  display: block;
  width: 90%;
  margin: 0 auto;
  padding: 5rem 0px;
  border: none;
  border-bottom: 3px solid rgb(100, 130, 0);
  border-right: 3px solid rgb(100, 130, 0);
  border-radius: 10px;
  background-color: rgb(130, 188, 0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 40' width='80' height='40'%3E%3Cpath fill='%23648200' fill-opacity='0.4' d='M0 40a19.96 19.96 0 0 1 5.9-14.11 20.17 20.17 0 0 1 19.44-5.2A20 20 0 0 1 20.2 40H0zM65.32.75A20.02 20.02 0 0 1 40.8 25.26 20.02 20.02 0 0 1 65.32.76zM.07 0h20.1l-.08.07A20.02 20.02 0 0 1 .75 5.25 20.08 20.08 0 0 1 .07 0zm1.94 40h2.53l4.26-4.24v-9.78A17.96 17.96 0 0 0 2 40zm5.38 0h9.8a17.98 17.98 0 0 0 6.67-16.42L7.4 40zm3.43-15.42v9.17l11.62-11.59c-3.97-.5-8.08.3-11.62 2.42zm32.86-.78A18 18 0 0 0 63.85 3.63L43.68 23.8zm7.2-19.17v9.15L62.43 2.22c-3.96-.5-8.05.3-11.57 2.4zm-3.49 2.72c-4.1 4.1-5.81 9.69-5.13 15.03l6.61-6.6V6.02c-.51.41-1 .85-1.48 1.33zM17.18 0H7.42L3.64 3.78A18 18 0 0 0 17.18 0zM2.08 0c-.01.8.04 1.58.14 2.37L4.59 0H2.07z'%3E%3C/path%3E%3C/svg%3E");
  color: white;
  box-shadow: 2px 2px 5px rgb(175, 175, 175);
}
body#parcelas #sinParcelas .sinParcelas_content--button .addBtn i, #plotsV2 #sinParcelas .sinParcelas_content--button .addBtn i {
  font-size: 2em;
}
body#parcelas #sinParcelas .sinParcelas_content--button .addBtn:hover, #plotsV2 #sinParcelas .sinParcelas_content--button .addBtn:hover {
  background-color: rgb(207, 219, 0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 40' width='80' height='40'%3E%3Cpath fill='%239aa202' fill-opacity='0.4' d='M0 40a19.96 19.96 0 0 1 5.9-14.11 20.17 20.17 0 0 1 19.44-5.2A20 20 0 0 1 20.2 40H0zM65.32.75A20.02 20.02 0 0 1 40.8 25.26 20.02 20.02 0 0 1 65.32.76zM.07 0h20.1l-.08.07A20.02 20.02 0 0 1 .75 5.25 20.08 20.08 0 0 1 .07 0zm1.94 40h2.53l4.26-4.24v-9.78A17.96 17.96 0 0 0 2 40zm5.38 0h9.8a17.98 17.98 0 0 0 6.67-16.42L7.4 40zm3.43-15.42v9.17l11.62-11.59c-3.97-.5-8.08.3-11.62 2.42zm32.86-.78A18 18 0 0 0 63.85 3.63L43.68 23.8zm7.2-19.17v9.15L62.43 2.22c-3.96-.5-8.05.3-11.57 2.4zm-3.49 2.72c-4.1 4.1-5.81 9.69-5.13 15.03l6.61-6.6V6.02c-.51.41-1 .85-1.48 1.33zM17.18 0H7.42L3.64 3.78A18 18 0 0 0 17.18 0zM2.08 0c-.01.8.04 1.58.14 2.37L4.59 0H2.07z'%3E%3C/path%3E%3C/svg%3E");
}
body#parcelas #sinParcelas .sinParcelas_content--button .addBtn:active, #plotsV2 #sinParcelas .sinParcelas_content--button .addBtn:active {
  color: rgb(130, 188, 0);
  border-color: transparent;
}

/*estilos para la pantalla de parcelas*/
#parcNueva .card-body.buscador-box {
  display: grid;
  grid-template-columns: 85% 15%;
  grid-row: 100%;
}
#parcNueva .card-body.buscador-box #buscador {
  width: 100%;
  height: 100%;
  border-radius: 5px 0 0 5px;
  grid-column: 1;
  grid-row: 1;
  border-right: none;
}
#parcNueva .card-body.buscador-box #buscar {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0 5px 5px 0;
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
  grid-column: 2;
  grid-row: 1;
}

body#mapaClima #botoneraClima {
  display: block;
  width: 100%;
  margin: 20px auto;
  overflow: hidden;
  background-color: #fafafb;
  border: 0.5px solid #ccc;
  border-radius: 5px;
}
body#mapaClima #botoneraClima_botones {
  display: grid;
  grid-template-columns: repeat(5, 20%);
  color: rgb(125, 125, 125);
  font-weight: 500;
}
body#mapaClima #botoneraClima_botones a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-left: 0.5px solid #ccc;
  padding: 0.65rem 0.8rem;
}
body#mapaClima #botoneraClima_botones a:first-child {
  border: none;
}
body#mapaClima #botoneraClima_botones a:hover {
  background-color: #e6e0e0;
}
body#mapaClima #botoneraClima_botones a.active {
  background-color: #d6cdcd;
}
body#mapaClima #botoneraClima_botones a span {
  text-align: center;
}
@media only screen and (min-width: 0) {
  body#mapaClima #botoneraClima_botones a span {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  body#mapaClima #botoneraClima_botones a span {
    display: block;
  }
}
body#mapaClima #botoneraClima_leyenda .labels {
  display: flex;
  justify-content: space-around;
  align-content: center;
  color: rgb(77, 77, 77);
  font-weight: 500;
  font-size: 0.9em;
  text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
}
body#mapaClima #botoneraClima_leyenda .temperature {
  display: none;
  background: rgb(0, 71, 164);
  background: linear-gradient(90deg, rgb(0, 71, 164) 0%, rgb(0, 217, 255) 25%, rgb(255, 255, 255) 50%, rgb(255, 199, 0) 75%, rgb(255, 0, 0) 100%);
}
body#mapaClima #botoneraClima_leyenda .temperature.on {
  display: block;
}
body#mapaClima #botoneraClima_leyenda .precipitation {
  display: none;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgb(254, 254, 255) 0%, #3e3f86 100%);
}
body#mapaClima #botoneraClima_leyenda .precipitation.on {
  display: block;
}
body#mapaClima #botoneraClima_leyenda .pressure {
  display: none;
  background: rgb(0, 71, 164);
  background: linear-gradient(90deg, rgb(0, 71, 164) 0%, rgb(0, 217, 255) 33%, rgb(255, 199, 0) 66%, rgb(255, 0, 0) 100%);
}
body#mapaClima #botoneraClima_leyenda .pressure.on {
  display: block;
}
body#mapaClima #botoneraClima_leyenda .wind {
  display: none;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgb(254, 254, 255) 0%, #a488b8 100%);
}
body#mapaClima #botoneraClima_leyenda .wind.on {
  display: block;
}
body#mapaClima #botoneraClima_leyenda .clouds {
  display: none;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgb(254, 254, 255) 0%, rgb(77, 77, 77) 100%);
}
body#mapaClima #botoneraClima_leyenda .clouds.on {
  display: block;
}

header .portabotones a.rueda {
  content: url(../sources/rueda.png);
}
header .portabotones a.qampo {
  content: url(../sources/qampo-logo3.png);
}
header .portabotones a.otro {
  content: url(../sources/logo-RiegosdelDuero_2.png);
}

body.logo img#atribution.atribution {
  display: block;
}
body.logo img#atribution2.atribution2 {
  display: block;
}

img#atribution.atribution {
  width: 20%;
  height: auto;
  display: none;
  margin: 0 auto;
  content: url(../sources/qampo-logo3.png);
}

.list-group .list-group-item:first-child {
  border-top: 1px solid #ddd;
}

img#atribution2.atribution2 {
  width: 40%;
  height: auto;
  display: none;
  margin: 20px 0 20px 15px;
  content: url(../sources/qampo-logo3.png);
}

/* The Modal (background) */
#qModal.cortina {
  display: none;
  position: fixed;
  z-index: 999999999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  /* Modal Content */
}
#qModal.cortina .modal {
  display: flex;
  flex-direction: column;
  width: 90%;
  height: auto;
  min-height: 5% !important;
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
}
@media only screen and (min-width: 576px) {
  #qModal.cortina .modal {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) {
  #qModal.cortina .modal {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  #qModal.cortina .modal {
    width: 40%;
  }
}
@media only screen and (min-width: 1200px) {
  #qModal.cortina .modal {
    width: 30%;
  }
}
#qModal.cortina .modal_header {
  padding: 2px 16px;
  background-color: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.7);
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  /* The Close Button */
}
#qModal.cortina .modal_header--title {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 2.4em;
}
#qModal.cortina .modal_header--close {
  color: rgba(0, 0, 0, 0.7);
  float: right;
  font-weight: bold;
  font-size: 2em;
  border: none;
  background-color: transparent;
}
#qModal.cortina .modal_header--close:hover, #qModal.cortina .modal_header--close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
#qModal.cortina .modal_body {
  padding: 1em 2em;
}
#qModal.cortina .modal_body #prompt {
  width: 100%;
}
#qModal.cortina .modal_footer {
  padding: 2px 16px;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.25);
}
#qModal.cortina .modal_footer--btns {
  float: right;
}
#qModal.cortina .modal_footer--btns button {
  color: rgb(77, 77, 77);
  background-color: #ccc;
  border: none;
  border-radius: 5px;
  margin-left: 20px;
  padding: 0.2em 1em;
  font-size: 1.2em;
}
#qModal.cortina .modal_footer--btns button:hover, #qModal.cortina .modal_footer--btns button:focus {
  background-color: #ff9400;
  color: white;
}
#qModal.cortina .modal_footer--btns button.btn-true:hover, #qModal.cortina .modal_footer--btns button.btn-true:focus {
  background-color: rgb(130, 188, 0);
  color: white;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
body#congratulations .congratulations {
  display: flex;
  width: 100vw;
  height: 100vh;
  flex-direction: column;
  justify-content: start;
  align-items: center;
}
body#congratulations .congratulations_barra {
  display: block;
  width: 90%;
  margin: 20vh auto;
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) {
  body#congratulations .congratulations_barra {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) {
  body#congratulations .congratulations_barra {
    width: 70%;
  }
}
@media only screen and (min-width: 992px) {
  body#congratulations .congratulations_barra {
    width: 60%;
  }
}
@media only screen and (min-width: 1200px) {
  body#congratulations .congratulations_barra {
    width: 50%;
  }
}
body#congratulations .congratulations_barra--card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: white;
  border: 0.5px solid #ccc;
  box-shadow: 3px 3px 5px gray;
  border-radius: 5px;
  text-align: center;
  font-size: 1.6em;
  font-weight: 600;
  color: rgb(125, 125, 125);
  font-style: italic;
}
body#congratulations .congratulations_barra--card .cardBody {
  display: block;
  width: 90%;
  margin: 20px auto;
}
body#congratulations .congratulations_mensaje--content .message {
  display: block;
  margin: 0 auto;
  color: white;
  font-size: 1.35em;
  font-weight: 500;
}
body#congratulations .congratulations_mensaje--content .spinner-border {
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  font-size: 1.2em;
  text-align: center;
  margin: 10px auto;
}

.imageCurtain.one .imageCurtain_box--left,
.imageCurtain.one .imageCurtain_box--right {
  display: none;
}
.imageCurtain_box {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: space-around;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
}
.imageCurtain_box--close {
  position: absolute;
  top: 12%;
  right: 5%;
  border: none;
  background-color: transparent;
  color: white;
  font-size: 2.5em;
  font-weight: 900;
}
.imageCurtain_box--left, .imageCurtain_box--right {
  border: none;
  background-color: transparent;
  font-size: 2.5em;
  color: #fff;
  font-weight: 900;
}
.imageCurtain_box--modal {
  width: 70%;
  height: auto;
  background: #ccc;
}
.imageCurtain_box--modal img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.makeTable {
  display: block;
  margin: 20px auto;
  border-radius: 5px;
  border: 0.5px solid #ccc;
  overflow: auto;
  box-shadow: 5px 5px 7px #777;
}
.makeTable_table {
  width: 100%;
  background-color: #f2f2f2;
  text-align: center;
}
.makeTable_table thead tr th {
  color: rgb(77, 77, 77);
  font-weight: 500;
  white-space: nowrap;
  padding: 10px 5px;
  border-right: 0.5px solid #ccc;
  border-bottom: 0.5px solid #ccc;
  background-color: #f2f2f2;
  font-weight: 600;
}
.makeTable_table thead tr th:last-of-type {
  border-right: none;
}
.makeTable_table thead tr th i.fas.fa-sort {
  margin-left: 7px;
  cursor: pointer;
}
.makeTable_table thead tr th.exportCell {
  width: 40px;
}
.makeTable_table thead tr th.exportCell button.exportBtn {
  background-color: white;
  border: none;
  border-radius: 5px;
}
.makeTable_table thead tr th.exportCell button.exportBtn i {
  color: black;
}
.makeTable_table tbody tr:nth-child(even) {
  background-color: #e6e6e6;
}
.makeTable_table tbody tr:hover {
  background-color: #fafafa;
}
.makeTable_table tbody tr td {
  padding: 0px 10px;
}

.makeTable_buttons {
  display: block;
  margin: 20px auto;
  text-align: center;
}
.makeTable_buttons button {
  border: none;
  border-right: 0.5px solid #ccc;
  background-color: rgb(130, 188, 0);
  color: white;
}
.makeTable_buttons button:hover {
  background-color: #94d600;
}
.makeTable_buttons button:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.makeTable_buttons button:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none;
}

.turnPages {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
}
.turnPages #pageControls_page {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 40px;
  border: 0.5px solid rgb(125, 125, 125);
  border-right: none;
  font-weight: 600;
  cursor: default;
  padding: 5px;
  background-color: #fff;
}
.turnPages button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 40px;
  background-color: #f2f2f2;
  color: rgb(77, 77, 77);
  font-size: 1.2em;
  border: 0.5px solid rgb(125, 125, 125);
  border-right: none;
  padding: 5px 10px;
}
.turnPages button:first-child {
  border-radius: 5px 0 0 5px;
}
.turnPages button#lastButton {
  border-radius: 0 5px 5px 0;
  border-right: 0.5px solid rgb(125, 125, 125);
}
.turnPages button#numberPage {
  font-weight: bold;
  cursor: default;
}
.turnPages button.exportBtn {
  border-radius: 5px;
  padding: 5px 30px;
  margin-left: 20px;
  border-right: 0.5px solid rgb(125, 125, 125);
}

.tmakeTable_range--operators {
  display: flex;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 20px;
}
.tmakeTable_range--operators input {
  width: 29%;
}
@media only screen and (min-width: 768px) {
  .tmakeTable_range--operators input {
    width: auto;
  }
}
.tmakeTable_range--operators label {
  display: block;
  background-color: rgb(170, 170, 170);
  color: white;
  margin-bottom: 0;
  padding: 5px;
}
.tmakeTable_range--operators label:first-of-type {
  border-radius: 5px 0px 0px 5px;
}
.tmakeTable_range--operators button {
  display: block;
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
  border-radius: 0px 5px 5px 0px;
  border: 1px solid rgb(77, 77, 77);
  border-left: none;
}

#loader.loader {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
}
#loader.loader.green {
  background-color: rgb(130, 188, 0);
  background-image: url(../sources/leaf.svg);
  background-repeat: repeat;
  background-size: 450px;
}
#loader.loader .spin {
  color: #fff;
  font-size: 6em;
  line-height: 0;
  animation: rotate linear 1s infinite;
}
#loader.loader .text {
  color: #fff;
  font-size: 2em;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.pageControls {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
}
.pageControls #pageControls_page {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 40px;
  border: 0.5px solid rgb(125, 125, 125);
  border-right: none;
  font-weight: 600;
  cursor: default;
  padding: 5px;
  background-color: #fff;
}
.pageControls button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 40px;
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
  font-size: 1.2em;
  border: 0.5px solid rgb(125, 125, 125);
  border-right: none;
  padding: 5px 10px;
}
.pageControls button:first-child {
  border-radius: 5px 0 0 5px;
}
.pageControls button:last-child {
  border-radius: 0 5px 5px 0;
  border-right: 0.5px solid rgb(125, 125, 125);
}
.pageControls button#numberPage {
  font-weight: bold;
  cursor: default;
}

.m_MakeModal--courtain {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 501;
}

.m_MakeModal--courtain-box {
  width: fit-content;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 502;
}
.m_MakeModal--courtain-box-close {
  position: absolute;
  top: -20px;
  right: -20px;
  color: white;
  font-size: 1.7em;
  font-weight: bold;
  cursor: pointer;
}
.m_MakeModal--courtain-box-content {
  width: fit-content;
  height: fit-content;
}

.chartManagerOperatorsElement {
  display: flex;
  width: fit-content;
  align-items: center;
  padding-left: 5px;
  margin: 0 auto;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #f2f2f2;
  overflow: hidden;
}
.chartManagerOperatorsElement #chartManager_operator,
.chartManagerOperatorsElement #chartManager_lapse {
  margin-left: 5px;
  height: 25px;
}
.chartManagerOperatorsElement #chartManager_submit {
  height: 25px;
  border: none;
  background-color: rgb(130, 188, 0);
  color: white;
  margin-left: 5px;
}

.chartManagerPlotBands {
  display: block;
  background-color: white;
  border: 0.5px solid #ccc;
  border-radius: 5px;
  margin: 20px auto;
}
.chartManagerPlotBands_title {
  text-align: center;
  background-color: #ccc;
  color: rgb(77, 77, 77);
}
.chartManagerPlotBands_content {
  display: flex;
  padding: 10px;
  flex-direction: column;
  gap: 10px;
}
.chartManagerPlotBands_content--lines {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
}
.chartManagerPlotBands_content--lines .line {
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.chartManagerPlotBands_content--lines .line i {
  align-self: center;
  color: #dc3545;
  margin-right: 5px;
}
.chartManagerPlotBands_content--lines .line label {
  width: 13.3%;
  background-color: rgb(125, 125, 125);
  color: white;
  margin-bottom: 0px;
  text-align: center;
}
.chartManagerPlotBands_content--lines .line input {
  width: 20%;
}
.chartManagerPlotBands_content--add {
  width: 30px;
  height: 30px;
  border: none;
  background-color: rgb(207, 219, 0);
  color: rgb(125, 125, 125);
  border-radius: 50%;
}
.chartManagerPlotBands_content--buttonBox {
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 5px;
}
.chartManagerPlotBands_content--buttonBox-delete {
  display: block;
  width: 50%;
  border: none;
  border-radius: 5px;
  background-color: #dc3545;
  color: white;
}
.chartManagerPlotBands_content--buttonBox-send {
  display: block;
  width: 50%;
  border: none;
  border-radius: 5px;
  background-color: rgb(130, 188, 0);
  color: white;
}

#chartManagerShowHidePredictionId {
  display: none;
}

.chartManagerShowHidePredictionClass {
  display: block !important;
  border: none;
  border-radius: 5px;
  background-color: #ccc;
  font-weight: 600;
  color: rgb(77, 77, 77);
  margin-right: 10px;
}
.chartManagerShowHidePredictionClass:hover {
  background-color: #e6e6e6;
}
.chartManagerShowHidePredictionClass.activ {
  background-color: rgb(207, 219, 0);
}
.chartManagerShowHidePredictionClass.activ:hover {
  background-color: #f2ff0f;
}

#chartManagerReports.reportsContainer .reportsContainer--title {
  border-radius: 3px;
  border-bottom-left-radius: 0;
  background-color: rgb(130, 188, 0);
  padding: 2px 5px;
  font-weight: 600;
  color: white;
  margin-top: 10px;
}
#chartManagerReports.reportsContainer .reportsContainer--content {
  display: grid;
  background-color: #fff;
  border: 1px solid rgb(130, 188, 0);
  border-radius: 3px;
  border-top-left-radius: 0;
  padding: 5px 0;
}
@media only screen and (min-width: 768px) {
  #chartManagerReports.reportsContainer .reportsContainer--content {
    justify-content: space-around;
    grid-template-columns: repeat(3, 33.3%);
    text-align: center;
  }
}
#chartManagerReports.reportsContainer .reportsContainer--content div label {
  font-weight: 600;
  color: rgb(130, 188, 0);
  padding: 1px 5px;
  margin-bottom: 0px;
}

.miniDynamicTable_table {
  width: fit-content;
  background-color: white;
  border-radius: 5px;
  overflow: hidden;
  margin: 0px auto;
  border: 0.5px solid #ccc;
}
.miniDynamicTable_table table thead tr {
  background-color: rgb(130, 188, 0);
  color: white;
}
.miniDynamicTable_table table thead tr th {
  border-right: 1px solid white;
  text-align: center;
  padding: 5px 10px;
}
.miniDynamicTable_table table tbody tr:nth-child(even) {
  background-color: #eee;
}
.miniDynamicTable_table table tbody tr:hover {
  background-color: #e9e9e9;
}
.miniDynamicTable_table table tbody tr:has(.select:checked) {
  background-color: #ccc;
}
.miniDynamicTable_table table tbody tr td {
  text-align: center;
  border-right: 1px solid #ccc;
  padding: 0px 5px;
}
.miniDynamicTable_table table tbody tr td .select {
  width: 15px;
  height: 15px;
}
.miniDynamicTable_table table tbody tr td .actionButton {
  border-radius: 5px;
  margin: 5px;
}
.miniDynamicTable_table table tbody tr td .actionButton:hover {
  filter: brightness(90%);
}
.miniDynamicTable_turnPages {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0px;
}
.miniDynamicTable_turnPages button {
  display: block;
  width: 30px;
  height: 30px;
  border: 1px solid rgb(125, 125, 125);
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
  box-shadow: 3px 3px 7px #777;
}
.miniDynamicTable_turnPages button:first-of-type {
  border-radius: 5px 0px 0px 5px;
}
.miniDynamicTable_turnPages button:last-of-type {
  border-radius: 0px 5px 5px 0px;
}
.miniDynamicTable_turnPages button:hover {
  background-color: #9fa800;
}
.miniDynamicTable_turnPages div {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  color: rgb(77, 77, 77);
  border: 1px solid rgb(125, 125, 125);
  width: fit-content;
  height: 30px;
  box-shadow: 3px 3px 7px #777;
  padding: 5px;
}
.miniDynamicTable_specialButton {
  display: flex;
  justify-content: center;
  align-items: center;
}
.miniDynamicTable_specialButton button {
  border-radius: 5px;
  border: none;
}

.reportsContainerComponent.suelo .reportsContainerComponent_title {
  background-color: rgb(131, 96, 63);
}
.reportsContainerComponent.suelo .reportsContainerComponent_content {
  border: 1px solid rgb(131, 96, 63);
}
.reportsContainerComponent.suelo .reportsContainerComponent_content div label {
  color: rgb(131, 96, 63);
  color: #61472e;
}
.reportsContainerComponent.riegoagua .reportsContainerComponent_title {
  background-color: #0074e8;
}
.reportsContainerComponent.riegoagua .reportsContainerComponent_content {
  border: 1px solid #0074e8;
}
.reportsContainerComponent.riegoagua .reportsContainerComponent_content div label {
  color: #0074e8;
  color: #005bb5;
}
.reportsContainerComponent.clima .reportsContainerComponent_title {
  background-color: rgb(255, 200, 67);
  color: rgb(125, 125, 125);
}
.reportsContainerComponent.clima .reportsContainerComponent_content {
  border: 1px solid rgb(255, 200, 67);
}
.reportsContainerComponent.clima .reportsContainerComponent_content div label {
  color: rgb(255, 200, 67);
  color: #ffb910;
}
.reportsContainerComponent.cultivo .reportsContainerComponent_title {
  background-color: rgb(130, 188, 0);
}
.reportsContainerComponent.cultivo .reportsContainerComponent_content {
  border: 1px solid rgb(130, 188, 0);
}
.reportsContainerComponent.cultivo .reportsContainerComponent_content div label {
  color: rgb(130, 188, 0);
  color: #5f8900;
}
.reportsContainerComponent_title {
  border-radius: 3px;
  border-bottom-left-radius: 0;
  padding: 2px 5px;
  font-weight: 600;
  color: white;
  margin-top: 10px;
}
.reportsContainerComponent_content {
  display: grid;
  background-color: white;
  border-radius: 3px;
  border-top-left-radius: 0;
  padding: 5px 0;
}
@media only screen and (min-width: 768px) {
  .reportsContainerComponent_content {
    justify-content: space-around;
    grid-template-columns: repeat(3, 33.3%);
    text-align: center;
  }
}
.reportsContainerComponent_content div label {
  font-weight: 600;
  padding: 1px 5px;
  margin-bottom: 0px;
}

.finderComponent {
  display: flex;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 45px;
  background-color: #fff;
  overflow: hidden;
}
.finderComponent_select {
  display: flex;
  width: fit-content;
  height: 41px;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #ccc;
  padding: 0px 10px;
}
.finderComponent_select--sel {
  border: none;
  background-color: #fff;
  color: gray;
}
.finderComponent_content {
  display: flex;
  width: 100%;
  padding: 6px 15px;
  flex-wrap: nowrap;
  gap: 7px;
}
.finderComponent_content--input, .finderComponent_content--year {
  border: none;
  background-color: #fff;
  color: gray;
  border-bottom: 1px solid #ccc;
}
.finderComponent_content--input {
  width: 100px;
  flex-grow: 2;
}
@media only screen and (min-width: 768px) {
  .finderComponent_content--input {
    width: 100%;
  }
}
.finderComponent_content--year {
  width: 60px;
  flex-grow: 1;
}
.finderComponent_content--delete {
  display: none;
  width: 20px;
  border: none;
  background-color: #fff;
  padding: 0px;
  cursor: pointer;
}
.finderComponent_content--delete svg path {
  fill: gray;
}
.finderComponent_content--delete.on {
  display: inline-block;
}
.finderComponent_content--submit {
  width: 20px;
  background-color: #fff;
  border: none;
  padding: 0px;
}
.finderComponent_content--submit svg path {
  fill: gray;
}

.sideButtonsComponent {
  width: auto;
  height: auto;
  position: fixed;
  right: 7%;
  bottom: 7%;
  z-index: 500;
  font-size: 1.2em;
  align-content: center;
}
.sideButtonsComponent.on {
  display: flex;
  justify-content: center;
  flex-direction: column;
  row-gap: 10px;
}
.sideButtonsComponent.on .sideButtonsComponent_button {
  display: flex;
  animation-name: showBtn;
  animation-duration: 1s;
  animation-timing-function: ease;
}
.sideButtonsComponent_button {
  display: none;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  text-align: center;
  border-radius: 45px;
  box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.3);
  text-decoration: none;
  border: 0.5px solid #b9b9b9;
  background-color: #f8f9fa;
  color: #4d4d4d;
  opacity: 1;
}
.sideButtonsComponent_button:hover {
  background: rgb(130, 188, 0);
  color: white;
  border: none;
}
.sideButtonsComponent_button.menu {
  display: flex;
  background: #ff9400;
  color: white;
  border: none;
}
.sideButtonsComponent_button.menu:hover {
  background: #ff6a00;
}
.sideButtonsComponent_button.menu:hover i {
  color: white;
}

.sideButtonsComponent_curtain {
  display: none;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 499;
  animation-name: showCurtain;
  animation-duration: 1s;
  animation-timing-function: ease;
  opacity: 1;
}
.sideButtonsComponent_curtain.on {
  display: block;
}

@keyframes showCurtain {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes showBtn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.dashboardCreator {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-items: center;
  gap: 6%;
}
.dashboardCreator_report {
  width: 90%;
  margin: 20px auto;
}
@media only screen and (min-width: 768px) {
  .dashboardCreator_report {
    width: 80%;
  }
}
@media only screen and (min-width: 992px) {
  .dashboardCreator_report {
    width: 70%;
  }
}
.dashboardCreator_report.twoSpaces {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .dashboardCreator_report.twoSpaces {
    width: 47%;
  }
}
.dashboardCreator_report.fourSpaces {
  width: 100%;
}
.dashboardCreator .tabContainer {
  width: 100%;
  margin: 20px auto;
}
.dashboardCreator .tabContainer.twoSpaces {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .dashboardCreator .tabContainer.twoSpaces {
    width: 47%;
  }
}
.dashboardCreator .tabContainer.fourSpaces {
  width: 100%;
}
.dashboardCreator .tabContainer_title {
  display: block;
  text-align: center;
  font-weight: 600;
  color: rgb(77, 77, 77);
  padding: 5px;
}
.dashboardCreator .chartBox {
  width: 100%;
}
.dashboardCreator .chartBox .content_chart {
  width: 90%;
  margin: 20px auto;
}
.dashboardCreator .chartBox.twoSpaces {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .dashboardCreator .chartBox.twoSpaces {
    width: 47%;
  }
}
.dashboardCreator .chartBox.fourSpaces {
  width: 100%;
}

.dashboardCreator_operators {
  display: flex;
  justify-content: center;
  align-items: stretch;
  border: 0.5px solid #ccc;
  margin-bottom: 40px;
  border-radius: 5px;
}
.dashboardCreator_operators .buttons-inputs {
  width: 90%;
}
.dashboardCreator_operators .buttons-inputs .time-buttons {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.dashboardCreator_operators .buttons-inputs .time-buttons button {
  width: 33.3%;
  background-color: rgb(207, 219, 0);
  color: rgb(77, 77, 77);
  border: none;
  border-right: 1px solid rgb(125, 125, 125);
}
.dashboardCreator_operators .buttons-inputs .time-buttons button.activ {
  background-color: rgb(130, 188, 0);
  color: white;
}
.dashboardCreator_operators .buttons-inputs .time-buttons button:first-of-type {
  border-radius: 5px 0px 0px 5px;
}
.dashboardCreator_operators .buttons-inputs .time-buttons button:last-of-type {
  border: none;
  border-radius: 0px 5px 5px 0px;
}
.dashboardCreator_operators .buttons-inputs .time-inputs {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.dashboardCreator_operators .buttons-inputs .time-inputs label {
  padding: 0px 20px;
}
.dashboardCreator_operators .buttons-inputs .time-inputs input {
  flex-grow: 1;
  overflow: auto;
}
.dashboardCreator_operators .send-button {
  width: 10%;
  border-radius: 5px;
  background-color: rgb(130, 188, 0);
  color: white;
  border: none;
  font-size: 1.5em;
}

.plot-card {
  border-radius: 25px;
  background-color: #fff;
  position: relative;
  border: 1px solid #cccccc;
}
.plot-card-content {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
}
.plot-card .image-content {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 7px;
}
.plot-card .image-content .div-content-image .camImg {
  z-index: 6;
  position: absolute;
  right: 50px;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
}
.plot-card .image-content .div-content-image .camImg .opciones {
  padding: 0.3rem 0.7rem;
  border-radius: 7px;
  display: grid;
  justify-content: space-between;
  grid-template-columns: auto auto;
  grid-column-gap: 15px;
}
.plot-card .image-content .div-content-image .camImg .opciones .progressB {
  grid-area: 2/1/span 2/span 2;
}
.plot-card-image {
  position: relative;
  width: 100%;
  height: 150px;
  border-radius: 25px 25px 5px 25px;
}
.plot-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 25px 25px 5px 25px;
}
.plot-card .editImg,
.plot-card .menuIcon {
  position: absolute;
  top: 25px;
  right: 25px;
}
.plot-card .editImg {
  color: #fff;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  z-index: 9;
}
.plot-card .menuIcon {
  display: flex;
  width: 20px;
  height: fit-content;
  top: 15px;
  justify-content: center;
  text-shadow: none;
  color: #000;
  cursor: pointer;
}
.plot-card .menuIcon i {
  padding: 0px 7px !important;
}
.plot-card .buttons {
  display: flex;
  width: 90%;
  position: absolute;
  bottom: 10px;
  left: 5%;
  right: 5%;
  justify-content: center;
  align-items: stretch;
  flex-wrap: nowrap;
}
.plot-card .buttons button {
  background-color: #fff;
  border: 1px solid gray;
  padding: 5px;
  color: gray;
  border-right: 0px;
  flex-grow: 1;
}
.plot-card .buttons button:hover {
  background-color: #eaf1fb;
}
.plot-card .buttons button:first-of-type {
  border-radius: 5px 0px 0px 5px;
}
.plot-card .buttons button:last-of-type {
  border-radius: 0px 5px 5px 0px;
  border-right: 1px solid gray;
}

.overlay {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #eaf1fb;
  border-radius: 25px 25px 0 25px;
}
.overlay::before, .overlay::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -40px;
  height: 40px;
  width: 40px;
  background-color: #eaf1fb;
}
.overlay::after {
  border-radius: 0 25px 0 0;
  background-color: #fff;
}

.name {
  display: block;
  width: 90%;
  margin-right: 20px;
  font-size: 18px;
  font-weight: 500;
  color: #333;
  text-align: center;
}

.description {
  width: 100%;
  font-size: 14px;
  color: gray;
  text-align: center;
  margin-bottom: 40px;
}

.mapMaker_operators--title {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  color: rgb(51, 51, 51);
  margin: 10px;
}
.mapMaker_operators--buttons {
  display: grid;
  width: 100%;
  height: 3rem;
  grid-template-columns: 10% 80% 10%;
  background-color: #eaf1fb;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #ccc;
}
@media only screen and (min-width: 768px) {
  .mapMaker_operators--buttons {
    grid-template-columns: 5% 90% 5%;
  }
}
.mapMaker_operators--buttons .left {
  display: block;
  width: 100%;
  background-color: #d3e3fd;
  border-right: 1px solid #ccc;
  border: none;
  color: rgb(125, 125, 125);
  border-right: 1px solid #ccc;
}
.mapMaker_operators--buttons .center {
  display: flex;
  width: 100%;
  grid-column: 2;
  align-items: stretch;
  gap: 5px;
  overflow-x: scroll;
  overflow-y: hidden;
  padding-top: 5px;
}
.mapMaker_operators--buttons .center .center-button {
  background-color: #d3e3fd;
  color: rgb(125, 125, 125);
  border-radius: 5px;
  border: none;
  white-space: nowrap;
}
.mapMaker_operators--buttons .center .center-button:hover {
  background-color: #e2ecfe;
}
.mapMaker_operators--buttons .center .center-button.active {
  background-color: #a2c4fb;
}
.mapMaker_operators--buttons .center::-webkit-scrollbar {
  height: 5px;
}
.mapMaker_operators--buttons .center::-webkit-scrollbar-track {
  background-color: transparent;
}
.mapMaker_operators--buttons .center::-webkit-scrollbar-thumb {
  background-color: rgba(169, 169, 169, 0.8);
}
.mapMaker_operators--buttons .right {
  display: block;
  width: 100%;
  background-color: #d3e3fd;
  border-left: 1px solid #ccc;
  border: none;
  color: rgb(125, 125, 125);
  border-left: 1px solid #ccc;
}

.mapMaker_TagIcon {
  display: flex !important;
  border: 3px solid rgb(130, 188, 0);
  background-color: #fff;
  border-radius: 45px;
  justify-content: center;
  align-items: center;
}

/*# sourceMappingURL=styles.css.map */