I am trying to add more css to the search bar in custom css but its not working.

[ADARSH]

ADARSH

July 15, 2015 at 1:18 am

.search-query{
width: 300px;
vertical-align: middle;
white-space: nowrap;
position: relative;
}

.search-query input#search{
width: 300px;
height: 50px;
background: #2b303b;
border: none;
font-size: 10pt;
float: left;
color: #262626;
padding-left: 45px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
}

.search-query input#search::-webkit-input-placeholder {
color: #65737e;
}

.search-query input#search:-moz-placeholder { /* Firefox 18- */
color: #65737e;
}

.search-query input#search::-moz-placeholder { /* Firefox 19+ */
color: #65737e;
}

.search-query input#search:-ms-input-placeholder {
color: #65737e;
}

.search-query .icon-search{
position: absolute;
top: 50%;
margin-left: 17px;
margin-top: 17px;
z-index: 1;
color: #4f5b66;

-webkit-transition: all .55s ease;
-moz-transition: all .55s ease;
-ms-transition: all .55s ease;
-o-transition: all .55s ease;
transition: all .55s ease;
}

.search-query input#search:focus, .search-query input#search:active{
outline:none;
}

.search-query:hover .icon-search{
margin-top: 16px;
color: #93a2ad;

-webkit-transform:scale(1.5); /* Safari and Chrome */
-moz-transform:scale(1.5); /* Firefox */
-ms-transform:scale(1.5); /* IE 9 */
-o-transform:scale(1.5); /* Opera */
transform:scale(1.5);
}