/*Estilos para los grids y sus elementos*/
.webgrid-operations { /*for limiting the width of Operations 
                          menu used in the WebGrid*/
    width: 65px;
}

.webgrid-header td {
    text-align: left;
}

.webgrid-header th {
    background-color: #EFEFEF;
    margin-bottom: 2px;
}

.webgrid td {
    padding-right: 15px;
}

.webgrid-footer td {
    font-family: 'open_sanssemibold', sans-serif;
    font-size: 1em;
    text-align: right !important;
    padding-right: 21px !important;
    color: #000;
    background-color: #EFEFEF;
}

    .webgrid-footer td a {
        text-align: right !important;
        padding: 0 .4em 0 .4em;
        font-size: .83em;
        text-decoration: none;
        color: #FFFFFF;
        border: 1px solid #C0C0C0;
        background-color: #808080;
    }

        .webgrid-footer td a:hover {
            background-color: #6BBEC7;
        }

        .webgrid-footer td a.selected {
            background-color: #f00;
            color: #f00;
        }

.webgrid a {
    color: #fff;
}

.colRowButton {
    width: 70px;
    text-align: left;
}

.webgrid-row-style {
    border-bottom: 1px solid #E8EEF4;
}

.webgrid-alternating-row td {
    background-color: #f9f9f9;
}

.webgrid-selected-row {
    font-weight: bold;
}

.span5 {
    width: 380px;
}
.span4 {
    width: 300px;
}
.span3 {
    width: 220px;
}
.span2 {
    width: 140px;
}
.span1 {
    width: 60px;
}
.spanPage {
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    border: 0px none;

}

.spanPage:hover {
    /*background-color: #fafafa;*/
    color: #022D56 !important;
}


.dropdown-menu > li {
  background-color: white;
}
.dropdown-menu > li:nth-child(odd) {
  background: #F6F6F6 !important;
  color: white;
}
.dropdown-menu > li:nth-child(even) {
  background: white !important;
  color: white;
}

.pagedAnimation > .active > a, .pagedAnimation > .active > span, .pagedAnimation > .active > a:hover, .pagedAnimation > .active > span:hover, .pagedAnimation > .active > a:focus, .pagedAnimation > .active > span:focus, .pagedAnimation > li.active > a > span > div.subletras-paginado, ul.pagedAnimation > li.active > span > div.subletras-paginado {
    background-color: #fff !important;
    border-color: #fff !important;
    color: #022D56 !important;
    cursor: default !important;
    z-index: 2 !important;
    text-decoration: none;
    text-align: center !important;
    border: 0;
}

.pagedAnimation > li > a:hover, .pagedAnimation > li > span:hover, .pagedAnimation > li > a:focus, .pagedAnimation > li > span:focus, .pagedAnimation > li.active > a > span > div.subletras-paginado, ul.pagedAnimation > li.active > span > div.subletras-paginado {
    background-color: #fff;
    color: #022D56 !important;
    text-align: center !important;
    text-decoration: none;
}

.control-pager {
    font-size: x-small;
    color: #BBBDC0;
}

    .control-pager:hover, .control-pager:focus, .control-pager:active {
        color: #022D56;
    }

.estiloIconoEdicion {
    float: left;
    margin-top: 5px;
    margin-left: 15px;
}

.estiloTextoIconoEdicion {
    float: left;
    margin-left: 5px;
    min-width: 50px;
    margin-top: 5px;
}

/*se agrega esto para resolver problema del grid en el que la información del grid está saliendo corrida con respecto al encabezado, sobretodo grids grandes*/
.ui-jqgrid  { width: auto }
.ui-jqgrid-hdiv, .ui-jqgrid-htable {width:100% !important;height:100% !important;}
.ui-jqgrid-bdiv, #jqgrid {width:100% !important;height:100% !important;}
.ui-jqgrid .ui-jqgrid-hbox {padding-right:0 !important;}