custom.css

.searchbox{
    position:relative;
    min-width:25px;
    width:0%;
    height:24px;
    float:right;
    overflow:hidden;
    
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
  
  border: 1px solid transparent;
  
}

.searchbox-input{
    top:0;
    right:0;
    border:0;
    outline:0;
    background:#fff;
    width:100%;
    height:24px;
    margin:0;
    padding:0px 35px 0px 10px;
    font-size:14px;
    color: black;
  
}
.searchbox-input::-webkit-input-placeholder {
    color: black;
}
.searchbox-input:-moz-placeholder {
    color: black;
}
.searchbox-input::-moz-placeholder {
    color: black;
}
.searchbox-input:-ms-input-placeholder {
    color: black;
}

.searchbox-icon,
.searchbox-submit{
  
      width: 25px;
    height: 24px;
  background-color:transparent;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAMAAAAIRmf1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAtFBMVEX////+/v7g4OCTk5NOTk5AQEBeXl6ioqLo6Oj8/Pyurq5KSkpYWFjCwsL9/f2np6ecnJzLy8vHx8eQkJDFxcXY2NiAgIDr6+ve3t5qamptbW3n5+eenp7Q0NC1tbXv7+9zc3Oqqqr6+vr5+fni4uJkZGShoaF1dXXx8fG+vr54eHjy8vL39/eIiIhfX1/c3Nx9fX28vLx8fHykpKRycnLAwMBWVlZwcHB2dnbT09Pd3d27u7sILXJRAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAALFJREFUGNNtj+cSgjAQhA/hohJAAbEgiBVpFuzl/d/LhASZcdw/t/nmShYAQGmpGiJpd+Crrk6xkmEqElk99urbjquhNpDMM3A44mY8QX8q2oLaQWjgrDLRHBdyzVJFd8XNeoP1Fohxm0iWNizLec0zDCyBip2cZTf2B8FsiqZwbNj32BXLIXiMBFNKivR0ji8sCQnrIFcist20BkKi35E+yoJ9uoG1OHz+gekvg9e7gA/f6Ay2jH9zKQAAAABJRU5ErkJggg==');

  background-position: center center;
  background-repeat: no-repeat;
 
    display:block;
    position:absolute;
    top:0;
    font-family:verdana;
    font-size:0px;
    right:0;
    padding:0;
    margin:0;
    border:0;
    outline:0;
    line-height:24px;
    text-align:center;
    cursor:pointer;
    color:transparent;
    
}



.searchbox-open{
    width:200px;
  border: 1px solid;
}