@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?3gtirf');
  src:  url('../fonts/icomoon.eot?3gtirf#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?3gtirf') format('truetype'),
    url('../fonts/icomoon.woff?3gtirf') format('woff'),
    url('../fonts/icomoon.svg?3gtirf#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Selection:before {
  content: "\f08a";
}
.icon-Analysis:before {
  content: "\e903";
}
.icon-Bank:before {
  content: "\e904";
}
.icon-Circle:before {
  content: "\e905";
}
.icon-Cloud:before {
  content: "\e906";
}
.icon-Cluster:before {
  content: "\e907";
}
.icon-Colonia:before {
  content: "\e908";
}
.icon-Cow:before {
  content: "\e909";
}
.icon-Eraser:before {
  content: "\e90a";
}
.icon-Fire:before {
  content: "\e90b";
}
.icon-Fuel:before {
  content: "\e90c";
}
.icon-Hazard:before {
  content: "\e90d";
}
.icon-Hospital:before {
  content: "\e90e";
}
.icon-Hotel:before {
  content: "\e90f";
}
.icon-House:before {
  content: "\e910";
}
.icon-Hurricane:before {
  content: "\e911";
}
.icon-INAH:before {
  content: "\e912";
}
.icon-Language:before {
  content: "\e913";
}
.icon-Mall:before {
  content: "\e914";
}
.icon-Mancha:before {
  content: "\e915";
}
.icon-Plane:before {
  content: "\e916";
}
.icon-Population:before {
  content: "\e917";
}
.icon-Presa:before {
  content: "\e918";
}
.icon-School:before {
  content: "\e919";
}
.icon-Triangle:before {
  content: "\e91a";
}
.icon-Volcano:before {
  content: "\e91b";
}
.icon-Wind:before {
  content: "\e91c";
}
.icon-Info:before {
  content: "\e91d";
}
.icon-Diconsa:before {
  content: "\e902";
}
.icon-Carretera:before {
  content: "\e901";
}
.icon-Abasto:before {
  content: "\e900";
}


#credit a {
        color: #08c;
}

.animate
{
  transition: all 0.1s;
  -webkit-transition: all 0.1s;
}

.action-button
{
  position: relative;
  padding: 10px 40px;
        margin: 0px 10px 10px 0px;
        float: left;
  border-radius: 10px;
  font-family: 'Pacifico', cursive;
  font-size: 25px;
  color: #FFF;
  text-decoration: none;
}


/*Color de letras Capas y estados*/
a.ui-collapsible-heading-toggle.ui-btn.ui-btn-icon-left.ui-btn-b.ui-icon-plus{
  color:#9E9E9E;
}

a.ui-collapsible-heading-toggle.ui-btn.ui-btn-icon-left.ui-btn-b.ui-icon-minus{
  color:#9E9E9E;
}
/*Fin Color de letras Capas y estados*/


/*div de las latitud y escala*/
span.unidades{
            position: absolute;
            left: 40%;
            bottom: 3px;
            width: 36.5em;
            height: 1.5em;
            z-index: 40;
            background:rgba(65, 65, 65, 0.5);
            color: #FFF;
           /* padding: 5px;
          /*  border: 1px solid #FFF;*/
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            font-family: arial;
            font-size: 0.9em;
            text-align: center !important;
}

/*Barra longitud, latitu*/
#escala{
            position: relative;
            color: #FFF;
           /* padding: 5px;
          /*  border: 1px solid #FFF;*/
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            font-family: arial;

           /* text-align: center !important;*/
}
/*FIn Barra longitud, latitu*/

/*Barra longitud, latitu*/
#ubicacion{
            position: relative;

            color: #FFF;
           /* padding: 5px;
          /*  border: 1px solid #FFF;*/
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            font-family: arial;

          /*  text-align: center !important;*/
}
/*FIn Barra longitud, latitu*/

/* Fin div de las latitud y escala*/

/*Contendor de resultados de analisis*/
.text-center{
  text-align: center;
}

#analisis-container{
  margin: 0;
  padding: 0;
  color: white;
}

#analisis-container ul{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#analisis-container ul li{
  width: 50%;
  padding-bottom: 0.2em;
}

#analisis-container ul .col-2{
  width: 100%;
}

table {
  border-collapse: collapse;
}

td, th {
  border: 2px solid #999;
}

#analisis-container ul li figure{
  padding: 0;
  margin: 0;
  text-align: center;
  font-weight: bold;
}

#analisis-container ul li figure img{
  width: 100%;
  height: 100%;
}

#analisis-container ul li [class^='icon-'], #analisis-container ul li [class*=' icon-'] {
  font-size: 3em;
}

#analisis-container ul li .description{
  font-size: 0.8em;
}

/*#analisis-container ul li #Poblacion img{ //se comentó para que la imagen no se haga pequeña
  width: 50%;
  height: 50%;
}*/

/* Fin de panel de análisis*/

/*Tabla de resultados*/
#table{
  position: absolute;
  bottom: 0;
  max-height: 200px;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #2a2a2a;
  overflow-y: auto;
  z-index: 100;
  color: white;
}

#table tr:nth-child(even){background-color: #585858}

#table table{
  width: 100%;
  text-shadow: 0 0px 0 #111;
}

#table table tbody {
  text-align: right;
}

#table table thead{
  text-align: center;
  font-weight: bold;
}

#table table tbody tr td:nth-child(1){
  text-align: center;
}
/*Fin de tabla de resultados*/

/*Boton de Mapa Base*/

a.ui-btn.ui-corner-all.ui-shadow.ui-btn-inline{
  position:absolute;
  top:200px;
  left:16px;
  background-image: url("../imagenes/mapabase.png") !important;
  background-repeat: no-repeat;
  border:none !important;
  background-color: rgba(10,10,10,0);
  width: 2px !important;
  height: 12px;
}

