.menu-mobile {
    background-color: #ffffff;
    position: absolute;
    top: 25px;
    /*bottom: 5px;*/
    left: 5px;
    right: 5px;
    z-index: 90000;
    padding: 0 20px 20px !important;
    border: 1px solid #999;
    box-shadow: rgb(0, 0, 0) 5px 5px 20px -3px !important;
    -webkit-box-shadow: rgb(0, 0, 0) 5px 5px 20px -3px !important;
    -moz-box-shadow: rgb(0, 0, 0) 5px 5px 20px -3px !important;
    border-radius: 6px !important;
    overflow: auto;
}

    .menu-mobile > div:not(:first-child) {
        margin-top: 20px;
    }

    .menu-mobile .closeDivSubMenu {
        height: 25px;
    }

.IconMoreFilter {
    width: 40px;
    height: 39px;
    background-image: url('/cassette.axd/file/App_Themes/Minimal/Imagenes/i_more-0b9507c00df4e007f9e36f892796f10f8eafeb0b.png');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    display: none !important;
}
.HeightFilters {
    height: auto;
    max-height: 140px;
    overflow: hidden;
    /*padding-bottom:12px!important;*/
}

    .HeightFilters > div
    {
        height:42px;
        vertical-align:bottom;
    }
    .HeightFiltersCollapse {
        height: 0 !important;
    }

.ap-d-mobile-header-height {
    height: 36px;
}

/****************************************/
.ap-d-none {
    display: none !important;
}

.ap-d-inline {
    display: inline !important;
}

.ap-d-inline-block {
    display: inline-block !important;
}

.ap-d-block {
    display: block !important;
}

.ap-d-table {
    display: table !important;
}

.ap-d-sm-row {
    display: table-row !important;
}

.ap-d-table-cell {
    display: table-cell !important;
}

.ap-d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.ap-d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}
/***************************************/

#divMobileFilters
{
    margin:0 10px;
}

#divMobileFilters .ap-d-none {
    display: inline-block !important;
}

 .HeightFilters #divMobile{
    height: auto!important;
}
.menu-mobile .ap-d-sm-none, .menu-mobile .ap-d-md-none {
    display: inline-flex !important;
}

.menu-mobile .ap-d-nofilter {
    display: none !important;
}

#divMobileFilters .ap-d-none {
    /*width: 220px;*/
    width: auto !important;
}

.Zebra_DatePicker {
    z-index: 90001 !important;
}


@media screen and (max-device-width: 700px) {
    #divMobileFilters.panel-row > .panel-row > div {
        margin-top: 20px;
    }

    #divMobileFilters .ap-d-none {
        display: block !important;
    }

    .ap-NoViewMobile {
        display: none !important;
    }

   

    /*Tamaño de las columnas ngrid vista en moviles*/
    /*Se reduce el margin y padding de los paneles */
    .panel-general-noborder {
        margin-right: 10px !important;
        margin-left: 10px !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
        min-height: 0px !important;
    }

    /*Se reduce el margin-right de los div que estan dentro de un panel-row*/
    .panel-row > div:not(:last-child), .panel-row-top0 > div:not(:last-child), .panel-row-inlineflex > div:not(:last-child) {
        margin-right: 15px;
    }

    /*Se reducen los padding de los grids*/
    .apwc_grid[style*="ltr"] .gridstyle-padding-column-23-first {
        padding-left: 10px !important;
    }

    .apwc_grid[style*="rtl"] .gridstyle-padding-column-23-first {
        padding-right: 10px !important;
    }

    .ngrid-row > .ngrid-col-width-35, .ngrid-row > .ngrid-col-width-33, .ngrid-row > .ngrid-col-width-30, .ngrid-row > .ngrid-col-width-20, .ngrid-row > .ngrid-col-width-16,
    .ngrid-row > .ngrid-col-width-15, .ngrid-row > .ngrid-col-width-10, .ngrid-row > .ngrid-col-width-5:not(.ngrid-row > .warning-imgage):not(.ngrid-row > .warning-image-information) {
        width: 100% !important;
    }
}

