.VXcard{
    position:absolute;
    top: 25px;
    right: 25px;
    z-index: 10;
}

.VXcardMeasure{
    position:absolute;
    top: 25px !important;
    right: 25px !important;
    left: unset !important;
    z-index: 10;
}

.mdl-button {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.mdl-grid {
    max-width: 600px;
}
.mdl-card__media {
    margin: 0;
}
.mdl-card__media > img {
    max-width: 100%;
}
.mdl-card__actions {
    display: flex;
    box-sizing:border-box;
    align-items: center;
}
.mdl-card__actions > .mdl-button--icon {
    margin-right: 3px;
    margin-left: 3px;
}


.closeCard{
    position: absolute;
    right: 5px;
    bottom:5px;
}






#cardIAInfo {
    z-index: 90;
  }
  
#cardIAInfoheader {
  padding: 10px;
  cursor: move;
  z-index: 10;
  background-color: rgb(50, 104, 156);
  color: #fff;
}

/* label max */
.max{
  position: absolute;
  top: 18px;
  right: -12px;
  font-size: 0.80em;
  font-weight: bold;
}
  
/*label min */
.min{
  position: absolute;
  top: 18px;
  left: -12px;
  font-size: 0.80em;
  font-weight: bold;
}

#closeCardMeasurement{
  position: absolute;
  top: 3px;
  right: 5px;
}
  



  
#cardHistoricalheader {
    padding: 10px;
    cursor: move;
    z-index: 10;
    background-color: rgb(50, 104, 156);
    color: #fff;
  }

/* Estilos para el slider de años de ortofotos */
#sliderOrthoSearchByYear .noUi-connect {
    background: rgb(50, 104, 156) !important;
}
#sliderOrthoSearchByYear .noUi-handle {
    border-color: rgb(50, 104, 156) !important;
    background: #fff !important;
}
#sliderOrthoSearchByYear .noUi-tooltip {
    background: rgb(50, 104, 156) !important;
    color: #fff !important;
    border: none !important;
}