@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');

body {
	font-size: 11px;
	font-family: 'Open Sans', sans-serif;
}


body{
	color: #343f51;	
	background-color: #ecf1f5;
	margin: 0px;
	/* Estilos de la barra de scroll */
	scrollbar-face-color: #343f51;
	scrollbar-shadow-color: #343f51;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-3dlight-color: #343f51;
	scrollbar-darkshadow-color: #CCCCCC;
	scrollbar-track-color: #CCCCCC;
	scrollbar-arrow-color: White;	
}

font {
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #343f51;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
li{
	margin: 0;
	padding: 0;
}

label{
	display: inline-block; 
	min-width: 140px;
	font-size: 12px;
}

/**********************************************/
ul.arbol {		
	margin: 1px;
	padding: 2px;
	
}
ul.arbol li{
	background-image:url(../image/brick.png);
	background-position:top left;
	background-repeat:no-repeat;		
	padding: 1px 0 2px 30px;
	text-align: top left;
}

ul.arbol ul.arbol li {
	background-image:url(../image/note.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding: 1px 0 2px 30px;
}

ul.arbol ul.arbol ul.arbol li {
	background-image:url(../image/page.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding: 1px 0 2px 30px;
}


ul.arbol ul.arbol ul.arbol ul.arbol li{   
	background-image:url(../image/page_white_text.png);
	background-repeat:no-repeat;
	background-position:left;
	padding: 1px 0 2px 30px;

}

ul.arbol li.nuevoelem,
ul.arbol ul.arbol li.nuevoelem,
ul.arbol ul.arbol ul.arbol li.nuevoelem{
	background-image:url(../image/brick_add.png)!important	;
}

a:visited {
	color: #475469;
	text-decoration: none;
}

a:link {
	font-size: 12px;
	color: #16a4b2;
	text-decoration: none;
}
a:link img{
	padding-right: 5px;
}

a:hover {
	color:  #475469;
	text-decoration: none;
}

a:active {
	color: #16a4b2;
	text-decoration: none;
}


a.enlace2:link {
	
	font-size: 13px;
	color: #16a4b2;
	text-decoration: none;
}
#gestion

a.enlace2:link img{
	padding-right: 5px;
}

a.enlace2:visited {
	color:  #343f51;
	text-decoration: none;
}

a.enlace2:active {
	color: #16a4b2;
	text-decoration: none;
}

a.enlace2:hover {
	color: #475469; 
	text-decoration: none;
}

a.enlaceaviso:link {	
	font-size: 9px;
	color: #16a4b2!important;
	text-decoration: none;
}

a.enlaceaviso:visited {
	color:  #fff!important;
	text-decoration: none;
}

a.enlaceaviso2:active {
	color: #fff!important;
	text-decoration: none;
}

a.enlaceaviso:hover {
	color: #fff!important;
	text-decoration: none;
}



.bodyfondo{
	background-color:#475469;
	padding: 0 5px 0 5px;
}



tr:nth-child(odd){
    background: rgb(51, 62, 80, 0.1)!important;
}

.login_table tr:nth-child(odd){
    background: rgb(51, 62, 80, 0)!important;
}
 
tr:nth-child(even){
    background: #ffffff!important;
}

input, select {	
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	color: #343f51;
	font-weight: 500;
	font-variant: normal;
	font-size: 13px;
	padding: 3px;
	margin:2px 5px;
}


input[type="number"],  input[type="date"]{
   width:120px;
   text-align: right;
}




.capa_propuesta_dato{
	 background-color: #475469;
	padding: .5em 2em .55em;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-width : 400px;
	width:auto;
}

input[type="file"]{
	width:400px;
}

input[type="radio"],input[type="checkbox"]{
    width:30px;
}


textarea {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	color: #343f51;
	font-weight: 500;
	font-variant: normal;
	font-size: 12px;
	width: 99%;
	border: 1px solid rgb(51, 62, 80, 0.1);
	white-space:  pre-wrap !important;
	word-wrap:break-word !important;
	padding: 5px;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#ventana_modal {font-size:12px;}
#ventana_modal label {font-weight: bold;}
#ventana_modal li {padding: 3px;}

	
#formulario{
	font-size:12px;
	font-weight: bold;
	padding: 3px;
	overflow: hidden;
	}

.filtros_grafica{
	overflow: visible!important;
	background: none!important;	
}

#div_lateral{
	background-color: #fff!important;
	margin-top: 8px!important;
padding: 10px!important;
border-radius:5px!important;
float:left!important;
width:15%!important;
}

#div_lateral input, select{
	margin: 0;
	padding: 0;
}

#div_lateral input[type="button"], input[type="submit"], button, .formboton {
	padding: 5px;
	margin: 5px 8px;
}

