﻿#main-page {
    background-image: url(../assets/img/bg/16.jpg) !important;
}

.box_object_inner_grafico.box_object .qlik-embed {
    margin: 10px 0 10px 10px;
}

.qlik-embed-invisible {
    display: none;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: -9999;
}

/* Para que se vean los iconos en el panel de filtros expandidos/ */
body#main .card{
    word-wrap: inherit!important;
}

/*Estilo de la barra de scroll: */
*::-webkit-scrollbar {
    width: 8px; /* Tamaño del scroll en vertical */
    height: 8px; /* Tamaño del scroll en horizontal */
}
    
/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
*::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}
/* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
*::-webkit-scrollbar-thumb:hover {
    background: #b3b3b3;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
/* Cambiamos el fondo cuando esté en active */
*::-webkit-scrollbar-thumb:active {
    background-color: #999999;
}

/* Ponemos un color de fondo y redondeamos las esquinas del track */
*::-webkit-scrollbar-track {
    background: #e1e1e1;
    border-radius: 4px;
}
/* Cambiamos el fondo cuando esté en active o hover */
*::-webkit-scrollbar-track:hover,
*::-webkit-scrollbar-track:active {
    background: #d4d4d4;
}


/* /KPI VERSIÓN Septiembre 2020 */
#main #main-page .sn-kpi .sn-kpi-data .sn-kpi-measure-wrapper {
    font-size: inherit;
}

    #main.mz-white #main-page .sn-kpi .sn-kpi-data .sn-kpi-measure-wrapper .sn-kpi-measure-title {
        color: #fff;
        /* color: #000000; */
        font-size: 0.9em;
    }

    #main.mz-white #main-page .kpi-mix .sn-kpi .sn-kpi-data .sn-kpi-measure-wrapper .sn-kpi-measure-title {
        color: #000000;
        font-size: 16px;
    }    

#main #main-page .sn-kpi .sn-kpi-data .sn-kpi-value-wrapper .sn-kpi-value {
    font-size: inherit;
}

    #main.mz-white #main-page .sn-kpi .sn-kpi-data .sn-kpi-value-wrapper .sn-kpi-value .sn-kpi-ellips-text {
        color: #fff;
        /* color: #000000; */
        font-size: 35px;
    }

    #main.mz-white #main-page .kpi-mix .sn-kpi .sn-kpi-data .sn-kpi-value-wrapper .sn-kpi-value .sn-kpi-ellips-text {
        color: #000000;
        font-size: 26px;
    }    

    #main #main-page .kpi-mix .sn-kpi .sn-kpi-data .sn-kpi-value-wrapper .sn-kpi-secondary-wrapper .sn-kpi-value .sn-kpi-ellips-text,
    #main #main-page .kpi-mix .sn-kpi .sn-kpi-data .sn-kpi-value-wrapper .sn-kpi-secondary-wrapper .sn-kpi-title.sn-kpi-ellips-text {
        font-size: 14px;
        padding-left: 7px;
        color: #000;
    }    

#main #main-page .sn-kpi .sn-kpi-data .sn-kpi-value-wrapper .sn-kpi-secondary-wrapper .sn-kpi-value .sn-kpi-ellips-text,
#main #main-page .sn-kpi .sn-kpi-data .sn-kpi-value-wrapper .sn-kpi-secondary-wrapper .sn-kpi-title.sn-kpi-ellips-text {
    font-size: 14px;
    padding-left: 7px;
    color: #fff;
}

#main #main-page .box_mix_object .box_mix .box_object_inner_kpi .qlik-embed-kpi .sn-kpi .sn-kpi-data .sn-kpi-measure-wrapper,
#main #main-page .box_mix_object .box_mix .box_object_inner_kpi .qlik-embed-kpi .sn-kpi .sn-kpi-data .sn-kpi-value-wrapper {
    justify-content: flex-start;
}

#main #main-page .box_mix_object .box_mix .box_object_inner_kpi:not(.hoja-KPI) .qv-object-kpi .measure-wrapper,
#main #main-page .box_mix_object .box_mix .box_object_inner_kpi:not(.hoja-KPI) .qv-object-kpi .value-wrapper,
#main #main-page .box_mix_object .box_mix .box_object_inner_kpi:not(.hoja-KPI) .qv-object-kpi .sn-kpi-measure-wrapper,
#main #main-page .box_mix_object .box_mix .box_object_inner_kpi:not(.hoja-KPI) .qv-object-kpi .sn-kpi-value-wrapper {
    border-left: 5px solid #00847c;
    padding-left: 10px;
}


.glossary-item-name > span {
    background: #00847c!important;
}

 .box_object:not(.graficoWelcomeEvolutivo, .gaugesWelcome) .qv-object:not(.qv-object-filterpane):not(.qv-object-listbox) .qv-object-title .qv-object-title-text:not(.disclaimer) {
    border-left: 5px #00847c solid;
    padding-left: 7px;
    font-size: 1.2rem;
    font-weight: inherit;
}

