.ui.segments .segment, .ui.segment.markdown-body {
    font-size: 15px;
    margin: 0;
}

.editor-preview-active-side, .editor-preview, .markdown-body, .markdown-reply {

    font-size: 15px;

    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    /*overflow: hidden;*/
    line-height: 1.6;
    word-wrap: break-word;

    a {
        background: transparent;
    }

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

    ol li {
        margin: 8px 0;
    }

    pre[class*=language-] {
        margin: 1.2em 0!important;
    }

    strong {
        font-weight: bold;
    }

    h1 {
        font-size: 2em;
        margin: 0.67em 0;
    }

    img {
        border: 0;
    }

    hr {
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        height: 0;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    td,
    th {
        padding: 0;
    }

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

    a {
        text-decoration: none;
    }

    a:hover,
    a:focus,
    a:active {
        text-decoration: none;
    }

    hr {
        height: 0;
        overflow: hidden;
        background: transparent;
        border: 2px dashed #F0F4F6;
        border-bottom: 0px;
        margin: 18px auto;
        width: 50%;
    }

    hr:before,
    hr:after {
        display: table;
        content: " ";
    }

    hr:after {
        clear: both;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-top: 15px;
        margin-bottom: 15px;
        line-height: 1.1;
    }

    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 21px;
    }

    h3 {
        font-size: 16px;
    }

    h4 {
        font-size: 14px;
    }

    h5 {
        font-size: 12px;
    }

    h6 {
        font-size: 11px;
    }

    blockquote {
        margin: 0;
    }

    blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
        margin-bottom: 0;
    }

    ul,
    ol {
        padding: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    ol ol {
        list-style-type: lower-roman;
    }

    dd {
        margin-left: 0;
    }

    code,
    pre {
        font-family: monaco, Consolas, "Liberation Mono", Menlo, Courier, monospace;
        font-size:1em;
    }

    pre {
        margin-top: 0;
        margin-bottom: 0;
        overflow: auto;
    }

    .markdown-body>*:first-child {
        margin-top: 0 !important;
    }

    .markdown-body>*:last-child {
        margin-bottom: 0 !important;
    }

    .anchor {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        display: block;
        padding-right: 6px;
        padding-left: 30px;
        margin-left: -30px;
    }

    .anchor:focus {
        outline: none;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        position: relative;
        margin-top: 1.0em;
        margin-bottom: 16px;
        line-height: 1.4;
    }

    h1 {
        padding-bottom: 0.3em;
        font-size: 2.25em;
        line-height: 1.2;
        border-bottom: 1px solid #eee;
    }

    h2 {
        padding-bottom: 0.3em;
        font-size: 1.3em;
        line-height: 1.225;
        border-bottom: 1px solid #eee;
    }

    h3 {
        font-size: 1.2em;
        line-height: 1.43;
    }

    h4 {
        font-size: 1.1em;
    }

    h5 {
        font-size: 1.0em;
    }

    h6 {
        font-size: 0.9em;
        color: #777;
    }

    p,
    blockquote,
    ul,
    ol,
    dl,
    table,
    pre {
        margin-top: 0;
        margin-bottom: 10px;

        line-height: 30px;
    }

    ul,
    ol {
        padding: 10px 20px 10px 30px;
        color: #7d8688;
    }

    ol ol,
    ol ul {
        margin-top: 0;
        margin-bottom: 0;
    }

    li>p {
        margin-top: 16px;
    }

    dl {
        padding: 0;
    }

    dl dt {
        padding: 0;
        margin-top: 16px;
        font-size: 1em;
        font-style: italic;
        font-weight: bold;
    }

    dl dd {
        padding: 0 16px;
        margin-bottom: 16px;
    }

    blockquote {
        font-size: inherit;
        padding: 0 15px;
        color: #777;
        border-left: 4px solid #ddd;
    }

    blockquote>:first-child {
        margin-top: 20px;
    }

    blockquote>:last-child {
        margin-bottom: 20px;
    }

    blockquote {
        margin: 20px 0!important;
        background-color: #f5f8fc;
        padding: 1rem;
        color: #8796A8;
        border-left: none;
    }

    table {
        display: block;
        width: 100%;
        overflow: auto;
        margin: 25px 0;
    }

    table th {
        font-weight: bold;
    }

    table th,
    table td {
        padding: 6px 13px;
        border: 1px solid #ddd;
    }

    table tr {
        background-color: #fff;
        border-top: 1px solid #ccc;
    }

    table tr:nth-child(2n) {
        background-color: #f8f8f8;
    }

    img {
        max-width: 100%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    img:not(.emoji){
        border: 1px solid #ddd;
        box-shadow: 0 0 30px #ccc;
        -moz-box-shadow: 0 0 30px #ccc;
        -webkit-box-shadow: 0 0 30px #ccc;
        margin-bottom: 30px;
        margin-top: 10px;
    }
    img.rm-style {
        border: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        margin-bottom: 0;
        margin-top: 0;
    }

    code {
        background: #f9fafa;
        margin: 5px;
        color: #858080;
        border-radius: 4px;
        border: 1px solid #e4e4e4;
        max-width: 740px;
        overflow-x: auto;
        font-size: .9em;
        padding: 1px 2px 1px;
    }

    code:before,
    code:after {
        letter-spacing: -0.2em;
        content: "\00a0";
    }

    pre>code {
        padding: 0;
        margin: 0;
        font-size: 100%;
        white-space: pre;
        background: transparent;
        border: 0;
    }

    .highlight {
        margin-bottom: 16px;
    }

    .highlight pre,
    pre {
        padding: 14px;
        overflow: auto;
        line-height: 1.45;
        border-radius: 3px;
        color: #fff;
        border: none;
    }

    .highlight pre {
        margin-bottom: 0;
    }

    pre {
        word-wrap: normal;
    }

    pre code {
        display: block;
        padding: 0;
        margin: 0;
        overflow: initial;
        line-height: inherit;
        word-wrap: normal;
        background-color: transparent;
        border: 0;
    }

    pre code:before,
    pre code:after {
        content: normal;
    }

    .highlight {
        background: #ffffff;
    }

    .highlight .c {
        color: #999988;
        font-style: italic;
    }

    .highlight .err {
        color: #a61717;
        background-color: #e3d2d2;
    }

    .highlight .k {
        font-weight: bold;
    }

    .highlight .o {
        font-weight: bold;
    }

    .highlight .cm {
        color: #999988;
        font-style: italic;
    }

    .highlight .cp {
        color: #999999;
        font-weight: bold;
    }

    .highlight .c1 {
        color: #999988;
        font-style: italic;
    }

    .highlight .cs {
        color: #999999;
        font-weight: bold;
        font-style: italic;
    }

    .highlight .gd {
        color: #000000;
        background-color: #ffdddd;
    }

    .highlight .gd .x {
        color: #000000;
        background-color: #ffaaaa;
    }

    .highlight .ge {
        font-style: italic;
    }

    .highlight .gr {
        color: #aa0000;
    }

    .highlight .gh {
        color: #999999;
    }

    .highlight .gi {
        color: #000000;
        background-color: #ddffdd;
    }

    .highlight .gi .x {
        color: #000000;
        background-color: #aaffaa;
    }

    .highlight .go {
        color: #888888;
    }

    .highlight .gp {
        color: #555555;
    }

    .highlight .gs {
        font-weight: bold;
    }

    .highlight .gu {
        color: #800080;
        font-weight: bold;
    }

    .highlight .gt {
        color: #aa0000;
    }

    .highlight .kc {
        font-weight: bold;
    }

    .highlight .kd {
        font-weight: bold;
    }

    .highlight .kn {
        font-weight: bold;
    }

    .highlight .kp {
        font-weight: bold;
    }

    .highlight .kr {
        font-weight: bold;
    }

    .highlight .kt {
        color: #445588;
        font-weight: bold;
    }

    .highlight .m {
        color: #009999;
    }

    .highlight .s {
        color: #dd1144;
    }

    .highlight .n {
        color: #333333;
    }

    .highlight .na {
        color: teal;
    }

    .highlight .nb {
        color: #0086b3;
    }

    .highlight .nc {
        color: #445588;
        font-weight: bold;
    }

    .highlight .no {
        color: teal;
    }

    .highlight .ni {
        color: purple;
    }

    .highlight .ne {
        color: #990000;
        font-weight: bold;
    }

    .highlight .nf {
        color: #990000;
        font-weight: bold;
    }

    .highlight .nn {
        color: #555555;
    }

    .highlight .nt {
        color: navy;
    }

    .highlight .nv {
        color: teal;
    }

    .highlight .ow {
        font-weight: bold;
    }

    .highlight .w {
        color: #bbbbbb;
    }

    .highlight .mf {
        color: #009999;
    }

    .highlight .mh {
        color: #009999;
    }

    .highlight .mi {
        color: #009999;
    }

    .highlight .mo {
        color: #009999;
    }

    .highlight .sb {
        color: #dd1144;
    }

    .highlight .sc {
        color: #dd1144;
    }

    .highlight .sd {
        color: #dd1144;
    }

    .highlight .s2 {
        color: #dd1144;
    }

    .highlight .se {
        color: #dd1144;
    }

    .highlight .sh {
        color: #dd1144;
    }

    .highlight .si {
        color: #dd1144;
    }

    .highlight .sx {
        color: #dd1144;
    }

    .highlight .sr {
        color: #009926;
    }

    .highlight .s1 {
        color: #dd1144;
    }

    .highlight .ss {
        color: #990073;
    }

    .highlight .bp {
        color: #999999;
    }

    .highlight .vc {
        color: teal;
    }

    .highlight .vg {
        color: teal;
    }

    .highlight .vi {
        color: teal;
    }

    .highlight .il {
        color: #009999;
    }

    .highlight .gc {
        color: #999;
        background-color: #EAF2F5;
    }

}

.markdown-reply {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        position: relative;
        margin-top: .5em;
        margin-bottom: 16px;
        font-weight: bold;
        line-height: 1.4;
    }

    h1 {
        padding-bottom: 0.3em;
        font-size: 1.4em;
        line-height: 1.2;
        border-bottom: 1px solid #eee;
    }

    h2 {
        padding-bottom: 0.3em;
        font-size: 1.25em;
        line-height: 1.225;
        border-bottom: 1px solid #eee;
    }

    h3 {
        font-size: 1.2em;
        line-height: 1.43;
    }

    h4 {
        font-size: 1.1em;
    }

    h5 {
        font-size: 1em;
    }

    h6 {
        font-size: 1em;
        color: #777;
    }

}

.markdown-body > h2:first-child{
    margin-top: 0.4em;
}
.markdown-body {

    .ui.attached.block.header {
        border: 1px solid #d3e0e9;
    }
}
.ui.segments > .segment.markdown-body{
    border-top: 0;
}
