h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    display: block;
    margin: 0.25em 0em;
    text-decoration: underline steelblue;
    line-height: 1.2em;
}
h1 {font-size: 2em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.2em;}
h6 {}




a {
    color: black;
}

i, em {
    font-style: italic;
}

b, strong {
    font-weight: bold;
}

div#backdrop {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.5;
    z-index: 50;
}

a.button {
    display: inline-block;
    height: 1.8em;
    vertical-align: middle;
}
a.button > img.icon {
    margin: 0em;
    height: 100%;
}

.info, .info > a {
    color: #00529B;
    background-color: #BDE5F8;
}
.success, .success > a {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.warning, .warning > a {
    color: #9F6000;
    background-color: #FEEFB3;
}
.error, .error > a {
    color: #D8000C;
    background-color: #FFD2D2;
}

.list_style_a > li {
    display: table;
    padding: 0.1em 0.25em;
}
.list_style_a > li:nth-child(even) {
    background: #eeeeee;
}
.list_style_a > li > span {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.list_style_b > li > div.header {
    background: red;
}

.toolbar > span,
.toolbar > span > span {
    display: inline-block;
    padding-bottom: 0.25em;
}
.toolbar > span > span {
    width: fit-content;
}