#div_lateral p{
	margin: 0;
	padding: 10px;
}

#tabs{
margin-left:0.5%!important;
margin-top: 0px!important;
padding: 5px!important;
border-radius:5px!important;
float:left!important;
/*width:80%!important;*/
}

@media only screen and (max-width: 768px) {

	#div_lateral{
		width:100%
	}
	#tabs{
	margin-left:0px;
	width:100%
	}
}

table.sortable thead {
	background-color: #16a4b2;
	font-style: normal;
	font-weight: 800;
	font-variant: normal;
	font-size: 10px;
	color: #fff;
	cursor: pointer;
	text-align:left;
}
.fondotabla,tr.fondotabla td{
	background-color: #16a4b2;
    color: #fff;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	font-size: 13px;
	padding: 3px 8px;
}

.menu{
cursor:pointer;
margin-left: 6px;
margin-bottom: 2px;
font-weight:bold;
color:#16a4b2;
}

.tdseleccion, 
.tdmarketing,
.tdadistracion,
.tdherramientas,
.tdproc,
.plegado{
/*	visibility:hidden;*/
	display:none;
}

.desplegado{
/*	visibility:hidden;*/
	display:block;
}


/*********************************************************************/
.applemenu{
	margin: 0px;
	padding: 0px;
	width:100%!important;
	height: 100% !important;
	background-color: #475469;
}
.applemenu div.silverheader{
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	outline: none;
	cursor: pointer;
	text-align: left;
	text-decoration: none;
	padding: 10px 5px 10px 5px;
	width: 100%;
	border-left:5px solid  #475469!important;
}

.applemenu div.silverheader:hover{
	border-left:5px solid #16a4b2!important;
}


.applemenu ul,
.applemenu li{
	padding: 0px!important;
}

.applemenu li:last-child{
	padding-bottom: 50px!important;
}


#gestion_sistema a::before,
#capa_gestion_sistema::before {
	content: url(../image/database-settings.png);
	padding-right: 5px;
}

#gestion_documentos a::before,
#capa_gestion_documentos::before {
	content: url(../image/prueba.png);
	padding-right: 5px;
}

#enlaces a::before,
#capa_enlaces::before {
	content: url(../image/piled-files.png);
	padding-right: 5px;
}
#gestion_riesgos a::before,
#capa_gestion_riesgos::before {
	content: url(../image/attention.png);
	padding-right: 5px;
}
#gestion_usuarios a::before,
#capa_gestion_usuarios::before {
	content: url(../image/admin.png);
	padding-right: 5px;
}

#gestion_clientes a::before,
#capa_gestion_clientes::before
 {
	content: url(../image/clientes.png);
	padding-right: 5px;
}

#gestion_organizacion a::before,
#capa_gestion_organizacion::before {
	content: url(../image/org.png);
	padding-right: 5px;
}
#gestion_personas a::before,
#capa_gestion_personas::before{
	content: url(../image/personas.png);
	padding-right: 5px;
}
#gestion_balance a::before,
#capa_gestion_balance::before {
	content: url(../image/lupa.png);
	padding-right: 5px;
}
#gestion_procesos a::before,
#capa_gestion_procesos::before {
	content: url(../image/procesos.png);
	padding-right: 5px;
}

#gestion_activos a::before,
#capa_gestion_activos::before {
	content: url(../image/activos.png);
	padding-right: 5px;
}

#gestion_controles a::before,
#capa_gestion_controles::before {
	content: url(../image/controles.png);
	padding-right: 5px;
}

#informe a::before,
#capa_informe::before  {
	content: url(../image/informes.png);
	padding-right: 5px;
}


#capa_gestion_sistema,
#capa_enlaces,
#capa_gestion_riesgos,
#capa_gestion_usuarios,
#capa_gestion_clientes,
#capa_gestion_organizacion,
#capa_gestion_personas,
#capa_gestion_balance,
#capa_gestion_procesos,
#capa_gestion_activos,
#capa_gestion_controles,
#capa_informe,
#capa_gestion_documentos {
text-transform: uppercase!important;
color: #283548!important;
}