/*Fin boton mapa base*/

/*Para contenido del TOC*/
.layerUrl{
  cursor: pointer;
}

.icon-Cluster{
  display: none;
  cursor: pointer;
}

.icon-Cluster.active{
  color: #08c;
}

.icon{
  width: 1.0em;
}
/*Fin contenido del TOC*/

/*para los botones del panel*/
.ui-collapsible{
  margin: 0 0;
}
.ui-collapsible-themed-content .ui-collapsible-content{
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 1px;
    border-style: none;
}
.ui-btn-icon-left:after{
  display:none;
}

.ui-mobile a img, .ui-mobile fieldset{
  border-width:thin;
}

/*fin botones del panel*/


.ui-mobile a img, .ui-mobile fieldset{
  border-width:thin;
}

.agsjsTOCContent {/*wrap el texto del TOC*/
    white-space:  pre-wrap!important;
}

/*-*****************************************************************************************************/

.agsjsTOCOutOfScale {
  /*    display: none; */
}


div#ui-settings-panel{
  background:rgba(56,54,54,0.67);
}

.ui-panel{
/*width: 8em;*/
min-height: 100%;
max-height: none;
border-width: 0;
position: fixed;
top: 0;
display: block;
/*overflow:scroll;*/
}

.panel-wrapper{
/*height: 760px;*/
right: 0;
}

.contenido{

}

.ui-panel-inner{
  padding:0em;
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    bottom: 0px;
    overflow: auto;
    overflow-x:hidden;
}

.divCapas img{
  width:13px;
}





  /*
   * --------------------------------------------------------------------
   * The code within this style block would ideally go into an external
   * stylesheet such as:
   * <link rel="stylesheet" href="./css/app.css" />
   * --------------------------------------------------------------------
   */
  html, body, #ui-map-page, #ui-map-content, #ui-map {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }

  #ui-settings-page {
    width: 100%;
    height: 100%;
    padding: 0;
  }

  #ui-settings-content {
    margin: 1.25em;
  }



  /* Search dijit */




  .arcgisSearch {
    display: block;
    top: 1.25em;
    left: 4em;
    /*right: 0.625em;*/
    position: absolute;
    /*height: 3.75em;
    width: auto;*/
    font-size: 1em;
    line-height: 1.25em;
    z-index: 3;
  }

  .arcgisSearch .searchGroup {
    font-family: HelveticaNeue-Light, Roboto, Helvetica, Arial, san-serif;
    line-height: 22px;
    font-size: 1.1875em;
  }

/*Barra de análisis*/


/*#analisis{
    z-index: 999;
    position:absolute;
    /*top: 3.8em;
    left: 0.625em;
    height: 3.75em;*/
    /*width: auto;*/
   /* left:24em;*/
  /*  left:420px;*/
    /*top:1.2em;*/
    /*top:20px;
    /*height:30px;
    width:150px;*/
    /*cursor: pointer;
}*/

#toolbar{
  z-index: 1;
  position:absolute;
  left:370px;
  top:20px;
  height: 40px;
  display: flex;
  align-items: center;
}

#toolbar span{
  color: rgba(255, 255, 255, 0.4);
  font-size: 1.5em;
  padding: 0.4em;
  background: #2A2A2A;
  border-radius: 50%;
  margin-right: 5px;
  cursor: pointer;
}

#toolbar span.active{
  color: white;
  position: relative;
}

#toolbar span:hover{
  color: white;
}

#analisis, #shapes{
  display: flex;
  align-items: center;
}

.toolbar-container{
  display: flex;
  position: relative;
}

.message{
  position: absolute;
  top: 110%;
  background: white;
  border-radius: 5px;
  padding: 0.25em;
  color: black;
  border: 1px solid black;
  display: none;
}

.message::before{
  content: "";
  position: absolute;
  right: 5%;
  top: -30%;
  height: 0;
  width: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
}

.message.unable{
  color: #EF2B2B;
}

/*Boton para limpiar el dibujo de analisis*/
 #BtnAtras{
          z-index: 800;
          position:absolute;
          top:90px;
          left:18px;
           background-color: transparent;
          background-image: url("../imagenes/icono_atras.png") !important;
          width: 34px;
          height: 34px;
          border:none;
          cursor:pointer;
  }


#btnMunicipios{
          z-index: 800;
          position:absolute;
          top:240px;
          left:16px;
          background-color: transparent;
          background-image: url("../imagenes/MunAfec.png") !important;
          width: 34px;
          height: 34px;
          border:none;
          cursor:pointer;
}

button#btnRios{
    z-index: 800;
    position:absolute;
    top:280px;
    left:16px;
    background-color: transparent;
    background-image: url("../imagenes/rio.png") !important;
    background-size: 34px 34px;
    width: 34px;
    height: 34px;
    border:none;
    cursor:pointer;
}

#btnHuracan{
          z-index: 800;
          position:absolute;
          top:320px;
          left:16px;
    background-color: transparent;
          background-image: url("../imagenes/huracan.png") !important;
          width: 34px;
          height: 34px;
          border:none;
          cursor:pointer;
}

#btnViento{
  position:absolute;
  z-index: 800;
  top:360px;
  left:16px;
  background-color: transparent;
  background-image: url("../imagenes/viento.png") !important;
  width: 34px;
  height: 34px;
  border:none;
  cursor:pointer;
}

.esriControlsBR{/* ocultar el logo de esri*/
    display: none;
}

