/*

Foreground: Discord.css, most elements ripped from the Discord application
Background: HLJS Solarized Dark (highlight.js solarized-dark) https://highlightjs.org, Original Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmail.com>

*/

.dm-container {

position: relative;
margin: auto;
margin-bottom: 1rem;
padding: 0.5em;
width: 60%;
display: block;
border-radius: 10px;
overflow-x: auto;
color: #dcddde;
background: #36393f;
font-family: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1rem;

}

.dm-container p {

text-align: center;
margin-top: auto;

}

.dm-timestamp {

position: absolute;
bottom: 0;
margin-bottom: 0.2rem;
margin-left: 0.15rem;
color: #72767d;
font-size: 0.9rem;

}

.dm-credit {

position: absolute;
bottom: 0;
right: 0;
margin-bottom: 0.2rem;
margin-right: 0.4rem;
color: #72767d;
font-size: 0.9rem;

}

.dm-attachment {

position: absolute;
bottom: unset;
top: 0;
margin-top: 0.2rem;
margin-left: 0.075rem;

} a.dm-attachment {

color: #72767d !important;
font-size: 0.9rem !important;
text-decoration: none !important;

}

.dm-label {

position: absolute;
bottom: unset;
top: 0;
right: 0;
margin-top: 0.2rem;
margin-right: 0.5rem;
color: #72767d;
font-size: 0.9rem;

}

.dm-mention {

border-radius: 3px;
padding: 0 2px;
font-weight: 500;
unicode-bidi: -moz-plaintext;
unicode-bidi: plaintext;
color: #7289da;
background: rgba(114,137,218,.1);
position: relative;
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-family: "Helvetica Neue";
font-size: 100%;
vertical-align: baseline;
text-rendering: optimizeLegibility;
-webkit-transition: background-color 50ms ease-out,color 50ms ease-out;
transition: background-color 50ms ease-out,color 50ms ease-out;
cursor: pointer;

} .dm-mention:hover, .dm-mention a:hover {

border-radius: 3px;
color: #fff;
background-color: #7289da;

} .dm-mention a {

text-decoration: none;

}

a {color: #3087e8;} .pt-emphasis {font-style: italic;} .pt-strong {font-weight: bold;