.fmt,
.preview-wrap {
    line-height: 1.6
}

.fmt p,
.fmt address,
.fmt ul,
.fmt ol,
.fmt dl,
.fmt pre,
.fmt blockquote,
.fmt table,
.fmt figure,
.fmt hr,
.preview-wrap p,
.preview-wrap address,
.preview-wrap ul,
.preview-wrap ol,
.preview-wrap dl,
.preview-wrap pre,
.preview-wrap blockquote,
.preview-wrap table,
.preview-wrap figure,
.preview-wrap hr {
    margin-bottom: 1.25rem
}

.fmt p,
.preview-wrap p {
    word-wrap: break-word
}

.fmt p a,
.preview-wrap p a {
    word-break: break-all
}

.fmt ol ol,
.fmt ol ul,
.fmt ul ol,
.fmt ul ul,
.preview-wrap ol ol,
.preview-wrap ol ul,
.preview-wrap ul ol,
.preview-wrap ul ul {
    margin-bottom: 0
}

.fmt li>p:last-of-type,
.preview-wrap li>p:last-of-type {
    margin-bottom: 0 !important
}

.fmt h1,
.preview-wrap h1 {
    font-size: 2rem;
    margin: 2.75rem 0 1rem;
    padding-bottom: .5rem;
    border-bottom: 3px double rgba(0, 0, 0, .1)
}

.fmt h2,
.preview-wrap h2 {
    font-size: 1.75rem;
    margin: 2.5rem 0 1rem;
    padding-bottom: .5rem;
    border-bottom: 1px double rgba(0, 0, 0, .1)
}

.fmt>h2:first-child,
.preview-wrap>h2:first-child {
    margin-top: 0
}

.fmt h3,
.preview-wrap h3 {
    font-size: 1.5rem;
    margin: 2.25rem 0 1rem
}

.fmt h4,
.preview-wrap h4 {
    font-size: 1.25rem;
    margin: 2rem 0 1rem
}

.fmt h5,
.preview-wrap h5 {
    font-size: 1rem;
    margin: 1.75rem 0 1rem
}

.fmt h6,
.preview-wrap h6 {
    font-size: 1rem;
    margin: 1.5rem 0 .5rem
}

.fmt h6::before,
.preview-wrap h6::before {
    content: "❐";
    margin-right: .25rem
}

.fmt blockquote,
.preview-wrap blockquote {
    padding-left: 1rem;
    border-left: .25rem solid#e9ecef
}

.fmt pre,
.preview-wrap pre {
    padding: 1rem;
    max-height: 35rem;
    line-height: 1.5;
    background-color: #e9ecef;
    overflow: auto
}

.fmt pre code,
.preview-wrap pre code {
    word-wrap: normal;
    overflow-wrap: normal;
    white-space: inherit
}

.fmt hr,
.preview-wrap hr {
    margin: 2rem auto;
    max-width: 160px;
    border-top-width: 1px;
    background-color: rgba(0, 0, 0, .5)
}

.fmt img,
.preview-wrap img {
    max-width: 100%;
    height: auto
}

.fmt table,
.preview-wrap table {
    border: 1px solid#dee2e6;
    width: 100%;
    table-layout: fixed
}

.fmt table td,
.fmt table th,
.preview-wrap table td,
.preview-wrap table th {
    padding: .75rem;
    border: 1px solid#dee2e6;
    word-wrap: break-word
}

.fmt table [align=center],
.preview-wrap table [align=center] {
    text-align: center
}

.fmt table [align=right],
.preview-wrap table [align=right] {
    text-align: right
}

.fmt table thead th,
.preview-wrap table thead th {
    border-bottom-width: 2px;
    background-color: #e9ecef;
    color: #212529;
    font-weight: bold
}

.fmt table tbody tr:hover,
.preview-wrap table tbody tr:hover {
    background-color: rgba(0, 0, 0, .025)
}

.fmt .img-wrap,
.preview-wrap .img-wrap {
    display: block;
    text-align: center
}

article.fmt a img {
    cursor: pointer
}

article.fmt img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

article.fmt p>img {
    display: block;
    margin: 0 auto
}

.article-content {
    margin-bottom: 1.5rem
}

.article-content .userExcerpt p {
    margin-bottom: 0 !important
}

.article-content .col-md-90 {
    width: 120px
}

.article-content pre {
    position: relative
}

.right-side .right-block {
    margin-bottom: 1.5rem
}

#article-header {
    border-top: 2px solid#00965e
}

@media(max-width:767.98px) {
    .article-content .col-md-90 {
        width: 100%
    }
}