/* Mi marca */

.colorAlternativo {
	color: #0081A3;
}

/* Ajustes mobile */

@media only screen and (max-width : 800px) {
	.no_telefono {
		display: none !important;
	}
	.searchform {
		float: inherit;
	}
	.searchform button {
		display: none;
	}
}

/* Área de trabajo */

.oculto {
	display: none;
}

.container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0px !important;
    margin-bottom: 5px !important;
}

hr {
    margin-top: 5 !important;
    margin-bottom: 10px !important;
}

.navbar {
    margin-bottom: 10px !important;
 }

 .alert {
    margin-bottom: 10px !important;
}

/* Fuentes */

body {
	background-color: white !important;
	font-size: 13px !important;
}

.negrita {
	font-weight: bold;
}

/* Logo */

.navbar-logo_empresa {
	margin-right: 15px;
	margin-left: 0px;
	height: 30px;
}

/* Nav */

.navbar {
	background: linear-gradient(to right, rgba(0,68,130,1) 0%, rgba(0,12,53,1) 100%);
}

.navbar a {
	color: white !important;	
}

.navbar .active a {
	color: white !important;	
	background-color: #6C757D !important;	
	border-radius: 3px;
}

.navbar .open a, .navbar a:hover {
	color: white !important;	
	background-color: #042246 !important;	
}

.navbar .dropdown-menu a {
	color: #636B6F !important;	
	background-color: white !important;	
}

.navbar .dropdown-menu a:hover {
	background-color: #042246 !important;
	color: white !important;	
}

.navbar-toggler {
	background-color: white;
}

/* Búsqueda */

.searchform {
	float: right
}

.navbar-form {
    padding: 10px 5px !important;
}

/* Títulos */

h1 {
	padding: 10px 0 !important;
	display: inline-block !important;
}

h1 .fa, h2 .fa {
	margin-top: -8px;
    padding: 2px 7px;
}

.contador {
	font-size: 11px;
	font-weight: bold;
	color: #51257F	; 
}

.table .btn.fa {
    padding: 2px 7px;
	font-size: 11px;
}

.btn {
	font-size: .9rem !important;
    line-height: 1.6 !important;	
}

h2 .btn.fa, h1 .btn.fa, .volver  .btn.fa {
    padding: 2px 9px;
}

h1 .btn.fa {
    padding: 2px 7px;
}

.searchform .btn.fa {
    padding: 2px 9px;
}

/* CRUD Tablas */

.table {
	margin-top: 15px;
}

.table td, .table th {
	padding: 7px !important;
}

.table th {
	color: black;
	font-size: 16px;
}

.td_derecha {
	text-align: right;
}

.td_center {
	text-align: center;
}

.table>thead>tr>th {
    border-bottom: 0px !important;
    font-size: 16px;
}

.td_boton {
	width: 3%;
}

.td_collapse button.btn.collapsed:before
{
    content:'+' ;
    display:block;
    width:15px;
}
.td_collapse button.btn:before
{
    content:'-' ;
    display:block;
    width:15px;
}
.tr_collapsable td
{
	border: 0px !important;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
}

.table_collapsable
{
	background-color: white !important;
	margin-bottom: 10px !important;
	margin-top: 0px !important;
}

.tag_activo, .tag_inactivo, .tag_activo:hover:after, .tag_inactivo:hover:after {
	border-radius: 2px;
	color: white;
	padding: 3px 5px;
	font-size: 12px;
}

.tag_activo, .tag_inactivo, .tag_activo:hover, .tag_inactivo:hover {
	color: white;
	text-decoration: none;
}

.tag_activo {
	background-color: #28A745;
}

.tag_inactivo {
	background-color: #DC3545;
}

.tag_activo:after {
    content: 'Activos';
}

.tag_activo:hover:after {
    content: 'Ver inactivos';
}

.tag_inactivo:after {
    content: 'Inactivos';
}

.tag_inactivo:hover:after {
    content: 'Ver activos';
}

.colorVerde, .colorAmarillo, .colorRojo, .colorNeutro, .colorAzul
 {
	border-radius: 2px;
	color: white;
	padding: 0px 4px;
	font-size: 11px !important;
}