.qv-object:not(.qv-object-filterpane):not(.qv-object-listbox) .qv-object-title {
    font-weight: inherit;
}


#main.mz-white .mz-box-kpi > .mz-box-kpi-inner .kpi-tile .value-container .value {
    font-size: 1.6rem;
    color: #000000!important;
}

#main.mz-white .mz-box-kpi > .mz-box-kpi-inner .kpi-tile .vpp-desc-container .label-vpp,
#main.mz-white .mz-box-kpi > .mz-box-kpi-inner .kpi-tile .vaa-desc-container .label-vaa {
    font-size: 1rem;
    color: #000000!important;
}

#main.mz-white .mz-box-kpi > .mz-box-kpi-inner .kpi-tile .vpp-desc-container .value-vpp {
    font-size: 1.3rem;
    color: #000000!important;
}

#main.mz-white .mz-box-kpi > .mz-box-kpi-inner .kpi-tile .value-container .label {
    font-size: 1.3rem!important;
    color: #FFFFFF!important;
}

#main.mz-white .mz-box-kpi > .mz-box-kpi-inner .kpi-tile .value-container .value {
    font-size: 1rem!important;
    color: #ffffff!important;
    margin-bottom: -25px;
}

#main.mz-white .mz-box-kpi > .mz-box-kpi-inner .kpi-tile .value-container .value *{
    font-size: 35px!important;
}

#main.mz-dark .mz-box-kpi > .mz-box-kpi-inner .kpi-tile .vpp-desc-container .label-vpp,
#main.mz-dark .mz-box-kpi > .mz-box-kpi-inner .kpi-tile .vaa-desc-container .label-vaa {
    font-size: 1rem;
    color: #FFFFFF!important;
}

#main.mz-dark .mz-box-kpi > .mz-box-kpi-inner .kpi-tile .vpp-desc-container .value-vpp {
    font-size: 1.3rem;
    color: #FFFFFF!important;
}

#main.mz-dark .mz-box-kpi > .mz-box-kpi-inner .kpi-tile .value-container .label {
    font-size: 1.3rem;
    color: #FFFFFF!important;
}

.kpi-welcome .sn-kpi .sn-kpi-ellips-text{
    color: white;
}

.graficoWelcomeEvolutivo .qv-object .qv-object-content * {
    color: white;
}

.MzKPI .kpi-tile .row .col {
    padding-top: 12px!important;
}

/*Filters en menu*/

.filtersInMenu {
    height: 100%;
    margin-left: auto;
    display: flex !important;
    justify-content: center;
}

    .filtersInMenu:hover {
        background: none !important;
        box-shadow: none !important;
    }

    .filtersInMenu .coverFilter {
        min-width: 150px;
        position: relative;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        margin-left: 30px;
    }

        .filtersInMenu .coverFilter.coverFilter-2x {
            min-width: 350px;
        }

        .filtersInMenu .coverFilter .qlik-embed {
            padding: 0 !important;
            margin: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
        }

            .filtersInMenu .coverFilter .qlik-embed .qv-object-qlik-variable-input .qv-object-header {
                display: none;
            }

        .filtersInMenu .coverFilter.w-auto {
            min-width: inherit;
            min-width: fit-content;
        }

            .filtersInMenu .coverFilter.w-auto > button {
                margin-top: 1px;
            }

        .filtersInMenu .coverFilter a {
            color: #fff;
            text-decoration: none;
            font-size: 0.8rem;
        }

#listaMenuContenidos > .filtersInMenu .coverFilter a:hover {
    color: #D50D2C !important;
}

.filtersInMenu .coverFilter .qlik-embed-btn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}

#listaMenuContenidos > li.filtersInMenu.isFilter {
    line-height: inherit;
}

.filtersInMenu.isFilter > .coverFilter.isFilter:after {
    content: "filterpane";
    font-family: LUI icons;
    font-size: 16px;
    position: absolute;
    left: -20px;
    top: 5px;
    color: #595959;
}

.filtersInMenu.isFilter .coverFilter .qv-collapsed-listbox {
    border: none;
    border-radius: 0px;
}

.filtersInMenu .lui-radiobutton {
    margin: 0 5px;
    font-size: 12px;
    font-weight: lighter;
    color: #444;
}

.filtersInMenu.filterInnerObject {
    position: absolute;
    right: 35px;
    top: 2px;
    z-index: 999;
    height: 30px !important;
}

.box_object.object-full-size .filtersInMenu.filterInnerObject {
    z-index: 999999;
    top: 15px;
}

.filtersInMenu .txtObjectMenu {
    display: flex;
    height: 100%;
    justify-content: center;
    align-content: center;
    align-items: center;
    font-size: 12px;
    color: #444;
}
/*Filter Menu Responsive*/
.filtersMenusResponsive {
    height: 40px;
    width: 100%;
    padding: 0 10px;
}

    .filtersMenusResponsive .coverFilter {
        height: 40px;
        width: 100%;
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: flex-start;
    }

    .filtersMenusResponsive .lui-radiobutton {
        margin: 0 5px;
        font-size: 12px;
        font-weight: lighter;
        color: #444;
    }