/*Boton para limpiar*/
/*img#BtnLimpiar{
  position: absolute;
  z-index: 999;
  top: 20px;
  left: 550px;
  width:40px;
  height:40px;
}*/
/*Fin de boton para limpiar*/
/*Boton para Información de análisis*/
img#BtnInformacion{
  position: absolute;
  z-index: 999;
  top: 20px;
  left: 592px;
  width:40px;
  height:40px;
}
/*Fin de boton para informacion de análisis*/
/*Logo de CENAPRED*/
#logoCenapred {
    position: absolute;
    bottom: 25px;
    left: 240px;
    z-index: 5;
}

#logoSegob {
    position: absolute;
    bottom: 20px;
    left: 15px;
    z-index: 5;
}
/*Fin logo CENAPRED*/

    #Img5{
        position:absolute;
        bottom:15px;
        left:300px ;
        width: 540px;
        z-index: 700;
        visibility:hidden;
    }

@media screen and (max-width:400px) {

    #Img2{
        display:none;
        position:absolute;
        top:100px !important;
        left:75px !important;
        width: 20%;
        height: 13%;
    }

    #Img3{
        display:none;
        position:absolute;
        top:280px !important;
        left:75px !important;
        width: 20%;
        height: 30%;
    }

    #Img4{
        display:none;
        position:absolute;
        top:180px !important;
        left:75px !important;
        width: 20%;
        height: 30%;
    }

    #Img5{
        display:none;
        position:absolute;
        bottom:15px;
        left:300px ;
        width: 540px;
        z-index: 700;
        visibility:hidden;
    }
}


/*#HomeButton {
    position: absolute;
    top: 167px;
    left: 19px;
    z-index: 999;
}*/


 /* @media (min-device-width: 22.5625em) {
    #info {
  /*    width: 22.5em;*/
   /* }
  }

  @media screen and (min-width: 768px) {
    #info {
      /*margin: 0 auto;*/
   /*   top: 1.25em;
    }
  }*/


/************************************************************/

/**/
.esriSimpleSliderTL{
  left:1em;
}

  /* zoom slider */
  .esriSimpleSlider div {
    width: 1.125em;
    height: 1.125em;
    font-size: 1.875em;
    line-height: 0.9375em;
    background:#54585E;
    color:white;
    border:0.5px solid #FFFFFF;
  }

  .esriSimpleSliderHorizontal.esriSimpleSliderBR {
    right: 0.3125em;
    bottom: 1.625em;
  }

  @media screen and (min-width: 768px) {
    .esriSimpleSliderHorizontal.esriSimpleSliderBR {
      bottom: 2.875em;
    }
  }





/* home button*/
  .HomeButton .home {
    background-image: url("../imagenes/home.png");
    position:absolute;
    top: 10.5em;
    left: 1em;
   /* right: 0.3125em;
    bottom: 6.5em;*/
    cursor: pointer;
  }


    @media screen and (min-width: 768px) {
     .HomeButton .home {
      bottom: 7.8em;
    }
  }

/*******************************/

  /* LocateButton dijit */

  .LocateButton .zoomLocateButton {
    /*background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-3%20-3%2020%2020%22%20enable-background%3D%22new%20-3%20-3%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%2357585A%22%20d%3D%22M7-3C3.8-3%2C1.3-0.4%2C1.3%2C2.7C1.3%2C5.6%2C7%2C17%2C7%2C17s5.7-11.4%2C5.7-14.3C12.7-0.4%2C10.2-3%2C7-3z%20M7%2C5.6%0A%09c-1.6%2C0-2.9-1.3-2.9-2.9S5.4-0.1%2C7-0.1s2.9%2C1.3%2C2.9%2C2.9S8.6%2C5.6%2C7%2C5.6z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    */
    background-image: url("../imagenes/locate.png");
    position: absolute;
    top: 130px;
    left: 1em;
    z-index: 1;
    /*background-size: 1.5625em;*/
  /*  position: absolute;*/
   /* right: 0.3125em;
    bottom: 4.0625em;
    z-index: 3;*/
    /*background-color: #FFFFFF;*/
    /*border:0.5px solid #FFFFFF;*/
  }

  @media screen and (min-width: 768px) {
    .LocateButton .zoomLocateButton {
      bottom: 5.3125em;
    }
  }

  .LocateButton .zoomLocateButton:hover {
    /*background-size: 1.5625em;
    background-color: #EEEEEE;
    /*color: #4C4C4C;*/
  }

  .LocateButton .tracking {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-3%20-3%2020%2020%22%20enable-background%3D%22new%20-3%20-3%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%20id%3D%22normal%22%20display%3D%22none%22%3E%0A%09%3Cpath%20display%3D%22inline%22%20fill%3D%22%2357585A%22%20d%3D%22M7-3C3.8-3%2C1.3-0.4%2C1.3%2C2.7C1.3%2C5.6%2C7%2C17%2C7%2C17s5.7-11.4%2C5.7-14.3C12.7-0.4%2C10.2-3%2C7-3z%0A%09%09%20M7%2C5.6c-1.6%2C0-2.9-1.3-2.9-2.9S5.4-0.1%2C7-0.1s2.9%2C1.3%2C2.9%2C2.9S8.6%2C5.6%2C7%2C5.6z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22hover%22%3E%0A%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M7-3C3.8-3%2C1.3-0.4%2C1.3%2C2.7C1.3%2C5.6%2C7%2C17%2C7%2C17s5.7-11.4%2C5.7-14.3C12.7-0.4%2C10.2-3%2C7-3z%20M7%2C5.6%0A%09%09c-1.6%2C0-2.9-1.3-2.9-2.9S5.4-0.1%2C7-0.1s2.9%2C1.3%2C2.9%2C2.9S8.6%2C5.6%2C7%2C5.6z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    background-size: 1.5625em;
    background-color: #EEEEEE;
  }




