html,
body,
#mapajs {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}

.m-mapea-container {
    background-image: none !important
}

.m-layerswitcher-container li span.m-layerswitcher-remove {
    display: none;
}

/*  ESTILOS SOBREESCRITOS */


div.m-panel.m-maxextzoom {
  background-color: #007932 !important;
}

div.m-panel.m-maxextzoom > div.m-panel-controls > div.m-maxextzoom  button {
  color: #ffffff !important;
}

div.m-area.m-top.m-left{
  top: 60px !important;
}

div.m-panel.m-geosearch.opened > button.m-panel-btn.g-cartografia-flecha-izquierda{
background-color: #007932 !important;
color: #fff !important;
}

div.m-panel.m-geosearch.opened > div.m-panel-controls button{
color: #007932 !important;
}

input#m-geosearch-search-input {
font-family: "Source Sans Pro", sans-serif!important;
}

div.m-panel.m-geosearch.collapsed > button.m-panel-btn.g-cartografia-zoom{
color:#007932 !important;
}

div.ol-overviewmap.ol-unselectable.ol-control.ol-collapsed > button.g-cartografia-mundo,
div.ol-overviewmap.ol-unselectable.ol-control > button.g-cartografia-flecha-derecha2 {
color: #007932 !important;
}

div.m-panel.m-panzoom.opened.no-collapsible > div.m-panel-controls > div.ol-zoom.ol-unselectable.ol-control > button.ol-zoom-in,
div.m-panel.m-panzoom.opened.no-collapsible > div.m-panel-controls > div.ol-zoom.ol-unselectable.ol-control > button.ol-zoom-out{
color: #007932 !important;
}

div.m-panel.m-panzoombar.opened.no-collapsible > div.m-panel-controls > div.ol-zoomslider.ol-unselectable.ol-control > button.ol-zoomslider-thumb.ol-unselectable{

background-color: #5ea668;
border: 1px solid #007932 !important;
cursor: pointer;
}

div.m-panel.m-map-info.m-with-mouse.opened.no-collapsible.m-with-scale.m-with-overview > div.m-panel-controls > div.m-mouse-position.g-cartografia-flecha,
div.m-panel.m-map-info.m-with-mouse.opened.no-collapsible.m-with-scale.m-with-overview > div.m-panel-controls > div.m-control.m-scale-container,
div.m-panel.m-map-info.m-with-mouse.opened.no-collapsible.m-with-scale.m-with-overview > div.m-panel-controls > div.m-control.m-scale-container > div.m-unit.g-cartografia-escala3{
font-family: "Source Sans Pro", sans-serif!important;
}

div.m-panel.m-scaleline.opened.no-collapsible > div.m-panel-controls > div.ol-scale-line.ol-unselectable > div.ol-scale-line-inner{
font-family: "Source Sans Pro", sans-serif!important;
}

/* div.m-panel.m-maxextzoom {
    background-color: #00897b !important;
}
  
div.m-panel.m-maxextzoom > div.m-panel-controls > div.m-maxextzoom  button {
    color: #ffffff !important;
}

div.m-area.m-top.m-left{
    top: 60px !important;
} */

/* ESTILOS PROPIOS*/

.buttonInfoGrouped{
    margin-right: 510px !important;
    margin-top: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
    background-color: #00897b !important;
    border-top:1px solid #00897b !important;
    border-left:1px solid #00897b !important;
  }
  
  .maxExtentGrouped{
    margin-right: 510px !important; 
    margin-top: -848px !important; 
    border-bottom-right-radius: 0px !important; 
    border-top-right-radius: 0px !important; 
    border-top: 1px solid rgb(0, 137, 123); 
    border-left: 1px solid rgb(0, 137, 123); 
    /* background-color: rgb(0, 137, 123) !important;  */
  }
  
  
  .panelBottomRightOpened{
    margin-right: 520px !important;
  }


  /*    Título del visor y enlaces a página de producto e IECA*/

  #titleVisor{
    position: absolute;
    display: flex;
    width: 520px;
    padding-left: 20px;
    padding-right: 20px;
    height: 50px;    
    background-color: #fff;
    color: #6c6c6c;
    top: 0px;
    left: 0px;
    justify-content: left;
    align-items: center;
    font-family: Montserrat, sans-serif !important;
    font-size: 14px;
    font-weight: 600;
    font-style: italic;
    border-radius: 0px 0px 50px 0px;    
    border-right: 2px solid #007932;
    border-bottom: 2px solid #007932;
    box-shadow: 5px 5px 10px #e4e4e4;
    user-select: none;
  }

  #titleVisor h1 {
    max-width: 250px;
    font-size: 17px;
    text-align: center;
}

  a.enlaceProducto{
    text-decoration: none;
    color:#007932;
  }

  a.enlaceProducto:hover{
    color: #007932;
  }

  a.enlaceIECA{
      height: 50px;
      width: 150px; 
      padding-right: 20px; 
      text-decoration: none;          
  }

  a.enlaceIECA > div > p{
    font-size: 8px;
    font-family: Arial, Helvetica, sans-serif !important;
    margin-block-start: 4px;
    margin-block-end: 4px;
  }

  a.enlaceIECA_Junta{
    height: 50px;    
    padding-right: 10px;
    width: 60px;    
}

/* .extentArrow{  
  transform: translateX(4px);
  transform: translateY(-4px); 
  transform: scale(0.04) translateX(-400px) translateY(-300px);  
} */

.extentArrow:before{  
  /* font-size: 25px; */  
  /* content: '\1F5FA';   */
  /* content: '\21F1\21F2';     */
  content: url('../logos/extension.png');   
}