/*header*/
.pre-header{position: fixed;}
.BreadcrumbsBox{position: fixed !important; width: 100%; top: 68px;height: 20px;}
#titleBar{position: fixed; top: 20px; width: 100%;}
.Container{margin-top:70px;}

.Frame-content, .Breadcrumbs {  margin-top: 0 !important;  margin-bottom: 0 !important;}

[class^="vanilla-"][class$="-container-fullGutter-container-fullGutter-container-fullGutter"], .Breadcrumbs {  max-width: unset !important;  padding-left: 15px !important;  padding-right: 15px !important;}

.Container {  max-width: none !important;  padding-left: 15px !important;  padding-right: 15px !important;}

.Content.MainContent {  width: 100% !important;  flex-shrink: 0 !important;}

.Panel-main {  display: none !important;}

.forum-threadlist-wrapper {  margin-top: 0 !important;}

.PageControls {  float: unset !important;  display: unset !important;  margin: 0 !important;}

.PageControls-filters, .PagerBefore, .NewDiscussion, .BoxNewDiscussion, .NumberedPager {  margin: 0 !important;  padding-top: 0 !important;  padding-bottom: 0 !important;  padding-left: 0 !important;}

.PageControls-filters {  width: 100% !important;}

.InformMessages {  left: auto !important;  right: 0 !important;}


/* threads */

.postbit-message, .Message.userContent {  padding: 0px !important;  margin: 0px !important;}

.postbit-message {  padding-left: 10px !important;  padding-right: 10px !important;}

.postbit-message ~ br {  display: none !important;}

.postbit-userinfo br {  display: none !important;}

.postbit-userinfo {  padding-top: 8px !important;  height: 100% !important;}

.ItemComment::after, .ItemComment::before, .MessageList::before, .MessageList::after {  display: none !important;}

.MessageList {  margin-bottom: 0 !important;}

.embedExternal {  margin: 0 !important;  width: 100% !important;  clear: none !important;}

.vanilla-d7cut4-collapsableContent-heightContainer {  height: auto !important;}

.vanilla-toe1gy-collapsableContent-gradient {  opacity: 0 !important;}

.vanilla-1vww8zj-collapsableContent-footer {  display: none !important;}

.Reactions {  padding: 0 !important;  margin: 0 !important;  margin-right: 10px !important;  position: unset !important;  float: right !important;}

.postbit-postbody .clearleft {  clear: both !important;}

.postbit-header time {  visibility: hidden !important;}

.postbit-header time::after {  content: attr(title) !important;  visibility: visible !important;  position: absolute !important;  left: 25px !important;}



.bodybox-wrap {  padding-left: 100px !important;}

#latest + .Comment .postbit-header {  font-weight: bold !important;}


/* forums */

.forum-threadlist-thread-lastpost {  float: left !important;}

.forum-threadlist-thread-lastposter {  float:right !important;  width: unset !important;}

.Category {  float: right !important;}

.Frame-content .HomepageTitle {  display: block !important;}


.ReactButton.PopupWindow { display: none !important;}


.userShadow{border:1px solid #c4c4c4;box-shadow: 5px 5px #c4c4c4;margin-bottom: 20px !important;}


.post_link_ref, .post_link_ref a {  float:right;  color:#fff;  font-size: 12px;}


.Frame,.postbit-postdetails,.postbit-userinfo,.postbit-postbody {background: #1a0000 !important;color:#dadcde }

.Frame a {text-decoration:underline}


#PagerAfter a:not(.LastPage),#PagerBefore a:not(.LastPage),h1,h2,.userinfo-username-title,.paragraphMenu1-formattingMenus-button {color:#dadcde !important} 

/*@mention user */
.atMention {color:#e6e600 !important;}

button#paragraphMenu1-formattingMenus-button {  color: #fff;}


/* quoted box background */

.js-embed.embedResponsive * {  background: rgb(35, 30, 10);
    /* quoted comment txt */
  color: #dadcde;
}

/* link colour in quote */

article a {
  color: #ff9900 !important;
}/*cca300*, ffbf00/


/* leave comment box */
.ql-editor{  background: rgb(51, 26, 0);
  color: #dadcde !important;}
[id*="thanks_"]{
background: #2f4050 !important;
color:#dadcde !important
}


.Item-Body a {text-decoration:underline !important}

/*reaction buttons design*/
.Reactions .ReactButton.Quote,
.Reactions .ReactButton.ReactButton-Like,
.Reactions .FlagMenu.ToggleFlyout {
 width:69px!important;
 height:30px!important;
 background:linear-gradient(#ff9900,#995c00/* #ffa31a*/);
 border:1px solid #4d4d4d;
 display:flex!important;
 justify-content:center!important;
 margin:4px!important
}

/*button flyout colour*/
.Reactions .ReactButton:hover,
.Reactions .ReactButton:hover,
.Reactions .FlagMenu.ToggleFlyout:hover {
 background: #990000; /* #3c5587; */
 color:#fff
}