/* ---- CSS Main ----

Name: Battlefield Theme
Version: 2.1
Last change: 25.09.2016
*/
.InformMessages { 
z-index: 555555;
}
.forum-container {
    z-index: 5555;
}
.top-bar .container {
    transition: 0.3s;
}
.nav-container {
    transition: 0.3s;
    opacity: 1;
    z-index: 10000;
}
.content-container .content, .content-container {
    position: relative;
}
div#ui-datepicker-div {
    background: #000;
}
.P.EventInfo, .Event .Attending, .Event .FormTitleWrapper {
    background: rgba(0,0,0,0.5);
    padding: 10px;
    margin-bottom: 1px;
}
.User-Role {
    vertical-align: bottom;
    height: 16px;
    border-right: 1px solid #555;
    padding-right: 5px;
    margin-right: 5px;
}
/*.content-container::before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-filter: blur(10px) !important;
    filter: blur(5px);
    background: url(https://eaassets-a.akamaihd.net/dice-commerce/forum%20assets/background-2.jpg);
    background-size: cover;
    background-attachment: fixed;
}*/
.Role-User:last-child .User-Role {
    border-right: 0px;
}

.status-moderator > .Discussion > .Item-Header, .status-moderator > .Comment > .CommentHeader { 
background: rgb(25, 46, 79) !important; 
} 
.Section-Discussion .body .content .Item:last-child.status-moderator, .Section-Discussion .body .Comments > .ItemComment.status-moderator { 
border-color: rgb(25, 46, 79); 
} 
.Section-Discussion .body .content .Item.status-moderator .Message { 
background: transparent !important; 
margin-left: -20px; 
width: calc(100% + 40px); 
padding: 20px; 
margin-top: 0px; 
} 
.DiscussionsTable .status-moderator.ItemDiscussion td:first-child { 
border-left: 2px solid #1b61bf; 
} 
.status-moderator.Rank-Admin > .Discussion > .Item-Header, .status-moderator.Rank-Admin > .Comment > .CommentHeader { 
background: #002633 !important; 
} 
.Section-Discussion .body .content .Item:last-child.status-moderator.Rank-Admin, .Section-Discussion .body .Comments > .ItemComment.status-moderator.Rank-Admin { 
border-color: #002633; 
} 
.Section-Discussion .body .content .Item.status-moderator.Rank-Admin .Message { 
background: transparent !important; 
}
.body { 
background: url('https://eaassets-a.akamaihd.net/dice-commerce/forum%20assets/background-2.jpg'); 
background-size: cover;
background-attachment: fixed; 
}

.CasualMessage {
    background: rgb(25, 46, 79);
    color: #fff;
    border-radius: 0px;
    border: 1px solid rgba(255,255,255,0.15);
    border-left: 0px;
	margin-top: 0px;
}
.DismissMessage a {
    text-decoration: underline;
}
.Section-Discussion .body .content .Item .Message {
    margin-bottom: 0px;
    padding-bottom: 0px !important;
}
.Section-Discussion .body .content .Item .Message p {
    font-size: 15px;
}

*:not(i) {
    font-family: Roboto !important;
}
.content-body .Section-Discussion .body .content .Item:last-child, .Section-Discussion .body .Comments > .ItemComment {
    background: rgba(0,0,0,0.5) !important;
    border: 0px;
}
h1.H, h1, h2, h3, h4, h5, h6, h2.H, h3.H, h4.H, h5.H, h6.H, .links-list-header.H, .top-bar-links *.H {
    text-shadow: none !important;
    font-family: Purista !important;
    max-width: 100% !important;
}
.top-bar {
    position: fixed;
    width: 100%;
    z-index: 5555;
}

.body {
    padding-top: 130px;
}
.DismissMessage {
    border: 1px solid rgba(255,255,255,0.15);
    border-left: 0px;
    border-radius: 0px;
    border-right: 0px;
    margin: 0px;
    margin-bottom: 15px;
    font-size: 14px;
}

.DismissMessage.InfoMessage, .DismissMessage.Info {
    background: #505050;
    color: #fff;
    border-color: rgba(255,255,255,0.3);
}

.DismissMessage.WarningMessage {
    background: #951e1e;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
}

.DismissMessage.AlertMessage {
    text-align: center;
    text-transform: uppercase;
    background: #9a5003;
    font-size: 15px;
    color: #fff;
    text-align: left;
}

.DismissMessage a.Dismiss {
    background: rgba(255,255,255,0.15);
    color: #ddd;
    margin-top: 1px;
    margin-right: 1px;
    border-bottom-left-radius: 3px;
}
.DismissMessage .Button {
    color: #fff;
    background: rgba(0,0,0,0.5);
    padding: 7px;
}
.content-body .body .frame {
    background: transparent;
}

.content-body span.Breadcrumbs {
    padding: 0px 15px;
    background: rgba(0,0,0,0.5);
}

.content-body h1.H.HomepageTitle {
    margin-left: 0px;
    text-shadow: -1px 1px 5px #000;
    font-size: 32px;
    background: rgba(0,0,0,0.3);
    display: inline-block;
    height: auto;
    padding: 5px;
    padding-bottom: 10px;
    margin-top: 5px;
    width: 100%;
}

