Styling the left Navigation bar of Sharepoint site 2013

Add the Following CSS style in your style sheet and change the color and behavior according to your requirement

.ms-core-menu-box, .ms-core-menu-boxBig {
    background-color: white !important;
 
}
.static a{
    color:#153E7E !important;
    font-weight: bold !important;
 /*background-color: #ECECEC !important;*/
}
.static selected a{
    visibility: hidden !important;
}

.menu-item-text span
{
 display:none !important;
}

.ms-webpartPage-root
{
    border-spacing:0px !important;
}

#titleAreaBox
{
    width:100% !important;
margin:0px !important;
height:6px !important;
    background-color:#CCCCCC !important;
    vertical-align:middle !important;

    
}
.ms-breadcrumb-box
{
    height:30px !important;

}

.ms-core-pageTitle{
    display:none !important;

}

.ms-srch-sb-border
{
 background-color:white;
   
}

.ms-srch-sb-borderFocused
{
     background-color:white;
}

.ms-vh2-nofilter
{
color: white !important;
}


 .ms-core-listMenu-root .father
 {
background-color:#035196!important;
}

 .ms-core-listMenu-root li
 {
background-color:#CCCCCC !important;


}

.ms-core-navigation
{
    margin-top:32px;
   
}

.ms-core-listMenu-selected{
     background-color:transparent !important;
}