@media screen and (max-device-width:576px) {
    .ap-d-sm-none{display:none!important;}
    .ap-d-sm-block {display: block !important;}
    .ap-d-sm-inline-flex {display: -ms-inline-flexbox !important;display: inline-flex !important;}

    .HeightFilters
    {
        height:60px;
        min-width: 310px;
    }

    
    /***** Comportamiento de los ngrid en vista movil ***********/
    .ngrid-row {
        flex-wrap: wrap !important;
    }

        .ngrid-row > .ngrid-col:not(:last-child) {
            padding: 0 !important;
        }

        .ngrid-row > .ngrid-col-width-40:not(:first-child), .ngrid-row > .ngrid-col-width-50:not(:first-child), .ngrid-row > .ngrid-col-width-55:not(:first-child).ngrid-row > .ngrid-col-width-60:not(:first-child).ngrid-row > .ngrid-col-width-66:not(:first-child),
        .ngrid-row > .ngrid-col-width-70:not(:first-child), .ngrid-row > .ngrid-col-width-75:not(:first-child), .ngrid-row > .ngrid-col-width-80:not(:first-child), .ngrid-row > .ngrid-col-width-85:not(:first-child),
        .ngrid-row > .ngrid-col-width-90:not(:first-child) {
            margin-top: 35px !important;
        }

    .ngrid-row-background .panel-basico-fondo-nobottom {
        padding: 0 15px 0 15px !important;
    }

    .ngrid-row > .ngrid-col-width-40, .ngrid-row > .ngrid-col-width-50, .ngrid-row > .ngrid-col-width-55, .ngrid-row > .ngrid-col-width-60, .ngrid-row > .ngrid-col-width-66, .ngrid-row > .ngrid-col-width-70, .ngrid-row > .ngrid-col-width-75,
    .ngrid-row > .ngrid-col-width-80, .ngrid-row > .ngrid-col-width-85, .ngrid-row > .ngrid-col-width-90 {
        width: 100% !important;
    }

    .ngrid-row .ngrid-col .ngrid-col-width-80 {
        width: 80% !important;
    }
    /***** Fin comportamiento de los ngrid en vista movil **********/

   
    /****** Fin comportamiento de la cabecera en versión movil ***************/

    /****Se colapsan los paneles***/
    .apCollapseMobile {
        cursor: pointer;
        background-image: url('/cassette.axd/file/App_Themes/Minimal/Imagenes/I_arriba-cc8bb1a2b861cd14b8a27ab21f7bbe7bbc6d8410.gif');
        background-color: transparent;
        background-position: right;
        background-repeat: no-repeat;
    }

    .apCollapseMobileExpand {
        cursor: pointer;
        background-image: url('/cassette.axd/file/App_Themes/Minimal/Imagenes/I_abajo-7e44f56b84239e59cef5928d8321a0743c29d1a5.gif');
        background-color: transparent;
        background-position: right;
        background-repeat: no-repeat;
        margin-bottom: 10px !important;
    }
    /****Fin colapsar los paneles***/
}

@media all and (max-device-width: 576px) {
  
    /***** Comportamiento de la cabecera en versión movil ********/
    .panel-header-breadcrumbs {
        min-width: 600px !important;
    }

    .head-title {
        white-space: nowrap !important;
        overflow: hidden !important;
        display: block !important;
        text-overflow: ellipsis !important;
        max-width: 300px !important;
    }
    /****** Fin comportamiento de la cabecera en versión movil ***************/
}

/**************clases especificando DEVICE*********************/







@media all and (max-width: 768px) {
    .ap-d-mobile-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }

    .ap-d-mobile-block {
        display: block !important;
    }

    .apc-label-width-t50 { /*en resoluciones mayores tiene 350px de ancho y en móbiles pequeños no cabe*/
        width: auto
    }

    

