.posrel{position: relative;}
.copy_button{position: absolute; width: 115px; right: 10px; top: 10px; padding: 5px; border-radius: 5px; cursor: pointer; background-color: #d4d4d4;}
.copy_button:hover{background: #fff !important;}

.token.property{color: #4dd0e1 !important;}
.token.operator{color: #eceff1 !important;}
.language-json .token.string{color: #fbc02d !important}
code[class*="language-"], pre[class*="language-"]{font-size: 14px !important; font-weight: 400 !important; white-space: pre-wrap !important;}

.edit_code{ width: inherit; display: block; padding: 10px; font-size: 14px; font-family: monospace; background: #f8f8f8;}
.code_red {
    color: #c25;
}
.notes {border: none;padding: 10px;margin-bottom: 13px;background: #FEFFEF;border-left: 2px solid #F6FF6F;overflow: hidden;}
.token.comment, .token.prolog, .token.doctype, .token.cdata{color: #f06292 !important;}
.token.boolean, .token.number, .token.constant, .token.string, .token.char{color: #9ccc65 !important;}
.token.punctuation{color: #eceff1 !important;}
.token.keyword{color: #4dd0e1 !important;}
.token.function {color: #ce93d8 !important;}



.articles {
    border: none;
    padding: 10px;
    margin-bottom: 13px;
    background: #eff7ff;
    border-top: 3px solid #428bca;
    overflow: hidden;
   }