/*
	date 2024-10-01
	Importacfión fuente SourceCodePro
	author IGAC - DIP
	remarks Fuente en https://www.geeksforgeeks.org/how-to-use-otf-fonts-on-web-browsers/
*/
@font-face 
{
	font-family: 'ONICFont' !important;
	src: url('./fonts/SourceCodePro-Regular.otf') format('opentype') !important;
	font-weight: normal; 
    font-style: normal; 
}

.locateMenu {   
	left: 75% !important;
	top: 16% !important;
}
.locateMenuPhone {   
	left: 85% !important;
	top: 5% !important;
}

.styleGeocoderCombo {
	top: '35px';
}
.x-grid-item_resultados{ /* se usa a nivel de fila con viewConfig*/
	color: black !important;
}
.x-grid-body_resultados .x-grid-body {
    background-color: rgba(4, 89, 128);
}
.x-toolbar-text-default-resultados .x-toolbar-text-default{
	color: white !important;;
}

/*
	dateUpdated 2024-10-03
	changes Actualización fuente, atributo font-family
	changes Aplicación a clase dibujarCss, procedente del fuente MenuHerramientasBasicas.js, opción dibujar
	remarks asig ORIG atributo font-family => helvetica, arial, verdana, sans-serif 
*/
.x-panel-body-default-palabraclave .x-panel-body-default .dibujarCss{
	color: #ffffff;
	font-size: 13px;
	font-weight: 300;
	font-family: 'ONICFont';
}


.plnGeocoder {
	filter: alpha(opacity = 75); /* */
	border-radius: 10px;
	background-color: white !important;
}
.lblGeocoder {
	color: black !important;
}

.botonMenunf2 {
	width:212px!important;
	height:40px!important;
/*
	margin-right: auto !important;
	margin-left: auto !important;
	margin-top: 6px !important;
	margin-bottom: 2px !important;
	scale: 'large';
*/
}

/*
	date 2024-09-27
	Componente Escala mapa
	author IGAC - DIP
	dateUpdated 2024-10-01
	changes Actualización letra del sistema
	dateUpdated 2024-10-03
	changes Centrado del componente en la parte inferior
	dateUpdated 2024-10-04
	changes Centrado del componente en la parte inferior incluyendo la visualización de coordenadas Latitud / Longitud
	dateUpdated 2024-10-08
	changes Ajuste componente escala centrado en la parte inferior, atributo left 24% => 25%
	dateUpdated 2024-10-15
	changes Ajuste componente escala márgen izquierdo (atrib left), y superior (atributo top)
	dateUpdated 2024-10-16
	changes Ajuste componente escala, ubicado al borde inferior derecha (atributo left 72% => 80.2%; atributo top 80% => 80.5%)	
	remarks Movimiento escala alineado a la TOC, parte inferior
*/
.panelEscala {
	border: medium solid white;
	border-radius: 15px;
	margin: 0 auto !important;
	position: fixed;
	right: 25% !important;
	top: 80.5% !important;
	left: 80.2% !important;
	background-color: rgba(0, 0, 0, 0.2);
}

.panelAdv {
	/* 	border: medium solid white; */
	/*     border-radius: 15px; */
	left: 0 !important;
	margin: 0 auto !important;
	position: fixed;
	right: 0 !important;
	top: 98% !important;
	/*     background-color: rgba(0, 0, 0, 0.2); */
}

.panelCruz {
	background: transparent !important;
	border-color: transparent !important;
	right: 13px ! important;
	left: auto !important;
	top: 31% !important;
}

.panelNavegacionHist {
	background: transparent !important;
	border-color: transparent !important;
	right: 5px ! important;
	left: auto !important;
	top: calc(31% + 95px) !important;
}

.iconMArriba {
	width: 19px !important;
	height: 20px !important;
	left: 0px !important;
	top: 0px !important;
}

.iconMIzquierda {
	width: 19px !important;
	height: 20px !important;
	left: 0px !important;
	top: 0px !important;
}

.iconMDerecha {
	width: 19px !important;
	height: 20px !important;
	left: 0px !important;
	top: 0px !important;
}

.iconMAbajo {
	width: 19px !important;
	height: 20px !important;
	left: 0px !important;
	top: 0px !important;
}

.iconVTotal {
	width: 42px !important;
	height: 40px !important;
	left: 0px !important;
	top: 0px !important;
}

.viewCruz {
	background: transparent !important;
	border-color: transparent !important;
}

.movIzquierda {
	background: transparent !important;
	border-color: transparent !important;
	left: 0px !important;
	top: 35px !important;
}

.movAbajo {
	/*     background-image:url(../images/menuBasico.png) !important; */
	left: 35px !important;
	top: 70px !important;
	background: transparent !important;
	border-color: transparent !important;
}

