/******
 Styles
*******/
table {
  font-weight: 400;
  min-width: 420px;
  width: 100%;
  margin: 20px 0; }
  table thead {
    display: none;
    font-weight: 500; }
  table tbody tr {
    border: 1px solid #dad6eb;
    border-radius: 5px;
    display: block;
    padding: 30px;
    margin-bottom: 30px; }
    table tbody tr td {
      display: block;
      font-weight: 500;
      padding: 5px;
      position: relative;
      text-align: right; }
      table tbody tr td button {
        text-align: center;
        width: 100%;
        font-size: 16px;
        padding: 14px 25px;
        border: none;
        font-family: 'Metrophobic', sans-serif;
        font-weight: 500;
        letter-spacing: 0.9px;
        background-color: #00ACF4;
        color: white;
        cursor: pointer; }
        table tbody tr td button:hover, table tbody tr td button:focus {
          background: #0d7ad5;
          cursor: pointer; }
      table tbody tr td:before {
        color: #8a8a87;
        content: attr(data-label);
        font-weight: 400;
        left: 5px;
        position: absolute; }

@media all and (min-width: 768px) {
  table {
    border: 1px solid #eee;
    border-collapse: collapse;
    max-width: 992px;
    text-align: left;
    width: 100%;
    margin: 20px 0; }
    table thead {
      display: table-header-group; }
      table thead th {
        padding: 10px; }
    table tbody {
      font-size: 0.875em; }
      table tbody tr {
        border: none;
        display: table-row; }
        table tbody tr:nth-child(odd) {
          background: #eee; }
        table tbody tr td {
          display: table-cell;
          font-weight: 400;
          padding: 10px;
          text-align: left; }
          table tbody tr td button {
            display: inline-block;
            padding: 10px 15px;
            position: initial;
            transform: translate(0);
            width: auto; }
          table tbody tr td:before {
            display: none; }
          table tbody tr td:last-child {
            text-align: right; } }

.carrinhodecompra {
	background: #fafafa;
    border: 1px solid #dde3ec;
	max-width: 100%;
	color: #7a7a7a;
}