﻿#Relatorio
{
	width: 100%;
	height: 70%;
	
}

#cabecalho
{
	width: 68%;
	margin: 3px 3px 3px 3px;
}

#resultado
{
	width: 99%;
}

#Titulo
{
    align: left;    
}

.th-lg
{
     text-align: left;    
}

.hr
{
    margin-top: 0rem;
    margin-bottom: 0.5rem;
}

@page {
    size: auto;
    margin: 0px;
}

.table thead th
{
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    text-align: left;
}


.Grid {
    table-layout:fixed; 
    width:100%; 
    text-align: left;
    
}
.Grid .Shorter {
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap;   
    font-size: 75%;     
}



/**.table
{
    border: solid 2px #FFFFFF;
    margin: 2px 2px 2px 2px;
    font: Arial;
    padding: 2px 2px 2px 2px;
    text-align: left;
}**/

.resumo
{
    align-items: center;
} 
.opImagem
{
    float:left;
}

.opDataHora
{
    font-size: 70%;
    float:right;
}

.Resultado
{
    font-size: 70%;
}

.table-custom
{
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border-collapse: collapse;
    border-top-width: 3px;
    border-right-width: 3px;
    border-bottom-width: 3px;
    border-left-width: 3px;
}





.mydatagrid
{
width: 100%;
border: solid 2px black;
min-width: 80%;
}
.header
{
/**background-color: #e3f2fd;**/
background-color: #b9b9bb;
font: Arial;
color: #373435;
border-bottom: none 1px #a2cc49;
height: 25px;
text-align: center;
font-size: 13px;
}

.rows
{
background-color: #fff;
font: Arial;
font-size: 11px;
color: #000;
min-height: 10px;
text-align: left;
border: none 0px transparent;
}
.rows:hover
{
background-color: #ff8000;
font: Arial;
color: #fff;
text-align: left;
}
.selectedrow
{
background-color: #ff8000;
font: Arial;
color: #fff;
font-weight: bold;
text-align: left;
}
.mydatagrid a /** FOR THE PAGING ICONS **/
{
background-color: Transparent;
padding: 5px 5px 5px 5px;
color: #fff;
text-decoration: none;
font-weight: bold;
}

.mydatagrid a:hover /** FOR THE PAGING ICONS HOVER STYLES**/
{
background-color: #000;
color: #fff;
}
.mydatagrid span /** FOR THE PAGING ICONS CURRENT PAGE INDICATOR **/
{
background-color: #c9c9c9;
color: #000;
padding: 5px 5px 5px 5px;
}
.pager
{
background-color: #646464;
font: Calibri;
color: White;
height: 30px;
text-align: left;
}

.mydatagrid td
{
padding: 5px;
}
.mydatagrid th
{
padding: 5px;
}



