* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    margin: 0;
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-family: "Segoe UI",Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;
    font-size: 11pt;
    line-height: 1.42857143;
    /*color: #111;*/
    color: #000;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    line-height: 1.1;
}

h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;

}

a {
    color: #337ab7;
    background-color: transparent;
    text-decoration: none;
}

a:hover {
    outline: dotted blue 1px;
}

a:hover, a:focus {
    color: #23527c;
    text-decoration: underline;
}

a:active, a:hover {
    outline: 0;
}

/* ======================= */
.note-editable {
    font-size: 11pt;
}

/* ======================= */
noter-index {
    display: block;
}

noter-index ul {
    list-style: square outside none;
}

noter-index ul h3 {
    margin-top: 8px;
    margin-bottom: 1px;
}

noter-index > h1 {
    font-size: 1.7em;
    font-weight: normal;
    border-bottom: 4px solid #a8a8a8;
    background-color: #e0e0e0;
    margin-top: 0;
    padding: 1px 5px 5px 5px;
}

noter-index h2 {
    font-size: x-large;
}

noter-index h3 {
    font-size: large;
}

noter-index hgroup h2 {
    border-top: solid #31708F;
    padding-top: 0.1em;
    border-bottom: solid #31708F;
    padding-bottom: 0.15em;
    padding-left: 0.5em;
    background-color: #f4f8fc;
}

noter-index plow-noter {
    margin: 0 0.5em;
}

/* ======================= */
plow-noter,
plow-noter toc,
plow-noter h1,
plow-noter h2 {
    background-image: url(paper-texture.png);
    background-repeat: repeat;
}

home-icon {
    display: inline-block;
}

home-icon:before {
    border: 1px solid #337ab7;
    border-radius: 0.15em;
    content: "⬆";
    padding: 0 0.25em;
}

view-icon {
    display: inline-block;
}

view-icon:before {
    border: 1px dashed #337ab7;
    border-radius: 1em;
    content: "👁";
    padding: 0 0.125em;
}

edit-icon {
    display: inline-block;
    transform: rotateZ(90deg);
}

edit-icon:before {
    content: "✎";
}

/* ======================= */
plow-noter {
    display: block;
    font-size: 11pt;
    background-color: #fffffc;
}

plow-noter b {
    color: #383838;
}

plow-noter a b {
    color: inherit;
}

plow-noter scap {
    font-size: 85%;
}

plow-noter toc {
    display: table;
    border: 1px solid #a8a8a8;
    border-radius: 0.5em;
    background-color: #f8f8f8;
    margin: 0.3em 0;
    padding: 5px;
    text-align: left;
    min-width: 33%;
}

plow-noter toc-title {
    display: block;
    text-align: center;
    font-weight: bold;
}

plow-noter toc ul,
plow-noter toc ol {
    margin: 0;
    padding: 0 0 0 1.5em;
}

plow-noter ol[lvl="0"] {
    list-style: none;
    counter-reset: olli_0;
    padding: 0;
    margin-top: 0.3em;
}

plow-noter ol[lvl="0"] > li {
    counter-increment: olli_0;
}

plow-noter ol[lvl="0"] > li:before {
    content: counter(olli_0) " ";
    padding: 0 0.25em 0 0;
}

plow-noter ol[lvl="1"] {
    list-style: none;
    counter-reset: olli_1;
}

plow-noter ol[lvl="1"] > li {
    counter-increment: olli_1;
}

plow-noter ol[lvl="1"] > li:before {
    content: counter(olli_0) "." counter(olli_1) " ";
    padding: 0 0.25em 0 0.5em;
}

plow-noter ol[lvl="2"] {
    list-style: none;
    counter-reset: olli_2;
}

plow-noter ol[lvl="2"] > li {
    counter-increment: olli_2;
}

plow-noter ol[lvl="2"] > li:before {
    content: counter(olli_0) "." counter(olli_1) "." counter(olli_2) " ";
    padding: 0 0.25em 0 1.0em;
}

plow-noter h1, plow-noter h2 {
    margin-bottom: 0.25em;
    padding: 0;
    font-family: 'Georgia', 'Times', serif;
    line-height: 1.3;
}

plow-noter h1 {
    font-size: 1.6em;
    font-weight: normal;
    border-bottom: 4px solid #a8a8a8;
    background-color: #e0e0e0;
    margin-top: 0;
    padding: 4px 5px 0 5px;
}

plow-noter h2 {
    margin-top: 0.9em;
    font-size: 1.4em;
    font-weight: normal;
    background-color: #f4f4f4;
    border-top: 3px solid #fff;
    border-bottom: 1px solid #bcbcbc;
    /*border-bottom: 1px solid #e0e0e0;*/
    /*text-shadow: 1px 0px 0px #fff, -1px 0px 0px #e0e0e0;*/
}

plow-noter h3 {
    font-weight: bold;
    font-size: 1.125em;
    color: #383838;
    text-decoration-line: underline;
    text-decoration-color: #999999;
    background-color: #f8f8f8;
}

plow-noter h4 {
    font-weight: bold;
    font-size: 1.1em;
    color: #383838;
}

plow-noter h5,
plow-noter h6 {
    font-weight: bold;
    font-size: 1.05em;
    color: #404040;
}

plow-noter p {
    margin: 0.5em 0;
}

plow-noter article {
    display: block;
    padding: 0.5em;
}