.content-body .DataTable .Item, .content-body .DataTable .Item td {
    background: rgba(26, 26, 26, 0.65) !important;
    margin-bottom: 5px !important;
    position: relative;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

.content-body .panel {
    background: rgba(26, 26, 26, 0.65) !important;
	padding-top: 0px;
}

.content-body .search {
    border-bottom: 1px solid rgba(255,255,255,0.15);
    background: rgba(0,0,0,0.15);
    margin-bottom: 0px;
}

.content-body .Box.BoxCategories {
    padding: 5px;
    BACKGROUND: rgba(0,0,0,0.1);
    padding-top: 10px;
    margin-top: 0px;
}

.content-body ul.PanelInfo.PanelCategories {
    margin-left: 0px;
    margin-bottom: 0px;
}

.content-body .collapsible-menu-head.expanded {}

.content-body .categoriesMenu > .expanded {
    background: rgba(0,0,0,0.3);
    padding: 5px;
}

.content-body .FilterMenu.PanelCategories > li > ul > li:first-child, .PanelInfo.PanelCategories > li > ul li:first-child {
    border-color: rgba(255,255,255,0.15);
}

.content-body .collapsible-menu-head.expanded {
    border-color: rgba(255,255,255,0.25) !important;
}

.content-body.Section-Profile .DataListWrap .FormWrapper {
    margin-left: 0px;
    background: rgba(7,7,7,0.4);
    padding: 10px;
    margin-bottom: 5px;
}

.content-body.Section-Profile .Activities.DataList {
    padding-left: 0px;
}

.content-body .DataList .Item, .DataTable .Item {
    background: rgba(26, 26, 26, 0.82) !important;
    margin-bottom: 1px;
}
.content-body.Section-Profile .DataListWrap .H {
    margin-left: 0px;
    text-shadow: 1px 1px 5px #000;
}
.content-body .User > h1.H {
    margin-left: 0px;
    padding: 5px;
    text-shadow: 1px 1px 5px #000;
    margin-bottom: 5px;
}
.content-body.Section-Profile .About.P, .Section-Profile .ReactionsWrap {
    margin-left: 0px;
    background: rgba(0,0,0,0.7);
    padding: 5px;
    margin-bottom: 1px;
}
.content-body .Photo.PhotoWrap.PhotoWrapLarge.Online.status-helper.status-moderator.Rank-Admin {
    width: 100%;
}
.content-body.Section-Profile .ProfilePhotoLarge {
    max-width: 250px;
}
.content-body .content .DataTable td {
    padding: 10px !important;
}

.content .DataTable .Item h3 a {
    font-size: 16px;
    color: #fff;
}

.content-body .CategoryTable .ChildCategories {
    font-size: 12px;
    margin-top: 5px;
    border-top: 0px solid #aaa;
    padding-top: 3px;
}
td.BlockColumn.LatestPost .Wrap {
    text-align: right;
}
.content-body.Section-CategoryList .CategoryGroup h2.H {
    margin-left: 0px;
    text-shadow: 1px 1px 8px #000;
}
.content-body .container {
    padding-right: 0px;
}

.content-body .container {
    padding-right: 0px;
}
.footer-container {
    max-width: 80%;
}
.content-body .frame {
    max-width: 80% !important;
}

.content-body .top-bar-nav {
    margin-left: 0px;
}

.content-body .nav-container .nav {
    max-width: 80%;
}

.content-body .nav-container .nav ul {
    padding-left: 0px;
}

.content-body .panel {
    width: 15%;
}

.content-body .content-container {
    width: 84%;
}

@media all and (min-width: 1600px) { 

}
.content-body.Section-Discussion .body .content .Item {
    background: rgba(20,20,20,0.8) !important;
    margin-top: 1px;
    border: 0px;
}
.Section-Discussion .body .MessageList {
    padding-left: 0px;
}
.Section-Discussion .body .content .Item .Message a, .CategoryTable .ChildCategories a {
    color: #f17f1a;
}
.Section-Discussion .body .content .Item .Message a:hover, .CategoryTable .ChildCategories a:hover {
    color: #ff4207;
}
.CategoryTable .ChildCategories b {
    font-size: 0px;
}
.content .DataTable .Item .BlockTitle, .content .DataTable .Item .Meta a {
    color: #fff;
}
.content-body.Section-Discussion .CommentForm {
    margin-top: 0px;
    background: transparent;
    padding: 0px;
position: relative;
}
.content-body .MessageList .PageTitle {
    background: rgba(0,0,0,0.6);
    padding: 5px;
}
.content-body .MessageList .PageTitle h1 {
    margin: 15px 10px;
}
.content .DataTable .Item .DiscussionName .Wrap > a {
    color: #fff;
}
.BoxButtons.BoxNewDiscussion a {
    color: #000;
}
.content-body.index .content .DataTable .Item td {
    border-right: 1px solid rgba(255,255,255,0.15);
}
.content-body.index .content .DataTable .Item td:last-child {
    border-right: 0px solid rgba(255,255,255,0.15);
}
.content-body .content .DataTable .ItemDiscussion td.CheckBoxColumn {
    margin-right: 10px;
    padding: 0px !important;
    padding-top: 11px !important;
}
.content-body.index .content .DataTable .Item td:hover {
    background: rgba(26, 26, 26, 0.35) !important;
}
.content-body.Section-Discussion .CommentForm .FormWrapper *:not(.Button) {
    color: #ddd;
}
a.EditComment {
    white-space: unset !important;
}
.HasNew {
    background: rgba(155,255,0,0.6);
}
.content-body .CategoryTable > thead > tr > td {
    background: rgba(0,0,0,0.8);
    border-right: 1px solid rgba(255,255,255,0.15);
}
.content-body .content .DataTable > thead > tr .BigCount.CountComments {
    margin-top: 0px !important;
    width: 105px !important;
    text-align: center;
    padding-right: 5px !important;
    padding-left: 5px !important;
}
.content-body .content .DataTable.DiscussionsTable td {
    background: rgba(0,0,0,0.9);
    border-right: 1px solid rgba(255,255,255,0.15);
}

.content-body .content .DataTable.DiscussionsTable td.CheckBoxColumn {
    border-right: 0px;
}

.content-body .content .DataTable.DiscussionsTable td.DiscussionName {border-right: 0px;}
.Preview div.Spoiler div.SpoilerTitle  input {
    background: rgba(0,0,0,0.8);
}
.content-body.Section-Discussion .CommentForm .FormWrapper *:not(.Button).Preview {
    background: rgba(0,0,0,0.5);
    padding: 10px;
}
.content-body .editor .editor-sep {
    border-color: #ddd;
}
footer.site-footer .top-site-footer .social-links .social-links-list li {
    width: auto;
    margin-right: 10px;
}
.content-body .BoxButtons.BoxNewDiscussion {
    margin-bottom: 15px;
}

.content-body .content .BoxNewDiscussion .Button.Handle {
    padding: 10px;
    background-color: rgba(0,0,0,0.5) !important;
}

.content-body .NewDiscussion, .content-body .BoxNewDiscussion {
    padding-bottom: 0px;
    background: rgba(0,0,0,0.5);
}
.PreviewButton:hover, .WriteButton:hover, .DraftButton:hover, .Button.Cancel:hover, .Button.Danger.Popup:hover, #Form_Add:hover {
    background: #fff;
    color: #000;
    border-color: #aaa;
}
.PreviewButton, .WriteButton, .DraftButton, .Button.Cancel, .Button.Danger.Popup, #Form_Add {
    transition: 0.3s;
}
.content-body.NoPanel #DiscussionForm .H {
    margin: 0px;
    text-shadow: 1px 1px 5px #000;
}

