:root {
	--fondo-color: rgb(255, 255, 255);
	--letra-color: rgb(0, 0, 0);
	--letra-color-suave: rgb(160,165,177);  
	--blanco-logo: rgb(255,255,255);
	--negro-logo: rgb(0,0,0);
	--azul-logo: rgb(66,133,244);
	--rojo-logo: rgb(234,67,53);
	--verde-logo: rgb(52,168,83);
	--amarillo-logo: rgb(249,171,0);
	--border-inputs: rgb(52,58,64);
	--icono-input-color: rgb(189,189,189);
	--titulo-color: rgb(29,161,242);
	--sombra-rgba: rgba(29,161,242,.175);
	--tabs-hover: rgba(29,161,242,.175);
	--color-alfa-uno: .175;
	--text-muted: rgb(189,189,189);
	--fondo-barra-color: rgb(37,51,65);
	--marca-texto: rgb(29,161,242);
	--marca-titulo: rgba(255,255,255,1);
	--font-size : 100%;
}


@font-face {
	font-family: 'MUno';
	src:  url('MUnoSansDisplay-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

html {
	overflow-y: scroll;
	overflow-x:hidden;
	font-family: 'MUno',sans-serif;
	
}
body {
	position: relative;
	height: 100vh;
	overscroll-behavior-y: contain;
	background-color: var(--fondo-color) !important;
	font-family: 'MUno',sans-serif !important;
	font-size: var(--font-size);
}
.bubble{
	height: 300px;
	border: none !important;
}

.container {
	height: 100vh;
	max-width: 100% !important;
	width: 100%;
}

.lazyLoad {
	opacity: 0;
}

.visible {
	transition: opacity 1000ms ease;
	opacity: 1;
}



.logo, .logon, .logog {
	font-family: 'MUno' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;


	/* Se dibuja mejor en iPhone =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;


	/*font-size: 1.5em;
	margin-top: .5em;*/
	max-width: 4em ;
	max-height: 3em !important;
	width: auto !important;
	height: 70% !important;
}

.logon, .logog {
	word-spacing: -.22em;
}

.logog {
	font-size: 3em !important;
	width: auto !important;
	margin: 2em 0 2em 0 !important;
}



.shadow-lg {
	box-shadow: var(--sombra-rgba) 0 1rem 3rem !important;

}

.logo .color-mision:nth-child(1),
.logog .color-mision:nth-child(1),
.logon .color-mision:nth-child(1) {
	color: var(--letra-color) !important;
}

.logo .color-mision:nth-child(2),
.logog .color-mision:nth-child(2),
.logon .color-mision:nth-child(2) {
	color: var(--azul-logo) !important;
}

.logo .color-mision:nth-child(3),
.logog .color-mision:nth-child(3),
.logon .color-mision:nth-child(3) {
	color: var(--rojo-logo) !important;
}

.logo .color-mision:nth-child(4),
.logog .color-mision:nth-child(4),
.logon .color-mision:nth-child(4) {
	color: var(--verde-logo) !important;
}

.logo .color-mision:nth-child(5),
.logog .color-mision:nth-child(5),
.logon .color-mision:nth-child(5) {
	color: var(--amarillo-logo) !important;
}

.text-muted {
	color: var(--text-muted) !important;
}
.ancho {
	min-width: 1.5em !important;
	text-align: right;
	margin-right: .4em;
}

.signup-form input[type="checkbox"] {
	margin: 4px 4px 0px 4px !important;
}

/*Css de la versión 3*/


/*Switch button*/
	.switch {
		font-size: 1rem;
		position: relative;
	}
	.switch input {
		position: absolute;
		height: 1px;
		width: 1px;
		background: none;
		border: 0;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		overflow: hidden;
		padding: 0;
	}
	.switch input + label {
		position: relative;
		min-width: calc(calc(2.375rem * 0.3) * 2);
		border-radius: calc(2.375rem * 0.3);
		height: calc(2.375rem * 0.3);
		line-height: calc(2.375rem * 0.3);
		display: inline-block;
		cursor: pointer;
		outline: none;
		user-select: none;
		vertical-align: middle;
		text-indent: calc(calc(calc(2.375rem * 0.3) * 2) + 0.5rem);
	}
	.switch input + label::before,
	.switch input + label::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: calc(calc(2.375rem * 0.3) * 2);
		bottom: 0;
		display: block;
	}
	.switch input + label::before {
		right: 0;
		background-color: var(--icono-input-color);
		border-radius: calc(2.375rem * 0.3);
		transition: 0.2s all;
	}
	.switch input + label::after {
		top: 2px;
		left: 2px;
		width: calc(calc(2.375rem * 0.3) - calc(2px * 2));
		height: calc(calc(2.375rem * 0.3) - calc(2px * 2));
		border-radius: 50%;
		background-color: white;
		transition: 0.2s all;
	}
	.switch input:checked + label::before {
		background-color: var(--titulo-color);
	}
	.switch input:checked + label::after {
		margin-left: calc(2.375rem * 0.3);
	}
	.switch input:focus + label::before {
		outline: none;
		box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, 0.25);
	}
	.switch input:disabled + label {
		color: #868e96;
		cursor: not-allowed;
	}
	.switch input:disabled + label::before {
		background-color: #e9ecef;
	}
	.marge{
		margin-top: 0.2rem !important;
	}
	.switch.switch-sm {
		font-size: 0.875rem;
	}
	.switch.switch-sm input + label {
		min-width: calc(calc(1.9375rem * 0.35) * 2);
		height: calc(1.9375rem * 0.35);
		line-height: calc(1.9375rem * 0.35);
		text-indent: calc(calc(calc(1.9375rem * 0.35) * 2) + 0.5rem);
	}
	.switch.switch-sm input + label::before {
		width: calc(calc(1.9375rem * 0.35) * 2);
	}
	.switch.switch-sm input + label::after {
		width: calc(calc(1.9375rem * 0.35) - calc(2px * 2));
		height: calc(calc(1.9375rem * 0.35) - calc(2px * 2));
	}
	.switch.switch-sm input:checked + label::after {
		margin-left: calc(1.9375rem * 0.35);
	}
	.switch.switch-lg {
		font-size: 1.25rem;
	}
	.switch.switch-lg input + label {
		min-width: calc(calc(3rem * 0.8) * 2);
		height: calc(3rem * 0.8);
		line-height: calc(3rem * 0.8);
		text-indent: calc(calc(calc(3rem * 0.8) * 2) + 0.5rem);
	}
	.switch.switch-lg input + label::before {
		width: calc(calc(3rem * 0.8) * 2);
	}
	.switch.switch-lg input + label::after {
		width: calc(calc(3rem * 0.8) - calc(2px * 2));
		height: calc(calc(3rem * 0.8) - calc(2px * 2));
	}
	.switch.switch-lg input:checked + label::after {
		margin-left: calc(3rem * 0.8);
	}
	.switch + .switch {
		margin-left: 1rem;
	}