/*Leyendas*/
/*Filters en menu*/
.filtersInMenuLeyendas {
    height: 100%;
    margin-left: auto;
    display: flex !important;
    justify-content: center;
    align-items: center;
    align-content: center;
}

    .filtersInMenuLeyendas:hover {
        background: none !important;
        box-shadow: none !important;
    }

    .filtersInMenuLeyendas .txtSwitch {
        padding: 0 5px;
        color: #444;
        font-size: 12px;
    }

    .filtersInMenuLeyendas .lui-switch__label {
        min-height: inherit !important;
    }

/*KPI estilo madrid digital*/
#main.mz-white .mz-box-kpi .mz-box-kpi-inner .qlik-embed,
#main.mz-white .mz-box-kpi .mz-box-kpi-inner .qlik-embed .MzKPI.MzBootstrap.MzIcofont {
    /* background: #ededed !important; */
    background: #00847C !important;
    box-shadow: none !important;
    padding: 0 !important;
}

    #main.mz-white .mz-box-kpi .mz-box-kpi-inner .qlik-embed .qv-object-wrapper {
        border-bottom: 4px solid #5f6269;
    }

        #main.mz-white .mz-box-kpi .mz-box-kpi-inner .qlik-embed .qv-object-wrapper .MzKPI .kpi-tile .text-container {
            color: #fff !important;
            margin: 0 !important;
            height: 100%;
        }
            /*#main.mz-white .mz-box-kpi .mz-box-kpi-inner .qlik-embed .qv-object-wrapper .MzKPI .kpi-tile .container-icon {
    display:none;
}*/

            #main.mz-white .mz-box-kpi .mz-box-kpi-inner .qlik-embed .qv-object-wrapper .MzKPI .kpi-tile .text-container > .row:not(.compares-items) {
                height: 60%;
                margin: 0 !important;
                /* border-bottom: 1px solid #e6e3e3; */
            }

        #main.mz-white .mz-box-kpi .mz-box-kpi-inner .qlik-embed .qv-object-wrapper .MzKPI .kpi-tile .compares-items {
            margin: 0 !important;
            height: 40%;
        }

        #main.mz-white .mz-box-kpi .mz-box-kpi-inner .qlik-embed .qv-object-wrapper .MzKPI .kpi-tile .vcomp-container {
            margin: 0 !important;
            padding: 5px !important;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-content: center;
        }

            #main.mz-white .mz-box-kpi .mz-box-kpi-inner .qlik-embed .qv-object-wrapper .MzKPI .kpi-tile .vcomp-container .value-vcomp {
                margin: 0 !important;
            }

        #main.mz-white .mz-box-kpi .mz-box-kpi-inner .qlik-embed .qv-object-wrapper .MzKPI .kpi-tile .value-container {
            text-align: right;
            display: flex;
            flex-direction: column-reverse;
            justify-content: space-evenly;
            padding-bottom: 13px;
        }

#main .is-8 .mz-box-kpi > .mz-box-kpi-inner .kpi-tile .value-container .label {
    font-size: 14px !important;
}

/*Trampear colores para el objeto de nube de palabras*/
/* 
.qv-object-qlik-word-cloud .wordcloud .selectable:nth-child(odd){
	fill: #ed3626!important;
}

.qv-object-qlik-word-cloud .wordcloud .selectable:nth-child(even){
    fill: #ffaa00!important;
}

.qv-object-qlik-word-cloud .wordcloud .selectable[style*="font-size: 58px"],
.qv-object-qlik-word-cloud .wordcloud .selectable[style*="font-size: 60px"],
.qv-object-qlik-word-cloud .wordcloud .selectable[style*="font-size: 61px"]{
    fill: #771209!important;
}

.qv-object-qlik-word-cloud .wordcloud .selectable[style*="font-size: 50px"],
.qv-object-qlik-word-cloud .wordcloud .selectable[style*="font-size: 51px"],
.qv-object-qlik-word-cloud .wordcloud .selectable[style*="font-size: 53px"]{
    fill: #8e160b!important;
}

.qv-object-qlik-word-cloud .wordcloud .selectable[style*="font-size: 43px"],
.qv-object-qlik-word-cloud .wordcloud .selectable[style*="font-size: 44px"],
.qv-object-qlik-word-cloud .wordcloud .selectable[style*="font-size: 45px"]{
    fill: #d52110!important;
}

.qv-object-qlik-word-cloud .wordcloud .selectable[style*="font-size: 38px"],
.qv-object-qlik-word-cloud .wordcloud .selectable[style*="font-size: 40px"],
.qv-object-qlik-word-cloud .wordcloud .selectable[style*="font-size: 42px"]{
    fill: #ed2412!important;
}

.qv-object-qlik-word-cloud .wordcloud .selectable[style*="font-size: 20px"]{
    fill: #ffe380!important;
} */