:root {
	--colorPrincipal:#003da5;
	--colorResaltar: rgba(0,61,165,0.22);
	--colorMarcar: rgba(0,61,165,0.68);

	--colorPrincipalA09: rgba(0,61,165,0.9);
	--colorPrincipalA08: rgba(0,61,165,0.8);
	--colorPrincipalA07: rgba(0,61,165,0.7);
	--colorPrincipalA06: rgba(0,61,165,0.6);

	--colorBlanco:#fff;
	--colorFondo:#e6eaea;
	--colorFondo2: #efede9;
	--colorFondo3: #d3dbe0;
	--colorAlternativo:rgb(0,42,58);
	--colorAlternativoTrans50: rgba(0,42,58,0.5);
	--colorAlternativoTrans91: rgba(0,42,58,0.91);
	--ColorDeshabilitado: #8c8c8c;
	--transparente: rgba(0,0,0,0);

	--resaltarCursor: #f93f17;
	--pulsaParaVer: 'Pulsa para ver';
}

body * {
	font-family: Verdana!important;
}

body{
	padding: 15px 20px!important;
	background: #eee!important;

	margin: 0px!important;
	font-family: Verdana!important;
	font-size: 13px!important;
    line-height: 16px!important;
    color: #333!important;
}
.pageFormat{
	border: 1px solid #ddd!important;
    padding: 10px 0 0!important;
    margin: 0 auto!important;
    max-width: 1200px!important;
	background: var(--colorBlanco)!important;
	position: relative;
}
.pageFormat .row{
	margin: 0px!important;
}
.pageFormat > header {
	/* PARA PODER TRABAJAR AGUSTO*/
	margin-bottom: 100px;
}
.pageFormat > header .logoRedireccionInicio {
	display: inline-block;
    margin-left: 1%;
}
.pageFormat > header #imgLogo {
	max-height: 80px;
}
.pageFormat > header .superior {
	text-align: right;
}
.pageFormat > header .login-ss, .pageFormat > header .idiomas-ss{
	display: inline-block;
}
.pageFormat > header .login-ss {
	padding: 12px 15px;
    border-right: 1px solid #f2f2f2;
}
.pageFormat > header .login-ss{
	color: var(--colorPrincipal)!important;
}

.pageFormat .fullScreen{
	position: absolute;
    right: 75px;
    color: var(--colorPrincipal);
	font-size: 26px;
	cursor: pointer;
}

.pageFormat.xpandWidth{
	max-width: 98vw!important;
}

.pageFormat > header .login-ss:hover, .pageFormat > header .idiomas-ss > span:hover{
	color: var(--colorBlanco)!important;
	background-color: var(--colorPrincipal)!important;
	border-radius: 3px;
	cursor: pointer;
	text-decoration: none;
}
.idiomas-ss > span {
	padding: 12px 15px;
    color: var(--colorPrincipal)!important;
    display: inline-block;
}
.idiomas-ss .idiomaSeleccionado{
    border-bottom: 1px dotted #999;
}

.pageFormat > header .inferior{
	position: relative;
}
.pageFormat > header .inferior a{
    color: var(--colorPrincipal)!important;
    padding: 0 5px;
    min-height: 50px;
    display: inline-block;
	line-height: 46px;
	font-weight: bold;
}

.pageFormat > header .inferior .rigth0{
	position: absolute;
	right: 0;
}

.pageFormat nav {
	background: var(--colorPrincipal);
	padding: 0 20px;
	position: relative;
	margin-bottom: 15px;
}

.pageFormat nav a {
	padding: 12px 15px;
	text-decoration: none;
	color: var(--colorBlanco)!important;
	display: inline-block;
	margin-top: 5px;
}

.pageFormat nav a.activo {
	color: var(--colorPrincipal)!important;
    background-color: var(--colorBlanco)!important;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	font-weight: bold;
}

.pageFormat nav a:hover {
	color: var(--colorPrincipal)!important;
    background-color: #eee!important;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
}