.colorNeutro {
	background-color: #17A2B8;
}

.colorRojo {
	background-color: #DC3545;
}
.colorVerde {
	background-color: #28A745;
}
.colorAzul {
	background-color: #3490DC;
}
.colorAmarillo {
	background-color: #FFE924;
	color: black;
}

.circuloRojo, .circuloVerde, .circuloAmarillo, .circuloAzul {
	border-radius: 50%;
	border: solid 2px;	
	padding: 0px 4px;
	font-size: 11px !important;
}

.circuloRojo {
	border-color: #DC3545;
}

.circuloAmarillo {
	border-color: #FFE924;
}

.circuloVerde {
	border-color: #28A745;
}

.circuloAzul {
	border-color: #3490DC;
}

.fuenteNeutro {
	color: #17A2B8;
	font-weight: bold;
}

.fuenteRojo {
	color: #DC3545;
	font-weight: bold;
}
.fuenteVerde {
	color: #28A745;
	font-weight: bold;
}

.fuenteAmarillo {
	color: #FFE924;
	font-weight: bold;
}

.inputLabel {
	border: none;
	padding: 0;
}

.inputLabel100 {
	border: none;
	padding: 0;
	width:95%;
}

.botonMini {
	padding: 0 !important;
	line-height: 0 !important;
	top: -2px !important;
}

.botonTextoTabla {
	height: 24px;
    padding-top: 0 !important;
    font-size: 13px !important;	
}

.botonPanel {
	font-size: 11px !important;
    padding: 3px 7px !important;
    margin-right: 4px;	
}

/* Select2 */

.select2-container {
}

.select2-selection {
  	height: 36px !important;
	border: 1px solid #ccd0d2 !important;
}

.select2-selection__rendered {
    color: #555 !important;
    padding-left: 16px !important;
  	margin-top: 3px !important;
  	font-size: 14px;

}

/* Acciones */

.fila_acciones hr {
	margin-top: 0;
}

.fila_acciones label {
	padding-top: 9px;
	padding-right: 9px;
	float: left;
}

.fila_acciones select, .fila_acciones input {
	width: auto;
	margin-right: 9px;
	float: left;
}

/* Búsqueda avanzada */

.fila_busqueda_avanzada hr {
	width: 100%;
}

.fila_busqueda_avanzada input, .fila_busqueda_avanzada button {
	margin-bottom: 2px;
}

.fila_busqueda_avanzada .navbar-form {
    padding: 0 !important;
    margin: 0 !important;
}

/* Botones de radio de encuesta */

.radioBotones {
    margin: 0 !important;
    padding: 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.radioBotones div {
    text-align: center;
}

.radioBotones input {
    position: relative;
    top: 2px;
}

/* Home e Intro (splash) */

.homeApp_full-height {
    height: 80vh;
}

.homeApp_flex-center {
    align-items: center;
    display: flex;
    justify-content: center;
}

.homeApp_position-ref {
    position: relative;
}

.homeApp_title {
    font-size: 84px;
}

.homeApp_links a {
    color: black;
    padding: 0 25px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1rem;
    text-decoration: none;
    text-transform: uppercase;
}

.homeApp_m-b-md {
    margin-bottom: 30px;
}

.homeApp_top-right {
    position: absolute;
    right: 10px;
    top: 18px;
}

.homeApp_content {
    text-align: center;
}            

.homeApp_body {
    background-color: white !important;
    color: black !important;
    height: 100vh;
    margin: 0;
}

/* Imagen */

.imagenReal {
	max-width: 100%;
	border-radius: 15px;
	border: solid 1px #DBDDE0;
	padding: 5px;
	margin-top: 15px;
}

#imagen > div {
	text-align: center; 	
}

/* Idioma */

.imagenIdioma {
	width: 28px;
    height: 28px;
    position: relative;
    top: 9px;
    left: 17px;
}

/* Usuario */

.usuarioIniciales {
	width: 28px;
    height: 28px;
    background-color: #17A2B8;
    color: white;
    border-radius: 16px;
    font-weight: bold;
    margin-right: 5px;
    float: left;
    position: relative;
    top: -4px;
    left: -2px;
    text-align: center;
    padding-top: 5px;
}


