input[type="text"] {
	  width: 130px;
	  box-sizing: border-box;
	  border: 1px solid rgb(255, 153, 0);
	  border-radius: 4px;
	  font-size: 10px;
	  background-color: white;
	  background-image: url('/https/www.medra.org/images/searchicon.png');
	  background-position: 10px 10px;
	  background-repeat: no-repeat;
	  padding: 12px 20px 12px 40px;
	  transition: width 0.4s ease-in-out;
	}

	input[type="text"]:focus {
	  width: 100%;
	}
	
	input[type="reset"], input[type="submit"] {
	  background-color: rgb(255, 153, 0);
	  border: none;
	  color: white;
	  padding: 9px 7px;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  font-size: 10px;
	  cursor: pointer;
	  border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
	}