Add empty box

_includes/layout/base/wallets-selector.html

@@ -348,7 +348,7 @@ http://opensource.org/licenses/MIT.
         <p class="sidebar-selector-text">You can find more information and help on the resources and community pages or on the Wiki FAQ</p>
       </div>
 
-      <div>
+      <div class="wallet-selector-content">
         <p class="wallet-table-headline">Below is a list of wallets available for your operating system</p>
         <table class="wallet-table">
           <thead>
@@ -434,6 +434,12 @@ http://opensource.org/licenses/MIT.
             <p class="wallet-hint-text">- Neural</p>
           </div>
         </div>
+
+        <div class="empty-box">
+          <img src="/img/icons/emty.svg" alt="wallet with magnifier">
+          <h2 class="empty-box-title">Nothing to show</h2>
+          <p class="empty-box-text">We couldn’t find any wallet based on your selected criteria. Change your search criteria to see other wallets.</p>
+        </div>
       </div>
 
     </div>

_sass/_wallets.scss

@@ -979,6 +979,9 @@ $scores: good $black 600, pass $black 600, neutral $black 600, fail $black 600;
   margin-top: 10px;
 }
 
+.wallet-selector-content {
+  width: 100%;
+}
 .wallet-table-head {
 	border: none;
 }
@@ -1073,4 +1076,23 @@ $scores: good $black 600, pass $black 600, neutral $black 600, fail $black 600;
 	font-size: 22px;
 	color: #13161F;
 	line-height: 36px;
+}
+
+.empty-box {
+  width: 100%;
+  border: 1px solid #DADADA;
+  text-align: center;
+  padding: 75px 30px 60px;
+}
+.empty-box-title {
+  margin: 15px 0;
+  font-weight: 400;
+  font-size: 22px;
+  color: #13161F;
+  text-align: center;
+  line-height: 36px;
+}
+.empty-box-text {
+  max-width: 505px;
+  margin: 0 auto;
 }