.content-body.Section-PostDiscussion .body .DiscussionForm .FormWrapper {
    padding: 0px;
    margin-top: 30px;
}

.content-body .editor .icon {
    text-shadow: 1px 1px 10px #000;
}
.content-body .Section-PostDiscussion .body .DiscussionForm {
    padding-left: 0px;
}
.content-body.Section-PostDiscussion .body .DiscussionForm .FormWrapper label {
    width: 100%;
    display: block;
    background: rgba(0,0,0,0.5);
    padding: 5px;
    font-size: 16px;
}
.content-body.Section-PostDiscussion .body .DiscussionForm .FormWrapper .PostOptions label {
    display: inline-block;
    width: auto;
    cursor: pointer;
}
.content-body.Section-PostDiscussion .FormWrapper select, .content-body.Section-PostDiscussion .FormWrapper textarea, .content-body.Section-PostDiscussion .FormWrapper input:not(.Button) {
    background: rgba(0,0,0,0.7) !important;
    color: #fff;
    border-radius: 0px;
    border-color: transparent;
    transition: 0.3s;
}
.content-body.Section-PostDiscussion .FormWrapper textarea:focus, .content-body.Section-PostDiscussion .FormWrapper input:not(.Button):focus {
    background: rgba(20,20,20,0.9) !important;
}
.Section-Discussion .body blockquote {
    background: rgba(20,20,20,0.4);
    border-color: rgba(255,255,255,0.2);
    /* border-top: 0px; */
    /* border-bottom: 0px; */
    border-radius: 10px 0px;
}
.content-body.Pager .Highlight {
    background: rgba(255,255,255,0.3);
    line-height: 32px;
    text-shadow: 1px 1px 15px #000;
}
.content-body .Pager span, .content-body .Pager .Previous, .Pager .Next {
    color: #fff;
    background: #f17f1a;
    line-height: 32px;
    margin-bottom: 10px;
}

.content-body .Pager .Highlight {
    background: rgba(255,255,255,0.3);
    line-height: 32px;
    text-shadow: 1px 1px 15px #000;
    transition: 0.3s;
    border: 1px solid transparent;
}

.content-body .Pager .Highlight:hover {
    border: 1px solid rgba(0,0,0,0.5);
}

.content-body .Pager a {
    background: rgba(0,0,0,0.5);
    line-height: 32px;
    color: #ccc;
}

.content-body .Pager > * {
    vertical-align: top;
}
.content-body .DataList a.Delete {
    color: #aaa;
}
.content-body.Section-Profile #Status {
    background: rgba(0,0,0,0.5);
    padding: 5px;
    padding-right: 0px;
}
.content-body .User > h1.H {
    font-size: 36px;
    padding-left: 5px;
    font-family: ARial;
}
.content-body #Status a.Hijack {
    background: rgba(0,0,0,0.5);
    float: right;
    padding: 5px;
    margin-top: -5px;
    font-size: 16px;
}
.content-body .ProfileOptions {
    background: rgba(0,0,0,0.5);
}
.content-body .back-to-top {
    background: rgba(0,0,0,0.5);
}
.content-body .Overlay {
    padding-top: 50px;
    z-index: 100000;
}
.content-body .FilterMenu.FilterMenu li, .content-body .PanelInfo.FilterMenu li, .content-body .FilterMenu.PanelInfo li, .content-body .PanelInfo.PanelInfo li {
    border-color: rgba(255,255,255,0.5);
    margin-right: 10px;
}
.content-body.Section-Profile .Gloss .Rank {
    background: #f58e33;
    padding: 5px;
    text-shadow: none !important;
    font-size: 20px;
    vertical-align: top;
    display: inline-block;
    font-family: Purista EA;
    font-weight: 400;
}
.content-body .content .DataTable {
    margin-bottom: 30px;
}

.content-body.Section-CategoryList .CategoryGroup h2.H {
    margin-bottom: 0px;
    background: transparent;
    display: block;
    max-width: 47%;
    text-align: left;
    margin-bottom: -30px;
    padding-left: 8.4px;
}

