:root {
	/* Colores DINTEL */
	--color-primary-200: #E8EFFA;
	--color-primary-300: #D7E2F5;
	--color-primary-400: #9CB9E5;
	--color-primary-500: #114DA6;
	--color-primary-600: #093473;
	--color-primary-700: #04214D;
	--color-secondary-500: #C33400;
	--color-secondary-600: #802200;
	--color-secondary-700: #521600;
	--color-grayscale-000: #FFFFFF;
	--color-grayscale-100: #F7F7F8;
	--color-grayscale-200: #EEEFF0;
	--color-grayscale-300: #DCDFE3;
	--color-grayscale-400: #B5B8BE;
	--color-grayscale-500: #696E75;
	--color-grayscale-600: #363D47;
	--color-grayscale-700: #0A0E14;
	--color-error-100: #FCF6F5;
	--color-error-200: #F5E1DC;
	--color-error-300: #E8886F;
	--color-error-400: #C44727;
	--color-error-500: #5E1503;
	--color-error-600: #330C02;
	--color-success-100: #F3F9F6;
	--color-success-200: #E5F5EC;
	--color-success-300: #4DB277;
	--color-success-400: #198044;
	--color-success-500: #015223;
	--color-success-600: #0A2B18;
	--color-warning-100: #FFFAF2;
	--color-warning-200: #FCF0DC;
	--color-warning-300: #DBB251;
	--color-warning-400: #AD8821;
	--color-warning-500: #594100;
	--color-warning-600: #332302;
	--color-info-100: #F2F2FC;
	--color-info-200: #E9E7F6;
	--color-info-300: #928FC2;
	--color-info-400: #605AAD;
	--color-info-500: #1E1655;
	--color-info-600: #030121;
	--color-overlay: #515C6D;
	--color-focus: #C33400;
	--color-focus-negative: #E59100;
	/* Fuente DINTEL */
	--bs-font-sans-serif: 'Nunito Sans', sans-serif;
}

body {
	overflow-x: hidden;
}

.separator {
	/*en acceder en aplicaciones las lineas separadoras azules,las ponemos a 700*/
	color: var(--color-primary-700);
	border-bottom: 2px solid var(--color-primary-700);
}

.footer {
	color: var(--color-grayscale-000);
	background-color: var(--color-primary-500);
	min-height: 32px;
	padding-top: 5px;
	padding-left: 0px ! important;
	padding-right: 0px ! important;
	text-align: center
}

.main-dashboard {
	padding-left: 0px ! important;
	padding-right: 0px ! important;
}

.main>.page-subtitle {
	font-size: 20px;
	padding-bottom: 8px;
}

.page-subtitle {
	font-size: 15px;
	padding-bottom: 5px;
	margin-bottom: 5px ! important;
}

.head {
	min-height: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: var(--color-primary-500);
	color: var(--color-grayscale-000);
}

.tHeadW {
	width: 68px !important;
}

.info-blue {
	color: var(--color-info-400);
}

.active>a {
	text-decoration: none !important;
	padding: .375rem .75rem !important;
	white-space: nowrap !important;
}

.header .nav {
	padding-top: 20px;
}

.header {
	padding-left: 5px;
}

.header .nav-pills {
	display: none;
}

.page-title {
	font-size: 26px;
}

.page-title a {
	color: var(--color-grayscale-000) !important;
}

.language-selector {
	padding-top: 8px;
	float: right;
}

.obsae {
	background: var(--color-grayscale-000) none repeat scroll 0 0;
	border-radius: 8px;
	height: 42px;
	margin: 3px 0;
	padding: 0 8px;
}

.footer ul li {
	display: inline-block;
	height: 19px;
	list-style: outside none none;
	margin-right: 10px;
	padding-top: 4px;
}

.footer a {
	color: var(--color-grayscale-000);
}

.footer a:hover {
	text-decoration: underline;
}

.footer-ayuda {
	background: var(--color-grayscale-700)
		url("../img/icons/brujula_data.png") no-repeat scroll left center;
	padding-left: 30px;
}

tbody .unit-indicator th { /*fondo de TOTAL y IZENPE*/
	text-transform: uppercase;
	background-color: var(--color-primary-500);
	color: var(--color-grayscale-000);
	border-color: var(--color-primary-400);
	
	
}


.dashboard-header {
	/*fondo azul donde esta menu de hamburguesa , area dataobsae-nisae ..*/
	background-color: var(--color-primary-500);
}

.bg-success { /*boton de exito (los verdes)*/
	background-color: var(--color-success-400) !important;
}

.btn-primary { /*botones de acceder,buscar..*/
	background-color: var(--color-primary-500) !important;
	border-color: var(--color-primary-500) !important;
}

.btn-primary:hover, .btn-primary:focus {
	/*cuando pasas el cursor por un boton de (acceder,buscar..)*/
	background-color: var(--color-primary-600) !important;
	outline: 2px solid var(--color-primary-500);
	
	outline-offset: -2px;
	

}

