h3 {
    color: #02565d;
    font-size: 250%;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

h4 {
    color: #02565d;
    font-size: 180%;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

h5 {
    font-size: 140%;
    margin-top: 0.5em;
    margin-bottom: 0.3em;
}
p {
    margin-top: 1px;
    margin-bottom: 1px;
}

pre.cbcd-code, code.cbcd-hljs {  
    display: block;
    padding: 8px;
    border: 1px solid #AAAAAA;
    margin: 8px;
    color: #333;
}
code.cbcd-hljs pre {
    display: inline;
    margin: 0;
    padding: 0;
    
}

.cbcd-info-code {
    background-color: #DDDDDD;
    border-radius: 5px;
    box-shadow: 2px 2px #EEEEEE;
    margin: 2px;
    padding: 5px;
}

.cbcd-hide {
    display: none;
}

.cbcd-magic[data-magic~="help"] {
    background-color: #DDDDDD;
    margin: 1px;
    padding: 3px;
    border-radius: 3px;
}

.cbcd-magic[data-magic~="info"] {
    background-color: #DDDDDD;
    border: 1px solid #AAAAAA;
    margin: 1px;
    padding: 3px;
}

.left-indent-line {
    border-left: 0.5px solid #02565d88;
    padding-left: 5px;
    margin-left: 18px;

}

[contenteditable] .cbcd-magic[data-magic~="help"]:before {
    content: "?"; 
    font-weight: 900; 
    color: #c8cd19; 
    background-color: white;
    margin-right: 3px;
    margin-left: 3px;
}
[contenteditable] .cbcd-magic[data-magic~="info"]:before {
    content: "!"; 
    font-weight: 900; 
    color: #02565d; 
    background-color: white;
    margin-right: 3px;
    margin-left: 3px;
}

.cbcd-magic[data-magic~="detail"] {
    position: relative;

}



.cbcd-magic[data-magic~="detail"]:hover:after {
    content: "x"; 
    color: red; 
    font-weight: 600;
    font-size: 100%;
    margin-right: 5px;
    position: absolute;
    right: 5px;
    top: 0px;
}

.cbcd-magic[data-magic~="detail"]:hover { background-color: #F2F2F2; }


[contenteditable] .cbcd-magic[data-magic~="detail"] {
    background-color: #02565d22;
    border: 1px solid #02565d22;
}

[contenteditable] .cbcd-magic[data-magic~="detail"]:before {
    content: "\2195"; 
    color: #02565dcc; 
    top: -5px;
    left: -15px;
    position: absolute;
    font-size: 120%;
    font-weight: 900;
}

[contenteditable] .cbcd-magic[data-magic~="plus"] {
    display: inline-block;
    background-color: #02565d22;
    border: 1px solid #02565d22;
}

[contenteditable] .cbcd-magic[data-magic~="plus"]:before {
    content: "+"; 
    color: #02565dcc; 
    font-size: 150%;
    font-weight: 900;
}

[data-externaliframe] {
    font-style: italic;
}

table.bordered-table {
    border-collapse: collapse;
}

table.bordered-table td {
    border: 1px solid grey;
    padding: 3px;
}
table.bordered-table.smaller td {
    border: 1px solid grey;
    padding: 1px;
    font-size: 80%;
}

table.bordered-table .bckgrey td, table.bordered-table td.bckgrey {
    background-color: #CCCCCC;
} 

table.bordered-table .bold td, table.bordered-table td.bold {
    font-weight: bold;
} 

table.bordered-table .smaller td, table.bordered-table td.smaller {
    font-size: 80%;
} 

table.bordered-table .narrow td, table.bordered-table td.narrow {
    padding: 1px;
}