.applemenu div.silverheader a{ 	
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	text-decoration: none;
	}

	.applemenu div.silverheader a:link, .applemenu div.silverheader a:visited{
	color: #dde9fa;
}

.applemenu div.silverheader a:hover, .applemenu div.silverheader a:active{
	color:  #fff;/*color texto barra azul*/
}

.applemenu div.selected a{
	color: #acf8ff!important;/*color texto barra azul*/
}


.applemenu div.submenu{ /*contenido del men�- altura*/
	width: 100%;
	background-color: #283548;
	
}
.applemenu div.submenu ul li{ 	
	border-top:1px  solid #475469;
	padding: 6px 0px!important;
}

.applemenu div.submenu ul li:nth-child(1){ 	
	border-top:0px  solid #475469;
	
}


.applemenu div.submenuvacio{
	height: 0px; 
}

/*----- SUBMENU ENLACES ------------*/

.applemenu a.enlace2:visited, 
.applemenu div.submenu a:link,
.applemenu div.submenu a:visited,
.applemenu div.submenu a2:active{
	font-size: 13px!important;
}


.applemenu div.submenu ul li::before{	
	content: url(../image/right-arrow-s.png);
	padding-left: 15px;	
}


.applemenu div.submenu ul li a.enlace2:visited
{	color:#ffffff!important;
}


.applemenu div.submenu ul li a.enlace2:link
{	color:#ffffff!important;
}

.applemenu div.submenu ul li a.enlace2:hover
{	color:#16a4b2!important;
}

.applemenu div.submenu ul li a.enlace2:active{	
	color:#16a4b2;
}


.applemenu li, 
.applemenu ul, 
.applemenu a.enlace2:link, 
.applemenu a.enlace2:visited, 
.applemenu div li a.enlace2:link,
.applemenu div li a.enlace2:visited,
.applemenu div li a.enlace2:active{
	text-decoration:none;
	}

.applemenu ul{
	list-style-type:none;
	text-decoration:none;
	padding-bottom: 3px;
	padding-top: 3px;
	}
.applemenu li{
	list-style-type:none;
	padding-bottom: 3px;
	padding-top: 3px;
	}
.applemenu div li a.enlace2:hover{
	text-decoration: none;

}

/*----- GESTION ARBOL ------------*/
/*
div{
	font-weight: 500;
	font-variant: normal;
	font-size: 12px;
	border:none!important;
	color: #343f51;		
}
*/

#menu_usuario{
	font-size: 10px!important;
	font-weight: normal!important;
	color:#475469!important;
}

#menu_usuario ul li div{
	font-size: 10px!important;
	font-weight: normal!important;
	color:#475469!important;
}

h1{
	font-family: 'Titillium Web', sans-serif;
	font-size:18px;
	font-weight: bold;
	font-variant: normal;
	color: #343f51;		
}

h2 {
	font-family: 'Titillium Web', sans-serif;
	font-size:16px;
	font-weight: bold;
	font-variant: normal;
	color:  #16a4b2;
}
h3 {
	font-size:14px;
	font-weight: bold;
	font-variant: normal;
	color: #343f51;
}
h4 {
	font-size:12px;
	font-weight: bold;
	font-variant: normal;
	color: #343f51;
}

hr{
	box-shadow: none;
	border: 0; height: 1px; background: #16a4b2;

}

#lista_tipos, #div_edit_tipos, #div_elementos_tipos, #div_formulario, #div_arbol, #div_izq, #div_der{	/*, #contenedor, #Tree*/
	width:30%;
	float:left;
	margin:5px;
	padding:7px;
	overflow:auto;
	background-color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#div_izq, #div_der{
	width:50%;
	float:left;
}

#div_formulario{
	width:45%;
}
#Tree{
	background-color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


#contenedor{
	margin:0 auto; 
	/*margin-left: 10px;*/
	width: 98%;
	text-align: left;	

}

#contenedor li {
	margin: 10px;
	padding: 10px;
	
}

/*#contenedor table {	margin: 0 auto;}*/

#contenedor ul {
	margin: 0px;
	padding: 0px;
}