/*Estilo de mapa base**********************************************************************************************************************/
.claro .dijitTitlePaneContentInner{
    background-color: rgb(87, 87, 88);
}


/*.claro .dijitContentPane {
    background-color: rgb(87, 87, 88);
}*/

.claro .dijitTitlePaneContentOuter{
    border:none;
}


.claro .dijitTitlePaneTitle {
  background-color: #efefef;
  /* background-image: url("http://internationalwesternfestival.com/wp-content/themes/flight/images/icons/social/twitter.png"); */
  /*background-repeat: repeat-x;*/
  /*background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);*/
  /* background-image: url("http://internationalwesternfestival.com/wp-content/themes/flight/images/icons/social/twitter.png"); */
  /*background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);*/
  /* background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); */
  /*_background-image: none;*/
  border: 1px solid #b5bcc7;
  padding: 0 7px 3px 7px;
  min-height: 17px;
  color: #494949;
}

.claro .dijitTitlePaneTitle {
    background-image: url("../imagenes/mapabase.png") !important;
    background-repeat: no-repeat;
    border:none !important;
    background-color: rgba(10,10,10,0);
    width: 30px;
    height: 32px;
}

/*imagenes/mapabase.png*/

.claro .dijitTitlePaneTitleOpen, .claro .dijitTitlePaneTitleFixedOpen {
  background-color: rgba(207, 229, 250, 0);
  color: rgba(207, 229, 250, 0);
  background-repeat: no-repeat;
  border: none;
}

.claro .dijitTitlePane .dijitArrowNode, .claro .dijitFieldset .dijitArrowNode{
    background-image: none !important;
}