/*final de Switch button*/


.input-group-p {
	position: relative;
	display: table;
	border-collapse: separate;
}

.input-group-p .form-control-p {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
}

.form-control-p {
	min-height: 38px;
	box-shadow: none !important;
}

.form-control-pg {
	min-height: 30px;
	box-shadow: none !important;
	margin-bottom: 1rem;
}

.form-control-p {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: var(--letra-color);
	border: 1px solid;
	border-radius: 4px;
	border-color: var(--border-inputs);
	background-color: var(--fondo-color);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control-pg {
	display: block;
	width: 100%;
	height: 30px;
	padding: 6px 12px;
	font-size: 12px;
	line-height: 1.42857143;
	color: var(--letra-color);
	border: 1px solid;
	border-radius: 4px;
	border-color: var(--border-inputs);
	background-color: var(--fondo-color);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#lista-abuscar, #lista-buscado, #lista-, #lista-micarpeta {
	background-color: transparent !important;
}

#abuscar .list-group-item, #buscado .list-group-item, #archivo .list-group-item, #excluidos .list-group-item, #carpeta .list-group-item {
	padding: .5em !important;
	background-color: transparent !important;
	border-color: var(--border-inputs) !important;
	color: var(--letra-color) !important;
}

#bandera {
	margin-left: 3px !important;
}
#butotal {
	margin-right: 3px !important;
}

#cabeza-buscado, #cabeza-abuscar, #cabeza-archivo, #cabeza-excluidos, #cabeza-micarpeta  {
	padding: .5em !important;
	background-color: transparent !important;
	border-color: transparent !important;
	color: var(--letra-color-suave);
}

#cabeza-abuscar i{
	margin-top: calc(height/2);
	margin-right: 3px;
}
#actualizado {
	color: var(--letra-color-suave);
}

#buscado:hover {
	cursor: pointer !important;
}

.custom-control-label:hover {
	cursor: pointer !important;
}

#archivo:hover {
	cursor: pointer !important;
}
#carpeta:hover {
	cursor: pointer !important;
}


.actores {
	height: 65%;
}


.tools:hover {
	cursor: pointer !important;
}

.tools_p:hover {
	cursor: pointer !important;
}

.palabras:hover {
	cursor: pointer !important;
}

.carousel-control-next, .carousel-control-prev {
	color: rgba(255,255,255,.1);
}

.fa-angle-left:hover, .fa-angle-right:hover {
	color: rgba(255,255,255,1);
}