.rowodd,
.roweven{
	font-size: 12px;
}
#tabla_lista_archivos table thead th,
#tabla_lista_archivos table tbody th,
#tabla_lista_archivos table tfoot td,
#tabla_lista_archivos table tbody td  {
	padding: .5em!important;
} 

div table thead th {
color: #fff;
text-align: left;
padding: .5em;
background-color:#343f51;
}

div table tbody th {
color: #fff;
text-align: left;
padding: .5em;
background-color: #343f51;
}

div table tfoot td {
color: #fff;
text-align: left;
padding: .5em;
background-color: #343f51;
}

div table tbody td {
text-align: left;
font-size:12px;
padding: .5em;
} 

.lista{
	border: solid 1px #343f51;
}

#div_titulo {
	color: #fff;
	text-align: left;
	font-size:12px;
	font-weight:200;
	padding: .5em;
	background-color:#343f51;
}
.nivel0{
	color: #fff;
	padding: .5em;
	background-color:#343f51;
	text-align:center;
	}
	.nivel1{
	color: #343f51;
	background-color:  #FF9;
	}
.nivel2{
	color:  #343f51;
	padding-left: 15px;
	background-color: #FCC ;
	}


.nivel3{
	color:  #000 ;
	padding-left: 30px;
	background-color:  #FFF   ;
	}
.nivel4{
	color:  #16a4b2 ;
	padding-left: 45px;
	background-color:  #FFF;
	}


.capitulo{
	color: #343f51;
	background-color:  #FF9;
	
}
.subcapitulo{
	color:  #343f51;
	padding-left: 15px;
	background-color: #FCC ;
	
}
.descripcion{
	color:  #000 ;
	padding-left: 30px;
	background-color:  #FFF   ;
	
}
.descripcion2{
	color:  #16a4b2 ;
	padding-left: 45px;
	background-color:  #FFF;
	
}
.cabecera{
	color: #fff;
	padding: .5em;
	background-color:#343f51;
	text-align:center;
	
}

#div_celda {
	float:left;
	width:100px;
	height:100%;	
	margin:0px;
	padding:0px;
	text-align: right;
	/*border: 1px solid #343f51;*/
}
#div_celda2 {
	float:left;
	width:250px;
	height:100%;	
	margin:0px;
	padding:0px;
	text-align: right;
	/*border: 1px solid #343f51;*/
}

#div_primero_fila{
	text-align:left;
	width:300px;
	float:left;
	height:100%;
		
	margin:0px;
	padding:0px;
	/*border: 1px solid #343f51;*/
}

#div_fila{
	vertical-align:middle;
	text-align:left;
	float:none;
	width:100%;
	height:20px;
	
	
}
#div_fila2{
	vertical-align:middle;
	text-align:left;
	float:none;
	width:100%;
	height:30px;
	
	
}
#div_cabecera {
    height:auto;
	color: #fff;
    text-align: left;
    padding: .5em;
    background-color:#343f51;
}

#div_menu_pestanas{
    /*width: 100%;
    height: 25px;*/
	display:inline-block;
	margin:auto; 
	height:auto; 
	width:auto;	
}

#div_menu_grupo_pestanas{
    /*width: 100%;
    height: 25px;*/
	display:inline-block;
	margin:auto; 
	height:auto; 
	width:auto;	
}
#div_pestana{
 
    text-decoration: none;
    color: #fff;
        vertical-align: middle;
    width: auto;
    height: 20px;
    float: left;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;  
    margin-left: 1px;
    margin-right: 1px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;    
}

/* PESTAÑAS */
#div_la_seu{
	display:block;
	
}
#div_pestana a{
    color: #fff;
    
}
#div_pestana_res{
    float: none;
    border: none;
    margin: 10px;
	margin-top: 10px;
    padding: 0px;
}

.pestana, .pestana_activa{
    vertical-align: middle;
    width: auto;
    height: 20px;
    float: left;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;  
    margin:3px;
    padding-left: 6px;
    padding-right: 6px;
	padding-bottom: 3px;
	padding-top: 7px;    
}

.pestana{
	background-color: #343f51;
}
.pestana_activa{
    background-color:#16a4b2;
}

.pestana a{
	font-size: 13px!important; 
    text-decoration: none;
    color: #fff;    
}


