@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("board.newnigma2.to") {

body{
    background-image: url(https://s19.postimg.org/d09g8autf/bkd.jpg) !important;
    background-color: black !important;
     background-repeat: no-repeat !important;
	 vertical-align: middle!important;
	 background-position: top center!important;
     background-attachment: fixed!important;
     -webkit-background-size: cover !important; 
              -o-background-size: cover !important; 
                   background-size: cover !important; 
    }
  
  #main > div > div > .content, #main.layoutFluid  {
    background-color: rgba(255, 255, 255, 0.05) !important;
}
  
  .userPanel{
    position : fixed; 
  box-shadow : 0 0 8px rgba(255,255,255,0.3);
    border-bottom : 1px solid rgba(255,255,255,0.15);
  }
  
  .userPanel > div > .searchBar{
    height : 25px !important;
    top : 8px !important;
  }

.userPanel > div > .searchBar > form input[type="search"]{
    height : 25px !important;
  }
  
  .logo {
    margin: 100px auto !important;
  }
  .navigationHeader, .navigationFooter {
    background: rgba(40, 40, 40, 1) !important;

}
  
  #main > div > div > .sidebar, #main > div > div > .sidebar > span > .collapsibleButton,   .sidebarOrientationLeft div div section#content.content{
    background: rgba(40, 40, 40, 1) !important;
  }
  
.sidebarOrientationLeft div div section#content.content form div.container.containerPadding.marginTop{
  background-color: rgba(0,0,0,0.3);
    border: 1px solid rgba(0,0,0,0.5);
    border-radius: 6px;
    box-shadow: 0 0 8px #010204;
  }
  
  .marginTop > article{
  background-color: rgba(0,0,0,0.8);
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 6px;
    box-shadow: 0 0 8px #010204;
  }
  
  .message .messageContent{
 background-color : rgba(40, 40, 40, 1) !important;
  }
  
  .dialogTitlebar, .dialogContent{ background-color : rgba(40, 40, 40, 1) !important; }
  .dialogTitlebar{border-bottom : 1px solid rgba(0,0,0,0.3)}
  .containerList {border-radius: 6px;}
  
  
  
  .badgeUpdate, .badgeInverse {
    background-color: #F72C2C!important;
    box-shadow: 0 0 4px #010204, 1px 1px 1px rgba(255,255,255,0.5) inset !important;
    border-radius: 300px !important;
    color : rgba(255,255,255,1) !important;
  }
  
  .likesBadge {
    box-shadow: 0 0 4px #010204, 1px 1px 1px rgba(255,255,255,0.5) inset !important;
    border-radius: 300px !important;
    color : rgba(255,255,255,1) !important;
  }

    
.infoBoxList  {
       border: 1px solid rgba(0,0,0,0.1) !important;
    box-shadow: 0 0 8px #010204 !important;
      border-radius: 6px;
   background : rgba(40, 40, 40, 1) !important;


  }
  
  .infoBoxList > li{
 background-color : rgba(40, 40, 40, 1) !important;
  }
    .infoBoxList > li:nth-child(1){
    border-bottom : 1px solid rgba(0,0,0,0.4) !important;
  }
  .infoBoxList > li:hover{
 background-color : rgba(60, 60, 60, 1) !important;
  }
  
