/* PrismJS 1.29.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+awk+bash+http+javadoclike+json+markup-templating+php+phpdoc+sparql+sql+turtle&plugins=keep-markup */
code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1rem;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}


/* CONTENT TOOLS WIDGET  */
.ct-code-dialog{
    left: 15.5% !important;
    top: calc(50% - 350px) !important;
    margin: 0 !important;
    height: 700px !important;
    width: 65% !important;
}

.ct-code-dialog .ct-dialog__body
{
    width: 100% !important;
    padding: 0 100px;
}

.ct-code-content{
    width: 100% !important;
    height: 100% !important;   
}

.ct-code-content-btn{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.ct-code-content-btn input{
    width: 200px;
}

.ct-code-content-btn input.invalid{
    color: red;
}

.code-edit-container{
    position: relative;
    height: 500px;
    border: 1px solid hsl(0, 0%, 60%);
    background-color: hsl(212, 35%, 95%);
    margin: 1em 0;
}
.code-input {
    opacity: 1;
    margin: 0;
    color: hsl(0, 0%, 40%);
    -webkit-text-fill-color: transparent;
    resize: none;
}
.code-input, .code-output {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1rem;
    border: none;
    font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
    font-size: 1em !important;
    background: transparent;
    white-space: pre-wrap;
    line-height: 1.5em;
    word-wrap: break-word;
}

.code-output
{
    pointer-events: none;
    z-index: 3;
    margin: 0;
    overflow-y: auto;
    width: 96%;
}

div.code-edit-container pre.code-output
{
    width: 100%;
}

.code-dialog-button 
{
    font-family: arial,sans-serif;
    border: none;
    color: white;
    padding: 8px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    font-weight: 700;
}

.code-dialog-button-green{
    background-color: green;
}

.code-dialog-button-orange{
    background-color: orange;
}

.code-dialog-button:disabled{
    background-color: #7b818663;
    cursor: default;
}

pre{
    background: transparent !important;
    margin: 0 !important;
}

code{
    margin: 0;
    display: block;
    color: hsl(0, 0%, 40%);
    font-size: 0.8rem;
    font-family: "PT Mono", monospace;
}

.code-view
{
    margin-bottom: 10px;
}

.code-block {
    position: relative;
    background: hsla(0, 0%, 89%, 0.63) !important;
    text-shadow: none !important;
}

.code-block span {
    position: relative;
    background: transparent !important;
    text-shadow: none !important;
}

codeblock.ce-element--over .code-block{
    background:  hsl(0, 0%, 89%) !important;
}

codeblock.ce-element--over{
    cursor: pointer !important;
}

codeblock.ce-element--focused .code-block{
    background:  hsl(0, 0%, 89%) !important;
    border: 2px solid rgba(243,156,18,.1);
}

codeblock.ce-element--focused pre[class*=language-] {
    padding: calc(1rem - 1px);
}

pre.pre-clear{
    display: none;;
}