:root {
    --color_hw_red: #c7000b;
    --color_sa_background: #f3f3f3;
    --color_sa_gray: #dbdbdb;
}

html {
    align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.6em;
}

body {
    margin: auto;
    text-align: left;
    font-family: -apple-system,HuaweiSans,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,Microsoft JhengHei,SimSun,sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #575d6c;
    background-color: #fff;
    padding: .5em 10em .5em 10em;
}

footer {
    text-align: center;
    font-family: "Helvetica Light", Helvetica, Arial, sans-serif;
    color: rgba(37, 43, 58, 0.7);
    background-color: var(--color_sa_background);
    padding: .5em 1em .5em 1em;
    margin-top: 1em;
}
table, tr, th, td{
    border: .25px solid;
    padding: .5em 1em .5em 1em;
}

table {
    border-collapse: collapse;
    width: 1200px;
    margin-bottom: 1em;
}

td {
    vertical-align: middle;
}

h1 {
    font-size: 2em;
    font-family: "Helvetica Bold", Helvetica, Arial, sans-serif;
    font-weight: bold;
    border-radius: 6px;
    display: block;
    color: #111;
    background-color: var(--color_sa_background);
    padding: .5em 1em .5em 1em;
    text-align: center;
}

h2, h3 {
    font-size: 18px;
    font-family: "Helvetica Bold", Helvetica, Arial, sans-serif;
    padding: 0 1em 0 1em;
}

a:link, a:visited {
    text-decoration: none;
    color: #111;
}

a:hover, a:active {
    text-decoration: none;
    color: var(--color_hw_red);
}

a:hover {
    border-bottom: 1px dotted var(--color_hw_red);
}

ul {
    list-style-type: square;
    margin: 5px;
    margin-left: -2em;
}

ul.none {
    list-style-type: none;
    margin: 5px;
    margin-left: -2em;
}

#date {
    font-family: "Helvetica Light", Helvetica, Arial, sans-serif;
    font-size: 85%;
    line-height: 1.2em;
    text-align: right;
    padding: 1 1em 1 1em;
}

#description {
    padding: 0 3em 0 3em;
    font-size: 14px;
    margin-top: 20px;
    word-wrap: word-wrap;
    white-space: pre-wrap;
}

#synopsis, #severity, #cve, #affected_package, #updated_packages {
    padding: 0 3em 0 3em;
    font-size: 14px;
    margin-top: 20px;
    word-wrap: word-wrap;
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    background-color: var(--color_sa_gray);
    border-radius: 5px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    position: relative;
    top: -1.5em;
}

hr.mid-pad {
    15px 0 15px
}