.ui-dialog-title { font-size: 12px !important; }
.ui-dialog-buttonset { font-size: 12px !important; }
.ui-jqgrid tr.footrow td { text-align: right !important }
.ui-jqgrid tr.footrow1 td { font-weight: bold; overflow: hidden; white-space:nowrap; height: 21px; padding: 0 2px 0 2px; border-top-width: 1px; border-top-color: inherit; border-top-style: solid; text-align: right !important }
.ui-jqgrid tr.footrow2 td { font-weight: bold; overflow: hidden; white-space:nowrap; height: 21px; padding: 0 2px 0 2px; border-top-width: 1px; border-top-color: inherit; border-top-style: solid; text-align: right !important }
.footrow-total { background-color: #F7F7F7 }
.div-loaded-opacity
{
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #D4D4D4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
    filter: alpha(opacity=45);
    -khtml-opacity: 0.45;
    -moz-opacity: 0.45;
    opacity: 0.45;
}

.div-loaded
{
    position: absolute;
    top: 0px;
    left: 0px;
}

.div-loaded center span
{
    display: table-cell;
    vertical-align: middle;
    -ms-filter: none;
    filter: none;
    -khtml-opacity: none;
    -moz-opacity: none;
    opacity: none;
}

.tituloEncabezado {
    background:#287FFC;
    color:white;
    text-align: center;
    font-size: 18pt;
    padding: 3px;
}

img.LogoProcomer {
    width:150px; /* you can use % */
    height: auto;
    margin-right: 100px;
}

.filtros {
    width: 100%;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}