unable to override a ribbon boarder color

Question

I have a ribbon inside SharePoint server 2013 with a green border, as shown below:-

The ribbon has three css classes , and inside my custom CSS, i define the following CSS rules:-

.ms-cui-tabContainer ms-cui-tabContainer-gr  {
    border-color:#008CD2 !important;
}
.ms-cui-tabBody ms-cui-tabBody-gr{
    border-color:#008CD2 !important;

}
.ms-cui-ribbon{
    border-color:#008CD2 !important;
}

but the ribbon still has a green border instead of a #008CD2 blue border. Can anyone give me advice please?

EDIT

The full marup under the ms-cui-RibbonTopBars

Answer 1

This should be working :

.ms-cui-tabBody.ms-cui-tabBody-gr{
    border-color:#008CD2 !important;
}
.ms-cui-tabContainer.ms-cui-tabContainer-gr  {
    border-color:#008CD2 !important;
}