#_email {
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}

#bubblei {
	height: 18em;
}

#munoi {
	height: 18em !important;
	max-height: 18em !important;
}
.input-group-addon-p {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: var(--icono-input-color);
	text-align: center;
	background-color: var(--border-inputs);
	border: 1px solid;
	border-radius: 4px;
	border-color: var(--border-inputs);
	max-width: 42px;
	text-align: center;
}

.input-group-addon-p {
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
}

.input-group-addon-p, .form-control-p {
	display: table-cell;
}

.input-group-addon-p:first-child {
	border-right: 0;
}

.input-group-addon-p:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.form-control-p:not(:first-child):not(:last-child), .input-group-addon-p:not(:first-child):not(:last-child) {
	border-radius: 0;
}

.input-group-p .form-control-p:last-child, .input-group-addon-p:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

/*Aquí termina la versión 3*/


/* Formato cards right*/
.card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: var(--fondo-color);
	background-clip: border-box;
	border: 1px solid var(--border-inputs);
	border-radius: 8px;
}

.border-left-info {
	border-left: .25rem solid #36b9cc !important
}

.border-left-card {
	border-left: .25rem solid var(--titulo-color) !important
}


.mcard-body {
	flex: 1 1 auto;
	min-height: 1px;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: 1rem;

}

.no-gutters {
	margin-right: 0;
	margin-left: 0
}

.progress-sm {
	height: .5rem
}

.progress {
	display: flex;
	height: .5rem;
	overflow: hidden;
	line-height: 0;
	font-size: .75rem;
	background-color: #626262;
	border-radius: .35rem
}

.text-xs {
	font-size: .7rem;
	color: var(--letra-color);
}

.progress-bar {
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	background-color: var(--titulo-color);
	transition: width .6s ease
}

.color-suave {
	color: #626262 !important;
}

.tendencia:hover {
	cursor: pointer;
	color: var(--titulo-color);
}
.sinresultados {
	cursor: not-allowed !important;
	pointer-events: all !important;
	color: var(--letra-color-suave) !important;
}
/* Termina formato cards*/

.custom-toggler {
	width: 0;
}

.custom-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler-2 {
	width: 0;
}

.custom-toggler-2 .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.no-padding {
	padding-left: 0;
	padding-right: 0;
}
.search-box .input-group-addon-l {
		min-width: 35px;
		border: none;
		background: transparent;
		position: absolute;
		left: 0;
		z-index: 9;
		padding: 10px 7px;
		height: 100%;
}


.material-icons {
	color: var(--icono-input-color) !important;
}




.material-icons:hover {
	color: var(--letra-color) !important;
}

.search-box .input-group-addon-r {
		min-width: 35px;
		border: none;
		background: transparent;
		position: absolute;
		right: 35px;
		z-index: 9;
		padding: 10px 7px;
		height: 100%;
}

.search-box .input-group-addon-rd {
		min-width: 35px;
		border: none;
		background: transparent;
		position: absolute;
		right: 0;
		z-index: 9;
		padding: 10px 7px;
		height: 100%;
}

.barra {
	/*min-height: 5em;
	height:5em;
	margin-bottom: 3.9em;*/
	height: 3.9em;
	background-color: var(--fondo-barra-color);
}

#regresar {
	font-size: 0.6em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	color: var(--letra-color);
	background-color: var(--rojo-logo) !important;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
}
.search-box i {
		color: var(--letra-color-suave);
		font-size: 1.18em;
}

.search-box input {
		padding-left: 35px;
		padding-right: 70px;
		min-height: 38px;
		border: none;
		background: var(--fondo-barra-color);
		border-radius: 3px !important;
}
.search-box input:focus {
		background: #fff;
		box-shadow: 1px 1px 2px 2px #ECEFF1;

}
.search-box {
		position: relative;
}

input::-webkit-input-placeholder {
color: var(--icono-input-color) !important;
}

input:-moz-placeholder { /* Firefox 18- */
color: var(--icono-input-color) !important;
}

input::-moz-placeholder {  /* Firefox 19+ */
color: var(--icono-input-color) !important;
}

input:-ms-input-placeholder {
color: var(--icono-input-color) !important;
}

.input-group-append .dropdown-toggle {
	color: var(--icono-input-color) !important;
	}

.list-unstyled .dropdown-toggle {
color: var(--letra-color) !important;
}

.nav-item .dropdown-toggle {
	color: var(--letra-color-suave) !important;
}

.nav-item .dropdown-toggle:hover {
color: var(--letra-color) !important;
}

/*código sidebar */

#btn-sidebar {
	width: 2em;
	height: 2em;
	background: none;

}

#btn-der {
	width: 2em;
	height: 2em;
	background: none;
}

