.title {
    color: rgb(128, 128, 128);
    font-size: large;
    font-style: normal;
    font-weight: bold;
    font-family: 'Kanit', Arial, Helvetica, sans-serif;
}

div.specobject {
    border: 1px solid lightgray;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 5px;
}

div.specobject.draft {
    background-color: white;
}

div.specobject.proposed {
    background-color: rgb(253, 251, 230);
}

div.specobject.approved {
    background-color: rgb(230, 253, 230);
}

div.specobject.rejected {
    background-color: rgb(253, 230, 230);
}

.specobject .shortdesc {
    font-weight: bold;
}

.specobject .source::before {
    font-weight: bold;
    content: "Source";
}

.specobject .sourcefile::before {
    font-weight: bold;
    content: "Source file";
}

.specobject .sourceline::before {
    font-weight: bold;
    content: "Source line";
}

.specobject .sourcerevision::before {
    font-weight: bold;
    content: "Source revision";
}

.specobject .creationdate::before {
    font-weight: bold;
    content: "Creation date";
}

.specobject .version::before {
    font-weight: bold;
    content: "Version";
}

.specobject .category::before {
    font-weight: bold;
    content: "Category";
}

.specobject .priority::before {
    font-weight: bold;
    content: "Priority";
}

.specobject .description::before {
    font-weight: bold;
    content: "Description";
}

.specobject .rationale::before {
    font-weight: bold;
    content: "Rationale";
}

.specobject .usecase::before {
    font-weight: bold;
    content: "Usecase";
}

.specobject .furtherinfo::before {
    font-weight: bold;
    content: "Further info";
}

.specobject .comment::before {
    font-weight: bold;
    content: "Comment";
}

.specobject .safetyclass::before {
    font-weight: bold;
    content: "Safety class";
}

.specobject .safetyrationale::before {
    font-weight: bold;
    content: "Safety rationale";
}

.specobject .securityclass::before {
    font-weight: bold;
    content: "Security class";
}

.specobject .securityrationale::before {
    font-weight: bold;
    content: "Security rationale";
}

.specobject .verifymethods::before {
    font-weight: bold;
    content: "Verification methods";
}

.specobject .verifycond::before {
    font-weight: bold;
    content: "Verification condition";
}

.specobject .verifycrit::before {
    font-weight: bold;
    content: "Verification criteria";
}

.specobject .testin::before {
    font-weight: bold;
    content: "Test input";
}

.specobject .testout::before {
    font-weight: bold;
    content: "Test output";
}

.specobject .testpasscrit::before {
    font-weight: bold;
    content: "Test pass criteria";
}

.specobject .releases::before {
    font-weight: bold;
    content: "Releases";
}

.specobject .tags::before {
    font-weight: bold;
    content: "Tags";
}

.specobject .platforms::before {
    font-weight: bold;
    content: "Platforms";
}

.specobject .dependencies::before {
    font-weight: bold;
    content: "Dependencies";
}

.specobject .needscoverage::before {
    font-weight: bold;
    content: "Needs coverage";
}

.specobject .fulfilledby::before {
    font-weight: bold;
    content: "Fullfilled by";
}

.specobject .providescoverage::before {
    font-weight: bold;
    content: "Provides coverage";
}

.specobject .untracedLinks::before {
    font-weight: bold;
    content: "Related links";
}

.specobject > .title {
    font-weight: bold;
    color: black;
    font-style: normal;
    font-weight: normal;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.imageblock .title, table.tableblock > .title, .listingblock > .title {
    color: black;
    font-size: small;
    font-style: normal;
    font-weight: normal;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    text-align: inherit;
}

ul>li::marker {
    color: #19a226;
}

table.tableblock {
    margin-bottom: 20px;
    border: 0;
    display: block;
    overflow-x: auto;
    border-collapse: collapse;
}

table.tableblock>thead {
    color: #494949;
    border-bottom: 3pt solid #339933;
    border-top: 1pt solid #D1D6D2;
    border-left: 1pt solid #D1D6D2;
    border-right: 1pt solid #D1D6D2;
    background-color: white;
}

table.tableblock>tbody {
    background-color: #F6F6F6;
    color: #494949;
}

thead>tr>th.tableblock {
    border: 1pt solid #D1D6D2;
    padding: 10px;
    vertical-align: top;
    text-align: inherit;
}

tbody>tr>th.tableblock {
    color: #494949;
    border-right: 3pt solid #339933;
    border-top: 1pt solid #D1D6D2;
    border-left: 1pt solid #D1D6D2;
    border-bottom: 1pt solid #D1D6D2;
    background-color: white;
}

td.tableblock {
    border: 1pt solid #D1D6D2;
    padding: 10px;
    vertical-align: top;
}

th.valign-top,td.valign-top{vertical-align:top}
th.valign-bottom,td.valign-bottom{vertical-align:bottom}
th.valign-middle,td.valign-middle{vertical-align:middle}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    color: #464646;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

body {
    font-family: 'Open Sans', -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";
}

#title,
.title,
#toctitle {
    color: black !important;
    font-weight: bold;
    font-size: 120%;
}

.green {
    fill: green;
}