table.rwd-table { width: 100%;
border-collapse: collapse;
margin: 50px auto;
}
table.rwd-table tr th {
font-size: 16px;
padding: 10px;
}
table.rwd-table tr td {
font-size: 13px;
padding: 5px;
} tr.rwd-table:nth-of-type(odd) {
background: #eee;
}
th.rwd-table {
background: #3498db;
color: white;
font-weight: bold;
}
td.rwd-table, th.rwd-table {
padding: 10px;
border: 1px solid #ccc;
text-align: left;
font-size: 18px;
} @media only screen and (max-width: 760px) , ( min-device-width : 768px)
and (max-device-width: 1024px) {
table.rwd-table {
width: 100%;
} table.rwd-table, thead.rwd-table, tbody.rwd-table, th.rwd-table, td.rwd-table,
tr.rwd-table {
display: block;
} thead.rwd-table tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr.rwd-table {
border: 1px solid #ccc;
}
td.rwd-table { border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50% !important;
}
td.rwd-table:before { position: absolute; top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap; content: attr(data-column);
color: #000;
font-weight: bold;
}
}.information_source {
display: block;
width: 100%;
background-color: #F0F0F0;
border-radius: 4px;
padding: 10px;
margin: 5px 0;
font-size: 0.8em;
border-width: 1px;
border-style: solid;
border-color: #cacaca;
}
.chart_branding {
font-size: 0.7rem;
width: 100%;
text-align: right;
display: block;
}
#chartjs-tooltip {
opacity: 1;
position: absolute;
background: rgba(0, 0, 0, .7);
color: white;
border-radius: 3px;
-webkit-transition: all .1s ease;
transition: all .1s ease;
pointer-events: none;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.chartjs-tooltip-key {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 10px;
}