/* site-wide message colors */
.alert-warning, .AlertMessage {
    background-color: #3a854f;
    border-color: #ffffff;
    color: #ffffff;
}
.alert, .DismissMessage, .Errors {
    padding: 10px;
    margin-bottom: 22px;
    border: 1px solid transparent;
    border-radius: 8px;
}

/* yellow emoji change to green */
img.emoji, .safeEmoji, .nativeEmoji {
    filter:hue-rotate(66deg) brightness(62%) contrast(150%) saturate(65%);
    transform: scale(0.80, 0.80);
    transform-origin: center;
    font-size: 24px;
    }
    
/* "awesome" reaction button image */
a.ReactButton-Awesome {
    background-image: url("https://us.v-cdn.net/5021068/uploads/editor/zz/n0vdjxy8bu9d.png");
    background-position: 16px 5px;
    background-repeat: no-repeat;
}

/* "awesome" reaction "+" symbol positioning */
.ReactButton-Awesome span.ReactLabel {
    float:left;
    padding-left: 0px;
    font-size: 14px;
}

/* "awesome" reaction "count" */
.ReactButton-Awesome, .badge, .Count, .Alert {
    margin-left: 5px !important;
    margin-right: 0px !important;
    color: #666;
}

/* Author and Rank should not be uppercase  */
.Item .Name, .Item .Username, .MessageList .Item-Header .Rank {
    text-transform: none;
}

/* react button colors */
.btn-secondary, .ReactButton {
    color: #686868;
    background-color: #1a1a1a;
    border-color: transparent;
}
.badge, .Count, .Alert {
    background-color: #000;
}

/* Hide nonfunctional sidecar buttons for React and Quote  */
a.Button.ReactButton {
    visibility: hidden;
}

/* Clean up the post headers and footers */
.MessageList .Item-Header {
    padding: 10px 20px 10px 20px;
    background-color: #202020;
}
.MessageList .Item .Options {
    margin-top: -10px;
    margin-right: -20px;
}
.Item-Footer {
    padding: 12px 10px 8px 20px;
    background-color: #202020;
}
div.RecordReactions {
    text-align: right;
    margin-bottom: 5px;
}

/* Post body */
.MessageList .Item-Body {
    padding: 20px 30px 0 30px;
    background-color: #262626;
}

blockquote {
    border-left: 0px;
}

.embedExternal, .embedGiphy, .css-1xh9bja-embed-medium {
    background: rgb(38 38 38);
    width: 100%;
    border-width: 0px;
}

/* remove the ugly "New" prefixes */
/* #New - hide the number to prevent popping rollovers */
strong.NewCommentCount span.Number {
display: none;
}
/* "New" thread icon */
.HasNew {
display: none;
}
/* "New" thread text color */
.Section-DiscussionList .DiscussionName .EntryLink h3 {
color: #37864d;
font-family: "Open Sans", sans-serif;
font-weight: 600;
font-size: 1em;
}
/* "New" thread rollover color */
.Section-DiscussionList .DiscussionName .EntryLink:hover h3 {
color: #519e67;
}
/* "New" thread active (clicked) color */
.Section-DiscussionList .DiscussionName .EntryLink:active h3 {
color: #999;
}
/* "Read" thread text color */
tr.Read .DiscussionName .EntryLink h3 {
color: #999;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-size: 1em;
}
/* "Read" thread rollover color */
tr.Read .DiscussionName .EntryLink:hover h3 {
color: #BBB;
}


/* Forum home section description text */
.CategoryTable .CategoryDescription {
    color: #999;
}

/* forum list and thread list spacing */
.DataTable>tbody>tr>td {
    padding: 0px 20px 0px 10px;
}
.DataTable tbody .EntryLink {
    display: block;
    padding: 25px;
    margin: -20px;
}

/* text colors in posts */
.post-color-black, .post-color-black a {
    color: #666;
}

.post-color-aqua, .post-color-aqua a {
    color: #426d7d;
}

.post-color-blue, .post-color-blue a {
    color: #477196;
}

.post-color-fuchsia, .post-color-fuchsia a {
    color: #864577;
}

.post-color-gray, .post-color-gray a {
    color: #757575;
}

.post-color-green, .post-color-green a {
    color: #498a50;
}

.post-color-maroon, .post-color-maroon a {
    color: #824462;
}

.post-color-lime, .post-color-lime a {
    color: #43825e;
}

.post-color-olive, .post-color-olive a {
    color: #48866a;
}

.post-color-orange, .post-color-orange a {
    color: #8a7246;
}

.post-color-purple, .post-color-purple a {
    color: #6f4e8a;
}