#btn-der span {
	width: 80%;
	height: 2px;

	display: block;
	background: var(--icono-input-color);
	transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375);
}

#btn-sidebar span {
	width: 80%;
	height: 2px;
	margin: 0 auto;
	display: block;
	background: var(--icono-input-color);
	transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375);
}


#btn-usuario {
	max-width: 13em !important;
}


#busqueda{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.user-action {
	padding: 9px 15px;
	min-width: 200px;
	font-family: 'MUno',sans-serif;
	font-size: 0.8em;
	text-align: center;
}

.salida {
	padding: 0;
	margin: .125rem 0 0 1.5rem;
	font-family: 'MUno',sans-serif;
	font-size: 0.8em;
}

#btn-sidebar span:first-of-type {
	/* rotate first one */
	transform: rotate(45deg) translate(2px, 2px);
}
#btn-sidebar span:nth-of-type(2) {
	/* second one is not visible */
	opacity: 0;
}
#btn-sidebar span:last-of-type {
	/* rotate third one */
	transform: rotate(-45deg) translate(1px, -1px);
}

#btn-sidebar.active span {
	/* no rotation */
	transform: none;
	/* all bars are visible */
	opacity: 1;
	margin: 5px auto;
}




#logo-der {
	min-width: 64px;
}


.temp {
	margin-bottom: 40px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar {
	height: 3.86em;
	padding: 8px;
	background: var(--fondo-color);
	border: none;
	border-radius: 0;
	-moz-box-shadow:    -3px 0 15px 0 var(--sombra-rgba);
	-webkit-box-shadow: -3px 0 15px 0 var(--sombra-rgba);
	box-shadow: -3px 0 15px 0 var(--sombra-rgba);
}

.navbar-btn {
	box-shadow: none;
	outline: none !important;
	border: none;
}

.line {
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed #ddd;
	margin: 40px 0;
}
.respuestas {    
	display: flex;
	flex-direction: row;  
	margin: 0 auto;	
}

.respuestasCnt {    
	display: flex;
	flex-direction: row; 
	width: 65%;       
}


.respuestas a, .respuestas span, .respuestas i{
	color: var(--letra-color-suave) !important;
	font-size: 0.8em;
}

.tabs_estado{
	width: 25%;

	/*margin-top: .7rem;*/
}
#btn_estado{    
	color: var(--letra-color);
	background-color: var(--fondo-color) !important;
	font-size: .8em;     
}

#btn_estado .dropdown-item:hover {
	color: var(--letra-color);
	background-color: var(--fondo-color) !important;
}


#btn_estado .dropdown-item:focus  {
	color: var(--fondo-color) ;
	background-color: var(--fondo-color) ;
}

#btn_estado:active{    
	color: var(--fondo-color);
	background-color: var(--fondo-color) !important;
	font-size: .8em;     
}

.custom-select{
	color: var(--letra-color-suave);
	background-color: var(--fondo-color) !important;
	font-size: .8em;  
	border-color: var(--fondo-color) !important;
	margin-top: 0em !important;    
}
/* ---------------------------------------------------
	SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
	display: flex;
	width: 100%;
	align-items: stretch;
	height: 100%;
	background-color: inherit !important;
}


#sidebar {
	min-width: 14em;
	width: 100%;
	color: var(--letra-color);
	padding-top: 4em;
	transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);
	transform-origin: bottom left;
	background-color:  var(--fondo-color);
	height: 100%;
	position: fixed;
	z-index: 1;
	top: 0;
	/*overflow-x: hidden;*/


}

#izq-4 {

	height: 100%;
	position: sticky;
	top: 4em;

}

#btnlogin button {
	background-color: transparent !important;
	border-color: transparent !important;
	color: var(--letra-color) !important;
}

#btnlogin button:hover{
	color: var(--marca-texto);
}

#sidebar.active {
	margin-left: -250px;
	transform: rotateY(100deg);
}
#informacion.active {
	margin-left: 0px;
	min-width: 75% !important;
}

#sidebar .sidebar-header {
	background: none;
	font-family: 'MUno',sans-serif;
	font-weight: 400;
	font-size: 0.8em;
}


.sidebar-header {
	max-height: 90vh !important;
	overflow-y: scroll;
	overflow: auto;
}

.sidebar-header::-webkit-scrollbar {
	display: none;
}



#sidebar ul p {
	/*yo puse este color*/
	color: var(--letra-color);
	padding: 10px;
}

#sidebar ul li a {
	padding: 10px;
	display: block;
	
}

#sidebar ul li :hover {
	color: var(--letra-color);
	background: var(--fondo-barra-color);
	cursor:pointer !important;
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
	color: #fff;
	background:none;
}


a[data-toggle="collapse"] {
	position: relative;
}