.pestana:hover{
    text-decoration: none;
	background-color:#6f7e95;;
}
.pestana_activa a{
	font-size: 13px!important; 
    text-decoration: none;
    color: #fff;    
}
/***************/
.grupo_pestana, .grupo_pestana_activa{
   
    vertical-align: middle;
    width: auto;
    height: 25px;
    float: left;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;  
    margin:3px;
    padding-left: 10px;
    padding-right: 10px;
	padding-bottom: 3px;
	padding-top: 7px;
	border: 2px solid orange;
    
}
.grupo_pestana{
	background-color: #343f55;

}
.grupo_pestana_activa{
    background-color:#16a4b6;
}

.grupo_pestana a{
	font-size: 16px!important; 
    text-decoration: none;
    color: #fff;    
}


.grupo_pestana:hover{
    text-decoration: none;
	background-color:#6f7e95;

}

.grupo_pestana a:visited{
    color:white;
}

.grupo_pestana_activa a{
	font-size: 16px!important; 
    text-decoration: none;
    color: #fff;    
}
/*********************/
.relacionar_listas{
	background-color:#16a4b2;
	color:#FFF;
	display:inline;
}

/* --  GRAFICOS OFC   -- */

.bordes_grafico{	
	font-size:10px;	
	width: 90%;
	height:auto;
	max-height: 400px;
	border: none;	
	border: black 1px solid;
	margin: 10px 2px;
	padding: 10px 2px; 
	
	overflow:auto;
}

.tabla_grafico{	
	font-size:12px;
	width: 100%;
	height:auto;
	max-height: 400px;
	overflow:auto;
	margin: 5px;
	float:left;
	background-color: white;
}

.tabla_grafico td{
border-bottom: none!important;
padding: .1em .5em!important;
}

.tabla_grafico th {
border-bottom: none!important;
padding: .3em .5em .1em .5em!important;
}

.cuadro_grafico a{
	font-size:12px;
	font-weight:bold;	
}

#div_lista_graficos{
	display:inline;
	margin:10px;	
}
#div_lista_graficos.img{
	margin:3px;
	padding: 2px;
	display:inline-block;
	background-color:#DDD;
	border-radius:15px;
}
#div_lateral_grafico{	
	float:left;
	display:block;
	width:200px;
}
#div_nombre_grafico{
	margin:3px;
	padding: 2px;
	display:inline-block;
	background-color:#DDD;
	border-radius:15px;
}
#div_grafico{
	float:left;
	width: 800px;
	height: 700px;
	margin: 5px;
	padding:5px;	
}

#div_grafico2{
	float:left;
	width: 100%;
	height: 90%;
	margin: 5px;
	padding:5px;
	-height: 700px;
}
.nombre_grafico{
	margin:5px;
	padding: 0px 15px 0px 0px;
	display:inline-block;
}

.nombre_grafico img{
 vertical-align:-10px;
cursor: pointer;}

.nombre_grafico_activo{
	display:inline-block;
	background-color: #16a4b2;
	color: #FFF !important;
	border-radius:20px;
	padding: 0px 20px 0px 0px;
}

/**.nombre_grafico::after{
	content: "|";
	padding: 0px 5px;
	font-size: 16px;
	color:#16a4b2!important;
	}**/


.nombre_grafico_activo .enlace2{
	color: #FFF !important;
}


#amount-importe-impacto,
#amount-riesgo-residual,
#amount-valor-salvaguarda,
#amount-probabilidad{
	color: #16a4b2 !important;
}
#div_filtros_aplicados,
#div_tabla_familias,
#div_tabla_buscador
{
	font-size: 12px!important;
}
#div_tabla_grafico_riesgos{
overflow: hidden;
}

.grafico-resumen {
	float:left;
	width: 400px;
	height: 350px;
	margin: 15px;
	padding:10px;	
}

.grafico-resumen2,.grafico-resumen-comparativa, .grafico-resumen-simulacion{
	float:left;	
	margin: auto;
	width: 49%;
	height: 49%;
	
}

.saltopagina{
	page-break-after:always;
}

.black_overlay { /* afuera: la parte oscura */
   background: #000000;
   display: none;
   position: fixed;
   left: 0; top: 0;
   width: 100%;
   height: auto;
   z-index: 1001;
   opacity: .75; /* opacidad para Firefox */
   filter: alpha(opacity=75);  /* opacidad para Internet Explorer */
}

