diff --git a/front/css/dark-patch.css b/front/css/dark-patch.css
index 2ea92e6c..86dc211d 100644
--- a/front/css/dark-patch.css
+++ b/front/css/dark-patch.css
@@ -199,21 +199,6 @@ h4 {
 .box.box-danger {
   border-top-width: 3px;
 }
-.box.box-info {
-  border-top-color: #00c0ef;
-}
-.box.box-primary {
-  border-top-color: #075383;
-}
-.box.box-success {
-  border-top-color: #00a65a;
-}
-.box.box-warning {
-  border-top-color: #ff851b;
-}
-.box.box-danger {
-  border-top-color: #dd4b39;
-}
 .main-header .navbar {
   background-color: #272c30;
 }
diff --git a/front/css/pialert.css b/front/css/pialert.css
index b79da8e4..9f329b8d 100644
--- a/front/css/pialert.css
+++ b/front/css/pialert.css
@@ -161,7 +161,7 @@
 
 /* -------------------------------------------------------------------------- */
 .pa-small-box-aqua {
-    border-top: 3px solid #00c0ef;
+    /* border-top: 3px solid #00c0ef; */
     box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
 }
 
@@ -180,7 +180,7 @@
 
 /* -------------------------------------------------------------------------- */
 .pa-small-box-green {
-    border-top: 3px solid #00a65a;
+    /* border-top: 3px solid #00a65a; */
     box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
 }
 
@@ -199,7 +199,7 @@
 
 /* -------------------------------------------------------------------------- */
 .pa-small-box-yellow {
-    border-top: 3px solid #f39c12;
+    /* border-top: 3px solid #f39c12; */
     box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
 }
 
@@ -218,7 +218,7 @@
 
 /* -------------------------------------------------------------------------- */
 .pa-small-box-red {
-    border-top: 3px solid #dd4b39;
+    /* border-top: 3px solid #dd4b39; */
     box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
 }
 
@@ -237,7 +237,7 @@
 
 /* -------------------------------------------------------------------------- */
 .pa-small-box-gray {
-    border-top: 3px solid #a0a0a0;
+    /* border-top: 3px solid #a0a0a0; */
     box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
 }
 
@@ -257,7 +257,7 @@
 /* -----------------------------------------------------------------------------
    Customized Box Borders
 ----------------------------------------------------------------------------- */
-.box.box-aqua {
+/* .box.box-aqua {
     border-top-color: #00c0ef;
 }
 
@@ -271,7 +271,7 @@
 
 .box.box-red {
     border-top-color: #dd4b39;
-}
+} */
 
 /* -----------------------------------------------------------------------------
    Custom Border
@@ -459,7 +459,6 @@
     white-space: normal;
     word-wrap: break-word;
     font-size: 16px;
-    border-radius: 10px;
     padding: 4px;
 }
 
@@ -527,3 +526,19 @@ background-repeat: no-repeat;
 background-position: center;
 height: 50px;
 }
+
+.nav-tabs-custom .tab-content {
+  background-color: white;
+}
+
+.top_small_box_gray_text {
+  color: white !important;
+}
+
+.bg-gray {
+    background-color: #b2b6be !important;
+}
+
+.infobox_label {
+    font-size: 16px !important;
+}
\ No newline at end of file
diff --git a/front/deviceDetails.php b/front/deviceDetails.php
index 3efff81d..92f31946 100644
--- a/front/deviceDetails.php
+++ b/front/deviceDetails.php
@@ -42,10 +42,11 @@
 
         <div class="col-lg-3 col-sm-6 col-xs-6">
           <a href="#" onclick="javascript: $('#tabDetails').trigger('click')">
-            <div class="small-box bg-aqua pa-small-box-aqua pa-small-box-2">
-              <div class="inner"> <h3 id="deviceStatus" style="margin-left: 0em"> -- </h3> </div>
-              <div class="icon"> <i id="deviceStatusIcon" class=""></i> </div>
-              <div class="small-box-footer pa-small-box-footer"> <?php echo $pia_lang['DevDetail_Shortcut_CurrentStatus'];?> <i class="fa fa-arrow-circle-right"></i> </div>
+            <div class="small-box bg-aqua">
+              <div class="inner"> <h3 id="deviceStatus" style="margin-left: 0em"> -- </h3>
+                <p class="infobox_label"><?php echo $pia_lang['DevDetail_Shortcut_CurrentStatus'];?></p>
+              </div>
+              <div class="icon"> <i id="deviceStatusIcon" class=""></i></div>
             </div>
           </a>
         </div>
@@ -53,10 +54,11 @@
 <!-- top small box 2 ------------------------------------------------------- -->
         <div class="col-lg-3 col-sm-6 col-xs-6">
           <a href="#" onclick="javascript: $('#tabSessions').trigger('click');">
-            <div class="small-box bg-green pa-small-box-green pa-small-box-2">
-              <div class="inner"> <h3 id="deviceSessions"> -- </h3> </div>
+            <div class="small-box bg-green">
+              <div class="inner"> <h3 id="deviceSessions"> -- </h3>
+                <p class="infobox_label"><?php echo $pia_lang['DevDetail_Shortcut_Sessions'];?></p>
+              </div>
               <div class="icon"> <i class="fa fa-plug"></i> </div>
-              <div class="small-box-footer pa-small-box-footer"> <?php echo $pia_lang['DevDetail_Shortcut_Sessions'];?> <i class="fa fa-arrow-circle-right"></i> </div>
             </div>
           </a>
         </div>
@@ -64,10 +66,11 @@
 <!-- top small box 3 ------------------------------------------------------- -->
         <div class="col-lg-3 col-sm-6 col-xs-6">
           <a href="#" onclick="javascript: $('#tabPresence').trigger('click')">
-            <div  class="small-box bg-yellow pa-small-box-yellow pa-small-box-2">
-              <div class="inner"> <h3 id="deviceEvents" style="margin-left: 0em"> -- </h3> </div>
+            <div  class="small-box bg-yellow">
+              <div class="inner"> <h3 id="deviceEvents" style="margin-left: 0em"> -- </h3>
+                <p class="infobox_label"><?php echo $pia_lang['DevDetail_Shortcut_Presence'];?></p>
+              </div>
               <div id="deviceEventsIcon" class="icon"> <i class="fa fa-calendar"></i> </div>
-              <div class="small-box-footer pa-small-box-footer"> <?php echo $pia_lang['DevDetail_Shortcut_Presence'];?> <i class="fa fa-arrow-circle-right"></i> </div>
             </div>
           </a>
         </div>
@@ -75,10 +78,11 @@
 <!--  top small box 4 ------------------------------------------------------ -->
         <div class="col-lg-3 col-sm-6 col-xs-6">
           <a href="#" onclick="javascript: $('#tabEvents').trigger('click');">
-            <div  class="small-box bg-red pa-small-box-red pa-small-box-2">
-              <div class="inner"> <h3 id="deviceDownAlerts"> -- </h3> </div>
+            <div  class="small-box bg-red">
+              <div class="inner"> <h3 id="deviceDownAlerts"> -- </h3>
+                <p class="infobox_label"><?php echo $pia_lang['DevDetail_Shortcut_DownAlerts'];?></p>
+              </div>
               <div class="icon"> <i class="fa fa-warning"></i> </div>
-              <div class="small-box-footer pa-small-box-footer"> <?php echo $pia_lang['DevDetail_Shortcut_DownAlerts'];?> <i class="fa fa-arrow-circle-right"></i> </div>
             </div>
           </a>
         </div>
@@ -95,7 +99,10 @@
           <div id="navDevice" class="nav-tabs-custom">
             <ul class="nav nav-tabs" style="fon t-size:16px;">
               <li> <a id="tabDetails"  href="#panDetails"  data-toggle="tab"> <?php echo $pia_lang['DevDetail_Tab_Details'];?>  </a></li>
-              <li> <a id="tabNmap"     href="#panNmap"     data-toggle="tab"> <?php echo $pia_lang['DevDetail_Tab_Nmap'];?>     </a></li>
+<?php
+if ($_REQUEST['mac'] == 'Internet') { $DevDetail_Tap_temp = "Tools"; } else { $DevDetail_Tap_temp = $pia_lang['DevDetail_Tab_Nmap'];}
+?>
+              <li> <a id="tabNmap"     href="#panNmap"     data-toggle="tab"> <?php echo $DevDetail_Tap_temp;?>     </a></li>
               <li> <a id="tabSessions" href="#panSessions" data-toggle="tab"> <?php echo $pia_lang['DevDetail_Tab_Sessions'];?> </a></li>
               <li> <a id="tabPresence" href="#panPresence" data-toggle="tab"> <?php echo $pia_lang['DevDetail_Tab_Presence'];?> </a></li>
               <li> <a id="tabEvents"   href="#panEvents"   data-toggle="tab"> <?php echo $pia_lang['DevDetail_Tab_Events'];?>   </a></li>
@@ -114,7 +121,7 @@
 
 
 
-            <div class="tab-content" style="min-height: 430px">
+            <div class="tab-content" style="min-height: 430px;">
 
 <!-- tab page 1 ------------------------------------------------------------ -->
 <!--
diff --git a/front/devices.php b/front/devices.php
index 5cba1fbd..dcdea723 100644
--- a/front/devices.php
+++ b/front/devices.php
@@ -27,69 +27,74 @@
 
 <!-- top small box 1 ------------------------------------------------------- -->
       <div class="row">
-
         <div class="col-lg-2 col-sm-4 col-xs-6">
           <a href="#" onclick="javascript: getDevicesList('all');">
-            <div class="small-box bg-aqua pa-small-box-aqua pa-small-box-2">
-              <div class="inner"> <h3 id="devicesAll"> -- </h3> </div>
-              <div class="icon"> <i class="fa fa-laptop text-aqua-20"></i> </div>
-              <div class="small-box-footer pa-small-box-footer"> <?php echo $pia_lang['Device_Shortcut_AllDevices'];?> <i class="fa fa-arrow-circle-right"></i> </div>
+          <div class="small-box bg-aqua">
+            <div class="inner"><h3 id="devicesAll"> -- </h3>
+                <p class="infobox_label"><?php echo $pia_lang['Device_Shortcut_AllDevices'];?></p>
             </div>
+            <div class="icon"><i class="fa fa-laptop text-aqua-40"></i></div>
+          </div>
           </a>
         </div>
         
 <!-- top small box 2 ------------------------------------------------------- -->
         <div class="col-lg-2 col-sm-4 col-xs-6">
           <a href="#" onclick="javascript: getDevicesList('connected');">
-            <div class="small-box bg-green pa-small-box-green pa-small-box-2">
-              <div class="inner"> <h3 id="devicesConnected"> -- </h3> </div>
-              <div class="icon"> <i class="fa fa-plug text-green-20"></i> </div>
-              <div class="small-box-footer pa-small-box-footer"> <?php echo $pia_lang['Device_Shortcut_Connected'];?> <i class="fa fa-arrow-circle-right"></i> </div>
+          <div class="small-box bg-green">
+            <div class="inner"><h3 id="devicesConnected"> -- </h3>
+                <p class="infobox_label"><?php echo $pia_lang['Device_Shortcut_Connected'];?></p>
             </div>
+            <div class="icon"><i class="fa fa-plug text-green-40"></i></div>
+          </div>
           </a>
         </div>
 
 <!-- top small box 3 ------------------------------------------------------- -->
         <div class="col-lg-2 col-sm-4 col-xs-6">
           <a href="#" onclick="javascript: getDevicesList('favorites');">
-            <div  class="small-box bg-yellow pa-small-box-yellow pa-small-box-2">
-              <div class="inner"> <h3 id="devicesFavorites"> -- </h3> </div>
-              <div class="icon"> <i class="fa fa-star text-yellow-20"></i> </div>
-              <div class="small-box-footer pa-small-box-footer"> <?php echo $pia_lang['Device_Shortcut_Favorites'];?> <i class="fa fa-arrow-circle-right"></i> </div>
+          <div class="small-box bg-yellow">
+            <div class="inner"><h3 id="devicesFavorites"> -- </h3>
+                <p class="infobox_label"><?php echo $pia_lang['Device_Shortcut_Favorites'];?></p>
             </div>
+            <div class="icon"><i class="fa fa-star text-yellow-40"></i></div>
+          </div>
           </a>
         </div>
 
 <!-- top small box 4 ------------------------------------------------------- -->
         <div class="col-lg-2 col-sm-4 col-xs-6">
           <a href="#" onclick="javascript: getDevicesList('new');">
-            <div  class="small-box bg-yellow pa-small-box-yellow pa-small-box-2">
-              <div class="inner"> <h3 id="devicesNew"> -- </h3> </div>
-              <div class="icon"> <i class="ion ion-plus-round text-yellow-20"></i> </div>
-              <div class="small-box-footer pa-small-box-footer"> <?php echo $pia_lang['Device_Shortcut_NewDevices'];?> <i class="fa fa-arrow-circle-right"></i> </div>
+          <div class="small-box bg-yellow">
+            <div class="inner"><h3 id="devicesNew"> -- </h3>
+                <p class="infobox_label"><?php echo $pia_lang['Device_Shortcut_NewDevices'];?></p>
             </div>
+            <div class="icon"><i class="ion ion-plus-round text-yellow-40"></i></div>
+          </div>
           </a>
         </div>
 
 <!-- top small box 5 ------------------------------------------------------- -->
         <div class="col-lg-2 col-sm-4 col-xs-6">
           <a href="#" onclick="javascript: getDevicesList('down');">
-            <div  class="small-box bg-red pa-small-box-red pa-small-box-2">
-              <div class="inner"> <h3 id="devicesDown"> -- </h3> </div>
-              <div class="icon"> <i class="fa fa-warning text-red-20"></i> </div>
-              <div class="small-box-footer pa-small-box-footer"> <?php echo $pia_lang['Device_Shortcut_DownAlerts'];?> <i class="fa fa-arrow-circle-right"></i> </div>
+          <div class="small-box bg-red">
+            <div class="inner"><h3 id="devicesDown"> -- </h3>
+                <p class="infobox_label"><?php echo $pia_lang['Device_Shortcut_DownAlerts'];?></p>
             </div>
+            <div class="icon"><i class="fa fa-warning text-red-40"></i></div>
+          </div>
           </a>
         </div>
 
 <!-- top small box 6 ------------------------------------------------------- -->
         <div class="col-lg-2 col-sm-4 col-xs-6">
           <a href="#" onclick="javascript: getDevicesList('archived');">
-            <div  class="small-box bg-gray pa-small-box-gray pa-small-box-2">
-              <div class="inner"> <h3 id="devicesArchived"> -- </h3> </div>
-              <div class="icon"> <i class="fa fa-eye-slash text-gray-20"></i> </div>
-              <div class="small-box-footer pa-small-box-footer"> <?php echo $pia_lang['Device_Shortcut_Archived'];?> <i class="fa fa-arrow-circle-right"></i> </div>
+          <div class="small-box bg-gray top_small_box_gray_text">
+            <div class="inner"><h3 id="devicesArchived"> -- </h3>
+                <p class="infobox_label"><?php echo $pia_lang['Device_Shortcut_Archived'];?></p>
             </div>
+            <div class="icon"><i class="fa fa-eye-slash text-gray-40"></i></div>
+          </div>
           </a>
         </div>
 
diff --git a/front/events.php b/front/events.php
index feabbb3d..0655c08a 100644
--- a/front/events.php
+++ b/front/events.php
@@ -40,10 +40,11 @@
 
         <div class="col-lg-2 col-sm-4 col-xs-6">
           <a href="#" onclick="javascript: getEvents('all');">
-            <div class="small-box bg-aqua pa-small-box-aqua pa-small-box-2">
-              <div class="inner"> <h3 id="eventsAll"> -- </h3> </div>
-              <div class="icon"> <i class="fa fa-bolt text-aqua-20"></i> </div>
-              <div class="small-box-footer pa-small-box-footer"> <?php echo $pia_lang['Events_Shortcut_AllEvents'];?> <i class="fa fa-arrow-circle-right"></i> </div>
+            <div class="small-box bg-aqua">
+              <div class="inner"> <h3 id="eventsAll"> -- </h3>
+                <p class="infobox_label"><?php echo $pia_lang['Events_Shortcut_AllEvents'];?></p>
+              </div>
+              <div class="icon"> <i class="fa fa-bolt text-aqua-40"></i> </div>
             </div>
           </a>
         </div>
@@ -51,10 +52,11 @@
 <!-- top small box --------------------------------------------------------- -->
         <div class="col-lg-2 col-sm-4 col-xs-6">
           <a href="#" onclick="javascript: getEvents('sessions');">
-            <div class="small-box bg-green pa-small-box-green pa-small-box-2">
-              <div class="inner"> <h3 id="eventsSessions"> -- </h3> </div>
-              <div class="icon"> <i class="fa fa-plug text-green-20"></i> </div>
-              <div class="small-box-footer pa-small-box-footer"> <?php echo $pia_lang['Events_Shortcut_Sessions'];?> <i class="fa fa-arrow-circle-right"></i> </div>
+            <div class="small-box bg-green">
+              <div class="inner"> <h3 id="eventsSessions"> -- </h3>
+                <p class="infobox_label"><?php echo $pia_lang['Events_Shortcut_Sessions'];?></p>
+              </div>
+              <div class="icon"> <i class="fa fa-plug text-green-40"></i> </div>
             </div>
           </a>
         </div>
@@ -62,10 +64,11 @@
 <!-- top small box --------------------------------------------------------- -->
         <div class="col-lg-2 col-sm-4 col-xs-6">
           <a href="#" onclick="javascript: getEvents('missing');">
-            <div  class="small-box bg-yellow pa-small-box-yellow pa-small-box-2">
-              <div class="inner"> <h3 id="eventsMissing"> -- </h3> </div>
-              <div class="icon"> <i class="fa fa-exchange text-yellow-20"></i> </div>
-              <div class="small-box-footer pa-small-box-footer"> <?php echo $pia_lang['Events_Shortcut_MissSessions'];?> <i class="fa fa-arrow-circle-right"></i> </div>
+            <div  class="small-box bg-yellow">
+              <div class="inner"> <h3 id="eventsMissing"> -- </h3>
+                <p class="infobox_label"><?php echo $pia_lang['Events_Shortcut_MissSessions'];?></p>
+              </div>
+              <div class="icon"> <i class="fa fa-exchange text-yellow-40"></i> </div>
             </div>
           </a>
         </div>
@@ -73,10 +76,11 @@
 <!-- top small box --------------------------------------------------------- -->
         <div class="col-lg-2 col-sm-4 col-xs-6">
           <a href="#" onclick="javascript: getEvents('voided');">
-            <div  class="small-box bg-yellow pa-small-box-yellow pa-small-box-2">
-              <div class="inner"> <h3 id="eventsVoided"> -- </h3> </div>
-              <div class="icon text-aqua-20"> <i class="fa fa-exclamation-circle text-yellow-20"></i> </div>
-              <div class="small-box-footer pa-small-box-footer"> <?php echo $pia_lang['Events_Shortcut_VoidSessions'];?> <i class="fa fa-arrow-circle-right"></i> </div>
+            <div  class="small-box bg-yellow">
+              <div class="inner"> <h3 id="eventsVoided"> -- </h3>
+                <p class="infobox_label"><?php echo $pia_lang['Events_Shortcut_VoidSessions'];?></p>
+              </div>
+              <div class="icon"> <i class="fa fa-exclamation-circle text-yellow-40"></i> </div>
             </div>
           </a>
         </div>
@@ -84,10 +88,11 @@
 <!-- top small box --------------------------------------------------------- -->
         <div class="col-lg-2 col-sm-4 col-xs-6">
           <a href="#" onclick="javascript: getEvents('new');">
-            <div  class="small-box bg-yellow pa-small-box-yellow pa-small-box-2">
-              <div class="inner"> <h3 id="eventsNewDevices"> -- </h3> </div>
-              <div class="icon"> <i class="ion ion-plus-round text-yellow-20"></i> </div>
-              <div class="small-box-footer pa-small-box-footer"> <?php echo $pia_lang['Events_Shortcut_NewDevices'];?> <i class="fa fa-arrow-circle-right"></i> </div>
+            <div  class="small-box bg-yellow">
+              <div class="inner"> <h3 id="eventsNewDevices"> -- </h3>
+                <p class="infobox_label"><?php echo $pia_lang['Events_Shortcut_NewDevices'];?></p>
+              </div>
+              <div class="icon"> <i class="ion ion-plus-round text-yellow-40"></i> </div>
             </div>
           </a>
         </div>
@@ -95,10 +100,11 @@
 <!-- top small box --------------------------------------------------------- -->
         <div class="col-lg-2 col-sm-4 col-xs-6">
           <a href="#" onclick="javascript: getEvents('down');">
-            <div  class="small-box bg-red pa-small-box-red pa-small-box-2">
-              <div class="inner"> <h3 id="eventsDown"> -- </h3> </div>
-              <div class="icon"> <i class="fa fa-warning text-red-20"></i> </div>
-              <div class="small-box-footer pa-small-box-footer"> <?php echo $pia_lang['Events_Shortcut_DownAlerts'];?> <i class="fa fa-arrow-circle-right"></i> </div>
+            <div  class="small-box bg-red">
+              <div class="inner"> <h3 id="eventsDown"> -- </h3>
+                <p class="infobox_label"><?php echo $pia_lang['Events_Shortcut_DownAlerts'];?></p>
+              </div>
+              <div class="icon"> <i class="fa fa-warning text-red-40"></i> </div>
             </div>
           </a>
         </div>
diff --git a/front/maintenance.php b/front/maintenance.php
index 093fbedb..7ce27733 100644
--- a/front/maintenance.php
+++ b/front/maintenance.php
@@ -161,14 +161,13 @@ if (submit && isset($_POST['langselector_set'])) {
 }
 ?>
 
-
       <div class="row">
           <div class="col-md-12">
           <div class="box" id="Maintain-Status">
               <div class="box-header with-border">
                 <h3 class="box-title">Status</h3>
               </div>
-              <div class="box-body">
+              <div class="box-body" style="padding-bottom: 5px;">
                 <div class="db_info_table">
                     <div class="db_info_table_row">
                         <div class="db_info_table_cell" style="min-width: 140px"><?php echo $pia_lang['Maintenance_database_path'];?></div>
@@ -206,19 +205,39 @@ if (submit && isset($_POST['langselector_set'])) {
           </div>
       </div>
 
-      <div class="row">
-          <div class="col-md-12">
-          <div class="box" id="Maintain-Skin">
-              <div class="box-header with-border">
-                <h3 class="box-title"><?php echo $pia_lang['Maintenance_themeselector_lable'];?>:</h3>
-              </div>
-              <div class="box-body">
-                <form method="post" action="maintenance.php">
+
+    <div class="nav-tabs-custom">
+    <ul class="nav nav-tabs">
+        <li class="active"><a href="#tab_Settings" data-toggle="tab">Settings</a></li>
+        <li><a href="#tab_DBTools" data-toggle="tab">DB Tools</a></li>
+        <li><a href="#tab_BackupRestore" data-toggle="tab">Backup / Restore</a></li>
+    </ul>
+    <div class="tab-content">
+        <div class="tab-pane active" id="tab_Settings">
                 <div class="db_info_table">
                     <div class="db_info_table_row">
-                        <div class="db_info_table_cell" style="padding-left: 5px; height:50px; text-align:center; vertical-align: middle;">
+                        <div class="db_tools_table_cell_a" style="text-align:center;">
+                            <form method="post" action="maintenance.php">
                             <div style="display: inline-block;">
-                                <select name="skinselector">
+                                <select name="langselector" class="form-control bg-green" style="width:160px; margin-bottom:5px;">
+                                    <option value=""><?php echo $pia_lang['Maintenance_lang_selector_empty'];?></option>
+                                    <option value="en_us"><?php echo $pia_lang['Maintenance_lang_en_us'];?></option>
+                                    <option value="de_de"><?php echo $pia_lang['Maintenance_lang_de_de'];?></option>
+                                </select></div>
+                            <div style="display: block;"><input type="submit" name="langselector_set" value="<?php echo $pia_lang['Maintenance_lang_selector_apply'];?>" class="btn bg-green" style="width:160px;">
+                                <?php echo $pia_lang_test; ?>
+                            </div>
+                            </form>
+                        </div>
+                        <div class="db_info_table_cell" style="padding: 10px; height:40px; text-align:left; vertical-align: middle;">
+                            <?php echo $pia_lang['Maintenance_lang_selector_text'];?>
+                        </div>
+                    </div>
+                    <div class="db_info_table_row">
+                        <div class="db_tools_table_cell_a" style="text-align: center;">
+                            <form method="post" action="maintenance.php">
+                            <div style="display: inline-block; text-align: center;">
+                                <select name="skinselector" class="form-control bg-green" style="width:160px; margin-bottom:5px;">
                                     <option value=""><?php echo $pia_lang['Maintenance_themeselector_empty'];?></option>
                                     <option value="skin-black-light">black light</option>
                                     <option value="skin-black">black</option>
@@ -233,113 +252,68 @@ if (submit && isset($_POST['langselector_set'])) {
                                     <option value="skin-yellow-light">yellow light</option>
                                     <option value="skin-yellow">yellow</option>
                                 </select></div>
-                            <div style="display: inline-block;"><input type="submit" name="skinselector_set" value="Okay">
+                            <div style="display: block;"><input type="submit" name="skinselector_set" value="<?php echo $pia_lang['Maintenance_themeselector_apply'];?>" class="btn bg-green" style="width:160px;">
                                 <?php echo $pia_skin_test; ?>
                             </div>
+                            </form>
                         </div>
-                    </div>
-                    <div class="db_info_table_row">
-                        <div class="db_info_table_cell" style="padding: 10px; height:40px; text-align:center; vertical-align: middle;">
+                        <div class="db_info_table_cell" style="padding: 10px; height:40px; text-align:left; vertical-align: middle;">
                             <?php echo $pia_lang['Maintenance_themeselector_text'];?>
-                        </div>
-                    </div>
-                </div>
-                </form>
-              </div>
-              <!-- /.box-body -->
-            </div>
-          </div>
-      </div>
-
-
-      <div class="row">
-          <div class="col-md-12">
-          <div class="box" id="Maintain-Lang">
-              <div class="box-header with-border">
-                <h3 class="box-title"><?php echo $pia_lang['Maintenance_lang_selector_lable'];?>:</h3>
-              </div>
-              <div class="box-body">
-                <form method="post" action="maintenance.php">
-                <div class="db_info_table">
-                    <div class="db_info_table_row">
-                        <div class="db_info_table_cell" style="padding-left: 5px; height:50px; text-align:center; vertical-align: middle;">
-                            <div style="display: inline-block;">
-                                <select name="langselector">
-                                    <option value=""><?php echo $pia_lang['Maintenance_lang_selector_empty'];?></option>
-                                    <option value="en_us"><?php echo $pia_lang['Maintenance_lang_en_us'];?></option>
-                                    <option value="de_de"><?php echo $pia_lang['Maintenance_lang_de_de'];?></option>
-                                </select></div>
-                            <div style="display: inline-block;"><input type="submit" name="langselector_set" value="Okay">
-                                <?php echo $pia_lang_test; ?>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="db_info_table_row">
-                        <div class="db_info_table_cell" style="padding: 10px; height:40px; text-align:center; vertical-align: middle;">
-                            <?php echo $pia_lang['Maintenance_lang_selector_text'];?>
-                        </div>
-                    </div>
-                </div>
-                </form>
-              </div>
-              <!-- /.box-body -->
-            </div>
-          </div>
-      </div>
-
-      <div class="row">
-          <div class="col-md-12">
-          <div class="box" id="Maintain-Tools">
-              <div class="box-header with-border">
-                <h3 class="box-title">Tools:</h3>
-              </div>
-              <div class="box-body">
-                <div class="db_info_table">
-                    <div class="db_info_table_row">
-                        <div class="db_tools_table_cell_a" style="">
-                            <button type="button" class="btn btn-default pa-btn pa-btn-delete bg-green dbtools-button" id="btnPiaEnableDarkmode" style="border-top: solid 3px #00a65a;" onclick="askPiaEnableDarkmode()"><?php echo $pia_lang['Maintenance_Tool_darkmode'];?></button>
-                        </div>
-                        <div class="db_tools_table_cell_b" style=""><?php echo $pia_lang['Maintenance_Tool_darkmode_text'];?></div>
+                        </div>    
                     </div>
                     <div class="db_info_table_row">
                         <div class="db_tools_table_cell_a">
-                            <button type="button" class="btn btn-default pa-btn pa-btn-delete bg-yellow dbtools-button" id="btnPiaToggleArpScan" style="border-top: solid 3px #ffd080;" onclick="askPiaToggleArpScan()"><?php echo $pia_lang['Maintenance_Tool_arpscansw'];?></button>
+                            <button type="button" class="btn bg-green dbtools-button" id="btnPiaEnableDarkmode" onclick="askPiaEnableDarkmode()"><?php echo $pia_lang['Maintenance_Tool_darkmode'];?></button>
                         </div>
-                        <div class="db_tools_table_cell_b" style=""><?php echo $pia_lang['Maintenance_Tool_arpscansw_text'];?></div>
+                        <div class="db_tools_table_cell_b"><?php echo $pia_lang['Maintenance_Tool_darkmode_text'];?></div>
                     </div>
+                    <div class="db_info_table_row">
+                        <div class="db_tools_table_cell_a">
+                            <button type="button" class="btn bg-yellow dbtools-button" id="btnPiaToggleArpScan" onclick="askPiaToggleArpScan()"><?php echo $pia_lang['Maintenance_Tool_arpscansw'];?></button>
+                        </div>
+                        <div class="db_tools_table_cell_b"><?php echo $pia_lang['Maintenance_Tool_arpscansw_text'];?></div>
+                    </div>
+                </div>
+        </div>
+        <div class="tab-pane" id="tab_DBTools">
+                <div class="db_info_table">
                     <div class="db_info_table_row">
                         <div class="db_tools_table_cell_a" style="">
-                            <button type="button" class="btn btn-default pa-btn pa-btn-delete bg-red dbtools-button" id="btnDeleteMAC" style="border-top: solid 3px #dd4b39;" onclick="askDeleteDevicesWithEmptyMACs()"><?php echo $pia_lang['Maintenance_Tool_del_empty_macs'];?></button>
+                            <button type="button" class="btn btn-default pa-btn pa-btn-delete bg-red dbtools-button" id="btnDeleteMAC" onclick="askDeleteDevicesWithEmptyMACs()"><?php echo $pia_lang['Maintenance_Tool_del_empty_macs'];?></button>
                         </div>
                         <div class="db_tools_table_cell_b"><?php echo $pia_lang['Maintenance_Tool_del_empty_macs_text'];?></div>
                     </div>
                     <div class="db_info_table_row">
                         <div class="db_tools_table_cell_a" style="">
-                            <button type="button" class="btn btn-default pa-btn pa-btn-delete bg-red dbtools-button" id="btnDeleteMAC" style="border-top: solid 3px #dd4b39;" onclick="askDeleteAllDevices()"><?php echo $pia_lang['Maintenance_Tool_del_alldev'];?></button>
+                            <button type="button" class="btn btn-default pa-btn pa-btn-delete bg-red dbtools-button" id="btnDeleteMAC" onclick="askDeleteAllDevices()"><?php echo $pia_lang['Maintenance_Tool_del_alldev'];?></button>
                         </div>
                         <div class="db_tools_table_cell_b"><?php echo $pia_lang['Maintenance_Tool_del_alldev_text'];?></div>
                     </div>
                     <div class="db_info_table_row">
                         <div class="db_tools_table_cell_a" style="">
-                            <button type="button" class="btn btn-default pa-btn pa-btn-delete bg-red dbtools-button" id="btnDeleteUnknown" style="border-top: solid 3px #dd4b39;" onclick="askDeleteUnknown()"><?php echo $pia_lang['Maintenance_Tool_del_unknowndev'];?></button>
+                            <button type="button" class="btn btn-default pa-btn pa-btn-delete bg-red dbtools-button" id="btnDeleteUnknown" onclick="askDeleteUnknown()"><?php echo $pia_lang['Maintenance_Tool_del_unknowndev'];?></button>
                         </div>
                         <div class="db_tools_table_cell_b"><?php echo $pia_lang['Maintenance_Tool_del_unknowndev_text'];?></div>
                     </div>
                     <div class="db_info_table_row">
                         <div class="db_tools_table_cell_a" style="">
-                            <button type="button" class="btn btn-default pa-btn pa-btn-delete bg-red dbtools-button" id="btnDeleteEvents" style="border-top: solid 3px #dd4b39;" onclick="askDeleteEvents()"><?php echo $pia_lang['Maintenance_Tool_del_allevents'];?></button>
+                            <button type="button" class="btn btn-default pa-btn pa-btn-delete bg-red dbtools-button" id="btnDeleteEvents" onclick="askDeleteEvents()"><?php echo $pia_lang['Maintenance_Tool_del_allevents'];?></button>
                         </div>
                         <div class="db_tools_table_cell_b"><?php echo $pia_lang['Maintenance_Tool_del_allevents_text'];?></div>
                     </div>
+                </div>
+        </div>
+        <div class="tab-pane" id="tab_BackupRestore">
+                <div class="db_info_table">
                     <div class="db_info_table_row">
                         <div class="db_tools_table_cell_a" style="">
-                            <button type="button" class="btn btn-default pa-btn pa-btn-delete bg-red dbtools-button" id="btnPiaBackupDBtoArchive" style="border-top: solid 3px #dd4b39;" onclick="askPiaBackupDBtoArchive()"><?php echo $pia_lang['Maintenance_Tool_backup'];?></button>
+                            <button type="button" class="btn btn-default pa-btn pa-btn-delete bg-red dbtools-button" id="btnPiaBackupDBtoArchive" onclick="askPiaBackupDBtoArchive()"><?php echo $pia_lang['Maintenance_Tool_backup'];?></button>
                         </div>
                         <div class="db_tools_table_cell_b"><?php echo $pia_lang['Maintenance_Tool_backup_text'];?></div>
                     </div>
                     <div class="db_info_table_row">
                         <div class="db_tools_table_cell_a" style="">
-                            <button type="button" class="btn btn-default pa-btn pa-btn-delete bg-red dbtools-button" id="btnPiaRestoreDBfromArchive" style="border-top: solid 3px #dd4b39;" onclick="askPiaRestoreDBfromArchive()"><?php echo $pia_lang['Maintenance_Tool_restore'];?><br><?php echo $latestbackup_date;?></button>
+                            <button type="button" class="btn btn-default pa-btn pa-btn-delete bg-red dbtools-button" id="btnPiaRestoreDBfromArchive" onclick="askPiaRestoreDBfromArchive()"><?php echo $pia_lang['Maintenance_Tool_restore'];?><br><?php echo $latestbackup_date;?></button>
                         </div>
                         <div class="db_tools_table_cell_b"><?php echo $pia_lang['Maintenance_Tool_restore_text'];?></div>
                     </div>
@@ -350,11 +324,11 @@ if (submit && isset($_POST['langselector_set'])) {
                         <div class="db_tools_table_cell_b"><?php echo $pia_lang['Maintenance_Tool_upgrade_database_text'];?></div>
                     </div>
                 </div>
-             </div>
-              <!-- /.box-body -->
-            </div>
-          </div>
-      </div>
+        </div>
+    </div>
+</div>
+
+
 
 <div style="width: 100%; height: 20px;"></div>
     <!-- ----------------------------------------------------------------------- -->
@@ -429,7 +403,6 @@ function deleteEvents()
   });
 }
 
-
 // Backup DB to Archive 
 function askPiaBackupDBtoArchive () {
   // Ask 
@@ -444,7 +417,6 @@ function PiaBackupDBtoArchive()
   });
 }
 
-
 // Restore DB from Archive 
 function askPiaRestoreDBfromArchive () {
   // Ask 
diff --git a/front/php/templates/language/de_de.php b/front/php/templates/language/de_de.php
index 17600d43..a49e6f2c 100644
--- a/front/php/templates/language/de_de.php
+++ b/front/php/templates/language/de_de.php
@@ -12,7 +12,7 @@ $pia_lang['Device_Shortcut_AllDevices'] = 'Alle Geräte';
 $pia_lang['Device_Shortcut_Connected'] = 'Verbunden';
 $pia_lang['Device_Shortcut_Favorites'] = 'Favoriten';
 $pia_lang['Device_Shortcut_NewDevices'] = 'Neue Geräte';
-$pia_lang['Device_Shortcut_DownAlerts'] = 'Down Meldung';
+$pia_lang['Device_Shortcut_DownAlerts'] = 'Down Meldungen';
 $pia_lang['Device_Shortcut_Archived'] = 'Archiviert';
 $pia_lang['Device_Shortcut_Devices'] = 'Geräte';
 $pia_lang['Device_Shortcut_OnlineChart_a'] = 'Netzwerkaktivität über die letzten';
@@ -45,7 +45,7 @@ $pia_lang['Presence_Shortcut_AllDevices'] = 'Alle Geräte';
 $pia_lang['Presence_Shortcut_Connected'] = 'Verbunden';
 $pia_lang['Presence_Shortcut_Favorites'] = 'Favoriten';
 $pia_lang['Presence_Shortcut_NewDevices'] = 'Neue Geräte';
-$pia_lang['Presence_Shortcut_DownAlerts'] = 'Down Meldung';
+$pia_lang['Presence_Shortcut_DownAlerts'] = 'Down Meldungen';
 $pia_lang['Presence_Shortcut_Archived'] = 'Archiviert';
 $pia_lang['Presence_Shortcut_Devices'] = 'Geräte';
 
@@ -69,10 +69,10 @@ $pia_lang['Events_Periodselect_LastYear'] = 'Letztes Jahr';
 $pia_lang['Events_Periodselect_All'] = 'Alle Ereignisse';
 $pia_lang['Events_Shortcut_AllEvents'] = 'Alle Ereignisse';
 $pia_lang['Events_Shortcut_Sessions'] = 'Sitzungen';
-$pia_lang['Events_Shortcut_MissSessions'] = 'fehlende Sitzg.';
-$pia_lang['Events_Shortcut_VoidSessions'] = 'beendete Sitzg.';
+$pia_lang['Events_Shortcut_MissSessions'] = 'fehlende Sitzungen';
+$pia_lang['Events_Shortcut_VoidSessions'] = 'beendete Sitzungen';
 $pia_lang['Events_Shortcut_NewDevices'] = 'Neue Geräte';
-$pia_lang['Events_Shortcut_DownAlerts'] = 'Down Meldung';
+$pia_lang['Events_Shortcut_DownAlerts'] = 'Down Meldungen';
 $pia_lang['Events_Shortcut_Events'] = 'Ereignisse';
 $pia_lang['Events_TableHead_Order'] = 'Order';
 $pia_lang['Events_TableHead_Device'] = 'Gerät';
@@ -105,7 +105,7 @@ $pia_lang['DevDetail_Periodselect_All'] = 'Alle Infos';
 $pia_lang['DevDetail_Shortcut_CurrentStatus'] = 'aktueller Status';
 $pia_lang['DevDetail_Shortcut_Sessions'] = 'Sitzungen';
 $pia_lang['DevDetail_Shortcut_Presence'] = 'Anwesenheit';
-$pia_lang['DevDetail_Shortcut_DownAlerts'] = 'Down Meldung';
+$pia_lang['DevDetail_Shortcut_DownAlerts'] = 'Down Meldungen';
 $pia_lang['DevDetail_Tab_Details'] = 'Details';
 $pia_lang['DevDetail_Tab_Nmap'] = 'Nmap';
 $pia_lang['DevDetail_Tab_Sessions'] = 'Sitzungen';
@@ -169,11 +169,13 @@ $pia_lang['Maintenance_arp_status_on'] = 'Scan(s) sind gerade aktiv';
 $pia_lang['Maintenance_themeselector_lable'] = 'Skin Auswahl';
 $pia_lang['Maintenance_themeselector_empty'] = 'Skin wählen';
 $pia_lang['Maintenance_themeselector_text'] = 'Die Änderung findet serverseitig statt, betrifft also alle verwendeten Geräte.';
+$pia_lang['Maintenance_themeselector_apply'] = 'Übernehmen';
 $pia_lang['Maintenance_lang_selector_lable'] = 'Sprachauswahl';
 $pia_lang['Maintenance_lang_selector_empty'] = 'Sprache wählen';
 $pia_lang['Maintenance_lang_en_us'] = 'Englisch (US)';
 $pia_lang['Maintenance_lang_de_de'] = 'Deutsch (DE)';
 $pia_lang['Maintenance_lang_selector_text'] = 'Die Änderung findet serverseitig statt, betrifft also alle verwendeten Geräte.';
+$pia_lang['Maintenance_lang_selector_apply'] = 'Übernehmen';
 $pia_lang['Maintenance_Tool_darkmode'] = 'Darstellungswechsel (Dunkel/Hell)';
 $pia_lang['Maintenance_Tool_darkmode_text'] = 'Wechselt zwischen der hellen und der dunklen Darstellung. Wenn der Wechsel nicht richtig funktionieren sollte, versuchen Sie den Browsercache zu löschen. Die Änderung findet serverseitig statt, betrifft also alle verwendeten Geräte.';
 $pia_lang['Maintenance_Tool_darkmode_noti'] = 'Darstellungswechsel';
diff --git a/front/php/templates/language/en_us.php b/front/php/templates/language/en_us.php
index b0b9a094..6980a6b1 100644
--- a/front/php/templates/language/en_us.php
+++ b/front/php/templates/language/en_us.php
@@ -168,12 +168,14 @@ $pia_lang['Maintenance_arp_status_off'] = 'is currently disabled';
 $pia_lang['Maintenance_arp_status_on'] = 'scan(s) currently running';
 $pia_lang['Maintenance_themeselector_lable'] = 'Select Skin';
 $pia_lang['Maintenance_themeselector_empty'] = 'Choose a Skin';
+$pia_lang['Maintenance_themeselector_apply'] = 'Apply';
 $pia_lang['Maintenance_themeselector_text'] = 'The change takes place on the server side, so it affects all devices in use.';
 $pia_lang['Maintenance_lang_selector_lable'] = 'Select Language';
 $pia_lang['Maintenance_lang_selector_empty'] = 'Choose Language';
 $pia_lang['Maintenance_lang_en_us'] = 'English (US)';
 $pia_lang['Maintenance_lang_de_de'] = 'German (DE)';
 $pia_lang['Maintenance_lang_selector_text'] = 'The change takes place on the server side, so it affects all devices in use.';
+$pia_lang['Maintenance_lang_selector_apply'] = 'Apply';
 $pia_lang['Maintenance_Tool_darkmode'] = 'Toggle Modes (Dark/Light)';
 $pia_lang['Maintenance_Tool_darkmode_text'] = 'Toggle between dark mode and light mode. If the switch does not work properly, try to clear the browser cache. The change takes place on the server side, so it affects all devices in use.';
 $pia_lang['Maintenance_Tool_darkmode_noti'] = 'Toggle Modes';
diff --git a/front/presence.php b/front/presence.php
index 864cd7e1..5ab20310 100644
--- a/front/presence.php
+++ b/front/presence.php
@@ -30,21 +30,23 @@
 
         <div class="col-lg-2 col-sm-4 col-xs-6">
           <a href="#" onclick="javascript: getDevicesPresence('all');">
-            <div class="small-box bg-aqua pa-small-box-aqua pa-small-box-2">
-              <div class="inner"> <h3 id="devicesAll"> -- </h3> </div>
-              <div class="icon"> <i class="fa fa-laptop text-aqua-20"></i> </div>
-              <div class="small-box-footer pa-small-box-footer"> <?php echo $pia_lang['Presence_Shortcut_AllDevices'];?> <i class="fa fa-arrow-circle-right"></i> </div>
+          <div class="small-box bg-aqua">
+            <div class="inner"><h3 id="devicesAll"> -- </h3>
+                <p class="infobox_label"><?php echo $pia_lang['Presence_Shortcut_AllDevices'];?></p>
             </div>
+            <div class="icon"><i class="fa fa-laptop text-aqua-40"></i></div>
+          </div>
           </a>
         </div>
 
 <!-- top small box 2 ------------------------------------------------------- -->
         <div class="col-lg-2 col-sm-4 col-xs-6">
           <a href="#" onclick="javascript: getDevicesPresence('connected');">
-            <div class="small-box bg-green pa-small-box-green pa-small-box-2">
-              <div class="inner"> <h3 id="devicesConnected"> -- </h3> </div>
-              <div class="icon"> <i class="fa fa-plug text-green-20"></i> </div>
-              <div class="small-box-footer pa-small-box-footer"> <?php echo $pia_lang['Presence_Shortcut_Connected'];?> <i class="fa fa-arrow-circle-right"></i> </div>
+            <div class="small-box bg-green">
+              <div class="inner"> <h3 id="devicesConnected"> -- </h3> 
+                  <p class="infobox_label"><?php echo $pia_lang['Presence_Shortcut_Connected'];?></p>
+              </div>
+              <div class="icon"> <i class="fa fa-plug text-green-40"></i> </div>
             </div>
           </a>
         </div>
@@ -52,10 +54,11 @@
 <!-- top small box 3 ------------------------------------------------------- -->
         <div class="col-lg-2 col-sm-4 col-xs-6">
           <a href="#" onclick="javascript: getDevicesPresence('favorites');">
-            <div  class="small-box bg-yellow pa-small-box-yellow pa-small-box-2">
-              <div class="inner"> <h3 id="devicesFavorites"> -- </h3> </div>
-              <div class="icon"> <i class="fa fa-star text-yellow-20"></i> </div>
-              <div class="small-box-footer pa-small-box-footer"> <?php echo $pia_lang['Presence_Shortcut_Favorites'];?> <i class="fa fa-arrow-circle-right"></i> </div>
+            <div  class="small-box bg-yellow">
+              <div class="inner"> <h3 id="devicesFavorites"> -- </h3>
+                <p class="infobox_label"><?php echo $pia_lang['Presence_Shortcut_Favorites'];?></p>
+              </div>
+              <div class="icon"> <i class="fa fa-star text-yellow-40"></i> </div>
             </div>
           </a>
         </div>
@@ -63,10 +66,11 @@
 <!-- top small box 4 ------------------------------------------------------- -->
         <div class="col-lg-2 col-sm-4 col-xs-6">
           <a href="#" onclick="javascript: getDevicesPresence('new');">
-            <div  class="small-box bg-yellow pa-small-box-yellow pa-small-box-2">
-              <div class="inner"> <h3 id="devicesNew"> -- </h3> </div>
-              <div class="icon"> <i class="ion ion-plus-round text-yellow-20"></i> </div>
-              <div class="small-box-footer pa-small-box-footer"> <?php echo $pia_lang['Presence_Shortcut_NewDevices'];?> <i class="fa fa-arrow-circle-right"></i> </div>
+            <div  class="small-box bg-yellow">
+              <div class="inner"> <h3 id="devicesNew"> -- </h3>
+                <p class="infobox_label"><?php echo $pia_lang['Presence_Shortcut_NewDevices'];?></p>
+              </div>
+              <div class="icon"> <i class="ion ion-plus-round text-yellow-40"></i> </div>
             </div>
           </a>
         </div>
@@ -74,10 +78,11 @@
 <!-- top small box 5 ------------------------------------------------------- -->
         <div class="col-lg-2 col-sm-4 col-xs-6">
           <a href="#" onclick="javascript: getDevicesPresence('down');">
-            <div  class="small-box bg-red pa-small-box-red pa-small-box-2">
-              <div class="inner"> <h3 id="devicesDown"> -- </h3> </div>
-              <div class="icon"> <i class="fa fa-warning text-red-20"></i> </div>
-              <div class="small-box-footer pa-small-box-footer"> <?php echo $pia_lang['Presence_Shortcut_DownAlerts'];?> <i class="fa fa-arrow-circle-right"></i> </div>
+            <div  class="small-box bg-red">
+              <div class="inner"> <h3 id="devicesDown"> -- </h3>
+                <p class="infobox_label"><?php echo $pia_lang['Presence_Shortcut_DownAlerts'];?></p>
+              </div>
+              <div class="icon"> <i class="fa fa-warning text-red-40"></i> </div>
             </div>
           </a>
         </div>
@@ -85,10 +90,11 @@
 <!-- top small box 6 ------------------------------------------------------- -->
         <div class="col-lg-2 col-sm-4 col-xs-6">
           <a href="#" onclick="javascript: getDevicesPresence('archived');">
-            <div  class="small-box bg-gray pa-small-box-gray pa-small-box-2">
-              <div class="inner"> <h3 id="devicesHidden"> -- </h3> </div>
-              <div class="icon"> <i class="fa fa-eye-slash text-gray-20"></i> </div>
-              <div class="small-box-footer pa-small-box-footer"> <?php echo $pia_lang['Presence_Shortcut_Archived'];?> <i class="fa fa-arrow-circle-right"></i> </div>
+            <div  class="small-box bg-gray top_small_box_gray_text">
+              <div class="inner"> <h3 id="devicesHidden"> -- </h3>
+                <p class="infobox_label"><?php echo $pia_lang['Presence_Shortcut_Archived'];?></p>
+              </div>
+              <div class="icon"> <i class="fa fa-eye-slash text-gray-40"></i> </div>
             </div>
           </a>
         </div>