/* Web Fonts
 * Clases para iconos de botones con la propiedad "glyph"
 * Uso:
 *  cls: 'ico-cnb'
 *  overCls: 'ico-over-cnb'
 *  pressedCls: 'ico-pressed-cnb'
 *
 * Para ver los que hay disponibles, y los códigos que se deben usar ver:
 * http://geoportal.conabio.gob.mx/ere/geoportal/fonts/fontello-9c5f3a76/demo.html
 *
 * Arturo - 08:06 p.m. 07/05/2014
 */
@font-face {
  font-family: 'icons';
  src: url('http://geoportal.conabio.gob.mx/fonts/fontello-9c5f3a76/font/fontello.eot?33323629');
  src: url('http://geoportal.conabio.gob.mx/fonts/fontello-9c5f3a76/font/fontello.eot?33323629#iefix') format('embedded-opentype'),
       url('http://geoportal.conabio.gob.mx/fonts/fontello-9c5f3a76/font/fontello.woff?33323629') format('woff'),
       url('http://geoportal.conabio.gob.mx/fonts/fontello-9c5f3a76/font/fontello.ttf?33323629') format('truetype'),
       url('http://geoportal.conabio.gob.mx/fonts/fontello-9c5f3a76/font/fontello.svg?33323629#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
#lyr-show-btnInnerEl {
  color: red;
  font-size: 13px;
  padding: 0 8px 0 0;
  position: absolute;
  right: -4px;
  top: -4px;
  text-shadow: -1px -1px 2px white;
  text-overflow: clip !important;
  /* background:transparent url('../img/bk_red_circle.png') 50% 50% no-repeat; */
}
.sys-help-tooltip{
  border-color: white;
  background-color: #c1c1c1dd;
}
.sys-help-msg {
  margin:0;
}
.sys-help-msg + img {
  display: block;
  margin: auto;
}
#sys-help-tooltip-layers {
}
.pg-fb-sending-active {
  background-image: url(../img/progress.gif) !important;
}
.pg-fb-label-strong {
  font-weight:bolder;
  margin: 3px 0px;
}
.download-item-filtered {
  font-weight:bolder;
  color:red;
}
.x-tool-home img {
  background-image: url(../img/home.png) !important;
  background-position: 0 0;
  opacity: 0.5 !important;
  width: 17px;
  height: 17px;
}
.layer-action-td .x-grid-cell-inner {
  text-overflow: clip !important;
}
.layer-label-column .x-grid-cell-inner {
  text-overflow: clip !important;
}
.layer-label-column .x-tree-node-text {
  padding-left: 4px;
  white-space:normal;
  padding-right: 1.4em;
  display: inline-block;
}
.active-filter-tool, #pg-quickfilter-btn-btnInnerEl {
  color: tomato !important;
}
.inactive_filter span[class^='filter-lbl'] {
  display:none;
}
.inactive_filter{
  animation-duration: 1.5s;
  animation-name: text-glow;
  /* animation-iteration-count: 3; */
}
@keyframes text-glow {
  from {
    text-shadow:0 0 0.2em gray, 0 0 0.2em gray;
    opacity:0.25;    
  }
  to {
    opacity:1;
  }
}
.active_filter span[class^='filter-lbl'] {
  color: #4c4c4c;
  font-weight: bold;
  line-height: 1.85em;
  font-size: 0.75em;
  text-align: center;
  width: 21px;
  height: 17px;
  position: absolute;
  left: 3px;
}
.x-title-text span[class^='filter-lbl'] {
  display:none;
}
.active_filter .filter-lbl-match {
  background: transparent url(http://geoportal.conabio.gob.mx/desarrollo/gpc/resources/img/bk_gray_circle.png) 0 0 no-repeat;
}
.active_filter .filter-lbl-exception {
  color: black !important;
  background: transparent url(http://geoportal.conabio.gob.mx/desarrollo/gpc/resources/img/bk_yellow_circle.png) 0 0 no-repeat;
}
/*.active_filter .filter-lbl {
  color: white;
  line-height: 1.65em;
  font-size: 0.8em;
  text-align: center;
  background: transparent url(http://geoportal.conabio.gob.mx/desarrollo/gpc/resources/img/bk_blue_circle.png) 0 0 no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
}*/
.zoombox_map_cursor {
  cursor:zoom-in;
}
.query_map_cursor {
  /* cursor:pointer; */
  /* cursor:url(../img/mouse_pointer_tomato.png) 15 15, pointer; */
  cursor:help;
}
.select_map_cursor {
  cursor:pointer;
}
.modify_feature_cursor {
  cursor:ew-resize;
}
.pg-download-md {
  padding-left:1.5em;
  margin:0;
  word-break: break-word;
}
.base-container-transparent{
  background-color:transparent;
  border:0;
  color:white !important;
}
.sys-help-info-start {
  background-image: url(http://geoportal.conabio.gob.mx/desarrollo/gpc/resources/img/star.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  opacity: 1 !important;
  color: rgba(255,255,255,0.5) !important;
}
.sys-help-info-btn .x-btn-inner {
  font-weight:normal;
  font-size: 0.9em;
  padding: 0 2px;
  line-height: 1.3em;
}
.sys-help-info-panel {
  text-align: center;
}
.sys-help-info-panel .x-table-layout {
  margin: 22px auto 0 auto !important;
}
.sys-help-toolbar{
  background-color:lightsteelblue;
}
.md-emp-msg {
  color: white;
  padding: 14px 50px 0 50px;
  font-size: 1em;
  text-shadow: 1px 1px 0 black;
  text-align: justify;
}
/*  Iconos  */
.layer-ico {
  margin: 0 1.5px 0 1.5px;
  background: transparent none 0 0 no-repeat !important;
}
.add-ico {
  background-image: url('../img/ico-add-inactive.png') !important;
}
.add-ico:hover {
  background-image: url('../img/ico-add-active.png') !important;
}
.md-ico {
  background-image: url('../img/ico-meta-inactive.png') !important;
}
.md-ico:hover {
  background-image: url('../img/ico-meta-active.png') !important;
}
.download-ico {
  background-image: url('../img/ico-download-inactive.png') !important;
}
.download-ico:hover {
  background-image: url('../img/ico-download-active.png') !important;
}
.remove-ico {
  background-image: url('../img/ico-remove-inactive.png') !important;
}
.remove-ico:hover {
  background-image: url('../img/ico-remove-active.png') !important;
}
.table-ico {
  background-image: url('../img/ico-table-inactive.png') !important;
}
.table-ico:hover {
  background-image: url('../img/ico-table-active.png') !important;
}
.layer-no-icon {
  background : transparent;
	width: 16px !important;
}
.no-icon {
  background : transparent;
	display : none !important;
}
.gp-tree-node-link span{
  /* color:blue;
  text-decoration:underline !important;
  cursor:pointer; */
  padding-right: 5em !important;
}
/* Searchbox */
.pg-addlayer-searchbox-comp-cls {
  margin:10px auto 20px auto;
}
/* Searchbox */
/* Content view */

/* .pg-selected-item-alt .map-type {
  padding: 2px 0 2px 4px;
  white-space: pre-wrap !important;
  position: relative;
  left: 6px;
  background: linear-gradient(to bottom, #e5e5e5 0%,#ffffff 100%) !important;
  border-top: 1px solid white !important;
  box-shadow: 2px 2px 2px 0 darkgrey, 2px -2px 2px 0 darkgrey, -2px -2px 2px 0 darkgrey;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-bottom: 0px;
  height: auto;
  width: 370px;
} */
/* .pg-selected-item-alt .map-item-ctl {
  position: absolute;
  left: 6px;
  background: linear-gradient(to top, #e5e5e5 0%,#ffffff 100%);
  border-left: 1px solid white !important;
  border-right: 1px solid white !important;
  box-shadow: 2px 2px 2px 0 darkgrey, -2px 2px 2px 0 darkgrey;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-top: -2px;
  width: 120px;
  height: 34px;
  padding: 4px 0 0 4px;
} */
/* .pg-selected-item + p.map-item-ctl {
  display:table-cell;
  width: 96px;
} */
.map-item-ctl input:hover {
  border: 1px solid #c1c1c1;
  border-bottom: 0;
  border-radius: 3px;
  box-shadow: 1px 1px 1px darkgrey;
  background: linear-gradient(to top, #d5d5d5 0%,#ffffff 100%);
  opacity: 1;
}
.map-item-ctl input {
  width: 23px;
  height: 22px;
  background: transparent;
  padding: 3px 3px;
  opacity: 0.5;
  /* width: 28px;
  opacity: 0.5;
  height: 24px;
  border: 1px solid #c1c1c1;
  border-bottom: 0;
  border-radius: 3px;
  box-shadow: 1px 1px 0 darkgrey;
  margin: 0 3px;
  background: linear-gradient(to top, silver 0%,#ffffff 100%); */
}
.map-item-ctl {
  /* display: none; */
  border-bottom: 1px solid #d0d0d0;
  text-align: right;
  vertical-align: middle;
  padding-right: 4px;
  /**/
  display:table-cell;
  width: 96px;
}
/* .map-item-ctl:hover {
  display: table-cell !important;
  width: 75%;
  white-space: normal !important;
  text-decoration:underline;
  text-shadow:none;
  color:#00f;
} */
.pg-selected-item {
  color: #0e5a91 !important;
  /* text-shadow: 1px 1px 0 #fff; */
  font-weight: bolder;
}
/* .pg-selected-item {
  color: #0e5a91 !important;
  text-shadow: 1px 1px 0 #fff;
  font-weight: bolder;
  display: table-cell !important;
  width: 75%;
  white-space: normal !important;
} */
#pg-addLayer-view {
  text-align: center;
}
.catalog-item span{
  font-weight:bold;
}
.catalog-item {
  hyphens: auto;
  /* overflow: auto; */
  /* vertical-align:middle; */
  text-decoration:underline;
  /* text-align: center; */
  color:blue;
  cursor:pointer;
  display: inline-block;
  margin: 3px;
  /* width: 90px;
  height: 50px; */
}
.catalog-item:hover{
  text-decoration:none;
  text-shadow:1px 1px 1px #98a5b0, 1px -1px 1px #98a5b0;
}
.map-item {
  /* white-space: nowrap; */
  text-align: left;
  text-decoration: none;
  color: black;
  /* display: block; */
  vertical-align: top;
  border-bottom: 1px solid #d0d0d0;
  /**/
  display: table-cell !important;
  /* width: 75%; */
  white-space: normal !important;
}
/* .map-item:hover + p.map-item-ctl{
  display:table-cell;
  width: 96px;
} */
.map-item:hover {
  /* display: table-cell !important;
  width: 75%;
  white-space: normal !important; */
  text-decoration:underline;
  text-shadow:none;
  color:#00f;
}
.map-item:hover + p.map-item-ctl input {
  opacity: 1;
}
.map-item-cont {
  padding:0;
}
.map-type {
  padding: 3px 0 3px 22px;
  margin: 0;
  background: transparent none 0 2px no-repeat !important;
}
.map-type-bookmarks {
  width: 17px;
  background: transparent none 0 3px no-repeat !important;
}
.map-type-Raster {
  background-image: url('../img/pg-raster.png') !important;
}
.map-type-Point {
  background-image: url('../img/pg-point.png') !important;
}
.map-type-Polygon {
  background-image: url('../img/pg-polygon.png') !important;
}
.map-type-Line {
  background-image: url('../img/pg-line.png') !important;
}
/* Content view */

.pg-link-btn {
  background: transparent none 0 0 no-repeat !important;
  border-width: 0 !important;
  opacity:1 !important;
}
/* .pg-link-btn-active  .x-btn-inner{
  text-decoration:underline;
} */
.pg-link-btn .x-btn-inner {
  color:blue;
  font-weight:normal;
  font-size:1em;
}
.pg-link-btn:hover .x-btn-inner{
  text-decoration:underline;
}
.ico-dark-cnb .x-btn-glyph {
  color: #54585c;
  opacity: 1;
  text-shadow:1px 1px 0 white;
}
.ico-orange-cnb .x-btn-glyph {
  color: orange;
  opacity: 1;
  font-size: 20px;
}
.ico-clear-cnb .x-btn-glyph {
  font-size: 20px;
  opacity: 1;
}
.ico-clear-cnb-help .x-btn-glyph {
  color: #2c8bd1;
  font-size: 17px;
}
.ico-clear-cnb-steps .x-btn-glyph {
  color: #2c8bd1;
  font-size: 12px;
}
.ico-clear-cnb-small .x-btn-glyph {
  color: #f0f8ff;
  font-size: 14px;
  opacity: 1;
}
.x-btn-inner-default-toolbar-medium {
  font-size: 12px;
  padding: 0 2px;
}
.x-btn-glyph:hover {
  color:#0e5a91;
}
.x-btn-pressed .x-btn-glyph {
  color:#0e5a91;
}
/* Etiquetas, general */
.lighter-medium-cls {
  font-size:0.9em;
  color:#696969;
  font-weight: lighter;
  word-break: break-all;
}
.bolder-big-cls {
  font-size:1em;
  color:#696969;
  font-weight: bolder;
}

.toolbar-btn-cnb {
  background: transparent none 0 0 no-repeat;
  border-width: 0 !important;
}
.toolbar-btn-cnb .x-btn-inner {
  color:white;
  font-weight:normal;
  text-shadow:1px 1px 0 black;
}
.toolbar-btn-cnb:hover .x-btn-inner {
  color:#fc9800;
  font-weight:bold;
}
.sys-help-panel-background{
  
}
.site-id-cont{
  background: transparent url('../img/logo_01.png') 0 50% no-repeat !important;
  border: 0 !important;
}
.base-id-cont{
  background: transparent none 0 0 no-repeat;
  padding:0 0 0 4px;
  margin: 0;
  border: 0 !important;
  overflow-y: auto;
  color: white;
  font-size: 1em;
  text-align: justify;
  text-shadow: 1px 1px 1px black;
}
.base-id-cont p {
  margin: 0 0 0.2em 0;
  text-align: left;
}
.base-id-cont ul {
  padding:0 0 0 12px;
  margin:0;
}
.base-id-cont a {
  color: greenyellow;
  padding-left: 16px;
  background: transparent url(../img/external_link.png) 0 50% no-repeat;
}

/* .pg-link-btn-active  .x-btn-inner{
  text-decoration:underline;
} */

.sectionBtn {

  background: transparent none 0 0 no-repeat !important;*/
  /*background-color: rgba(0,0,128,0.5) !important;*/
  border-width: 1 !important;
  opacity:1 !important;
  background-color: rgba(105,105,105,0.3) !important;
}
.sectionBtn .x-btn-inner {
  color:black;
  font-weight:normal;
  font-size:1em;
}
.claySection {
    background-color: rgba(105,105,105,0.3) !important;
}
/***** Sobreescritura de clases de Ext *****/
/* No se deberían sobreescribir clases de Ext, pero no encontré otra forma,
 * no es un método recomendable y se debe evitar
 */
/***** Clases generales *****/
/* Sobre todo para: bodyCls, componentCls, itemCls, cls

   bodyCls : String/String[]
   A CSS class, space-delimited string of classes, or array of classes to be applied to the panel's body element.

   cls : String
   An optional extra CSS class that will be added to this component's Element. This can be useful for adding customized styles to the component or any of its children using standard CSS rules.

   componentCls : String
   CSS Class to be added to a components root level element to give distinction to it via styling.

   itemCls : String
   The class added to each child item of this TabPanel. Defaults to: 'x-tabpanel-child'
 *
*/

#msg-div {
  position:absolute;
  left:50%;
  top:10px;
  width:400px;
  margin-left:-200px;
  z-index:20000;
}
#msg-div .msg {
    border-radius: 8px;
    background: #f5f5f5;
    border: 2px solid #c0c0c0;
    margin-top: 2px;
    padding: 10px 15px;
    color: #555;
}
#msg-div .msg h3 {
    margin: 0 0 8px;
    font-weight: bold;
    font-size: 15px;
}
#msg-div .msg p {
    margin: 0;
}
.plugin-panel {
  border-radius: 5px;
}
.map-toolbar {
  border-radius: 5px;
  /* opacity: 0.25; */
}
.map-toolbar .x-toolbar{
  border-radius: 5px;
}
.map-toolbar-over {
  opacity: 1;
}
/***** Clases de openlayers *****/
.olControlDragFeatureOver {
  cursor: move;
  cursor: -moz-grabbing !important;
  cursor: -webkit-grabbing !important;
}
.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
  cursor: move;
  cursor: -moz-grab !important;
  cursor: -webkit-grab !important;
}
.olControlLayerSwitcher {
  top: 60px;
}
.olControlPanZoomBar {
  top: 60px !important;
}
svg {
    -webkit-transform: none !important;
}