.black_overlay_block { /* afuera: la parte oscura */
   background: #000000;
   display: block;
   position: fixed;
   left: 0; top: 0;
   width: 100%;
   height: auto;
   z-index: 1001;
   opacity: .75; /* opacidad para Firefox */
   filter: alpha(opacity=75);  /* opacidad para Internet Explorer */
}

.white_content { /* adentro: la ventana modal */
  background: #ffffff;
  display: none;
  position: absolute;
  overflow: auto;
  height:auto; 
  width:95%; 
  padding:20px 0px!important;
  z-index:1002;
  left: 20px;  
  top: 80px; /* la posición de la ventana modal */
  /*width: 1000px; */
  /*height: 500px; */ /* el tamaño de la ventana modal */
  /* cualquier otra propeidad, colores, márgenes, fondo */
}

.white_content_cerrar { /* adentro: la ventana modal */
  background-color:#16a4b2!important;
  display: none;
  position: absolute;
  overflow: auto;
  z-index:1003;
  left: 20px;  
  top: 50px; /* la posición de la ventana modal */
}


.white_content h2{
	padding-left: 15px;
}

#ventana_modal_cerrar{
	height:30px; 
	width:95%; 
	padding: 6px 0px  5px 0px!important;
}

.campos_busqueda, fieldset{
	background-color:  #ffffff!important;
	border: none;
}

.campos_busqueda legend,
fieldset legend
{
	margin-top: 10px;
	font-size:13px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px;
	color:  #ffffff;
	background-color: #475469;

}

/*******************	CALENDARIO	**********************/
.calendario_tabla{
	width: 80%;
	border-width: 1px;
	border-style: solid;
	border-color: #343f51;
	background-color: #ffffff;
	margin: 0 auto;
}

.calendario_fila{
	height : 70px;	
}

.calendario_cabecera{
	background-color: #343f51;
	color: #ffffff;
	margin: 0 auto;
	height : 40px;	
}

.calendario_fila_nombre_dia{
	font-weight:bold;
	margin: 0 auto;
	height : 40px;	
}

.calendario_celda{
	width: 14%;
	border: 1px solid white;
	background-color: #eeeeee;
	vertical-align:text-top;
}
/*********************/




/***styles pam***/
#div-listas td{
	padding: 6px!important;
}

#cabecera{
	background-color:#fff!important;
	height: 85px!important;
	margin:0px!important;
	width: 100%;
}

#logo_empresa img{
	height: 80px!important;
	width: auto;
}
	
#capa_path{
	font-weight:bold;
	background-color:#6f7e95!important;
	color:#fff!important;	
}

.flechapath::before{
	content:">";
	color:#16a4b2;
}

.trazabilidad{
	height: 15px;
	padding:5px 0px 5px 10px;
	width: 95vw !important;
	margin:0px!important;
}
#capa_path h3,
#capa_path div
{
	color:#fff;
	font-size: 11px!important;
	text-transform: uppercase;
	font-style: normal;
	line-height: normal;
	font-weight: normal; 
	}

	#capa_path h3
	{		font-weight: bold!important; 
		}

#resultados{
padding: 10px 5px;
color:#6f7e95;
font-size: 11px!important;
}

#resultados a:link
{	color:#6f7e95;
}

#resultados a:active,
#resultados a:visited
{
	color:#6f7e95;
	
}

#resultados a:hover{
	color:#16a4b2;
}

#resultados a:link,
#resultados a:hover,
#resultados a:visited,
#resultados a:active{
	font-size: 11px!important;
	text-decoration: none;
	font-weight: bold;
	}

	#resultados img{
		padding-top: 10px;
	}


	input[type="button"], input[type="submit"], button, .formboton{
	margin: 5px 2px;
	cursor: pointer;
	border: none;
	color: #fff !important;
	background-color:#16a4b2;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	border-radius: 3px;
	padding: .3em 1em .30em;
}

input[type="button"]:hover, input[type="submit"]:hover, button:hover, .formboton:hover{
background-color: #343f51;
}


#Tree a.enlace2:link {
	font-size: 13px;
	color:#343f51 !important;
	text-decoration: none;
}

#Tree a.enlace2:visited {
	color:  #343f51!important;
	text-decoration: none;
}

#Tree a.enlace2:active {
	color: #16a4b2!important;
	text-decoration: none;
}	