.messageHeader::before, .messageHeader::after{
       border-color : transparent rgba(40, 40, 40, 1) transparent !important;

  }
  
  [data-application="wcf"] .breadcrumbs > ul > li > a   {
    background: rgba(0,0,0,0.4) none repeat scroll 0 0;
    border-bottom: 1px solid rgba(0,0,0,0.6);
    border-top: 1px solid rgba(0,0,0,0.6);
    border-right: 1px solid rgba(0,0,0,0.6);

        padding-right: 10px;
}
    [data-application="wcf"].breadcrumbs > ul > li > a:hover{    
    background: rgba(0,0,0,0.6) none repeat scroll 0 0;
color : rgba(255,255,255,0.8)
  }
  
  [data-application="wcf"] .breadcrumbs{
    background : rgba(127, 159, 180, 0.065) none repeat scroll 0 0;
    border-left :1px solid rgba(0,0,0,0.6);
  }
  
  [data-application="wcf"] .breadcrumbs > ul > li > .pointer{
display : none  }
  
  
 

  
  
  
  
  
  
  .sidebar > div > fieldset:not(:last-child), .sidebar > div > div:not(:last-child){
   border-color : rgba(0,0,0,0.4) 
  }
  
   .breadcrumbs{
    background : rgba(127, 159, 180, 0.065) none repeat scroll 0 0;
  }
  
  .sidebar fieldset > nav ul > li.active{
    background-color : rgba(0,0,0,0.3);
    /*padding-left : 20px !important;*/
        padding-top : 1px !important;
position : relative;
list-style : outside none none;
  }
  .sidebar fieldset > nav ul > li:hover:before{
content:"";
    font-family : FontAwesome;
    display : inline-block;
    float: left;
margin : 4px 7px -3px 0;
    color : rgba(255,255,255,1)

  }
  
  .sidebar fieldset > nav ul > li a{
    color : rgba(255,255,255,0.5);      
  }
  .sidebar fieldset > nav ul > li:hover{  
        padding-left : 20px !important;
  }

    .sidebar fieldset > nav ul > li.active a:hover{
    color : rgba(255,255,255,1);    
  }
 
  
.mainMenu > ul > li.active[data-menu-item="wbb.header.menu.board"] > a {
background:  rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(1, 191, 233, 0.2) 19%, #000 78%,  rgba(0, 0, 0, 1)  200%) repeat scroll 0 0 !important;
      box-shadow: none;
  border-radius : 0;
  padding : 2px 21px 8px;
  }
  
.mainMenu > ul > li.active[data-menu-item="wcf.user.dashboard"] > a {
  background:  rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(1, 191, 233, 0.2) 19%, #000 78%,  rgba(0, 0, 0, 1)  200%) repeat scroll 0 0 !important;
  border-radius : 6px 0 0 0; 
  box-shadow: 2px 2px 2px rgba(50, 50, 50, 1) inset;      
  padding : 3px 21px 8px;
}

.mainMenu > ul > li.active[data-menu-item="wcf.user.members"] > a {
  background:  rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(1, 191, 233, 0.2) 19%, #000 78%,  rgba(0, 0, 0, 1)  200%) repeat scroll 0 0 !important;
  border-radius : 0 6px 0 0; 
  box-shadow:  -1px 1px 2px rgba(50, 50, 50, 1) inset;   
  padding : 3px 21px 8px;
}
  
  .mainMenu > ul > li.active > a:hover{
background: linear-gradient(to bottom, #456945 19%, #000 78%,  #000  200%) repeat scroll 0 0 !important;
  }
  
  #mainMenu > ul, .tabMenu > ul {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 2px 2px 2px  rgba(50, 50, 50, 1) inset, -2px 1px 2px  rgba(50, 50, 50, 1) inset !important;
    font-family: "Play",sans-serif;
    text-shadow: 0 1px 0 #333;
}
.userPanel, #mainMenu > ul{background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(40, 40, 40, 1) 19%, #000 78%,  rgba(40, 40, 40, 1)  200%) repeat scroll 0 0 !important;
  }
  
  .messageOptions .button{background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(40, 40, 40, 1) 19%, #000 78%,  rgba(40, 40, 40, 1)  200%) repeat scroll 0 0 !important;
border-color : black
  }
  
  
  
  
  .wbbDepth1, .wbbThreadList, .dashboardBox div.container.marginTop, .messageSearchResultList {
  background-color: rgba(0,0,0,0.8);
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 6px;
    box-shadow: 0 0 8px #010204;
  }
  
  
  .tabularBox{background:rgba(30, 30, 30, 1) }
    .tabularBox[data-is-open="false" ]:hover{background:rgba(50, 50, 50, 1) }
  .icon-chevron-right:hover{color : rgba(0,255,0,0.8) !important;}
.icon-chevron-down:hover{color : rgba(255,0,0,0.8) !important;}

  .wbbBoardList .wbbBoardNode1 , .wbbBoardList .wbbBoardNode2{background:rgba(40, 40, 40, 1) }
