Sharepoint 2013 Search refiner customization with css

I did some work for SharePoint search refiners and and changed look and feel of default refiners

Here I am sharing ccs for that-

/***search Refiner css****/
.ms-ref-ctrl {
    background-color: #fff;
}
.ms-ref-refiner {
    padding: 0px!important;
}
.ms-ref-refinername:link, .ms-ref-refinername:visited
{
 width:100%!important;
}
.ms-displayInlineBlock {
    display: inline-block;
    padding: 10px 0px 10px 15px;
    color: #333;
}
.ms-ref-refiner #Container {
    padding: 0;
    padding-bottom: 0px!important;
}

.ms-ref-refinername
{
    border: 1px solid #CED4E0!important;
 
    font-family: 'roboto_condensedbold'!important;
    height: 40px !important;
    padding: 0 !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    background: linear-gradient(to top, #E6E9F0 0%,#f6f6f6 100%) !important;
}
#Container div {
    padding-left: 10px;
}
.ms-ref-uparrow, .ms-ref-downarrow {
    width: 16px;
    height: 16px;
    margin-top: 15px!important;
    float: right;
    margin-right: 10px!important;
}
.ms-disabled {
    color: #333!important;
    padding: 20px!important;
    font-size: 18px!important;
}