/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

   
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

}

@media only screen 
and (min-device-width : 481px) 
and (max-device-width : 767px) {

}
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

}



/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

}


/*====================================================
Desktops and laptops
======================================================*/
@media only screen 
and (min-width : 320px) 
and (max-width : 768px) {
    html,body{
        overflow: auto !important;
    }
    .hidden-responsive {
        display:none !important;
    }
    .hidden-desktop {
        display:block;
    }
    #header-logo a {
        width:50px;
        position: inherit;
        right: initial;
        top: initial;
    }

    #imgAplicacion {
        display:none;
    }
    #page-sidebar {
        margin-left: -250px !important;
    }

   .sidebar-collapsed #menuOpcionesVistas,.sidebar-collapsed #page-nav,.sidebar-collapsed #page-content-wrapper,.sidebar-collapsed #listaTituloPagina {
        width:100% !important;
        margin-left:0px !important;
    }

   /*Menu Principal Responsive*/
   div.sc_menu #box_ListaMenu{
       width: 100% !important;
   }
   
    .menu_principal_responsive {
        display:block !important;
        width:100% !important;
    }
    .menu_principal_responsive#page-sidebar, .menu_principal_responsive #page-sidebar-wrapper, #sidebar-menu, .sf-js-enabled  {
        display:block !important;
        width:100% !important;
        margin-left:0px !important;
        z-index:111;
    }

    /*Menu secundario responsive*/
    #listaMenuContenidos.activo_responsive {
        display:block !important;
        position: absolute;
        height: auto;
        min-height:300px;
        width: 100%;
        background: #fff;
        z-index: 1;
        top: 0px;
    }

    #listaMenuContenidos.activo_responsive li {
        width:100%;
        float:left;
    }
    #listaMenuContenidos.activo_responsive > li.onhover, #listaMenuContenidos > li {
        background:none;
        border:1px solid transparent;        
        box-shadow:none;   
    }
    #listaMenuContenidos > li > a {
         border-bottom:2px solid transparent; 
    }
    #listaMenuContenidos.activo_responsive > li.onhover > a {
         border-bottom:2px solid #f87500 !important; 
    }
   

    #listaMenuContenidos.activo_responsive li .subMenuVistas, #listaMenuContenidos.activo_responsive li:hover .subMenuVistas  {
        opacity:1;
        visibility:visible; 
        position:inherit; 
        float:none;
        top:inherit;
        z-index:1;      
    }

    #listaMenuContenidos > li > a{
        display: block;
    }

    
    /*Menu acciones*/
    #listaMenuOpcionesVistas.activo_responsive{
        display:block !important;
        position: fixed;
        height: auto;
        min-height:150px;
        width: 100%;
        background: #fff;
        z-index: 1;
        top: 126px;
        left: 0;
    }
    
    #listaMenuOpcionesVistas.activo_responsive > li{
        width: 50%;
        float: left;
        text-align: center;
    }
    #listaMenuOpcionesVistas.activo_responsive > li.liFiltros,
    #listaMenuOpcionesVistas.activo_responsive > li.link_clear{
       display: none; 
    }
    #menusResponsive{
        margin-bottom: 0px !important;        
    }
    #menusResponsive > .linkMenuAcciones > ul > li{
        line-height: 35px;
        position: relative;
    }
    #menusResponsive > .linkMenuAcciones > ul > li a{
        color: #444;
    }
    
    #menusResponsive > .linkMenuAcciones > ul > li > .listasOpciones{
        /*display: none;*/
    }
    
    .listasOpciones.dropdown-menu > li{
        margin: 0px !important;
    }
    
    /*Filtros*/

    .navbar-nav{
        margin:7.5px 0px !important ;
    }

    #cabeceraFiltros ul li.liFiltrosClose{
       display: none;
    }
    #selections{
        background: #fff !important;
    }
    #box_filtros {
         top:125px;
        right:-400px;
    }
    #box_filtros.activo_responsive {
        right:0px; 
        width:100%;
        height: -moz-calc(100% - 125px) !important;
        height: calc(100% - 125px) !important;
        top: 125px;       
    }

    #listaPage-Header, #header-logo {
        z-index:2;
    }
    #listaAcciones {
        display:none;
    }
    .menu_principal_responsive#page-sidebar li a span {           
         opacity: 1; 
         position: inherit; 
         left: inherit; 
    }
    #page-nav {
        top:86px;
    }
    #page-content {
        padding-top:85px;
    }
    
    /*Tamanios minimos*/
    #owl-carousel  .qlik-embed{
        min-height: 86px !important;
    }
    #page-content .box_graficos .qlik-embed{
        min-height: 250px !important;
    }
    
    /*Eliminar Marcadores*/
    .listasOpciones table th{
        max-width: 200px;
    }
    .listasOpciones table th a{
        white-space: normal;
    }
    .dropdown-menu{
        min-width: 200px !important;
    }
    

@media only screen 
and (min-width : 481px) 
and (max-width : 767px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {

}

@media only screen 
and (max-height : 767px) and 
(min-width : 1024px) {

}
/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {

}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {

}