.movArriba {
	/*     background-image:url(../images/menuBasico.png) !important; */
	left: 35px !important;
	top: 0px !important;
	background: transparent !important;
	border-color: transparent !important;
}

.vistTotal {
	/*background-image:url(../imagenes/mapa_localizacion_2.png) !important;*/
	left: 25px !important;
	top: 25px !important;
	background: transparent !important;
	border-color: transparent !important;
}

.movDerecha {
	/*     background-image:url(../images/menuBasico.png) !important; */
	left: 70px !important;
	top: 35px !important;
	background: transparent !important;
	border-color: transparent !important;
}

.toolbar_nav {
	background-color: transparent !important;
	background-image: none;
	/*border-color: #cecece;
    border-style: solid;
    border-width: 1px;*/
	padding: 1px 10px 0px;
	padding-left: 0px;
}

.toolbar_nav_vis {
	background-color: transparent !important;
	padding: 0 0 6px !important;
}

.menu_pad {
	padding: 1px 10px 0px !important;
	padding-left: 0px;
}

.tbDibujo {
	border-left: 5px solid rgba(0, 0, 0, 0);
	border-right: 5px solid;
	border-right-color: rgba(0, 0, 0, 0)
}

/*
	dateUpdated: 2023-09-08
	changes Actualizar atributo width de 340px a 455px
	Autor: IGAC
*/
.panel_herramientas {
	left: 2% !important;
	top: 6% !important;
	width: 455px !important;
	height: 50px !important;
}

/*
	date 2024-09-25
	Estilos para la barra de herramientas
	Author IGAC - DIP
	dateUpdated 2024-09-27
	changes Adaptación barra herramientas en barra título
	dateUpdated 2024-09-30
	changes Adaptación barra herramientas en barra título
	dateUpdated 2024-10-07
	changes Ajuste barra herramientas en barra título
	dateUpdated 2024-10-18
	changes Ajuste atributo height 13% => 70px
*/
.panel_herramientas_new { 
	left: 83.5% !important;
    top: 0% !important;
    width: 30% !important;
    height: 70px !important;
    align-content: center;
}

/*
	Date 2024-09-27
	Desactivación color fondo para la barra de herramientas
	Author IGAC - DIP
	remarks Cambios aprobados
*/
#menuHerramientasBasicas-innerCt
{
	background: transparent;
}

/*
	dateUpdated 2024-10-15
	changes Actualización atributo height
	remarks pruebas clase 
*/
.plEscala {
	filter: alpha(opacity = 75); /* para IE8 */
	border-radius: 10px;
	background-color: white !important;
	height: 100% !important;	
}

/*
	date 2024-10-01
	Color título componente Escala
	author IGAC - DIP
	dateUpdated 2024-10-15
	changes Actualización atributo color => #004947	
	remarks Aplica color a las coordenadas geográficas (black).
*/
.lblEscala {
	color: #004947 !important;	
}

.tgEscala {
	top: 1px !important;
}

.btn_transp {
	background-color: transparent !important;
	border-color: transparent !important;
}

.btn_transp:active, .x-btn-focus {
	border: 1px solid #FFFFFF !important;
	/*background-image: url("./imagenes/menu_herramientas_consulta_on.png") !important;*/
}

.bold_estilo {
	font-weight: bold !important;
}

