Custom CSS Class field for all ALB Elements not working

I have added the code to function.php and the new fields are there however when I apply in the CSS it does not work.

Here are some examples of what I am trying with developer id = “asset-index-toggler”

Example 1:
#top #asset-index-toggler .js_active .toggler {
-moz-user-select: none;
border-style: solid;
border-width: 1px;
cursor: pointer;
display: block;
font-size: 20px !important;
margin: 0;
padding: 8px 7px 10px 50px;
position: relative;
top: 1px;
}

Example 2:
#asset-index-toggler .js_active .toggler {
-moz-user-select: none;
border-style: solid;
border-width: 1px;
cursor: pointer;
display: block;
font-size: 20px !important;
margin: 0;
padding: 8px 7px 10px 50px;
position: relative;
top: 1px;
}

Example3:
.asset-index-toggler .js_active .toggler {
-moz-user-select: none;
border-style: solid;
border-width: 1px;
cursor: pointer;
display: block;
font-size: 20px !important;
margin: 0;
padding: 8px 7px 10px 50px;
position: relative;
top: 1px;
}

If I leave out “asset-index-toggler” then it applies the styling to all togglers which I dont want.
I have cleared cache and all those good things and still nothing.

Please advise, thanks.