.usuarioImagen {
	width: 28px;
	height: 28px;
    border-radius: 16px;
    margin-right: 5px;
}

.usuarioImagenPadre {
	padding-top: 0.30rem;
	padding-bottom: 0;
}

/* Slider */

.sliderAmarillo {
	margin-top: 9px;
}

.sliderAmarillo .noUi-connect {
	background-color: #FFC107;
}

.sliderAmarillo .noUi-base {
	background-image: linear-gradient(to right, #E3342F, #38C172);
}

/* sliderHerramienta */

.sliderHerramienta {
	margin-top: 9px;
}

.sliderHerramienta .noUi-connect {
}

.progressbar_referencia_izq, .progressbar_referencia_der {
	text-align: center;
    font-size: 10px;
    font-weight: bold;
}
.progressbar_referencia_izq {
    float: left;
    text-align: right;
    margin-left: 5px;
}
.progressbar_referencia_der {
    float: right;
    text-align: left;
    margin-right: 5px;
}

/* Slider múltiple */

.sliderAmarilloMasivo {
	margin-top: 14px;
	width: 200px;
	height: 10px !important;
	margin-right: 20px;
	margin-left: 20px;
}

.sliderAmarilloMasivo .noUi-connect {
	background-color: #FFC107;
}

.sliderAmarilloMasivo .noUi-base {
	background-image: linear-gradient(to right, #E3342F, #38C172);
}

.sliderAmarilloMasivo .noUi-tooltip {
	border: none;
    background: transparent;
    font-size: 10px;
    bottom: 60% !important;
}

.sliderAmarilloMasivo .noUi-handle {
    width: 15px !important;
    height: 20px !important;
    right: -10px !important;
    }

.sliderAmarilloMasivo .noUi-handle::after, .sliderAmarilloMasivo .noUi-handle::before {
	display: none !important;
}

.semaforo-rojo {
	width: 30px !important;
    /* height: 20px !important; */
	background-color: #E3342F;
}

.semaforo-amarillo {
	width: 30px !important;
    /* height: 20px !important; */
	background-color: #FFC107;
}

.semaforo-verde {
	width: 30px !important;
    /* height: 20px !important; */
	background-color: #38C172;
}

.semaforo_valores {
	width: 30px;
}

.semaforo_valores2 {
	width: 50px;
}

/* */

a.btn, a.btn:hover {
	color: white;
}

.tabla_multiple .form-control {
	font-size: 0.7rem;
	padding: 5px;
	height: auto;
	width: 100%;
}

.tabla_multiple_ampliada .form-control {
	font-size: 0.7rem;
	padding: 5px;
	height: auto;
	width: auto;
}

.tabla_multiple td, .tabla_multiple th  {
	padding: 3px !important;
	font-size: 0.7rem;
}

#formulario {
	overflow: auto;
	padding-bottom: 20px;
}

/* Index divs */

.index_divs .btn {
	padding: 2px 7px;
	float: left;
	margin-right: 5px;
}

.index_divs .card-header {
	font-size: 16px;
	font-weight: bold;
}

.index_divs .card-header span {
	position: relative;
	top: 0px;
	font-size: 15px !important;
}

.index_divs .card-header-principal {
	font-size: 21px;
}

.index_divs .card-header-terciario {
	font-size: 13px;
}

.index_divs .btn_chico {
    padding: 0px 3px !important;
    font-size: 10px !important;
}

.index_divs .card-header .btn_chico {
	position: relative;
	top: 2px;
}

/* Checkbox */

input[type=checkbox] {
	position: relative;
    top: 2px;	
}

/* Notificaciones */

.numeroNotas {
	position: absolute;
    top: 9px;
    left: 18px;
    z-index: 1000;
}

/* Columnas especiales */

/* Informe desempeño */

.informeCaratula {
	padding: 100px 0;
}

.col-md-1-5 {
	width: 12.499999995%; 
	flex: 0 0 12.499%;
	max-width: 12.499%
}

.colorCe {
	background-color: #D5F8F5;
}

.colorAz {
	background-color: #273966;
}

.colorFuenteAz {
	color: #273966;
}

.colorFr {
	background-color: #3C5796;
}

.colorFuenteFr {
	color: #3C5796;
}

.colorTu {
	background-color: #8CE6DC;
}

.colorGr {
	background-color: #E7E6E6;
}

.franja {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border: solid 5px white;
}

.franja1 {
	height: 900px;
}

.franja2 {
	height: 1100px;
}

.franja3 {
	height: 1050px;
}

.franja4 {
	height: 1000px;
}

.franja5 {
	height: 950px;
}

.informe {
	background-color: white;
	font-size: 14px;
}

.informeCaratulaTitulo {
	background-color: white;
	height: 0px;
}

.informeCaratulaTitulo > div {
}

.informeCaratulaTituloCirculo{
	text-align: center;
    position: relative;
    top: -1000px;
    background-color: white;
    height: 450px;
    border-radius: 50%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 6px 0 rgba(0, 0, 0, 0.1);
}

.informeCaratulaTitulo1 {
	text-transform: uppercase;
	padding-top: 100px;
	border-bottom: solid 2px #8CE6DC;
	width: 70%;
	margin-left: 15%;
	padding-bottom: 5px;
	font-size: 15px;
}

.informeCaratulaTitulo2 {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 20px;
	font-weight: bold;
	color: #273966;
}

.informeCaratulaTitulo3 {
	padding-top: 15px;
	padding-bottom: 5px;
	font-size: 20px;
	font-weight: bold;
	color: #273966;
}

.informeCaratulaTitulo4 {
	padding-bottom: 5px;
	font-size: 15px;
	text-transform: uppercase;
}

.informeCaratulaLogo {
	width: 70%;
	margin-left: 15%;
	padding-top: 15px;
	padding-bottom: 15px;
}

.informeCaratulaLogo img {
	max-width: 70%;
	max-height: 130px;
}

.informePie {
	height: 35px;
}

.informePie2 img, .informePie3 img {
	height: 20px;
}

 .informePie2 div, .informePie3 div {
 	padding: 10px !important;
 	font-size: 12px;
 	align-items: center;
 }

.informePie2 div {
 	color: white;
 }

.informePie3 div {
 	color: #273966;
 }

.informeSeparador1 {
	height: 400px;
}

.informeSeparador2 {
	height: 100px;
	width: 100%;
}

.informeSeparador3 {
	height: 50px;
	width: 100%;
}

.informeSeparador4 {
	height: 25px;
	width: 100%;
}

.informeLogoChico {
}

.informeLogoChico img {
	height: 100px;
}

.informeLogoChicoValor {
	position: absolute;
    top: 27px;
    left: 23px;
    color: #273966;
    font-weight: bold;
    font-size: 19px;
    background: white;
    padding: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.informeLogoGrande {
	padding-left: 0px;
}

.informeLogoGrandeCaja {
	position: absolute;
    top: 47px;
    left: 64px;
    background: white;
    padding: 8px;
    width: 175px;
    height: 166px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.informeLogoGrandeTitulo {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    padding-top: 25px;
}

.informeLogoGrandeValor {
    color: #273966;
    font-weight: bold;
    font-size: 39px;
    text-align: center;
    padding-top: 15px;
}

.informeTitulo {
    color: #273966;
    font-weight: bold;
    font-size: 39px;
    padding-top: 15px;	
    padding-bottom: 15px;	
}

.informeTituloDerecha {
    color: #273966;
    font-weight: bold;
    font-size: 39px;
    padding-top: 15px;	
    text-align: right;
}

.informeSubTituloDerecha {
    font-size: 17px;
    padding-top: 2px;	
    float: right;
    text-align: : right;
    text-transform: uppercase;
}

.informeTitulo3 {
    font-size: 15px;
    text-transform: uppercase;
    border-bottom: solid 2px #8CE6DC;
    padding-bottom: 3px;
}

.informeTitulo4 {
    font-size: 18px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #273966;
}

.informeTitulo5 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 3px;
    color: #273966;
}

.informeTitulo5Valor {
	font-weight: normal;
	color: black;
}

.informeTitulo5ValorResaltado {
	font-weight: bold;
	color: black;
}

.informeGlobo {
	font-weight: bold;
	text-align: center;
	padding: 10px;
	margin-bottom: 10px;
}

.informeSigno {
	font-weight: bold;
	text-align: center;
	font-size: 20px;
}

.informeResultado {
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}

.informeCeldaTitulo {
	font-weight: bold;	
	text-align: center;
	padding: 5px;
	font-size: 13px;
}

.informeCeldaValor {
	font-weight: bold;	
	text-align: center;
	padding: 5px;
	padding-top: 25px;
	font-size: 17px;
}

.informeCeldaTablaTitulo {
	font-weight: bold;	
	padding: 5px;
	font-size: 17px;
}

.informeCeldaTablaTitulo span {
	font-size: 17px !important;
}

.informeComentariosTitulo {
	font-weight: bold;	
	padding: 5px;
	font-size: 20px;
	text-transform: uppercase;
	color: #273966;
}

.informeComentariosValor {
	border: solid 2px #E7E6E6;
	padding: 5px;
	font-size: 14px;
	border-radius: 4px;
}

.informeComentariosTitulo div, .informeComentariosTitulo2 div {
	font-size: 35px;
	margin-right: 20px;
}

.informeComentariosTitulo span, .informeComentariosTitulo2 span {
	position: relative;
    top: -5px;
}

.informeComentariosTitulo2 {
	padding: 5px;
	font-size: 17px;
	color: #273966;
}

.informeCeldaTablaValor {
	text-align: center;
	padding: 5px;
	font-size: 15px;
}

.informeCeldaTablaTotal {
	text-align: right !important;
}

.bordeFrVertical {
	border-left: solid 2px #3C5796;
	border-right: solid 2px #3C5796;
}

.bordeFrVerticalIzq {
	border-left: solid 2px #3C5796;
}

.bordeTuVertical {
	border-left: solid 2px #8CE6DC;
	border-right: solid 2px #8CE6DC;
}

.bordeTuVerticalIzq {
	border-left: solid 2px #8CE6DC;
}


.calificacionTotalTitulo {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
}

.calificacionTotalValor {
    color: #273966;
    font-weight: bold;
    font-size: 39px;
    text-align: center;
}

.informeParrafo {
	font-size: 17px;
}

.informeCeldaTablaTHLeyenda {
	font-size: 12px;
	text-align: center;
}

.informeCeldaTablaTHImagen {
	font-size: 30px;
	text-align: center;
}

.informeTablaTH {
	color: #273966;
	font-weight: bold;
	font-size: 13px;
	border-right: solid 2px white;
	padding: 5px;
	text-align: center;
}

.informeTablaTHApego {
	font-size: 17px;
	color: black;
}

.informeTablaTD {
	padding: 5px;
}

.informeTablaTDValor {
	font-weight: bold;
	text-align: center;
	padding: 5px;
}

.informeTablaChicaTDTitulo {
	padding: 5px;
	font-size: 13px;	
}

.informeTablaChicaTDValor {
	text-align: center;
	padding: 5px;
	font-size: 13px;	
}

.informeReferencias {
	font-size: 12px;
}

.colorInformeRojo {
	background-color: #DC3545;
	color: white;
	border-radius: 15px;
    border: 5px solid white;
}
.colorInformeVerde {
	background-color: #28A745;
	color: white;
	border-radius: 15px;
    border: 5px solid white;
}

.colorInformeAmarillo {
	background-color: #FFE924;
	color: black;
	border-radius: 15px;
    border: 5px solid white;
}

.ampliado .index_divs .card-header {
	font-size: 18px;
}

.ampliado h6 {
    font-size: 1rem;
}

body .ampliado {
	font-size: 15px !important;
}

.ampliado .index_divs .card-header .btn_chico {
    top: 5px;
}

.referencia {
	width: 18px;
    height: 18px;
    padding: 0px;
    position: relative;
    top: -2px;
}

.resaltar_iconoes span:hover {
	color: #2CA949 !important;
}

.resaltar_iconos span:hover {
}

.resaltar_iconos .card:hover {
	border-color: #3490DC !important;
	color: #3490DC !important;
}

/* Tabla informe */

.tabla_informe_objetivos {
	/* margin-top: 15px; */
	width: 100%;
}

.tabla_informe_objetivos td, .tabla_informe_objetivos th {
	padding: 7px !important;
	border: solid 3px white;
	text-align: center;
}

.td_informe_objetivos_izquierda {
	text-align: left !important;
}

.tabla_informe_objetivos th {
	color: black;
}

.informe_objetivos_perspectiva th {
	background-color: #CED5E5;	
	border: none;
	/* border-right: solid 1px #004380;
	border-left: solid 1px #004380; */
}

.tr_informe_objetivos_objetivo td {
}

.informe_objetivos_link a:hover {
	text-decoration: none;
    background-color: inherit !important;
    opacity: 0.5;
    font-style: italic;
}

.inf_obj_vis_ind_lbl {}

.inf_obj_vis_ind_lbl, .inf_obj_vis_ind_lbl2 {
	color: white;
	text-align: center;
	background-color: #263C6D;
}

.inf_obj_vis_ind_lbl2 {
	background-color: #3A5898;
}

.inf_obj_vis_ind_lbl, .inf_obj_vis_ind_lbl2, .inf_obj_vis_ind_txt1, .inf_obj_vis_ind_txt2, .inf_obj_vis_ind_txt22, .inf_obj_vis_ind_txt3, .inf_obj_vis_ind_txt3 input {
	padding: 5px !important;
	font-size: 15px;
}

.inf_obj_vis_ind_txt1 span {
	font-size: 20px !important;
}

.inf_obj_vis_ind_txt4 input {
	padding: 15px !important;
	font-size: 12px;
}

.inf_obj_vis_ind_txt12 {
	padding: 25px 15px 0 !important;
	font-size: 15px;
	background-color: #C9CFDB;
}

.inf_obj_vis_ind_txt1 {
	background-color: #C9CFDB;
}

.inf_obj_vis_ind_txt2 {
	background-color: #E2E6F0;
}

.inf_obj_vis_ind_txt3, .inf_obj_vis_ind_txt4 {
	background-color: white;
}

.inf_obj_vis_ind_txt22 {
	font-size: 15px;
	background-color: #E2E6F0;
}

.inf_obj_vis_ind_txt_margen {
    margin-top: 4px;
    margin-bottom: 16px;
}

.inf_obj_vis_ind_txt_padding {
    padding: 10px 15px 25px !important;
}

.inf_obj_vis_ind_tit {
	font-size: 80px;
	font-weight: bold;
	text-transform: uppercase;
	color: #263C6D;
	text-shadow: 4px 4px 4px #A7B1C5;
}


.informe_objetivos_link_tendencia a:hover {
	text-decoration: none;
    opacity: 0.5;
    font-style: italic;
}

.informe_objetivos_link_tendencia a {
	text-decoration: none;
	color: #263C6D !important;
}

.informe_objetivos_tendencia_h1 {
	font-size: 19px;
	font-weight: bold;
	color: #263C6D;
	text-transform: uppercase;
	line-height: 120%;
	padding-top: 10px;
}

.informe_objetivos_tendencia_h2 {
	font-size: 15px;
	font-weight: bold;
	color: #263C6D;
	text-transform: uppercase;
	line-height: 120%;
	padding-top: 10px;
}

.informe_objetivos_tendencia_txt1 {
	font-size: 19px;
	line-height: 120%;
	padding-top: 10px;
}

.informe_objetivos_tendencia_grafico {
	padding: 10px 0;
}

.informe_objetivos_tendencia_valor {
	font-size: 17px;
	line-height: 120%;
	padding: 10px;
	background-color: #CED5E5;
}

.informe_objetivos_tendencia_valor2 {
	font-size: 20px;
	line-height: 120%;
	padding: 10px 10px 0 10px;
}

.informe_objetivos_tendencia_valor3 {
	font-size: 14px;
	line-height: 120%;
	padding: 10px;
	margin-left: 10px !important;
}

.informe_objetivos_tendencia_h1, .informe_objetivos_tendencia_txt1, .informe_objetivos_tendencia_grafico, 
.informe_objetivos_tendencia_valor, .informe_objetivos_tendencia_valor2, .informe_objetivos_tendencia_h2, 
.informe_objetivos_tendencia_valor3 {
	margin: 10px 0;
}

.informe_objetivos_tendencia_tabla {
	background-color: #CED5E5;	
}

.informe_objetivos_tendencia_ref {	
	background-color: #CED5E5;
	color: #263C6D;
	margin-bottom: -10px;
}

.informe_objetivos_tendencia_ref_texto {	
	font-size: 15px;
	font-weight: bold;
	line-height: 120%;
	padding: 10px;
}

.informe_objetivos_tendencia_ref_verde {	
	border-bottom: solid 6px #38C172;
}

.informe_objetivos_tendencia_ref_amarillo {	
	border-bottom: solid 6px #FFED4A;
}

.informe_objetivos_tendencia_ref_rojo {	
	border-bottom: solid 6px #E3342F;
}

.informe_objetivos_tendencia_ref_azul {	
	border-bottom: solid 6px #263C6D;
}

.informe_objetivos_link_tendencia_ind a:hover {
	text-decoration: none;
    opacity: 0.5;
    font-style: italic;
}

.informe_objetivos_link_tendencia_ind a {
	text-decoration: none;
	color: black !important;
}

/* Mapa estratégico activo */

.SAM {
	margin: 1%;
}

.SAM-presp {
	text-transform: uppercase;
	color: #FFFF;
	background-color: #2B4171;
	font-size: 15px;
	font-weight: bold;
	/* border-radius: 30px; */
	border-radius: 10% 10% 10% 10% / 30% 30% 30% 30%;
	padding: 30px 10px;
	text-align: center;
	height: 150px;
	margin: 10px 0;
	display: table;
    width: 55%;
}

.SAM-obj {
	color: #2B4171;
	/* background-color: #ececec; */
	background: url(/fondo_sam_obj2.png) no-repeat center;
	font-size: 16px;
	font-weight: bold;
	/* border-radius: 20px; */
	padding: 30px 10px;
	text-align: center;
	height: 160px;
	margin: 10px 0;
	display: table;
    width: 100%;
	color: #030303;
}

.SAM-presp div, .SAM-obj div {
	vertical-align: middle;
    display: table-cell;
}

.SAM-obj a {
	color: #2B4171;
}

.SAM-por {
	font-size: 13px;
	font-weight: bold;
	/* border-radius: 5px; */
	padding: 5px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.SAM-por a:hover {
	text-decoration: none;
	opacity: 0.8;
}

.SAM-por a {
	color: inherit;
}

.SAM-ten {
	font-size: 30px;
    position: absolute;
    right: 21px;
    bottom: 20px;
}

.SAM-ten a:hover {
	text-decoration: none;
	opacity: 0.8;
}

div .card-header {
	font-size: 16px;
}
.SAM-clave {
	font-size: 12px;
	text-align: center;
    position: absolute;
    left: 15px;
    top: 11px;
	color: #ffffff;
	background-color: #3C5898;
	/* font-weight: bold; */
	/* border-radius: 5px; */
	padding: 3px;
}

.SAM-obj-report {
	text-transform: uppercase;
	color: #FFFF;
	background-color: #2B4171;
	font-size: 12px;
	font-weight: bold;
	border-radius: 30px;
	padding: 30px 10px;
	text-align: center;
	height: 95%;
	margin: 10px 0;
	display: table;
    width: 100%;
}
.persp-obj-report {
	text-align: center;
	position: relative;
	top: 47.5%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.SAM-obj-header-report {
	background-color: #2B4171;
	height: 35px;
	/* margin: 10px 0; */
	/* display: table; */
    width: 150%;
	font-size: 15px;
}

.SAM-per {
	font-size: 13px;
	font-weight: bold;
	border-left: solid;
	border-left-color:  #ffffff;
	/* border-radius: 5px; */
	padding: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.SAM-per a:hover {
	text-decoration: none;
	opacity: 0.8;
}

.SAM-per a {
	color: inherit;
}