@font-face {
	font-family: 'icons';
	src:url('/forums/bpnavbar/icons.eot?-wgfcxx');
	src:url('/forums/bpnavbar/icons.eot?#iefix-wgfcxx') format('embedded-opentype'),
		url('/forums/bpnavbar/icons.woff?-wgfcxx') format('woff'),
		url('/forums/bpnavbar/icons.ttf?-wgfcxx') format('truetype'),
		url('/forums/bpnavbar/icons.svg?-wgfcxx#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}




.mainnavbar
 {
 width:100%;
 padding:0;
 margin:0;
 z-index:99999999;
 position:relative;

	background:#000;
	
	


    background:#3e4046;
    /*background: #252a3e;*/
    /*box-shadow: 2px 2px 20px #00000085;*/
   display:flex;
   flex-flow: row;
       height: 48px;
           justify-content: flex-start;
    align-items: center;
 }
 
 .mainnavbar:after
 {
 clear:both;
 }

.navbarUserData
{
    /* width: 100%; */
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
        margin-right: 28px;
        height:100%;
}

.userdatacontent
{
	margin:auto 6px;
	position:relative;
}
.mnavbarbpname
{
    margin-left:5px;
    font-size: 18px;
    font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
    letter-spacing: -0.03em;
    font-weight: 600;
    color: #fff;	
}

.mnavbarcontentlogo a
{
    text-decoration:none;
}

#usernameHolder, #repscorearea
{
	font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
	    font-size: 14px;
    line-height: 9px;
    font-weight: 500;
}
#usernameHolder
{
	display:flex;
	height:100%;
	cursor:pointer;
}
#repscorearea
{
    text-decoration: none;
        background: #00000033;
    padding: 9px;
    border-radius: 12px;
    letter-spacing: 0.25px;
    color: #ffffffe3;
}

#usernameHolder a, #repscorearea a
{
	color:#fff;
	text-decoration:none;
}

.nameDropDown
	{
		display:none;
  		position: absolute; 
  		top:48px;
  		background:rgba(0,0,0,0.9);
  		padding:0;
  		width:220px;
  		font-size:14px;
  		line-height:34px;
  		color:#ccc;
  		left:-30px;
  		
box-shadow: rgba(0, 0, 0, 0.6) 1px 4px 8px;
background: linear-gradient(rgba(169, 3, 41, 0.9) 0%, rgba(109, 0, 25, 0.8) 100%);
    border-radius: 0 0 10px 10px;
    background: #3e4046;
    box-shadow: 0px 30px 25px #00000089;
    z-index:-1;
    padding: 0 0 5px 0;
	}

.nameDropDown a
	{
  		color:#fff !important;
	}

#usernameHolder a:hover 
{
	/*background:rgba(169, 3, 41, 0.9);*/
	color:#b9e4f7;
}	

#usernameHolder:hover .nameDropDown {
  display: block; /* open content when clicking*/
}

.userdataavatar
{
    border-radius: 50%;
    overflow: hidden;
    height: 38px;
    width: 38px;
    margin: auto 8px auto 0;	
    display:flex;
    box-shadow: inset 0px 0px 0px 1px #ffffff1f;
}

.userdataavatar img
{
	/*
    width:100%;
    height:100%;
    */
   max-width:100%;
   max-height:100%;
   margin:auto;
}
.nameDropDown:hover {
  display: block; /* not closing content while cursor is over it */
}


.nameDropDownItem
	{
    padding: 6px 8px;
    margin: 2px 8px;
    border-radius: 10px;
    /* margin-bottom: 1px; */
    padding-left: 20px;
	}

.nameDropDownItem:hover
	{
		background: rgba(255, 255, 255, 0.25);	
	}


.nameDropDownItem:before
	{
			position:relative;
			width:30px;
			height:30px;
			color:#fff;
			-webkit-font-smoothing: antialiased;
			font-family:"icons";
			left:-8px;
			font-size:12px;
			opacity:0.75;		
	}
	
	#nameDropDownItemProfile:before
		{
			content: "\e600";
		}

	#nameDropDownItemSettings:before
		{
			content: "\e601";
		}

	#nameDropDownItemLogout:before
		{
			content: "\e605";
		}
			
						
.mnavbarcontent
 {
 font-size:12px;
 color:#646464;
 height:100%;
 }
.mnavbarcontentlogo
 {

 margin-left:16px;
 }
 .mnavbarcontentlogo a
 {
	display:flex;
	align-items:center;
 }
.mnavbarcontentlogo img
 {
	width:34px;
	height:34px;
	border-radius:50%;
 }
.mnavbarcontentlogoFloated
 {
	position:fixed;
	overflow:hidden;
	border-radius:20px;
	top:-40px; 	
	z-index:999999;
	width:34px;
	height:34px;
 }
.mnavbarcontentlogoFloated img
 {
	width:100%;
	height:100%;
 } 
#hiddenLogin
{
	    padding: 22px;
    position: absolute;
    top: 48px !important;
    left: 0 !important;
    /* background: linear-gradient(rgba(169, 3, 41, 0.6) 0%, rgba(109, 0, 25, 0.4) 100%); */
    box-shadow: rgb(0 0 0 / 32%) 1px 20px 30px !important;
    display: block;
    border-radius: 0;
    right: 0;
    padding-left: 74px;
    background: #1a1e2d !important;
    display: flex;
    justify-content: flex-end;
}
.bpNotifFloated, .bpPMFloated
 {
	position:fixed;
	overflow:hidden;
	z-index:9000;
	width:16px;
	height:16px;
	left:32px;
	padding:8px;
		
    float: left;
    border: 1px solid rgba(155,155,155,0.35);
    border-radius: 50%;	
 }

		.bpNotifFloated::before, .bpPMFloated::before {
		    display: block;
		    content: ' ';
			background:rgba(155,155,155,0.4);
		    width: 28px;
		    height: 28px;
		    border-radius: 50%;
		    position:absolute;
		    z-index:-1;
		    top:2px;
		    left:2px;
		}

		.bpNotifFloated.bpnotifHighlight
		{
			border: 1px solid rgba(244,44,44,0.35);
		}
				
		.bpNotifFloated.bpnotifHighlight::before
		{
			background:rgba(244,44,44,1);	
		}

.bpNotifFloated .alertsnum.numvalh
{
	
margin: 0px 0px 0px -3px;
font-size: 13px;
border-radius: 22px;
padding: 0;
background:rgba(244,44,44,1);	
width:70%;
text-align:center;
position:absolute;
}

		.bpPMFloated
		{
			left:58px;
		} 

#notifImgIcon
{
	opacity:0.25;
}

.bpNotifFloated #notifImgIcon
{
	opacity:0.5;
}



.notifImgIconHighlighted
{
	opacity:1 !important;
}
.notifImgIconFloated
 {
	width:75%;
	height:75%;
	padding:4px 0px 0px 0px;
 }

#PMImgIcon
{
	opacity:0.25;
}

.PMImgIconFloated
 {
	width:90%;
	height:90%;
	padding:4px 0px 0px 2px;
 }
  
 

.forumsListFloated
 {
    position:fixed;
    background:#000;
    display:none;
    width:2px;	
	margin-left: 20px !important;
	padding-left: 30px;    
 } 

.forumsListFloatedActive
 {
 	margin:0px 0px 0px 0px;
	background:rgba(0,0,0,0.9);
	display:block;
	z-index:99999;
	border-radius:3px;
	
 	box-shadow: 0px 0px 18px rgba(0,0,0,0.8);
 	
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(234,234,234,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */

	border:1px solid rgba(0,0,0,0.35);
	border-top:0;
	border-bottom:2px solid #2550a3;
 } 

.forumsListFloatedActive a, .forumsListFloatedActive dt 
	{
		color:#333 !important;
	}
 


.forumsListFloatedActive a:hover, .forumsListFloatedActive dt:hover 
	{
		color:#0033ff !important;
	}
  
    
.mnavbarcontent a
 {
 color:#646464;
 text-decoration:none;
     text-decoration: none;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
 }

.forumnavItem .forumjump
{
	justify-content:unset !important;
}


.regrBtn
 {
 float:left;
 border-radius:3px;
 padding: 8px 9px;
 margin: 5px 0px 0px 4px;

/* 
background: rgb(82,196,88); 
background: -moz-linear-gradient(top,  rgba(82,196,88,1) 0%, rgba(48,157,52,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(82,196,88,1)), color-stop(100%,rgba(48,157,52,1))); 
background: -webkit-linear-gradient(top,  rgba(82,196,88,1) 0%,rgba(48,157,52,1) 100%); 
background: -o-linear-gradient(top,  rgba(82,196,88,1) 0%,rgba(48,157,52,1) 100%); 
background: -ms-linear-gradient(top,  rgba(82,196,88,1) 0%,rgba(48,157,52,1) 100%);
background: linear-gradient(to bottom,  rgba(82,196,88,1) 0%,rgba(48,157,52,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52c458', endColorstr='#309d34',GradientType=0 );
*/


float: left;
border-radius: 14px;
border: 1px solid rgb(60, 65, 79);
padding: 6px 12px;
margin: 6px 6px 0px 0px;

 }  
 
.regrBtn a
	{
	text-decoration:none;
	color:#fff;
	font-size:12px;
	font-weight:700;
	font-family:arial;	
	letter-spacing:0px;
	} 

.loginBtn
	{
		
		/*
background: #8b8b8b; 
background: -moz-linear-gradient(top,  #8b8b8b 0%, #676767 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8b8b8b), color-stop(100%,#676767));
background: -webkit-linear-gradient(top,  #8b8b8b 0%,#676767 100%); 
background: -o-linear-gradient(top,  #8b8b8b 0%,#676767 100%); 
background: -ms-linear-gradient(top,  #8b8b8b 0%,#676767 100%); 
background: linear-gradient(to bottom,  #8b8b8b 0%,#676767 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b8b8b', endColorstr='#676767',GradientType=0 ); 
*/
		text-decoration:none;
	color:#fff;
	font-size:12px;
	font-weight:700;
	font-family:arial;	
	letter-spacing:0px;
	cursor:pointer;	
	}
	
.bplogin
	{

 float:left;
 border-radius:3px;
 padding: 4px 9px;
 margin: 0 0 0 15px;
 border-top:1px solid #3ab0f6;
 
background: rgb(26,162,244); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(26,162,244,1) 0%, rgba(8,145,227,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(26,162,244,1)), color-stop(100%,rgba(8,145,227,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(26,162,244,1) 0%,rgba(8,145,227,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(26,162,244,1) 0%,rgba(8,145,227,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(26,162,244,1) 0%,rgba(8,145,227,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(26,162,244,1) 0%,rgba(8,145,227,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1aa2f4', endColorstr='#0891e3',GradientType=0 ); /* IE6-9 */
	
	}	
	
.bplogout
 {
 border-radius:3px;
 padding: 2px 8px;
 margin: 0px 0px 0px 0px;
 }

.bplogout a:hover
 {
 color:#eb973e;
 }
.bplogout img
 {
 height:15px;
 margin: 0px 8px 0px 0px;
 } 

.bplogoutbutton
 {
 border:0;
 padding:0;
 color:#fff;
 font-family:arial;
 font-size:12px;
 font-weight:700;
 letter-spacing:0px;
 cursor:pointer;
 background:transparent;
 }
.bploginbox
 {
 float:left;
 margin:0;
 }
.bploginbox input
 {
 background:#fff;
 border:1px solid #000;
 border-radius:3px;
 box-shadow:inset 1px 1px 3px #aaa;
 padding:3px 5px 3px 5px;
 }
.bploginmid
 {
 float:left;
 color:#eee;
 font-size:11px;
 font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
 margin:0 0 0 2px;
 }








nav {float:left;height:100%;}
nav ul {text-align:center;padding:0;margin:0;height:100%;}
nav ul li {float:left;display:inline-flex;align-items: center;height:100%;cursor:pointer;font-weight:bold; font-family: arial; font-size: 12px; text-decoration: none;}
nav ul li:hover {color:#009cff !important;}
nav ul li a {display:block;color:#e0e0e0 !important; width:35px;font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";}

/* container for dropdown*/
nav ul li ul {
position:absolute;width:370px;
display:block; color:#efefef; text-decoration:none; background: rgba(0,0,0,0.95); margin:0 0 0 -60px; border:1px solid #ccc; border-top:0;border-bottom:0;
box-shadow:1px 2px 4px rgba(0,0,0,0.4); 




    color: #efefef;
    background: rgb(0 0 0 / 84%);
    margin: 0px 0 0 -60px;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-radius: 30px;
    border:unset;
    box-shadow: 1px 2px 30px rgb(0 0 0 / 68%);
    box-shadow: 6px 10px 26px rgb(0 0 0 / 48%);
    overflow:hidden;
    padding:10px 0;
    
    top:40px;
    height:auto;   
}


.endbar
	{
		content:'';
		display:block;
		height:13px;
		left:0;
			background: #f5f5f5; /* Old browsers */
			background: -moz-linear-gradient(top,  #f5f5f5 0%, #d8d8d8 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #f5f5f5 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #f5f5f5 0%,#d8d8d8 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #f5f5f5 0%,#d8d8d8 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #f5f5f5 0%,#d8d8d8 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
			
			background:unset;
			height:0px;

	}
	
	
/*individual item*/
nav ul li ul li {width:370px; margin: 10px 10px 0;
    border-radius: 24px;
    overflow: hidden;
    width: calc(100% - 20px);}
nav ul li ul li a {display:block;color:#888 !important; padding: 25px 15px 42px 15px; text-align:left;text-decoration:none; font-size:10px; font-family: arial; width:auto; }
nav ul li ul li:hover a {background:#1a3349; box-shadow: inset 0px 0px 100px rgba(0,0,0,0.55); transition: all 0.1s ease-in-out; color:#fff;}


nav ul li ul.fallback {display:none;}
nav ul li:hover ul.fallback {
	display:grid;
	grid-gap:2px;
	}


.dropdownSeparator {
	display:block !important;
	border:1px solid #2a2a2a;
	color:#666;
	font-family:helvetica;
	border-left:0;
	border-right:0;
	background:rgba(0,0,0,0.95);
	padding:8px 5% !important;
	font-size:10px;
	margin:0;
	text-align:left;
	width:90%;
	
	
	border:unset;
	border-radius: 20px;
    margin: 0 8px;
    background: #fff3;
    width: calc(90% - 16px);
    /*backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);*/
   background:unset;
   font-size:13px;
    font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
}

.dropdownSeparator:hover
	{
		color:#666 !important;
	}






.notiftitle
{
padding:0;
margin:0;
}
.notiftitleactive
{
/*background:#526EA6;*/
/*background:#505050;*/
z-index:9999;
color:#ddd;
border-radius:50%;
}
.alerts {
 text-decoration:none;
 cursor:pointer;
}
.subpanel {
	position: absolute;
        left: 0px; top: 0px;
        margin:15px 0px 0px 0px;
	display: none;
	width: 420px;
	border: 1px solid #000;
        border-top:0;
	background: #fff;
	overflow: hidden;
        font-size:11px;
        font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
        color:#333;
        z-index:9998;
        box-shadow: 4px 4px 0px rgba(0,0,0,0.3);
        padding:0;
        
        
        
        border-radius: 20px;
    border: 0;
        box-shadow: 0px 5px 100px #0f1b3c59;
    
    right: -55px;
    top: 15px;
    left: auto;
    
}
.subpanel ul{
	padding: 0; margin: 0;
	background: #fff;
	width: 100%;
	overflow: auto;
	/*padding-bottom: 2px;*/
}
.subpanel li{
	float: none; /*--Reset float--*/
	display: block;
        padding:8px 10px 8px 10px;
	margin: 0;
	overflow: hidden;
	clear: both;
	background: #fff;
	position: static;  /*--Reset relative positioning--*/
	font-size: 0.9em;
        border-bottom:1px solid #eaeaea;
        font-size:11px;
        font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}
.subpanel li a {
/*color:#00629a;*/
text-decoration:none;

font-weight:700;
color:#000;
font-size:11px;
}
.targetlink {color:#00629a !important;}
.subpanel #title {
        clear:both;
        float:left;
        font-size:10px;
        letter-spacing:0;
        font-weight:700;
        /*color:#fff;*/
        padding:10px 15px 10px 15px;
        width:305px;
        border-bottom:1px solid #eaeaea;
        /*background:#526ea6;*/
        
        background:#f0f1f2;
        color:#888;
}
.subpanel #clearall {
        float:right;
        font-size:10px;
        letter-spacing:0;
        font-weight:700;
        color:#fff;
        padding:10px 15px 10px 20px;
        background:#EC2727;
        border-bottom:1px solid #EC2727;
        width:50px;
        cursor:pointer;
}
.subpanel #imagepanel{
      float:left;
      width:45px;
      padding:0;
      margin-right:15px;
      border-radius:50%;
      overflow:hidden;
}
.subpanel #imagepanel img{
      width:45px;
      /*height:35px;*/
      height:auto;
      overflow:hidden;
      background: url(/forums/bpnotifications/blank3.gif);
}
.subpanel #textpanel{
      float:left;
      width:215px;
      padding:0px 20px 0px 0px; 
}
.subpanel #timepanel{
      float:left;
      width:80px;
      color:#c0c0c0;
      font-size:10px;
      text-align:right;
}
.subpanel .xbox{
     float:left;
     width:15px;
     height:15px;
     margin:0px 0px 0px 10px;
     background: url(/forums/bpnotifications/x.gif);
     cursor:pointer;
     display:none;
}
.subpanelblock
 {
 float:left;
 width:105px;
 height:135px;
 padding:15px 0px 0px 15px;
 border-right:1px solid #385183;
 background:#183164;
 cursor:pointer;
 position:relative;
 }
.subpanelblocknotifcont
 {
 position: absolute;
 top:36px;
 left:0px;
 width:105px;
 }
.subpanelblocknotif
 {
 background:red;
 color:#fff;
 font-weight:700;
 font-family:arial;
 font-size:16px;
 border-radius:18px;
 border:4px solid #fff;
 padding:4px 5px 4px 5px;
 float:left;
 letter-spacing:-1px;
 box-shadow: inset 0 0 7px #6f0505, 0px 0px 6px rgba(0,0,0,0.8);
 }
.subpanelblock2cont
 {
 height:155px;
 background:#2b467c;
 /* background:#38496b; */
 overflow:hidden;
 display:none;
 }
.subpanelblock2
 {
 padding:0px 0px 0px 0px;
 }
.subpanelblock2 a
 {
 font-weight:400;
 color:#111;
 line-height:16px;
 text-decoration:none;
 }
.subpanelblock2cont #header
 {
 padding:3px;
 background:#aaa;
 color:#eee;
 font-size:10px;
 font-weight:700;
 }
.subpanelblock2 div
 {
 padding:4px 10px 4px 15px;
 }
.subpanelblock3
 {
 padding:0;
 }
.spb3l
 {
 float:left;
 width:30px;
 font-weight:700;
 margin-left:30px;
 }
.spb3l a 
 {
 text-decoration:none;
 color:#eee;
 }
.spb3r
 {
 float:left;
 }
.spb3r a 
 {
 text-decoration:none;
 font-size:11px;
 color:#bbb;
 }
.pmblock
 {
 background:#fff;
 padding:12px;
 color:#000;
 font-size:11px;
 font-family:arial, helvetica;
 cursor:pointer;
 }
.pmblock a
 {
 text-decoration:none;
 color:#111;
 }
.pmblock span a
 {
 font-size:15px;
 font-weight:700;
 color:#d62f2f;
 margin:0px 4px 0px 0px;
 padding:4px 3px 2px 3px;
 text-decoration:none;
 }
.pmtitle {
        clear:both;
        font-size:10px;
        letter-spacing:0;
        font-weight:700;
        /*color:#fff;*/
        padding:6px 15px 6px 15px;
        border-bottom:1px solid #eaeaea;
        /*background:#526ea6;*/
       
        background:#f0f1f2;
        color:#888;
}
.pmlist
 {
 background:#fff;
 background: -webkit-linear-gradient(#fff, #ccc);
 border:1px solid #bbb;
 padding:8px;
 color:#000;
 font-size:11px;
 margin:13px 15px 13px 15px;
 box-shadow: 1px 1px 6px rgba(0,0,0,0.6);
 border-radius:3px;
 }
.pmlist span
 {
 color:#999;
 }
.optionscont
 {
 color:#111;
 float:right;
 font-weight:400;
 font-size:10px;
 cursor:pointer;
 }
#settings
 {
 clear:both;
 padding:15px 20px 15px 20px;
 box-shadow: inset 0px 2px 10px #000;
 background:#161616;
 color:#ddd;
 display:none;
 font-size:10px;
 }
.indoptcont
 {
 clear:both;
 height:12px;
 padding:4px 0px;
 }
.iindopt
 {
 font-size:11px;
 color:#aaa;
 padding:3px;
 }
.indoptradio
 {
 float:left;
 width:50px;
 }
#settings input[type=checkbox] { 
	position: absolute;
	left: -999em;
	}
#settings input[type=checkbox] + label {
	display: block;
        margin:2px 0px 0px 0px;
	height: 16px;
	background: #1c1c1c url(/forums/bpnotifications/chk_off2.png) top left no-repeat;
        float:left;
        width:190px;
        font-size:11px;
        border:1px solid #252525;
        padding:6px 6px 6px 32px;
        font-family:helvetica;
        cursor:pointer;
	}
#settings input[type=checkbox]:checked + label {
        background: #252525 url(/forums/bpnotifications/chk_on2.png) top left no-repeat;
	}

#settings input[type=radio] { 
	position: absolute;
	left: -999em;
	}
#settings input[type=radio] + label {
	display: block;
        margin:2px 2px 0px 0px;
	height: 16px;
	background: #1c1c1c url(/forums/bpnotifications/rdo_off.png) top left no-repeat;
        float:left;
        width:53px;
        font-size:11px;
        border:1px solid #252525;
        padding:6px 6px 6px 32px;
        font-family:helvetica;
        cursor:pointer;
	}
#settings input[type=radio]:checked + label {
        background: #252525 url(/forums/bpnotifications/rdo_on.png) top left no-repeat;
	}

.newsitem
        {
        width:110px;
        float:left;
        padding:18px 14px 0px 14px;
        border-right:1px solid #385284;
        }
.newsitem img
        {
        padding:0px 0px 7px 0px;
        }
.newsitem a 
        {
        text-decoration:none;
        font-size:10px;
        color:#7f95bd;
        }
.newsitembig
        {
        padding:18px 15px 0px 10px;
        }
.newsitembig a
        {
        text-decoration:none;
        font-size:14px;
        font-family:arial;
        letter-spacing:-1px;
        font-weight:700;
        color:#eee;
        }
.numvalh
        {
	    background-color:#c30000;
	    color:#fff !important;
	    font-weight:bold;
	    border-radius:50px;
	    display:block !important;

        }
.alertsnum
        {
	    padding:2px 4px;
	    color:#aaa;
	    font-weight:600;
	    font-size:11px;
	    font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
	    float:left;
	    /*margin:0px 0px 0px 5px;*/
	    margin:-8px 0px 0px -8px;
	    margin:auto;
	    text-align:center;
	    display:none;
	    
	    	position:absolute;
	        bottom: -24px;
    		width: auto;
        }
     
.forumnavItem
{
    display: flex;
    align-items: center;
    margin: 10px;
    margin:0 10px;
    }        
.forumnavItem a
{
	    width: 100%;
    padding: 24px 0 24px 24px;
    display: flex;
    align-items: center;
}        

.forumnavItem-PreviousGen
{
	flex: calc(50% - 20px);
}

.forumnavText
{
	display: flex;
    flex-direction: column;
    display:inline-block;
}
.forumnavTitle
{
	font-weight:400;font-size:18px;font-family:impact,helvetica,arial;color:#efefef;
	display:block;
}


/* [ON BIG SCREEN] */
/* (A) WRAPPER */
#hamnav {
  width: 100%;
}

/* (B) HORIZONTAL MENU ITEMS */
#hamitems { }
#hamitems a {
  flex-grow: 1;
  flex-basis: 0;
  border-radius:30px;
}

/* (C) HIDE HAMBURGER */
#hamnav label, #hamburger { display: none; }



/* [ON SMALL SCREENS] */
@media screen and (max-width: 1310px){
  /* (A) BREAK INTO VERTICAL MENU */
  #hamitems a {
    box-sizing: border-box;

    width: 100%;
  }
 
  /* (B) SHOW HAMBURGER ICON */
  #hamnav label { 
	display: inline-block;
    color: white;
    font-style: normal;
    font-size: 1.2em;
    /* padding: 10px; */
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 20px;
    background: #9fa4ad1c;
    padding: 0 12px;
    border-radius: 30px;
    height: 30px;
    /* margin: auto; */
    margin-top: 9px;
    font-family: unset;
    font-size: 12px;
    cursor: pointer;
    transition: all 3s;
    width:max-content;
  }

  /* (C) TOGGLE SHOW/HIDE MENU */

    
    
    #hamitems { 
    	    left:18px;
    	    top:2px;
    position: relative;
    	visibility: hidden; 
    	opacity:0; 
    	max-height: 0; 
    transition: visibility 0.25s, opacity 0.25s ease-in-out, max-height 0.25s linear; 
    transition: all 0.15s ease-in-out; 
    display: flex;
    flex-flow: column; border-radius: 20px; height:auto;    backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);
    padding: 5px 0;min-width:160px;     box-shadow: 15px 15px 30px #00000042;background: #000000ad;}
  #hamnav input:checked ~ #hamitems { visibility: visible; opacity:1; max-height:unset;}
  
  .forumnavItem
  {
  	background:unset;
  	align-self:unset;

  	    background:transparent;
  }
  nav ul li {
	padding: 14px 0;
  	width:100%;
  	    display: flex;
    float: none;
    align-items: center;
  }
  
  nav ul li ul
  {
  	top:unset;
  	left:210px;
  	margin-top: -14px;
  	    align-self: flex-start;
  }
}