/*Fin de Estilo de mapa base/***********************************************************************************************************************/

  /* Settings button */

  #ui-settings-button {
    z-index: 3;
    right: -15px;
    width: 1.875em;
    height: 1.875em;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0.125em;
    background-size: 1.5625em;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220.04257%20-0.00098%2018%2016.95918%22%20enable-background%3D%22new%200.04257%20-0.00098%2018%2016.95918%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20id%3D%22normal%22%20fill%3D%22%2357585A%22%20d%3D%22M2.16709%2C3.20293h13.64494c0.59759%2C0%2C1.09558-0.49799%2C1.09558-1.09558%0A%09s-0.49799-1.09558-1.09558-1.09558H2.16709C1.5695%2C0.91217%2C1.07151%2C1.41016%2C1.07151%2C2.00775S1.5695%2C3.20293%2C2.16709%2C3.20293z%0A%09%20M15.91162%2C5.32674H2.16709c-0.59759%2C0-1.09558%2C0.49799-1.09558%2C1.09558S1.5695%2C7.5179%2C2.16709%2C7.5179h13.64494%0A%09c0.69719%2C0%2C1.19518-0.49799%2C1.19518-1.09558S16.50921%2C5.32674%2C15.91162%2C5.32674z%20M15.91162%2C9.57493H2.16709%0A%09c-0.59759%2C0-1.09558%2C0.49799-1.09558%2C1.09558c0%2C0.59759%2C0.49799%2C1.09558%2C1.09558%2C1.09558h13.64494%0A%09c0.59759%2C0%2C1.09558-0.49799%2C1.09558-1.09558C17.0072%2C10.07293%2C16.50921%2C9.57493%2C15.91162%2C9.57493z%20M15.94501%2C13.80961H2.20047%0A%09c-0.59759%2C0-1.09558%2C0.49799-1.09558%2C1.09558c0%2C0.59759%2C0.49799%2C1.09558%2C1.09558%2C1.09558h13.64494%0A%09c0.59759%2C0%2C1.09558-0.49799%2C1.09558-1.09558C17.04059%2C14.3076%2C16.5426%2C13.80961%2C15.94501%2C13.80961z%22%2F%3E%0A%3Cg%20id%3D%22hover%22%20display%3D%22none%22%3E%0A%09%3Cpath%20display%3D%22inline%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M0.1%2C3.6h13.7c0.6%2C0%2C1.1-0.5%2C1.1-1.1s-0.5-1.1-1.1-1.1H0.1C-0.5%2C1.3-1%2C1.8-1%2C2.4%0A%09%09S-0.5%2C3.6%2C0.1%2C3.6z%20M13.9%2C5.9H0.1C-0.5%2C5.9-1%2C6.4-1%2C7s0.5%2C1.1%2C1.1%2C1.1h13.7C14.5%2C8.1%2C15%2C7.6%2C15%2C7S14.5%2C5.9%2C13.9%2C5.9z%20M13.9%2C10.4%0A%09%09H0.1c-0.6%2C0-1.1%2C0.5-1.1%2C1.1s0.5%2C1.1%2C1.1%2C1.1h13.7c0.6%2C0%2C1.1-0.5%2C1.1-1.1C15%2C10.9%2C14.5%2C10.4%2C13.9%2C10.4z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    background-color: #FFFFFF;
    border: 1px solid #57585A;
    border-radius: 0.3125em;
  }

  #ui-settings-button:hover {
    background-color: #EEEEEE;
    color: #4C4C4C;
  }

  .basemapOption:last-child {
    padding-bottom: 1.25em;
  }

  .basemapOptionSelected {
    background-color: #333333;
    color: #f6f6f6;
  }

  .basemapOptionNormal {
    background-color: #f6f6f6;
    color: #333333;
  }

  /* PopupMobile dijit */

  .esriMobileNavigationBar {
    z-index: 3;
    background: #EEEEEE;
  }

  .esriMobileNavigationBar .esriMobileNavigationItem.right {
    padding-right: 0.3125em;
  }

  .esriMobileNavigationBar .esriMobileNavigationItem.right img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.25em;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-298%20390%2014%2014%22%20enable-background%3D%22new%20-298%20390%2014%2014%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%2357585A%22%20points%3D%22-289%2C397%20-289%2C390%20-293%2C390%20-293%2C397%20-298%2C397%20-291%2C404%20-284%2C397%20%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  }

  .esriMobileNavigationBar .esriMobileNavigationItem.left {
    padding-left: 0.3125em;
  }

  .esriMobileNavigationBar .esriMobileNavigationItem.left img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.25em;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-298%20390%2014%2014%22%20enable-background%3D%22new%20-298%20390%2014%2014%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%2357585A%22%20points%3D%22-284%2C393%20-287%2C390%20-291%2C394%20-295%2C390%20-298%2C393%20-294%2C397%20-298%2C401%20-295%2C404%20-291%2C400%20-287%2C404%20%0A%09-284%2C401%20-288%2C397%20%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  }

  .esriMobileNavigationBar .esriMobileNavigationItem.center {
    text-shadow: none;
    color: #4C4C4C;
  }

  .esriPopupMobile {
    box-shadow: none;
    -webkit-box-shadow: none;
  }

  .esriPopupMobile .titlePane {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #57585A;
    border: 1px solid #57585A;
  }

  .esriPopupMobile .titleButton.prev {
    top: 26px;
    left: 76px;
    width: 18px;
    height: 11px;
    /* color: 57585A */
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-300%20391.5%2018%2011%22%20enable-background%3D%22new%20-300%20391.5%2018%2011%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%20id%3D%22next%22%20display%3D%22none%22%3E%0A%09%3Cpolygon%20display%3D%22inline%22%20fill%3D%22%2357585A%22%20points%3D%22-296.9%2C394.8%20-291.3%2C397%20-296.8%2C399.2%20-296.8%2C402.5%20-282.5%2C397%20-296.8%2C391.5%20%09%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22previous%22%3E%0A%09%3Cpolygon%20fill%3D%22%2357585A%22%20points%3D%22-282.5%2C399.2%20-288.1%2C397%20-282.5%2C394.8%20-282.5%2C391.5%20-296.9%2C397%20-282.5%2C402.5%20%09%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  }

  .esriPopupMobile .titleButton.next {
    top: 26px;
    right: 76px;
    width: 18px;
    height: 11px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-300%20391.5%2018%2011%22%20enable-background%3D%22new%20-300%20391.5%2018%2011%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%2357585A%22%20points%3D%22-296.9%2C394.8%20-291.3%2C397%20-296.8%2C399.2%20-296.8%2C402.5%20-282.5%2C397%20-296.8%2C391.5%20%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  }

  .esriMobileNavigationBar .esriMobileNavigationItem.right1 {
    width: 32px;
    height: 32px;
    float: right;
    position: absolute;
    right: 36px;
    top: 0;
  }

  .esriMobileNavigationBar .esriMobileNavigationItem.right1 img {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-307%20381%2032%2032%22%20enable-background%3D%22new%20-307%20381%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%20id%3D%22previous%22%20display%3D%22none%22%3E%0A%09%3Cpolygon%20display%3D%22inline%22%20fill%3D%22%2357585A%22%20points%3D%22-282.6%2C407.1%20-292.7%2C397%20-282.6%2C386.8%20-286.9%2C382.5%20-301.4%2C397%20-286.9%2C411.5%20%09%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22next%22%3E%0A%09%3Cpolygon%20fill%3D%22%2357585A%22%20points%3D%22-301.4%2C386.8%20-291.3%2C397%20-301.4%2C407.1%20-297.1%2C411.5%20-282.6%2C397%20-297.1%2C382.5%20%09%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  }

  .esriMobileNavigationBar .esriMobileNavigationItem.right2 {
    width: 32px;
    height: 32px;
    float: right;
    position: absolute;
    right: 74px;
    top: 0;
  }

  .esriMobileNavigationBar .esriMobileNavigationItem.right2 img {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-307%20381%2032%2032%22%20enable-background%3D%22new%20-307%20381%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%20id%3D%22previous%22%3E%0A%09%3Cpolygon%20fill%3D%22%2357585A%22%20points%3D%22-282.6%2C407.1%20-292.7%2C397%20-282.6%2C386.8%20-286.9%2C382.5%20-301.4%2C397%20-286.9%2C411.5%20%09%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22next%22%20display%3D%22none%22%3E%0A%09%3Cpolygon%20display%3D%22inline%22%20fill%3D%22%2357585A%22%20points%3D%22-301.4%2C386.8%20-291.3%2C397%20-301.4%2C407.1%20-297.1%2C411.5%20-282.6%2C397%20-297.1%2C382.5%20%09%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  }

  .esriPopupMobile .titleButton.close {
    background-size: 2.1875em;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%20id%3D%22close-button%22%3E%0A%09%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2215.95833%22%20cy%3D%2215.58333%22%20r%3D%2213.25%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20x1%3D%229.58333%22%20y1%3D%229.58333%22%20x2%3D%2222.45833%22%20y2%3D%2222.45833%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20x1%3D%229.58333%22%20y1%3D%2222.45833%22%20x2%3D%2222.45833%22%20y2%3D%229.58333%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  }

  .esriPopupMobile .titleButton.arrow {
    background-position: center;
    background-size: 2.1875em;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%20id%3D%22close-button%22%20display%3D%22none%22%3E%0A%09%3Ccircle%20display%3D%22inline%22%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2216%22%20cy%3D%2215.6%22%20r%3D%2213.2%22%2F%3E%0A%09%0A%09%09%3Cline%20display%3D%22inline%22%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20x1%3D%229.6%22%20y1%3D%229.6%22%20x2%3D%2222.5%22%20y2%3D%2222.5%22%2F%3E%0A%09%0A%09%09%3Cline%20display%3D%22inline%22%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20x1%3D%229.6%22%20y1%3D%2222.5%22%20x2%3D%2222.5%22%20y2%3D%229.6%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22arrow-right%22%3E%0A%09%3Ccircle%20display%3D%22none%22%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2216%22%20cy%3D%2215.6%22%20r%3D%2213.2%22%2F%3E%0A%09%3Cg%3E%0A%09%09%3Cline%20display%3D%22none%22%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2216%22%20y1%3D%2216%22%20x2%3D%2222.5%22%20y2%3D%2222.5%22%2F%3E%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2220%22%20y1%3D%2215.5%22%20x2%3D%2212%22%20y2%3D%227.6%22%2F%3E%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2211.8%22%20y1%3D%2223.5%22%20x2%3D%2220.4%22%20y2%3D%2214.7%22%2F%3E%0A%09%09%3Cline%20display%3D%22none%22%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2222.5%22%20y1%3D%229.6%22%20x2%3D%2216%22%20y2%3D%2216%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  }

  .esriPopupMobile .pointer.top {
    top: -11px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2024%2012%22%20enable-background%3D%22new%200%200%2024%2012%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%20id%3D%22pointer-bottom%22%20display%3D%22none%22%3E%0A%09%3Cg%20display%3D%22inline%22%3E%0A%09%09%3Cpolyline%20points%3D%220%2C-0.5%2011.48108%2C11.5%2024%2C-0.5%200%2C-0.5%20%09%09%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%20display%3D%22inline%22%3E%0A%09%09%3Cpolyline%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23333333%22%20stroke-miterlimit%3D%2210%22%20points%3D%220%2C-0.5%2011.48108%2C11.5%2024%2C-0.5%200%2C-0.5%20%09%09%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22pointer-top%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpolyline%20points%3D%2224%2C13.5%2012.51892%2C1.5%200%2C13.5%2024%2C13.5%20%09%09%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%3E%0A%09%09%3Cpolyline%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23333333%22%20stroke-miterlimit%3D%2210%22%20points%3D%2224%2C13.5%2012.51892%2C1.5%200%2C13.5%2024%2C13.5%20%09%09%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  }

  .esriPopupMobile .pointer.bottom {
    bottom: -11px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2024%2012%22%20enable-background%3D%22new%200%200%2024%2012%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%20id%3D%22pointer-bottom%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpolyline%20points%3D%220%2C-0.5%2011.48108%2C11.5%2024%2C-0.5%200%2C-0.5%20%09%09%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%3E%0A%09%09%3Cpolyline%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23333333%22%20stroke-miterlimit%3D%2210%22%20points%3D%220%2C-0.5%2011.48108%2C11.5%2024%2C-0.5%200%2C-0.5%20%09%09%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22pointer-top%22%20display%3D%22none%22%3E%0A%09%3Cg%20display%3D%22inline%22%3E%0A%09%09%3Cpolyline%20points%3D%2224%2C13%2012.51892%2C1%200%2C13%2024%2C13%20%09%09%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%20display%3D%22inline%22%3E%0A%09%09%3Cpolyline%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23333333%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20points%3D%2224%2C13%2012.51892%2C1%200%2C13%2024%2C13%20%09%09%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  }

  .esriMobileInfoView .esriMobileInfoViewSection {
    margin: 0.375em;
    padding: 0.375em;
    border: solid 2px #57585A;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 10px;
    -webkit-box-sizing: border-box;
  }

  .esriMobileInfoViewItem {
    margin: 0px;
    padding-top: 0.5em;
    padding-left: 0.5em;
    color: #262626;
  }

  .infoTemplateContentRowLabel {
    font-weight: bold;
    line-height: 2em;
    vertical-align: middle;
    width: 20em;
    display: inline-block;
  }

  .infoTemplateContentRowItem {
    line-height: 2em;
    padding-left: 0.5em;
    vertical-align: middle;
  }

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
  text-shadow: transparent 0px 0px;
}

