@media only screen and (min-width: 200px) {
    /* Aqui pones los estilos de la página */


    body{
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
        font-size: 10px;
    }    

    label{
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;   
    }

    .ltag {
        display: inline;
    }

    .l-hecho {
        background-color: #21ff0099;
        background-color: rgba(33, 255, 0, 0.60);
        padding-left: 5px;
    }

    .nav > li > .l-hecho:hover {
        background-color: #54f30e;

    }

    .nav > li > .l-hecho:focus {
        background-color: rgba(33, 255, 0, 0.60);

    }

    .l-dime {
        background-color: #d5f309cc;
        background-color: rgba(213, 243, 9, 0.80);
    }

    .nav > li > .l-dime:hover {
        background-color: #f9ff00;
    }

    .nav > li > .l-dime:focus {
        background-color: rgba(213, 243, 9, 0.80);
    }

    .l-tiempo {
        background-color: #ff9000cc;
        background-color: rgba(255, 144, 0, 0.80);
    }

    .nav > li > .l-tiempo:hover {
        background-color: #ff6300;
    }

    .nav > li > .l-tiempo:focus {
        background-color: rgba(255, 144, 0, 0.80);
    }

    select{
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
        font-size: 8px;   
        margin: 1px;
        padding: 1px;
    }
    option{
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;  
        font-size: 13px;
    } 
    button {
        margin:1px;
        padding: 2px;
        -moz-border-radius: 4px; 
        -webkit-border-radius: 4px; 
        border: 1px solid #ccc;
        background: #ffffff ; 
        font-weight: bold; 
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;   font-size: 10px;
        color: #3b5998; 
        cursor: pointer;
        height: 20px;
        text-align: center;  
    }

    button:hover {
        border: 1px solid #6D84B4;
    }
    input[type=submit] {
        margin:1px;
        padding: 2px;
        -moz-border-radius: 4px; 
        -webkit-border-radius: 4px; 
        border: 1px solid #ccc;
        background: #ffffff ; 
        font-weight: bold; 
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;   font-size: 15px;
        color: #3b5998; 
        cursor: pointer;
        height: 20px;
        text-align: center;  
    }

    input[type=submit]:hover {
        border: 1px solid #6D84B4;
    }
/** cambios movil**/
    input[type=text] ,input[type=password] {
        font-size: 9px;
        background:transparent;  
        border:none;
        padding: 1px;
        border: 1px solid #d8dce6 ;
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;   font-size: 20px;
    }

    /**ESTO ES PARA LAS TABLAS**/

    .ui-datatable table {
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
        border-collapse:collapse;    
        font-size: 8px;
    }

    .ui-datatable .ui-datatable-header {
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
        font-size: 9px;
        color: #3b5998;
        padding: 2px;
        border-right:    1px solid #ccc;
        background:#dee2f2;
        height: auto;  
       // position: relative;    
        text-align: center;
        position: sticky;
        top: 0;
        z-index: 10;
    }


    .ui-datatable .ui-datatable-data td {
        padding: 0px;   
        border-right:    1px solid #ddd;   
    }

    .ui-datatable .ui-datatable-header a:link {
        color: #3b5998;
        font-weight: bold;
        text-decoration: none;
        padding-left: 2px;
        background:#dee2f2;
        height: auto;  
    }
    .ui-datatable .ui-datatable-header a:visited {
        color: #3b5998;
        text-decoration: none;
    }
    .ui-datatable .ui-datatable-header a:hover {
        color: #718ABE;
        text-decoration: underline !important;
    }
    .ui-datatable .ui-datatable-data input[type=text] {
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;   
        width: 97.5%; 
        font-size: 15px;
        background:transparent;  
        border:none;
        padding-left:   3px;
        border-bottom:   1px solid #ddd;
    }
    .ui-datatable .ui-datatable-data input[disabled] {   	
        color: #5d5f5c; 
    }

    .ui-datatable .ui-datatable-data input[type=checkbox]{ 

        background:transparent;   
        margin-left:  40%;
    }
    .ui-datatable .ui-datatable-data input[type=radio]{   
        border:none;
        height: auto;
        background:transparent;   
    }
    .ui-datatable .ui-datatable-data label {    
        font-family:'lucida grande', tahoma, verdana, arial, sans-serif;
        font-size: 15px;  
        padding-left:   3px;
        border-bottom:   1px solid #ddd;    
    }
    .ui-datatable .ui-datatable-data select {
        font-family:'lucida grande', tahoma, verdana, arial, sans-serif;  
        font-size: 9px;
        width: 100%;    
        height: 100%;
        background:transparent;  
        border:none;   
        padding:0;          
    }

    /**ESTO ES PARA LAS TABLAS menor resolucion**/

    .ui-datatable-mr table {
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
        border-collapse:collapse;    
        font-size: 8.5px;
    }

    .ui-datatable-mr .ui-datatable-header-mr {
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
        font-size: 8px;
        color: #3b5998;
        padding: 1px;
        border-right:    1px solid #ccc;
        background:#dee2f2;
        height: auto;  
        position: relative;    
        text-align: center;
    }


    .ui-datatable-mr .ui-datatable-data-mr td {
        padding: 0px;   
        border-right:    1px solid #ddd;   
    }

    .ui-datatable-mr .ui-datatable-header-mr a:link {
        color: #3b5998;
        font-weight: bold;
        text-decoration: none;
        padding-left: 1px;
        background:#dee2f2;
        height: auto;  
    }
    .ui-datatable-mr .ui-datatable-header-mr a:visited {
        color: #3b5998;
        text-decoration: none;
    }
    .ui-datatable-mr .ui-datatable-header-mr a:hover {
        color: #718ABE;
        text-decoration: underline !important;
    }
    .ui-datatable-mr .ui-datatable-data-mr input[type=text] {
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;   
        width: 97.5%; 
        font-size: 8.5px;
        background:transparent;  
        border:none;
        padding-left:   2px;
        border-bottom:   1px solid #ddd;
    }
    .ui-datatable-mr .ui-datatable-data-mr input[disabled] {   	
        color: #5d5f5c; 
    }

    .ui-datatable-mr .ui-datatable-data-mr input[type=checkbox]{ 

        background:transparent;   
        margin-left:  40%;
    }
    .ui-datatable-mr .ui-datatable-data-mr input[type=radio]{   
        border:none;
        height: auto;
        background:transparent;   
    }
    .ui-datatable-mr .ui-datatable-data-mr label {    
        font-family:'lucida grande', tahoma, verdana, arial, sans-serif;
        font-size: 8.5px;  
        padding-left:   2px;
        border-bottom:   1px solid #ddd;    
    }
    .ui-datatable-mr .ui-datatable-data-mr select {
        font-family:'lucida grande', tahoma, verdana, arial, sans-serif;  
        font-size: 8.5px;
        width: 100%;    
        height: 100%;
        background:transparent;  
        border:none;   
        padding:0;          
    }


    /**PARA EL ÁRBOL**/

    .treeview, .treeview ul { 

        padding: 0;
        margin: 0;
        list-style: none;
        font-size: 9px;
    }

    .treeview ul {
        font-size: 9px;
        background-color: white;
        margin-top: 2px;
    }

    .treeview li { 
        font-size: 9px;
        margin: 0;
        padding: 2px 0pt 1px 15px;
    }

    .treeview a {
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
        font-size: 9px;
        color: #05213d;  
        text-decoration: none; 
    }

    .treeview a:hover {
        text-decoration: underline;     
    }
    .treeview a.selected {
        background-color: #eee;
    }

    .treeview label {
        display: inline;
    }
    #treecontrol { margin: 1em 0; display: none; }

    .treeview .hover { color: #003366; cursor: pointer; }

    .treeview li { background: url(../pad_arbol/estilo/treeview-default-line.gif) 0 0 no-repeat; }

    .filetree li { padding: 0px 0px 0px 16px; font-size: 9px;}


    /*   */
    .vs-context-lista{
        display:none;
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
        position: absolute;   
        background: #3b5998;
        border: 1px solid #DDDDDD;
        width:auto;
        -moz-border-radius: 7px; 
        -webkit-border-radius: 7px; 
        font-size: 9px;
        bottom: auto;
        padding: 8px;
        z-index: 5;

    }

    .vs-context-lista ul{
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .vs-context-lista li{
        margin: 0px;
        padding: 2px;
    }
    .vs-context-lista ul a{
        display: block;
        padding: 1px 5px;

        text-decoration: none;
        color: #fff;
        width: 98%;
        background-repeat: no-repeat;
    }
    .vs-context-lista ul li a:hover, .vs-context-lista ul li a:focus {

        background: #6D84B4;

    }
    .vs
    /*PARA EL MENU CONTEXTUAL*/

    .vs-context-menu{
        display:none;
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
        position: absolute;   
        background: #3b5998;
        border: 1px solid #DDDDDD;
        width:auto;
        -moz-border-radius: 7px; 
        -webkit-border-radius: 7px; 
        font-size: 9px;
        bottom: auto;
        padding: 8px;
        z-index: 5;

    }

    .vs-context-menu ul{
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .vs-context-menu li{
        margin: 0px;
        padding: 2px;
    }
    .vs-context-menu ul a{
        display: block;
        padding: 1px 5px;

        text-decoration: none;
        color: #fff;
        width: 98%;
        background-repeat: no-repeat;
    }
    .vs-context-menu ul li a:hover, .vs-context-menu ul li a:focus {

        background: #6D84B4;

    }

    .separar{

        border-bottom: 2px solid  #ccc;
    }

    /*PARA LAS DIVISIONES*/


    .ui-layout-unit {
        visibility: hidden;
        padding: 0px;
        border: none;
        border-bottom:   1px solid #cccccc;
        border-right:   1px solid #cccccc;  
    }

    .ui-layout-unit-header, .ui-layout-unit-footer {
        padding: 0.2em;
        position: relative;
    }

    .ui-layout-unit-header-title, .ui-layout-unit-footer-title {

    }

    .ui-layout-unit .ui-layout-unit-content {
        padding: 0.1em 0em;
        border: 0px none;
        overflow: auto;
    }

    .ui-layout-unit-header-icon {
        float: right;
    }

    .ui-layout-unit-header-icon,
    .ui-layout-unit-header-icon:hover,
    .ui-layout-unit-header-icon:focus {
        margin-left:0.1em;
        margin-top:-0.1em;
    }
    .ui-layout-unit-expand-icon {
        display: block;
        width:16px;
        position: absolute;
        left:4px;
        top:2px;
    }

    .pg-matriz td {
        vertical-align: top;
    }

    .printControls {
        width: 100%;
        float:left;
        margin: 5px 0;
        padding: 5px 0;
        height: 28px;
    }
    .printControl {
        background-image: url(imagenes/lupa-icono.png);
        background-repeat:no-repeat;
        background-position: left center;
        height: 28px;
        font-size:9px;
        font-weight:bold;
        color:#59b02e;
        line-height:24px;
        float:right;
    }

    .listaToque {
        background: transparent;
        font-size: 12px;
        border: 1px solid #ccc;
        height: 2em;
        -webkit-appearance: none;
    } 

    .listaToque option {
        background: transparent;
        font-size: 12px;
        border: 1px solid #ccc;
        height: 2em;
        -webkit-appearance: none;
    } 
    .yui-widget-bd {
        width: 100%;
    }
    .yui-widget #isli_lista_reporte{
        width: 100%;

    }
    .yui-widget #ifec_filtro_fecha{
        width: 150px;
    }
    .yui-widget #isfo_formato_grafico {
        width:150px;
        height:140px; 
    }    
    
    .alinearbotones
    {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 1px;
        padding: 2px;
        background-color: #eceff6;
        border: 1px solid #ccc;
        border-radius: 4px;
        max-width: 100%;
    }
    
    .alinearbotonesgeneral
    {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 1px;
        padding: 2px;
        background-color: #eceff6;
        border-radius: 4px;
        max-width: 100%;
    }
}

