@font-face {
    font-family: 'icon';
    src: url('https://cdn.jsdelivr.net/contenttools/1.2.4/icons.woff');
    font-weight: normal;
    font-style: normal;
}

.ce-element--drop:before {
    background-image: url('https://cdn.jsdelivr.net/contenttools/1.2.4/images/drop-vert-above.svg');
}

.ce-element--drop-left:before,
.ce-element--drop-right:before {
    background-image: url('https://cdn.jsdelivr.net/contenttools/1.2.4/images/drop-horz.svg');
}

.ce-element--drop.ce-element--type-table-row {
    background-image: url('https://cdn.jsdelivr.net/contenttools/1.2.4/images/drop-vert-above.svg');
}

.ce-element--drop.ce-element--type-table-row.ce-element--drop-below {
    background-image: url('https://cdn.jsdelivr.net/contenttools/1.2.4/images/drop-vert-below.svg');
}

.ce-element--type-video {
    background-image: url('https://cdn.jsdelivr.net/contenttools/1.2.4/images/video.svg');
}

/* Alignment styles for images, videos and iframes in editable regions */

/* Center (default) */
[data-editable] iframe,
[data-editable] image,
[data-editable] [data-ce-tag=img],
[data-editable] img,
[data-editable] video {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

/* Left align */
[data-editable] .align-left {
    clear: initial;
    float: left;
    margin-right: 0.5em;
}

/* Right align */
[data-editable].align-right {
    clear: initial;
    float: right;
    margin-left: 0.5em;
}

/* Alignment styles for text in editable regions */
[data-editable] .text-center {
    text-align: center;
}

[data-editable] .text-left {
    text-align: left;
}

[data-editable] .text-right {
    text-align: right;
}


/* Local styles */
.author {
    font-style: italic;
    font-weight: bold;
}
.emphasis {
    font-style: italic;
}
pre.code {
    background-color: #0a0a0a;
    color: #00FFFF;
    font-weight: bold;
}
.technical-comment {
    padding-left: 5.62rem;
    font-style: italic;
    background:url("/images/bookmark_tile.png") repeat-y;
    background-size:50px auto;
}
.section-comment {
    font-style: italic;
    font-size: smaller;
    color: #0f0f0f;
}

.toc-level-1{
    font-size: 1em;
    padding-left: 0em;
}
.toc-level-2{
    font-size: 0.75em;
    padding-left: 0.5em;
}
.toc-level-3{
    font-size: 0.5em;
    padding-left: 1em;
}
.toc-level-4{
    font-size: 0.3em;
    padding-left: 1.5em;
}