.post-color-red, .post-color-red a {
    color: #92514d;
}

.post-color-silver, .post-color-silver a {
    color: #9a9a9a;
}

.post-color-teal, .post-color-teal a {
    color: #458686;
}

.post-color-white, .post-color-white a {
    color: #a7a7a7;
}

.post-color-yellow, .post-color-yellow a {
    color: #948a4e;
}

div.Signature.UserSignature a {
    color: #8a8a8a;
    text-decoration: none;
    font-weight: normal;
}


/* rank colors in posts */
span.Rank.MItem.Rank-Level-1,span.Rank.Rank-Level-1 {
    color: #545454;
}

span.Rank.MItem.Rank-Level-2,span.Rank.Rank-Level-2 {
    color: #545454;
}

span.Rank.MItem.Rank-Level-3,span.Rank.Rank-Level-3 {
    color: #838383;
}

span.Rank.MItem.Rank-Level-4,span.Rank.Rank-Level-4 {
    color: #6d8473;
}

span.Rank.MItem.Rank-Level-5,span.Rank.Rank-Level-5 {
    color: #5b8466;
}

span.Rank.MItem.Rank-Level-6,span.Rank.Rank-Level-6 {
    color: #538460;
}

span.Rank.MItem.Rank-Level-7,span.Rank.Rank-Level-7 {
    color: #4b845a;
}

span.Rank.MItem.Rank-Level-8,span.Rank.Rank-Level-8 {
    color: #448456;
}

span.Rank.MItem.Rank-Level-9,span.Rank.Rank-Level-9 {
    color: #3e8451;
}

span.Rank.MItem.Rank-Level-10,span.Rank.Rank-Level-10 {
    color: #39854e;
}

span.Rank.MItem.Rank-Level-11,span.Rank.Rank-Level-11 {
    color: #36874d;
}

span.Rank.MItem.Rank-Level-12,span.Rank.Rank-Level-12 {
    color: #368c4d;
}

span.Rank.MItem.Rank-Level-13,span.Rank.Rank-Level-13 {
    color: #36934d;
}

span.Rank.MItem.Rank-Level-14,span.Rank.Rank-Level-14 {
    color: #369a4e;
}

span.Rank.MItem.Rank-Level-15,span.Rank.Rank-Level-15 {
    color: #36a051;
}

span.Rank.MItem.Rank-Level-16,span.Rank.Rank-Level-16 {
    color: #36a754;
}

span.Rank.MItem.Rank-Level-17,span.Rank.Rank-Level-17 {
    color: #36ad57;
}

span.Rank.MItem.Rank-Level-18,span.Rank.Rank-Level-18 {
    color: #36b259;
}

span.Rank.MItem.Rank-JoinDate,span.Rank.Rank-JoinDate {
    color: #2e5b99;
}

span.Rank.MItem.Rank-Riot-Games,span.Rank.Rank-Riot-Games {
    color: #9a4f9a;
}

span.Rank.MItem.Rank-Sponsor-Under50,span.Rank.Rank-Sponsor-Under50 {
    color: #d0d0d0;
}

span.Rank.MItem.Rank-Sponsor-Over50,span.Rank.Rank-Sponsor-Over50 {
    color: #e2b650;
}

span.Rank.MItem.Rank-Discord-Admin,span.Rank.Rank-Discord-Admin {
    color: #7689d1;
}

/* Rank for moderators */
span.Rank.MItem.Rank-Mod,span.Rank.Rank-Mod {
    color: #ce8500;
}

/* Rank for admins */
span.Rank.MItem.Rank-Admin,span.Rank.MItem.Rank-Admin {
    color: #993f3d;
}

/* Rank for Drew */
span.Rank.MItem.Rank-Founder,span.Rank.MItem.Rank-Founder {
    color: white;
}

/* Roles list in user profile */
span.css-vku9bm-TokenItem-styles-root {
background-color: rgb(58 133 79);
}

/* Unhide moderation notes on mobile
.list-group, .PanelInfo, .DataList {
    margin-bottom: 100%;
}
THIS BREAKS THE REPLY EDITOR 
*/

/* Code blocks alternatie line color */

li.L1, li.L3, li.L5, li.L7, li.L9 {
    background-color: #333333;
        background: #4d4d4d;
}

.hljs .code .codeBlock .linenums .prettyprinted .rust {
    background-color: #4d4d4d;
}

li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
    background-color: #414141;
}

.pre.ol.li {
    background-color: #f0f0f0;
}

/* Emoji should be inline, not new line */
.Item .Message img {
    display: inline;
}

span.Tag-Closed {
    color: #aa3300;
}