.content-body.index td.CategoryName {
    font-size: 0px !important;
}
.content-body .content .DataTable td.CountDiscussions, .content-body .content .DataTable td.CountComments, .content-body .content .DataTable td.CountViews, .content-body .content .DataTable td.CountReplies {
    text-align: center;
}
.content-body span.Breadcrumbs {
    margin-bottom: 15px;
    display: block;
}
.content-body .MessageList .PageTitle {
    background: rgba(0,0,0,0.6);
    padding: 5px;
    margin-bottom: 15px;
}
.content-body.Section-Discussion .CommentForm .FormWrapper .Buttons {
    padding-bottom: 0px;
}
.content-body .content .MessageForm.CommentForm h2 {
    margin-top: 0px;
}
.content-body.Section-PostDiscussion .body .DiscussionForm.FormTitleWrapper {
    padding: 0px;
}
.content-body.Section-PostDiscussion .TextBoxWrapper textarea {
    color: #fff;
    background: rgba(0,0,0,0.8);
}
.editor-help-text {
    text-shadow: 1px 1px 10px #000;
}
.content-body.Section-Discussion .CommentForm .CommentFormWrap {
    background: rgba(0,0,0,0.3);
    padding: 10px;
}
.content-body .content .MessageForm.CommentForm h2 {
    margin-top: 0px;
    text-shadow: 1px 1px 5px #000;
    font-size: 28px;
}
.CommentButton, .DiscussionButton, #Form_Share, #Form_AddComment, #Form_SendMessage, .NewConversation, .ReplyToTopic, #Form_SignIn, #Form_SignUp {
    transition: 0.3s;
    border: 2px solid transparent;
    padding: 15px 40px 17px;
}
.CommentButton:hover, .DiscussionButton:hover, #Form_Share:hover, #Form_AddComment:hover, #Form_SendMessage:hover, .NewConversation:hover, .ReplyToTopic:hover, #Form_SignIn:hover, #Form_SignUp:hover {
    background: transparent;
    border-color: #f58e33;
    text-shadow: 1px 1px 10px #000;
}
.content-body.Conversations h1.H {
    font-family: Arial;
    margin-left: 0px;
    background: rgba(0,0,0,0.5);
    max-width: 100%;
    padding: 10px;
    font-size: 26px;
    margin-bottom: 20px;
    display: inline-block;
}
.content-body.Conversations .PageControls.Top {
    float: right;
}
.content-body.Conversations .PageControls.Top .NewConversation {
    height: 46px;
    padding-top: 13px;
}

.content-body .DataList.Conversations .Item {
    background: rgba(26, 26, 26, 0.5) !important;
    opacity: 1;
}
.content-body .DataList.Conversations .Item .Excerpt a {
    color: #ccc;
}
.content-body .DataList.Conversations .Item .Meta span {
    color: #aaa !important;
}
.content-body.Section-Conversation .DataList li .ConversationMessage .Message {
    margin-bottom: 1px;
}
.content-body.Section-Conversation .DataList li .ConversationMessage .Meta {
    padding: 10px 0 5px 10px;
}
.content-body .search .InputBox {
    border: 0px;
}
.content-body .PanelInfo.PanelInfo li.categoriesMenu {
    margin-right: 0px;
}

.content-body .PanelInfo.PanelCategories > li > ul li:first-child {
    border-top: 0px;
}
.content-body .DataList .Item.Activity {
    background: rgba(0,0,0,0.5) !important;
}
.Activities .DataList li.CommentForm {
    padding: 0px;
    margin-top: 10px;
}
.content-body.Section-Profile .DateCreated {
    color: #ccc;
}
.Section-Conversation .DataList.MessageList, .Section-Conversation .MessageForm.CommentForm, .Section-Conversation .WarningContext {
    padding-left: 0px;
}
.content-body.Section-Conversation .panel {
    padding: 10px;
}
.content-body.Section-Conversation .panel .search {
    margin-bottom: 15px;
}
.content-body .PopList .Item {
    background: rgba(18,18,18,0.95) !important;
    border-bottom: 0px;
    margin-bottom: 1px;
}

.content-body .Flyout.FlyoutMenu {
    background: transparent;
    border: 0px;
}

.content-body .PopList .Item.Title {
    padding: 5px;
    margin-bottom: 0px;
    border-bottom: 1px solid rgba(255,255,255,0.5);
}

.content-body .PopList .Item.Title a {
    color: #fff !important;
    font-size: 15px;
    background: rgb(174, 115, 29) !important;
    padding: 5px;
    text-transform: lowercase;
}

.content-body .PopList .Item.Title strong {
    font-size: 15px;
}
.content-body.Profile.EditMode .H {
    margin-left: 0px;
    font-size: 26px;
    text-shadow: 1px 1px 5px #000;
}
.content-body.Section-EditProfile .content-container form {
    padding-left: 0px;
}
.content-body.Profile.EditMode ul li label {
    text-shadow: 1px 1px 10px #000;
}
.content-body.Section-EditProfile .ProfileOptions {
    background: rgba(241,127,26,0.9);
    padding: 10px;
    border: 1px solid transparent;
    transition: 0.3s;
}
.content-body.Section-EditProfile .ProfileOptions:hover {
    background: rgba(241,127,26,0.9);
    border-color: #000;
    text-shadow: 1px 1px 15px #000;
}
.content-body.Section-EditProfile .Preferences {
    padding: 10px;
    background: rgba(0,0,0,0.5);
}
.content-body.Section-EditProfile .Preferences td {
    border-color: rgba(255,255,255,0.15);
    padding: 5px;
    transition: 0.3s;
}
.content-body table.PreferenceGroup th:first-child {
    margin-top: 10px;
    display: block;
    width: 100%;
    border-color: #fff;
    max-width: 100%;
    margin-bottom: 15px;
}
.Profile.EditMode.picture.content-body .SmallPopup > form > div > ul {
    background: rgba(0,0,0,0.5);
    padding: 10px;
}

