/* For rpvisor application only */

html,body{
	/* margin: 0;
	padding: 0; */
	border: 0;
	overflow: hidden;
	height: 100%; 
	max-height: 100%;
	/* color: #666666; */
/*	overflow-x: hidden; */
/*	overflow-y: hidden; */
}
.mybg{ /*Se puede quitar*/
	background-image: url("images/background_login.jpg");
	background-position: center;
	background-repeat: no-repeat;
}
.myshade{
	color: black;
}
h1{
	font-weight: 700; font-size: 1.2em;
}
/* h2{
	font-weight: 400; font-size: 1.2em;
	line-height: 0.2;
} */
h5{margin-top: 3px;}
.ui-pg-selbox{width: 60px;} /*necesario para el control grid responsive*/
h6{
	border-bottom: 3px dotted #004D40;
	margin-top: 15px;
	width: 190px
}
select{
	font-weight: 400;
	color: #666666;
	width: 190px;
}
optgroup{
	font-weight: 700; font-style: normal;
	color: #666666;
}
.go-right{ /*Se puede quitar*/
	float: right;
}

/* Basic page classes */
.img_inline{
	margin: 10px 0px 0px 10px;
	float: left;
}
img.center { vertical-align: -9px;}
/* Para rpgol_edit;control_map_header, control_edit_header  */
.control_header{
	height: 24px;
	font-weight: 700;
	padding-top: 3px;
/*	padding: 3px;
	background-color: #B4CDFF; */
	box-shadow: 2px 2px 6px 2px #CCC;
}

/* Content elements */
#map { margin: 0; padding: 70px; width:100%; height:95%;}

.olControlLayerSwitcher .layersDiv {
    background-color: #aaaaaa !important;
}
.olControlOverviewMapElement {
    background-color: #aaaaaa !important;
}

/* ==.style navbar-fixed-top ==*/
.navbar-fixed-top{
	height:auto;
	/* background-color:#000000;  *//*style RESTALIA*/
}
/*== nav pills in colapsing bar centered ==*/
.navbar .nav li {
    text-align: center;
	 display: inline-block;
    float: none;
	 
}
.navbar .navbar-collapse {
  text-align: center;
}

/* ==.style navbar-fixed-top ==*/
 
/* == navbar-brand LOGO responsive (2 Logos) y en el centro ==  */
.navbar-brand {
  transform: translateX(-60%);
  left: 45%;
  position: absolute;
}

/* DEMO example styles for logo image */
.navbar-brand {
  padding: 0px;
}
.navbar-brand>img {
  height:60px;
  width: auto;
  padding: 7px 14px;
  margin-top: -5px;
}
/* == navbar-brand-2 LOGO responsive (2 Logos) y en el centro desplazado ==  */
.navbar-brand-2 {
  transform: translateX(-75%);
  left: 55%;
  position: absolute;
}

/* DEMO example styles for logo image */
.navbar-brand-2 {
  padding: 0px;
}
.navbar-brand-2>img {
  height:60px;
  width: auto;
  padding: 7px 14px;
  margin-top: -5px;
}
/*== tamaño nav nav-pills, ==*/
.nav-pills > li > a {
 /*  color: #ffffff; */
 /*  font-family: 'Open Sans', sans-serif !important; */
  font-size: 0.8em ;
  /* padding: 1px 1px 1px ; */
  top:6px;
}

/*== Class for button control panel is good position into the navbar header== */
.btn-left{
	display: flex;
	justify-content: left;
	position: absolute;
	/*width: 100%;*/
	left: 6px;
	top: 6px;
	
}

/*==Modify buttons and nav-pills style ...RPGOL ==*/

.btn-primary{
	background-color: #489270; /*rojo repapubli;color contenido fondo*/
	border-style:solid;
	border-color:#489270;
	color:#262626 !important; /*color letras*//*azul repapubli*/
}

.btn-primary:hover {
    background-color:#CCCCCC !important; /*rojo más fuerte para el hover/*
    /* border-color: #837171; */ /*set the color you want here*/
	border-style:solid;
	border-color:#312478;
	color:#262626 !important;
}

.btn-primary:focus{
	background-color:#CCCCCC;/*color contenido foco*/
	border-style:solid;
	border-color:#489270;
	color:#262626 !important; /*color letras*/
}
/* .btn-primary> .active{
    color: #1a1a1a !important;
    background-color:#f2b843 !important; */
    /* border-color: #837171; */ /*set the color you want here*/
	/* border-style:solid;
	border-color:#f2b843; */
/* } */


 .nav-pills > li > a{
	font-size: 0.8em ;
	top:6px;
	right:2px; 
	/* background-size:0.8em; */
	 color:#262626 !important;
	/* background-color:#f2b843; */ /*color contenido fondo*/
	/* border-style:solid; */
 	/* border-color:#000000; */
} 