@media only screen and (min-width: 1024px) {
    /* Aqui pones los estilos de la página */


    body{
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
        font-size: 12px;
    }    

    label{
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;   
    }

    select{
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
        font-size: 11px;    
        margin: 1px;
        padding: 2px;
    }
    option{
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;  
        font-size: 12px;
    } 
    button {
        margin:1px;
        padding: 2px;
        -moz-border-radius: 4px; 
        -webkit-border-radius: 4px; 
        border: 1px solid #ccc;
        background: #ffffff ; 
        font-weight: bold; 
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;   font-size: 11px;
        color: #3b5998; 
        cursor: pointer;
        height: 22px;
        text-align: center; 
    }

    button:hover {
        border: 1px solid #6D84B4;
    }
    input[type=submit] {
        margin:1px;
        padding: 2px;
        -moz-border-radius: 4px; 
        -webkit-border-radius: 4px; 
        border: 1px solid #ccc;
        background: #ffffff ; 
        font-weight: bold; 
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;   font-size: 11px;
        color: #3b5998; 
        cursor: pointer;
        height: 22px;
        text-align: center;  
    }

    input[type=submit]:hover {
        border: 1px solid #6D84B4;
    }

    input[type=text] ,input[type=password] {
        font-size: 11px;
        background:transparent;  
        border:none;
        padding: 1px;
        border: 1px solid #d8dce6 ;
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;   font-size: 11px;
    }

    /**ESTO ES PARA LAS TABLAS**/

    .ui-datatable table {
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
        border-collapse:collapse;    
        font-size: 10px;
    }

    .ui-datatable .ui-datatable-header {
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
        font-size: 11px;
        color: #3b5998;
        padding: 2px;
        border-right:    1px solid #ccc;
        background:#dee2f2;
        height: auto;  
        //position: relative;    
        text-align: center;
        position: sticky;
        top: 0;
        z-index: 10;
    }

    .ui-datatable .ui-datatable-footer {
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
        font-size: 11px;
        color: #3b5998;
        padding: 2px;
        border-right:    1px solid #ccc;
        background:#dee2f2;
        height: auto;  
        position: relative;    
        text-align: center;
    }

    .ui-datatable .ui-datatable-data td {
        padding: 0px;   
        border-right:    1px solid #ddd;   
    }

    .ui-datatable .ui-datatable-header a:link {
        color: #3b5998;
        font-weight: bold;
        text-decoration: none;
        padding-left: 2px;
        background:#dee2f2;
        height: auto;  
    }
    .ui-datatable .ui-datatable-header a:visited {
        color: #3b5998;
        text-decoration: none;
    }
    .ui-datatable .ui-datatable-header a:hover {
        color: #718ABE;
        text-decoration: underline !important;
    }
    .ui-datatable .ui-datatable-data input[type=text] {
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;   
        width: 97.5%; 
        font-size: 11px;
        background:transparent;  
        border:none;
        padding-left:   3px;
        border-bottom:   1px solid #ddd;
    }
    .ui-datatable .ui-datatable-data input[disabled] {   	
        color: #5d5f5c; 
    }

    .ui-datatable .ui-datatable-data input[type=checkbox]{ 

        background:transparent;   
        margin-left:  40%;
    }
    .ui-datatable .ui-datatable-data input[type=radio]{   
        border:none;
        height: auto;
        background:transparent;   
    }
    .ui-datatable .ui-datatable-data label {    
        font-family:'lucida grande', tahoma, verdana, arial, sans-serif;
        font-size: 11px;  
        padding-left:   3px;
        border-bottom:   1px solid #ddd;    
    }
    .ui-datatable .ui-datatable-data select {
        font-family:'lucida grande', tahoma, verdana, arial, sans-serif;  
        font-size: 11px;
        width: 100%;    
        height: 100%;
        background:transparent;  
        border:none;   
        padding:0;          
    }

    /**ESTO ES PARA LAS TABLAS menor resolucion**/

    .ui-datatable-mr table {
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
        border-collapse:collapse;    
        font-size: 8.5px;
    }

    .ui-datatable-mr .ui-datatable-header-mr {
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
        font-size: 8px;
        color: #3b5998;
        padding: 1px;
        border-right:    1px solid #ccc;
        background:#dee2f2;
        height: auto;  
        position: relative;    
        text-align: center;
    }

    .ui-datatable-mr .ui-datatable-footer-mr {
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
        font-size: 8px;
        color: #3b5998;
        padding: 1px;
        border-right:    1px solid #ccc;
        background:#dee2f2;
        height: auto;  
        position: relative;    
        text-align: center;
    }

    .ui-datatable-mr .ui-datatable-footer-mr td {
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
        font-size: 8px;
        color: #3b5998;
        padding: 1px;
        border-right:    1px solid #ccc;
        background:#dee2f2;
        height: auto;  
        position: relative;    
        text-align: center;
    }

    .ui-datatable-mr .ui-datatable-footer-mr input[type=text] {
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;   
        width: 97.5%; 
        font-size: 8.5px;
        background:transparent;  
        border:none;
        padding-left:   2px;
        border-bottom:   1px solid #ddd;
    }

    .ui-datatable-mr .ui-datatable-data-mr td {
        padding: 0px;   
        border-right:    1px solid #ddd;   
    }

    .ui-datatable-mr .ui-datatable-header-mr a:link {
        color: #3b5998;
        font-weight: bold;
        text-decoration: none;
        padding-left: 1px;
        background:#dee2f2;
        height: auto;  
    }
    .ui-datatable-mr .ui-datatable-header-mr a:visited {
        color: #3b5998;
        text-decoration: none;
    }
    .ui-datatable-mr .ui-datatable-header-mr a:hover {
        color: #718ABE;
        text-decoration: underline !important;
    }
    .ui-datatable-mr .ui-datatable-data-mr input[type=text] {
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;   
        width: 97.5%; 
        font-size: 8.5px;
        background:transparent;  
        border:none;
        padding-left:   2px;
        border-bottom:   1px solid #ddd;
    }
    .ui-datatable-mr .ui-datatable-data-mr input[disabled] {   	
        color: #5d5f5c; 
    }

    .ui-datatable-mr .ui-datatable-data-mr input[type=checkbox]{ 

        background:transparent;   
        margin-left:  40%;
    }
    .ui-datatable-mr .ui-datatable-data-mr input[type=radio]{   
        border:none;
        height: auto;
        background:transparent;   
    }
    .ui-datatable-mr .ui-datatable-data-mr label {    
        font-family:'lucida grande', tahoma, verdana, arial, sans-serif;
        font-size: 8.5px;  
        padding-left:   2px;
        border-bottom:   1px solid #ddd;    
    }
    .ui-datatable-mr .ui-datatable-data-mr select {
        font-family:'lucida grande', tahoma, verdana, arial, sans-serif;  
        font-size: 8.5px;
        width: 100%;    
        height: 100%;
        background:transparent;  
        border:none;   
        padding:0;          
    }


    /**PARA EL ÁRBOL**/

    .treeview, .treeview ul { 

        padding: 0;
        margin: 0;
        list-style: none;
        font-size: 11px;
    }

    .treeview ul {
        font-size: 11px;
        background-color: white;
        margin-top: 2px;
    }

    .treeview li { 
        font-size: 11px;
        margin: 0;
        padding: 2px 0pt 1px 15px;
    }

    .treeview a {
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
        font-size: 11px;
        color: #05213d;  
        text-decoration: none; 
    }

    .treeview a:hover {
        text-decoration: underline;     
    }
    .treeview a.selected {
        background-color: #eee;
    }

    #treecontrol { margin: 1em 0; display: none; }

    .treeview .hover { color: #003366; cursor: pointer; }

    .treeview li { background: url(../pad_arbol/estilo/treeview-default-line.gif) 0 0 no-repeat; }

    .filetree li { padding: 0px 0px 0px 16px; font-size: 11px;}


    /*   */
    .vs-context-lista{
        display:none;
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
        position: absolute;   
        background: #3b5998;
        border: 1px solid #DDDDDD;
        width:auto;
        -moz-border-radius: 7px; 
        -webkit-border-radius: 7px; 
        font-size: 11px;
        bottom: auto;
        padding: 8px;
        z-index: 5;

    }

    .vs-context-lista ul{
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .vs-context-lista li{
        margin: 0px;
        padding: 2px;
    }
    .vs-context-lista ul a{
        display: block;
        padding: 1px 5px;

        text-decoration: none;
        color: #fff;
        width: 98%;
        background-repeat: no-repeat;
    }
    .vs-context-lista ul li a:hover, .vs-context-lista ul li a:focus {

        background: #6D84B4;

    }
    /*PARA EL MENU CONTEXTUAL*/

    .vs-context-menu{
        display:none;
        font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
        position: absolute;   
        background: #3b5998;
        border: 1px solid #DDDDDD;
        width:auto;
        -moz-border-radius: 7px; 
        -webkit-border-radius: 7px; 
        font-size: 11px;
        bottom: auto;
        padding: 8px;
        z-index: 5;

    }

    .vs-context-menu ul{
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .vs-context-menu li{
        margin: 0px;
        padding: 2px;
    }
    .vs-context-menu ul a{
        display: block;
        padding: 1px 5px;

        text-decoration: none;
        color: #fff;
        width: 98%;
        background-repeat: no-repeat;
    }
    .vs-context-menu ul li a:hover, .vs-context-menu ul li a:focus {

        background: #6D84B4;

    }

    .separar{

        border-bottom: 2px solid  #ccc;
    }

    /*PARA LAS DIVISIONES*/


    .ui-layout-unit {
        visibility: hidden;
        padding: 0px;
        border: none;
        border-bottom:   1px solid #cccccc;
        border-right:   1px solid #cccccc;  
    }

    .ui-layout-unit-header, .ui-layout-unit-footer {
        padding: 0.2em;
        position: relative;
    }

    .ui-layout-unit-header-title, .ui-layout-unit-footer-title {

    }

    .ui-layout-unit .ui-layout-unit-content {
        padding: 0.1em 0em;
        border: 0px none;
        overflow: auto;
    }

    .ui-layout-unit-header-icon {
        float: right;
    }

    .ui-layout-unit-header-icon,
    .ui-layout-unit-header-icon:hover,
    .ui-layout-unit-header-icon:focus {
        margin-left:0.1em;
        margin-top:-0.1em;
    }
    .ui-layout-unit-expand-icon {
        display: block;
        width:16px;
        position: absolute;
        left:4px;
        top:2px;
    }

    .pg-matriz td {
        vertical-align: top;
    }

    .printControls {
        width: 100%;
        float:left;
        margin: 5px 0;
        padding: 5px 0;
        height: 30px;
    }
    .printControl {
        background-image: url(imagenes/lupa-icono.png);
        background-repeat:no-repeat;
        background-position: left center;
        height: 28px;
        font-size:11px;
        font-weight:bold;
        color:#59b02e;
        line-height:24px;
        float:right;
    }

    .listaToque {
        background: transparent;
        font-size: 12px;
        border: 1px solid #ccc;
        height: 2em;
        -webkit-appearance: none;
    } 

    .listaToque option {
        background: transparent;
        font-size: 12px;
        border: 1px solid #ccc;
        height: 2em;
        -webkit-appearance: none;
    } 


    .html5-progress-bar {
        background-color: #f3f3f3;
        border: 0;
        width: 80%;
        height: 18px;
        border-radius: 9px;
    }
    .html5-progress-bar::-webkit-progress-bar {
        background-color: #f3f3f3;
        border-radius: 9px;
    }
    .html5-progress-bar::-webkit-progress-value {
        background: #3D70FC;
        background: -moz-linear-gradient(top,  #3D70FC 0%, #3D70FC 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3D70FC), color-stop(100%,#3D70FC));
        background: -webkit-linear-gradient(top,  #3D70FC 0%,#3D70FC 100%);
        background: -o-linear-gradient(top,  #3D70FC 0%,#3D70FC 100%);
        background: -ms-linear-gradient(top,  #3D70FC 0%,#3D70FC 100%);
        background: linear-gradient(to bottom,  #3D70FC 0%,#3D70FC 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D70FC', endColorstr='#3D70FC',GradientType=0 );
        border-radius: 9px;
    }
    .html5-progress-bar::-moz-progress-bar {
        background: #3D70FC;
        background: -moz-linear-gradient(top,  #3D70FC 0%, #3D70FC 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3D70FC), color-stop(100%,#3D70FC));
        background: -webkit-linear-gradient(top,  #3D70FC 0%,#3D70FC 100%);
        background: -o-linear-gradient(top,  #3D70FC 0%,#3D70FC 100%);
        background: -ms-linear-gradient(top,  #3D70FC 0%,#3D70FC 100%);
        background: linear-gradient(to bottom,  #3D70FC 0%,#3D70FC 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D70FC', endColorstr='#3D70FC',GradientType=0 );
        border-radius: 9px;
    }
    .html5-progress-bar .progress-value {
        padding: 0px 5px;
        line-height: 20px;
        margin-left: 5px;
        font-size: .8em;
        color: #555;
        height: 18px;
        float: right;
    }
    .yui-widget-bd {
        width: 100%;
    }
    .yui-widget #isli_lista_reporte{
        width: 100%;
    }
    .yui-widget #ifec_filtro_fecha{
        width: 100%;
    }
    .yui-widget #isfo_formato_grafico {
        width: 100%;
        height:100%;
    }
    
    .alinearbotones
    {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 1px;
        padding: 2px;
        background-color: #eceff6;
        border: 1px solid #ccc;
        border-radius: 4px;
        max-width: 100%;
    }
    
    .alinearbotonesgeneral
    {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 1px;
        padding: 2px;
        background-color: #eceff6;
        border-radius: 4px;
        max-width: 100%;
    }

}

/*PARA EL PANEL MODAL - DIALOGO*/
/*.ui-dialog {position: absolute; padding: .2em; border: 1px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  border: 1px;}
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

*/