/*
	clase estilo para aplicación título sección menú Herramientas de aplicación
	author IGAC - DIP
	dateUpdated 2024-10-01
	changes Actualización color atributo background => #004947
	dateUpdated 2024-10-03
	changes Actualización fuente según definición en sección @font-face
	remarks color ORIG #A8B677
	remarks fuente original, atributo font-family => helvetica, arial, verdana, sans-serif 
*/
.titulo_menu>div:first-child {
	color: #ffffff;
	font-family: 'ONICFont';
	font-size: 14px;
	font-weight: bold;
	line-height: 15px;
	background: linear-gradient(to right, #004947, #004947);
	border: 0px;

	/* 	#795c32 ---> #442300 */
}

/*
	Date 2024-09-25
	Color fondo para menú opciones Consultas, Herramientas de aplicación, Solicitud, Ayuda 
	Author IGAC - DIP 
	Remarks Aplica para la clase x-menu-body
	Remarks En fuente ext-theme-crisp-all_01.css se sobreescribe la clase .x-menu-body-default
*/

.x-menu-body
.x-grid-item-container
.x-column-header
.x-tree-view
.x-box-inner
.x-tab-bar-body
{
	background: #004947;
}

/*
	Date 2024-09-26
	Color fondo para marco título TOC
	author IGAC - DIP
	DateUpdated 2024-09-27
	changes Reacomodación Tabla de contenido debajo del encabezado (99px desde el margen superior)
	changes Ocultamiento título	
	DateUpdated 2024-10-07
	changes Deshacer requerimiento 2024-09-27
	Remarks Aplica para identificador viewTablaContenido_header
*/
#viewTablaContenido_header
{
	top: 99px;
	background: #004947;	
}

/*
	Date 2024-09-27
	Estilos Widget Tabla de contenido
	author IGAC - DIP
	dateUpdated 2024-10-01
	changes Actualización atributos amcho (width) => 39%, margen izquierdo (left) => 61%
	remarks Definición márgen superior a 99px del título
	remarks Definición ancho 78% y alto 28% 
	remarks Definición márgen izquierdo para visualizar la TOC en el costado derecho del visor
	dateUpdated 2024-10-03
	changes Deshacer requerimiento "Definición márgen izquierdo para visualizar la TOC en el costado derecho del visor" (left 0%)
	changes Actualizar ancho, atributo width 28%
	changes Actualizar alto, atributo heigth 50%
	changes Implementar scroll vertical
	dateUpdated 2024-10-08
	changes Actualizar atributo height quitando comando important
	changes Deshacer requerimiento "Implementar scroll vertical" (2024-10-03) 
	dateUpdated 2024-10-09
	changes Desactivar atributos width, height
	dateUpdated 2024-10-18
	changes Desactivar atributo width
	changes Actualizar atributo top 99px => 79px
	dateUpdated 2024-10-28
	changes Actualizar atributo border-color => transparent
	changes Actualizar atributo top 79px => 88px
*/
/*#viewTablaContenido*/
.viewTablaContenido
{
	/*width: 28.5%;
	height: 50%;*/
	left: 0% !important;
	top: 100px !important;
	overflow-y: hidden;
	border-color: transparent;
}

.centro_menu { 
	margin: 0 auto;
}


.pnlBtnTOC {
	border-style: none !important;
	background: transparent;
}

.btn_apagar_capas {
	height: 18px;
	width: 20px;
}

.btn_TOC {
	background-color: transparent !important;
	border-color: transparent !important;
	background-image: url(./imagenes/iconos/tocInd.png) !important;
	left: -1px !important;
	top: -1px !important;
}

.pnlTocOnic {
	left: 1.5% !important;
	top: 10% !important;
/*
	width: 100px !important;
	height: 55px !important;
*/
	width: 100% !important;
	height: 100% !important;

	
}
.pnlTocOnic_new {
	left: 0.5%  !important;
	top: 5%  !important;
	width: 100px !important;
	height: 55px !important;
}

.btn_TOC:hover {
	background-color: transparent !important;
	border-color: transparent !important;
	background-image: url(./imagenes/iconos/tocInd.png) !important;
	left: -1px !important;
	top: -1px !important;
}

.btn_cons_avanzada /*, .x-btn-inner-default-small*/ {
	width: 42px   !important;
	height: 30px  !important;  
	color: white !important;
	font: 300 10px/16px helvetica, arial, verdana, sans-serif !important;
	/*max-width: 100% !important;*/
	padding: 0 0px !important;
	border-spacing: 0px;
}

.pnl_convenciones_TOC {
	overflow: auto;
	overflowX: 'hidden'
}

.ol-popup {
	display: none;
	position: absolute;
	background-color: white;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
	filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
	border-radius: 10px;
	border: 1px solid #cccccc;
	bottom: -10px;
	left: 15px;
	width: 185px;
	height: 18px;
	opacity: 0.45;
	pointer-events: none;
}

.ol-popup-closer {
	text-decoration: none;
	position: absolute;
	top: 2px;
	right: 8px;
}

.ol-popup-closer:after {
	content: "X";
}

.ol-popup-content {
	font-family: cursive;
	color: black;
}

/*
	dateUpdated 2024-10-03
	changes actualización atributo font-family
	remarks asig ORIG atributo font-family => Arial
*/
code {
	font-family: 'ONICFont';
	font-size: 10px;
}

.x-btn-icon-left>.x-btn-icon-el-default-toolbar-small.x-edit-underline,
	.x-btn-icon-right>.x-btn-icon-el-default-toolbar-small.x-edit-underline,
	.x-btn-icon-left>.x-btn-icon-el-default-toolbar-small.x-edit-bold,
	.x-btn-icon-right>.x-btn-icon-el-default-toolbar-small.x-edit-bold,
	.x-btn-icon-left>.x-btn-icon-el-default-toolbar-small.x-edit-italic,
	.x-btn-icon-right>.x-btn-icon-el-default-toolbar-small.x-edit-italic,
	.x-btn-icon-left>.x-btn-icon-el-default-toolbar-small.x-edit-increasefontsize,
	.x-btn-icon-right>.x-btn-icon-el-default-toolbar-small.x-edit-increasefontsize,
	.x-btn-icon-left>.x-btn-icon-el-default-toolbar-small.x-edit-decreasefontsize,
	.x-btn-icon-right>.x-btn-icon-el-default-toolbar-small.x-edit-decreasefontsize,
	.x-btn-icon-left>.x-btn-icon-el-default-toolbar-small.x-edit-forecolor,
	.x-btn-icon-right>.x-btn-icon-el-default-toolbar-small.x-edit-forecolor,
	.x-btn-icon-left>.x-btn-icon-el-default-toolbar-small.x-edit-backcolor,
	.x-btn-icon-right>.x-btn-icon-el-default-toolbar-small.x-edit-backcolor,
	.x-btn-icon-left>.x-btn-icon-el-default-toolbar-small.x-edit-justifyleft,
	.x-btn-icon-right>.x-btn-icon-el-default-toolbar-small.x-edit-justifyleft,
	.x-btn-icon-left>.x-btn-icon-el-default-toolbar-small.x-edit-justifycenter,
	.x-btn-icon-right>.x-btn-icon-el-default-toolbar-small.x-edit-justifycenter,
	.x-btn-icon-left>.x-btn-icon-el-default-toolbar-small.x-edit-justifyright,
	.x-btn-icon-right>.x-btn-icon-el-default-toolbar-small.x-edit-justifyright,
	.x-btn-icon-left>.x-btn-icon-el-default-toolbar-small.x-edit-createlink,
	.x-btn-icon-right>.x-btn-icon-el-default-toolbar-small.x-edit-createlink,
	.x-btn-icon-left>.x-btn-icon-el-default-toolbar-small.x-edit-insertorderedlist,
	.x-btn-icon-right>.x-btn-icon-el-default-toolbar-small.x-edit-insertorderedlist,
	.x-btn-icon-left>.x-btn-icon-el-default-toolbar-small.x-edit-insertunorderedlist,
	.x-btn-icon-right>.x-btn-icon-el-default-toolbar-small.x-edit-insertunorderedlist
	{
	width: 15px;
	height: 15px;
}

.no-borde {
	border-width: 0px;
	border-style: none;	
}

.textoPanelCoord {
	color: #ffffff;
	background-color: #ffffff
}

#viewDetalleIndicadorVentana-body {
	overflow-y: scroll;
}