.nav-pills>li > a:hover/* ,.nav-pills> li > a:focus */{
	font-size: 0.8em ;
	top:6px;
	 color: #262626!important;
    background-color:#cccccc !important;
    /* border-color: #837171; */ /*set the color you want here*/
	/* border-style:solid; */
	border-color:#000000;
}
.nav-pills> li > a:focus{
	
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover,.nav-pills > .active > a:focus{
	font-size: 0.8em ;
	top:6px;
	 color: #262626 !important;
    background-color:#489270 !important;
    /* border-color: #837171; */ /*set the color you want here*/
	/* border-style:solid; */
	border-color:#000000;
}
#pills_panel{
	font-size: 1em ;
}
/*==Modify buttons and nav-pills style ...RPGOL ==*/

/* ==MEDIA QUERYS==*/

@media only screen and (min-width: 768px) { /* <<<large */
	h2{font-weight: 400; font-size: 1.2em;}		/*h2 tag estilo map_title and list_title*/
	#logo-1 { display: block; }					/*logo grande*/
	#logo-2 { display: none; }					/*logo pequeño*/ 
	#logo-3 { display: block; }					/*logo grande*/
	#logo-4 { display: none; }					/*logo pequeño*/ 
	#cnt_control {display: block;}				/*control panel*/
	#map_title {left: 240px;}					/*movimiento map_title*/
	#list_title {left: 240px;}					/*movimiento list_title*/	

	#pills_main { display: block; }				/*botonoes Mapa y Tabla en el main*/
	#pills_panel { display: none; }				/*botonoes Mapa y Tabla en el control panel*/
	
	#pills_main_table{display: block;}			/*botonoes de Tabla Exportar e Inmuebles en el main*//*Solo M CATASTRO*/
	#pills_panel_table{display: none;}			/*botonoes de Tabla Exportar e Inmuebles en el control panel*//*Solo M CATASTRO*/

	#cnt_main{
		position: fixed;
		top: 50px; 
		left: 15px; /*Set left value to WidthOfFrameDiv*/
		right: 20px;
		bottom: 35px;
		overflow: hidden; 
	}
	#zoomin{left:240px;}
	#zoomout{left:240px;}
	
	.adminboxwide{
	position:relative;
	float: left;
	top:50px;
	width: 100%; 
	/* height: 90%; */ /* height: 330px; */
	height:auto;
	min-height:330px;
	background-color: #FFF4E0;
	/* margin: 0 0 15px 15px; */
	/* border: 1px solid grey;
	box-shadow: 2px 2px 6px 2px #CCC; */ 
	}
	
	
}

@media only screen and (min-width: 480px) and (max-width: 767px) { /* <<<medium */
	h2{font-weight: 400; font-size: 1.2em;}
	#logo-1 { display: none; }
	#logo-2 { display: block; }
	#logo-3 { display: none; }					/*logo grande*/
	#logo-4 { display: block; }					/*logo pequeño*/
	#cnt_control {display: none;}
	#map_title {left: 240px;}
	#list_title {left: 240px;}

	#pills_main { display: none; }
	#pills_panel { display: block; }
	
	#pills_main_table{display: none;}
	#pills_panel_table{display: block;}

	
	#cnt_main{
		position: fixed;
		top: 50px; 
		left: 15px; /*Set left value to WidthOfFrameDiv*/
		right: 20px;
		bottom: 35px;
		overflow: hidden; 
	}
	#zoomin{left:15px;}
	#zoomout{left:15px;}
	
	.adminboxwide{
	position:relative;
	float: left;
	top:50px;
	width: 100%; height: 90%; /*height: 330px;*/
	background-color: #FFF4E0;
	/* margin: 0 0 15px 15px; */
	/* border: 1px solid grey;
	box-shadow: 2px 2px 6px 2px #CCC; */ 
	}
	
	
}

@media only screen and (max-width: 479px) { /* <<<small */
	h2{font-weight: 200; font-size: 1em;}
	#logo-1 { display: none; }
	#logo-2 { display: block; }
	#logo-3 { display: none; }					/*logo grande*/
	#logo-4 { display: block; }					/*logo pequeño*/
	#cnt_control {display: none;}
	#map_title {left: 15px;}
	#list_title {left: 15px;}

	#pills_main { display: none; }
	#pills_panel { display: block; }
	
	#pills_main_table{display: none;}
	#pills_panel_table{display: block;}

	
	#cnt_main{
		position: fixed;
		top: 50px; 
		left: 1px; /*Set left value to WidthOfFrameDiv*/
		right: 1px;
		bottom: 0px;
		overflow: hidden; 
	}
	#zoomin{left:15px;}
	#zoomout{left:15px;}
	
	.adminboxwide{
	position:relative;
	float: left;
	top:50px;
	width: 100%; height: 90%; /*height: 330px;*/
	background-color: #FFF4E0;
	/* margin: 0 0 15px 15px; */
	/* border: 1px solid grey;
	box-shadow: 2px 2px 6px 2px #CCC; */ 
	}
}

