.SmallCaps {font-variant: small-caps;} .mono {font: 10pt Courier, Monospace;}
.indentedmono {font: 10pt Courier, Monospace; margin: 0 0 0 2em;}
.boxedmono {width: 500px; font: 10pt Courier, Monospace; border: 1px solid black;}
.boldmono {font: 10pt Courier, Monospace; font-weight:bold; background:lightgray;}

.labelOnBoxedMono {
    background: white;
    padding: 2px 5px;
    position: absolute;
    left: 5px;
    top: -10px;
}

.nolinkshow {color: black; text-decoration: none;}

.H1TOCLine {margin-left: 0em; color: blue;}
.H2TOCLine {margin-left: 1em; color: blue;}
.H3TOCLine {margin-left: 2em; color: blue;}
.H4TOCLine {margin-left: 3em; color: blue;}
.H5TOCLine {margin-left: 4em; color: blue;}
.H6TOCLine {margin-left: 5em; color: blue;}
#insertTOChere {width: 50%; border: 1px solid black;}
ol { margin-top: 0; margin-bottom: 0; padding-left: 1.4em; padding-top: 0; padding-bottom:0; border-top-width: 0; top: 0;}
ul {margin-top:0; margin-bottom:0; padding-left: 1.1em; padding-bottom: 0; padding-top: 0;}
li {margin-bottom: 0; margin-top: 0; padding-bottom: 0; padding-top: 0;} 
h2, h3 { margin-bottom: 0; text-decoration: underline;}
h4, h5, h6  { margin-bottom: 0; margin-top:0; }

table {padding: 2px; border-collapse: collapse;}
tr {vertical-align: top;}
th, td {border: 1px solid black;}

img, picture, video, svg {
  max-width: 100%;
  object-fit: contain;  /* preserve a nice aspect-ratio */
}

table.firstcolumnmono tr td:first-child {font: 10pt Courier, Monospace;}
table.firstcolumnbold tr td:first-child {font-weight: bold;}

div {margin: 0px;  padding: 0px 0px 0px 2px;}
//The box-sizing property allows us to include the padding and border in an element's total width and height.

//If you set box-sizing: border-box; on an element, padding and border are included in the width and height:
* {
  box-sizing: border-box;
}