html, body, #map, .map.container, #ui-map-content {
  padding:0;
  margin:0;
  height:100%;
  width: 100%;
  overflow: hidden!important;
}
html .ui-panel-page-container-b{
    text-shadow: unset;
}

/*Carga de archivos*/
.upload{
  text-align: center;
}

.upload .icon-Info{
  cursor: pointer;
}

.upload .icon-Info:hover{
  color: #08c;
}

.dropzone{
    width: 100%;
    border: 2px dashed #ccc;
    color: #ccc;
    text-align: center;
    margin-top: 0.5em;
}

.dropzone.dragover{
    border-color: white;
    color: white;
}

.dropzone div{
  margin: 0;
  padding: 0;
  border: none;
  height: 100%;
}

.dropzone input[type="file"]{
  padding: 3em 0.25em;
}

.separador {
    margin-top: 1em;
    padding: 0.2em;
    background: #EEEEEE;
    color: black;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#kmlList{
    margin-top: 1em;
}

#kmlList li{
    width: 100%;
}

#kmlList li img{
    width: 20px;
    cursor: pointer;
    margin-left: 0.5em;
}

.delete, .zoom{
  height: 1em;
  margin: 0 0.25em;
}
/*Fin de carga de archivos*/

/*Ocultar slider*/
.agsjsTOCSlider{
    display: none;
}

.opacitySlider{
  width: 100px;
}
/*Fin Ocultar slider*/

