.tabela-alt {
  align-items: center;
  color: #222;
  display: flex;
  justify-content: center;
  max-width: 900px;
  margin:auto;
}

.tabela {
  align-items: center;
  color: #222;
  display: flex;
  justify-content: center;
  max-width: 900px;
  margin:auto;
}

.tabela-programacao {
  align-items: center;
  color: #222;
  display: flex;
  justify-content: center;
}

.tabela-gravimetria {
  align-items: center;
  color: #222;
  display: flex;
  justify-content: center;
  max-width: 900px;
  margin:0px auto 40px auto;
}

.tabela-titulo{
	max-width: 900px;
	margin:0px auto 20px auto;
	text-align:center;
	font-size:22px !important;
}

.tabela-blc{
	display:grid;
	gap:20px;
	grid-template-columns:1fr 1fr 1fr;
}
.tabela-blc span{
	padding:20px;
	background-color:aliceblue;
	font-size:2rem;
	display: grid;
    align-items: center;
}
/******
 Styles
*******/
table {
	font-weight: 400;
	width: 100%;
	font-size: 1.75em;
}
table thead {
  display: none;
  font-weight: 500;
}
.tabela-alt table thead tr th:nth-child(2) {width: 170px;}
.tabela-alt table thead tr th:nth-child(3) {width: 170px;}

.tabela-gravimetria table thead tr th:nth-child(1) {width: 25%;}
.tabela-gravimetria table thead tr th:nth-child(2) {width: 25%;}
.tabela-gravimetria table thead tr th:nth-child(3) {width: 25%;}
.tabela-gravimetria table thead tr th:nth-child(4) {width: 25%;}


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;
}
table tbody tr td button {
  background: #927cfe;
  border: none;
  border-radius: 20px;
  box-shadow: 0 4px 8px rgba(34, 34, 34, 0.2);
  bottom: -30px;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  left: 50%;
  padding: 10px 0;
  position: absolute;
  transform: translate(-50%, 50%);
  transition: background 0.12s ease-out;
  width: 50%;
}
table tbody tr td button:hover, table tbody tr td button:focus {
  background: #a795fe;
  cursor: pointer;
}
table tbody tr td:before {
  color: #8a8a87;
  content: attr(data-label);
  font-weight: 400;
}

@media all and (min-width: 768px) {
  table {
    border: 1px solid #eee;
    border-collapse: collapse;
    text-align: left;
    width: 100%;
  }
  table thead {
    display: table-header-group;
  }
  table thead th {
    padding: 10px;
	border: 1px solid #dcdcdc;
  }
  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;
	border: 1px solid #dcdcdc;
  }
  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;
  }
}

@media screen and (max-width: 768px) {
	.tabela-blc{grid-template-columns:1fr 1fr;}
}
@media screen and (max-width: 540px) {
	.tabela-blc{grid-template-columns:1fr;}
}