/*
COLORS
*/
body{
	--color-primary:#418F35;
	--color-primary-light:#4ba63d;
	--color-secondary:#AECA21;
	--color-white: #F2F2F2;
	--color-grey: #e6e6e6;
	--color-black:#050505;
	--color-black-light:rgba(0,0,0,0.4);

}

.panelEscala {
	border: medium solid transparent;
    border-radius: 15px;
    left: 0 !important;
    margin: 0 auto !important;
    position: fixed;
    right: 0 !important;
    top: 92% !important;
    background-color: C7A46C;
}

.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: 40% !important;
}

.iconMArriba,
.iconMIzquierda,
.iconMDerecha,
.iconMAbajo {
	width: 20px !important;
	height: 20px !important;
	background-size: cover;
}

.iconMArriba {
	left: 0px !important;
	top: 0px !important;
}

.iconMIzquierda {
	left: 0px !important;
	top: 0px !important;
}

.iconMDerecha {
	left: 0px !important;
	top: 0px !important;
}

.iconMAbajo {
	left: 0px !important;
	top: 0px !important;
}

.iconVTotal {
	/*background-image: url(../corpoguajira/imagenes/mapa_localizacion_2.png) !important;*/
	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)
}

.plEscala {
	filter: alpha(opacity = 75); /* para IE8 */
	border-radius: 10px;
	/*background-color: C7A46C !important;*/
}

.lblEscala {
	color: white !important;
	font-weight: bold;
}

.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;
}

.titulo_menu {
	color: #ffffff;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 16px;
}

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

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

.btn_TOC:hover {
	background-color: transparent !important;
	border-color: transparent !important;
	background-image: url(./imagenes/iconos/tabla_contenido_catatumbo.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;
}

code { 
    font-family: Arial;
    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'
}

/* Estilos para SIG ASOMUNICIPIOS*/
.x-menu.menu-general-sig{
	border: 0px;
}
.x-menu.menu-general-sig .x-btn-group-default-framed{
	border: 0px !important;
	padding: 0px !important;
}
.x-menu.menu-general-sig .x-menu-body-default{
	background: transparent !important;
}

.x-menu.menu-general-sig .x-btn.menu-general-sig__btn span{
	color: var(--color-black) !important;
}

.x-menu.menu-general-sig .x-btn.menu-general-sig__btn.x-btn-over span{
	color: white !important;
}
.x-menu.menu-general-sig .x-btn.menu-general-sig__btn.x-btn-over{
	background: rgba(0, 0, 0, 0.3) !important;
}
.bg-sig-default{
	background: var(--bg-white);
	color: var(--color-black) !important;
}

.bg-sig-default .x-form-cb-label-default,
.bg-sig-default .x-table-layout{
	color: var(--color-black) !important;
}


.bg-sig-secondary{
	background: var(--color-secondary);
}
.bg-sig-primary{
	background: var(--color-primary);
}

.sig-tree-panel .x-grid-item,
.sig-x-grid .x-grid-item{
	color: var(--color-black)!important;
}

.sig-tree-panel .x-grid-item-over ,
.sig-x-grid .x-grid-item-over {
	background-color: var(--color-primary) !important;
	color: white !important;
}

.sig-tree-panel .x-grid-item-selected.x-grid-item-over ,
.sig-x-grid .x-grid-item-selected,
.sig-x-grid .x-grid-item-selected.x-grid-item-over {
	background-color: var(--color-secondary) !important;
	color: white !important;
}

.sig-tree-panel .x-grid-item-focused,
.sig-x-grid .x-grid-item-focused{
	color: white!important;
	background: var(--color-primary) !important;
}

.sig-tree-panel .x-grid-item-focused .x-grid-cell-inner:before,
.sig-x-grid .x-grid-item-focused .x-grid-cell-inner:before{
	border-color: var(--color-black-light) !important;
	border-left: 0px !important;
	border-right: 0px !important;
}

.sig-tree-panel .x-grid-item-alt,
.sig-x-grid .x-grid-item-alt{
	background-color: var(--color-grey) !important;
}
.sig-tree-panel .x-grid-item-alt.x-grid-item-over,
.sig-x-grid .x-grid-item-alt.x-grid-item-over{
	background-color: var(--color-primary) !important;
}


input.x-form-field::placeholder{
	color: var(--color-grey) !important;
	font-weight: 100 !important;
}

/* BOTONES */
.x-btn-default-small{
	background: var(--color-primary) !important;
	border-color:var(--color-white) !important;
}
.x-btn-default-small .x-btn-inner-default-small{
	color: white !important;
	font-weight: 600 !important;
}

.toolbar_nav .btn-menu-herramientas-basicas.x-btn.x-btn-pressed.x-btn-default-toolbar-large{
	border-radius: 5px;
  box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
	background: var(--color-black-light) !important;
}

.sig-paginator .x-toolbar-text-default{
	color: var(--color-black) !important;
}