/* FIN navbar-bran LOGO responsive (2 Logos)*/
/* ==FIN MEDIA QUERYS==*/



#cnt_login_tab {position:absolute; top:5px; right:50px;
	margin:0; padding:2px 2px 5px 10px; text-align:left; width:660px;
}

.mymargin{margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/}

.mapmargin{}

#cpscvalue{width: 120px;}

.droplistwidth{min-width: 200px; max-width: 200px;}

#scselbox{
	position: absolute;
	display: none;
	left: 236px;
	top:100px;
	/* background-color: #ededed; */
	opacity:0.8;
	filter: alpha(opacity=50); /*necesario en Internet Explorer*/
	/* border: 1px solid red; */
	background-color: #fff;
	border:solid 2px #808080;
	z-index: 10; /* z-index: 1030; */
	/* bottom: 15px; left: 15px; */
	padding: 5px;
	/* width:auto; */
	width: 230px; /* height: 210px; */
	/* box-shadow: 2px 2px 6px 2px #CCC; */
}
/* ventana para rpgol_edit*/
#newcampaign{
	position: absolute;
	display: none;
	left: 236px;
	top:100px;
	/* background-color: #ededed; */
	opacity:0.8;
	filter: alpha(opacity=50); /*necesario en Internet Explorer*/
	/* border: 1px solid red; */
	background-color: #fff;
	border:solid 2px #808080;
	z-index: 10; /* z-index: 1030; */
	/* bottom: 15px; left: 15px; */
	padding: 5px;
	/* width:auto; */
	width: 400px; /* height: 210px; */
	/* box-shadow: 2px 2px 6px 2px #CCC; */
}
/* ventana para rpgol_edit*/
#copycampaign{
	position: absolute;
	display: none;
	left: 236px;
	top:100px;
	/* background-color: #ededed; */
	opacity:0.8;
	filter: alpha(opacity=50); /*necesario en Internet Explorer*/
	/* border: 1px solid red; */
	background-color: #fff;
	border:solid 2px #808080;
	z-index: 10; /* z-index: 1030; */
	/* bottom: 15px; left: 15px; */
	padding: 5px;
	/* width:auto; */
	width: 350px; /* height: 210px; */
	/* box-shadow: 2px 2px 6px 2px #CCC; */
}
/* ventana para rpgol_edit*/
#editcampaign{
	position: absolute;
	display: none;
	left: 236px;
	top:100px;
	/* background-color: #ededed; */
	opacity:0.8;
	filter: alpha(opacity=50); /*necesario en Internet Explorer*/
	/* border: 1px solid red; */
	background-color: #fff;
	border:solid 2px #808080;
	z-index: 10; /* z-index: 1030; */
	/* bottom: 15px; left: 15px; */
	padding: 5px;
	/* width:auto; */
	width: 350px; /* height: 210px; */
	/* box-shadow: 2px 2px 6px 2px #CCC; */
}
/* ventana para rpgol_edit*/
#newcamparea{
	position: absolute;
	display: none;
	left: 456px; /*para que salga al lado de dibujar polígono*/
	top:100px;
	/* background-color: #ededed; */
	opacity:0.8;
	filter: alpha(opacity=50); /*necesario en Internet Explorer*/
	/* border: 1px solid red; */
	background-color: #fff;
	border:solid 2px #808080;
	z-index: 10; /* z-index: 1030; */
	/* bottom: 15px; left: 15px; */
	padding: 5px;
	/* width:auto; */
	width: 350px; /* height: 210px; */
	/* box-shadow: 2px 2px 6px 2px #CCC; */
}
/* ventana para rpgol_edit*/
#editcamparea{
	position: absolute;
	display: none;
	left: 236px; 
	top:100px;
	/* background-color: #ededed; */
	opacity:0.8;
	filter: alpha(opacity=50); /*necesario en Internet Explorer*/
	/* border: 1px solid red; */
	background-color: #fff;
	border:solid 2px #808080;
	z-index: 10; /* z-index: 1030; */
	/* bottom: 15px; left: 15px; */
	padding: 5px;
	/* width:auto; */
	width: 350px; /* height: 210px; */
	/* box-shadow: 2px 2px 6px 2px #CCC; */
}
#previsto{						/*id de rpp_main*//* ventana para rpgol_edit*/
	position: absolute;
	display: none;
	left: 466px;
	top:200px;
	opacity:0.8;
	filter: alpha(opacity=50); /*necesario en Internet Explorer*/
	background-color: #fff;
	border:solid 2px #808080;
	z-index: 2000;
	padding: 5px;
	width: 270px;
}
#ayudabox{
	position: fixed;
	background-color: #fff;
	z-index: 10001;
	bottom: -500px; left: 290px;
	padding: 10px;
	width: 550px; height: 450px;
	box-shadow: 2px 2px 6px 2px #CCC;
}
#cnt_ayudabox{
	margin-top: 15px;
	width: 550px; height: 410px;
	overflow: auto;
}
#cnt_control{
	position: fixed;
	padding: 10px;
	top: 30px;
	bottom: 35px; 
	left: 6px;
	width: 230px; /*Width of frame div*/
	overflow: auto;
	z-index: 1025;
	opacity:0.9;
	filter: alpha(opacity=50); /*necesario en Internet Explorer*/
	/* border: 1px solid red; */
	background-color: #CCCCCC;
	/* border: 1px solid red; */
}
/*pasa a media query*/
/* #cnt_main{
	position: fixed;
	top: 50px; 
	left: 15px; 
	right: 20px;
	bottom: 35px;
	overflow: hidden; 
	
} */