.igarleRedir{
	margin: 0 auto!important;
	width: 150px!important;
	display: block!important;
	padding: 5px!important;
	filter: opacity(0.75);
	transition: filter 1s;
}
.pageFormat nav a.igarleRedir:hover{
	background: none!important;
	background-color: rgba(0,0,0,0)!important;
    filter: opacity(1);
    cursor: pointer;
    margin: 0 auto;
    width: 150px;
    display: block;
	padding: 5px;
	filter: opacity(1);
}

.pageFormat nav input{
	background-color: var(--colorBlanco);
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	border-radius: 4px;
	position: absolute;
	right: 20px;
	top: 5px;
	padding: 4px 6px;
}

.pageFormat footer{
	background: var(--colorPrincipal);
    padding: 15px 3% 1%;
	margin-top: 30px;
	color: var(--colorBlanco);
}
.pageFormat footer a{
	color: var(--colorBlanco)!important;
	display: block;
}
.pageFormat footer h4{
	margin: 8px 0;
}
.pageFormat footer h4 a{
	font-family: Georgia!important;
	font-style: italic;
    font-size: 20px;
}
.pageFormat footer .rrss{
	text-align: right;
}
.pageFormat footer .rrss a{
	display: inline-block;
	margin-bottom: 6px;
	padding-left: 5px;
}
.pageFormat footer .border-dotted{
	border-top: 1px dotted var(--colorBlanco);
    padding-top: 8px;
    margin-top: 28px!important;
}

/*ICONOS SS*/
.icon-donos-ss{
	display: inline-block;
    width: 14px;
    height: 14px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(../imgs/glyphicons-halflings.png);
    background-position: 14px 14px;
    background-repeat: no-repeat;
    margin-top: 1px;
}
.icon-lock{
	background-position: -287px -24px;
}
.icon-map-marker{
	background-position: -24px -72px;
}
.icon-briefcase{
    background-position: -432px -144px;
}
.icon-list-alt{
	background-position: -264px -24px;
}
.icon-user{
    background-position: -168px 0;
}
.icon-envelope{
    background-position: -72px 0;
}
::-webkit-scrollbar-corner {
	background-color: var(--colorFondo2);
}

.appInfo {
	padding: 8px 15px;
    margin: 0 20px;
    background-color: #f5f5f5;
	border-radius: 4px;
	position: relative;
}
.appInfo a, .appInfo span {
	color: var(--colorPrincipal);
}
.appInfo .activo {
	color: #999;
}
.appInfo .divider {
	padding: 0 5px;
    color: #ccc;
}

.appInfo .filtro {
    right: 20px;
    position: absolute;
    top: 8px;
    font-size: 23px;
}

i.filtrosApp{
	transform: rotate(-90deg);
	display: inline-block;
}

.filtrosApp{
	display: inline-block;
	color: var(--colorPrincipal);
	cursor: pointer;
	text-align: center;
}
/* 	
###########################################
#			  MENU LATERAL			  	  #
###########################################
*/
.logoIgarle{
	width: 140px;
    display: block;
    margin: 60px auto;
	filter: opacity(0.25);
    transition: filter 1s, transform 500ms;
}
.logoIgarle.resaltar{
	transform: scale(1.5);
    filter: opacity(0.75);
}

.appMenu{
	padding: 0px;
    margin-top: 20px;
	margin-left: 20px;
}
.appMenu nav{
	background: var(--colorBlanco)!important;
	padding: 0!important;
}
.appMenu nav .menuHeader{
	padding: 8px 15px;
    background-color: #f5f5f5;
    border-radius: 4px;
    position: relative;
    font-weight: bold;
    color: var(--colorPrincipal);
}

.appMenu nav .menuHeader i{
	position: absolute;
    right: 20px;
    font-size: 20px;
}

.appMenu nav .menuHeader span{
	text-overflow: ellipsis;
    white-space: nowrap;
	overflow: hidden;
	width: calc(100% - 20px - 20px);
	display: inline-block;
}

