#coveragesummary {
font-family: "SF-Pro", Roboto, "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 1.4;
color: #333;
background-color: #fff;
padding: 0 5vw;
}
#notes {
font-family: "SF-Pro", Roboto, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: italic;
}
/* Standard Tables */
#coveragesummary table {
margin: 1em 0;
border-collapse: collapse;
border: 0.1em solid #d6d6d6;
}
#coveragesummary th,
#coveragesummary td {
padding: 8px;
vertical-align: ;
text-align: center;
text-indent: 0em;
border-collapse: collapse;
border: 0.1em solid #d1e6dc;
}
#coveragesummary th {
vertical-align: ;
text-align: center;
background: transparent;
color: #fff;
}
#coveragesummary tr:nth-child(even) th[scope=row] {
background-color: transparent;
}
#coveragesummary tr:nth-child(odd) th[scope=row] {
background-color: #fff;
}
#coveragesummary tr:not([scope=row]):nth-child(even) {
background-color: #d1e6dc33;
}
#coveragesummary tr:nth-child(odd) {
background-color: rgba(255, 255, 255, 0.05);
}
#coveragesummary th:nth-of-type(1){
text-align: left;
padding-left: 8px;
}
#coveragesummary td:last-child {
padding-right: 8px;
}
/* Fixed Headers */
#coveragesummary th {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 2;
}
#coveragesummary th[scope=row] {
position: -webkit-sticky;
position: sticky;
left: 0;
z-index: 1;
}
#coveragesummary th[scope=row] {
vertical-align: ;
color: inherit;
background-color: inherit;
background: linear-gradient(90deg, transparent 0%, transparent calc(100% - .05em), #d6d6d6 calc(100% - .05em), #d6d6d6 100%);
}
#coveragesummary th:not([scope=row]):first-child {
left: 0;
z-index: 3;
background: transparent;
}
#coveragesummary thead {
background: linear-gradient(to bottom right, #2c6b8e 0%, #d1e6dc 120%);
}
table tbody>tr:nth-child(odd)>td, tabletbody>tr:nth-child(odd)>th {
background-color: #fff !important;
}
tbody > tr:hover > td {
background-color: unset !important;
color: unset !important;
}
/* Scrolling wrapper */
div[tabindex="0"][aria-labelledby][role="region"] {
overflow: auto;
}
div[tabindex="0"][aria-labelledby][role="region"]:focus {
box-shadow: 0 0 .5em rgba(0,0,0,.5);
outline: .1em solid rgba(0,0,0,.1);
}
div[tabindex="0"][aria-labelledby][role="region"] table {
margin: 0;
}
div[tabindex="0"][aria-labelledby][role="region"].rowheaders {
background:
linear-gradient(to right, transparent 30%, rgba(255,255,255,0)),
linear-gradient(to right, rgba(255,255,255,0), white 70%) 0 100%,
radial-gradient(farthest-side at 0% 50%, rgba(0,0,0,0.2), rgba(0,0,0,0)),
radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,0.2), rgba(0,0,0,0)) 0 100%;
background-repeat: no-repeat;
background-color: #fff;
background-size: 4em 100%, 4em 100%, 1.4em 100%, 1.4em 100%;
background-position: 0 0, 100%, 0 0, 100%;
background-attachment: local, local, scroll, scroll;
}
div[tabindex="0"][aria-labelledby][role="region"].colheaders {
background:
linear-gradient(white 30%, rgba(255,255,255,0)),
linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,
radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)),
radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
background-repeat: no-repeat;
background-color: #fff;
background-size: 100% 4em, 100% 4em, 100% 1.4em, 100% 1.4em;
background-attachment: local, local, scroll, scroll;
}
備注:NBD 指下一個營業日