.dropdown-toggle::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}

ul ul a {
	font-size: 0.9em !important;
	padding-left: 30px !important;
	background: var(--fondo-barra-color);
}

ul.CTAs {
	padding: 20px;
}

ul.CTAs a {
	text-align: center;
	font-size: 0.9em !important;
	display: block;
	border-radius: 5px;
	margin-bottom: 5px;
}

a.download {
	background: #fff;
	color: #7386D5;
}

a.article, a.article:hover {
	background: var(--fondo-barra-color) !important;
	color: var(--letra-color) !important;
}

.cliente {
	text-align: center;
	width: 12em;
	padding-top: 1.5em;
	padding-left: 1.4em;
	padding-right: 1.4em;
	padding-bottom: 2em;
}

.cliente a {
	color: var(--letra-color);
	font-family: 'MUno',sans-serif;
	font-weight: 100;
	font-size: 0.8em;
}

.cliente a .color-mision:nth-child(1) {
	color: var(--azul-logo);
}

.cliente a .color-mision:nth-child(2) {
	color: var(--rojo-logo);
}

.cliente a .color-mision:nth-child(3) {
	color: var(--verde-logo);
}

.cliente a .color-mision:nth-child(4) {
	color: var(--amarillo-logo);
}

.right-bar {

	margin-bottom: 2em;
	min-width: 14em;
	width: 100%;
	color: #3c4043;
	padding-top: 0px;
	background-color:  var(--fondo-color);

}

.right-bar a {
	color: #202124;
	font-family: 'MUno',sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	text-align: center;
}

.right-bar a .color-mision:nth-child(1) {
	color: #4285f4;
}

.right-bar a .color-mision:nth-child(2) {
	color: #ea4335;
}

.right-bar a .color-mision:nth-child(3) {
	color: #34a853;
}

.right-bar a .color-mision:nth-child(4) {
	color: #f9ab00;
}

.avatar {
	max-height: 30px;
	margin-right: 1em;
}
.lista {
	display: -webkit-flex;
	display: -webkit-box;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	background: none;
}

.icono {
	max-width: 18px;
	max-height: 18px;
	width: 18px;
	width: 18px;
	background: rgb(255,255,255);
	padding: 1px;
	margin-right: 3px;
}
.nom-lista {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.icono-lista {
	height: 24px;
	width: 24px;
	margin: 0em 0.5em;
}



.ciudad {
	position: absolute;
	bottom: 0;
	font-size: .7em;
	margin-bottom: 0;
	
	font-family: 'MUno',sans-serif;
	font-weight: 400;
	font-size: 0.7em;
	text-align: center !important;
	color: var(--letra-color-suave);
}


#portales{
	font-family: 'MUno',sans-serif;

}
.titulo {
	font-size: 1em;

}

.titulo a {
	color: var(--titulo-color);

}

.informacion{
	padding-right: 1em !important;
	padding-left: 1em !important;
	background-color: var(--fondo-color);
	margin-left: calc(25%);
}

#ancho{
	padding-right: 1em !important;
	padding-left: 1em !important;
	background-color: var(--fondo-color);
	width: 100%;
}

.informacion ul {
	font-size: 0.8em;
}

.relevante{
	padding-top: 1.5em;
}

.resultados{
	border: 1px solid var(--border-inputs);
	border-radius: 8px;

	margin-left: 0;
	margin-right: 0;
	margin-bottom: 1em;
}
.paginas, .page-link {
	background-color: var(--fondo-color) !important;
	border-color: var(--border-inputs) !important;
	color: var(--letra-color-suave) !important;
}
.page-item.active .page-link {
	background-color: var(--titulo-color) !important;
	color: var(--fondo-color) !important;
}

#actualizado, #actualizadob, #actualizadoq{
	align-content: flex-end;
	margin-right: .5em;
}
#refresh-lista:hover, #refresh-busqueda:hover, #refresh-query:hover, #genera-pdf:hover, 
#gen-pdf-prt:hover, #borra-archivo:hover, #gen-xls-prt:hover, #refresh-tende:hover { 
	cursor: pointer;
}
.nav-tabs {
	border-bottom: 1px solid rgb(56, 68, 77);
	color:  var(--fondo-color);
}

.nav-tabs .nav-item .nav-link.active {
	background-color:  var(--fondo-color);
	border: none;
	border-bottom: 1px solid var(--titulo-color);
	color: var(--titulo-color);
}

.nav-tabs .nav-item .nav-link{
	background-color:  var(--fondo-color);
	border: none;
	color: var(--titulo-color);
}


.nav-tabs .nav-item .nav-link:hover {
	background-color: rgba(var(--titulo-color),0.1);
}