.ocultarTexto {
	display: none;
}

#view-initIndex nav .scrollableZone > div[data-ui-sref]{
	padding: 3px 15px;
	color: var(--colorPrincipal);
}
#view-initIndex nav .scrollableZone > div[data-ui-sref]:hover{
	background: var(--colorPrincipalA06);
	cursor: pointer;
}

.remarcarMenu{
	background: var(--colorBlanco)!important;
	color: var(--colorAlternativo)!important;
}



/* 	
###########################################
#				  HEADER				  #
###########################################
*/

body > ui-view > header{
	height: 66px;
    background-color: var(--colorFondo);
    padding-right: 10px;
    margin: 0;
}

body > ui-view > header *{
	vertical-align: middle;
	color: var(--colorAlternativo);
}

	body > ui-view > header .principal{
		height: inherit;
		background-color: var(--colorBlanco);
		display: inline-block;
		width: 15vw;
	}

	.infoAdicional{
		display: inline-block;
		width: 395px;
		margin-left: 20px;
	}
	
	.infoAdicional span{
		display: block;
	}

	
	.infoAdicional i{
		font-size: 25px;
	}

/*
##########################################
#			SIGUES CONECTADO	 	 	 #
##########################################
*/
	#loaderPrincipal{
		position: absolute;
		top: 43vh;
		left: 46vw;
	}
	#siguesConectado{
		position: fixed;
		width: 400px;
		height: 300px;
		top: 50%;
		left: 50%;
		margin-top: -150px;
		margin-left: -200px;

		z-index: 2065;
		background: var(--colorBlanco);
		border-radius: 5px;
		border: 2px solid var(--colorPrincipal);
		text-align: center;
		color: var(--colorPrincipal);
	}
	#siguesConectado span{
		display: block;
		font-family: Verdana;
		font-size: 28px;
		margin-top: 36px;
		line-height: 31px;
	}
	#siguesConectado #logoutTimer{
		font-family: Verdana;
		font-size: 38px;
	}
	#siguesConectado button{
		position: absolute;
		bottom: 0px;
		width: 50%;
		height: 50px;
		border: 1px solid #efede9;
		background: #efede9;
		color: var(--colorPrincipal);
		
	}
	#siguesConectado #continuar{
		left: 0px;
		border: 1px solid var(--colorPrincipal);
		background: var(--colorPrincipal);
		color: var(--colorBlanco);
	}
	#siguesConectado #cerrarSesion{
		right: 0px;
	}


/* 	
###########################################
#		    LOADING WAITER				  #
###########################################
*/

	#loadingWaiter{
		position: absolute;
		left: calc(50% - 530px / 2);
		top: 45vh;
		width: 530px;
		height: 275px;
		z-index: 2030;
		color: var(--colorAlternativo);
		background: var(--colorBlanco);
		border: 1px solid var(--colorPrincipal);
		border-radius: 10px;
	}

	#loadingWaiter #saludoWaiter{
		display: block;
		font-family: Verdana!important;
		font-size: 27px;
		padding: 10px;
		margin-bottom: 10px;
	}
	#loadingWaiter #informacionRelevante{
		display: block;
		font-family: Verdana!important;
		font-size: 20px;
		padding-left: 10px;
		margin-bottom: 15px;
		margin-left: 10px;
	}
	#loadingWaiter #indexInformacionRelevante{
		display: block;
		font-family: Verdana!important;
		font-size: 18px;
		text-align: center;
		padding-left: 10px;
	}
	#loadingWaiter .preloader{
		top:50%!important;
	}
	#loadingWaiter #autor{
		position: absolute;
		right: 0;
		bottom: 0;
		padding: 20px;
		font-family: Verdana!important;
		font-size: 14px;
	}

