.gridView { table-layout: fixed; }

/* cabeçalho do grid */
.gridView caption { color: black; background-color: deepskyblue; font-weight: bold; font-size: 16px; }

/* títulos das colunas */
.gridView th { color: black; background-color: #bfbfbf; font-size: 10px; }
    .gridView th a { color: black; text-decoration: none; }
    .gridView th a:hover { color: red; }

/* linhas de dados */
.gridView tbody td { padding: 2px; font-size: 10px; }
.gridView tr.data-row { background-color: white; }
    .gridView tr.data-row:hover { background-color: #dcdcdc; cursor: pointer; }
.gridView tr.alternate-row { background-color: #f1f1f1; }
    .gridView tr.alternate-row:hover { background-color: #dcdcdc; cursor: pointer; }
.gridView tr.selected-row { background-color: #e0e0ff; }
    .gridView tr.selected-row:hover { background-color: #d0d0ff; }

/* paginação */
.gridView .pager-button { background-color: #2196F3; color: white; border-radius:4px; cursor: pointer; }
    .gridView .pager-button:hover:enabled { background-color: #d0d0d0; color: #000; }
    .gridView .pager-button:disabled { background-color: #f0f0f0; color: #999; cursor: default; }
.gridView tr.pager-row { background-color: #f8f8f8; }


/* campos de edição */
.gridView input[type=text],
.gridView select,
.gridView textarea,
.gridView input[type=checkbox],
.gridView input[type=password] { border: 1px solid LightGray; background: #fff8ee; color: black; padding: 1px; }

    .gridView input[type=text],
    .gridView select,
    .gridView input[type=checkbox],
    .gridView input[type=password] { font-size: 10px; width: 100%; }

    .gridView textarea { font-size: 10px; width: 100%; }

.GridView-style input[type=image] {
    padding: 0;
    margin: 1px 2px;
    width: 16px;
}

.GridView-style select:disabled {
    background: #f8f8f8;
    border: 1px solid #f8f8f8;
}

.GridView-style .edit-row_style,
.GridView-style .selected-row-style {
    background-color: #cce6ff !important;
    color: black;
    font-weight: normal;
}