/* table colors */
.dl-tab, .feature-table, #indexlist {
background-color: rgba(42,13,69,0.1);
}
.dl-row:nth-child(even),
.feature-table tr:nth-child(even),
#indexlist tr.even {
background-color: rgba(42,13,69,0.2);
}
.feature-group > td,
.indexhead,
.indexhead a:link,
.indexhead a:visited {
color: white;
background-color: #2a0d45;
}
/* File download table */
.dl-tab {
list-style: none;
padding: 0px;
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: smaller;
}
.dl-row {
min-height: 3em;
padding: 1em 0px;
display: flex;
justify-content: right;
align-items: flex-start;
}
.dl-row > span {
display: inline-block;
padding-left: 1em;
}
.dl-desc {
margin-right: auto;
}
.dl-format {
width: 20%;
text-align: right;
}
.dl-link {
padding-right: 1em;
font-weight: bold;
}
.dl-details > li {
display: inline;
margin-right: 1em;
}
a.dl::before {
content: "\21d3";
margin-right: 0.25em;
color: #2a0d45;
font-size: medium;
vertical-align: top;
}

/* Feature comparison table */
.feature-table {
margin: 2em auto;
table-layout: fixed;
width: 100%;
max-width: 700px;
}
.feature-table > thead {
display: none;
}
.feature-table td {
padding: 1em;
}
td.yes {
font-weight: bold;
background-color: #74f376;
}
td.no {
font-weight: bold;
background-color: #f37476;
}
.note {
position: relative;
display: inline-block;
border-bottom: thin dotted black;
}
.note::after {
content: " (Note)";
font-weight: normal;
}
.note > .note-text {
visibility: hidden;
background-color: white;
border: thick solid #2a0d45;
text-align: center;
padding: 0.5em;
border-radius: 0.5em;
font-weight: normal;
position: absolute;
z-index: 1;
width: 10em;
bottom: 100%;
right: -50%;
}
.note:hover > .note-text {
visibility: visible;
}
.feature {
font-weight: bold;
width: 50%;
}
.feature-group > td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: bold;
border-radius: 7px;
}
.feature-group > td:not(.feature) {
padding: 1em 0px;
text-align: center;
}
/* directory listing */
#indexlist {
margin-left: auto;
margin-right: auto;
border-spacing: 0px;
}
#indexlist td {
padding: 0px 0.25em;
}
.indexcolname {
overflow-wrap: break-word;
}