X-Git-Url: https://gerrit.onap.org/r/gitweb?a=blobdiff_plain;f=vid-app-common%2Fsrc%2Fmain%2Fwebapp%2Fapp%2Fvid%2Fstyles%2Fsearch.css;fp=vid-app-common%2Fsrc%2Fmain%2Fwebapp%2Fapp%2Fvid%2Fstyles%2Fsearch.css;h=8ab5ea8c02de45dc381f5e54059f421168c4f4e9;hb=1cfb08779ea0e00be69e072a940b3063e049fe6b;hp=0000000000000000000000000000000000000000;hpb=2f20b001b9243e0f8b44aecc768ec265fd538732;p=vid.git

diff --git a/vid-app-common/src/main/webapp/app/vid/styles/search.css b/vid-app-common/src/main/webapp/app/vid/styles/search.css
new file mode 100644
index 000000000..8ab5ea8c0
--- /dev/null
+++ b/vid-app-common/src/main/webapp/app/vid/styles/search.css
@@ -0,0 +1,37 @@
+.search-container {
+    display: flex;
+    background: #FFFFFF;
+    border: 1px solid #D2D2D2;
+    border-radius: 2px;
+    width: 500px;
+}
+.search-container .search-input,
+.search-container .search-input:focus,
+.search-container .search-input:hover{
+    border: none;
+    padding: 10px;
+    display: inline-block;
+    width: 458px;
+    font-style: italic;
+}
+
+.search-container .search-input::placeholder {
+    text-align: left;
+}
+
+.search-container .search-icon {
+    display: inline-block;
+    margin: auto;
+    width: 16px;
+    height: 16px;
+}
+
+.search-container .search-icon svg path {
+    fill: #5A5A5A;
+}
+
+.search-container .search-icon:hover path {
+    fill: #009FDB;
+}
+
+