div.olControlExtPanZoomBar{
  top: 60px !important;
  right: 30px !important;
}
div.olControlMousePosition {
  font-family: Verdana;
  font-size: 0.9em;
  color: white;
  text-shadow: 1px 1px 0 black;
  right: 160px !important;
  bottom: 36px !important;
  background-color: rgba(0,0,0,0.4);
  border-radius: 8px;
  padding: 2px 6px;
}
div.olControlPermalink {
  bottom: 2px;
  font-size: 1em;
}
div.olControlScaleLine {
  left: 200px;
  color: white;
  text-shadow: 1px 1px black;
  bottom: 22px;
  background-color: rgba(0,0,0,0.4);
  padding: 6px;
  border-radius: 8px;
}
.olControlScaleLineTop{
  border: solid 2px #ffffff !important;
  border-top: none !important;
}
.olControlScaleLineBottom{
  border: solid 2px #ffffff !important;
  border-bottom: none !important;
}
.olLayerGoogleV3 {
  left:424px !important;
}
.olTileImage {
    -webkit-backface-visibility: visible !important;
    -webkit-transform: none !important;
}
.menu-triangle {
    height:0;
    width:0;
    border-bottom:5px solid black;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    margin-left: 5px;
}
/* Para panel de metadatos*/
#md-attr-table {
  width:100%;
  border-bottom: 1px solid #157fcc;
  /* border-collapse: collapse; */
}
#md-attr-table th {
  text-align: center;
  font-weight: bolder;
  background-color: #add2ed;
  color: #3892d3;
}
#md-attr-table tr:nth-child(even) {
  background-color: #efefef;
}
#md-attr-table td {
  padding: 3px;
  border-collapse: collapse;
}