.wbbBoardList .wbbBoard:hover {
    background-color: rgba(50,50,50,1) ;
}
  .wbbDepth2:not(:last-child) {border-bottom : 1px solid rgba(0,0,0,0.3)}
  .wbbDepth2.wbbLastBoxElement div.wbbBoardNode1, .wbbDepth2.wbbLastBoxElement div.wbbBoardNode2{    border-radius: 0 0 6px 6px  !important;
}
  .wbbStats{
        border: 1px solid rgba(0,0,0,0.4);
      background-color: rgba(0,0,0,0.2);
    width: 12% !important;
    opacity: 0.5
  }
  
    .wbbStats:hover{opacity: 1}
  
  .wbbBoardList .wbbStats > dl > dd {    width: 42% !important;}
  .wbbBoardList .wbbStats > dl > dt {    width: 54% !important; }

  tr.wbbThread td, .recentActivityList li, .containerList li {
    background:rgba(30, 30, 30, 1) !important;
      border : none !important;
    border-bottom : 1px solid rgba(0,0,0,0.3) !important;
  }  
  tr.wbbThread:last-child td   {
    border-bottom : 0px solid rgba(0,0,0,0.3) !important;
    border-radius: 0 0 6px 6px;
  }
  
  .recentActivityList li:first-child, .messageSearchResultList li:first-child, .infoBoxList li:first-child{
    border-radius: 6px 6px 0 0;
  }
  
  .recentActivityList li:last-child, .messageSearchResultList li:last-child, .infoBoxList li:last-child{
    border-radius: 0 0 6px 6px;
  }
  tr.wbbThread:hover td, .recentActivityList li:hover, .messageSearchResultList li:hover{
    background-color:rgba(50,50,50,1) !important;
  }  
  
  .messageSearchResultList{ border : none !important;  }
  .interactiveDropdown {
    background-color:rgba(30, 30, 30, 1) !important;
    border: 1px solid rgba(255,255,255,1);
    border-radius: 6px;
    box-shadow: 0 0 8px #010204;
  } 
  
  .popoverContent, #messageContainer>div.container  {
    background-color:rgba(30, 30, 30, 1) !important;
    border: 1px solid rgba(0,0,0,1);
    border-radius: 6px;
    box-shadow: 0 0 18px #010204, 1px 1px 2px rgba(255,255,255,0.15) inset;
  }  
  
  
  .interactiveDropdown > .pointer > span{
        border-color: transparent transparent rgba(15, 15, 15, 1) !important;
  }
  
  .interactiveDropdownHeader{
    background-color:rgba(15, 15, 15, 1) !important;
        border-radius: 6px 6px 0 0;
    text-align : center !important;
  }
  
  .userPanel > div > ul.userPanelItems > li > .framed > img {
    border-radius: 300px;
  }

  .userPanel > div > ul.userPanelItems > li > .framed:hover > img{
    box-shadow: 2px 3px 5px #000;
  }
  
li#userMenu a:hover, li#userNotifications a:hover ,li#unreadConversations a:hover {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(1, 191, 233, 0.4) 19%, #000 78%,  rgba(0, 0, 0, 1)  200%) repeat scroll 0 0 !important;
  color : rgba(255,255,255,0.6);
  }

  .fa-cog:hover::before, .fa-plus:hover::before{
     color : rgba(255,0,0,1);
  }
  
ul.interactiveDropdownItems > li{
        background-color:rgba(30, 30, 30, 1) !important;
  border-bottom : 1px solid  rgba(0,0,0,0.3) !important;
  }  
  
ul.interactiveDropdownItems > li:hover{
        background-color:rgba(50, 50, 50, 1) !important;
  }   
  
.interactiveDropdownUserMenu .interactiveDropdownShowAll:hover{        
    background-color:rgba(255, 0, 0, 0.25) !important;
    text-decoration: none !important;
}
  
.interactiveDropdownShowAll:hover{        
    background-color:rgba(1, 191, 233, 0.25) !important;
    text-decoration: none !important;
}
  
    ul.dataList li, ul.tagList li{background: transparent !important; border : none !important;}
  
  .messageShareButtons ul li {background: transparent !important; border : none !important; }


  
  
}