/**
ESTILOS EJECUCION CLICKS
*/
#tableResultFilter_info {
	display: none;
}
#loadingTable {
	text-align: center;
    margin-bottom: 20px;
}
.paginate_button {
	padding: 4px;
    font-size: 16px;
    font-weight: bold;
}
.panelBotonDetalles {
	display: flex;
    padding-top: 20px;
	text-align: center;
}
.panelBotonDetalles .verEstadisticas, .verDescargas {
	color: white;
    background: #144382;
    font-weight: bold;
    padding: 8px;
	margin-bottom: 0px;
	border: none;
	font-size: 14px;
}

.candidatos .verEstadisticas {
	color: white;
    background: #144382;
    font-weight: bold;
    padding: 8px;
	margin-bottom: 0px;
	text-align: center;
	font-size: 14px;
}

.candidatos  {
	display: flex;
}

#areaDescargas {
    margin-top: 30px;
}

.panelBotonDetalles:hover, .verEstadisticas:hover, .verDescargas:hover, .candidatos .verEstadisticas:hover, h3 .btn-link:hover {
	text-decoration: underline;
}

.dataTables_info {
	display: none;
}

.card-header .btn {
	font-size:14px !important;
}


.listIcons {
	display: flex;
    justify-content: flex-end;
    padding-bottom: 10px;
	font-size: 25px;
    color: #154481;
    cursor: pointer;
}

.listIcons i{
	padding-left: 10px;
}

/**
	ESTILOS WIDGET MAPA
*/
#selectTipos,#selectTiposJ,#selectTiposD {
	font-size: 14px;
}
#mapHome {
	padding-right: 30px;
}
#graficPanel,  #graficPanelJ, #graficPanelD{
width: 100% !important;
}


#graficPanel {
width: 100% !important;
}
.mapbody{
    height: 500px;
    background-color: white;
}

.migas,.map-info>.header,.map-selector>.header{
    background-color: #ECF2F7;
    padding: 10px;
    color: #154481;
    border-bottom: 5px #5A6D7C solid;

}
.migas-element{
    color: #5F6E7F;
}
.migas-element:hover{
    color:#5F6E7F;
    font-weight: bolder;
    cursor:pointer;
}
.migas>.migas-element:last-child{
    font-weight: bolder;
    color: #154481;
}  

#titleDistrito{
	padding-top: 10px;
    padding-left: 15px;
    background: gainsboro;
    padding-bottom: 10px;
    margin-top: 15px;
}
#tableDataDistritosBody span{
	cursor: pointer;
    color: #144382;
}

/**
	MAP ELEMENT SELECTOR
*/


.map-selector>.searcher-browser{

	padding:10px 5px 2px 5px;
	font-size:12pt;
	color:#154481;
}


.map-selector>.content, .map-info>.content{
	
	padding:10px;
	font-size: 12pt;
}

.map-selector>.content{
	
	overflow-y:scroll;
	scrollbar-width:thin;
	scroll-behavior:smooth;
	max-height:380px;
	height: 100%;
	color:#365e7d;
}

.map-selector>.content>.contentSearcher{
	list-style: none;
	padding: 0;
	margin:0;
}


.map-selector>.content>.contentSearcher>.element-selector{
	
	border-top: 2px solid  #154481;
	border-left: 2px solid  #154481;
	border-right: 2px solid  #154481;
	border-bottom: 1px solid  #154481;
	
	padding: 5px 5px 5px 5px;
	color:	 #154481;
	overflow: hidden;
	text-overflow: ellipsis;
	
}

.map-selector>.content>.contentSearcher>.element-selector+.element-selector{
	border-top: 1px solid  #445D71;
	border-bottom: 1px solid  #445D71;
}

.map-selector>.content>.contentSearcher>.element-selector:last-child{
	border-bottom: 2px solid  #445D71;
}

.map-selector>.content>.contentSearcher>.element-selector:hover,.map-selector>.content>.contentSearcher>.element-selector:focus{
	border:3px solid #365e7d;
	color:  #365e7d;
	font-weight:bolder;
}


.map-selector .searcher{
	
	width: calc(100% - 30px);
	margin: 11px;
	padding: 5px;
	font-size:12px;
}

/**
	ESTILO SEPARADORES
*/

.separator{
	width:10px;
	border:1px 	#445D71 ridge;
	background-color:#7FA8C8;
	
}

/**
	ESTILOS COMUNES
*/

.row{
    display: flex;
}


.column-1{
    flex: 1%;
}

.column-20{
    flex: 20%;
}
.column-30{
    flex: 30%;
}
.column-40{
    flex: 40%;
}
.column-50{
    flex: 50%;
}
.column-60{
    flex: 60%;
}
.column-70{
    flex:70%;
}
.column-80{
    flex: 80%;
}
.column-100{
    flex: 100%;
}


.hidden {
	visibility: hidden;
	transition: visibility 0.2s linear;
}
.hidden.visible{
	visibility:visible;
	transition: visibility 2s linear;
}


/**
	BUSCADR SUPERIOR MAPA
*/
.buscadorConvocatoriaMap{
	padding-top:25px;
	padding-bottom:25px;
}
.buscadorConvocatoriaMap *{

}


/**
	BOTONERA MAPa
*/

.mapBotonera > * {
    float: right;
}
.mapBotonera {
    padding: 20px 5px 20px 5px;
}	
.verResultadosButton{
	cursor: pointer;
	font-size:8pt;
}


@media only screen and (max-width: 700px) {
	.buscadorConvocatoriaMap {
		padding: 15px;
		border: 1px solid;
		margin-bottom: 20px;
	}
	
	#mapHome {
    	padding-right: 0px; 
	}
	
	.buscadorConvocatoriaMap select {
		width: 100%
	}
	
	.column-60 {
		flex: 100%;
		width: 100%;
	}
	
	.dataTables_wrapper, .tableResult {
		overflow: hidden;
		overflow-x: scroll;
	}

	#resultDetalle{
		margin-top:15px;
	}
	
	#extranjeros{
		margin-top:10px;
	}
	
}