#Tree a.enlace2:hover {
	color: #16a4b2!important;}

#Tree form{
	padding: 0px !important;
	margin: 0px !important;
	background-color: none!important;
}
.textHolder{
	height: 21px!important;
	line-height: 21px!important;
	padding: 0px 15px !important;
	float: left!important;
}
#boton.borrar {
    background: url('https://bitacora.tech/image/delete.png') no-repeat !important;
}

#boton.duplicar {
	background: url('https://bitacora.tech/image/copy-item.png') no-repeat !important;
}

#boton.borrar,
#boton.duplicar,
#boton.anyadir {
	width: 16px!important;
	height: 16px!important;
	padding: 0px!important;
	margin: 0px 5px!important;
}

#Tree{
	padding: 15px;
	font-size: 12px;
}


#fPrincipal{
	width: 100%;
	height: 100vh;
	/*padding: 10px  10px 0px 10px;*/
}
.campos_busqueda{
background-color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 20px;
}

form{
margin:5px;
background-color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px;
}
#tabs{
	height: 100%!important;
	overflow: none;
	background-image: none;
}

#tabs form{
	margin:0px!important;
	background-color:none;
	border-radius: 3px!important;
	padding: 0px!important;
	}

#formulario_etiquetas .fondotabla img{
		width: 20px!important;
		height: 20px!important;
	}

#tabs input, select {	
		font-family: 'Open Sans', sans-serif;
		font-style: normal;
		color: #343f51;
		font-weight: 500;
		font-variant: normal;
		font-size: 12px;
		padding:3px!important;
		margin:0px!important;
	}

form p{
	font-size:12px;
	font-weight: bold;
	padding: 5px;
	overflow: hidden;
	}


.not {
	background-color:#9dd0d6!important;
	color:#fff!important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px;
	font-weight: normal;
	display: list-item;
	font-size: 12px;
	text-transform: uppercase;
	cursor: default!important;
	}


.element {
		margin: 5px;
		padding-left: 15px;
		font-size: 12px;
		color:#343f51;
		cursor: move; /* fallback if grab cursor is unsupported */
		cursor: grab;
		cursor: -moz-grab;
		cursor: -webkit-grab;	
	}


	.element::before {
		content:url(../image/move.png);
		padding-right: 5px;
	}
	.not::before {
		content:""!important;
	}
	
.list{
		border:none!important;
	}

.list_name{
		padding-left: 20px;
		color:#16a4b2 !important;
		text-transform: uppercase;
		font-size: 13px;
		font-weight: bold;
}



#userlogin{
	padding-bottom: 25px;
	margin: 0 auto;
    padding: 20px;
}
#userlogin label{
	width: 200px;
	padding-top: 10px;
	font-size: 12px;
	text-transform: uppercase;
}
#userlogin  p{
	font-weight: normal!important;
}

#userloginl{
	width: 380px!important;
	padding-bottom: 25px;
	margin: 0 auto 30px auto;
	text-align: center;
    padding: 40px 20px;

}
#userloginl label{
	width: 90px;
	font-size: 12px;
	text-transform: uppercase;
}
#userloginl  p{
	font-weight: normal!important;
}

#usuario_edit li{
	padding: 5px 0px;
}

label #idtipo {
	margin-bottom: 20px!important;
}

#div_lista_izq .draggable_izq{

    margin: 3px;
    padding: 7px;
	background-color:#9dd0d6!important;
    color: #283548!important;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
border-radius: 5px;
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}

#div_lista_izq .draggable_izq::before{
	content: url(../image/move-option.png);
	padding-right: 5px;
}

#div_lista_der .draggable_der{

    margin: 3px;
    padding: 7px;
	background-color:#6f7e95 !important;
    color: rgb(255, 255, 255);
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
border-radius: 5px;
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}


#div_lista_der .draggable_der::before{
	content: url(../image/move-option.png);
	padding-right: 5px;
}

#div_lista_izq .draggable_izq b,
#div_lista_der .draggable_der b{
	text-transform: uppercase!important;
}


.ui-slider-horizontal .ui-slider-handle {
    top: -.5em!important;
	}
	
.ui-slider .ui-slider-handle {
    width: 1.2em!important;
    height: 1.2em!important;
	border-radius: 3px!important;
	cursor:e-resize!important;
}

