table.grid 
{
    __border: solid 1px silver;
    
    /* ATENÇÂO: Para o layout fixed funcionar o paginador do gridview não pode ser exibido na parte superior,
       pois ele se baseia na primeira linha. Como o paginador superior é renderizado como uma linha, a tabela 
       perde a referência das larguras das colunas */
    table-layout: fixed;    
    max-width: 100%;
}


table.grid>tbody>tr>th
{ 
    border-bottom: solid 1px #E8E8E8;
    padding: 5px 3px 2px 3px;
    background-color: #EFF8EC;
    color: #152015;
    __background: linear-gradient(#F0F8F0, #DFF0DD, #DFF0DD, #D8E8D0, #C8D0C5); /* Standard syntax */    
 }


table.grid>tbody>tr>th.wjlib__grid_rowcommands_header 
{
    width: 100px;
}

table.grid input[type="image"], table.grid img
{
    vertical-align: middle;
}

table.grid>tbody>tr:first-child>td
{
    __border-top: solid 1px #F0F0F0;
}

table.grid>tbody>tr>td
{
    border-bottom: solid 1px #F0F0F0;
    padding: 5px 3px 4px 3px;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;    
    word-break: break-all;
}

table.grid>tbody>tr>td>span
{
    display: block;
    width: inherit;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;    
}

table.grid_norowlines>tbody>tr>td
{
    border-bottom: none !important;
}


table.grid>tbody>tr>td.wjlib__grid-rowcommands>div>a, 
table.grid>tbody>tr>td.wjlib__grid-rowcommands a.grid-rowcommands_showpopup,
table>tbody>tr>td a.grid-rowcommands
{
    border: Solid 1px #0066CC;
    padding: 1px 3px 1px 3px;
    font-size: smaller;
    text-decoration: none;
    color: #0066CC;
    vertical-align: text-bottom;
    background-color: #D5EAFF;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

table.grid>tbody>tr>td.wjlib__grid-rowcommands>div>a:hover
table.grid>tbody>tr>td.wjlib__grid-rowcommands a.grid-rowcommands_showpopup:hover,
table>tbody>tr>td a.grid-rowcommands:hover
{
    color: #FFFFFF;
    background-color: #5493E0;
    text-decoration: underline;
}

.grid-empty, tr.grid-empty td
{
    width: 100% !important;
    padding: 30px 20px 30px 20px;
    color: gray;
    font-size: 12pt;
    text-align: center;
    align-self: center;
    display: block;
}

.grid_details
{
    width: auto;
}

.grid_details>tbody>tr>td:first-child
{
    padding-right: 20px;
}

tr.grid-pager>td
{
    padding-top: 10px;
    border-bottom: none !important;
}

.grid-pager .wjlib__grid-pager_currentrecords
{
    text-align: left;
    font-size: 8pt;
    border-bottom: none;
}

.grid-pager .wjlib__grid-pager_selector
{
    text-align: center;
    padding-top: 5px;
    padding-bottom: 3px;
    border-bottom: none;
}

.grid-pager .wjlib__grid-pager_selector span
{
    padding: 2px;
    font-size: x-small;
    color: #404040;
}

.grid-pager .wjlib__grid-pager_selector a
{
    font-size: 9pt;
    font-weight: bold;
    padding: 2px;
    text-decoration: none;
    color: #7080C0;

    border: inherit;
    background-color: inherit;
    border-radius: inherit;
    -moz-border-radius: inherit;
}

.grid-pager .wjlib__grid-pager_selector a:hover
{
    color: #255EF1;
    background-color: inherit;
    text-decoration: underline;
}

.grid_column_header
{
    background-color: #E0E0E0;
    text-align: left;
    white-space: nowrap;
    padding-left: 2px;
    padding-right: 3px;
    border-top: solid 1px #F0F0F0;
}

.titulo_linha_tabela
{
    background-color: #C9D8C5;
    text-align: left;
    white-space: nowrap; /* Para evitar que o label seja quebrado em duas ou mais linhas, no IE só funciona se NÃO for especificado width */
    padding-left: 2px;
    padding-right: 3px;
}

table.grid>tbody>tr
{
}

tr.grid-row 
{
    __background-color: #FEFEFE;
}

tr.grid-row-alt 
{
    __background-color: #FAFAFA;
}

.grid-row:hover, .grid-row-alt:hover
{
    background-color: #FFFCD0;
}

table.tabela>tbody>tr>td.wjlib__grid_rowcommands>div>a, 
table.tabela>tbody>tr>td.wjlib__grid_rowcommands a.grid_rowcommands_showpopup,
table>tbody>tr>td a.grid_rowcommands
{
    border: Solid 1px #0066CC;
    padding: 1px 3px 1px 3px;
    font-size: smaller;
    text-decoration: none;
    color: #0066CC;
    vertical-align: middle;
    background-color: #D5EAFF;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

table.tabela>tbody>tr>td.wjlib__grid_rowcommands>div>a:hover
table.tabela>tbody>tr>td.wjlib__grid_rowcommands a.grid_rowcommands_showpopup:hover,
table>tbody>tr>td a.grid_rowcommands:hover
{
    color: #FFFFFF;
    background-color: #5493E0;
    text-decoration: underline;
}

.wjlib__grid_rowcommands>div>.grid_comando_set_azul, .grid_comando_set_azul .wjlib__grid_command_icon
{
    width: 16px;
    height: 16px;
    background-image: url("../../img/btnset_grid_comandos_azul.png");
    overflow: hidden;
    font-size: 0pt !important;
    display: inline-block;
    background-color: Transparent !important;
    border: none 0px White !important;
    padding: 0px !important;
}

.grid_comando_set_azul a
{
    border: none 0px White !important;
}

.wjlib__grid_rowcommands .grid_comando_editar, .grid_comando_editar .wjlib__grid_command_icon { background-position: 0px 0px; }
.wjlib__grid_rowcommands .grid_comando_excluir, .grid_comando_excluir .wjlib__grid_command_icon { background-position: -16px 0px; }
.wjlib__grid_rowcommands .grid_comando_salvar, .grid_comando_salvar .wjlib__grid_command_icon { background-position: -32px 0px; }
.wjlib__grid_rowcommands .grid_comando_descartar, .grid_comando_descartar .wjlib__grid_command_icon { background-position: -48px 0px; }
.wjlib__grid_rowcommands .grid_comando_abrir, .grid_comando_abrir .wjlib__grid_command_icon { background-position: -64px 0px; }

.wjlib__grid_rowcommands .grid_comando_download, .grid_comando_download .wjlib__grid_command_icon { background-position: 0px -16px; }

.wjlib__grid_command_icon
{
    margin-right: 5px;
}

.responsible-table {
    width: 100%;
    text-align: left;
    table-layout: fixed;
}

.responsible-table th, .responsible-table td {
    word-wrap: break-word;
    width: 100%;
}



@media screen and (max-width: 750px) {
    .responsible-table tbody, .responsible-table thead { float: left; }
    .responsible-table thead { min-width: 120px }
    .responsible-table td, .responsible-table th { display: block }
}

table.grid-singlecolumn
{
    font-size: 12pt;
    max-width: 100%;
    width: 100%;
    table-layout: auto;
}