@media screen and (min-width:1000px) {
.painel {
display: grid;
grid-gap: 10px;
}
div.bloco {
margin-bottom: 0;
}
.hidesmall {
display: inherit;
}
.showsmall {
display: none;
}
}
.hidesmall {
display: none;
}
.showsmall {
display: inherit;
}
.painel {
color: #333;
font-size: 85%;
}
.bloco {
background-color: #fff;
margin-bottom: 10px;
}
.bloco > table {
width: 100%;
height: 100%;
margin: 0;
}
.bloco > table > * > tr > td {
text-align: center;
line-height: 13px;
margin: 0;
padding: 3px;
border: 1px solid #B1CDEB;
background: #F8FCFF;
}
.a {
grid-row: 1;
grid-column: 1;
}
.b {
grid-row: 1;
grid-column: 2;
}
.c {
grid-row: 2;
grid-column: 1 / 3;
}
.d {
grid-row: 3;
grid-column: 1 / 3;
}
.e {
grid-row: 1 / 4;
grid-column: 3;
}