.nav-tabs .nav-item .nav-link a {
	color: var(--titulo-color);
}

.descripcion {
	font-size: 0.8em;
	color: var(--letra-color);
	max-height: 19em !important;
	height: 19em !important;
	overflow-y: scroll;
	overflow:auto;
	/*overflow: -moz-scrollbars-none;
	-ms-overflow-style: none;*/
}


.descripcion::-webkit-scrollbar {
	display: none;
}


.host {
	font-size: 0.7em;
	color: var(--letra-color-suave);
	margin-right: 0;
	margin-left: 0;
}

.formato {
	max-width: 65%;
	width: 65%;
	padding: .5em 1em .5em 1em;
}

.portadas {
	min-width: 100%;
	width: 100%;
}

.tools {
		padding: .5em 0 0 0; 
		font-size: .7em;
		color: var(--letra-color-suave);
}

.tools_p {
		padding: .5em 0 0 0; 
		font-size: .7em;
		color: var(--letra-color-suave);
}

.tools span {
	padding: 0 1em 0 0 !important;
}

.tools_p span {
	padding: 0 1em 0 0 !important;
}

.badge-primary {
	color: var(--fondo-color);
	background-color: var(--titulo-color);
}

.bccta p {
	margin-bottom: 0 !important;
}

.imagen {
	max-width: 35%;
	width: 35%;
	padding-top: 0 !important;
	padding-bottom: 0 !important;

}

.imagenp {
	max-width: 100%;
	width: 100%;
	padding-top: 0 !important;
	padding-bottom: 0 !important;

}

.imagen .imagenes img {
	border-radius: 8px;
}

.imagenes {
	padding: .5em;
	display: block;
}
.cargando {
	padding-top: 8em;
}

.search-box .input-group-addon-rd {
	width: 35px;
}
#search {
	color: var(--icono-input-color);
}

#menu-search {
	background-color: var(--fondo-color);
}

.row-frase-exacta {
	display: flex;
	margin-left: 0 !important;
	margin-right: 0 !important;
	color: var(--icono-input-color);
	margin-top: 3px;
	margin-bottom: 3px;
}
.row-frase-exacta:hover {
	background-color: transparent;
}


.row-frase-exacta:hover {
	color: var(--icono-input-color);
}
.row-frase-exacta input:focus {

		border: 0;
		border-bottom-left-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
		outline: 0;
		border-bottom: 1px solid var(--titulo-color);
		background-color: transparent;
		box-shadow: none;
		color: var(--icono-input-color);

}

.row-frase-exacta select:focus {

	border: 0;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	outline: 0;
	background-color: transparent;
	box-shadow: none;
	color: var(--icono-input-color);

}
.row-frase-exacta input {
	font-size: 0.8em;
	padding: 0;
	outline: 0;
	border: 0;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-bottom: 1px solid var(--icono-input-color);
	border-radius: 0;
	box-shadow: none;
	background-color: transparent;
	min-height: 1.2em;
	height: 1.2em;
	padding-bottom: 3px !important;
	color: var(--letra-color);
	font-size: 1rem;
}

.row-frase-exacta select {
	font-size: 0.8em;
	padding: 0;
	outline: 0;
	border: 0;
	box-shadow: none;
	background-color: transparent;
	min-height: 1em;
	height: 1em;
}
.row-frase-exacta select option {
	background-color: rgb(37, 51, 65);
	border: 0px !important;
	outline: 0px !important;
	box-shadow: none;
}

.row-frase-exacta select option:focus {
	background-color: rgb(37, 51, 65);
	border: 0px !important;
	outline: 0px !important;
	box-shadow: none;
}
.mbtn {
	font-size: 0.8em;
	margin: 0 1em 1em 1em !important;
	padding: 3px 6px 3px 6px;
	height: 2.2em;
}
.mbtn:hover {
	background-color: rgb(47,61,75);
}

.mbbtn {
	background-color: #3498db;
	color: #fff;
}

.mbbtn:hover {
	background-color: #007bff !important;
	color: #fff !important;
}