/*    .panel-tree-tabs > div:first-child {
        position: absolute;
        top: 22px !important;
        left: 0px;
        right: 0px;
        bottom: 0px;
    }*/

    .panel-tree-tabs-content { /*agrego margin porque el top tiene !important*/
        margin-top: 6px;
    }

    .panel-tree-tabs .apl-divTabs {
        margin-top: 18px !important;
    }
}

    @media screen and (max-width:992px) {
        .ap-d-md-none {
            display: none !important;
        }

        .ap-d-md-block {
            display: block !important;
        }

        .ap-d-md-inline-flex {
            display: -ms-inline-flexbox !important;
            display: inline-flex !important;
        }
    }

@media screen and (max-width:768px) {
    .ngrid-row > .ngrid-col-width-25
    {
        width: 40%;
    }
}

@media screen and (max-width: 576px) {
    /***** Comportamiento de los ngrid en vista movil ***********/
    .ngrid-row {
        flex-wrap: wrap !important;
    }

        .ngrid-row > .ngrid-col:not(:last-child) {
            padding: 0 !important;
        }

        .ngrid-row > .ngrid-col-width-40:not(:first-child), .ngrid-row > .ngrid-col-width-50:not(:first-child), .ngrid-row > .ngrid-col-width-55:not(:first-child).ngrid-row > .ngrid-col-width-60:not(:first-child).ngrid-row > .ngrid-col-width-66:not(:first-child),
        .ngrid-row > .ngrid-col-width-70:not(:first-child), .ngrid-row > .ngrid-col-width-75:not(:first-child), .ngrid-row > .ngrid-col-width-80:not(:first-child), .ngrid-row > .ngrid-col-width-85:not(:first-child),
        .ngrid-row > .ngrid-col-width-90:not(:first-child) {
            margin-top: 35px !important;
        }

    .ngrid-row-background .panel-basico-fondo-nobottom {
        padding: 0 15px 0 15px !important;
    }
    .ngrid-row > .ngrid-col-width-35, .ngrid-row > .ngrid-col-width-33, .ngrid-row > .ngrid-col-width-30, .ngrid-row > .ngrid-col-width-25, .ngrid-row > .ngrid-col-width-20, .ngrid-row > .ngrid-col-width-16,
    .ngrid-row > .ngrid-col-width-15, .ngrid-row > .ngrid-col-width-10, .ngrid-row > .ngrid-col-width-5,
    .ngrid-row > .ngrid-col-width-40, .ngrid-row > .ngrid-col-width-50, .ngrid-row > .ngrid-col-width-55, .ngrid-row > .ngrid-col-width-60, .ngrid-row > .ngrid-col-width-66, .ngrid-row > .ngrid-col-width-70, .ngrid-row > .ngrid-col-width-75,
    .ngrid-row > .ngrid-col-width-80, .ngrid-row > .ngrid-col-width-85, .ngrid-row > .ngrid-col-width-90:not(.ngrid-row > .warning-imgage):not(.ngrid-row > .warning-image-information) {
        width: 100% !important;
    }

    .ngrid-row .ngrid-col .ngrid-col-width-80:not(:not(.warning-imgage)):not(:not(.warning-image-information)) {
        width: 80% !important;
    }
    /***** Fin comportamiento de los ngrid en vista movil **********/
    .HeightFilters {
        height: 60px;
    }

    .panel-row > div {
        margin-top: 15px !important;
    }

    .panel-general-frames > div:first-child {
        top: 52px !important;
    }

    .panel-tree-tabs > div:first-child {
        top: 47px !important;
    }
    .panel-tree-tabs-nobarra > div:first-child {
        top: 28px !important;
    }

    .panel-tree-tabs.panel-tree-tabs-nobarra > div:first-child {
        top: 23px !important;
    }

    .panel-tree-tabs-full > div:first-child {
        top: 23px !important;
    }
}