/*FOR DARK LAYOUTS*/

/*CHANGING THE LIST COLORS (SEE BOTTOM CODES TO CHANGE FONT COLORS)
Find codes below with "rgba" followed by numbers in parenthesis. 
 
The first number in the parenthesis is the amount of red (0-255).
The second number in the parenthesis is the amount of green (0-255).
The third number in the parenthesis is the amount of blue (0-255).
The fourth number in the parenthesis is the amount of opacity (.0 to 1).


Change the fourth number (opacity) to a lesser number like .3 for more transparency. Raise to a higher number like .8 for less transparency. 
*/
body{
background-size: cover !important;
background-attachment: fixed !important;
}

.list-table > tbody:nth-of-type(2n+1),
.list-table, .list-container,  
.list-table .list-table-header .header-title{
  background-color: transparent !important;
     border: 0 transparent solid !important;
}
.list-table .list-table-data .data{
  border: 0 transparent solid !important;
}

.status-menu-container{
  background-color: rgba(0,0,0,.8) !important;
}

.cover-block {
padding-left: 17px;
padding-right: 17px;
}

.list-block, .cover-block{
  background-color: rgba(0,0,0,.7) !important;
}



/*FONT COLORS
Change the colors to what you want. 
Put the color you want for fonts after 
color: 
for each code below.*/



/* CATEGORY HEADER FONT */
.list-unit .list-status-title .text {
  color: ;
  font-family: arial;
}


/* CATEGORY BUTTON FONT */
.status-menu-container .status-menu .status-button{
  color: ;
  font-family: arial;
}

.status-menu-container .status-menu .status-button.on{
  color: ;
  font-family: arial;
}

/* CATEGORY HEADER BACKGROUND COLOR */
.list-unit .list-status-title {
  background-color: ;
}

/* Sort Links color */
.list-table .list-table-header .header-title .link, .list-table .list-table-header .header-title .link.sort, .list-table .list-table-header .header-title{
color: ;
font-family: arial;
}
    
/* LIST LINK FONT 
Make sure your color is followed by a space and !important*/    
.list-table .list-table-data .data a{
color: !important;
font-family: arial;
}

/* LIST NON-LINK FONT */    
body{
color: ; 
font-family: arial;
}

/* TAGS EDIT FONT */     
.list-table .list-table-data .tags .edit{
color: ;
font-family: arial;
}

/* LINK COLOR ON HOVER*/  
a:hover,
.list-table .list-table-data .data a:hover{
color: ;   
}


/* HEADER COLORS*/ 
.header, .header a, .header .header-menu .btn-menu{
  color: ;
}


/* SIDE MENU COLORS

Make sure your color is followed by a space and !important
*/ 
.list-menu-float .icon-menu .text, 
.list-menu-float .icon-menu.setting .text .link-list-setting, .list-menu-float .icon-menu.setting .text .link-style-setting
{
  color:  !important;
}

/* TAGS EDIT FONT 
Make sure your color is followed by a space and !important
*/     
.list-table .list-table-data .tags .edit{
color: white !important;
font-family: arial;
}

/* LINK COLOR ON HOVER
Make sure your color is followed by a space and !important
*/  
a:hover,
.list-table .list-table-data .data a:hover{
color: cyan !important;   
}