/* 	
###########################################
#			    CONTENEDOR				  #
###########################################
*/

	#view-init.panelObjetos{
		display: inline-block;
		overflow-y: scroll;
	}

	.contenedor{
		display: inline-block;
		height: calc(100vh - 66px);
		margin-left: 10px;
		width: 100%;
		transition: width 1s;
	}

	.contenedorExpandido{
		position: relative;
		top: 45px;
		right: 320px;
		max-width: 1200px;
		min-width: 1200px;
		padding: 0 10px;
		
	}

	.xpandWidth .contenedorExpandido{
		width: 98.7vw;
		max-width: none;
		min-width: unset;
		right: 25.4vw;
	}

	.metaContenedor {
		padding: 0px;
		margin-top: 20px;
		margin-left: -20px;
	}
	.metaContenedor.metaExpandido{
		margin-bottom: 45px;
	}
	
	.contenedor .panelObjetos{
		height: calc(100vh - 104px);
		width: 100%;
	}
	.bgBox{
		padding: 20px;
		margin: 0px!important;
	}
	.panelObjetos .row{
		margin: 0!important;
	}
	[qv-id].qvobject{
		margin: 0px!important;
	}

	.panelObjetos .opcionesAdicionales{
		text-align: right;
		position: relative;
	}

	.panelObjetos .opcionesAdicionales .exportar, #zoomOut{
		position: absolute;
		top: 4px;
		font-size: 24px;
		z-index: 1999;
		color: rgba(1,1,1,0);
		cursor: pointer;
		width: 36px;
		height: 36px;
		text-align: center;
	}

	.panelObjetos .opcionesAdicionales:hover .exportar, #zoomOut, .panelObjetos .mostrarIcono .opcionesAdicionales .exportar {
		color: var(--colorPrincipal);
		background: #e6eaea;
		border-radius: 10px;
	}

	#zoomOut{
		position: absolute;
		top: 0;
		right: 13px;
	}

	.panelObjetos .opcionesAdicionales .exportar.info{
		right: 150px;
	}
	.panelObjetos .opcionesAdicionales .exportar.excel{
		right: 100px;
	}
	.panelObjetos .opcionesAdicionales .exportar.img{
		right: 50px;
	}

	.panelObjetos .opcionesAdicionales .exportar.favorito{
		right: 0px;
	}

	.panelObjetos .opcionesAdicionales .exportar.zoom{
		right: 0px;
	}

	.panelObjetos .opcionesAdicionales .exportar::before, #zoomOut::before{
		position: relative;
		top: 10px;
	}

	.panelObjetos .opcionesAdicionales .exportar.quitarFavorito::after {
		content: "/";
		position: relative;
		right: 18px;
		color: rgba(1,1,1,0);
		font-family: Verdana;
		bottom: 1px;
		font-size: 30px;
	}

	.panelObjetos .opcionesAdicionales:hover .exportar.quitarFavorito::after {
		content: "/";
		position: relative;
		right: 12px;
		color: var(--colorMarcar);
		font-family: Verdana;
		bottom: 6px;
		font-size: 30px;
	}

	.panelObjetos .opcionesAdicionales:hover .exportar.quitarFavorito::before {
		position: relative;
		bottom: 4px;
		left: 5px;
	}

	#CurrentSelections{
		height: 32px;
		margin: 0 20px!important;
		overflow: hidden;
		border-radius: 4px;
	}

	#CurrentSelections .buttons-end.borderbox{
		display: none!important;
	}
	#CurrentSelections .wrap.borderbox.qv-pager{
		background-color: var(--colorFondo3)!important;
	}
	#CurrentSelections [tid="toggleGlobalSearchButton"]{
		display: none;
	}