.pg-wsp-content {
  white-space: pre-line;
}

.md-address p {
  margin: 0 0 0 0 !important;
}
.md-result-id dd {
  margin: 0 0 1em 0;
  padding: 0 0 0.5em 0;
  border-bottom: 1px solid #c0c0c0;
}
.md-fulltext-link {
  font-weight: bold;
  color:#0e5a91;
  text-align: center;
  background-color: #cee4f3;
  padding: 0.5em;
  border-radius: 0.5em;
}
.md-fulltext-link a {
  font-size: 0.95em;
  background: transparent url('../img/bk_blue_circle.png') 50%/1.25em no-repeat !important;
  display: inline-block;
  width: 2em;
  text-decoration: none;
  color: white !important;
  font-weight: bold;
}
.md-emp-msg {
  color: white;
  padding: 14px 50px 0 50px;
  font-size: 1em;
  text-shadow: 1px 1px 0 black;
  text-align: justify;
}
.md-result-id {
  padding: 0 8px;
  color: black;
  font-size: 0.9em;
  /* text-shadow:1px 1px 0 black; */
}
.md-result-id a{
  color: #0000ff;
}
.md-result-id p {
  margin: 0.8em 0;
}
.md-related-id ul {
  margin:2px 0;
  padding-left: 2em;
  /* display: none; */
}
#md-image-id {
  text-align:center;
}
.md-author-id {
  color:#0e5a91;
  font-weight: bold;
}
.md-related-license {
  color: white;
  border-top: 1px solid gainsboro;
  text-align: center;
  font-size: 0.9em;
  padding: 6px 22px 0 22px;
}
.md-related-link a {
  color:white !important;
}
.md-item-justified {
  text-align: justify !important;
}
.md-title-id {
  font-weight: bold;
  color: #cae1ff;
  border-bottom: 1px solid gainsboro;
  padding-bottom: 4px;
  font-size: 1.1em;
}