/*Elementos del panel*/
.clickable{
    cursor: pointer;
    background: transparent;
    border-radius: 20px;
    box-sizing: border-box;
    text-align: center;
}

.clickable [class^='icon-'], .clickable [class*=' icon-']{
  color: rgba(255, 255, 255, 0.4);
}

.clickable:hover > [class^='icon-'], .clickable > [class*=' icon-'] {
    color: white;
}

.clickable.clicked div{
  text-decoration: underline;
}

.clickable.clicked [class^='icon-'], .clickable.clicked [class*=' icon-']{
    border-radius: 20px;
    color: white;
}
.clickableaero{
    cursor: pointer;
    background: transparent;
    border-radius: 20px;
    box-sizing: border-box;
    text-align: center;
}

.clickableaero [class^='icon-'], .clickableaero [class*=' icon-']{
  color: rgba(255, 255, 255, 0.4);
}

.clickableaero:hover > [class^='icon-'], .clickableaero > [class*=' icon-'] {
    color: white;
}

.clickableaero.clicked div{
  text-decoration: underline;
}

.clickableaero.clicked [class^='icon-'], .clickableaero.clicked [class*=' icon-']{
    border-radius: 20px;
    color: white;
}

.clickableHotel{
    cursor: pointer;
    background: transparent;
    border-radius: 20px;
    box-sizing: border-box;
    text-align: center;
}

.clickableHotel [class^='icon-'], .clickableHotel [class*=' icon-']{
  color: rgba(255, 255, 255, 0.4);
}

.clickableHotel:hover > [class^='icon-'], .clickableHotel > [class*=' icon-'] {
    color: white;
}

.clickableHotel.clicked div{
  text-decoration: underline;
}

.clickableHotel.clicked [class^='icon-'], .clickableHotel.clicked [class*=' icon-']{
    border-radius: 20px;
    color: white;
}

/*Abasto*/
.clickableAbasto{
    cursor: pointer;
    background: transparent;
    border-radius: 20px;
    box-sizing: border-box;
    text-align: center;
}

.clickableAbasto [class^='icon-'], .clickableHotel [class*=' icon-']{
  color: rgba(255, 255, 255, 0.4);
}

.clickableAbasto:hover > [class^='icon-'], .clickableHotel > [class*=' icon-'] {
    color: white;
}

.clickableAbasto.clicked div{
  text-decoration: underline;
}

.clickableAbasto.clicked [class^='icon-'], .clickableHotel.clicked [class*=' icon-']{
    border-radius: 20px;
    color: white;
}

/*Carretera*/
.clickableCarretera{
    cursor: pointer;
    background: transparent;
    border-radius: 20px;
    box-sizing: border-box;
    text-align: center;
}

.clickableCarretera [class^='icon-'], .clickableHotel [class*=' icon-']{
  color: rgba(255, 255, 255, 0.4);
}

.clickableCarretera:hover > [class^='icon-'], .clickableHotel > [class*=' icon-'] {
    color: white;
}

.clickableCarretera.clicked div{
  text-decoration: underline;
}

.clickableCarretera.clicked [class^='icon-'], .clickableHotel.clicked [class*=' icon-']{
    border-radius: 20px;
    color: white;
}
/*Municipio*/
.clickableMunicipio{
    cursor: pointer;
    background: transparent;
    border-radius: 20px;
    box-sizing: border-box;
    text-align: center;
}

.clickableMunicipio [class^='icon-'], .clickableHotel [class*=' icon-']{
  color: rgba(255, 255, 255, 0.4);
}

.clickableMunicipio:hover > [class^='icon-'], .clickableHotel > [class*=' icon-'] {
    color: white;
}

.clickableMunicipio.clicked div{
  text-decoration: underline;
}

.clickableMunicipio.clicked [class^='icon-'], .clickableHotel.clicked [class*=' icon-']{
    border-radius: 20px;
    color: white;
}



/*Super*/
.clickableSuper{
    cursor: pointer;
    background: transparent;
    border-radius: 20px;
    box-sizing: border-box;
    text-align: center;
}

.clickableSuper [class^='icon-'], .clickableHotel [class*=' icon-']{
  color: rgba(255, 255, 255, 0.4);
}

.clickableSuper:hover > [class^='icon-'], .clickableHotel > [class*=' icon-'] {
    color: white;
}

.clickableSuper.clicked div{
  text-decoration: underline;
}

.clickableSuper.clicked [class^='icon-'], .clickableHotel.clicked [class*=' icon-']{
    border-radius: 20px;
    color: white;
}
/*Gas*/
.clickableGas{
    cursor: pointer;
    background: transparent;
    border-radius: 20px;
    box-sizing: border-box;
    text-align: center;
}

.clickableGas [class^='icon-'], .clickableHotel [class*=' icon-']{
  color: rgba(255, 255, 255, 0.4);
}

.clickableGas:hover > [class^='icon-'], .clickableHotel > [class*=' icon-'] {
    color: white;
}

.clickableGas.clicked div{
  text-decoration: underline;
}

.clickableGas.clicked [class^='icon-'], .clickableHotel.clicked [class*=' icon-']{
    border-radius: 20px;
    color: white;
}
/*Banco*/
.clickableBanco{
    cursor: pointer;
    background: transparent;
    border-radius: 20px;
    box-sizing: border-box;
    text-align: center;
}

.clickableBanco [class^='icon-'], .clickableHotel [class*=' icon-']{
  color: rgba(255, 255, 255, 0.4);
}

.clickableBanco:hover > [class^='icon-'], .clickableHotel > [class*=' icon-'] {
    color: white;
}

.clickableBanco.clicked div{
  text-decoration: underline;
}