.ui-slider-horizontal {   
	margin: 0px 10px;
	padding: 0px;
	height: .15em!important; 
	background-color: #a1afc4!important;}

.ui-tabs .ui-tabs-nav { background-color: #fff!important;}

.ui-state-active{
background-color: #16a4b2!important;
}


#combo_busqueda_tipoelemento{
	margin:10px 0px !important;
}

#p_identificacion label{
	width: 100px;
}

.ui-tabs .ui-tabs-nav li {
    margin: 0 .5em -1px 0!important;
}

#campos_riesgo label{
	width: 130px;
	padding: 10px;
	text-align: right;
}
#combo_busqueda_tipoelemento_texto{
	margin-top:15px!important;
}
#campos_riesgo select{
	width: 120px!important;
	padding-top:10px;
	}

#busqueda_control label{
	width: 120px;
	padding: 10px;

}


#campos_riesgo label, #campos_riesgo select{
padding: 10px;
}
/***COLORES****/
.gris1{
color:343f51;
}
.gris2{
color:475469;
}
.gris3{
color:6f7e95;
}
.turquesa{
color:16a4b2;
}

.semaforo{
   	border-radius: 0.8em;
  	-moz-border-radius: 0.8em;
  	-webkit-border-radius: 0.8em;
  	color: #ffffff;
  	display: inline-block;
  	font-weight: bold;
  	line-height: 1.6em;
  	margin-right: 15px;
  	text-align: center;
  	width: 1.6em; 
}

/*  ------- ESTILOS PARA EL DROPDOWN   ------ */

.dropdown-box {
	width: 100%;
	max-width:300px;
	position: relative;
}

.dropdown-box input{
	width: 100%;
	max-width:300px;
	border: 1px solid black;
	outline: none;
	border-radius: 3px;
	box-sizing: border-box;
	padding: 3px 5px;
	margin: 0px;
	color: rgb(120, 120, 120s);
}

.db-selected-item
{
	position: relative;
}

/*
.db-selected-item::after {
	content: "";
	width: 3px;
	height: 3px;
	border: 2px solid;
	border-color: transparent black black transparent;
	position: absolute;
	top: 10px;
	right: 20px;
	transform: translateY(-70%) rotate(45deg);
}
	*/

.dropdown-box .db-selected-item ,
.dropdown-box .db-selected-item input{
	cursor: pointer;
}

.dropdown-box .dropdown-content{
	box-shadow: 0 5px 5px 5px rgb(0 0 0 / 15%);
	max-height: 250px;
	overflow: auto;
	display: none;
	position: absolute;
	width: 100%;
	z-index: 100;
	background-color: white;
}

.dropdown-box.active .dropdown-content{
	display: block;
}

.dropdown-box .dropdown-content .search-input{ 
	padding: 5px;
	border-radius: 3px;

}

.dropdown-box .dropdown-content ul{ 
	list-style: none;

}

.dropdown-box .dropdown-content ul li{ 
	font-size: 0.8rem;  
	padding: 2px 5px; 
	cursor: pointer;     
}

.dropdown-box .dropdown-content ul li.hide{
	display: none;
} 

.dropdown-box .dropdown-content ul li:hover{ 
	background-color:rgb(230 230 230) ;
}

.dropdown-box .dropdown-content ul li.active{ 
	background-color:rgb(213, 242, 246) ;
	color: blue;

}

.info-icon {
    display: inline-block;
    width: 36px;
    height: 16px;
    background-color: #007BFF;
    color: white;
    font-size: 12px;
    font-weight: bold;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    cursor: pointer;
  }

  /* Ventana flotante */
  .popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    width: 400px;
    border: 1px solid #aaa;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 1000;
	background: linear-gradient(180deg, #fff89a 0%, #ffef6b 100%); /* amarillo tipo post-it */
  }

  .popup h3 {
    margin-top: 0;
  }

  .popup button {
    margin-top: 15px;
    padding: 5px 10px;
  }

  /* Fondo oscuro */
  .overlay {
    display: none;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 999;
  }

  .icon-mod {
    display: inline-block;
    width: 16px;   /* tamaño del icono */
    height: 16px;
    background-image: url('https://bitacora.tech/image/fa-rotate-icon.png'); /* ruta al PNG */
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle; /* alinear con texto */
  }