#catalog_tooltip{
	height: auto !important;
	padding-bottom: 20px;
}
  .x-tip-body {
  height: auto !important;
 }
  .x-tip-header {
  height: auto !important;
 }
#catalog_lcontrol {
	padding-bottom: 0px !important;
	/*background-color: transparent !important;*/
}
.mappanel {
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.display-none {
display: none;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-doc-text:before { content: '\e804'; }
.icon-eye:before{content: '\e8b3'}
.icon-plus:before{content: '\e81f'}
.icon-folder:before { content: '\e82a'; }
.icon-map-marker:before { content: '\e80a'; }
.icon-plus-cicle:before { content: '\e81e'; }
.icon-search-plus:before { content: '\e813'; }
.icon-info-cicle:before { content: '\e827'; }
.icon-left-open:before { content: '\e882'; }
.icon-libros:before { content: '\e801'; }

.x-tab-inner {
	text-overflow: clip !important;
	/*white-space: nowrap !important;
	overflow: hidden !important; */

}
.olLayerGrid .olTileImage {
  -webkit-transition: none !important;
}
div.olControlOverviewMapMinimizeButton {
  right: 0px;
  bottom: 80px;
  background-color: transparent;
  cursor: pointer;
}
div.olControlOverviewMapMaximizeButton {
  right: 0px;
  bottom: 80px;
  background-color: transparent;
  cursor: pointer;
}
div.olControlOverviewMapElement {
  background-color: transparent;
  padding: 0;
  border:1px solid #c0c0c0;
  border-right: 0;
  border-bottom: 0;
  box-shadow: -2px -2px 4px #ffffff;
}
div.olControlAttribution{
  font-size: smaller;
  left: 10px;
  line-height: normal;
  bottom: 3px;
  position: absolute;
  display: block;
  color: white;
  text-shadow: black 1px 1px;
  /* background-color: rgba(0,0,0,0.5);
  padding: 2px 6px;
  border-radius: 6px; */
}
div.olControlAttribution a{
  color:cyan;
}
.olImageLoadError {
  background-color: transparent !important;
  content: url('http://geoportal.conabio.gob.mx/recursos/img/logo_load_error.png');
}
/*Triangulito*/
.menu-triangle {
    height: 0;
    width: 0;
	position: relative;
    left: 218px;

    border-bottom: 10px solid white;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.x-menu-default {
   border: none !important;
   background: none !important;
}

.tit {
	color: #white;
}
/* .x-grid-item-selected{
  color: red;
} */
.selected-cell-item{
  background: transparent url(../img/selected-cell.png) 100% 0 no-repeat;
  color: #0e5a91;
  /* text-decoration: underline; */
  /* font-weight:bolder; */
}
.toolSections {
  background-color: rgba(255, 99, 71, 0.7) !important;
}
#kdcont {
	background-color: #757575;
}
.sys-help-panel-body {
  margin:0;
}
.sys-help-panel-body video {
  padding:0;
}