@media (max-width: 768px) {
.body {
	line-height: 1.3125em;
	font-size: .9em !important;
}

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

.text-xs {
	font-size: 1.2rem;
	color: var(--letra-color);
}

.navbar {
	padding-left: 2px;
	padding-right: 2px;
}


.navbar-toggler {
	padding: .25rem .25rem .25rem .40rem;
}
	#sidebar {
		margin-left: -250px;
		transform: rotateY(90deg);
	}
	#sidebar.active {
		margin-left: 0;
		transform: none;
	}
	#btn-sidebar span:first-of-type,
	#btn-sidebar span:nth-of-type(2),
	#btn-sidebar span:last-of-type {
		transform: none;
		opacity: 1;
		margin: 5px auto;
	}
	#btn-sidebar.active span {
		margin: 0 auto;
	}
	#btn-sidebar.active span:first-of-type {
		transform: rotate(45deg) translate(2px, 2px);
	}
	#btn-sidebar.active span:nth-of-type(2) {
		opacity: 0;
	}
	#btn-sidebar.active span:last-of-type {
		transform: rotate(-45deg) translate(1px, -1px);
	}

	.row-frase-exacta {
		display: block;
		margin-left: 0 !important;
		margin-right: 0 !important;
		color: var(--icono-input-color);
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.row-frase-exacta h6 {
		padding-left: 0px !important;
	}

	.btn-avanzados {
		display: flex !important;
		padding-right: 1em;
	}

	.btn-avanzados button {
		margin-left: 1em !important;
		margin-right: 1em !important;
	}

	.logo {
		font-family: 'MUno' !important;
		speak: none;
		font-style: normal !important;
		font-weight: normal !important;
		font-variant: normal !important;
		text-transform: none !important;
		line-height: 1 !important;


		/* Se dibuja mejor en iPhone =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;


		/*font-size: 1.5em !important;*/
		/*max-width: 3em !important;*/
		/*word-spacing: -.22em;*/


	}

/*Switch button*/
	.switch {
		font-size: 1rem;
		position: relative;
	}
	.switch input {
		position: absolute;
		height: 1px;
		width: 1px;
		background: none;
		border: 0;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		overflow: hidden;
		padding: 0;
	}
	.switch input + label {
		position: relative;
		min-width: calc(calc(2.375rem * 0.3) * 2);
		border-radius: calc(2.375rem * 0.3);
		height: calc(2.375rem * 0.3);
		line-height: calc(2.375rem * 0.3);
		display: inline-block;
		cursor: pointer;
		outline: none;
		user-select: none;
		vertical-align: middle;
		text-indent: calc(calc(calc(2.375rem * 0.3) * 2) + 0.5rem);
	}
	.switch input + label::before,
	.switch input + label::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: calc(calc(2.375rem * 0.3) * 2);
		bottom: 0;
		display: block;
	}
	.switch input + label::before {
		right: 0;
		background-color: var(--icono-input-color);
		border-radius: calc(2.375rem * 0.3);
		transition: 0.2s all;
	}
	.switch input + label::after {
		top: 2px;
		left: 2px;
		width: calc(calc(2.375rem * 0.3) - calc(2px * 2));
		height: calc(calc(2.375rem * 0.3) - calc(2px * 2));
		border-radius: 50%;
		background-color: white;
		transition: 0.2s all;
	}
	.switch input:checked + label::before {
		background-color: var(--titulo-color);
	}
	.switch input:checked + label::after {
		margin-left: calc(2.375rem * 0.3);
	}
	.switch input:focus + label::before {
		outline: none;
		box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, 0.25);
	}
	.switch input:disabled + label {
		color: #868e96;
		cursor: not-allowed;
	}
	.switch input:disabled + label::before {
		background-color: #e9ecef;
	}
	.marge{
		margin-top: 0.2rem !important;
	}
	.switch.switch-sm {
		font-size: 0.875rem;
	}
	.switch.switch-sm input + label {
		min-width: calc(calc(1.9375rem * 0.35) * 2);
		height: calc(1.9375rem * 0.35);
		line-height: calc(1.9375rem * 0.35);
		text-indent: calc(calc(calc(1.9375rem * 0.35) * 2) + 0.5rem);
	}
	.switch.switch-sm input + label::before {
		width: calc(calc(1.9375rem * 0.35) * 2);
	}
	.switch.switch-sm input + label::after {
		width: calc(calc(1.9375rem * 0.35) - calc(2px * 2));
		height: calc(calc(1.9375rem * 0.35) - calc(2px * 2));
	}
	.switch.switch-sm input:checked + label::after {
		margin-left: calc(1.9375rem * 0.35);
	}
	.switch.switch-lg {
		font-size: 1.25rem;
	}
	.switch.switch-lg input + label {
		min-width: calc(calc(3rem * 0.8) * 2);
		height: calc(3rem * 0.8);
		line-height: calc(3rem * 0.8);
		text-indent: calc(calc(calc(3rem * 0.8) * 2) + 0.5rem);
	}
	.switch.switch-lg input + label::before {
		width: calc(calc(3rem * 0.8) * 2);
	}
	.switch.switch-lg input + label::after {
		width: calc(calc(3rem * 0.8) - calc(2px * 2));
		height: calc(calc(3rem * 0.8) - calc(2px * 2));
	}
	.switch.switch-lg input:checked + label::after {
		margin-left: calc(3rem * 0.8);
	}
	.switch + .switch {
		margin-left: 1rem;
	}