.alert-info { /*el fondo de la informacion del buscador*/
	background-color: var(--color-info-200) !important;
}

.page-subtitle h2 { /*nombres de indicadores, informes , mapas*/
	color: var(--color-primary-700);
}

.page-subtitle .float-end a:not(.btn) { /*nombres de Resumen general*/
	color: var(--color-primary-700);
}

.page-subtitle, .panel-subtitle { /*rayita de abajo de indicadores*/
	border-bottom: 2px solid var(--color-primary-700) ! important;
	color: var(--color-primary-700) ! important;
}

.observations strong {
    color: var(--color-primary-500);
}

.nav>li>a, a {
    color: var(--color-primary-500);
}

a {
    color: var(--color-primary-500);
    text-decoration: underline;
}

a:hover {
    color: var(--color-primary-700);
}

.footer a:hover {
    color: var(--color-focus-negative);
}

.dashboard-header .btn-compartirA {
	color: var(--color-grayscale-000);
}

.tree li, .tree li a {
    color: var(--color-primary-500);
}

.news-title {
	background-color: var(--color-primary-500);
}

.news-content {
    border-color: var(--color-primary-500);
}

.nav-link {
	color: var(--color-primary-500);
}

.nav-link:focus, .nav-link:hover {
    color: var(--color-primary-700);
}

.form-check-input:checked {
	background-color: var(--color-primary-500);
    border-color: var(--color-primary-500);
}

.alert-danger {
	background-color: var(--color-error-200);
	border-color: var(--color-error-300);
}

.alert-success {
	background-color: var(--color-success-200);
	border-color: var(--color-success-300);
}

.alert-warning {
	background-color: var(--color-warning-200);
	border-color: var(--color-warning-300);
}

#link_id {
	display: block;
	position: absolute;
	left: 50%;
	transform: translateY(-100%);
	color: var(--color-grayscale-000);
}

#link_id:focus {
	transform: translateY(0%);
}
/*Bordes en el buscador*/
.form-control:focus {
	border-color: var(--color-primary-700);
}
/*fin*/

.dashboard-header .form-select:focus,.dashboard-header .form-select:hover, input.search-box:focus,
.header .btn:hover, .header .btn:focus {
	outline: 2px solid  var(--color-focus-negative) !important;
	outline-offset: -2px;
}
.header button:hover,.header a:hover ,.header button:focus,.header a:focus { 
	 outline: 2px solid var(--color-focus-negative); 
	outline-offset: -2px;
}

.minitable-header th:focus,.minitable-header th:hover {
	 outline: 2px solid  var(--color-primary-700)  ;
	outline-offset: -2px;
}
th.table-group-header:hover , th.table-group-header:focus{
	outline: 2px solid  var(--color-primary-700) ;
	outline-offset: -2px;
	border-color:var(--color-primary-700);
}

.main-dashboard .table-striped thead th:focus , .main-dashboard .table-striped thead th:hover,
.main-dashboard .table-striped tbody tr:focus , .main-dashboard .table-striped tbody tr:hover{
	outline: 2px solid  var(--color-primary-700);
	outline-offset: -2px;
}


nav.menu li .btn:focus, nav.menu li .btn:focus-visible, nav.menu li .btn:hover,
.dashboard-header .btn:hover, .dashboard-header .btn:focus {
	outline: 2px solid var(--color-focus-negative); 
	outline-offset: -2px;
}

.summary-graph, .grid-graph {
    max-height: 450px;
}


a:hover, a:focus {
	outline: 2px solid  var(--color-primary-700);
}

@media ( max-width : 740px) {
	.obsae {
		width: 160px;
		height: auto;
	}
	.title-container {
		text-align: center;
	}
	.language-selector {
		padding-top: 0;
		margin-right: 0;
	}
	.page-title {
		font-size: 18px;
	}
	.footer img { /*footer imagenes*/
		position: relative;
		width: 130px;
		left: -20px !important;
	}
	.footer ul, .footer p, .footer svg {
		/*footer informacion de contacto..*/
		position: relative;
		font-size: 14px;
	}
	.float-end a, .float-end svg { /*Informes , mapas*/
		margin-top: 14px;
	}
	.dashboard-title {
		/*para el titulo con el menu hamburgesa el svg el titulo y el boton compartr*/
		display: flex;
		align-items: center;
	}
	.dashboard-title nav, .dashboard-title button {
		/* menu hamburgesa  el svg y  boton compartr*/
		flex: 0 0 auto;
		font-size: 14px;
		margin-right: 10px;
	}
	.dashboard-title h1 { /* el titulo*/
		font-size: 15px !important;
	}
	.col input { /*boton buscaor y luupa*/
		margin-top: 10px;
		float: left !important
	}
	.dropdown-toggle { /*lupa*/
		margin-top: 10px !important;
		float: left !important
	}
}