.clickableBanco.clicked [class^='icon-'], .clickableHotel.clicked [class*=' icon-']{
    border-radius: 20px;
    color: white;
}

/*Diconsa*/
.clickableDiconsa{
    cursor: pointer;
    background: transparent;
    border-radius: 20px;
    box-sizing: border-box;
    text-align: center;
}

.clickableDiconsa [class^='icon-'], .clickableHotel [class*=' icon-']{
  color: rgba(255, 255, 255, 0.4);
}

.clickableDiconsa:hover > [class^='icon-'], .clickableHotel > [class*=' icon-'] {
    color: white;
}

.clickableDiconsa.clicked div{
  text-decoration: underline;
}

.clickableDiconsa.clicked [class^='icon-'], .clickableHotel.clicked [class*=' icon-']{
    border-radius: 20px;
    color: white;
}

/*Puertos*/
.clickablePuerto{
    cursor: pointer;
    background: transparent;
    border-radius: 20px;
    box-sizing: border-box;
    text-align: center;
}

.clickablePuerto [class^='icon-'], .clickablePuerto [class*=' icon-']{
  color: rgba(255, 255, 255, 0.4);
}

.clickablePuerto:hover > [class^='icon-'], .clickablePuerto > [class*=' icon-'] {
    color: white;
}

.clickablePuerto.clicked div{
  text-decoration: underline;
}

.clickablePuerto.clicked [class^='icon-'], .clickablePuerto.clicked [class*=' icon-']{
    border-radius: 20px;
    color: white;
}


/*Fin de elementos del panel*/

/*Inicio de Feature Table*/
#featureTable{
  position: absolute;
  z-index: 1000;
  width: 100%;
  bottom: 0;
  /* display: none; */
  background: #EFEFEF;
}

.tabs-container {
  position: relative;
}

.tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
}

.tabs__item {
  border: 1px solid #CCC;
  border-bottom: none;
  line-height: 2.5;
  white-space: nowrap;
  padding: 0 1em;
  margin-right: 1px;
  background: #EEE;
  border-radius: 5px 5px 0 0;
  position: relative;
  top: 1px;
  cursor: pointer;
  color: black;
}

.tabs__item.active{
  background: white;
  z-index: 20;
}

.panels {
  border: 1px solid #CCC;
  z-index: 10;
  position: relative;
  height: 250px;
  width: 100%;
  bottom: 0;
  color: black;
}

.panels__item {
  position: absolute;
  top: 200%;
}

.panels__item.active{
  position: relative;
  background: white;
  top: 0;
  height: 100%;
}
/*Fin de feature table*/

/*Capas Activas*/
#layersActive{
  color: black;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.7);
  align-items: center;
  justify-content: center;
  display: none;
}

#layersActive .layersActive-container{
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 11px 10px 17px 2px black;
  padding: 1em;
  border-radius: 10px;
  width: 35%;
}

#layersActive .layersActive-container .layer-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

#layersActive .layersActive-container .layers-container {
  max-height: 300px;
  overflow: auto;
}

#layersActive .layersActive-container .layer__item{
  padding: 0.1em 0;
  position: relative;
}

#layersActive .layersActive-container label{
  display: inline-block;
  margin-left: 1.5em;
}

#layersActive .layersActive-container label:hover{
  color: #2275d7;
  font-weight: bolder;
}

#layersActive .layersActive-container input {
  position: absolute;
}

#layersActive .layersActive-container input:checked + label{
  color: #2275d7;
  font-weight: bolder;
}

#layersActive .layersActive-container .options{
  display: flex;
  justify-content: space-around;
  margin-top: 1em;
}

#layersActive .layersActive-container .button{
  padding: 0.5em;
  color: white;
  border-radius: 5px;
}

#layersActive .layersActive-container .button.aceptar{
  background: #2275d7;
}

#layersActive .layersActive-container .button.cancelar{
  background: #d9534f;
}
/*Fin de Capas Activas*/

/*Grado de vulerabilidad social*/
#gvs-container h4{
  text-align: center;
}
#gvs-container .gvs{
  font-weight: bold;
}
#gvs-container .gvs ul{
  list-style: none;
}
#gvs-container li{
  width: 100%!important;
}
#gvs-container .gvs span{
  color: white;
}
/*Fin de Grado de vulerabilidad social*/

/*Shapefile input*/
/* label .ui-body-a, .ui-page-theme-a .ui-body-inherit, label .ui-bar-a .ui-body-inherit, label .ui-body-a .ui-body-inherit, label .ui-group-theme-a .ui-body-inherit, label .ui-panel-page-container-a {
  margin: 0;
  border: none;
}

input[type="file"]{
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.fileLabel {
  padding: 0.25em;
  border-radius: 3px;
  font-size: 1.25em;
  font-weight: 700;
  color: white;
  background-color: black;
  display: block;
  text-align: center;
  cursor: pointer;
}

.fileLabel:hover {
  background-color: red;
} */
/*Fin de Shapefile input*/

.esriPopup.esriPopupVisible.esriPopupMaximized{
  z-index: 1000;
}

@media screen and (max-width:450px) {
  span.unidades{
    width: 100%;
    left: 0;
    bottom: 0;
    font-size: 0.65em;
  }

  #toolbar{
      top:60px;
      left:65px;
  }
  
  #layersActive .layersActive-container{
    width: 100%;
    height: 100%;
  }

  #logoCenapred, #logoSegob{
    display: none;
  }
}

@media screen and (max-width:700px) {
  span.unidades{
    width: 100%;
    left: 0;
    bottom: 0;
  }

  #layersActive .layersActive-container{
    width: 80%;
    height: 100%;
  }

  #logoCenapred, #logoSegob{
    display: none;
  }
}