.content-body table.PreferenceGroup th:last-child {
    display: none;
}
.Profile.EditMode.ignore.content-body .content > form {
    background: rgba(0,0,0,0.5);
    padding: 10px;
    margin-top: 25px;
}
.content-body .Popup .editor .icon {
    text-shadow: 0px 0px;
    color: #444;
}
.content-body.Section-DiscussionList .content .PageControls {
    display: inline-flex;
    vertical-align: bottom;
    float: right;
}
.content-body.Section-DiscussionList h1.H.HomepageTitle {
    margin-top: 0px;
}
input.InputBox.editor-input-url, input.InputBox.editor-input-image {
    background: #222;
}
.content-body .ChildCategoryList.DataList .Item h3 a {
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: 600;
    background: rgba(0,0,0,0.5);
    padding: 5px;
}
.Section-Discussion .body blockquote .QuoteFolding:before {
    background: transparent;
}
.MenuItems a:hover .ReactSprite, .MenuItems a:hover .Sprite {
    background-image: none;
}
.Section-Discussion .body .MenuItems-Reactions.Up {
    background: #000;
}
.Section-Discussion .body .MenuItems-Reactions.Up {
    background: #000;
    z-index: 5;
}
.BoxButtons.BoxNewDiscussion:hover > a {
    border-radius: 0px;
    border-color: #f17f1a;
    color: #f17f1a;
}
.BoxButtons.BoxNewDiscussion > a {
    padding: 10px;
    color: #fff;
    border-bottom: 2px solid transparent;
}
span.MItem.AuthorComments {
    display: none;
}
.Section-Discussion .body .AuthorInfo span.MItem.RoleTitle {
    display: none;
}
.FilterMenu {
    margin-left: 0px;
}
.FilterMenu li {
    background: rgba(0,0,0,0.3);
    margin-right: 0px !important;
    padding: 0 5px;
    border-bottom: 1px solid rgba(255,255,255,0.15) !important;
}

body#dashboard_root_bestof h1 {
    margin-left: 0px;
    text-shadow: 0px 0px 5px #000;
    font-size: 25px;
    font-weight: 600;
    font-family: 'Purista EA' !important;
}

.Section-BestOf .FilterMenu li {
    background: rgba(0,0,0,0.3);
    text-shadow: 0px 0px 10px #000;
    height: 47px;
    vertical-align: top;
    line-height: 47px;
    padding: 0px 10px;
    margin-right: 5px !important;
    transition: 0.3s;
}

.bes {}

.bestof span.ReactSprite {
    line-height: 47px;
}.Section-Discussion .body .ItemDiscussion .Message {
    font-size: 16px;
    line-height: 1.2;
}

.Section-BestOf .FilterMenu li.Active {
    background: rgba(0,0,0,0.6);
    border-width: 2px !important;
}

.Section-BestOf .FilterMenu li:hover {
    background: rgba(0,0,0,0.5);
    border-color: rgba(255,255,255,0.5) !important;
}
.BestOfWrap .Tile {
    background: rgba(0,0,0,0.3);
    width: calc(33.333% - 10px);
}

.BestOfWrap .Tile:nth-child(1n) {
    margin-left: 0px;
    width: calc(33.333% - 5px);
}

.BestOfWrap .Tile:nth-child(3n) {
    margin-right: 0px;
    width: calc(33.333% - 5px);
}
.Tile .Reactions {
    float: right;
}
.bestof .content-container {
    width: 100%;
}
.PhotoWrap.Online img {
    border-left: 3px solid #78c753;
}
.PhotoWrap.Offline img {
    border-left: 3px solid #3f3b3d;
}
.Section-PostDiscussion.content-body .content-container {
    width: 100%;
}
.Section-GroupList h1 {}

.Section-GroupList .content-container {
    width: 100%;
}

.Section-GroupList .content-container h1 {
    font-size: 30px;
    text-shadow: 1px 1px 5px #000;
    font-family: Purista EA !important;
    font-weight: bold;
}

.Section-GroupList .content-container .Button {
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 18px;
    margin: 10px 0;
    padding: 10px;
    border: 2px solid transparent;
    transition: 0.3s;
}


h2.Groups.H {
    text-shadow: 1px 1px 5px #000;
}

.Section-GroupList .DataTable thead td {
    background: rgba(0,0,0,0.8);
    margin-right: 1px;
    border-right: 1px solid rgba(255,255,255,0.15);
}

.Section-GroupList td.GroupName {
    width: 30%;
}


.Section-GroupList .MoreWrap {
    float: none;
    width: 100%;
}

.Section-GroupList .MoreWrap a.More {
    background: rgba(0,0,0,0.5);
    padding: 5px;
    width: 100%;
    display: block;
}

.Section-GroupList .MoreWrap a.More:hover {
    background: rgba(241, 127, 26, 0.85);
    color: #fff;
}
.Preview a {
    color: rgba(241, 127, 26, 0.85);
}
.Preview {
    background: rgba(0,0,0,0.5);
    color: #fff;
}
.Group .NavButton.Button {
    background: rgba(0,0,0,0.5);
    color: #fff;
}

.Group .NavButton.Button span {
    border-color: #fff transparent transparent transparent;
    transition: 0.3s;
}

