html {
    background:#edeff0;
}

.content {
    max-width: 1000px;
    margin: 35px auto 35px auto;
    font-family: Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    padding-left: 1em;
    padding-right: 1em;
}

h1 {
    margin-bottom: 32px;
}

@media only screen and (max-width: 640px) {
  h1 {
      font-size: 1.5em;
  }
}

.name {
    padding-left:1.5em;
}

.colname:not(.no-sort) a{
    position:relative;
    display:inline-block;
}

.colname:not(.no-sort) a:after, .colname:not(.no-sort) a:before {
    content: "";
    float: right;
    margin-top: 7px;
    border-color: #404040 transparent;
    border-style: solid;
    border-width: 0 4px 4px;
    visibility: visible;
    opacity: .4;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.colname:not(.no-sort) a:after {
    position: relative;
    margin-top: 11px;
    right: -8px;
    transform: rotate(-180deg);
    margin-left:5px;
}

.colname:not(.no-sort) a:before {
    margin-top: 5px;
}

.colname[aria-sort=ascending]:not(.no-sort) a:before, 
.colname[aria-sort=descending]:not(.no-sort) a:after {
    opacity: .8;
}

.colname:not(.no-sort):not([aria-sort=descending]) a:hover:before,
.colname:not(.no-sort):not([aria-sort]) a:hover:before {
    opacity: 1
}

#table-list {
    overflow-x: auto;
    background:white;
    margin-top: 32px;
    margin-bottom: 32px;
    box-shadow: 0 0.55rem 1.25rem rgb(0 65 98 / 4%);
    -webkit-box-shadow: 0 0.55rem 1.25rem rgb(0 65 98 / 4%);
            box-shadow: 0 0.55rem 1.25rem rgb(0 65 98 / 4%);
}

table {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 0.88em;
    padding-left:10px;
    padding-right: 10px;
}

tr:hover:not(:nth-child(1)) {
  background-color: rgb(220 220 220);
}

.t-header th {
    font-size: 1em;
    height: 1.8em;
}

th, td {
    padding: 0.65em;
    text-align: left;
}

th:nth-child(1) {
    width: 18em;
}

th:nth-child(2) {
    width: 13em;
}

th:nth-child(3) {
    width: 6em;
    text-align: right;
}

th:nth-child(4) {
    width: 13em;
}

td:nth-child(1) {
    padding-left: 2em;
}

td:nth-child(2) {
    color: #666;
}

td:nth-child(3) {
    color: #666;
    text-align: right;
}

tbody tr:nth-child(odd) {
    background-color: #f8fafb;
    border-top: 1px solid #edeff0;
    border-bottom: 1px solid #edeff0;
}

a {
    color:#0047AB;
    text-decoration: none;
}

a:hover {
    color:#0096FF;
    text-decoration: underline;
}

td a {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

td a:visited {
    color: #5a5a5a;
}

.icon {
    vertical-align: text-bottom;
    padding-right: 0.75em;
    height: 1.2em;
     -webkit-filter: grayscale(.8) brightness(2);
            filter: grayscale(.85) brightness(2.5);
}

address {
    color: rgb(100,100,100);
    font-size: 0.8em;
    font-style: normal;
}

.header-text {
    color: #4c4b4b;
}

.readme-text {
    padding-bottom: 32px;
    margin-bottom: 32px;
    color: #4c4b4b;
    font-size: 0.9em;
    border-bottom: 1px solid #3333331c;
}