Generated by SassMeister.com.

SassMeister-input.scss

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

.grid, .table, .gridData {
  width: 100%;
  margin: 0 auto;
  border: 1px solid #eeeeee;
  border-spacing: 0;
	border-collapse: separate;
	thead{
	  background-color: white;
	}
	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;
	}
	td{
    border-color: #EEE;
	}
	th{
	  border-bottom-color: #999;
    background-color: #FFF;
    &.totalPositivo{
      text-align: right;
      font-weight: bold;
      color: white;
      background-color: #3C763D;
    }
    &.totalNegativo{
      text-align: right;
      font-weight: bold;
      color: white;
      background-color: #D07777;
    }
	}
}

SassMeister-output.css

.grid, .table, .gridData {
  width: 100%;
  margin: 0 auto;
  border: 1px solid #eeeeee;
  border-spacing: 0;
  border-collapse: separate;
}
.grid thead, .table thead, .gridData thead {
  background-color: white;
}
.grid th, .grid td, .table th, .table 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 td, .table td, .gridData td {
  border-color: #EEE;
}
.grid th, .table th, .gridData th {
  border-bottom-color: #999;
  background-color: #FFF;
}
.grid th.totalPositivo, .table th.totalPositivo, .gridData th.totalPositivo {
  text-align: right;
  font-weight: bold;
  color: white;
  background-color: #3C763D;
}
.grid th.totalNegativo, .table th.totalNegativo, .gridData th.totalNegativo {
  text-align: right;
  font-weight: bold;
  color: white;
  background-color: #D07777;
}