.Group .Open .NavButton.Button span, .Group .Open .NavButton.Button span::before {border-color: #000 transparent transparent transparent;color: #000;}

h1.Group-Title {
    text-shadow: 1px 1px 5px #000;
}

.Group-Description {
    text-shadow: 1px 1px 20px #000;
}

.Meta.Group-Meta.Group-Info {
}

.Meta.Group-Meta.Group-Info .MItem {
    background: rgba(0,0,0,0.5);
    padding: 5px;
    margin-right: 1px;
    margin-left: 0px;
}

.Group a.Button.Primary {background: rgba(0,0,0,0.5);color: #fff;font-size: 14px;margin: 10px 0;padding: 10px;border: 2px solid transparent;transition: 0.3s;}

.Group a.Button.Primary:hover {
    border-color: rgba(241, 127, 26, 0.85);
    background: rgba(0,0,0,0.2);
}

.Group .NewDiscussion, .Group .BoxNewDiscussion {
    background: transparent !important;
}

.Group .NewDiscussion .Button {
    border: 0px !important;
    margin: 0px !important;
    color: #fff !important;
}

.Group .MoreWrap {
    float: none;
    width: 100%;
}

.Group .MoreWrap a {
    background: rgba(0,0,0,0.5);
    padding: 5px;
    width: 100%;
    display: block;
}

.Group .MoreWrap a:hover {
    background: rgba(241, 127, 26, 0.85);
    color: #fff;
}
.Group.edit div#GroupForm {
    padding: 10px;
    background: rgba(0,0,0,0.5);
}

.Group .content-container {
    width: 100%;
}

.Group.edit div#GroupForm a.Button.StructuredForm.P {
    color: #fff;
    background: rgba(255,255,255,0.15);
    padding: 10px;
    font-size: 16px;
}

.Group.edit div#GroupForm .Buttons a.Button, .Group.announcement .content-container .Buttons a.Button, .Event .content-container .Buttons .Button.CancelButton, .Groups .Buttons a.Button {
    background: #ddd;
    border: 2px solid #aaa;
    padding: 10px;
    font-size: 14px;
}

.Group.edit div#GroupForm .Buttons .Button.Primary, .Group.announcement .content-container .Buttons .Button.Primary, .Event .content-container .Buttons .Button.Primary, .Groups .Buttons .Button.Primary {
    background: rgba(241, 127, 26, 0.85);
    font-size: 14px;
    padding: 10px;
    color: #fff;
    border: 2px solid rgba(255,255,255,0.5);
    transition: 0.3s;
}
.Group.edit div#GroupForm .Buttons .Button.Primary:hover, .Group.announcement .content-container .Buttons .Button.Primary:hover, .Event .content-container .Buttons .Button.Primary:hover, .Groups .Buttons .Button.Primary:hover {
    background: rgba(0,0,0,0.5);
    border-color: transparent;
}
.Group span.Gloss {
    color: #fff;
}
.groupicon .ButtonGroup *, .groupicon form a.Button {
    background: rgba(0,0,0,0.5);
    transition: 0.3s;
    color: #fff;
    padding: 10px;
    font-size: 15px;
    border: 2px solid rgba(255,255,255,0.5);
    transition: 0.3s;
}

.groupicon .ButtonGroup *:hover, .groupicon form a.Button:hover {
    border-color: rgba(241, 127, 26, 0.85);
    background: rgba(241, 127, 26, 0.5);
}

.groupicon.content-body .content-container { width: 84%; }

.Group.announcement .content-container {
    width: 84%;
}
.Event .content-container {
    width: 100%;
}

.Group.announcement h1, .Event h1 {
    text-shadow: 1px 1px 5px #000;
}
body#groups_group_discussions .content-container {
    width: 84%;
}
.Popup a.Close {
    right: 30px;
}
.Popup .DismissMessage.WarningMessage {
    margin-top: 15px;
}
.WarningContext {
    background: rgba(0,0,0,0.5);
    padding: 10px !important;
}
.NewDiscussion .Button:focus {
    background: transparent;
}
.status-online-user {
    border-left: 3px solid #78c753;
}
.status-online-user {
    border-left: 3px solid #78c753;
}
.status-offline-user {
border-left: 3px solid #3f3b3d
}
.content-body .search {
margin-bottom: 15px; 
}
.Message br { margin: 0px; }
div.Popup .Body {
    background: rgba(55,55,55,1);
    color: #fff;
}

div.Popup .Body blockquote.Quote {
    background: rgba(255,255,255,0.3);
    border-color: rgba(255,255,0,0.2);
    margin: 0px;
}

div.Popup .Body blockquote.Quote * {
    color: #fff;
}

div.Popup .Body blockquote.Quote a {
    text-decoration: underline;
}

.Popup .Buttons-Confirm .Button {
    background: rgba(0,255,0,0.5);
    color: #fff;
    padding: 10px;
}

.Popup .Buttons-Confirm .Button.Close {
    background: rgba(255,0,0,0.5);
}
.Section-Discussion .body .Hijack .MenuItems-Reactions.Up a {
    color: #fff !important;
}
.Message ul li {
    margin: 0px;
}
div#GroupForm h1 {
    text-shadow: 1px 1px 10px #000;
}
.Groups.add.Section-Post #GroupForm form {
    background: rgba(0,0,0,0.3);
    padding: 10px;
}
.Section-GroupList .DataTable td .Button {
    background: rgba(241, 127, 26, 0.85);
    border-color: transparent; 
}
.Section-GroupList .content-container .Button:hover {
    border-color: rgba(241, 127, 26, 0.85);
    background: rgba(0,0,0,0.2);
}
.Group-Content > div {
    background: rgba(0,0,0,0.5);
    margin-bottom: 1px;
    padding: 10px;
}
input#Form_Move {
    background: darkgoldenrod;
    padding: 10px;
    font-size: 14px;
    color: #fff;
}
.Hero.Hero-WarningLevel {
    background: rgba(134, 13, 13, 0.7);
    color: #fff;
    border-radius: 0px;
    margin-bottom: -4px;
}