/* 	
###########################################
#			     EFECTOS				  #
###########################################
*/
	
	#zoom {
		position: absolute;
		background: var(--colorBlanco);
		top: 210px;
		left: 0px;
		width: 100%;
		z-index: 2000;
		height: calc(100vh - 64px);
	}

	#manualDbug	{
		position: absolute;
		top: 6px;
		left: 666px;
		color: var(--resaltarCursor);
		font-size: 30px;
	}

	#callToActionCursor {
		font-size: 60px;
		color: rgba(0,0,0,0);
		position: absolute;
    	top: 50vh;
		left: -65px;
		transition: top 2s, left 3s, color 500ms;
		background: rgba(0,0,0,0);
		text-align: right;
		z-index: 2500;
		visibility: hidden;
	}

	#callToActionCursor::before {
		border-radius: 1000px;
		transition: padding 500ms, font 250ms;
	}

	#callToActionCursor.click::before {
		content: "\ef89";
		font-size: 45px;
	}

	@keyframes borderActionText {
		from {border: 1px solid;}
		to {border: 4px solid;}
	}

	#callToActionCursor::after{
		content: var(--pulsaParaVer);
		position: fixed;
		top: 45%;
		left: 5px;
		width: 345px;
		font-family: Verdana;
		font-size: 30px;
		background: #f5f5f5;
		padding: 30px;
		border: 1px solid;
		border-radius: 10px;
		animation-name: borderActionText;
		animation-duration: 500ms;
		animation-iteration-count: infinite;
		text-align: center;
	}
	#callToActionCursor.explorame::after {
		top: 70%;
		left: calc(50% - 600px/2);
		width: 625px;
		font-size: 60px;
		padding: 40px;
	}

	#callToActionCursor.ocultarMSG::after {
		display: none;
	}

	.resolucionIncompatible{
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: rgb(216,216,216,0.6);
		pointer-events: none;
	}
	.resolucionIncompatible .msgIncompatible {
		width: 60%;
		margin: 30% auto;
		text-align: center;
		padding: 50px 30px;
		border: 3px solid var(--colorPrincipal);
		border-radius: 4px;
		font-size: 16px;
		background: var(--colorPrincipalA07);
		color: var(--colorBlanco);
	}
	.vh100{
		height: 100vh!important;
	}
	.vh90{
		height: 90vh!important;
	}
	.vh10{
		height: 10vh!important;
	}

	.brdr-bottom {
		border-bottom: 1px solid var(--colorFondo3);
	}
	.brdr-left {
		border-left: 1px solid var(--colorFondo3);
	}



	.qv-selection-toolbar.qvt-selection-toolbar.sel-toolbar-card{
		z-index: 2000;
	}
	.textAlignCenter {
		text-align: center;
	}
	.panelInfo{
		position: absolute;
		top: 38px;
		left: 0;
		display: inline-block;		
		width: 100%;
		height: calc(100% - 38px - 15px);
		z-index: 1998;
		border-radius: 10px;
	}
	.panelInfoHover{
		background: linear-gradient(0deg, var(--colorPrincipalA09) 0%, var(--colorPrincipalA08) 20%, var(--colorPrincipalA07) 80%, var(--colorPrincipalA06) 100%);
	}
	.panelInfo .infoTxt{
		position: absolute;
		bottom: 0;
		height: 50%;
		width: 100%;
		padding: 0 20%;
		font-family: Verdana;
		font-size: 18px;
		text-align: center;
		color: var(--colorBlanco);
		z-index: 1998;		
	}
	.filtro.deshabilitar{
		pointer-events: none;
		color: var(--ColorDeshabilitado)!important;
	}
	.filtro.deshabilitar .filtrosApp{
		color: var(--ColorDeshabilitado);
	}
	#loaderObjsQlik{
		z-index: 2028;
    	left: calc(50% - 70px / 2);
		top: 45vh;
		margin: 0;
	}
	.blurEffect ui-view > *:not(#siguesConectado){
		filter: blur(2px);
	}

	.blurEffectLoading ui-view > *:not(#loadingWaiter){
		filter: blur(2px);
	}
	/*PARA INICIO*/
	.blurEffect ui-view > ui-view > ui-view > *:not(#siguesConectado){
		filter: blur(2px);
	}
	.blurEffectLoading ui-view > ui-view > ui-view > *:not(#loadingWaiter){
		filter: blur(2px);
	}
	.blurEffect ui-view ui-view{
		filter: blur(0px)!important;
	}
	.blurEffectLoading ui-view ui-view{
		filter: blur(0px)!important;
	}

	#closePopup{
		opacity: 1;
		color: var(--colorPrincipal);
	}

	[app-id] {
		pointer-events: none;
	}

	.pointerEventsNone{
		pointer-events: none;
	}

	[qs-angular-overlay], [qs-angular-overlay] > div{
		z-index: 2020;
	}
	.paginaAnterior{
		right: 185px;
	}
	.paginaSiguiente{
		right: 130px;
	}

	.paginaSiguiente::before,.paginaAnterior::before{
		position: relative;
		top: 8px;
	}
	.paginacionBloqueada{
		color: var(--colorBlanco)!important;
		cursor: not-allowed!important;
	}
	.paginaSiguiente,.paginaAnterior{
		
		cursor: pointer;
		display: inline-block;
		width: 33px;
		height: 33px;
		position: absolute;
		text-align: center;
		color: var(--colorPrincipal);
		font-size: 30px;
		font-weight: bold;
		top: 0px;	
	}

	.preloader {
		position: absolute;
		left: 45%;
		top: 36%;

		margin: 0 auto;
		width: 70px;
		height: 70px;
		border: 10px solid var(--colorFondo3);
		border-top: 10px solid var(--colorPrincipal);
		border-radius: 50%;
		animation-name: girar;
		animation-duration: 2s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
	}
	@keyframes girar {
		from {
		transform: rotate(0deg);
		}
		to {
		transform: rotate(360deg);
		}
	}

	.ocultarObjetoQlik{
		position: relative;
	}

	.ocultarObjetoQlik .mostrarTimerEspera{
		display: block!important;
	}

	.mostrarTimerEspera{
		display: none;
	}

	.ocultarObjetoQlik > .qvobject{
		visibility: hidden!important;
	}

	.disabled{
		text-decoration: line-through!important;
		pointer-events: none!important;
		cursor: not-allowed!important;
	}
	
	.disabledAlt{
		background: var(--colorFondo)!important;
		pointer-events:none!important;
		text-decoration: line-through!important;
		cursor: not-allowed!important;
	}

	.pulsadorActivo{
		background-color: var(--colorPrincipal)!important;
		color: var(--colorBlanco)!important;
	}

	.pulsador{
		background-color: var(--colorBlanco);
		border: 3px solid var(--colorPrincipal);
		padding: 10px 0;
		margin: 10px auto;
		color: var(--colorAlternativo);
		cursor: pointer;
		display: inline-block;
		font-family: Verdana;
	}

	.pulsador.naked{
		background-color: initial!important;
		border: 0px solid!important;
		color: #676767!important;
	}

	.pulsadorResaltar{
		background-color: #1f1f21;
		border: 3px solid #1f1f21;
	}

	.yvolo{
		position: fixed !important;
		top: -100px !important;
		width: 1px !important;
		height: 1px !important;
		margin:  0 !important;
		padding: 0 !important;
	}

	.w100{width: 100%;}.w90{width: 90%;}.w80{width: 80%;}.w70{width: 70%;}.w60{width: 60%;}
	.w50{width: 50%;}.w40{width: 40%;}.w30{width: 30%;}.w20{width: 20%;}.w10{width: 10%;}

	.pL25px{
		padding-left: 25px;
	}

	.fSize22px{
		font-size: 22px;
	}

	.fSize17px{
		font-size: 17px;
	}
	.fBold{
		font-family: Verdana;
	}

	.fExtraLight{
		font-family: Verdana;
	}

	.dNone, .dNoneIMP{
		display: none!important;
	}
	.dBlock{
		display: block!important;
	}

	.btnActivoLabel {
		font-size: 16px;
		margin: 10px auto;
		width: 80%;
		display: block;
		text-align: center;
		font-family: Verdana;
	}

	.btnActivoLabel b{
		font-family: Verdana;
	}

	.vHidden{
		visibility: hidden!important;
	}

	.vVisible{
		visibility: visible!important;
	}

	.visible{
		max-height: 400px!important;
		pointer-events: initial!important;
		color: #fff!important;
		z-index: 2000!important;
		padding: 20px;
	}

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

	.textAlignCenter{
		text-align: center!important;
	}

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

	.clearfix {
		overflow: auto;
	}

	/* PARA MOSTRAR EL SCROLL DE LOS OBJETOS QLIK */
	.scrollbar-track {
		opacity: 1 !important;
	}
	.fItalic{
		font-style: italic;
	 }
	 .fNormal{
		font-style: normal;
	 }


