@media only screen and (max-width : 1200px) {
    .contenedorExpandido{
        right: 25.4vw;
        max-width: none;
		min-width: unset;
        width: 98.7vw;		
	}
}
@media only screen 
and (min-width : 320px) 
and (max-width : 1023px) {
    /* 
       ##########
       # HEADER #
       ##########
    */
    header .principal{
        display: none!important;
    }

    header .appInfo{
        width: 100vw !important;
        padding: 0!important;
    }

    header .appInfo i span:first-child{
        display: inline-block!important;
        width: Calc(100vw - 19vw - 48px * 3);
        margin-left: 19vw;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    header .appInfo i::before, header .appInfo i span,  header .appInfo span, .contadorPagina{
        display: none!important;
    }

    header .traducciones, header .marcador, header .filtro, header .configuracion {
        /*display: none!important;*/
        font-size: 0px!important;
    }
    
    header .marcador i, header .filtro i, header .configuracion i {
        display: block!important;
        position: fixed;
        top: 0;
        background: none!important;
        color: var(--colorPrincipal)!important;
        font-size: 25px!important;
        margin: 0px;
    }

    header .marcador i {
        right: calc(56px * 2);
    }

    header .filtro i {
        right: 48px;

    }

    header .configuracion i {
        right: 0px;
    }

    #menuToogleResponsive {
        display: block!important;
        position: fixed;
        z-index: 2005;
        top: 0px;
        left: 17px;
        font-size: 37px;
        transform: scaleX(1.5);
    }
    .traducciones{
        position: fixed;
        top: 43px;
        display: inline-block!important;
        width: 100vw!important;
        text-align: right!important;
    }

    /*
       ##############
       # MARCADORES #
       ##############
    */

    #panelMarcadores{
        left: 0px!important;
        margin-left: 0px!important;
        width: 100vw!important;
    }


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

    .contenedorFiltros {
        width: 100vw!important;
        z-index: 2022;
    }

    [qs-angular-overlay], [qs-angular-overlay] > div{
		z-index: 2023;
	}

    .contenedorFiltroOculto{
        width: 0px!important;
    }

    /* 
       ########
       # MENU #
       ########
    */

    .menuPrincipal i.mostrarResponsive{
        position: absolute;
        right: 8px;
    }

    #popUpSeleccionObjetosQlik{
        position: fixed;
        background: var(--colorFondo2);
        top: 66px;
        left: 0px;
        height: calc(100vh - 132px);
        width: 100vw;
        padding: 0;
        margin: 0;
        overflow-y: scroll;
    }
    #insertarObjetosQlik{
        height: calc(100vh - 132px);
        width: 98vw;
        margin: 0;
        position: fixed;
        overflow: scroll;
    }

    #insertarObjetosQlik > div:last-child{
        margin-bottom: 64px;
    }

    .headerPopUp {
        height: 66px;
        width: 100vw;
        background: var(--colorFondo);
        position: fixed;
        z-index: 2020;
        top: 0;
    }

    .headerPopUp span{
        color: var(--colorAlternativo);
        margin-top: 10px;
        display: inline-block;
        margin-left: 20px;
        margin-right: 10px;
        width: calc(100vw - 130px - 40px);
        
    }

    .headerPopUp button{
        position: absolute;
        right: 10px;
        vertical-align: middle;
        margin: 10px 0 0;
        padding: 10px;
        background: var(--colorAlternativo);
        color: var(--colorBlanco);
        border: 1px solid var(--colorAlternativo);
        width: 130px;
    }

    #insertarObjetosQlik > .col-12{
        margin: 15px 0;
        position: relative;
        border-right: 1px solid var(--colorAlternativo);
        border-bottom: 1px solid var(--colorAlternativo);
        border-radius: 4px;
    }

    #insertarObjetosQlik > .col-12 > input{
        position: absolute;
        top: -6px;
        right: 4px;
        transform: scale(1.8);
    }

    .footerPopUp{
        background: var(--colorFondo);
        width: 100vw;
        height: 66px;
        position: fixed;
        bottom: 0;
    }
    .footerPopUp button{
        background: var(--colorAlternativo);
        color: var(--colorBlanco);
        border: 1px solid var(--colorAlternativo);
        height: 66px;
        width: 50vw;
    }
    .footerPopUp .btnCancelar{
        color: var(--colorAlternativo);
        background: var(--colorFondo);
        border-color: var(--colorFondo);
        border-top-color: var(--colorAlternativo);
    }
    
    .menuPrincipal{
        display: block!important;
        width: 100vw!important;
        z-index: 2021;
    }
    .menuComprimido{
        display: none!important;
    }
    .menuPrincipal .controlesMenu {
        display: none!important;
    }
    nav .scrollableZone {
        height: calc(100vh - 161px)!important;
        overflow-y: scroll;
    }

    nav .scrollableZone > div{
        font-size: 16px!important;
    }
    .usuarioLogeado{
        width: 100vw!important;
    }
    .usuarioLogeadoTxt, .ultRecargaTxt, .ultRecargaVal {
        visibility: visible!important;
    }


    /* 
        ##############
        # CONTENEDOR #
        ##############
    */
    .contenedor {
        width: 100vw!important;
    }

    .panelObjetos .row {
        width: 100vw!important;
    }

    .qvobject {
        min-width: 120px!important;
    }

    /* 
        ###########
        # EFECTOS #
        ###########
    */

    .marcador.deshabilitar .marcadores{
        color: var(--colorAlternativoTrans50)!important;
        background: none!important;
    }
    .filtro.deshabilitar .filtrosApp{
        color: var(--colorAlternativoTrans50)!important;
        background: none!important;
	}
    
    #popup{
        z-index: 2023!important;
        bottom: 66px;
        max-width: 80vw;
        width: 80vw;
        height: 55px;
        text-align: center;
        margin-left: 10vw;
        margin-right: 10vw;
    }

    .mostrarResponsive{
        display: inline-block!important;
    }

    .dNoneIMP{
		display: none!important;
	}

    .row > .row{
        width: 100%!important;
    }

    .contenedor ui-view div.row, .contenedor ui-view div[class|="col-"] {
        height: fit-content!important;
        min-height: 200px!important;
    } 

    .w20{
        width: 43vw!important;
    }
    .w10{
        width: 95vw!important;
    }

    /*  ##################
        # LOADING WAITER #
        ################## */
    
        #loadingWaiter{
            left: calc(50% - 360px / 2);
            width: 360px;
        }
        #loadingWaiter #informacionRelevante{
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

}

@media only screen 
and (min-width : 768px) {
    .w20{
        width: 20vw!important;
    }
    .w10{
        width: 10vw!important;
    }
}