.Hero.Hero-WarningLevel * {
    color: #ddd !important;
}


.Hero.Hero-WarningLevel .Gloss {
    background: rgba(0,0,0,0.3);
    padding: 10px;
}
.JustNew {
    display: inline-block;
}
.Note.Closed {
    background: rgba(134, 13, 13, 0.7);
    padding: 10px;
    font-size: 20px;
    text-align: center;
}
.Activities a.CommentLink {
    transition: 0.3s;
    background: rgba(0,0,0,0.5);
    border-color: rgba(255,255,255,0.2);
}
input#Form_Comment {
    background: #f17f1a;
    color: #fff;
    padding: 10px;
    transition: 0.3s;
    font-size: 14px;
    border: 2px solid transparent;
}

input#Form_Comment:hover {
    border-color: #f17f1a;
    background: transparent;
}
.Popup input.Button.Primary.Okay {
    background: darkgreen;
    color: #fff;
    padding: 10px;
    font-size: 16px;
    transition: 0.33s;
    border: 2px solid transparent;
}

.Popup input.Button.Cancel {
    background: darkred;
    border-color: transparent;
    transition: 0.3s;
    padding: 10px;
    min-width: auto !important;
    font-size: 16px;
    color: #fff !important;
}

.Popup input.Button.Cancel:hover {
    background: transparent;
    border-color: red;
}

.Popup input.Button.Primary.Okay:hover {
    background: transparent;
    border-color: green;
}
.Gloss > .Role-User {
    vertical-align: top;
    display: inline-block;
    height: 30px;
    background: #000000;
    margin-left: 10px;
    padding-left: 0px;
    line-height: 30px;
}

.Gloss > .Role-User > span {
    vertical-align: top;
    display: inline-block;
    border: 0px;
    font-size: 18px;
    margin-right: 0px;
    padding: 0 5px;
    font-family: Purista !important;
    font-weight: 600;
    height: auto;
    color: #fff;
    cursor: pointer;
}
.content-body .User > h1.H {
    max-width: 80% !important;
}
.tos-rules {
    width: 100%;
}

.Hero.Hero-WarningLevel .tos-rules a {
    color: orange !important;
    margin-top: 5px;
    background: rgba(255,255,255,0.15);
    width: 100%;
    padding: 10px;
    transition: 0.3s;
}

.Hero.Hero-WarningLevel .tos-rules a:hover {
    background: orange;
    color: #fff !important;
}
li.Item.Empty.Center {
    margin-top: 0px;
}
.Popup input#Form_.Button {
    background: #f58e33;
    color: #fff;
    font-size: 20px;
    border: 2px solid transparent;
    transition: 0.3s;
    text-transform: lowercase;
}

.Popup input#Form_.Button:hover {
    background: transparent;
    border-color: #f58e33;
}
body, html {
    min-width: 1120px !important;
}
.Section-Discussion .CommentForm .FormWrapper textarea {
    background: rgba(0,0,0,0.5);
    border: 1px;
    transition: 0.3s;
}
.Section-Discussion .CommentForm .FormWrapper textarea:focus {
    background: rgba(20,20,20,0.9);
    color: #000;
}

@media all and (max-width: 1120px) {
	.top-bar {
    position: relative;
}
.body {
    padding-top: 0px;
}
}
.Group-Banner {
    background-size: 100% auto;
    background-color: rgba(0,0,0,0.4);
    background-position: center;
    width: 1120px;
    margin-left: auto;
    margin-right: auto;
}
div#Popup {
    top: 20% !important;
    position: fixed;
}
div.Overlay {
    height: 100% !important;
}
.Search .content-container {
    width: 100%;
}

.AdvancedSearch {
    max-width: 100%;
    transition: 0.3s;
}

.AdvancedSearch .Button .Sprite {
    filter: invert(100%);
}

.AdvancedSearch .InputAndButton .Button {
    background-color: #000;
    border-radius: 0px;
}

.AdvancedSearch.Open {
    background: rgba(0,0,0,0.5);
    padding: 10px;
}

.AdvancedSearch.Open .InputAndButton .InputBox {
    width: calc(100% - 80px);
}

.AdvancedSearch.Open .InputAndButton .bwrap {
    position: relative;
    float: right;
    right: 0px;
}

.AdvancedSearch .InputBox {
    transition: 0.3s;
}

.Open .InputAndButton .Handle {
    right: 80px;
}

.InputAndButton .Handle {
    transition: 0.3s;
}
.AdvancedSearch .Inline .Gloss {
    color: #fff;
}

.AdvancedSearch .Buttons .Button {
    background: #3a89c9;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    transition: 0.3s;
    border: 2px solid transparent;
}

.AdvancedSearch .Buttons .Button:hover {
    background: transparent;
    border-color: #3a89c9;
}

.ItemContent.Activity {
    overflow: inherit;
}

.Activity .Excerpt {
    overflow: hidden;
}
.Pager span, .Pager a {
    width: auto;
    padding-left: 10px;
    padding-right: 10px; 
}
.Section-Conversation .panel .Button {
    box-sizing: border-box;
    min-width: 0px !important;
    height: auto;
    padding: 10px !important;
    white-space: pre-wrap;
}
.top-bar-links li a {
    transition: 0.3s;
    border-bottom: 2px solid transparent;
}
.OptionsMenu .Flyout.MenuItems li a {
    white-space: pre-line;
}

