/*
 * Personalizaciones al template AdminLTE para el mapa
 *
 */

/*
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 
@ Estilos del template
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 
*/
.main-sidebar {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

.content-wrapper, .main-footer {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

.main-footer {
	padding: 15px 5px 15px 5px;
}

.ui-selectonemenu {
	padding-right: 0px;
}

/* Estilos para pantallas pequenas */
@media ( max-width : 767px) {
	.sidebar-mini-expand-feature .wrapper .content-wrapper .map-container {
		/*border: 1px solid blue;*/
		float: left;
		width: calc(100% - 0px);
		height: calc(100% - 106px);
		position: absolute;
	}
	.sidebar-open .wrapper .content-wrapper .map-container {
		/*border: 1px solid blue;*/
		float: left;
		width: calc(100% - 0px);
		height: calc(100% - 50px);
		position: absolute;
	}
	
	.main-header .logo {
		display:none !important;
	}
	.fixed .content-wrapper, .fixed .right-side {
		padding-top: 50px !important;
	}
	.control-sidebar {
		padding-top: 50px;
	}
	.main-sidebar {
		padding-top: 50px;
	}
}

/* Estilos para PickList */
.ui-state-focus {
	outline: none;
}

/* Estilos para pantallas medianas en adelante */
@media ( min-width : 768px) {
	.sidebar-mini-expand-feature .wrapper .content-wrapper .map-container {
		/*border: 1px solid blue;*/
		float: left;
		width: calc(100% - 230px);
		height: calc(100% - 101px);
		position: absolute;
	}
	.sidebar-collapse .wrapper .content-wrapper .map-container {
		/*border: 1px solid yellow;*/
		float: left;
		width: calc(100% - 50px);
		height: calc(100% - 101px);
		position: absolute;
	}
	.sidebar-expanded-on-hover .wrapper .content-wrapper .map-container {
		/*border: 1px solid blue;*/
		float: left;
		width: calc(100% - 230px);
		height: calc(100% - 101px);
		position: absolute;
		margin-left: 180px;
	}
	.sidebar-expanded-on-hover .wrapper .main-footer {
		margin-left: 230px;
	}
}

/*
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 
@ Estilos de la seccion metadatos de capa espacial
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 
*/
.modal-body {
	padding: 0px 15px;
}

.dlgContainer {
	
}

.dlgContainer .ui-tabs .ui-tabs-nav.ui-widget-header li a {
	color: #545454 !important;
}

.dlgContainer .ui-tabs .ui-tabs-panel {
	padding: 0em 1.4em 1em 1.4em;
	overflow: auto;
}

.metadataSection {
	font-size: 12px;
}

.metadataSection h4 {
	margin-top: 0px;
	margin-bottom: 20px;
}

.metadataSection .ui-state-focus {
	outline: none;
}

.metadataSection .ui-widget .ui-widget {
	font-size: 12px;
}

.metadataSection .ui-inputfield, .ui-widget-content .ui-inputfield {
	-webkit-border-radius: 153px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.metadataSection .ui-panel .ui-panel-content {
	padding: 0px;
}

/*
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 
@ Estilos de la seccion busqueda basica
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 
*/
.input-group .ui-inputfield {
	text-shadow: none;
}

.input-group-btn .ui-state-default {
	text-shadow: none;
}

/*
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 
@ Estilos de la seccion posicion y extent
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 
*/
.frmPositionAndExtent .control-sidebar-heading {
	font-weight: bold;
	font-size: 18px;
	padding: 0px 0px 5px 0px;
}

.posExtentPanel .lblPosExtent {
	font-size: 12px;
}

.posExtentPanel .form-control {
	padding: 2px;
	height: 24px;
}

.posExtentPanel li {
	padding-bottom: 35px;
}

/*
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 
@ Estilos para controles de Busqueda Avanzada
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 
*/
.btnAdvancedSearch {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff !important;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff !important;
	box-shadow:inset 0px 1px 0px 0px #ffffff !important;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6)) !important;
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%) !important;
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%) !important;
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%) !important;
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%) !important;
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0) !important;
	background-color:#ffffff !important;
	-moz-border-radius:15px !important;
	-webkit-border-radius:15px !important;
	border-radius:15px !important;
	border:2px solid #dcdcdc !important;
	display:inline-block !important;
	cursor:pointer;
	color:#666666 !important;
	font-size:12px !important;
	font-weight:bold !important;
	padding:0px !important;
	text-decoration:none !important;
	text-shadow:0px 1px 0px #ffffff !important;
	width: 26px !important;
}
.btnAdvancedSearch:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff)) !important;
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%) !important;
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%) !important;
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%) !important;
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%) !important;
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0) !important;
	background-color:#f6f6f6 !important;
}
.btnAdvancedSearch:active {
	position:relative;
	top:1px;
}

/*
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 
@ Estilos para controles de jqxWidgets
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 
*/
.jqx-grid-column-header, .jqx-grid-cell {
	font-size: 11px;
	color: #545454;
}

.jqx-grid-column-header {
	font-weight: bold;
	color: #545454;
}

/*
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@ Estilos modificar el estilo rojo de las cabeceras
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
*/

.skin-red .main-header .logo {
	background-color: #8F162A;
}

.skin-red .main-header .logo:hover {
	background-color: #801426;
}

.skin-red .main-header .navbar {
	background-color: #8F162A;
}

.skin-red .main-header .navbar .sidebar-toggle:hover {
	background-color: rgba(0,0,0,0.1);
}

.skin-red .sidebar-menu > li.active > a {
	border-left-color: #8F162A;
}

/*
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@ Estilos modificar el estilo Purple light de las cabeceras
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
*/

.skin-purple-light .main-header .logo {
	background-color: #183171;
}

.skin-purple-light .main-header .logo:hover {
	background-color: #173270;
}

.skin-purple-light .main-header .navbar {
	background-color: #183171;
}

.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
	background-color: rgba(0,0,0,0.1);
}

.skin-purple-light .sidebar-menu > li.active > a {
	border-left-color: #183171;
}