Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.9)
// Compass (v1.0.0.alpha.20)
// ----

@mixin panel-style() {
  margin-bottom: 20px;
	background-color: #FFF;
	border: 1px solid #F1F5FC;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	padding: 20px;
}

/* TITULO DA PAGINA =================================================*/
.page-title + .grid, 
h5.ui-state-default + .grid,
h4.ui-state-default + .grid{
	@include panel-style();
	td, th{
	  border: none;
  	padding: 0;
  	background-color: #fff !important;
	}
	th{
	  font-weight: 400;
	  padding-bottom: 5px;
	}
}

#resultado{
  @include panel-style();
	height: auto !important;
}

/* GRID, GRIDDATA, TABLE ============================================*/
.grid, .table, .gridData, .Grid, .GridData {
  width: 100%;
  margin: 0 auto;
  border: 1px solid #eeeeee;
  border-spacing: 0;
	border-collapse: separate;
	tr{
	  &.highlight{
	    background-color: #FFFFCC;
	  }
	}
	th, td{
	  line-height: 1.428571429;
    padding: 8px;
    white-space: nowrap;
    border-color: #F6F6F6;
    border-width: 0 1px 1px 0;
    border-style: solid;
    color: #333;
    empty-cells: show;
    &.borderseparator{
      border-right: thin solid black;
    }
	}
	td{
    border-color: #EEE;
	}
	th{
    &.totalPositivo, &.totalNegativo{
      text-align: right;
      font-weight: bold;
      color: white;
    }
    &.totalPositivo{
      background-color: #3C763D;
    }
    &.totalNegativo{
      background-color: #D07777;
    }
	}
	
	thead, tfoot{
	  background-color: white;
	  td, th{
	    border: 0;
	    background: #FFF;
	  }
	}
	thead{
	  th, td{
  	  border-bottom: 1px solid #CCC;
  	}
	}
	tfoot{
	  th, td{
  	  border-top: 1px solid #CCC;
  	}
	}
}

SassMeister-output.css

/* TITULO DA PAGINA =================================================*/
.page-title + .grid,
h5.ui-state-default + .grid,
h4.ui-state-default + .grid {
  margin-bottom: 20px;
  background-color: #FFF;
  border: 1px solid #F1F5FC;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  padding: 20px;
}
.page-title + .grid td, .page-title + .grid th,
h5.ui-state-default + .grid td,
h5.ui-state-default + .grid th,
h4.ui-state-default + .grid td,
h4.ui-state-default + .grid th {
  border: none;
  padding: 0;
  background-color: #fff !important;
}
.page-title + .grid th,
h5.ui-state-default + .grid th,
h4.ui-state-default + .grid th {
  font-weight: 400;
  padding-bottom: 5px;
}

#resultado {
  margin-bottom: 20px;
  background-color: #FFF;
  border: 1px solid #F1F5FC;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  padding: 20px;
  height: auto !important;
}

/* GRID, GRIDDATA, TABLE ============================================*/
.grid, .table, .gridData, .Grid, .GridData {
  width: 100%;
  margin: 0 auto;
  border: 1px solid #eeeeee;
  border-spacing: 0;
  border-collapse: separate;
}
.grid tr.highlight, .table tr.highlight, .gridData tr.highlight, .Grid tr.highlight, .GridData tr.highlight {
  background-color: #FFFFCC;
}
.grid th, .grid td, .table th, .table td, .gridData th, .gridData td, .Grid th, .Grid td, .GridData th, .GridData td {
  line-height: 1.428571429;
  padding: 8px;
  white-space: nowrap;
  border-color: #F6F6F6;
  border-width: 0 1px 1px 0;
  border-style: solid;
  color: #333;
  empty-cells: show;
}
.grid th.borderseparator, .grid td.borderseparator, .table th.borderseparator, .table td.borderseparator, .gridData th.borderseparator, .gridData td.borderseparator, .Grid th.borderseparator, .Grid td.borderseparator, .GridData th.borderseparator, .GridData td.borderseparator {
  border-right: thin solid black;
}
.grid td, .table td, .gridData td, .Grid td, .GridData td {
  border-color: #EEE;
}
.grid th.totalPositivo, .grid th.totalNegativo, .table th.totalPositivo, .table th.totalNegativo, .gridData th.totalPositivo, .gridData th.totalNegativo, .Grid th.totalPositivo, .Grid th.totalNegativo, .GridData th.totalPositivo, .GridData th.totalNegativo {
  text-align: right;
  font-weight: bold;
  color: white;
}
.grid th.totalPositivo, .table th.totalPositivo, .gridData th.totalPositivo, .Grid th.totalPositivo, .GridData th.totalPositivo {
  background-color: #3C763D;
}
.grid th.totalNegativo, .table th.totalNegativo, .gridData th.totalNegativo, .Grid th.totalNegativo, .GridData th.totalNegativo {
  background-color: #D07777;
}
.grid thead, .grid tfoot, .table thead, .table tfoot, .gridData thead, .gridData tfoot, .Grid thead, .Grid tfoot, .GridData thead, .GridData tfoot {
  background-color: white;
}
.grid thead td, .grid thead th, .grid tfoot td, .grid tfoot th, .table thead td, .table thead th, .table tfoot td, .table tfoot th, .gridData thead td, .gridData thead th, .gridData tfoot td, .gridData tfoot th, .Grid thead td, .Grid thead th, .Grid tfoot td, .Grid tfoot th, .GridData thead td, .GridData thead th, .GridData tfoot td, .GridData tfoot th {
  border: 0;
  background: #FFF;
}
.grid thead th, .grid thead td, .table thead th, .table thead td, .gridData thead th, .gridData thead td, .Grid thead th, .Grid thead td, .GridData thead th, .GridData thead td {
  border-bottom: 1px solid #CCC;
}
.grid tfoot th, .grid tfoot td, .table tfoot th, .table tfoot td, .gridData tfoot th, .gridData tfoot td, .Grid tfoot th, .Grid tfoot td, .GridData tfoot th, .GridData tfoot td {
  border-top: 1px solid #CCC;
}