/* ============================================================================
   Arreglos de UI para Google Maps bajo el tema del sitio.

   El tema global (newDesign/main.css) aplica `img { max-width: 100% }` a TODAS
   las imagenes, lo que deforma los sprites de los controles de Google Maps
   (zoom +/-, pantalla completa, Street View, tipo de mapa) y los iconos de los
   marcadores. Tambien "embellece" botones/enlaces y rompe la X de cerrar del
   InfoWindow.

   Aqui se acota todo a los contenedores propios de Google (.gm-style / .gmnoprint),
   sin tocar el alto del mapa. Mismo arreglo que ya se hizo en los mapas de Air.
   Se incluye en TODAS las vistas con mapa de reports (display y picker).
   ========================================================================== */

/* Controles y marcadores: el tema NO debe redimensionar las imagenes de Google. */
.gm-style img,
.gmnoprint img {
    max-width: none !important;
    max-height: none !important;
}

/* bootstrap-forms.css aplica a TODO <button> `height:auto`, `line-height:1.5` y
   `padding:0.4rem` con !important, lo que APLASTA los botones de control de
   Google (pantalla completa, zoom, rotar): todos usan height:40px inline pero
   quedaban en ~15px. Aqui se les restaura la geometria (acotado a los botones
   de control, sin tocar los de tipo de mapa "Mapa/Satelite" que llevan texto). */
.gm-style button.gm-control-active,
.gm-style button.gm-fullscreen-control,
.gmnoprint button.gm-control-active {
    height: 40px !important;
    min-height: 0 !important;
    line-height: normal !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* InfoWindow: padding consistente y scroll del cuerpo. */
.gm-style .gm-style-iw-c { padding: 13px !important; }
.gm-style-iw-d { overflow: auto !important; }

/* Boton de cerrar (X): quitar el fondo/borde/sombra que mete el tema y dejarlo
   pequenio y discreto. */
.gm-style-iw button.gm-ui-hover-effect,
.gm-style-iw-chr button,
.gm-style-iw button.gm-ui-hover-effect:hover,
.gm-style-iw button.gm-ui-hover-effect:focus,
.gm-style-iw button.gm-ui-hover-effect:active {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    top: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: .5;
}
.gm-style-iw button.gm-ui-hover-effect:hover { opacity: .85; }
.gm-style-iw button.gm-ui-hover-effect > span {
    width: 13px !important;
    height: 13px !important;
    margin: 5px !important;
    background-color: #5f6b66 !important;
}