#tree {
		font-family: 'Arial' !important;
	}

	svg{
		/* height:100%!important;*/
		/* width:95%; */
	}

    .orgchart .presidencia .title { background-color: #cc0000;}
    .orgchart .presidencia .content { border-color: #cc0000; height:40px!important; }


    .orgchart .delegacion .title { background-color: #e17572;}
    .orgchart .delegacion .content { border-color: #e17572; height:40px!important; }


    .orgchart .area .title { background-color: #006699; }
    .orgchart .area .content { border-color: #006699; height:40px!important; }

    .orgchart .servicio .title { background-color: #009933; }
    .orgchart .servicio .content { border-color: #009933; height:40px!important; }

	/* cuando se trate de una sección, no pintaremos el elemento "content". Como consecuencia, deberemos redondear el elemento "title" */	
    .orgchart .seccion .title { background-color: #cc0066; vertical-align:middle; border-radius:4px; }
    .orgchart .seccion .content { display:none; ; }

    .orgchart .assistant .title { background-color: #cc0066; vertical-align:middle; border-radius:4px; }
    .orgchart .assistant .content { border-color: #009933; height:20px!important; }


    #tree>svg {
        /*background-color: #2E2E2E;*/
    }


	.node line {
		stroke: #CC0000;
	}

	.node.delegacion line {
		stroke: #CC0000;
	}
	
	.node.area line {
		stroke: #006699;
	}
	
	.node.servicio line {
		stroke: #009933;
	}
  
	.node.seccion line {
		stroke: #cc0066;
	}

	.node.otros line {
		stroke: blue;
	}

	.node.assistant line {
		stroke: #8a6d3b;
	}


#tree > div.bg-toolbar-container{
	bottom:unset!important;
	right:0!important;
	top:10px;	
}

@media screen and (max-width:640px){
	#tree > div.bg-toolbar-container {
		display: none;
	}	
}


#tree.tree_diputacion > div.edit-wrapper {
	opacity:1!important;	
	height:500px!important;
	background-color:#f5f5f5!important;
}

#tree > div.edit-wrapper > div > div.edit-fields{
	height:unset!important;
	background-color:#FFF!important;
}


#tree > div.edit-wrapper > div > div.edit-fields > div.detalle > div{
}

#tree > div.edit-wrapper > div > div.edit-photo{
	background-color:#CC0000 !important;	
}


.details-view{
	font-size:0.85em;
}

div.edit-fields > div.detalle > ul > li > a {
	color:#CC0000 !important;	
}

div.edit-fields > div.detalle > ul > li.active > a {
	background-color:#f5f5f5;	
	color:#CC0000 !important;

}



div.edit-fields > div.detalle > div{
	background-color:#f5f5f5;	
	padding:10px;
}

#mas_info > ul > li > a > i{
	margin-left:10px;
	margin-right:5px;
}


div.contenedor_datos_diputado{
	width:100%;
	height:90px;
	border-bottom: 1px solid darkgrey;
}

div.contenedor_datos_diputado > img	{
	border:1px solid #9d9d9d;
	height: 120px;
    margin: 10px;
    border-radius: 10px;
    position: absolute;
    clear: both;
    left: 0;
	top:0;
}



div.contenedor_datos_diputado > div.datos_diputado{
    float: right;
    margin: 10px;
	text-align:right;
}

div.contenedor_datos_diputado > div > div.nombre_diputado{
	font-size:16px;
	font-weight:bold;
	color:#cc5d5d;
}

div.contenedor_datos_diputado > div > div.detalle_diputado {
	margin-top: 15px;
    font-size: 0.9em;
}

div.contenedor_datos_diputado > div > div.detalle_diputado >a{
    color: darkgrey;
	text-decoration:none;	
}

div.contenedor_datos_diputado > div > div.detalle_diputado > a:hover{
	color:#CC0000;
}

div.contenedor_datos_diputado > div > div.detalle_diputado > a > i{
	margin-left:10px;
	margin-right:5px;
}

div.datos_unidad > div.nombre_unidad{
	color: darkslategrey;
    font-size: 18px;
    font-weight: bold;
}
div.datos_unidad > div.responsable_unidad {
	margin-top:10px;
	color: darkslategrey;
    font-size: 16px;
}

div.datos_unidad > div.detalle_unidad{
    font-size: 0.9em;
	text-align:right;
    margin-top: 10px;
}
div.datos_unidad > div.detalle_unidad > a{
    color: darkgrey;
	text-decoration:none;	
}
div.datos_unidad > div.detalle_unidad > a:hover{
	color:#CC0000;
}

div.datos_unidad > div.detalle_unidad > a > i {
	margin-left:10px;
	margin-right:5px;
}



/******************************************************************/

div.panel_info_contenedor{
	position:absolute;
	top:0;
	right: 0px;
	width:100%;
	max-width:400px;
	border:1px solid #ccc;
	text-align:left;
	background-color: #ffffff;
	opacity:1!important;	
	height:500px;
	background-color:#f5f5f5;
}

div.panel_info_contenedor > div.panel_unidad_view{
	font-size:0.85em;
}


div.panel_info_contenedor > div.panel_unidad_view > div.panel_unidad_cabecera{
    background-color: #CC0000;
    min-height: 50px;
    text-align: center;
    position: relative;	
}

div.panel_info_contenedor > div.panel_unidad_view > div.panel_unidad_cabecera > div.panel_unidad_volver{
	cursor: pointer;
	width: 34px;
	height: 34px;
	position: absolute;
	top: 7px;
	right: 7px;
}


div.panel_unidad_body{
    background-color: white;
}


div.datos_unidad {
    padding: 15px;
	background-color:white;	
}


div.datos_unidad > div.nombre_unidad{
	color: darkslategrey;
    font-size: 18px;
    font-weight: bold;
}
div.datos_unidad > div.responsable_unidad {
	margin-top:10px;
	color: darkslategrey;
    font-size: 16px;
}
div.datos_unidad > div.separacion {
	border-bottom:2px solid #d7d7d7;
	margin-top:5px;
	margin-bottom:5px;
}


div.detalle > div{
	background-color:whitesmoke;	
}

div.detalle > ul.nav > li > a {
	color:#CC0000 !important;	
	padding: 10px 10px 2px 10px;
}

div.detalle > ul.nav > li > a.active {
	background-color:#f5f5f5;	
	color:#CC0000 !important;
	border: 1px solid #dee2e6;
    border-bottom: 0;

}

div.detalle > div{
	background-color:#f5f5f5;	
	padding:10px;
}




#contacto > ul{
	list-style:none;
	padding:15px;
	margin-bottom:0;
}

#contacto > ul > li{
	list-style:none;
	margin-bottom:10px;
	color:darkslategrey!important;
}



#personal {
	position:relative;	
    padding-bottom: 30px;
	max-height: 230px;
    overflow: auto;
}