#cnt_map{
	top: 80px;
	height:100%;
	/* box-shadow: 2px 2px 6px 2px #CCC; */
	/* border: 1px solid red; */
}

#map_title{
	position: absolute;
	/* left: 240px; */ /*position left take of JavaScript*/
	top: 0px;
	/* left: 240px;*/
	z-index: 1025;
}

#list_title{
	position: absolute;
	/* left: 240px; */ /*position left take of JavaScript*/
	top: 0px;
	/* left: 240px; */
	z-index: 1025;
}

#cnt_table{
	top: 80px;
	 width:100%;
	/* display: none; */
	overflow-x: auto; 
}

#cnt_footer{
	width: 100%; height: 35px;
	position: fixed;
	bottom: 0px; left: 0px;
	text-align: center;
	font-size: 0.8em;
}

/* === BUTTON ZOOMIN ZOOMOUT === */

#zoomin{
	position:absolute;
	top:80px;
	/* left:15px; */
	width:35px;
	height:35px;
	z-index:5000;
	background-color: black;
	background-image:url("images/rpgol_zoomin.png");
	opacity:1;
}
#zoomin:hover{
	cursor:pointer;
/*	opacity:0.6; */
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#zoomout{
	position:absolute;
	top:120px;
	/* left:15px; */
	width:35px;
	height:35px;
	z-index:5000;
	background-color: black;
	background-image:url("images/rpgol_zoomout.png");
	opacity:1;
}
#zoomout:hover{
	cursor:pointer;
/*	opacity:0.6; */
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

/*== DIV para ADMIN(rpgol_admin.phtml)==*/

.admin{
	overflow: auto;
	height: 100%; 
	 /* max-height:100%; */
	 /* min-height: 100%; */
	/*  height: 100% !important;  */
	
} 
.adminbox{
	position:relative;
	float: left;
	top:50px;
	/* margin: 0 0 15px 15px; */
	width: 100%; height: 90%;
	background-color: #FFF4E0;
	/* padding:10px; */
	/* border: 1px solid grey;
	box-shadow: 2px 2px 6px 2px #CCC;  */
}

/*para que las etiquetas <label> de los form, no salgan en negrita, por defecto bootstrap es negrita*/
.label_unbold {
    font-weight: 400;
}
/*Sobreescribimos, para que todos los control labels se ajusten a la izquierda*/
.form-horizontal .control-label{
   text-align:left !important; 
}

/* #cnt_table_activities{
	margin-top: 10px; */
/*	position: absolute;
	top: 5px; left: 5px;
	box-shadow: 2px 2px 6px 2px #CCC;
	border: 1px solid red; */
/* } */
#cnt_table_activities{
	/* top: 80px; */
	margin-top: 10px;
	 width:100%;
	/* display: none; */
	overflow-x: auto; 
	
}
#list2{
	font-family: 'Arimo', sans-serif; font-weight: 400;
	font-size: 0.9em;
	/* color: #666666; */
	color:#dedede;
}
/*filter-div*/
#filter_div{
	position: absolute;
	display: none;
	left: 466px;
	top:200px;
	opacity:0.9;
	filter: alpha(opacity=50); /*necesario en Internet Explorer*/
	background-color: #fff;
	border:solid 2px #808080;
	z-index: 2000;
	padding: 5px;
	margin: 10px;
	width: 400px;
	
}
/*clase para el head de filter_div*/
.head{
	cursor: move;
	background-color: #f0f0f0;
	
}
.btn-spacing{
	margin-right: 5px;
	margin-bottom: 5px !important;
	
}
.slider.slider-horizontal .slider-selection {
	background: #d7f8fa;
	
} 

.slider_box{
	width: 30px;
}