Need some Advice

Hi guys

I have written the following directly into my template.css. It all works fine accept for the colour of the notification icons which I need to be #fff The first line of the code should reflect the change however its not working. What am I doing wrong for the life of me I have tried everything. it works if I change it directly in the more.min .css
---------------------------------------------------------------------------------------------------
}
body div#fd.es .fd-nav > li > a [class^="ies-"],
body div#fd.es body div#fd.es .es-toolbar .fd-nav > li > a [class*=" ies-"] {
color: #fff
}
body div#fd.es .btn {
border-radius: 0 !important;
}
body div#fd.es .es-toolbar .divider-vertical {
border-left: 1px solid #fff;
}
body div#fd.es .es-toolbar .navbar-inner {
background: #444;
border: none;
border-radius: 0;
}
body div#fd.es .es-toolbar .fd-navbar-search {
background: #444;
height: 35px;
}
body div#fd.es .es-toolbar .fd-navbar-search .search-query {
background: #444;
}