.textoPaginador {
	left: 432px;
}

.estiloLabelAdvertencia {
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	display: -webkit-box;
	text-align: center !important;
	-webkit-box-align: center !important;
	box-align: center !important;
	-webkit-box-pack: center !important;
}

.btn-active {
    background-color: rgb(238, 158, 38); /* Color de fondo cuando está activo */
    color: white; /* Cambiar color de texto */
    border-color: rgb(238, 158, 38); /* Color del borde */
}


/*
	date 2024-10-03
	Estilos para el botón apagar todas las capas
	author IGAC - DIP
	dateUpdated 2024-10-08
	changes Actualización atributo left 256.5px => 248px 
	remarks Movimiento de márgen izquierdo, anexo al buscador de capa 
*/
#btnApagarCapas
{
	left: 248px !important;
}

/*
	date 2024-10-08
	Estilo para el componente Buscador Capa
	author IGAC - DIP
	remarks Actualización ancho buscador al 95% al lado del label "Nombre capa:"#
*/
#campoBusquedaCapa-triggerWrap
{
	width: 95%;
}

/*
	date 2024-10-03
	Estilos para el componente Escala
	author IGAC - DIP
	dateUpdated 2024-10-04
	changes Actualización atributo width, para visualizar las coordenadas
	dateUpdated 2024-10-16
	changes Actualización atributo width 606px => 246px
	remarks Actualización atributo width
*/
#viewEscalaNumerica
{
	width: 246px !important;
}

/*
	date 2024-10-15
	Estilos para definir altura del componente escala y coordenadas geográficas
*/
#viewEscalaNumerica-innerCt
{
	width: 642px;
	height: 100px !important;
	background: transparent;
}

/*
	date 2024-10-09
	Estilos para la navegación del mapa
	author IGAC - DIP
	remarks Establecimiento color transparente fondo
*/
#viewNavegacion-innerCt
{
	background: transparent !important;
}

/*
	date 2024-10-15
	Clase para estilo ubicación cuadro coordenadas geográficas
	dateUpdated 2024-10-16
	changes actualización atributo background rgb(255, 255, 255) => #004947
	remarks invocado desde el fuente ViewEscalaNumerica.js, objeto coordPl
*/

.coordPlan
{
	background: transparent !important;
	width: 180px !important;
	height: 38px !important;
	right: auto !important;
	left: 48px !important;
	top: 60px !important;
	margin: 0px !important;
}

/*
	date 2024-10-15
	Clase para estilo ubicación cuadro Escala (km)
	author IGAC - DIP
*/
#idEscalaNum
{
	top: 31px !important;
	left: 53px !important;
}