@font-face{
    font-family:"Poppins";
    src: url("Font/Poppins-Regular.ttf") format("truetype");
    font-weight: normal;
}

/************************************************************************/
/****************************** DOCUMENTO *******************************/
/************************************************************************/


/************************** AJUSTES DASHBOARD ***************************/



/* Cambiar verde Qlik en la barra porcentual de los selectores
*/
.state.selected {
    background-color: #66B6FF !important;
}



/* Cambiar verde Qlik en el fondo de los selectores para valores seleccionados
*/
.serverSelected {
    background-color: #66B6FF !important;
}



/* Cambiar verde Qlik en el fondo de los selectores para valores bloqueados
*/
/*.serverLocked {
    background-color: blue!important;
}*/



/* Cambiar verde Qlik en el fondo de los selectores durante la transición a seleccionado
*/
.selected {
    background-color: #66B6FF !important;
}



/*Ocultar botonera de Qlik al completo (activar los dos estilos siguientes)
*/
/*.qs-header {
    display: none;
}
#qs-page-container {
    height: 100%;
}*/



/*Ocultar botonera izquierda de Qlik*/
/*
.qs-toolbar__left {
    display: none;
}*/



/*Ocultar botonera central de Qlik*/
/*
.qs-toolbar__center {
    display: none;
}*/



/*Ocultar botonera derecha de Qlik*/
/*
.qs-toolbar__right {
    display: none;
}*/



/*Imagen de Fondo 
Añade una imagen de fondo a la hoja completa (cabecera + zona de objetos)
· La URL debe ser un lugar accesible desde internet o una ruta local a la que el servidor tenga acceso
· Dependiendo de las proporciones de la imagen puede ser necesario jugar con los pixeles del ancho para verla de forma óptima
*/
/*.qvt-sheet {
    background-image: url(http://www.sdmanalytics.es/wp-content/uploads/2014/05/46461248_xxl.jpg) !important;
    background-size: cover;
}*/



/*Color de fondo 
Añade un color de fondo a la hoja completa
*/
/*.qvt-sheet {
    background-color: #f5f5f5;
}*/

/************************ FIN AJUSTES DASHBOARD *************************/



/******************************* CABECERA *******************************/



/*Logo Izquierda
Añade una imagen a la izquierda de la cabecera de título
· La URL debe ser un lugar accesible desde internet o una ruta local a la que el servidor tenga acceso
· Dependiendo de las proporciones de la imagen puede ser necesario jugar con los pixeles del ancho para verla de forma óptima
*/

/*.sheet-title-container #sheet-title::before{
    content: "-";
    color: transparent;
    background-image: url(http://www.sdmanalytics.es/wp-content/uploads/2015/06/sdmanalytics-by-seidor.png);
    width: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    height: 100%;
}*/



/*Logo Derecha
Añade una imagen a la derecha de la cabecera de título
· La URL debe ser un lugar accesible desde internet o una ruta local a la que el servidor tenga acceso
· Dependiendo de las proporciones de la imagen puede ser necesario jugar con los pixeles del ancho para verla de forma óptima
*/

.sheet-title-container #sheet-title::after{
    content: "-";
    color: transparent;
    background-image: url(Img/logo.png);
    width: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
}



/*Imagen de Fondo 
Añade una imagen de fondo a la cabecera de título
· La URL debe ser un lugar accesible desde internet o una ruta local a la que el servidor tenga acceso
· Dependiendo de las proporciones de la imagen puede ser necesario jugar con los pixeles del ancho para verla de forma óptima
*/

/*.sheet-title-container {
    background-image: url(http://www.sdmanalytics.es/wp-content/uploads/2014/05/46461248_xxl.jpg) !important;
    background-size: cover;
}*/