/*.Section-Discussion .body .content .Item[class*='Rank-Admin'] .Item-Header {
background: #FF9900;
}

.Section-Discussion .body .content .Item[class*='Rank-Mod'] .Item-Header {
background: #16263F;
}*/

.Section-Discussion .body .Meta * {
    color: #fff !important;
} 

.Section-Discussion .body .UserSignature {
    max-height: 62px !important;
}
.Discussion a.Role-User {
    color: #fff;
    font-family: Purista !important;
    font-size: 15px;
    font-weight: 600 !important;
    display: inline-block;
    padding-right: 5px;
    border-right: 1px solid #fff;
    margin-right: 5px;
    height: 16px;
    line-height: 14px;
}
img.User-Role {
    display: none;
}
.Discussion a.Role-User:last-child, a.BF1-Role.User-Role
    { border-right: 0px; }

span.MiniPager a {
    background: rgba(80,80,80,0.7);
    color: #fff;
    padding: 0 5px;
    transition: 0.3s;
    border: 1px solid transparent;
}
span.MiniPager a:hover {
    background: rgba(241,127,26,0.5);
    border-color: #f17f1a;
}
span.MiniPager span {
    color: #fff;
}
.NewDiscussion {
    transition: 0.3s;
    border-bottom: 2px solid transparent;
    transition-timing-function: ease-in;
}

.NewDiscussion:hover {
    border-color: #f17f1a;
}

input#Form_SavePoll {
    background: darkorange;
    padding: 1-0x;
    box-sizing: border-box;
    min-width: 161px;
    padding: 15px 40px 17px;
    margin: 0 12px 0 0 !important;
    border: 2px solid transparent;
    font-size: 16px;
    color: #f3f3f3;
    text-align: center;
    transition: 0.3s ease-in;
}

input#Form_SavePoll:hover {
    background: transparent;
    border-color: darkorange;
}
body#vanilla_post_poll .content-container {
    width: 100%;
}

div#NewPollForm {
    padding: 0px !important;
}

#NewPollForm .FormWrapper {
    padding: 0px !important;
}

ul.DataList.Activities.hidden-activity {
    background: rgba(134, 13, 13, 0.7);
    padding: 10px !important;
}

a.back-to-top {
    z-index: 55555;
}
.ButtonGroup.Open .NavButton.Handle {
    background: #666;
    color: #fff;
}

.Group-Banner {
    max-width: 1120px;
    width: 100%;
}

.Group-Header a.Button.Popup {
    background: darkorange;
    padding: 10px;
    font-size: 14px;
    color: #fff;
    transition: 0.3s;
    border: 2px solid transparent;
}

.Group-Header a.Button.Popup:hover {
    border-color: darkorange;
    background: rgba(255, 140, 0, 0.4);
}

a.NavButton.Handle.Button.GroupOptionsTitle {
    background: darkorange;
    padding: 5px;
    font-size: 14px;
    color: #fff;
    transition: 0.3s;
    border: 2px solid transparent;
}
a.NavButton.Handle.Button.GroupOptionsTitle:hover {
    border-color: darkorange;
    background: rgba(255, 140, 0, 0.4);
}


.Section-Discussion:not(.ru) .body .content .Item[class*='Rank-Admin'] .Item-Header {
background: #FF9900;
}

.Section-Discussion:not(.ru) .body .content .Item[class*='Rank-Mod'] .Item-Header {
background: #16263F;
}

.Section-Discussion:not(.ru) .body .Meta * {
    color: #fff !important;
}  
.content-body .content .MessageForm.CommentForm h2 {
    margin-top: 0px;
    text-shadow: 1px 1px 5px #000;
    font-size: 28px;
    background: rgba(0,0,0,0.5);
    margin-bottom: 1px;
    padding-left: 10px;
}
.Section-Profile #Status {
    word-break: break-word;
}
.Tag-Closed { 
/* display: none; */ 
background: red; 
} 

.Tag-Closed::before { 
display: none; 
} 

.Tag-Announcement, .Tag-Closed { 
display: none; 
} 

.ItemDiscussion.Announcement a.Title::Before { 
width: 14px; 
height: 15px; 
background-image: url('http://eaassets-a.akamaihd.net/bl-cdn/cdnprefix/cfdu9ascfdas9-production-268/public/forum/sticky-icon-white.png'); 
content: ""; 
margin-right: 5px; 
background-repeat: no-repeat; 
display: inline-block; 
} 

.ItemDiscussion a.Title { 
position: relative; 
vertical-align: middle; 
} 

.ItemDiscussion.Closed a.Title::after { 
width: 14px; 
height: 15px; 
background-image: url(http://eaassets-a.akamaihd.net/bl-cdn/cdnprefix/cfdu9ascfdas9-production-268/public/forum/locked-icon-white.png); 
content: ""; 
margin-right: 5px; 
background-repeat: no-repeat; 
display: inline-block; 
float: left; 
margin-top: 3px; 
} 

span.Tag.Tag-Poll:before { 
display: none; 
} 

.Meta.Meta-Discussion { 
margin-left: 5px; 
} 

.Meta-Discussion span.Tag.Tag-Poll { 
border-radius: 3px; 
padding: 1px 5px 1px 5px; 
}
.DiscussionsTable .Rank-Mod.ItemDiscussion td:first-child, .DiscussionsTable .Rank-Admin.ItemDiscussion td:first-child { 
border-left: 2px solid #1b61bf; 
}