#personal > ul{
	padding-top:15px;
	padding-left:30px;
}

#personal > ul > li {
	color:#555;
	cursor:pointer;
	margin-bottom:5px;
}

#personal > ul > li:hover{
	color:#900;
}


/*  persona */



div.panel_persona_view{
    position: absolute;
    z-index: 1000;
    width: 100%;
    top: 0;
}

div.panel_persona_view > div.panel_persona_cabecera{
    background-color: #034075;
    min-height: 50px;
    text-align: center;
    position: relative;	
}

div.panel_persona_view > div.panel_persona_cabecera > div.panel_persona_volver {
	cursor: pointer;
	width: 34px;
	height: 34px;
	position: absolute;
	top: 7px;
	right: 7px;
}


div.panel_persona_view > div.panel_persona_body{
    background-color: white;
    box-sizing:border-box;
	height: 450px;	
	padding:20px;
	overflow-x: hidden;
	overflow-y: auto;
	
}

div.panel_persona_view > div.panel_persona_body > div.persona_detalle_nombre {	
	font-size:1.1em;
	font-weight:bold;
	padding-left:30px;
	margin-top:15px;
}


div.panel_persona_view > div.panel_persona_body > ul {
	list-style:none;	
	padding-left:30px;
}
div.panel_persona_view > div.panel_persona_body > ul > li{
	margin-bottom:5px;
}

div.panel_persona_view > div.panel_persona_body > ul > li.jerarquia_unidad{
	font-size:0.8em;
	color:grey;
}


.item_busqueda_resultado{
	border-top:1px solid #d7d7d7; 
	padding: 7px 0 7px 0;
	cursor:pointer;
}

.item_busqueda_resultado:hover{
	background-color:#F0F0F0;
}


[data-id="container"] {
	max-height:400px;
	overflow:auto;	
}



div.panel_exportar {
}

div.panel_exportar > div:hover{
	background-color: #F0F0F0!important;
}

.groupName{
	fill:#666;	
}