/*Color/degradado de fondo cacera
Ajusta el fondo de la cabecera para insertar un degradado o un color sólido
*/
.sheet-title-container {
    /*Degradado: Podemos insertar tantos colores como queramos y cambiar orientación y modo*/
    background: radial-gradient(circle at bottom left, #263c7a, white) !important;
    
    /*Color sólido*/
    /*background-color: #344a53 !important;*/
}



/*Personalizaciones título*/
.sheet-title-text {

    /*Color del título*/
    color: #FFFFFF !important;

    /*Alineación text-align: {center|right};*/
    /*text-align: center !important;*/

    /*Añade una sombra bajo el texto del título
    · box-shadow: {y-offset} {x-offset} {blur-radius} color;*/
    /*text-shadow: 1px 1px 4px blue!important;*/
}




/*Otras personalizaciones*/
.sheet-title-container {

    /*Añade una sombra bajo la cabecera de título
    · box-shadow: {y-offset} {x-offset} {blur-radius} color;*/
    /*box-shadow: 0px 3px 5px black;*/

    /*Cambiar altura de cabecera*/
    /*height: 50px !important*/

}

/***************************** FIN CABECERA *****************************/


/************************************************************************/
/**************************** FIN DOCUMENTO *****************************/
/************************************************************************/




/************************************************************************/
/******************************* OBJETOS ********************************/
/************************************************************************/

/* !!!!!!!!!!!!!!!!!!!!!!!! INSTRUCCIONES DE USO !!!!!!!!!!!!!!!!!!!!!!!! 

Todas las configuraciones expuestas a partir de ahora están planteadas para
aplicar a todos los objetos de un tipo en el documento. Para utilizar estos 
ajustes en un objeto concreto anteponer el ID de objeto precedido de # y 
añadiendo el sufijo _content*. 

EJEMPLO: Si el objeto Xytju es una tabla y buscamos que solo esta sea pijama 
deberíamos crear las siguientes lineas:
    
    #Xytju_content table tr:nth-child(odd){
        background: lightgray !important;
    }  
    #Xytju_content table tr:nth-child(even){
        background: gray !important;
    }

*NOTA: Si el ID del objeto comienza por un número (P.E.: 32ea99ad-3e11-4830
-8e3d-fd1d6c3ca833) hay que realizar una pequeña transformación. Es necesario
separar el primer dígito del resto e incluir #3 en lugar de #. 

Para nuestro ejemplo:
        #33 2ea99ad-3e11-4830-8e3d-fd1d6c3ca833_content
Otra opción sería emplear la siguiente notación:
        [id="32ea99ad-3e11-4830-8e3d-fd1d6c3ca833_content"]

*/



/***************************** AJUSTES GENERALES *****************************/


/*Modo tarjeta
*/
.qv-gridcell {

    /* Color de borde */
    /*border-color: black!important;*/

    /* Grosor de borde */
    /*border-radius: 5px !important;*/

    /* Estilo de borde {dotted|dashed|solid|double|groove}*/
    /*border-style: dotted !important;*/

    /* Sombra de la tarjeta 
    · box-shadow: {y-offset} {x-offset} {blur-radius} color;*/
    /*box-shadow: 2px 2px 2px lightgrey !important;*/

}


/*Centrar título de objetos
*/
/*.qv-object-title {
    text-align: center !important;
    display:inline-block !important;
}*/


/*************************** FIN AJUSTES GENERALES ***************************/



/******************************* AJUSTES TABLA *******************************/


/*Tablas pijama
*/
 table tr:nth-child(odd){
    background: #f5f5f5 !important;
}
table tr:nth-child(even){
    background: white !important;
}



/*Destacar línea activa
*/
table th:hover{
    /*Fondo de línea y color de letra*/
    background: #07153A !important;
    color: #FFFFFF !important;

    /*Tamaño de fuente*/
    /*font-size:200% !important;*/

    /*Negrita*/
    /*font-weight: bold !important;*/

    /*Cursiva*/
    /*font-style: italic !important;*/
}
table tr:hover{

    /*Fondo de línea y color de letra*/
    background: #07153A !important;
    color: #FFFFFF !important;

    /*Tamaño de fuente*/
    /*font-size:200% !important;*/

    /*Negrita*/
    /*font-weight: bold !important;*/

    /*Cursiva*/
    /*font-style: italic !important;*/
}

/*************************** FIN AJUSTES TABLA **************************/



/********************** AJUSTES GRAFICO DISPERSION **********************/

/*Fondo area de datos
*/
.qv-chart-component-grid {
    
    /*Aplicar imagen*/
    /*background-image: url(http://www.sdmanalytics.es/wp-content/uploads/2014/05/46461248_xxl.jpg) !important;
    background-size: cover;*/

    /*Aplicar degradado*/
    /*background: radial-gradient(circle at bottom left, salmon, lightyellow, lightgreen);*/

}

/********************** AJUSTES GRAFICO DISPERSION **********************/



/*************************** AJUSTES BOTONES ****************************/


/*Fijar tamaño de texto 
*/
/*.qv-object-action-button * {
    font-size: 12px !important;
}*/


/************************* FIN AJUSTES BOTONES **************************/



/************************************************************************/
/***************************** FIN OBJETOS ******************************/
/************************************************************************/