/* For EuskalKorreo applications */
/*
#23558A becomes #E7501E  orange EuskalKorreo
#cccccc becomes #cccccc light gray as text color
*/

html,body{
	border: 0;
	overflow: hidden;
	height: 100%; 
	max-height: 100%;
}
.mybg{
	background-image: url("images/mesa_trabajo.jpg");
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.myshade{
	color: white;
}

.content-wrapper {
    padding-top: 130px;
    padding-left: 15px;
    padding-right: 15px;
}
.login-box {
    background: white;
    padding: 55px 30px 40px;
    max-width: 443px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
}
.login-box .title {
    font-size: 23px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 50px;
}
.field {
    margin-bottom: 30px;
}
.field input:not([type="submit"]) {
    width: 100%;
    border: 0;
    border-bottom: solid 2px #3A3932;
    color: #7d7d7d;
    padding: 6px 0;
    font-size: 14px;
    font-weight: 500;
    outline: 0;
}
.field input::-webkit-input-placeholder, .field input::placeholder {
    color: #3A3932;
    font-weight: 600;
    transition: color ease .2s;
}
.field input:not([type="submit"]):focus::-webkit-input-placeholder, .field input:not([type="submit"]):focus::placeholder {
    color: transparent;
}
.field input[type="submit"] {
    background: white;
    padding: 11px 44px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    margin-top: 35px;
    cursor: pointer;
    transition: all ease .3s;
    outline: 0;
}
.field input[type="submit"]:hover {
	color: white;
	background: #E7501E;
}

h1{
	font-weight: 700; font-size: 1.2em;
}

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 apgol_edit;control_map_header, control_edit_header  */
.control_header{
	height: 24px;
	font-weight: 700;
	padding-top: 3px;
	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;
}
/*== 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 {
  font-size: 0.8em ;
  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 ...apgol ==*/

.btn-primary{
	background-color: #E7501E; /*blue ArcoPostal color contenido fondo*/
	border-style:solid;
	border-color:#E7501E;
	color:#cccccc !important; /*color letras light gray*/
}

.btn-primary:hover {
	border-style:solid;
	border-color:#312478;
	color:#cccccc !important;
}

.btn-primary:focus{
	background-color:#E7501E;/*color contenido foco*/
	border-style:solid;
	border-color:#E7501E;
	color:#cccccc !important; /*color letras*/
}

 .nav-pills > li > a{
	font-size: 0.8em ;
	top:6px;
	right:2px; 
	 color:#262626 !important;
} 

.nav-pills>li > a:hover{
	font-size: 0.8em ;
	top:6px;
	 color: #262626!important;
    background-color:#cccccc !important;
	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: #cccccc !important;
    background-color:#E7501E !important;
	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: #edf5fc;
	}
	
	
}

@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: #edf5fc;
	}
	
	
}

@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: #edf5fc;
	}
}

/* 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;
	opacity:0.8;
	background-color: #fff;
	border:solid 2px #808080;
	z-index: 10; /* z-index: 1030; */
	padding: 5px;
	width: 230px; /* height: 210px; */
}
/* ventana para apgol_edit*/
#newcampaign{
	position: absolute;
	display: none;
	left: 236px;
	top:100px;
	opacity:0.8;
	background-color: #fff;
	border:solid 2px #808080;
	z-index: 10; /* z-index: 1030; */
	padding: 5px;
	width: 400px; /* height: 210px; */
}
/* ventana para apgol_edit*/
#copycampaign{
	position: absolute;
	display: none;
	left: 236px;
	top:100px;
	opacity:0.8;
	background-color: #fff;
	border:solid 2px #808080;
	z-index: 10; /* z-index: 1030; */
	padding: 5px;
	width: 350px; /* height: 210px; */
}
/* ventana para apgol_edit*/
#editcampaign{
	position: absolute;
	display: none;
	left: 236px;
	top:100px;
	opacity:0.8;
	background-color: #fff;
	border:solid 2px #808080;
	z-index: 10; /* z-index: 1030; */
	padding: 5px;
	width: 350px; /* height: 210px; */
}
/* ventana para apgol_edit*/
#newcamparea{
	position: absolute;
	display: none;
	left: 456px; /*para que salga al lado de dibujar polígono*/
	top:100px;
	opacity:0.8;
	background-color: #fff;
	border:solid 2px #808080;
	z-index: 10; /* z-index: 1030; */
	padding: 5px;
	width: 350px; /* height: 210px; */
}
/* ventana para apgol_edit*/
#editcamparea{
	position: absolute;
	display: none;
	left: 236px; 
	top:100px;
	opacity:0.8;
	background-color: #fff;
	border:solid 2px #808080;
	z-index: 10; /* z-index: 1030; */
	padding: 5px;
	width: 350px; /* height: 210px; */
}
#previsto{						/*id de rpp_main*//* ventana para apgol_edit*/
	position: absolute;
	display: none;
	left: 466px;
	top:200px;
	opacity:0.8;
	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;
	background-color: #edf5fc; /* Style apgol */
}

#cnt_map{
	top: 80px;
	height:100%;
}

#map_title{
	position: absolute;
	top: 0px;
	z-index: 1025;
}

#list_title{
	position: absolute;
	top: 0px;
	z-index: 1025;
}

#cnt_table{
	top: 80px;
	 width:100%;
	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;
	width:35px;
	height:35px;
	z-index:5000;
	background-color: black;
	background-image:url("images/ekgol_zoomin.png");
	opacity:1;
}
#zoomin:hover{
	cursor:pointer;
	transform: scale(1.1);
}
#zoomout{
	position:absolute;
	top:120px;
	width:35px;
	height:35px;
	z-index:5000;
	background-color: black;
	background-image:url("images/ekgol_zoomout.png");
	opacity:1;
}
#zoomout:hover{
	cursor:pointer;
	transform: scale(1.1);
}

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

.admin{
	overflow: auto;
	height: 100%; 	
} 
.adminbox{
	position:relative;
	float: left;
	top:50px;
	width: 100%; height: 90%;
	background-color: #edf5fc;
}

/*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{
	margin-top: 10px;
	 width:100%;
	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;
	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;
}