/*final de Switch button*/

.descripcion, .titulo {
	line-height: 1.3125em;
	font-size: 1em !important;
}


.informacion, #ancho {
	margin: auto;
}

#ancho{
	height: 100%;
}

.informacion ul {
	font-size: 0.8em !important;
}

.nav {
	padding-bottom: 0.1rem !important;
}

.icono {
	max-width: 18px;
	max-height: 18px;
	width: 18px;
	width: 18px;
	background: #fff;
	padding: 1px;
	margin-right: 3px;
}


.resultados {
	padding-bottom: 1em;
}

.formato  {
	min-width: 100%;
	width: 100%;
}

.portadas {
	min-width: 100%;
	width: 100%;
}


.imagen {
	min-width: 100%;
	width: 100%;
	height:300px;
	overflow-y: scroll;
	overflow:auto ;
}

.imagen::-webkit-scrollbar {
	display: none;
}

.imagenes {
	min-width: 100%;
	width: 100%;

}

.imagenes img {
	width: 95% !important;
}

}

#mnu-usuario{
	color: var(--letra-color);
	border-radius: 3px;
	margin-bottom: .9em;
	margin-right: .2em;
	background: var(--fondo-color);
	box-shadow: var(--sombra-rgba) 0 1rem 3rem !important;
	/*padding: .75rem .8rem !important;*/
	width: auto;
	font-size: auto;
}

#mnu-usuario .dropdown-item:hover {
	color: var(--letra-color);
	background-color: var(--fondo-barra-color) !important;
}


#mnu-usuario .dropdown-item:focus  {
	color: var(--letra-color) ;
	background-color: var(--fondo-barra-color) ;
}

.salida .dropdown-item{
	padding: .75rem .8rem !important;
}

#mnu-login{
	color: var(--letra-color);
	border-radius: 3px;
	margin-bottom: .9em;
	margin-right: .2em;
	background: var(--fondo-color);
	box-shadow: var(--sombra-rgba) 0 1rem 3rem !important;
	/*padding: .25rem .8rem !important;*/
	width: auto;
	font-size: auto;
}

.btn{
	background-color: var(--titulo-color)!important;
	border: var(--titulo-color)!important;
}

/*.sm-container{
	margin: 0 auto;
	display: flex;
	flex-direction: row;
}*/

.sm-container i{
	color: var(--letra-color);
	padding: 30px;
	font-size: 1.5em;
	cursor: pointer;
	transition: 0.4s;
}

.sm-container i:hover{
	transform: scale(1.2);
}

/*.fa-share-alt:active{
	transform: scale(2.2);
}*/

.fa-file-excel-o:active{
	transform: scale(1.5);
}

.fa-archive:active{
	transform: scale(2.2);
}

.fa-eye-slash:active{
	transform: scale(2.2);
}

.fa-eye:active{
	transform: scale(2.2);
}

.fa-print:active{
	transform: scale(2.2);
}

.fa-cube:active{
	transform: scale(2.2);
}

.fa-file-pdf-o:active{
	transform: scale(2.2);
}

.fa-trash-o:active{
	transform: scale(2.2);
}

.fa-flag-o:active{
	transform: scale(2.2);
}

.fa-flag:active{
	transform: scale(2.2);
}

.sm-menu{
	background: var(--titulo-color);
	border-radius: 8px;  
	width: 15rem;  
	/*position: relative;*/

}

.sm-menu_p{
	background: var(--titulo-color);
	border-radius: 8px;  
	width: 15rem;  
	/*position: relative;*/

}

.bcfri i:active{
	transform: scale(1.5);
}
.fa-refresh:active{
	transform: scale(1.5);
}

.bcfri i{
	color: var(--text-muted);
}
.sm-menu i{
	margin-left: .8rem;
	font-size: 1.5em;
	color: white;
}

.sm-menu i:active{
	transform: scale(1.5); 
}  

.sm-menu_p i{
	margin-left: .8rem;
	font-size: 1.5em;
	color: white;
}

.qr_compartir{
	background: #487eb0;
	border-radius: 8px; 
}

.m_par:hover {
	cursor: pointer !important;
	background-color: var(--tabs-hover);
}

.m_impar:hover {
	cursor: pointer !important;	
}

.fa-flag-o{
	color:var(--letra-color) !important;
}

.fa-flag{
	color:var(--titulo-color) !important;
}
.custom-switch .custom-control-label::before {
	left: -2.25rem;
	height: .8rem;
	width: 1.5rem;
	pointer-events: all;
	border-radius: 1rem;
}

/*.custom-switch .custom-control-label::after {
	background-color:var(--titulo-color);
	height: .5rem;
	width: .5rem;
}    


.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
	background-color:var(--letra-color);
}*/