.Rtable {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 3em 0;
padding: 0;
}
.Rtable-cell {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 100%;
padding: 0.8em 1.2em;
overflow: hidden;
list-style: none;
border: solid 3px white;
background: rgba(112, 128, 144, 0.2);
}
/* Table column sizing ================================== */
.Rtable--1cols > .Rtable-cell {
width: 80%;
}
.Rtable--2cols > .Rtable-cell {
width: 50%;
}
.Rtable--3cols > .Rtable-cell {
width: 33.33%;
}
.Rtable--4cols > .Rtable-cell {
width: 25%;
}
.Rtable--5cols > .Rtable-cell {
width: 20%;
}
.Rtable--6cols > .Rtable-cell {
width: 16.6%;
}
/* Apply styles ================================== */
.Rtable {
position: relative;
top: 3px;
left: 3px;
}
.Rtable-cell {
margin: -3px 0 0 -3px;
background-color: #2eb8b8;
border-color: #ffffff;
}
/* Cell styles ================================== */
.Rtable-cell--dark {
background-color: slategrey;
border-color: #5a6673;
color: white;
}
.Rtable-cell--medium {
background-color: #b8c0c8;
border-color: #a9b3bc;
}
.Rtable-cell--light {
background-color: white;...