/* 	
###########################################
#			  CONFIGURACION				  #
###########################################
*/

.scroll-y{
	overflow-y: scroll;
	height: 100vh;
}
.vh100{
	height: 100vh!important;
}
.vh90{
	height: 90vh!important;
}
.vh80{
	height: 80vh!important;
}
.vh10{
	height: 10vh!important;
	min-height: 56px;
}

.brdr-bottom {
	border-bottom: 1px solid var(--colorFondo3);
}
.brdr-left {
	border-left: 1px solid var(--colorFondo3);
}

/* 	
###########################################
#			    FILTROS 			  	  #
###########################################
*/

	.contenedorFiltros{
		position: fixed;
		top: 0px;
		right: 0px;
		width: calc((100vw - 1200px) / 2 - 10px);
		min-width: 215px;
		height: 100vh;
		z-index: 2000;
		background: var(--colorMarcar);
		transition: right 1s;
	}

	.contenedorFiltros .filtro .filtrosApp{
		vertical-align: middle;
		color: var(--colorBlanco)!important;
	}

	.contenedorFiltroOculto{
		right: -25vw;
	}

	.filtros{
		height: 80vh!important;
		width: 190px!important;
		max-width: 190px!important;
		min-width: 190px!important;
		margin: 0 auto!important;
		margin-top: 30px!important;
	}

	.contenedorFiltros .filtro{
		padding: 9px 11px;
		font-family: Verdana;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		cursor: pointer;
	}

	.contenedorFiltros .filtro .filtrosApp{
		font-size: 36px;
	}

	.contenedorFiltros .filtro .filtrosApp::before{
		position: relative;
		top: -12px;
    	left: 3px;
	}

	.contenedorFiltros .qv-collapsed-listbox .title-wrapper .title, 
	.contenedorFiltros .qv-listbox li .qv-listbox-text,
	.contenedorFiltros .qv-object.qv-object-listbox .qv-object-title .qv-object-title-text,
	.contenedorFiltros .qv-object.qv-object-listbox .qv-object-title .qv-object-search{
		color: #fff;
	}


/* 	
###########################################
#			    VANILLA 			  	  #
###########################################
*/
.flex-container {
	display: flex;
	flex-wrap: wrap;
	margin: 0 45px 45px 0;
}

.qvplaceholder, .qvobject { 
	flex: 1 1 auto;
	height: 300px;
	/*min-width: 400px;*/
	margin: 45px 0 0 45px;
}

.lui-icon{
	font-family: LUI icons!important;
}

#popup {
	border: 1px solid var(--colorPrincipal);
	background-color: var(--colorFondo);
	color: var(--colorPrincipal);
	position: fixed;
	max-width: 250px;
	padding: 10px;
	margin: 10px;
	bottom: 0;
	right: 0;
	display: none;
	border-radius: 5px;
	z-index: 6;
	font-family: sans-serif;
}

.close {
	cursor: pointer;
	background: 0 0;
	border: 0;
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .2;
	position: absolute;
	right: 9px;
	top: 7px;
}

.close:hover {
	opacity: .5;
}

#popupText {
	margin: 0px!important;
	margin-right: 23px!important;
}